/* 进阶分析（10-19 用户拍板，设计稿 https://claude.ai/artifact/KTYHk6i3UZyZ972MgFa4cx）
   分析页 /wow/en/analyze 的新增区块。⛔ 颜色全走站点变量（--s1/--s2/--s3/--text/--text2/--amber/--gold/--goldb），
   深浅两套主题都能看；只有「支持卡」「手机壳」是刻意的深色物件。
   ⛔ 动画：进入视口才加 .in（wow_adv.js 的 IntersectionObserver），prefers-reduced-motion 直接给终态。 */
.adv{margin:34px 0 0;position:relative}
.adv-kick{display:inline-block;font-size:.7rem;letter-spacing:.16em;font-weight:700;color:var(--amber);border:1px solid color-mix(in srgb,var(--amber) 45%,transparent);border-radius:99px;padding:3px 11px;background:color-mix(in srgb,var(--amber) 8%,transparent)}
.adv-h{font-size:clamp(1.25rem,2.6vw,1.7rem);font-weight:800;margin:10px 0 4px;line-height:1.25;color:var(--text)}
.adv-sub{color:var(--text2);margin:0 0 18px;max-width:640px;font-size:.93rem}
.adv-card{border-radius:16px;background:var(--s2);border:1px solid var(--s3);padding:16px 18px;min-width:0}
.adv-card h4{margin:0 0 10px;font-size:.95rem;color:var(--text)}
.adv-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
@media (max-width:900px){.adv-g2{grid-template-columns:1fr}}
.adv-rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.adv-rv.in{opacity:1;transform:none}
.adv-src{font-size:.76rem;color:var(--text2);margin-bottom:10px;display:flex;align-items:center;gap:6px}
.adv-src i{width:7px;height:7px;border-radius:50%;background:#5bd88a;box-shadow:0 0 0 3px color-mix(in srgb,#5bd88a 25%,transparent);animation:advDot 1.6s infinite}
@keyframes advDot{50%{opacity:.3}}
.adv-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 15px;border-radius:10px;border:1px solid var(--amber);background:transparent;color:var(--amber);font-weight:700;cursor:pointer;font-size:.88rem;text-decoration:none}
.adv-btn.pri{background:linear-gradient(135deg,var(--goldb),var(--gold));color:#1a1200;border:0}
.adv-btn.wx{background:#07c160;border-color:#07c160;color:#fff}
.adv-btn[disabled]{opacity:.5;cursor:default}
.adv-empty{font-size:.85rem;color:var(--text2)}

/* ① 开场（与无限「我的升级报告」同一套：光晕呼吸 + 火星 + 角色卡扫描 + 圆环 + 数字滚动） */
.adv-hero{position:relative;overflow:hidden;text-align:center;padding:30px 0 22px;margin:0 0 6px;border-radius:22px;background:var(--s1)}
.adv-hero::before{content:"";position:absolute;inset:-40% -20% auto;height:520px;background:radial-gradient(closest-side,color-mix(in srgb,var(--amber) 18%,transparent),transparent);pointer-events:none;animation:advBreath 6s ease-in-out infinite}
@keyframes advBreath{50%{transform:scale(1.08);opacity:.7}}
.adv-embers{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.adv-embers i{position:absolute;bottom:-10px;width:3px;height:3px;border-radius:50%;background:var(--goldb);box-shadow:0 0 6px var(--amber);animation:advRise linear infinite;opacity:0}
@keyframes advRise{0%{opacity:0;transform:translateY(0)}10%{opacity:.9}100%{opacity:0;transform:translateY(-420px) translateX(30px)}}
.adv-char{position:relative;display:inline-flex;align-items:center;gap:16px;padding:14px 22px 14px 14px;border-radius:18px;background:var(--s2);border:1px solid var(--s3);text-align:left;overflow:hidden;max-width:calc(100% - 32px)}
.adv-ci{position:relative;width:60px;height:60px;border-radius:12px;flex:none;display:grid;place-items:center;overflow:hidden}
.adv-ci img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.adv-ci b{font:900 26px/1 system-ui;color:#111}
.adv-char .nm{font-size:1.25rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adv-char .nm small{font-size:.85rem;color:var(--text2);font-weight:600}
.adv-char .mt{color:var(--text2);font-size:.9rem;margin-top:2px}
.adv-char .mt b{color:var(--goldb)}
.adv-char .scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--amber) 35%,transparent),transparent);transform:translateX(-100%);animation:advScan 1.6s .3s ease-in-out 2;pointer-events:none}
@keyframes advScan{to{transform:translateX(100%)}}
.adv-srcline{position:relative;margin-top:8px;font-size:.78rem;color:var(--text2)}
.adv-srcline button{background:none;border:0;padding:0;color:var(--amber);cursor:pointer;font-size:.78rem;text-decoration:underline}
.adv-reveal{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:32px;align-items:center;max-width:820px;margin:24px auto 0;text-align:left;padding:0 16px}
@media (max-width:680px){.adv-reveal{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}}
.adv-ring{position:relative;width:180px;height:180px}
.adv-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.adv-ring .bg{fill:none;stroke:var(--s3);stroke-width:12}
.adv-ring .fg{fill:none;stroke:url(#advGold);stroke-width:12;stroke-linecap:round;stroke-dasharray:534;stroke-dashoffset:534;transition:stroke-dashoffset 2s cubic-bezier(.2,.8,.2,1)}
.adv-ring .num{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
.adv-ring .num b{font-size:2.5rem;font-weight:900;color:var(--goldb);line-height:1}
.adv-ring .num small{display:block;color:var(--text2);font-size:.78rem;margin-top:4px;padding:0 22px}
.adv-hk{font-size:.78rem;letter-spacing:.14em;color:var(--amber);font-weight:700;margin-bottom:6px}
.adv-rvt h1{font-size:clamp(1.35rem,3.2vw,2.1rem);margin:0 0 10px;line-height:1.3;font-weight:900;color:var(--text)}
.adv-rvt h1 em{font-style:normal;color:var(--goldb)}
.adv-hstats{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
@media (max-width:680px){.adv-hstats{justify-content:center}}
.adv-hstats div{padding:9px 13px;border-radius:12px;background:var(--s2);border:1px solid var(--s3);min-width:92px}
.adv-hstats b{display:block;font-size:1.3rem;font-weight:800;color:var(--text)}
.adv-hstats b i{font-style:normal}
.adv-hstats span{font-size:.76rem;color:var(--text2)}
.adv-hstats .ok b{color:#3fb56e}.adv-hstats .miss b{color:#e46a6a}.adv-hstats .up b,.adv-hstats .sc b{color:var(--goldb)}
.adv-hranks{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
@media (max-width:680px){.adv-hranks{justify-content:center}}
.adv-hranks .gi-reveal-ranks{display:contents}

/* 页面上方统一风格：有报告时标题区收小、旧留存条去掉、粘贴 / 查询卡换成同一套卡片 */
.adv-on .gi-analyze-hero{padding:18px 0 6px}
.adv-on .gi-analyze-hero h1{font-size:1.1rem;letter-spacing:.12em;color:var(--amber);font-weight:700}
.adv-on .gi-analyze-hero .sub{font-size:.85rem}
#gi-saved.adv-gone{display:none!important}
.adv-on .gi-form-card{background:var(--s2);border:1px solid var(--s3);border-radius:16px;box-shadow:none}
.adv-on .gi-noaddon-divider{opacity:.6}
.adv-on .gi-paste-toggle{border-radius:10px;border:1px solid var(--amber);color:var(--amber);background:transparent;font-weight:700}

/* 揭晓卡加一行「还差 N 件 · 约 W 周」 + 分布图 */
.adv-eta{margin-top:8px;font-size:1rem;color:var(--text)}
.adv-eta b{color:var(--goldb)}
.adv-dist{margin-top:14px}
.adv-dist .cap{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;color:var(--text2);margin-bottom:4px}
.adv-dist-plot{position:relative}
.adv-dist svg{width:100%;height:84px;display:block}
.adv-dist-me{position:absolute;top:0;font:800 12px system-ui;color:var(--goldb);white-space:nowrap}
.adv-dist-ax{display:flex;justify-content:space-between;font-size:11px;color:var(--text2);margin-top:2px}
.adv-dist .bar{fill:color-mix(in srgb,var(--text2) 30%,transparent);transform-box:fill-box;transform-origin:bottom;transform:scaleY(0);transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.adv-dist.in .bar{transform:none}
.adv-dist .bar.me{fill:var(--goldb)}
.adv-dist .mk{stroke:var(--goldb);stroke-width:2;stroke-dasharray:4 4}
.adv-dist text{fill:var(--text2);font:11px system-ui}
.adv-dist .mt{fill:var(--goldb);font-weight:800}

/* 本周进度 */
.adv-vault{display:grid;gap:11px}
.adv-vrow .vh{display:flex;justify-content:space-between;font-size:.84rem;margin-bottom:5px;color:var(--text)}
.adv-vrow .vh span{color:var(--text2)}
.adv-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.adv-slot{position:relative;height:28px;border-radius:8px;background:var(--s3);overflow:hidden;font:700 11px/28px system-ui;text-align:center;color:var(--text2)}
.adv-slot i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,color-mix(in srgb,var(--amber) 55%,transparent),var(--amber));transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.adv-slot span{position:relative}
.adv-slot.full span{color:#1a1200}
.adv-slot.full{box-shadow:0 0 0 1px var(--goldb),0 0 10px -2px var(--amber)}
.adv-kv{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.adv-kv div{flex:1;min-width:120px;padding:9px 11px;border-radius:12px;background:var(--s1);border:1px solid var(--s3)}
.adv-kv b{display:block;font-size:1rem;color:var(--text)}.adv-kv small{color:var(--text2);font-size:.75rem}
.adv-kv .key b{color:#b46cf0}
.adv-fights{display:grid;gap:7px}
.adv-ft{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--s1);border:1px solid var(--s3)}
.adv-ft .d{font:700 10px system-ui;padding:3px 7px;border-radius:6px;background:#1d3a5c;color:#7cc4ff}
.adv-ft .d.boss{background:#4a1f4f;color:#f19bff}.adv-ft .d.dummy{background:#3a3a3a;color:#ccc}
.adv-ft .nm{font-size:.86rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.adv-ft .nm small{display:block;color:var(--text2);font-weight:400;font-size:.73rem}
.adv-ft .gp{display:flex;gap:6px}
.adv-ft .gp span{position:relative}
.adv-ft .gp img{width:24px;height:24px;border-radius:6px;box-shadow:0 0 0 1.5px #ff7a7a}
.adv-ft .gp em{position:absolute;right:-6px;bottom:-6px;font:800 9px system-ui;font-style:normal;background:#e04848;color:#fff;border-radius:6px;padding:0 3px}
.adv-ft .ok{font-size:.75rem;color:#5bd88a;font-weight:700}
.adv-insight{margin-top:10px;padding:9px 12px;border-radius:12px;background:color-mix(in srgb,#ff7a7a 10%,transparent);border:1px solid color-mix(in srgb,#ff7a7a 30%,transparent);font-size:.85rem;color:var(--text)}
.adv-insight b{color:#e46a6a}

/* WCL */
.adv-parse{display:grid;gap:8px}
.adv-parse .r{display:grid;grid-template-columns:minmax(0,9em) 1fr 3em;gap:10px;align-items:center;font-size:.84rem;color:var(--text)}
.adv-parse .r span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adv-parse i{display:block;height:12px;border-radius:6px;background:var(--s3);overflow:hidden}
.adv-parse i b{display:block;height:100%;width:0;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.adv-parse em{font-style:normal;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}
.adv-coach{margin-top:12px;display:flex;gap:12px;align-items:flex-start;padding:11px 13px;border-radius:12px;background:color-mix(in srgb,#7cc4ff 8%,var(--s1));border:1px solid color-mix(in srgb,#7cc4ff 30%,transparent)}
.adv-coach .av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#1d3a5c;color:#7cc4ff;font-weight:900;font-size:.8rem}
.adv-coach p{margin:0;font-size:.87rem;line-height:1.65;color:var(--text)}
.adv-typing::after{content:"▍";color:#7cc4ff;animation:advDot 1s infinite}  /* theme-ok：教练点评光标，深浅主题都可读 */

/* 爆发时间轴 */
.adv-bt-lg{display:flex;gap:14px;flex-wrap:wrap;font-size:.78rem;color:var(--text2);margin:10px 0}
.adv-bt-lg i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.adv-bt-lg i.m,.adv-bt-lane i.m{background:var(--goldb)}
.adv-bt-lg i.t,.adv-bt-lane i.t{background:#4d9be0}
.adv-bt{display:grid;gap:8px}
.adv-bt-row{display:grid;grid-template-columns:minmax(0,7.5em) minmax(0,1fr);gap:10px;align-items:center}
.adv-bt-sp{display:flex;align-items:center;gap:6px;min-width:0;font-size:.8rem;color:var(--text)}
.adv-bt-sp img{width:22px;height:22px;border-radius:5px;flex:none}
.adv-bt-sp b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adv-bt-lanes{display:grid;gap:3px}
.adv-bt-lane{position:relative;height:14px;border-radius:5px;background:var(--s1);border:1px solid var(--s3)}
.adv-bt-lane i{position:absolute;top:1px;width:10px;height:10px;border-radius:3px;transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}
.adv-bt-lane i.on{transform:scale(1)}
.adv-bt-lane i.x{background:transparent;border:2px dashed #e04848;width:12px;height:12px;top:-1px;border-radius:4px}
.adv-bt-axis{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text2);margin-left:calc(7.5em + 10px)}

/* 按周路线 */
.adv-segs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.adv-seg{display:inline-flex;border:1px solid var(--s3);border-radius:10px;overflow:hidden}
.adv-seg button{background:transparent;border:0;color:var(--text2);padding:7px 13px;font-weight:600;cursor:pointer;font-size:.85rem}
.adv-seg button.on{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber)}
.adv-route{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}
@media (max-width:900px){.adv-route{grid-template-columns:1fr}}
.adv-tl{position:relative;padding-left:32px}
.adv-tl::before{content:"";position:absolute;left:11px;top:8px;bottom:8px;width:2px;background:var(--s3)}
.adv-tl .prog{position:absolute;left:11px;top:8px;width:2px;height:0;background:linear-gradient(var(--goldb),var(--amber));box-shadow:0 0 8px var(--amber);transition:height 1.5s cubic-bezier(.2,.8,.2,1)}
.adv-wk{position:relative;margin-bottom:14px;padding:12px 14px;border-radius:14px;background:var(--s2);border:1px solid var(--s3);opacity:0;transform:translateX(-12px);transition:all .45s ease}
.adv-wk.in{opacity:1;transform:none}
.adv-wk::before{content:attr(data-n);position:absolute;left:-32px;top:12px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:800 11px system-ui;background:var(--s1);border:2px solid var(--amber);color:var(--amber)}
.adv-wk .hd{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.adv-wk .wn{font-size:.73rem;color:var(--text2);letter-spacing:.06em}
.adv-wk .ttl{font-weight:800;color:var(--text)}
.adv-wk .gain{margin-left:auto;font-size:.8rem;font-weight:700;color:#3fb56e;background:color-mix(in srgb,#5bd88a 14%,transparent);padding:2px 9px;border-radius:99px}
.adv-why{margin-top:6px;font-size:.8rem;color:var(--text2)}
.adv-why b{display:inline-block;font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:6px;background:color-mix(in srgb,#7cc4ff 16%,transparent);color:#4d9be0;margin-right:4px}
.adv-acts{display:grid;gap:7px;margin-top:9px}
.adv-act{display:flex;align-items:center;gap:9px;font-size:.87rem;color:var(--text);min-width:0}
.adv-act .src{flex:none;font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:6px}
.adv-act .src.mplus{background:#1d3a5c;color:#7cc4ff}.adv-act .src.raid{background:#4a1f4f;color:#f19bff}.adv-act .src.vault{background:#4a3a12;color:#ffd977}.adv-act .src.other{background:#203f30;color:#7ee0a6}
.adv-act .t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.adv-act .its{display:flex;gap:4px;margin-left:auto;flex:none}
.adv-act .its img{width:24px;height:24px;border-radius:6px;box-shadow:0 0 0 1.5px #a335ee}
.adv-chart svg{width:100%;height:150px}
.adv-chart .ln{fill:none;stroke:var(--amber);stroke-width:3;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;transition:stroke-dashoffset 1.7s .2s ease-out}
.adv-chart .ar{opacity:0;transition:opacity 1s 1.2s}
.adv-chart.in .ln{stroke-dashoffset:0}.adv-chart.in .ar{opacity:1}
.adv-chart .pt{fill:var(--s1);stroke:var(--goldb);stroke-width:2.5}
.adv-chart text{fill:var(--text2);font:11px system-ui}
.adv-chart .vl{fill:var(--goldb);font-weight:800}
.adv-next{display:flex;align-items:center;gap:12px}
.adv-next img{width:42px;height:42px;border-radius:9px;box-shadow:0 0 0 2px #a335ee}
.adv-next b{display:block;color:var(--text)}.adv-next small{color:var(--text2)}

/* VS 卡 */
.adv-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}
.adv-tabs button{border:1px solid var(--s3);background:var(--s2);color:var(--text2);border-radius:99px;padding:6px 13px;font-weight:700;cursor:pointer;font-size:.84rem}
.adv-tabs button.on{border-color:var(--amber);color:var(--amber);background:color-mix(in srgb,var(--amber) 12%,var(--s2))}
.adv-vs{border-radius:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--amber) 9%,var(--s2)),var(--s2) 45%,var(--s2) 55%,color-mix(in srgb,#7cc4ff 11%,var(--s2)));border:1px solid var(--s3);padding:18px 20px}
.adv-vs-hd{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin-bottom:14px}
.adv-vs-p{display:flex;align-items:center;gap:10px;min-width:0}
.adv-vs-p.r{flex-direction:row-reverse;text-align:right}
.adv-vs-p b{display:block;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text)}
.adv-vs-p small{color:var(--text2);font-size:.75rem}
.adv-vs-x{font:900 1.5rem/1 system-ui;color:var(--text2)}
.adv-vs-rows{display:grid;gap:9px}
.adv-vs-r{display:grid;grid-template-columns:3.8em 1fr 6.5em 1fr 3.8em;gap:8px;align-items:center;font-size:.83rem}
.adv-vs-r .v{font-weight:800;font-variant-numeric:tabular-nums}
.adv-vs-r .v.l{text-align:right;color:var(--goldb)}.adv-vs-r .v.r{color:#4d9be0}
.adv-vs-r .k{text-align:center;color:var(--text2);font-size:.77rem}
.adv-vs-r .bl,.adv-vs-r .br{height:10px;border-radius:5px;background:var(--s3);overflow:hidden;display:flex}
.adv-vs-r .bl{justify-content:flex-end}
.adv-vs-r .bl i,.adv-vs-r .br i{display:block;height:100%;width:0;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.adv-vs-r .bl i{background:var(--goldb)}.adv-vs-r .br i{background:#7cc4ff}
.adv-vs-r.wl .v.l::after,.adv-vs-r.wr .v.r::before{content:"▲";font-size:.6rem;margin:0 3px;color:#3fb56e}
@media (max-width:600px){.adv-vs-r{grid-template-columns:3em 1fr 4.6em 1fr 3em;font-size:.75rem}.adv-vs-p small{display:none}}
.adv-vs-sum{margin-top:12px;font-size:.87rem;padding:9px 12px;border-radius:10px;background:var(--s1);border:1px solid var(--s3);color:var(--text)}
.adv-vs-sum b{color:var(--goldb)}
.adv-pk{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}
.adv-pk code{font-size:.8rem;background:var(--s1);border:1px solid var(--s3);padding:6px 10px;border-radius:8px;color:var(--text2);user-select:all;overflow-wrap:anywhere}

/* VS 明细（逐部位 / 副属性 / 天赋 / 附魔） */
.adv-vs-compact{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.adv-vs-compact .adv-vs-r{grid-template-columns:3em 1fr 4.4em 1fr 3em;font-size:.75rem}
#adv-vs-det{display:grid;gap:14px;margin-top:14px}
.adv-vs-blk h5{margin:0 0 8px;font-size:.88rem;color:var(--text)}
.adv-vs-sls{display:grid;gap:6px}
.adv-vs-sl{display:grid;grid-template-columns:3.6em minmax(0,1fr) 4.2em minmax(0,1fr);gap:8px;align-items:center;padding:6px 8px;border-radius:10px;background:var(--s1);border:1px solid var(--s3)}
.adv-vs-sl .sn{font-size:.76rem;color:var(--text2)}
.adv-vs-sl .gp{text-align:center;font-size:.78rem}
.adv-vs-sl .gp em{font-style:normal;font-weight:800;color:#e46a6a}
.adv-vs-sl .gp em.ok{color:#3fb56e}
.adv-vs-it{display:flex;align-items:center;gap:7px;min-width:0}
.adv-vs-it img{width:26px;height:26px;border-radius:6px;flex:none;box-shadow:0 0 0 1.5px #a335ee}
.adv-vs-it span{min-width:0}
.adv-vs-it b{display:block;font-size:.8rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.adv-vs-it small{font-size:.72rem;color:var(--text2)}
@media (max-width:600px){.adv-vs-sl{grid-template-columns:minmax(0,1fr) 3.4em minmax(0,1fr)}.adv-vs-sl .sn{grid-column:1/-1}}
.adv-vs-rest{display:grid;gap:6px}
.adv-vs-st{display:grid;grid-template-columns:3.4em 1fr 7.5em;gap:8px;align-items:center;font-size:.8rem;color:var(--text);margin-bottom:6px}
.adv-vs-st .bars{display:grid;gap:3px}
.adv-vs-st .bars i{display:block;height:7px;border-radius:4px}
.adv-vs-st .bars .me{background:var(--goldb)}.adv-vs-st .bars .top{background:#7cc4ff}
.adv-vs-st em{font-style:normal;color:var(--text2);font-size:.74rem;text-align:right}
.adv-vs-tl{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:6px}
.adv-vs-tl b{font-size:.78rem;margin-right:4px}.adv-vs-tl b.add{color:#3fb56e}.adv-vs-tl b.del{color:#e46a6a}
.adv-vs-tc{display:inline-flex;align-items:center;gap:5px;padding:3px 8px 3px 4px;border-radius:99px;background:var(--s1);border:1px solid var(--s3);font-size:.78rem;color:var(--text)}
.adv-vs-tc img{width:20px;height:20px;border-radius:5px}
.adv-vs-en{display:flex;flex-wrap:wrap;gap:6px}
.adv-vs-en span{font-size:.78rem;padding:4px 9px;border-radius:8px;background:var(--s1);border:1px solid var(--s3);color:var(--text)}
.adv-vs-en small{color:var(--text2);margin-right:5px}

/* 一起玩 */
.adv-mates{display:grid;gap:7px;margin:10px 0 12px}
.adv-mate{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--s1);border:1px solid var(--s3)}
.adv-mate .ci{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font:800 11px system-ui;color:#111}
.adv-mate b{font-size:.85rem;color:var(--text)}.adv-mate small{display:block;color:var(--text2);font-size:.73rem}
.adv-mate .role{font:700 10px system-ui;padding:2px 8px;border-radius:99px;background:var(--s3);color:var(--text2)}
.adv-rk{display:grid;gap:6px;margin:10px 0}
.adv-rk div{display:grid;grid-template-columns:1.6em minmax(0,1fr) auto;gap:8px;align-items:center;font-size:.84rem;padding:5px 8px;border-radius:8px;color:var(--text)}
.adv-rk div.me{background:color-mix(in srgb,var(--amber) 14%,transparent);outline:1px solid color-mix(in srgb,var(--amber) 40%,transparent)}
.adv-rk em{font-style:normal;color:var(--text2);font-variant-numeric:tabular-nums}
.adv-rk .n{font-weight:900;color:var(--text2)}
.adv-rk .me .n{color:var(--goldb)}
.adv-share{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;align-items:center}
@media (max-width:600px){.adv-share{grid-template-columns:1fr;justify-items:center;text-align:center}}
.adv-share canvas{width:200px;height:266px;border-radius:16px;box-shadow:0 0 0 1px #6d5a2c,0 20px 40px -16px rgba(0,0,0,.6);transform:rotate(-3deg);transition:transform .4s}
.adv-share canvas:hover{transform:rotate(0) scale(1.03)}
.adv-optin{display:flex;gap:8px;align-items:center;font-size:.8rem;color:var(--text2);margin-top:10px}
.adv-optin input{accent-color:var(--amber)}

/* 下一把 */
.adv-keyhd{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.adv-keyhd .ks{font-size:1.2rem;font-weight:900;color:#b46cf0}
.adv-aff{display:flex;gap:6px;flex-wrap:wrap}
.adv-aff span{font-size:.75rem;padding:3px 9px;border-radius:99px;background:var(--s1);border:1px solid var(--s3);color:var(--text2)}
.adv-kick3{display:grid;gap:7px}
.adv-kick3 div{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;font-size:.85rem;padding:8px 10px;border-radius:10px;background:var(--s1);border:1px solid var(--s3);color:var(--text)}
.adv-kick3 .lv{font:800 10px system-ui;padding:2px 7px;border-radius:6px}
.adv-kick3 .lv.must{background:#5c1d1d;color:#ff9b9b}.adv-kick3 .lv.high{background:#4a3a12;color:#ffd977}.adv-kick3 .lv.mid,.adv-kick3 .lv.low{background:var(--s3);color:var(--text2)}
.adv-kick3 em{font-style:normal;color:var(--text2);font-size:.78rem}

/* 全链路 */
.adv-chain{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
@media (max-width:820px){.adv-chain{grid-template-columns:1fr}}
.adv-node{border-radius:18px;background:var(--s2);border:1px solid var(--s3);padding:18px;text-align:center}
.adv-node .ic{width:60px;height:60px;margin:0 auto 8px;border-radius:16px;display:grid;place-items:center;font-size:26px;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--amber) 35%,var(--s3)),var(--s1))}
.adv-node.mp .ic{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,#07c160 45%,var(--s3)),var(--s1))}
.adv-node .st{font-size:.7rem;color:var(--amber);font-weight:800;letter-spacing:.14em}
.adv-node.mp .st{color:#07a552}
.adv-node h4{margin:4px 0 6px;font-size:1.05rem;color:var(--text)}
.adv-node ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px;text-align:left;font-size:.86rem;color:var(--text2)}
.adv-node li::before{content:"✓ ";color:var(--amber);font-weight:800}
.adv-node.mp li::before{color:#07a552}
.adv-arw{position:absolute;top:50%;z-index:2;transform:translate(-50%,-50%);display:flex;gap:2px;font:900 22px/1 system-ui;color:var(--amber)}
.adv-arw i{font-style:normal;opacity:.15;animation:advChev 1.2s infinite}
.adv-arw i:nth-child(2){animation-delay:.2s}.adv-arw i:nth-child(3){animation-delay:.4s}
.adv-arw.g{color:#07c160}
@keyframes advChev{40%{opacity:1}80%{opacity:.15}}
@media (max-width:820px){.adv-arw{display:none}}

/* 存到小程序 */
.adv-save{position:relative;border-radius:22px;padding:28px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;align-items:center;
  background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,#07c160 20%,var(--s2)),var(--s2) 55%);border:1px solid color-mix(in srgb,#07c160 35%,var(--s3))}
@media (max-width:760px){.adv-save{grid-template-columns:1fr;padding:22px 18px;text-align:center}}
.adv-save h3{margin:8px 0;font-size:clamp(1.3rem,2.8vw,1.8rem);font-weight:900;color:var(--text)}
.adv-save p{color:var(--text2);margin:0 0 16px}
.adv-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
@media (max-width:760px){.adv-chips{justify-content:center}}
.adv-chips span{font-size:.8rem;padding:4px 10px;border-radius:99px;background:color-mix(in srgb,#07c160 14%,transparent);color:#07a552;border:1px solid color-mix(in srgb,#07c160 30%,transparent)}
.adv-big{display:inline-flex;align-items:center;gap:9px;padding:14px 24px;border-radius:14px;border:0;cursor:pointer;font-size:1.02rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#19d474,#06a552);box-shadow:0 14px 34px -10px rgba(7,193,96,.7);position:relative;overflow:hidden}
.adv-big::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.4) 50%,transparent 70%);transform:translateX(-100%);animation:advShine 3s 1s infinite}
@keyframes advShine{40%,100%{transform:translateX(100%)}}
.adv-phone{justify-self:center;width:190px;height:360px;border-radius:30px;padding:9px;background:#0b0b12;box-shadow:0 0 0 2px #2a2a3a,0 26px 50px -18px rgba(0,0,0,.7);animation:advFloat 5s ease-in-out infinite;position:relative}  /* theme-ok：手机壳模型，刻意深色 */
@keyframes advFloat{50%{transform:translateY(-8px) rotate(1deg)}}
.adv-phone .scr{height:100%;border-radius:22px;overflow:hidden;background:#11111c;padding:30px 11px 11px;display:flex;flex-direction:column;gap:7px;color:#c9c9e0;font-size:11px;position:relative}
.adv-phone .ttl{font:800 12px system-ui;color:#f2c96b}  /* theme-ok：手机壳模型，刻意深色 */
.adv-phone .c{border-radius:10px;background:#1b1b2c;padding:8px}  /* theme-ok：手机壳模型，刻意深色 */
.adv-phone .c b{color:#fff}  /* theme-ok：手机壳模型，刻意深色 */
.adv-phone .toast{position:absolute;left:11px;right:11px;bottom:14px;border-radius:12px;background:#07c160;color:#fff;font:700 11px system-ui;padding:9px;text-align:center;transform:translateY(80px);transition:transform .5s cubic-bezier(.3,1.5,.5,1)}
.adv-phone.got .toast{transform:none}
.adv-modal{position:fixed;inset:0;z-index:9990;display:grid;place-items:center;background:rgba(4,4,12,.7);padding:16px}
.adv-modal[hidden]{display:none}
.adv-mbox{width:min(420px,100%);border-radius:20px;background:var(--s2);border:1px solid var(--s3);padding:22px;text-align:center;color:var(--text)}
.adv-mbox p{color:var(--text2);margin:0 0 14px;font-size:.9rem}
.adv-qr{position:relative;width:180px;height:180px;margin:0 auto 14px}
.adv-qr img{width:180px;height:180px;border-radius:14px;background:#fff;padding:8px;position:relative;z-index:1}
.adv-qr::before,.adv-qr::after{content:"";position:absolute;inset:-3px;border-radius:16px;border:2px solid #07c160;animation:advRing 2.4s ease-out infinite}
.adv-qr::after{animation-delay:1.2s}
@keyframes advRing{from{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}
.adv-qr .ok{position:absolute;inset:0;z-index:2;border-radius:14px;background:rgba(7,193,96,.94);display:grid;place-items:center;color:#fff;font-size:60px;transform:scale(0);transition:transform .45s cubic-bezier(.3,1.6,.5,1)}  /* theme-ok：扫码成功绿底白勾 */
.adv-qr.done .ok{transform:scale(1)}

/* 页面最后的支持卡（合并原感谢条 + 支持卡的打赏行）。刻意的深色物件 */
.adv-tip{--tg:#e6bd5c;--tdim:#a8a3c4;--tline:#3a3452;position:relative;border-radius:22px;padding:26px 28px;overflow:hidden;color:#efeaf8;  /* theme-ok：支持卡：自带深底的物件，字色跟卡走 */
  background:radial-gradient(120% 140% at 100% 0%,#2c2140 0%,#16131f 58%);border:1px solid #6d5a2c}  /* theme-ok：支持卡：自带深底的物件，字色跟卡走 */
@media (max-width:600px){.adv-tip{padding:20px 16px}}
.adv-tip.pop{animation:advPop .7s cubic-bezier(.3,1.4,.5,1)}
@keyframes advPop{from{transform:translateY(26px) scale(.97);opacity:.3}to{transform:none;opacity:1}}
.adv-tip h3{font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:900;margin:0 0 14px;line-height:1.3;color:#efeaf8}  /* theme-ok：支持卡：自带深底的物件，字色跟卡走 */
.adv-tip-st{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:700px){.adv-tip-st{grid-template-columns:repeat(2,minmax(0,1fr))}}
.adv-tip-st div{border-top:1px solid var(--tline);padding-top:9px;min-width:0}
.adv-tip-st b{display:block;font-size:1.75rem;font-weight:900;color:var(--tg);line-height:1.15;font-variant-numeric:tabular-nums}
.adv-tip-st span{font-size:.78rem;color:var(--tdim);line-height:1.5}
.adv-tip-story{margin:16px 0 18px;font-size:.93rem;line-height:1.85;color:#e6e0f2}  /* theme-ok：支持卡：自带深底的物件，字色跟卡走 */
.adv-tip-story b{color:var(--tg)}
.adv-tip-lb{display:flex;justify-content:space-between;align-items:baseline;font-size:.84rem;color:var(--tdim);margin-bottom:7px}
.adv-tip-lb b{font-size:1.5rem;color:var(--tg);font-variant-numeric:tabular-nums}
.adv-tip-bar{position:relative;height:18px;border-radius:99px;background:#2a2238;border:1px solid var(--tline);display:flex;overflow:hidden;cursor:pointer}  /* theme-ok：支持卡：自带深底的物件，字色跟卡走 */
.adv-tip-bar i{display:block;height:100%;width:0;position:relative;overflow:hidden;transition:width 1.3s cubic-bezier(.2,.7,.2,1)}
.adv-tip-bar i::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.4) 50%,transparent 80%);transform:translateX(-100%);animation:advTshine 2.8s 2s ease-in-out infinite}
@keyframes advTshine{to{transform:translateX(100%)}}
.adv-c1{background:#e6bd5c}.adv-c2{background:#b48cf2}.adv-c3{background:#5fc4a8}
.adv-tip-lg{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px;font-size:.78rem;color:var(--tdim)}
.adv-tip-lg i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:5px;vertical-align:-1px}
.adv-tip-lg .rest{margin-left:auto}
.adv-tip-who{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px;font-size:.88rem}
.adv-tip-who b{color:var(--tg)}
.adv-faces{display:flex}
.adv-faces i{font-style:normal;width:27px;height:27px;border-radius:50%;background:#3b2f55;border:2px solid #16131f;display:grid;place-items:center;font-size:12px;margin-left:-7px;color:#efeaf8}
.adv-faces i:first-child{margin-left:0}
.adv-thx{position:relative;margin-top:12px;height:30px;overflow:hidden;border-radius:8px;background:rgba(255,255,255,.04);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.adv-thx-in{position:absolute;left:0;top:0;display:flex;gap:26px;white-space:nowrap;line-height:30px;font-size:.82rem;color:#d9d2ec;animation:advThx 45s linear infinite}  /* theme-ok：支持卡：自带深底的物件，字色跟卡走 */
.adv-thx-in b{color:var(--tg);font-weight:700}
@keyframes advThx{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.adv-tip-act{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}
.adv-tip-btn{border:0;cursor:pointer;font-weight:800;font-size:1rem;padding:11px 26px;border-radius:99px;color:#2a1d05;background:linear-gradient(180deg,#f0cf78,#c9972f);animation:advPulse 2.4s 2.4s ease-out infinite}
@keyframes advPulse{0%{box-shadow:0 0 0 0 rgba(230,189,92,.55)}70%,100%{box-shadow:0 0 0 14px rgba(230,189,92,0)}}
.adv-tip-act a{color:var(--tdim);font-size:.86rem}
.adv-tip-foot{margin-top:12px;font-size:.74rem;color:var(--tdim)}

/* 导览：右侧进度点 + 浮动按钮 + 聚光灯 */
.adv-dots{position:fixed;right:max(14px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;gap:12px}
.adv-dots[hidden]{display:none}
.adv-dots a{position:relative;display:block;width:11px;height:11px;border-radius:50%;border:2px solid var(--text2);transition:all .3s}
.adv-dots a.on{background:var(--amber);border-color:var(--amber);box-shadow:0 0 0 5px color-mix(in srgb,var(--amber) 25%,transparent)}
.adv-dots a span{position:absolute;right:20px;top:50%;transform:translateY(-50%);white-space:nowrap;font-size:12px;color:var(--text2);opacity:0;transition:opacity .2s;background:var(--s2);padding:3px 8px;border-radius:6px;border:1px solid var(--s3);pointer-events:none}
.adv-dots a:hover span,.adv-dots a.on span{opacity:1}
@media (max-width:1100px){.adv-dots{display:none}}
.adv-fab{position:fixed;left:max(18px,env(safe-area-inset-left,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:45;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:99px;border:0;cursor:pointer;font-weight:700;font-size:13px;color:#1a1200;background:linear-gradient(135deg,var(--goldb),var(--gold));box-shadow:0 10px 30px -8px color-mix(in srgb,var(--amber) 70%,transparent)}
.adv-fab[hidden]{display:none}
@media (max-width:700px){.adv-fab{display:none}}   /* 手机上常驻按钮会挡内容：只在第一次进来自动导览 */
.adv-mask{position:fixed;inset:0;z-index:9980}
.adv-mask[hidden]{display:none}
.adv-hole{position:absolute;border-radius:16px;box-shadow:0 0 0 9999px rgba(4,4,12,.72);transition:all .45s cubic-bezier(.2,.8,.2,1);outline:2px solid var(--amber)}
.adv-ttip{position:absolute;width:min(340px,calc(100vw - 32px));background:var(--s2);border:1px solid var(--amber);border-radius:14px;padding:15px 17px;box-shadow:0 20px 50px -10px rgba(0,0,0,.6);transition:all .45s cubic-bezier(.2,.8,.2,1);color:var(--text)}
.adv-ttip .st{font-size:12px;color:var(--amber);font-weight:700;letter-spacing:.1em}
.adv-ttip h4{margin:6px 0;font-size:1.02rem}
.adv-ttip p{margin:0 0 12px;color:var(--text2);font-size:.88rem;line-height:1.55}
.adv-ttip .btns{display:flex;justify-content:space-between}

@media (prefers-reduced-motion:reduce){
  .adv-hero *,.adv-hero::before{animation:none!important;transition:none!important}
  .adv *,.adv *::before,.adv *::after,.adv-tip *,.adv-fab,.adv-phone{animation:none!important;transition:none!important}
  .adv-rv,.adv-wk{opacity:1;transform:none}
  .adv-dist .bar{transform:none}
}