:root{--brand:#6d5efc;--brand2:#9a7bff;--accent:#ff8a5c;--gold:#ffb300;--bg:#f3f2fb;--card:#ffffff;--ink:#2b2b3a;--muted:#8a8aa0;--line:#ececf4;--ok:#23c483;--warn:#ff9f43;--bad:#ff5e6c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}#app{max-width:520px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:72px}a{color:inherit;text-decoration:none}.page{padding:16px}.h-title{font-size:20px;font-weight:800;margin:6px 0 14px}.muted{color:var(--muted)}.card{background:var(--card);border-radius:18px;padding:16px;box-shadow:0 6px 22px #3c327812;margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:14px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer;background:var(--brand);color:#fff;transition:.15s}.btn:active{transform:scale(.97)}.btn.block{width:100%}.btn.ghost{background:#eef0fb;color:var(--brand)}.btn.warn{background:var(--warn)}.btn.bad{background:var(--bad)}.btn.gold{background:linear-gradient(135deg,#ffd24d,#ff9d2e);color:#7a4b00}.btn:disabled{opacity:.5}.input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;font-size:15px;background:#fafaff;margin-bottom:12px}.input:focus{outline:none;border-color:var(--brand)}.row{display:flex;gap:10px}.center{display:flex;align-items:center;justify-content:center}.grad-header{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;padding:22px 18px 26px;border-radius:0 0 26px 26px}.brand-hi{font-size:22px;font-weight:800}.brand-sub{opacity:.85;font-size:13px;margin-top:4px}.ring{--p:0;width:120px;height:120px;border-radius:50%;background:conic-gradient(#fff calc(var(--p)*1%),#ffffff40 0);display:flex;align-items:center;justify-content:center}.ring .inner{width:96px;height:96px;border-radius:50%;background:var(--brand);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}.script-card{display:flex;gap:12px;align-items:center}.cover{width:56px;height:74px;border-radius:10px;object-fit:cover;background:#e9e9f3;flex:none}.tag{display:inline-block;font-size:11px;padding:2px 8px;border-radius:20px;background:#eef0fb;color:var(--brand)}.state-passed{color:var(--ok);font-weight:700}.state-frozen{color:var(--bad);font-weight:700}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:520px;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:50}.tabbar a{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--muted);gap:2px}.tabbar a.on{color:var(--brand)}.tabbar .ic{font-size:20px}.stage{border-radius:16px;padding:14px;margin-bottom:12px;border:1.5px solid var(--line);background:#fff}.stage.cur{border-color:var(--brand);box-shadow:0 6px 20px #6d5efc29}.stage.done{border-color:var(--ok)}.stage.locked{opacity:.7}.cond{display:flex;align-items:center;gap:8px;font-size:13px;margin:5px 0}.dot{width:16px;height:16px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff}.dot.y{background:var(--ok)}.dot.n{background:#cfcfe0}.title-badge{display:inline-block;background:linear-gradient(135deg,#fff2cc,#ffe08a);color:#8a5a00;font-weight:700;font-size:12px;padding:4px 12px;border-radius:20px;margin:3px;border:1px solid #ffd76a}.gift-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#141028b8;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;animation:fade .3s}@keyframes fade{0%{opacity:0}to{opacity:1}}.gift{width:160px;height:160px;position:relative;cursor:pointer}.gift .box{position:absolute;bottom:0;width:160px;height:120px;background:linear-gradient(135deg,#ff7a59,#ff5e8a);border-radius:14px}.gift .lid{position:absolute;top:8px;width:172px;left:-6px;height:40px;background:linear-gradient(135deg,#ffd24d,#ff9d2e);border-radius:12px;transform-origin:center;transition:.5s}.gift .ribbon{position:absolute;left:72px;width:16px;height:120px;bottom:0;background:#ffd76a;z-index:2}.gift.open .lid{transform:translateY(-90px) rotate(-18deg);opacity:0}.gift.open .box{animation:pop .5s}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.08)}to{transform:scale(1)}}.reward-pop{margin-top:24px;text-align:center;color:#fff;animation:rise .6s .25s both}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.reward-name{font-size:24px;font-weight:900;color:#ffd76a}.reward-desc{font-size:13px;opacity:.85;margin-top:8px;max-width:260px}.spark{position:absolute;width:8px;height:8px;border-radius:50%;background:#ffe08a;opacity:0}.gift.open .spark{animation:spark .7s ease-out forwards}@keyframes spark{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.3)}}.opt{border:1.5px solid var(--line);border-radius:14px;padding:14px;margin-bottom:10px;background:#fff;cursor:pointer;transition:.12s}.opt.sel{border-color:var(--brand);background:#f0effe}.timer{font-weight:800;color:var(--bad)}.progressbar{height:8px;border-radius:6px;background:#e9e9f6;overflow:hidden}.progressbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand2))}.flex-between{display:flex;justify-content:space-between;align-items:center}.notif{background:#fff6e9;border:1px solid #ffe0b3;color:#a05a00;border-radius:12px;padding:10px 12px;margin-bottom:10px;font-size:13px}.empty{text-align:center;color:var(--muted);padding:40px 0}.skeleton{background:linear-gradient(90deg,#eee,#f5f5f5,#eee);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:10px}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}