/* ═══════════════════════════════════════════════════════
   结构 · 量化交易 — 落地页样式 v3 (币安系视觉)
   底 #0B0E11 / 面板 #1E2329 / 边框 #2B3139
   主色 币安黄 #F0B90B / 亮黄 #FCD535
   涨 #0ECB81 / 跌 #F6465D
   字体: 系统无衬线 (不用 Google Fonts, 大陆直连可用)
   ═══════════════════════════════════════════════════════ */
@font-face{font-family:"InterVar";src:url("fonts/inter-latin-wght-normal.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"JBMonoVar";src:url("fonts/jbmono-latin-wght-normal.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
:root{
  /* 币安深色主题 */
  --bg:#111318;        /* 柔和深板岩(非纯黑) */
  --bg2:#15181E;
  --card:#191C22;
  --card2:#15181E;
  --pri:#F0B90B;       /* 币安正黄 */
  --pri2:#FCD535;      /* 币安亮黄 */
  --up:#0ECB81;        /* 涨 */
  --dn:#F6465D;        /* 跌 */
  --txt:#F2F3F5;
  --dim:#A6ACB6;
  --dim2:#6B7280;
  --line:rgba(255,255,255,.075);
  --line2:rgba(240,185,11,.34);
  --glow:rgba(240,185,11,.55);
  --sans:"InterVar",-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  --serif:var(--sans);
  --mono:"JBMonoVar",ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --wrap:1140px;
  --pad:clamp(20px,5vw,26px);
  --r:8px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{line-height:1.75;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv05" 1;
  background:var(--bg);color:var(--txt);font-family:var(--sans);
  line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
b,strong{font-weight:600}
.hl{color:var(--pri);font-weight:600}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad);position:relative;z-index:2}
.center{text-align:center}
.center .sec-lead{margin-left:auto;margin-right:auto}

/* ── 顶部进度条 ── */
#progress{
  position:fixed;top:0;left:0;height:2px;width:0%;z-index:99;
  background:linear-gradient(90deg,var(--pri),var(--pri2));
  box-shadow:0 0 14px var(--glow);
}

/* ── 顶部滚动数据带 ── */
.ticker{
  position:fixed;top:2px;left:0;right:0;z-index:90;overflow:hidden;
  background:rgba(17,19,24,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);height:30px;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.ticker-track{
  display:flex;gap:38px;white-space:nowrap;height:30px;align-items:center;
  font-family:var(--mono);font-size:11px;letter-spacing:.05em;color:var(--dim);
  animation:slide 46s linear infinite;width:max-content;
}
.ticker-track b{color:var(--txt);font-weight:500}
.ticker-track i{color:var(--dim2);font-style:normal}
@keyframes slide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── 揭示动画 ── */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}
.reveal[data-d="0"]{transition-delay:.05s}
.reveal[data-d="1"]{transition-delay:.16s}
.reveal[data-d="2"]{transition-delay:.30s}
.reveal[data-d="3"]{transition-delay:.44s}

/* ══════════ HERO ══════════ */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;position:relative;padding:130px 0 96px}
.hero-bg{position:absolute;inset:0;z-index:1;overflow:hidden;
  background:
    radial-gradient(720px 460px at 76% 6%,rgba(240,185,11,.085),transparent 64%),
    radial-gradient(560px 420px at 6% 92%,rgba(240,185,11,.035),transparent 66%);}
.hero-bg::after{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:76px 76px;
  mask-image:radial-gradient(ellipse 74% 62% at 50% 45%,#000 28%,transparent 78%);
  -webkit-mask-image:radial-gradient(ellipse 74% 62% at 50% 45%,#000 28%,transparent 78%);
  opacity:.55;
}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.30}
.o1{width:340px;height:340px;background:rgba(240,185,11,.34);top:-70px;right:4%;animation:float1 17s ease-in-out infinite}
.o2{width:280px;height:280px;background:rgba(240,185,11,.10);bottom:6%;left:-60px;animation:float2 21s ease-in-out infinite}
.o3{width:230px;height:230px;background:rgba(240,185,11,.18);top:44%;right:-70px;animation:float1 25s ease-in-out infinite reverse}
@keyframes float1{0%,100%{transform:translate(0,0)}50%{transform:translate(-34px,40px)}}
@keyframes float2{0%,100%{transform:translate(0,0)}50%{transform:translate(40px,-30px)}}

.hero-quote{font-size:clamp(1.05rem,2.5vw,1.35rem);color:var(--dim);margin-bottom:12px;letter-spacing:0;font-weight:400}
.hero-quote .hl2{color:var(--pri)}
.hero-sub .hl3{color:var(--up)}
.hero-title{font-weight:800;font-size:clamp(2.5rem,8.4vw,6.1rem);line-height:1.1;letter-spacing:-.035em}
.hero-title .line{display:block}
.hero-title .line:nth-child(2){
  background:linear-gradient(100deg,var(--pri) 0%,var(--pri2) 52%,#FFF0A8 96%);
  background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  animation:sheen 7s ease-in-out infinite;
}
@keyframes sheen{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
.hero-sub{margin-top:22px;font-size:clamp(.96rem,2.1vw,1.2rem);color:var(--dim);letter-spacing:0;max-width:34em}
/* ── 首屏四个杀手数字 ── */
.hero-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:44px;
  background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;max-width:760px}
.hn{background:var(--bg2);padding:22px 20px 18px;display:flex;flex-direction:column;gap:7px}
.hn b{font-family:var(--mono);font-size:clamp(1.6rem,4.6vw,2.3rem);font-weight:700;
  letter-spacing:-.03em;line-height:1;color:var(--up)}
.hn b i{font-style:normal;font-size:.54em;font-weight:500;opacity:.8;margin-left:1px}
.hn b.big0{color:var(--txt)}
.hn b.big4{color:var(--pri)}
.hn b.bigp{color:var(--txt)}
.hn span{font-size:12px;color:var(--dim2);line-height:1.35}

/* ── 首屏 CTA ── */
.hero-cta{margin-top:36px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.cta-h{display:inline-flex;align-items:center;gap:11px;background:var(--pri2);color:#0B0E11;
  font-weight:800;font-size:1.04rem;letter-spacing:.01em;padding:16px 28px;border-radius:12px;
  text-decoration:none;position:relative;
  transition:background .16s}
.cta-h:hover{transform:translateY(-1px)}
.cta-h:active{transform:translateY(1px)}
.cta-h .arw{font-style:normal;font-size:1.12em;line-height:1}
.cta-h .dot-live{width:8px;height:8px;border-radius:50%;background:#0B0E11;opacity:.5;flex:none}
.cta-sub{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;color:var(--dim2)}
.scroll-hint{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;z-index:2;font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--dim2)}
.scroll-hint i{display:block;width:1px;height:40px;background:linear-gradient(var(--pri),transparent);animation:drop 2.1s infinite}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}

/* ══════════ 章节通用 ══════════ */
.sec{padding:clamp(70px,10vw,146px) 0;position:relative}
.sec:nth-of-type(even){background:linear-gradient(180deg,transparent,var(--card2) 22%,var(--card2) 78%,transparent)}
.sec-no{font-family:var(--mono);font-size:12px;letter-spacing:.22em;color:var(--pri);margin-bottom:18px}
.sec-title{letter-spacing:-.025em;font-weight:800;font-size:clamp(1.7rem,5.2vw,3.35rem);line-height:1.24;letter-spacing:-.02em;margin-bottom:22px}
.sec-lead{font-size:clamp(.97rem,2.1vw,1.14rem);color:var(--dim);max-width:62ch}
.sec-lead.sub{margin-top:12px}
.note{margin-top:32px;font-size:.95rem;color:var(--dim);max-width:74ch;padding-left:18px;border-left:2px solid var(--line2)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,58px);align-items:start}

/* ══════════ 曲线 ══════════ */
.chart-card{margin-top:44px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 20px 16px;position:relative;overflow:hidden}
.chart-card::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--pri),transparent);opacity:.85}
.chart-head{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap;margin-bottom:4px}
.chart-label{font-family:var(--mono);font-size:11.5px;color:var(--dim);display:block}
.chart-range{font-family:var(--mono);font-size:10.5px;color:var(--dim2);display:block;margin-top:3px}
.chart-legend{font-family:var(--mono);font-size:10.5px;color:var(--dim);display:flex;align-items:center;gap:6px}
.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:10px}
.dot-eq{background:var(--pri);box-shadow:0 0 9px var(--pri)}
.dot-peak{background:transparent;border:1px dashed var(--dim2)}
#chart{width:100%;height:clamp(215px,34vw,340px);display:block;margin-top:8px}
.chart-foot{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:11px;color:var(--dim2);margin-top:8px}
.chart-foot .mid{color:var(--pri);font-size:13px}

/* ══════════ 指标格 ══════════ */
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:24px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:19px 17px;transition:border-color .3s,transform .3s}
.stat:hover{border-color:var(--line2);transform:translateY(-3px)}
.stat .k{font-family:var(--mono);font-size:10.5px;color:var(--dim2);letter-spacing:.08em;display:block;margin-bottom:7px}
.stat .v{font-family:var(--mono);font-size:clamp(1.35rem,3.8vw,1.8rem);font-weight:500;letter-spacing:-.02em;display:block;line-height:1.15}
.stat .v.g{color:var(--up)} .stat .v.y{color:var(--pri)} .stat .v.r{color:var(--dn)} .stat .v.n{color:var(--txt)}
.stat .s{font-family:var(--mono);font-size:10.5px;color:var(--dim2);display:block;margin-top:7px}

/* ══════════ 长按解锁 ══════════ */
.hold-sec{background:linear-gradient(180deg,transparent,#0E1216 30%,#0E1216 70%,transparent)}
.hold-zone{margin-top:48px;display:flex;flex-direction:column;align-items:center;gap:32px}
.hold-btn{
  position:relative;width:clamp(190px,52vw,230px);height:clamp(190px,52vw,230px);border-radius:50%;
  background:radial-gradient(circle at 50% 35%,rgba(240,185,11,.16),rgba(240,185,11,.03) 62%);
  border:1px solid var(--line2);color:var(--txt);cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-weight:700;
  -webkit-tap-highlight-color:transparent;touch-action:none;user-select:none;-webkit-user-select:none;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s;
}
.hold-btn:hover{transform:scale(1.03);box-shadow:0 0 60px -14px var(--glow)}
.hold-btn.armed{box-shadow:0 0 76px -6px var(--glow);border-color:var(--pri)}
.hold-txt{font-size:clamp(1.08rem,3.5vw,1.36rem);letter-spacing:.05em;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:2}
.hold-txt i{font-style:normal;font-size:11.5px;font-family:var(--mono);color:var(--pri);letter-spacing:.11em}
.hold-ring{
  position:absolute;inset:-8px;border-radius:50%;pointer-events:none;
  background:conic-gradient(var(--pri) calc(var(--p,0) * 360deg),rgba(255,255,255,.08) 0);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
          mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));
}
.hold-reveal{
  width:100%;max-width:780px;background:var(--card);border:1px solid var(--line2);border-radius:var(--r);
  padding:clamp(22px,5vw,34px);
  opacity:0;transform:translateY(18px) scale(.97);pointer-events:none;
  transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);
  box-shadow:0 30px 80px -44px var(--glow);
}
.hold-reveal.on{opacity:1;transform:none}
.hr-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:26px;align-items:center}
.hr-k{font-family:var(--mono);font-size:11px;color:var(--dim2);display:block}
.hr-v{font-family:var(--mono);font-size:clamp(2.3rem,8.6vw,3.8rem);font-weight:500;color:var(--pri);letter-spacing:-.04em;display:block;line-height:1.05;margin:8px 0 6px}
.hr-d{font-family:var(--mono);font-size:11.5px;color:var(--dim2);display:block}
.hr-side{display:flex;flex-direction:column;gap:13px;border-left:1px solid var(--line);padding-left:22px}
.hr-side div{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.hr-side span{font-size:12px;color:var(--dim2)}
.hr-side b{font-family:var(--mono);font-size:1.12rem;font-weight:500;color:var(--txt)}
.hr-side b.g{color:var(--up)} .hr-side b.r{color:var(--dn)}
.hold-hint{font-family:var(--mono);font-size:11.5px;color:var(--dim2);margin-top:22px;text-align:center}

/* ══════════ 规则列表 (01) ══════════ */
.rules{list-style:none;display:flex;flex-direction:column}
.rules li{border-top:1px solid var(--line);padding:20px 4px;display:flex;gap:18px;align-items:baseline;flex-wrap:wrap}
.rules li:last-child{border-bottom:1px solid var(--line)}
.rules b{font-size:1.06rem;color:var(--pri);flex:0 0 148px;font-weight:600}
.rules span{color:var(--dim);font-size:.94rem;flex:1;min-width:210px}

/* ══════════ 回撤表 (02) ══════════ */
.dd-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px}
.dd-col{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 10px}
.dd-k{font-family:var(--mono);font-size:11px;color:var(--dim2);letter-spacing:.12em;display:block;margin-bottom:12px}
.dd-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.dd-row span{font-family:var(--mono);font-size:1.08rem;min-width:92px}
.dd-row i{font-style:normal;font-size:.85rem;color:var(--dim2);text-align:right}
.dd-row.hot span{color:var(--pri)}
.dd-row.hot i{color:var(--pri);opacity:.85}

/* ══════════ 盈亏对比 (03) ══════════ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.split-card{border-radius:var(--r);padding:24px 20px;border:1px solid var(--line);background:var(--card)}
.split-card.loss{border-color:rgba(246,70,93,.32)}
.split-card.win{border-color:rgba(14,203,129,.34)}
.split-k{font-family:var(--mono);font-size:11px;letter-spacing:.08em;display:block;margin-bottom:9px;color:var(--dim2)}
.split-card b{font-family:var(--mono);font-size:clamp(1.6rem,4.6vw,2.25rem);font-weight:500;display:block;line-height:1.1}
.split-card.loss b{color:var(--dn)} .split-card.win b{color:var(--up)}

/* ══════════ 崩盘窗口 (04) ══════════ */
/* ── 八场叠加图 ── */
.ov{position:relative;margin-top:36px;background:var(--card);border:1px solid var(--line);border-radius:8px;padding:18px 18px 14px}
.ov-badge{position:absolute;top:16px;right:18px;text-align:right;pointer-events:none}
.ov-badge b{display:block;font-family:var(--mono);font-size:34px;font-weight:800;line-height:1;color:var(--pri);letter-spacing:-.04em}
.ov-badge span{font-size:11px;color:var(--dim2);letter-spacing:.04em}
.ov-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px;padding-right:96px}
.ov-t{font-size:12.5px;color:var(--dim);letter-spacing:.02em}
.ov-lg{font-size:12px;color:var(--dim);display:flex;align-items:center;gap:6px;white-space:nowrap}
.ov-lg i{display:inline-block;width:14px;height:2px;border-radius:2px;margin-left:8px}
.ov-lg i.l-mkt{background:var(--dn);margin-left:0}
.ov-lg i.l-our{background:var(--up)}
#ovsvg{display:block;width:100%;height:340px;overflow:visible}
.ov-base{stroke:rgba(240,185,11,.75);stroke-width:2;stroke-dasharray:8 7}
.ov-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:opacity .35s,stroke-width .35s}
.ov-dot{transition:opacity .3s}
.ov-dot-our{fill:var(--up)}
.ov-dot-mkt{fill:var(--dn)}
.ov-lab{font-family:var(--mono);font-size:13px;font-weight:700}
.ov-lab-our{fill:var(--up)} .ov-lab-mkt{fill:var(--dn)}
.ov-mkt{stroke:var(--dn);opacity:0}
.ov-our{stroke:var(--up);opacity:0}
.ov-mkt.on{opacity:.52;stroke-width:2.1}
.ov-our.on{opacity:.95;stroke-width:2.8;filter:drop-shadow(0 0 3px rgba(14,203,129,.34))}
.ov-mkt.off,.ov-our.off{opacity:.055;stroke-width:1.4}
.ov-detail{margin-top:10px;min-height:38px}
.ov-detail b{display:block;font-size:13.5px;font-weight:600;margin-bottom:3px}
.ov-detail span{font-size:12px;color:var(--dim)}
.ov-detail i{font-style:normal;font-weight:700}
.ov-detail i.dn{color:var(--dn)} .ov-detail i.up{color:var(--up)} .ov-detail i.y{color:var(--pri)}
.ov-chips{display:flex;gap:6px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
.ov-chips::-webkit-scrollbar{display:none}
.ov-chip{flex:none;font-family:inherit;font-size:11.5px;color:var(--dim);background:transparent;
  border:1px solid var(--line);border-radius:6px;padding:5px 10px;cursor:pointer;transition:.18s;white-space:nowrap}
.ov-chip:hover{border-color:rgba(255,255,255,.2);color:var(--txt)}
.ov-chip.on{background:var(--pri);border-color:var(--pri);color:#111318;font-weight:700}

/* ── 横滑卡轨道 ── */
.bs-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;margin-top:32px;padding:2px 0 12px;scrollbar-width:none}
.bs-rail::-webkit-scrollbar{display:none}
.bs-rail .win-card{flex:0 0 min(78vw,296px);scroll-snap-align:center}
.bs-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
.bs-dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.18);cursor:pointer;transition:background .25s,width .25s}
.bs-dots i.on{background:var(--pri);width:18px;border-radius:3px}
.bs-swipe{text-align:center;font-size:11.5px;color:var(--dim2);letter-spacing:.06em;margin-top:2px}
.bs-banner{margin-top:38px;text-align:center;font-size:clamp(1.05rem,3.2vw,1.45rem);font-weight:700;
  letter-spacing:.14em;color:var(--pri);padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.wc-chart{display:block;width:100%;height:78px;margin:10px 0 12px}
.win-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(244px,1fr));gap:14px;margin-top:40px}
.win-card{display:block;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px 18px 16px;position:relative;overflow:hidden;transition:border-color .25s}
.win-card:hover{border-color:var(--line2)}
.wc-more{display:block;margin-top:9px;font-style:normal;font-size:11px;color:var(--dim2);letter-spacing:.02em}
.win-card:hover .wc-more{color:var(--pri)}
.win-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:rgba(255,255,255,.14)}
.win-card.hot{border-color:rgba(240,185,11,.38)}
.wc-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:11px}
.wc-tag{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--pri);background:rgba(240,185,11,.10);border:1px solid rgba(240,185,11,.28);padding:2px 8px;border-radius:4px;white-space:nowrap}
.win-card.hot .wc-tag{background:var(--pri);color:#111318;border-color:var(--pri)}
.wc-ok{font-family:var(--mono);font-size:10px;font-weight:700;color:var(--up);background:rgba(14,203,129,.12);border:1px solid rgba(14,203,129,.3);padding:2px 7px;border-radius:4px;white-space:nowrap}
/* 黑天鹅总览带 */
.bs-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:38px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;max-width:780px}
.bsb{background:var(--bg2);padding:20px 14px 16px;display:flex;flex-direction:column;gap:6px;text-align:center}
.bsb b{font-family:var(--mono);font-size:clamp(1.45rem,4.2vw,2.05rem);font-weight:700;letter-spacing:-.03em;line-height:1}
.bsb b.g{color:var(--up)} .bsb b.y{color:var(--pri)}
.bsb span{font-size:11.5px;color:var(--dim2);line-height:1.3}
.win-card .wl{font-size:.92rem;font-weight:600;color:var(--txt);display:block;margin-bottom:12px}
.wc2{display:flex;flex-direction:column;gap:3px}
.wc-mkt{font-family:var(--mono);font-size:11.5px;color:var(--dn)}
.win-card .wr{font-family:var(--mono);font-size:1.6rem;color:var(--up);display:block;letter-spacing:-.02em;line-height:1.1}
.wc-delta{display:inline-block;margin-top:9px;font-family:var(--mono);font-size:11px;font-weight:700;
  color:var(--pri);background:rgba(240,185,11,.10);border:1px solid rgba(240,185,11,.26);
  padding:2px 8px;border-radius:4px;letter-spacing:.02em}
.win-card .wd{font-family:var(--mono);font-size:11px;color:var(--dim2);display:block;margin-top:10px;padding-top:9px;border-top:1px solid var(--line)}
.note.sub{margin-top:14px;font-size:.82rem;border-left-color:var(--line);color:var(--dim2);line-height:1.75}

/* ══════════ 规则详解 (05) ══════════ */
.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:42px}
.spec-item{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:19px 18px;transition:border-color .3s}
.spec-item:hover{border-color:var(--line2)}
.spec-item .sk{font-family:var(--mono);font-size:10.5px;color:var(--pri);letter-spacing:.09em;display:block;margin-bottom:10px}
.spec-item .sv{font-family:var(--mono);font-size:.96rem;color:var(--txt);display:block;line-height:1.6}
.spec-item .sd{font-size:.83rem;color:var(--dim2);display:block;margin-top:7px;line-height:1.65}
.rulelines{list-style:none;margin-top:34px;border-top:1px solid var(--line)}
.rulelines li{display:flex;align-items:center;gap:16px;padding:15px 4px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.9rem}
.rulelines li span{color:var(--dim2);font-size:11px;letter-spacing:.07em;flex:0 0 78px}
.rulelines li i{margin-left:auto;font-style:normal;color:var(--up);font-size:11px;letter-spacing:.1em;white-space:nowrap}
.rulelines li i::before{content:"● ";font-size:8px;vertical-align:middle}
.sys-badge{margin-top:30px;font-family:var(--mono);font-size:11.5px;color:var(--pri);letter-spacing:.12em;display:flex;align-items:center;gap:10px}
.sys-badge i{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 11px var(--up);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* ══════════ 看板 ══════════ */
.dashboard{background:linear-gradient(180deg,transparent,var(--card2) 30%,var(--card2) 70%,transparent)}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:13px;margin-top:40px}
.dash{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:22px 19px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
.dash:hover{transform:translateY(-3px);border-color:var(--line2)}
.dash::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--pri);opacity:.5}
.dash .k{font-family:var(--mono);font-size:10.5px;color:var(--dim2);letter-spacing:.09em;display:block;margin-bottom:9px}
.dash .v{font-family:var(--mono);font-size:clamp(1.45rem,4.2vw,2rem);font-weight:500;letter-spacing:-.03em;display:block;line-height:1.12}
.dash .v.g{color:var(--up)} .dash .v.y{color:var(--pri)} .dash .v.r{color:var(--dn)} .dash .v.n{color:var(--txt)}
.dash .s{display:block;font-size:10.5px;color:var(--dim2);margin-top:8px;font-family:var(--mono)}

/* ══════════ FAQ ══════════ */
.faq{margin-top:38px;border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  cursor:pointer;list-style:none;padding:20px 4px;display:flex;align-items:center;gap:16px;
  font-size:clamp(1rem,2.5vw,1.12rem);color:var(--txt);font-weight:600;
  transition:color .25s;-webkit-tap-highlight-color:transparent;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--pri)}
.faq summary::after{content:"+";margin-left:auto;font-family:var(--mono);font-size:1.3rem;color:var(--pri);transition:transform .3s;flex:0 0 auto}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .fa{padding:0 4px 22px;color:var(--dim);font-size:.93rem;max-width:76ch;line-height:1.85}
.faq .fa b{color:var(--pri)}

/* ══════════ FOOTER ══════════ */
.foot{padding:clamp(70px,9vw,126px) 0 54px;border-top:1px solid var(--line);background:var(--card2)}
.foot-big{font-weight:800;font-size:clamp(1.45rem,4.4vw,2.65rem);line-height:1.32;margin-bottom:50px;
  background:linear-gradient(100deg,var(--txt),var(--pri));-webkit-background-clip:text;background-clip:text;color:transparent}
.foot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.foot-grid h3{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--pri);margin-bottom:12px;text-transform:uppercase}
.foot-grid p{font-size:.87rem;color:var(--dim2);line-height:1.85}
.foot-grid b{color:var(--dim)}
.copyright{margin-top:50px;padding-top:22px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--dim2);line-height:1.8}

/* ═══════════════════════════════════════════════════════
   移动端适配
   ═══════════════════════════════════════════════════════ */
@media(min-width:861px){
  /* 顶部指标条：桌面端放大、放慢，避免密密麻麻 */
  .ticker{height:34px}
  .ticker-track{height:34px;font-size:12.5px;gap:46px;animation-duration:62s}
  .bs-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;
    overflow:visible;scroll-snap-type:none;padding:0}
  .bs-rail .win-card{flex:none;scroll-snap-align:none}
  .bs-swipe,.bs-dots{display:none}
}
@media(min-width:521px) and (max-width:860px){
  .bs-rail{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;
    overflow:visible;scroll-snap-type:none;padding:0}
  .bs-rail .win-card{flex:none;scroll-snap-align:none}
  .bs-swipe,.bs-dots{display:none}
}
@media(max-width:860px){
  .grid2{grid-template-columns:1fr;gap:32px}
  .hero{padding:calc(72px + env(safe-area-inset-top,0px)) 0 40px;min-height:auto}
  .hr-grid{grid-template-columns:1fr;gap:20px}
  .hr-side{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:18px}
  .scroll-hint{display:none}
}
@media(max-width:700px){
  .dd-grid{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .chart-card{padding:18px 15px 13px}
  .chart-head{flex-direction:column;align-items:flex-start;gap:6px}
  .chart-foot{font-size:10px}
  .hold-btn{width:min(58vw,210px);height:min(58vw,210px)}
}
@media(max-width:520px){
  :root{--pad:18px}
  .sec{padding:62px 0}
  .hero-title{font-size:clamp(2.1rem,10.4vw,3rem)}
  .hero-nums{grid-template-columns:1fr 1fr;margin-top:32px}
  #ovsvg{height:250px}
  .ov-badge b{font-size:26px}
  .ov-badge{top:14px;right:16px}
  .bs-band{grid-template-columns:1fr 1fr;margin-top:28px}
  .bsb{padding:15px 12px 13px}
  .bsb b{font-size:1.5rem}
  .hn{padding:16px 15px 14px}
  .hn b{font-size:1.62rem}
  .hn span{font-size:11.5px}
  .hero-cta{margin-top:28px;width:100%}
  .cta-h{width:100%;justify-content:center;padding:15px 20px;font-size:1rem}
  .statgrid{grid-template-columns:1fr 1fr;gap:10px}
  .stat{padding:15px 13px}
  .stat .v{font-size:1.3rem}
  .dash-grid{grid-template-columns:1fr 1fr;gap:10px}
  .dash{padding:17px 14px}
  .dash .v{font-size:1.4rem}
  .spec{grid-template-columns:1fr}
  .win-list{grid-template-columns:1fr}
  .rules b{flex:0 0 100%;margin-bottom:-6px}
  .rulelines li{gap:10px;font-size:.82rem;flex-wrap:wrap}
  .rulelines li i{margin-left:0;width:100%}
  .ticker{height:26px}
  .ticker-track{height:26px;font-size:10px;gap:26px}
  .foot-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1!important;transform:none!important;transition:none!important}
  .orb,.ticker-track,.hero-title .line:nth-child(2){animation:none!important}
  html{scroll-behavior:auto}
}