:root{--primary: #1d4ed8;--primary-dark: #1e40af;--primary-light: #eff6ff;--accent: #f59e0b;--accent-light: #fef3c7;--success: #10b981;--danger: #ef4444;--bg: #f6f8fb;--card: #ffffff;--text: #17202e;--text-sub: #64748b;--border: #e5e9f0;--radius: 14px;--shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 6px 20px rgba(15, 23, 42, .05);--shadow-hover: 0 10px 30px rgba(29, 78, 216, .16);--surface: #f8fafc;--surface-2: #f1f5f9;--surface-3: #e2e8f0;--input-bg: #ffffff;--navbar-bg: rgba(255, 255, 255, .88)}[data-theme=dark]{--primary: #60a5fa;--primary-dark: #3b82f6;--primary-light: #1e3a5f;--accent: #fbbf24;--accent-light: #4a3410;--success: #34d399;--danger: #f87171;--bg: #0f172a;--card: #1e293b;--text: #e2e8f0;--text-sub: #94a3b8;--border: #334155;--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 6px 20px rgba(0, 0, 0, .3);--shadow-hover: 0 10px 30px rgba(0, 0, 0, .5);--surface: #16213a;--surface-2: #243250;--surface-3: #334155;--input-bg: #243250;--navbar-bg: rgba(15, 23, 42, .85)}body{transition:background .3s ease,color .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{max-width:1180px;margin:0 auto;padding:0 20px}.navbar{position:sticky;top:0;z-index:100;background:var(--navbar-bg);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:var(--primary);letter-spacing:.5px}.logo-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#1d4ed8 60%,#1e40af);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:800;box-shadow:0 4px 10px #1d4ed859}.nav-links{display:flex;gap:4px;align-items:center}.nav-link{padding:8px 14px;border-radius:9px;font-size:15px;font-weight:500;color:var(--text-sub);transition:all .2s;position:relative}.nav-link:hover{color:var(--primary);background:var(--primary-light)}.nav-link.active{color:var(--primary);background:var(--primary-light);font-weight:700}.user-link{display:inline-flex;align-items:center;gap:7px}.mini-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.fav-count{position:absolute;top:0;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.login-btn{margin-left:6px;height:36px}.hero{background:radial-gradient(900px 320px at 85% -10%,rgba(250,204,21,.22),transparent 60%),radial-gradient(700px 400px at 8% 120%,rgba(96,165,250,.28),transparent 60%),linear-gradient(135deg,#1e3a8a,#1d4ed8 48%,#3b82f6);color:#fff;padding:76px 0;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.hero-inner{position:relative;z-index:1}.hero h1{font-size:46px;font-weight:800;margin-bottom:16px;letter-spacing:1.5px;background:linear-gradient(180deg,#fff 60%,#dbeafe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:18px;opacity:.92;max-width:660px;margin:0 auto 34px}.hero-stats{display:flex;justify-content:center;gap:56px}.hero-stat{text-align:center}.hero-stat .num{font-size:34px;font-weight:800;color:#fde047}.hero-stat .label{font-size:14px;opacity:.85}.hero-cta{display:inline-flex;gap:14px;margin-bottom:36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 26px;border-radius:10px;font-size:15px;font-weight:600;border:none;transition:all .2s}.btn-white{background:#fff;color:var(--primary)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0003}.btn-outline-white{background:#ffffff1a;color:#fff;border:1.5px solid rgba(255,255,255,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-outline-white:hover{background:#fff3}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-light{background:var(--primary-light);color:var(--primary)}.btn-light:hover{background:#dbeafe}.section{padding:56px 0}.section-head{text-align:center;margin-bottom:36px}.section-head h2{font-size:28px;font-weight:800;margin-bottom:8px;letter-spacing:.5px}.section-head h2:after{content:"";display:block;width:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--primary),var(--accent));margin:10px auto 0}.section-head p{color:var(--text-sub);font-size:15px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--border)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.feature-card{padding:28px 24px;transition:all .25s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#c7d7f9}.feature-icon{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:26px;margin-bottom:16px}.feature-card h3{font-size:17px;margin-bottom:8px}.feature-card p{color:var(--text-sub);font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px;padding:20px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:6px}.filter-group label{font-size:13px;color:var(--text-sub);font-weight:600}.filter-group select,.filter-group input{height:40px;padding:0 12px;border:1px solid var(--border);border-radius:9px;font-size:14px;background:var(--input-bg);color:var(--text);min-width:130px;outline:none;transition:border-color .2s,box-shadow .2s}.filter-group select:focus,.filter-group input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1d4ed81f}.school-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.school-card{padding:20px;display:flex;flex-direction:column;gap:10px;transition:all .25s}.school-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.school-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.school-name{font-size:16px;font-weight:700;line-height:1.4}.school-city{font-size:13px;color:var(--text-sub);margin-top:2px}.badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;background:var(--primary-light);color:var(--primary);white-space:nowrap}.badge-accent{background:var(--accent-light);color:#b45309}.badge-success{background:#d1fae5;color:#047857}.badge-blue{background:#dbeafe;color:#1d4ed8}.school-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-sub)}.school-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 8px;font-size:13px;color:var(--text-sub);border-top:1px dashed var(--border);padding-top:10px}.school-meta b{color:var(--text);font-weight:600}.difficulty{font-size:12px;font-weight:700}.diff-top{color:var(--danger)}.diff-high{color:#ea580c}.diff-mid{color:var(--accent)}.compare-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.compare-chip{display:inline-flex;align-items:center;gap:6px;background:var(--primary-light);color:var(--primary);padding:4px 12px;border-radius:20px;font-size:13px;font-weight:600}.compare-chip button{border:none;background:none;color:var(--primary);font-size:15px;line-height:1}.compare-panel{margin-top:20px;padding:24px}.compare-table{width:100%;border-collapse:collapse;margin-top:16px}.compare-table th,.compare-table td{border:1px solid var(--border);padding:10px 14px;text-align:center;font-size:14px}.compare-table th{background:var(--primary-light);color:var(--primary);font-weight:700}.compare-table td:first-child{background:var(--surface);font-weight:600;color:var(--text-sub);width:110px}.scoreline-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}.tab-btn{padding:10px 20px;border-radius:10px;border:1px solid var(--border);background:var(--card);font-size:14px;font-weight:600;color:var(--text-sub);transition:all .2s}.tab-btn:hover{border-color:var(--primary);color:var(--primary)}.tab-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.chart-card{padding:24px;margin-bottom:24px}.chart-card h3{font-size:17px;margin-bottom:4px}.chart-card .sub,.sub{color:var(--text-sub);font-size:13px;margin-bottom:20px}.chart-legend{display:flex;gap:18px;margin-bottom:14px;font-size:13px;color:var(--text-sub);flex-wrap:wrap}.legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.line-chart{display:flex;align-items:flex-end;gap:6px;height:220px;padding-top:10px}.line-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar{width:26px;border-radius:6px 6px 0 0;transition:height .4s ease;position:relative}.bar-a{background:linear-gradient(180deg,#3b82f6,#1d4ed8)}.bar-b{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.bar-value{position:absolute;top:-22px;left:50%;transform:translate(-50%);font-size:11px;font-weight:700;color:var(--text);white-space:nowrap}.chart-x{display:flex;gap:6px}.chart-x span{flex:1;text-align:center;font-size:13px;color:var(--text-sub);font-weight:600}.stat-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{padding:20px;text-align:center}.stat-card .num{font-size:30px;font-weight:800;color:var(--primary)}.stat-card .num-up{color:var(--danger)}.stat-card .num-down{color:var(--success)}.stat-card .label{font-size:13px;color:var(--text-sub);margin-top:4px}.table-card{padding:20px;overflow-x:auto;margin-bottom:24px}.table-card h3{font-size:17px;margin-bottom:16px}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:10px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.data-table th{background:var(--surface);color:var(--text-sub);font-weight:600}.data-table tr:hover td{background:var(--surface)}.trend-note{margin-top:14px;font-size:13px;color:var(--text-sub);line-height:1.9}.trend-note span{margin-right:18px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{padding:22px;display:flex;flex-direction:column;gap:10px;transition:all .25s}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.course-top{display:flex;justify-content:space-between;align-items:flex-start}.course-type{font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;background:var(--primary-light);color:var(--primary)}.course-rating{color:var(--accent);font-weight:700;font-size:14px}.course-title{font-size:16px;font-weight:700;line-height:1.4}.course-desc{font-size:13px;color:var(--text-sub);flex:1}.course-meta{display:flex;gap:14px;font-size:13px;color:var(--text-sub)}.course-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--border);padding-top:12px}.price{font-size:20px;font-weight:800;color:var(--danger)}.price small{font-size:13px;font-weight:500}.btn-sm{padding:8px 16px;font-size:14px;border-radius:9px;height:36px}.mat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mat-card{padding:20px;display:flex;gap:16px;align-items:flex-start;transition:all .25s}.mat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.mat-cover{width:56px;height:74px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff;flex-shrink:0}.mat-body{flex:1;min-width:0}.mat-title{font-size:14.5px;font-weight:700;line-height:1.4;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mat-desc{font-size:12.5px;color:var(--text-sub);margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mat-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:var(--text-sub)}.mat-meta .chip{background:var(--surface-2);padding:1px 8px;border-radius:6px}.download-btn{margin-left:auto;font-size:13px;padding:6px 14px;border-radius:8px;background:var(--primary-light);color:var(--primary);border:none;font-weight:600}.download-btn:hover{background:var(--primary);color:#fff}.btn-fav{background:var(--card);color:var(--text-sub);border:1px solid var(--border)}.btn-fav:hover{border-color:var(--accent);color:#b45309;background:var(--accent-light)}.btn-fav-active{background:var(--accent-light);color:#b45309;border:1px solid #fcd34d}.fav-tip{position:absolute;top:-8px;right:-6px;background:#1f2430;color:#fff;font-size:11px;padding:2px 8px;border-radius:8px;animation:tipIn .25s ease;white-space:nowrap;z-index:5}@keyframes tipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border-radius:16px;padding:28px;width:min(92vw,420px);box-shadow:0 24px 60px #0f172a40;animation:popIn .25s ease}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-head h3{font-size:20px;font-weight:800}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--surface-2);color:var(--text-sub);font-size:18px;line-height:1}.modal-close:hover{background:var(--surface-3)}.auth-tabs{display:flex;gap:8px;margin-bottom:18px}.auth-tabs .tab-btn{flex:1}.auth-form{display:flex;flex-direction:column;gap:14px}.auth-form .filter-group input{width:100%;height:44px}.auth-error{background:#fef2f2;color:var(--danger);font-size:13px;padding:10px 12px;border-radius:8px}.auth-tip{font-size:13px;color:var(--text-sub);text-align:center}.auth-tip a{color:var(--primary);font-weight:600;margin-left:4px;cursor:pointer}.profile-head{display:flex;align-items:center;gap:16px;padding:24px;margin-bottom:24px}.avatar{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;font-size:26px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-head h3{font-size:20px}.profile-head p{color:var(--text-sub);font-size:14px}.fav-section{padding:24px;margin-bottom:24px}.fav-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.fav-head h3{font-size:17px}.fav-link{font-size:14px;color:var(--primary);font-weight:600}.fav-empty{background:var(--surface);border:1px dashed var(--border);border-radius:10px;padding:28px;text-align:center;color:var(--text-sub);font-size:14px}.lock-icon{display:flex;justify-content:center;margin-bottom:16px}.fav-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.fav-item{padding:16px;display:flex;flex-direction:column;gap:8px}.fav-item-title{font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fav-item-sub{font-size:12.5px;color:var(--text-sub)}.tools-card{padding:28px;margin-bottom:24px}.tools-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:8px}.tools-head h3{font-size:20px;font-weight:800}.countdown-card{padding:28px;margin-bottom:24px;background:linear-gradient(135deg,#1e3a8a,#1d4ed8);border:none;color:#fff}.countdown-head{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:20px}.countdown-label{font-size:19px;font-weight:800;letter-spacing:1px}.countdown-note{font-size:12.5px;color:var(--text-sub)}.countdown-card .countdown-note{color:#c7d7f9}.countdown-nums{display:flex;gap:24px}.countdown-item{background:#ffffff24;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:14px;padding:16px 26px;display:flex;flex-direction:column;align-items:center;min-width:110px}.countdown-item b{font-size:40px;font-weight:800;color:#fde047;line-height:1.1}.countdown-item span{font-size:13px;opacity:.9;margin-top:4px}.ratio-form{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ratio-form input{height:42px;width:160px;padding:0 12px;border-radius:9px;border:1px solid rgba(255,255,255,.4);background:#ffffff29;color:#fff;font-size:15px;outline:none}.ratio-form input::placeholder{color:#fff9}.ratio-form>span{font-size:18px;opacity:.8}.ratio-form .btn-primary{background:#fde047;color:#92400e}.ratio-form .btn-primary:hover{background:#facc15;box-shadow:none}.ratio-result{margin-top:18px;font-size:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ratio-result b{font-size:22px;color:#fde047}.quiz-progress{display:flex;align-items:center;gap:14px;margin-bottom:20px;font-size:13px;color:var(--text-sub)}.quiz-bar{flex:1;height:6px;background:var(--surface-3);border-radius:6px;overflow:hidden}.quiz-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:6px;transition:width .3s ease}.quiz-q{font-size:18px;margin-bottom:18px}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-option{padding:16px;border-radius:12px;border:1.5px solid var(--border);background:var(--card);font-size:14.5px;font-weight:600;color:var(--text);text-align:left;transition:all .2s}.quiz-option:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary);transform:translateY(-2px)}.quiz-done{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:10px}.quiz-done h4{font-size:18px}.rank-badge{display:inline-flex;width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#f59e0b,#f97316);color:#fff;font-size:13px;font-weight:800;align-items:center;justify-content:center;margin-right:6px}.timeline{margin-top:12px;position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:linear-gradient(180deg,var(--primary),var(--accent));border-radius:2px}.timeline-item{position:relative;padding-bottom:22px}.timeline-item:last-child{padding-bottom:0}.timeline-item:before{content:"";position:absolute;left:-24px;top:6px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid var(--primary)}.timeline-item.milestone:before{background:var(--accent);border-color:var(--accent)}.timeline-phase{font-size:14px;font-weight:700;color:var(--primary);margin-bottom:4px}.timeline-desc{font-size:13.5px;color:var(--text-sub)}.footer{background:#0f172a;color:#94a3b8;padding:44px 0 24px;margin-top:20px}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;margin-bottom:28px}.footer h4{color:#fff;font-size:15px;margin-bottom:12px}.footer ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14px}.footer a:hover{color:#fff}.footer-brand p{font-size:14px;margin-top:8px;max-width:300px}.copyright{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;font-size:13px}.empty{text-align:center;padding:60px 20px;color:var(--text-sub);font-size:15px}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--card);color:var(--text-sub);font-size:16px;display:inline-flex;align-items:center;justify-content:center;transition:all .2s;margin-left:6px;flex-shrink:0}.theme-toggle:hover{color:var(--primary);border-color:var(--primary);background:var(--primary-light)}[data-theme=dark] .btn-light:hover{background:#2a4a7d}[data-theme=dark] .school-card:hover,[data-theme=dark] .feature-card:hover{border-color:#3b82f6}[data-theme=dark] .modal-mask{background:#020617b3}[data-theme=dark] .avatar,[data-theme=dark] .mini-avatar{box-shadow:0 4px 12px #0006}[data-theme=dark] .countdown-card{background:linear-gradient(135deg,#172554,#1e3a8a)}[data-theme=dark] .nav-link.active{color:#93c5fd}@media (max-width: 1024px){.feature-grid{grid-template-columns:repeat(2,1fr)}.school-grid{grid-template-columns:repeat(3,1fr)}.course-grid,.mat-grid,.fav-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}}@media (max-width: 720px){.navbar-inner{height:auto;padding:12px 0;flex-direction:column;gap:10px}.nav-links{flex-wrap:wrap;justify-content:center}.school-grid,.feature-grid,.course-grid,.mat-grid,.fav-grid{grid-template-columns:1fr}.stat-cards{grid-template-columns:repeat(2,1fr)}.hero-stats{gap:24px;flex-wrap:wrap}.hero h1{font-size:28px}.hero p{font-size:15px}.footer-inner,.quiz-options{grid-template-columns:1fr}.countdown-item{min-width:80px;padding:12px 14px}.countdown-item b{font-size:28px}}