*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--accent:#2f6fd0;--accent-ink:#1f4e96;--accent-soft:#eef4fc;--gold:#b87a00;--gold-vivid:#f5a524;--gold-soft:#fff6e0;--green:#1e9b62;--green-soft:#e9f9f1;--red:#d9534f;--red-soft:#fdedea;--card:#fff;--bg:#f6f8fb;--page:#e9edf3;--ink:#1f2a37;--sub:#6b7a8d;--faint:#6b7a8d;--line:#e4e9f0;--line-strong:#d3dbe6;--fs-1:10px;--fs-2:11px;--fs-3:12px;--fs-4:14px;--fs-5:16px;--fs-6:20px;--fs-7:24px;--sp:4px;--r:14px;--shadow:0 1px 2px #1018280d}html,body,#root{height:100%}body{background:var(--page);color:var(--ink);overscroll-behavior:none;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}#app{background:var(--bg);border-left:1px solid var(--line);border-right:1px solid var(--line);flex-direction:column;max-width:520px;min-height:100dvh;margin:0 auto;display:flex;position:relative}button,input,select,textarea{font-family:inherit}.stage{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.screen{overscroll-behavior:contain;padding-bottom:calc(150px + env(safe-area-inset-bottom,0px));position:absolute;inset:0;overflow-y:auto}.screen::-webkit-scrollbar{display:none}.hdr{color:#fff;background:var(--accent);padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 16px;border-radius:0;flex-shrink:0}.hdr-top{justify-content:space-between;align-items:center;display:flex}.hdr .name{align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.hdr .name small{background:#ffffff47;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.sun-pill{color:var(--gold);background:#fffffff0;border:1px solid #fff9;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:20px;font-weight:800;display:flex}.hdr .streak{align-items:center;gap:8px;margin-top:6px;font-size:12px;display:flex}.hdr .streak b{font-size:16px}.lvlrow{align-items:center;gap:8px;margin-top:12px;display:flex}.lvlrow .lt{white-space:nowrap;background:#ffffff40;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:800}.lvlbar{background:#ffffff47;border-radius:999px;flex:1;height:10px;overflow:hidden}.lvlbar i{background:var(--gold-vivid);border-radius:999px;height:100%;transition:width .5s;display:block}.lvlrow .lv{white-space:nowrap;font-size:11px}.ov-head{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 14px;color:#fff;background:var(--accent);flex-shrink:0;align-items:center;gap:12px;display:flex}.ov-head .t{font-size:20px;font-weight:800}.ov-head .x{color:#fff;cursor:pointer;background:#ffffff47;border:none;border-radius:12px;width:34px;height:34px;margin-left:auto;font-size:16px}.sec{margin-top:16px}.sec-h{align-items:center;gap:8px;margin:0 2px 10px;display:flex}.sec-h .ico{color:#fff;background:#b7c6e2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;display:flex}.sec-h .ico.grad{background:var(--accent)}.sec-h h3{font-size:16px;font-weight:800}.sec-h .more{color:var(--sub);margin-left:auto;font-size:11px;font-weight:600}.card{border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);background:#fff;padding:14px}.taskcard{border:1.5px solid var(--line);cursor:pointer;text-align:left;width:100%;box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;transition:transform .1s;display:flex}.taskcard:active{transform:scale(.985)}.taskcard .box{border:2px solid var(--line-strong);color:#fff;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:800;display:flex}.taskcard .tc{flex:1;min-width:0}.taskcard .t{font-size:14px;font-weight:700;display:block}.taskcard .s{color:var(--sub);margin-top:2px;font-size:11px;display:block}.taskcard .sun{color:var(--gold);white-space:nowrap;font-size:14px;font-weight:800}.taskcard.done{background:var(--greenBg);border-color:var(--green)}.taskcard.done .box{background:var(--green);border-color:var(--green)}.taskcard.done .t{color:var(--green);text-decoration:line-through}.taskcard.done .sun{color:var(--green)}.tag{background:var(--red-soft);color:var(--red);border-radius:8px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:800}.tag.blue{color:var(--accent);background:#e3eeff}.big-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:20px;font-weight:800;display:flex}.big-btn.orange{background:var(--gold-vivid);color:#4a2e00}.big-btn.gray{background:var(--line);color:#6b7a8d}.big-btn.green{background:var(--green);color:#fff}.big-btn.blue{background:var(--accent);color:#fff}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:12px}.stat .k{color:var(--sub);font-size:11px}.stat .v{color:var(--ink);margin-top:3px;font-size:24px;font-weight:800}.stat .v small{color:var(--sub);font-size:12px;font-weight:800}.stat .v .s2{color:var(--accent)}.subj-tabs{gap:8px;margin-bottom:12px;display:flex}.subj-tab{cursor:pointer;box-shadow:var(--shadow);background:#fff;border:none;border-radius:14px;flex:1;padding:8px 4px 7px}.subj-tab b{color:var(--ink);font-size:16px;display:block}.subj-tab small{color:var(--faint);font-size:10px}.subj-tab.on{background:var(--accent);color:#fff}.subj-tab.on b,.subj-tab.on small{color:#fff}.pbar{background:var(--line);border-radius:999px;height:9px;margin-top:8px;overflow:hidden}.pbar i{background:var(--accent);border-radius:999px;height:100%;transition:width .5s;display:block}.unit{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-bottom:12px;padding:12px 16px}.unit-hd{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.unit-hd b{font-size:14px}.unit-hd span{color:var(--sub);font-size:11px}.unit .taskcard{box-shadow:none;border-radius:14px;margin-bottom:8px}.form-row{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:8px;padding:10px;display:flex}.form-row select,.form-row input{border:1.5px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;flex:1;min-width:0;padding:10px 12px;font-size:14px}.form-row input{flex:2}.plus-btn{background:var(--green);color:#fff;cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:50px;font-size:24px;font-weight:800}.lib-enter{border:1.5px dashed var(--line-strong);cursor:pointer;text-align:left;background:#fff;border-radius:14px;align-items:center;gap:8px;width:100%;margin-top:14px;padding:12px 16px;display:flex}.lib-enter span{color:#37507a;font-size:12px;font-weight:700}.kstat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.kstat{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:12px}.kstat .h{color:var(--ink);justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.kstat .h small{color:var(--faint);font-weight:600}.kstat .v{color:var(--accent);margin-top:6px;font-size:30px;font-weight:800}.kstat .v small{color:var(--sub);font-size:12px;font-weight:800}.kstat .pbar{margin-top:8px}.lib-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lib{cursor:pointer;text-align:left;box-shadow:var(--shadow);background:#fff;border:none;border-radius:14px;padding:12px}.lib .ico{font-size:24px}.lib b{margin-top:4px;font-size:14px;display:block}.lib .m{color:var(--sub);margin-top:2px;font-size:12px;display:block}.lib .m b{color:var(--red);display:inline}.lib .sw{background:var(--line);border-radius:999px;height:6px;margin-top:9px;overflow:hidden}.lib .sw i{border-radius:999px;height:100%;display:block}.quota-row{align-items:center;gap:12px;margin-bottom:11px;display:flex}.quota-row .qn{flex-shrink:0;width:56px;font-size:12px;font-weight:700}.quota-row .dots{background:var(--line);border-radius:999px;flex:1;height:9px;overflow:hidden}.quota-row .dots i{background:var(--gold-vivid);border-radius:999px;height:100%;transition:width .4s;display:block}.quota-row .qv{color:var(--sub);text-align:right;flex-shrink:0;min-width:56px;font-size:12px;font-weight:700}.weak{align-items:center;gap:8px;margin-bottom:9px;display:flex}.weak .wn{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;width:126px;font-size:12px;overflow:hidden}.weak .wb{background:var(--red-soft);border-radius:999px;flex:1;height:8px;overflow:hidden}.weak .wb i{background:var(--red);border-radius:999px;height:100%;display:block}.weak .wv{width:36px;color:var(--red);text-align:right;flex-shrink:0;font-size:12px;font-weight:800}.overlay{background:var(--bg);z-index:80;flex-direction:column;max-width:520px;margin:0 auto;display:flex;position:fixed;inset:0}.ov-body{flex:1;padding:14px 16px 30px;overflow-y:auto}.ov-body::-webkit-scrollbar{display:none}.shop-bal{color:#fff;align-items:center;gap:8px;margin-top:2px;font-size:30px;font-weight:800;display:flex}.item{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:12px 16px;display:flex}.item .ig{background:#f2f7ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex}.item .it{flex:1;min-width:0}.item .it b{font-size:14px;display:block}.item .it small{color:var(--sub);margin-top:2px;font-size:11px;display:block}.price{color:var(--gold);margin-top:3px;font-size:14px;font-weight:800}.buy-btn{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;padding:12px 16px;font-size:12px;font-weight:800}.buy-btn.yellow{background:var(--gold-vivid);color:#4a2e00}.buy-btn.gray{background:var(--line);color:#6b7a8d}.buy-btn.ok{background:var(--greenBg);color:var(--green)}.buy-btn.dis{background:var(--line);color:#6b7a8d;cursor:default}.pin-title{color:var(--sub);text-align:center;margin-top:6px;font-size:12px;line-height:1.7}.pin-dots{justify-content:center;gap:16px;margin:24px 0 22px;display:flex}.pin-dots i{border:2px solid var(--line-strong);background:#fff;border-radius:50%;width:18px;height:18px;transition:all .15s}.pin-dots i.on{background:var(--accent);border-color:var(--accent)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;max-width:320px;margin:0 auto;padding:0 6px;display:grid}.pin-grid button{height:58px;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;background:#fff;border:none;border-radius:14px;font-size:24px;font-weight:800}.pin-grid .p{box-shadow:none;color:var(--faint);background:0 0}.flash-card{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-top:4px;padding:40px 20px;position:relative;overflow:hidden}.flash-card .cn{color:var(--accent-ink);letter-spacing:.01em;font-size:76px;font-weight:800;line-height:1.05}.flash-card .cn.small{font-size:56px}.flash-card .py{color:var(--gold);letter-spacing:.04em;margin-top:10px;font-size:26px;font-weight:800}.flash-card .ex{color:var(--sub);margin-top:6px;font-size:12px}.flash-num{text-align:center;color:var(--faint);letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:700}.flash-btns{gap:16px;margin-top:18px;display:flex}.flash-btns button{cursor:pointer;border:none;border-radius:14px;flex:1;padding:16px;font-size:20px;font-weight:800}.flash-btns .yes{background:var(--green-soft);color:var(--green);border:2px solid var(--green-soft)}.flash-btns .no{background:var(--redBg);color:var(--red);border:2px solid var(--red-soft)}.flash-stat{color:var(--sub);justify-content:center;gap:24px;margin-top:16px;font-size:12px;font-weight:700;display:flex}.flash-stat b.yes{color:var(--green)}.flash-stat b.no{color:var(--red)}.quiz-q{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-top:4px;padding:40px 20px}.quiz-q .prompt{color:var(--accent);letter-spacing:2px;font-size:40px;font-weight:800}.quiz-input-row{gap:12px;margin-top:18px;display:flex}.quiz-input-row input{border:2px solid var(--line);text-align:center;color:var(--ink);border-radius:14px;outline:none;flex:1;padding:14px 16px;font-size:24px;font-weight:800}.quiz-input-row input:focus{border-color:var(--accent)}.quiz-input-row button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:0 22px;font-size:16px;font-weight:800}.quiz-verdict{margin-top:14px;font-size:16px;font-weight:800}.quiz-verdict.ok{color:var(--green)}.quiz-verdict.no{color:var(--red)}.quiz-choice-row{gap:12px;margin-top:18px;display:flex}.quiz-choice-row button{border:2px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:14px;flex:1;padding:14px 0;font-size:20px;font-weight:800}.quiz-choice-row button.ok{border-color:var(--green);background:var(--greenBg);color:var(--green)}.quiz-choice-row button.no{border-color:var(--red);background:var(--redBg);color:var(--red)}.col-hero{background:var(--accent);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px 18px;border-radius:0}.col-hero .big{font-size:30px;font-weight:800}.col-hero .sub{opacity:.9;margin-top:2px;font-size:12px}.col-hero .stars{gap:16px;margin-top:10px;font-size:12px;font-weight:700;display:flex}.col-hero .stars span{background:#fff3;border-radius:999px;padding:4px 10px}.col-unit{margin-bottom:14px}.col-unit>b{margin:0 2px 8px;font-size:14px;display:block}.col-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;display:grid}.col-card{text-align:center;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:10px 6px 8px;position:relative}.col-card .zi{font-size:30px;font-weight:800;line-height:1.15}.col-card .py{color:var(--sub);min-height:13px;margin-top:2px;font-size:10px}.col-card.locked .zi{color:var(--line-strong)}.col-card.locked{background:var(--line);box-shadow:none}.col-card .st{font-size:10px;position:absolute;top:5px;right:6px}.col-card.c1 .zi{color:var(--ink)}.col-card.c2{border:1.5px solid var(--accent)}.col-card.c2 .zi{color:var(--accent)}.col-card.c3{border:1.5px solid var(--gold);background:var(--gold-soft)}.col-card.c3 .zi{color:var(--gold)}.form-label{color:var(--sub);margin:14px 0 6px;font-size:12px;font-weight:700;display:block}.pill-item{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:9px;padding:12px 16px;display:flex}.pill-item .pi{flex:1;min-width:0}.pill-item .pi b{font-size:14px;display:block}.pill-item .pi span{color:var(--sub);font-size:12px}.pill-item .op{gap:8px;display:flex}.pill-item .op button{cursor:pointer;border:none;border-radius:12px;padding:7px 12px;font-size:12px;font-weight:800}.pill-item .op .ok{background:var(--green-soft);color:var(--green)}.pill-item .op .no{background:var(--red-soft);color:var(--red)}.empty{text-align:center;color:var(--faint);padding:16px 0;font-size:12px}.note{color:var(--sub);font-size:12px;line-height:1.9}textarea.memo{border:1.5px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:12px;min-height:64px;padding:10px 12px;font-size:14px}.tabbar{border-top:1px solid var(--line);max-width:520px;padding:6px 4px calc(env(safe-area-inset-bottom,0px) + 6px);z-index:40;background:#fff;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.navtab{cursor:pointer;color:var(--faint);background:0 0;border:none;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:6px 0 4px;font-size:11px;font-weight:600;display:flex}.navtab i{margin-bottom:2px;font-size:24px;font-style:normal}.navtab.on{color:var(--accent)}.toast{top:calc(env(safe-area-inset-top,0px) + 14px);z-index:300;color:#fff;opacity:0;pointer-events:none;text-align:center;background:#121e32f0;border-radius:999px;align-items:center;gap:8px;max-width:min(90vw,480px);padding:12px 20px;font-size:14px;font-weight:700;transition:all .28s cubic-bezier(.2,.9,.3,1.2);display:flex;position:fixed;left:50%;transform:translate(-50%,-90px);box-shadow:0 6px 20px #10182838}.toast.show{opacity:1;transform:translate(-50%)}.sun-float{z-index:320;pointer-events:none;color:#b87a00;text-shadow:0 2px 8px #ffaa0080;font-size:20px;font-weight:800;animation:1s cubic-bezier(.3,.6,.4,1) both flyToBalance;position:fixed}@keyframes flyToBalance{0%{opacity:1;transform:translate(0)scale(1)}70%{opacity:1}to{transform:translate(var(--fx), var(--fy)) scale(.5);opacity:0}}.splash{color:var(--sub);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.splash .sun{font-size:56px;animation:2.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mastery-bar{background:var(--line);border-radius:999px;gap:4px;height:12px;display:flex;overflow:hidden}.mastery-bar i{height:100%;transition:width .5s;display:block}.mastery-legend{color:var(--sub);flex-wrap:wrap;gap:12px;margin-top:9px;font-size:11px;font-weight:700;display:flex}.mastery-legend span{align-items:center;gap:4px;display:flex}.mastery-legend b{border-radius:8px;width:9px;height:9px;display:inline-block}.kp-list{flex-wrap:wrap;gap:8px;display:flex}.kp-chip{color:var(--sub);background:var(--line);border-radius:12px;padding:6px 10px;font-size:12px;font-weight:700}.kp-chip.lit{color:var(--green);background:var(--green-soft)}.tree-island{margin-bottom:14px}.tree-island>b{margin:0 2px 8px;font-size:14px;display:block}.tree-node{border:1px solid var(--line);box-shadow:var(--shadow);border-left:5px solid var(--line-strong);background:#fff;border-radius:14px;margin-bottom:9px;padding:12px 16px}.tree-node.lit{border-left-color:var(--green)}.tree-node .tn-hd{align-items:center;gap:8px;display:flex}.tree-node .tn-hd b{flex:1;font-size:14px}.tree-node .tn-pct{color:var(--sub);font-size:11px;font-weight:800}.tree-node.lit .tn-pct{color:var(--green)}.tree-node .tn-body{color:var(--sub);margin-top:7px;font-size:12px;line-height:1.75}.tree-node .tn-ex{color:var(--accent);background:var(--accent-soft);border-radius:12px;margin-top:6px;padding:8px 10px;font-size:12px;line-height:1.7}.tree-node .tn-btn{cursor:pointer;background:var(--green);color:#fff;border:none;border-radius:12px;margin-top:9px;padding:8px 16px;font-size:12px;font-weight:800}.tree-toggle{color:var(--sub);cursor:pointer;background:0 0;border:none;padding:4px;font-size:11px;font-weight:700}.lib6{grid-template-columns:1fr 1fr;gap:12px;display:grid}.lib6 .lib{padding:12px}.lib .due-badge{color:#fff;background:#ff6b4a;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.lib{position:relative}.col-hero{background:var(--accent);position:relative}.col-ring{align-items:center;gap:16px;margin-top:12px;display:flex}.ring{flex-shrink:0;width:74px;height:74px}.ring circle{fill:none;stroke-width:9px;stroke-linecap:round}.ring .bg{stroke:#ffffff2e}.ring .fg{stroke:url(#goldGrad);transition:stroke-dashoffset .6s}.col-hero .big{color:#fff;font-size:30px;font-weight:800}.parent-entry{cursor:pointer;color:var(--line-strong);letter-spacing:2px;background:0 0;border:none;margin:22px auto 6px;font-size:11px;font-weight:700;display:block}.parent-entry:active{color:var(--sub)}.col-lesson{color:var(--sub);margin:6px 2px;font-size:11px;font-weight:700}.col-card .zi{word-break:break-all}.col-card.c1{border:1.5px solid #e3eaf6}.grade-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.grade-picker .subj-tab b{font-size:14px}.mnum-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mnum{text-align:center}.mnum .mv{font-size:24px;font-weight:800;line-height:1.1;display:block}.mnum .mk{color:var(--sub);margin-top:3px;font-size:11px;font-weight:700;display:block}.row-list{flex-direction:column;gap:8px;display:flex}.row-item{border:1px solid var(--line);text-align:left;width:100%;box-shadow:var(--shadow);cursor:pointer;background:#fff;border:none;border-radius:14px;align-items:center;gap:12px;padding:12px 16px;display:flex}.row-item:active{transform:scale(.99)}.ri-main{flex:1;min-width:0;display:block}.ri-title{color:var(--ink);align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.ri-badge{color:var(--red);background:var(--red-soft);border-radius:8px;padding:1px 6px;font-size:10px;font-style:normal;font-weight:800}.ri-sub{color:var(--sub);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;display:block;overflow:hidden}.ri-bar{background:var(--line);border-radius:999px;height:5px;margin-top:7px;display:block;overflow:hidden}.ri-bar i{background:var(--accent);border-radius:999px;height:100%;display:block}.ri-right{flex-shrink:0;align-items:center;gap:4px;display:flex}.ri-num{color:var(--accent);font-size:14px;font-weight:800}.ri-num small{color:var(--faint);font-size:11px;font-weight:700}.ri-arrow{color:var(--line-strong);font-size:20px;line-height:1}.resume-card{background:var(--accent);color:#fff;text-align:left;cursor:pointer;border:none;border-radius:14px;align-items:center;gap:12px;width:100%;margin-top:12px;padding:14px;display:flex}.rc-ico{background:#ffffff3d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.rc-main{flex:1;min-width:0}.rc-main b{font-size:14px;font-weight:800;display:block}.rc-main small{opacity:.9;margin-top:3px;font-size:11px;display:block}.rc-arrow{opacity:.85;font-size:24px}.backbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.bb-back{color:var(--accent);cursor:pointer;box-shadow:var(--shadow);background:#fff;border:none;border-radius:12px;padding:8px 12px;font-size:12px;font-weight:800}.bb-main{flex:1;min-width:0}.bb-main b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:800;display:block;overflow:hidden}.bb-main small{color:var(--sub);margin-top:1px;font-size:11px;display:block}.lesson-head{color:var(--sub);justify-content:space-between;align-items:center;gap:8px;margin-bottom:9px;font-size:11px;font-weight:700;display:flex}.mini-btn{background:var(--accent-soft);color:var(--accent);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;padding:7px 11px;font-size:12px;font-weight:800}.chips{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{border:1.5px solid var(--line-strong);color:var(--sub);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:6px 12px;font-size:12px;font-weight:800}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px;display:grid}.tile{aspect-ratio:1/1.05;background:var(--line);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;padding:4px;transition:transform .1s;display:flex;position:relative;box-shadow:inset 0 0 0 1.5px #0000}.tile:active{transform:scale(.93)}.tile-t{color:var(--ink);text-align:center;word-break:break-all;font-size:30px;font-weight:800;line-height:1.1}.tile-dot{background:var(--line-strong);border-radius:50%;width:6px;height:6px;position:absolute;bottom:7px;left:50%;transform:translate(-50%)}.tile.m-learning{background:var(--accent-soft)}.tile.m-learning .tile-t{color:var(--accent)}.tile.m-learning .tile-dot{background:var(--accent)}.tile.m-known{background:var(--green-soft)}.tile.m-known .tile-t{color:var(--green)}.tile.m-known .tile-dot{background:var(--green)}.tile.m-mastered{background:var(--gold-soft);box-shadow:inset 0 0 0 1.5px var(--gold)}.tile.m-mastered .tile-t{color:var(--gold)}.tile.m-mastered .tile-dot{background:var(--gold-vivid)}.tile-star{font-size:10px;position:absolute;top:4px;right:5px}.line-list{flex-direction:column;gap:8px;display:flex}.line{text-align:left;background:var(--line);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px;display:flex}.line:active{transform:scale(.99)}.line-f{color:var(--ink);word-break:break-word;flex:0 auto;min-width:0;font-size:16px;font-weight:800}.line-b{color:var(--sub);text-align:right;word-break:break-word;flex:1;min-width:0;font-size:12px}.line-s{background:var(--line-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px}.line-star{flex-shrink:0;font-size:10px}.line.m-learning{background:var(--accent-soft)}.line.m-learning .line-f{color:var(--accent)}.line.m-known{background:var(--green-soft)}.line.m-known .line-f{color:var(--green)}.line.m-mastered{background:var(--gold-soft)}.line.m-mastered .line-f{color:var(--gold)}.recent-strip{gap:8px;padding:2px 2px 8px;display:flex;overflow-x:auto}.recent-strip::-webkit-scrollbar{display:none}.mini-card{text-align:center;width:62px;box-shadow:var(--shadow);background:#fff;border-radius:12px;flex:none;padding:8px 4px 6px}.mini-card .mc-t{color:var(--ink);word-break:break-all;font-size:20px;font-weight:800;line-height:1.15;display:block}.mini-card .mc-s{margin-top:3px;font-size:10px;display:block}.mini-card.s2{box-shadow:var(--shadow);background:#eaf2fc}.mini-card.s2 .mc-t{color:var(--accent)}.mini-card.s3{background:var(--gold-soft);box-shadow:var(--shadow)}.mini-card.s3 .mc-t{color:var(--gold)}.dex-unit{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;margin-bottom:10px;overflow:hidden}.dex-unit-hd{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.du-main{flex:1;min-width:0}.du-main b{color:var(--ink);font-size:14px;font-weight:800;display:block}.du-main small{color:var(--sub);margin-top:2px;font-size:11px;display:block}.du-bar{background:var(--line);border-radius:999px;height:5px;margin-top:6px;display:block;overflow:hidden}.du-bar i{background:var(--gold-vivid);border-radius:999px;height:100%;display:block}.du-prev{flex-shrink:0;gap:4px;display:flex}.prev{background:var(--line);width:26px;height:26px;color:var(--line-strong);border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:800;display:flex}.prev.got{background:var(--gold-soft);color:var(--gold)}.du-arrow{color:var(--faint);flex-shrink:0;font-size:12px}.dex-lesson{padding:0 13px 12px}.dex-unit.open .dex-unit-hd{background:var(--line)}.tile.dex.locked{background:#f5f7fb}.tile.dex.locked .tile-t{color:#d3ddeb;font-size:24px}.screen.dex-body{background:var(--bg)}.screen.dex-body .sec-h h3{color:var(--ink)}.screen.dex-body .row-list,.screen.dex-body .dex-unit{border:1px solid var(--line);border-color:#e6dff7}.lib .sw,.ri-bar,.du-bar,.quota-row .dots,.weak .wb,.mastery-bar,.pbar,.lvlbar{display:block}.lib .sw,.ri-bar,.du-bar,.quota-row .dots,.weak .wb{overflow:hidden}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}button:focus:not(:focus-visible){outline:none}.tile.m-known:before,.tile.m-mastered:before{font-size:10px;font-weight:800;position:absolute;top:4px;left:5px}.tile.m-known:before{content:"✓";color:var(--green)}.tile.m-mastered:before{content:"★";color:var(--gold)}.lib b,.item .it b,.ri-title,.unit-hd b,.pill-item .pi b,.col-unit>b{font-size:14px}@media (width<=360px){.mnum-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tile-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.mnum .mv{font-size:20px}.big-btn{padding:14px;font-size:16px}.flash-card .cn{font-size:56px}}.tile.dex{cursor:pointer}.tile.dex:active{transform:scale(.93)}.line-state{color:var(--faint);text-align:right;flex-shrink:0;min-width:28px;font-size:10px;font-weight:800}.line.m-known .line-state{color:var(--green)}.line.m-mastered .line-state{color:var(--gold)}.line.m-learning .line-state{color:var(--accent)}.flash-tools{justify-content:center;margin-bottom:10px;display:flex}.speak-btn{border:1.5px solid var(--line-strong);color:var(--accent-ink);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:800}.speak-btn:active{transform:scale(.96)}.kstat.tappable{cursor:pointer;text-align:left;width:100%}.kstat.tappable:active{transform:scale(.98)}.kstat-tip{color:var(--faint);margin-top:8px;font-size:11px;font-weight:600}.lit-grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;display:grid}.lit-chip{border:1.5px solid var(--line);text-align:center;cursor:pointer;background:#fff;border-radius:12px;padding:8px 6px 6px;position:relative}.lit-chip .lc-f{color:var(--ink);word-break:break-all;font-size:20px;font-weight:800;line-height:1.2;display:block}.lit-chip .lc-b{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;min-height:12px;margin-top:2px;font-size:10px;display:block;overflow:hidden}.lit-chip .lc-mark{color:var(--green);font-size:10px;font-weight:800;position:absolute;top:3px;right:5px}.lit-chip.m-learning{background:var(--accent-soft);border-color:var(--accent-soft)}.lit-chip.m-known,.lit-chip.m-mastered{border-color:var(--green-soft);background:#f0faf5}.lit-chip .lc-go{color:var(--accent-ink);background:var(--accent-soft);border-radius:6px;padding:1px 5px;font-size:9px;font-weight:800;position:absolute;bottom:3px;right:4px}.flash-card{transition:transform .15s}.flash-card:active{transform:scale(.985)}.fx{z-index:5;pointer-events:none;border-radius:inherit;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0;overflow:hidden}.fx:before{content:"";background:#fffaebd1;animation:.95s both fxVeil;position:absolute;inset:0}@keyframes fxVeil{0%{opacity:0}25%{opacity:1}to{opacity:.92}}.fx .rays{width:220px;height:220px;animation:1.1s linear both raysSpin;position:absolute}.fx .rays i{transform-origin:50% 100%;background:linear-gradient(to top, #ffb80000, var(--gold-vivid));opacity:.85;border-radius:99px;width:10px;height:110px;margin-top:-110px;margin-left:-5px;position:absolute;top:50%;left:50%}.fx .rays i:first-child{transform:rotate(0)}.fx .rays i:nth-child(2){transform:rotate(45deg)}.fx .rays i:nth-child(3){transform:rotate(90deg)}.fx .rays i:nth-child(4){transform:rotate(135deg)}.fx .rays i:nth-child(5){transform:rotate(180deg)}.fx .rays i:nth-child(6){transform:rotate(225deg)}.fx .rays i:nth-child(7){transform:rotate(270deg)}.fx .rays i:nth-child(8){transform:rotate(315deg)}@keyframes raysSpin{0%{opacity:0;transform:rotate(-40deg)scale(.3)}40%{opacity:1}to{opacity:.9;transform:rotate(20deg)scale(1)}}.fx .stars-fly{position:absolute;inset:0}.fx .stars-fly b{color:var(--gold-vivid);opacity:0;font-size:18px;animation:.9s ease-out both starFly;position:absolute;top:46%;left:50%}.fx .stars-fly b:first-child{--dx:-84px;--dy:-60px;animation-delay:80ms}.fx .stars-fly b:nth-child(2){--dx:78px;--dy:-72px;animation-delay:.16s}.fx .stars-fly b:nth-child(3){--dx:-60px;--dy:66px;animation-delay:.24s}.fx .stars-fly b:nth-child(4){--dx:88px;--dy:40px;animation-delay:.32s}.fx .stars-fly b:nth-child(5){--dx:0px;--dy:-96px;animation-delay:.4s}@keyframes starFly{0%{opacity:0;transform:translate(0)scale(.4)}30%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1.15) rotate(40deg);opacity:0}}.fx .fx-icon{font-size:46px;animation:.7s cubic-bezier(.2,.9,.3,1.3) both fxPop;position:relative}.fx .fx-label{color:var(--gold);font-size:20px;font-weight:800;animation:.7s cubic-bezier(.2,.9,.3,1.3) .1s both fxPop;position:relative}@keyframes fxPop{0%{opacity:0;transform:translateY(16px)scale(.5)}60%{opacity:1;transform:translateY(-4px)scale(1.08)}to{opacity:1;transform:translateY(0)scale(1)}}.fx[data-kind=star] .fx-icon{color:var(--gold)}.fx[data-kind=star] .rays i{background:linear-gradient(#9b9bf0,#788cff00)}.done-card{position:relative;overflow:hidden}.done-confetti{font-size:52px;animation:.9s cubic-bezier(.2,.9,.3,1.3) both confettiBounce}@keyframes confettiBounce{0%{opacity:0;transform:translateY(-30px)scale(.4)}60%{opacity:1;transform:translateY(6px)scale(1.15)}to{transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.fx .rays,.fx .stars-fly b,.fx .fx-icon,.fx .fx-label,.done-confetti,.sun-float,.splash .sun{animation:none!important}.fx:before{opacity:.9;animation:none!important}.fx .stars-fly{display:none}*{transition-duration:.01ms!important}}.hdr-slim{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 14px}.stat-hero{background:var(--accent);color:#fff;box-shadow:var(--shadow);border-radius:18px;padding:14px 16px}.stat-hero .sh-top{opacity:.95;justify-content:space-between;font-size:13px;font-weight:700;display:flex}.stat-hero .sh-streak{background:#ffffff38;border-radius:999px;padding:2px 10px;font-size:11px}.stat-hero .sh-main{align-items:flex-end;gap:18px;margin-top:10px;display:flex}.stat-hero .sh-big b{letter-spacing:-.01em;font-size:40px;font-weight:800;line-height:1}.stat-hero .sh-big small,.stat-hero .sh-cell small{opacity:.85;margin-top:3px;font-size:11px;font-weight:600;display:block}.stat-hero .sh-cells{gap:16px;padding-bottom:2px;display:flex}.stat-hero .sh-cell b{font-size:18px;font-weight:800;display:block}.stat-hero .sh-lvl{align-items:center;gap:8px;margin-top:12px;display:flex}.stat-hero .sh-lvl .lt{white-space:nowrap;background:#ffffff38;border-radius:8px;padding:2px 8px;font-size:11px;font-weight:800}.stat-hero .sh-lvl .lvlbar{background:#ffffff47;flex:1;height:8px}.stat-hero .sh-lvl .lv{white-space:nowrap;opacity:.9;font-size:10.5px}.trow{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:12px;margin-bottom:10px;padding:12px;display:flex}.trow-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.trow .tc{flex:1;min-width:0}.trow .t{color:var(--ink);word-break:break-word;font-size:14px;font-weight:800;line-height:1.45;display:block}.trow-star{color:var(--gold);background:var(--gold-soft);white-space:nowrap;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;font-style:normal;font-weight:800}.trow .s{color:var(--faint);margin-top:3px;font-size:11px;display:block}.punch-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;flex-shrink:0;padding:9px 16px;font-size:13px;font-weight:800;transition:transform .1s}.punch-btn:active{transform:scale(.94)}.trow.done{background:var(--green-soft)}.trow.done .t{color:var(--faint);text-decoration:line-through}.trow.done .punch-btn{background:var(--green-soft);color:var(--green)}.trow.done .trow-star{display:none}.chip .chip-n{background:var(--accent-soft);color:var(--accent-ink);border-radius:999px;margin-left:4px;padding:0 5px;font-size:10px;font-style:normal;font-weight:800}.chip.on .chip-n{color:#fff;background:#ffffff40}.fab{right:max(16px,50vw - 244px);bottom:calc(env(safe-area-inset-bottom,0px) + 86px);cursor:pointer;z-index:45;background:var(--accent);color:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;font-weight:600;line-height:1;display:flex;position:fixed;box-shadow:0 4px 12px #10182826}.fab:active{transform:scale(.92)}.sheet-mask{z-index:96;background:#0f172a73;animation:.2s maskIn;position:fixed;inset:0}@keyframes maskIn{0%{opacity:0}to{opacity:1}}.sheet{max-width:520px;padding:10px 16px calc(env(safe-area-inset-bottom,0px) + 14px);z-index:97;background:#fff;border-radius:20px 20px 0 0;margin:0 auto;animation:.25s cubic-bezier(.2,.9,.3,1) sheetUp;position:fixed;bottom:0;left:0;right:0}@keyframes sheetUp{0%{opacity:.4;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.sheet-title{text-align:center;color:var(--faint);padding:6px 0 10px;font-size:12px;font-weight:700}.sheet-list{flex-direction:column;display:flex}.sheet-item{text-align:left;cursor:pointer;border:none;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:12px;width:100%;padding:13px 4px;display:flex}.sheet-item:last-child{border-bottom:none}.sheet-item:active{background:var(--bg)}.si-ico{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.si-main{flex:1;min-width:0}.si-main b{color:var(--ink);font-size:14.5px;font-weight:800;display:block}.si-main small{color:var(--faint);margin-top:2px;font-size:11.5px;display:block}.si-arrow{color:var(--line-strong);font-size:18px}.sheet-cancel{background:var(--bg);width:100%;color:var(--ink);cursor:pointer;border:none;border-radius:999px;margin-top:10px;padding:13px;font-size:14px;font-weight:800}.sheet-cancel:active{transform:scale(.99)}.confirm-sheet{text-align:center;z-index:97;background:#fff;border-radius:20px;width:min(84vw,360px);padding:22px 20px 18px;animation:.25s cubic-bezier(.2,.9,.3,1.2) csPop;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes csPop{0%{opacity:0;transform:translate(-50%,-46%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.cs-title{color:var(--ink);font-size:17px;font-weight:800}.cs-ico{border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin:14px auto 0;font-size:30px;display:flex}.cs-name{color:var(--ink);word-break:break-word;margin-top:12px;font-size:15.5px;font-weight:800;line-height:1.5}.cs-sub{color:var(--faint);margin-top:4px;font-size:12px}.cs-award{background:var(--gold-soft);color:var(--gold);border-radius:999px;align-items:baseline;gap:4px;margin-top:12px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.cs-award b{color:var(--gold-vivid);font-size:19px;font-weight:800}.cs-btns{gap:10px;margin-top:18px;display:flex}.cs-cancel{background:var(--bg);color:var(--sub);cursor:pointer;border:none;border-radius:999px;flex:1;padding:12px;font-size:14px;font-weight:800}.cs-ok{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:999px;flex:1.6;padding:12px;font-size:14px;font-weight:800}.cs-cancel:active,.cs-ok:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){.sheet,.confirm-sheet,.sheet-mask{animation:none}}.sec-h h3{font-size:15px}.unit-hint{color:var(--sub);margin:-2px 2px 10px;font-size:11.5px}