.learning-tabs{display:flex;gap:8px;margin:26px 0 20px;padding:5px;background:#efeff5;border-radius:12px;width:max-content;max-width:100%;overflow-x:auto}.learning-tabs button,.stage-tabs button,.subject-tabs button,.mistake-tabs button{white-space:nowrap;padding:9px 16px;border-radius:8px;font-size:11px;color:#858397}.learning-tabs button.active,.stage-tabs button.active,.subject-tabs button.active,.mistake-tabs button.active{background:#fff;color:#ff765f;box-shadow:0 3px 12px #30325710;font-weight:600}.class-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.class-summary article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:14px}.class-summary span,.class-summary small{display:block;font-size:10px;color:var(--muted)}.class-summary b{display:block;font-size:28px;margin:10px 0 6px}.class-summary em{font-size:11px;font-style:normal;color:var(--muted);margin-left:3px}.class-panel{max-width:900px}.subject-progress{display:grid;gap:17px}.subject-progress>div{display:grid;grid-template-columns:55px 1fr 190px;align-items:center;gap:12px;font-size:11px}.subject-progress>div>span{height:8px;border-radius:4px;background:#efeff5;overflow:hidden}.subject-progress i{display:block;height:100%;background:linear-gradient(90deg,#ff9a82,#ff6f61);border-radius:4px}.subject-progress em{font-style:normal;color:var(--muted)}.mistake-head,.tree-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.mistake-head h2,.tree-head h2{margin:0;font-size:20px}.mistake-head p,.tree-head p{font-size:11px;color:var(--muted);margin:6px 0 0}.mistake-tabs,.stage-tabs,.subject-tabs{display:flex;gap:7px;margin-bottom:16px;overflow-x:auto}.mistake-tabs{border-bottom:1px solid var(--line)}.mistake-tabs button{border-radius:8px 8px 0 0}.mistake-tabs b{font-size:9px;background:#f1eff5;padding:2px 5px;border-radius:8px}.mistake-card{display:flex;align-items:center;gap:14px;max-width:900px;padding:16px 18px;margin-bottom:10px;background:#fff;border:1px solid var(--line);border-radius:12px}.mistake-no{font-size:18px;font-weight:700;color:#ff9a87}.mistake-card>div{flex:1}.mistake-card b{font-size:12px}.mistake-card p{font-size:11px;margin:4px 0;color:#6e6c7d}.mistake-card small{font-size:9px;color:var(--muted)}.review-mistake.mastered{color:#42ad83;border-color:#bfe8d6}.tree-score{width:80px;height:68px;border-radius:14px;background:#303257;color:#fff;display:grid;place-content:center;text-align:center}.tree-score b{font-size:24px}.tree-score span{font-size:9px;color:#babbd3}.stage-tabs{padding-bottom:4px}.stage-tabs button{background:#ecebf2}.subject-tabs{flex-wrap:wrap}.subject-tabs button{border:1px solid var(--line);background:#fff}.tech-tree{position:relative;max-width:960px;overflow:hidden;background:radial-gradient(circle at 50% 10%,#3e4275,#262845 70%);color:#fff;border:0;padding:28px}.tree-root{width:150px;margin:auto;text-align:center;padding:14px;border:1px solid #777bb0;border-radius:14px;background:#454975;box-shadow:0 0 25px #777bff33}.tree-root>span{display:block;color:#ffd75d;font-size:20px}.tree-root b,.tree-root small{display:block}.tree-root small{font-size:9px;color:#b9bbdb;margin-top:3px}.tree-trunk{width:2px;height:30px;margin:auto;background:linear-gradient(#8288dc,#6de1c0)}.tree-branches{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative}.tree-branches:before{content:'';position:absolute;left:16%;right:16%;top:-15px;height:1px;background:#7479b0}.knowledge-node{min-height:92px;position:relative;padding:15px 10px;border:1px solid #555a8c;border-radius:13px;color:#d5d6e8;background:#343759;text-align:center;transition:.25s}.knowledge-node i{position:absolute;left:50%;top:-15px;width:1px;height:15px;background:#7479b0}.knowledge-node span{display:block;font-size:18px;color:#858ab8}.knowledge-node b,.knowledge-node small{display:block}.knowledge-node b{font-size:11px;margin:4px}.knowledge-node small{font-size:9px;color:#9296bb}.knowledge-node.lit{border-color:#6ee4bf;background:#3b5b62;box-shadow:0 0 22px #6ee4bf33}.knowledge-node.lit span{color:#74e8c3}.knowledge-node.lit small{color:#9ee8d1}@media(max-width:800px){.class-summary{grid-template-columns:repeat(2,1fr)}.tree-branches{grid-template-columns:repeat(2,1fr)}.subject-progress>div{grid-template-columns:48px 1fr}.subject-progress em{grid-column:2}}@media(max-width:650px){.learning-tabs{width:100%;margin:20px 0 15px}.learning-tabs button{padding:9px 12px}.class-summary{gap:8px}.class-summary article{padding:15px}.class-summary b{font-size:23px}.mistake-head,.tree-head{display:block}.mistake-head .primary-btn{width:100%;margin-top:14px}.mistake-card{padding:13px 12px}.mistake-card .outline-btn{max-width:82px}.subject-tabs{flex-wrap:nowrap}.tech-tree{padding:22px 14px}.tree-branches{gap:8px}.knowledge-node{min-height:100px;padding:12px 6px}.tree-score{margin-top:14px}}