/* OperEase Starter Styles (Black + Gold) */
:root{
  --bg: #0B0B0F;
  --panel: #111216;
  --text: #E9E9EF;
  --muted: #B6B8BF;
  --border: #1A1B22;
  --gold: #D4AF37;
  --gold-2: #F2E6C5;
  --danger: #ff5c5c;
  --maxw: 1160px;
  --radius: 14px;
  --radius-sm: 10px;
  --shadow: 0 10px 40px rgba(0,0,0,.45);
  --glass-blur: 12px;
  --glass-bg: rgba(255,255,255,.06);
  --glass-border: rgba(255,255,255,.10);
  --elev-1: 0 8px 24px rgba(0,0,0,.25);
  --elev-2: 0 14px 46px rgba(0,0,0,.35);
  --ring: 0 0 0 3px rgba(212,175,55,.18);
  --role-maxw: 680px;
  color-scheme: dark;
}

*{ box-sizing: border-box; }
html,body{ height:100%; }
body{
  margin:0;
  background: radial-gradient(1200px 600px at 70% -10%, rgba(212,175,55,.08), transparent 60%) , var(--bg);
  color: var(--text);
  font: 17px/1.65 system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, Noto Sans, "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* === Preloader (Black Hole Intro) === */
.preloader{
  position: fixed;
  inset: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  background: radial-gradient(circle at 50% 30%, rgba(36,34,28,.28), rgba(5,5,7,.92) 65%, rgba(0,0,0,.98));
  z-index: 9999;
  transition: opacity .6s ease, visibility .6s ease;
  pointer-events: auto;
}
.preloader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.preloader-core{
  position:relative;
  width:220px;
  height:220px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.preloader-singularity{
  position:absolute;
  width:68px;
  height:68px;
  border-radius:50%;
  background: radial-gradient(circle at 40% 35%, rgba(120,120,120,.18), rgba(12,12,16,.85) 56%, rgba(0,0,0,1));
  box-shadow: inset 0 0 32px rgba(0,0,0,.9), 0 0 22px rgba(0,0,0,.65);
  animation: singularity-pulse 3.6s ease-in-out infinite;
}
.preloader-ring{
  position:absolute;
  inset:50%;
  transform: translate(-50%, -50%);
  border-radius:50%;
  mix-blend-mode: screen;
  filter: blur(.5px);
}
.preloader-ring--outer{
  width:200px;
  height:200px;
  background: conic-gradient(from 180deg, rgba(212,175,55,.02) 0%, rgba(212,175,55,.55) 40%, rgba(212,175,55,.04) 65%, rgba(212,175,55,.35) 100%);
  -webkit-mask: radial-gradient(circle, transparent 58%, #000 64%);
          mask: radial-gradient(circle, transparent 58%, #000 64%);
  animation: ring-spin 7s linear infinite;
}
.preloader-ring--inner{
  width:130px;
  height:130px;
  background: conic-gradient(from 0deg, rgba(212,175,55,.05) 0%, rgba(212,175,55,.4) 50%, rgba(212,175,55,.03) 100%);
  -webkit-mask: radial-gradient(circle, transparent 46%, #000 63%);
          mask: radial-gradient(circle, transparent 46%, #000 63%);
  animation: ring-spin 3.6s linear infinite reverse;
}
.preloader-accretion{
  position:absolute;
  width:240px;
  height:240px;
  border-radius:50%;
  background: radial-gradient(circle, rgba(90,70,40,.18), rgba(10,10,14,0) 60%);
  filter: blur(18px);
  opacity:.75;
  animation: accretion-pulse 5.5s ease-in-out infinite;
}
@keyframes ring-spin{
  from{ transform: translate(-50%, -50%) rotate(0deg); }
  to{ transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes accretion-pulse{
  0%,100%{ opacity:.65; transform: scale(1) translateZ(0); }
  45%{ opacity:.9; transform: scale(1.08); }
}
@keyframes singularity-pulse{
  0%,100%{ transform: scale(1); box-shadow: inset 0 0 34px rgba(0,0,0,.9), 0 0 24px rgba(0,0,0,.6); }
  50%{ transform: scale(1.08); box-shadow: inset 0 0 24px rgba(0,0,0,.7), 0 0 18px rgba(212,175,55,.25); }
}


.container{ width:min(100% - 28px, var(--maxw)); margin-inline:auto; }

/* Header */
.site-header{
  position: sticky; top:0; z-index: 50;
  background: linear-gradient(to bottom, rgba(11,11,15,.9), rgba(11,11,15,.7) 60%, transparent);
  backdrop-filter: saturate(1.2) blur(8px);
  border-bottom: 1px solid rgba(255,255,255,.04);
}
/* Scroll state */
.site-header.is-scrolled{ backdrop-filter: blur(calc(var(--glass-blur) + 2px)) saturate(1.35); box-shadow: 0 6px 20px rgba(0,0,0,.28); }
.header-inner{
  display:flex; align-items:center; gap:16px; padding:12px 0;
}
.brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:var(--text); }
.brand-name{ font-weight:700; letter-spacing:.2px; }
/* Brand icon */
.brand-icon{ display:block; background: transparent; }
.icon-adapt{ image-rendering: -webkit-optimize-contrast; object-fit: contain; background: transparent; border-radius: 0; mix-blend-mode: normal; }
.icon-adapt.is-whitebg{ mix-blend-mode: normal; }
.nav-toggle{
  display:none; flex-direction:column; gap:5px; background:none; border:0; cursor:pointer;
}
.nav-toggle-bar{ width:22px; height:2px; background:var(--text); display:block; }
.nav-menu{ display:flex; gap:18px; list-style:none; margin:0; padding:0; }
.nav-menu a{ color:var(--muted); text-decoration:none; padding:8px 10px; border-radius:8px; position:relative; background-image: linear-gradient(currentColor, currentColor); background-size: 0 2px; background-position: 0 100%; background-repeat: no-repeat; transition: color .15s ease, background-size .2s ease, transform .15s ease; }
.nav-menu a:hover{ color:var(--text); background:#0f1016; background-size:100% 2px; }
.nav-menu a:focus-visible{ outline:none; box-shadow: var(--ring); }

/* Hero */
.section{ padding: clamp(56px, 8vw, 96px) 0; }
.section-alt{ background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 60%), #0C0D12; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.section-head{ margin-bottom: 28px; }
.section-head h2{ font-size: clamp(22px, 3vw, 28px); margin:0 0 6px 0; letter-spacing:.2px; }
.section-head .muted{ margin:0; }

.hero{ position: relative; padding-top: 96px; }
.hero-inner{ display:grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap:42px; align-items:center; min-height: var(--hero-inner-minh, auto); }
.eyebrow{ color: var(--gold-2); letter-spacing: .4px; margin:0 0 8px; }
.hero h1{ font-size: clamp(30px, 6vw, 52px); line-height:1.05; margin:0 0 12px; letter-spacing: .1px; }
.subhead{ color: var(--muted); max-width: 62ch; }
.cta-row{ display:flex; gap:12px; margin: 18px 0; }
.hero-highlights{ display:flex; gap:18px; padding:0; margin: 8px 0 0; list-style:square; color:var(--gold-2); opacity:.9; }
/* Allow left grid item to shrink so the right column width stays fixed */
.hero-copy{ min-width: 0; }

.hero-visual{ display:none; }

/* Right-side big logo */
.hero-logo{ grid-column: 2; display:flex; align-items:center; justify-content:center; }
.hero-logo img{ width: min(420px, 42vw); height:auto; filter: drop-shadow(0 12px 40px rgba(0,0,0,.22)); animation: logo-reveal .8s ease .05s both; transform-origin: 50% 50%; }
@keyframes logo-reveal{ from{ opacity:0; transform: translateY(10px) scale(.98) rotate(-1.5deg); } to{ opacity:1; transform: none; } }

/* === Hero 角色滚动 === */
.hero-title-line1{ margin:0; font-size: clamp(28px, 5.2vw, 44px); line-height:1.04; letter-spacing:.2px; }
.hero-title-line2{ margin:4px 0 10px; font-size: clamp(24px, 4.8vw, 36px); line-height:1.2; color: var(--text); }
.role-inline{ color: var(--gold-2); display:inline-block; animation: slide-in .45s ease both; }
@keyframes slide-in{ from{ opacity:0; transform: translateY(8px); } to{ opacity:1; transform:none; } }

.role-card{
  margin: 14px 0 6px;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));
  border:1px solid var(--border);
  border-radius: var(--radius);
  padding: 16px;
  max-width: 720px;
  min-height: var(--role-card-minh, 180px);
  box-shadow: 0 8px 24px rgba(0,0,0,.25);
}
.role-aside{ grid-column: 2; align-self: start; }
.role-card-head{ display:flex; align-items:center; gap:8px; margin-bottom:6px; }
.role-badge{ display:inline-block; font-weight:600; letter-spacing:.4px; color: var(--gold-2); border:1px solid rgba(212,175,55,.6); padding: 2px 10px; border-radius: 999px; font-size: 13px; }
.role-what{ margin:6px 0 4px; color: var(--text); }
.role-how{ margin:0; color: var(--muted); }
.role-controls{ margin-top: 10px; display:flex; gap:10px; }

@media (max-width: 720px){
  .hero-title-line1{ font-size: clamp(28px, 9vw, 40px); }
  .hero-title-line2{ font-size: clamp(18px, 5.5vw, 22px); }
  .role-card{ padding: 14px; }
  .role-aside{ grid-column: 1; }
  .role-carousel{ width: 100%; }
}

/* === 角色轮盘 === */
.role-carousel{ margin:6px 0 8px; width: min(var(--role-maxw), 100%); }
.role-track{ list-style:none; margin:0; padding: 6px 4px; display:flex; gap:12px; overflow:hidden; width:100%; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.role-item{ padding: 6px 12px; border-radius:999px; border:1px solid var(--border); color: var(--muted); background: rgba(255,255,255,.03); white-space:nowrap; transition: transform .35s ease, opacity .35s ease, color .35s ease, border-color .35s ease, background .35s ease; opacity:.45; transform: scale(.92); cursor:pointer; }
.role-item.is-near{ opacity:.8; transform: scale(1); color: var(--text); }
.role-item.is-active{ opacity:1; transform: scale(1.08); color: var(--gold-2); border-color: rgba(212,175,55,.55); background: rgba(212,175,55,.08); }

/* Cards and grid */
.grid{ display:grid; gap:16px; }
.grid-4{ grid-template-columns: repeat(4, 1fr); }
.grid-3{ grid-template-columns: repeat(3, 1fr); }
.card{
  background: var(--glass-bg);
  border: 1px solid var(--glass-border);
  border-radius: var(--radius);
  padding: 18px 18px;
  box-shadow: var(--elev-1);
  backdrop-filter: blur(var(--glass-blur)) saturate(1.25);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease;
}
.card:hover{ transform: translateY(-2px); border-color: rgba(212,175,55,.35); box-shadow: var(--elev-2); }
.card:focus-within{ box-shadow: var(--elev-2), var(--ring); }
.card h3{ margin:0 0 6px; font-size:18px; }
.card p{ margin:0; color:var(--muted); max-width: 62ch; }

.badge{
  display:inline-block; padding:4px 10px; border:1px solid rgba(212,175,55,.5);
  border-radius:999px; color:var(--gold-2); font-size:12px; letter-spacing:.3px;
}

/* === Product features === */
.feature-grid{ display:grid; grid-template-columns: repeat(5, 1fr); gap:16px; }
.feature{
  position:relative; overflow:hidden; cursor:default;
  --rx: 0deg; --ry: 0deg; --mx: 50%; --my: 50%;
  transform: perspective(800px) rotateX(var(--rx)) rotateY(var(--ry));
  transition: transform .25s ease, box-shadow .2s ease;
}
.feature::before{
  content:""; position:absolute; inset:-1px;
  background: radial-gradient(220px 140px at var(--mx) var(--my), rgba(212,175,55,.22), transparent 60%);
  opacity:0; pointer-events:none; mix-blend-mode:soft-light; transition: opacity .2s ease;
}
.feature:hover::before{ opacity:.9; }
.feature h3{ font-size:18px; margin:0 0 4px; }
.feature .muted{ margin:0; }
.feature-icon{ color: var(--gold-2); width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; margin-bottom:6px; filter: drop-shadow(0 2px 8px rgba(212,175,55,.25)); }
.feature-extra{
  overflow:hidden; max-height:0; opacity:0; margin-top:10px;
  border-top: 1px solid var(--glass-border);
  background: linear-gradient(180deg, rgba(212,175,55,.06), rgba(255,255,255,0));
  transition: max-height .32s ease, opacity .2s ease, padding .2s ease;
  padding:0 0 0 0;
}
.feature.is-open .feature-extra{ opacity:1; padding:12px 0 10px 0; overflow: visible; }
.feature-more{
  position:absolute; right:10px; top:10px; width:26px; height:26px; border-radius:999px;
  border:1px solid rgba(212,175,55,.45); background: rgba(212,175,55,.08);
  color: var(--gold-2); cursor:pointer;
}
.feature-more::before{ content:"i"; display:block; font-weight:700; line-height:24px; text-align:center; }
@media (hover: hover){
  .feature-more{ opacity:.0; pointer-events:none; }
  .feature:hover .feature-more{ opacity:1; pointer-events:auto; }
}
@media (max-width: 1000px){
  .feature-grid{ grid-template-columns: 1fr 1fr 1fr; }
}
@media (max-width: 720px){
  .feature-grid{ grid-template-columns: 1fr; }
}

.roadmap{ display:grid; grid-template-columns: repeat(3, 1fr); gap:16px; }
.stage header{ margin-bottom:6px; }
.stage h3{ margin:6px 0 8px; }
.stage ul{ margin:0; padding-left:18px; color:var(--muted); }

/* CTA Form */
.section-cta{ background: linear-gradient(180deg, rgba(212,175,55,.06), rgba(255,255,255,.0)); border-top:1px solid var(--border); border-bottom:1px solid var(--border); }
.form{ max-width: 900px; margin-inline:auto; padding: 28px 32px 32px; border-radius: 22px; background: linear-gradient(135deg, rgba(255,255,255,.24), rgba(255,255,255,.05)); border: 1px solid rgba(212,175,55,.18); box-shadow: 0 18px 45px rgba(0,0,0,.22); }
.form-grid{ display:grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap:20px 28px; }
.field{ display:flex; flex-direction:column; gap:6px; }
.field-full{ grid-column: 1 / -1; }
.field > span{ font-size: 14px; font-weight:600; letter-spacing:.2px; color: var(--muted); }
.field input, .field select, .field textarea{
  background:#0E1016; color:var(--text); border:1px solid var(--border); border-radius: 12px;
  padding:12px 14px; outline: none; font: inherit; resize: vertical; min-height: 48px;
}
.field textarea{ line-height:1.5; min-height: 112px; }
.field input:focus, .field select:focus, .field textarea:focus{ border-color: rgba(212,175,55,.7); box-shadow: 0 0 0 3px rgba(212,175,55,.15); }
.field-hint{ font-size: 13px; color: var(--muted); opacity: .8; }
.form-actions{ margin-top: 24px; display:flex; align-items:center; gap:18px; flex-wrap: wrap; }
.form-actions-note{ font-size: 13px; }
.form-note{ margin:8px 0 0; }

/* Buttons */
.btn{ --pad: 11px 16px; display:inline-flex; align-items:center; gap:8px; padding:var(--pad);
  border-radius: 999px; text-decoration:none; cursor:pointer; white-space:nowrap; border:1px solid transparent; font-weight:600; letter-spacing:.2px; }
.btn-primary{
  background: linear-gradient(180deg, rgba(212,175,55,.36), rgba(212,175,55,.18));
  border-color: rgba(212,175,55,.65); color:#0b0b0f; position:relative;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.btn-primary::after{
  content:""; position:absolute; inset:0; border-radius:999px; box-shadow: inset 0 1px 0 rgba(255,255,255,.25);
}
.btn-primary:hover{ transform: translateY(-1px); }
.btn-primary::before{
  content:""; position:absolute; left:-30%; top:0; height:100%; width:30%; transform: skewX(-20deg);
  background: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.35), rgba(255,255,255,0));
  transition: transform .35s ease; border-radius:999px;
}
.btn-primary:hover::before{ transform: translateX(260%) skewX(-20deg); }
.btn-ghost{ color: var(--gold-2); border-color: rgba(212,175,55,.4); background: transparent; }
.btn-ghost:hover{ background: rgba(212,175,55,.08); }

/* Footer */
.site-footer{ padding: 36px 0; border-top: 1px solid var(--border); background: #0a0a0f; }
.footer-inner{ display:grid; grid-template-columns: 1fr auto; gap:16px; align-items:center; }
.footer-brand{ display:flex; gap:12px; align-items:center; }
.footer-nav{ display:flex; gap:16px; }
.footer-nav a{ color: var(--muted); text-decoration:none; }
.footer-nav a:hover{ color: var(--text); }
.small{ font-size: 12px; }
.muted{ color: var(--muted); }

/* Reveal animation */
.reveal{ opacity:0; transform: translateY(10px); }
.reveal.is-visible{ opacity:1; transform:none; transition: opacity .6s ease, transform .6s ease; }

/* Skip link */
.skip-link{
  position:absolute; left:-9999px; top:auto; width:1px; height:1px; overflow:hidden;
}
.skip-link:focus{
  left: 12px; top: 12px; width:auto; height:auto; background:#000; color:#fff;
  padding:8px 10px; border-radius:8px; z-index:100;
}

/* Responsive */
@media (max-width: 1000px){
  .hero-inner{ grid-template-columns: 1fr; }
  .hero-visual{ order:-1; height:260px; }
  .hero-logo{ display:none; }
  .grid-3{ grid-template-columns: 1fr 1fr; }
  .grid-4{ grid-template-columns: 1fr 1fr; }
  .roadmap{ grid-template-columns: 1fr; }
}

/* Light theme: adjust logo shadow subtly */
@media (prefers-color-scheme: light){
  .hero-logo img{ filter: drop-shadow(0 10px 36px rgba(10,10,20,.12)) brightness(1.02); }
}
@media (max-width: 720px){
  .nav-toggle{ display:flex; }
  .nav-menu{ position: absolute; right: 14px; top: 56px; background: #0e0f14; border:1px solid var(--border); padding:10px; border-radius: 12px; display:none; flex-direction:column; }
  .nav-menu.show{ display:flex; }
  .footer-inner{ grid-template-columns: 1fr; justify-items: start; }
  .grid-3{ grid-template-columns: 1fr; }
  .grid-4{ grid-template-columns: 1fr; }
  .form{ padding: 24px 20px 26px; border-radius: 18px; }
  .form-grid{ grid-template-columns: 1fr; gap:18px; }
  .form-actions{ flex-direction: column; align-items: stretch; gap:14px; }
  .form-actions .btn{ width:100%; justify-content:center; }
}
@media (prefers-reduced-motion: reduce){
  *{ animation: none !important; transition: none !important; }
}

/* Light (Day) mode: auto-adapt to system preference */
@media (prefers-color-scheme: light){
  :root{
    color-scheme: light;
    --bg: #F7F7FA;
    --panel: #FFFFFF;
    --text: #0F1115;
    --muted: #525665;
    --border: #E1E4EB;
    --gold-2: #8C7A35;
    --glass-bg: rgba(255,255,255,.65);
    --glass-border: rgba(15,17,22,.08);
    --elev-1: 0 8px 24px rgba(10,10,15,.08);
    --elev-2: 0 14px 46px rgba(10,10,15,.15);
  }
  body{
    background: radial-gradient(1200px 600px at 70% -10%, rgba(212,175,55,.15), transparent 60%) , var(--bg);
    color: var(--text);
  }
  .site-header{
    background: linear-gradient(to bottom, rgba(255,255,255,.9), rgba(255,255,255,.7) 60%, transparent);
    border-bottom-color: rgba(0,0,0,.06);
  }
  .nav-menu a:hover{ background:#F0F2F7; }
  .section-alt{ background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0) 60%), var(--panel); }
  .hero .subhead{ color: var(--muted); }
  .hero-highlights{ color: var(--gold-2); }
  .hero-visual{ height: 320px; }
  .glow{
    background:
      radial-gradient(420px 240px at 70% 30%, rgba(212,175,55,.30), transparent 60%),
      radial-gradient(640px 320px at 20% 90%, rgba(212,175,55,.16), transparent 60%);
    filter: blur(22px);
    opacity:.85;
  }
  .wf{ border-color: rgba(212,175,55,.35); background: rgba(255,255,255,.82); box-shadow: 0 10px 30px rgba(0,0,0,.10); }
  .badge{ border-color: rgba(212,175,55,.55); color: #6b5a20; }
  .section-cta{ background: linear-gradient(180deg, rgba(212,175,55,.08), rgba(0,0,0,0)); }
  .field input, .field select{ background:#FFFFFF; color:var(--text); border-color: var(--border); }
  .footer-nav a{ color: var(--muted); }
  .footer-nav a:hover{ color: var(--text); }
  .site-footer{ background:#F6F7FB; }
  @media (max-width: 720px){
    .nav-menu{ background:#FFFFFF; }
  }
}

/* Manual overrides (higher priority than system preference) */
:root[data-theme="light"]{
  color-scheme: light;
  --bg: #F7F7FA;
  --panel: #FFFFFF;
  --text: #0F1115;
  --muted: #525665;
  --border: #E1E4EB;
  --gold-2: #8C7A35;
  --glass-bg: rgba(255,255,255,.65);
  --glass-border: rgba(15,17,22,.08);
  --elev-1: 0 8px 24px rgba(10,10,15,.08);
  --elev-2: 0 14px 46px rgba(10,10,15,.15);
}
:root[data-theme="light"] body{
  background: radial-gradient(1200px 600px at 70% -10%, rgba(212,175,55,.15), transparent 60%) , var(--bg);
  color: var(--text);
}
:root[data-theme="light"] .site-header{
  background: linear-gradient(to bottom, rgba(255,255,255,.9), rgba(255,255,255,.7) 60%, transparent);
  border-bottom-color: rgba(0,0,0,.06);
}
:root[data-theme="light"] .nav-menu a:hover{ background:#F0F2F7; }
:root[data-theme="light"] .section-alt{ background: linear-gradient(180deg, rgba(0,0,0,.03), rgba(0,0,0,0) 60%), var(--panel); }
:root[data-theme="light"] .hero .subhead{ color: var(--muted); }
:root[data-theme="light"] .hero-highlights{ color: var(--gold-2); }
:root[data-theme="light"] .glow{
  background:
    radial-gradient(420px 240px at 70% 30%, rgba(212,175,55,.30), transparent 60%),
    radial-gradient(640px 320px at 20% 90%, rgba(212,175,55,.16), transparent 60%);
  filter: blur(22px);
  opacity:.85;
}
:root[data-theme="light"] .wf{ border-color: rgba(212,175,55,.35); background: rgba(255,255,255,.82); box-shadow: 0 10px 30px rgba(0,0,0,.10); }
:root[data-theme="light"] .badge{ border-color: rgba(212,175,55,.55); color:#6b5a20; }
:root[data-theme="light"] .section-cta{ background: linear-gradient(180deg, rgba(212,175,55,.08), rgba(0,0,0,0)); }
:root[data-theme="light"] .form{ background: linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.6)); border-color: rgba(212,175,55,.22); box-shadow: 0 18px 36px rgba(10,10,15,.1); }
:root[data-theme="light"] .field input, :root[data-theme="light"] .field select, :root[data-theme="light"] .field textarea{ background:#FFFFFF; color:var(--text); border-color: var(--border); }
:root[data-theme="dark"] .btn-primary{
  background: linear-gradient(180deg, rgba(212,175,55,.48), rgba(212,175,55,.28));
  border-color: rgba(212,175,55,.75);
  color: #080604;
}
:root[data-theme="light"] .footer-nav a{ color: var(--muted); }
:root[data-theme="light"] .footer-nav a:hover{ color: var(--text); }
:root[data-theme="light"] .site-footer{ background:#F6F7FB; }
@media (max-width: 720px){
  :root[data-theme="light"] .nav-menu{ background:#FFFFFF; }
}

:root[data-theme="light"] .hero-logo img{ filter: drop-shadow(0 10px 36px rgba(10,10,20,.12)) brightness(1.02); }

:root[data-theme="dark"]{ color-scheme: dark; --glass-bg: rgba(255,255,255,.06); --glass-border: rgba(255,255,255,.10); --elev-1: 0 8px 24px rgba(0,0,0,.25); --elev-2: 0 14px 46px rgba(0,0,0,.35); }
:root[data-theme="dark"] body{
  background: radial-gradient(1200px 600px at 70% -10%, rgba(212,175,55,.08), transparent 60%) , var(--bg);
  color: var(--text);
}
:root[data-theme="dark"] .site-header{
  background: linear-gradient(to bottom, rgba(11,11,15,.9), rgba(11,11,15,.7) 60%, transparent);
  border-bottom: 1px solid rgba(255,255,255,.04);
}
:root[data-theme="dark"] .nav-menu a:hover{ background:#0f1016; }
:root[data-theme="dark"] .section-alt{ background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0) 60%), #0C0D12; }
:root[data-theme="dark"] .hero .subhead{ color: var(--muted); }
:root[data-theme="dark"] .hero-highlights{ color: var(--gold-2); }
:root[data-theme="dark"] .glow{
  background:
    radial-gradient(400px 220px at 70% 30%, rgba(212,175,55,.25), transparent 60%),
    radial-gradient(600px 300px at 20% 90%, rgba(212,175,55,.12), transparent 60%);
  filter: blur(18px);
  opacity:.9;
}
:root[data-theme="dark"] .wf{ border-color: rgba(212,175,55,.25); background:rgba(19,19,25,.35); box-shadow: var(--shadow); }
:root[data-theme="dark"] .badge{ border-color: rgba(212,175,55,.5); color:var(--gold-2); }
:root[data-theme="dark"] .section-cta{ background: linear-gradient(180deg, rgba(212,175,55,.06), rgba(255,255,255,.0)); }
:root[data-theme="dark"] .field input, :root[data-theme="dark"] .field select{ background:#0E1016; color:var(--text); border-color:var(--border); }
:root[data-theme="dark"] .footer-nav a{ color: var(--muted); }
:root[data-theme="dark"] .footer-nav a:hover{ color: var(--text); }
:root[data-theme="dark"] .site-footer{ background: #0a0a0f; }
@media (max-width: 720px){
  :root[data-theme="dark"] .nav-menu{ background:#0e0f14; }
}

/* (AI 动画样式已移除) */