:root{--bg-gradient: linear-gradient(135deg, #e0f2fe 0%, #f0fdf4 25%, #fef3c7 50%, #fce7f3 75%, #ede9fe 100%);--card-bg: rgba(255, 255, 255, .88);--card-border: #e2e8f0;--text: #1e293b;--text-dim: #64748b;--accent-1: #3b82f6;--accent-2: #8b5cf6;--accent-3: #f97316;--accent-4: #10b981;--accent-5: #ec4899;--accent-6: #eab308;--done-bg: rgba(16, 185, 129, .08);--done-border: #10b981;--done-glow: rgba(16, 185, 129, .2);--locked-bg: rgba(241, 245, 249, .6);--locked-border: #cbd5e1}*{box-sizing:border-box;margin:0;padding:0}.math-map-page,body{font-family:PingFang SC,Noto Sans SC,system-ui,sans-serif;background:var(--bg-gradient);color:var(--text);min-height:100vh;padding:20px}header{text-align:center;padding:30px 0 20px}h1{font-size:2.6rem;font-weight:900;background:linear-gradient(135deg,#f97316,#ec4899,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;letter-spacing:1px}.header-sub{color:var(--text-dim);font-size:1rem;letter-spacing:1px}.stats-bar{display:flex;justify-content:center;gap:30px;margin:20px 0 30px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-dim);background:#fff9;padding:8px 16px;border-radius:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.stat-dot{width:10px;height:10px;border-radius:50%}.stat-dot.done{background:var(--accent-4);box-shadow:0 0 8px var(--accent-4)}.stat-dot.locked{background:#94a3b8}.stat-dot.total{background:var(--accent-3);box-shadow:0 0 8px var(--accent-3)}.stat-num{font-weight:700;color:var(--text);font-size:1.1rem}.grade-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:30px;flex-wrap:wrap}.grade-tab{padding:10px 22px;border-radius:14px;border:2px solid var(--card-border);background:var(--card-bg);color:var(--text-dim);font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.grade-tab:hover{transform:translateY(-2px);border-color:var(--accent-1);color:var(--text);box-shadow:0 4px 16px #3b82f626}.grade-tab.active{border-color:var(--accent-1);background:linear-gradient(135deg,#3b82f61f,#8b5cf614);color:var(--accent-1);box-shadow:0 4px 20px #3b82f633}.grade-tab .tab-progress{display:block;font-size:.7rem;font-weight:400;margin-top:2px;color:var(--accent-4)}.grade-content{display:none;max-width:1000px;margin:0 auto}.grade-content.active{display:block}.semester{margin-bottom:35px}.semester-title{font-size:1.3rem;font-weight:700;margin-bottom:16px;padding-left:12px;display:flex;align-items:center;gap:10px}.semester-badge{font-size:.75rem;padding:2px 10px;border-radius:20px;font-weight:500}.badge-s1{background:#3b82f626;color:var(--accent-1)}.badge-s2{background:#8b5cf626;color:var(--accent-2)}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.topic-card{border-radius:16px;padding:18px;border:2px solid var(--locked-border);background:var(--locked-bg);transition:all .25s;position:relative;overflow:hidden;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.topic-card.done{border-color:var(--done-border);background:var(--card-bg);cursor:pointer;text-decoration:none;display:block;box-shadow:0 2px 12px #0000000f}.topic-card.done:hover{transform:translateY(-4px);box-shadow:0 10px 30px var(--done-glow);border-color:var(--accent-4)}.topic-card.locked{cursor:default;opacity:.65}.topic-icon{font-size:2rem;margin-bottom:8px;display:block}.topic-name{font-size:1rem;font-weight:700;margin-bottom:6px;line-height:1.4}.topic-card.done .topic-name{color:var(--text)}.topic-card.locked .topic-name{color:var(--text-dim)}.topic-tags{display:flex;gap:6px;flex-wrap:wrap}.topic-tag{font-size:.7rem;padding:2px 8px;border-radius:6px;background:#64748b1a;color:var(--text-dim)}.topic-card.done .topic-tag{background:#10b9811f;color:var(--accent-4)}.done-badge{position:absolute;top:10px;right:10px;font-size:.65rem;padding:2px 8px;border-radius:6px;background:#10b98126;color:var(--accent-4);font-weight:700}.locked-badge{position:absolute;top:10px;right:10px;font-size:.65rem;padding:2px 8px;border-radius:6px;background:#64748b26;color:#94a3b8;font-weight:500}.legend{max-width:1000px;margin:40px auto 20px;padding:20px;border-radius:16px;border:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.legend-title{font-size:1rem;font-weight:700;margin-bottom:12px;color:var(--text)}.legend-items{display:flex;gap:30px;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text-dim)}.legend-card{width:50px;height:36px;border-radius:8px;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:.8rem}.legend-card.l-done{border-color:var(--done-border);background:var(--done-bg);color:var(--accent-4)}.legend-card.l-locked{border-color:var(--locked-border);background:var(--locked-bg);color:#94a3b8;opacity:.7}.legend-card.l-plan{border-color:var(--accent-3);background:#f9731614;color:var(--accent-3)}.type-legend{max-width:1000px;margin:0 auto 30px;padding:20px;border-radius:16px;border:1px solid var(--card-border);background:var(--card-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.type-grid{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px}.type-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-dim)}.type-icon{font-size:1.2rem}@media(max-width:600px){h1{font-size:1.8rem}.topics-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.topic-card{padding:14px}.topic-icon{font-size:1.6rem}.grade-tab{padding:8px 14px;font-size:.9rem}}