:root{--bg: #05070e;--ink: #e9eef7;--ink-2: #93a2ba;--ink-3: #5c6b84;--hairline: rgba(150, 175, 220, .14);--panel: rgba(8, 13, 26, .78);--accent: #7cc4ff;--accent-glass: rgba(124, 196, 255, .12);--amber: #f0bd6e;--font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:radial-gradient(120% 90% at 72% 12%,rgba(24,38,70,.35) 0%,rgba(8,12,24,.1) 45%,transparent 70%),var(--bg)}.scene-host{position:absolute;top:0;right:0;bottom:0;left:0}.scene-host canvas{display:block;width:100%;height:100%}.app-header{position:absolute;top:26px;left:30px;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;max-width:min(560px,60vw)}.eyebrow{font-size:8.5px;letter-spacing:.3em;color:var(--ink-3);margin-bottom:10px}.title{margin:0;font-size:clamp(15px,1.9vw,22px);font-weight:300;letter-spacing:.34em;color:var(--ink);text-shadow:0 0 24px rgba(140,175,235,.18)}.tagline{margin:8px 0 0;font-size:9px;letter-spacing:.14em;color:var(--ink-2);font-weight:300}.mock-badge{display:inline-block;margin-top:9px;padding:2px 8px;font-size:8px;letter-spacing:.2em;color:#d9b379;border:1px solid rgba(217,179,121,.35);border-radius:999px;background:#f0bd6e0f}.stats-panel{position:absolute;left:30px;top:208px;width:204px;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg,#0a101e80,#0609123d);border:1px solid var(--hairline);border-radius:14px;padding:14px 16px 13px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stats-title{font-size:8.5px;letter-spacing:.3em;color:var(--ink-3);margin-bottom:12px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}.stat-value{font-size:15px;font-weight:300;line-height:1.1;color:var(--ink);font-variant-numeric:tabular-nums}.stat-label{font-size:8.5px;color:var(--ink-3);margin-top:2px}.stats-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.tag-chip{font-size:8px;color:var(--ink-2);border:1px solid var(--hairline);border-radius:999px;padding:1px 6px;background:#7cc4ff0d}.stats-divider{height:1px;background:var(--hairline);margin:12px 0 10px}.region-list{display:flex;flex-direction:column;gap:8px}.region-row{display:flex;align-items:center;gap:7px}.region-name{width:26px;font-size:9px;color:var(--ink-2);flex:none}.region-bar{flex:1;height:2px;background:#7cc4ff1f;border-radius:2px;overflow:hidden}.region-bar i{display:block;height:100%;background:linear-gradient(90deg,#7cc4ff59,#7cc4ffe6);border-radius:2px}.region-count{width:18px;text-align:right;font-size:9px;color:var(--ink);font-variant-numeric:tabular-nums}.region-empty{font-size:9px;color:var(--ink-3)}.info-panel{position:absolute;top:96px;right:30px;width:min(300px,82vw);max-height:calc(100vh - 190px);z-index:20;background:var(--panel);border:1px solid var(--hairline);border-radius:16px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 22px 60px #00000080;padding:16px 18px;overflow-y:auto;animation:panel-in .28s ease-out}@keyframes panel-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.panel-title{font-size:13px;font-weight:500;letter-spacing:.04em}.panel-title-amber{color:var(--amber)}.panel-meta{margin-top:3px;font-size:10px;color:var(--ink-2)}.panel-weather{margin-top:6px;font-size:10px;letter-spacing:.05em;color:#a8c3e8;font-variant-numeric:tabular-nums}.panel-close{flex:none;border:1px solid var(--hairline);background:transparent;color:var(--ink-2);width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:8px;transition:border-color .2s,color .2s}.panel-close:hover{border-color:#96afdc66;color:var(--ink)}.panel-sub{margin:13px 0 3px;font-size:9px;letter-spacing:.2em;color:var(--ink-3);display:flex;align-items:center;justify-content:space-between}.panel-link{background:none;border:none;padding:0;font-size:9px;letter-spacing:.1em;color:var(--accent);cursor:pointer;opacity:.85}.panel-link:hover{opacity:1;text-decoration:underline}.panel-list{list-style:none;margin:6px 0 0;padding:0}.panel-list li+li{border-top:1px solid rgba(150,175,220,.08)}.row{width:100%;display:flex;align-items:center;gap:8px;background:none;border:none;padding:9px 2px;cursor:pointer;color:var(--ink);text-align:left;font-size:11px;transition:background .15s}.row:hover{background:#7cc4ff0f}.row-name{flex:1}.row-sub{font-size:9px;color:var(--ink-3);letter-spacing:.04em;margin-right:4px}.row-count{color:var(--accent);font-size:10px;font-variant-numeric:tabular-nums}.row-arrow{color:var(--ink-3);font-size:12px}.panel-footnote{margin-top:12px;font-size:9px;letter-spacing:.06em;color:var(--ink-3);text-align:center}.panel-link-block{display:block;margin:10px auto 0;font-size:9.5px}.panel-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.chip{font-size:8.5px;color:var(--accent);border:1px solid rgba(124,196,255,.3);background:var(--accent-glass);border-radius:999px;padding:1px 7px;letter-spacing:.08em}.chip-mute{color:var(--ink-2);border-color:var(--hairline);background:transparent}.student-list{list-style:none;margin:4px 0 0;padding:0}.student-list li{border-bottom:1px solid rgba(150,175,220,.07)}.student-list li:last-child{border-bottom:none}.student-row{width:100%;display:flex;align-items:center;gap:8px;background:none;border:none;padding:9px 2px;cursor:pointer;color:var(--ink);text-align:left;transition:background .15s}.student-row:hover{background:#7cc4ff0f}.student-name{font-size:11px;color:var(--ink)}.student-major{flex:1;text-align:right;margin-right:4px;font-size:9.5px;color:var(--ink-3)}.student-hero{display:flex;align-items:center;gap:14px;margin-top:14px}.student-photo{width:84px;height:84px;border-radius:14px;object-fit:cover;border:1px solid var(--hairline);box-shadow:0 8px 24px #00000073}.student-hero-info{display:flex;flex-direction:column;gap:8px}.student-hero-major{font-size:12px;color:var(--ink)}.bio{margin:14px 0 0;font-size:11px;color:var(--ink-2);line-height:1.9;letter-spacing:.03em;border-left:2px solid rgba(124,196,255,.35);padding-left:10px}.bio-empty{color:var(--ink-3);border-left-color:var(--hairline)}.school-scroll-note{margin-top:8px;font-size:10px;color:var(--ink-2);line-height:1.9}.school-scroll-note b{color:var(--amber);font-weight:500}.school-motto{margin-top:11px;font-size:9.5px;color:var(--ink-3);letter-spacing:.08em;font-style:italic}.legend-bar{position:absolute;left:30px;bottom:22px;z-index:5;display:flex;gap:18px;pointer-events:none;-webkit-user-select:none;user-select:none}.legend-item{display:flex;align-items:center;gap:6px;font-size:9px;color:var(--ink-3);letter-spacing:.1em}.legend-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #7cc4ffcc}.legend-dot-amber{background:var(--amber);box-shadow:0 0 8px #f0bd6ecc}.legend-pillar{width:5px;height:10px;border-radius:2px;background:linear-gradient(180deg,var(--accent),rgba(124,196,255,.25))}.legend-line{width:16px;height:8px;border-top:1px solid rgba(109,159,240,.85);border-radius:50%;transform:rotate(-12deg)}.hint-bar{position:absolute;right:30px;bottom:22px;z-index:5;font-size:9px;letter-spacing:.12em;color:var(--ink-3);pointer-events:none;-webkit-user-select:none;user-select:none}.skip-btn{position:absolute;top:26px;right:30px;z-index:30;padding:6px 13px;font-size:9.5px;letter-spacing:.16em;color:var(--ink-2);background:#080d1a8c;border:1px solid var(--hairline);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:color .2s,border-color .2s}.skip-btn:hover{color:var(--ink);border-color:#96afdc73}.loading-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--bg);transition:opacity .7s ease}.app[data-phase]:not([data-phase=booting]) .loading-screen{opacity:0;pointer-events:none}.loading-dot{width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 18px 4px #f0bd6e73;animation:pulse 1.3s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.7);opacity:1}}.loading-text{font-size:10px;letter-spacing:.42em;color:var(--ink-3)}.empty-screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;pointer-events:none}.empty-card{text-align:center;padding:28px 36px;background:var(--panel);border:1px solid var(--hairline);border-radius:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.empty-title{font-size:12px;letter-spacing:.14em;color:var(--ink)}.empty-desc{margin-top:8px;font-size:10px;color:var(--ink-2);line-height:1.8}.empty-desc code{color:var(--amber);background:#f0bd6e14;padding:1px 5px;border-radius:4px;font-size:9px}.info-panel::-webkit-scrollbar{width:6px}.info-panel::-webkit-scrollbar-thumb{background:#96afdc2e;border-radius:3px}.info-panel::-webkit-scrollbar-track{background:transparent}.stats-strip{display:none}@media (max-width: 1100px){.stats-panel{display:none}.app-header{top:20px;left:20px}}@media (max-width: 760px){.app-header{max-width:78vw}.title{font-size:16px;letter-spacing:.22em}.tagline{font-size:9.5px}.eyebrow{font-size:9px}.mock-badge,.legend-bar{display:none}.hint-bar{right:16px;bottom:14px;font-size:8.5px}.stats-strip{position:absolute;top:118px;left:20px;display:flex;gap:14px;width:fit-content;padding:8px 12px;font-size:10.5px;letter-spacing:.05em;color:var(--ink-2);background:#080d1a99;border:1px solid var(--hairline);border-radius:10px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.info-panel{top:auto;right:12px;left:12px;bottom:12px;width:auto;max-height:55vh;padding:16px 18px}.panel-title{font-size:15px}.panel-meta{font-size:11.5px}.panel-weather{font-size:11px}.panel-sub{font-size:10px}.panel-close{width:28px;height:28px;font-size:10px}.row{padding:13px 2px;font-size:13.5px}.row-sub{font-size:11px}.row-arrow{font-size:14px}.panel-footnote{font-size:10px}.student-name{font-size:13px}.student-major{font-size:11px}.student-photo{width:104px;height:104px;border-radius:16px}.student-hero-major{font-size:13px}.bio{font-size:12px}.chip{font-size:9.5px}.skip-btn{top:18px;right:16px;font-size:10.5px;padding:7px 14px}}