:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-soft:#f9fafb;--border:#dce1e8;--border-strong:#bcc7d5;--text:#172033;--muted:#667085;--blue:#246bfe;--blue-soft:#eaf1ff;--green:#0f8a5f;--green-soft:#e8f7f1;--orange:#b96512;--orange-soft:#fff3e4;--danger:#c94343;--shadow:0 12px 30px #17203314;--shadow-soft:0 8px 20px #1720330f;--rail:#eef2f7}*{box-sizing:border-box}html,body{height:100%}body{background:linear-gradient(180deg, #eef3fb 0, #f6f7f9 180px), var(--bg);color:var(--text);margin:0;font-family:DengXian,Microsoft YaHei,Segoe UI,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-rows:auto minmax(0,1fr);gap:8px;height:100vh;padding:8px;display:grid;overflow:hidden}.app-shell-focus{grid-template-rows:auto minmax(0,1fr);gap:8px}.topbar{background:var(--surface);min-height:76px;box-shadow:var(--shadow-soft);border:1px solid #d3dbe7;border-radius:8px;grid-template-columns:minmax(260px,1fr) minmax(620px,1.7fr);align-items:center;gap:12px;padding:8px 12px;display:grid}.app-shell-focus .topbar{grid-template-columns:minmax(220px,.42fr) minmax(720px,1fr);align-items:center;gap:12px;padding:10px 12px}.title-block{border-left:3px solid var(--blue);flex-wrap:wrap;align-content:center;align-items:center;gap:12px;min-width:0;padding-left:10px;display:flex}.title-copy{flex:none;min-width:0}.product-level-source{border:1px solid var(--border);background:var(--surface-soft);min-width:min(100%,220px);max-width:none;color:var(--muted);white-space:normal;text-overflow:clip;border-radius:999px;flex:220px;padding:3px 8px;font-size:13px;line-height:1.35;overflow:visible}.product-level-source-ready{background:var(--green-soft);color:var(--green);border-color:#bde6d4}.product-level-source-fallback{background:var(--orange-soft);color:var(--orange);border-color:#f1d39d}.product-level-source-error{color:var(--danger);background:#fff1f1;border-color:#f1c4c4}.auth-user{border:1px solid var(--border);background:var(--surface-soft);min-width:0;color:var(--text);border-radius:999px;flex:none;align-items:center;gap:6px;padding:3px 5px 3px 3px;font-size:13px;display:inline-flex}.auth-user-avatar{background:var(--blue-soft);width:22px;height:22px;color:var(--blue);border-radius:50%;place-items:center;font-weight:700;display:inline-grid}.auth-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}.auth-user button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:2px 7px;font-size:13px}.auth-user button:hover{background:var(--blue-soft);color:var(--blue)}.title-block h1,.section-head h2,.detail-title h2{letter-spacing:0;margin:0;font-weight:700}.title-block h1{font-size:22px;line-height:1.18}.app-shell-focus .title-block h1{font-size:20px}.title-block p,.section-head p,.detail-title p{color:var(--muted);margin:3px 0 0;font-size:14px}.filter-panel{gap:4px;display:grid}.controls{grid-template-columns:minmax(180px,1.45fr) repeat(6,minmax(94px,1fr));gap:8px;display:grid}.controls.overview-controls{grid-template-columns:minmax(180px,1.5fr) repeat(5,minmax(100px,1fr))}.app-shell-focus .controls{gap:8px}.app-shell-focus .controls input,.app-shell-focus .controls select{height:32px}.controls label{color:var(--muted);gap:3px;font-size:13px;display:grid}.controls input,.controls select{border:1px solid var(--border);background:var(--surface);width:100%;height:30px;color:var(--text);border-radius:6px;padding:0 9px;font-size:14px}.filter-summary{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px 10px;font-size:13px;display:flex}.filter-summary strong{color:var(--text);font-size:14px}.filter-sync-control{border:1px solid var(--border);background:var(--surface-soft);border-radius:7px;align-items:center;gap:8px;min-width:0;margin-left:auto;padding:2px 3px 2px 8px;display:inline-flex}.filter-sync-control>span{text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.filter-sync-control-ready{background:var(--green-soft);color:var(--green);border-color:#bde6d4}.filter-sync-control-refreshing{background:var(--blue-soft);color:var(--blue);border-color:#b9cdfc}.filter-sync-control-error{color:var(--danger);background:#fff1f1;border-color:#f1c4c4}.filter-summary button{border:1px solid var(--border);height:24px;color:var(--blue);background:var(--surface);border-radius:6px;padding:0 9px;font-size:14px;font-weight:700}.filter-summary button:hover{background:var(--blue-soft);border-color:#c8d8ff}.filter-summary .manual-sync-button{border-color:var(--blue);background:var(--blue);color:#fff;white-space:nowrap;height:28px;padding:0 13px;box-shadow:0 3px 8px #246bfe33}.filter-summary .manual-sync-button:hover:not(:disabled){background:#1557d6;border-color:#1557d6}.filter-summary .manual-sync-button:disabled{cursor:wait;opacity:.72}.controls input:focus,.controls select:focus,.sku-node:focus,.accessory-row:focus,.accessory-board-row:focus,.accessory-dialog-close:focus,.line-overview-button:focus,.line-overview-kpi-button:focus,.section-accessory-kpi-button:focus,.category-picker-button:focus,.category-overview-card:focus,.family-item:focus,.filter-summary button:focus,.ghost-button:focus{outline-offset:2px;outline:2px solid #246bfe38}.workspace{grid-template-columns:260px minmax(520px,1fr) 320px;align-items:stretch;gap:12px;min-height:0;display:grid;position:relative}.workspace.sidebar-collapsed{grid-template-columns:36px minmax(520px,1fr) 320px}.workspace.detail-collapsed{grid-template-columns:260px minmax(520px,1fr) 36px}.workspace.sidebar-collapsed.detail-collapsed{grid-template-columns:36px minmax(520px,1fr) 36px}.workspace-focus{grid-template-columns:minmax(0,1fr);gap:0}.workspace-focus .graph-pane{min-width:0}.panel-shell{min-width:0;min-height:0;display:grid;position:relative}.panel-shell>.sidebar,.panel-shell>.detail-pane{width:100%;height:100%}.panel-edge-button{z-index:9;color:#52627a;cursor:pointer;background:#fffffff5;border:1px solid #d3dbe7;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:12px;box-shadow:0 8px 18px #1720331f}.panel-edge-button:hover{color:var(--blue);background:#f7faff;border-color:#9fc0ff}.panel-edge-button span[aria-hidden=true]{font-size:20px;font-weight:700;line-height:1}.panel-edge-left{right:-12px}.panel-edge-right{left:-12px}.panel-rail{color:#52627a;min-width:0;min-height:0;box-shadow:var(--shadow-soft);cursor:pointer;background:linear-gradient(#fff,#f6f9ff);border:1px solid #d3dbe7;border-radius:8px;align-content:center;place-items:center;gap:8px;padding:10px 0;display:grid}.panel-rail:hover{color:var(--blue);background:#f7faff;border-color:#9fc0ff}.panel-rail-icon{background:var(--surface);width:22px;height:22px;color:var(--blue);border:1px solid #d6e4ff;border-radius:50%;place-items:center;font-size:19px;font-weight:800;line-height:1;display:grid}.panel-rail-label{color:var(--muted);letter-spacing:0;writing-mode:vertical-rl;font-size:14px;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar,.graph-pane,.detail-pane,.family-gallery{background:var(--surface);box-shadow:var(--shadow-soft);border:1px solid #d3dbe7;border-radius:8px}.sidebar,.graph-pane,.detail-pane{min-height:0}.sidebar{padding:12px;overflow:auto}.sidebar-head,.section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.sidebar-head span{color:var(--muted);font-size:14px}.category-picker{background:linear-gradient(180deg, #fbfcff, var(--surface-soft));border:1px solid #edf0f4;border-radius:8px;gap:8px;margin-top:14px;padding:10px;display:grid}.category-picker>span{color:var(--muted);font-size:14px;font-weight:700}.category-picker>div{gap:6px;display:grid}.category-picker-button{background:var(--surface);width:100%;min-height:50px;color:var(--text);text-align:left;border:1px solid #0000;border-radius:8px;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:3px 9px;padding:8px 9px;display:grid}.category-picker-button:hover,.category-picker-button.active{background:var(--blue-soft);border-color:#c8d8ff}.category-picker-button.active{box-shadow:inset 3px 0 0 var(--blue)}.category-picker-button strong,.category-picker-button em{min-width:0;display:block}.category-picker-button strong{font-size:15px}.category-picker-button em{color:var(--muted);grid-column:2;font-size:13px;font-style:normal}.line-group{margin-top:12px;padding-left:18px;position:relative}.line-group h3{color:var(--muted);margin:0 0 8px;font-size:14px;font-weight:700;position:relative}.line-group h3:before{content:"";background:var(--rail);width:10px;height:1px;position:absolute;top:50%;left:-16px}.family-nav{gap:8px;margin-top:14px;padding-left:4px;display:grid}.category-group{gap:8px;display:grid;position:relative}.category-group:before{content:"";background:var(--rail);width:1px;position:absolute;top:28px;bottom:4px;left:9px}.category-group h2{color:var(--text);background:#f4f7fb;border-radius:8px;gap:2px;margin:18px 0 0;padding:8px 8px 8px 22px;font-size:15px;font-weight:700;display:grid}.category-group h2 em{color:var(--muted);font-size:13px;font-style:normal;font-weight:400}.category-group:first-child h2{margin-top:0}.line-overview-button,.family-item{text-align:left;width:100%;min-height:64px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:10px 1fr;align-items:center;gap:10px;padding:9px 10px;display:grid}.line-overview-button{background:#fbfcff;border-color:#edf0f4;margin-bottom:6px}.line-directory-button{min-height:72px}.line-overview-button.active,.line-overview-button:hover,.family-item.active,.family-item:hover{background:var(--blue-soft);border-color:#c8d8ff}.family-item{width:calc(100% - 12px);margin-left:12px}.family-item.active{box-shadow:inset 3px 0 0 var(--blue)}.line-overview-button strong,.line-overview-button em,.family-item strong,.family-item em{display:block}.line-overview-button strong,.family-item strong{font-size:16px}.line-overview-button em,.family-item em{color:var(--muted);margin-top:2px;font-size:14px;font-style:normal}.line-overview-button small{color:#98a2b3;margin-top:2px;font-size:13px;display:block}.family-dot{border-radius:50%;width:10px;height:10px}.tone-blue{background:var(--blue)}.tone-green{background:var(--green)}.tone-orange{background:var(--orange)}.tone-gray{background:var(--muted)}.graph-pane{background:#f8fafc;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.section-head{border-bottom:1px solid var(--border);background:var(--surface);min-height:62px;padding:12px 14px}.section-head h2{font-size:20px}.section-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:min(760px,100%);display:flex}.section-accessory-kpis{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.section-accessory-kpis article,.section-accessory-kpi-button{background:linear-gradient(180deg, #fff, var(--surface-soft));border:1px solid var(--border);min-width:116px;min-height:44px;color:var(--text);text-align:left;border-radius:8px;align-content:center;padding:6px 10px;display:grid}.section-accessory-kpis span,.section-accessory-kpi-button span{color:var(--muted);font-size:13px}.section-accessory-kpis strong,.section-accessory-kpi-button strong{font-size:18px}.section-accessory-kpi-button{cursor:pointer}.section-accessory-kpi-button:hover{background:var(--blue-soft);border-color:#c8d8ff}.view-tabs{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;padding:3px;display:inline-flex}.view-tabs button{min-width:72px;height:30px;color:var(--muted);background:0 0;border:0;border-radius:6px}.view-tabs button:disabled{color:#a8b2c0;cursor:not-allowed}.view-tabs .active{color:var(--blue);background:var(--surface);box-shadow:0 1px 4px #1720331a}.graph-canvas{background:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-color:#fbfcfe;background-size:34px 34px;align-content:start;gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.line-overview-view{gap:14px;min-width:780px;display:grid}.line-overview-head{border:1px solid #d3dbe7;border-top:4px solid var(--blue);box-shadow:var(--shadow-soft);background:#ffffffeb;border-radius:8px;grid-template-columns:minmax(220px,.9fr) minmax(420px,1.1fr);align-items:stretch;gap:14px;padding:14px;display:grid}.line-overview-head>div:first-child{align-content:center;gap:4px;display:grid}.line-overview-head span,.line-family-main em,.line-family-metrics em{color:var(--muted);font-size:14px;font-style:normal}.line-overview-head h3{margin:0;font-size:22px}.line-overview-head p{color:var(--muted);margin:0;font-size:15px}.line-overview-kpis{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:10px;display:grid}.line-overview-kpis article,.line-overview-kpi-button{background:linear-gradient(180deg, #fff, var(--surface-soft));border:1px solid var(--border);border-radius:8px;align-content:center;min-height:74px;padding:11px 12px;display:grid}.line-overview-kpi-button{color:var(--text);text-align:left}.line-overview-kpi-button:hover{background:var(--blue-soft);border-color:#c8d8ff}.line-overview-kpis strong,.line-overview-kpi-button strong{font-size:24px}.category-overview-grid{grid-template-columns:repeat(3,minmax(190px,1fr));gap:12px;display:grid}.category-overview-card{border:1px solid var(--border);min-height:96px;color:var(--text);text-align:left;background:#fffffff5;border-left-width:4px;border-radius:8px;grid-template-columns:10px minmax(0,1fr) auto;grid-template-areas:"dot title spu"".current current"".meta meta";align-items:center;gap:5px 10px;padding:13px 14px;display:grid;box-shadow:0 6px 18px #1720330d}.category-overview-card .family-dot{grid-area:dot;align-self:center}.category-overview-card:hover{border-color:#c8d8ff;box-shadow:0 8px 24px #246bfe1a}.category-overview-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-area:title;font-size:17px;line-height:1.3;overflow:hidden}.category-overview-spu,.category-overview-current,.category-overview-meta{color:var(--muted);font-size:14px;font-style:normal;line-height:1.35}.category-overview-spu{white-space:nowrap;grid-area:spu;justify-self:end}.category-overview-current{white-space:nowrap;grid-area:current;min-width:0}.category-overview-meta{text-overflow:ellipsis;white-space:nowrap;grid-area:meta;min-width:0;overflow:hidden}.line-family-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:12px;display:grid}.line-family-card{border:1px solid var(--border);min-height:218px;color:var(--text);text-align:left;background:#fffffff5;border-left-width:4px;border-radius:8px;grid-template-columns:56px minmax(0,1fr);grid-template-areas:"image main""metrics metrics""positions positions""action action";gap:10px 12px;padding:14px;display:grid;box-shadow:0 6px 18px #1720330f}.line-family-card:hover{border-color:#c8d8ff;box-shadow:0 8px 24px #246bfe1f}.line-family-card .product-thumb{grid-area:image;width:56px;height:56px}.line-family-main{grid-area:main;align-content:center;gap:4px;min-width:0;display:grid}.line-family-title{align-items:center;gap:8px;min-width:0;display:inline-flex}.line-family-title strong{overflow-wrap:anywhere;font-size:18px}.line-family-metrics{grid-area:metrics;grid-template-columns:repeat(4,minmax(80px,1fr));gap:8px;padding-top:4px;display:grid}.line-family-metrics span{background:var(--surface-soft);border:1px solid #edf0f4;border-radius:6px;gap:2px;padding:9px 10px;display:grid}.line-family-metrics strong{font-size:20px}.position-stack{flex-wrap:wrap;grid-area:positions;gap:6px;min-height:24px;display:flex}.position-more{min-height:18px;color:var(--muted);background:#eef1f5;border-radius:4px;align-items:center;padding:2px 6px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex}.line-family-action{border:1px solid var(--border);height:32px;color:var(--blue);background:var(--blue-soft);border-radius:6px;grid-area:action;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:inline-flex}.position-lane-board{gap:10px;min-width:780px;display:grid}.position-lane-title{border:1px solid var(--border);background:#fffffff0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;display:none}.position-lane-title span{color:var(--blue);font-size:15px;font-weight:700}.position-lane-title strong{color:var(--muted);font-size:14px}.position-lane{border:1px solid var(--border);background:#fffffff0;border-left:4px solid #c8d8ff;border-radius:8px;grid-template-columns:104px minmax(0,1fr);align-items:stretch;gap:8px;min-width:0;min-height:106px;padding:8px;display:grid;box-shadow:0 6px 18px #1720330a}.position-lane.has-selected{background:#f8fbff;border-color:#9fc0ff;box-shadow:inset 0 0 0 1px #246bfe24}.position-lane-core{border-left-color:#5ca6e8}.position-lane-enhance{border-left-color:#4fb7a9}.position-lane-pro,.position-lane-pro-max{border-left-color:#9b7ae5}.position-lane-ultra{border-left-color:#e39b48}.position-lane-plus{border-left-color:#42b883}.position-lane-head{background:var(--surface-soft);border:1px solid #edf0f4;border-radius:8px;align-content:center;gap:6px;min-width:0;padding:8px;display:grid}.position-lane-head strong{color:var(--muted);font-size:14px}.position-lane-row{gap:10px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.lane-family-node{border:1px solid var(--border);background:var(--surface);min-height:134px;color:var(--text);text-align:left;border-left-width:4px;border-radius:8px;flex:0 0 246px;grid-template-columns:44px minmax(128px,1fr);grid-template-areas:"image main""metrics metrics""positions positions""action action";gap:7px 9px;padding:8px;display:grid}.lane-family-node:hover,.lane-family-node.active{border-color:#9fc0ff;box-shadow:0 8px 22px #246bfe1f}.lane-family-node.active{background:#f7faff}.lane-family-node .product-thumb{grid-area:image;width:44px;height:44px}.lane-family-main{grid-area:main;align-content:center;gap:3px;min-width:0;display:grid}.lane-family-title{align-items:center;gap:7px;min-width:0;display:inline-flex}.lane-family-title strong{overflow-wrap:anywhere;font-size:17px}.lane-family-main em,.lane-family-metrics em{color:var(--muted);font-size:14px;font-style:normal}.lane-family-metrics{flex-wrap:wrap;grid-area:metrics;gap:5px;display:flex}.lane-family-metrics em{background:var(--surface-soft);white-space:nowrap;border:1px solid #edf0f4;border-radius:4px;padding:3px 6px}.selected-family-chain{border:1px solid #c8d8ff;border-top:3px solid var(--blue);width:100%;min-width:0;min-height:0;box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;gap:6px;padding:8px;display:grid;overflow:hidden}.position-lane-shell{display:contents}.selected-lane-workspace{z-index:8;background:#f8fbff;border-radius:8px;align-self:start;gap:8px;min-width:0;min-height:0;padding:0;display:grid;position:relative;overflow:hidden}.selected-lane-workspace.sticky-ready{z-index:24;background:#f8fbff;border:1px solid #c8d8ff;position:sticky;top:8px;overflow:hidden;box-shadow:0 14px 30px #17203324}.selected-lane-workspace.sticky-force{z-index:24;will-change:transform;background:#f8fbff;border:1px solid #c8d8ff;position:relative;overflow:hidden;box-shadow:0 14px 30px #17203324}.selected-lane-workspace .position-lane{min-height:148px;padding:6px}.selected-lane-workspace .position-lane-head{padding:6px}.selected-lane-workspace .lane-family-node{flex-basis:232px;gap:5px 8px;min-height:116px;padding:7px}.selected-lane-workspace .lane-family-node .product-thumb{width:38px;height:38px}.selected-lane-workspace .lane-family-metrics{gap:4px}.selected-lane-workspace .lane-family-metrics em{padding:2px 5px;font-size:13px}.selected-lane-workspace .position-stack{gap:4px;min-height:20px}.selected-lane-workspace .line-family-action{height:28px}.selected-position-head span{color:var(--muted);font-size:14px;font-style:normal}.selected-position-group{background:#fbfcfe;border:1px solid #edf0f4;border-radius:8px;gap:6px;min-width:0;padding:7px;display:grid;overflow:hidden}.selected-position-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.selected-position-head span{align-items:center;gap:6px;display:inline-flex}.selected-position-head strong{font-size:15px}.compact-chain-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:138px minmax(0,1fr);align-items:center;gap:10px;min-width:0;padding:7px 8px;display:grid}.selected-family-chain .chain-track{min-height:58px}.selected-family-chain .sku-node{grid-template-columns:34px minmax(78px,1fr);gap:7px;width:190px;min-height:56px;padding:6px}.selected-family-chain .sku-node .product-thumb{width:34px;height:34px}.selected-family-chain .sku-info em{margin-top:1px}.selected-family-chain .node-tags{flex-wrap:nowrap;gap:3px;margin-top:3px;overflow:hidden}.family-map-view{gap:14px;min-width:880px;display:grid}.family-map-head{border:1px solid #cbd6e5;border-left:4px solid var(--blue);box-shadow:var(--shadow-soft);background:#fffffff5;border-radius:8px;grid-template-columns:minmax(280px,1fr) minmax(360px,.9fr);align-items:stretch;gap:14px;padding:14px;display:grid}.family-map-head>div:first-child{align-content:center;gap:4px;display:grid}.family-map-head span,.family-map-head p,.family-map-title span,.family-map-lane-rail em,.map-family-title em,.map-family-stats em,.map-selected-head span,.map-selected-head p,.map-position-head span{color:var(--muted);font-size:14px;font-style:normal}.family-map-head h3,.map-selected-head h3{margin:0;font-size:22px}.family-map-head p,.map-selected-head p{margin:0}.family-map-kpis{grid-template-columns:repeat(3,minmax(90px,1fr));gap:10px;display:grid}.family-map-kpis article{background:var(--surface-soft);border:1px solid #edf0f4;border-radius:8px;align-content:center;min-height:70px;padding:10px 12px;display:grid}.family-map-kpis strong{font-size:23px}.family-map-guide{border:1px solid var(--border);background:#fffffff0;border-radius:8px;grid-template-columns:minmax(300px,1fr) auto minmax(240px,auto);align-items:center;gap:12px;padding:10px 12px;display:grid}.family-map-guide>div{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.family-map-guide strong{margin-right:3px;font-size:15px}.family-map-guide span:not(.sale-badge){color:var(--text);background:var(--surface-soft);border:1px solid #edf0f4;border-radius:999px;padding:4px 8px;font-size:14px;font-weight:700}.family-map-guide em{background:#b8c2d0;width:16px;height:1px}.family-map-board{background:#ffffffd1;border:1px solid #d3dbe7;border-radius:8px;gap:10px;padding:12px;display:grid}.family-map-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.family-map-title strong{font-size:17px}.family-map-lane{border:1px solid var(--border);background:linear-gradient(90deg,#f8fafc,#fffffff0);border-left:4px solid #c8d8ff;border-radius:8px;grid-template-columns:126px minmax(0,1fr);gap:10px;min-height:150px;padding:10px;display:grid}.map-lane-core{border-left-color:#5ca6e8}.map-lane-enhance{border-left-color:#4fb7a9}.map-lane-pro,.map-lane-pro-max{border-left-color:#9b7ae5}.map-lane-ultra{border-left-color:#e39b48}.map-lane-plus{border-left-color:#42b883}.family-map-lane-rail{background:var(--surface);border:1px solid #edf0f4;border-radius:8px;align-content:center;gap:7px;padding:10px;display:grid}.family-map-lane-rail strong{font-size:15px}.family-map-node-row{align-items:stretch;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.map-line-cluster{background:#f9fafbdb;border:1px solid #edf0f4;border-radius:8px;flex:none;gap:8px;min-width:318px;padding:9px;display:grid}.map-line-cluster-head{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:28px;display:grid}.map-line-cluster-head span,.map-line-cluster-head em{color:var(--muted);font-size:13px;font-style:normal}.map-line-cluster-head strong{overflow-wrap:anywhere;font-size:15px}.map-line-cluster-row{gap:8px;display:flex}.map-overflow-chip{min-height:118px;color:var(--muted);text-align:center;background:repeating-linear-gradient(135deg,#f7f9fc,#f7f9fc 8px,#eef2f7 8px 9px);border:1px dashed #c8d2df;border-radius:8px;flex:0 0 170px;place-items:center;padding:12px;font-size:14px;font-weight:700;display:grid}.map-chain-overflow{min-height:42px;margin-top:2px}.map-family-node{border:1px solid var(--border);background:var(--surface);min-height:128px;color:var(--text);text-align:left;border-left-width:4px;border-radius:8px;flex:0 0 286px;grid-template-columns:58px minmax(150px,1fr);grid-template-areas:"image content""action action";gap:10px 12px;padding:12px;display:grid;box-shadow:0 6px 16px #1720330a}.map-family-node:hover,.map-family-node.active{border-color:#9fc0ff;box-shadow:0 10px 24px #246bfe24}.map-family-node.active{background:#f6f9ff;outline:2px solid #246bfe2e}.map-family-node .product-thumb{grid-area:image;width:58px;height:58px}.map-family-content{grid-area:content;gap:8px;min-width:0;display:grid}.map-family-title{gap:2px;display:grid}.map-family-title strong{overflow-wrap:anywhere;font-size:18px}.map-family-stats{flex-wrap:wrap;gap:5px;display:flex}.map-family-stats em{background:var(--surface-soft);white-space:nowrap;border:1px solid #edf0f4;border-radius:4px;padding:3px 6px}.map-selected-chain{border:1px solid #c8d8ff;border-top:4px solid var(--blue);box-shadow:var(--shadow-soft);background:#fffffff5;border-radius:8px;gap:10px;padding:12px;display:grid}.map-selected-head{grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:12px;display:grid}.map-selected-head button{background:var(--blue-soft);height:34px;color:var(--blue);border:1px solid #c8d8ff;border-radius:6px;padding:0 12px;font-size:15px;font-weight:700}.map-position-chain{background:#fbfcfe;border:1px solid #edf0f4;border-radius:8px;gap:8px;padding:10px;display:grid}.map-position-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.map-position-head span{align-items:center;gap:6px;display:inline-flex}.map-position-head strong{font-size:15px}.map-chain-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:152px minmax(560px,1fr);align-items:center;gap:12px;padding:10px;display:grid}.map-chain-track{align-items:center;gap:8px;min-height:84px;display:flex;overflow-x:auto}.map-chain-fragment{display:contents}.map-sku-node{border:1px solid var(--border);background:var(--surface);min-height:78px;color:var(--text);text-align:left;border-radius:8px;flex:0 0 178px;grid-template-columns:44px minmax(104px,1fr);align-items:center;gap:9px;padding:8px;display:grid}.map-sku-node.current{background:#f7faff;border-color:#88b2ff}.map-sku-node.selected{box-shadow:inset 0 0 0 2px var(--blue)}.map-sku-node .product-thumb{width:44px;height:44px}.company-position-view{gap:14px;min-width:880px;display:grid}.company-position-head{border:1px solid #cbd6e5;border-left:4px solid var(--green);box-shadow:var(--shadow-soft);background:#fffffff5;border-radius:8px;grid-template-columns:minmax(320px,1fr) minmax(520px,1fr);align-items:stretch;gap:14px;padding:14px;display:grid}.company-position-head>div:first-child{align-content:center;gap:4px;display:grid}.company-position-head span,.company-position-head p,.company-position-rail em,.company-position-cell span,.company-position-cell em,.company-position-cell small,.position-governance-card span,.position-governance-card p{color:var(--muted);font-size:14px;font-style:normal}.company-position-head h3,.position-governance-card h3{margin:0;font-size:22px}.company-position-head p,.position-governance-card p{margin:0}.company-position-kpis{grid-template-columns:repeat(4,minmax(96px,1fr));gap:10px;display:grid}.company-position-kpis article{background:var(--surface-soft);border:1px solid #edf0f4;border-radius:8px;align-content:center;min-height:74px;padding:10px 12px;display:grid}.company-position-kpis article.needs-governance{background:#fffaf3;border-color:#f5d5aa}.company-position-kpis strong{font-size:24px}.company-position-grid{border:1px solid var(--border);background:#ffffffe6;border-radius:8px;gap:8px;padding:12px;display:grid}.company-position-section-title{justify-content:space-between;align-items:center;gap:12px;padding:0 2px 6px;display:flex}.company-position-section-title strong{font-size:17px}.company-position-section-title span{color:var(--muted);font-size:14px}.company-position-grid-head,.company-position-row{grid-template-columns:150px repeat(auto-fit,minmax(190px,1fr));align-items:stretch;gap:8px;display:grid}.company-position-grid-head{color:var(--muted);font-size:14px}.company-position-grid-head strong{padding:0 8px}.company-position-rail{background:#f8fafc;border:1px solid #edf0f4;border-radius:8px;align-content:center;gap:6px;min-height:104px;padding:12px;display:grid}.company-position-rail strong{font-size:16px}.company-position-cell{background:var(--surface);border:1px solid var(--border);min-height:104px;color:var(--text);text-align:left;border-radius:8px;align-content:center;gap:3px;padding:12px;display:grid}.company-position-cell.empty{background:#fafbfc;border-style:dashed;place-items:center}.company-position-cell strong{font-size:17px}.position-governance-card{border:1px solid #f2c98f;border-left:4px solid var(--orange);background:#fffaf3;border-radius:8px;grid-template-columns:minmax(260px,.5fr) minmax(420px,1fr);gap:12px;padding:14px;display:grid}.position-governance-card>div:first-child{align-content:center;gap:4px;display:grid}.governance-cells{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.company-position-insights{grid-template-columns:repeat(3,minmax(220px,1fr));gap:8px;display:grid}.company-position-insights article{border:1px solid var(--border);background:#fffffff5;border-radius:8px;align-content:start;gap:8px;min-height:136px;padding:12px;display:grid}.company-position-insights span,.company-position-insights p,.company-position-insights em{color:var(--muted);font-size:14px;font-style:normal}.company-position-insights h3{margin:0;font-size:18px}.insight-list{gap:6px;display:grid}.insight-list p{background:var(--surface-soft);border:1px solid #edf0f4;border-radius:6px;justify-content:space-between;gap:10px;margin:0;padding:6px 8px;display:flex}.insight-list strong,.insight-list em{overflow-wrap:anywhere}.tone-border-blue{border-left-color:var(--blue)}.tone-border-green{border-left-color:var(--green)}.tone-border-orange{border-left-color:var(--orange)}.tone-border-gray{border-left-color:var(--muted)}.expanded-all-view{gap:12px;min-width:900px;display:grid}.expanded-all-head{border:1px solid var(--border);background:#ffffffeb;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:72px;padding:13px 14px;display:flex}.expanded-all-head span,.expanded-all-head p,.expanded-all-head small,.expanded-spu-section summary em,.expanded-position-head span{color:var(--muted);font-size:14px}.expanded-all-head h3{margin:2px 0 0;font-size:22px}.expanded-all-head p{max-width:520px;margin:0}.expanded-all-head small{max-width:220px}.expanded-spu-stack{gap:12px;display:grid}.expanded-spu-section{border:1px solid var(--border);background:#ffffffe6;border-radius:8px;overflow:hidden}.expanded-spu-section summary{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:12px 14px;list-style:none;display:flex}.expanded-spu-section summary::-webkit-details-marker{display:none}.expanded-spu-section summary:before{content:"";border-bottom:2px solid #98a2b3;border-right:2px solid #98a2b3;flex:0 0 8px;width:8px;height:8px;transform:rotate(45deg)}.expanded-spu-section:not([open]) summary{border-bottom:0}.expanded-spu-section:not([open]) summary:before{transform:rotate(-45deg)}.expanded-spu-section summary>span:first-of-type{gap:2px;min-width:220px;display:grid}.expanded-spu-metrics{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.expanded-spu-metrics em{background:var(--surface-soft);white-space:nowrap;border-radius:4px;padding:3px 7px;font-style:normal}.expanded-position-groups{gap:12px;padding:12px;display:grid}.expanded-position-group{background:#f9fafbc2;border:1px solid #edf0f4;border-radius:8px;gap:10px;padding:10px;display:grid}.expanded-position-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.expanded-position-head span{align-items:center;gap:6px;display:inline-flex}.expanded-position-head strong{font-size:15px}.expanded-chain-row{background:var(--surface);border:1px solid var(--border);border-radius:8px;grid-template-columns:152px minmax(500px,1fr);align-items:center;gap:12px;padding:10px;display:grid}.chain-row{border:1px solid var(--border);background:#ffffffd6;border-radius:8px;grid-template-columns:158px minmax(500px,1fr);align-items:center;gap:14px;min-width:780px;margin-bottom:14px;padding:12px;display:grid}.hierarchy-guide,.hierarchy-strip{background:#fffffff5;border:1px solid #d3dbe7;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;min-width:780px;margin-bottom:12px;padding:10px 12px;display:flex;box-shadow:0 4px 12px #1720330a}.hierarchy-guide{border-left:4px solid var(--green);margin-bottom:14px}.topbar-hierarchy-guide{min-width:min(100%,320px);height:auto;min-height:38px;max-height:none;box-shadow:none;border-left-width:3px;flex-wrap:wrap;flex:340px;align-self:center;gap:6px;margin-bottom:0;padding:5px 8px;overflow:visible}.hierarchy-guide span,.hierarchy-strip span{color:var(--muted);flex:1 0 100%;font-size:14px;font-weight:700}.topbar-hierarchy-guide .hierarchy-path{text-overflow:clip;white-space:normal;flex:0 auto;min-width:0;max-width:none;font-size:13px;line-height:1.2;overflow:visible}.hierarchy-guide strong,.hierarchy-strip strong{color:var(--text);background:var(--surface);border:1px solid #e5e9f0;border-radius:999px;padding:4px 9px;font-size:14px;position:relative}.topbar-hierarchy-guide strong{text-overflow:clip;white-space:nowrap;flex:none;max-width:none;padding:2px 7px;font-size:13px;line-height:1.35;overflow:visible}.hierarchy-guide strong:not(:last-child):after,.hierarchy-strip strong:not(:last-child):after{content:"";background:#b8c2d0;width:8px;height:1px;position:absolute;top:50%;right:-9px}.topbar-hierarchy-guide strong:not(:last-child):after{display:none}.position-chain-group{min-width:780px;margin-bottom:18px}.position-chain-head{border:1px solid var(--border);background:#ffffffeb;border-radius:8px;grid-template-columns:auto auto minmax(140px,1fr) auto;align-items:center;gap:14px;min-height:44px;margin-bottom:10px;padding:9px 12px;display:grid}.position-chain-head span{color:var(--muted);align-items:center;gap:6px;font-size:15px;display:inline-flex}.position-chain-head strong{color:var(--text);font-size:15px}.chain-meta strong,.chain-meta span{display:block}.chain-meta strong{overflow-wrap:anywhere;font-size:15px}.chain-meta span{color:var(--muted);margin-top:4px;font-size:14px}.chain-track{align-items:center;gap:8px;min-width:0;min-height:76px;padding-bottom:2px;display:flex;overflow:auto hidden}.chain-node-fragment{display:contents}.sku-node{border:1px solid var(--border-strong);background:var(--surface);width:162px;min-height:68px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:42px minmax(92px,1fr);align-items:center;gap:9px;padding:8px;display:grid;box-shadow:0 4px 12px #1720330f}.sku-node.current{background:var(--blue-soft);border-color:#9ab8ff}.sku-node.selected{border-color:var(--blue);box-shadow:0 0 0 3px #246bfe2e}.sku-info{min-width:0}.sku-info strong,.sku-info em{display:block}.sku-info strong{overflow-wrap:anywhere;font-size:14px}.sku-info em{color:var(--muted);margin-top:3px;font-size:13px;font-style:normal}.node-tags{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.selected-family-chain .node-tags{flex-wrap:wrap;overflow:visible}.sku-bom-pill{color:#246bfe;white-space:nowrap;background:#eef4ff;border:1px solid #d6e4ff;border-radius:999px;align-items:center;gap:4px;width:fit-content;min-height:20px;padding:2px 7px;font-size:13px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 1px #246bfe0a}.sku-bom-pill.warning{color:#b96512;background:#fff7e8;border-color:#f0d39f}.sale-badge,.listing-badge,.inventory-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;min-height:18px;padding:2px 6px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex}.listing-on-sale{color:var(--green);background:var(--green-soft)}.listing-clearance{color:var(--orange);background:var(--orange-soft)}.listing-off-sale,.listing-developing,.listing-unknown{color:#6b7280;background:#eef1f5}.inventory-has-stock{color:#0f8a5f;background:#e8f7f1}.inventory-empty{color:#6b7280;background:#eef1f5}.inventory-unknown{color:#6b7280;background:#f0f2f5}.position-badge{white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;width:fit-content;max-width:100%;min-height:18px;padding:2px 6px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex}.grade-badge{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;width:fit-content;max-width:100%;min-height:18px;padding:2px 6px;font-size:13px;font-style:normal;font-weight:700;display:inline-flex}.grade-unknown{color:#6b7280;background:#f0f2f5}.grade-known{color:#2443a8;background:#edf1ff}.grade-ps{color:#fff;background:var(--blue)}.grade-s{color:var(--text);background:var(--blue-soft)}.grade-a{color:#0f8a5f;background:#e8f7f1}.grade-b{color:#667000;background:#f7f3bf}.grade-c{color:#b96512;background:#fff3e4}.grade-d{color:#c94343;background:#ffe9e9}.position-lite{color:#475569;background:#e2e8f0}.position-core{color:#1f5f99;background:#e5f2ff}.position-enhance{color:#0f766e;background:#e4f7f4}.position-pro{color:#6d4bc2;background:#efeaff}.position-pro-max{color:#9f3a75;background:#fde8f3}.position-ultra{color:#a34412;background:#fff0df}.position-blank{color:#6b7280;background:#f0f2f5}.position-plus{color:#0f8a5f;background:#e8f7f1}.sale-active{color:var(--green);background:var(--green-soft)}.sale-transition{color:var(--orange);background:var(--orange-soft)}.sale-inactive{color:#6b7280;background:#eef1f5}.sale-developing{color:#475569;background:#e2e8f0}.product-thumb,.detail-image,.gallery-image{background-image:url(./product-family-eWG-YKN9.png);background-repeat:no-repeat;background-size:200% 200%;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.product-thumb.has-image,.detail-image.has-image,.gallery-image.has-image{background-image:none}.product-thumb img,.detail-image img,.gallery-image img{object-fit:contain;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.product-thumb img{padding:2px}.detail-image img,.gallery-image img{padding:8px}.product-thumb{border:1px solid var(--border);background-color:var(--surface);border-radius:6px;width:42px;height:42px}.thumb-0{background-position:0 0}.thumb-1{background-position:100% 0}.thumb-2{background-position:0 100%}.thumb-3{background-position:100% 100%}.arrow{background:#9aa6b5;flex:0 0 34px;height:2px;position:relative}.arrow:after{content:"";border-top:2px solid #9aa6b5;border-right:2px solid #9aa6b5;width:8px;height:8px;position:absolute;top:50%;right:-1px;transform:translateY(-50%)rotate(45deg)}.family-graph-view,.relation-view{min-width:780px}.family-overview{grid-template-columns:repeat(4,minmax(132px,1fr));gap:12px;margin-bottom:14px;display:grid}.family-overview article{border:1px solid var(--border);background:#ffffffe0;border-radius:8px;justify-content:space-between;align-items:center;min-height:74px;padding:14px;display:flex}.family-overview span,.relation-head span{color:var(--muted);font-size:14px}.family-overview strong{font-size:24px}.generation-board{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));align-items:start;gap:12px;display:grid}.generation-column{border:1px solid var(--border);background:#ffffffd6;border-radius:8px;min-width:0;min-height:360px;padding:12px}.generation-column h3{color:var(--muted);margin:0 0 10px;font-size:14px}.generation-column>div{gap:8px;display:grid}.mini-sku{border:1px solid var(--border);background:var(--surface);width:100%;min-height:50px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.mini-sku .product-thumb{width:40px;height:40px}.mini-sku>span{gap:4px;min-width:0;display:grid}.mini-sku strong{overflow-wrap:anywhere;font-size:14px;line-height:1.25;display:block}.mini-sku.selected{border-color:var(--blue);background:var(--blue-soft)}.relation-view{border:1px solid var(--border);background:#ffffffe6;border-radius:8px;overflow:hidden}.relation-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:54px;padding:12px 14px;display:flex}.relation-table{border-collapse:collapse;background:var(--surface);width:100%}.relation-table th,.relation-table td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f4;padding:11px 12px;font-size:14px}.relation-table th{color:var(--muted);background:var(--surface-soft);font-weight:700}.relation-table td{overflow-wrap:anywhere}.detail-pane{background:#fbfcff;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.detail-tabs{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #fff, var(--surface-soft));grid-template-columns:repeat(2,1fr);gap:4px;padding:10px;display:grid}.detail-tabs button{height:30px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;font-size:14px;font-weight:700}.detail-tabs button:hover,.detail-tabs button.active{color:var(--blue);background:var(--surface);border-color:#c8d8ff}.detail-scroll{min-height:0;padding:12px;overflow:auto}.detail-hero{background:var(--surface);border:1px solid #d3dbe7;border-radius:8px;height:150px;position:relative;overflow:hidden;box-shadow:0 4px 12px #1720330a}.detail-image{background-position:0 0;width:100%;height:100%}.status-badge{text-align:center;border-radius:999px;min-width:56px;padding:4px 9px;font-size:14px;font-weight:700;position:absolute;top:10px;right:10px}.status-badge.active{color:var(--green);background:var(--green-soft)}.status-badge.transition{color:var(--orange);background:var(--orange-soft)}.status-badge.inactive,.status-badge.history{color:#6b7280;background:#eef1f5}.status-badge.history{color:var(--orange);background:var(--orange-soft)}.detail-title{background:var(--surface);border:1px solid #edf0f4;border-bottom:1px solid var(--border);border-radius:8px;margin-top:10px;padding:10px 12px}.detail-title h2{overflow-wrap:anywhere;font-size:21px}.detail-list{background:var(--surface);border:1px solid #edf0f4;border-radius:8px;gap:8px;margin:12px 0 0;padding:10px 12px;display:grid}.detail-list div{border-bottom:1px solid #edf0f4;grid-template-columns:88px minmax(0,1fr);align-items:start;gap:12px;padding:8px 0;display:grid}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:var(--muted);font-size:14px}.detail-list dd{overflow-wrap:anywhere;margin:0;font-size:15px}.family-gallery{margin-top:14px;overflow:hidden}.gallery-grid{grid-template-columns:repeat(4,minmax(140px,1fr));gap:14px;padding:16px 18px 18px;display:grid}.gallery-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;min-height:202px;padding:10px;display:grid}.gallery-image{border:1px solid var(--border);background-color:var(--surface-soft);border-radius:6px;width:100%;min-height:136px}.gallery-card strong{font-size:16px}.gallery-card span{color:var(--muted);font-size:14px}.family-gallery-panel{align-content:start;gap:10px;display:grid}.gallery-panel-head{border:1px solid var(--border);background:linear-gradient(180deg, #fff, var(--surface-soft));border-left:4px solid var(--green);border-radius:8px;gap:3px;padding:10px;display:grid}.gallery-panel-head strong{font-size:16px}.gallery-panel-head span{color:var(--muted);font-size:14px}.detail-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-gallery-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:6px;min-width:0;padding:8px;display:grid}.detail-gallery-card .gallery-image{min-height:96px}.detail-gallery-card strong{overflow-wrap:anywhere;font-size:14px}.detail-gallery-card span{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;display:-webkit-box;overflow:hidden}.ghost-button{border:1px solid var(--border);background:var(--surface);min-width:86px;height:34px;color:var(--text);border-radius:6px}.ghost-button:hover{border-color:var(--blue);color:var(--blue)}.empty-state{min-height:180px;color:var(--muted);border:1px dashed var(--border-strong);background:#ffffffb8;border-radius:8px;place-items:center;display:grid}.accessory-dialog-backdrop{z-index:40;background:#17203357;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.accessory-dialog{background:var(--surface);border:1px solid #d3dbe7;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(720px,100%);max-height:min(680px,100vh - 36px);display:grid;overflow:hidden;box-shadow:0 18px 48px #17203333}.accessory-dialog-head{border-bottom:1px solid var(--border);background:linear-gradient(180deg, #fff, var(--surface-soft));justify-content:space-between;align-items:center;gap:14px;min-height:62px;padding:12px 14px;display:flex}.accessory-dialog-head div{gap:2px;min-width:0;display:grid}.accessory-dialog-head span{color:var(--muted);font-size:14px;font-weight:700}.accessory-dialog-head strong{overflow-wrap:anywhere;font-size:20px}.accessory-dialog-close{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--muted);border-radius:6px;flex:none;place-items:center;font-size:22px;line-height:1;display:grid}.accessory-dialog-close:hover{color:var(--blue);background:var(--blue-soft);border-color:#c8d8ff}.accessory-dialog-body{background:#fbfcff;grid-template-columns:156px minmax(0,1fr);gap:14px;min-height:0;padding:14px;display:grid;overflow:auto}.accessory-explosion-dialog{width:min(1220px,100vw - 36px);max-height:min(880px,100vh - 36px)}.accessory-explosion-body{padding:12px;display:block;overflow:auto}.accessory-explosion-body .inline-bom-panel{min-width:0;margin-top:0}.accessory-explosion-body .inline-bom-stage{overflow:hidden}.accessory-filter-action{width:auto;min-height:30px;color:var(--blue);grid-template-columns:none;justify-content:center;align-items:center;padding:5px 10px;font-size:14px;font-weight:700;display:inline-flex}.accessory-board{width:min(920px,100%)}.accessory-board-body{background:#fbfcff;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.accessory-board-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.accessory-board-toolbar button{border:1px solid var(--border);background:var(--surface);min-height:30px;color:var(--muted);border-radius:6px;padding:5px 10px;font-size:14px;font-weight:700}.accessory-board-toolbar button:hover,.accessory-board-toolbar button.active{background:var(--blue-soft);color:var(--blue);border-color:#c8d8ff}.accessory-board-list{align-content:start;gap:8px;min-width:0;display:grid}.accessory-board-row{border:1px solid var(--border);background:var(--surface);width:100%;min-height:78px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:56px minmax(160px,1fr) repeat(3,minmax(104px,.5fr));align-items:center;gap:10px;padding:10px;display:grid}.accessory-board-row:hover{background:#f7faff;border-color:#c8d8ff}.accessory-thumb{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.accessory-thumb img{object-fit:contain;width:100%;height:100%;padding:3px;display:block}.accessory-thumb.fallback{color:var(--blue);background:linear-gradient(135deg,#f2f7ff,#eaf4ff);font-weight:900}.accessory-thumb-fallback{place-items:center;width:100%;height:100%;font-size:20px;display:grid}.accessory-main{gap:3px;min-width:0;display:grid}.accessory-main strong{overflow-wrap:anywhere;font-size:16px}.accessory-main em{color:var(--muted);font-size:14px;font-style:normal}.accessory-kpi{background:var(--surface-soft);border:1px solid #edf0f4;border-radius:6px;gap:2px;min-width:0;padding:7px 8px;display:grid}.accessory-kpi span{color:var(--muted);font-size:13px}.accessory-kpi strong{font-size:18px}.accessory-sku-image{background-color:var(--surface);border:1px solid var(--border);background-image:url(./product-family-eWG-YKN9.png);background-repeat:no-repeat;background-size:200% 200%;border-radius:8px;place-items:center;width:156px;height:156px;display:grid;overflow:hidden}.accessory-sku-image.has-image{background-image:none}.accessory-sku-image img{object-fit:contain;width:100%;height:100%;padding:8px;display:block}.accessory-row-list{align-content:start;gap:8px;min-width:0;display:grid}.accessory-row{border:1px solid var(--border);background:var(--surface);width:100%;min-height:72px;color:var(--text);text-align:left;border-radius:8px;grid-template-columns:48px minmax(120px,1fr) minmax(210px,1.2fr);align-items:center;gap:10px;padding:9px;display:grid}.accessory-row:hover{background:#f7faff;border-color:#c8d8ff}.accessory-row-image{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;place-items:center;width:48px;height:48px;display:grid;overflow:hidden}.accessory-row-image img{object-fit:contain;width:100%;height:100%;padding:3px;display:block}.accessory-row-main{gap:3px;min-width:0;display:grid}.accessory-row-main strong{overflow-wrap:anywhere;font-size:16px}.accessory-row-main em{color:var(--muted);font-size:14px;font-style:normal}.accessory-row-metrics{grid-template-columns:repeat(2,minmax(92px,1fr));gap:5px;min-width:0;display:grid}.accessory-row-metrics span{overflow-wrap:anywhere;background:var(--surface-soft);min-width:0;color:var(--muted);border-radius:4px;padding:4px 6px;font-size:14px}.accessory-empty{min-height:156px;color:var(--muted);border:1px dashed var(--border-strong);background:#ffffffb8;border-radius:8px;place-items:center;display:grid}.page-switch{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;align-items:center;gap:3px;padding:3px;display:inline-flex}.page-switch button{min-height:28px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:700}.page-switch button.active,.page-switch button:hover{background:var(--surface);color:var(--blue);box-shadow:0 1px 4px #1720331a}.bom-page{background:linear-gradient(180deg, #eef6ff 0, #f6f9fd 160px), var(--bg);height:100vh;color:var(--text);grid-template-rows:auto minmax(0,1fr);gap:8px;padding:8px;display:grid;overflow:hidden}.bom-topbar{min-height:64px;box-shadow:var(--shadow-soft);background:#fffffff5;border:1px solid #d3dbe7;border-radius:8px;grid-template-columns:minmax(240px,1fr) auto minmax(240px,360px) auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.bom-brand{border-left:3px solid var(--green);gap:2px;min-width:0;padding-left:10px;display:grid}.bom-brand strong{font-size:20px}.bom-brand span,.bom-search span,.bom-side-title span,.bom-main-head span,.bom-row-preview>span,.bom-empty-inline,.bom-empty-state{color:var(--muted);font-size:14px}.bom-search{gap:3px;display:grid}.bom-search input,.bom-table-head input,.bom-table-head select{border:1px solid var(--border);background:var(--surface);width:100%;height:32px;color:var(--text);border-radius:6px;padding:0 9px;font-size:14px}.bom-toggle{border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--muted);border-radius:6px;padding:5px 12px;font-size:14px;font-weight:700}.bom-toggle.active,.bom-toggle:hover{background:var(--blue-soft);color:var(--blue);border-color:#c8d8ff}.bom-layout{grid-template-columns:220px minmax(680px,1fr);gap:10px;min-height:0;display:grid}.bom-sidebar,.bom-main,.bom-drawer,.bom-graph-card,.bom-part-detail,.bom-table-tab,.bom-compare-summary,.bom-usage-list,.bom-usage-detail{background:var(--surface);box-shadow:var(--shadow-soft);border:1px solid #d3dbe7;border-radius:8px}.bom-sidebar{grid-template-rows:auto auto auto minmax(0,1fr);gap:10px;min-height:0;padding:10px;display:grid;overflow:auto}.bom-side-title,.bom-main-head,.bom-preview-head,.bom-graph-tools,.bom-table-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.bom-family-list{align-content:start;gap:8px;min-height:0;display:grid;overflow:auto}.bom-side-section{align-content:start;gap:7px;min-width:0;display:grid}.bom-side-section h3{color:#607086;margin:0;font-size:14px;font-weight:800}.bom-side-section button{border:1px solid var(--border);background:linear-gradient(180deg, #fff, var(--surface-soft));min-height:46px;color:var(--text);text-align:left;border-radius:8px;gap:4px;padding:8px 10px;display:grid}.bom-side-section button:hover,.bom-side-section button.active{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue);border-color:#9fc0ff}.bom-family-list button{border:1px solid var(--border);background:linear-gradient(180deg, #fff, var(--surface-soft));min-height:64px;color:var(--text);text-align:left;border-radius:8px;gap:4px;padding:9px 10px;display:grid}.bom-family-list button:hover,.bom-family-list button.active{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue);border-color:#9fc0ff}.bom-family-list span,.bom-sku-label span,.bom-sku-card em,.bom-sku-card i,.bom-category-chip span,.bom-category-chip em,.bom-root-node span,.bom-drawer-head span,.bom-drawer-head p,.bom-graph-tools span,.bom-part-node em,.bom-table-wrap td span,.bom-compare-summary span,.bom-usage-list span,.bom-usage-detail p{color:var(--muted);font-size:14px;font-style:normal}.bom-main{background:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);background-color:#fbfcfe;background-size:28px 28px;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.bom-main-head{border-bottom:1px solid var(--border);background:#fffffff0;min-height:58px;padding:12px 14px}.bom-main-head>div:first-child,.bom-sku-card span,.bom-preview-panel,.bom-category-chip,.bom-drawer-head div,.bom-drawer-stats span,.bom-compare-summary,.bom-usage-list button{gap:3px;min-width:0;display:grid}.bom-main-head strong{font-size:19px}.bom-head-metrics{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.bom-head-metrics span{background:var(--surface);color:var(--text);border:1px solid #edf0f4;border-radius:999px;padding:4px 8px;font-weight:700}.bom-sku-list{align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow:auto}.bom-sku-row{background:#fffffff5;border:1px solid #e0e9f3;border-radius:8px;grid-template-columns:132px 220px minmax(0,1fr);gap:10px;min-height:92px;padding:10px;display:grid}.bom-sku-label,.bom-sku-card{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;border-radius:8px}.bom-sku-label{align-content:center;gap:8px;padding:10px;display:grid}.bom-sku-card{background:linear-gradient(135deg,#fff,#eef6ff);grid-template-columns:44px minmax(0,1fr);align-items:center;gap:9px;padding:9px;display:grid}.bom-sku-card strong,.bom-category-chip strong,.bom-part-node strong,.bom-table-wrap strong,.bom-usage-list strong{overflow-wrap:anywhere;font-size:15px}.bom-sku-card i{color:var(--blue);font-weight:700}.bom-row-preview{border-left:1px dashed #d4e2f1;min-width:0;padding-left:10px}.bom-row-preview>span,.bom-empty-inline{min-height:70px;color:var(--danger);align-items:center;font-weight:700;display:grid}.bom-empty-inline{align-content:center;gap:8px}.bom-empty-inline button{background:var(--blue-soft);width:fit-content;min-height:28px;color:var(--blue);border:1px solid #9fc0ff;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:700}.bom-preview-panel{background:linear-gradient(#fbfdff,#fff);border:1px solid #d7e6f6;border-radius:8px;padding:10px}.bom-preview-head span{color:var(--orange);font-size:14px;font-weight:700}.bom-mini-map{grid-template-columns:132px minmax(0,1fr);align-items:center;gap:10px;margin-top:9px;display:grid}.bom-root-node{text-align:center;background:#edf6ff;border:1px solid #a8cdfa;border-radius:8px;place-items:center;gap:5px;min-height:104px;padding:10px;display:grid}.bom-category-preview{flex-wrap:wrap;gap:8px;display:flex}.bom-category-chip{background:var(--surface);border:1px solid #e0ebf5;border-radius:8px;min-width:132px;padding:8px}.bom-category-chip strong{justify-content:space-between;gap:8px;display:flex}.bom-category-chip div,.bom-preview-actions{flex-wrap:wrap;gap:6px;display:flex}.bom-part-pill,.bom-change-label,.change-badge{width:fit-content;min-height:19px;color:var(--muted);background:#f8fbff;border:1px solid #dbe8f5;border-radius:999px;align-items:center;padding:2px 7px;font-size:13px;font-weight:800;display:inline-flex}.bom-preview-actions{justify-content:flex-end;margin-top:10px}.bom-preview-actions button{border:1px solid var(--border);background:var(--surface);min-height:30px;color:var(--text);border-radius:6px;padding:4px 10px;font-size:14px;font-weight:700}.bom-preview-actions button.primary,.bom-preview-actions button:hover{background:var(--blue);color:#fff;border-color:#9fc0ff}.bom-chain-panel,.bom-drawer-chain-tab{gap:10px;display:grid}.bom-chain-row{background:#fff;border:1px solid #d7e6f6;border-radius:10px;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.bom-chain-row.detail{grid-template-columns:1fr;align-items:stretch}.bom-chain-meta{gap:4px;display:grid}.bom-chain-meta span,.bom-chain-node em,.bom-chain-node i{color:var(--muted);font-size:14px;font-style:normal}.bom-chain-track{align-items:stretch;gap:8px;min-width:0;padding:2px 0 6px;display:flex;overflow-x:auto}.bom-chain-fragment{flex:none;align-items:center;gap:8px;display:inline-flex}.bom-chain-node{width:214px;min-height:74px;color:var(--text);text-align:left;background:linear-gradient(#fff,#f8fbff);border:1px solid #dbe8f5;border-radius:10px;grid-template-columns:42px 150px;align-items:center;gap:8px;padding:8px;display:grid}.bom-chain-node.current{box-shadow:inset 3px 0 0 var(--blue);border-color:#7fb4f7}.bom-chain-node.selected,.bom-chain-node:hover{border-color:var(--blue);background:#eaf4ff}.bom-chain-node>span{gap:2px;min-width:0;display:grid}.bom-chain-node strong,.bom-chain-node i{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bom-chain-arrow{background:#a9c7ec;border-radius:999px;width:34px;height:2px;position:relative}.bom-chain-arrow:after{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #a9c7ec;width:0;height:0;position:absolute;top:-4px;right:-1px}.bom-relation-panel{background:#fff;border:1px solid #d7e6f6;border-radius:10px;overflow:auto}.bom-relation-panel table{border-collapse:collapse;width:100%;min-width:760px}.bom-relation-panel th,.bom-relation-panel td{text-align:left;border-bottom:1px solid #edf2f8;padding:10px;font-size:14px}.bom-relation-panel th{color:#607086;background:#f8fbff;font-weight:800}.bom-relation-panel button{min-height:28px;color:var(--blue);background:#fff;border:1px solid #cfe0f5;border-radius:6px;padding:4px 8px;font-weight:800}.bom-chain-focus-card{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.bom-chain-focus-card>div{background:#f8fbff;border:1px solid #d7e6f6;border-radius:10px;gap:3px;padding:12px;display:grid}.bom-chain-focus-card span,.bom-chain-focus-card em{color:var(--muted);font-size:14px;font-style:normal}.bom-part-thumb.fallback{color:var(--blue);background:linear-gradient(135deg,#f2f7ff,#eaf4ff);font-weight:900}.bom-part-thumb.large{border:0;border-radius:8px;width:100%;height:100%;font-size:30px}.bom-drawer-mask{z-index:50;background:#17203347;justify-items:end;display:grid;position:fixed;inset:0}.bom-drawer{border-radius:8px 0 0 8px;grid-template-rows:auto auto auto minmax(0,1fr);width:min(980px,74vw);height:100vh;display:grid;overflow:hidden;box-shadow:-18px 0 44px #17203333}.bom-drawer-head{border-bottom:1px solid var(--border);background:linear-gradient(#fbfdff,#fff);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 16px;display:flex}.bom-drawer-head h2{margin:0;font-size:22px}.bom-drawer-head p{margin:0}.bom-drawer-head button{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:6px;place-items:center;font-size:22px;display:grid}.bom-drawer-stats{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:8px;padding:10px 14px;display:flex}.bom-drawer-stats span{min-width:104px;color:var(--muted);background:#f8fbff;border:1px solid #deebf8;border-radius:8px;padding:8px 10px;font-size:13px}.bom-drawer-stats strong{color:var(--text);font-size:20px}.bom-drawer-stats .green strong{color:var(--green)}.bom-drawer-stats .red strong{color:var(--danger)}.bom-drawer-stats .orange strong{color:var(--orange)}.bom-drawer-tabs{border-bottom:1px solid var(--border);gap:3px;padding:0 14px;display:flex}.bom-drawer-tabs button{min-height:42px;color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:6px 12px;font-weight:700}.bom-drawer-tabs button.active,.bom-drawer-tabs button:hover{color:var(--blue);border-bottom-color:var(--blue)}.bom-drawer-body{background:#f6f9fd;min-height:0;padding:14px;overflow:auto}.bom-graph-tab,.bom-compare-tab,.bom-usage-tab{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:12px;display:grid}.bom-graph-card{min-height:500px;padding:12px}.bom-graph-body{background:#fff;border:1px dashed #d9e6f2;border-radius:8px;gap:18px;margin-top:12px;padding:10px;display:grid}.bom-root-large{text-align:center;background:linear-gradient(#fff,#eef6ff);border:2px solid #7fb4f7;border-radius:8px;place-items:center;gap:6px;width:220px;margin:0 auto;padding:12px;display:grid}.bom-root-large .product-thumb,.bom-root-node .product-thumb{width:46px;height:46px}.bom-category-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:10px;display:grid}.bom-category-box{background:#fffffff5;border:1px solid #dfeaf6;border-radius:8px;min-height:160px;padding:10px}.bom-category-box h3{justify-content:space-between;gap:8px;margin:0 0 9px;font-size:15px;display:flex}.bom-category-box h3 em{color:var(--muted);font-size:13px;font-style:normal}.bom-part-node{width:100%;min-height:58px;color:var(--text);text-align:left;background:#fbfdff;border:1px solid #e2ebf5;border-radius:8px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:7px;margin-bottom:7px;padding:8px;display:grid;position:relative}.bom-part-node.active,.bom-part-node:hover{border-color:var(--blue);background:var(--blue-soft)}.bom-part-thumb{border:1px solid var(--border);background:var(--surface-soft);border-radius:6px;place-items:center;width:34px;height:34px;display:grid;overflow:hidden}.bom-part-thumb img,.bom-detail-image img{object-fit:contain;width:100%;height:100%;padding:3px;display:block}.bom-part-node b{background:var(--surface);border:1px solid #dfeaf6;border-radius:999px;padding:2px 6px;font-size:13px}.change-badge{position:absolute;top:-7px;right:6px}.bom-change-add{color:var(--green);background:#f1fff9;border-color:#bfead9}.bom-change-delete{color:var(--danger);background:#fff1f1;border-color:#ffc4c4}.bom-change-quantity{color:var(--orange);background:#fff7e9;border-color:#ffdba3}.bom-part-detail{gap:10px;padding:12px;display:grid;position:sticky;top:0}.bom-part-detail h3,.bom-table-head h3,.bom-compare-summary h3,.bom-usage-list h3,.bom-usage-detail h3{margin:0;font-size:17px}.bom-detail-image{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;place-items:center;height:96px;display:grid}.bom-part-detail dl{border-top:1px solid #edf0f4;gap:6px;margin:0;padding-top:8px;display:grid}.bom-part-detail dl div{grid-template-columns:72px minmax(0,1fr);gap:8px;display:grid}.bom-part-detail dt{color:var(--muted);font-size:14px}.bom-part-detail dd{overflow-wrap:anywhere;margin:0;font-size:14px}.bom-table-tab{overflow:hidden}.bom-table-head{border-bottom:1px solid var(--border);background:#fbfdff;padding:12px}.bom-table-head div{gap:8px;display:flex}.bom-table-wrap{overflow:auto}.bom-table-wrap table{border-collapse:collapse;background:var(--surface);width:100%}.bom-table-wrap th,.bom-table-wrap td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e8f0f8;border-right:1px solid #e8f0f8;padding:10px;font-size:14px}.bom-table-wrap th{color:var(--muted);background:#f7fbff}.bom-compare-summary{padding:13px;position:sticky;top:0}.bom-compare-summary div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.bom-compare-summary em{background:var(--surface-soft);color:var(--muted);border:1px solid #edf0f4;border-radius:6px;padding:8px;font-size:14px;font-style:normal}.bom-usage-list,.bom-usage-detail{align-content:start;gap:8px;padding:12px;display:grid}.bom-usage-list button{border:1px solid var(--border);background:var(--surface);min-height:58px;color:var(--text);text-align:left;border-radius:8px;padding:8px}.bom-usage-list button.active,.bom-usage-list button:hover{background:var(--blue-soft);border-color:#9fc0ff}.bom-usage-skus{flex-wrap:wrap;gap:6px;display:flex}.bom-usage-skus span{color:var(--text);background:#f8fbff;border:1px solid #dbe8f5;border-radius:999px;padding:5px 8px;font-size:14px;font-weight:700}.bom-empty-state{border:1px dashed var(--border-strong);background:#ffffffbd;border-radius:8px;place-items:center;min-height:160px;display:grid}.bom-page{--bom-bg:#f4f8fc;--bom-line:#d8e5f2;--bom-blue:#2f80ed;--bom-green:#20b486;--bom-orange:#ff9f1c;background:linear-gradient(#f7fbff 0%,#eef5fb 100%);grid-template-rows:58px minmax(0,1fr);gap:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,DengXian,Microsoft YaHei,Arial,sans-serif;font-size:15px}.bom-topbar{border:0;border-bottom:1px solid var(--bom-line);min-height:58px;box-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border-radius:0;grid-template-columns:none;align-items:center;gap:10px;padding:8px 14px;display:flex}.bom-brand{color:#0f2d4f;white-space:nowrap;border:0;align-items:center;gap:8px;min-width:108px;padding:0;display:flex}.bom-brand-mark{color:#fff;background:linear-gradient(135deg,#2f80ed,#42d392);border-radius:9px;place-items:center;width:28px;height:28px;font-weight:900;display:grid;box-shadow:0 6px 14px #2f80ed40}.bom-topbar select,.bom-search input{border:1px solid var(--bom-line);color:#556b82;background:#fff;border-radius:8px;outline:none;height:34px;padding:0 10px}.bom-search{flex:0 320px;min-width:260px}.bom-toggle,.bom-iteration-link{border:1px solid var(--bom-line);color:#4b6178;white-space:nowrap;background:#fff;border-radius:8px;min-height:34px;padding:7px 12px;text-decoration:none}.bom-toggle.active,.bom-toggle:hover,.bom-iteration-link:hover{color:#1f73d1;background:#eaf4ff;border-color:#9fc6fb}.bom-pill-tip{color:#15916c;white-space:nowrap;background:#effcf7;border:1px solid #bdebdc;border-radius:999px;margin-left:auto;padding:7px 12px;font-size:14px}.bom-layout{grid-template-columns:176px minmax(0,1fr);gap:0;height:calc(100vh - 58px)}.bom-sidebar{border:0;border-right:1px solid var(--bom-line);box-shadow:none;border-radius:0;padding:10px}.bom-side-title{color:#18314f;margin:8px 0;font-size:15px}.bom-side-title span{color:#0f172a;font-weight:800}.bom-family-list button{background:linear-gradient(#fff,#f8fbff);border:1px solid #e2ebf5;border-radius:10px;min-height:74px;transition:all .18s}.bom-family-list button.active{box-shadow:inset 3px 0 0 var(--bom-blue);background:#eaf4ff;border-color:#9fc6fb}.bom-family-list button:hover{transform:translateY(-1px);box-shadow:0 8px 18px #1f2d3d14}.bom-main{box-shadow:none;background-image:linear-gradient(#edf4fb 1px,#0000 1px),linear-gradient(90deg,#edf4fb 1px,#0000 1px);background-size:26px 26px;border:0;border-radius:0;padding:12px 14px 36px;display:block;overflow:auto}.bom-main-head{z-index:9;border:1px solid var(--bom-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-radius:12px 12px 0 0;min-height:66px;padding:12px 16px 10px;position:sticky;top:0}.bom-main-head strong{color:#122a43;font-size:20px}.bom-main-head span{color:#6f8298}.bom-view-tabs{border:1px solid var(--bom-line);background:#f7fbff;border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.bom-view-tabs button{color:#5c6f84;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 12px}.bom-view-tabs button.active{color:var(--bom-blue);background:#fff;font-weight:700;box-shadow:0 4px 12px #2f80ed24}.bom-series-wrap{border:1px solid var(--bom-line);background:#fff;border-top:0;border-radius:0 0 12px 12px;margin-bottom:10px;padding:10px 14px 12px}.bom-series-row{gap:10px;padding:6px 0 4px;display:flex;overflow-x:auto}.bom-series-card{border:1px solid var(--bom-line);background:#fff;border-radius:10px;min-width:244px;padding:10px;position:relative;box-shadow:0 4px 14px #1f2d3d0a}.bom-series-card:before{content:"";background:#9bb8d8;border-radius:10px 0 0 10px;width:3px;position:absolute;top:0;bottom:0;left:0}.bom-series-card.active{background:linear-gradient(#fff,#f3f9ff);border-color:#77aff8}.bom-series-card.active:before{background:var(--bom-blue)}.bom-series-head{align-items:center;gap:8px;display:flex}.bom-series-img{background-color:#f8fbff;background-image:url(./product-family-eWG-YKN9.png);background-size:200% 200%;border:1px solid #dbe7f5;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;overflow:hidden}.bom-series-img.has-image{background-image:none}.bom-series-img img{object-fit:contain;width:100%;height:100%;padding:3px}.bom-series-dot{background:var(--bom-blue);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #2f80ed1f}.bom-series-head strong{color:#17324d;font-size:17px;font-weight:800;display:block}.bom-series-metas{flex-wrap:wrap;gap:5px;margin:8px 0;display:flex}.bom-series-metas span{color:#75889f;background:#f8fbff;border:1px solid #e1ebf5;border-radius:5px;padding:2px 5px;font-size:13px}.bom-series-card button{color:#1f73d1;background:#eef6ff;border:1px solid #cfe0f3;border-radius:7px;width:100%;height:30px;font-weight:700}.bom-content-card{background:#fff;border:1px solid #b6d6fb;border-radius:12px;overflow:hidden;box-shadow:0 10px 24px #2f80ed14}.bom-content-toolbar{background:linear-gradient(90deg,#f8fbff,#fff);border-bottom:1px solid #dfeaf6;justify-content:space-between;align-items:center;min-height:42px;padding:0 12px 0 14px;display:flex}.bom-content-toolbar b{color:#8a9aae;background:#f2f5f9;border:1px solid #e5edf6;border-radius:4px;place-items:center;width:18px;height:18px;margin-left:6px;display:inline-grid}.bom-head-metrics{align-items:center}.bom-head-metrics strong{color:#0f172a}.bom-head-metrics button{color:#4b6178;background:#fff;border:1px solid #d8e5f2;border-radius:8px;min-height:30px;padding:0 10px;font-weight:700}.bom-head-metrics button.primary{border-color:var(--bom-blue);background:var(--bom-blue);color:#fff;box-shadow:0 6px 12px #2f80ed38}.bom-sku-list{gap:8px;padding:8px;overflow:visible}.bom-sku-row{background:#fff;border-color:#e0e9f3;border-radius:10px;grid-template-columns:128px 190px 1fr;min-height:84px;transition:all .18s}.bom-sku-row:hover{border-color:#c8dcf3;box-shadow:0 8px 18px #1f2d3d0f}.bom-sku-row.active{background:linear-gradient(90deg,#fff,#fbfdff);border-color:#7fb4f7;box-shadow:0 10px 24px #2f80ed1f}.bom-sku-label,.bom-sku-card{border-radius:9px}.bom-sku-label{background:0 0;border-color:#0000}.bom-sku-card{background:linear-gradient(135deg,#fff,#eef6ff);border-color:#b9d2ef;align-self:center;min-height:66px}.bom-sku-row.active .bom-sku-card{border-color:var(--bom-blue);box-shadow:0 0 0 3px #2f80ed1c}.bom-row-preview{border-left:1px dashed #d4e2f1;align-items:center;min-height:64px;padding-left:12px;display:flex}.bom-empty-inline,.bom-row-preview>span{color:#ee4d4f;font-size:16px}.bom-preview-panel{border-color:#d7e6f6;border-radius:10px;width:100%;box-shadow:0 8px 18px #1f2d3d0d}.bom-sku-row>.inline-bom-panel{grid-column:1/-1}.bom-sku-row.active .bom-row-preview>span{color:var(--bom-blue)}.inline-bom-panel{overscroll-behavior:auto;background:#fff;border:1px solid #bfd6ff;border-radius:16px;grid-column:1/-1;width:100%;min-width:740px;max-height:none;margin-top:10px;overflow:visible;box-shadow:0 14px 36px #1720331f}.inline-bom-panel-head{background:linear-gradient(#fbfdff,#f7faff);border-bottom:1px solid #edf1f6;grid-template-columns:minmax(260px,1fr) auto;gap:12px;padding:10px 14px;display:grid}.inline-bom-title{align-content:center;gap:2px;display:grid}.inline-bom-title small{color:#246bfe;font-size:14px;font-weight:800}.inline-bom-title h3{color:#172033;margin:0;font-size:18px;line-height:1.2}.inline-bom-title p{color:#667085;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:14px;overflow:hidden}.inline-bom-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.inline-bom-chip{color:#4a5b76;background:#fff;border:1px solid #dce5f2;border-radius:999px;align-items:center;height:28px;padding:0 10px;font-size:14px;font-weight:700;display:inline-flex}.inline-bom-chip b{color:#172033;margin-right:4px}.inline-bom-actions button,.inline-bom-tabbar button,.inline-bom-empty-actions button{color:#246bfe;background:#fff;border:1px solid #d6e4ff;border-radius:8px;height:30px;padding:0 10px;font-size:14px;font-weight:800}.inline-bom-actions button:hover,.inline-bom-tabbar button:hover,.inline-bom-empty-actions button:hover{background:#eef4ff}.inline-bom-actions button.active,.inline-bom-tabbar button.active{color:#fff;background:#246bfe;border-color:#246bfe}.inline-bom-panel-body{gap:10px;padding:10px 14px 14px;display:grid}.inline-bom-topline{order:3;grid-template-columns:minmax(360px,1fr) minmax(280px,.72fr);gap:12px;display:grid}.inline-bom-summary{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.inline-bom-stat{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:10px 12px;box-shadow:0 6px 14px #1720330a}.inline-bom-stat span{color:#667085;font-size:13px;display:block}.inline-bom-stat strong{color:#172033;margin-top:3px;font-size:20px;line-height:1.1;display:block}.inline-bom-stat.green strong{color:#0f8a5f}.inline-bom-stat.orange strong{color:#b96512}.inline-bom-stat.red strong{color:#c94343}.inline-bom-stat.purple strong{color:#6d4bc2}.inline-bom-diffband{background:linear-gradient(#fff,#fbfcff);border:1px solid #e7edf5;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;display:flex}.inline-bom-diffband strong{color:#172033;font-size:15px}.inline-bom-diffband span{color:#667085;font-size:14px}.inline-bom-diffband em{background:#fff;border:1px solid #edf1f6;border-radius:999px;padding:3px 8px;font-size:13px;font-style:normal;font-weight:800}.inline-bom-diffband .add{color:#0f8a5f;background:#e8f7f1;border-color:#bde6d4}.inline-bom-diffband .remove{color:#c94343;background:#ffe9e9;border-color:#f3caca}.inline-bom-diffband .quantity{color:#b96512;background:#fff3e4;border-color:#f1d39d}.inline-bom-diffband .same{color:#667085;background:#f4f7fb}.inline-bom-tabbar{background:#fff;border:1px solid #e7edf5;border-radius:12px;flex-wrap:wrap;order:2;align-items:center;gap:8px;padding:8px;display:flex}.inline-bom-tabbar span{color:#667085;margin-right:auto;font-size:14px}.inline-bom-stage{width:var(--inline-bom-stage-width,760px);max-width:none;height:var(--inline-bom-stage-height,430px);background:radial-gradient(circle,#e8f1ff 0,#e8f1ffbd 28%,#fff 72%);border:1px solid #e3ebf7;border-radius:18px;order:1;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #246bfe08}.inline-bom-stage[data-hide-same="1"] .inline-bom-part.same{opacity:.22;filter:grayscale(.3)}.inline-bom-stage[data-hide-same="1"] .inline-bom-line.same{opacity:.16}.inline-bom-stage svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.inline-bom-line{fill:none;stroke:#8eaffb;stroke-width:1.8px;stroke-dasharray:7 6;opacity:.82}.inline-bom-line.add{stroke:#47b881;stroke-width:2.2px;stroke-dasharray:0;opacity:.9}.inline-bom-line.quantity{stroke:#f0a84d;stroke-width:2.1px;opacity:.9}.inline-bom-line.remove{stroke:#c94343;stroke-width:2.1px;opacity:.75}.inline-bom-line.active{stroke:#246bfe;stroke-width:3px;stroke-dasharray:0;opacity:1}.inline-bom-center-halo{pointer-events:none;background:radial-gradient(circle,#e7f0ff 0,#e7f0ffb8 43%,#e7f0ff00 74%);width:280px;height:280px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.inline-bom-ring{pointer-events:none;border:1px dashed #246bfe2e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-1{width:190px;height:190px}.ring-2{width:310px;height:310px}.ring-3{width:430px;height:430px}.inline-bom-stage-hint{z-index:2;color:#667085;background:#fffffff0;border:1px solid #dce5f2;border-radius:999px;padding:4px 12px;font-size:14px;font-weight:800;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #1720330d}.inline-bom-stage-caption{z-index:2;color:#8090aa;background:#ffffffeb;border:1px solid #e7edf5;border-radius:999px;padding:4px 8px;font-size:13px;display:none;position:absolute;box-shadow:0 4px 10px #17203308}.cap-install{top:56px;left:50%;transform:translate(-50%)}.cap-pack{top:50%;right:24px;transform:translateY(-50%)}.cap-gift{bottom:20px;left:50%;transform:translate(-50%)}.cap-main{top:50%;left:24px;transform:translateY(-50%)}.inline-bom-more-chip{z-index:6;color:#246bfe;background:#fffffff5;border:1px solid #d6e4ff;border-radius:999px;padding:6px 10px;font-size:14px;font-weight:800;position:absolute;top:14px;right:14px;box-shadow:0 8px 18px #246bfe14}.inline-bom-center-card{z-index:4;background:#fff;border:1px solid #9fbfff;border-radius:20px;grid-template-rows:104px auto;width:176px;min-height:180px;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 20px 46px #246bfe2e}.inline-bom-center-image{background:#f8fbff;border-bottom:1px solid #edf2f7;place-items:center;padding:8px;display:grid}.inline-bom-center-image img{object-fit:contain;max-width:100%;max-height:90px;display:block}.inline-bom-placeholder{background:linear-gradient(135deg,#fff,#eef3f8);border:2px solid #bcc8d9;border-radius:16px;width:86px;height:98px;position:relative;box-shadow:inset 0 -16px #e8edf4}.inline-bom-placeholder:before{content:"";background:#fff;border:2px solid #bcc8d9;border-radius:999px;height:10px;position:absolute;top:10px;left:24px;right:24px}.inline-bom-center-meta{gap:4px;padding:10px;display:grid}.inline-bom-center-meta strong{color:#172033;word-break:break-word;font-size:16px;line-height:1.2}.inline-bom-center-meta span{color:#667085;font-size:13px}.inline-bom-center-badges{flex-wrap:wrap;gap:6px;display:flex}.inline-bom-center-badges em{color:#246bfe;background:#eaf1ff;border-radius:999px;width:max-content;padding:3px 8px;font-size:13px;font-style:normal;font-weight:800}.inline-bom-part{top:var(--y);left:var(--x);z-index:5;color:#172033;text-align:left;background:#fff;border:1px solid #dce5f2;border-radius:15px;grid-template-columns:32px minmax(0,1fr) auto;align-items:start;gap:6px;width:196px;height:128px;padding:7px 7px 6px;transition:transform .18s,border-color .18s,box-shadow .18s,opacity .18s;display:grid;position:absolute;overflow:visible;box-shadow:0 12px 25px #17203317}.inline-bom-part:hover,.inline-bom-part.active{z-index:7;border-color:#7dabff;transform:translateY(-3px);box-shadow:0 18px 34px #246bfe2e}.inline-bom-part.add{border-color:#abe5c7}.inline-bom-part.quantity{border-color:#f0d09c}.inline-bom-part.remove{border-color:#efb7b7}.inline-bom-part-icon{color:#246bfe;background:linear-gradient(135deg,#fff,#f2f6fb);border:1px solid #e7edf5;border-radius:11px;place-items:center;width:32px;height:32px;font-size:19px;font-weight:800;display:grid}.inline-bom-part-main{gap:2px;min-width:0;display:grid}.inline-bom-part-main strong{color:#172033;word-break:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.18;display:-webkit-box;overflow:hidden}.inline-bom-part-main span{color:#667085;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.18;display:-webkit-box;overflow:hidden}.inline-bom-part-qty{color:#172033;background:#f4f7fb;border-radius:999px;padding:2px 6px;font-size:12px;font-weight:800}.inline-bom-part-layer{color:#667085;flex-wrap:nowrap;grid-column:1/-1;align-items:center;gap:4px;min-width:0;font-size:12px;display:flex;overflow:hidden}.inline-bom-part-layer>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.inline-bom-mini-state{color:#246bfe;background:#eef4ff;border-radius:999px;padding:2px 6px;font-weight:800}.inline-bom-part-tag{color:#667085;background:#f8fafc;border:1px solid #dce5f2;border-radius:999px;grid-column:1/-1;width:fit-content;padding:2px 6px;font-size:12px;font-weight:800}.inline-bom-part.add .inline-bom-part-tag{color:#0f8a5f;background:#e8f7f1;border-color:#bde6d4}.inline-bom-part.quantity .inline-bom-part-tag{color:#b96512;background:#fff3e4;border-color:#f1d39d}.inline-bom-part.remove .inline-bom-part-tag{color:#c94343;background:#ffe9e9;border-color:#f3caca}.inline-bom-detail{order:4;grid-template-columns:minmax(320px,.95fr) minmax(470px,1.3fr);gap:12px;display:grid}.inline-bom-card{background:#fff;border:1px solid #e6edf7;border-radius:12px;overflow:hidden;box-shadow:0 8px 20px #1720330d}.inline-bom-card h4{color:#172033;background:#fbfcff;border-bottom:1px solid #eef2f7;margin:0;padding:12px 14px;font-size:16px}.inline-bom-inspector{gap:10px;padding:14px;display:grid}.inline-bom-inspector p{color:#667085;margin:0;font-size:14px;line-height:1.55}.inline-bom-inspector dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;display:grid}.inline-bom-inspector dl div{background:#f9fbfd;border:1px solid #edf1f6;border-radius:10px;padding:8px}.inline-bom-inspector dt{color:#667085;font-size:13px}.inline-bom-inspector dd{color:#172033;word-break:break-word;margin:2px 0 0;font-size:14px}.inline-bom-table-tools{background:#fff;border-bottom:1px solid #eef2f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.inline-bom-table-tools span{color:#667085;font-size:14px}.inline-bom-table-tools .tags{flex-wrap:wrap;gap:6px;display:flex}.inline-bom-table-tools .tags em{color:#667085;background:#f4f7fb;border-radius:999px;padding:2px 8px;font-size:13px;font-style:normal}.inline-bom-table-wrap{max-height:280px;overflow:auto}.inline-bom-table{border-collapse:collapse;width:100%}.inline-bom-table th,.inline-bom-table td{text-align:left;vertical-align:top;border-bottom:1px solid #eef2f7;padding:9px 12px;font-size:14px}.inline-bom-table th{z-index:1;color:#667085;background:#fbfcff;font-weight:800;position:sticky;top:0}.inline-bom-table tr:last-child td{border-bottom:0}.inline-bom-row-active{background:#eef4ff}.inline-bom-empty{text-align:center;background:#fff;border:1px dashed #c7d4e5;border-radius:12px;place-items:center;gap:10px;min-height:320px;padding:24px;display:grid}.inline-bom-empty-illus{color:#9aa4b2;background:linear-gradient(135deg,#f8fafc,#eef2f7);border-radius:24px;place-items:center;width:88px;height:88px;font-size:36px;display:grid}.inline-bom-empty h4{color:#172033;margin:0;font-size:20px}.inline-bom-empty p{color:#667085;max-width:440px;margin:0;font-size:15px;line-height:1.6}.inline-bom-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.inline-bom-empty-actions .primary{color:#fff;background:#246bfe;border-color:#246bfe}.inline-bom-empty-state{color:#667085;border-top:1px solid #eef2f7;padding:10px 14px;font-size:14px}@media (width<=1180px){.app-shell{height:auto;min-height:100vh;overflow:visible}.topbar,.workspace,.workspace.sidebar-collapsed,.workspace.detail-collapsed,.workspace.sidebar-collapsed.detail-collapsed{grid-template-columns:1fr}.workspace,.sidebar,.graph-pane,.detail-pane{min-height:auto}.sidebar{max-height:320px}.panel-rail{grid-auto-flow:column;min-height:44px}.panel-rail-label{writing-mode:horizontal-tb}.graph-pane{min-height:560px;overflow:visible}.graph-canvas{overflow:visible}.detail-pane{min-height:520px}}@media (width<=760px){.app-shell{padding:12px}.controls,.category-overview-grid,.detail-gallery-grid,.gallery-grid,.controls.overview-controls{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start}.section-head-actions,.section-accessory-kpis{justify-content:flex-start;width:100%}.chain-row{grid-template-columns:1fr;min-width:640px}.line-overview-head,.line-family-grid,.line-family-metrics,.accessory-dialog-body,.accessory-board-row,.accessory-row,.position-lane,.selected-lane-workspace,.compact-chain-row{grid-template-columns:1fr}.accessory-dialog{width:min(100%,100vw - 24px);max-height:calc(100vh - 24px)}.accessory-dialog-body{align-items:start}.accessory-sku-image{justify-self:center;width:100%;max-width:220px}.accessory-row{align-items:start}.accessory-row-metrics{grid-template-columns:1fr}.bom-page{height:auto;min-height:100vh;overflow:visible}.bom-topbar,.bom-layout,.bom-sku-row,.bom-mini-map,.bom-graph-tab,.bom-compare-tab,.bom-usage-tab{grid-template-columns:1fr}.bom-topbar{align-items:stretch}.bom-sidebar,.bom-main{min-height:auto}.bom-sidebar{max-height:260px}.bom-main,.bom-sku-list{overflow:visible}.bom-row-preview{border-top:1px dashed #d4e2f1;border-left:0;padding-top:10px;padding-left:0}.bom-drawer{width:min(100vw,390px)}.bom-category-grid{grid-template-columns:1fr}.bom-table-head{flex-direction:column;align-items:flex-start}.bom-table-head div{flex-direction:column;width:100%}.position-lane-title,.selected-position-head{flex-direction:column;align-items:flex-start}.position-lane-row{padding-bottom:8px}.expanded-all-head,.expanded-spu-section summary,.expanded-chain-row{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.expanded-spu-metrics{justify-content:flex-start}}