/* 商品详情独立主题；颜色与2026-10-22官方DOM对应，不改变工作区主题。 */
[data-selection-detail=product] {
  --brand:#ff003c;
  --brand-hover:#e60036;
  --brand-soft:#fff3f6;
  --border:#eeeff0;
  --text:#161823;
  --text-secondary:#5c5e66;
  --text-muted:#8c8c96;
  --surface:#ffffff;
  --surface-subtle:#f7f8fa;
  --selection-canvas:#f5f5f9;
  --selection-live:#ff6682;
  --selection-video:#33a7ff;
  --selection-image_text:#06d6db;
  --selection-bind_shop:#ff7b42;
  --selection-grid:#e8e9ed;
  --selection-hover:#f1f2f8;
  --selection-bracket:#ffc4d2;
  --chart-tooltip-text:#1d1d2e;
  --chart-tooltip-radius:3px;
  --chart-tooltip-shadow:0 0 10px #aeaeae;
  font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
}
[data-selection-detail=product] .dialog-body { background:var(--selection-canvas); padding:var(--space-3); }
[data-selection-detail=product] .selection-details { gap:var(--space-3); }
[data-selection-detail=product] .selection-product-overview { display:grid; grid-template-columns:292px minmax(0,1fr); gap:var(--space-4); padding:var(--space-4); background:var(--surface); border-radius:16px; }
.selection-product-gallery { display:flex; align-items:flex-start; justify-content:center; gap:var(--space-3); }
.selection-product-thumbnails { display:grid; grid-auto-rows:minmax(0,1fr); gap:var(--space-1); width:40px; height:240px; flex:none; }
.selection-product-thumbnails button { display:block; justify-self:center; align-self:center; width:auto; height:100%; max-height:40px; max-width:100%; aspect-ratio:1; min-height:0; border:1px solid transparent; padding:0; background:transparent; border-radius:8px; overflow:hidden; cursor:pointer; }
.selection-product-thumbnails [aria-pressed=true] { border-color:var(--brand); }
.selection-product-thumbnails img { display:block; width:100%; height:100%; object-fit:cover; }
.selection-product-cover { width:240px; height:240px; object-fit:contain; border-radius:16px; }
.selection-product-title { display:flex; align-items:baseline; justify-content:space-between; gap:var(--space-3); }
.selection-product-title h2 { font-size:20px; font-weight:600; line-height:1.5; margin:0; }
.selection-product-title .mo-identifier { flex:none; }
[data-selection-detail=product] .selection-product-key-values { display:flex; flex-wrap:wrap; gap:var(--space-3) var(--space-6); margin:0; }
.selection-product-key-values > div { display:grid; gap:var(--space-1); }
.selection-product-key-values dd { font-size:28px; font-weight:600; line-height:1.2; }
.selection-product-key-values > div:first-child { color:var(--brand); }
.selection-product-key-values > div:first-child dt { color:inherit; }
.selection-product-tags { display:flex; flex-wrap:wrap; gap:var(--space-2); margin:0; }
[data-selection-detail=product] .selection-product-summary { display:grid; grid-template-columns:1fr; gap:var(--space-2); border-top:1px solid var(--border); padding-top:var(--space-2); margin:0; }
.selection-product-summary > div { display:flex; align-items:baseline; gap:var(--space-4); }
.selection-product-summary dt { min-width:28px; }
.selection-product-info { min-width:0; min-height:240px; display:flex; flex-direction:column; gap:var(--space-1); }
.selection-product-shop { display:flex; align-items:baseline; flex-wrap:wrap; gap:var(--space-1) var(--space-4); font-size:18px; color:var(--text-secondary); }
.selection-shop-name { display:flex; align-items:baseline; gap:var(--space-2); min-width:0; overflow-wrap:anywhere; }
.selection-shop-name strong { color:var(--text); font-weight:500; }
[data-selection-detail=product] .selection-shop-scores { display:flex; align-items:baseline; flex-wrap:wrap; gap:var(--space-1) var(--space-3); margin:0; }
.selection-shop-scores > div { display:flex; align-items:baseline; gap:var(--space-1); }
.selection-shop-scores dd { font-weight:600; color:var(--text); }
.selection-product-main { min-width:0; padding:0 var(--space-4) var(--space-4); background:var(--surface); border-radius:16px; }
.selection-detail-toolbar { display:flex; align-items:center; justify-content:space-between; gap:var(--space-3); flex-wrap:wrap; margin-bottom:var(--space-2); }
.selection-detail-toolbar .selection-tabs { flex-wrap:nowrap; gap:var(--space-5); margin:0; }
[data-selection-detail=product] [data-action=selection-module] { position:relative; height:48px; padding:0; border:0; border-radius:0; font-size:16px; color:var(--text-secondary); background:transparent; }
[data-selection-detail=product] [data-action=selection-module][aria-selected=true] { color:var(--text); }
[data-selection-detail=product] [data-action=selection-module][aria-selected=true]::after { content:''; position:absolute; height:3px; width:26px; bottom:8px; left:calc(50% - 13px); background:var(--brand); border-radius:2px; }
.selection-period { display:flex; gap:0; padding:2px; background:var(--surface-subtle); border-radius:8px; }
[data-selection-detail=product] .selection-period button { color:var(--text-secondary); padding-inline:var(--space-3); border:0; }
[data-selection-detail=product] .selection-period [aria-pressed=true] { color:var(--brand); background:var(--surface); }
.selection-product-panel { min-width:0; display:grid; gap:var(--space-2); }
[data-selection-detail=product] .selection-stat-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-3); }
.selection-metric-card { position:relative; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); align-items:center; gap:var(--space-3); min-height:108px; padding:var(--space-3); text-align:left; font:inherit; cursor:pointer; overflow:hidden; }
.selection-metric-card[aria-pressed=true] { border-color:var(--brand); background:var(--surface); }
.selection-metric-card[aria-pressed=true]::after { content:'✓'; position:absolute; right:0; top:0; width:17px; height:17px; border-radius:0 0 0 7px; color:var(--on-brand); background:var(--brand); font-size:12px; line-height:17px; text-align:center; }
.selection-metric-total { display:grid; gap:var(--space-2); }
.selection-metric-total > span { color:var(--text-secondary); font-size:12px; }
.selection-metric-total strong { font-size:22px; line-height:1.3; font-weight:600; overflow-wrap:anywhere; }
.selection-metric-channels { position:relative; display:grid; gap:var(--space-1); padding-left:var(--space-3); border-left:1px solid var(--selection-bracket); border-radius:6px 0 0 6px; }
.selection-metric-channels::before { content:''; position:absolute; left:0; top:50%; width:6px; border-top:1px solid var(--selection-bracket); }
.selection-metric-channels > span { display:flex; align-items:baseline; gap:var(--space-2); color:var(--text-secondary); font-size:12px; white-space:nowrap; }
.selection-performance-chart { margin:var(--space-3) 0 0; min-width:0; }
.selection-performance-chart svg { display:block; width:100%; height:auto; overflow:visible; }
.selection-performance-chart text { fill:var(--text-muted); font-size:11px; }
.selection-performance-chart line { stroke:var(--selection-grid); stroke-dasharray:4 4; }
.selection-chart-range { opacity:.25; }
.selection-performance-chart rect[class^=selection-series-] { fill-opacity:.95; }
.selection-chart-hit { fill:var(--selection-hover); opacity:0; }
.selection-performance-chart g[tabindex]:hover .selection-chart-hit,.selection-performance-chart g[tabindex]:focus-visible .selection-chart-hit { opacity:1; }
.selection-chart-legend { display:flex; justify-content:center; gap:var(--space-2); margin-bottom:var(--space-2); }
[data-selection-detail=product] .selection-chart-legend button { gap:var(--space-1); color:var(--text-muted); font-size:12px; height:24px; min-height:24px; padding:2px var(--space-2); background:transparent; border:0; }
.selection-chart-legend button::before { content:''; width:8px; height:8px; border-radius:50%; background:var(--series-color); }
.selection-chart-legend [aria-pressed=false] { opacity:.4; }
.selection-series-live { fill:var(--selection-live); background:var(--selection-live); }
.selection-series-video { fill:var(--selection-video); background:var(--selection-video); }
.selection-series-image_text { fill:var(--selection-image_text); background:var(--selection-image_text); }
.selection-series-bind_shop { fill:var(--selection-bind_shop); background:var(--selection-bind_shop); }
[data-channel=live] { --series-color:var(--selection-live); }
[data-channel=video] { --series-color:var(--selection-video); }
[data-channel=image_text] { --series-color:var(--selection-image_text); }
[data-channel=bind_shop] { --series-color:var(--selection-bind_shop); }
.selection-product-updated { margin-top:auto; display:flex; align-items:center; justify-content:flex-end; gap:var(--space-3); }
.selection-product-images { display:grid; justify-items:center; gap:var(--space-2); }
.selection-product-images img { display:block; max-width:100%; width:min(100%,790px); height:auto; }
.selection-product-description h3 { margin:0 0 var(--space-4); font-size:16px; }
.selection-product-description > section + section { margin-top:var(--space-5); }
.selection-comment { padding:var(--space-5) 0; border-bottom:1px solid var(--border); line-height:1.7; }
.selection-comment header { display:flex; justify-content:space-between; gap:var(--space-3); }
.selection-comment header > span { color:var(--text-muted); font-size:12px; }
.selection-comment header { justify-content:flex-start; align-items:center; }
.selection-comment header > div { display:grid; gap:var(--space-1); }
.selection-comment header > div > span { color:var(--text-muted); font-size:12px; }
.selection-comment-avatar { position:relative; display:grid; place-items:center; flex:none; width:40px; height:40px; border-radius:50%; background:var(--surface-subtle); color:var(--text-secondary); }
.selection-comment-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.selection-comment-body { margin-left:52px; }
.selection-comment-rating { color:var(--selection-bind_shop); }
.selection-comment-stats { display:flex; flex-wrap:wrap; gap:var(--space-3); margin-bottom:var(--space-5); }
.selection-comment-stats > span { padding:var(--space-2) var(--space-3); border-radius:4px; background:var(--surface-subtle); color:var(--text-secondary); }
.selection-comment-tags { display:flex; flex-wrap:wrap; gap:var(--space-3) var(--space-5); color:var(--text-muted); }
.selection-comment-counts { display:flex; justify-content:space-between; color:var(--text-muted); font-size:12px; margin-top:var(--space-4); }
.selection-comment-reply { background:var(--surface-subtle); padding:var(--space-3); border-radius:6px; }
.selection-comment-photos { display:flex; flex-wrap:wrap; gap:var(--space-2); }
.selection-comment-photos img { width:80px; height:80px; object-fit:cover; border-radius:8px; }
[data-selection-detail=product] .mo-badge.neutral { border-radius:3px; color:var(--text-secondary); background:var(--surface-subtle); }
[data-selection-detail=product] .mo-table { font-size:13px; }
[data-selection-detail=product] .mo-table th { background:var(--surface-subtle); color:var(--text-secondary); }
[data-selection-detail=product] .selection-cover { width:60px; height:72px; }
[data-selection-detail=product] .selection-content-tabs { gap:var(--space-6); padding-bottom:0; margin-bottom:0; }
[data-selection-detail=product] .selection-content-tabs button { border-radius:0; border:0; border-bottom:2px solid transparent; color:var(--text-secondary); padding-inline:0; }
[data-selection-detail=product] .selection-content-tabs [aria-pressed=true] { color:var(--brand); border-bottom-color:var(--brand); background:transparent; }
[data-selection-detail=product] .selection-content-table { table-layout:fixed; width:100%; }
.selection-content-table th:first-child { width:24%; }
.selection-content-table th:nth-child(2) { width:12%; }
.selection-content-table th { white-space:normal; }
.selection-content-table td { overflow-wrap:anywhere; }

.selection-product-body { display:grid; grid-template-columns:minmax(0,1fr) minmax(230px,28%); gap:var(--space-4); }
.selection-product-facts { display:grid; align-content:start; gap:var(--space-2); min-width:0; }
[data-selection-detail=product] .selection-product-metadata { display:grid; grid-template-columns:minmax(0,1fr); align-content:start; gap:var(--space-1); margin:0; min-width:0; font-size:12px; }
.selection-product-metadata > div { display:grid; grid-template-columns:64px minmax(0,1fr); gap:var(--space-2); align-items:center; }
.selection-product-metadata dd { margin:0; min-width:0; }
.selection-product-metadata .mo-identifier { max-width:100%; min-width:0; }
.selection-product-metadata .mo-identifier-value { min-width:0; overflow-wrap:anywhere; }
.selection-product-metadata a.mo-identifier-value { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.selection-product-key-values dd { display:flex; align-items:center; gap:var(--space-1); }
.selection-product-key-values [data-action=selection-sku] { font-size:12px; padding:2px 4px; min-height:0; }
.selection-sku-options { display:flex; flex-wrap:wrap; gap:var(--space-2); }
.selection-sku-options [aria-pressed=true] { color:var(--brand); border-color:var(--brand); background:var(--brand-soft); }
.selection-sku-panel { display:grid; gap:var(--space-4); }