[data-sp]{--cream:#EDE7DC;--paper:#F4EFE6;--ink:#1A1714;--terra:#A85539;--caramel:#C9853E;--mustard:#E8CE8C;--teal:#8DBFBE;--dustyblue:#82A8CC;--sand:#CBA98A;--dustypink:#E9C5B9;--taupe:#8C8079;--muted:#8C857C;--disp:"BwGradual","Space Grotesk","Noto Sans TC",sans-serif;--han:"Noto Sans TC","Space Grotesk",sans-serif}[data-sp] *{margin:0;padding:0;box-sizing:border-box}[data-sp]{font-family:var(--han);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}[data-sp] .bw{font-family:var(--disp);font-weight:700;text-transform:uppercase;letter-spacing:-.01em;line-height:1}[data-sp] .eyebrow{font:600 12px var(--disp);letter-spacing:.26em;text-transform:uppercase}[data-sp] .btn{display:inline-block;background:var(--ink);color:var(--cream);font:600 13px var(--disp);letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;text-decoration:none;border-radius:2px;cursor:pointer}.sf{min-height:600px;background:var(--cream);position:relative;overflow:hidden}.sf .prog{height:4px;background:#0000000f}.sf .prog i{display:block;height:100%;background:var(--terra);transition:width .4s}.screen{display:none;padding:54px 48px 70px;max-width:860px;margin:0 auto}.screen.on{display:block;animation:fade .4s}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1}}.intro{text-align:center;padding-top:60px}.intro .eyebrow{color:var(--terra);margin-bottom:16px}.intro h1{font-size:52px;line-height:1.04;margin-bottom:16px}.intro p{font:300 17px/1.8 var(--han);color:var(--taupe);max-width:500px;margin:0 auto 30px}.intro .meta{font:500 12px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:20px}.axis{font:600 11px var(--disp);letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}.q .qno{font:600 12px var(--disp);letter-spacing:.22em;text-transform:uppercase;color:var(--terra)}.q h2{font-size:29px;line-height:1.28;margin:8px 0 30px;max-width:600px}.opts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.opt{border:1.5px solid var(--ink);background:var(--cream);padding:24px 22px;cursor:pointer;text-align:left;transition:.18s;font:500 17px var(--han);line-height:1.5}.opt:hover{background:var(--ink);color:var(--cream)}.opt .ic{font-size:24px;display:block;margin-bottom:8px}.res{text-align:center}.card{max-width:420px;margin:0 auto 26px;border:2px solid var(--ink);background:var(--mustard);padding:34px 30px;position:relative}.card .code{font:800 64px/1 var(--disp);letter-spacing:.04em}.card .grp{font:700 26px var(--disp);margin:6px 0 2px}.card .nm{font:500 18px var(--han);margin-bottom:14px}.card .one{font:300 15px/1.7 var(--han);color:#1a1714cc}.card .tag{position:absolute;top:14px;right:16px;font:600 10px var(--disp);letter-spacing:.14em;text-transform:uppercase;opacity:.55}.card .mo{position:absolute;bottom:12px;left:0;right:0;font:700 13px var(--disp);letter-spacing:.1em;text-transform:uppercase;opacity:.5}.share{display:flex;gap:10px;justify-content:center;margin-bottom:30px}.share a{font:600 11px var(--disp);letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--ink);padding:10px 18px;text-decoration:none;color:var(--ink);cursor:pointer}.note{font:300 14px/1.7 var(--han);color:var(--muted);max-width:440px;margin:0 auto 28px}.rq{max-width:460px;margin:-6px auto 26px}.rq_q{font:300 16px/1.95 var(--han);color:#1a1714}.rq_q:before{content:"\300c"}.rq_q:after{content:"\300d"}.rq_c{font:600 11px var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--terra);margin-top:8px}.recs{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;margin-bottom:26px}.rec{border:1.5px solid var(--ink);background:var(--paper)}.rec .ph{height:130px}.rec .b{padding:14px 16px}.rec .role{font:500 10px var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--terra)}.rec .nm{font:500 16px var(--han);margin:5px 0 2px}.rec .en{font:400 10px var(--disp);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.rec .pr{font:600 14px var(--disp);margin-top:7px}.pyr{background:var(--paper);border:1px solid var(--taupe);padding:16px 20px;text-align:left;max-width:440px;margin:0 auto 22px;font:300 13.5px/1.9 var(--han)}.pyr b{font:600 10px var(--disp);letter-spacing:.12em;text-transform:uppercase;color:var(--terra)}.email{background:var(--sand);padding:24px 26px;text-align:left;max-width:560px;margin:0 auto 18px}.email .h{font-family:var(--disp);font-weight:700;font-size:18px;margin-bottom:6px}.email p{font:300 13.5px/1.7 var(--han);color:#1a1714cc;margin-bottom:13px}.email .field{display:flex;gap:8px}.email input{flex:1;border:1.5px solid var(--ink);background:var(--cream);padding:11px 13px;font:400 14px var(--han)}.email .field a{background:var(--ink);color:var(--cream);font:600 12px var(--disp);letter-spacing:.08em;text-transform:uppercase;padding:11px 18px;text-decoration:none;white-space:nowrap}.respromo{max-width:560px;margin:0 auto 18px;background:var(--ink);color:var(--cream);font:600 12.5px var(--han);letter-spacing:.01em;padding:11px 16px;text-align:center}.respromo b{color:var(--mustard);font-weight:700}.cta{display:flex;gap:12px;justify-content:center}.restart{display:block;margin-top:20px;font:500 12px var(--disp);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);cursor:pointer}@media(max-width:680px){.screen{padding:38px 20px 56px}.opts,.recs{grid-template-columns:1fr}.intro h1{font-size:38px}.card .code{font-size:48px}.q h2{font-size:23px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sp-quiz.css.map */