@font-face {
  font-family: "DCH Sans";
  src: url("../fonts/DCHSans-Wordmark-VF.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
}

:root {
  color-scheme: light dark;
  --dafa-bg: #f8f7f3;
  --dafa-surface: #ffffff;
  --dafa-surface-elevated: #ffffff;
  --dafa-surface-muted: #edeee8;
  --dafa-text: #202a29;
  --dafa-text-soft: #616b67;
  --dafa-border: #dedfd8;
  --dafa-accent: #b8451f;
  --dafa-accent-strong: #a93616;
  --dafa-accent-soft: #f9e6de;
  --dafa-on-accent: #fffaf6;
  --dafa-shadow: 0 16px 44px rgb(71 59 49 / 0.1);
  --dafa-radius: 12px;
  
  --dafa-control-solid: var(--dafa-text);
  --dafa-accent-action-hover: color-mix(in srgb, var(--dafa-accent) 92%, #000);
  --dafa-control-solid-hover: var(--dafa-accent-action-hover);
  --dafa-on-control: var(--dafa-surface);
  --dafa-action-hover-shadow: 0 5px 12px rgb(0 0 0 / 18%), 0 1px 3px rgb(0 0 0 / 12%);
  --dafa-control-sheen: none;
  --dafa-button-sheen: none;
  --dafa-button-hover-gradient-light: linear-gradient(var(--dafa-accent), var(--dafa-accent));
  --dafa-button-hover-gradient-dark: linear-gradient(var(--dafa-accent), var(--dafa-accent));
  --dafa-button-hover-gradient: var(--dafa-button-hover-gradient-light);
  --dafa-container: 1280px;
  --dafa-reading: 840px;
  --dafa-header-height: 72px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --dafa-bg: #12161d;
    --dafa-surface: #1a2029;
    --dafa-surface-elevated: #202833;
    --dafa-surface-muted: #242c37;
    --dafa-text: #edf0f4;
    --dafa-text-soft: #abb3bf;
    --dafa-border: #333c48;
    --dafa-accent: #eb7448;
    --dafa-accent-strong: #ff9a73;
    --dafa-accent-soft: #40271f;
    --dafa-on-accent: #16110f;
    --dafa-button-hover-gradient: var(--dafa-button-hover-gradient-dark);
    --dafa-shadow: 0 18px 48px rgb(4 7 11 / 0.32);
  }
}

html.dafa-color-light,
body.dafa-color-light {
  color-scheme: light;
  --dafa-bg: #f8f7f3;
  --dafa-surface: #ffffff;
  --dafa-surface-elevated: #ffffff;
  --dafa-surface-muted: #edeee8;
  --dafa-text: #202a29;
  --dafa-text-soft: #616b67;
  --dafa-border: #dedfd8;
  --dafa-on-accent: #fffaf6;
  --dafa-button-hover-gradient: var(--dafa-button-hover-gradient-light);
  --dafa-shadow: 0 16px 44px rgb(71 59 49 / 0.1);
}

html.dafa-color-dark,
body.dafa-color-dark {
  color-scheme: dark;
  --dafa-bg: #12161d;
  --dafa-surface: #1a2029;
  --dafa-surface-elevated: #202833;
  --dafa-surface-muted: #242c37;
  --dafa-text: #edf0f4;
  --dafa-text-soft: #abb3bf;
  --dafa-border: #333c48;
  --dafa-on-accent: #16110f;
  --dafa-button-hover-gradient: var(--dafa-button-hover-gradient-dark);
  --dafa-shadow: 0 18px 48px rgb(4 7 11 / 0.32);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--dafa-bg);
  color: var(--dafa-text);
  font-family: "DCH Sans", MiSans, "PingFang SC", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.75;
  text-rendering: optimizeLegibility;
}

html.dafa-lightbox-open,
html.dafa-lightbox-open body {
	overflow: hidden;
}

.dafa-lightbox {
	position: fixed;
	inset: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	padding: clamp(16px, 4vw, 48px);
}

.dafa-lightbox__backdrop {
	position: absolute;
	inset: 0;
	background: rgb(15 23 42 / 88%);
}

.dafa-lightbox__stage {
	position: relative;
	z-index: 1;
	display: grid;
	place-items: center;
	max-width: min(1200px, 100%);
	max-height: 100%;
}

.dafa-lightbox__stage > img,
.dafa-lightbox__stage > iframe,
.dafa-lightbox__html {
	max-width: 100%;
	max-height: calc(100vh - 96px);
	border: 0;
	border-radius: 12px;
	background: #fff;
	box-shadow: 0 24px 80px rgb(0 0 0 / 35%);
}

.dafa-lightbox__stage > iframe {
	width: min(960px, 90vw);
	height: min(720px, 80vh);
}

.dafa-lightbox__close {
	position: absolute;
	top: -18px;
	right: -18px;
	display: grid;
	width: 44px;
	height: 44px;
	place-items: center;
	border: 1px solid rgb(255 255 255 / 42%);
	border-radius: 999px;
	background: #fff;
	color: #111827;
	font-size: 28px;
	line-height: 1;
	cursor: pointer;
}

body.admin-bar .site-header {
  top: 32px;
}

a {
  color: var(--dafa-text);
  text-decoration-thickness: 0.08em;
  text-underline-offset: 0.2em;
}

a:hover {
  color: var(--dafa-accent);
}

button,
input,
select,
textarea {
  color: inherit;
  font: inherit;
}

button,
input[type="submit"] {
  cursor: pointer;
}

button:active,
.button:active {
  transform: translateY(1px);
}

img,
video,
iframe {
  max-width: 100%;
}

img {
  height: auto;
}

figure {
  margin: 0;
}

h1,
h2,
h3,
h4 {
  margin: 0 0 0.7em;
  color: var(--dafa-text);
  font-weight: 760;
  letter-spacing: -0.025em;
  line-height: 1.25;
}

p {
  margin: 0 0 1.2em;
}

:focus-visible {
  outline: 3px solid var(--dafa-accent);
  outline-offset: 3px;
}


:where(
  input:not([type]),
  input[type="text"],
  input[type="search"],
  input[type="email"],
  input[type="url"],
  input[type="tel"],
  input[type="password"],
  input[type="number"],
  input[type="date"],
  input[type="datetime-local"],
  input[type="month"],
  input[type="week"],
  input[type="time"],
  textarea,
  select
):is(:focus, :focus-visible) {
  outline: none !important;
  box-shadow: none !important;
}

.site-container {
  width: min(calc(100% - 40px), var(--dafa-container));
  margin-inline: auto;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.screen-reader-text:focus {
  position: fixed !important;
  top: 12px;
  left: 12px;
  z-index: 100000;
  width: auto;
  height: auto;
  padding: 12px 18px;
  clip: auto;
  background: var(--dafa-surface);
  color: var(--dafa-text);
  border-radius: var(--dafa-radius);
  box-shadow: var(--dafa-shadow);
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid var(--dafa-border);
  background: color-mix(in srgb, var(--dafa-surface) 94%, transparent);
  backdrop-filter: blur(18px);
}

.dafa-header-static .site-header {
  position: relative;
}

@supports not (backdrop-filter: blur(1px)) {
  .site-header {
    background: var(--dafa-surface);
  }
}

.site-topbar {
  border-bottom: 1px solid var(--dafa-border);
  font-size: 13px;
}

.site-topbar ul,
.primary-navigation ul,
.footer-nav,
.archive-nav ul,
.page-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-topbar ul {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
}

.site-topbar a {
  display: inline-block;
  padding-block: 8px;
  color: var(--dafa-text-soft);
  text-decoration: none;
}

.header-row {
  display: grid;
  min-height: var(--dafa-header-height);
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 32px;
}

.site-branding {
  display: flex;
  align-items: center;
  min-width: 132px;
}

.dafa-brand-link,
.dafa-brand-picture {
  display: inline-flex;
  align-items: center;
}

.dafa-brand-link {
  min-width: 44px;
  min-height: 44px;
  justify-content: center;
  text-decoration: none;
}


.dafa-brand-svg {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: var(--dafa-text);
}

.dafa-brand-svg__svg {
  display: block;
  flex: 0 0 42px;
  width: 42px;
  height: 42px;
}

.dafa-brand-svg__coin-fill {
  fill: var(--dafa-accent);
}

.dafa-brand-svg__dollar {
  fill: none;
  stroke: var(--dafa-on-accent);
  stroke-width: 4.4;
  stroke-linecap: round;
  stroke-linejoin: round;
  transform-box: fill-box;
  transform-origin: center;
  animation: dafa-logo-dollar-flip 0.78s cubic-bezier(0.22, 1, 0.36, 1) 0.2s backwards;
}

.dafa-brand-svg__copy {
  display: flex;
  flex-direction: column;
  gap: 4px;
  
  transform: translateY(-0.5px);
  animation: dafa-logo-copy 0.46s cubic-bezier(0.22, 1, 0.36, 1) 0.3s backwards;
}

.dafa-brand-svg__name {
  font-size: 22px;
  font-weight: 750;
  line-height: 1.1;
  letter-spacing: -0.3px;
  white-space: nowrap;
}

.dafa-brand-svg__tagline {
  padding-inline: 1px;
  color: color-mix(in srgb, var(--dafa-text-soft) 92%, var(--dafa-surface));
  font-size: 9.5px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.1px;
  text-align-last: justify;
  white-space: nowrap;
}

.dafa-brand-link:hover .dafa-brand-svg__dollar,
.dafa-brand-link:focus-visible .dafa-brand-svg__dollar {
  animation: dafa-logo-dollar-hover 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes dafa-logo-dollar-flip {
  0% { opacity: 0; transform: scaleX(0.16); }
  22% { opacity: 1; transform: scaleX(1); }
  45% { transform: scaleX(0.1); filter: drop-shadow(0 0 2px rgba(255, 226, 139, 0.5)); }
  63% { transform: scaleX(-1); }
  79% { transform: scaleX(0.1); filter: drop-shadow(0 0 1.5px rgba(255, 226, 139, 0.38)); }
  100% { opacity: 1; transform: scaleX(1); filter: none; }
}

@keyframes dafa-logo-dollar-hover {
  0% { transform: scaleX(1); filter: none; }
  28% { transform: scaleX(0.1); filter: drop-shadow(0 0 2px rgba(255, 226, 139, 0.5)); }
  54% { transform: scaleX(-1); }
  76% { transform: scaleX(0.1); filter: drop-shadow(0 0 1.5px rgba(255, 226, 139, 0.38)); }
  100% { transform: scaleX(1); filter: none; }
}

@keyframes dafa-logo-copy {
  from { opacity: 0; transform: translate(-5px, -0.5px); }
  to { opacity: 1; transform: translate(0, -0.5px); }
}

@media (prefers-reduced-motion: reduce) {
  .dafa-brand-svg__copy,
  .dafa-brand-svg__dollar,
  .dafa-brand-link:is(:hover, :focus-visible) .dafa-brand-svg__dollar {
    animation: none;
  }
}


.amz-aikb-drawer .amz-aikb-composer-tools,
.amz-aikb-app .amz-aikb-composer-tools,
.amz-aikb-drawer .amz-aikb-composer-tools[data-composer-size="compact"],
.amz-aikb-app .amz-aikb-composer-tools[data-composer-size="compact"] {
  padding-top: 6px;
  padding-bottom: 6px;
}


.dafa-ai-icon {
	display: inline-block;
  width: 15px;
  height: 15px;
	flex: 0 0 15px;
	overflow: visible;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
  margin-right: 5px;
  vertical-align: -2px;
}

.entry-ai-summary .dafa-ai-icon {
  color: var(--dafa-accent-strong);
}

.custom-logo {
  display: block;
  max-width: min(100%, var(--dafa-logo-width, 210px));
  max-height: 48px;
  width: auto;
  height: auto;
}

.site-wordmark {
  color: var(--dafa-text);
  font-size: 21px;
  font-weight: 800;
  letter-spacing: -0.04em;
  text-decoration: none;
}

.primary-navigation {
  min-width: 0;
}

.submenu-toggle {
  display: none;
}

.primary-navigation > ul {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: clamp(16px, 2vw, 30px);
  white-space: nowrap;
}

.primary-navigation li {
  position: relative;
}

.primary-navigation a {
  display: block;
  padding: 21px 0;
  color: var(--dafa-text);
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}

.primary-navigation a:hover,
.primary-navigation a:focus-visible,
.primary-navigation .current-menu-item > a,
.primary-navigation .current-menu-ancestor > a {
  color: var(--dafa-accent);
}

.primary-navigation .sub-menu {
  position: absolute;
  top: calc(100% - 8px);
  left: -18px;
  display: none;
  width: 220px;
  padding: 10px 18px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  box-shadow: var(--dafa-shadow);
  white-space: normal;
}

.primary-navigation li:hover > .sub-menu,
.primary-navigation li:focus-within > .sub-menu {
  display: block;
}

.primary-navigation .sub-menu a {
  padding: 8px 0;
}

.dafa-nav-label {
  position: relative;
  display: inline-block;
}

.dafa-nav-badge {
  --dafa-nav-badge-bg: var(--dafa-accent-soft);
  --dafa-nav-badge-ink: var(--dafa-accent-strong);
  position: absolute;
  top: -12px;
  right: -18px;
  display: inline-flex;
  min-height: 14px;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 2px 4px 1px;
  border: 1px solid color-mix(in srgb, var(--dafa-nav-badge-ink) 14%, transparent);
  border-radius: 4px 4px 4px 2px;
  background: var(--dafa-nav-badge-bg);
  color: var(--dafa-nav-badge-ink);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.02em;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}

.dafa-nav-badge--vip {
  --dafa-nav-badge-bg: color-mix(in srgb, #d6a52a 20%, var(--dafa-surface));
  --dafa-nav-badge-ink: color-mix(in srgb, #8c6500 45%, var(--dafa-text));
}

.dafa-nav-badge--ai {
  --dafa-nav-badge-bg: color-mix(in srgb, #4d7fca 17%, var(--dafa-surface));
  --dafa-nav-badge-ink: color-mix(in srgb, #315f9f 45%, var(--dafa-text));
}

.primary-navigation > ul > .dafa-mega-parent > .dafa-mega {
  left: var(--dafa-menu-left, 50%);
  width: min(calc(var(--dafa-menu-columns, 3) * 196px + 24px), calc(100vw - 40px));
  grid-template-columns: repeat(var(--dafa-menu-columns), minmax(0, 1fr));
  gap: 4px 20px;
  padding: 16px 20px;
  transform: translateX(var(--dafa-menu-shift, -50%));
}

.primary-navigation > ul > li:hover > .dafa-mega,
.primary-navigation > ul > li:focus-within > .dafa-mega {
  display: grid;
}

.primary-navigation > ul > .dafa-news-mega-parent > .dafa-mega {
  width: min(960px, calc(100vw - 40px));
  grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
}

@media (min-width: 1024px) {
  .primary-navigation > ul > li > .sub-menu {
    top: 100%;
    right: auto;
    left: var(--dafa-menu-left, 50%);
    max-height: min(720px, var(--dafa-menu-max-height, calc(100dvh - 140px)));
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    transform: translateX(var(--dafa-menu-shift, -50%));
  }
}

.primary-navigation .dafa-news-mega-section > a {
  padding: 0 0 10px;
  border-bottom: 1px solid var(--dafa-border);
}


.primary-navigation li.dafa-news-mega-section > .sub-menu {
  position: static;
  display: grid;
  width: auto;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 18px;
  padding: 10px 0 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.primary-navigation li.dafa-news-mega-section--platform > .sub-menu {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dafa-mega-card {
  display: grid;
  gap: 2px;
}

.dafa-mega-card__title {
  color: inherit;
  font-size: 14px;
  font-weight: 720;
}

.dafa-mega-card__desc {
  overflow: hidden;
  color: var(--dafa-text-soft);
  font-size: 12px;
  font-weight: 450;
  line-height: 1.45;
  text-overflow: ellipsis;
}

.dafa-breadcrumbs {
  margin: 0 0 18px;
  color: var(--dafa-text-soft);
  font-size: 13px;
}

.dafa-breadcrumbs ol {
  display: flex;
  overflow: hidden;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}

.dafa-breadcrumbs li {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 8px;
}

.dafa-breadcrumbs li:not(:last-child)::after {
  color: var(--dafa-border-strong);
  content: "/";
}

.dafa-breadcrumbs a {
  color: inherit;
  text-decoration: none;
}

.dafa-breadcrumbs span {
  overflow: hidden;
  text-overflow: ellipsis;
}

.header-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
}

.header-actions a,
.header-actions button {
  border: 0;
  background: transparent;
  color: var(--dafa-text);
  font-size: 14px;
  font-weight: 680;
  text-decoration: none;
}

.header-actions .header-ai .dafa-ai-icon {
  color: var(--dafa-accent);
}

.header-actions .header-ai:is(:hover, :focus-visible) {
  color: var(--dafa-accent-strong);
}

.header-actions .header-ai {
  padding: 8px 4px;
  color: var(--dafa-text);
  font-weight: 500;
}


.site-topbar__row {
  display: flex;
  min-height: 44px;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.site-topbar__row ul {
  justify-content: flex-start;
}

.topbar-ticker {
  display: flex;
  margin-left: auto;
  min-width: 0;
  align-items: center;
  gap: 8px;
  color: var(--dafa-text-soft);
}

.topbar-ticker__viewport {
  overflow: hidden;
}

.topbar-ticker__list {
  position: relative;
  display: block !important;
  width: 340px;
  max-width: 40vw;
  height: 22px;
  min-height: 0 !important;
}

.topbar-ticker__list li {
  position: absolute;
  inset: 0;
  height: 22px;
  line-height: 22px;
  text-align: right;
  opacity: 0;
  white-space: nowrap;
  transition: opacity 0.55s ease;
  pointer-events: none;
}

.topbar-ticker__list li.is-active {
  opacity: 1;
  pointer-events: auto;
}

.topbar-ticker__list time {
  margin-left: 10px;
  opacity: 0.7;
}

@media (prefers-reduced-motion: reduce) {
  .topbar-ticker__list li {
    transition: none;
  }
}

.header-color-mode {
  appearance: none;
  display: inline-flex;
  width: 36px;
  height: 36px;
  min-height: 36px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  background: transparent;
  color: var(--dafa-text) !important;
  line-height: 1;
  cursor: pointer;
  transition: color 0.18s ease, background-color 0.18s ease, transform 0.18s ease;
}

.header-color-mode:hover,
.header-color-mode:focus-visible {
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong) !important;
  outline: none;
}

.header-color-mode:focus-visible {
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--dafa-accent) 34%, transparent);
}

.header-color-mode:active {
  transform: scale(0.94);
}

.header-color-mode [data-dafa-color-mode-icon] {
  display: none;
  width: 19px;
  height: 19px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.header-color-mode:not([data-dafa-current-color-mode]) [data-dafa-color-mode-icon="system"],
.header-color-mode[data-dafa-current-color-mode="dark"] [data-dafa-color-mode-icon="dark"],
.header-color-mode[data-dafa-current-color-mode="system"] [data-dafa-color-mode-icon="system"],
.header-color-mode[data-dafa-current-color-mode="light"] [data-dafa-color-mode-icon="light"] {
  display: block;
}

.header-icon-btn {
  position: relative;
  display: inline-flex;
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--dafa-text-soft);
  cursor: pointer;
}

.header-icon-btn:hover,
.header-icon-btn[aria-expanded="true"] {
  background: var(--dafa-accent-soft);
  color: var(--dafa-text);
}

.header-search,
.header-notice,
.header-user {
  position: relative;
}

.header-search__panel,
.header-notice__panel,
.header-user__panel {
  position: absolute;
  z-index: 60;
  top: calc(100% + 8px);
  right: 0;
  min-width: 260px;
  padding: 14px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  box-shadow: 0 12px 32px rgb(23 26 33 / 0.12);
}

.header-search__panel {
  width: min(560px, calc(100vw - 32px));
  min-width: 0;
  padding: 18px;
}

.header-search__heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 14px;
}

.header-search__title,
.header-search__description {
  display: block;
}

.header-search__title {
  margin-bottom: 2px;
  color: var(--dafa-text);
  font-size: 15px;
  font-weight: 760;
  line-height: 1.4;
}

.header-search__description,
.header-search__hint {
  color: var(--dafa-text-soft);
  font-size: 12px;
  line-height: 1.55;
}

.header-search__close {
  min-width: 40px;
  min-height: 40px;
  margin: -8px -8px 0 0;
  padding: 0 8px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--dafa-text-soft);
  font-size: 13px;
  font-weight: 650;
}

.header-search__close:hover {
  background: var(--dafa-surface-muted);
  color: var(--dafa-text);
}

.header-search__panel .scope-search {
  display: grid;
  width: 100%;
  min-height: 50px;
  grid-template-columns: 100px minmax(0, 1fr) 48px;
  gap: 0;
  overflow: hidden;
  border-color: var(--dafa-border);
  border-radius: 10px;
  box-shadow: none;
}

.header-search__panel .scope-search__select,
.header-search__panel .scope-search__field,
.header-search__panel .scope-search__submit {
  min-height: 48px;
}

.header-search__panel .scope-search__select {
  padding-inline: 14px 10px;
  border-right-color: var(--dafa-border);
  font-size: 14px;
  font-weight: 680;
  cursor: pointer;
}

.header-search__panel .scope-search__field {
  min-width: 0;
  padding-inline: 16px;
  font-size: 15px;
}

.header-search__hint {
  margin: 10px 2px 0;
}

.header-notice__badge {
  position: absolute;
  top: 1px;
  right: 0;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border: 2px solid var(--dafa-surface);
  border-radius: 999px;
  background: #e0452c;
  color: #fff;
  font-size: 9px;
  font-weight: 700;
  line-height: 13px;
  text-align: center;
}

.header-notice__panel {
  width: min(390px, calc(100vw - 24px));
  padding: 0;
  overflow: hidden;
}

.header-notice__panel-header,
.header-notice__panel-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 13px 16px;
}

.header-notice__panel-header {
  border-bottom: 1px solid var(--dafa-border);
}

.header-notice__panel-header strong {
  font-size: 15px;
}

.header-notice__panel-header a,
.header-notice__panel-footer a,
.header-notice__retry {
  color: var(--dafa-accent-strong);
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

.header-notice__panel-footer {
  justify-content: center;
  border-top: 1px solid var(--dafa-border);
  background: var(--dafa-surface-muted);
}

.header-notice__list {
  margin: 0;
  padding: 0;
  max-height: min(430px, 65vh);
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  overflow-wrap: anywhere;
  white-space: normal;
}

.header-notice__list li + li {
  border-top: 1px solid var(--dafa-border);
}

.header-notice__list a,
.header-notice__list li {
  display: block;
  color: var(--dafa-text);
  font-size: 13px;
  font-weight: 400;
  text-decoration: none;
}

.header-notice__list a {
  position: relative;
  padding: 13px 16px 13px 19px;
}

.header-notice__list a:hover {
  background: var(--dafa-surface-muted);
}

.header-notice__list li.is-unread a::before {
  position: absolute;
  top: 20px;
  left: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--dafa-accent-strong);
  content: "";
}

.header-notice__meta {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 4px;
  color: var(--dafa-text-soft);
  font-size: 11px;
}

.header-notice__meta > span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.header-notice__meta em {
  padding: 1px 5px;
  border-radius: 999px;
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong);
  font-size: 10px;
  font-style: normal;
}

.header-notice__list strong {
  display: block;
  margin-bottom: 3px;
  font-size: 13px;
}

.header-notice__excerpt {
  display: block;
  color: var(--dafa-text-soft);
  line-height: 1.55;
}

.header-notice__list time {
  color: var(--dafa-text-soft);
  font-size: 11px;
}

.header-notice__status {
  margin: 0;
  padding: 34px 16px;
  color: var(--dafa-text-soft);
  font-size: 13px;
  text-align: center;
}

.header-notice__retry {
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

.header-user__toggle {
  position: relative;
  display: inline-flex;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
}

.header-user__avatar {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
}


[data-dafa-vip-tier] {
  --dafa-vip-accent: #756a58;
  --dafa-vip-metal-high: #b8afa0;
  --dafa-vip-metal-low: #494136;
  --dafa-vip-border: color-mix(in srgb, var(--dafa-vip-accent) 18%, var(--dafa-border));
  --dafa-vip-soft: color-mix(in srgb, var(--dafa-vip-accent) 5%, var(--dafa-surface));
  --dafa-vip-ink: color-mix(in srgb, var(--dafa-vip-accent) 42%, var(--dafa-text));
  --dafa-vip-on-accent: #f8fafc;
  --dafa-vip-medallion: linear-gradient(145deg, var(--dafa-vip-metal-high) 0%, var(--dafa-vip-accent) 48%, var(--dafa-vip-metal-low) 100%);
  --dafa-vip-panel: linear-gradient(180deg, color-mix(in srgb, #fff 44%, var(--dafa-vip-soft)), var(--dafa-vip-soft));
}

[data-dafa-vip-tier="day"] {
  --dafa-vip-accent: #5c6675;
  --dafa-vip-metal-high: #aeb6c1;
  --dafa-vip-metal-low: #343b46;
}

[data-dafa-vip-tier="month"] {
  --dafa-vip-accent: #315d91;
  --dafa-vip-metal-high: #80a2c8;
  --dafa-vip-metal-low: #1b385a;
}

[data-dafa-vip-tier="quarter"] {
  --dafa-vip-accent: #316d5d;
  --dafa-vip-metal-high: #7bad9d;
  --dafa-vip-metal-low: #1b4339;
}

[data-dafa-vip-tier="year"] {
  --dafa-vip-accent: #966a42;
  --dafa-vip-metal-high: #c59a72;
  --dafa-vip-metal-low: #5b3e29;
}

[data-dafa-vip-tier="life"] {
  --dafa-vip-accent: #8a4c5d;
  --dafa-vip-metal-high: #c48697;
  --dafa-vip-metal-low: #572d3b;
}

[data-dafa-vip-tier="super"] {
  --dafa-vip-accent: #5f557d;
  --dafa-vip-metal-high: #948ab1;
  --dafa-vip-metal-low: #373048;
}

[data-dafa-vip-tier="category"] {
  --dafa-vip-accent: #5c6675;
  --dafa-vip-metal-high: #aeb6c1;
  --dafa-vip-metal-low: #343b46;
}

html.dafa-color-dark [data-dafa-vip-tier],
body.dafa-color-dark [data-dafa-vip-tier] {
  --dafa-vip-border: color-mix(in srgb, var(--dafa-vip-accent) 28%, var(--dafa-border));
  --dafa-vip-soft: color-mix(in srgb, var(--dafa-vip-accent) 7%, var(--dafa-surface));
  --dafa-vip-ink: color-mix(in srgb, var(--dafa-vip-metal-high) 32%, var(--dafa-text));
  --dafa-vip-panel: linear-gradient(180deg, color-mix(in srgb, #fff 3%, var(--dafa-vip-soft)), var(--dafa-vip-soft));
}

@media (prefers-color-scheme: dark) {
  html:not(.dafa-color-light) body:not(.dafa-color-light) [data-dafa-vip-tier] {
    --dafa-vip-border: color-mix(in srgb, var(--dafa-vip-accent) 28%, var(--dafa-border));
    --dafa-vip-soft: color-mix(in srgb, var(--dafa-vip-accent) 7%, var(--dafa-surface));
    --dafa-vip-ink: color-mix(in srgb, var(--dafa-vip-metal-high) 32%, var(--dafa-text));
    --dafa-vip-panel: linear-gradient(180deg, color-mix(in srgb, #fff 3%, var(--dafa-vip-soft)), var(--dafa-vip-soft));
  }
}

.header-user__crown {
  position: absolute;
  right: -5px;
  bottom: -4px;
  display: grid;
  width: 17px;
  height: 17px;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: var(--dafa-vip-medallion);
  box-shadow: 0 2px 5px rgb(12 18 28 / 0.2);
  color: var(--dafa-vip-on-accent);
}

.header-user__panel {
  display: flex;
  width: min(412px, calc(100vw - 24px));
  min-width: 0;
  flex-direction: column;
  gap: 0;
  padding: 20px;
  border: 0;
  border-radius: 18px;
  background: color-mix(in srgb, var(--dafa-surface) 98%, var(--dafa-bg) 2%);
  box-shadow: 0 24px 64px rgb(23 32 51 / 0.16);
}

body.dafa-color-dark .header-user__panel {
  border: 1px solid color-mix(in srgb, var(--dafa-border) 84%, var(--dafa-text) 16%);
  background: var(--dafa-surface-elevated);
  box-shadow:
    0 28px 72px rgb(0 0 0 / 0.52),
    inset 0 1px 0 rgb(255 255 255 / 0.04);
}

.header-user__panel::before {
  position: absolute;
  top: -12px;
  right: 0;
  width: 82px;
  height: 12px;
  content: "";
}

.header-user__panel[hidden] {
  display: none;
}

.header-user__identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
  padding: 0 2px 16px;
}

.header-user__identity-avatar {
  position: relative;
  display: block;
  flex: 0 0 auto;
  padding: 0 !important;
  border-radius: 50% !important;
}

.header-user__identity-avatar img {
  display: block;
  width: 52px;
  height: 52px;
  border-radius: 50%;
}

.header-user__identity-crown {
  position: absolute;
  right: -5px;
  bottom: -2px;
  display: grid;
  width: 18px;
  height: 18px;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: var(--dafa-vip-medallion);
  box-shadow: 0 2px 5px rgb(12 18 28 / 0.2);
  color: var(--dafa-vip-on-accent);
}

.header-user__identity-copy {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.header-user__identity-copy > strong {
  overflow: hidden;
  font-size: 16px;
  font-weight: 600;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.header-user__vip-tag {
  display: inline-flex;
  flex: 0 0 auto;
  min-height: 26px;
  align-items: center;
  padding: 3px 9px;
  border: 0;
  border-radius: 7px;
  background-color: var(--dafa-vip-soft);
  background-image: var(--dafa-vip-panel);
  box-shadow: none;
  color: var(--dafa-vip-ink);
  font-size: 12px;
  font-weight: 680;
  letter-spacing: -0.01em;
}

.header-actions .header-user__summary {
  display: flex;
  min-width: 0;
  flex-direction: column;
  gap: 6px;
  padding: 14px 2px !important;
  border: 0;
  border-top: 1px solid color-mix(in srgb, var(--dafa-text) 8%, transparent);
  border-radius: 0 !important;
  background: transparent;
  color: var(--dafa-text) !important;
  font-size: 14px;
  font-weight: 500 !important;
  line-height: 1.45;
  text-decoration: none;
}

.header-actions .header-user__summary--balance {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 6px 16px;
}

.header-user__summary--balance strong {
  font-size: inherit;
  font-weight: 600;
}

.header-actions .header-user__summary--vip[data-dafa-vip-tier] {
  border-top-color: color-mix(in srgb, var(--dafa-text) 8%, transparent);
  background-color: var(--dafa-vip-soft);
  background-image: linear-gradient(90deg, var(--dafa-vip-soft), transparent 76%);
  box-shadow: none;
}

.header-user__summary--vip[data-dafa-vip-tier] .header-user__summary-head > strong {
  color: var(--dafa-vip-ink);
}

.header-actions a.header-user__summary:hover {
  border-top-color: color-mix(in srgb, var(--dafa-text) 8%, transparent);
  background: var(--dafa-surface-muted);
}

.header-user__summary-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.header-user__summary-head > strong {
  font-size: 14px;
  font-weight: 650;
}

.header-user__summary-head > span,
.header-user__summary-detail {
  color: var(--dafa-text-soft);
}

.header-user__summary-detail b {
  color: var(--dafa-text-soft);
  font-size: 17px;
  font-weight: 750;
}

.header-actions .header-user__checkin {
  display: inline-flex;
  width: auto;
  min-height: 32px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 6px 10px;
  border: 1px solid var(--dafa-border);
  border-radius: 999px;
  background: var(--dafa-surface-muted) !important;
  color: var(--dafa-text) !important;
  font-size: 12px !important;
  font-weight: 700;
  cursor: pointer;
}

.header-actions .header-user__checkin:disabled {
  border-color: var(--dafa-border);
  background: var(--dafa-surface-muted) !important;
  color: var(--dafa-text-soft) !important;
  cursor: default;
}

.header-user__checkin-msg {
  margin: -7px 0 -5px;
  color: var(--dafa-accent-strong);
  font-size: 12px;
}

.header-user__actions {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding-top: 16px;
  border-top: 1px solid color-mix(in srgb, var(--dafa-text) 8%, transparent);
}

.header-user__actions a {
  display: flex;
  min-width: 0;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  padding: 2px 0 !important;
  border-radius: 10px !important;
  color: var(--dafa-text) !important;
  font-size: 12px;
  font-weight: 500 !important;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
}

.header-user__action-circle {
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background: color-mix(in srgb, var(--dafa-surface-muted) 78%, var(--dafa-surface) 22%);
  box-shadow: none;
  transition: background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.header-user__actions a:hover .header-user__action-circle,
.header-user__actions a:focus-visible .header-user__action-circle {
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong);
  transform: translateY(-1px);
}

.dafa-account-icon {
  display: block;
  width: 23px;
  height: 23px;
}

.dafa-account-icon--crown {
  width: 100%;
  height: 100%;
}

@media (max-width: 782px) {
  .topbar-ticker {
    display: none;
  }
}

.menu-toggle {
  display: none;
  padding: 8px 12px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
}

.site-main {
  min-height: 55dvh;
}

.button,
input[type="submit"] {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 9px 18px;
  border: 1px solid transparent;
  border-radius: var(--dafa-radius);
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  white-space: nowrap;
}

.button--primary,
input[type="submit"] {
  background: var(--dafa-control-solid) var(--dafa-control-sheen);
  color: var(--dafa-on-control);
}

.dafa-form-actions .button:is(:hover, :focus-visible):not(:disabled),
.button--primary:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
input[type="submit"]:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
  background: var(--dafa-control-solid-hover) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
  border-color: var(--dafa-control-solid-hover);
}

.button--secondary:is(:hover, :focus-visible),
.button-secondary:is(:hover, :focus-visible) {
  border-color: var(--dafa-accent-action-hover);
  background: var(--dafa-accent-action-hover) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
}

.button--secondary,
.button-secondary {
  border-color: var(--dafa-border);
  background: var(--dafa-surface);
  color: var(--dafa-text);
}

.button-secondary:hover {
  border-color: var(--dafa-accent);
  color: var(--dafa-accent-strong);
}

.scope-search {
  display: grid;
  width: min(100%, 720px);
  min-height: 54px;
  grid-template-columns: 112px minmax(120px, 1fr) auto;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  box-shadow: 0 10px 30px rgb(71 59 49 / 0.07);
}

.scope-search__select,
.scope-search__field {
  min-width: 0;
  border: 0;
  background: var(--dafa-surface);
  color: var(--dafa-text);
}

.scope-search__select {
  padding: 0 14px;
  border-right: 1px solid var(--dafa-border);
}

.scope-search__field {
  padding: 0 18px;
}

.scope-search__field::placeholder {
  color: var(--dafa-text-soft);
  opacity: 1;
}

.scope-search__submit,
.archive-hero__search button {
  display: inline-flex;
  min-width: 48px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--dafa-text-soft);
  cursor: pointer;
}

.scope-search__submit:is(:hover, :focus-visible):not(:disabled),
.archive-hero__search button:is(:hover, :focus-visible):not(:disabled) {
  color: var(--dafa-accent-strong);
}

.scope-search__submit {
  min-height: 52px;
}

.home-hero__tool,
.home-hero__slides {
  width: min(100%, 720px);
}

.home-hero__slides {
  display: grid;
  min-height: 372px;
  align-items: center;
}

.home-hero__slide {
  grid-area: 1 / 1;
}

.home-hero__slide.is-active {
  animation: home-hero-content-in 520ms cubic-bezier(0.22, 1, 0.36, 1) both;
}

.home-hero__tabs {
  display: flex;
  width: min(100%, 540px);
  gap: 30px;
  align-items: center;
  margin-top: 22px;
  border-top: 1px solid rgb(255 255 255 / 30%);
}

.home-hero__tab {
  position: relative;
  display: inline-flex;
  flex: 1 1 0;
  min-height: 44px;
  align-items: center;
  gap: 10px;
  justify-content: flex-start;
  padding: 12px 1px 8px;
  border: 0;
  background: transparent;
  color: var(--dafa-text-soft);
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  text-align: left;
}

.home-hero__tab::after {
  position: absolute;
  top: -1px;
  right: 0;
  left: 0;
  height: 2px;
  background: var(--dafa-accent);
  content: "";
  transform: scaleX(0);
  transform-origin: left center;
}

.home-hero__tab.is-active {
  color: var(--dafa-accent-strong);
}

.home-hero__tab.is-active::after {
  transform: scaleX(1);
}

.home-hero.is-autoplaying .home-hero__tab.is-active::after {
  animation: home-hero-progress var(--home-hero-interval, 8000ms) linear both;
}

.home-hero__tab-index {
  color: currentcolor;
  font-size: 11px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.12em;
  opacity: 0.68;
}

.home-hero__tab:focus-visible,
.home-hero__quick-link:focus-visible {
  outline: 3px solid var(--dafa-accent);
  outline-offset: 4px;
}

.home-hero__panel[hidden] {
  display: none;
}

.home-hero__tool .scope-search {
  width: 100%;
}

.home-hero .scope-search__select,
.home-hero .scope-search__field {
  min-height: 52px;
}

.home-hero .scope-search__submit {
  color: var(--dafa-accent);
}

.home-hero-ai {
  display: grid;
  min-height: 54px;
  grid-template-columns: minmax(0, 1fr) auto;
  overflow: hidden;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  box-shadow: 0 10px 30px rgb(71 59 49 / 0.07);
}

.home-hero-ai__field {
  min-width: 0;
  padding: 0 18px;
  border: 0;
  background: var(--dafa-surface);
  color: var(--dafa-text);
}

.home-hero-ai__field::placeholder {
  color: var(--dafa-text-soft);
  opacity: 1;
}

.home-hero-ai__field:disabled {
  cursor: not-allowed;
  opacity: 1;
}

.home-hero-ai__submit {
  min-width: 94px;
  min-height: 52px;
  padding: 9px 18px;
  border: 0;
  background: var(--dafa-control-solid) var(--dafa-control-sheen);
  color: var(--dafa-on-control);
  cursor: pointer;
  font: inherit;
  font-weight: 600;
}

.home-hero-ai__submit .dafa-ai-icon {
  color: var(--dafa-accent);
}

.home-hero-ai__submit:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
  background: var(--dafa-control-solid-hover) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
}


.sidebar .scope-search {
  grid-template-columns: minmax(0, 1fr) auto;
}

.sidebar .scope-search__select {
  grid-column: 1 / -1;
  min-height: 46px;
  border-right: 0;
  border-bottom: 1px solid var(--dafa-border);
}

.sidebar .scope-search__field {
  min-height: 46px;
}

.home-hero {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid var(--dafa-border);
  background: var(--dafa-surface);
}

.home-hero__backdrops {
  position: absolute;
  z-index: 0;
  inset: 0;
}

.home-hero__backdrop {
  position: absolute;
  z-index: 0;
  inset: 0;
  margin: 0;
  opacity: 0;
  transition: opacity 720ms cubic-bezier(0.22, 1, 0.36, 1);
}

.home-hero__backdrop.is-active {
  opacity: 1;
}

.home-hero__backdrop::after {
  position: absolute;
  content: "";
  inset: 0;
  pointer-events: none;
}

.home-hero__backdrop img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.home-hero__backdrop--ai img {
  object-position: 70% center;
}

.home-hero--overlay-dark .home-hero__backdrop::after {
  background: linear-gradient(90deg, rgb(11 16 23 / 82%) 0%, rgb(11 16 23 / 58%) 56%, rgb(11 16 23 / 32%) 100%);
}

.home-hero--overlay-light .home-hero__backdrop::after {
  background: linear-gradient(90deg, rgb(255 253 251 / 92%) 0%, rgb(255 253 251 / 72%) 60%, rgb(255 253 251 / 42%) 100%);
}

.home-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  min-height: min(640px, calc(100dvh - var(--dafa-header-height)));
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.92fr);
  align-items: center;
  gap: clamp(40px, 6vw, 92px);
  padding-block: clamp(54px, 7vw, 92px);
}

.home-hero--banner .home-hero__grid {
  min-height: clamp(540px, 42vw, 600px);
  grid-template-columns: minmax(0, 860px);
  padding-block: 0;
}

.home-hero--banner .home-hero__copy {
  padding: clamp(22px, 3.2vw, 42px);
}

.home-hero--banner.home-hero--overlay-dark .home-hero__copy {
  color: #fff;
  text-shadow: 0 2px 18px rgb(0 0 0 / 28%);
}

.home-hero--banner.home-hero--overlay-dark .home-hero__eyebrow,
.home-hero--banner.home-hero--overlay-dark .home-hero__intro,
.home-hero--banner.home-hero--overlay-dark .home-hero__description {
  color: rgb(255 255 255 / 88%);
}

.home-hero--banner.home-hero--overlay-dark .home-hero__tab {
  color: rgb(255 255 255 / 72%);
}

.home-hero--banner.home-hero--overlay-dark .home-hero__tab.is-active {
  color: #fff;
}

.home-hero--banner.home-hero--overlay-dark .home-hero__title {
  color: #fff;
}

.home-hero__eyebrow {
  margin-bottom: 18px;
  color: var(--dafa-accent-strong);
  font-size: 14px;
  font-weight: 740;
  letter-spacing: 0.08em;
}

.home-hero__title {
  max-width: 13ch;
  margin: 0 0 18px;
  font-size: clamp(42px, 5vw, 68px);
  line-height: 1.04;
}

.home-hero__intro,
.home-hero__description {
  max-width: 42ch;
  margin: 0 0 26px;
  color: var(--dafa-text-soft);
  font-size: clamp(17px, 1.6vw, 20px);
}

.home-hero__actions {
  display: flex;
  gap: 12px;
  margin-top: 14px;
}

.home-hero__quick-link {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 7px;
  color: var(--dafa-text);
  font-weight: 700;
  text-decoration: none;
}

.home-hero__quick-link::after {
  content: "→";
  transition: transform 160ms ease-out;
}

.home-hero__quick-link:hover::after {
  transform: translateX(3px);
}

.home-hero--banner.home-hero--overlay-dark .home-hero__quick-link {
  color: rgb(255 255 255 / 90%);
}

.home-hero__visual {
  overflow: hidden;
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface-muted);
  box-shadow: var(--dafa-shadow);
}

.home-hero__visual img {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

@keyframes home-hero-content-in {
  from {
    opacity: 0;
    transform: translateY(14px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes home-hero-progress {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-hero__backdrop {
    transition: none;
  }

  .home-hero__slide.is-active,
  .home-hero.is-autoplaying .home-hero__tab.is-active::after {
    animation: none;
  }
}

.home-content {
  padding-bottom: 84px;
}

.home-stream {
  padding-block: 38px 48px;
  border-top: 1px solid var(--dafa-border);
}

.section-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 26px;
}

.section-heading h2 {
  margin: 0;
  font-size: clamp(26px, 3vw, 38px);
}

.section-heading a {
  white-space: nowrap;
}

.content-shell {
  display: grid;
  gap: 42px;
  padding-block: 48px 80px;
}

.content-shell.has-sidebar {
  grid-template-columns: minmax(0, 1fr) minmax(250px, 310px);
}

.content-shell > .dafa-breadcrumbs {
  grid-column: 1 / -1;
  margin-bottom: -26px;
}

.single-page .content-shell {
  padding-top: 22px;
}

.content-shell.sidebar-left {
  grid-template-columns: minmax(250px, 310px) minmax(0, 1fr);
}

.content-shell.sidebar-left .content-column {
  grid-column: 2;
  grid-row: 1;
}

.content-shell.sidebar-left .sidebar {
  grid-column: 1;
  grid-row: 1;
}

.content-column {
  min-width: 0;
}

.archive-page .content-column,
.archive-results {
  display: flex;
  flex-direction: column;
}

.archive-page .content-column {
  min-height: 100%;
}

.archive-results {
  flex: 1 1 auto;
  gap: 28px;
  min-height: 0;
}

.archive-view-toolbar {
  display: flex;
  min-height: 40px;
  align-items: center;
  justify-content: flex-end;
}

.archive-view-toolbar .archive-view-toggle {
  display: inline-flex;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: var(--dafa-surface);
  color: var(--dafa-text);
  box-shadow: none;
  cursor: pointer;
}

.archive-view-toggle:hover {
  background: var(--dafa-surface-muted);
}

.archive-view-toggle:focus-visible {
  outline: 2px solid var(--dafa-accent-strong);
  outline-offset: 2px;
}

.archive-view-toggle svg { flex: none; width: 24px; height: 24px; }
.archive-view-toggle .archive-view-toggle__list { display: none; }
html[data-dafa-archive-view="grid"] .archive-view-toggle__grid { display: none; }
html[data-dafa-archive-view="grid"] .archive-view-toggle__list { display: block; }


body.dafa-archive-columns-2 {
  --dafa-archive-grid-track: clamp(260px, 48%, 520px);
}

body.dafa-archive-columns-3 {
  --dafa-archive-grid-track: clamp(230px, 31%, 360px);
}

body.dafa-archive-columns-4 {
  --dafa-archive-grid-track: clamp(220px, 23%, 320px);
}

.entry-grid {
  --dafa-entry-grid-track: var(--dafa-archive-grid-track, clamp(230px, 31%, 360px));

  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--dafa-entry-grid-track)), 1fr));
  gap: clamp(16px, 3%, 24px);
}

.entry-grid--four {
  --dafa-entry-grid-track: clamp(220px, 23%, 320px);
}

.dafa-legacy-list3 .entry-grid {
  --dafa-entry-grid-track: clamp(230px, 31%, 360px);
}

.entry-card {
  container-name: dafa-entry-card;
  container-type: inline-size;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
}

.entry-card__media {
  position: relative;
  display: block;
  overflow: hidden;
  background: var(--dafa-surface-muted);
  text-decoration: none;
}

.entry-card__media img,
.entry-card__placeholder {
  display: flex;
  width: 100%;
  aspect-ratio: 16 / 10;
  align-items: center;
  justify-content: center;
  object-fit: var(--dafa-card-fit, cover);
}

.entry-card__filetype {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0;
  background: transparent;
  color: rgb(71 85 105);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1;
}

.entry-card__filetype-icon {
  width: 14px;
  height: 14px;
  flex: 0 0 auto;
}

.entry-card__filetype--pdf { color: rgb(185 28 28); }
.entry-card__filetype--doc { color: rgb(43 108 176); }
.entry-card__filetype--xls { color: rgb(47 133 90); }
.entry-card__filetype--ppt { color: rgb(192 86 33); }
.entry-card__filetype--zip { color: rgb(107 70 193); }

body.dafa-color-dark .entry-card__filetype--pdf { color: rgb(248 113 113); }
body.dafa-color-dark .entry-card__filetype--doc { color: rgb(96 165 250); }
body.dafa-color-dark .entry-card__filetype--xls { color: rgb(74 222 128); }
body.dafa-color-dark .entry-card__filetype--ppt { color: rgb(251 146 60); }
body.dafa-color-dark .entry-card__filetype--zip { color: rgb(167 139 250); }

.entry-card__badge {
  position: absolute;
  top: 12px;
  left: 12px;
  max-width: calc(100% - 24px);
  padding: 5px 9px;
  border: 1px solid var(--dafa-badge-color, var(--dafa-accent));
  border-radius: 999px;
  background: color-mix(in srgb, var(--dafa-badge-color, var(--dafa-accent)) 16%, var(--dafa-surface));
  color: var(--dafa-text);
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
  overflow-wrap: anywhere;
}

.entry-card__placeholder {
  color: var(--dafa-text-soft);
  font-size: 48px;
  font-weight: 780;
}

.entry-card__body {
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.entry-card__title {
  display: -webkit-box;
  overflow: hidden;
  order: 2;
  margin: 10px 0 10px;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--dafa-card-title-lines, 2);
  font-size: 19px;
  line-height: 1.4;
}

.entry-card__title a {
  color: var(--dafa-text);
  text-decoration: none;
}

.entry-card__excerpt {
  display: -webkit-box;
  overflow: hidden;
  order: 3;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: var(--dafa-card-excerpt-lines, 4);
  color: var(--dafa-text-soft);
  font-size: 14px;
}

.entry-card__excerpt p {
  margin: 0;
}

.entry-card__body > .entry-meta {
  order: 1;
}

.archive-results[data-dafa-archive-view="list"] .entry-grid,
html[data-dafa-archive-view="list"] .archive-results .entry-grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  padding-inline: 24px;
  background: var(--dafa-surface);
}

.archive-results[data-dafa-archive-view="list"] .entry-card,
html[data-dafa-archive-view="list"] .archive-results .entry-card {
  display: grid;
  overflow: visible;
  grid-template-columns: minmax(220px, 32%) minmax(0, 1fr);
  align-items: start;
  gap: 26px;
  padding: 24px 0;
  border: 0;
  border-bottom: 1px solid var(--dafa-border);
  border-radius: 0;
  background: transparent;
}


body .archive-results[data-dafa-archive-view="list"] .entry-grid > .entry-card:last-child,
html[data-dafa-archive-view="list"] body .archive-results .entry-grid > .entry-card:last-child {
  border-bottom: 0;
}

.archive-results[data-dafa-archive-view="list"] .entry-card__media,
html[data-dafa-archive-view="list"] .archive-results .entry-card__media {
  border-radius: calc(var(--dafa-radius) - 2px);
}

.archive-results[data-dafa-archive-view="list"] .entry-card__body,
html[data-dafa-archive-view="list"] .archive-results .entry-card__body {
  display: flex;
  min-width: 0;
  min-height: 100%;
  flex-direction: column;
  padding: 2px 0;
}

.archive-results[data-dafa-archive-view="list"] .entry-card__title,
html[data-dafa-archive-view="list"] .archive-results .entry-card__title {
  order: 1;
  margin: 0;
  -webkit-line-clamp: 2;
  font-size: clamp(20px, 2vw, 26px);
  line-height: 1.42;
}

.archive-results[data-dafa-archive-view="list"] .entry-card__excerpt,
html[data-dafa-archive-view="list"] .archive-results .entry-card__excerpt {
  order: 3;
  margin-top: 12px;
  -webkit-line-clamp: 2;
  font-size: 15px;
  line-height: 1.75;
}

.archive-results[data-dafa-archive-view="list"] .entry-meta,
html[data-dafa-archive-view="list"] .archive-results .entry-meta {
  order: 4;
  margin-top: auto;
  padding-top: 14px;
}

@container dafa-entry-card (max-width: 380px) {
  .entry-card__title {
    -webkit-line-clamp: var(--dafa-card-title-lines-tight, 2);
  }

  .entry-card__excerpt {
    -webkit-line-clamp: var(--dafa-card-excerpt-lines-tight, 3);
  }
}

@container dafa-entry-card (max-width: 300px) {
  .entry-card__title {
    -webkit-line-clamp: var(--dafa-card-title-lines-compact, 1);
  }

  .entry-card__excerpt {
    -webkit-line-clamp: var(--dafa-card-excerpt-lines-compact, 1);
  }
}

.related-content {
  margin-block: 48px 32px;
  padding-top: 32px;
  border-top: 1px solid var(--dafa-border);
}

.related-content__title {
  margin: 0 0 18px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.5;
}


.related-content .entry-card__media img,
.related-content .entry-card__placeholder {
  aspect-ratio: 2 / 1;
  max-height: 136px;
}

.related-content .entry-card__body {
  min-width: 0;
  gap: 6px;
  padding: 12px 14px;
}

.related-content .entry-card__title {
  order: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  -webkit-line-clamp: 2;
}

.related-content .entry-card__excerpt {
  order: 2;
  font-size: 13px;
  line-height: 1.65;
  -webkit-line-clamp: 1;
}

.related-content .entry-meta {
  order: 3;
  gap: 4px 10px;
  font-size: 12px;
  font-weight: 400;
}

.related-content .entry-card:is(:hover, :focus-within) {
  border-color: color-mix(in srgb, var(--dafa-accent) 40%, var(--dafa-border));
}

.related-content__grid {
  row-gap: 16px;
}

@media (max-width: 640px) {
  .related-content__grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
  }

  .related-content .entry-card {
    display: grid;
    grid-template-columns: 96px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 12px;
  }

  .related-content .entry-card__media {
    height: 80px;
    border-radius: 4px;
  }

  .related-content .entry-card__media img,
  .related-content .entry-card__placeholder {
    height: 100%;
    max-height: none;
    aspect-ratio: auto;
    font-size: 28px;
  }

  .related-content .entry-card__body {
    padding: 0;
  }

  .related-content .entry-card__title {
    line-height: 1.5;
  }
}

.related-content__grid--2 {
  --dafa-entry-grid-track: clamp(260px, 48%, 520px);
}

.related-content__grid--3 {
  --dafa-entry-grid-track: clamp(230px, 31%, 360px);
}

.related-content__grid--4 {
  --dafa-entry-grid-track: clamp(220px, 23%, 320px);
}

.entry-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 14px;
  color: var(--dafa-text-soft);
  font-size: 13px;
}

.entry-meta > :first-child:not(.entry-card__filetype) {
  color: inherit;
  font-weight: inherit;
}

.entry-meta__metric {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}

.entry-meta__metric-icon {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
  color: currentColor;
}

.entry-meta__edit-link {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: inherit;
  font-weight: inherit;
  text-decoration: none;
  white-space: nowrap;
  transition: color 140ms ease;
}

.entry-meta__edit-link:hover,
.entry-meta__edit-link:focus-visible {
  color: var(--dafa-accent);
}

.archive-hero,
.search-hero,
.vip-hero {
  padding-block: clamp(28px, 4vw, 52px);
  border-bottom: 1px solid var(--dafa-border);
  background: var(--dafa-surface);
}

.archive-title,
.archive-hero h1,
.search-hero h1,
.vip-hero h1 {
  margin: 0;
  font-size: clamp(34px, 4.6vw, 58px);
}

.archive-description,
.vip-hero p {
  max-width: 65ch;
  margin-top: 16px;
  color: var(--dafa-text-soft);
}


.archive-hero__inner {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
}

.archive-hero__intro {
  min-width: 0;
}

.archive-hero__search {
  position: relative;
  max-width: 460px;
  margin-top: 18px;
}

.archive-hero__search label {
  display: block;
  min-width: 0;
}

.archive-hero__search input {
  display: block;
  width: 100%;
  min-height: 44px;
  padding: 0 54px 0 14px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  color: var(--dafa-text);
  font: inherit;
  box-sizing: border-box;
}

.archive-hero__search button {
  position: absolute;
  inset-block: 0;
  right: 2px;
}

.archive-hero__aside {
  display: grid;
  gap: 16px;
  justify-items: end;
  min-width: 0;
  max-width: 100%;
}

.archive-subs {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
  max-width: 560px;
}

.archive-subs__chip {
  display: inline-flex;
  align-items: baseline;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid var(--dafa-border);
  border-radius: 999px;
  color: var(--dafa-text);
  font-size: 13px;
  text-decoration: none;
}

.archive-subs__chip:hover {
  border-color: var(--dafa-accent-strong);
  color: var(--dafa-accent-strong);
}

.archive-subs__chip.is-current {
  border-color: var(--dafa-accent);
  background: transparent;
  color: var(--dafa-accent-strong);
}

.archive-subs__chip span {
  color: var(--dafa-text-soft);
  font-size: 12px;
}

.archive-subs__chip:is(:hover, :focus-visible):not([aria-disabled="true"]) span {
  color: var(--dafa-accent-strong);
}

.archive-subs__chip.is-current span {
  color: var(--dafa-accent-strong);
}

.archive-stats {
  display: flex;
  flex-shrink: 1;
  flex-wrap: wrap;
  justify-content: flex-end;
  width: 100%;
  max-width: 100%;
  gap: 12px;
}

.archive-stats__item {
  display: grid;
  gap: 4px;
  min-width: 96px;
  padding: 14px 18px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  text-align: center;
}

.archive-stats__item strong {
  font-size: 22px;
  line-height: 1.2;
}

.archive-stats__item span {
  color: var(--dafa-text-soft);
  font-size: 12px;
}

@media (max-width: 782px) {
  .archive-hero__inner {
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
  }

  .archive-hero__aside {
    justify-items: stretch;
  }

  .archive-subs {
    justify-content: flex-start;
  }

  .archive-stats__item {
    
    flex: 1 1 25%;
    min-width: 0;
    padding: 12px 8px;
  }

  .archive-stats__item strong {
    font-size: clamp(18px, 3.2vw, 22px);
  }
}

.archive-nav {
  margin-bottom: 28px;
  padding-bottom: 16px;
  border-bottom: 1px solid var(--dafa-border);
}

.archive-nav > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 18px;
}

.archive-nav a {
  color: var(--dafa-text);
  font-weight: 650;
  text-decoration: none;
}

.news-filter-form,
.resource-filters {
  margin-bottom: 32px;
  padding: 24px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
}

.news-filter-select {
  position: relative;
  flex: 1 1 min-content;
  min-width: min-content;
  max-width: max-content;
}

.news-filter-select__toggle {
  display: grid;
  grid-template-columns: max-content minmax(3em, 1fr) auto;
  width: 100%;
  min-height: 42px;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  color: var(--dafa-text);
  cursor: pointer;
  font: inherit;
}

.news-filter-select__label {
  color: var(--dafa-text-soft);
  font-size: 13px;
  white-space: nowrap;
}

.news-filter-select__value {
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-filter-select__chevron {
  margin-left: auto;
  transition: transform 0.15s ease;
}

.news-filter-select.is-open .news-filter-select__chevron {
  transform: rotate(180deg);
}

.news-filter-select__panel {
  position: absolute;
  z-index: 60;
  top: calc(100% + 6px);
  left: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 4px;
  width: max-content;
  min-width: 240px;
  max-width: calc(100vw - 32px);
  max-height: 320px;
  padding: 10px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  box-shadow: var(--dafa-shadow);
}

.news-filter-select__panel[hidden] {
  display: none;
}

.news-filter-select__panel label,
.news-filter-select__panel a {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  padding: 8px 10px;
  box-sizing: border-box;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4;
}

.news-filter-select__panel a {
  color: var(--dafa-text);
  text-decoration: none;
}

.news-filter-select__panel a::before {
  content: "";
  flex: 0 0 15px;
  width: 15px;
  height: 15px;
  border: 1px solid var(--dafa-border);
  border-radius: 50%;
}

.news-filter-select__panel a[aria-current="page"]::before {
  border-color: var(--dafa-accent);
  background: var(--dafa-accent);
  box-shadow: inset 0 0 0 3px var(--dafa-surface);
}

.news-filter-select__panel label span,
.news-filter-select__panel a span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.news-filter-select__panel label:hover,
.news-filter-select__panel label:focus-within,
.news-filter-select__panel a:hover,
.news-filter-select__panel a:focus-visible {
  background: transparent;
  color: var(--dafa-accent-strong);
}

.news-filter-select__panel label:has(input:checked),
.news-filter-select__panel a[aria-current="page"] {
  background: transparent;
  color: var(--dafa-accent-strong);
  font-weight: 600;
}

.news-filter-select__panel input[type="checkbox"],
.news-filter-select__panel input[type="radio"] {
  flex-shrink: 0;
  width: 15px;
  min-width: 0;
  height: 15px;
  min-height: 0;
  margin: 0;
  accent-color: var(--dafa-accent);
}

.news-filter-select__panel small {
  margin-left: auto;
  padding-left: 16px;
  color: var(--dafa-text-soft);
  font-size: 12px;
  font-weight: 400;
}

.news-filter-controls {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
}

.news-filter-controls > label {
  display: grid;
  gap: 5px;
}

.news-filter-controls > .archive-view-toolbar {
  flex: 0 0 auto;
  align-self: center;
  margin-left: auto;
}

.news-filter-controls > label > input {
  min-height: 42px;
}

.news-filter-actions {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: stretch;
  gap: 8px;
}

.news-filter-actions .button {
  min-height: 42px;
  padding: 8px 16px;
  font-size: 14px;
}

.news-filter-actions__reset {
  min-width: 64px;
}

.news-filter-actions__reset:hover,
.news-filter-actions__reset:focus-visible {
  border-color: var(--dafa-accent-action-hover);
  color: var(--dafa-on-accent);
}

@media (max-width: 640px) {
  .news-filter-form,
  .resource-filters {
    padding: 12px;
  }

  .news-filter-controls {
    --dafa-filter-grid-track: calc((100% - 16px) / 3);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, max(148px, var(--dafa-filter-grid-track))), 1fr));
    gap: 8px;
  }

  .news-filter-controls[data-resource-filter-dropdowns] {
    --dafa-filter-grid-track: calc((100% - 8px) / 2);
  }

  .news-filter-controls > .news-filter-select {
    min-width: 0;
    max-width: none;
  }

  .news-filter-select__toggle {
    gap: 6px;
    padding-inline: 10px;
  }

  .news-filter-actions .button,
  .news-filter-controls > .archive-view-toolbar {
    width: 100%;
  }

  .news-filter-controls > .archive-view-toolbar {
    margin-left: 0;
  }
}

@media (max-width: 400px) {
  .news-filter-form,
  .resource-filters {
    padding: 8px;
  }

  .news-filter-controls {
    --dafa-filter-grid-track: calc((100% - 12px) / 3);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, max(134px, var(--dafa-filter-grid-track))), 1fr));
    gap: 6px;
  }

  .news-filter-controls[data-resource-filter-dropdowns] {
    --dafa-filter-grid-track: calc((100% - 6px) / 2);
  }

  .news-filter-select__toggle {
    gap: 4px;
    padding-inline: 6px;
  }
}

.news-day-heading {
  grid-column: 1 / -1;
  margin: 18px 0 0;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--dafa-border);
  font-size: 20px;
}

.search-hero__inner > p {
  margin: 0 0 6px;
  color: var(--dafa-accent-strong);
  font-weight: 720;
}

.search-hero__inner > span {
  display: block;
  margin: 12px 0 24px;
  color: var(--dafa-text-soft);
}

.search-results-content {
  padding-block: 46px 84px;
}

.entry,
.comments-area,
.single-above,
.sidebar .widget,
.notice-panel,
.auth-form,
.account-content {
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
}

.entry,
.comments-area,
.account-content {
  padding: clamp(22px, 3vw, 38px);
}

.entry-header {
  margin-bottom: 28px;
}

.entry-title {
  margin-top: 12px;
  font-size: clamp(32px, 4.4vw, 54px);
}

.entry-header--resource {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 320px);
  gap: 28px;
  align-items: start;
}

.entry-header--resource .entry-header__main {
  min-width: 0;
}

.entry-header--files .entry-title {
  font-size: clamp(24px, 3vw, 34px);
}

.entry-header--center {
  text-align: center;
}

.entry-header--center .entry-title {
  margin-top: 0;
  font-size: clamp(26px, 3.4vw, 40px);
  line-height: 1.32;
  text-align: center;
}

.entry-header--center .entry-meta {
  justify-content: center;
  margin-top: 10px;
}

.entry-meta > * {
  display: inline-flex;
  align-items: center;
  line-height: 1;
}

.entry-header--center .entry-deck {
  max-width: 68ch;
  margin-top: 34px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.entry-meta__source {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  min-width: 0;
  gap: 0 4px;
}

.entry-meta__source-label,
.entry-meta__source-name,
.entry-meta__source-separator {
  color: var(--dafa-text-soft);
}

.entry-meta__source-link {
  position: relative;
  color: inherit;
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 140ms ease;
}

.entry-meta__source-link::before,
.entry-meta__source-link::after {
  position: absolute;
  left: 50%;
  z-index: 20;
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity 140ms ease, transform 140ms ease, visibility 140ms ease;
}

.entry-meta__source-link::before {
  content: "";
  bottom: calc(100% + 5px);
  border: 6px solid transparent;
  border-top-color: var(--dafa-text);
  transform: translate(-50%, 4px);
}

.entry-meta__source-link::after {
  content: attr(data-original-title);
  bottom: calc(100% + 17px);
  width: max-content;
  max-width: min(360px, calc(100vw - 32px));
  padding: 8px 11px;
  border-radius: 8px;
  background: var(--dafa-text);
  box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18);
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.5;
  text-align: left;
  text-decoration: none;
  white-space: normal;
  transform: translate(-50%, 4px);
}

.entry-meta__source-link:hover::before,
.entry-meta__source-link:hover::after,
.entry-meta__source-link:focus-visible::before,
.entry-meta__source-link:focus-visible::after {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0);
}

.entry-meta__source-link:hover,
.entry-meta__source-link:focus-visible {
  color: var(--dafa-accent);
}

@media (max-width: 600px) {
  .entry-meta__source-link::after {
    right: -12px;
    left: auto;
    max-width: min(300px, calc(100vw - 32px));
    transform: translateY(4px);
  }

  .entry-meta__source-link:hover::after,
  .entry-meta__source-link:focus-visible::after {
    transform: translateY(0);
  }
}

.entry-header__media {
  margin: 0;
}

.entry-header__media img {
  width: 100%;
  height: auto;
  border-radius: var(--dafa-radius);
}

.entry-download-jump {
  margin: 18px 0 0;
}

.entry-download-jump a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  padding: 0 26px;
  border-radius: 999px;
  background: var(--dafa-accent) var(--dafa-button-sheen);
  color: var(--dafa-on-accent);
  font-weight: 650;
  text-decoration: none;
}

.entry-download-jump a:is(:hover, :focus-visible) {
  opacity: 1;
  background: var(--dafa-accent) var(--dafa-button-hover-gradient);
  box-shadow: var(--dafa-action-hover-shadow);
}

 (max-width: 782px) {
  .entry-header--resource {
    grid-template-columns: 1fr;
  }
}

.entry--page .entry-title {
  font-size: clamp(30px, 4vw, 46px);
}

.entry-deck {
  max-width: 65ch;
  color: var(--dafa-text-soft);
  font-size: 19px;
}

.alignleft {
  float: left;
  margin: 0 1.5rem 1rem 0;
}

.alignright {
  float: right;
  margin: 0 0 1rem 1.5rem;
}

.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.wp-caption {
  max-width: 100%;
}

.wp-caption-text,
.gallery-caption {
  margin-top: 0.5rem;
  color: var(--dafa-text-soft);
  font-size: 0.875rem;
  line-height: 1.6;
}

.sticky {
  border-block-start: 3px solid var(--dafa-accent);
}

.entry-featured-image {
  margin: 0 0 34px;
  overflow: hidden;
  border-radius: var(--dafa-radius);
}

.entry-content {
  font-size: var(--dafa-content-font-desktop, 17px);
  overflow-wrap: anywhere;
}

.entry-content > * {
  max-width: var(--dafa-reading);
  margin-inline: auto;
}


.entry-content > [style*="margin"] {
  margin-inline: auto !important;
}

.page-layout--wide .entry-content > *,
.page-layout--wide .entry,
.entry-content > .alignwide,
.entry-content > .alignfull {
  max-width: none;
}

.entry-content h2,
.entry-content h3 {
  margin-top: 1.8em;
}

.entry-content table {
  display: block;
  max-width: 100%;
  overflow-x: auto;
  border-collapse: collapse;
}

.entry-content th,
.entry-content td {
  padding: 10px 12px;
  border-bottom: 1px solid var(--dafa-border);
  text-align: left;
}

.entry-content pre,
.entry-content code {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

.entry-content pre {
  overflow-x: auto;
  padding: 18px;
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface-muted);
}

.entry-content blockquote {
  margin-block: 28px;
  padding: 6px 0 6px 22px;
  border-left: 4px solid var(--dafa-accent);
  color: var(--dafa-text-soft);
}


body.dafa-color-dark.single-blog .entry-content,
body.dafa-color-dark.single-blog .article-content,
body.dafa-color-dark.single-blog .article-meta,
body.dafa-color-dark.single-post .entry-content,
body.dafa-color-dark.single-post .article-content,
body.dafa-color-dark.single-post .article-meta {
  --amz-video-text: var(--dafa-text);
  --amz-video-muted: var(--dafa-text-soft);
  --amz-video-line: var(--dafa-border);
  --amz-video-accent: var(--dafa-accent);
}

body.dafa-color-dark .amz-video-article__media-toggle-button {
  border-color: var(--dafa-border);
  background: var(--dafa-surface-muted);
  color: var(--dafa-text-soft);
}

body.dafa-color-dark .entry-content > table,
body.dafa-color-dark .article-content > table {
  border-color: var(--dafa-border);
  background: var(--dafa-surface);
  color: var(--dafa-text);
}

body.dafa-color-dark .entry-content > table th,
body.dafa-color-dark .article-content > table th {
  border-color: var(--dafa-border);
  background: var(--dafa-surface-muted);
  color: var(--dafa-text);
}

body.dafa-color-dark .entry-content > table td,
body.dafa-color-dark .article-content > table td {
  border-color: var(--dafa-border);
}

body.dafa-color-dark .entry-content .su-label-type-important {
  background: #a60026 !important;
  color: #fff !important;
}

body.dafa-color-dark .entry-content [style*="color: #ff0000"] {
  color: rgb(255 142 142) !important;
}

body.dafa-color-dark .amz-video-article__image {
  background: var(--dafa-surface-muted);
}

body.dafa-color-dark [data-wechat-rss-ai-module="related-links"] {
  --aikb-surface: var(--dafa-surface-muted);
  --aikb-surface-muted: var(--dafa-accent-soft);
  --aikb-ink: var(--dafa-text);
  --aikb-muted: var(--dafa-text-soft);
  --aikb-line: var(--dafa-border);
  --aikb-accent: var(--dafa-accent-strong);
}

body.dafa-color-dark [data-wechat-rss-ai-module="related-links"] [data-wechat-rss-ai-related-link]:hover,
body.dafa-color-dark [data-wechat-rss-ai-module="related-links"] [data-wechat-rss-ai-related-link]:focus-visible {
  --aikb-surface: color-mix(in srgb, var(--dafa-surface-muted) 88%, var(--dafa-accent) 12%);
  --aikb-line: color-mix(in srgb, var(--dafa-border) 64%, var(--dafa-accent) 36%);
  outline: 2px solid color-mix(in srgb, var(--dafa-accent) 68%, transparent);
  outline-offset: 2px;
}

body.dafa-color-dark .amz-rank,
body.dafa-color-dark .amz-rank-entry {
  --amz-rank-ink: var(--dafa-text);
  --amz-rank-muted: var(--dafa-text-soft);
  --amz-rank-line: var(--dafa-border);
  --amz-rank-paper: var(--dafa-surface);
  --amz-rank-wash: var(--dafa-surface-muted);
  --amz-rank-accent: var(--dafa-accent);
  --amz-rank-accent-dark: var(--dafa-accent-strong);
  --amz-rank-green: rgb(74 222 128);
  --amz-rank-red: rgb(248 113 113);
}

body.dafa-color-dark .amz-rank-tools label:not(.amz-rank-switch),
body.dafa-color-dark .amz-rank-site small,
body.dafa-color-dark .amz-rank-market small,
body.dafa-color-dark .amz-rank-source,
body.dafa-color-dark .amz-rank-table td::before,
body.dafa-color-dark .amz-rank-change,
body.dafa-color-dark .amz-rank-notes summary {
  color: var(--amz-rank-muted);
}

body.dafa-color-dark .amz-rank-tools input[type="search"],
body.dafa-color-dark .amz-rank-tools select,
body.dafa-color-dark .amz-rank-switch,
body.dafa-color-dark .amz-rank-table-wrap,
body.dafa-color-dark .amz-rank-table tr,
body.dafa-color-dark .amz-rank-site__mark {
  border-color: var(--amz-rank-line);
  background: var(--amz-rank-paper);
  color: var(--amz-rank-ink);
}

body.dafa-color-dark .amz-rank-table th,
body.dafa-color-dark .amz-rank-position,
body.dafa-color-dark .amz-rank-site__fallback,
body.dafa-color-dark .amz-rank-type {
  background: var(--amz-rank-wash);
  color: var(--amz-rank-ink);
}

body.dafa-color-dark .amz-rank-table th,
body.dafa-color-dark .amz-rank-table td {
  border-bottom-color: var(--amz-rank-line);
}

body.dafa-color-dark .amz-rank-table tbody tr:hover td {
  background: color-mix(in srgb, var(--amz-rank-wash) 84%, var(--dafa-accent) 16%);
}

body.dafa-color-dark .amz-rank-market strong,
body.dafa-color-dark .amz-rank-category,
body.dafa-color-dark .amz-rank-global {
  color: var(--amz-rank-ink);
}

body.dafa-color-dark .amz-rank-download {
  background: var(--dafa-accent) var(--dafa-button-sheen);
  color: var(--dafa-on-accent);
}

body.dafa-color-dark .amz-rank-download:hover,
body.dafa-color-dark .amz-rank-download:focus-visible {
  background: var(--dafa-accent) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
  box-shadow: var(--dafa-action-hover-shadow);
  opacity: 1;
}

body.dafa-color-dark .vip-content .erphpdown-btn.erphp-login-must:is(:hover, :focus-visible) {
  background: var(--dafa-accent) var(--dafa-button-hover-gradient) !important;
  box-shadow: var(--dafa-action-hover-shadow);
  opacity: 1;
}

body.dafa-color-dark .vip-content .erphpdown-btn.erphp-login-must {
  border-color: var(--dafa-accent) !important;
  background: var(--dafa-accent) var(--dafa-button-sheen) !important;
  color: var(--dafa-on-accent) !important;
}

body.dafa-color-dark.dafa-theme .sidebar .dafa-resource-card #erphpdown a.dafa-resource-card__primary-action {
  border-color: #a93616 !important;
  background: #a93616 var(--dafa-button-sheen) !important;
  color: #fffaf6 !important;
}

body.dafa-color-dark.dafa-theme .sidebar .dafa-resource-card #erphpdown a.dafa-resource-card__primary-action:hover,
body.dafa-color-dark.dafa-theme .sidebar .dafa-resource-card #erphpdown a.dafa-resource-card__primary-action:focus-visible {
  border-color: #a93616 !important;
  background: #a93616 var(--dafa-button-hover-gradient-light) !important;
  color: #fffaf6 !important;
}

body.dafa-theme:not(.dafa-color-dark) .chuhai-vc :is(
  .chuhai-vc__form textarea,
  .chuhai-vc__form select,
  .chuhai-vc__notify-setup input,
  .chuhai-vc__ticket-form textarea
):focus {
  border-color: #bdc8cd;
}

body.dafa-color-dark .chuhai-vc {
  color-scheme: dark;
  --vc-ink: var(--dafa-text);
  --vc-muted: var(--dafa-text-soft);
  --vc-paper: var(--dafa-bg);
  --vc-white: var(--dafa-surface-elevated);
  --vc-line: var(--dafa-border);
  --vc-navy: #101923;
  --vc-navy-soft: var(--dafa-surface-muted);
  --vc-accent: var(--dafa-accent);
  --vc-accent-dark: var(--dafa-accent-strong);
  background: var(--vc-paper);
  color: var(--vc-ink);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__assurance,
body.dafa-color-dark .chuhai-vc .chuhai-vc__login,
body.dafa-color-dark .chuhai-vc .chuhai-vc__panel,
body.dafa-color-dark .chuhai-vc .chuhai-vc__slot,
body.dafa-color-dark .chuhai-vc .chuhai-vc__offer-row,
body.dafa-color-dark .chuhai-vc .chuhai-vc__guest-offers,
body.dafa-color-dark .chuhai-vc .chuhai-vc__notify-card,
body.dafa-color-dark .chuhai-vc .chuhai-vc__rules,
body.dafa-color-dark .chuhai-vc .chuhai-vc__policy details,
body.dafa-color-dark .chuhai-vc .chuhai-vc__room-page-head,
body.dafa-color-dark .chuhai-vc .chuhai-vc__workspace-context,
body.dafa-color-dark .chuhai-vc .chuhai-vc__workspace-tabs,
body.dafa-color-dark .chuhai-vc .chuhai-vc__workspace-tabs button.is-active,
body.dafa-color-dark .chuhai-vc .chuhai-vc__workspace-empty,
body.dafa-color-dark .chuhai-vc .chuhai-vc__ticket-modal,
body.dafa-color-dark .chuhai-vc .chuhai-vc__ticket-modal-head > button,
body.dafa-color-dark .chuhai-vc .chuhai-vc__reminder-timeline,
body.dafa-color-dark .chuhai-vc .chuhai-vc__verify-row button,
body.dafa-color-dark .chuhai-vc .chuhai-vc__profile-save,
body.dafa-color-dark .chuhai-vc .chuhai-vc__subhead > button,
body.dafa-color-dark .chuhai-vc .chuhai-vc__receipt-actions button {
  border-color: var(--vc-line);
  background: var(--vc-white);
  color: var(--vc-ink);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__form textarea,
body.dafa-color-dark .chuhai-vc .chuhai-vc__form select,
body.dafa-color-dark .chuhai-vc .chuhai-vc__notify-setup input,
body.dafa-color-dark .chuhai-vc .chuhai-vc__ticket-form textarea {
  border-color: var(--vc-line);
  background: var(--dafa-surface);
  color: var(--vc-ink);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__offer-row.is-recommended,
body.dafa-color-dark .chuhai-vc .chuhai-vc__billing-options .chuhai-vc__offer-row:has(input:checked),
body.dafa-color-dark .chuhai-vc .chuhai-vc__notify-card:has(input[name="notifyChannels[]"]:checked) {
  border-color: var(--vc-accent);
  background: color-mix(in srgb, var(--vc-white) 90%, var(--vc-accent) 10%);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__wallet-summary,
body.dafa-color-dark .chuhai-vc .chuhai-vc__wallet-summary.is-shortfall,
body.dafa-color-dark .chuhai-vc .chuhai-vc__wallet-summary.is-sufficient,
body.dafa-color-dark .chuhai-vc .chuhai-vc__agreement,
body.dafa-color-dark .chuhai-vc .chuhai-vc__workspace-loading,
body.dafa-color-dark .chuhai-vc .chuhai-vc__loading {
  border-color: var(--vc-line);
  background: var(--dafa-surface-muted);
  color: var(--vc-ink);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__offer-badge,
body.dafa-color-dark .chuhai-vc .chuhai-vc__workspace-tabs button small {
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong) !important;
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__button,
body.dafa-color-dark .chuhai-vc .chuhai-vc__wallet-recharge,
body.dafa-color-dark .chuhai-vc .chuhai-vc__profile-save,
body.dafa-color-dark .chuhai-vc .chuhai-vc__mobile-cta a {
  color: var(--dafa-on-accent) !important;
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__button--ghost {
  border-color: var(--vc-line);
  background: transparent;
  color: var(--vc-ink) !important;
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__button--ghost:hover {
  background: var(--dafa-surface-muted);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__problem-list,
body.dafa-color-dark .chuhai-vc .chuhai-vc__problem-list article,
body.dafa-color-dark .chuhai-vc .chuhai-vc__faq,
body.dafa-color-dark .chuhai-vc .chuhai-vc__faq-list,
body.dafa-color-dark .chuhai-vc .chuhai-vc__faq details {
  border-color: var(--vc-line);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__billing-note {
  color: var(--vc-muted);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__notice.is-info,
body.dafa-color-dark .chuhai-vc .chuhai-vc__form-feedback.is-info {
  background: var(--dafa-surface-muted);
  color: var(--dafa-text);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__notice.is-success,
body.dafa-color-dark .chuhai-vc .chuhai-vc__confirmation {
  background: rgb(74 222 128 / 0.12);
  color: rgb(134 239 172);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__notice.is-warning,
body.dafa-color-dark .chuhai-vc .chuhai-vc__attendance.is-warning {
  background: rgb(251 191 36 / 0.13);
  color: rgb(253 224 71);
}

body.dafa-color-dark .chuhai-vc .chuhai-vc__notice.is-error,
body.dafa-color-dark .chuhai-vc .chuhai-vc__form-feedback.is-error,
body.dafa-color-dark .chuhai-vc .chuhai-vc__ticket-feedback.is-error {
  background: rgb(248 113 113 / 0.13);
  color: rgb(252 165 165);
}


body.dafa-theme:not(.night) .amz-aikb-image-editor-prompt textarea:focus,
body.dafa-theme :is(
  .amz-aikb-composer textarea,
  .amz-aikb-doc-search input,
  .amz-aikb-doc-jump input
):focus {
  border-color: var(--amz-aikb-line) !important;
}


body.dafa-color-dark.night .amz-aikb-app .amz-aikb-send,
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-login-wall .amz-aikb-btn.signin-loader,
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-login-wall a.amz-aikb-btn[data-amz-aikb-login="1"],
body.dafa-theme .amz-aikb-app .amz-aikb-send,
body.dafa-theme .amz-aikb-app .amz-aikb-login-wall .amz-aikb-btn.signin-loader,
body.dafa-theme .amz-aikb-app .amz-aikb-login-wall a.amz-aikb-btn[data-amz-aikb-login="1"] {
  background: var(--dafa-control-solid) var(--dafa-control-sheen) !important;
  color: var(--dafa-on-control) !important;
  box-shadow: none;
}

body.dafa-color-dark.night .amz-aikb-app .amz-aikb-send:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-login-wall .amz-aikb-btn.signin-loader:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-login-wall a.amz-aikb-btn[data-amz-aikb-login="1"]:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
body.dafa-theme .amz-aikb-app .amz-aikb-send:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
body.dafa-theme .amz-aikb-app .amz-aikb-login-wall .amz-aikb-btn.signin-loader:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
body.dafa-theme .amz-aikb-app .amz-aikb-login-wall a.amz-aikb-btn[data-amz-aikb-login="1"]:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
  background: var(--dafa-control-solid-hover) var(--dafa-button-hover-gradient) !important;
  color: var(--dafa-on-accent) !important;
  filter: none;
}


body.dafa-color-dark.night .amz-aikb-app .amz-aikb-login-wall__title {
  color: var(--amz-aikb-ink, #e8ebf0) !important;
}

body.dafa-color-dark.night .amz-aikb-app.is-guest [data-action="new-session"],
body.dafa-color-dark.night .amz-aikb-app.is-guest [data-action="clear-sessions"],
body.dafa-color-dark.night .amz-aikb-app [data-action="new-session"].is-guest-locked,
body.dafa-color-dark.night .amz-aikb-app [data-action="clear-sessions"].is-guest-locked,
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-sessions-head [data-action="clear-sessions"]:disabled,
body.dafa-color-dark.night .amz-aikb-app .amz-aikb-sessions-head [data-action="clear-sessions"].is-empty-disabled {
  border-color: var(--amz-aikb-line, #353a44) !important;
  background: #30353d !important;
  color: var(--amz-aikb-muted, #a0a7b2) !important;
  opacity: 1;
}

body.dafa-color-dark.night .amz-aikb-app .amz-aikb-login-wall .amz-aikb-btn--vip-outline {
  background-color: #e0bf73 !important;
  background-image: linear-gradient(90deg, #f0d68d, #e0bf73) !important;
  color: #4e342e !important;
}


.toc-2col {
  display: flex;
  gap: 32px;
  margin: 12px 0 20px;
}

.toc-col {
  flex: 1;
}

.toc-title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
  margin-bottom: 2px;
  padding-left: 8px;
  font-size: 1em;
  font-weight: bold;
}

.toc-item {
  display: flex;
  align-items: center;
  padding: 2px 0;
  border-bottom: 1px dashed var(--aikb-line, #e6dfd4);
  font-size: 0.9em;
}

.toc-num {
  display: inline-block;
  min-width: 2.5em;
  margin-right: 0.5em;
  color: var(--aikb-muted, #6b7280);
  font-family: monospace;
  word-break: normal;
}

.toc-page {
  margin-left: auto;
  padding-left: 1em;
  color: var(--aikb-muted, #6b7280);
  font-family: monospace;
  font-size: 0.95em;
  word-break: normal;
}

@media (max-width: 600px) {
  .toc-2col {
    flex-direction: column;
    gap: 2px;
  }

  .toc-title {
    font-size: 1em;
  }

  .toc-item {
    font-size: 0.95em;
  }
}

.dafa-protected-notice,
.dafa-legacy-media-notice,
.entry-notice {
  margin-block: 24px;
  padding: 16px 18px;
  border: 1px solid var(--dafa-border);
  border-left: 4px solid var(--dafa-accent);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface-muted);
  color: var(--dafa-text-soft);
}

.dafa-protected-notice a,
.dafa-legacy-media-notice a,
.entry-notice a {
  color: var(--dafa-accent-strong);
  font-weight: 700;
}

.entry-copyright {
  margin-top: 26px;
  background: var(--dafa-surface-soft);
  color: var(--dafa-text-soft);
  font-size: 14px;
  line-height: 1.75;
}

.entry-copyright a {
  overflow-wrap: anywhere;
}

.entry-footer {
  margin-top: 34px;
  padding-top: 22px;
  border-top: 1px solid var(--dafa-border);
}

.entry-footer__row--actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 18px;
}

.entry-footer__group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}


.entry-footer__row--actions {
  justify-content: flex-start;
  gap: 10px 12px;
}

.entry-footer__group--engage {
  flex: 0 0 auto;
  max-width: 100%;
  gap: 8px;
}

.entry-footer__row--actions > .entry-footer__group:first-child,
.entry-footer .dafa-favorite-action,
.entry-footer .entry-like {
  flex: 0 0 auto;
  white-space: nowrap;
}

.entry-footer .entry-share {
  flex: 0 0 auto;
  margin-left: auto;
}

.entry-footer__row--tags + .entry-footer__row--actions {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px solid var(--dafa-border);
}

.entry-tags {
  align-items: center;
}

.entry-tags__label {
  margin-right: 2px;
  color: var(--dafa-text-soft);
  font-size: 14px;
}


.entry-ai-summary {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 7px 16px;
  border: 0;
  border-radius: 999px;
  background: var(--dafa-surface);
  color: var(--dafa-text-soft);
  font-size: 14px;
  cursor: pointer;
}

.entry-ai-summary:hover {
  color: var(--dafa-accent-strong);
}


.dafa-resource-facts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 14px;
  margin: 0 0 22px;
  padding: 12px 16px;
  border: 1px dashed var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface-muted);
  color: var(--dafa-text-soft);
  font-size: 13px;
}

.dafa-resource-facts__name {
  color: var(--dafa-text);
  font-weight: 650;
  overflow-wrap: anywhere;
}


.entry-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 16px;
}

.entry-tags a {
  max-width: 100%;
  padding: 4px 0;
  color: var(--dafa-text-soft);
  font-size: 13px;
  line-height: 1.5;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.entry-tags a:hover,
.entry-tags a:focus-visible {
  color: var(--dafa-accent-strong);
  text-decoration: underline;
  text-underline-offset: 3px;
}

@media (max-width: 782px) {
  .entry-footer__row--actions {
    justify-content: flex-start;
    gap: 8px;
  }

  .entry-footer .entry-share {
    flex: 1 0 100%;
    margin-left: 0;
    gap: 6px;
  }

  .entry-footer .entry-share__btn {
    width: 44px;
    height: 44px;
  }

  .entry-footer .entry-footer__row--actions > .entry-footer__group > .entry-ai-summary,
  .entry-footer .entry-footer__row--actions .entry-like,
  .entry-footer .entry-footer__row--actions .dafa-favorite-action .button {
    min-height: 44px;
    padding-inline: 8px;
  }
}

@media (max-width: 374px) {
  .entry-footer .entry-share {
    column-gap: 4px;
  }

  .entry-footer .entry-share__label {
    flex-basis: 100%;
  }
}


@media (pointer: coarse) and (min-width: 783px) {
  .entry-footer .entry-share__btn {
    width: 44px;
    height: 44px;
  }

  .entry-footer .entry-footer__row--actions > .entry-footer__group > .entry-ai-summary,
  .entry-footer .entry-footer__row--actions .entry-like,
  .entry-footer .entry-footer__row--actions .dafa-favorite-action .button {
    min-height: 44px;
  }
}


.related-resources {
  margin-top: 30px;
  padding: 20px 24px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
}

.related-resources__title {
  margin: 0 0 12px;
  font-size: 17px;
  font-weight: 700;
}

.related-resources__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.related-resources__list li {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 12px;
  padding: 9px 0;
  border-top: 1px dashed var(--dafa-border);
}

.related-resources__list a {
  color: var(--dafa-text);
  font-weight: 600;
  text-decoration: none;
}

.related-resources__list a:hover {
  color: var(--dafa-accent-strong);
}

.related-resources__list span {
  color: var(--dafa-text-soft);
  font-size: 13px;
}

.related-resources__more {
  display: inline-block;
  margin-top: 10px;
  color: var(--dafa-text-soft);
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
}

.sidebar .related-resources--sidebar {
  margin-top: 0;
}

.sidebar .related-resources--sidebar .related-resources__list a {
  min-width: 0;
  flex: 1 1 100%;
  line-height: 1.55;
  overflow-wrap: anywhere;
}

.sidebar .related-resources--sidebar .related-resources__list span {
  display: block;
  flex: 0 0 100%;
}

.entry-share {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  color: var(--dafa-text-soft);
  font-size: 14px;
}

.entry-share__label {
  margin-right: 2px;
}


.entry-share__btn {
  --dafa-share-brand: var(--dafa-accent);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--dafa-text-soft);
  cursor: pointer;
  text-decoration: none;
  transition:
    transform 0.15s ease,
    color 0.15s ease;
}

.entry-share__btn:focus-visible {
  outline: 0;
  background: transparent;
  box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--dafa-share-brand) 72%, transparent);
  color: var(--dafa-share-brand);
  transform: translateY(-1px);
}

.entry-share__btn .dafa-share-icon {
  width: 18px;
  height: 18px;
  fill: currentColor;
}


.entry-share__btn--qq .dafa-share-icon {
  width: 14px;
  height: 14px;
}

.entry-share__btn--wechat { --dafa-share-brand: #44b549; }
.entry-share__btn--qzone { --dafa-share-brand: #f3b51b; }
.entry-share__btn--weibo { --dafa-share-brand: #e6162d; }
.entry-share__btn--qq { --dafa-share-brand: #12b7f5; }
.entry-share__btn--email { --dafa-share-brand: var(--dafa-accent); }

@media (hover: hover) and (pointer: fine) {
  .entry-share__btn:hover {
    background: transparent;
    color: var(--dafa-share-brand);
    transform: translateY(-1px);
  }
}

.entry-share__wechat {
  position: relative;
  display: inline-flex;
}


.entry-share__wechat.is-open::before {
  position: absolute;
  bottom: 100%;
  left: -10px;
  z-index: 79;
  width: 184px;
  height: 12px;
  content: "";
}

.entry-share__wechat-popover {
  position: absolute;
  bottom: calc(100% + 12px);
  left: -10px;
  z-index: 80;
  width: 184px;
  padding: 14px;
  border: 1px solid var(--dafa-border);
  border-radius: 12px;
  background: var(--dafa-surface);
  box-shadow: var(--dafa-shadow);
  color: var(--dafa-text);
  text-align: center;
}

.entry-share__wechat-popover[hidden] {
  display: none;
}

.entry-share__wechat-popover::after {
  position: absolute;
  bottom: -7px;
  left: 20px;
  width: 12px;
  height: 12px;
  border-right: 1px solid var(--dafa-border);
  border-bottom: 1px solid var(--dafa-border);
  background: var(--dafa-surface);
  content: "";
  transform: rotate(45deg);
}

.entry-share__wechat-close {
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--dafa-text-soft);
  cursor: pointer;
  font: inherit;
  font-size: 20px;
  line-height: 1;
}

.entry-share__wechat-title,
.entry-share__wechat-hint {
  display: block;
}

.entry-share__wechat-title {
  padding: 0 24px 8px;
  font-size: 14px;
}

.entry-share__wechat-qr {
  display: block;
  width: 136px;
  min-height: 136px;
  margin: 0 auto;
  padding: 6px;
  border: 1px solid #dedfd8;
  background: #fff;
}

.entry-share__wechat-qr svg {
  display: block;
  width: 100%;
  height: auto;
}

.entry-share__wechat-hint {
  margin-top: 8px;
  color: var(--dafa-text-soft);
  font-size: 12px;
  line-height: 1.5;
}

.entry-share__wechat-copy {
  margin-top: 9px;
  padding: 4px 10px;
  border: 1px solid var(--dafa-border);
  border-radius: 999px;
  background: var(--dafa-surface-muted);
  color: var(--dafa-text);
  cursor: pointer;
  font: inherit;
  font-size: 12px;
}

.entry-share__wechat-close:hover,
.entry-share__wechat-close:focus-visible,
.entry-share__wechat-copy:hover,
.entry-share__wechat-copy:focus-visible {
  color: var(--dafa-accent-strong);
}

.entry-share__status {
  font-size: 12px;
  color: var(--dafa-text-soft);
}

.entry-like {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 7px 12px;
  border: 0;
  border-radius: 999px;
  background: var(--dafa-surface);
  color: var(--dafa-text);
  cursor: pointer;
  font: inherit;
  font-size: 14px;
}

.entry-like:hover,
.entry-like:focus-visible,
.entry-like.is-liked {
  color: var(--dafa-accent-strong);
}

.entry-like__icon {
  display: inline-flex;
}

.entry-like__icon svg {
  width: 16px;
  height: 16px;
}

.entry-like.is-liked {
  color: var(--dafa-accent-strong);
}

.entry-like.is-liked .entry-like__icon svg {
  fill: var(--dafa-accent);
  stroke: var(--dafa-accent);
}


.dafa-confirm {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgb(23 26 33 / 0.45);
  opacity: 0;
  transition: opacity 0.16s ease;
}

.dafa-confirm.is-open {
  opacity: 1;
}

.dafa-confirm__card {
  width: min(100%, 380px);
  padding: 26px 24px 20px;
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  box-shadow: 0 24px 64px rgb(23 26 33 / 0.22);
  transform: translateY(10px) scale(0.97);
  transition: transform 0.16s ease;
}

.dafa-confirm.is-open .dafa-confirm__card {
  transform: translateY(0) scale(1);
}

.dafa-confirm__message {
  margin: 0 0 20px;
  color: var(--dafa-text);
  font-size: 15px;
  line-height: 1.7;
  text-align: center;
}

.dafa-confirm__actions {
  display: flex;
  justify-content: center;
  gap: 12px;
}

.dafa-confirm__btn {
  min-width: 88px;
  min-height: 38px;
  padding: 8px 20px;
  border: 1px solid var(--dafa-border);
  border-radius: 999px;
  background: var(--dafa-surface);
  color: var(--dafa-text);
  font-size: 14px;
  cursor: pointer;
}

.dafa-confirm__btn--ok {
  border-color: var(--dafa-control-solid);
  background: var(--dafa-control-solid) var(--dafa-control-sheen);
  color: var(--dafa-on-control);
}

.dafa-confirm__btn--ok:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
  background: var(--dafa-control-solid-hover) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
}

.dafa-confirm__btn--cancel:hover {
  border-color: var(--dafa-accent);
  color: var(--dafa-accent-strong);
}

.dafa-modal-open {
  overflow: hidden;
}


.entry-like.is-animating .entry-like__icon svg {
  animation: dafa-like-pop 0.45s ease;
}

@keyframes dafa-like-pop {
  0% { transform: scale(1); }
  40% { transform: scale(1.4); }
  70% { transform: scale(0.9); }
  100% { transform: scale(1); }
}

.entry-like:disabled {
  cursor: default;
  opacity: 0.82;
}

.dafa-legacy-video,
.dafa-legacy-gallery {
  margin-block: 24px;
}

.dafa-legacy-video .wp-video,
.dafa-legacy-video video {
  max-width: 100%;
}

.dafa-legacy-gallery {
  display: grid;
  grid-template-columns: repeat(var(--dafa-gallery-columns, 3), minmax(0, 1fr));
  gap: 12px;
}

.dafa-legacy-gallery__item {
  margin: 0;
  overflow: hidden;
  border-radius: calc(var(--dafa-radius) * 0.75);
  background: var(--dafa-surface-muted);
}

.dafa-legacy-gallery__item img {
  display: block;
  width: 100%;
  height: auto;
}

.dafa-legacy-gallery--crop .dafa-legacy-gallery__item img {
  aspect-ratio: 1;
  object-fit: cover;
}

.dafa-login-brand {
  display: flex;
  width: 100%;
  justify-content: center;
  margin-bottom: 12px;
}

.dafa-login-brand-logo {
  display: block;
  max-width: min(100%, var(--dafa-logo-width, 210px));
  max-height: 48px;
  width: auto;
  height: auto;
}


.post-navigation {
  margin-top: 18px;
  padding-top: 14px;
  border-top: 1px solid var(--dafa-border);
}

.post-navigation .nav-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 28px;
}

.post-navigation .nav-links > :only-child {
  grid-column: 1 / -1;
  text-align: left;
}

.post-navigation a {
  display: block;
  min-height: 60px;
  padding: 8px 0;
  color: var(--dafa-text);
  text-decoration: none;
}

.post-navigation a:hover strong,
.post-navigation a:focus-visible strong {
  color: var(--dafa-accent);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.post-navigation a:focus-visible {
  outline: 2px solid var(--dafa-accent);
  outline-offset: 4px;
}

.post-navigation .nav-next {
  text-align: right;
}

.post-navigation span {
  display: block;
  margin-bottom: 4px;
  color: var(--dafa-text-soft);
  font-size: 12px;
}

.post-navigation strong {
  display: block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.comments-area {
  width: 100%;
  max-width: 960px;
  margin: 32px auto 0;
  padding: clamp(20px, 2.4vw, 28px);
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  scroll-margin-top: 96px;
}

.comments-title {
  margin: 0 0 8px;
  font-size: 20px;
  letter-spacing: -0.025em;
}

.comment-respond ~ .comments-title {
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--dafa-border);
}

.comment-respond {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}

.comment-reply-title {
  margin: 0 0 12px;
  font-size: 22px;
  letter-spacing: -0.015em;
}

.comment-reply-title small {
  margin-left: 8px;
  font-size: 12px;
  font-weight: 600;
}

.comment-reply-title small a,
.logged-in-as a,
.must-log-in a {
  text-underline-offset: 0.18em;
}

.logged-in-as,
.comment-notes,
.must-log-in {
  margin: 0;
  color: var(--dafa-text-soft);
  font-size: 13px;
  line-height: 1.65;
}

.comment-form .logged-in-as {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 16px;
}

.comment-form .logged-in-as a {
  text-decoration: none;
}

.comment-form .logged-in-as a:is(:hover, :focus-visible) {
  text-decoration: underline;
}

.comment-form > p {
  margin-block: 12px 0;
}

.comment-form label {
  display: block;
  margin-bottom: 6px;
  color: var(--dafa-text);
  font-size: 13px;
  font-weight: 650;
}

.comment-form textarea {
  height: 144px;
  min-height: 128px;
  background: transparent;
  resize: vertical;
  font-size: 16px;
  line-height: 1.65;
}

.comment-form textarea::placeholder {
  color: color-mix(in srgb, var(--dafa-text-soft) 75%, var(--dafa-surface));
  font-size: 14px;
  opacity: 1;
}

.comment-form textarea:focus-visible {
  border-color: var(--dafa-accent);
}

.comment-form .form-submit {
  margin-top: 14px;
  text-align: right;
}

.comment-form .submit {
  min-height: 44px;
  padding: 9px 18px;
  border: 1px solid var(--dafa-control-solid);
  border-radius: 6px;
  background: var(--dafa-control-solid) var(--dafa-control-sheen);
  color: var(--dafa-on-control);
  font-size: 14px;
  font-weight: 600;
}

.comment-form .submit:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--dafa-control-solid-hover);
  background: var(--dafa-control-solid-hover) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
}

.comment-list {
  margin: 0;
  padding-left: 0;
  border-top: 0;
  list-style: none;
}

.comment-list .comment {
  list-style: none;
}

.comment-list .children {
  margin: 0 0 0 58px;
  padding-left: 18px;
  border-left: 1px solid color-mix(in srgb, var(--dafa-border) 84%, transparent);
  list-style: none;
}

.comment-body {
  position: relative;
  min-height: 44px;
  padding: 18px 0 16px 58px;
  border-bottom: 0;
}

.comment-list > .comment + .comment {
  margin-top: 4px;
}

.comment-author {
  display: flex;
  min-width: 0;
  min-height: 22px;
  align-items: center;
  gap: 7px;
  line-height: 1.4;
}

.comment-author .avatar {
  position: absolute;
  top: 18px;
  left: 0;
  width: 44px;
  height: 44px;
  border: 1px solid color-mix(in srgb, var(--dafa-border) 76%, transparent);
  border-radius: 50%;
  background: var(--dafa-surface-muted);
  object-fit: cover;
}

.comment-author .fn,
.comment-author .fn a {
  color: var(--dafa-text);
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
}

.comment-author .fn {
  display: inline-flex;
  min-width: 0;
  max-width: 100%;
  align-items: center;
  gap: 6px;
  overflow: hidden;
}

.comment-author__name,
.comment-author__name a {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.comment-vip-badge {
  display: inline-flex;
  flex: 0 0 auto;
  min-height: 23px;
  align-items: center;
  gap: 5px;
  padding: 2px 8px 2px 3px;
  border: 0;
  border-radius: 7px;
  background-color: var(--dafa-vip-soft);
  background-image: var(--dafa-vip-panel);
  box-shadow: 0 1px 2px color-mix(in srgb, var(--dafa-vip-accent) 8%, transparent);
  color: var(--dafa-vip-ink);
  font-size: 10.5px;
  font-weight: 680;
  letter-spacing: -0.01em;
  line-height: 1.45;
  vertical-align: 1px;
}

.comment-vip-badge__icon {
  display: grid;
  width: 17px;
  height: 17px;
  flex: 0 0 17px;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: var(--dafa-vip-medallion);
  box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0.13);
  color: var(--dafa-vip-on-accent);
}

.comment-vip-badge__icon svg {
  display: block;
  width: 10px;
  height: 10px;
  filter: drop-shadow(0 1px 0 rgb(0 0 0 / 0.18));
}

.comment-author .says {
  display: none;
}

.bypostauthor > .comment-body .fn::after {
  display: inline-flex;
  margin-left: 1px;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--dafa-accent-strong);
  content: "作者";
  font-size: 10.5px;
  font-weight: 680;
  letter-spacing: 0;
  line-height: 1.5;
  vertical-align: 1px;
}

.comment-metadata {
  margin-top: 1px;
  color: var(--dafa-text-soft);
  font-size: 12px;
  line-height: 1.55;
}

.comment-metadata a {
  color: inherit;
  text-decoration: none;
}

.comment-metadata a:hover,
.comment-metadata a:focus-visible {
  color: var(--dafa-accent-strong);
}

.comment-metadata .edit-link {
  margin-left: 8px;
}

.comment-content {
  margin-top: 7px;
  color: var(--dafa-text);
  font-size: 16px;
  line-height: 1.72;
  overflow-wrap: anywhere;
}

.comment-content > :first-child {
  margin-top: 0;
}

.comment-content > :last-child {
  margin-bottom: 0;
}

.comment-body .reply {
  margin-top: 4px;
}

.comment-body .reply a {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  color: var(--dafa-text-soft);
  font-size: 12.5px;
  font-weight: 620;
  text-decoration: none;
}

.comment-body .reply a:hover,
.comment-body .reply a:focus-visible {
  color: var(--dafa-accent-strong);
}

@media (min-width: 601px) and (hover: hover) and (pointer: fine) {
  .comment-body .reply {
    opacity: 0;
    pointer-events: none;
  }

  .comment-body:hover .reply,
  .comment-body:focus-within .reply {
    opacity: 1;
    pointer-events: auto;
  }
}

.comments-area .navigation {
  margin-top: 18px;
}

.no-comments {
  margin: 18px 0 0;
  color: var(--dafa-text-soft);
}

@media (max-width: 600px) {
  .comments-area {
    margin-top: 24px;
  }

  .comment-list .children {
    margin-left: 16px;
    padding-left: 12px;
  }

  .comment-body {
    min-height: 40px;
    padding: 16px 0 14px 52px;
  }

  .comment-author .avatar {
    top: 16px;
    width: 40px;
    height: 40px;
  }

  .comment-content {
    font-size: 15px;
  }
}

.comment-form input:not([type="checkbox"]):not([type="submit"]),
.comment-form textarea,
.auth-form input:not([type="checkbox"]):not([type="submit"]) {
  width: 100%;
  padding: 11px 13px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
}

.comment-form input:not([type="checkbox"]):not([type="submit"]),
.auth-form input:not([type="checkbox"]):not([type="submit"]) {
  background: var(--dafa-bg);
}

.comment-form textarea {
  border-radius: 6px;
}

.sidebar {
  min-width: 0;
}

.sidebar .widget,
.single-above {
  margin-bottom: 20px;
  padding: 22px;
}

.widget-title {
  font-size: 18px;
}

.widget ul {
  padding-left: 20px;
}

.dafa-widget-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.dafa-widget-list li {
  min-width: 0;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--dafa-border);
}

.dafa-widget-list li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.dafa-widget-list a {
  display: block;
  color: var(--dafa-text);
  font-weight: 680;
  line-height: 1.5;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.dafa-widget-list a:hover {
  color: var(--dafa-accent-strong);
}

.dafa-widget-list small {
  display: block;
  margin-top: 4px;
  color: var(--dafa-text-soft);
}

.dafa-widget-ranking li {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 10px;
}

.dafa-widget-ranking__position {
  display: inline-grid;
  width: 26px;
  height: 26px;
  place-items: center;
  border-radius: 50%;
  background: var(--dafa-surface-muted);
  color: var(--dafa-text);
  font-size: 12px;
  font-weight: 800;
}

.dafa-widget-badge {
  display: inline-flex;
  margin-top: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong);
  font-size: 11px;
  font-weight: 800;
}

.dafa-widget-empty {
  margin: 0;
  color: var(--dafa-text-soft);
}

.page-menu ul {
  padding: 0;
}

.page-menu li + li {
  margin-top: 7px;
}

.pagination-shell {
  --dafa-pagination-control-size: clamp(34px, 5cqi, 42px);
  --dafa-pagination-control-gap: clamp(4px, 0.8cqi, 8px);
  --dafa-pagination-control-padding: clamp(6px, 1.1cqi, 10px);
  --dafa-pagination-font-size: clamp(13px, 1.7cqi, 16px);
  --dafa-pagination-jump-width: clamp(54px, 7.5cqi, 68px);
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px clamp(8px, 1.8cqi, 18px);
  margin-top: 36px;
  padding: clamp(14px, 1.8cqi, 18px) clamp(14px, 2cqi, 20px);
  border: 0;
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  container-name: dafa-pagination;
  container-type: inline-size;
}

.archive-results > .pagination-shell {
  margin-top: auto;
}

.pagination-shell .pagination {
  max-width: 100%;
  margin: 0;
}

.pagination .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 36px;
}

.pagination-shell .pagination .nav-links {
  flex-wrap: nowrap;
  gap: var(--dafa-pagination-control-gap);
  margin-top: 0;
}

.pagination-shell.dafa-pagination--single-line {
  flex-wrap: nowrap;
}

.pagination-shell.dafa-pagination--stacked .pagination,
.pagination-shell.dafa-pagination--stacked .pagination-jump {
  width: 100%;
}

.pagination-shell .page-numbers[hidden] {
  display: none !important;
}

.pagination .page-numbers {
  display: inline-flex;
  min-width: var(--dafa-pagination-control-size);
  min-height: var(--dafa-pagination-control-size);
  align-items: center;
  justify-content: center;
  padding: 6px var(--dafa-pagination-control-padding);
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  color: var(--dafa-text);
  font-size: var(--dafa-pagination-font-size);
  text-decoration: none;
  transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.pagination .current {
  border-color: var(--dafa-accent);
  background: var(--dafa-accent) var(--dafa-button-sheen);
  color: var(--dafa-on-accent);
  font-weight: 700;
}

.pagination a.page-numbers:hover,
.pagination a.page-numbers:focus-visible {
  border-color: var(--dafa-accent-action-hover);
  background: var(--dafa-accent-action-hover) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
  outline: 0;
}

.pagination a.page-numbers:focus-visible,
.pagination-jump__submit:focus-visible {
  box-shadow: 0 0 0 2px var(--dafa-accent);
}

.pagination-jump {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--dafa-pagination-control-gap);
  color: var(--dafa-text-soft);
  font-size: 14px;
  white-space: nowrap;
}

.pagination-jump__input {
  width: var(--dafa-pagination-jump-width);
  min-height: var(--dafa-pagination-control-size);
  padding: 6px 8px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-background);
  color: var(--dafa-text);
  font: inherit;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.pagination-jump__input::-webkit-inner-spin-button,
.pagination-jump__input::-webkit-outer-spin-button {
  margin: 0;
  appearance: none;
}

.pagination-jump__submit {
  min-height: var(--dafa-pagination-control-size);
  padding: 6px clamp(10px, 1.5cqi, 14px);
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: transparent;
  color: var(--dafa-text);
  cursor: pointer;
  font: inherit;
  font-weight: 600;
  transition: background-color 160ms ease, color 160ms ease;
}

.pagination-jump__submit:hover,
.pagination-jump__submit:focus-visible {
  background: var(--dafa-accent-action-hover) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
  outline: 0;
  border-color: var(--dafa-accent-action-hover);
}

.empty-state,
.error-panel {
  max-width: var(--dafa-reading);
  margin: 56px auto;
  padding: clamp(28px, 5vw, 64px);
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  text-align: left;
}

.empty-state .scope-search,
.error-panel .scope-search {
  margin-top: 22px;
}

.error-code {
  margin: 0;
  color: var(--dafa-accent);
  font-size: clamp(56px, 10vw, 108px);
  font-weight: 800;
  line-height: 1;
}

.author-summary {
  display: flex;
  align-items: center;
  gap: 20px;
}

.author-summary img {
  border-radius: var(--dafa-radius);
}

.author-page > .site-container,
.topics-page > .site-container,
.vip-content {
  padding-block: 48px 84px;
}

.topic-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

.topic-item {
  overflow: hidden;
  padding: 24px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
}

.topic-item img {
  width: 100%;
  margin-bottom: 18px;
  border-radius: var(--dafa-radius);
  aspect-ratio: 16 / 8;
  object-fit: cover;
}

.topic-item h2 {
  font-size: 22px;
}

.topic-item h2 a {
  color: var(--dafa-text);
  text-decoration: none;
}

.auth-page {
  padding-block: 56px 84px;
}

.auth-shell {
  display: grid;
  max-width: 1060px;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 32px;
  align-items: stretch;
}

.auth-shell > *,
.auth-form,
.auth-panels,
.auth-panel {
  min-width: 0;
}

.auth-intro {
  overflow: hidden;
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface-muted);
}

.auth-intro h1,
.auth-intro p {
  margin-inline: 30px;
}

.auth-intro h1 {
  margin-top: 32px;
}

.auth-intro p {
  color: var(--dafa-text-soft);
}

.auth-intro img {
  display: block;
  width: 100%;
  margin-top: 28px;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.auth-form {
  padding: clamp(26px, 4vw, 44px);
  padding-top: clamp(26px, 2.4vw, 28px);
}

.auth-form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 650;
}

.auth-form .login-remember label {
	display: flex;
	align-items: center;
	gap: 8px;
}

.auth-submit {
	width: 100%;
}

.auth-links {
	margin-top: 18px;
}

.auth-registration-note,
.auth-method-note {
  color: var(--dafa-text-soft);
  font-size: 13px;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.auth-registration-note {
	margin: 18px 0 0;
	text-align: center;
}

.auth-registration-note a {
  margin-left: 6px;
}

.auth-method-note {
  margin: 0 0 16px;
  text-align: center;
}


.auth-tabs {
  display: flex;
  gap: 4px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--dafa-border);
  overflow-x: auto;
	overflow-y: hidden;
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.auth-tabs::-webkit-scrollbar {
	display: none;
}

.auth-tabs [role="tab"] {
  margin-bottom: -1px;
  padding: 10px 14px;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--dafa-text-soft);
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}

.auth-tabs [role="tab"]:first-child {
  margin-left: auto;
}

.auth-tabs [role="tab"]:last-child {
  margin-right: auto;
}

@media (max-width: 360px) {
	.auth-tabs {
		gap: 0;
	}

	.auth-tabs [role="tab"] {
		padding-inline: 8px;
	}
}

.auth-tabs [role="tab"]:hover {
  color: var(--dafa-accent-strong);
}

.auth-tabs [role="tab"][aria-selected="true"] {
  border-bottom-color: var(--dafa-accent);
  color: var(--dafa-accent-strong);
  font-weight: 650;
}

.auth-panels {
  min-height: 390px;
}

@media (max-width: 782px) {
  .auth-panels,
  .auth-panel[data-auth-panel="weixin"] {
    min-height: 0;
  }
}


.auth-panel[data-auth-panel="weixin"] {
  display: flex;
  min-height: 390px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.auth-panel[data-auth-panel="weixin"][hidden] {
  display: none;
}

.dafa-weixin-embed {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.dafa-weixin-embed__desktop,
.dafa-weixin-embed__mobile,
.dafa-weixin-embed__external-mobile {
  display: flex;
  width: 100%;
  min-height: 300px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
  text-align: center;
}

.dafa-weixin-embed__desktop[hidden],
.dafa-weixin-embed__mobile[hidden],
.dafa-weixin-embed__external-mobile[hidden] {
  display: none;
}

.dafa-weixin-embed__frame {
  width: 100%;
  max-width: 420px;
  height: 320px;
  border: 0;
  background: #fff;
}

.dafa-weixin-embed__hint {
  max-width: 100%;
  margin: 0;
  color: var(--dafa-text-soft);
  font-size: 13px;
  text-align: center;
  overflow-wrap: anywhere;
}

.dafa-weixin-embed__title {
  margin: 0;
  color: var(--dafa-text);
  font-size: 18px;
  font-weight: 700;
}

.dafa-weixin-embed__continue {
  display: inline-flex;
  min-width: 190px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
}

.dafa-weixin-embed__refresh {
  min-height: 36px;
  padding: 4px 10px;
  border: 0;
  background: transparent;
  color: var(--dafa-text-soft);
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}

.dafa-weixin-embed__refresh:hover,
.dafa-weixin-embed__refresh:focus-visible {
  color: var(--dafa-accent-strong);
}

.dafa-form-page__header {
	margin-bottom: 28px;
}

.dafa-form-page__header h1 {
	margin: 0;
	font-size: clamp(30px, 4vw, 46px);
}

.account-page {
  padding-block: 42px 84px;
}

.account-shell {
  display: grid;
  grid-template-columns: 224px minmax(0, 1fr);
  gap: clamp(22px, 3vw, 34px);
  align-items: start;
}

.account-nav {
  position: sticky;
  top: calc(var(--dafa-header-height) + 24px);
  align-self: start;
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background: color-mix(in srgb, var(--dafa-surface) 98%, var(--dafa-bg) 2%);
  box-shadow: 0 16px 42px rgb(23 32 51 / 0.08);
}

.account-identity {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 12px;
  padding: 20px 18px 18px;
  border-bottom: 1px solid color-mix(in srgb, var(--dafa-text) 8%, transparent);
}

.account-identity__avatar {
  width: 50px;
  height: 50px;
  flex: 0 0 auto;
  border-radius: 50%;
}

.account-identity__copy {
  display: grid;
  min-width: 0;
  gap: 5px;
}

.account-identity__copy > strong {
  overflow: hidden;
  font-size: 16px;
  font-weight: 720;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-identity__status {
  width: fit-content;
  color: var(--dafa-text-soft);
  font-size: 12px;
  line-height: 1.35;
}

.account-identity__status[data-dafa-vip-tier] {
  padding: 3px 8px;
  border-radius: 7px;
  background-color: var(--dafa-vip-soft);
  background-image: var(--dafa-vip-panel);
  box-shadow: none;
  color: var(--dafa-vip-ink);
  font-weight: 680;
}

.account-nav__menu {
  display: grid;
  gap: 4px;
  padding: 10px 10px 12px;
}

.account-nav__menu a {
  display: block;
  padding: 9px 12px 9px 14px;
  border-radius: 9px;
  color: var(--dafa-text);
  font-size: 14px;
  font-weight: 580;
  text-decoration: none;
  transition: background 140ms ease, color 140ms ease;
}

.account-nav__menu a:hover,
.account-nav__menu a:focus-visible {
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong);
}

.account-nav__menu a.is-current {
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong);
  font-weight: 700;
}

.account-nav__menu .account-nav__logout {
  margin-top: 8px;
  padding-top: 13px;
  border-top: 1px solid color-mix(in srgb, var(--dafa-text) 8%, transparent);
  border-radius: 0 0 9px 9px;
  color: var(--dafa-text-soft);
}

body.admin-bar .account-nav {
  top: calc(var(--dafa-header-height) + 56px);
}

.account-content {
  min-width: 0;
  border: 0;
  border-radius: 16px;
  background: color-mix(in srgb, var(--dafa-surface) 98%, var(--dafa-bg) 2%);
  box-shadow: 0 18px 48px rgb(23 32 51 / 0.07);
}

.account-content > :first-child,
.account-content > :first-child > :first-child {
  margin-top: 0;
}

.account-content .erphpdown-sc {
  margin: 0;
  font-size: 14px;
}

.account-content .erphpdown-sc h1,
.account-content .erphpdown-sc h2,
.account-content .dafa-account-module > h1 {
  margin: 0 0 22px;
  font-size: clamp(23px, 2.8vw, 30px);
  letter-spacing: -0.025em;
}

.account-content .erphpdown-sc p {
  color: var(--dafa-text-soft);
  line-height: 1.7;
}

.account-content .erphpdown-sc table,
.account-content .amz-aikb-uc .user-orders {
  display: table;
  width: 100%;
  border: 0;
  border-collapse: collapse;
  background: transparent;
}

.account-content .erphpdown-sc table th,
.account-content .erphpdown-sc table td,
.account-content .amz-aikb-uc .user-orders th,
.account-content .amz-aikb-uc .user-orders td {
  padding: 12px 10px !important;
  border: 0 !important;
  border-bottom: 1px solid color-mix(in srgb, var(--dafa-text) 8%, transparent) !important;
  color: var(--dafa-text);
  line-height: 1.55;
  text-align: left;
  vertical-align: middle;
}

.account-content .erphpdown-sc table th,
.account-content .amz-aikb-uc .user-orders th {
  background: transparent;
  color: var(--dafa-text-soft);
  font-size: 12px;
  font-weight: 680;
}

.account-content .erphpdown-sc .erphpdown-sc-input,
.account-content .erphpdown-sc input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]),
.account-content .erphpdown-sc select,
.account-content .erphpdown-sc textarea {
  min-height: 44px;
  padding: 9px 12px;
  border: 1px solid color-mix(in srgb, var(--dafa-text) 13%, transparent);
  border-radius: 9px;
  background: var(--dafa-surface);
  color: var(--dafa-text);
}

.account-content .erphpdown-sc .erphpdown-sc-btn,
.account-content .amz-aikb-uc .btn {
  min-height: 42px;
  padding: 9px 17px;
  border: 0;
  border-radius: 10px;
  background: var(--dafa-control-solid) var(--dafa-control-sheen);
  color: var(--dafa-on-control);
  font-weight: 680;
  line-height: 1.2;
}

.account-content .erphpdown-sc .erphpdown-sc-btn:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]),
.account-content .amz-aikb-uc .btn:is(:hover, :focus-visible):not(:disabled):not([aria-disabled="true"]) {
  background: var(--dafa-control-solid-hover) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
}

html.dafa-color-dark .account-content .erphpdown-sc .erphpdown-sc-btn,
html.dafa-color-dark .account-content .amz-aikb-uc .btn,
body.dafa-color-dark .account-content .erphpdown-sc .erphpdown-sc-btn,
body.dafa-color-dark .account-content .amz-aikb-uc .btn {
  color: var(--dafa-on-control);
}

.account-content .dafa-account-list__item,
.account-content .dafa-ticket-list__item {
  padding: 16px 2px;
  border: 0;
  border-bottom: 1px solid color-mix(in srgb, var(--dafa-text) 8%, transparent);
  border-radius: 0;
  background: transparent;
}

.account-content .dafa-empty-state,
.account-content .user-ordernone {
  margin: 18px 0 0;
  padding: 48px 24px;
  border: 0;
  border-radius: 12px;
  background: var(--dafa-surface-muted);
  color: var(--dafa-text-soft);
  text-align: center;
}

.account-page .account-content .amz-aikb-uc .charge-header {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  margin: 0 0 22px;
  padding: 18px 0;
  overflow: hidden;
  border-radius: 14px;
  background: var(--dafa-surface-muted);
  text-align: left;
}

.account-page .account-content .amz-aikb-uc .charge-header::after {
  display: none;
}

.account-page .account-content .amz-aikb-uc .charge-header .item {
  position: static;
  float: none;
  width: auto;
  min-width: 0;
  margin: 0;
  padding: 4px 20px;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.account-page .account-content .amz-aikb-uc .charge-header .item + .item {
  border-left: 1px solid color-mix(in srgb, var(--dafa-text) 9%, transparent);
}

.account-page .account-content .amz-aikb-uc .charge-header .item b {
  color: var(--dafa-text);
  font-size: clamp(24px, 3vw, 32px);
  letter-spacing: -0.03em;
}

.account-page .account-content .amz-aikb-uc .charge-header .item p {
  margin: 5px 0 0;
  color: var(--dafa-text-soft);
}

.account-page .account-content .amz-aikb-uc .charge-header .item .tips {
  position: static;
  display: block;
  max-width: 100%;
  margin-top: 9px;
  padding: 0;
  overflow: hidden;
  background: transparent;
  color: var(--dafa-text-soft);
  line-height: 1.45;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.account-page .account-content .amz-aikb-uc .amz-aikb-uc-actions {
  gap: 12px;
  margin-bottom: 22px;
}

.account-page .account-content .amz-aikb-uc .amz-aikb-uc-panel {
  padding: 16px 18px;
  border: 0;
  border-radius: 12px;
  background: color-mix(in srgb, var(--dafa-surface-muted) 74%, var(--dafa-surface) 26%);
  color: var(--dafa-text);
  box-shadow: none;
}

.account-page .account-content .amz-aikb-uc .amz-aikb-uc-panel-head strong {
  color: var(--dafa-text);
}

.account-page .account-content .amz-aikb-uc .amz-aikb-uc-panel-head span,
.account-page .account-content .amz-aikb-uc .amz-aikb-uc-hint,
.account-page .account-content .amz-aikb-uc .amz-aikb-uc-exchange-row label,
.account-page .account-content .amz-aikb-uc .amz-aikb-uc-note {
  color: var(--dafa-text-soft);
}

.vip-page .vip-hero {
  padding-block: clamp(36px, 5vw, 58px) 12px;
  border-bottom: 0;
  background: transparent;
}

.vip-page .vip-hero h1 {
  font-size: clamp(36px, 4.2vw, 52px);
}

.vip-page .vip-hero p {
  margin-bottom: 0;
}

.vip-page .vip-content {
  padding-top: 28px;
}

.notice-panel {
  padding: 22px;
}

.vip-plans {
  --dafa-vip-plan-track: clamp(240px, 31%, 400px);

  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--dafa-vip-plan-track)), 1fr));
  gap: clamp(16px, 2.5%, 20px);
  margin-bottom: 24px;
}

.vip-plan {
  padding: 28px;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
}

.vip-plan--featured {
  border-color: var(--dafa-accent);
  background: var(--dafa-accent-soft);
}

.vip-plan__price strong {
  font-size: 38px;
}

.vip-content .erphpdown-vip-content {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  overflow: visible;
  margin: 0;
}

.vip-content .erphpdown-vip-content .vip-item {
  position: static;
  float: none;
  width: auto;
  margin: 0;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  color: var(--dafa-text);
  box-shadow: 0 12px 34px rgb(26 34 48 / 0.06);
  transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.vip-content .erphpdown-vip-content .vip-item[data-dafa-vip-tier] {
  border-color: transparent;
  background-color: var(--dafa-vip-soft);
  background-image: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--dafa-vip-accent) 9%, transparent), transparent 38%), var(--dafa-vip-panel);
  box-shadow: 0 14px 36px color-mix(in srgb, var(--dafa-vip-accent) 7%, transparent);
}

.vip-content .erphpdown-vip-content .vip-item:hover {
  top: auto;
  border-color: transparent;
  box-shadow: 0 18px 42px color-mix(in srgb, var(--dafa-vip-accent) 12%, transparent);
  transform: translateY(-2px);
}


.vip-content .erphpdown-vip-content .vip-item .name {
  position: relative;
}

.vip-content .erphpdown-vip-content .vip-item[data-dafa-vip-tier] .name {
  color: var(--dafa-vip-ink);
}

.vip-content .erphpdown-vip-content .vip-item[data-dafa-vip-tier] .name::before {
  display: block;
  width: 28px;
  height: 2px;
  margin: 0 auto 14px;
  border-radius: 2px;
  background: linear-gradient(90deg, var(--dafa-vip-metal-high), var(--dafa-vip-accent), var(--dafa-vip-metal-low));
  content: "";
}

.vip-content .erphpdown-vip-content .vip-item[data-dafa-vip-tier] .price {
  color: var(--dafa-text);
}

.vip-content .erphpdown-vip-content .vip-item--featured {
  border: 1px solid transparent;
  background-color: var(--dafa-vip-soft);
  background-image: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--dafa-vip-accent) 15%, transparent), transparent 40%), var(--dafa-vip-panel);
  box-shadow: 0 20px 48px color-mix(in srgb, var(--dafa-vip-accent) 13%, transparent);
  transform: translateY(-6px);
}

.dafa-vip-badge {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 7px;
  border: 0;
  border-radius: 6px;
  background-color: var(--dafa-vip-soft, var(--dafa-surface));
  background-image: var(--dafa-vip-panel, none);
  box-shadow: none;
  color: var(--dafa-vip-ink, var(--dafa-text));
  font-size: 10.5px;
  font-weight: 680;
  vertical-align: middle;
}

.dafa-vip-rmb {
  display: block;
  margin-top: 4px;
  color: var(--dafa-text-soft);
  font-size: 13px;
}

.dafa-vip-saving {
  display: inline-block;
  margin-top: 8px;
  color: var(--dafa-vip-ink, var(--dafa-accent-strong));
  font-size: 13px;
  font-weight: 650;
}

.dafa-vip-benefits {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px 20px;
  margin: 28px 0 0;
  padding: 20px 24px;
  list-style: none;
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface-muted);
}

.dafa-vip-benefits li {
  position: relative;
  padding-left: 22px;
  color: var(--dafa-text);
  font-size: 14px;
}

.dafa-vip-benefits li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--dafa-accent-strong);
  font-weight: 700;
}

.vip-content .erphpdown-vip-content .vip-item p.border-decor span,
.account-content .erphpdown-sc table th {
  background: var(--dafa-surface-muted);
  color: var(--dafa-text);
}

.vip-content .erphpdown-vip-content .vip-item .erphpdown-btn:is(:hover, :focus-visible),
.vip-content .erphpdown-vip-content .vip-item--featured[data-dafa-vip-tier] .erphpdown-btn:is(:hover, :focus-visible) {
  background: var(--dafa-accent) var(--dafa-button-hover-gradient);
  color: var(--dafa-on-accent);
  box-shadow: var(--dafa-action-hover-shadow);
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .vip-content .erphpdown-vip-content .vip-item .erphpdown-btn,
  .entry-download-jump a {
    transition: transform 160ms ease, box-shadow 160ms ease;
  }

  .vip-content .erphpdown-vip-content .vip-item .erphpdown-btn:is(:hover, :focus-visible),
  .entry-download-jump a:is(:hover, :focus-visible) {
    transform: translateY(-1px);
  }
}

.vip-content .erphpdown-vip-content .vip-item .erphpdown-btn {
  border-radius: var(--dafa-radius);
  background: var(--dafa-accent) var(--dafa-button-sheen);
  color: var(--dafa-on-accent);
}

.vip-content .erphpdown-vip-content .vip-item[data-dafa-vip-tier] .erphpdown-btn {
  border: 1px solid color-mix(in srgb, var(--dafa-text) 72%, transparent);
  background: var(--dafa-text);
  color: var(--dafa-surface);
}

.vip-content .erphpdown-vip-content .vip-item--featured[data-dafa-vip-tier] .erphpdown-btn {
  border-color: var(--dafa-accent);
  background: var(--dafa-accent) var(--dafa-button-sheen);
  color: var(--dafa-on-accent);
}

.account-content .dafa-vip-current {
  padding: 10px 12px;
  border: 0;
  border-radius: 8px;
  background-color: var(--dafa-vip-soft);
  background-image: var(--dafa-vip-panel);
  box-shadow: none;
}

.account-content .dafa-vip-current strong {
  color: var(--dafa-vip-ink);
}

.account-content .dafa-vip-choice {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-block: 5px;
  padding: 7px 10px;
  border: 0;
  border-radius: 8px;
  background-color: var(--dafa-vip-soft);
  background-image: var(--dafa-vip-panel);
  box-shadow: none;
  color: var(--dafa-text);
  cursor: pointer;
}

.account-content .dafa-vip-choice input {
  flex: 0 0 auto;
  margin-top: 0.3em;
  accent-color: var(--dafa-vip-accent);
}

.account-content .erphpdown-sc,
.account-content .erphpdown-sc p,
.account-content .erphpdown-sc table,
.account-content .erphpdown-sc input,
.account-content .erphpdown-sc select,
.account-content .erphpdown-sc textarea {
  color: var(--dafa-text);
}

.account-content .erphpdown-sc .erphpdown-sc-input {
  border-color: var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
}

.dafa-resource-box {
  width: min(100%, var(--dafa-reading));
  margin: 28px auto;
}

.dafa-resource-box fieldset,
.dafa-resource-box .erphpdown-box {
  max-width: 100%;
  border-color: var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface-muted);
  color: var(--dafa-text);
}

.dafa-resource-box .erphpdown-down,
.dafa-resource-box .erphpdown-buy,
.dafa-resource-box .erphp-login-must {
  border-radius: calc(var(--dafa-radius) * 0.7);
}

.dafa-favorite-action {
  margin-left: auto;
}


.entry-footer .dafa-favorite-action {
  margin-left: 0;
}

.entry-footer .dafa-favorite-action .button {
  background: var(--dafa-surface);
  color: var(--dafa-text);
  min-height: 38px;
  padding: 7px 12px;
  border: 0;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 400;
}

.entry-footer .dafa-favorite-action .button::before {
  width: 16px;
  height: 16px;
  margin-right: 7px;
  content: "";
  background: currentColor;
  -webkit-mask: var(--dafa-icon-favorite) center / contain no-repeat;
  mask: var(--dafa-icon-favorite) center / contain no-repeat;
}

.dafa-favorite-count {
  margin-left: 7px;
}

.dafa-favorite-count,
.entry-like [data-dafa-like-count] {
  color: var(--dafa-text-soft);
  font-size: 13px;
}

.entry-footer .dafa-favorite-action .button:hover,
.entry-footer .dafa-favorite-action .button:focus-visible,
.entry-footer .dafa-favorite-action .button.is-favorited {
  background: var(--dafa-surface);
  color: var(--dafa-accent-strong);
}

.entry-footer .dafa-favorite-action .button.is-favorited::before {
  -webkit-mask-image: var(--dafa-icon-favorite-filled);
  mask-image: var(--dafa-icon-favorite-filled);
}


.entry-footer .dafa-favorite-action .button.is-animating::before {
  animation: dafa-fav-twinkle 0.5s ease;
}

@keyframes dafa-fav-twinkle {
  0% { transform: scale(0.4) rotate(-120deg); opacity: 0.4; }
  60% { transform: scale(1.25) rotate(10deg); opacity: 1; }
  100% { transform: scale(1) rotate(0); }
}

.dafa-favorite-action form,
.dafa-account-list__item form,
.dafa-ticket-status-form {
  margin: 0;
}

.dafa-account-module > h1,
.dafa-account-module > header h1 {
  margin-top: 0;
}

.dafa-account-list,
.dafa-ticket-list,
.dafa-ticket-thread {
  display: grid;
  gap: 12px;
}

.dafa-account-list__item,
.dafa-ticket-list__item,
.dafa-ticket-message {
  padding: 16px;
  border: 1px solid var(--dafa-border);
  border-radius: calc(var(--dafa-radius) * 0.7);
  background: var(--dafa-surface);
}

.dafa-account-list__item,
.dafa-ticket-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.dafa-account-list__item p,
.dafa-ticket-list__item small {
  margin: 4px 0 0;
  color: var(--dafa-text-soft);
}

.dafa-ticket-message.is-staff {
  border-left: 3px solid var(--dafa-accent);
  background: var(--dafa-surface-muted);
}

.dafa-ticket-message header {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: var(--dafa-text-soft);
}

.dafa-account-form {
  display: grid;
  gap: 14px;
  margin-top: 28px;
  padding-top: 24px;
  border-top: 1px solid var(--dafa-border);
}

.dafa-account-form label {
  display: grid;
  gap: 7px;
}

.dafa-account-form input,
.dafa-account-form select,
.dafa-account-form textarea {
  width: 100%;
  border: 1px solid var(--dafa-border);
  border-radius: calc(var(--dafa-radius) * 0.6);
  background: var(--dafa-surface);
  color: var(--dafa-text);
}

.dafa-ticket-status-form {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}

.dafa-ticket-attachments,
.dafa-pagination ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.dafa-pagination {
  margin-top: 20px;
}

.dafa-pagination ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.dafa-empty-state {
  padding: 24px;
  border: 1px dashed var(--dafa-border);
  border-radius: var(--dafa-radius);
  color: var(--dafa-text-soft);
  text-align: center;
}

.dafa-notification-center__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}

.dafa-notification-center__header h1,
.dafa-notification-detail h1,
.dafa-notification-preferences h1 {
  margin: 0;
}

.dafa-notification-center__header p,
.dafa-notification-preferences > p {
  margin: 6px 0 0;
  color: var(--dafa-text-soft);
}

.dafa-notification-center__tools,
.dafa-notification-center__tools form,
.dafa-notification-detail footer {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin: 0;
}

.dafa-notification-tabs,
.dafa-notification-spaces {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 14px;
}

.dafa-notification-tabs a,
.dafa-notification-spaces a {
  padding: 7px 12px;
  border-radius: 999px;
  color: var(--dafa-text-soft);
  font-size: 13px;
  text-decoration: none;
}

.dafa-notification-tabs a:hover,
.dafa-notification-tabs a.is-current,
.dafa-notification-spaces a:hover,
.dafa-notification-spaces a.is-current {
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong);
}

.dafa-notification-spaces {
  padding-bottom: 12px;
  border-bottom: 1px solid var(--dafa-border);
}

.dafa-notification-list {
  border-top: 1px solid var(--dafa-border);
}

.dafa-notification-item {
  border-bottom: 1px solid var(--dafa-border);
}

.dafa-notification-item > a {
  display: grid;
  grid-template-columns: 8px minmax(0, 1fr);
  gap: 12px;
  padding: 18px 10px;
  color: var(--dafa-text);
  text-decoration: none;
}

.dafa-notification-item > a:hover,
.dafa-notification-item > a:focus-visible {
  background: var(--dafa-surface-muted);
}

.dafa-notification-item__indicator {
  width: 6px;
  height: 6px;
  margin-top: 10px;
  border-radius: 50%;
  background: transparent;
}

.dafa-notification-item.is-unread .dafa-notification-item__indicator {
  background: var(--dafa-accent-strong);
}

.dafa-notification-item__body {
  display: block;
  min-width: 0;
}

.dafa-notification-item__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  justify-content: space-between;
  margin-bottom: 4px;
  color: var(--dafa-text-soft);
  font-size: 12px;
}

.dafa-notification-item__space {
  margin-left: 6px;
  padding: 2px 7px;
  border-radius: 999px;
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong);
  font-size: 10px;
  font-style: normal;
}

.dafa-notification-item__body > strong {
  display: block;
  margin-bottom: 3px;
  font-size: 15px;
}

.dafa-notification-item__body > span:last-child {
  display: -webkit-box;
  overflow: hidden;
  color: var(--dafa-text-soft);
  font-size: 13px;
  line-height: 1.6;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.dafa-notification-empty {
  padding: 58px 24px;
  color: var(--dafa-text-soft);
  text-align: center;
}

.dafa-notification-empty > span {
  display: inline-grid;
  width: 42px;
  height: 42px;
  place-items: center;
  border-radius: 50%;
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong);
  font-size: 20px;
}

.dafa-notification-empty h2 {
  margin: 14px 0 4px;
  color: var(--dafa-text);
  font-size: 18px;
}

.dafa-notification-empty p {
  margin: 0;
}

.dafa-account-pagination {
  display: flex;
  gap: 6px;
  margin-top: 22px;
}

.dafa-account-pagination a {
  display: inline-grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border: 1px solid var(--dafa-border);
  border-radius: 8px;
  color: var(--dafa-text);
  text-decoration: none;
}

.dafa-account-pagination a.is-current {
  border-color: var(--dafa-accent);
  background: var(--dafa-accent-soft);
  color: var(--dafa-accent-strong);
}

.dafa-notification-detail,
.dafa-notification-preferences {
  padding: clamp(22px, 4vw, 42px);
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
}

.dafa-notification-detail__back {
  display: inline-block;
  margin-bottom: 24px;
  color: var(--dafa-text-soft);
  font-size: 13px;
  text-decoration: none;
}

.dafa-notification-detail__category {
  display: inline-block;
  margin-bottom: 10px;
  color: var(--dafa-accent-strong);
  font-size: 12px;
  font-weight: 650;
}

.dafa-notification-detail header time {
  display: block;
  margin-top: 10px;
  color: var(--dafa-text-soft);
  font-size: 13px;
}

.dafa-notification-detail__content {
  margin: 28px 0;
  padding-top: 24px;
  border-top: 1px solid var(--dafa-border);
  line-height: 1.8;
}

.dafa-notification-preferences form {
  display: grid;
  margin-top: 24px;
}

.dafa-notification-preference {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 0;
  border-top: 1px solid var(--dafa-border);
}

.dafa-notification-preference input {
  width: 18px;
  height: 18px;
}

.dafa-notification-preferences fieldset {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin: 18px 0;
  padding: 18px;
  border: 1px solid var(--dafa-border);
  border-radius: calc(var(--dafa-radius) * 0.7);
}

.dafa-notification-preferences legend {
  padding: 0 6px;
  color: var(--dafa-text-soft);
  font-size: 13px;
}

.dafa-notification-preferences fieldset label {
  display: flex;
  align-items: center;
  gap: 8px;
}

@media (max-width: 640px) {
  .dafa-notification-center__header {
    display: block;
  }

  .dafa-notification-center__tools {
    margin-top: 14px;
  }

  .dafa-notification-detail,
  .dafa-notification-preferences {
    padding: 20px;
  }
}

.site-footer {
  padding-block: 46px;
  border-top: 1px solid var(--dafa-border);
  background: var(--dafa-surface);
}

.footer-widgets {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 28px;
  margin-bottom: 34px;
}

.site-footer .wp-block-tag-cloud.is-style-outline {
  gap: 8px;
  margin: 0;
}

.site-footer .wp-block-tag-cloud.is-style-outline a {
  padding: 6px 10px;
  font-size: 14px !important;
  line-height: 1.35;
}

.footer-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
}

.footer-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px;
}

.footer-nav a,
.footer-nav button {
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--dafa-text);
  text-decoration: none;
}

.copyright {
  margin: 0 0 0 auto;
  color: var(--dafa-text-soft);
  font-size: 14px;
  text-align: right;
}

.dafa-frontend-form {
  display: grid;
  gap: 22px;
}

.dafa-form-field {
  display: grid;
  gap: 8px;
  margin: 0;
}

.dafa-form-field > label {
  color: var(--dafa-heading);
  font-weight: 650;
}

.dafa-form-field input[type="text"],
.dafa-form-field select,
.dafa-form-field textarea {
  width: 100%;
  min-height: 44px;
  border: 1px solid var(--dafa-border);
  border-radius: calc(var(--dafa-radius) * 0.7);
  background: var(--dafa-surface);
  color: var(--dafa-text);
}

.dafa-form-field input[type="text"],
.dafa-form-field select {
  padding: 0 13px;
}

.dafa-form-actions {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

.dafa-form-actions .button {
  min-height: 44px;
  padding: 0 22px;
  border: 0;
  border-radius: calc(var(--dafa-radius) * 0.7);
  background: var(--dafa-control-solid) var(--dafa-control-sheen);
  color: var(--dafa-on-control);
  cursor: pointer;
  font-weight: 650;
}

.dafa-form-notice {
  margin-bottom: 20px;
  padding: 13px 15px;
  border-left: 3px solid var(--dafa-border-strong);
  background: var(--dafa-surface-soft);
}

.dafa-form-notice--success {
  border-left-color: #2f8f5b;
}

.dafa-form-notice--error {
  border-left-color: #b53d2f;
}

.dafa-auth-methods {
  display: grid;
  gap: 10px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--dafa-border);
  color: var(--dafa-text-soft);
  text-align: center;
}

.dafa-sms-auth {
  display: grid;
  gap: 12px;
  margin-top: 22px;
  padding-top: 20px;
  border-top: 1px solid var(--dafa-border);
}

.dafa-sms-auth__toggle,
.dafa-sms-auth__code button {
  min-height: 44px;
  border: 1px solid var(--dafa-border-strong);
  border-radius: calc(var(--dafa-radius) * 0.7);
  background: var(--dafa-surface);
  color: var(--dafa-text);
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}

.dafa-sms-auth__toggle {
  width: 100%;
}

.dafa-sms-auth__form {
  display: grid;
  gap: 12px;
  text-align: left;
}

.dafa-sms-auth__form[hidden] {
  display: none;
}

.dafa-sms-auth__form p {
  margin: 0;
}

.dafa-sms-auth__form label {
  display: block;
  margin-bottom: 6px;
  font-weight: 650;
}

.dafa-sms-auth__form input[type="tel"],
.dafa-sms-auth__form input[type="text"] {
  width: 100%;
  min-width: 0;
}

.dafa-sms-auth__code {
  display: grid;
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
}

.dafa-sms-auth__code button {
  padding: 0 16px;
  white-space: nowrap;
}

.dafa-sms-auth__code button:disabled {
  cursor: wait;
  opacity: 0.65;
}

.dafa-sms-auth__status {
  min-height: 22px;
  color: var(--dafa-text-soft);
  font-size: 14px;
}

.dafa-weixin-login {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 1px solid #2f9b62;
  border-radius: calc(var(--dafa-radius) * 0.7);
  color: #217b4c;
  font-weight: 650;
  text-decoration: none;
}

.dafa-vip-activation {
  position: fixed;
  z-index: 90;
  right: 20px;
  bottom: 20px;
  left: 20px;
  pointer-events: none;
}

.dafa-vip-activation__inner {
  display: grid;
  width: min(100%, 920px);
  min-height: 72px;
  grid-template-columns: minmax(0, 1fr) auto auto;
  gap: 24px;
  align-items: center;
  margin-inline: auto;
  padding: 16px 18px 16px 22px;
  border: 0;
  border-radius: var(--dafa-radius);
  background-color: var(--dafa-vip-soft);
  background-image: var(--dafa-vip-panel);
  box-shadow: inset 2px 0 0 var(--dafa-vip-accent), var(--dafa-shadow);
  pointer-events: auto;
}

.dafa-vip-activation__inner > div {
  display: grid;
  gap: 4px;
}

.dafa-vip-activation__inner strong,
.dafa-vip-activation nav a,
.dafa-vip-activation nav button {
  color: var(--dafa-vip-ink);
}

.dafa-vip-activation__inner span {
  color: var(--dafa-text-soft);
  font-size: 14px;
}

.dafa-vip-activation nav {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  align-items: center;
}

.dafa-vip-activation nav a,
.dafa-vip-activation nav button {
  border: 0;
  background: transparent;
  color: var(--dafa-vip-ink);
  cursor: pointer;
  font: inherit;
  font-weight: 650;
  text-decoration: none;
}

.dafa-vip-activation__dismiss {
  width: 36px;
  height: 36px;
  border: 0;
  border-radius: 50%;
  background: var(--dafa-surface-muted);
  color: var(--dafa-text-soft);
  cursor: pointer;
  font-size: 22px;
}

.copyright p {
  margin: 0;
}

.dafa-blank-page {
  padding: 0;
}

.attachment-media {
  margin-bottom: 28px;
  text-align: center;
}

@media (max-width: 1180px) {
  .primary-navigation > ul {
    gap: 16px;
  }

  .header-row {
    gap: 20px;
  }
}

@media (width < 1024px) {
  body.admin-bar .site-header {
    top: 46px;
  }

  .header-row {
    grid-template-columns: 1fr auto;
  }

  .menu-toggle {
    display: inline-flex;
  }

  .primary-navigation {
    position: absolute;
    top: 100%;
    left: 20px;
    right: 20px;
    display: none;
    max-height: calc(100dvh - 92px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 14px 20px;
    border: 1px solid var(--dafa-border);
    border-radius: var(--dafa-radius);
    background: var(--dafa-surface);
    box-shadow: var(--dafa-shadow);
  }

  .primary-navigation.is-open {
    display: block;
  }

  .primary-navigation > ul {
    display: block;
    white-space: normal;
  }

  .primary-navigation li {
    min-width: 0;
  }

  .primary-navigation a {
    padding: 10px 54px 10px 0;
  }

  .primary-navigation .sub-menu {
    position: static;
    display: none;
    width: auto;
    padding: 0 0 0 18px;
    border: 0;
    background: transparent;
    box-shadow: none;
  }

  .primary-navigation .is-submenu-open > .sub-menu {
    display: block;
  }

  .submenu-toggle {
    position: absolute;
    top: 5px;
    right: 0;
    display: inline-flex;
    min-width: 48px;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    border: 1px solid var(--dafa-border);
    border-radius: calc(var(--dafa-radius) - 4px);
    background: var(--dafa-surface-muted);
    color: var(--dafa-text);
    font-size: 13px;
    font-weight: 680;
  }

  .primary-navigation > ul > .dafa-mega-parent.is-submenu-open > .dafa-mega,
  .primary-navigation > ul > .dafa-news-mega-parent.is-submenu-open > .dafa-mega,
  .primary-navigation > ul > li:last-child.is-submenu-open > .dafa-mega {
    display: block;
    width: auto;
    transform: none;
  }

  .primary-navigation .dafa-news-mega-section > .sub-menu {
    padding-left: 14px;
  }

  .primary-navigation .dafa-news-mega-section:not(.is-submenu-open) > .sub-menu {
    display: none;
  }

  .primary-navigation .dafa-news-mega-section.is-submenu-open > .sub-menu {
    display: block;
  }

  .header-actions {
    display: none;
  }

  .home-hero__grid {
    grid-template-columns: 1fr 0.8fr;
    gap: 34px;
  }

  .content-shell.has-sidebar {
    grid-template-columns: 1fr;
  }

  .sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

}

@media (max-width: 767px) {
  .site-container {
    width: min(calc(100% - 28px), var(--dafa-container));
  }

  .site-topbar {
    display: none;
  }

  .pagination-shell {
    padding: 16px 14px;
  }

  .archive-view-toolbar {
    min-height: 36px;
  }

  .archive-results[data-dafa-archive-view="list"] .entry-card,
  html[data-dafa-archive-view="list"] .archive-results .entry-card {
    grid-template-columns: minmax(132px, 38%) minmax(0, 1fr);
    gap: 16px;
    padding: 18px 0;
  }

  .archive-results[data-dafa-archive-view="list"] .entry-grid,
  html[data-dafa-archive-view="list"] .archive-results .entry-grid {
    padding-inline: 14px;
  }

  .archive-results[data-dafa-archive-view="list"] .entry-card__media img,
  .archive-results[data-dafa-archive-view="list"] .entry-card__placeholder,
  html[data-dafa-archive-view="list"] .archive-results .entry-card__media img,
  html[data-dafa-archive-view="list"] .archive-results .entry-card__placeholder {
    aspect-ratio: 4 / 3;
  }

  .archive-results[data-dafa-archive-view="list"] .entry-card__title,
  html[data-dafa-archive-view="list"] .archive-results .entry-card__title {
    font-size: 17px;
    line-height: 1.45;
  }

  .archive-results[data-dafa-archive-view="list"] .entry-card__excerpt,
  html[data-dafa-archive-view="list"] .archive-results .entry-card__excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    font-size: 13px;
    line-height: 1.6;
  }

  .archive-results[data-dafa-archive-view="list"] .entry-meta,
  html[data-dafa-archive-view="list"] .archive-results .entry-meta {
    gap: 5px 10px;
    margin-top: 9px;
    padding-top: 0;
    font-size: 12px;
  }

  .header-row {
    min-height: 64px;
  }

  .custom-logo {
    max-width: min(100%, var(--dafa-logo-mobile-width, 168px));
    max-height: 40px;
  }

  .dafa-legacy-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .home-hero__grid {
    min-height: auto;
    grid-template-columns: 1fr;
    gap: 30px;
    padding-block: 46px;
  }

  .home-hero--banner .home-hero__grid {
    min-height: 560px;
  }

  .home-hero--banner .home-hero__copy {
    padding: 24px 20px;
  }

  .home-hero--overlay-dark .home-hero__backdrop::after {
    background: linear-gradient(180deg, rgb(11 16 23 / 62%) 0%, rgb(11 16 23 / 84%) 100%);
  }

  .entry-content {
    font-size: var(--dafa-content-font-mobile, 16px);
  }

  .home-hero__title {
    max-width: 12ch;
    margin-bottom: 16px;
    font-size: clamp(38px, 11vw, 48px);
    line-height: 1.06;
  }

  .home-hero__description {
    margin-bottom: 22px;
    font-size: 17px;
  }

  .home-hero__slides {
    min-height: 374px;
  }

  .home-hero__tabs {
    width: 100%;
    gap: 20px;
    margin-top: 14px;
  }

  .home-hero__tab {
    gap: 7px;
    padding-top: 10px;
    font-size: 15px;
  }

  .home-hero__backdrop--ai img {
    object-position: 66% center;
  }

  .home-hero__visual {
    order: -1;
  }

  .home-hero__visual img {
    aspect-ratio: 16 / 9;
  }

  .scope-search {
    grid-template-columns: 86px minmax(0, 1fr) 48px;
  }

  .footer-row,
  .author-summary {
    align-items: stretch;
    flex-direction: column;
  }

  .home-hero__actions {
    flex-wrap: wrap;
    align-items: center;
    flex-direction: row;
  }

  .topic-grid,
  .post-navigation .nav-links,
  .auth-shell,
  .account-shell,
  .sidebar {
    grid-template-columns: 1fr;
  }

  .post-navigation .nav-links > div + div {
    padding-top: 8px;
    border-top: 1px solid var(--dafa-border);
  }

  .post-navigation .nav-next {
    text-align: left;
  }

  .auth-page {
    padding-block: 28px 56px;
  }

  .auth-shell {
    gap: 20px;
  }

  .auth-intro h1 {
    margin-top: 24px;
    font-size: clamp(30px, 9vw, 38px);
  }

  .auth-intro p {
    margin-bottom: 24px;
  }

  .auth-intro img {
    display: none;
  }

  .entry,
  .comments-area,
  .account-content {
    padding: 22px;
  }

  .entry-title {
    font-size: clamp(30px, 9vw, 42px);
  }

  .section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .copyright {
    width: 100%;
    max-width: none;
    margin-left: 0;
    text-align: right;
  }

  .dafa-vip-activation {
    right: 14px;
    bottom: 14px;
    left: 14px;
  }

  .dafa-vip-activation__inner {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    padding: 16px;
  }

  .dafa-vip-activation nav {
    grid-column: 1 / -1;
    grid-row: 2;
  }

  .account-page {
    padding-block: 24px 56px;
  }

  .account-shell {
    gap: 18px;
  }

  .account-nav {
    position: static;
    overflow: hidden;
    border-radius: 14px;
  }

  .account-identity {
    padding: 16px 16px 14px;
  }

  .account-identity__avatar {
    width: 44px;
    height: 44px;
  }

  .account-nav__menu {
    display: flex;
    gap: 6px;
    padding: 9px 12px 12px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    scrollbar-width: thin;
  }

  .account-nav__menu a,
  .account-nav__menu .account-nav__logout {
    flex: 0 0 auto;
    margin: 0;
    padding: 8px 11px;
    border: 0;
    border-radius: 9px;
    scroll-snap-align: start;
    white-space: nowrap;
  }

  .account-content {
    padding: 22px 18px;
    border-radius: 14px;
  }

  .account-content .erphpdown-sc,
  .account-content .amz-aikb-uc {
    max-width: 100%;
    overflow-x: auto;
  }

  .account-content .erphpdown-sc table.erphpdown-sc-list,
  .account-content .amz-aikb-uc .user-orders {
    min-width: 620px;
    white-space: nowrap;
  }

  .account-page .account-content .amz-aikb-uc .charge-header {
    grid-template-columns: 1fr;
    padding-block: 4px;
  }

  .account-page .account-content .amz-aikb-uc .charge-header .item {
    padding: 15px 18px;
  }

  .account-page .account-content .amz-aikb-uc .charge-header .item + .item {
    border-top: 1px solid color-mix(in srgb, var(--dafa-text) 9%, transparent);
    border-left: 0;
  }

  .header-user__panel {
    padding: 18px;
  }

  .header-user__action-circle {
    width: 44px;
    height: 44px;
  }
}

@media (max-width: 480px) {
  .archive-results[data-dafa-archive-view="list"] .entry-card,
  html[data-dafa-archive-view="list"] .archive-results .entry-card {
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 0;
  }

  .archive-results[data-dafa-archive-view="list"] .entry-card__title,
  html[data-dafa-archive-view="list"] .archive-results .entry-card__title {
    font-size: 15.5px;
  }
}

@media (max-width: 782px) {
  body.admin-bar .site-header {
    top: 46px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }
}

.entry-affiliate-copy {
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.entry-affiliate-copy button {
  border: 0;
  background: transparent;
  color: var(--dafa-text-soft);
  cursor: pointer;
  font: inherit;
}

.entry-affiliate-copy [role="status"] {
  color: var(--dafa-muted);
  font-size: 13px;
}

.dafa-avatar-upload__preview img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  object-fit: cover;
}

.dafa-draw {
  max-width: 720px;
  margin: 24px auto;
  padding: clamp(24px, 5vw, 48px);
  border: 1px solid var(--dafa-border);
  border-radius: var(--dafa-radius);
  background: var(--dafa-surface);
  text-align: center;
}

.dafa-draw__price {
  color: var(--dafa-accent-strong);
  font-size: 18px;
  font-weight: 700;
}

.dafa-draw__prizes,
.dafa-draw__history ul {
  margin: 20px 0;
  padding: 0;
  list-style: none;
}

.dafa-draw__prizes {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}

.dafa-draw__prizes li,
.dafa-draw__history li {
  padding: 12px;
  border-radius: 12px;
  background: var(--dafa-background);
}

.dafa-draw__history {
  margin-top: 30px;
  text-align: left;
}

.dafa-draw__history li {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 12px;
  margin-top: 8px;
}

@media (max-width: 640px) {
  .dafa-draw__prizes {
    grid-template-columns: 1fr;
  }
}


.links-page { padding-block: 24px 64px; }
.links-page > .site-container { width: 100%; max-width: none; padding-inline: clamp(16px, 2vw, 36px); }
.links-directory { display: grid; grid-template-columns: 216px minmax(0, 1fr); gap: 24px 28px; align-items: start; }
.links-directory__hero, .links-directory__sections, .links-directory__no-results { grid-column: 2; min-width: 0; }
.links-directory__hero { grid-row: 1; display: flex; flex-wrap: wrap; gap: 24px; align-items: center; padding: 6px 0 24px; border-bottom: 1px solid var(--dafa-border); }
.links-directory__hero-copy { flex: 1 1 330px; min-width: 0; }
.links-directory__eyebrow { margin: 0 0 10px; color: var(--dafa-accent-strong); font-size: 11px; font-weight: 700; letter-spacing: .1em; }
.links-directory__hero h1 { margin: 0; font-size: clamp(25px, 2.3vw, 36px); line-height: 1.35; letter-spacing: -.04em; }
.links-directory__hero-copy > p:not(.links-directory__eyebrow) { margin: 10px 0 0; color: var(--dafa-text-muted); font-size: 14px; line-height: 1.7; }
.links-directory__search { flex: 0 1 470px; min-width: 0; width: 100%; display: grid; gap: 8px; }
.links-directory__search label { display: flex; gap: 8px; align-items: center; font-size: 13px; font-weight: 650; }
.links-directory__search kbd { padding: 0 6px; border: 1px solid var(--dafa-border); border-radius: 4px; color: var(--dafa-text-soft); font: 12px/18px monospace; }
.links-directory__search-control { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; min-height: 52px; overflow: hidden; border: 1px solid var(--dafa-border); border-radius: 12px; background: var(--dafa-surface); transition: border-color 160ms ease, box-shadow 160ms ease; }
.links-directory__search-control:focus-within { border-color: var(--dafa-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--dafa-accent) 10%, transparent); }
.links-directory__search-icon { align-self: center; margin-inline: 16px 10px; color: var(--dafa-accent); }
.links-directory__search-control input { min-width: 0; padding: 0 12px 0 0; border: 0; outline: 0; background: transparent; color: var(--dafa-text); font: inherit; font-size: 14px; }
.links-directory__search-control button { border: 0; padding-inline: 14px; min-width: 52px; background: transparent; color: var(--dafa-accent-strong); font: inherit; font-size: 12px; cursor: pointer; }
.links-directory__status { display: flex; align-items: center; gap: 6px; min-height: 24px; color: var(--dafa-text-muted); font-size: 12px; }
.links-directory__status strong { color: var(--dafa-text); font-size: 13px; }
.links-directory__status > span { margin-inline: 5px; }
.links-directory__nav { position: relative; grid-column: 1; grid-row: 1 / span 3; padding: 10px; border: 1px solid var(--dafa-border); border-radius: 12px; background: var(--dafa-surface); z-index: 10; min-width: 0; scroll-margin-top: var(--dafa-links-sticky-top, 88px); }
.links-directory__nav.is-ready { position: sticky; top: var(--dafa-links-sticky-top, 88px); }
.links-directory__nav-heading { display: flex; min-height: 42px; padding: 0 10px 10px; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--dafa-border); }
.links-directory__nav-title { font-size: 12px; font-weight: 650; color: var(--dafa-text-muted); }
.links-directory__nav-current, .links-directory__nav-toggle { display: none; }
.links-directory__nav-list { display: grid; gap: 3px; padding-top: 8px; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-width: thin; scrollbar-color: var(--dafa-border) transparent; }
.links-directory__nav.is-ready .links-directory__nav-list { max-height: calc(100dvh - var(--dafa-links-nav-top-space, 88px) - 111px); }
.links-directory__nav-row { display: flex; align-items: center; gap: 0; }
.links-directory__nav a { position: relative; display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 8px; border-radius: 7px; color: var(--dafa-text-muted); font-size: 14px; text-decoration: none; transition: background-color 160ms ease, color 160ms ease; }
.links-directory__nav-row > a { flex: 1; min-width: 0; }
.links-directory__nav-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.links-directory__nav-mark { display: inline-grid; place-items: center; flex: 0 0 24px; width: 24px; height: 24px; border-radius: 6px; font-size: 12px; color: var(--dafa-text-muted); background: var(--dafa-surface-muted); }
.links-directory__nav a:hover, .links-directory__nav a:focus-visible { background: var(--dafa-surface-muted); color: var(--dafa-accent-strong); }
.links-directory__nav a[aria-current="location"] { color: var(--dafa-accent-strong); background: color-mix(in srgb, var(--dafa-accent) 9%, var(--dafa-surface)); font-weight: 700; }
.links-directory__nav a[aria-current="location"] .links-directory__nav-mark { color: var(--dafa-accent-strong); background: transparent; }
.links-directory__nav-group.is-current > .links-directory__nav-row > a { color: var(--dafa-accent-strong); }
.links-directory__nav-children { margin: 2px 0 7px 19px; padding-left: 12px; border-left: 1px solid var(--dafa-border); }
.links-directory__nav-children > a { min-height: 36px; font-size: 12px; justify-content: space-between; }
.links-directory__nav-count { font-size: 11px; color: var(--dafa-text-soft); }
.links-directory__branch-toggle { display: inline-grid; place-items: center; flex: 0 0 30px; width: 30px; height: 36px; padding: 0; border: 0; border-radius: 6px; color: var(--dafa-text-muted); background: transparent; font: inherit; cursor: pointer; }
.links-directory__branch-toggle[aria-expanded="false"] span { transform: rotate(-90deg); }
.links-directory__collapse { display: flex; align-items: center; justify-content: center; gap: 9px; width: 100%; min-height: 38px; margin-top: 8px; padding: 4px; border: 0; border-top: 1px solid var(--dafa-border); background: transparent; color: var(--dafa-text-muted); font: inherit; font-size: 12px; cursor: pointer; }
.links-directory__collapse:hover, .links-directory__branch-toggle:hover { color: var(--dafa-accent); }
.links-directory__sections { grid-row: 2; display: grid; gap: 32px; }
.links-directory__section { min-width: 0; scroll-margin-top: var(--dafa-links-scroll-offset, 150px); }
.links-directory__section-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 16px; }
.links-directory__section-heading h2 { display: flex; align-items: center; gap: 9px; margin: 0; font-size: 20px; line-height: 1.5; letter-spacing: -.025em; }
.links-directory__section-heading h2::before { content: ''; width: 3px; height: 17px; border-radius: 2px; background: var(--dafa-accent); opacity: .72; }
.links-directory__section-heading p { margin: 5px 0 0; color: var(--dafa-text-muted); font-size: 12px; line-height: 1.7; }
.links-directory__section-count { flex-shrink: 0; color: var(--dafa-text-soft); font-size: 12px; }
.links-directory__subnav { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: -2px 0 18px; }
.links-directory__subnav button { min-height: 34px; padding: 6px 12px; border: 1px solid transparent; border-radius: 7px; background: transparent; color: var(--dafa-text-muted); font: inherit; font-size: 12px; cursor: pointer; }
.links-directory__subnav button:hover { color: var(--dafa-accent); }
.links-directory__subnav button[aria-pressed="true"] { background: var(--dafa-surface); border-color: var(--dafa-border); color: var(--dafa-accent-strong); font-weight: 650; }
.links-directory__category { min-width: 0; margin-top: 20px; scroll-margin-top: var(--dafa-links-scroll-offset, 150px); }
.links-directory__category:first-of-type { margin-top: 0; }
.links-directory__child-heading { margin: 0 0 10px; color: var(--dafa-text-muted); font-size: 13px; font-weight: 600; }
.links-directory__section.is-filtered .links-directory__child-heading { display: none; }
.links-directory__grid { --dafa-links-grid-track: clamp(238px, 23%, 340px); display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, var(--dafa-links-grid-track)), 1fr)); gap: 12px; }
.links-directory--columns-2 .links-directory__grid { --dafa-links-grid-track: clamp(260px, 48%, 600px); }
.links-directory--columns-3 .links-directory__grid { --dafa-links-grid-track: clamp(250px, 31%, 420px); }
.links-directory--columns-5 .links-directory__grid { --dafa-links-grid-track: clamp(218px, 18%, 290px); }
.links-directory--columns-6 .links-directory__grid { --dafa-links-grid-track: clamp(200px, 14.5%, 250px); }
.links-directory__card { min-width: 0; border: 1px solid color-mix(in srgb, var(--dafa-border) 65%, var(--dafa-surface)); border-radius: 11px; background: var(--dafa-surface); transition: border-color 180ms ease, box-shadow 180ms ease; }
.links-directory__card-main { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; min-height: 83px; padding: 14px 14px 10px; color: var(--dafa-text); text-decoration: none; }
.links-directory__card-icon { display: grid; place-items: center; flex-shrink: 0; width: 40px; height: 40px; overflow: hidden; border-radius: 10px; border: 1px solid var(--dafa-border); background: var(--dafa-surface-muted); color: var(--dafa-text-muted); font-weight: 650; }
.links-directory__card-icon img { width: 100%; height: 100%; object-fit: contain; background: var(--dafa-surface); }
.links-directory__card-copy { display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; min-width: 0; }
.links-directory__card-title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; max-width: 100%; overflow: hidden; font-size: 14px; font-weight: 700; line-height: 1.5; transition: color 180ms ease; }
.links-directory__card-description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; width: 100%; color: var(--dafa-text-soft); font-size: 12px; line-height: 1.55; }
.links-directory__card-footer { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 32px; padding: 0 14px 9px; color: var(--dafa-text-soft); font-size: 11px; }
.links-directory__domain { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.links-directory__card-detail { flex-shrink: 0; color: var(--dafa-text-muted); text-decoration: none; }
.links-directory__card-detail:hover { color: var(--dafa-accent); }
.links-directory__card-arrow { transition: transform 180ms ease, color 180ms ease; }
.links-directory__card:focus-within { border-color: color-mix(in srgb, var(--dafa-accent) 38%, var(--dafa-border)); box-shadow: 0 4px 16px rgb(23 32 51 / .06); }
@media (hover: hover) and (pointer: fine) {
 .links-directory__card:hover { border-color: color-mix(in srgb, var(--dafa-accent) 38%, var(--dafa-border)); box-shadow: 0 4px 16px rgb(23 32 51 / .06); }
 .links-directory__card:hover .links-directory__card-title, .links-directory__card:hover .links-directory__card-arrow { color: var(--dafa-accent); }
 .links-directory__card:hover .links-directory__card-arrow { transform: translate(2px,-2px); }
}
.links-directory__vip-badge, .links-directory__recommend { padding: 2px 6px; border-radius: 5px; background: var(--dafa-accent-soft); color: var(--dafa-accent-strong); font-size: 10px; font-weight: 700; }
.links-directory__locked, .links-directory__no-results, .links-directory__empty, .links-directory__notice { padding: 32px 22px; border: 1px dashed var(--dafa-border); border-radius: 12px; background: var(--dafa-surface); text-align: center; }
.links-directory__locked > strong { display: block; margin-top: 12px; }
.links-directory__locked p, .links-directory__notice p { color: var(--dafa-text-muted); font-size: 14px; }
.links-directory__notice { display: block; max-width: 720px; margin-inline: auto; }
.links-directory [hidden] { display: none !important; }
.links-directory a:focus-visible, .links-directory button:focus-visible { outline-offset: -3px; }
@media (min-width:1024px) {
 .links-directory.is-mini { grid-template-columns: 72px minmax(0, 1fr); }
 .links-directory.is-mini .links-directory__nav-heading, .links-directory.is-mini .links-directory__nav-children, .links-directory.is-mini .links-directory__branch-toggle, .links-directory.is-mini .links-directory__nav-name, .links-directory.is-mini .links-directory__collapse-label, .links-directory.is-mini .links-directory__nav .links-directory__vip-badge { display:none; }
 .links-directory.is-mini .links-directory__nav-list { padding-top: 0; max-height: calc(100dvh - var(--dafa-links-nav-top-space, 88px) - 65px); }
 .links-directory.is-mini .links-directory__nav-row > a { justify-content: center; }
}
@media (max-width:1023px) {
 .links-directory { grid-template-columns: minmax(0,1fr); gap:20px; }
 .links-directory__hero, .links-directory__sections, .links-directory__nav, .links-directory__no-results { grid-column: 1; }
 .links-directory__nav { grid-row:2; padding:6px 8px; }
 .links-directory__sections { grid-row:3; }
 .links-directory__hero { gap:18px; }
 .links-directory__hero-copy { flex-basis:300px; }
 .links-directory__nav-heading { min-height:44px; padding:0 8px; border:0; }
 .links-directory__nav.is-ready .links-directory__nav-title { display:none; }
 .links-directory__nav.is-ready .links-directory__nav-current { display:block; color:var(--dafa-accent-strong); font-size:13px; }
 .links-directory__nav.is-ready .links-directory__nav-toggle { display:flex; gap:8px; align-items:center; min-height:44px; padding:0 4px 0 12px; border:0; background:transparent; color:var(--dafa-text); font:inherit; font-size:13px; cursor:pointer; }
 .links-directory__nav.is-ready .links-directory__nav-list { display:none; position:absolute; inset:calc(100% + 8px) 0 auto; max-height: min(480px,calc(100dvh - var(--dafa-links-sticky-top,80px) - 90px)); padding:10px; border:1px solid var(--dafa-border); border-radius:12px; background:var(--dafa-surface); box-shadow:var(--dafa-shadow); }
 .links-directory__nav.is-ready.is-open .links-directory__nav-list { display:grid; }
 .links-directory__nav a, .links-directory__nav-children > a { min-height:44px; }
 .links-directory__nav-children { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .links-directory__branch-toggle { width:44px; height:44px; }
 .links-directory__collapse { display:none; }
 .links-directory__subnav button { min-height:40px; }
}
@media (max-width:560px) {
 .links-directory__hero h1 { font-size:26px; }
 .links-directory__hero-copy > p:not(.links-directory__eyebrow) { font-size:13px; }
 .links-directory__hero { padding-bottom:18px; }
 .links-directory__section-heading h2 { font-size:19px; }
 .links-directory__sections { gap:26px; }
 .links-directory__grid { grid-template-columns:minmax(0,1fr); }
 .links-directory__card-detail { min-height:32px; display:inline-flex; align-items:center; }
 .links-directory__nav-children { margin-left:12px; padding-left:8px; }
}
@media (hover:none) { .links-directory__search kbd { display:none; } }
@media (prefers-reduced-motion:reduce) {
 .links-directory *, .directory-detail * { transition:none !important; scroll-behavior:auto !important; }
 .links-directory__card:hover .links-directory__card-arrow { transform:none; }
}
.directory-detail { padding-block:32px 72px; }
.directory-detail > .site-container { max-width:1180px; }
.directory-detail__breadcrumb { display:flex; gap:12px; margin-bottom:24px; color:var(--dafa-text-muted); font-size:13px; }
.directory-detail__hero { display:flex; gap:24px; align-items:center; padding:30px; border:1px solid var(--dafa-border); border-radius:16px; background:var(--dafa-surface); }
.directory-detail__hero > div { flex:1; min-width:0; }
.directory-detail__eyebrow { margin:0 0 6px; color:var(--dafa-accent-strong); font-size:12px; }
.directory-detail__hero h1 { margin:0; font-size:clamp(26px,3vw,38px); line-height:1.35; }
.directory-detail__hero p:not(.directory-detail__eyebrow) { margin:12px 0 0; color:var(--dafa-text-muted); font-size:15px; }
.directory-detail__icon { width:72px; height:72px; object-fit:contain; border:1px solid var(--dafa-border); border-radius:15px; }
.directory-detail__visit { display:inline-flex; gap:14px; align-items:center; flex-shrink:0; }
.directory-detail__body { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:28px; margin-top:28px; align-items:start; }
.directory-detail__content, .directory-detail__info { min-width:0; padding:28px; border:1px solid var(--dafa-border); border-radius:14px; background:var(--dafa-surface); }
.directory-detail__info { padding:22px; font-size:13px; overflow-wrap:anywhere; }
.directory-detail__info h2 { margin-top:0; font-size:16px; }
.directory-detail__info dt { color:var(--dafa-text-muted); margin-top:16px; }
.directory-detail__info dd { margin:5px 0 0; }
.directory-detail__info > a { display:inline-block; margin-top:18px; }
@media(max-width:767px) {
 .directory-detail__hero { flex-wrap:wrap; padding:22px; gap:16px; }
 .directory-detail__hero > div { flex-basis:calc(100% - 90px); }
 .directory-detail__body { grid-template-columns:minmax(0,1fr); gap:18px; }
 .directory-detail__content { padding:22px; }
}


.tool-library {padding: 32px clamp(16px,4vw,64px) 64px;}
.tool-library__shell {max-width:1600px;margin-inline:auto;}
.tool-library__switch {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:16px 0 0;font-size:12px;}
.tool-library__switch a,.tool-library__switch button {padding:7px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--dafa-text-muted);font:inherit;text-decoration:none;cursor:pointer;}
.tool-library__switch a[aria-current] {background:var(--dafa-surface);border-color:var(--dafa-border);color:var(--dafa-accent-strong);}
.tool-library__switch a:hover,.tool-library__switch button:hover {color:var(--dafa-accent);}
.tool-library__hero {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px 0 28px;}
.tool-library__hero h1 {margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1.35;letter-spacing:-.045em;}
.tool-library__hero p:last-child {margin:12px 0 0;color:var(--dafa-text-muted);font-size:15px;}
.tool-library__ai {display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;border:1px solid var(--dafa-border);border-radius:9px;background:var(--dafa-surface);color:var(--dafa-text);font:inherit;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;}
.tool-library__ai > span:first-child {color:var(--dafa-accent);font-size:23px;}
.tool-library__ai:hover {border-color:var(--dafa-accent);}
.tool-library__search {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;margin:0;padding:22px;border:1px solid var(--dafa-border);border-radius:14px;background:var(--dafa-surface);}
.tool-library__query {display:flex;align-items:center;gap:12px;min-width:0;padding:0 15px;border:1px solid var(--dafa-border);border-radius:9px;}
.tool-library__query svg {flex-shrink:0;color:var(--dafa-accent);}
.tool-library__query input {width:100%;min-width:0;height:48px;border:0;outline:0;background:transparent;color:var(--dafa-text);font:inherit;font-size:15px;}
.tool-library__query:focus-within {border-color:var(--dafa-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--dafa-accent) 10%,transparent);}
.tool-library__search > .button {border-radius:9px;min-width:100px;}
.tool-library__filters {grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px;font-size:12px;}
.tool-library__filters label {display:flex;align-items:center;gap:10px;min-width:0;color:var(--dafa-text-muted);}
.tool-library__filters select,.tool-library__filters input {max-width:100%;height:36px;padding:4px 10px;border:1px solid var(--dafa-border);border-radius:7px;background:var(--dafa-surface);color:var(--dafa-text);font:inherit;}
.tool-library__filters a {color:var(--dafa-text-muted);}
.tool-library__toolbar {display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0 16px;font-size:13px;}
.tool-library__toolbar p {margin:0;color:var(--dafa-text-muted);}
.tool-library__discover {display:flex;gap:8px;}
.tool-library__discover button,.tool-library__empty button {min-height:38px;padding:7px 12px;border:1px solid var(--dafa-border);border-radius:8px;background:var(--dafa-surface);color:var(--dafa-text);font:inherit;font-size:12px;cursor:pointer;}
.tool-library__discover button:hover {border-color:var(--dafa-accent);color:var(--dafa-accent-strong);}
.tool-library__discover button:disabled {opacity:.55;cursor:wait;}
.tool-library__results {--dafa-links-grid-track:clamp(238px,22%,340px);align-items:stretch;scroll-margin-top:130px;}
.tool-library__results[aria-busy=true] {opacity:.6;}
.tool-card__tags {display:flex;flex-wrap:wrap;gap:5px;padding:0 14px 10px;}
.tool-card__tags a {max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 6px;border-radius:4px;background:var(--dafa-surface-muted);color:var(--dafa-text-muted);font-size:10px;}
.tool-library__pagination {display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:28px 0;}
.tool-library__pagination a,.tool-library__pagination span {display:inline-flex;align-items:center;justify-content:center;min-width:34px;min-height:36px;padding:4px 10px;border:1px solid var(--dafa-border);border-radius:6px;background:var(--dafa-surface);font-size:12px;color:var(--dafa-text);}
.tool-library__pagination .current {color:var(--dafa-accent);border-color:var(--dafa-accent);}
.tool-library__empty {padding:50px 20px;text-align:center;color:var(--dafa-text-muted);}
.tool-library__empty h2 {font-size:20px;color:var(--dafa-text);}
.tool-library__membership {display:flex;align-items:center;gap:20px;padding-top:22px;margin-top:30px;border-top:1px solid var(--dafa-border);font-size:12px;}
.tool-library__membership > div {flex:1;}
.tool-library__membership strong {font-size:14px;}
.tool-library__membership p {margin:6px 0 0;color:var(--dafa-text-muted);}
.tool-library__membership a {flex-shrink:0;color:var(--dafa-accent-strong);}
@media(max-width:600px){
 .tool-library {padding:18px 16px 40px;}.tool-library__hero{align-items:flex-start;flex-direction:column;gap:18px;padding-top:25px;}
 .tool-library__search{padding:14px;gap:12px 8px;}.tool-library__query{padding-inline:10px;gap:8px;}.tool-library__query input{font-size:13px;}.tool-library__search>.button{min-width:70px;padding-inline:10px;font-size:12px;}
 .tool-library__filters{gap:10px;}.tool-library__filters label{width:100%;}.tool-library__filters select,.tool-library__filters input{flex:1;min-width:0;}
 .tool-library__toolbar{align-items:flex-start;flex-direction:column;gap:12px;}.tool-library__membership{flex-wrap:wrap;gap:15px;}.tool-library__membership>div{flex-basis:100%;}
}

.tool-library__ai > svg,.tool-library__switch button > svg {width:19px;height:19px;color:var(--dafa-accent);vertical-align:middle;flex-shrink:0;}
.tool-library__search > .button{background:var(--dafa-accent);color:#fff;border:0;}
@media(max-width:1023px){.links-directory__search{flex-basis:auto;max-width:none;}}


[data-dafa-balanced-grid] {
  display: flex !important;
  flex-wrap: wrap;
  align-items: stretch;
}

[data-dafa-balanced-grid] > * {
  flex: 0 0 var(--dafa-balanced-width, 100%) !important;
  min-width: 0;
  max-width: 100%;
}

[data-dafa-grid-measuring] > * {
  transition: none !important;
}


.auth-page--refined .auth-shell { gap:40px; grid-template-columns:1.08fr .92fr; }
.auth-page--refined .auth-form { border:0; box-shadow:none; padding:32px; }
.auth-page--refined .auth-intro h1 { font-size:30px; line-height:1.4; }
.auth-page--refined .auth-intro p { font-size:15px; line-height:1.8; }
.auth-page--refined .auth-tabs { margin-bottom:22px; }
.auth-page--refined .auth-tabs [role="tab"] { flex:1; padding-inline:8px; white-space:nowrap; }
.auth-page--refined .auth-panels { min-height:376px; }
.auth-page--refined .auth-panel[data-auth-panel="weixin"] { min-height:0; }
.auth-page--refined .dafa-weixin-embed__desktop { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px 8px; min-height:0; align-items:center; }
.auth-page--refined .dafa-weixin-embed__desktop[hidden] { display:none; }
.auth-page--refined .dafa-weixin-embed__frame { grid-column:1 / -1; }
.auth-page--refined .dafa-weixin-embed__desktop .dafa-weixin-embed__hint { text-align:left; font-size:12px; line-height:1.8; }
.auth-page--refined .dafa-weixin-embed__refresh { padding:6px 0 6px 8px; font-size:12px; white-space:nowrap; }
.auth-page--refined .auth-form form > p { margin-block:0 18px; }
.auth-page--refined .auth-form form > p:last-child { margin-bottom:0; }
.auth-page--refined .auth-form .auth-method-note { margin-bottom:20px; text-align:left; font-size:12px; line-height:1.8; }
.auth-page--refined .auth-form input:not([type="checkbox"]):not([type="hidden"]) { min-height:46px; }
.auth-page--refined .auth-form .login-remember { font-size:13px; }
.auth-page--refined .auth-form .login-remember label { font-weight:400; color:var(--dafa-text-soft); }
.auth-page--refined .auth-links { margin:0; text-align:right; font-size:13px; }
.auth-page--refined .dafa-sms-auth__form .dafa-sms-auth__status:empty { margin:0; min-height:0; }
.auth-page--refined .dafa-sms-auth__form { gap:0; }
.auth-page--refined .dafa-sms-auth__form > p:has(> label[for="dafa-sms-code"]) { margin-bottom:0; }
.auth-page--refined .dafa-sms-auth__code { margin-bottom:18px; }
.auth-page--refined .dafa-sms-auth__code button { border:0; border-radius:6px; background:var(--dafa-surface-muted); color:var(--dafa-text); }
.auth-page--refined .dafa-sms-auth__code button:hover:not(:disabled) { background:var(--dafa-accent-soft); color:var(--dafa-accent-strong); }
.auth-page--refined .auth-registration-note { margin:10px 0 0; font-size:12px; }
.auth-page--refined .auth-registration-note a { display:inline-block; margin:0; padding:6px 12px; color:var(--dafa-text-soft); text-decoration:none; }
.auth-page--refined .auth-registration-note a:hover { color:var(--dafa-accent-strong); text-decoration:underline; }
@media (max-width:782px) {
  .auth-page--refined .auth-shell { grid-template-columns:1fr; gap:18px; max-width:520px; }
  .auth-page--refined .auth-intro { background:transparent; }
  .auth-page--refined .auth-intro h1 { margin:0 0 8px; font-size:26px; }
  .auth-page--refined .auth-intro p { margin:0; font-size:14px; }
  .auth-page--refined .auth-intro img { display:none; }
  .auth-page--refined .auth-form { padding:26px 22px 20px; }
  .auth-page--refined .dafa-login-brand { display:none; }
  .auth-page--refined .auth-panels { min-height:0; }
  .auth-page--refined .dafa-weixin-embed__mobile,
  .auth-page--refined .dafa-weixin-embed__external-mobile { min-height:240px; gap:16px; }
}
@media (max-width:480px) {
  .auth-page--refined .auth-tabs [role="tab"] { font-size:13px; padding-inline:4px; }
  .auth-page--refined .dafa-weixin-embed__desktop { grid-template-columns:1fr; gap:4px; }
  .auth-page--refined .dafa-weixin-embed__desktop .dafa-weixin-embed__hint { text-align:center; }
  .auth-page--refined .dafa-weixin-embed__refresh { padding:6px 8px; justify-self:center; }
}


.ppw-post-password-form .ppw-ppf-field-container {
  display: grid;
  gap: 12px;
  max-width: 480px;
}

.ppw-post-password-form .ppw-pwd-label {
  display: grid;
  gap: 6px;
  font-weight: 600;
}

.ppw-post-password-form input[name="post_password"] {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 46px;
  padding: 10px 12px;
  border: 1px solid color-mix(in srgb, var(--dafa-text-soft) 75%, var(--dafa-surface));
  border-radius: 8px;
  background: var(--dafa-surface);
  color: var(--dafa-text);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}

.ppw-post-password-form .ppw-pwd-submit-btn {
  justify-self: start;
}