.more-works{position:relative;overflow:hidden;padding:18px 16px 20px;border-radius:18px;background:#edf2f6;color:#14212c;border:1px solid #D5DFE8;font-family:-apple-system,PingFang TC,Noto Sans TC,sans-serif;letter-spacing:0}.more-works:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;background:repeating-linear-gradient(-35deg,transparent 0 44px,rgba(37,112,166,.035) 44px 50px)}.more-works>*{position:relative}.more-works h2{margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:0;color:#174e76;border:0;padding:0}.mw-list{display:flex;gap:10px;overflow-x:auto;margin:0 -16px;padding:0 16px 6px;scroll-snap-type:x proximity;scrollbar-width:none}.mw-list::-webkit-scrollbar{display:none}.mw-card{flex:none;width:210px;scroll-snap-align:start;display:block;padding:6px;text-decoration:none;color:inherit;background:#fff;border:1px solid #D5DFE8;border-radius:18px;box-shadow:0 1px #2570a60a,0 16px 32px -24px #174e764d;transition:transform .3s cubic-bezier(.16,1,.3,1)}.mw-card:active{transform:scale(.97)}.mw-card img{display:block;width:100%;height:auto;aspect-ratio:1200/630;object-fit:cover;border-radius:12px;background:#d6e7f3}.mw-card b{display:block;padding:10px 8px 8px;font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-.01em}.mw-brand{margin-top:14px;display:flex;justify-content:center;align-items:center;gap:6px;font-family:Fredoka,sans-serif;font-weight:600;font-size:12px;letter-spacing:.08em;color:#2570a6;text-decoration:none}.mw-brand svg{width:18px;height:18px}:root{--paper:#EAF1F7;--paper-2:#FFFFFF;--ink:#163A5C;--ink-2:#35526E;--mute:#7A8EA3;--hair:rgba(22,58,92,.16);--line:#163A5C;--ok:#1F8A5B;--no:#D14B3D;--on-ok:#fff;--on-no:#fff;--brand:#2570A6;--scene-tint:rgba(234,241,247,.05);--scene-panel:rgba(255,255,255,.95);--radius:6px;--lift:2px;--latin:"Schibsted Grotesk","Noto Sans TC",sans-serif;--tc:"Noto Sans TC","Schibsted Grotesk",sans-serif;--snap:cubic-bezier(.2,0,0,1)}html[data-theme=kraft]{--paper:#D9B98C;--paper-2:#E8CFA8;--ink:#2B1D12;--ink-2:#4A3524;--mute:#7E6248;--hair:rgba(43,29,18,.18);--line:#2B1D12;--ok:#2E7D32;--no:#C62828;--on-ok:#fff;--on-no:#fff;--brand:#174E76;--scene-tint:rgba(217,185,140,.14);--scene-panel:rgba(232,207,168,.94);--radius:0px;--lift:3px}html[data-theme=cream]{--paper:#F7EEDF;--paper-2:#FFF8EC;--ink:#2B211B;--ink-2:#4E3F35;--mute:#8A7A6C;--hair:rgba(43,33,27,.16);--line:#2B211B;--ok:#2E8B57;--no:#C8452B;--on-ok:#fff;--on-no:#fff;--brand:#174E76;--scene-tint:rgba(247,238,223,.06);--scene-panel:rgba(255,248,236,.95);--radius:0px;--lift:3px}html[data-theme=night]{--paper:#1E2430;--paper-2:#283042;--ink:#F4EDE4;--ink-2:#CFC7BC;--mute:#8F8A80;--hair:rgba(244,237,228,.16);--line:#F4EDE4;--ok:#6CCB8E;--no:#FF7A6B;--on-ok:#14261B;--on-no:#fff;--brand:#7FB3E0;--scene-tint:rgba(20,24,32,.42);--scene-panel:rgba(20,24,32,.92);--radius:0px;--lift:3px}html[data-theme=truck]{--paper:#FFD34D;--paper-2:#FFE68A;--ink:#1B1B1B;--ink-2:#4A3B00;--mute:#7D6A10;--hair:rgba(0,0,0,.16);--line:#1B1B1B;--ok:#1B7F4A;--no:#C62828;--on-ok:#fff;--on-no:#fff;--brand:#174E76;--scene-tint:rgba(255,211,77,.1);--scene-panel:rgba(255,230,138,.95);--radius:12px;--lift:4px}html[data-theme=civic]{--paper:#EAF1F7;--paper-2:#FFFFFF;--ink:#163A5C;--ink-2:#35526E;--mute:#7A8EA3;--hair:rgba(22,58,92,.16);--line:#163A5C;--ok:#1F8A5B;--no:#D14B3D;--on-ok:#fff;--on-no:#fff;--brand:#2570A6;--scene-tint:rgba(234,241,247,.05);--scene-panel:rgba(255,255,255,.95);--radius:6px;--lift:2px}html[data-theme=forest]{--paper:#1F4D3A;--paper-2:#27604A;--ink:#F2ECDC;--ink-2:#CFE0CF;--mute:#8FB39E;--hair:rgba(242,236,220,.18);--line:#F2ECDC;--ok:#B8E04A;--no:#FF8A7A;--on-ok:#1F4D3A;--on-no:#fff;--brand:#CFE7F5;--scene-tint:rgba(31,77,58,.28);--scene-panel:rgba(23,58,44,.92);--radius:0px;--lift:3px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{background:color-mix(in srgb,var(--paper) 80%,#000)}body{font-family:var(--tc);background:var(--paper);color:var(--ink);max-width:480px;margin:0 auto;height:100dvh;border-left:1px solid var(--hair);border-right:1px solid var(--hair);display:flex;flex-direction:column;position:relative;overflow:hidden}header{display:flex;align-items:stretch;border-bottom:2px solid var(--line)}.badge{width:56px;display:flex;align-items:center;justify-content:center;border-right:2px solid var(--line);color:var(--brand)}.badge .brand-mark{width:26px;height:26px;margin:0}.badge .brand-mark g{fill:var(--brand)}.band-name{padding:10px 14px;flex:1;min-width:0}.band-name .zh{font-weight:900;font-size:18px;letter-spacing:.14em;white-space:nowrap}.band-name .en{font-family:var(--latin);font-weight:700;font-size:9.5px;letter-spacing:.2em;color:var(--mute);margin-top:2px;white-space:nowrap;display:flex;align-items:baseline;gap:6px}.band-name .en .sd-word{color:var(--brand);font-size:11px}.band-name .en .sep{opacity:.5}.score{border-left:1px solid var(--hair);padding:8px 16px;text-align:right;display:flex;flex-direction:column;justify-content:center;position:relative}.score .lbl{font-size:10px;font-weight:700;letter-spacing:.3em;color:var(--mute)}.score .val{font-family:var(--latin);font-weight:900;font-size:28px;line-height:1;font-variant-numeric:tabular-nums}.score .val small{font-family:var(--tc);font-size:12px;margin-left:3px;font-weight:700}.gain{position:absolute;right:16px;top:-6px;font-family:var(--latin);font-weight:900;font-size:22px;color:var(--ok);pointer-events:none;animation:rise .7s var(--snap) forwards}@keyframes rise{0%{opacity:0;transform:translateY(6px)}25%{opacity:1}to{opacity:0;transform:translateY(-18px)}}.timer{display:flex;align-items:center;gap:10px;padding:8px 16px;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--hair)}.timer .num{font-family:var(--latin);font-weight:900;font-size:30px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;min-width:44px}.timer .unit{font-family:var(--latin);font-weight:700;font-size:9px;letter-spacing:.26em;color:var(--mute)}.track{flex:1;height:4px;background:var(--hair);position:relative;overflow:hidden}.track .fill{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:left;background:var(--ink)}body.warn .timer .num{color:var(--no);animation:blink 1s steps(2,jump-none) infinite}body.warn .track .fill{background:var(--no)}body.paused .track .fill{background:var(--mute)}@keyframes blink{50%{opacity:.35}}.ctl{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;border:1px solid var(--hair);border-radius:var(--radius);color:var(--mute);font-family:var(--tc);font-weight:700;font-size:10px;letter-spacing:.14em;padding:5px 9px;white-space:nowrap}.ctl:hover{color:var(--ink);border-color:var(--ink)}.combo{font-family:var(--latin);font-weight:900;font-size:12px;letter-spacing:.12em;background:var(--ink);color:var(--paper);padding:3px 8px;white-space:nowrap;transform:rotate(-3deg);animation:stamp .3s var(--snap)}.combo.hot{background:var(--ok)}@keyframes stamp{0%{transform:rotate(-3deg) scale(1.6);opacity:.4}}.stage{position:relative;flex:1;min-height:220px;border-bottom:2px solid var(--line);overflow:hidden;background:var(--paper)}.stage canvas{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.explain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center;background:var(--scene-tint);padding:18px;transition:opacity .18s var(--snap),visibility .18s}.explain.hide{opacity:0;visibility:hidden;pointer-events:none}.ex-card{width:100%;max-width:360px;background:var(--paper);border:3px solid var(--line);border-radius:var(--radius);box-shadow:6px 6px 0 var(--hair);padding:16px 18px 14px;animation:pop .22s var(--snap)}@keyframes pop{0%{transform:scale(.92);opacity:0}}.ex-kicker{font-size:11px;font-weight:700;letter-spacing:.24em;color:var(--no)}.ex-cat{font-weight:900;font-size:34px;line-height:1.15;letter-spacing:.06em;margin-top:6px}.ex-name{font-size:13px;font-weight:700;color:var(--mute);margin-top:2px;letter-spacing:.06em}.ex-why{font-size:15px;line-height:1.6;margin-top:10px;font-weight:500}.ex-bar{height:3px;background:var(--hair);margin-top:14px;overflow:hidden}.ex-bar i{display:block;height:100%;background:var(--ink);transform-origin:left;transform:scaleX(1)}.explain.run .ex-bar i{animation:drain 3s linear forwards}@keyframes drain{to{transform:scaleX(0)}}.btns{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:10px 12px 8px;flex:0 0 auto}.bin{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:var(--paper-2);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);box-shadow:0 var(--lift) 0 var(--line);font-family:var(--tc);padding:9px 4px 7px;display:flex;flex-direction:column;align-items:center;gap:2px;transition:transform .06s var(--snap),background .12s var(--snap),color .12s var(--snap);position:relative;min-width:0}.bin b{font-weight:900;font-size:15px;letter-spacing:.06em;white-space:nowrap}.bin small{font-size:9.5px;color:var(--mute);letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.bin.wide{grid-column:1/-1;flex-direction:row;gap:10px;padding:9px 12px 7px;justify-content:center}.bin.wide small{white-space:normal;text-align:left;line-height:1.3;color:var(--mute)}.bin:active,.bin.down{transform:translateY(var(--lift));box-shadow:0 0 0 var(--line)}@media (hover:hover){.bin:hover{background:color-mix(in srgb,var(--paper-2) 85%,var(--ink))}}.bin.hit{background:var(--ok);color:var(--on-ok);border-color:var(--ok);box-shadow:0 var(--lift) 0 color-mix(in srgb,var(--ok) 60%,#000)}.bin.hit small{color:var(--on-ok)}.bin.miss{background:var(--no);color:var(--on-no);border-color:var(--no);box-shadow:0 var(--lift) 0 color-mix(in srgb,var(--no) 60%,#000);animation:shake .32s var(--snap)}.bin.miss small{color:var(--on-no)}.bin.reveal{box-shadow:0 0 0 3px var(--ok),0 var(--lift) 0 var(--line)}.btns.lock .bin{pointer-events:none}.btns.lock .bin:not(.hit):not(.miss):not(.reveal){opacity:.6}@keyframes shake{25%{transform:translate(-4px)}55%{transform:translate(4px)}80%{transform:translate(-2px)}}footer{display:flex;justify-content:center;align-items:center;padding:6px 16px 8px;flex:0 0 auto;font-family:var(--latin);font-weight:700;font-size:9px;letter-spacing:.26em;color:var(--mute)}@media (max-height:640px){footer{display:none}}.brand{display:inline-flex;align-items:center;gap:7px;color:var(--brand)}.brand-mark g{fill:var(--brand)}.brand-mark{width:14px;height:14px;flex:none}.sd-word{font-family:Fredoka,sans-serif;font-weight:600;letter-spacing:.1em;font-size:10px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;background:var(--paper);display:flex;flex-direction:column;overflow-y:auto;transition:opacity .25s var(--snap),visibility .25s}.overlay.hide{opacity:0;visibility:hidden;pointer-events:none}.ov-body{display:flex;flex-direction:column;margin:auto 0;width:100%;padding:28px 24px;gap:18px}.kicker{font-family:var(--latin);font-weight:700;font-size:10.5px;letter-spacing:.3em;color:var(--mute);border-bottom:1px solid var(--hair);padding-bottom:12px}.ov-body h1{font-weight:900;font-size:34px;line-height:1.15;letter-spacing:.08em}.ov-body h1 .huge{font-family:var(--latin);font-size:104px;line-height:1;letter-spacing:-.05em;display:inline-block}.ov-body h1 .huge small{font-family:var(--tc);font-size:30px;letter-spacing:.1em;margin-left:6px}.lead{font-size:14px;line-height:1.7;color:var(--ink-2)}.seo-line{font-size:11.5px;line-height:1.7;color:var(--mute);margin-top:-8px}.guide-link{color:var(--ink);font-weight:900;font-size:13px;letter-spacing:.08em;text-decoration:none;border:2px solid var(--line);border-radius:var(--radius);padding:9px 14px;display:inline-block}.guide-link:active{background:var(--ink);color:var(--paper)}a.linkbtn{display:inline-block}.legend{list-style:none;display:flex;flex-direction:column;border:2px solid var(--line);border-radius:var(--radius);overflow:hidden}.legend li{display:flex;align-items:baseline;gap:10px;padding:8px 12px;font-size:12.5px;color:var(--ink-2);border-bottom:1px solid var(--hair)}.legend li:last-child{border-bottom:0}.legend b{font-weight:900;font-size:14px;color:var(--ink);white-space:nowrap;min-width:5.2em}.cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--line);cursor:pointer;border-radius:var(--radius);background:var(--ink);color:var(--paper);font-family:var(--tc);font-weight:900;font-size:19px;letter-spacing:.3em;padding:17px 20px 17px calc(20px + .3em);box-shadow:5px 5px 0 var(--hair);transition:transform .08s var(--snap)}.cta:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--hair)}.ov-foot{font-size:11px;letter-spacing:.1em;color:var(--mute);text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center}.credit{font-size:10px;letter-spacing:.08em;color:var(--mute);opacity:.7}.end-links{display:flex;justify-content:center;gap:22px}#ov-start .more-works{margin-top:6px}.linkbtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;font-family:var(--tc);font-weight:700;font-size:11.5px;letter-spacing:.14em;color:var(--mute);text-decoration:underline;text-underline-offset:4px;padding:4px}.linkbtn:hover{color:var(--ink)}.weak{padding:14px 14px 10px;border-bottom:1px solid var(--hair)}.weak .lbl{font-size:10.5px;letter-spacing:.24em;color:var(--mute);font-weight:700}.weak h3{font-weight:900;font-size:24px;line-height:1.3;letter-spacing:.03em;margin-top:4px}.weak h3 em{font-style:normal;color:var(--c,var(--ok));border-bottom:3px solid var(--c,var(--ok))}.wbins{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:22px 14px 10px;border-bottom:1px solid var(--hair);align-items:end}.wbin{text-align:center;font-size:10.5px;font-weight:700;color:var(--ink-2)}.wbin .col{height:60px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:6px}.wbin .col i{display:block;width:58%;min-height:4px;border-radius:3px 3px 0 0;background:var(--c);position:relative;transform-origin:bottom;animation:grow .5s var(--snap)}.wbin .col i:after{content:attr(data-n);position:absolute;top:-16px;left:0;right:0;font:900 12px var(--latin);color:var(--ink)}.wbin.zero .col i{opacity:.35}.wbin.zero .col i:after{color:var(--mute)}@keyframes grow{0%{transform:scaleY(0)}}.wtip{padding:10px 14px;font-size:12.5px;line-height:1.6;color:var(--ink-2);border-bottom:1px solid var(--hair)}.sc-foot b{font-weight:900;color:var(--ink);margin-right:8px}.sc-foot i{font-style:normal}.share-card{border:2px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--paper);width:100%;max-width:430px;margin:0 auto}.sc-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:2px solid var(--line);font-weight:900;font-size:12.5px;letter-spacing:.2em}.sc-head span:last-child{font-family:var(--latin);font-weight:700;font-size:10px;letter-spacing:.2em;color:var(--mute)}.sc-score-row{display:flex;align-items:stretch;border-bottom:1px solid var(--hair)}.result-score{flex:1;padding:12px 14px 8px;font-family:var(--latin);font-weight:900;font-size:76px;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}.result-score small{font-family:var(--tc);font-size:22px;letter-spacing:.1em;margin-left:8px;font-weight:900}.sc-side{border-left:1px solid var(--hair);padding:12px 16px 8px;text-align:right;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:120px}.sc-side .lbl{font-size:10px;letter-spacing:.24em;color:var(--mute)}.sc-side .val{font-weight:900;font-size:22px;line-height:1.1;letter-spacing:.06em}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid var(--hair);padding:0 14px}.stat{padding:12px 0}.stat+.stat{border-left:1px solid var(--hair);padding-left:16px}.stat .lbl{font-size:10.5px;letter-spacing:.18em;color:var(--mute);margin-bottom:4px}.stat .val{font-family:var(--latin);font-weight:900;font-size:24px;line-height:1;font-variant-numeric:tabular-nums}.stat .val small{font-family:var(--tc);font-size:12px;margin-left:3px;font-weight:900}.mistakes{padding:10px 14px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--hair)}.mistakes h3{font-size:11px;letter-spacing:.24em;color:var(--no);font-weight:700}.mistakes .none{font-size:13px;color:var(--ok);font-weight:900;letter-spacing:.1em}.mk{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.5}.mk b{font-weight:900;white-space:nowrap}.mk i{font-style:normal;color:var(--mute);font-size:11px;white-space:nowrap}.mk i.tricky{color:var(--ok)}.mk span{flex:1;min-width:0}.mk span:before{content:"→ ";color:var(--mute)}.sc-foot{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;font-weight:700;font-size:11px;letter-spacing:.14em;color:var(--mute)}@media (min-width:880px){html{display:grid;place-items:center;min-height:100dvh}body{height:min(100dvh - 32px,820px);border:1px solid var(--hair)}.overlay{position:absolute}}