:root{--cyan:#00aeef;--cyan-dark:#008bc2;--navy:#0b3b6a;--ink:#0f172a;--slate:#64748b;--line:#dce6f1;--surface:#f4f8fc;--white:#fff;--shadow:0 18px 50px rgba(20,62,102,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8fafc;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:50;height:80px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid #edf2f7;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:42px;height:42px;fill:var(--cyan);transform:rotate(-8deg)}.brand span{display:flex;flex-direction:column;gap:3px}.brand strong{font-size:20px;letter-spacing:.12em}.brand small{font-size:9px;font-weight:800;letter-spacing:.2em;color:#91a0b6}.header-actions{display:flex;align-items:center;gap:10px}.header-actions a{min-height:42px;padding:0 18px;border:1px solid #e7edf4;border-radius:999px;display:flex;align-items:center;font-size:14px;font-weight:800;color:#64748b}.header-actions a:hover{border-color:var(--cyan);color:var(--cyan)}.header-actions .primary{background:var(--cyan);border-color:var(--cyan);color:#fff;box-shadow:0 10px 25px rgba(0,174,239,.22)}.hero{min-height:520px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);align-items:center;padding:70px max(32px,calc((100vw - 1320px)/2));color:#fff;background:radial-gradient(circle at 80% 25%,rgba(0,174,239,.32),transparent 28%),linear-gradient(135deg,#082f57 0%,#0b3b6a 62%,#0a315a 100%)}.hero-grid{position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,black,transparent)}.hero-copy,.hero-orbit{position:relative;z-index:2}.eyebrow,.section-kicker{display:block;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.28em}.hero h1{margin:18px 0 20px;font-size:clamp(50px,6vw,88px);line-height:1.02;letter-spacing:-.05em}.hero h1 em{font-style:normal;color:var(--cyan)}.hero-copy>p{max-width:680px;margin:0;color:#c9d8e8;font-size:19px;line-height:1.8}.hero-stats{display:flex;gap:38px;margin-top:42px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:28px;color:#fff}.hero-stats span{font-size:11px;color:#8da8c2;letter-spacing:.12em}.hero-orbit{height:390px;display:flex;align-items:center;justify-content:center}.orbit-ring{position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.22);border-radius:50%;box-shadow:inset 0 0 80px rgba(0,174,239,.12)}.orbit-ring:before,.orbit-ring:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;inset:42px}.orbit-ring:after{inset:96px}.orbit-card{position:relative;width:230px;height:230px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(15px);box-shadow:0 30px 80px rgba(0,0,0,.25)}.orbit-card small{color:#9fc2db}.orbit-card strong{font-size:54px;color:var(--cyan);line-height:1.1}.orbit-card span{font-size:9px;letter-spacing:.2em;color:#8ca8c1}.orbit-dot{position:absolute;width:14px;height:14px;border:3px solid var(--navy);background:var(--cyan);border-radius:50%;box-shadow:0 0 25px var(--cyan)}.dot-a{top:47px;right:92px}.dot-b{bottom:64px;left:73px}.workspace{max-width:1440px;margin:-48px auto 80px;padding:0 24px;position:relative;z-index:5}.workspace-tabs{width:max-content;max-width:100%;margin:0 auto 28px;padding:6px;display:flex;background:#fff;border:1px solid #e5edf5;border-radius:22px;box-shadow:var(--shadow)}.workspace-tabs button{min-height:48px;padding:0 28px;border:0;border-radius:16px;background:transparent;color:#8695aa;font-weight:900;cursor:pointer}.workspace-tabs button.active{background:var(--cyan);color:#fff;box-shadow:0 10px 22px rgba(0,174,239,.2)}.view{display:none;padding:44px;border:1px solid #e3eaf2;border-radius:32px;background:#fff;box-shadow:var(--shadow)}.view.active{display:block}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-heading h2{margin:6px 0;font-size:34px;letter-spacing:-.03em}.section-heading p{margin:0;color:var(--slate);font-size:15px}.source-switch{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.source-switch button{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:#65758b;font-size:13px;font-weight:850;cursor:pointer}.source-switch button.active{border-color:var(--cyan);background:#e7f8ff;color:var(--cyan-dark)}.filter-bar{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(180px,.6fr) auto;gap:14px;align-items:end;margin-bottom:24px;padding:18px;border-radius:20px;background:#f6f9fc;border:1px solid #e5edf5}.search-field,.select-field{display:flex;flex-direction:column;gap:7px}.search-field span,.select-field span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#8795a8}.search-field input,.select-field select{height:48px;width:100%;padding:0 16px;border:1px solid #d9e4ef;border-radius:14px;background:#fff;color:#1e293b;outline:0}.search-field input:focus,.select-field select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px rgba(0,174,239,.09)}.result-count{min-width:120px;padding:0 10px 14px;text-align:right;color:#8795a8;font-size:13px;font-weight:800}.ranking-table{border:1px solid #e1e9f2;border-radius:20px;overflow:hidden}.ranking-row{display:grid;grid-template-columns:86px minmax(260px,1.5fr) minmax(150px,.7fr) 130px 135px 110px;align-items:center;min-height:82px;padding:11px 18px;border-bottom:1px solid #edf2f7}.ranking-row:last-child{border-bottom:0}.ranking-row.header{min-height:50px;background:#f1f6fa;color:#78879b;font-size:11px;font-weight:900;letter-spacing:.08em}.ranking-position{font-size:25px;font-weight:950;color:var(--navy)}.school-identity{display:flex;align-items:center;gap:13px;min-width:0}.school-identity img{width:48px;height:48px;padding:4px;border:1px solid #e2e8f0;border-radius:13px;object-fit:contain;background:#fff}.school-identity div{min-width:0}.school-identity strong,.school-identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.school-identity strong{font-size:15px}.school-identity span{margin-top:4px;color:#8492a6;font-size:12px}.ranking-cell{color:#526176;font-size:13px;font-weight:700}.compare-button{min-height:38px;border:1px solid #beeaff;border-radius:12px;background:#effaff;color:var(--cyan-dark);font-weight:850;cursor:pointer}.compare-button.selected{background:var(--navy);border-color:var(--navy);color:#fff}.load-more{display:block;min-width:190px;min-height:48px;margin:28px auto 0;padding:0 22px;border:0;border-radius:16px;background:var(--navy);color:#fff;font-weight:900;cursor:pointer}.load-more[hidden]{display:none}.school-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.school-card{position:relative;min-height:260px;padding:24px;border:1px solid #e0e9f2;border-radius:24px;background:linear-gradient(145deg,#fff,#f8fbfe);transition:.25s transform,.25s box-shadow}.school-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.school-card-head{display:flex;align-items:center;gap:14px}.school-card img{width:60px;height:60px;padding:5px;border:1px solid #e5eaf0;border-radius:17px;object-fit:contain;background:#fff}.school-card h3{margin:0 0 5px;font-size:18px}.school-card .location{color:#708096;font-size:13px}.school-card p{height:66px;overflow:hidden;margin:19px 0;color:#66768b;font-size:13px;line-height:1.7}.school-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.school-card-foot span{font-size:12px;color:#8190a4}.school-card-foot button{min-height:38px;padding:0 14px;border:0;border-radius:12px;background:#e9f8ff;color:var(--cyan-dark);font-weight:850}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.news-card{overflow:hidden;border:1px solid #e1e9f2;border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(19,57,91,.06)}.news-card .cover{height:190px;background:#eaf1f7}.news-card .cover img{width:100%;height:100%;object-fit:cover}.news-card-body{padding:22px}.news-card time{font-size:11px;font-weight:900;letter-spacing:.08em;color:var(--cyan-dark)}.news-card h3{height:56px;overflow:hidden;margin:10px 0;font-size:18px;line-height:1.55}.news-card p{height:66px;overflow:hidden;margin:0;color:#6b7b90;font-size:13px;line-height:1.7}.news-card a{display:inline-flex;margin-top:18px;color:var(--navy);font-size:13px;font-weight:900}.site-footer{position:relative;display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:48px;padding:58px max(28px,calc((100vw - 1380px)/2)) 92px;background:var(--navy);color:#fff}.brand.light strong{color:var(--cyan)}.brand.light small{color:#4e87b5}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.phone{padding:13px 22px;border:1px solid rgba(255,255,255,.14);border-radius:18px;color:var(--cyan);font-size:21px;font-weight:900;letter-spacing:.09em}.footer-links{display:flex;flex-direction:column;gap:13px}.footer-links strong{margin-bottom:7px;font-size:15px;letter-spacing:.14em}.footer-links a{color:#9db5cf;font-size:14px;font-weight:700}.footer-qr{display:flex;align-items:center;flex-direction:column;gap:9px}.footer-qr span{color:#7795b5;font-size:10px;font-weight:900;letter-spacing:.22em}.footer-qr img{width:112px;height:112px;padding:7px;border-radius:18px;background:#fff}.footer-qr b{color:var(--cyan);font-size:13px}.copyright{position:absolute;bottom:24px;left:0;right:0;margin:0;text-align:center;color:#31628e;font-size:10px;font-weight:800;letter-spacing:.18em}.consultant{position:fixed;right:0;top:60%;z-index:60;width:68px;padding:18px 10px;border:1px solid #fff;border-right:0;border-radius:24px 0 0 24px;background:rgba(235,243,250,.95);box-shadow:-10px 15px 40px rgba(8,35,65,.18);cursor:pointer}.consultant span{width:38px;height:38px;margin:auto;display:grid;place-items:center;border-radius:50%;background:var(--cyan);color:#fff;font-size:22px}.consultant b{display:block;margin-top:9px;font-size:13px;line-height:1.45}.compare-dock{position:fixed;z-index:55;left:50%;bottom:20px;width:min(820px,calc(100% - 32px));min-height:70px;padding:12px 14px 12px 20px;display:none;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;border:1px solid #d9e5ef;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 20px 60px rgba(8,42,73,.23);backdrop-filter:blur(16px);transform:translateX(-50%)}.compare-dock.visible{display:grid}.compare-dock>div:first-child{display:flex;flex-direction:column}.compare-dock strong{font-size:14px}.compare-dock span{font-size:11px;color:#8491a3}.compare-dock>div:nth-child(2){display:flex;gap:8px;overflow:auto}.compare-chip{white-space:nowrap;padding:7px 10px;border-radius:10px;background:#eef7fc;color:#42627c;font-size:11px;font-weight:800}.compare-dock>button{min-height:44px;padding:0 18px;border:0;border-radius:14px;background:var(--cyan);color:#fff;font-weight:900}.compare-dock>button:disabled{background:#cbd5e1}.modal{position:fixed;z-index:100;inset:0;padding:20px;display:none;align-items:center;justify-content:center;background:rgba(5,18,37,.82);backdrop-filter:blur(8px)}.modal.open{display:flex}.modal-card{position:relative;width:min(390px,100%);padding:36px;text-align:center;border-radius:32px;background:#fff;box-shadow:0 30px 100px rgba(0,0,0,.35)}.modal-card>img{width:220px;height:220px;padding:10px;border:3px dashed #e6edf4;border-radius:25px;object-fit:contain}.modal-card h2{margin:14px 0 8px}.modal-card p{color:#6f7f93;line-height:1.7}.modal-icon{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:18px;background:#e8f8ff;color:var(--cyan);font-size:25px}.modal-close{position:absolute;top:15px;right:15px;width:38px;height:38px;border:0;border-radius:50%;background:#f1f5f9;color:#7a8a9f;font-size:25px;cursor:pointer}.compare-card{width:min(980px,100%);max-height:88vh;overflow:auto;text-align:left}.compare-card>h2{text-align:left}.compare-grid{display:grid;grid-template-columns:150px repeat(var(--compare-count),minmax(170px,1fr));border:1px solid #dde7f0;border-radius:18px;overflow:hidden}.compare-grid>div{min-height:58px;padding:14px;border-right:1px solid #e4ebf2;border-bottom:1px solid #e4ebf2}.compare-grid>div:nth-last-child(-n+4){border-bottom:0}.compare-label{background:#f2f7fb;color:#617187;font-weight:850}.compare-value{font-size:13px}.compare-value strong{display:block;font-size:15px}.compare-value small{display:block;margin-top:5px;color:#8290a3}@media(max-width:980px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:64px;padding-bottom:84px}.hero-orbit{display:none}.school-grid,.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-row{grid-template-columns:70px minmax(240px,1fr) 120px 100px}.ranking-row>*:nth-child(4),.ranking-row>*:nth-child(5){display:none}.site-footer{grid-template-columns:1fr 1fr}.footer-qr{grid-column:2;grid-row:1 / span 2}}@media(max-width:680px){.site-header{height:auto;min-height:104px;padding:12px 14px;align-items:flex-start;gap:10px}.brand{gap:8px}.brand svg{width:34px;height:34px}.brand strong{font-size:16px}.brand small{font-size:7px}.header-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.site-header{flex-direction:column}.header-actions a{min-height:38px;padding:0 7px;justify-content:center;font-size:11px}.hero{padding:52px 22px 84px}.hero h1{font-size:48px}.hero-copy>p{font-size:15px}.hero-stats{gap:20px;flex-wrap:wrap}.hero-stats strong{font-size:22px}.workspace{margin-top:-38px;padding:0 12px}.workspace-tabs{width:100%;margin-bottom:14px}.workspace-tabs button{flex:1;min-width:0;padding:0 8px;font-size:13px}.view{padding:24px 16px;border-radius:24px}.section-heading{display:block}.section-heading h2{font-size:28px}.source-switch{justify-content:flex-start;margin-top:20px}.source-switch button{flex:1;min-width:calc(50% - 5px)}.filter-bar{grid-template-columns:1fr;padding:14px}.result-count{text-align:left;padding:0}.ranking-table{border:0;overflow:visible}.ranking-row.header{display:none}.ranking-row{grid-template-columns:56px 1fr 86px;min-height:94px;margin-bottom:10px;padding:13px 11px;border:1px solid #e2eaf2!important;border-radius:17px;background:#fff}.ranking-row>*:nth-child(3),.ranking-row>*:nth-child(4),.ranking-row>*:nth-child(5){display:none}.ranking-position{font-size:21px}.school-identity img{width:42px;height:42px}.school-identity strong{font-size:13px}.compare-button{font-size:11px}.school-grid,.news-grid{grid-template-columns:1fr}.school-card{min-height:240px}.news-card .cover{height:180px}.site-footer{grid-template-columns:1fr 1fr;gap:28px 18px;padding:45px 28px 95px}.footer-brand{grid-column:1 / -1;align-items:center}.footer-links{align-items:flex-start}.footer-qr{grid-column:2;grid-row:2}.footer-qr img{width:96px;height:96px}.copyright{padding:0 22px;line-height:1.5}.consultant{top:auto;bottom:106px;width:58px;padding:13px 8px}.consultant span{width:34px;height:34px}.compare-dock{bottom:12px;grid-template-columns:1fr auto;padding:11px 12px}.compare-dock>div:nth-child(2){grid-column:1 / -1;grid-row:2}.compare-grid{min-width:680px}.compare-card{overflow:auto}.modal-card{padding:30px 22px}.modal-card>img{width:190px;height:190px}}