/* 款式管理与成本矩阵共用的展示层，不影响报价及库存规则。 */
.style-workspace {
  --ink:#233b3b;--muted:#728080;--accent:#26685d;--line:#e3e9e7;--canvas:#f3f5f4;
  color:var(--ink);background:var(--canvas);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;
  font-size:13px;line-height:1.55;-webkit-font-smoothing:antialiased;
}
.style-workspace button,.style-workspace input,.style-workspace select { font:inherit; }
.style-workspace button { transition:background .15s,color .15s,box-shadow .15s; }
.style-workspace button:focus-visible,.style-workspace a:focus-visible,.style-workspace input:focus-visible,.style-workspace select:focus-visible,.style-workspace [tabindex]:focus-visible {
  outline:2px solid #489788;outline-offset:3px;
}
.style-workspace .topbar { padding:22px 30px;gap:24px;background:#fff;border-bottom:1px solid var(--line);color:var(--ink); }
.workspace-brand { display:flex;align-items:center;gap:13px;flex-shrink:0; }
.brand-mark { display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#edf3ef;color:var(--accent);font-family:Georgia,serif;font-size:38px;line-height:1; }
.workspace-eyebrow { display:block;color:var(--muted);font-size:11px;letter-spacing:1.5px;margin-bottom:3px; }
.style-workspace .topbar h1 { color:var(--ink);font-size:22px;letter-spacing:.3px;font-weight:650;line-height:1.3; }
.style-workspace .nav { gap:9px;flex-wrap:wrap; }
.style-workspace .nav a,.style-workspace .nav .up-btn,.style-matrix-page .topbar>a { border:1px solid var(--line);border-radius:8px;color:#526461;background:#fff;padding:8px 13px;font-size:12px; }
.style-workspace .nav .export-btn { background:var(--accent);border-color:var(--accent);color:white; }
.style-workspace .nav a:hover,.style-workspace .nav .up-btn:hover { background:#edf4f0;color:var(--accent); }
.style-workspace .wrap { padding:26px 30px 32px; }
.style-workspace .pill { border-radius:9px;background:#f0f3f1;padding:3px; }
.style-workspace .pill .knob { background:#fff;border-radius:6px;box-shadow:0 1px 4px #1c3f3420; }
.style-workspace .pill .opt { padding:6px 14px;font-size:12px;min-width:66px;color:#7a8783;font-weight:600; }
.style-workspace .pill .opt.on { color:var(--accent); }
.style-workspace .rt-gold { background:#f6f5ef;color:#8a7752;padding:8px 12px;border-radius:8px;line-height:1.6;font-size:11px; }
.style-workspace .rt-gold b { color:#665434; }
.style-workspace .rt-gold.manual { color:#a25345; }
.style-workspace #styleStockTabs { margin-bottom:12px!important; }
.style-workspace #styleStockTabs>div { gap:6px!important; }
.style-workspace #styleStockTabs button { padding:9px 17px;border-radius:8px;background:transparent;border:1px solid transparent;color:#72807a;font-weight:600; }
.style-workspace #styleStockTabs .btn-primary { background:var(--ink);border-color:var(--ink);color:#fff;box-shadow:0 2px 4px #16372d12; }
.style-workspace #styleStockTabs #refreshStyleStock { margin-left:auto;background:#fff;border-color:var(--line);font-size:12px;padding:7px 12px; }
.style-workspace #styleStockTabs>div>span { margin-left:12px;color:#798781!important;font-size:12px!important; }
.style-workspace #styleAutofillStatus { color:#698277!important;font-size:12px!important;line-height:1.7;margin:0 0 20px!important; }
.style-workspace #styleAutofillStatus details { padding:8px 12px;background:#fffbf1;border:1px solid #eee5cb;border-radius:8px;color:#896f39;margin-top:8px;max-height:180px;overflow:auto; }
.style-workspace .overview { display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:14px;margin-bottom:24px; }
.style-workspace .card { border:1px solid var(--line)!important;border-radius:12px;box-shadow:0 2px 3px #1c3f3403;padding:19px 21px;min-width:0; }
.style-workspace .card .num { font-size:29px;font-weight:650;line-height:1.2;letter-spacing:-.6px;font-variant-numeric:tabular-nums; }
.style-workspace .card .lbl { color:#87908b;font-size:12px;margin-top:9px; }
.style-workspace .card:first-child { background:var(--ink);border-color:var(--ink)!important;color:white; }
.style-workspace .card:first-child .lbl { color:#b6c9c3; }
.style-workspace .card.red .num { color:#b6695c; }.style-workspace .card.blue .num { color:#608295; }.style-workspace .card.green .num { color:#4f8573; }
.style-workspace .table-panel { background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 4px 16px #24403404; }
.table-panel-heading { display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px 16px; }
.table-panel-heading h2 { font-size:16px;font-weight:650; }
.table-panel-heading p { font-size:11px;color:#87938e;margin-top:5px; }
.style-workspace .toolbar { margin:0;border:0;border-radius:0;box-shadow:none;padding:12px 22px;gap:9px; }
.style-workspace .filter-toolbar { padding-top:0;padding-bottom:17px; }
.style-workspace .toolbar-label { margin-right:4px;font-size:12px;color:#77867e; }
.style-workspace .actions-toolbar { border-top:1px solid #eef2ef;background:#fcfdfc;padding-top:11px;padding-bottom:11px;gap:8px;font-size:12px; }
.style-workspace .actions-toolbar>span:not(.sep) { color:#859089;font-size:11px; }
.style-workspace .toolbar select,.style-workspace .toolbar input[type=text],.style-workspace .toolbar input[type=number] {
  padding:8px 11px!important;border:1px solid #dfe6e1!important;border-radius:7px!important;background:#fff;font-size:12px;color:#526258;height:35px;
}
.style-workspace #fKw { min-width:205px; }
.style-workspace .toolbar .sep { background:#e0e7e1;height:16px;margin:0 3px; }
.style-workspace .btn-primary,.style-workspace .btn-save { background:var(--accent);color:white; }
.style-workspace .btn-primary:hover,.style-workspace .btn-save:hover { background:#20584e; }
.style-workspace .btn-ghost,.style-workspace .btn-cancel,.style-workspace .btn-reset { background:#f0f4f1;color:#53685b;border:1px solid #e2e9e3; }
.style-workspace .btn-ghost:hover,.style-workspace .btn-reset:hover { background:#e6eee8; }
.style-workspace .btn-warn { color:#927139;background:#f9f3e7;border:1px solid #eee3cd; }
.style-workspace .btn-warn:hover { background:#f3e9d7; }
.style-workspace .actions-toolbar button,.style-workspace #resetStyleColumns { padding:6px 11px;border-radius:6px;font-size:12px;font-weight:550; }
.style-workspace #selInfo { margin-left:auto;white-space:nowrap; }
.style-workspace .table-scroll { max-height:calc(100vh - 290px);overflow:auto;scrollbar-width:thin;scrollbar-color:#b7c7bd #f0f3f0; }
.style-workspace #styleTable { table-layout:fixed;border-collapse:separate;border-spacing:0;border-radius:0;overflow:visible;box-shadow:none; }
.style-workspace #styleTable th { position:sticky;top:0;z-index:2;background:#f1f5f2;color:#617569;font-size:11px;font-weight:600;height:43px;padding:10px 13px;border-top:1px solid #e1e8e2;border-bottom:1px solid #dce5de;border-right:1px solid #e3eae4;overflow:hidden;text-overflow:ellipsis; }
.style-workspace #styleTable th:hover { background:#e8efea;color:var(--ink); }
.style-workspace #styleTable th.gold-col { background:#f7f3e8;color:#9a8050; }
.style-workspace #styleTable td { height:64px;padding:11px 12px;border-bottom:1px solid #edf1ee;color:#53665b;font-size:12px;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums; }
.style-workspace #styleTable [data-column="选择"] { padding:0;text-overflow:clip; }
.style-workspace #styleTable td[data-column="图"] { overflow:visible; }
.style-workspace #styleTable tr:hover td { background:#f4f8f5; }
.style-workspace #styleTable tr.s-low td { background:#fffaf8; }.style-workspace #styleTable tr.s-low:hover td { background:#fff2ee; }
.style-workspace #styleTable tr.s-high td { background:#f9fbfd; }.style-workspace #styleTable tr.s-high:hover td { background:#f1f6fa; }
.style-workspace #styleTable tr.sub-row td { background:#f0f6f2!important; }
.style-workspace #styleTable tr.sub-row:hover td { background:#e8f1eb!important; }
.style-workspace #styleTable td.gold-col { background:#fcf9ef!important;color:#977d4d;font-weight:600; }
.style-workspace #styleTable .kh-cell b { color:#326c5c!important;text-decoration:none!important;font-weight:650; }
.style-workspace #styleTable .kh-cell b:hover { text-decoration:underline!important; }
.style-workspace #styleTable .cat-sel { max-width:100%;padding:5px 2px;color:#718075;font-size:11px; }
.style-workspace #styleTable .price-in { width:100%;min-width:0;padding:7px 5px;border:1px solid #dce7df;border-radius:6px;background:#f8fcf9;color:#315e43;font-size:13px;font-weight:650; }
.style-workspace #styleTable .edit-btn { max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle;background:#edf3ef;color:#527061;border:1px solid #e1eae3; }
.style-workspace .thumb { border-radius:8px;width:44px;height:44px;border:1px solid #edf0ed; }
.style-workspace .badge { font-size:10px;font-weight:550;line-height:1.7;padding:3px 8px; }
.style-workspace .b-red { background:#f8e9e3;color:#b57262; }.style-workspace .b-blue { background:#e9f0f5;color:#6b879c; }.style-workspace .b-green { background:#e6f1e9;color:#608c6e; }
.style-workspace .mat { padding:4px 8px;border-radius:5px;font-size:10px; }
.style-workspace .m-18K { background:#f5eeda;color:#9c8245; }.style-workspace .m-9K { background:#eeeaf3;color:#9583a3; }.style-workspace .m-Pt950 { background:#e8eef2;color:#7e929d; }
.style-workspace .group-badge { background:#e7efea;color:#72937e;font-size:10px; }
.style-workspace .tag-pill { color:#7b8f7e;border-color:#e0e7e1;background:#f0f4ef; }
.style-workspace .tag-pill.add { background:#f8faf7;color:#98a292;border-color:#dbe5d9; }
.style-workspace .hint { color:#8b968c;opacity:1;font-size:11px;line-height:1.8; }
.style-workspace .column-resize { position:absolute;top:0;right:0;bottom:0;width:9px;cursor:col-resize;touch-action:none;z-index:3; }
.style-workspace .column-resize::after { content:'';position:absolute;right:3px;top:13px;bottom:13px;width:2px;border-radius:2px;background:#bccdc1;opacity:0; }
.style-workspace th:hover .column-resize::after,.style-workspace .column-resize:focus-visible::after { opacity:1; }
.style-workspace #styleTable th.column-dragging { opacity:.45; }
.style-workspace #styleTable th.column-drop-before { box-shadow:inset 3px 0 var(--accent); }.style-workspace #styleTable th.column-drop-after { box-shadow:inset -3px 0 var(--accent); }
.style-workspace.resizing-column,.style-workspace.resizing-column * { cursor:col-resize!important;user-select:none!important; }
.style-workspace .modal-overlay { background:#142e2859;backdrop-filter:blur(3px); }
.style-workspace .modal { border:1px solid #dde7df;border-radius:16px;box-shadow:0 20px 80px #122c2826;padding:28px; }
.style-workspace .modal h2 { color:var(--ink);font-size:20px; }
.style-workspace .modal .field input,.style-workspace .modal .field select { border-color:#dce5de;border-radius:8px;padding:10px 12px; }
.style-workspace .notify-bar { color:#577263;border:1px solid #d9e5dc;background:#ecf4ee;border-radius:9px; }
.style-workspace #styleDetailOverlay { background:#152b285e!important;padding:24px!important;backdrop-filter:blur(4px);box-sizing:border-box!important;max-width:100vw!important;width:100%!important;overflow:hidden!important; }
.style-workspace #styleDetailOverlay>div { border-radius:14px 14px 0 0;padding:10px 18px!important;border-bottom:1px solid var(--line);box-sizing:border-box!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:flex-end!important; }
.style-workspace #styleDetailOverlay>div button,.style-workspace #styleDetailOverlay #closeStyleDetail { flex-shrink:0!important;white-space:nowrap!important; }
.style-workspace #styleDetailOverlay iframe { border-radius:0 0 14px 14px;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important; }
.style-matrix-page { overflow-x:hidden;max-width:100vw;width:100%;box-sizing:border-box; }
.style-matrix-page .wrap { max-width:1600px;box-sizing:border-box; }
.style-matrix-page .topbar { display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;box-sizing:border-box;max-width:100%;padding:18px 24px; }
.style-matrix-page .topbar .workspace-brand { min-width:0;flex:1 1 auto; }
.style-matrix-page .topbar .workspace-brand h1 { font-size:19px; }
.style-matrix-page .topbar>a { margin-left:auto;flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:6px; }
.style-matrix-page .cfgbar { border:1px solid #e3e8df;background:#f6f6ef;color:#8e896e;padding:12px 18px;border-radius:9px;gap:16px;font-size:11px; }
.style-matrix-page .cfgbar b { color:#6e7359; }
.style-matrix-page .search-row { padding:18px 20px;border:1px solid var(--line);border-radius:12px;box-shadow:none;gap:10px;flex-wrap:wrap; }
.style-matrix-page .search-row label { color:#53675b;font-size:12px; }
.style-matrix-page .search-row input,.style-matrix-page .search-row select { border-color:#dfe7e0;border-radius:7px;min-height:36px;font-size:12px;background:#fff;color:#52685a; }
.style-matrix-page .seg { border-color:#dce5dd;border-radius:7px; }
.style-matrix-page .seg button { padding:8px 15px;color:#79887b;font-size:12px; }
.style-matrix-page .seg button.on { background:var(--accent);color:#fff; }
.style-matrix-page .matrix-wrap { border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 9px #263f3105;overflow:auto; }
.style-matrix-page .matrix-title { background:#2c4940;color:white;padding:19px 22px;font-size:18px;letter-spacing:.3px; }
.style-matrix-page .matrix-title small { font-size:12px;color:#c7d6cb; }
.style-matrix-page .matrix th,.style-matrix-page .matrix td { border:1px solid #e5ebe6; }
.style-matrix-page .matrix thead th { background:#eef3ef;color:#718475;padding:13px 12px;font-size:12px; }
.style-matrix-page .matrix thead th:first-child { background:#e5ede6!important; }
.style-matrix-page .matrix tbody th { color:#69836b;background:#f6f9f5;width:90px; }
.style-matrix-page .matrix td { padding:18px 13px;min-width:120px; }
.style-matrix-page .matrix td:hover { background:#f2f8f2; }
.style-matrix-page .matrix td.selected { background:#eaf4eb!important;box-shadow:inset 0 0 0 2px #659376; }
.style-matrix-page .m-cell .cost { color:#929d92;font-size:11px; }
.style-matrix-page .m-cell .sell { font-family:inherit;font-size:20px;font-weight:600;color:#304e36;line-height:1.7;font-variant-numeric:tabular-nums; }
.style-matrix-page .m-cell .sell.manual-only { color:#456d50; }.style-matrix-page .m-cell .sell.empty { color:#d3dcd1;font-size:17px; }
.style-matrix-page .m-cell .badge { font-size:9px;border-radius:4px;margin-top:3px;padding:2px 6px; }
.style-matrix-page .m-cell .b-manual,.style-matrix-page .m-cell .b-real { background:#e3eee0;color:#75956c; }
.style-matrix-page .m-cell .b-empty { background:#f4f6f2;color:#b7c1b3; }
.style-matrix-page .detail-wrap { padding:25px;border:1px solid var(--line);border-radius:12px;box-shadow:none; }
.style-matrix-page .detail-title { font-size:18px;margin-bottom:10px; }
.style-matrix-page .detail-status { border-color:#d6e3d4;background:#eef6eb;color:#68885f;font-weight:500; }
.style-matrix-page .param-grid { gap:16px; }
.style-matrix-page .param-item { padding:16px;background:#fafcf8;border-color:#e6ede1;border-radius:9px; }
.style-matrix-page .param-item label { color:#819277;font-size:11px;letter-spacing:.3px; }
.style-matrix-page .param-item input { border-radius:7px;border-color:#dee8d7;padding:9px 11px;font-size:15px; }
.style-matrix-page .param-item input.editable { background:#fff;border-color:#c9dcc1;color:#4d6e41; }
.style-matrix-page .param-item input.ro { background:#f0f4ec;color:#8a9682; }
.style-matrix-page .cost-summary { border-color:#e7dfc9;background:#faf8f0;border-radius:11px;padding:20px; }
.style-matrix-page .cost-summary .item .val { font-family:inherit;font-size:24px;font-weight:650;color:#776444;font-variant-numeric:tabular-nums; }
.style-matrix-page .cost-summary .item input { border-color:#ded7c0;border-radius:7px;font-family:inherit;color:#776444; }
.style-matrix-page .click-hint { padding:44px 20px;color:#94a18c;letter-spacing:0;font-size:13px; }
@media (max-width:1200px) {
  .style-workspace #styleDetailOverlay { padding:12px 14px!important; }
  .style-matrix-page .topbar { padding:14px 18px;gap:12px; }
}
@media (max-width:1100px) {
  .style-workspace .topbar { gap:15px; }.style-workspace .nav { margin-left:0; }
  .style-workspace .table-scroll { max-height:68vh; }
}
@media (max-width:768px) {
  .style-workspace .topbar { padding:17px 16px; }.style-workspace .topbar h1 { font-size:19px; }
  .style-workspace .wrap { padding:18px 12px; }.style-workspace .nav { gap:7px; }
  .style-workspace .overview { grid-template-columns:repeat(2,minmax(0,1fr));gap:9px; }.style-workspace .card { padding:15px; }
  .table-panel-heading { padding:17px 14px;align-items:flex-start; }.table-panel-heading p { max-width:230px; }
  .style-workspace .toolbar { padding-left:14px;padding-right:14px; }.style-workspace .toolbar select { max-width:none; }
  .style-workspace #styleStockTabs>div>span { width:100%;margin-left:0;order:3; }
  .style-workspace #styleStockTabs button { padding:8px 11px;font-size:12px; }
  .style-workspace #resetStyleColumns { white-space:nowrap;font-size:10px; }.style-workspace #selInfo { width:100%;margin-left:0; }
  .style-workspace #styleDetailOverlay { padding:8px!important; }.style-matrix-page .topbar { flex-wrap:wrap; }
  .style-matrix-page .matrix td { min-width:100px;padding:13px 9px; }.style-matrix-page .detail-wrap { padding:18px; }
  .style-matrix-page .param-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }
}

/* ===== 款式列表页：压缩表头区，把屏幕留给一行行参数 ===== */
[hidden] { display:none!important; }
.style-list-page { display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:auto; }
.style-list-page .topbar { padding:10px 20px;gap:14px;flex:none; }
.style-list-page .brand-mark { width:32px;height:32px;border-radius:10px;font-size:26px; }
.style-list-page .workspace-eyebrow { display:none; }
.style-list-page .topbar h1 { font-size:17px; }
.style-list-page .pill .opt { padding:4px 12px; }
.style-list-page .rt-gold { padding:5px 10px; }
.style-list-page .nav a,.style-list-page .nav .up-btn { padding:6px 12px; }
.style-list-page .wrap { flex:1;min-height:0;display:flex;flex-direction:column;gap:10px;padding:12px 20px 14px; }
.style-list-page .summary-strip { flex:none;position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px; }
.style-list-page #styleStockTabs { margin:0!important; }
.style-list-page .stock-tabs { display:flex;align-items:center;gap:6px;flex-wrap:wrap; }
.style-list-page #styleStockTabs button { padding:6px 14px;font-size:13px; }
.style-list-page #styleStockTabs #refreshStyleStock { margin-left:2px;padding:5px 10px;font-size:11px;border-color:transparent;background:transparent;color:#728080; }
.style-list-page #styleStockTabs #refreshStyleStock:hover:not(:disabled) { background:#edf4f0;color:var(--accent); }
.style-list-page #styleStockTabs .stock-note { margin-left:6px;font-size:12px;color:#a25345!important; }
.style-list-page .overview { display:flex;flex-wrap:wrap;gap:6px;margin:0;padding-left:16px;border-left:1px solid var(--line);align-items:center; }
.style-list-page .card { display:inline-flex;align-items:baseline;gap:6px;padding:3px 11px!important;border-radius:999px;background:#fff;box-shadow:none;white-space:nowrap; }
.style-list-page .card .num { font-size:15px;line-height:1.5;letter-spacing:0; }
.style-list-page .card .lbl { margin:0;font-size:12px; }
.style-list-page .card:first-child { background:transparent;color:var(--ink);border-color:transparent!important;padding-left:0!important; }
.style-list-page .card:first-child .lbl { color:var(--muted); }
.style-list-page .card[data-status],.style-list-page .card[onclick] { cursor:pointer; }
.style-list-page .card[data-status]:hover,.style-list-page .card[onclick]:hover { background:#f2f7f4; }
.style-list-page .overview[data-active="low"] [data-status="low"],.style-list-page .overview[data-active="high"] [data-status="high"],.style-list-page .overview[data-active="ok"] [data-status="ok"] { background:#e6f1ea;border-color:var(--accent)!important; }
.style-list-page #styleAutofillStatus { margin:0 0 0 auto!important;font-size:11px!important;color:#98a39d!important;display:flex;align-items:center;gap:8px;white-space:nowrap; }
.style-list-page #styleAutofillStatus details { position:relative;margin:0;padding:0;border:0;background:none;max-height:none;overflow:visible; }
.style-list-page #styleAutofillStatus summary { cursor:pointer;padding:3px 10px;border-radius:999px;border:1px solid #eee5cb;background:#fffbf1;color:#896f39; }
.style-list-page #styleAutofillStatus .autofill-list { position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:max-content;max-width:min(560px,80vw);max-height:260px;overflow:auto;padding:10px 14px;background:#fffbf1;border:1px solid #eee5cb;border-radius:9px;box-shadow:0 8px 24px #24403420;color:#896f39;white-space:normal;line-height:1.7; }
.style-list-page #notifyBar:empty { display:none; }
.style-list-page .notify-bar { margin:0; }
.style-list-page .table-panel { flex:1 1 auto;min-height:340px;display:flex;flex-direction:column; }
.style-list-page .filter-toolbar { flex:none;padding:10px 16px 8px;gap:8px; }
.style-list-page .actions-toolbar { flex:none;padding:8px 16px;gap:6px 8px;border-bottom:1px solid #eef2ef;align-items:center; }
.style-list-page .kw-box { position:relative;display:inline-block; }
.style-list-page .filter-toolbar select { width:auto;field-sizing:content;min-width:92px;max-width:150px;height:32px; }
.style-list-page #fKw { width:240px;height:32px; }
.style-list-page .toolbar-right { margin-left:auto;display:flex;align-items:center;gap:6px; }
.style-list-page .actions-toolbar button { white-space:nowrap; }
.style-list-page .batch-group { display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;padding:2px 4px 2px 0; }
.style-list-page .batch-group #selInfo { margin:0;color:var(--accent);font-weight:600;font-size:12px; }
.style-list-page details.tip { position:relative; }
.style-list-page details.tip summary { list-style:none;cursor:pointer;padding:6px 10px;border-radius:6px;font-size:12px;color:#728080;user-select:none; }
.style-list-page details.tip summary::-webkit-details-marker { display:none; }
.style-list-page details.tip summary:hover,.style-list-page details.tip[open] summary { background:#edf4f0;color:var(--accent); }
.style-list-page .tip-pop { position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:360px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 24px #24403420;font-size:12px;line-height:1.75;color:#5a6b62; }
.style-list-page .table-scroll { flex:1 1 auto;min-height:0;max-height:none; }
.style-list-page #styleTable td { height:56px;padding:8px 12px; }
.style-list-page .thumb { width:40px;height:40px; }
@media (max-width:1100px) {
  .style-list-page { height:auto;overflow:visible; }
  .style-list-page .wrap { flex:none; }
  .style-list-page .table-panel { flex:none; }
  .style-list-page .table-scroll { max-height:68vh; }
}
@media (max-width:768px) {
  .style-list-page .wrap { padding:10px 10px 14px; }
  .style-list-page .overview { padding-left:0;border-left:0; }
  .style-list-page #styleAutofillStatus { margin-left:0!important; }
  .style-list-page #fKw { width:100%; }
  .style-list-page .kw-box { flex:1 1 100%; }
  .style-list-page .toolbar-right { margin-left:0; }
}
/* 两行两列：左列下拉/操作按钮，右列上为主石形状、下为副钻/围镶/戒爪，上下左对齐 */
.style-list-page .filter-panel { flex:none;display:grid;grid-template-columns:minmax(0,max-content) minmax(0,1fr); }
.style-list-page .filter-panel>.toolbar { display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center;column-gap:0; }
.style-list-page .filter-main,.style-list-page .actions-main { display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-right:18px; }
.style-list-page .actions-main { gap:6px 8px; }
.style-list-page .actions-side { min-width:0;display:flex;align-items:center;gap:6px 18px; }
.style-list-page .actions-side .chip-line { flex:1 1 auto; }
.style-list-page .actions-side .toolbar-right { flex:none; }
.style-list-page .chip-line { min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding-left:18px;border-left:1px solid var(--line); }
.style-list-page .chip-group { display:flex;flex-wrap:wrap;align-items:center;gap:5px; }
.style-list-page .chip-label { margin-right:2px;font-size:12px;color:#77867e; }
.style-list-page .chip { padding:2px 10px;border:1px solid #dfe6e1;border-radius:999px;background:#fff;color:#5a6b62;font-size:12px;font-weight:500;line-height:1.6;cursor:pointer; }
.style-list-page .chip:hover { background:#f2f7f4;border-color:#c9d8ce; }
.style-list-page .chip.on { background:var(--accent);border-color:var(--accent);color:#fff; }
@media (max-width:1100px) {
  .style-list-page .filter-panel { display:block; }
  .style-list-page .filter-panel>.toolbar { display:flex;flex-wrap:wrap; }
  .style-list-page .filter-main,.style-list-page .actions-main { padding-right:0; }
  .style-list-page .chip-line { padding-left:0;border-left:0; }
  .style-list-page .actions-side { flex:1 1 100%;flex-wrap:wrap; }
}