:root{
  /* 【T-124 · 蓝白品牌配色】首页整体从紫系切换为品牌蓝白（与 logo.svg 的 #409eff 同源）。
     层次：--brand 图标/边框/选中描边；--brand-deep/--brand-text 用于白字按钮与渐变文字
     —— #409eff 压白字只有约 2.6:1，不能直接做按钮底或渐变的亮端大面积用色；
     --brand-tint 选中态/图标浅蓝底；--brand-soft ambient 光斑。 */
  --brand:#409eff;
  --brand-deep:#1d6fc4;
  --brand-text:#1667d9;
  --brand-tint:#ecf6ff;
  --brand-soft:#8ec5ff;
  --violet:#6d28d9;
  --violet-2:#8e2de2;
  --indigo:#5d75f6;
  --cyan:#1ec8da;
  --ink:#2c3e50;
  --text:#596a7d;
  --soft:#f8f9fc;
  --field:#f2f3f5;
  --line:#e5e7eb;
  --glass:rgba(255,255,255,.65);
  --glass-border:rgba(255,255,255,.8);
  --glass-shadow:0 8px 32px rgba(23,92,180,.07);
  --font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--soft)}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
button{cursor:pointer}
.landing{position:relative;min-height:100vh;overflow:hidden;background:#f8f9fc}
.ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.blob{position:absolute;border-radius:50%;filter:blur(88px);opacity:.22}
.blob-a{width:600px;height:600px;left:-180px;top:60px;background:#8ec5ff}
.blob-b{width:560px;height:560px;right:-190px;top:420px;background:#a8d8ff}
.blob-c{width:520px;height:520px;left:35%;top:2350px;background:#d6e9ff}
.landing main,.landing-nav,.site-footer{position:relative;z-index:1}

.landing-nav{position:fixed;inset:0 0 auto;height:80px;padding:20px 24px;z-index:20;backdrop-filter:blur(18px);background:rgba(248,249,252,.78);border-bottom:1px solid rgba(255,255,255,.55)}
.nav-inner{width:min(1200px,100%);height:40px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:12px;font-size:21px;font-weight:750;letter-spacing:.2px}
/* 【2026-09-24】图标换成自有 brand/logo.svg 后：
   - object-fit 由 cover 改 contain：矢量方形图标不需要裁切，cover 在极端宽高比下会切掉图形；
   - 投影由紫色 rgba(74,0,224) 改成与品牌色同系的蓝：那圈紫是给千秋付的 Logo 配的，
     换成蓝色方块后会在四周留一圈不相干的紫晕。 */
.brand img{width:40px;height:40px;object-fit:contain;border-radius:12px;box-shadow:0 6px 16px rgba(64,158,255,.28)}
.nav-actions{display:flex;align-items:center;gap:20px}
.nav-divider{width:1px;height:24px;background:#e5e7eb}
.nav-link{font-size:15px;font-weight:600;color:#4b5563;padding:8px 4px}
.nav-link:hover{color:var(--brand-deep)}
.pill-button{min-width:152px;height:48px;padding:0 32px;border:0;border-radius:999px;background:linear-gradient(135deg,#1d6fc4 0%,#1667d9 100%);box-shadow:0 10px 20px -10px rgba(23,92,180,.55);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:650;font-size:16px;transition:transform .2s,box-shadow .2s,filter .2s}
.pill-button:hover{transform:translateY(-2px);box-shadow:0 14px 24px -10px rgba(23,92,180,.6);filter:brightness(1.12)}
.pill-button.small{height:36px;min-width:104px;padding:0 24px;font-size:14px}
.pill-button.large{height:58px;min-width:204px;font-size:17px}
.pill-button.secondary{background:#fff;color:var(--brand-deep);box-shadow:0 4px 15px rgba(23,92,180,.10)}
.play{font-size:11px;width:18px;height:18px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;padding-left:1px}

.hero{min-height:780px;padding:180px 20px 100px}
.hero-grid{max-width:1200px;min-height:500px;margin:auto;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(320px,.9fr);gap:60px;align-items:center}
.eyebrow{display:inline-block;margin-bottom:24px;padding:8px 16px;border:1px solid rgba(64,158,255,.28);border-radius:30px;background:var(--brand-tint);color:var(--brand-deep);font-size:14px;font-weight:650}
.hero-copy h1{font-size:clamp(48px,5.72vw,64px);line-height:1.1;letter-spacing:-2px;margin:0 0 24px;font-weight:820}
.hero-copy h1 span{background:linear-gradient(135deg,#1d6fc4,#2f8ae8);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-copy>p{max-width:650px;margin:0 0 40px;color:var(--text);font-size:18px;line-height:1.8}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.hero-art{height:500px;position:relative;display:grid;place-items:center}
.hero-halo{position:absolute;width:380px;height:500px;border-radius:50%;background:rgba(255,255,255,.86);filter:drop-shadow(0 16px 34px rgba(23,92,180,.10))}
/* 【2026-09-24】原规格（380px 圆形 + mix-blend-mode:multiply）是照着千秋付那张
   **方形照片 Logo** 量出来的：圆形裁切是为了把方图裁成圆徽，multiply 是为了让白底
   照片融进后面的白色光晕。自有图标是矢量方块、自带圆角与透明背景，
   再套圆形裁切会把四个圆角切掉、multiply 只会让品牌蓝被背景压暗 —— 两处都失去原意。
   改成「保留圆角方块 + 品牌色投影」：与导航、登录页、favicon 是同一个图形。 */
.hero-logo{position:relative;width:340px;height:340px;object-fit:contain;border-radius:76px;filter:drop-shadow(0 18px 34px rgba(64,158,255,.30))}
.float-card{position:absolute;display:flex;align-items:center;gap:15px;min-width:182px;height:70px;padding:15px 22px;border-radius:20px;background:rgba(255,255,255,.9);box-shadow:0 10px 40px rgba(0,0,0,.1);backdrop-filter:blur(10px)}
.float-card b,.float-card small{display:block;white-space:nowrap}.float-card b{font-size:14px}.float-card small{font-size:12px;color:#83909e;margin-top:4px}
.float-left{left:-30px;top:95px}.float-right{right:-20px;bottom:75px}
.float-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:22px}
.float-icon.purple{background:linear-gradient(135deg,#8ec5ff,#409eff)}.float-icon.cyan{background:linear-gradient(135deg,#5eead4,#0ea5e9)}

.glass{background:var(--glass);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(16px)}
/* 【T-124】stats 质感对齐千秋付：白实底卡片（覆盖 .glass 的半透明毛玻璃），
   淡蓝白渐变增加层次，数字渐变同按钮深蓝端保证对比度。 */
.stats{max-width:1000px;min-height:165px;margin:-60px auto 100px;padding:40px;border-radius:24px;display:flex;justify-content:space-around;align-items:center;background:linear-gradient(180deg,#ffffff,#f3f9ff);border:1px solid #e3eefc;box-shadow:0 18px 44px rgba(23,92,180,.10)}
.stats>div{text-align:center;min-width:180px}.stats strong{display:block;font-size:42px;font-weight:820;background:linear-gradient(135deg,#1d6fc4,#2f8ae8);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:8px}.stats span{color:#596a7d;font-size:14px}.stats i{width:1px;height:54px;background:rgba(64,120,190,.16)}

.features{padding:80px 20px}
.section-head{text-align:center;margin:0 auto 70px}.section-head>span{display:block;color:var(--brand-deep);font-weight:760;font-size:13px;letter-spacing:2.2px;margin-bottom:10px}.section-head h2{font-size:36px;margin:0 0 16px;line-height:1.45}.section-head p{font-size:18px;color:#667085;margin:0}
.feature-grid{width:min(1200px,100%);margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.feature-card{min-height:288px;padding:40px;border-radius:24px;transition:transform .25s,box-shadow .25s}
.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 44px rgba(23,92,180,.13)}
.feature-icon{width:64px;height:64px;margin-bottom:24px;border-radius:20px;background:var(--brand-tint);display:grid;place-items:center;box-shadow:0 10px 20px rgba(23,92,180,.06);font-size:28px;font-weight:700}
/* 【T-124】六张特性卡图标由彩虹色统一为蓝系梯度：类名保留（HTML 不动），色值按
   「亮蓝→深蓝→天蓝→藏蓝」排布，保证蓝白整体感又留出卡片间微差。 */
.feature-icon.purple{color:#2f8ae8}.feature-icon.indigo{color:#1d6fc4}.feature-icon.pink{color:#1667d9}.feature-icon.cyan{color:#0ea5e9}.feature-icon.orange{color:#2563eb}.feature-icon.red{color:#1e5fc2}
.feature-card h3{font-size:20px;margin:0 0 12px}.feature-card p{margin:0;color:#64748b;line-height:1.72;font-size:15px}

.demo{padding:80px 20px}
.demo-panel{width:min(760px,100%);margin:auto;border-radius:24px;padding:42px}
.demo-head{display:flex;align-items:center;gap:18px;margin-bottom:34px}.demo-head h2{font-size:30px;margin:0 0 5px}.demo-head p{margin:0;color:#7a8798}.demo-orb{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#1d6fc4,#1667d9);color:#fff;font-size:24px;box-shadow:0 10px 24px rgba(23,92,180,.25)}
.field-title{font-size:15px;font-weight:680;margin:26px 0 12px}
.option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.option,.amount{position:relative;min-height:84px;border:1px solid #e5e7eb;border-radius:20px;background:#fff;color:#111827;padding:18px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;text-align:left;transition:.2s}
.option span{font-size:12px;color:#8b95a5}.option b{font-size:16px}.option:hover,.amount:hover{border-color:#8fc3ff}.option.active,.amount.active{border-color:var(--brand);background:var(--brand-tint);box-shadow:0 0 0 1px var(--brand) inset}.option.disabled{opacity:.52;cursor:not-allowed}
.amount{align-items:center;text-align:center}.amount b{font-size:20px}.amount em{position:absolute;right:12px;top:10px;font-size:10px;font-style:normal;color:var(--brand-text);background:#dbeafe;padding:2px 6px;border-radius:999px}.amount.active b{color:var(--brand-text)}
.money-label{display:block;font-size:14px;font-weight:650;margin:26px 0 8px}.money-input{height:50px;display:flex;align-items:center;background:var(--field);border-radius:8px;padding:0 15px;gap:8px}.money-input span{color:#6b7280}.money-input input{border:0;outline:0;background:transparent;width:100%;font-size:15px;color:#303133}
.demo-cta{height:60px;margin-top:24px;border-radius:20px;background:linear-gradient(135deg,#1d6fc4,#1667d9);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:680;font-size:16px}.demo-notes{display:flex;justify-content:space-between;color:#64748b;font-size:13px;padding-top:24px}

.cta{padding:100px 20px}.cta-card{max-width:900px;margin:auto;text-align:center;border-radius:24px;padding:40px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(233,244,255,.92))}.cta-card h2{font-size:40px;margin:0 0 18px}.cta-card p{font-size:18px;color:#667085;margin:0 0 40px}.site-footer{margin-top:100px;padding:64px max(24px,calc((100% - 1200px)/2)) 40px;background:#fff;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.footer-brand{font-size:18px}.footer-brand img{width:32px;height:32px;border-radius:9px}.site-footer p{color:#8a94a3;font-size:14px;margin:18px 0 0}.footer-links{display:flex;gap:28px;color:#6b7280;font-size:14px}.footer-links a:hover{color:var(--brand-deep)}

/* 登录 / 注册：重新实测于 2026-09-23，桌面 1120×920。 */
.auth-body{min-height:100vh;background:#fff}
.auth-page{min-height:100vh;display:flex}
.auth-side{position:relative;flex:0 0 min(600px,54vw);min-height:100vh;background:#1f2937 url("auth-side.jpg") center/cover no-repeat;padding:80px;color:#fff;display:flex;align-items:flex-end}
.auth-side::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.26))}
.auth-home{position:absolute;left:48px;top:38px;z-index:1;color:rgba(255,255,255,.86);font-size:14px;padding:9px 14px;border:1px solid rgba(255,255,255,.28);border-radius:999px;backdrop-filter:blur(8px)}
.auth-side-copy{position:relative;z-index:1}.auth-side-copy h1{font-size:48px;font-weight:620;letter-spacing:-1px;margin:0 0 16px;text-shadow:0 3px 10px rgba(0,0,0,.35)}.auth-side-copy p{font-size:20px;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.42)}
.auth-main{flex:1;min-width:420px;min-height:100vh;padding:40px;display:flex;align-items:center;justify-content:center;background:#fff}
.auth-box{width:400px;max-width:100%}
.auth-brand{height:120px;margin-bottom:40px;display:flex;align-items:center;justify-content:center}.register-form~*{display:none}.auth-brand img{width:120px;height:120px;object-fit:contain;border-radius:24px;padding:20px}.auth-brand h2{font-size:24px;margin:0;font-weight:730}
.register-mode .auth-brand{height:173px;flex-direction:column}.register-mode .auth-brand h2{font-size:28px;font-weight:620;margin:16px 0 0}
.auth-form[hidden]{display:none}.auth-form{width:100%}.auth-field{margin-bottom:24px}.auth-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.auth-field input{width:100%;height:50px;border:0;outline:0;border-radius:8px;background:var(--field);padding:0 15px;font-size:15px;color:#303133;transition:box-shadow .2s,background .2s}.auth-field input:focus{background:#fff;box-shadow:0 0 0 1px var(--indigo)}.auth-field input:disabled{cursor:not-allowed;color:#a8abb2}
.auth-options{height:40px;margin-bottom:32px;display:flex;align-items:center;justify-content:space-between;font-size:14px}.auth-options a,.auth-switch a{color:#409eff}.remember{display:flex;align-items:center;gap:8px;color:#4b5563}.remember input{width:15px;height:15px}
.auth-submit{width:100%;height:48px;border:1px solid var(--indigo);border-radius:8px;background:var(--indigo);color:#fff;font-size:16px;font-weight:560}.auth-submit:hover{background:#4f67ec}.auth-submit:disabled{opacity:.65;cursor:wait}
.auth-error{min-height:20px;margin:8px 0 0;color:#e5484d;font-size:13px;text-align:center}.auth-switch{text-align:center;margin-top:6px;font-size:14px}.auth-switch a{font-weight:550;margin-left:8px}.other-login{margin-top:60px;text-align:center;color:#a0a7b1;font-size:13px}.other-login>span{display:flex;align-items:center;gap:12px}.other-login>span::before,.other-login>span::after{content:"";height:1px;background:#eceef2;flex:1}.other-login button{width:40px;height:40px;margin-top:22px;border:1px solid #e1e4e8;border-radius:50%;background:#fff;color:#6b7280}
#login-code-step[hidden]{display:none}#login-code-step .auth-hint{font-size:13px;color:#7a8493;line-height:1.6;margin:12px 0 20px}.auth-text-button{display:block;border:0;background:none;color:#409eff;margin:14px auto 0;cursor:pointer}
.auth-form.code-required>#login-user,.auth-form.code-required>#login-password{display:none}.auth-form.code-required>.auth-field,.auth-form.code-required>.auth-options,.auth-form.code-required>.auth-submit{display:none}
.register-form .auth-field{margin-bottom:24px}.register-form .auth-hint{margin:-7px 0 7px;color:#8b95a5;font-size:12px;line-height:1.55}.code-row{display:grid;grid-template-columns:1fr 120px;gap:12px;align-items:start}.code-row .auth-field{margin-bottom:24px}.code-row>button{height:40px;margin-top:5px;border:1px solid #dcdfe6;border-radius:4px;background:#f2f3f5;color:#606266;font-size:14px}.code-row>button:disabled{cursor:not-allowed;opacity:.85}
.register-form+.auth-switch{margin-top:16px}
.auth-field{position:relative}.auth-field .field-tip{display:block;margin-top:6px;font-size:12px;line-height:1.4;color:#9aa1ad}
.auth-field .field-tip:empty{display:none}
.auth-field .field-tip.ok{color:#10b981}.auth-field .field-tip.bad{color:#e5484d}
.pw-wrap{position:relative;display:flex;align-items:center}.pw-wrap input{padding-right:72px}
.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#eef1fb;color:#5b6ef5;font-size:12px;line-height:1;padding:7px 10px;border-radius:6px;cursor:pointer;transition:background .15s}
.pw-toggle:hover{background:#e2e7fa}
.pw-strength{display:none;gap:6px;margin-top:10px}
.pw-strength span{height:4px;flex:1;border-radius:2px;background:#e6e8ee;transition:background .2s}
.pw-strength span.lv1,.pw-strength span.lv2{background:#f59e0b}.pw-strength span.lv3,.pw-strength span.lv4{background:#10b981}
.auth-success{margin:2px 0 14px;padding:10px 14px;border-radius:8px;background:#ecfdf3;border:1px solid #a7f3d0;color:#047857;font-size:14px;text-align:center}
.auth-success[hidden]{display:none}

@media(max-width:980px){
  .hero{padding-top:140px}.hero-grid{grid-template-columns:1fr;gap:30px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-art{height:420px}.hero-logo{width:330px;height:330px}.hero-halo{width:360px;height:400px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{margin-left:20px;margin-right:20px}.auth-side{flex-basis:44vw;padding:48px}.auth-main{min-width:0}.auth-side-copy h1{font-size:40px}
}
@media(max-width:720px){
  .landing-nav{padding:16px 18px;height:72px}.nav-inner{height:40px}.brand span{font-size:18px}.brand img{width:36px;height:36px}.nav-divider{display:none}.nav-actions{gap:12px}.nav-link{font-size:14px}.pill-button.small{min-width:94px;padding:0 18px}
  .hero{padding:128px 18px 70px}.hero-copy h1{font-size:44px;letter-spacing:-1px}.hero-copy>p{font-size:16px}.hero-art{height:360px}.hero-logo{width:270px;height:270px}.hero-halo{width:300px;height:340px}.float-card{transform:scale(.82)}.float-left{left:-16px}.float-right{right:-16px}
  .stats{min-height:auto;margin-top:-20px;padding:28px 18px;flex-direction:column;gap:26px}.stats>div{min-width:0}.stats i{width:70%;height:1px}.stats strong{font-size:36px}
  .features,.demo,.cta{padding:64px 18px}.section-head h2{font-size:30px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.demo-panel{padding:28px 18px}.option-grid{grid-template-columns:1fr}.amount-options{grid-template-columns:repeat(2,1fr)}.demo-notes{font-size:12px}.cta-card h2{font-size:32px}.site-footer{margin-top:30px;align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap}
  .auth-side{display:none}.auth-main{padding:28px 22px;min-width:0}.auth-box{width:400px}.auth-brand{height:auto;margin-bottom:32px;flex-direction:column}.auth-brand img{width:88px;height:88px;padding:14px}.auth-brand h2{font-size:25px}.other-login{margin-top:44px}
}
@media(max-width:420px){.nav-actions .nav-link{display:none}.hero-copy h1{font-size:38px}.hero-actions .pill-button{width:100%}.hero-art{height:320px}.float-left{left:-45px}.float-right{right:-45px}.demo-head{align-items:flex-start}.demo-head h2{font-size:25px}.auth-main{padding:24px 18px}.code-row{grid-template-columns:1fr 108px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill-button,.feature-card{transition:none}}


/* ================================================================
   【T-093 · 2026-09-26】公开站点暗色支持
   ----------------------------------------------------------------
   审计：本文件原先 data-theme / prefers-color-scheme 均为 0 次，
   首页与登录页在暗色系统下仍是全白，夜间访问刺眼。
   公开站点无主题切换按钮，故以系统偏好为主通道，data-theme 为备用。
   ================================================================ */
html[data-theme="dark"],
html[data-theme="dark"] body{
  --ink:#e8eaf0;
  --text:#b6bcc9;
  --soft:#121316;
  --field:#24262b;
  --line:#3a3d44;
  --glass:rgba(32,34,39,.66);
  --glass-border:rgba(255,255,255,.09);
  --glass-shadow:0 8px 32px rgba(0,0,0,.42);
  background:#121316;color:var(--ink)
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --ink:#e8eaf0;--text:#b6bcc9;--soft:#121316;--field:#24262b;--line:#3a3d44;
    --glass:rgba(32,34,39,.66);--glass-border:rgba(255,255,255,.09);
    --glass-shadow:0 8px 32px rgba(0,0,0,.42)
  }
  :root:not([data-theme="light"]) body{background:#121316;color:var(--ink)}
  :root:not([data-theme="light"]) .landing{background:#121316}
  :root:not([data-theme="light"]) .landing-nav{
    background:rgba(18,19,22,.8);border-bottom-color:rgba(255,255,255,.07)}
  :root:not([data-theme="light"]) .nav-divider{background:#3a3d44}
  :root:not([data-theme="light"]) .nav-link{color:var(--text)}
  :root:not([data-theme="light"]) .brand,
  :root:not([data-theme="light"]) .auth-brand h2{color:var(--ink)}
  :root:not([data-theme="light"]) .hero-copy>p,
  :root:not([data-theme="light"]) .section-head p,
  :root:not([data-theme="light"]) .demo-head p,
  :root:not([data-theme="light"]) .cta-card p,
  :root:not([data-theme="light"]) .site-footer p,
  :root:not([data-theme="light"]) .demo-notes,
  :root:not([data-theme="light"]) .footer-links{color:var(--text)}
  :root:not([data-theme="light"]) .hero-copy h1{color:var(--ink)}
  :root:not([data-theme="light"]) .hero-halo{
    background:rgba(255,255,255,.06);filter:drop-shadow(0 16px 34px rgba(0,0,0,.4))}
  :root:not([data-theme="light"]) .float-card{
    background:rgba(38,40,46,.9);box-shadow:0 10px 40px rgba(0,0,0,.45)}
  :root:not([data-theme="light"]) .float-card b{color:var(--ink)}
  :root:not([data-theme="light"]) .float-card small{color:var(--text)}
  :root:not([data-theme="light"]) .stats span{color:var(--text)}
  :root:not([data-theme="light"]) .stats i{background:rgba(255,255,255,.1)}
  /* 【T-124】暗色下 stats 白渐变底改深蓝玻璃、渐变文字/eyebrow/选中金额改亮蓝，
     避免暗色白块与深蓝字压深底（#1d6fc4 on dark 仅约 2.6:1）。 */
  :root:not([data-theme="light"]) .stats{
    background:linear-gradient(180deg,rgba(32,40,52,.92),rgba(24,42,66,.92));
    border-color:rgba(255,255,255,.08);box-shadow:0 18px 44px rgba(0,0,0,.4)}
  :root:not([data-theme="light"]) .stats strong,
  :root:not([data-theme="light"]) .hero-copy h1 span{
    background-image:linear-gradient(135deg,#79bbff,#409eff)}
  :root:not([data-theme="light"]) .eyebrow{
    background:rgba(64,158,255,.14);border-color:rgba(64,158,255,.32);color:#79bbff}
  :root:not([data-theme="light"]) .amount.active b{color:#79bbff}
  :root:not([data-theme="light"]) .section-head>span{color:#79bbff}
  :root:not([data-theme="light"]) .feature-card h3,
  :root:not([data-theme="light"]) .demo-head h2,
  :root:not([data-theme="light"]) .section-head h2,
  :root:not([data-theme="light"]) .cta-card h2{color:var(--ink)}
  :root:not([data-theme="light"]) .feature-card p{color:var(--text)}
  :root:not([data-theme="light"]) .feature-icon{
    background:#26282e;color:#79bbff;box-shadow:0 10px 20px rgba(0,0,0,.35)}
  :root:not([data-theme="light"]) .option,
  :root:not([data-theme="light"]) .amount{
    background:#1c1e22;border-color:var(--line);color:var(--ink)}
  :root:not([data-theme="light"]) .option span{color:var(--text)}
  :root:not([data-theme="light"]) .option.active,
  :root:not([data-theme="light"]) .amount.active{
    background:#12233d;border-color:#409eff;color:var(--ink)}
  :root:not([data-theme="light"]) .money-input{background:var(--field)}
  :root:not([data-theme="light"]) .money-input input{color:var(--ink)}
  :root:not([data-theme="light"]) .cta-card{
    background:linear-gradient(135deg,rgba(32,40,52,.92),rgba(24,42,66,.92))}
  :root:not([data-theme="light"]) .site-footer{
    background:#17181b;border-top:1px solid rgba(255,255,255,.06)}
  :root:not([data-theme="light"]) .auth-body,
  :root:not([data-theme="light"]) .auth-main{
    background:#121316;color:var(--ink)}
  :root:not([data-theme="light"]) .auth-box{color:var(--ink)}
  :root:not([data-theme="light"]) .auth-field label{color:var(--text)}
  :root:not([data-theme="light"]) .auth-field input{
    background:var(--field);color:var(--ink)}
  :root:not([data-theme="light"]) .auth-field input:focus{background:#2b2e34}
  :root:not([data-theme="light"]) .auth-field input:disabled{color:#6b6f76}
  :root:not([data-theme="light"]) .code-row>button{
    background:#24262b;border-color:var(--line);color:var(--text)}
  :root:not([data-theme="light"]) .pw-toggle{background:#2a2d3a;color:#79bbff}
  :root:not([data-theme="light"]) .pw-toggle:hover{background:#32364a}
  :root:not([data-theme="light"]) .pw-strength span{background:#3a3d44}
  :root:not([data-theme="light"]) .auth-switch,
  :root:not([data-theme="light"]) .auth-options{color:var(--text)}
  :root:not([data-theme="light"]) .other-login{color:#7b818c}
  :root:not([data-theme="light"]) .other-login>span::before,
  :root:not([data-theme="light"]) .other-login>span::after{background:#2e3138}
  :root:not([data-theme="light"]) .register-form .auth-hint,
  :root:not([data-theme="light"]) #login-code-step .auth-hint{color:#8a909b}
  :root:not([data-theme="light"]) .auth-success{
    background:#16251a;border-color:#2f5233;color:#7fd08f}
  :root:not([data-theme="light"]) .auth-error{color:#f87171}
  :root:not([data-theme="light"]) .pill-button.secondary{
    background:#26282e;color:#8cc5ff;box-shadow:0 4px 15px rgba(0,0,0,.3)}
}

/* data-theme="dark" 显式通道（将来公开页加切换按钮时直接可用） */
html[data-theme="dark"] .landing{background:#121316}
html[data-theme="dark"] .landing-nav{
  background:rgba(18,19,22,.8);border-bottom-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .nav-divider{background:#3a3d44}
html[data-theme="dark"] .nav-link{color:var(--text)}
html[data-theme="dark"] .hero-copy>p,
html[data-theme="dark"] .section-head p,
html[data-theme="dark"] .demo-head p,
html[data-theme="dark"] .cta-card p,
html[data-theme="dark"] .site-footer p,
html[data-theme="dark"] .demo-notes,
html[data-theme="dark"] .footer-links{color:var(--text)}
html[data-theme="dark"] .hero-halo{
  background:rgba(255,255,255,.06);filter:drop-shadow(0 16px 34px rgba(0,0,0,.4))}
html[data-theme="dark"] .float-card{
  background:rgba(38,40,46,.9);box-shadow:0 10px 40px rgba(0,0,0,.45)}
html[data-theme="dark"] .stats i{background:rgba(255,255,255,.1)}
/* 【T-124】暗色覆盖（与 prefers 通道同款）：stats 深蓝玻璃底 + 亮蓝渐变字。 */
html[data-theme="dark"] .stats{
  background:linear-gradient(180deg,rgba(32,40,52,.92),rgba(24,42,66,.92));
  border-color:rgba(255,255,255,.08);box-shadow:0 18px 44px rgba(0,0,0,.4)}
html[data-theme="dark"] .stats strong,
html[data-theme="dark"] .hero-copy h1 span{
  background-image:linear-gradient(135deg,#79bbff,#409eff)}
html[data-theme="dark"] .eyebrow{
  background:rgba(64,158,255,.14);border-color:rgba(64,158,255,.32);color:#79bbff}
html[data-theme="dark"] .amount.active b{color:#79bbff}
html[data-theme="dark"] .section-head>span{color:#79bbff}
html[data-theme="dark"] .feature-icon{background:#26282e;color:#79bbff;box-shadow:0 10px 20px rgba(0,0,0,.35)}
html[data-theme="dark"] .option,
html[data-theme="dark"] .amount{background:#1c1e22;border-color:var(--line);color:var(--ink)}
html[data-theme="dark"] .option.active,
html[data-theme="dark"] .amount.active{background:#12233d;border-color:#409eff}
html[data-theme="dark"] .money-input{background:var(--field)}
html[data-theme="dark"] .cta-card{
  background:linear-gradient(135deg,rgba(32,40,52,.92),rgba(24,42,66,.92))}
html[data-theme="dark"] .site-footer{
  background:#17181b;border-top:1px solid rgba(255,255,255,.06)}
html[data-theme="dark"] .auth-body,
html[data-theme="dark"] .auth-main{background:#121316;color:var(--ink)}
html[data-theme="dark"] .auth-field input{background:var(--field);color:var(--ink)}
html[data-theme="dark"] .auth-field input:focus{background:#2b2e34}
html[data-theme="dark"] .code-row>button{
  background:#24262b;border-color:var(--line);color:var(--text)}
html[data-theme="dark"] .pw-toggle{background:#2a2d3a;color:#79bbff}
html[data-theme="dark"] .pw-strength span{background:#3a3d44}
html[data-theme="dark"] .other-login>span::before,
html[data-theme="dark"] .other-login>span::after{background:#2e3138}
html[data-theme="dark"] .auth-success{
  background:#16251a;border-color:#2f5233;color:#7fd08f}
html[data-theme="dark"] .auth-error{color:#f87171}
html[data-theme="dark"] .pill-button.secondary{
  background:#26282e;color:#8cc5ff;box-shadow:0 4px 15px rgba(0,0,0,.3)}
html[data-theme="dark"] .brand,
html[data-theme="dark"] .auth-brand h2{color:var(--ink)}