*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#14213d;line-height:1.55;background:#fff}
.w{max-width:1040px;margin:0 auto;padding:0 22px}header{border-bottom:1px solid #eee}.nav{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{font-weight:800;font-size:20px}.logo span{color:#2563eb}.logo small{display:block;font-weight:500;font-size:11px;color:#667}
.btn{display:inline-block;background:#2563eb;color:#fff;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:600}.btn.o{background:#fff;color:#2563eb;border:2px solid #2563eb}
.hero{padding:80px 0 60px;background:linear-gradient(180deg,#f5f8ff,#fff)}h1{font-size:46px;line-height:1.1;margin:0 0 18px;max-width:780px}.lead{font-size:19px;color:#445;max-width:680px}
section{padding:56px 0}h2{font-size:30px;margin:0 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.card{border:1px solid #e6e9f0;border-radius:12px;padding:22px;background:#fff}.big{font-size:38px;font-weight:800;color:#2563eb}
table{width:100%;border-collapse:collapse;font-size:15px}td,th{padding:8px 10px;border-bottom:1px solid #eee;text-align:left}th{background:#f6f7fb}
.note{font-size:13px;color:#667}.alt{background:#f8fafc}.price{font-size:26px;font-weight:800;margin:6px 0}.feat{border:2px solid #2563eb}
footer{border-top:1px solid #eee;padding:30px 0;font-size:14px;color:#556}ol li,ul li{margin:6px 0}@media(max-width:640px){h1{font-size:34px}}
/* ---- snapshot v2 ---- */
.snap h1{font-size:36px;margin:0}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#2563eb;margin-bottom:14px}
.s-hero{padding:48px 0 40px;background:linear-gradient(180deg,#f5f8ff,#fff)}.s-id{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.meta{color:#556;margin:4px 0 0}
.lg{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#fff;border:1px solid #e6e9f0;border-radius:12px;padding:12px 16px;height:84px;min-width:120px;max-width:260px}
.lg img{max-height:58px;max-width:220px;object-fit:contain}.lg.dark{background:#14213d;border-color:#14213d}.lg.mk span{font-weight:800;font-size:15px;line-height:1.15;max-width:150px}.lg.mk img{max-height:50px}.lg.dark.mk span{color:#fff}
.stat{display:flex;gap:22px;align-items:center;margin-top:28px;background:#fff;border:1px solid #fde2e2;border-left:6px solid #dc2626;border-radius:12px;padding:20px 24px;font-size:17px;max-width:820px}
.big0{font-size:60px;font-weight:900;color:#dc2626;line-height:1}.big0 span{font-size:26px;color:#99a}
.ans{border:1px solid #e3e6ee;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(20,33,61,.08);overflow:hidden;max-width:820px}
.ans-lbl{background:#f6f7fb;border-bottom:1px solid #eee;padding:10px 18px;font-size:13px;font-weight:700;color:#556}
.q{display:flex;justify-content:flex-end;padding:18px 18px 4px}.bub{background:#eef1f7;border-radius:18px;padding:10px 16px;font-size:16px;max-width:80%}
.a{display:flex;gap:12px;padding:12px 18px 6px}.av{flex:0 0 32px;height:32px;border-radius:50%;background:#14213d;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ab{font-size:15.5px;color:#222}.ab p{margin:0 0 10px}.el{color:#99a}.ans-f{display:flex;gap:10px;margin:0 0 12px;padding:10px 12px;border-radius:10px;background:#fffbea;border:1px solid #fde68a}
.num{font-weight:800;color:#b45309}.fn{font-weight:800}.fd{font-size:14px;color:#445}
.ans-names{padding:12px 18px;border-top:1px solid #eee;font-size:13px;color:#556}.chip{display:inline-block;background:#eef2ff;color:#1e3a8a;border-radius:99px;padding:3px 10px;margin:3px 2px;font-weight:600}.chip.miss{background:#fee2e2;color:#b91c1c}
.src{padding:0 18px 14px;font-size:12px;color:#889}
.vs{background:#fff;border:1px solid #e3e6ee;border-radius:16px;padding:22px;box-shadow:0 10px 30px rgba(20,33,61,.08)}.vs-head span{display:block;font-size:22px;font-weight:800}.vs-head small{color:#667;font-size:14px}
.vs-row{display:flex;gap:18px;align-items:stretch;margin-top:18px}.vs-c{flex:1;border-radius:14px;padding:18px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative}
.vs-c.you{border:2px dashed #fca5a5;background:#fff7f7}.vs-c.you .lg{filter:grayscale(.6);opacity:.85}.nm{background:#dc2626;color:#fff;font-weight:800;border-radius:99px;padding:6px 14px;font-size:15px}
.vs-x{align-self:center;font-weight:900;color:#99a;font-size:22px}.vs-comps{flex:1.4;display:flex;gap:14px}.vs-c.win{border:2px solid #86efac;background:#f0fdf4}
.badge-win{background:#16a34a;color:#fff;font-size:12px;font-weight:800;border-radius:99px;padding:3px 10px}.ini{width:64px;height:64px;border-radius:50%;background:#14213d;color:#fff;font-weight:800;font-size:22px;display:flex;align-items:center;justify-content:center}
.cn{font-weight:800;font-size:16px;line-height:1.25}.cnt{font-size:13px;color:#445}.vs-foot{margin-top:14px;font-size:12px;color:#889}
.cta{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-top:24px;background:#14213d;color:#fff;border-radius:14px;padding:22px 24px}.cta span{color:#c7d2fe;font-size:14px}
.tw{overflow-x:auto}.snap table{font-size:14px}.snap td{vertical-align:top}.no{color:#b91c1c;font-weight:700}
body.share{width:1200px;height:630px;margin:0;background:linear-gradient(135deg,#eef3ff,#fff);display:flex;align-items:center;justify-content:center}
body.share .vs{width:1120px;padding:34px 38px}body.share .vs-head span{font-size:34px}body.share .vs-head small{font-size:18px}body.share .vs-row{margin-top:26px}
body.share .vs-c{padding:24px}body.share .cn{font-size:20px}body.share .cnt{font-size:15px}body.share .nm{font-size:18px}body.share .vs-foot{font-size:14px}
@media(max-width:760px){.snap h1{font-size:26px}.stat{flex-direction:column;align-items:flex-start;gap:8px}.big0{font-size:48px}.vs-row,.vs-comps{flex-direction:column}.vs-x{font-size:16px}.cta{flex-direction:column;align-items:flex-start}.lg{height:70px}.bub{max-width:95%}}