:root{--blue:#2563eb;--ink:#102654;--line:#dbe3f0;--muted:#60708d;--bg:#f6f9fd;--sky:#eaf3ff;--green:#0f766e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;color:#17213a;background:var(--bg);letter-spacing:0}button,input{font:inherit}.shell{max-width:1280px;margin:auto;padding:0 28px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 max(28px,calc((100vw - 1280px)/2 + 28px));position:sticky;top:0;z-index:10}.brand{display:flex;gap:11px;align-items:center;color:var(--ink);text-decoration:none}.brand-mark{height:39px;width:39px;border:2px solid var(--blue);border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--blue)}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{font-size:12px;color:var(--muted);margin-top:2px}.topbar nav{display:flex;gap:29px;height:100%;align-items:center}.nav-link{height:100%;display:grid;place-items:center;text-decoration:none;color:#324260;border-bottom:3px solid transparent}.nav-link:hover,.nav-link.active{color:var(--blue);border-color:var(--blue)}.hero{background:linear-gradient(124deg,#fff 0%,#f4f8ff 57%,#dfeeff 100%);min-height:580px;overflow:hidden}.hero-grid{min-height:580px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:40px}.eyebrow{font-size:13px;font-weight:700;color:var(--blue);margin:0 0 12px;letter-spacing:0}.hero h1{font-size:62px;line-height:1.13;color:var(--ink);margin:0}.hero h1 span{color:var(--blue)}.hero-copy{font-size:18px;line-height:1.8;color:var(--muted);max-width:600px;margin:25px 0}.hero-search{display:flex;height:59px;max-width:620px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px;box-shadow:0 14px 32px rgb(31 78 150 / 10%)}.hero-search input{border:0;outline:0;min-width:0;flex:1;padding:0 15px}.hero-search button{background:var(--blue);border:0;border-radius:6px;color:#fff;font-weight:700;padding:0 25px;cursor:pointer}.stats{display:flex;max-width:640px;margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:8px}.stats div{flex:1;padding:17px 20px}.stats div+div{border-left:1px solid var(--line)}.stats b,.stats span{display:block}.stats b{font-size:28px;color:var(--blue)}.stats span{font-size:12px;color:var(--muted);margin-top:4px}.hero-panel{height:370px;border:1px solid #bcd6fa;background:#f9fcff;position:relative;overflow:hidden}.hero-stamp{position:absolute;right:0;top:0;background:var(--blue);padding:22px;color:#fff;font-weight:800;line-height:1.15;letter-spacing:0}.route{position:absolute;left:18%;top:45px;width:52%;height:270px;border-left:3px solid #8bb7f7;border-bottom:3px solid #8bb7f7;border-radius:0 0 0 70px}.route i{display:block;width:16px;height:16px;border-radius:50%;background:var(--blue);position:absolute}.route i:nth-child(1){left:-9px;top:-9px}.route i:nth-child(2){right:-9px;bottom:-9px}.route i:nth-child(3){left:55%;bottom:-9px;background:var(--green)}.panel-note{position:absolute;right:38px;bottom:38px;color:var(--muted);line-height:1.9;font-size:16px}.panel-note strong{color:var(--ink);font-size:23px}.section{padding:78px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-head h2{margin:0;color:var(--ink);font-size:34px}.section-head>p{margin:0;color:var(--muted);max-width:385px;line-height:1.6;font-size:14px}.catalog-layout{display:grid;grid-template-columns:258px 1fr;gap:28px}.filters{background:#fff;border:1px solid var(--line);height:max-content;padding:20px}.filter-title{display:flex;justify-content:space-between}.filter-title button{border:0;background:none;color:var(--blue);cursor:pointer}.search-field{display:block;margin:20px 0}.search-field span,fieldset legend{font-weight:700;font-size:14px}.search-field input{width:100%;margin-top:9px;border:1px solid var(--line);padding:11px;border-radius:5px;outline-color:var(--blue)}fieldset{border:0;border-top:1px solid var(--line);padding:18px 0 3px;margin:0}fieldset label{display:block;margin:10px 0;color:#42516b;font-size:14px}.results-meta{display:flex;justify-content:space-between;margin:2px 0 15px;color:var(--muted);font-size:14px}.results-meta b{color:var(--blue);font-size:17px}.school-list{display:grid;gap:12px}.school-card{background:#fff;border:1px solid var(--line);padding:21px;display:grid;grid-template-columns:1.4fr .9fr .9fr 110px;align-items:center;gap:15px}.school-card h3{margin:0;font-size:20px;color:var(--ink)}.school-card p{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.5}.tag{display:inline-block;margin-top:9px;background:var(--sky);color:#285ca9;border-radius:4px;padding:4px 8px;font-size:12px}.metric{border-left:1px solid var(--line);padding-left:15px}.metric span,.metric b{display:block}.metric span{font-size:12px;color:var(--muted)}.metric b{font-size:14px;margin-top:5px}.card-actions{display:grid;gap:8px}.outline,.solid,.back-button{cursor:pointer;border-radius:5px;padding:9px 11px;font-size:13px}.outline{border:1px solid var(--blue);color:var(--blue);background:#fff}.solid{border:1px solid var(--blue);background:var(--blue);color:#fff}.detail-section{display:none;padding:54px 0 82px;background:#fff;border-top:1px solid var(--line)}.detail-section.visible{display:block}.back-button{border:0;background:transparent;color:var(--blue);padding-left:0;margin-bottom:22px}.detail-heading{display:flex;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:22px}.detail-heading h2{font-size:35px;margin:0;color:var(--ink)}.detail-heading p{margin:8px 0 0;color:var(--muted)}.detail-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:28px 0}.detail-facts div{background:#f8fbff;padding:16px}.detail-facts span{font-size:12px;color:var(--muted);display:block}.detail-facts b{display:block;font-size:14px;margin-top:6px;line-height:1.5}.detail-table-wrap{overflow:auto;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:980px}th,td{border-bottom:1px solid var(--line);padding:13px;text-align:left;vertical-align:top;font-size:13px;line-height:1.5}th{background:#f1f6fc;color:#2e466b;white-space:nowrap}.compare-section{background:#fff;border-top:1px solid var(--line)}.compare-empty{border:1px dashed #aac6e8;padding:38px;text-align:center;color:var(--muted)}.compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.compare-card{border:1px solid var(--line);padding:20px}.compare-card h3{margin:0;color:var(--ink)}.compare-card p{font-size:13px;color:var(--muted);line-height:1.65}.compare-card button{border:0;background:none;color:#d14343;padding:0;cursor:pointer}footer{padding:28px 0;background:#fff;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:840px){.topbar{padding:0 18px}.topbar nav{display:none}.shell{padding:0 18px}.hero{min-height:650px}.hero-grid{grid-template-columns:1fr;min-height:650px;padding-top:64px;padding-bottom:45px}.hero-panel{display:none}.hero h1{font-size:47px}.stats{margin-top:26px}.stats div{padding:13px}.stats b{font-size:22px}.section{padding:52px 0}.section-head{display:block}.section-head h2{font-size:29px}.section-head>p{margin-top:14px}.catalog-layout{grid-template-columns:1fr}.filters{display:grid;grid-template-columns:1fr 1fr;gap:0}.filter-title,.search-field{grid-column:1/-1}.school-card{grid-template-columns:1fr 1fr}.metric{border-left:0;padding-left:0}.card-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.detail-heading{display:block}.detail-heading h2{font-size:28px}.detail-facts{grid-template-columns:1fr 1fr}.compare-grid{grid-template-columns:1fr}}
.topbar-actions{display:flex;align-items:center;height:100%;gap:22px}.guest-account-actions,.account-area{display:flex;align-items:center;gap:9px;padding-left:18px;border-left:1px solid var(--line);font-size:12px;color:var(--muted)}.guest-account-actions[hidden],.account-area[hidden]{display:none}.guest-account-actions a{padding:7px 2px;color:#42516b;text-decoration:none;font-weight:700}.guest-account-actions a:hover{color:var(--blue)}.guest-account-actions .register-link{padding:7px 10px;border:1px solid var(--blue);border-radius:6px;color:var(--blue);background:#f5f9ff}.account-area span{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:700}.account-area button{border:1px solid var(--line);border-radius:6px;padding:7px 10px;color:#42516b;background:#fff;cursor:pointer}.account-area button:hover{border-color:var(--blue);color:var(--blue)}@media(max-width:840px){.topbar-actions{gap:0}.guest-account-actions,.account-area{border-left:0;padding-left:0}.guest-account-actions{gap:5px}.guest-account-actions .register-link{padding:6px 7px}.account-area span{max-width:82px}.account-area button{padding:7px 8px}}