:root{color-scheme:light;--bg: #edf4fb;--panel: rgba(255, 255, 255, .88);--panel-strong: #ffffff;--text: #101827;--muted: #5f6f86;--line: rgba(126, 148, 176, .28);--accent: #00a9ff;--accent-strong: #0069ff;--accent-soft: rgba(0, 169, 255, .13);--mint: #00c98b;--gold: #ffb020;--rose: #ff4d6d;--good: #0c9b55;--warn: #b86b00;--danger: #c92542;--shadow: 0 20px 55px rgba(21, 35, 56, .14);--glow: 0 0 0 1px rgba(255, 255, 255, .72), 0 18px 48px rgba(0, 105, 255, .12);font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}html{min-width:320px;background:var(--bg)}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 8% 0%,rgba(0,169,255,.34),transparent 30rem),radial-gradient(circle at 88% 8%,rgba(0,201,139,.22),transparent 25rem),linear-gradient(135deg,#f7fbff,#eaf3fb 45%,#f7fafc);color:var(--text)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(rgba(16,24,39,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(16,24,39,.045) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 72%)}button,input,select{font:inherit}button,input,select,.predict-panel,.results-panel,.insight-panel,.chart-panel,.history-panel,.result-card,.history-item,.metric-grid div{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.app-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;min-height:220px;padding:34px clamp(18px,4vw,52px) 38px;overflow:hidden;color:#fff;background:linear-gradient(115deg,#091426f5,#0c365bf2 48%,#0085c3e6),#10233a}.app-header:before{position:absolute;inset:auto -8% -66px 30%;height:170px;pointer-events:none;content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.36),transparent),repeating-linear-gradient(90deg,transparent 0 22px,rgba(255,255,255,.2) 22px 24px);filter:blur(.2px);transform:skewY(-8deg);opacity:.42}.app-header:after{position:absolute;top:24px;right:clamp(18px,5vw,74px);width:min(36vw,470px);height:160px;pointer-events:none;content:"";background:radial-gradient(circle at 25% 45%,rgba(255,255,255,.8) 0 2px,transparent 3px),radial-gradient(circle at 66% 22%,rgba(255,255,255,.7) 0 2px,transparent 3px),linear-gradient(135deg,transparent 0 17%,rgba(255,255,255,.28) 17% 18%,transparent 18% 44%,rgba(0,201,139,.35) 44% 45%,transparent 45%),linear-gradient(25deg,transparent 0 34%,rgba(0,169,255,.38) 34% 35%,transparent 35%);opacity:.7}.brand-block,.server-card{position:relative;z-index:1}.brand-block{max-width:820px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 11px;color:#bff4ff;background:#ffffff17;box-shadow:inset 0 1px #fff3;font-size:12px;font-weight:900;letter-spacing:0;text-transform:uppercase}.eyebrow:before{width:8px;height:8px;border-radius:50%;content:"";background:var(--mint);box-shadow:0 0 14px var(--mint)}.dataset-meta{max-width:680px;margin:14px 0 0;color:#d9efff;font-size:14px;line-height:1.55}h1,h2,p{margin-top:0}h1{margin-bottom:0;max-width:780px;text-wrap:balance;font-size:clamp(31px,4.2vw,58px);line-height:1.05;text-shadow:0 15px 45px rgba(0,0,0,.32)}h2{margin-bottom:0;color:#122033;font-size:18px;line-height:1.25}.server-card{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;max-width:430px}.server-card span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 12px;color:#edf9ff;background:#ffffff1c;box-shadow:inset 0 1px #ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:13px;font-weight:800;white-space:nowrap}.dot-text:before{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;content:"";background:currentColor;box-shadow:0 0 12px currentColor}.dot-text.idle{color:#65ffc9}.dot-text.busy{color:#ffe082}.dot-text.crowded{color:#ff9aad}.shell{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(310px,380px);gap:18px;align-items:start;margin-top:-34px;padding:0 clamp(14px,3vw,38px) 42px}.predict-panel,.results-panel,.insight-panel,.chart-panel,.history-panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.predict-panel,.insight-panel,.chart-panel,.history-panel{padding:18px}.predict-panel{position:sticky;top:18px;background:linear-gradient(180deg,#fffffff5,#f8fcffe6),var(--panel)}.predict-panel:hover,.results-panel:hover,.insight-panel:hover,.chart-panel:hover,.history-panel:hover{border-color:#00a9ff5c;box-shadow:var(--glow)}.panel-heading{margin-bottom:16px}.panel-heading p,.section-subtitle,.panel-title-row span{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.45}.results-panel{min-height:620px;overflow:hidden}.side-panel{display:grid;gap:18px}.form-grid{display:grid;gap:14px}label{display:grid;gap:7px;color:var(--muted);font-size:14px;font-weight:900}input,select{width:100%;border:1px solid rgba(126,148,176,.36);border-radius:8px;padding:12px 13px;color:var(--text);background:linear-gradient(180deg,#fff,#f7fbff);box-shadow:inset 0 1px #fffffff2}input:hover,select:hover{border-color:#0069ff61}input:focus,select:focus{border-color:var(--accent);outline:3px solid var(--accent-soft);box-shadow:0 0 0 6px #00a9ff0f}.switch-row{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--text)}.switch-row input{width:18px;height:18px;accent-color:var(--accent-strong)}button{border:0;border-radius:8px;cursor:pointer;font-weight:900}#predictButton{min-height:52px;color:#fff;background:linear-gradient(135deg,var(--accent-strong),var(--accent) 58%,var(--mint));box-shadow:0 14px 28px #0069ff47}#predictButton:hover{transform:translateY(-1px);box-shadow:0 18px 34px #0069ff57}#predictButton:disabled{cursor:wait;opacity:.72;transform:none}.notice{min-height:20px;margin-top:14px;color:var(--muted);font-size:13px;line-height:1.5}.section-title,.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-title{padding:18px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(0,169,255,.1),transparent 55%),#ffffff94}#clearHistory{border:1px solid rgba(255,77,109,.32);padding:7px 10px;color:var(--danger);background:#fff5f7e6;font-size:13px}#clearHistory:hover{border-color:#ff4d6d85;background:#fff0f3}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.metric-grid div{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;padding:12px;background:linear-gradient(145deg,#fffffff2,#edf7ffcc)}.metric-grid div:after{position:absolute;inset:auto 8px 8px auto;width:34px;height:3px;border-radius:999px;content:"";background:linear-gradient(90deg,var(--accent),var(--mint));opacity:.6}.metric-grid div:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0069ff1a}.metric-grid span{display:block;color:var(--muted);font-size:12px;font-weight:900}.metric-grid strong{display:block;min-height:24px;margin-top:6px;overflow:hidden;color:var(--text);font-size:19px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.metric-wide{grid-column:1 / -1}.candidate-chart{width:100%;height:280px;margin-top:12px}.result-list{display:grid;gap:0}.mode-banner{border-bottom:1px solid var(--line);padding:12px 18px;color:#075985;background:linear-gradient(90deg,#00a9ff24,#00c98b17);font-size:14px;font-weight:900}.result-block-title{padding:14px 18px 8px;color:var(--muted);font-size:13px;font-weight:900}.result-card{display:grid;grid-template-columns:92px minmax(0,1fr) 136px;gap:16px;align-items:center;margin:0 12px 12px;border:1px solid rgba(126,148,176,.2);border-radius:8px;padding:16px;background:linear-gradient(135deg,#fffffff0,#f5faffdb)}.result-card:hover{border-color:#00a9ff66;transform:translateY(-2px);box-shadow:0 16px 36px #1121361a}.result-card img{width:92px;height:92px;border:1px solid rgba(126,148,176,.22);border-radius:8px;object-fit:contain;background:radial-gradient(circle at 50% 42%,rgba(0,169,255,.18),transparent 54%),#eef6fc;box-shadow:inset 0 0 26px #ffffffdb}.missing-avatar{display:grid;place-items:center;width:92px;height:92px;border:1px solid rgba(0,169,255,.2);border-radius:8px;color:#075985;background:radial-gradient(circle at 40% 35%,rgba(0,201,139,.24),transparent 50%),#e8f6ff;font-weight:900}.pet-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.pet-heading strong{color:#0f1f33;font-size:18px}.chip{display:inline-flex;align-items:center;min-height:24px;border:1px solid rgba(0,105,255,.13);border-radius:999px;padding:2px 8px;color:#234052;background:#00a9ff1a;font-size:12px;font-weight:900}.meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.reason{margin:8px 0 0;color:#40536b;font-size:13px;line-height:1.45}.score{text-align:right}.score strong{display:block;font-size:31px;line-height:1;color:var(--accent-strong)}.score span{color:var(--muted);font-size:12px;font-weight:900}.bar{height:8px;margin-top:10px;overflow:hidden;border-radius:999px;background:#e3edf7}.bar span{display:block;height:100%;border-radius:inherit;box-shadow:0 0 18px currentColor}.empty{padding:46px 18px;color:var(--muted);text-align:center}.history-list{display:grid;gap:10px;margin-top:14px}.history-item{border:1px solid var(--line);border-radius:8px;padding:11px;color:#31445c;background:linear-gradient(135deg,#fffffff0,#f5faffdb);font-size:13px;line-height:1.45}.history-item:hover{border-color:#00a9ff5c;transform:translateY(-1px)}.history-item strong{display:block;margin-bottom:4px;color:var(--text)}@media(max-width:1180px){.shell{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.side-panel{grid-column:1 / -1;grid-template-columns:1fr 1fr}.history-panel{grid-column:1 / -1}}@media(max-width:860px){.predict-panel{position:static}.shell,.side-panel{grid-template-columns:1fr}}@media(max-width:680px){.app-header{align-items:flex-start;flex-direction:column;min-height:0}.app-header:after{width:92vw;opacity:.32}.server-card{justify-content:flex-start;max-width:none}.shell{margin-top:-18px}.result-card{grid-template-columns:74px minmax(0,1fr);margin-right:10px;margin-left:10px}.result-card img,.missing-avatar{width:74px;height:74px}.score{grid-column:1 / -1;text-align:left}.metric-grid{grid-template-columns:1fr}}