#selectedBoardsPanel{height:100%;display:flex;flex-direction:column;min-height:0;color:var(--text,#263244);font-size:12px}.wsb-meta,.wsb-note{padding:10px 14px;color:var(--text-muted,#778293);font-size:11px}.wsb-meta{display:flex;justify-content:space-between;gap:10px}.wsb-grid{display:grid;grid-template-columns:1fr 1fr 1.3fr;flex:1;min-height:0;gap:0}.wsb-grid>section{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid #e6eaf0}.wsb-grid>section:last-child{border:0}.wsb-grid header{min-height:50px;padding:8px 10px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;border-bottom:1px solid #e6eaf0}.wsb-grid header b{margin-right:auto}.wsb-grid header span{color:#778293}.wsb-scroll{overflow:auto;flex:1;min-height:0}.wsb-scroll table{width:100%;border-collapse:collapse;white-space:nowrap;font-variant-numeric:tabular-nums}.wsb-scroll th{position:sticky;top:0;background:var(--bg-card,#f6f8fb);color:#778293;font-weight:500;z-index:1}.wsb-scroll td,.wsb-scroll th{padding:10px;text-align:right;border-bottom:1px solid #edf0f4}.wsb-scroll td:first-child,.wsb-scroll th:first-child{text-align:left}.wsb-scroll .is-selected{background:#eaf2ff}.wsb-scroll button{border:0!important;background:transparent!important;text-align:left;color:inherit;font-weight:600;width:100%}#selectedBoardsPanel button,#selectedBoardsPanel select{cursor:pointer;border:1px solid #dce2eb;border-radius:5px;background:var(--bg-card,#fff);padding:5px 7px;color:inherit;font-size:12px}.wsb-empty{padding:24px;color:#778293;text-align:center}.wsb-note{border-top:1px solid #edf0f4}@media(max-width:800px){.wsb-grid{grid-template-columns:1fr;overflow:auto}.wsb-grid>section{min-height:230px;max-height:350px;border-right:0}.wsb-meta{flex-wrap:wrap}} #selectedBoardsPanel .wsb-scroll tr.is-selected td{background:#dbeafe!important;color:#123b68;font-weight:700;box-shadow:none}#selectedBoardsPanel .wsb-scroll tr.is-selected button{color:#123b68} .wsb-fields-pop{position:absolute;right:8px;top:42px;z-index:20;width:190px;padding:10px;background:#fff;border:1px solid #dce2eb;border-radius:8px;box-shadow:0 8px 24px #24324a22;display:flex;flex-direction:column;gap:6px}.wsb-grid>section>header{position:relative}.wsb-fields-pop label{display:flex;gap:6px;align-items:center;font-size:12px}.wsb-fields-pop small{color:#778293;border-top:1px solid #edf0f4;padding-top:7px}.wsb-field-order{display:grid;grid-template-columns:24px 1fr 24px;align-items:center;gap:3px}.wsb-field-order span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wsb-field-order button{padding:1px!important;border:0!important;background:transparent!important}.wsb-fields-pop>b{font-size:12px} #selectedBoardsPanel .yp-table-hint{display:none!important} #selectedBoardsPanel td.wsb-up{color:#d04444!important}#selectedBoardsPanel td.wsb-down{color:#15905c!important} #selectedBoardsPanel .wsb-code{display:block;color:#8b96a8;font-size:10px;font-weight:400;line-height:1.3;margin-top:2px}#selectedBoardsPanel .wsb-scroll td:first-child button{display:block} #selectedBoardsPanel .wsb-grid{margin-top:0}#selectedBoardsPanel .wsb-scroll td,#selectedBoardsPanel .wsb-scroll th{padding:5px 7px}#selectedBoardsPanel .wsb-grid header{min-height:38px;padding:5px 8px} /* 板块列表与个股池统一字号 */ #selectedBoardsPanel .wsb-grid>section:nth-child(1) .wsb-scroll, #selectedBoardsPanel .wsb-grid>section:nth-child(2) .wsb-scroll{font-size:12px} #selectedBoardsPanel .wsb-grid>section:nth-child(1) .wsb-scroll td, #selectedBoardsPanel .wsb-grid>section:nth-child(2) .wsb-scroll td{font-size:12px} #selectedBoardsPanel .wsb-grid>section:nth-child(1) .wsb-scroll th, #selectedBoardsPanel .wsb-grid>section:nth-child(2) .wsb-scroll th{font-size:11px} #selectedBoardsPanel .wsb-grid>section:nth-child(1) .wsb-scroll button, #selectedBoardsPanel .wsb-grid>section:nth-child(2) .wsb-scroll button{font-size:12px} /* 统一三列表头的高度、字号与对齐方式 */ #selectedBoardsPanel .wsb-scroll thead{height:34px} #selectedBoardsPanel .wsb-scroll th, #selectedBoardsPanel .wsb-scroll th button{font-size:11px!important;line-height:16px!important;font-weight:600!important;vertical-align:middle} #selectedBoardsPanel .wsb-scroll th:first-child, #selectedBoardsPanel .wsb-scroll th:first-child button{text-align:left} #selectedBoardsPanel .wsb-scroll th:not(:first-child), #selectedBoardsPanel .wsb-scroll th:not(:first-child) button{text-align:right} #selectedBoardsPanel .wsb-scroll th button{padding:0!important;border:0!important;background:transparent!important;display:block;width:100%} #selectedBoardsPanel .wsb-scroll td,#selectedBoardsPanel .wsb-scroll th{box-sizing:border-box} /* 收紧板块名称与强度列之间的空隙 */ #selectedBoardsPanel .wsb-grid>section:nth-child(1) .wsb-scroll th:first-child, #selectedBoardsPanel .wsb-grid>section:nth-child(1) .wsb-scroll td:first-child, #selectedBoardsPanel .wsb-grid>section:nth-child(2) .wsb-scroll th:first-child, #selectedBoardsPanel .wsb-grid>section:nth-child(2) .wsb-scroll td:first-child{padding-right:2px} #selectedBoardsPanel .wsb-grid>section:nth-child(1) .wsb-scroll th:nth-child(2), #selectedBoardsPanel .wsb-grid>section:nth-child(1) .wsb-scroll td:nth-child(2), #selectedBoardsPanel .wsb-grid>section:nth-child(2) .wsb-scroll th:nth-child(2), #selectedBoardsPanel .wsb-grid>section:nth-child(2) .wsb-scroll td:nth-child(2){padding-left:2px} /* 个股名称 + 四项行情指标，在个股池内紧凑显示。 */ #selectedBoardsPanel .wsb-stocks{table-layout:fixed;width:100%;font-size:11px} #selectedBoardsPanel .wsb-stocks th,#selectedBoardsPanel .wsb-stocks td{padding:5px 3px} #selectedBoardsPanel .wsb-stocks td:first-child b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #selectedBoardsPanel .wsb-stocks td:first-child,#selectedBoardsPanel .wsb-stocks th:first-child{padding-left:5px} #selectedBoardsPanel .wsb-stocks .wsb-stock-open{padding:0!important;font-size:inherit;text-align:left} #selectedBoardsPanel .wsb-stocks .wsb-stock-open:hover b{color:#2563eb;text-decoration:underline} #selectedBoardsPanel .wsb-stocks .wsb-stock-open:focus-visible{outline:2px solid #2563eb;outline-offset:2px} /* Match the compact board table: one line per quote, with room for every stock column. */ #workspaceHome #selectedBoardsPanel .wsb-grid{ box-sizing:border-box; grid-template-columns:repeat(3,minmax(228px,1fr)); gap:12px; min-width:720px; padding:6px; background:#f5f7fb; } #workspaceHome #selectedBoardsPanel{overflow-x:auto} #workspaceHome #selectedBoardsPanel .wsb-grid>section{ box-sizing:border-box; overflow:hidden; border:1px solid #dfe5ee; border-radius:6px; background:#fff; } #workspaceHome #selectedBoardsPanel .wsb-grid>section>header{ box-sizing:border-box; height:48px; min-height:48px; padding:5px 8px; display:flex; flex-direction:column; align-items:stretch; justify-content:center; gap:1px; flex-wrap:nowrap; } #workspaceHome #selectedBoardsPanel .wsb-grid>section>header b, #workspaceHome #selectedBoardsPanel .wsb-grid>section>header small{ display:block; min-width:0; margin:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:17px; } #workspaceHome #selectedBoardsPanel .wsb-grid>section>header b{font-size:12px;font-weight:600} #workspaceHome #selectedBoardsPanel .wsb-grid>section>header small{font-size:10px;color:#778293} #workspaceHome #selectedBoardsPanel .wsb-scroll table{ table-layout:fixed; border:0; border-radius:0; box-shadow:none; } #workspaceHome #selectedBoardsPanel .wsb-boards{min-width:0} #workspaceHome #selectedBoardsPanel .wsb-scroll th, #workspaceHome #selectedBoardsPanel .wsb-scroll td{ box-sizing:border-box; height:26px; padding:4px 1px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:17px; letter-spacing:0; vertical-align:middle; } #workspaceHome #selectedBoardsPanel .wsb-scroll th{ height:28px; font-size:11px!important; font-weight:500!important; } #workspaceHome #selectedBoardsPanel .wsb-scroll td{ font-size:12px!important; font-weight:400; } #workspaceHome #selectedBoardsPanel .wsb-scroll th:first-child, #workspaceHome #selectedBoardsPanel .wsb-scroll td:first-child{padding-left:5px} #workspaceHome #selectedBoardsPanel .wsb-scroll th button, #workspaceHome #selectedBoardsPanel .wsb-scroll td button{ display:block; width:100%; max-width:100%; min-width:0; padding:0!important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:17px; font-size:inherit!important; font-weight:inherit; } #workspaceHome #selectedBoardsPanel .wsb-scroll td:first-child button{font-weight:500} #workspaceHome #selectedBoardsPanel .wsb-scroll .wsb-code{display:none} #workspaceHome #selectedBoardsPanel .wsb-scroll tr.is-selected td{font-weight:600} #workspaceHome #selectedBoardsPanel .wsb-stocks{min-width:360px;width:360px} #workspaceHome #selectedBoardsPanel .wsb-grid>section:nth-child(3){container:wsb-stock / inline-size} #workspaceHome #selectedBoardsPanel .wsb-grid>section:nth-child(3) .wsb-scroll{ overflow-x:auto; overscroll-behavior-x:contain; } #workspaceHome #selectedBoardsPanel .wsb-stocks td:first-child b{ font-size:inherit; font-weight:inherit; line-height:inherit; } @container wsb-stock (max-width:420px){ /* 前三列刚好占满可见宽度；后三列保留在右侧，横向滑动可查看。 */ #workspaceHome #selectedBoardsPanel .wsb-stocks{ min-width:calc(100cqw + 194px); width:calc(100cqw + 194px); } #workspaceHome #selectedBoardsPanel .wsb-stocks col:nth-child(1){width:50cqw!important} #workspaceHome #selectedBoardsPanel .wsb-stocks col:nth-child(2){width:27cqw!important} #workspaceHome #selectedBoardsPanel .wsb-stocks col:nth-child(3){width:23cqw!important} } @media(max-width:800px){ #workspaceHome #selectedBoardsPanel .wsb-grid{grid-template-columns:1fr;min-width:0} } /* Polling can reorder rows; keep the user’s viewport instead of anchoring a moved row. */ #selectedBoardsPanel .wsb-scroll{overflow-anchor:none} @media (max-width:880px) { /* Keep full board names readable inside the two linked lists; the list owns any horizontal scrolling instead of shrinking its type or hiding columns. */ #workspaceHome #selectedBoardsPanel .wsb-boards { min-width:174px; } #workspaceHome #selectedBoardsPanel .wsb-grid > section > header b { font-size:13px; } #workspaceHome #selectedBoardsPanel .wsb-meta { gap:4px 8px; line-height:1.5; } } @media(max-width:1024px) { #workspaceHome#workspaceHome .wc-panel[data-panel="selected_boards"] { height:clamp(360px,65svh,540px) !important; min-height:0; } #workspaceHome#workspaceHome .wc-panel[data-panel="selected_boards"] > .wc-panel-body { flex:1; } #workspaceHome #selectedBoardsPanel { height:100%; min-height:0; min-width:0; overflow:hidden; } #workspaceHome #selectedBoardsPanel .wsb-mobile-browser { display:flex; flex:1; flex-direction:column; min-height:0; min-width:0; overflow:hidden; padding:0; gap:0; background:#fff; } #selectedBoardsPanel :is(.wsb-meta,.wsb-note,.wsb-mobile-nav,.wsb-mobile-path,.wsb-mobile-heading) { flex-shrink:0; } #selectedBoardsPanel .wsb-mobile-nav { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid #e5e8ed; } #selectedBoardsPanel .wsb-mobile-browser button { font-family:inherit; font-size:13px !important; font-weight:400; min-width:0; box-shadow:none; } #selectedBoardsPanel .wsb-mobile-nav button { border:0; border-radius:0; min-height:38px; padding:7px 4px; background:#fff; color:#646e7b; } #selectedBoardsPanel .wsb-mobile-nav button[aria-pressed="true"] { color:#d92d32; background:#fff5f5; box-shadow:inset 0 -2px #d92d32; font-weight:600; } #selectedBoardsPanel .wsb-mobile-nav button:disabled { opacity:.4; cursor:default; } #selectedBoardsPanel .wsb-mobile-path { display:flex; flex-wrap:wrap; gap:4px 8px; align-items:center; padding:5px 8px; border-bottom:1px solid #edf0f3; } #selectedBoardsPanel .wsb-mobile-path button { border:0; padding:3px 0; background:none; color:#55728d; font-size:12px !important; text-align:left; overflow-wrap:anywhere; } #selectedBoardsPanel .wsb-mobile-path button:last-child { margin-left:auto; color:#d92d32; } #selectedBoardsPanel .wsb-mobile-content { display:flex; flex:1; flex-direction:column; min-height:0; min-width:0; overflow:hidden; } #selectedBoardsPanel .wsb-mobile-list { flex:1; min-height:0; max-height:none; overflow:auto; overscroll-behavior:none; overflow-anchor:none; } #selectedBoardsPanel .wsb-mobile-heading { display:flex; justify-content:space-between; align-items:center; gap:8px; padding:8px 10px; font-size:12px; border-bottom:1px solid #edf0f3; } #selectedBoardsPanel .wsb-mobile-heading b { font-weight:500; } #selectedBoardsPanel .wsb-mobile-heading small, #selectedBoardsPanel .wsb-mobile-heading > span { font-size:11px; color:#89929e; } #selectedBoardsPanel .wsb-mobile-browser .wsb-up { color:#d04444 !important; } #selectedBoardsPanel .wsb-mobile-browser .wsb-down { color:#15905c !important; } #selectedBoardsPanel .wsb-mobile-browser .wsb-empty { padding:22px 12px; margin:0; font-size:13px; } #selectedBoardsPanel .wsb-mobile-browser :is(button,summary):focus-visible { outline:2px solid #d92d32; outline-offset:-2px; } } @media(max-width:1024px) { #workspaceHome #selectedBoardsPanel .wsb-mobile-list { scrollbar-width:thin; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list table { border-collapse:separate; border-spacing:0; table-layout:fixed; font-size:13px; font-variant-numeric:tabular-nums; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list .wsb-mobile-table { width:580px; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list th, #workspaceHome #selectedBoardsPanel .wsb-mobile-list td { padding:7px 9px; text-align:right; white-space:nowrap; border-bottom:1px solid #edf0f3; background:#fff; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list th { position:sticky; top:0; z-index:1; background:#f7f8fa; color:#838b96; font-size:11px; font-weight:400; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list :is(th,td):first-child { position:sticky; left:0; z-index:2; text-align:left; width:112px; box-shadow:1px 0 #edf0f3; white-space:normal; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list th:first-child { z-index:3; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list .wsb-boards col:first-child { width:112px !important; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list button { display:block; width:100%; min-height:28px; padding:0; border:0; background:none; text-align:inherit; font-weight:400; line-height:19px; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list th button { font-size:11px !important; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list td:first-child button { white-space:normal; overflow-wrap:anywhere; font-weight:500; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list td b { font-weight:500; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list td small { display:block; color:#89929e; font-size:11px; line-height:16px; font-weight:400; } #workspaceHome #selectedBoardsPanel .wsb-mobile-list .is-selected td { background:#fff4f4; } } @media(max-width:1024px) { #workspaceHome#workspaceHome #selectedBoardsPanel .wsb-mobile-list table { display:table !important; overflow:visible !important; max-width:none !important; } #workspaceHome#workspaceHome #selectedBoardsPanel .wsb-mobile-list td:first-child button { white-space:normal; } } /* Windowed board lists retain their full scroll extent without mounting every row. */ #workspaceHome #selectedBoardsPanel .wsb-windowed tbody tr:not(.wsb-window-spacer) { height:26px; } #workspaceHome #selectedBoardsPanel .wsb-windowed .wsb-window-spacer td { padding:0!important; border:0!important; line-height:0!important; font-size:0!important; } @media(max-width:1024px){ #workspaceHome #selectedBoardsPanel .wsb-windowed tbody tr:not(.wsb-window-spacer), #workspaceHome #selectedBoardsPanel .wsb-windowed tbody tr:not(.wsb-window-spacer) td { height:50px; box-sizing:border-box; } }