:root{--paper:#fff5fa;--paper-2:#fde7f2;--card:#fff;--ink:#2a1530;--soft:#6b5872;--line:#f3d6e5;--line-strong:#e8b9d1;--pink:#ec4899;--pink-text:#be185d;--pink-soft:#fce7f3;--plum:#9d174d;--gold:#f59e0b;--good:#15803d;--bad:#b91c1c;--r-s:12px;--r-m:18px;--r-l:28px;--shadow:0 1px 2px #9d174d0f, 0 16px 40px -20px #9d174d59;--focus:0 0 0 3px color-mix(in srgb, var(--pink) 45%, transparent);--f-body:"Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--f-head:"Montserrat", "Instrument Sans", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#1a0f1d;--paper-2:#24142a;--card:#2a1832;--ink:#fbeef5;--soft:#c7aecf;--line:#3d2545;--line-strong:#553560;--pink:#f472b6;--pink-text:#f9a8d4;--pink-soft:#3b1a35;--plum:#f9a8d4;--good:#4ade80;--bad:#fca5a5;--shadow:0 1px 2px #0000004d, 0 16px 40px -20px #0009;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--paper:#1a0f1d;--paper-2:#24142a;--card:#2a1832;--ink:#fbeef5;--soft:#c7aecf;--line:#3d2545;--line-strong:#553560;--pink:#f472b6;--pink-text:#f9a8d4;--pink-soft:#3b1a35;--plum:#f9a8d4;--good:#4ade80;--bad:#fca5a5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(1200px 600px at 100% -10%, var(--paper-2), transparent 60%), var(--paper);color:var(--ink);font:16px/1.6 var(--f-body);-webkit-font-smoothing:antialiased;background-attachment:fixed}html:lang(zh-CN) body{line-height:1.75}h1,h2,h3{font-family:var(--f-head);letter-spacing:-.015em;margin:0;line-height:1.2}html:lang(zh-CN) :is(h1,h2,h3){letter-spacing:0}a{color:var(--pink-text);text-underline-offset:3px}:is(a,button,summary):focus-visible{box-shadow:var(--focus);outline:none}button{font:inherit;color:inherit;cursor:pointer}.tnum{font-variant-numeric:tabular-nums}.muted{color:var(--soft)}.small{font-size:13.5px}.center{text-align:center;justify-content:center}.wrap{max-width:860px;margin:0 auto;padding:0 16px}@media (width>=720px){.wrap{padding:0 24px}}.top{z-index:20;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.top-in{justify-content:space-between;align-items:center;gap:12px;height:58px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;min-width:0;text-decoration:none;display:flex}.brand-mark{flex:none;display:flex}.brand-name{font:800 15px/1.2 var(--f-head);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lang{border:1px solid var(--line-strong);background:var(--card);border-radius:999px;flex:none;padding:3px;display:flex}.lang button{color:var(--soft);background:0 0;border:0;border-radius:999px;min-height:32px;padding:5px 12px;font-size:13.5px;font-weight:600}.lang button[aria-pressed=true]{background:var(--pink);color:#fff}.main{padding-top:20px;padding-bottom:48px}.btn{border:1.5px solid var(--line-strong);background:var(--card);min-height:46px;color:var(--ink);border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-weight:600;text-decoration:none;transition:transform .12s,background .15s;display:inline-flex}.btn:hover{background:var(--pink-soft)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.6;cursor:progress}.btn-primary{background:var(--pink);border-color:var(--pink);color:#fff}.btn-primary:hover{background:#db2777}.btn-big{min-height:56px;padding:14px 30px;font-size:18px;box-shadow:0 12px 28px -12px #ec4899cc}.link-btn{color:var(--soft);background:0 0;border:0;padding:6px 0;font-weight:600}.row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.hero{padding:8px 0 28px}.hero-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--shadow);text-align:center;padding:28px 22px 24px;position:relative;overflow:hidden}.hero-card:before,.hero-card:after{content:"";opacity:.5;pointer-events:none;border-radius:50%;position:absolute}.hero-card:before{background:var(--pink-soft);width:140px;height:140px;top:-40px;right:-40px}.hero-card:after{background:color-mix(in srgb, var(--gold) 25%, transparent);width:90px;height:90px;bottom:-30px;left:-30px}.kicker{background:var(--pink-soft);color:var(--pink-text);border-radius:999px;margin:0 0 14px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block;position:relative}.hero h1{font-size:clamp(32px,8vw,52px);font-weight:800;position:relative}.credit{color:var(--soft);margin:8px 0 0;font-size:14px;position:relative}.credit a{color:var(--plum);font-weight:700;text-decoration:none}.lead{color:var(--soft);max-width:560px;margin:16px auto 22px;font-size:17px;position:relative}.hero .btn-big{position:relative}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin:18px 0 0;padding:0;list-style:none;display:flex;position:relative}.chips li{border:1px dashed var(--line-strong);color:var(--soft);border-radius:999px;padding:4px 12px;font-size:13px}.quiz{min-height:60vh;padding:4px 0 32px}.progress{background:var(--pink-soft);border-radius:999px;height:8px;overflow:hidden}.progress span{background:linear-gradient(90deg, var(--pink), var(--gold));border-radius:999px;height:100%;transition:width .3s;display:block}.quiz-meta{justify-content:space-between;align-items:center;margin:10px 0 18px;display:flex}.quiz-q{outline:none;margin-bottom:20px;font-size:clamp(24px,6vw,34px);font-weight:800}.opts{gap:10px;display:grid}@media (width>=640px){.opts{grid-template-columns:1fr 1fr}}.opt{text-align:left;border-radius:var(--r-m);border:1.5px solid var(--line);background:var(--card);min-height:64px;box-shadow:var(--shadow);align-items:center;gap:14px;padding:14px 16px;font-size:16.5px;font-weight:600;transition:transform .12s,border-color .15s;animation:.25s both pop;display:flex}.opt:hover{border-color:var(--pink)}.opt:active{transform:scale(.98)}.opt.on{border-color:var(--pink);background:var(--pink-soft)}.opt-emoji{flex:none;font-size:26px;line-height:1}.opt:nth-child(2){animation-delay:30ms}.opt:nth-child(3){animation-delay:60ms}.opt:nth-child(4){animation-delay:90ms}.opt:nth-child(5){animation-delay:.12s}@keyframes pop{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.opt,.win{animation:none!important}.progress span{transition:none}}.result{padding-bottom:24px}.shared-note{text-align:center;color:var(--soft);margin:0 0 12px}.win{background:var(--card);border:2px solid var(--pink);border-radius:var(--r-l);box-shadow:var(--shadow);text-align:center;padding:26px 20px 22px;animation:.4s both pop}.win-label{color:var(--soft);margin:0;font-weight:600}.win-name{color:var(--plum);margin:4px 0 0;font-size:clamp(36px,10vw,60px);font-weight:800}.win-alt{color:var(--soft);margin:2px 0 12px}.pill{background:var(--pink);color:#fff;font:800 18px/1.4 var(--f-head);border-radius:999px;margin:0 0 18px;padding:6px 18px;display:inline-block}.h-small{text-transform:uppercase;letter-spacing:.06em;color:var(--pink-text);margin-bottom:6px;font-size:15px}html:lang(zh-CN) .h-small{letter-spacing:0}.why{text-align:left;gap:8px;max-width:520px;margin:0 auto;padding:0;list-style:none;display:grid}.why li{background:var(--pink-soft);border-radius:var(--r-s);padding:10px 12px 10px 38px;position:relative}.why li:before{content:"✓";color:var(--good);font-weight:800;position:absolute;top:10px;left:13px}.why-bad li{background:color-mix(in srgb, var(--bad) 10%, var(--card))}.why-bad li:before{content:"✕";color:var(--bad)}.win .row{justify-content:center}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 8px;display:flex}.h-sec{margin:28px 0 12px;font-size:20px;font-weight:800}.runners{gap:10px;display:grid}@media (width>=640px){.runners{grid-template-columns:1fr 1fr}}.runner{border-radius:var(--r-m);border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:var(--shadow);grid-template-columns:auto 1fr auto;align-items:center;gap:4px 12px;padding:14px 16px;text-decoration:none;display:grid}.runner:hover{border-color:var(--pink)}.runner-rank{font:800 15px var(--f-head);color:var(--soft)}.runner-name{font:800 19px/1.25 var(--f-head)}.runner-pct{font:800 17px var(--f-head);color:var(--pink-text)}.runner-why{grid-column:1/-1}.worst{border-radius:var(--r-m);border:1px dashed var(--line-strong);margin-top:8px;padding:4px 18px 18px}.worst .h-sec{margin-top:16px}.worst-name{font:800 24px/1.3 var(--f-head);margin:0 0 4px}.worst .why{max-width:none;margin:0}.links{gap:10px;margin:24px 0 8px;display:grid}@media (width>=640px){.links{grid-template-columns:1fr 1fr}}.link-card{border-radius:var(--r-m);background:var(--card);border:1px solid var(--line);color:var(--ink);padding:14px 16px;font-weight:600;text-decoration:none;display:block}.link-card:hover{border-color:var(--pink);color:var(--pink-text)}.modal{z-index:50;background:#1a0f1db8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-in{background:var(--card);border-radius:var(--r-l);width:100%;max-width:420px;max-height:100%;padding:16px;overflow:auto}.card-img{border-radius:var(--r-m);width:100%;height:auto;display:block}.modal .row{margin-top:10px}.browse,.method{margin-top:40px}.browse h2,.method h2{margin-bottom:6px;font-size:22px;font-weight:800}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none;display:grid}@media (width>=640px){.city-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.city-grid a{border-radius:var(--r-s);border:1px solid var(--line);background:var(--card);color:var(--ink);flex-direction:column;height:100%;padding:10px 12px;text-decoration:none;display:flex}.city-grid a:hover{border-color:var(--pink)}.cg-name{font-weight:700;line-height:1.3}.cg-sub{line-height:1.3}.method p{color:var(--soft)}.sources{margin-top:12px}.sources summary{cursor:pointer;color:var(--pink-text);font-weight:700}.sources ul{padding-left:20px;font-size:14px}.sources li{margin:6px 0}.city h1{margin:6px 0 10px;font-size:clamp(26px,6vw,38px);font-weight:800}.crumbs{color:var(--soft)}.city .lead{max-width:none;margin:0 0 6px}.crumbs a{color:var(--soft)}.city>.btn-primary{margin:6px 0 4px}.tags{flex-wrap:wrap;gap:8px;margin:18px 0 6px;display:flex}.tag{background:var(--pink-soft);color:var(--pink-text);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600}.fact-sec{border-radius:var(--r-m);background:var(--card);border:1px solid var(--line);margin-top:22px;padding:18px}.fact-sec h2{margin-bottom:10px;font-size:18px;font-weight:800}.fact-sec p{margin:6px 0 0}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:0;display:grid}@media (width>=640px){.facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.fact dt{color:var(--soft);font-size:13px;line-height:1.35}.fact dd{font:800 20px/1.3 var(--f-head);margin:2px 0 0}.fact dd .small{font:500 13px var(--f-body)}.note{color:var(--soft)}.foot{border-top:1px solid var(--line);padding:22px 0 32px}.foot-in{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;display:flex}.xaplore{color:var(--ink);align-items:center;gap:8px;font-weight:700;text-decoration:none;display:inline-flex}