@font-face{font-family:ZQ Huninn;src:url(/fonts/huninn-quiz.woff2) format("woff2");font-display:swap}.zq{--zq-cream:#fff7ec;--zq-paper:#fff;--zq-ink:#3b2f2a;--zq-muted:#8a7b70;--zq-line:#f0e2cf;--zq-gold:#c9a46e;--zq-rose:#e0708a;--zq-leaf:#06c755;--zq-cute:"ZQ Huninn","Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;--zq-body:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;position:relative;overflow:hidden;padding:100px max(16px,env(safe-area-inset-right,0px)) 56px max(16px,env(safe-area-inset-left,0px));font-family:var(--zq-body);color:var(--zq-ink);line-height:1.65;font-size:16px;background-color:var(--zq-cream);background-image:radial-gradient(circle at 1px 1px,hsla(36,46%,61%,.25) 1.2px,transparent 0);background-size:22px 22px}.zq.zq-men{--n-bg:#f1f4f9;--n-card:#fff;--n-ink:#1d2433;--n-muted:#6a7282;--n-line:#dce2eb;--n-gold:#c68a26;--n-ok:#1f9a5e;--n-no:#d64545;--n-navy:#1d2433;background-color:var(--n-bg);color:var(--n-ink);background-image:radial-gradient(circle at 1px 1px,rgba(29,36,51,.12) 1.2px,transparent 0)}.zq *,.zq :after,.zq :before{box-sizing:border-box}:where(.zq) :where(h1,h2,h3,p){margin:0;letter-spacing:normal}:where(.zq) :where(button){font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}:where(.zq) :where(a){color:inherit}.zq a:focus-visible,.zq button:focus-visible,.zq-sw:focus-visible{outline:3px solid var(--zq-gold);outline-offset:3px}.zq-stage{position:relative;z-index:1;max-width:440px;margin:0 auto;background:var(--zq-paper);border-radius:32px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(120,80,30,.35),0 0 0 1px var(--zq-line);min-height:640px;display:flex;flex-direction:column}.zq-men .zq-stage{background:var(--n-card);box-shadow:0 30px 60px -30px rgba(29,36,51,.3),0 0 0 1px var(--n-line)}.zq-screen{flex:1;display:flex;flex-direction:column;padding:26px 22px 28px;gap:18px}@media (max-width:400px){.zq-screen{padding:22px 16px 24px}}.zq-decor{position:absolute;inset:0;pointer-events:none;z-index:0;display:none}@media (min-width:1000px){.zq-decor{display:block}}.zq-decor .zq-f{position:absolute;width:120px;opacity:.9}.zq-decor .zq-word{position:absolute;font:900 140px/1 var(--zq-body);color:transparent;-webkit-text-stroke:1.5px rgba(29,36,51,.1);letter-spacing:-.02em}.zq-m{display:block;overflow:visible}@media (prefers-reduced-motion:no-preference){.zq-enter{animation:zq-slidein .42s cubic-bezier(.2,.9,.3,1.05)}.zq-bob,.zq-decor .zq-f{animation:zq-bob 2.6s ease-in-out infinite}.zq-pop{animation:zq-pop .7s cubic-bezier(.2,1.6,.4,1) both}.zq-filling .zq-liq{animation:zq-fill 2.4s cubic-bezier(.4,0,.2,1) both}.zq-bub{animation:zq-rise 1.6s ease-in infinite}.zq-wave{animation:zq-wave 2.2s ease-in-out infinite}.zq-squish{animation:zq-squish 1s ease-in-out infinite;transform-origin:50% 90%}.zq-body{transition:fill .6s}.zq-dots span{animation:zq-dot 1s infinite}.zq-dots span:nth-child(2){animation-delay:.15s}.zq-dots span:nth-child(3){animation-delay:.3s}.zq-conf{animation:zq-conf 1.8s ease-in forwards}.zq-sheet-in{animation:zq-up .3s cubic-bezier(.2,.9,.3,1)}}@keyframes zq-slidein{0%{transform:translateX(36px);opacity:.2}to{transform:none;opacity:1}}@keyframes zq-bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}@keyframes zq-pop{0%{transform:scale(.4) rotate(-12deg);opacity:0}to{transform:none;opacity:1}}@keyframes zq-fill{0%{transform:translateY(80px)}to{transform:none}}@keyframes zq-rise{0%{transform:translateY(0);opacity:.9}to{transform:translateY(-38px);opacity:0}}@keyframes zq-squish{0%,to{transform:scale(1)}30%{transform:scale(1.12,.88)}60%{transform:scale(.94,1.08)}}@keyframes zq-wave{0%,to{transform:translateX(0)}50%{transform:translateX(-8px)}}@keyframes zq-dot{50%{transform:translateY(-6px)}}@keyframes zq-conf{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(340px) rotate(540deg)}}@keyframes zq-up{0%{transform:translateY(60%)}}.zq-badge{align-self:flex-start;font-size:12px;letter-spacing:.12em;padding:4px 12px;border-radius:999px;background:#fff0da;color:#9a6f33;font-weight:700}.zq-title{font-family:var(--zq-cute);font-weight:400;font-size:38px;line-height:1.2;text-align:center}.zq-title b{font-weight:400;color:var(--zq-rose)}.zq-sub{text-align:center;color:var(--zq-muted);font-size:15px}.zq-lineup{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 6px;padding:14px 8px 6px;border-radius:24px;background:linear-gradient(180deg,#fff2df,#ffe6ec)}.zq-lineup .zq-cell{display:flex;flex-direction:column;align-items:center}.zq-lineup .zq-cell span{font-family:var(--zq-cute);font-size:12px;color:#7b6656;margin-top:-4px}.zq-lineup .zq-m{width:78px}.zq-lineup-flex{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 2px;padding-bottom:8px}.zq-lineup-flex .zq-cell{width:31%}.zq-lineup-flex .zq-m{width:80px}.zq-cta{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;border:0;border-radius:20px;padding:17px 20px;font-family:var(--zq-cute);font-size:20px;background:var(--zq-ink);box-shadow:0 6px 0 #1f1814;transition:transform .1s,box-shadow .1s;text-decoration:none}.zq .zq-cta,.zq-cta{color:#fff}.zq-cta:active{transform:translateY(4px);box-shadow:0 2px 0 #1f1814}.zq-cta.zq-line{background:var(--zq-leaf);box-shadow:0 6px 0 #04913e}.zq-cta.zq-line:active{box-shadow:0 2px 0 #04913e}.zq-fine{font-size:11.5px;color:var(--zq-muted);line-height:1.6;text-align:center}.zq-men .zq-fine{color:var(--n-muted)}.zq-qtop{display:flex;align-items:center;gap:12px}.zq-track{flex:1;height:12px;border-radius:999px;background:#f6ebdd;position:relative}.zq-track i{position:absolute;inset:0 auto 0 0;border-radius:999px;background:linear-gradient(90deg,#ffb6c4,#ffcf7a);transition:width .4s}.zq-qnum{font-family:var(--zq-cute);font-size:15px;color:var(--zq-muted);white-space:nowrap}.zq-host{display:flex;align-items:flex-end;gap:10px}.zq-host .zq-m{width:86px;flex:0 0 86px}.zq-bubble{flex:1;background:#fff4e4;border-radius:20px 20px 20px 6px;padding:16px 18px;font-family:var(--zq-cute);font-size:22px;line-height:1.4}.zq-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zq-opts.zq-three{grid-template-columns:1fr}.zq-opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;min-height:120px;padding:14px 10px;border-radius:22px;background:#fffbf5;border:2px solid var(--zq-line);font-size:15px;line-height:1.4;transition:transform .15s,border-color .15s,background .15s}.zq-three .zq-opt{flex-direction:row;min-height:0;justify-content:flex-start;gap:14px;padding:14px 18px;text-align:left}.zq-opt .zq-e{font-size:34px;line-height:1}.zq-three .zq-opt .zq-e{font-size:28px}.zq-opt:hover{border-color:#ffb6c4;transform:translateY(-2px)}.zq-opt.zq-picked{border-color:var(--zq-rose);background:#ffe9ee;transform:scale(.97)}.zq-text-btn{align-self:center;border:0;background:none;color:var(--zq-muted);font-size:14px;padding:6px 10px}.zq-men .zq-text-btn{color:var(--n-muted)}.zq-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center}.zq-loading .zq-m{width:170px}.zq-loading p{font-family:var(--zq-cute);font-size:20px;min-height:1.5em}.zq-dots span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--zq-rose);margin:0 3px}.zq-hero{position:relative;margin:-26px -22px 0;padding:30px 22px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;overflow:hidden}@media (max-width:400px){.zq-hero{margin:-22px -16px 0;padding-inline:16px}}.zq-hero .zq-m{width:180px}.zq-you{font-size:16px;color:rgba(59,47,42,.7)}.zq-persona,.zq-you{font-family:var(--zq-cute)}.zq-persona{font-weight:400;font-size:34px;line-height:1.2}.zq-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.zq-tag{font-size:13px;background:hsla(0,0%,100%,.75);border-radius:999px;padding:3px 11px;font-weight:500}.zq-conf{position:absolute;top:-10px;width:9px;height:14px;border-radius:2px;opacity:0}.zq-sec{display:flex;flex-direction:column;gap:10px;border-radius:22px;padding:18px;background:#fffbf5;border:2px solid var(--zq-line)}.zq-lab{font-size:12px;letter-spacing:.12em;color:var(--zq-muted);font-weight:700}.zq-drip{display:flex;align-items:center;gap:12px}.zq-drip .zq-m{width:56px;flex:0 0 56px}.zq-drip b{font-family:var(--zq-cute);font-weight:400;font-size:21px}.zq-muted{color:var(--zq-muted);font-size:14px}.zq-men .zq-muted{color:var(--n-muted)}.zq-chips{display:flex;flex-wrap:wrap;gap:6px}.zq-chip{font-size:13px;border-radius:999px;padding:3px 11px;background:#fff;border:1.5px solid var(--zq-line)}.zq .zq-chip-link{text-decoration:none;font-weight:500}.zq .zq-chip-link:hover{border-color:var(--zq-rose)}.zq-buddy{display:flex;align-items:center;gap:12px;font-size:14px}.zq-buddy .zq-m{width:52px;flex:0 0 52px}.zq-buddy b{font-family:var(--zq-cute);font-weight:400;font-size:17px}.zq .zq-more{font-size:14px;color:#b0703f;text-decoration:none;font-weight:700}.zq-men .zq-more{color:var(--n-gold)}.zq-share{display:grid;grid-template-columns:1fr 1fr;gap:10px}.zq-sbtn{display:flex;justify-content:center;align-items:center;gap:6px;border-radius:16px;padding:13px;font-weight:700;font-size:14px;text-decoration:none;border:2px solid var(--zq-line);background:#fff}.zq-men .zq-sbtn{background:var(--n-bg);border-color:var(--n-line)}.zq-toast{font-size:13px;color:#2e9f62;text-align:center;word-break:break-all}.zq-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.zq-gallery button{border:2px solid var(--zq-line);background:#fff;border-radius:18px;padding:8px 4px 6px;display:flex;flex-direction:column;align-items:center;font-family:var(--zq-cute);font-size:12px;color:#7b6656}.zq-gallery button.zq-me{border-color:var(--zq-rose);background:#fff0f3}.zq-gallery .zq-m{width:54px}.zq-doc{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;border-radius:22px;padding:16px;background:linear-gradient(160deg,#fff3e2,#fff);border:2px solid #f2ddbe}.zq-men .zq-doc{background:linear-gradient(160deg,#f3f6fb,#fff);border-color:var(--n-line)}.zq-doc img{width:96px;height:120px;object-fit:cover;object-position:50% 20%;border-radius:16px;display:block;background:#d7d2da}.zq-doc .zq-lab{font-size:11px;letter-spacing:.14em;color:#b0703f}.zq-men .zq-doc .zq-lab{color:var(--n-gold)}.zq-doc-name{font-family:var(--zq-cute);font-size:24px;line-height:1.25}.zq-doc-name small{font-family:var(--zq-body);font-size:13px;color:var(--zq-muted);margin-left:4px}.zq-doc-job{font-size:12px;color:var(--zq-muted)}.zq-doc ul{margin:4px 0 0;padding:0;list-style:none;font-size:12.5px;line-height:1.55}.zq-doc li:before{content:"・";color:var(--zq-gold)}.zq-doc-say{grid-column:1/-1;font-size:14px;line-height:1.6}.zq-doc-say a{font-weight:700;color:#b0703f;text-decoration:none;white-space:nowrap}.zq-men .zq-doc-say a{color:var(--n-gold)}.zq-sheet{position:absolute;inset:0;background:rgba(40,28,20,.45);display:flex;align-items:flex-end;z-index:5}.zq-sheet-in{width:100%;background:#fff;border-radius:28px 28px 0 0;padding:22px 22px calc(26px + env(safe-area-inset-bottom, 0px));display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.zq-sheet-in .zq-m{width:120px}.zq-sheet-in b{font-family:var(--zq-cute);font-weight:400;font-size:24px}.zq-n-title{font:900 44px/1.08 var(--zq-body);letter-spacing:-.02em;text-align:center}.zq-n-title em{font-style:normal;color:var(--n-gold)}.zq-n-sub{font-size:15px}.zq-howto,.zq-n-sub{text-align:center;color:var(--n-muted)}.zq-howto{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:13px}.zq-howto div{border:1px solid var(--n-line);border-radius:16px;padding:12px 8px;background:var(--n-bg)}.zq-howto b{display:block;font-size:22px}.zq-n-cta{display:flex;justify-content:center;align-items:center;width:100%;border:0;border-radius:18px;padding:17px;font:900 19px var(--zq-body);letter-spacing:.06em;background:var(--n-navy);box-shadow:0 6px 0 #0b0f17;text-decoration:none}.zq .zq-n-cta,.zq-n-cta{color:#fff}.zq-n-cta:active{transform:translateY(4px);box-shadow:0 2px 0 #0b0f17}.zq-hud{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--n-muted)}.zq-pips{display:flex;gap:5px}.zq-pips i{width:22px;height:6px;border-radius:3px;background:var(--n-line)}.zq-pips i.zq-ok{background:var(--n-ok)}.zq-pips i.zq-no{background:var(--n-no)}.zq-pips i.zq-now{background:var(--n-gold)}.zq-streak{font-weight:700;color:var(--n-gold)}.zq-deck{position:relative;height:330px;perspective:1200px;margin-top:6px}.zq-under{inset:14px 14px -6px;border-radius:26px;background:#e6ebf2;border:1px solid var(--n-line);transform:scale(.95) translateY(10px)}.zq-sw,.zq-under{position:absolute}.zq-sw{inset:0;touch-action:pan-y;user-select:none;cursor:grab;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.3,1);border-radius:26px}.zq-sw.zq-drag{transition:none;cursor:grabbing}.zq-face{position:absolute;inset:0;border-radius:26px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px 24px;background:linear-gradient(160deg,#fff9ef,#f6e7cc);color:#1d2433;border:1px solid #ebddc2;box-shadow:0 20px 40px -18px rgba(29,36,51,.35)}.zq-qn{font-size:12px;letter-spacing:.16em;color:#8c6b3e;font-weight:700}.zq-st{font:900 25px/1.4 var(--zq-body)}.zq-backf{transform:rotateY(180deg);justify-content:flex-start}.zq-vd{font:900 30px/1.2 var(--zq-body)}.zq-vd.zq-ok{color:#1f8a57}.zq-vd.zq-no{color:#c2413b}.zq-ex{font-size:15.5px;line-height:1.65}.zq-mark{position:absolute;top:22px;font:900 22px var(--zq-body);padding:4px 12px;border:3px solid;border-radius:10px;opacity:0;letter-spacing:.06em}.zq-mark.zq-t{right:20px;color:#1f8a57;transform:rotate(10deg)}.zq-mark.zq-f{left:20px;color:#c2413b;transform:rotate(-10deg)}.zq-hint{display:flex;justify-content:space-between;font-size:12px;color:var(--n-muted);padding:0 6px}.zq-pick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.zq-pick button{border-radius:18px;padding:15px;font:900 18px var(--zq-body);border:2px solid var(--n-line);background:var(--n-bg)}.zq-pick .zq-f{color:var(--n-no)}.zq-pick .zq-t{color:var(--n-ok)}.zq-pick button:hover{border-color:currentColor}.zq-medal{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding-top:6px;overflow:hidden}.zq-medal svg{width:190px;height:auto}.zq-tier{font:900 32px/1.2 var(--zq-body)}.zq-n-sec{display:flex;flex-direction:column;gap:10px;border-radius:22px;padding:18px;background:var(--n-bg);border:1px solid var(--n-line)}.zq-n-sec h3{font:900 18px var(--zq-body)}.zq-n-sec .zq-lab{color:var(--n-gold)}.zq-n-opt{display:flex;align-items:center;gap:14px;text-align:left;border-radius:18px;padding:16px 18px;border:2px solid var(--n-line);background:var(--n-bg);font-size:16px;font-weight:500;transition:border-color .15s,transform .15s}.zq-n-opt:hover{border-color:var(--n-gold);transform:translateX(3px)}.zq-n-opt .zq-k{flex:0 0 30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--n-card);color:var(--n-navy);border:1px solid var(--n-line);font-weight:900;font-size:13px}.zq-code{font:700 22px ui-monospace,Consolas,monospace;letter-spacing:.1em;text-align:center;border:2px dashed var(--n-gold);border-radius:14px;padding:12px;color:var(--n-gold);user-select:all}.zq .zq-line-btn{background:var(--zq-leaf);border-color:var(--zq-leaf);color:#fff}