:root {
  --dark-canvas: #080d18;
  --dark-canvas-deep: #030711;
  --dark-surface: rgba(16, 23, 39, 0.8);
  --dark-surface-raised: rgba(24, 32, 51, 0.88);
  --dark-surface-soft: rgba(255, 255, 255, 0.045);
  --dark-line: rgba(255, 255, 255, 0.1);
  --dark-line-strong: rgba(160, 143, 255, 0.24);
  --dark-text: #f5f7fb;
  --dark-muted: #9ca9bd;
  --dark-purple: #8b6cff;
  --dark-cyan: #56d7ec;
  --dark-green: #36d7aa;
  --dark-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
  color-scheme: dark;
}

html {
  scrollbar-width: none;
}

html::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}

body {
  -ms-overflow-style: none;
}

html { background: var(--dark-canvas-deep); }

body.cinema-home,
body.product-page,
body.online-tools-page,
body.support-page,
body.asset-workspace-page,
body.local-assets-page,
body.admin-page,
body.redirect-page {
  color: var(--dark-text);
  background:
    radial-gradient(circle at 78% 6%, rgba(91, 130, 255, 0.17), transparent 32%),
    radial-gradient(circle at 14% 32%, rgba(139, 92, 246, 0.13), transparent 29%),
    radial-gradient(circle at 52% 72%, rgba(69, 202, 224, 0.075), transparent 34%),
    var(--dark-canvas);
}

.redirect-page { min-height: 100vh; margin: 0; display: grid; place-items: center; font-family: Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif; }
.redirect-page a { color: var(--dark-cyan); }

/* Canonical transparent Arvo mark */
.brand-mark,
.footer-brand .brand-mark {
  border: 0;
  background: transparent;
  box-shadow: none;
}

.brand-mark img,
.footer-brand .brand-mark img,
.admin-brand img,
.admin-login-brand img,
.workspace-brand img,
.library-brand img {
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  object-fit: contain;
  transform: scale(1.12);
}

/* React Bits effects adapted to the static site */
.cinematic-effect { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.cinematic-effect canvas { width: 100%; height: 100%; display: block; }
.true-focus-global { position: relative; isolation: isolate; }
.true-focus-global > .true-focus-line { position: relative; z-index: 1; display: block; }
.true-focus-global .true-focus-word { position: relative; display: inline-block; filter: blur(var(--true-focus-blur, 5px)); opacity: .48; transform: scale(.98); transition: filter var(--true-focus-duration, 2000ms) ease, opacity var(--true-focus-duration, 2000ms) ease, transform var(--true-focus-duration, 2000ms) ease; }
.true-focus-global .true-focus-word[data-focus-static],
.true-focus-global .true-focus-word[data-focus-active] { filter: none; opacity: 1; transform: none; }
.true-focus-global .true-focus-word[data-focus-active] { z-index: 2; }
.true-focus-global .true-focus-frame { position: absolute; z-index: 3; top: 0; left: 0; display: block; width: var(--true-focus-width, 0); height: var(--true-focus-height, 0); opacity: 0; transform: translate3d(var(--true-focus-x, 0), var(--true-focus-y, 0), 0); transition: width var(--true-focus-duration, 2000ms) cubic-bezier(.16, 1, .3, 1), height var(--true-focus-duration, 2000ms) cubic-bezier(.16, 1, .3, 1), transform var(--true-focus-duration, 2000ms) cubic-bezier(.16, 1, .3, 1), opacity .2s ease; pointer-events: none; }
.true-focus-global .true-focus-frame[data-focus-frame-ready] { opacity: 1; }
.true-focus-global .true-focus-corner { position: absolute; display: block; width: .26em; height: .26em; border-color: var(--true-focus-color, #8c77ff); filter: drop-shadow(0 0 8px color-mix(in srgb, var(--true-focus-color, #8c77ff) 52%, transparent)); }
.true-focus-global .true-focus-corner-top-left { top: -.1em; left: -.14em; border-top: 2px solid var(--true-focus-color, #8c77ff); border-left: 2px solid var(--true-focus-color, #8c77ff); }
.true-focus-global .true-focus-corner-top-right { top: -.1em; right: -.14em; border-top: 2px solid var(--true-focus-color, #8c77ff); border-right: 2px solid var(--true-focus-color, #8c77ff); }
.true-focus-global .true-focus-corner-bottom-left { bottom: -.1em; left: -.14em; border-bottom: 2px solid var(--true-focus-color, #8c77ff); border-left: 2px solid var(--true-focus-color, #8c77ff); }
.true-focus-global .true-focus-corner-bottom-right { right: -.14em; bottom: -.1em; border-right: 2px solid var(--true-focus-color, #8c77ff); border-bottom: 2px solid var(--true-focus-color, #8c77ff); }
.cinematic-soft-aurora { position: fixed; z-index: 0; opacity: 0.3; mix-blend-mode: screen; }
.cinema-home > main,
.cinema-home > footer { position: relative; z-index: 1; }
.cinematic-aurora { z-index: 0; opacity: 0.36; mix-blend-mode: screen; mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent); }
.cinema-home .programs > :not(.cinematic-aurora) { position: relative; z-index: 1; }
.cinematic-light-rays { z-index: 0; opacity: 0.34; mix-blend-mode: screen; }
.cinema-home .contact-panel > :not(.cinematic-light-rays) { position: relative; z-index: 1; }
.global-light-rays { position: fixed; z-index: 0; opacity: .48; mix-blend-mode: screen; mask-image: linear-gradient(to bottom, rgba(0,0,0,.96), rgba(0,0,0,.78) 62%, transparent 100%); }
.global-background { position: fixed; z-index: 0; inset: 0; overflow: hidden; pointer-events: none; opacity: .28; mix-blend-mode: screen; }
.global-background canvas { width: 100%; height: 100%; display: block; }
.auth-page .global-background { opacity: .78; }
.admin-page .global-background { opacity: .38; }
.global-light-rays { display: none; }
.cinema-home .cinematic-effect,
.cinema-home .cinema-ambient,
.admin-page .admin-orb,
.admin-page .admin-grid {
  display: none;
}
body > header,
body > main,
body > footer,
body > .admin-shell,
body > .workspace-shell,
body > .library-shell { position: relative; z-index: 1; }

.rb-card-effects { --spotlight-x: 50%; --spotlight-y: 50%; --edge-proximity: 0; --glow-angle: 45deg; position: relative; isolation: isolate; }
.rb-card-effect-layer { position: absolute; inset: 0; z-index: 5; overflow: hidden; border-radius: var(--rb-card-radius, inherit); clip-path: inset(0 round var(--rb-card-radius, 0px)); pointer-events: none; }
.rb-card-effect-layer::before,
.rb-card-effect-layer::after { content: ""; position: absolute; inset: 0; border-radius: var(--rb-card-radius, inherit); pointer-events: none; transition: opacity .32s ease; }
.rb-card-effect-layer::before { opacity: 0; background: radial-gradient(circle 220px at var(--spotlight-x) var(--spotlight-y), rgba(105,225,239,.16), rgba(139,108,255,.085) 38%, transparent 72%); mix-blend-mode: screen; }
.rb-card-effect-layer::after { border: 1px solid transparent; opacity: .18; background: linear-gradient(transparent,transparent) padding-box, conic-gradient(from var(--glow-angle), transparent 0 14%, #6fe3ed 20%, #8c77ff 27%, #de87ff 33%, transparent 42% 100%) border-box; mask: linear-gradient(#000 0 0) padding-box, linear-gradient(#000 0 0); mask-composite: exclude; filter: drop-shadow(0 0 8px rgba(119,125,255,.18)); }
.rb-card-effects:hover > .rb-card-effect-layer::before,
.rb-card-effects:focus-within > .rb-card-effect-layer::before { opacity: .78; }
.rb-card-effects:hover > .rb-card-effect-layer::after,
.rb-card-effects:focus-within > .rb-card-effect-layer::after { opacity: calc(.34 + var(--edge-proximity) * .006); }

.download-dialog { border: 1px solid rgba(255,255,255,.12); background: rgba(7,11,19,.78); box-shadow: 0 52px 150px rgba(0,0,0,.62),0 0 80px rgba(100,87,225,.1); backdrop-filter: blur(24px) saturate(145%); }
.download-dialog::backdrop { background: rgba(3,6,12,.72); backdrop-filter: blur(12px); }
.download-dialog .dialog-shell { color: var(--dark-text); background: radial-gradient(circle at 86% 8%,rgba(111,92,236,.12),transparent 31%),linear-gradient(145deg,rgba(23,30,47,.98),rgba(10,15,26,.98)); }
.download-dialog .dialog-close { color: #d8deea; border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.055); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.download-dialog .dialog-close:hover,
.download-dialog .dialog-close:focus-visible { color: #fff; border-color: rgba(139,108,255,.48); background: rgba(139,108,255,.15); outline: none; }
.download-dialog .dialog-heading span { color: #aa97ff; }
.download-dialog .dialog-heading h2 { color: #f6f7fb; }
.download-dialog .dialog-heading p,
.download-dialog .dialog-note { color: var(--dark-muted); }
.download-dialog .platform-list { gap: 12px; }
.download-dialog .platform-card { border-color: rgba(255,255,255,.1); color: var(--dark-text); background: linear-gradient(145deg,rgba(32,40,60,.78),rgba(15,21,34,.78)); box-shadow: inset 0 1px 0 rgba(255,255,255,.055),0 18px 44px rgba(0,0,0,.2); }
.download-dialog .platform-card.coming-soon { background: linear-gradient(145deg,rgba(27,34,51,.6),rgba(13,18,30,.62)); }
.download-dialog .platform-card-compact { padding-block: 16px; }
.download-dialog .platform-symbol { color: #eef1f7; border-color: rgba(255,255,255,.12); background: linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035)); }
.download-dialog .platform-card.coming-soon .platform-symbol { color: #9ba6b8; background: rgba(255,255,255,.045); }
.download-dialog .platform-heading h3 { color: #f4f6fb; }
.download-dialog .platform-heading p { color: #99a4b7; }
.download-dialog .platform-heading b { color: #79e1ba; border: 1px solid rgba(77,218,169,.16); background: rgba(54,215,170,.1); }
.download-dialog .platform-card.coming-soon .platform-heading b { color: #aab3c2; border-color: rgba(255,255,255,.09); background: rgba(255,255,255,.045); }
.download-dialog .package-row { border-color: rgba(255,255,255,.1); background: linear-gradient(145deg,rgba(13,18,30,.82),rgba(22,29,45,.78)); box-shadow: inset 0 1px 0 rgba(255,255,255,.04); }
.download-dialog .package-row strong { color: #edf1f7; }
.download-dialog .package-row div > span { color: #9aa5b8; }
.download-dialog .package-release-inline { border-color: rgba(139,108,255,.24); color: #d8d0ff !important; background: linear-gradient(135deg,rgba(54,215,170,.1),rgba(139,108,255,.14)); box-shadow: inset 0 1px 0 rgba(255,255,255,.06); }
.download-dialog .package-release-inline b { color: #80e3bd; }
.download-dialog .package-release-inline small { color: #b4a8d7; }
.download-dialog .package-action { color: #fff; border: 1px solid rgba(159,139,255,.24); background: linear-gradient(135deg,#7c62ed,#5744c9); box-shadow: 0 12px 28px rgba(88,67,202,.27); }
.download-dialog .package-action:hover,
.download-dialog .package-action:focus-visible { border-color: rgba(179,164,255,.5); background: linear-gradient(135deg,#8b72f5,#6250d6); outline: none; transform: translateY(-1px); }
.download-dialog .package-action small { color: #3d2a7a; background: #d8ccff; }

@media (prefers-reduced-motion: reduce) {
  .global-light-rays { opacity: .3; }
  .rb-card-effect-layer::before,
  .rb-card-effect-layer::after { transition: none; }
  .rb-card-effects:hover > .rb-card-effect-layer::before,
  .rb-card-effects:focus-within > .rb-card-effect-layer::before { opacity: .34; }
  .rb-card-effects:hover > .rb-card-effect-layer::after,
  .rb-card-effects:focus-within > .rb-card-effect-layer::after { opacity: .42; }
}

/* Home download assurance */
.cinema-home .trust-strip { gap: 14px; }
.cinema-home .trust-item {
  position: relative;
  overflow: hidden;
  border-color: var(--dark-line);
  color: var(--dark-text);
  background: linear-gradient(145deg, rgba(21, 25, 38, 0.84), rgba(8, 11, 18, 0.78));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.055), 0 18px 48px rgba(0, 0, 0, 0.24);
  backdrop-filter: blur(22px) saturate(145%);
}
.cinema-home .trust-item::after {
  content: "";
  position: absolute;
  inset: -45% auto -45% -38%;
  width: 25%;
  opacity: 0;
  background: linear-gradient(90deg, transparent, rgba(151, 132, 255, 0.16), rgba(255, 255, 255, 0.17), transparent);
  filter: blur(6px);
  transform: skewX(-16deg);
  transition: left 0.72s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.2s ease;
}
.cinema-home .trust-item strong { color: var(--dark-text); }
.cinema-home .trust-item small { color: var(--dark-muted); }
.cinema-home .trust-icon { border-color: rgba(255, 255, 255, 0.09); background: rgba(255, 255, 255, 0.035); }
.cinema-home .cinema-real-screen img { height: 100%; object-fit: contain; object-position: center; transform: none; }

/* Home contact hub */
.cinema-home .contact-panel { padding: clamp(38px, 4.2vw, 60px); display: grid; grid-template-columns: minmax(320px, .78fr) minmax(520px, 1.22fr); align-items: center; gap: 32px 56px; isolation: isolate; }
.cinema-home .contact-copy { max-width: 520px; }
.contact-hub-grid { position: relative; z-index: 1; min-width: 0; margin: 0; }
.contact-hub-group { min-width: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; }
.contact-hub-heading { min-height: 58px; padding: 0 0 13px; display: flex; align-items: center; gap: 13px; border-bottom: 1px solid rgba(255, 255, 255, 0.075); }
.contact-hub-heading > span { width: 38px; height: 38px; flex: 0 0 38px; display: grid; place-items: center; border: 1px solid rgba(139, 108, 255, 0.27); border-radius: 12px; color: #b9adff; background: rgba(139, 108, 255, 0.09); font-size: 10px; font-weight: 900; letter-spacing: 0.08em; }
.contact-platform-group .contact-hub-heading > span { color: #78e6f2; border-color: rgba(86, 215, 236, 0.25); background: rgba(86, 215, 236, 0.08); }
.contact-hub-heading strong,
.contact-hub-heading small { display: block; }
.contact-hub-heading strong { color: var(--dark-text); font-size: 16px; }
.contact-hub-heading small { margin-top: 4px; color: var(--dark-muted); font-size: 12px; }
.cinema-home .contact-grid { margin-top: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
.cinema-home .contact-card { min-height: 104px; padding: 17px 18px; align-items: center; border-radius: 18px; }
.cinema-home .contact-card:first-child { grid-column: 1 / -1; min-height: 122px; }
.cinema-home .contact-card h3 { font-size: 17px; }
.cinema-home .contact-card p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cinema-home .contact-card span { margin-top: 6px; color: #a99bff; font-size: 12px; }
.cinema-home .contact-icon { width: 46px; height: 46px; flex-basis: 46px; border-radius: 15px; }
.cinema-home .platform-showcase { margin-top: 14px; padding-top: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; border-top: 0; }
.cinema-home .platform-entry { min-height: 146px; padding: 18px; border-radius: 18px; }
.cinema-home .platform-entry-site { grid-column: 1 / -1; min-height: 116px; align-items: center; }
.cinema-home .platform-entry::after { content: none; }
.cinema-home .platform-entry-copy { padding-right: 0; }
.cinema-home .platform-entry-copy small { min-height: 0; }
.cinema-home .home-social-grid { grid-column: 1 / -1; margin-top: 0; padding-top: 18px; border-top: 1px solid var(--dark-line); }

/* Help, business and feedback */
.support-page {
  --ink: var(--dark-text);
  --muted: var(--dark-muted);
  --line: var(--dark-line);
  --surface: var(--dark-surface-raised);
  --soft: rgba(255, 255, 255, 0.035);
  --shadow: var(--dark-shadow);
}
.support-page main,
.support-page .section,
.support-page .support-section,
.support-page .support-form-section,
.support-page .help-guide-section,
.support-page .help-faq-section { background-color: transparent; }
.support-page .support-detail-hero,
.support-page .support-detail-help,
.support-page .support-detail-business,
.support-page .support-detail-feedback {
  color: var(--dark-text);
  background:
    radial-gradient(circle at 83% 18%, rgba(104, 87, 255, 0.18), transparent 30%),
    radial-gradient(circle at 10% 82%, rgba(63, 210, 226, 0.1), transparent 28%),
    linear-gradient(180deg, #0b1120, var(--dark-canvas));
}
.support-page .support-detail-hero::before { opacity: 0.42; background-image: linear-gradient(rgba(156, 172, 211, 0.045) 1px, transparent 1px), linear-gradient(90deg, rgba(156, 172, 211, 0.045) 1px, transparent 1px); }
.support-page :is(.support-hero-copy > p, .support-form-copy > p, .help-section-heading > p, .help-step-copy > p, .help-step-copy li, .help-workflow > li > em, .help-card > p, .support-next span) { color: var(--dark-muted); }
.support-page :is(.support-shortcut, .help-card, .support-form, .support-next, .help-onboarding-panel, .social-contact-card) {
  color: var(--dark-text);
  border-color: var(--dark-line);
  background: linear-gradient(145deg, var(--dark-surface-raised), rgba(9, 13, 22, 0.84));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), var(--dark-shadow);
}
.support-page .support-product-context {
  color: var(--dark-text);
  border-color: color-mix(in srgb, var(--support-product-accent) 34%, var(--dark-line));
  background: linear-gradient(145deg, color-mix(in srgb, var(--support-product-accent) 12%, rgba(20, 24, 36, 0.94)), rgba(8, 11, 19, 0.9));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 14px 34px rgba(0, 0, 0, 0.24);
}
.support-page .support-product-context small { color: var(--dark-muted); }
.support-page .social-contact-card[aria-pressed="true"] {
  color: var(--social-ink);
  border-color: var(--social-border);
  background: var(--social-active);
  box-shadow: 0 18px 42px var(--social-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.32);
}
.support-page .social-contact-card[aria-pressed="true"] small { color: color-mix(in srgb, var(--social-ink) 72%, transparent); }
@media (hover: hover) {
  .support-page .social-contact-card:hover,
  .support-page .social-contact-card:focus-visible {
    color: var(--social-ink);
    border-color: var(--social-border);
    background: var(--social-active);
    box-shadow: 0 18px 42px var(--social-shadow), inset 0 1px 0 rgba(255, 255, 255, 0.32);
  }
  .support-page .social-contact-card:hover small,
  .support-page .social-contact-card:focus-visible small { color: color-mix(in srgb, var(--social-ink) 72%, transparent); }
}
.support-page .help-hero-window { box-shadow: 0 42px 90px rgba(0, 0, 0, 0.44), 0 0 0 8px rgba(255, 255, 255, 0.035); }
.support-page .help-jump-nav a {
  --help-jump-soft: rgba(255, 255, 255, 0.045);
  color: var(--dark-text);
  background: linear-gradient(145deg, color-mix(in srgb, var(--help-jump-accent) 12%, rgba(18, 23, 38, 0.92)), rgba(8, 11, 19, 0.86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 14px 34px rgba(0, 0, 0, 0.24);
}
.support-page .help-jump-copy small { color: color-mix(in srgb, var(--help-jump-accent) 55%, var(--dark-muted)); }
.support-page .help-onboarding-list li { border-color: var(--dark-line); background: rgba(255, 255, 255, 0.018); }
.support-page .help-onboarding-list li > span,
.support-page .help-card summary > span,
.support-page .help-group .help-card summary i { background: color-mix(in srgb, currentColor 9%, rgba(255, 255, 255, 0.025)); }
.support-page .help-onboarding-list strong,
.support-page .help-step-copy > strong,
.support-page .help-card summary strong,
.support-page .help-card > p b { color: var(--dark-text); }
.support-page .help-learning-section { background: transparent; }
.support-page .help-group { --help-soft: rgba(255, 255, 255, 0.035); --help-muted: var(--dark-muted); }
.support-page .help-group .help-card[open] summary { background: linear-gradient(90deg, color-mix(in srgb, var(--help-accent) 10%, transparent), transparent 62%); }
.support-page .help-card summary small,
.support-page .help-group-heading p { color: var(--dark-muted); }
.support-page .help-card summary i::before,
.support-page .help-card summary i::after { background: currentColor; }
.support-page .support-note { border-color: rgba(54, 215, 170, 0.2); background: rgba(54, 215, 170, 0.07); }
.support-page .support-note strong { color: #67e2ba; }
.support-page .support-note span { color: var(--dark-muted); }
.support-page .support-form label > span { color: #c7cfdd; }
.support-page .support-form input,
.support-page .support-form select,
.support-page .support-form textarea {
  color: var(--dark-text);
  border-color: var(--dark-line);
  background: rgba(255, 255, 255, 0.045);
}
.support-page .support-form :is(input, select, textarea):focus { border-color: rgba(139, 108, 255, 0.58); background: rgba(255, 255, 255, 0.07); box-shadow: 0 0 0 4px rgba(139, 108, 255, 0.11); }
.support-page .social-contact-card small { color: var(--dark-muted); }
.support-page footer { color: var(--dark-muted); border-top-color: var(--dark-line); background: var(--dark-canvas); }
.support-page .footer-brand strong { color: var(--dark-text); }

/* Asset center */
body.asset-workspace-page[data-workspace-theme="dark"] {
  --workspace-canvas: var(--dark-canvas);
  --workspace-surface: var(--dark-surface);
  --workspace-ink: var(--dark-text);
  --workspace-muted: var(--dark-muted);
  --workspace-line: var(--dark-line);
  color: var(--dark-text);
  background: var(--dark-canvas);
}
body.asset-workspace-page[data-workspace-theme="dark"] .asset-workspace { background: radial-gradient(circle at 78% 6%, rgba(91, 112, 255, 0.1), transparent 29%), var(--dark-canvas); }
body.asset-workspace-page[data-workspace-theme="dark"] :is(.workspace-topbar, .workspace-sidebar) { border-color: var(--dark-line); background: rgba(5, 8, 15, 0.86); backdrop-filter: blur(26px) saturate(145%); }
body.asset-workspace-page[data-workspace-theme="dark"] :is(.workspace-page-header, .workspace-card, .asset-card-grid article, .template-gallery article, .overview-metric-grid article, .team-summary-strip article, .account-metric-grid article, .api-metric-grid article, .workspace-dialog) {
  color: var(--dark-text);
  border-color: var(--dark-line);
  background: linear-gradient(145deg, var(--dark-surface-raised), rgba(8, 12, 21, 0.84));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 20px 54px rgba(0, 0, 0, 0.28);
}
body.asset-workspace-page[data-workspace-theme="dark"] :is(input, select, textarea, .workspace-search, .workspace-empty) { color: var(--dark-text); border-color: var(--dark-line); background: rgba(255, 255, 255, 0.04); }
body.asset-workspace-page[data-workspace-theme="dark"] :is(.workspace-table th, .workspace-table td) { border-color: var(--dark-line); }
body.asset-workspace-page .workspace-theme-toggle[hidden] { display: none; }

/* Local asset library */
body.local-assets-page[data-theme="dark"] {
  --ink: var(--dark-text);
  --muted: var(--dark-muted);
  --line: var(--dark-line);
  --canvas: var(--dark-canvas);
  --surface: var(--dark-surface);
  background: radial-gradient(circle at 82% 8%, rgba(94, 80, 224, 0.12), transparent 29%), var(--dark-canvas);
}
body.local-assets-page[data-theme="dark"] :is(.library-topbar, .library-sidebar) { border-color: var(--dark-line); background: rgba(5, 8, 15, 0.86); backdrop-filter: blur(24px) saturate(145%); }
body.local-assets-page[data-theme="dark"] :is(.library-hero, .library-toolbar, .library-results, .metadata-dialog, .root-dialog) {
  color: var(--dark-text);
  border-color: var(--dark-line);
  background: linear-gradient(145deg, var(--dark-surface-raised), rgba(8, 12, 21, 0.84));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 20px 54px rgba(0, 0, 0, 0.28);
}
body.local-assets-page[data-theme="dark"] :is(input, select, textarea, .library-search label, .root-download, .result-head) { color: var(--dark-text); border-color: var(--dark-line); background: rgba(255, 255, 255, 0.04); }
body.local-assets-page .icon-button[hidden] { display: none; }

/* Private admin */
body.admin-page {
  --ink: var(--dark-text);
  --muted: var(--dark-muted);
  --line: var(--dark-line);
  --surface: var(--dark-surface);
  color: var(--dark-text);
  background: radial-gradient(circle at 78% 6%, rgba(91, 130, 255, 0.18), transparent 32%), radial-gradient(circle at 14% 32%, rgba(139, 92, 246, 0.13), transparent 29%), var(--dark-canvas);
}
body.admin-page :is(.admin-login-card, .admin-header, .admin-panel, .release-form, .license-form, .license-policy-grid article, .message-summary-grid article, .message-toolbar, .message-card, .account-message-form, .activation-key-dialog, .message-detail-dialog, .overview-detail-dialog, .account-dialog) {
  color: var(--dark-text);
  border-color: var(--dark-line);
  background: linear-gradient(145deg, rgba(20, 25, 40, 0.9), rgba(8, 11, 19, 0.86));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 24px 68px rgba(0, 0, 0, 0.34);
  backdrop-filter: blur(26px) saturate(150%);
}
body.admin-page .admin-header::before,
body.admin-page .admin-login-card::before { opacity: 0.36; }
body.admin-page .admin-tabs { border-color: var(--dark-line); background: linear-gradient(139deg,rgba(36,40,50,.9),rgba(37,28,40,.88)); }
body.admin-page .admin-tabs button { color: var(--dark-muted); }
body.admin-page .admin-tabs button:hover { color: #fff; }
body.admin-page .admin-tabs button.active { color: #fff; background: linear-gradient(135deg,color-mix(in srgb,var(--tab-color) 82%,#272238),color-mix(in srgb,var(--tab-color) 48%,#111722)); box-shadow: inset 0 1px 0 rgba(255,255,255,.12),0 12px 30px color-mix(in srgb,var(--tab-color) 24%,transparent); }
body.admin-page :is(.admin-login-card h1, .admin-section-heading h2, .message-card h3, .message-card footer strong, .admin-table-wrap td, .admin-table-wrap strong, .release-product-switch strong) { color: var(--dark-text); }
body.admin-page :is(.admin-login-card p, .admin-section-heading p, .admin-hero p, .message-card > p, .message-card footer small, .message-card time, .admin-table-wrap th, .license-note, .form-status) { color: var(--dark-muted); }
body.admin-page :is(.admin-login label, .release-form label, .license-form-fields > label) { color: #c5cedd; }
body.admin-page :is(input, select, textarea, .release-file span, .license-form fieldset, .table-action, .release-history-toggle, .release-product-switch button) {
  color: var(--dark-text);
  border-color: var(--dark-line);
  background: rgba(255, 255, 255, 0.045);
}
body.admin-page :is(input, select, textarea):focus { border-color: rgba(139, 108, 255, 0.58); box-shadow: 0 0 0 4px rgba(139, 108, 255, 0.11); outline: none; }
body.admin-page :is(.admin-table-wrap, .license-table-wrap, .release-table-wrap, .overview-detail-table) { border-color: var(--dark-line); background: rgba(5, 8, 15, 0.4); }
body.admin-page table { color: var(--dark-text); border-color: var(--dark-line); }
body.admin-page :is(th, td) { border-color: var(--dark-line); }
body.admin-page thead { background: rgba(255, 255, 255, 0.045); }
body.admin-page tbody tr:hover { background: rgba(139, 108, 255, 0.055); }
body.admin-page .table-action.primary { color: #fff; border-color: rgba(139, 108, 255, 0.4); background: linear-gradient(135deg, #6f56e8, #322b72); }
body.admin-page dialog::backdrop { background: rgba(1, 3, 8, 0.76); backdrop-filter: blur(10px); }
body.admin-page .message-detail-heading h2,
body.admin-page .message-reply-heading h3 { color: var(--dark-text); }
body.admin-page :is(.message-detail-body, .message-detail-dialog dl > div, .message-reply-section, .message-reply-list article, .message-reply-empty) { color: var(--dark-text); border-color: var(--dark-line); background: rgba(255,255,255,.035); }
body.admin-page :is(.message-detail-body, .message-detail-dialog dd, .message-reply-list article p) { color: #cbd3e0; }
body.admin-page :is(.message-detail-dialog dt, .message-reply-heading small, .message-reply-list article time, .message-reply-list article small, .message-reply-form > div small) { color: var(--dark-muted); }
body.admin-page .message-reply-form label { color: #c5cedd; }
body.admin-page .message-copy-contact { color: var(--dark-text); border-color: var(--dark-line); background: rgba(255,255,255,.045); }
/* 订阅订单中心：收款码配置区全程黑色控件，白色文字 */
body.admin-page .payment-config-section { border-color: var(--dark-line); background: linear-gradient(145deg, rgba(20, 25, 40, 0.9), rgba(8, 11, 19, 0.86)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.045), 0 24px 68px rgba(0, 0, 0, 0.34); }
body.admin-page .payment-config-card { border-color: var(--dark-line); background: rgba(255, 255, 255, 0.045); }
body.admin-page .payment-config-card small { color: #b7a5ff; }
body.admin-page .payment-config-preview { border-color: rgba(255, 255, 255, 0.14); color: var(--dark-muted); background: rgba(5, 8, 15, 0.4); }
body.admin-page .payment-config-upload { color: var(--dark-text); border-color: var(--dark-line); background: rgba(255, 255, 255, 0.05); }
body.admin-page .payment-config-upload:hover { border-color: rgba(139, 108, 255, 0.46); box-shadow: 0 10px 22px rgba(0, 0, 0, 0.32); }
body.admin-page .status-chip.pending_payment { color: #f5c26b; background: rgba(245, 194, 107, 0.12); }
body.admin-page .status-chip.pending_confirm { color: #b7a5ff; background: rgba(139, 108, 255, 0.14); }
body.admin-page .status-chip.paid { color: #58e0a6; background: rgba(88, 224, 166, 0.12); }
body.admin-page .status-chip.cancelled { color: #ff9d8a; background: rgba(255, 137, 130, 0.12); }
/* 消息中心空态卡片：与面板同色系的深色虚线卡 */
body.admin-page .message-empty { border-color: rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.035); }

@media (hover: hover) {
  .cinema-home .trust-item:hover { border-color: rgba(139, 108, 255, 0.3); background: linear-gradient(145deg, rgba(27, 31, 48, 0.9), rgba(10, 13, 22, 0.84)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07), 0 24px 58px rgba(0, 0, 0, 0.34); transform: translateY(-4px); }
  .cinema-home .trust-item:hover::after { left: 118%; opacity: 1; }
  .contact-hub-group:hover { border-color: rgba(139, 108, 255, 0.22); }
  .support-page :is(.support-shortcut, .help-card, .social-contact-card):hover,
  .auth-page :is(.auth-proof-grid article, .auth-plan-grid article):hover { border-color: var(--dark-line-strong); transform: translateY(-3px); }
}

@media (max-width: 980px) {
  .cinema-home .contact-panel { grid-template-columns: 1fr; align-items: start; gap: 28px; }
  .cinema-home .contact-copy { max-width: 820px; }
  .cinema-home .contact-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .cinema-home .contact-card:first-child { grid-column: auto; min-height: 92px; }
  .cinema-home .contact-card { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 720px) {
  .cinematic-soft-aurora { opacity: 0.3; }
  .cinema-home .contact-panel { padding: 26px 18px; }
  .contact-hub-grid { margin-top: 0; }
  .contact-hub-group { padding: 0; }
  .cinema-home .contact-grid,
  .cinema-home .platform-showcase { grid-template-columns: 1fr; }
  .cinema-home .contact-card:first-child { grid-column: auto; }
  .cinema-home .contact-card { min-height: 0; flex-direction: row; align-items: center; }
  .cinema-home .platform-entry-site { grid-column: auto; }
  .cinema-home .platform-entry { min-height: 112px; align-items: center; }
  .cinema-home .home-social-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .support-page .help-hero-window { box-shadow: 0 26px 60px rgba(0, 0, 0, 0.42), 0 0 0 4px rgba(255, 255, 255, 0.035); }
}

@media (prefers-reduced-motion: reduce) {
  .cinematic-effect { opacity: 0.22; }
  .true-focus-global .true-focus-word { filter: none; opacity: 1; transform: none; transition: none; }
  .true-focus-global .true-focus-frame { display: none; }
  .cinema-home .trust-item::after { display: none; }
  .cinema-home .trust-item,
  .contact-hub-group,
  .support-page :is(.support-shortcut, .help-card, .social-contact-card),
  .auth-page :is(.auth-proof-grid article, .auth-plan-grid article) { transition: none; }
}