:root{--bg:#071022;--panel:#0f172a;--panel-2:#111827;--text:#ecfeff;--muted:#a5b4fc;--accent:#7dd3fc;--accent-2:#f472b6;--ok:#34d399;--warn:#fbbf24;--bad:#f87171;--font-heading:"ZCOOL XiaoWei", "Songti SC", "STSong", "Noto Serif SC", Georgia, serif;--font-ui:"Inter", "PingFang SC", "Noto Sans CJK SC", "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100vh;font-family:var(--font-ui);color:var(--text);background:radial-gradient(80rem 32rem at 12% 12%,#7dd3fc33,#0000 70%),radial-gradient(80rem 32rem at 88% 0,#f472b624,#0000 72%),linear-gradient(165deg,#040711 0%,#081125 55%,#04142c 100%);margin:0}#app{width:min(1320px,100%);min-height:100vh;margin:0 auto;padding:1rem}.layout{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);align-items:start;gap:1rem;display:grid}.card{background:linear-gradient(#0f172af0,#111827eb);border:1px solid #7dd3fc3d;border-radius:16px;padding:1rem;box-shadow:0 24px 48px #02061773}header h1{font-family:var(--font-heading);margin:0 0 .25rem}header p{color:var(--muted);margin:0}label,.muted{color:var(--muted)}.toolbar{grid-template-columns:minmax(220px,1.4fr) repeat(2,minmax(150px,1fr));gap:.75rem;margin-top:1rem;display:grid}.field{gap:.35rem;min-width:0;display:grid}input[type=text],select,button{width:100%;color:var(--text);background:#0b1020;border:1px solid #7dd3fc59;border-radius:10px;padding:.6rem}.chips,.pill{flex-wrap:wrap;gap:.4rem;display:flex}.chip{cursor:pointer;border:1px solid #7dd3fc59;border-radius:999px;width:auto;padding:.3rem .7rem;font-size:.9rem}.chip.active{border-color:var(--accent);background:#7dd3fc29}.filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1rem;margin-top:1rem;display:grid}.filter-panel{border:1px solid #7dd3fc33;border-radius:12px;margin-top:.8rem;padding:.7rem}.filter-panel summary{color:var(--accent);cursor:pointer;font-weight:600}.filter-reset{width:min(220px,100%);margin-top:.8rem}.pill-group{gap:.4rem;display:grid}.graph-wrap{background:#020617;border:1px solid #7dd3fc33;border-radius:14px;height:68vh;min-height:520px;margin-top:1rem;overflow:hidden}.graph-status{color:var(--muted);margin:.5rem 0 0;font-size:.9rem}.identity{gap:.4rem;margin-top:.7rem;display:grid}.identity .row{justify-content:space-between;align-items:center;gap:.6rem;display:flex}select.small{width:min(300px,100%)}button{cursor:pointer}.btn{background:linear-gradient(90deg,#1d4ed8,#2563eb);border:none}.btn.secondary{background:#1f2937}.details{max-height:calc(100vh - 2rem);position:sticky;top:1rem;overflow:auto}.person-meta{gap:.4rem;margin-bottom:.8rem;display:grid}.tag{border:1px solid #7dd3fc66;border-radius:999px;margin-bottom:.25rem;margin-right:.25rem;padding:.2rem .6rem;font-size:.8rem;display:inline-block}.list{gap:.45rem;display:grid}.relation-item{background:#0b1020;border:1px solid #7dd3fc2e;border-radius:12px;padding:.6rem}.relation-item h3{margin:0}.relation-item small{color:var(--muted)}.error{color:#fca5a5;padding:.8rem}@media (width<=1024px){.layout{grid-template-columns:1fr}.graph-wrap,.details{min-height:52vh;max-height:62vh}.details{position:static}}@media (width<=640px){#app{padding:.5rem}.card{border-radius:12px;padding:.75rem}.toolbar,.filter-row{grid-template-columns:1fr}.graph-wrap{height:58vh;min-height:420px}.chip{padding:.28rem .58rem;font-size:.82rem}}#graph{width:100%;height:100%}.fade-in{animation:.42s both fadeIn}@keyframes fadeIn{0%{opacity:.3;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}