:root{--ink:#f4ede0;--muted:#cdbd9d;--soft:#9d8c6f;--gold:#e6c878;--gold2:#d8b15a;--line:rgba(216,177,90,.22);--card:#171109;--accent:#c0354c}
*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased}
html,body{height:100%}
body{font-family:'Inter','Segoe UI','Helvetica Neue',Arial,sans-serif;background:radial-gradient(120% 80% at 50% -5%,#1d1610,#120d08 55%,#0b0805);color:var(--ink);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:18px}
.phone{width:100%;max-width:420px;height:min(860px,94vh);background:linear-gradient(180deg,#140e08,#0d0906);border:1px solid var(--line);border-radius:30px;overflow:hidden;position:relative;box-shadow:0 30px 90px rgba(0,0,0,.6),0 0 0 1px rgba(216,177,90,.08);display:flex;flex-direction:column}
.topbar{display:flex;align-items:center;gap:10px;padding:16px 18px 10px}
.brand{display:flex;align-items:center;gap:9px;font-weight:800}
.brand .mk{width:26px;height:26px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.brand .wm{color:var(--ink)} .brand .wm b{color:var(--gold);font-weight:800}
.lang{margin-left:auto;display:flex;gap:2px;background:#0e0a06;border:1px solid var(--line);border-radius:999px;padding:2px}
.lang b{font-size:11px;font-weight:700;color:var(--soft);padding:4px 9px;border-radius:999px;cursor:pointer;transition:.15s}
.lang b.on{background:linear-gradient(135deg,#f0d089,#d8b15a);color:#1a1408}
.lang b:hover:not(.on){color:var(--ink)}
.scroll{flex:1;overflow-y:auto;padding:18px 22px 24px;scrollbar-width:none}
.scroll::-webkit-scrollbar{display:none}
.kick{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--gold);font-weight:700;margin-bottom:10px}
h1{font-size:24px;line-height:1.24;font-weight:800;letter-spacing:-.3px}
h1 .g{color:var(--gold)}
.sub{font-size:14px;line-height:1.6;color:var(--muted);margin-top:10px}
.q{margin-top:18px}
.q .qt{font-size:14px;font-weight:600;margin-bottom:9px}
.seg{display:flex;gap:7px;flex-wrap:wrap}
.seg.grid button{flex:1 1 calc(50% - 4px)}
.seg button{flex:1 1 auto;min-width:0;font:inherit;font-size:12.5px;cursor:pointer;border:1px solid var(--line);background:#0e0a06;color:var(--muted);border-radius:10px;padding:9px 6px;transition:.15s;line-height:1.3}
.seg button.on{background:linear-gradient(135deg,#f0d089,#d8b15a);color:#1a1408;border-color:transparent;font-weight:700}
.gobtn{width:100%;margin-top:22px;border:none;border-radius:14px;padding:15px;font:inherit;font-size:15.5px;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#f0d089,#d8b15a);color:#1a1408;transition:.18s}
.gobtn:disabled{opacity:.4;cursor:not-allowed}
.gobtn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(216,177,90,.6)}
.verdict{margin-top:8px;background:linear-gradient(135deg,rgba(216,177,90,.13),transparent);border:1px solid var(--gold2);border-radius:18px;padding:19px}
.verdict .lab{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:700}
.verdict .big{font-size:19px;font-weight:800;margin-top:7px;line-height:1.35}
.phase{margin-top:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:15px;position:relative;overflow:hidden}
.phase:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#f0d089,#d8b15a)}
.phase .pd{font-size:12px;font-weight:800;color:var(--gold);letter-spacing:1px}
.phase .pt{font-size:14.5px;font-weight:700;margin:3px 0 7px}
.phase ul{list-style:none;margin:0;padding:0}
.phase li{font-size:13px;color:var(--muted);line-height:1.6;padding-left:15px;position:relative;margin-bottom:5px}
.phase li:before{content:"·";position:absolute;left:3px;color:var(--gold2);font-weight:900}
.phase li b{color:var(--ink)}
.card{margin-top:14px;background:rgba(192,53,76,.08);border:1px solid rgba(192,53,76,.35);border-radius:14px;padding:15px}
.card .h{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#e7a3b0;font-weight:700;margin-bottom:8px}
.card p{font-size:13.5px;line-height:1.68;color:var(--muted)}
.card p b{color:var(--ink)}
.cta{display:block;margin-top:16px;text-align:center;background:#241a0c;border:1px solid var(--gold2);color:var(--gold);text-decoration:none;padding:13px;border-radius:13px;font-size:13.5px;font-weight:700;transition:.16s}
.cta:hover{background:#2e2110}
.disc{font-size:11px;color:var(--soft);margin-top:18px;line-height:1.6;text-align:center}
html[lang^="zh"] .kick,html[lang^="zh"] .verdict .lab,html[lang^="zh"] .card .h{letter-spacing:1.5px}
html[lang^="zh"] h1{line-height:1.34}
html[lang^="zh"] .sub,html[lang^="zh"] .phase li,html[lang^="zh"] .card p{line-height:1.78}
