:root{--gold:#FFE300;--bg:#0A0A0C;--t2:#94A3B8;--line:rgba(255,255,255,.1);--grad:linear-gradient(135deg,#FFE300,#FFB800)}
  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  html,body{margin:0;background:var(--bg);color:#fff;font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
  .page{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;overflow:hidden}
  /* —— 全屏海报拼贴背景 + 缓慢漂移 —— */
  .poster{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
  .poster .grid{position:absolute;top:50%;left:50%;width:165%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;
    transform:translate(-50%,-50%) rotate(-8deg) scale(1.3);will-change:transform;animation:drift 30s linear infinite alternate}
  .poster .grid img{width:100%;aspect-ratio:16/9;object-fit:cover;opacity:.4;display:block;border-radius:3px}
  @keyframes drift{
    0%{transform:translate(calc(-50% - 8vw),calc(-50% - 8vh)) rotate(-8deg) scale(1.3)}
    100%{transform:translate(calc(-50% + 8vw),calc(-50% + 8vh)) rotate(-8deg) scale(1.3)}
  }
  .poster::after{content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,rgba(10,10,12,.5) 0%,rgba(10,10,12,.6) 46%,rgba(10,10,12,.74) 80%,rgba(10,10,12,.86) 100%)}
  /* 元素淡入（海报背景除外，直接出现）*/
  .fade{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
  .loaded .fade{opacity:1;transform:none}
  .wrap .fade:nth-child(1){transition-delay:.05s}
  .wrap .fade:nth-child(2){transition-delay:.13s}
  .wrap .fade:nth-child(3){transition-delay:.21s}
  .wrap .fade:nth-child(4){transition-delay:.29s}
  .wrap .fade:nth-child(5){transition-delay:.37s}
  .wrap .fade:nth-child(6){transition-delay:.45s}
  .wrap .fade:nth-child(7){transition-delay:.53s}
  /* —— 主体 —— */
  .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:62px 26px 44px;min-height:100vh;min-height:100dvh}
  .logo{width:98px;height:98px;border-radius:25px;box-shadow:0 0 40px rgba(255,227,0,.35);animation:bob 3.5s ease-in-out infinite}
  @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
  h1{font-size:29px;margin:22px 0 8px;letter-spacing:1px}
  h1 .hl{color:var(--gold)}
  .sub{color:#cdd3dd;font-size:14px;margin:0 0 30px;line-height:1.6}
  .stats{display:flex;width:100%;margin-bottom:30px}
  .stat{flex:1;position:relative}
  .stat+.stat::before{content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:var(--line)}
  .stat b{display:block;font-size:25px;color:var(--gold)}
  .stat span{font-size:11.5px;color:var(--t2)}
  .dl{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:60px;border:0;border-radius:999px;font-size:19px;font-weight:800;color:#1a1400;background:var(--grad);box-shadow:0 0 36px rgba(255,227,0,.5);cursor:pointer;position:relative;isolation:isolate}
  .dl::before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;box-shadow:0 0 30px rgba(255,227,0,.6);animation:gl 3s ease-in-out infinite}
  @keyframes gl{0%,100%{opacity:.4}50%{opacity:1}}
  .alt{margin-top:14px;width:100%;height:48px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px}
  /* 备用线路按钮前的动态信号条 */
  .bars{display:inline-flex;align-items:flex-end;gap:3px;height:16px}
  .bars i{width:3.5px;border-radius:2px;background:var(--gold);transform-origin:bottom;animation:barFlow 1.05s ease-in-out infinite}
  .bars i:nth-child(1){height:7px;animation-delay:0s}
  .bars i:nth-child(2){height:11px;animation-delay:.14s}
  .bars i:nth-child(3){height:16px;animation-delay:.28s}
  .bars i:nth-child(4){height:9px;animation-delay:.42s}
  @keyframes barFlow{0%,100%{transform:scaleY(.38);opacity:.5}50%{transform:scaleY(1);opacity:1}}
  .stat b.res-max{animation:resPop .42s ease}
  @keyframes resPop{0%{transform:scale(1.28)}100%{transform:scale(1)}}
  .foot{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:22px}
  .foot a{display:inline-flex;align-items:center;gap:6px;color:var(--t2);font-size:13px;text-decoration:none;cursor:pointer}
  .foot a:active{color:var(--gold)}
  .foot svg{width:18px;height:18px}
  .tags{margin-top:auto;padding-top:26px;font-size:11.5px;color:var(--t2);line-height:1.9}
  .tags b{color:#cdd3dd}
  /* —— 弹层 —— */
  .mask{position:fixed;inset:0;z-index:9990;background:rgba(0,0,0,.72);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;opacity:0;transition:opacity .25s}
  .mask.in{opacity:1}
  .sheet{width:100%;max-width:480px;background:#14141A;border-radius:22px 22px 0 0;border:1px solid rgba(255,227,0,.18);padding:24px 22px calc(22px + env(safe-area-inset-bottom));transform:translateY(24px);transition:transform .3s}
  .mask.in .sheet{transform:none}
  .sheet h3{margin:0 0 16px;font-size:20px}
  .sheet .close{margin-top:18px;width:100%;height:48px;border:0;border-radius:999px;font-size:16px;font-weight:800;color:#1a1400;background:var(--grad);cursor:pointer}
  /* 线路选择弹窗 */
  .line-item{position:relative;display:flex;align-items:center;gap:11px;padding:13px 14px;margin-top:10px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid var(--line);cursor:pointer;transition:background .15s}
  .line-item:active{background:rgba(255,227,0,.14)}
  .line-item.rec{border-color:rgba(255,227,0,.3);background:linear-gradient(135deg,rgba(255,227,0,.12),rgba(255,255,255,.03))}
  .line-item .ln{flex:1;font-size:15px;font-weight:600;text-align:left;pointer-events:none}
  .line-item .ms{flex:0 0 auto;min-width:50px;text-align:right;font-size:12px;font-variant-numeric:tabular-nums;pointer-events:none}
  .line-item .go{flex:0 0 auto;color:#fff;font-weight:600;font-size:13px;pointer-events:none}
  .line-item.rec .go{color:var(--gold);font-weight:800}
  .line-item .arrow{flex:0 0 auto;color:var(--t2);font-size:18px;line-height:1;pointer-events:none}
  .line-item.rec .arrow{color:var(--gold)}
  .line-item .bars{pointer-events:none}
  .line-item .bars i{background:var(--bc,var(--gold))}
  .rec-badge{position:absolute;top:-7px;right:12px;z-index:1;background:var(--grad);color:#1a1400;font-size:10px;font-weight:800;line-height:1.7;padding:0 7px;border-radius:999px;box-shadow:0 2px 6px rgba(255,227,0,.45);pointer-events:none}
  /* 右下角客服浮标 */
  .kefu{position:fixed;right:16px;bottom:calc(88px + env(safe-area-inset-bottom));z-index:50;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#14141A;border:1px solid rgba(255,227,0,.3);box-shadow:0 0 22px rgba(255,227,0,.3);cursor:pointer;animation:kefuPulse 2.4s infinite}
  .kefu svg{width:27px;height:27px}
  @keyframes kefuPulse{0%,100%{transform:scale(1)}50%{transform:scale(.9)}}