.wheel-stage{width:min(86vw,340px);height:min(86vw,340px);margin:0 auto;position:relative}.wheel-pointer{z-index:3;filter:drop-shadow(0 2px 2px #00000059);border-top:28px solid #1a1a1a;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.wheel-pointer:after{content:"";background:#f5c542;border-radius:50%;width:10px;height:10px;position:absolute;top:-28px;left:-5px;box-shadow:0 0 0 2px #1a1a1a}.wheel-disk{will-change:transform;border:6px solid #1a1a1a;border-radius:50%;width:100%;height:100%;position:relative;box-shadow:inset 0 0 0 4px #fff3,0 12px 28px #00000047}.wheel-label{pointer-events:none;justify-content:center;align-items:center;width:0;height:0;display:flex;position:absolute;top:50%;left:50%}.wheel-label span{text-align:center;color:#fff;text-shadow:0 1px 2px #00000073;white-space:normal;width:5.5rem;font-family:ZCOOL KuaiLe,Rubik,system-ui,sans-serif;font-size:.92rem;font-weight:700;line-height:1.2;display:block}.wheel-hub{background:radial-gradient(circle at 35% 30%,#ffe08a,#f5c542 55%,#c48a10);border:4px solid #1a1a1a;border-radius:50%;width:42px;height:42px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000040}.quiz-screen{width:100%;max-width:420px;margin:0 auto;padding:0 0 2rem;animation:.35s ease-out rise-in}.quiz-header{text-align:center;margin-bottom:1.25rem}.quiz-eyebrow{letter-spacing:.08em;color:var(--muted);margin:0;font-size:.85rem}.quiz-header h1{margin:.35rem 0 .4rem;font-family:ZCOOL KuaiLe,Rubik,system-ui,sans-serif;font-size:clamp(1.6rem,6vw,2rem)}.quiz-hint{color:var(--muted);margin:0;font-size:.9rem}.quiz-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.quiz-card{background:#ffffffb8;border:2px solid #1a1a1a14;border-radius:16px;padding:1rem 1rem 1.1rem}.quiz-num{color:var(--ink);margin:0 0 .35rem;font-size:.85rem;font-weight:700}.quiz-prompt{margin:0 0 .85rem;font-size:1.02rem;font-weight:600;line-height:1.45}.quiz-options{flex-direction:column;gap:.55rem;display:flex}.quiz-option{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;border:2px solid #1a1a1a1f;border-radius:12px;align-items:flex-start;gap:.65rem;padding:.75rem .85rem;font-size:.95rem;line-height:1.35;transition:border-color .15s,background .15s,transform .12s;display:flex}.quiz-option:active{transform:scale(.99)}.quiz-option.is-selected{border-color:var(--accent);background:#fff4d6}.quiz-option-mark{color:#fff;background:#1a1a1a;border-radius:50%;flex:none;place-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:700;display:grid}.quiz-option.is-selected .quiz-option-mark{background:var(--accent);color:#1a1a1a}.quiz-submit{width:100%;margin-top:1.25rem}.result-screen{width:100%;max-width:420px;margin:0 auto;padding-bottom:2rem;animation:.35s ease-out rise-in}.result-banner{text-align:center;border:3px solid #1a1a1a;border-radius:20px;margin-bottom:1.1rem;padding:1.4rem 1rem 1.2rem}.result-banner.is-pass{background:linear-gradient(160deg,#d8f5c8,#9ed97a)}.result-banner.is-fail{background:linear-gradient(160deg,#ffe2c8,#ffb080)}.result-eyebrow{color:#1a1a1ab3;margin:0;font-size:.9rem}.result-banner h1{margin:.25rem 0 .4rem;font-family:ZCOOL KuaiLe,Rubik,system-ui,sans-serif;font-size:clamp(2rem,8vw,2.6rem)}.result-score{margin:0;font-size:1rem}.result-review{flex-direction:column;gap:.75rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.result-item{background:#ffffffbf;border-left:5px solid #999;border-radius:14px;padding:.85rem 1rem}.result-item.ok{border-left-color:#2f9e5a}.result-item.bad{border-left-color:#e03b2f}.result-q{margin:0 0 .35rem;font-weight:600;line-height:1.4}.result-q span{margin-right:.25rem}.result-a{margin:0;font-size:.92rem}.result-exp{color:var(--muted);margin:.35rem 0 0;font-size:.85rem}.result-actions{flex-direction:column;gap:.65rem;display:flex}.result-actions .primary-btn,.result-actions .ghost-btn{width:100%}:root{--ink:#1a1a1a;--muted:#7a4a5c;--accent:#f5c542;--paper:#ffe4ef;--pink:#ff8fb8;--pink-deep:#ff6b9d;--petal:#ffb7d5;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Rubik,PingFang SC,Microsoft YaHei,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh}button{font:inherit}.app-shell{min-height:100dvh;position:relative;overflow-x:hidden}.app-bg{z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 12%,#ffffff8c,#0000 38%),radial-gradient(circle at 82% 22%,#ff8fb88c,#0000 42%),radial-gradient(circle at 50% 85%,#ff6b9d59,#0000 48%),linear-gradient(165deg,#ffeaf3 0%,#ffd0e4 42%,#ffb7d5 100%);position:fixed;inset:0;overflow:hidden}.app-bg:after{content:"";opacity:.12;background-image:radial-gradient(#c45a7a .7px,#0000 .7px);background-size:18px 18px;position:absolute;inset:0}.flower{opacity:.9;width:52px;height:52px;position:absolute}.flower:before{content:"";background:radial-gradient(circle at 50% 18%, var(--petal) 0 38%, transparent 39%), radial-gradient(circle at 82% 38%, var(--petal) 0 38%, transparent 39%), radial-gradient(circle at 68% 78%, var(--petal) 0 38%, transparent 39%), radial-gradient(circle at 32% 78%, var(--petal) 0 38%, transparent 39%), radial-gradient(circle at 18% 38%, var(--petal) 0 38%, transparent 39%), radial-gradient(circle at 50% 50%, #ffe066 0 22%, transparent 23%);filter:drop-shadow(0 2px 3px #c45a7a40);animation:5.5s ease-in-out infinite flower-sway;position:absolute;inset:0}.flower.f1{top:6%;left:6%;transform:scale(1.15)rotate(-12deg)}.flower.f2{top:10%;right:8%;transform:scale(.9)rotate(18deg)}.flower.f2:before{animation-delay:-1.2s}.flower.f3{top:28%;left:3%;transform:scale(.75)rotate(8deg)}.flower.f3:before{animation-delay:-2.1s}.flower.f4{top:42%;right:4%;transform:scale(1.05)rotate(-20deg)}.flower.f4:before{animation-delay:-.6s}.flower.f5{bottom:22%;left:8%;transform:scale(.85)rotate(25deg)}.flower.f5:before{animation-delay:-3s}.flower.f6{bottom:12%;right:10%;transform:scale(1.2)rotate(-8deg)}.flower.f6:before{animation-delay:-1.8s}.flower.f7{opacity:.7;bottom:36%;left:42%;transform:scale(.65)rotate(40deg)}.flower.f7:before{animation-delay:-2.6s}.flower.f8{opacity:.75;top:58%;right:18%;transform:scale(.7)rotate(-30deg)}.flower.f8:before{animation-delay:-4s}@keyframes flower-sway{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(8deg)scale(1.06)}}.app-main{z-index:1;width:min(100%,480px);margin:0 auto;padding:1.5rem 1.1rem 2.5rem;position:relative}.wheel-screen{text-align:center;flex-direction:column;align-items:center;animation:.35s ease-out rise-in;display:flex}.brand-title{letter-spacing:.04em;color:var(--ink);margin:.2rem 0 .35rem;font-family:ZCOOL KuaiLe,Rubik,system-ui,sans-serif;font-size:clamp(2.2rem,9vw,3rem)}.brand-sub{color:var(--muted);margin:0 0 .55rem;font-size:.98rem}.daily-badge{color:#a13d66;letter-spacing:.02em;background:#ffffffa6;border:2px solid #c45a7a59;border-radius:999px;margin:0 0 1.15rem;padding:.28rem .75rem;font-size:.82rem;font-weight:600;display:inline-block}.start-btn{min-width:200px;margin-top:1.5rem;animation:2.2s ease-in-out infinite pulse-soft}.start-btn:disabled{opacity:.75;animation:none}.primary-btn{appearance:none;background:var(--accent);color:var(--ink);cursor:pointer;border:3px solid #1a1a1a;border-radius:999px;padding:.85rem 1.4rem;font-size:1.1rem;font-weight:700;transition:transform .12s,box-shadow .12s;box-shadow:0 4px #1a1a1a}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px #1a1a1a}.primary-btn:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px #1a1a1a}.primary-btn:disabled{cursor:not-allowed}.ghost-btn{appearance:none;color:var(--ink);cursor:pointer;background:#ffffffb3;border:2px solid #1a1a1a59;border-radius:999px;padding:.75rem 1.3rem;font-size:1rem;font-weight:600}.ghost-btn:hover{border-color:var(--ink)}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (width>=768px){.app-main{padding-top:2.5rem}}