:root{--pink:#f26486;--pink-deep:#d94f74;--ink:#302d38;--muted:#8d8795;--cream:#fff8f6;--line:#f3dce0;--mint:#dff6ee;--violet:#5c506f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0,#ffe3e6 0 16%,transparent 38%),var(--cream);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;min-height:100vh}button{font:inherit;border:0;cursor:pointer}.app-shell{max-width:720px;margin:auto;min-height:100vh;padding:18px 16px 38px}.topbar{height:48px;display:flex;align-items:center;justify-content:space-between}.logo{width:136px;height:auto;object-fit:contain}.streak{display:flex;align-items:center;gap:8px;color:var(--pink-deep);font-weight:800}.streak small{display:block;color:var(--muted);font-size:11px;font-weight:600}.screen{display:none}.screen.active{display:block}.hero-card{margin-top:24px;min-height:520px;overflow:hidden;border:1px solid #f8d7dc;border-radius:30px;background:linear-gradient(135deg,#fff 0 54%,#fff0f1 54%);box-shadow:0 14px 44px rgba(173,95,114,.12);display:flex;position:relative}.hero-copy{padding:40px 12px 32px 28px;width:58%;z-index:2}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--pink-deep);font-weight:900;margin:0 0 18px}.hero-copy h1,.result-card h2,.blocked-card h2,.fail-panel h2{font-size:36px;line-height:1.2;margin:0 0 18px;letter-spacing:-.06em}.hero-copy h1 em,.result-card h2 em,.blocked-card h2 em,.fail-panel h2 em{font-style:normal;color:var(--pink-deep)}.hero-copy p:not(.eyebrow){color:var(--muted);line-height:1.8;font-size:14px;margin:0 0 24px}.primary,.secondary{border-radius:16px;padding:14px 18px;font-weight:800;transition:.2s}.primary{background:var(--pink);color:#fff;box-shadow:0 9px 18px rgba(242,100,134,.22)}.primary:active,.secondary:active{transform:translateY(2px)}.primary span{font-size:20px;margin-left:8px}.secondary{background:#fff;color:var(--pink-deep);border:1px solid var(--line)}.hero-character{position:absolute;right:-44px;bottom:-22px;width:53%;height:95%;display:flex;align-items:flex-end;justify-content:center}.hero-character img{height:100%;max-width:none;object-fit:contain;object-position:bottom center;filter:saturate(.92) drop-shadow(0 12px 8px rgba(69,40,50,.11))}.sticker{background:#fff;border:2px solid var(--pink);color:var(--pink-deep);border-radius:18px;padding:10px 14px;font-weight:900;line-height:1.35;text-align:center;box-shadow:4px 5px 0 #f9cad2;position:absolute;z-index:3;transform:rotate(-5deg)}.sticker-welcome{top:36px;right:12px;font-size:13px}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0}.mini-card{background:#fff;border:1px solid #f6e4e4;border-radius:18px;padding:14px 10px;display:flex;flex-direction:column;gap:5px;box-shadow:0 7px 20px rgba(173,95,114,.06)}.mini-icon{font-size:18px}.mini-card b{font-size:15px}.mini-card small{font-size:11px;color:var(--muted)}.tip{text-align:center;color:var(--muted);font-size:12px}.progress-head{display:flex;gap:14px;align-items:center;margin:22px 0 18px}.icon-btn{border-radius:12px;background:#fff;border:1px solid var(--line);width:42px;height:42px;color:var(--pink-deep);font-size:24px}.progress-head>div{flex:1}.progress-head span{font-size:12px;color:var(--muted)}.progress-bar{height:6px;border-radius:8px;background:#f5dde2;margin-top:7px;overflow:hidden}.progress-bar i{display:block;width:33%;height:100%;border-radius:8px;background:var(--pink);transition:.3s}.category-pill{background:#fff0f2;color:var(--pink-deep)!important;padding:8px 10px;border-radius:12px;font-weight:800}.challenge-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:24px 18px;box-shadow:0 12px 35px rgba(173,95,114,.08)}.scene-tag{color:var(--pink-deep);font-size:13px;font-weight:900;margin-bottom:10px}.challenge-card h2{font-size:23px;line-height:1.5;margin:0 0 20px;letter-spacing:-.03em}.option-list{display:grid;gap:10px}.option{background:#fff8f6;border:1.5px solid #f4dce1;text-align:left;padding:15px;border-radius:15px;line-height:1.5;color:var(--ink)}.option.selected{border-color:var(--pink);background:#fff0f3}.option.correct{border-color:#40aa83;background:var(--mint)}.option.wrong{border-color:#dc788d;background:#fff0f1}.feedback{margin-top:15px;border-radius:14px;padding:12px;font-size:13px;line-height:1.6;background:#fff7db;color:#77601d}.next-step{margin-top:18px;width:100%}.quote-box{border-radius:18px;padding:20px;background:#3b3548;color:#fff;font-size:22px;line-height:1.8;letter-spacing:.08em;margin:12px 0 17px}.blank-input{display:inline-block;min-width:64px;width:110px;border:0;border-bottom:3px solid #ff98af;background:transparent;color:#ffe4ea;text-align:center;font-weight:900;font-size:20px;outline:none;letter-spacing:.1em}.blank-input:focus{border-bottom-color:#fff}.hint{font-size:12px;color:var(--muted);line-height:1.6}.attempts{display:flex;align-items:center;justify-content:space-between;margin:14px 0 8px;font-size:12px;color:var(--muted)}.heart{color:var(--pink);letter-spacing:4px}.result-card,.blocked-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px 18px;margin-top:24px;box-shadow:0 12px 35px rgba(173,95,114,.09);position:relative;overflow:hidden}.result-top{height:112px;position:relative}.result-character,.blocked-character{position:absolute;height:190px;right:-10px;bottom:-84px;filter:saturate(.9)}.sticker-success{left:0;top:4px;transform:rotate(-4deg);font-size:14px}.copy-card{background:#fffaf4;border-left:4px solid var(--pink);padding:18px 16px;margin:22px 0;border-radius:0 16px 16px 0}.copy-title{color:var(--muted);font-size:12px;margin:0 0 12px}.copy-text{line-height:2;font-size:15px;white-space:pre-wrap}.copy-text b{display:block;color:var(--pink-deep);font-size:14px}.result-actions{display:flex;gap:10px}.result-actions button{flex:1}.text-btn{display:block;margin:18px auto 0;background:none;color:var(--muted);font-size:13px}.blocked-card{text-align:center;padding-top:48px}.blocked-card p{color:var(--muted);line-height:1.8}.sticker-locked{top:22px;left:22px;font-size:13px}.blocked-character{height:260px;right:-30px;bottom:-120px}.overlay{position:fixed;inset:0;background:rgba(45,33,48,.76);z-index:20;display:flex;align-items:center;justify-content:center;padding:18px}.fail-panel{max-width:480px;width:100%;background:#fff8f6;border-radius:28px;padding:28px 20px;text-align:center;position:relative;overflow:hidden;box-shadow:0 22px 80px rgba(28,15,28,.35)}.fail-character{height:218px;position:absolute;right:-32px;top:-35px;opacity:.94}.sticker-fail{top:24px;left:18px;transform:rotate(-8deg);font-size:15px}.fail-panel h2{margin-top:125px;font-size:29px}.fail-panel p:not(.eyebrow){color:var(--muted);line-height:1.75;font-size:14px}.answer-reveal{background:#3b3548;color:#fff;border-radius:16px;padding:14px;font-size:19px;font-weight:900;letter-spacing:.08em;margin:18px 0}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#302d38;color:#fff;border-radius:12px;padding:10px 16px;font-size:13px;opacity:0;pointer-events:none;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}@media (max-width:480px){.app-shell{padding:14px 12px 30px}.hero-card{min-height:490px}.hero-copy{padding:30px 7px 24px 20px;width:65%}.hero-copy h1{font-size:29px}.hero-copy p:not(.eyebrow){font-size:13px}.hero-character{right:-62px;width:58%}.hero-character img{height:90%}.sticker-welcome{right:4px;top:25px;font-size:11px;padding:8px}.home-grid{gap:7px}.mini-card{padding:11px 8px}.mini-card b{font-size:13px}.challenge-card h2{font-size:20px}.quote-box{font-size:19px}.result-card h2,.blocked-card h2{font-size:30px}}