:root{color-scheme:light;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#eef3f8;color:#172033}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(34,119,255,.28);outline-offset:3px}.prototype-shell{min-height:100dvh;display:grid;place-items:start center;padding:22px 14px 34px}.prototype-shell.clean{background:linear-gradient(180deg,#f2f8fffa,#edf4fafa),#eef3f8}.prototype-shell.guide{background:linear-gradient(180deg,#fff8f8fa,#f2f9f7fa),#f4f7f7}.phone-stage{width:min(100%,430px)}.variant-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 auto 12px;padding:6px;border:1px solid rgba(119,135,158,.22);border-radius:999px;background:#ffffffbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.variant-switch button{min-height:42px;border-radius:999px;color:#59667a;background:transparent;font-size:13px;font-weight:800}.variant-switch button.active{color:#fff;background:#1374f6;box-shadow:0 10px 22px #1374f638}.guide .variant-switch button.active{background:#ff4d55;box-shadow:0 10px 22px #ff4d5533}.phone-frame{border-radius:28px;background:#fff;box-shadow:0 34px 90px #1f2e4724,0 0 0 1px #66779429;overflow:hidden}.mobile-app{position:relative;min-height:844px;padding:22px 18px 152px;overflow:hidden}.clean-app{background:linear-gradient(180deg,#f1f8fffa,#fff 34%),#fff}.guide-app{background:linear-gradient(180deg,#fff6f6f2,#fff 28%),#fff}.tenant-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.brand-lockup{min-width:0;display:flex;align-items:center;gap:11px}.brand-lockup strong{display:block;color:#121b2d;font-size:18px;line-height:1.2;white-space:nowrap}.brand-lockup span:not(.brand-mark){display:flex;align-items:center;gap:5px;margin-top:4px;color:#6e7b8e;font-size:12px;line-height:1.35}.brand-lockup span svg{color:#18b66c}.brand-mark{width:45px;height:45px;flex:0 0 auto;display:grid;place-items:center;border-radius:13px;color:#fff;background:#126df2;box-shadow:0 12px 24px #126df238}.guide .brand-mark{background:#ff4d55;box-shadow:0 12px 24px #ff4d5538}.ghost-service{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 14px;border:1px solid rgba(112,128,152,.2);border-radius:999px;color:#1c2535;background:#ffffffc7;font-size:13px;font-weight:800;white-space:nowrap}.clean-hero{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:14px;align-items:end;margin-bottom:20px}.eyebrow{margin:0 0 9px;color:#637186;font-size:12px;font-weight:800}.clean-hero h1,.guide-hero h1{margin:0;color:#111928;font-size:29px;line-height:1.16;letter-spacing:0}.clean-hero h1 span{color:#1374f6}.clean-hero p,.guide-hero p{margin:10px 0 0;color:#657286;font-size:14px;line-height:1.55}.campus-illustration{height:112px;display:grid;place-items:center;border-radius:22px;color:#1374f6;background:linear-gradient(180deg,#fff3,#ffffffb8),#e7f2ff}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:60px;margin-bottom:10px;border-radius:22px;overflow:hidden;background:#eef3f8}.mode-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;color:#3d495b;background:transparent;font-size:15px;font-weight:900}.mode-tabs button.active{color:#fff;background:#1374f6}.guide .mode-tabs{background:#f6f7f8;box-shadow:inset 0 0 0 1px #2832410f}.guide .mode-tabs button.active{background:#ff4d55}.search-form{margin-bottom:12px}.search-form label,.ai-form label,.supplement-form label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap}.search-control{min-height:62px;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 16px;border:2px solid #1374f6;border-radius:19px;background:#fff;box-shadow:0 12px 28px #1374f61a}.search-control svg{color:#6f7b8d;flex:0 0 auto}.search-control input{min-width:0;flex:1;min-height:44px;border:0;color:#152033;background:transparent;font-size:16px;outline:0}.search-control input::placeholder{color:#8a95a6}.search-control button{min-width:68px;min-height:46px;border-radius:15px;color:#fff;background:#1374f6;font-size:15px;font-weight:900}.guide .search-control{border-color:#ff4d55;box-shadow:0 12px 28px #ff4d5514}.guide .search-control button{background:#ff4d55}.condition-chips,.guide-shortcuts{display:flex;gap:10px;overflow-x:auto;padding:2px 0 18px;scrollbar-width:none}.condition-chips::-webkit-scrollbar,.guide-shortcuts::-webkit-scrollbar{display:none}.condition-chips button,.guide-shortcuts button{min-height:46px;display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:0 15px;border:1px solid rgba(105,121,146,.16);border-radius:999px;color:#243044;background:#fff;font-size:14px;font-weight:800;box-shadow:0 8px 20px #232e440d}.condition-chips button svg{color:#1374f6}.condition-chips button.active{color:#0b5edb;border-color:#1374f659;background:#edf5ff}.hot-section,.tenant-service,.qa-panel,.guide-detail-card,.ai-box,.supplement-form{border:1px solid rgba(103,119,145,.14);border-radius:22px;background:#ffffffeb}.hot-section{padding:16px 12px 12px;box-shadow:0 18px 42px #20304c12}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-title strong{display:block;color:#121b2d;font-size:18px;line-height:1.25}.section-title span{display:block;margin-top:2px;color:#788497;font-size:12px}.section-title button{min-height:40px;display:inline-flex;align-items:center;gap:4px;color:#667287;background:transparent;font-size:13px;font-weight:800;white-space:nowrap}.section-title.compact{margin-bottom:12px}.section-title.compact strong{font-size:16px}.section-title.compact>span{margin:0;font-size:12px}.clean-list{border-top:1px solid rgba(102,119,148,.11)}.clean-school-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 0;border-bottom:1px solid rgba(102,119,148,.11)}.row-main{min-width:0;display:grid;grid-template-columns:32px 46px minmax(0,.9fr) minmax(0,1.15fr);align-items:center;gap:10px;padding:0;text-align:left;background:transparent}.rank-badge{width:28px;height:34px;display:grid;place-items:center;border-radius:10px 10px 14px 14px;color:#fff;background:#94a3b8;font-weight:900}.rank-1{background:#ffb629}.rank-2{background:#b5c2ce}.rank-3{background:#c98948}.school-badge{width:40px;height:40px;flex:0 0 auto;display:inline-grid;place-items:center;border:1px solid rgba(19,116,246,.17);border-radius:50%;color:#1374f6;background:#f3f8ff}.school-badge.large{width:58px;height:58px}.school-copy{min-width:0;display:block}.school-copy strong{display:block;overflow:hidden;color:#111928;font-size:15px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.school-copy span{display:block;margin-top:4px;color:#8b96a7;font-size:12px}.row-summary{display:-webkit-box;overflow:hidden;color:#536174;font-size:13px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.compare-pill{min-height:38px;display:inline-flex;align-items:center;gap:4px;padding:0 11px;border:1px solid rgba(19,116,246,.2);border-radius:999px;color:#1374f6;background:#fff;font-size:13px;font-weight:900}.compare-pill.selected{color:#fff;background:#1374f6}.data-note{display:flex;align-items:center;gap:6px;margin:12px 2px 0;color:#8490a1;font-size:11px;line-height:1.4}.data-note svg{color:#8aa4c4}.data-note span{margin-left:auto}.service-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px}.service-grid button{min-width:0;min-height:98px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 4px;border:1px solid rgba(111,127,151,.12);border-radius:18px;color:#132036;background:#fff;box-shadow:0 12px 24px #2837520d}.service-grid svg{color:#1374f6}.service-grid strong{font-size:12px;line-height:1.15}.service-grid span{color:#8c97a7;font-size:10px;line-height:1.15}.tenant-service{margin-top:18px;padding:15px 14px}.service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-row button{min-height:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;color:#26344b;background:#f8fbff;font-size:12px;font-weight:800}.service-row svg{color:#18b66c}.guide-hero{margin-bottom:20px;text-align:center}.guide-hero h1{font-size:28px}.guide-hero h1 span{color:#ff4d55}.guide-shortcuts{justify-content:space-between;padding-bottom:18px}.guide-shortcuts button{min-width:64px;min-height:74px;flex-direction:column;justify-content:center;border-radius:18px;color:#222c3d;box-shadow:0 12px 24px #242e410d}.guide-shortcuts svg{color:#20b970}.guide-detail-card{padding:16px;margin-bottom:14px;box-shadow:0 16px 40px #2a334912}.school-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px}.school-card-head strong{display:block;overflow:hidden;color:#131d2d;font-size:19px;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.school-card-head span{display:block;margin-top:5px;color:#6f7b8f;font-size:12px}.school-card-head button{min-height:40px;display:inline-flex;align-items:center;gap:5px;padding:0 12px;border:1px solid rgba(107,122,145,.16);border-radius:999px;color:#4a5668;background:#fff;font-size:12px;font-weight:800}.score-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:0;margin-bottom:14px;border:1px solid rgba(100,116,139,.1);border-radius:18px;overflow:hidden;background:#fff}.score-strip>div{min-height:78px;display:flex;flex-direction:column;justify-content:center;padding:0 12px;border-left:1px solid rgba(100,116,139,.1)}.score-strip>div:first-child{border-left:0}.score-strip strong{color:#172033;font-size:14px}.score-strip span{margin-top:4px;color:#7a8595;font-size:12px}.score-number strong{color:#ff4d55;font-size:35px;line-height:1}.fact-pills{display:flex;flex-wrap:wrap;gap:8px;padding:12px;border-radius:17px;background:#f3fbf7}.fact-pills span{display:inline-flex;align-items:center;gap:5px;color:#264839;font-size:12px;font-weight:800}.fact-pills svg{color:#20b970}.qa-panel{padding:16px 14px;margin-bottom:14px}.qa-row{border-top:1px solid rgba(103,119,145,.12)}.qa-row:first-of-type{border-top:0}.qa-row summary{min-height:66px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;color:#182235;list-style:none;cursor:pointer}.qa-row summary::-webkit-details-marker{display:none}.qa-row summary span{min-width:0;overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.qa-row summary small{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:999px;color:#189a62;background:#edf9f2;font-size:10px;font-weight:800}.qa-row p{margin:-4px 0 16px;color:#647084;font-size:13px;line-height:1.65}.ai-box{padding:15px 14px;margin-bottom:14px}.ai-box.clean{margin-top:16px}.ai-box.guide{border-color:#5397ff38;background:#f7fbff}.ai-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center;margin-bottom:12px}.ai-avatar{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2475ff}.ai-head strong{display:block;color:#132036;font-size:18px;line-height:1.2}.ai-head span{display:block;margin-top:4px;color:#6f7b8e;font-size:12px}.ai-form{display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px}.ai-form input{min-width:0;min-height:48px;padding:0 14px;border:1px solid rgba(58,120,255,.28);border-radius:14px;color:#162033;background:#fff;font-size:15px}.ai-form button{min-height:48px;border-radius:14px;color:#fff;background:#2475ff}.ai-answer{margin:0 0 12px;padding:11px 12px;border-radius:14px;color:#1f3354;background:#fff;font-size:13px;line-height:1.65}.supplement-form{display:grid;gap:9px;padding:14px;margin-bottom:14px}.supplement-form textarea{width:100%;min-height:76px;resize:vertical;padding:12px;border:1px solid rgba(104,119,145,.18);border-radius:14px;color:#172033;font-size:14px;line-height:1.5}.supplement-form button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:14px;color:#fff;background:#1fb36b;font-weight:900}.guide-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.guide-actions button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(255,77,85,.18);border-radius:16px;color:#202a3c;background:#fff7f7;font-size:12px;font-weight:900}.guide-actions svg{color:#ff4d55}.compare-bar{position:absolute;inset-inline:0;bottom:0;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:112px;padding:13px 18px 18px;border-top:1px solid rgba(100,116,139,.16);background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 -18px 40px #23334c1f}.compare-bar>div:first-child strong{display:block;color:#172033;font-size:18px}.compare-bar>div:first-child span{display:block;margin-top:4px;color:#738095;font-size:12px}.selected-schools{min-width:0;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.selected-schools::-webkit-scrollbar{display:none}.selected-schools button{min-width:max-content;min-height:46px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid rgba(99,116,139,.18);border-radius:999px;color:#243044;background:#fff;font-size:12px;font-weight:800}.selected-schools .school-badge{width:28px;height:28px}.selected-schools .add-school{color:#1374f6}.primary-compare{min-height:58px;min-width:104px;padding:0 18px;border-radius:20px;color:#fff;background:#1374f6;box-shadow:0 14px 26px #1374f640;font-size:15px;font-weight:900}.guide .primary-compare{background:#0b9297;box-shadow:0 14px 26px #0b929738}.detail-sheet{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#10182852}.sheet-card{position:absolute;inset-inline:0;bottom:0;max-height:78%;overflow-y:auto;padding:10px 18px 24px;border-radius:26px 26px 0 0;background:#fff;box-shadow:0 -28px 80px #0a132433}.sheet-handle{width:42px;height:5px;margin:0 auto 14px;border-radius:999px;background:#d7dee8}.sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sheet-header strong{display:block;color:#121b2d;font-size:20px}.sheet-header span{display:block;margin-top:5px;color:#778398;font-size:12px}.sheet-header button{width:42px;height:42px;border-radius:50%;color:#445168;background:#f3f5f8}.compare-table{margin-bottom:14px;border:1px solid rgba(102,119,148,.14);border-radius:18px;overflow:hidden}.compare-table-head,.compare-table-row{display:grid;grid-template-columns:.8fr repeat(2,1fr);gap:0}.compare-table-head span,.compare-table-row span{min-width:0;padding:11px 10px;border-left:1px solid rgba(102,119,148,.1);color:#536174;font-size:12px;line-height:1.45}.compare-table-head span:first-child,.compare-table-row span:first-child{border-left:0}.compare-table-head{background:#f6f8fb;font-weight:900}.compare-table-row{border-top:1px solid rgba(102,119,148,.1)}.compare-table-row span:first-child{color:#172033;font-weight:900}.compact-form{margin-bottom:0}.toast{position:fixed;left:50%;bottom:24px;z-index:100;display:inline-flex;align-items:center;gap:9px;max-width:min(92vw,420px);min-height:48px;padding:0 14px 0 16px;border-radius:999px;color:#fff;background:#101828eb;transform:translate(-50%);box-shadow:0 18px 42px #0f172a47;font-size:13px;font-weight:800}@media(max-width:420px){.prototype-shell{padding:0}.phone-stage{width:100%}.variant-switch{margin:8px 10px}.phone-frame{border-radius:0;box-shadow:none}.mobile-app{min-height:calc(100dvh - 58px)}.clean-hero{grid-template-columns:1fr}.campus-illustration{display:none}.service-grid{grid-template-columns:repeat(3,1fr)}.compare-bar{grid-template-columns:1fr}.primary-compare{width:100%}}