:root{color-scheme:dark;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;background:#030812;color:#edf8ff;font-synthesis:none;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--panel: rgba(7, 18, 34, .72);--panel-strong: rgba(10, 23, 42, .88);--line: rgba(165, 215, 255, .2);--muted: #93a9ba;--text: #edf8ff;--cyan: #45dbff;--amber: #ffc05a}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:0 22px 24px}.space-bg,.space-vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.space-bg{background:linear-gradient(180deg,#01061070,#01050cb8),url(/assets/starfield.png) center / cover no-repeat;transform:scale(1.03)}.space-vignette{background:radial-gradient(circle at 58% 35%,rgba(55,197,255,.15),transparent 34%),radial-gradient(circle at 70% 16%,rgba(129,91,255,.14),transparent 28%),radial-gradient(circle at 34% 72%,rgba(27,208,179,.11),transparent 30%),linear-gradient(90deg,rgba(2,8,18,.82),transparent 24%,transparent 70%,rgba(2,8,18,.78))}.topbar{position:relative;z-index:5;min-height:76px;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(178,226,255,.16)}.brand-mark{width:52px;height:52px;display:grid;place-items:center;color:#5ee5ff;border:1px solid rgba(88,218,255,.28);background:#09182bb8;box-shadow:0 0 32px #2dc3ff59}.title-block{flex:1;min-width:0}.title-block p{margin:0 0 4px;color:#91dff2;font-size:13px}.title-block h1{margin:0;color:var(--text);font-size:clamp(20px,2.1vw,32px);font-weight:700;line-height:1.2;overflow-wrap:anywhere}.mobile-title{display:none}.top-actions{display:flex;align-items:center;gap:10px}.ghost-btn,.icon-btn,.mode-tabs button,.line-filter,.play-rail button,.product-card,.mini-sku-list button{border:1px solid rgba(170,219,255,.2);color:#eaf8ff;background:#081324b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ghost-btn,.icon-btn{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 14px}.icon-btn{width:40px;justify-content:center;padding:0}.ghost-btn:hover,.icon-btn:hover{border-color:#68dcffa3;box-shadow:0 0 18px #36cfff38}.workspace{position:relative;z-index:2;display:grid;grid-template-columns:clamp(220px,13vw,260px) minmax(0,1fr) clamp(340px,22vw,410px);gap:16px;width:100%;min-width:0;min-height:660px;padding-top:24px}.legend-panel,.detail-panel,.path-card,.platform-board,.source-card{border:1px solid rgba(156,216,255,.2);background:linear-gradient(180deg,#081426d1,#030d1cad);box-shadow:0 22px 80px #0000005c,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.legend-panel{align-self:start;padding:18px}.panel-title{display:flex;align-items:center;gap:9px;color:#f6fbff;font-size:16px;font-weight:700;margin-bottom:14px}.line-filter{width:100%;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:8px;min-height:38px;padding:8px 10px;margin-bottom:8px;text-align:left}.line-filter b{color:#d6efff;font-size:12px;font-weight:650}.line-filter.active{border-color:var(--line-color, #d7f5ff);background:color-mix(in srgb,var(--line-color, #d7f5ff) 14%,rgba(8,19,36,.86));box-shadow:0 0 24px color-mix(in srgb,var(--line-color, #d7f5ff) 28%,transparent)}.line-swatch{display:block;width:28px;height:4px;border-radius:999px;background:var(--line-color, #d7f5ff);box-shadow:0 0 12px var(--line-color, #d7f5ff)}.line-swatch.all{background:linear-gradient(90deg,#39d9e8,#f2bc66,#9d6cff,#ff6680,#8bdd6e)}.hint-card{margin-top:20px;padding:14px;border-top:1px solid rgba(178,226,255,.14);color:#b8cad7;font-size:13px;line-height:1.55}.hint-card svg{color:var(--amber);margin-bottom:8px}.hint-card p{margin:0}.star-map{position:relative;min-width:0;min-height:660px;border:1px solid rgba(123,199,255,.1);overflow:hidden}.star-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 60% 42%,rgba(255,190,72,.12),transparent 11%),radial-gradient(circle at 30% 50%,rgba(63,219,255,.12),transparent 18%),linear-gradient(180deg,#0208110d,#0208115c)}.phase-region{position:absolute;z-index:1;min-height:0;padding:0;border:0;background:transparent;mix-blend-mode:screen;pointer-events:none}.phase-region:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.82;filter:blur(16px);border-radius:50%}.phase-region b,.phase-region span,.phase-region p{display:none}.phase-region.vector{top:115px;left:58px;width:62%;height:230px;transform:rotate(-3deg)}.phase-region.vector:after{background:radial-gradient(ellipse at 42% 58%,rgba(68,221,255,.2),rgba(52,168,210,.08) 42%,transparent 72%)}.phase-region.cell{right:58px;bottom:78px;width:48%;height:260px;text-align:right;transform:rotate(2deg)}.phase-region.cell:after{background:radial-gradient(ellipse at 58% 55%,rgba(124,234,131,.19),rgba(70,179,113,.08) 44%,transparent 73%)}.phase-region.cell p{margin-left:auto}.workflow-bridge{position:absolute;z-index:4;left:62%;top:48%;display:flex;align-items:center;gap:8px;max-width:190px;padding:6px 10px;color:#ffe4a8;border:0;border-left:2px solid rgba(255,196,91,.72);background:linear-gradient(90deg,#ffb83b2e,#ffb83b0a);box-shadow:0 0 24px #ffbc4824;transform:translate(-50%,-50%);pointer-events:none}.workflow-bridge span{font-size:11px;font-weight:800;line-height:1.28}.stage-strip{position:absolute;z-index:5;top:16px;right:18px;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:8px;width:min(430px,calc(100% - 330px));pointer-events:none}.stage-chip{min-height:44px;padding:7px 0 7px 12px;border:0;border-left:2px solid rgba(124,226,255,.72);background:linear-gradient(90deg,#36caff1f,#030c1a00);box-shadow:none}.stage-chip b,.stage-chip span{display:block}.stage-chip b{font-size:11px;color:#9fefff}.stage-chip span{margin-top:3px;color:#f1fbff;font-size:12px;font-weight:800;line-height:1.2}.stage-chip.cell{border-left-color:#7ae08ec7;background:linear-gradient(90deg,#7ae08e1f,#030c1a00)}.stage-chip.cell b{color:#a8f0ac}.mode-tabs{position:absolute;z-index:4;top:16px;left:18px;display:flex;gap:8px}.mode-tabs button{min-height:34px;padding:0 12px;color:#b8cad7}.mode-tabs button.active{color:#03111f;background:#9be8ff;border-color:#9be8ff}.orbit-layer{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.main-chain,.product-orbit{fill:none;vector-effect:non-scaling-stroke}.main-chain{stroke:#d9f7ffd6;stroke-width:4;filter:drop-shadow(0 0 10px rgba(126,225,255,.75))}.vector-chain{stroke:#85e7fff0}.bridge-chain{stroke:#ffc45bf5;stroke-dasharray:10 10;filter:drop-shadow(0 0 12px rgba(255,193,91,.72))}.cell-chain{stroke:#92eb82eb;filter:drop-shadow(0 0 10px rgba(121,224,140,.68))}.product-orbit{stroke:var(--orbit-color);stroke-width:2.2;stroke-linecap:round;stroke-dasharray:9 12;opacity:.72;filter:drop-shadow(0 0 8px var(--orbit-color));pointer-events:stroke;cursor:pointer;animation:drift 9s linear infinite}.product-orbit.active{stroke-width:4;opacity:1;stroke-dasharray:14 9}.product-orbit.muted{opacity:.16;filter:none}@keyframes drift{0%{stroke-dashoffset:0}to{stroke-dashoffset:-84}}.star-node{position:absolute;z-index:3;width:116px;min-height:122px;transform:translate(-50%,-50%);border:0;padding:0;color:#f3fbff;background:transparent}.star-node *{pointer-events:none}.node-core{position:relative;width:70px;height:70px;margin:12px auto 8px;display:grid;place-items:center;border-radius:50%;color:#d9f7ff;background:radial-gradient(circle at 34% 24%,#ffffffd9,#51cfff42 23%,#113352d6 54%,#030c1afa);border:1px solid rgba(168,236,255,.7);box-shadow:0 0 24px #45dbff94,inset 0 0 24px #8be0ff42}.node-core:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;border:1px solid rgba(114,222,255,.18);animation:pulse 3s ease-in-out infinite}.star-node.active .node-core{color:#fff8d9;border-color:#ffcd5aeb;background:radial-gradient(circle at 34% 24%,#fff8d9,#ffb93a9e 26%,#57320df5);box-shadow:0 0 34px #ffba36db,inset 0 0 25px #ffe79957}.cell-node .node-core{border-color:#a2ef9ca8;background:radial-gradient(circle at 34% 24%,#ffffffd6,#87e27747 23%,#184a38d6 54%,#030c1afa);box-shadow:0 0 24px #74e08080,inset 0 0 24px #aef4a333}@keyframes pulse{0%,to{transform:scale(.95);opacity:.45}50%{transform:scale(1.14);opacity:.9}}.node-number{position:absolute;top:-6px;left:50%;transform:translate(-50%);font-size:22px;font-weight:800;color:#e9fbff;text-shadow:0 0 12px rgba(89,220,255,.8)}.node-label{display:block;font-size:14px;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.7)}.node-count{display:block;width:fit-content;margin:7px auto 0;padding:3px 8px;border:1px solid rgba(184,232,255,.18);color:#a8bfd0;background:#020a159e;font-size:11px}.play-rail{position:absolute;z-index:4;left:50%;bottom:22px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:8px;border:1px solid rgba(160,217,255,.2);background:#030c1aa8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.play-rail button{width:32px;height:32px;display:grid;place-items:center;padding:0;color:#b9d5e8}.play-rail button.active{color:#06111d;background:#ffc45b;border-color:#ffc45b;box-shadow:0 0 20px #ffbc488c}.detail-panel{align-self:stretch;display:flex;flex-direction:column;min-width:0;min-height:0;padding:18px}.detail-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(159,214,255,.16)}.detail-heading span{color:#8adfff;font-size:13px}.detail-heading h2{margin:4px 0 0;color:#f4fbff;font-size:24px;line-height:1.22}.phase-tag{white-space:nowrap;padding:7px 10px;color:#ffe1a2!important;border:1px solid rgba(255,196,91,.34);background:#ffb83b1c}.detail-section{margin-top:15px;color:#c2d4df}.detail-section h3,.product-toolbar h3,.reverse-panel h3{margin:0 0 8px;color:#f1fbff;font-size:15px}.detail-section p{margin:0;line-height:1.58}.detail-section ul,.source-card ul{margin:0;padding-left:18px;line-height:1.5}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:14px;border-top:1px solid rgba(159,214,255,.16)}.product-toolbar span{color:#93a9ba;font-size:12px}.search-box{display:flex;align-items:center;gap:7px;width:160px;min-height:36px;padding:0 10px;color:#8db4c9;border:1px solid rgba(160,217,255,.18);background:#030c1a8a}.search-box input{width:100%;min-width:0;border:0;outline:0;color:#edf8ff;background:transparent;font-size:12px}.product-list{margin-top:12px;overflow-y:auto;padding-right:4px;max-height:286px}.product-card{position:relative;width:100%;display:grid;grid-template-columns:5px 1fr auto 18px;align-items:center;gap:11px;min-height:72px;margin-bottom:9px;padding:10px 10px 10px 0;text-align:left}.product-card:hover,.product-card.selected{border-color:#60daff85;background:#0c2039db}.category-bar{align-self:stretch;background:var(--product-color);box-shadow:0 0 12px var(--product-color)}.product-main{min-width:0}.product-main b,.product-main small,.product-main em{display:block}.product-main b{color:#f4fbff;font-size:13px;line-height:1.35}.product-main small{margin-top:5px;color:#96abba;font-size:11px}.product-main em{margin-top:4px;color:#ffd27c;font-size:11px;font-style:normal}.sku{color:#d9f6ff;font-size:12px;font-weight:800;white-space:nowrap}.empty-state{padding:22px;color:#9eb3c3;border:1px dashed rgba(159,214,255,.22);background:#040d1985}.reverse-panel{margin-top:auto;padding-top:14px;border-top:1px solid rgba(159,214,255,.16)}.reverse-panel p{margin:0 0 10px;color:#c9dce8;line-height:1.45}.reverse-tags{display:flex;flex-wrap:wrap;gap:6px}.reverse-tags span{padding:4px 8px;color:#b8ecff;border:1px solid rgba(96,218,255,.2);background:#46d2ff14;font-size:11px}.bottom-board{position:relative;z-index:3;display:grid;grid-template-columns:1.2fr 1.4fr .9fr;gap:18px;margin-top:18px}.path-card,.platform-board,.source-card{padding:16px}.question-chain{display:flex;flex-wrap:wrap;gap:8px}.question-chip{display:flex;align-items:center;gap:8px;min-height:38px;padding:8px 10px;color:#c8dce8;border:1px solid rgba(159,214,255,.18);background:#050f1d94}.question-chip b{width:22px;height:22px;display:grid;place-items:center;color:#07111d;background:#ffc45b;font-size:12px}.platform-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}details{border:1px solid rgba(159,214,255,.18);background:#050f1d94}summary{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-weight:700}summary b{color:#9de8ff;font-size:12px}details p{margin:0;padding:0 12px 10px;color:#9eb3c3;font-size:12px;line-height:1.5}.mini-sku-list{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.mini-sku-list button{min-height:25px;padding:0 7px;color:#cfeeff;font-size:11px}.source-card li{color:#b9cdda;margin-bottom:7px;font-size:12px}@media(max-width:1220px){.workspace{grid-template-columns:230px minmax(520px,1fr)}.detail-panel{grid-column:1 / -1;min-height:auto}.product-list{max-height:420px}.bottom-board{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{padding:0 12px 18px}.topbar{display:grid;grid-template-columns:58px minmax(0,1fr);padding:14px 0}.title-block{min-width:0}.title-block h1{max-width:calc(100vw - 100px);font-size:18px;line-height:1.18;white-space:normal;word-break:break-word;overflow-wrap:anywhere}.desktop-title{display:none}.mobile-title{display:inline}.top-actions{grid-column:1 / -1;width:100%;overflow-x:auto}.workspace{display:block}.legend-panel,.detail-panel{margin-bottom:14px}.star-map{min-height:680px;margin-bottom:14px;overflow-x:auto}.orbit-layer{min-width:880px}.stage-strip{top:74px;left:28px;right:auto;width:650px}.phase-region{width:650px}.phase-region.cell{left:360px;right:auto}.star-node{width:118px}.node-core{width:68px;height:68px}.detail-grid,.platform-groups{grid-template-columns:1fr}.product-toolbar{align-items:stretch;flex-direction:column}.search-box{width:100%}}