*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  :root{
    --bg:#06070d;
    --text:rgba(237,240,252,.92);
    --dim:rgba(237,240,252,.58);
    --faint:rgba(237,240,252,.34);
    --stroke:rgba(255,255,255,.09);
    --stroke-hi:rgba(255,255,255,.18);
    --glass:rgba(255,255,255,.045);
    --glass-2:rgba(255,255,255,.07);
    --accent-a:#5eead4;
    --accent-b:#818cf8;
    --accent:linear-gradient(120deg,#5eead4,#818cf8);
    --radius:22px;
    --mx:50%;--my:20%;
  }
  html{scroll-behavior:smooth}
  body{
    color:var(--text);min-height:100vh;overflow-x:hidden;position:relative;
    font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","PingFang SC","HarmonyOS Sans SC","MiSans","Noto Sans SC","Microsoft YaHei",sans-serif;
    background:var(--bg);
    -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  }
  body.locked{overflow:hidden}
  /* 极淡的环境光，不抢戏 */
  body::before{
    content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
    background:
      radial-gradient(60rem 50rem at 12% -10%, rgba(94,234,212,.08), transparent 55%),
      radial-gradient(56rem 46rem at 105% 8%, rgba(129,140,248,.10), transparent 55%),
      radial-gradient(50rem 50rem at 50% 115%, rgba(129,140,248,.05), transparent 55%);
  }
  /* 缓慢漂移的低饱和光晕（transform 合成动画，blur 已降档） */
  body::after{
    content:"";position:fixed;inset:-25%;z-index:-3;pointer-events:none;filter:blur(44px);opacity:.5;
    background:radial-gradient(28rem 28rem at 25% 35%, rgba(129,140,248,.16), transparent 60%),
               radial-gradient(26rem 26rem at 78% 62%, rgba(94,234,212,.12), transparent 60%);
    animation:drift 32s ease-in-out infinite alternate;will-change:transform;
  }
  @keyframes drift{0%{transform:translate3d(-2%,-1%,0) scale(1.05)}100%{transform:translate3d(3%,2%,0) scale(1.1)}}

  /* 屏外区块整段跳过渲染（滚动进视口才绘制），长页顺滑的关键 */
  section{content-visibility:auto;contain-intrinsic-size:auto 760px}

  /* ===== 玻璃基底（iOS 液态玻璃） ===== */
  .glass{position:relative;isolation:isolate;
    /* 静态对角高光 + 底色：不再做 background-position 无限动画（持续重绘是滚动卡顿主因） */
    background:
      linear-gradient(115deg, transparent 34%, rgba(255,255,255,.07) 52%, transparent 70%),
      var(--glass);
    background-size:260% 260%, auto;
    background-position:62% 0, 0 0;
    border:1px solid var(--stroke);border-radius:var(--radius);
    backdrop-filter:blur(15px) saturate(160%);-webkit-backdrop-filter:blur(15px) saturate(160%);
    box-shadow:0 22px 55px -26px rgba(0,0,0,.72),
      inset 0 1px 0 rgba(255,255,255,.22),
      inset 0 0 0 1px rgba(255,255,255,.05);
    overflow:hidden;}
  /* 顶部高光反射（真玻璃最关键特征） */
  .glass::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;border-radius:inherit;
    background:linear-gradient(160deg, rgba(255,255,255,.26), rgba(255,255,255,0) 30%, rgba(255,255,255,0) 72%, rgba(255,255,255,.05));
    mix-blend-mode:screen;opacity:.75;}
  /* 指针光斑（液态反光）：固定渐变层用 transform 跟随指针，变量更新只触发合成 */
  .glass::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
    background:radial-gradient(20rem 20rem at center, rgba(255,255,255,.10), transparent 55%);
    opacity:0;transition:opacity .5s;mix-blend-mode:screen;
    transform:translate3d(calc(var(--mx,50%) - 50%), calc(var(--my,50%) - 50%), 0);will-change:transform;}
  .glass:hover::after{opacity:1}
  /* 低端/小屏降耗：玻璃减薄 */
  @media (max-width:640px){.glass{backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}}

  .wrap{width:min(1080px,90vw);margin:0 auto}
  nav{position:sticky;top:16px;z-index:50;width:min(1080px,90vw);margin:16px auto 0;
    display:flex;align-items:center;gap:20px;padding:13px 22px;}
  .brand{display:flex;align-items:center;gap:11px;font-weight:700;font-size:17px;letter-spacing:-.01em}
  .brand .mark{width:26px;height:26px;border-radius:8px;flex:none;
    background:var(--accent);box-shadow:0 4px 16px rgba(129,140,248,.35), inset 0 1px 1px rgba(255,255,255,.5);position:relative;overflow:hidden}
  .brand .mark::after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,rgba(255,255,255,.55),transparent 45%);}
  nav .links{margin-left:auto;display:flex;gap:4px;flex-wrap:wrap}
  nav a{color:var(--dim);font-size:14px;padding:8px 14px;border-radius:11px;transition:.2s}
  nav a:hover{color:var(--text);background:rgba(255,255,255,.06)}
  nav .lang{margin-left:6px;font-weight:600;color:var(--accent-b)}

  header{padding:clamp(56px,11vh,120px) 0 30px;text-align:center;position:relative}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--dim);
    border:1px solid var(--stroke);border-radius:999px;padding:7px 16px;background:rgba(255,255,255,.03);backdrop-filter:blur(8px)}
  .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent-a);box-shadow:0 0 10px var(--accent-a)}
  h1{margin:26px 0 18px;font-size:clamp(42px,7.6vw,80px);line-height:1.04;letter-spacing:-.035em;font-weight:700}
  h1 .em{background:var(--accent);-webkit-background-clip:text;background-clip:text;color:transparent}
  .sub{color:var(--dim);font-size:clamp(15px,2.1vw,18px);max-width:600px;margin:0 auto;line-height:1.7}
  .hero-cta{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:9px;cursor:pointer;padding:14px 26px;border-radius:14px;
    font-size:15px;font-weight:600;border:1px solid var(--stroke);color:var(--text);background:var(--glass);
    backdrop-filter:blur(12px);transition:transform .2s ease, background .2s, box-shadow .2s}
  .btn:hover{transform:translateY(-2px);background:var(--glass-2)}
  .btn.primary{background:var(--accent);border-color:transparent;color:#06121a;font-weight:700;
    box-shadow:0 12px 34px -10px rgba(129,140,248,.55), inset 0 1px 0 rgba(255,255,255,.45)}
  .btn.primary:hover{box-shadow:0 18px 44px -10px rgba(129,140,248,.7), inset 0 1px 0 rgba(255,255,255,.5)}

  /* 手机玻璃预览（陀螺仪 + 指针视差倾斜） */
  .stage{margin:54px auto 0;display:flex;justify-content:center;perspective:1600px}
  .device{position:relative;width:min(300px,78vw);aspect-ratio:9/19;border-radius:44px;padding:11px;
    background:linear-gradient(150deg, rgba(255,255,255,.12), rgba(255,255,255,.03));
    border:1px solid var(--stroke-hi);backdrop-filter:blur(26px) saturate(170%);
    box-shadow:0 50px 110px -34px rgba(0,0,0,.8), inset 0 2px 0 rgba(255,255,255,.28), inset 0 0 50px rgba(129,140,248,.08);
    transform:rotateX(var(--rx,4deg)) rotateY(var(--ry,-7deg));
    transform-style:preserve-3d;transition:transform .25s ease;will-change:transform}
  .device .screen{width:100%;height:100%;border-radius:34px;overflow:hidden;position:relative;
    background:linear-gradient(180deg,#0a0d1c,#0b0f24);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
    padding:20px 16px;font-family:"SF Mono",ui-monospace,"JetBrains Mono",Menlo,monospace}
  .device .notch{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:82px;height:7px;border-radius:99px;
    background:rgba(0,0,0,.55);box-shadow:inset 0 1px 1px rgba(255,255,255,.12);z-index:2}
  .ln{font-size:11.5px;line-height:1.85;color:rgba(237,240,252,.82);white-space:pre-wrap}
  .ln .p{color:var(--accent-a)} .ln .c{color:var(--accent-b)} .ln .g{color:rgba(237,240,252,.5)}
  .ln .cur{display:inline-block;width:7px;height:14px;vertical-align:-2px;background:var(--accent-a);
    border-radius:1px;animation:blink 1.1s steps(1) infinite;box-shadow:0 0 8px var(--accent-a)}
  @keyframes blink{50%{opacity:0}}

  section{padding:clamp(56px,9vh,96px) 0}
  .sec-head{max-width:680px;margin-bottom:42px}
  .sec-title{font-size:clamp(26px,4.4vw,38px);font-weight:700;letter-spacing:-.025em;margin-bottom:12px}
  .sec-desc{color:var(--dim);font-size:16px;line-height:1.75}
  .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
  .card{padding:28px;transition:transform .3s ease, box-shadow .3s ease}
  .card:hover{transform:translateY(-5px)}
  .ico{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;margin-bottom:18px;
    background:rgba(129,140,248,.12);border:1px solid rgba(129,140,248,.22)}
  .ico svg{width:21px;height:21px;stroke:var(--accent-b);fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .card h3{font-size:18px;letter-spacing:-.01em;margin-bottom:8px;font-weight:650}
  .card p{color:var(--dim);font-size:14px;line-height:1.75}

  /* 规划 / 待定 */
  .plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
  .plan{padding:30px;border:1px dashed var(--stroke);border-radius:var(--radius);background:rgba(255,255,255,.02)}
  .plan .tag{font-size:12px;color:var(--accent-b);letter-spacing:.06em;margin-bottom:14px;display:inline-block;
    border:1px solid rgba(129,140,248,.3);border-radius:999px;padding:4px 12px}
  .plan h3{font-size:20px;font-weight:650;margin-bottom:10px;letter-spacing:-.01em}
  .plan p{color:var(--dim);font-size:14px;line-height:1.75}
  .plan .note{margin-top:14px;font-size:12.5px;color:var(--faint);line-height:1.7}

  /* 下载 */
  .dl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
  .dl{padding:30px;display:flex;flex-direction:column}
  .dl h3{font-size:19px;font-weight:650;margin-bottom:8px}
  .dl p{color:var(--dim);font-size:14px;line-height:1.75;flex:1}
  .dl .btn{margin-top:20px;align-self:flex-start}

  /* 支持 / Star */
  .support{max-width:680px;margin:0 auto;text-align:center;padding:46px}
  .support .sec-desc{margin:14px auto 26px;max-width:560px}

  /* 联系 */
  .contact{max-width:560px;margin:0 auto;text-align:center;padding:40px}
  .contact p{color:var(--dim);font-size:15px;line-height:1.8;margin-bottom:24px}
  #contactCards{display:none;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px}
  #contactCards.show{display:flex}
  .citem{padding:20px 26px;text-align:left;min-width:230px}
  .citem .label{font-size:12px;color:var(--dim);letter-spacing:.08em;margin-bottom:7px}
  .citem .val{font-size:18px;font-weight:650;letter-spacing:.02em;word-break:break-all}
  .citem .copy{margin-top:12px;font-size:13px;padding:7px 15px}

  footer{padding:60px 0 44px;text-align:center;color:var(--dim);font-size:13px;line-height:2.1}
  footer .fb{display:inline-flex;align-items:center;gap:9px;font-weight:650;color:var(--text);margin-bottom:12px;font-size:15px}
  footer a{color:var(--dim)} footer a:hover{color:var(--text)}

  .fadeup{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1)}
  .fadeup.in{opacity:1;transform:none}
  .toast{position:fixed;left:50%;bottom:36px;transform:translateX(-50%) translateY(20px);background:var(--glass-2);
    border:1px solid var(--stroke);border-radius:13px;padding:12px 22px;font-size:14px;opacity:0;pointer-events:none;
    transition:.3s;z-index:120;backdrop-filter:blur(16px);box-shadow:0 14px 40px -16px rgba(0,0,0,.7)}
  .toast.show{opacity:1;transform:translateX(-50%)}
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.fadeup{opacity:1;transform:none}}

  /* ===== 人机验证闸 ===== */
  .gate{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:20px;
    background:rgba(4,5,10,.62);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px)}
  .gate.on{display:flex;animation:gateIn .4s ease}
  @keyframes gateIn{from{opacity:0}to{opacity:1}}
  .gate-card{max-width:380px;width:100%;text-align:center;padding:34px 30px}
  .gate-ico{width:54px;height:54px;margin:0 auto 16px;border-radius:16px;display:grid;place-items:center;
    background:rgba(129,140,248,.14);border:1px solid rgba(129,140,248,.3)}
  .gate-ico svg{width:26px;height:26px;stroke:var(--accent-b);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .gate-card h3{font-size:21px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
  .gate-card>p{color:var(--dim);font-size:14px;line-height:1.7;margin-bottom:22px}
  .slider{position:relative;height:54px;border-radius:999px;background:rgba(255,255,255,.06);
    border:1px solid var(--stroke);overflow:hidden;touch-action:none;user-select:none}
  .slider-fill{position:absolute;left:0;top:0;bottom:0;width:0;
    background:linear-gradient(120deg,rgba(94,234,212,.32),rgba(129,140,248,.32))}
  .slider-text{position:absolute;inset:0;display:grid;place-items:center;font-size:13.5px;color:var(--faint);pointer-events:none}
  .slider-knob{position:absolute;top:4px;left:4px;width:46px;height:46px;border-radius:50%;
    background:linear-gradient(160deg,#fff,#dfe3ff);color:#1a1f3a;display:grid;place-items:center;font-size:20px;
    box-shadow:0 6px 18px -6px rgba(0,0,0,.6);cursor:grab;touch-action:none}
  .slider-knob:active{cursor:grabbing}
  .gate-note{margin-top:16px;font-size:12px;color:var(--faint)}
  .gate-note a{color:var(--dim);text-decoration:underline}

  /* ===== 登录 / 用户态 ===== */
  #authSlot{display:flex;align-items:center;gap:10px;margin-left:12px}
  #authSlot img.av{width:28px;height:28px;border-radius:50%;border:1px solid var(--stroke-hi);object-fit:cover}
  #loginBtn{color:var(--text)!important;background:linear-gradient(120deg,#5eead4,#818cf8);-webkit-background-clip:text;background-clip:text;font-weight:700}
  .modal-mask{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;
    background:rgba(3,4,9,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:20px}
  .modal-mask.show{display:flex}
  .modal{width:min(420px,94vw);padding:26px 24px}
  .modal h3{margin:0 0 4px;font-size:18px}
  .modal p.dim{margin:0 0 16px;color:var(--dim);font-size:13px;line-height:1.5}
  .modal a.gh{display:block;text-align:center;padding:12px;border-radius:12px;background:linear-gradient(120deg,#5eead4,#818cf8);
    color:#06070d;font-weight:700;text-decoration:none;margin-bottom:6px}
  .modal .or{text-align:center;color:var(--faint);font-size:12px;margin:8px 0 12px}
  .modal input{width:100%;padding:11px 13px;border-radius:11px;border:1px solid var(--stroke-hi);
    background:rgba(255,255,255,.05);color:var(--text);margin-bottom:10px;font:inherit;box-sizing:border-box}
  .modal .row{display:flex;gap:10px}
  .modal button{flex:1;padding:11px;border-radius:11px;border:none;background:rgba(255,255,255,.1);color:var(--text);font-weight:600;cursor:pointer}
  .modal button.primary{background:linear-gradient(120deg,#5eead4,#818cf8);color:#06070d}
  .modal .msg{font-size:12px;margin-top:10px;min-height:16px}
  .modal .msg.err{color:#ff8da3}
  .modal .msg.ok{color:#7CFFB2}

  /* 产品矩阵状态标签 + 更多链接 */
  .card{position:relative}
  .card .status{position:absolute;top:18px;right:18px;font-size:11px;font-weight:600;letter-spacing:.04em;
    border-radius:999px;padding:4px 11px;border:1px solid var(--stroke)}
  .card .status.on{color:var(--accent-a);border-color:rgba(94,234,212,.35);background:rgba(94,234,212,.12)}
  .card .status.dev{color:var(--accent-b);border-color:rgba(129,140,248,.35);background:rgba(129,140,248,.12)}
  .card .status.plan{color:var(--dim);border-color:var(--stroke);background:rgba(255,255,255,.03)}
  .card .more{display:inline-block;margin-top:14px;font-size:13px;font-weight:600;color:var(--accent-b);text-decoration:none}
  .card .more:hover{text-decoration:underline}

  /* 登录三块 + 状态指示 + 引导 */
  .login-status{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--dim);margin:2px 0 14px}
  .login-status .dot{width:8px;height:8px;border-radius:50%;background:var(--faint);flex:none;transition:.3s}
  .login-status.on .dot{background:#7CFFB2;box-shadow:0 0 9px #7CFFB2}
  .login-status.off .dot{background:#ff8da3;box-shadow:0 0 9px #ff8da3}
  .login-status.warn .dot{background:#ffce6b;box-shadow:0 0 9px #ffce6b}
  .login-blocks{display:flex;flex-direction:column;gap:9px;margin-bottom:16px;text-align:left}
  .lb{display:flex;gap:10px;font-size:12.5px;line-height:1.6;color:var(--dim);
    background:rgba(255,255,255,.03);border:1px solid var(--stroke);border-radius:12px;padding:10px 12px}
  .lb .lbi{font-size:15px;flex:none;line-height:1.4}
  .lb b{color:var(--text);font-weight:650}
  .login-hint{font-size:12px;color:#ffb38a;margin-top:8px;line-height:1.6;text-align:left}
  .login-hint a{color:#ffd0a8;text-decoration:underline}
  /* GitHub 按钮点击即时反馈（跳转前 0 等待感） */
  .modal a.gh.busy{opacity:.65;pointer-events:none}

  /* ===== 联系门槛组件（邮箱滑块 / QQ 登记表单） ===== */
  .slider.mini{height:44px;margin-top:12px}
  .slider.mini .slider-knob{width:38px;height:38px;font-size:16px}
  .slider.mini .slider-text{font-size:12.5px}
  .contact textarea{width:100%;min-height:56px;resize:vertical;border-radius:11px;border:1px solid var(--stroke-hi);
    background:rgba(255,255,255,.05);color:var(--text);padding:9px 11px;font:inherit;font-size:13px;
    margin-bottom:9px;box-sizing:border-box}
  .contact textarea::placeholder{color:var(--faint)}
  .contact textarea:focus{outline:1px solid rgba(129,140,248,.55)}
  .contact .btn{margin-top:6px}
  .qq-note{font-size:12px;color:var(--dim);margin:8px 0 6px;text-align:left}
  .qq-brief{font-size:13px;line-height:1.7;background:rgba(255,255,255,.04);border:1px solid var(--stroke);
    border-radius:11px;padding:10px 12px;text-align:left;word-break:break-all}
  .citem{max-width:100%}
  .citem .val{min-height:24px}