:root{color-scheme:dark;--cyan:#64dcff;--orange:#ff6b22;--deep:#02070d;--panel:rgba(4,20,30,.72)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#02070d;font-family:"DIN Alternate","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:#eefbff}button,input{font:inherit}.galaxy-shell{position:relative;width:100%;height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 44%,rgba(13,97,131,.2),transparent 28%),linear-gradient(#02070d 0 58%,#061017 78%,#090c0f)}.galaxy-stars,.galaxy-nebula,.galaxy-strata{position:absolute;inset:0;pointer-events:none}.galaxy-stars{z-index:0}.galaxy-nebula{z-index:1;background:radial-gradient(ellipse at 22% 28%,rgba(31,99,172,.14),transparent 25%),radial-gradient(ellipse at 78% 32%,rgba(68,35,127,.12),transparent 24%),radial-gradient(ellipse at 50% 63%,rgba(7,135,157,.1),transparent 28%);filter:blur(3px);animation:nebula-breathe 12s ease-in-out infinite}.galaxy-strata{z-index:1;top:auto;height:28%;opacity:.55;background:linear-gradient(174deg,transparent 0 18%,rgba(255,107,34,.1) 18.2% 18.5%,transparent 18.7% 33%,rgba(64,170,200,.1) 33.2% 33.5%,transparent 33.7%),repeating-linear-gradient(176deg,rgba(109,137,145,.05) 0 1px,transparent 1px 18px);mask-image:linear-gradient(transparent,#000)}.galaxy-header{position:absolute;z-index:20;top:0;left:0;right:0;height:88px;display:flex;align-items:center;padding:0 3.2vw;border-bottom:1px solid rgba(104,203,228,.13);background:linear-gradient(180deg,rgba(2,9,15,.88),rgba(2,9,15,.25));backdrop-filter:blur(10px)}.galaxy-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none}.galaxy-brand b{font-size:23px;letter-spacing:.04em}.galaxy-brand span{padding-left:13px;border-left:1px solid rgba(255,255,255,.22);font-size:12px;letter-spacing:.22em;color:#9bbac4}.galaxy-header>div{position:absolute;left:50%;text-align:center;transform:translateX(-50%)}.galaxy-header small,.galaxy-header strong{display:block}.galaxy-header small{color:#5793a5;font-size:8px;letter-spacing:.34em}.galaxy-header strong{margin-top:7px;font-size:14px;letter-spacing:.26em}.galaxy-help{margin-left:auto;padding:10px 16px;border:1px solid rgba(99,209,237,.22);background:rgba(5,37,49,.5);color:#b9eaf4;cursor:pointer}.galaxy-search{position:absolute;z-index:25;left:3.2vw;top:118px;width:min(360px,30vw)}.galaxy-search label{display:block;margin-bottom:8px;color:#6fa6b6;font-size:9px;letter-spacing:.2em}.galaxy-search>div{position:relative}.galaxy-search input{width:100%;height:46px;padding:0 44px 0 15px;border:1px solid rgba(98,210,239,.22);outline:0;background:rgba(3,22,31,.72);color:#fff;backdrop-filter:blur(9px)}.galaxy-search input:focus{border-color:rgba(100,220,255,.7);box-shadow:0 0 25px rgba(62,190,230,.11)}.galaxy-search>div span{position:absolute;right:15px;top:11px;color:#5ecfea;font-size:20px}.galaxy-search ul{max-height:270px;margin:4px 0 0;padding:5px;overflow:auto;list-style:none;border:1px solid rgba(98,210,239,.18);background:rgba(3,17,25,.94);backdrop-filter:blur(12px)}.galaxy-search li button{display:block;width:100%;padding:10px;border:0;background:transparent;color:#cdebf1;text-align:left;cursor:pointer}.galaxy-search li button:hover{background:rgba(65,178,207,.12);color:#fff}.galaxy-search li small{display:block;margin-top:3px;color:#5c8e9c;font-size:8px;letter-spacing:.1em}.galaxy-stage{position:absolute;z-index:5;inset:88px 0 50px;overflow:hidden;cursor:grab;touch-action:none}.galaxy-stage.is-dragging{cursor:grabbing}.galaxy-world{position:absolute;left:50%;top:50%;width:2400px;height:1600px;transform-origin:center;will-change:transform}.galaxy-links,.galaxy-nodes{position:absolute;inset:0;width:100%;height:100%}.galaxy-link{fill:none;stroke:rgba(75,196,226,.26);stroke-width:1;stroke-dasharray:3 10;filter:drop-shadow(0 0 5px rgba(84,207,239,.28));animation:link-flow 12s linear infinite}.galaxy-link.system{stroke:rgba(106,222,249,.38);stroke-width:1.3;stroke-dasharray:1 8}.galaxy-link.child{opacity:0;transition:opacity .55s ease}.galaxy-link.child.is-visible{opacity:1}.galaxy-node{--size:72px;--tone:#65d9f7;position:absolute;left:0;top:0;width:var(--size);height:var(--size);padding:0;border:0;border-radius:50%;background:transparent;color:#fff;transform:translate(-50%,-50%);cursor:pointer;transition:opacity .45s ease,filter .3s ease;isolation:isolate}.galaxy-node::before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 2%,color-mix(in srgb,var(--tone),#fff 28%) 3%,var(--tone) 24%,color-mix(in srgb,var(--tone),#06111a 58%) 62%,#02070c 100%);box-shadow:inset -12px -15px 20px rgba(0,0,0,.52),inset 7px 5px 13px rgba(255,255,255,.12),0 0 18px color-mix(in srgb,var(--tone),transparent 55%),0 0 55px color-mix(in srgb,var(--tone),transparent 78%);z-index:-1}.galaxy-node::after{content:"";position:absolute;inset:-10px;border:1px solid color-mix(in srgb,var(--tone),transparent 58%);border-radius:50%;box-shadow:0 0 15px color-mix(in srgb,var(--tone),transparent 68%);animation:orbit-ring 9s linear infinite}.galaxy-node:hover,.galaxy-node:focus-visible{z-index:20;filter:brightness(1.28)}.galaxy-node .node-label{position:absolute;left:50%;top:calc(100% + 15px);min-width:150px;transform:translateX(-50%);color:#d9f5fa;font-size:12px;font-weight:750;letter-spacing:.12em;text-align:center;text-shadow:0 2px 8px #000}.galaxy-node .node-kicker{position:absolute;left:50%;bottom:calc(100% + 11px);transform:translateX(-50%);color:color-mix(in srgb,var(--tone),#fff 20%);font-size:7px;letter-spacing:.22em;white-space:nowrap}.galaxy-node.center{--size:154px;--tone:#2caeea}.galaxy-node.center::before{background:radial-gradient(circle at 38% 30%,#e9fbff 0 2%,#6be0ff 3%,#238bc8 22%,#0d4d85 53%,#04162b 78%);box-shadow:inset -28px -22px 32px rgba(0,0,0,.56),inset 12px 9px 18px rgba(255,255,255,.18),0 0 40px rgba(73,194,255,.72),0 0 120px rgba(37,131,217,.35)}.galaxy-node.center::after{inset:-24px;border-color:rgba(109,225,255,.38);box-shadow:0 0 22px rgba(83,200,255,.25)}.galaxy-node.center .node-core{display:grid;place-items:center;height:100%;font-size:22px;font-weight:950;letter-spacing:.08em;text-shadow:0 2px 12px #06111e}.galaxy-node.center .node-label{top:calc(100% + 31px);font-size:10px;color:#72cde5}.galaxy-node.system{--size:84px}.galaxy-node.system.is-active::after{inset:-18px;border-color:var(--tone);box-shadow:0 0 30px color-mix(in srgb,var(--tone),transparent 45%)}.galaxy-node.child{--size:38px;opacity:0;pointer-events:none}.galaxy-node.child::after{inset:-5px;animation-duration:13s}.galaxy-node.child .node-label{top:calc(100% + 10px);min-width:125px;font-size:9px;letter-spacing:.06em}.galaxy-node.child.is-visible{opacity:1;pointer-events:auto}.galaxy-node.grandchild{--size:19px}.galaxy-node.grandchild .node-label{display:none}.galaxy-node.grandchild:hover .node-label,.galaxy-node.grandchild:focus-visible .node-label{display:block}.galaxy-node[data-tone=orange]{--tone:#ff702d}.galaxy-node[data-tone=silver]{--tone:#a9c1ca}.galaxy-node[data-tone=blue]{--tone:#358fe8}.galaxy-node[data-tone=cyan]{--tone:#53d7f5}.galaxy-node[data-tone=teal]{--tone:#29b5a9}.galaxy-node[data-tone=amber]{--tone:#f5a33a}.galaxy-node[data-tone=violet]{--tone:#9b79eb}.galaxy-node[data-tone=green]{--tone:#56c985}.galaxy-preview{position:absolute;z-index:20;right:3.2vw;top:118px;width:min(360px,29vw);padding:24px 26px;border:1px solid rgba(96,204,233,.18);background:linear-gradient(135deg,rgba(3,19,28,.88),rgba(5,40,52,.58));backdrop-filter:blur(12px);clip-path:polygon(0 0,94% 0,100% 12%,100% 100%,6% 100%,0 88%)}.galaxy-preview small{color:#ff7836;font-size:8px;letter-spacing:.23em}.galaxy-preview>span{display:block;margin-top:13px;color:#68bdd0;font-size:9px;letter-spacing:.16em}.galaxy-preview h1{margin:13px 0;font-size:clamp(24px,2.1vw,34px);line-height:1.25;letter-spacing:-.04em}.galaxy-preview p{min-height:4.8em;color:#8facb4;font-size:12px;line-height:1.8}.galaxy-preview a{display:inline-flex;gap:28px;margin-top:7px;padding-bottom:7px;border-bottom:1px solid rgba(96,204,233,.25);color:#e9faff;font-size:11px;font-weight:800;text-decoration:none}.galaxy-preview a b{color:#ff7836}.galaxy-controls{position:absolute;z-index:20;left:0;right:0;bottom:0;height:50px;display:flex;align-items:center;gap:25px;padding:0 3.2vw;border-top:1px solid rgba(104,203,228,.12);background:rgba(2,9,15,.75);color:#628e99;font-size:9px;letter-spacing:.1em}.galaxy-controls span{display:flex;align-items:center;gap:7px}.galaxy-controls i{width:5px;height:5px;border-radius:50%;background:#5bd9f7;box-shadow:0 0 8px #5bd9f7}.galaxy-controls b{margin-left:auto;color:#ff7836;font-weight:700}.galaxy-node.is-match{filter:brightness(1.5) drop-shadow(0 0 16px var(--tone))}@keyframes link-flow{to{stroke-dashoffset:-130}}@keyframes orbit-ring{to{transform:rotate(360deg)}}@keyframes nebula-breathe{50%{opacity:.64;transform:scale(1.04)}}@media(max-width:900px){.galaxy-header{height:70px;padding:0 18px}.galaxy-header>div{display:none}.galaxy-brand b{font-size:20px}.galaxy-search{left:18px;right:18px;top:88px;width:auto}.galaxy-stage{inset:70px 0 44px}.galaxy-preview{left:18px;right:18px;top:auto;bottom:62px;width:auto;padding:14px 18px;pointer-events:none}.galaxy-preview h1{margin:7px 0;font-size:20px}.galaxy-preview p{display:none}.galaxy-preview a{pointer-events:auto}.galaxy-controls{height:44px;padding:0 18px}.galaxy-controls span{display:none}.galaxy-controls b{margin:0 auto}.galaxy-node.center{--size:126px}.galaxy-node.system{--size:68px}.galaxy-node.child{--size:32px}}@media(prefers-reduced-motion:reduce){.galaxy-nebula,.galaxy-link,.galaxy-node::after{animation:none}}