:root{--paper:#f7f1e5;--surface:#ffffff;--ink:#2b2f3a;--ink2:#6f7684;--ink3:#9aa1ae;--line:#e7ddc9;--teal:#14b8a6;--teal-d:#0c8f81;--sun:#ffc531;--sun-d:#dda50e;--coral:#ff6f59;--coral-d:#d9533e;--violet:#8577f0;--violet-d:#6858cf;--ok:#22a565;--bad:#e05252;--r:22px;--r-sm:14px;--sh:0 2px 0 rgba(43,47,58,.05), 0 10px 26px rgba(43,47,58,.08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.app{max-width:860px;margin:0 auto;padding:14px 16px 190px;min-height:100vh}.top{display:flex;align-items:center;gap:10px;padding:4px 2px 12px}.top .sp{flex:1}.coin{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:2.5px solid var(--line);border-radius:99px;padding:7px 16px;font-weight:800;font-size:17px;box-shadow:0 3px 0 var(--line)}.coin i{width:16px;height:16px;border-radius:50%;flex:none;background:radial-gradient(circle at 35% 30%,#ffe27a,#f0ab09);box-shadow:inset 0 -2px #00000026}.gear{width:44px;height:44px;border-radius:14px;background:var(--surface);border:2.5px solid var(--line);color:var(--ink3);font-size:18px;font-weight:700;box-shadow:0 3px 0 var(--line)}.gear:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.gbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--teal);color:#fff;font-weight:800;font-size:18px;padding:15px 30px;border-radius:18px;border-bottom:6px solid var(--teal-d);transition:transform .06s,border-bottom-width .06s;-webkit-user-select:none;user-select:none}.gbtn:active{transform:translateY(4px);border-bottom-width:2px}.gbtn:disabled{opacity:.45;pointer-events:none}.gbtn.sun{background:var(--sun);color:#5a4300;border-bottom-color:var(--sun-d)}.gbtn.coral{background:var(--coral);border-bottom-color:var(--coral-d)}.gbtn.violet{background:var(--violet);border-bottom-color:var(--violet-d)}.gbtn.ghost{background:var(--surface);color:var(--ink);border:2.5px solid var(--line);border-bottom-width:6px}.gbtn.xl{font-size:22px;padding:20px 34px;border-radius:22px;width:100%}.gbtn.sm{font-size:15px;padding:10px 18px;border-radius:14px;border-bottom-width:4px}.home{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:6px}.me-stage{width:min(300px,72vw)}.me-stage .me-card{border-radius:var(--r)!important;border:2.5px solid var(--line)}.me-badge{display:flex;align-items:center;gap:10px;background:var(--surface);border:2.5px solid var(--line);border-radius:99px;padding:8px 18px;font-size:15px;font-weight:700;color:var(--ink2);box-shadow:0 3px 0 var(--line)}.me-badge .stars{color:var(--sun);letter-spacing:2px;font-size:17px}.entries{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;width:100%}@media(max-width:640px){.entries{grid-template-columns:1fr}}.tile{position:relative;background:var(--surface);border:2.5px solid var(--line);border-radius:var(--r);padding:20px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 5px 0 var(--line);transition:transform .08s,box-shadow .08s}.tile:active{transform:translateY(3px);box-shadow:0 2px 0 var(--line)}.tile-glyph{width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;color:#fff;margin-bottom:4px}.tile.teal .tile-glyph{background:var(--teal)}.tile.coral .tile-glyph{background:var(--coral)}.tile.violet .tile-glyph{background:var(--violet)}.tile-t{font-size:19px;font-weight:800}.tile-s{font-size:13px;color:var(--ink3)}.tile-badge{position:absolute;top:-8px;right:-8px;min-width:28px;height:28px;border-radius:99px;background:var(--coral);color:#fff;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0 8px;border:2.5px solid var(--paper)}.buddy-corner{position:fixed;right:14px;bottom:14px;width:190px;z-index:40}.buddy-corner .buddy{border-radius:18px!important;border:2.5px solid var(--line)}.buddy-corner .b-stage{height:176px!important}.buddy-corner .b-say{font-size:13px!important;left:8px!important;right:8px!important;bottom:8px!important;padding:7px 10px!important;min-height:34px!important;border-radius:12px!important;border-width:2px!important;color:var(--ink)!important;font-weight:600}.buddy-corner .b-meta{display:none!important}@media(max-width:640px){.buddy-corner{width:150px}.buddy-corner .b-stage{height:150px!important}}.back{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:2.5px solid var(--line);border-radius:99px;padding:9px 18px;font-weight:800;font-size:15px;color:var(--ink2);box-shadow:0 3px 0 var(--line);margin-bottom:14px}.back:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.page-title{font-size:24px;font-weight:900;margin:2px 0 4px}.page-sub{color:var(--ink2);font-size:14px;margin:0 0 18px}.play-card{background:var(--surface);border:2.5px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px;max-width:640px;margin:0 auto;width:100%}@media(max-width:640px){.play-card{padding:16px}}.dotrow{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.dotrow i{width:12px;height:12px;border-radius:99px;background:#e9e2d2;transition:.2s}.dotrow i.cur{background:var(--teal);transform:scale(1.25)}.dotrow i.done{background:var(--teal);opacity:.45}.timerpill{display:flex;align-items:center;gap:10px;background:var(--paper);border:2px solid var(--line);border-radius:99px;padding:6px 14px;margin-bottom:14px}.timerpill .t{font-size:20px;font-weight:800;min-width:44px;text-align:center}.timerpill .bar{flex:1;height:10px;background:#e9e2d2;border-radius:99px;overflow:hidden}.timerpill .bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#7fe0d4,#14b8a6);transition:width .5s linear}.timerpill.hot .t{color:var(--bad)}.timerpill.hot .bar>i{background:linear-gradient(90deg,#ffb0a3,#e05252)}.q-stem{font-size:23px;line-height:1.7;margin:8px 0 20px;font-weight:800;text-align:center}.opts{display:grid;gap:12px}.opt{border:2.5px solid var(--line);border-radius:16px;padding:16px 18px;text-align:left;font-size:19px;font-weight:700;background:#fff;box-shadow:0 4px 0 var(--line);transition:transform .06s,box-shadow .06s,border-color .15s,background .15s}.opt:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--line)}.opt:hover:not(:disabled){border-color:var(--teal)}.opt.right{border-color:var(--ok);background:#e9f8ef;box-shadow:0 4px #bfe6cf}.opt.wrong{border-color:var(--bad);background:#fdeeee;box-shadow:0 4px #f3c8c8}.opt:disabled{cursor:default}.opt .idx{display:inline-flex;width:30px;height:30px;border-radius:10px;background:var(--paper);border:2px solid var(--line);align-items:center;justify-content:center;font-size:14px;font-weight:800;color:var(--ink2);margin-right:12px;vertical-align:2px}.opt.right .idx{background:var(--ok);border-color:var(--ok);color:#fff}.opt.wrong .idx{background:var(--bad);border-color:var(--bad);color:#fff}.feedback{margin-top:18px;border-radius:16px;padding:16px 18px;font-size:16px;border:2.5px solid;display:flex;flex-direction:column;gap:10px}.feedback.ok{background:#e9f8ef;border-color:#bfe6cf}.feedback.no{background:#fdf1e4;border-color:#f2d9b5}.feedback .fb-t{font-size:20px;font-weight:900}.feedback.ok .fb-t{color:var(--ok)}.feedback.no .fb-t{color:#b0720a}.feedback .fb-w{color:var(--ink2);font-size:15px}.bigtwo{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:640px){.bigtwo{grid-template-columns:1fr}}.kpchips{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.kchip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:2.5px solid var(--line);border-radius:99px;padding:8px 16px;font-size:15px;font-weight:700}.kchip .st{font-size:16px}.kchip.got{border-color:#bfe6cf;background:#e9f8ef}.kchip.due{border-color:#f2d9b5;background:#fdf6e8}.kchip.weak{border-color:#f3c8c8}.doorwrap{display:flex;justify-content:center;padding:6px 0 20px;perspective:600px}.door{width:150px;height:212px;border-radius:80px 80px 12px 12px;position:relative;background:linear-gradient(160deg,#96684a,#6d4429);border:6px solid #4a2f1c;box-shadow:inset 0 0 0 8px #ffffff12,0 14px 26px #2b2f3a2e;transform-origin:left center;transition:transform .9s ease}.door:after{content:"";position:absolute;right:16px;top:50%;width:16px;height:16px;border-radius:50%;background:#ffd76a;box-shadow:0 0 0 4px #0000002e}.door.open{transform:rotateY(-72deg)}.door.knock{animation:knock .28s ease 2}@keyframes knock{0%,to{transform:rotate(0)}30%{transform:rotate(-1.6deg)}70%{transform:rotate(1.2deg)}}.door-glow{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 100% 50%,rgba(255,215,106,.55),transparent 60%);opacity:0;transition:.9s}.door.open .door-glow{opacity:1}.gate-note{display:flex;align-items:center;gap:10px;justify-content:center;color:var(--ink2);font-size:14px;font-weight:600;margin-bottom:8px}.gate-note .pulse{width:10px;height:10px;border-radius:99px;background:var(--teal);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.result-hero{text-align:center;padding:10px 0 4px}.result-hero .big{font-size:34px;font-weight:900;margin-bottom:4px}.result-hero .gain{display:inline-flex;align-items:center;gap:8px;margin-top:10px;background:#fff6df;border:2.5px solid #f0d98c;color:#8a6100;border-radius:99px;padding:10px 22px;font-size:22px;font-weight:900}.result-hero .gain i{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe27a,#f0ab09)}.review-line{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:2px dashed var(--line);font-size:15px}.review-line:last-child{border:0}.review-line .why{width:100%;color:var(--ink2);font-size:13px;margin-top:2px}.mark{flex:none;width:26px;height:26px;border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:14px}.mark.ok{background:var(--ok)}.mark.no{background:var(--bad)}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2f3a80;display:flex;align-items:center;justify-content:center;padding:18px;z-index:60}.modal{background:var(--surface);border:2.5px solid var(--line);border-radius:24px;max-width:520px;width:100%;padding:26px;max-height:88vh;overflow:auto;box-shadow:var(--sh)}.modal h3{margin:0 0 10px;font-size:22px;font-weight:900}.pin{display:flex;gap:10px;justify-content:center;margin:22px 0}.pin input{width:56px;height:66px;text-align:center;font-size:28px;font-weight:800;border:2.5px solid var(--line);border-radius:16px;background:var(--paper)}.pin input:focus{outline:0;border-color:var(--teal);background:#fff}.parent-note{background:#fdf1e4;border:2.5px solid #f2d9b5;border-radius:14px;padding:13px 16px;font-size:14px;color:#8a6100;font-weight:600;margin:14px 0}.btns{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.btns .gbtn{flex:1;min-width:120px}.wardrobe-box{background:var(--surface);border:2.5px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:18px}.swatch{display:flex;gap:12px;flex-wrap:wrap}.sw{width:52px;height:52px;border-radius:14px;border:3px solid transparent;position:relative;cursor:pointer}.sw.on{border-color:var(--ink)}.sw.no{opacity:.35}.sw span{position:absolute;left:0;right:0;bottom:-20px;text-align:center;font-size:12px;color:var(--ink3)}.chiprow{display:flex;gap:10px;flex-wrap:wrap}.chip{border:2.5px solid var(--line);border-radius:12px;padding:10px 16px;font-size:15px;font-weight:700;background:#fff;cursor:pointer}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.chip.no{opacity:.4}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:28px;background:var(--ink);color:#fff;padding:12px 22px;border-radius:99px;font-size:15px;font-weight:700;z-index:99;box-shadow:0 8px 24px #00000040}