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