:root{--bg: #f7f1e8;--bg-warm: #f0e3d2;--primary: #d98453;--primary-dark: #c46a3b;--primary-soft: #fbeede;--text: #4a352a;--text-soft: #7d6555;--text-faint: #a08a78;--card: #fffdf9;--card-soft: rgba(255, 253, 249, .75);--line: #ecddc9;--line-strong: #e0cbb0;--radius: 20px;--radius-sm: 14px;--radius-xs: 10px;--shadow: 0 18px 44px -16px rgba(122, 84, 53, .28), 0 2px 8px rgba(122, 84, 53, .06);--shadow-soft: 0 6px 18px -8px rgba(122, 84, 53, .22);--shadow-lift: 0 14px 30px -10px rgba(122, 84, 53, .34);--ring: 0 0 0 3px rgba(217, 132, 83, .35);--ease: cubic-bezier(.22, .61, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:PingFang TC,Microsoft JhengHei,Noto Sans TC,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#fbf4ea,#fbf4ea00 60%),linear-gradient(165deg,var(--bg) 0%,var(--bg-warm) 100%);background-attachment:fixed;color:var(--text);line-height:1.8;letter-spacing:.015em;min-height:100vh;padding:28px 16px 80px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.wrap{max-width:720px;margin:0 auto}.card{background:var(--card);border:1px solid rgba(236,221,201,.7);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px 30px}.screen-in{animation:screenIn .5s var(--ease) both}@keyframes screenIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.screen-in{animation:none}}.card.has-cover{padding-top:0;overflow:hidden}.cover-wrap{position:relative;width:calc(100% + 60px);margin:0 -30px 24px}.cover-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fffdf900 55%,#fffdf9e6);pointer-events:none}.cover-photo{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}@media(max-width:480px){.cover-wrap{width:calc(100% + 36px);margin:0 -18px 20px}}h1{font-size:1.85rem;line-height:1.38;margin:0 0 12px;letter-spacing:-.01em;font-weight:800}h2{font-size:1.3rem;margin:0 0 14px}h3{font-size:1.08rem;margin:26px 0 10px;color:var(--primary-dark);font-weight:700;display:flex;align-items:center;gap:8px}h3:before{content:"";width:4px;height:1em;border-radius:2px;background:var(--primary);flex:0 0 auto}p{margin:0 0 14px}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--primary-dark);background:var(--primary-soft);padding:6px 12px;border-radius:999px;margin-bottom:14px}.subtitle{color:var(--primary-dark);font-size:1.08rem;font-weight:600;margin-bottom:18px;line-height:1.6}.muted{color:var(--text-soft);font-size:.95rem}.note{background:linear-gradient(180deg,var(--bg-warm),#f4e9da);border:1px solid var(--line);border-radius:var(--radius-sm);padding:15px 18px;font-size:.92rem;color:var(--text-soft);margin:18px 0}.disclaimer{font-size:.82rem;color:var(--text-faint);border-left:3px solid var(--line-strong);padding-left:12px;margin:18px 0 4px;line-height:1.7}.meta-row{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 8px}.meta-pill{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:.86rem;color:var(--text-soft);box-shadow:var(--shadow-soft)}.meta-pill b{color:var(--text);font-weight:700}.meta-pill .ico{font-size:1rem;line-height:1}.btn{appearance:none;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;border-radius:999px;padding:14px 28px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s var(--ease),background .2s ease,box-shadow .2s ease,color .2s ease,border-color .2s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn:focus-visible{outline:none;box-shadow:var(--ring)}.btn-primary{background:linear-gradient(180deg,#e08e5d,var(--primary));color:#fff;box-shadow:var(--shadow-soft)}.btn-primary:hover{background:linear-gradient(180deg,var(--primary),var(--primary-dark));box-shadow:var(--shadow-lift);transform:translateY(-1px)}.btn-primary:focus-visible{box-shadow:var(--ring),var(--shadow-soft)}.btn-primary:disabled{background:#ddccba;color:#fbf4ea;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{background:var(--card);color:var(--text-soft);border:1.5px solid var(--line-strong)}.btn-ghost:hover{background:var(--bg-warm);border-color:var(--primary);color:var(--primary-dark);transform:translateY(-1px)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn .ico{font-size:1.05em;line-height:1}.btn-block{width:100%;text-align:center;margin-top:8px}.start-btn{font-size:1.12rem;padding:17px 40px;margin-top:14px;width:100%}.progress-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.9rem;color:var(--text-soft);margin-bottom:10px}.progress-head #q-counter{font-weight:600}.progress-head #q-percent{font-weight:700;color:var(--primary-dark)}.progress-track{background:var(--bg-warm);border-radius:999px;height:10px;overflow:hidden;margin-bottom:28px;box-shadow:inset 0 1px 2px #7a54351f}.progress-fill{background:linear-gradient(90deg,#e6a071,var(--primary));height:100%;width:0;border-radius:999px;transition:width .45s var(--ease)}.q-badge{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.06em;color:var(--primary-dark);background:var(--primary-soft);padding:4px 11px;border-radius:999px;margin-bottom:14px}.question-text{font-size:1.32rem;font-weight:700;margin:4px 0 22px;line-height:1.6;letter-spacing:-.005em}.scale-legend{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-faint);margin-bottom:12px;padding:0 2px}.options{display:flex;flex-direction:column;gap:11px}.option{display:flex;align-items:center;gap:13px;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius-sm);padding:15px 18px;font-size:1.02rem;color:var(--text);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .12s var(--ease),color .15s ease}.option:hover{border-color:var(--primary);background:var(--primary-soft);transform:translate(2px)}.option:focus-visible{outline:none;box-shadow:var(--ring)}.option .dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-strong);transition:all .15s ease;position:relative}.option .opt-label{flex:1}.option .opt-key{flex:0 0 auto;font-size:.72rem;font-weight:700;color:var(--text-faint);border:1px solid var(--line-strong);border-radius:6px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.option.selected{border-color:var(--primary);background:linear-gradient(180deg,#e08e5d,var(--primary));color:#fff;box-shadow:var(--shadow-soft);transform:translate(2px)}.option.selected .dot{border-color:#fff;background:#fff}.option.selected .dot:after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--primary)}.option.selected .opt-key{color:#fff;border-color:#fff9}.nav-row{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.nav-row .btn{flex:1}.hint{color:var(--primary-dark);font-size:.9rem;text-align:center;margin-top:14px;min-height:20px}.missing-box{background:#fff7ef;border:1.5px solid var(--primary);border-radius:12px;padding:16px;margin-top:20px}.missing-box p{margin:0 0 12px;font-size:.92rem;color:var(--primary-dark)}.missing-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{appearance:none;border:1.5px solid var(--primary);background:#fff;color:var(--primary-dark);font-family:inherit;font-size:.9rem;border-radius:999px;padding:6px 14px;cursor:pointer;transition:all .15s ease}.chip:hover{background:var(--primary);color:#fff}.chip:focus-visible{outline:3px solid var(--primary-dark);outline-offset:2px}.result-hero{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:26px;border:1px solid var(--line);border-top:4px solid var(--accent, var(--primary));box-shadow:var(--shadow-soft);background:var(--bg-warm)}.result-hero-photo{position:relative;background:var(--accent, var(--primary))}.result-hero-photo img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover}.result-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#3a281e00 30%,#3a281ed1)}.result-hero-body{position:absolute;left:0;right:0;bottom:0;padding:20px 22px;color:#fff}.result-hero-body .eyebrow{background:#ffffff38;color:#fff;margin-bottom:10px}.result-type{font-size:1.65rem;color:#fff;font-weight:800;margin:2px 0 5px;line-height:1.3;text-shadow:0 1px 8px rgba(0,0,0,.25)}.result-sub{color:#fffffff0;font-size:1rem;font-weight:600;margin:0;text-shadow:0 1px 6px rgba(0,0,0,.3)}.level-tag{display:inline-block;margin-top:12px;font-size:.82rem;font-weight:600;color:#fff;background:#fff3;border:1px solid rgba(255,255,255,.35);padding:5px 12px;border-radius:999px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.score-table{width:100%;border-collapse:collapse;margin:8px 0 20px;font-size:.95rem}.score-table th,.score-table td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}.score-table tr:last-child td{border-bottom:none}.score-table th{color:var(--text-faint);font-weight:600;font-size:.84rem;letter-spacing:.04em}.score-table td:nth-child(2){font-weight:700;font-variant-numeric:tabular-nums}.score-table .swatch{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:middle}.score-table .top-row td{background:var(--primary-soft)}.score-table .top-row td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.score-table .top-row td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.bar-group{margin:10px 0 24px}.bar-row{margin-bottom:18px}.bar-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.92rem;margin-bottom:7px}.bar-label .nm{font-weight:700}.bar-label .lvl{color:var(--text-faint);font-size:.8rem;font-weight:400}.bar-label .sc{font-weight:700;font-variant-numeric:tabular-nums}.bar-track{background:var(--bg-warm);border-radius:999px;height:14px;overflow:hidden;box-shadow:inset 0 1px 2px #7a54351f}.bar-fill{height:100%;border-radius:999px;width:0;min-width:6px;transition:width .9s var(--ease)}.analysis-block{margin-top:8px}.type-photo{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;border-radius:14px;margin-top:26px;box-shadow:var(--shadow-soft)}.voice{background:var(--bg-warm);border-radius:12px;padding:14px 16px;font-size:.95rem;color:var(--text-soft);white-space:pre-line;margin:6px 0 12px}.practice{background:#fff7ef;border:1.5px dashed var(--primary);border-radius:12px;padding:16px;margin-top:6px;white-space:pre-line}.result-actions{margin-top:28px;display:flex;flex-direction:column;gap:12px}.share-box{width:100%;margin-top:8px;border:1.5px solid var(--line);border-radius:12px;padding:12px;font-family:inherit;font-size:.9rem;color:var(--text);background:var(--card);resize:vertical;min-height:120px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(20px);background:var(--text);color:#fff;padding:12px 22px;border-radius:999px;font-size:.9rem;opacity:0;pointer-events:none;transition:all .25s ease;z-index:50}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}#cat-pet{position:fixed;left:0;top:0;width:72px;height:72px;z-index:60;cursor:pointer;will-change:transform;-webkit-tap-highlight-color:transparent;touch-action:manipulation}#cat-pet:focus-visible{outline:3px solid var(--primary-dark);outline-offset:4px;border-radius:50%}#cat-pet svg{width:100%;height:100%;display:block;filter:drop-shadow(0 4px 6px rgba(122,84,53,.28))}#cat-pet.meowing svg{animation:catPulse .4s ease}@keyframes catPulse{0%{transform:scale(1)}40%{transform:scale(1.18) rotate(-3deg)}to{transform:scale(1)}}.cat-face{width:100%;height:100%;transform-origin:50% 50%}.cat-bob{width:100%;height:100%;transform-origin:50% 90%}#cat-pet.walking .cat-bob{animation:catBob .36s ease-in-out infinite}@keyframes catBob{0%,to{transform:translateY(0) rotate(-2.5deg)}50%{transform:translateY(-4px) rotate(2.5deg)}}.cat-tail{transform-origin:50px 46px;animation:tailWag 1.2s ease-in-out infinite}@keyframes tailWag{0%,to{transform:rotate(-9deg)}50%{transform:rotate(11deg)}}.cat-leg{transform-origin:center top}#cat-pet.walking .leg1{animation:legA .36s linear infinite}#cat-pet.walking .leg2{animation:legB .36s linear infinite}@keyframes legA{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes legB{0%,to{transform:translateY(-3px)}50%{transform:translateY(0)}}#cat-pet.running .cat-bob,#cat-pet.running .leg1,#cat-pet.running .leg2{animation-duration:.18s}#cat-pet.act-jump .cat-bob{animation:catHop .5s ease 3}@keyframes catHop{0%{transform:translateY(0)}30%{transform:translateY(-24px)}55%{transform:translateY(0)}72%{transform:translateY(-9px)}to{transform:translateY(0)}}#cat-pet.act-scratch .cat-bob{animation:catScratch .12s linear 11;transform-origin:50% 82%}@keyframes catScratch{0%{transform:rotate(-5deg) translate(-1px)}50%{transform:rotate(5deg) translate(1px)}to{transform:rotate(-5deg) translate(-1px)}}#cat-pet.act-sleep .cat-face{transform:rotate(12deg)}#cat-pet.act-sleep .cat-bob{animation:catBreath 2.6s ease-in-out infinite;transform-origin:50% 92%}@keyframes catBreath{0%,to{transform:scale(1)}50%{transform:scale(1.05,.95)}}#cat-pet.act-sleep .cat-eye{transform:scaleY(.14);transform-origin:center;transform-box:fill-box}#cat-pet.act-nuzzle .cat-bob{animation:catNuzzle .4s ease-in-out 4;transform-origin:50% 92%}@keyframes catNuzzle{0%,to{transform:rotate(0)}25%{transform:rotate(-13deg)}75%{transform:rotate(13deg)}}.cat-bubble{position:absolute;top:-20px;left:50%;transform:translate(-50%) scale(0);transform-origin:bottom center;background:#fff;color:var(--primary-dark);font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:12px;box-shadow:var(--shadow-soft);white-space:nowrap;opacity:0;pointer-events:none}.cat-bubble.show{animation:bubblePop 1.1s ease forwards}@keyframes bubblePop{0%{transform:translate(-50%) scale(0);opacity:0}18%{transform:translate(-50%) scale(1);opacity:1}78%{transform:translate(-50%) scale(1);opacity:1}to{transform:translate(-50%) scale(1) translateY(-6px);opacity:0}}#cat-mute{position:fixed;left:14px;bottom:14px;z-index:61;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:var(--card);color:var(--text-soft);font-size:1.1rem;line-height:1;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .08s ease,background .2s ease}#cat-mute:hover{background:var(--bg-warm)}#cat-mute:active{transform:scale(.92)}#cat-mute:focus-visible{outline:3px solid var(--primary-dark);outline-offset:2px}@media(prefers-reduced-motion:reduce){#cat-pet{transition:none!important}.cat-tail,#cat-pet.walking .cat-bob,#cat-pet.walking .leg1,#cat-pet.walking .leg2{animation:none!important}}.site-footer{text-align:center;font-size:.8rem;color:var(--text-faint);letter-spacing:.04em;margin-top:26px;padding:0 8px}.visitor-count{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-variant-numeric:tabular-nums}.footer-nav{display:flex;justify-content:center;gap:16px;margin-top:10px}.footer-nav a{color:var(--text-soft);text-decoration:none}.footer-nav a:hover{color:var(--primary-dark);text-decoration:underline}.quiz-version{margin-top:6px;font-size:.72rem;color:var(--text-faint)}.turnstile-wrap{position:fixed;left:-9999px;width:1px;height:1px;overflow:hidden}.hidden{display:none!important}@media(max-width:480px){body{padding:16px 12px 56px}.card{padding:24px 18px}h1{font-size:1.5rem}.question-text{font-size:1.16rem}.result-type{font-size:1.42rem}.result-hero-body{padding:16px}.option{padding:14px 15px;font-size:.98rem}.start-btn{font-size:1.06rem}.meta-pill{font-size:.82rem;padding:8px 12px}}