/* Homepage-only visual layer. Shared workspaces and saved layouts are unchanged. */ #workspaceHome { --wb-ink:#24272e; --wb-copy:#69707c; --wb-muted:#9298a2; --wb-line:#e9eaed; --wb-blue:#c7353b; --wb-red:#df3942; --wb-soft:#f7f8fa; } #workspaceHome,#workspaceHome > .layout,#workspaceHome .main-area { background:#f7f8fa !important; } #workspaceHome .sidebar { background:#fff !important; border-right:1px solid #eceef1 !important; box-shadow:none !important; } #workspaceHome .sidebar .brand { color:#262930 !important; border-bottom:0 !important; } #workspaceHome .sidebar .brand-mark { width:36px !important; height:36px !important; border-radius:10px !important; box-shadow:none !important; } #workspaceHome .sidebar .brand small { color:#9298a2 !important; font-size:10px !important; font-weight:400 !important; } #workspaceHome .side-item { border:0 !important; border-radius:7px !important; background:transparent !important; box-shadow:none !important; color:#676c76 !important; min-height:44px !important; padding:4px 12px !important; gap:10px !important; } #workspaceHome .side-item::before { display:none !important; } #workspaceHome .side-item.active { color:#c52e35 !important; background:#fff0f0 !important; } #workspaceHome .side-item:hover { background:#f7f7f9 !important; transform:none !important; } #workspaceHome .si-name { font-size:13px !important; font-weight:550 !important; } #workspaceHome .si-tx small { display:none !important; } #workspaceHome .side-section-head { margin:0 0 6px !important; padding:0 5px !important; } #workspaceHome .side-customize-button { border-color:#eceef1 !important; background:#fff !important; box-shadow:none !important; color:#878b94 !important; font-size:12px !important; min-height:32px !important; padding:5px 12px !important; } #workspaceHome .side-foot { opacity:.6; } #workspaceHome .main-area .topbar { border:0 !important; border-bottom:1px solid #eceef1 !important; border-radius:0 !important; box-shadow:none !important; background:#fff !important; margin:0 !important; min-height:64px !important; padding:12px 28px !important; } #workspaceHome .page-title { color:#30343b !important; font-size:17px !important; font-weight:650 !important; } #workspaceHome .page-title::before { display:none !important; } #workspaceHome .topbar nav a { color:#777c86 !important; font-size:12px !important; font-weight:500 !important; padding:7px 9px !important; } #workspaceHome .topbar nav a:hover { color:#c7353b !important; background:#fff4f4 !important; } #workspaceHome .topbar-line-icon { width:15px !important; height:15px !important; } #workspaceHome .main-area .content.workbench-content { width:calc(100% - 48px) !important; max-width:1800px !important; padding-top:26px !important; gap:16px !important; } #workspaceHome .wh-intro { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:0 0 8px; } #workspaceHome .wh-eyebrow { color:#8a8f98; font-size:11px; letter-spacing:2px; } #workspaceHome .wh-intro h2 { margin:7px 0; color:#272b33; font-size:28px; font-weight:650; letter-spacing:-1px; } #workspaceHome .wh-intro h2 span { color:#d92d32; } #workspaceHome .wh-intro p { margin:0; color:#888e98; font-size:12px; } #workspaceHome .wh-ai-action { display:flex; align-items:center; gap:12px; padding:12px 17px; border:1px solid #eac7c9; border-radius:8px; color:#c52e35; background:#fff; font-size:12px; font-weight:600; text-decoration:none; } #workspaceHome .wh-ai-action:hover { background:#fff1f1; border-color:#d92d32; } #workspaceHome .wb-tape { border-color:#e9eaed; border-radius:10px; box-shadow:none; grid-template-columns:96px minmax(0,1fr); background:#fff; } #workspaceHome .wb-tape-more { display:none; } #workspaceHome .wb-tape-heading { border-color:#eceef1; } #workspaceHome .wb-tape-title span { font-size:12px; color:#616774; } #workspaceHome .wb-tape-title small { display:none; } #workspaceHome .wb-index-group { border:0; background:transparent; } #workspaceHome .wb-index-group-label { color:#969ba4; background:transparent; font-weight:400; } #workspaceHome .wb-index { border-color:#f0f1f3; } #workspaceHome .wb-index b { font-size:17px; font-weight:600; } #workspaceHome .wb-index em { font-size:11px; } #workspaceHome .wb-kpis { gap:0; border:1px solid #e9eaed; border-radius:10px; background:#fff; padding:14px 0; } #workspaceHome .wb-kpi { border:0; border-right:1px solid #eeeff2; border-radius:0; background:#fff; box-shadow:none; padding:6px 18px; } #workspaceHome .wb-kpi:last-child { border-right:0; } #workspaceHome .wb-kpi:hover { transform:none; background:#fcfcfd; } #workspaceHome .wb-kpi-temperature { width:100%; appearance:none; color:inherit; font:inherit; text-align:left; cursor:pointer; } #workspaceHome .wb-temperature-history-hint { display:inline-flex; margin-left:5px; padding:2px 5px; border-radius:999px; color:#a14b50; background:#fff0f0; font-size:9px; font-weight:600; vertical-align:1px; } #workspaceHome .wb-kpi strong { font-size:25px; font-weight:600; margin:9px 0 7px; } #workspaceHome .wb-kpi small { color:#9196a0; font-size:10px; } #workspaceHome .wb-kpi-xiaoyi strong { font-size:13px; color:#c7353b; margin:3px 0; } #workspaceHome .wb-kpi-xiaoyi small { font-size:9px; } #workspaceHome .wb-route { padding:2px 4px; border:0; border-radius:0; background:transparent; box-shadow:none; min-height:42px; gap:28px; } #workspaceHome .wb-route-head b,#workspaceHome .wb-route nav small { display:none; } #workspaceHome .wb-route-badge { background:transparent; color:#999ea7; padding:0; font-weight:500; } #workspaceHome .wb-route nav i { width:20px; height:20px; border:0; color:#a6abb3; background:#eaedf0; font-size:10px; } #workspaceHome .wb-route nav span { color:#69717d; font-size:11px; font-weight:500; } #workspaceHome .wb-layout-bar { border:0; background:transparent; border-radius:8px; box-shadow:none; } #workspaceHome .wb-layout-summary { padding:0 0 1px; } #workspaceHome .wb-layout-summary b { font-size:16px; font-weight:600; } #workspaceHome .wb-customize-btn { border-color:#e0e2e7; border-radius:6px; font-size:11px; font-weight:500; color:#727985; background:#fff; box-shadow:none; } #workspaceHome .wb-panel { border-color:#e7e9ed; border-radius:10px; box-shadow:0 2px 3px #24272e02; } #workspaceHome .wb-panel-head { padding:17px 18px; gap:8px; min-height:76px; border-color:#eff0f3; } #workspaceHome .wb-panel-head > div { padding-left:0; } #workspaceHome .wb-section-no { display:none; } #workspaceHome .wb-panel-head h2 { font-size:15px; font-weight:600; letter-spacing:0; } #workspaceHome .wb-panel-head small { display:block; margin:5px 0 0; font-size:10px; color:#a0a5ad; } #workspaceHome .wb-panel-head a { font-size:10px; font-weight:500; color:#8d929b; } #workspaceHome .wb-panel-head a:hover { color:#c7353b; } #workspaceHome .wb-cycle-mini { background:#fff; border-color:#f0f1f3; border-radius:6px; } #workspaceHome .wb-risk-strip { background:#faf9f7; border:0; color:#978574; border-radius:5px; font-size:10px; } #workspaceHome .wb-stock { background:#fff; border-color:#e9eaed; border-radius:7px; box-shadow:none; } #workspaceHome .wb-stock:hover { border-color:#e1a9ad; background:#fffbfb; } #workspaceHome .wb-stock-name { font-weight:600; } #workspaceHome .wb-ladder-row { border-bottom-style:solid; border-color:#f0f1f3; } #workspaceHome .wb-discovery-feed { background:#fff; padding:10px 14px; } #workspaceHome .wb-feed-livebar { padding:4px 0 10px; border:0; background:#fff; border-radius:0; } #workspaceHome .wb-feed-livebar button { color:#838995; border-color:#e8eaee; } #workspaceHome .wb-feed-filters { gap:5px; border-bottom:1px solid #eee; } #workspaceHome .wb-feed-filters button { border:0; border-bottom:2px solid transparent; border-radius:0; color:#8c929c; padding:7px; } #workspaceHome .wb-feed-filters button.active { color:#c7353b; border-bottom-color:#c7353b; background:#fff; } #workspaceHome .wb-feed-item { border-color:#eceef1; border-radius:6px; box-shadow:none; } #workspaceHome .wb-feed-ai { background:#fafafa; border-color:#edeef1; border-top-style:solid; } #workspaceHome :is(a,button):focus-visible { outline: none; } @media(min-width:1100px) { html:not(.yp-sidebar-collapsed) #workspaceHome .sidebar { width:204px !important; padding:16px 14px !important; } #workspaceHome .side-nav { gap:6px !important; } } @media(max-width:1200px) { #workspaceHome .wb-kpis { grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px 0; } #workspaceHome .wb-kpi { padding:6px 12px; } #workspaceHome .topbar nav a { padding:5px !important; font-size:11px !important; } } @media(max-width:767px) { #workspaceHome .main-area .content.workbench-content { width:calc(100% - 24px) !important; padding-top:16px !important; gap:12px !important; } #workspaceHome .main-area .topbar { padding:12px !important; } #workspaceHome .wh-intro { align-items:flex-start; flex-direction:column; gap:14px; } #workspaceHome .wh-intro h2 { font-size:24px; } #workspaceHome .wh-ai-action { padding:9px 13px; } #workspaceHome .wb-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); } #workspaceHome .wb-kpi strong { font-size:23px; } #workspaceHome .wb-route { display:flex; flex-direction:column; gap:8px; align-items:flex-start; } #workspaceHome .wb-route nav { min-width:0; width:100%; } #workspaceHome .wb-route nav > * { gap:5px; } #workspaceHome .wb-route nav > *::after { display:none; } #workspaceHome .wb-route nav span { font-size:10px; } #workspaceHome .wb-layout-summary span { display:none; } #workspaceHome .wb-panel-head { padding:14px; } } @media(min-width:1100px) { html:not(.yp-sidebar-collapsed) #workspaceHome .sidebar { min-width:204px !important; flex-basis:204px !important; } } @media(max-width:767px) { #workspaceHome #wbKpis .wb-kpi { background:#fff !important; border:0 !important; border-right:1px solid #eceef1 !important; border-radius:0 !important; box-shadow:none !important; } #workspaceHome #wbKpis .wb-kpi-xiaoyi { border-bottom:1px solid #eceef1 !important; padding-bottom:12px !important; } #workspaceHome #wbKpis .wb-kpi-xiaoyi strong { color:#c7353b !important; } #workspaceHome .wb-tape-heading { padding-left:9px; padding-right:5px; } #workspaceHome .wb-tape-title span { white-space:nowrap; } } /* Readable overview: keep the module layout while giving real content priority. */ #workspaceHome { --wb-copy:#58616d; --wb-muted:#737c87; } #workspaceHome .wh-intro { padding-bottom:0; } #workspaceHome .wh-intro h2 { font-size:24px; margin:4px 0; } #workspaceHome .wh-intro p { font-size:13px; color:#68717d; } #workspaceHome .wh-eyebrow { display:none; } #workspaceHome .wb-panel-head { min-height:72px; padding:14px 16px; } #workspaceHome .wb-panel-head h2 { font-size:18px !important; line-height:1.4; } #workspaceHome .wb-panel-head small { font-size:12px !important; line-height:1.5; color:#737c87 !important; } #workspaceHome .wb-panel-head a { font-size:12px !important; color:#686f7a; } #workspaceHome .wb-kpi > span { font-size:13px !important; color:#626a75; } #workspaceHome .wb-kpi strong { font-size:28px !important; } #workspaceHome .wb-kpi small { font-size:12px !important; color:#717985; } #workspaceHome .wb-kpi-xiaoyi strong { font-size:16px !important; } #workspaceHome .wb-kpi-xiaoyi small { font-size:11px !important; } #workspaceHome .wb-index > span { font-size:13px !important; } #workspaceHome .wb-index b { font-size:20px !important; } #workspaceHome .wb-index em { font-size:13px !important; } #workspaceHome .wb-route { min-height:30px; } #workspaceHome .wb-route nav span { font-size:12px; } #workspaceHome .wb-layout-summary b { font-size:18px; } #workspaceHome .wb-customize-btn { font-size:13px; } #workspaceHome :is(.wb-stock-name,.wb-watch-row b,.wb-theme b,.wb-next-list b,.wb-board-strength-name) { font-size:15px !important; line-height:1.5; } #workspaceHome :is(.wb-stock > strong,.wb-watch-quote strong,.wb-theme > strong) { font-size:15px !important; } #workspaceHome :is(.wb-stock-theme,.wb-stock-oneword-tag,.wb-stock-themes small,.wb-watch-row small,.wb-next-list small,.wb-panel-action,.wb-risk-strip,.wb-board-strength-head,.wb-board-strength-row,.wb-theme small) { font-size:12px !important; line-height:1.5; } #workspaceHome .wb-stock { padding:10px; } #workspaceHome .wb-stock-themes { flex-wrap:wrap; gap:4px; } #workspaceHome .wb-ladder-level b { font-size:27px; } #workspaceHome .wb-ladder-level :is(span,small) { font-size:12px; } #workspaceHome .wb-cycle-current :is(span,em), #workspaceHome .wb-cycle-leaders > small { font-size:12px !important; line-height:1.5; } #workspaceHome .wb-cycle-leaders > b { font-size:16px !important; } #workspaceHome .wb-cycle-mini > header { flex-wrap:wrap; align-items:baseline; padding:9px 9px 3px; } #workspaceHome .wb-cycle-mini > header b { font-size:12px !important; } #workspaceHome .wb-cycle-mini > header span { font-size:11px !important; } #workspaceHome .wb-cycle-mini > div { height:110px !important; } #workspaceHome :is(.wb-feed-source h3,.wb-feed-source > p,.wb-feed-ai > p,.wb-news-row b) { font-size:14px !important; line-height:1.65 !important; } #workspaceHome :is(.wb-feed-filters button,.wb-tabs button) { font-size:13px !important; padding:8px 10px; } #workspaceHome :is(.wb-feed-livebar b,.wb-feed-livebar button,.wb-feed-livebar span,.wb-feed-columns,.wb-feed-meta time,.wb-feed-kind,.wb-feed-refs small,.wb-feed-refs a,.wb-feed-refs span,.wb-feed-stance,.wb-feed-confidence,.wb-feed-ai > div:first-child > b,.wb-feed-sector,.wb-feed-stock,.wb-feed-more,.wb-feed-more b,.wb-feed-locked,.wb-feed-locked span,.wb-news-row small) { font-size:11px !important; line-height:1.5; } #workspaceHome .wb-feed-livebar { flex-wrap:wrap; row-gap:7px; } #workspaceHome .wb-feed-columns { grid-template-columns:1fr; gap:3px; } #workspaceHome .wb-feed-source { padding:12px; } #workspaceHome .wb-feed-ai { padding:10px 12px; } #workspaceHome .wb-board-strength-row { min-height:46px; } #workspaceHome :is(.wb-empty,.wb-empty-state p,.wb-login-card p,.wb-feature-body p) { font-size:13px !important; } @media(min-width:1025px) { #workspaceHome .main-area .content.workbench-content { padding-top:18px !important; gap:12px !important; } #workspaceHome .wb-layout-column, #workspaceHome .wb-column { grid-auto-rows:580px; } #workspaceHome .wb-kpis { padding:10px 0; } #workspaceHome .wb-kpi { padding:6px 12px; } } @media(max-width:1024px) { #workspaceHome .wb-panel-head h2 { font-size:17px !important; } #workspaceHome .wb-kpi strong { font-size:25px !important; } #workspaceHome .wb-kpi-xiaoyi strong { font-size:16px !important; } #workspaceHome .wb-kpi small { white-space:normal; line-height:1.5; } #workspaceHome .wb-index b { font-size:18px !important; } #workspaceHome .wb-index > span, #workspaceHome .wb-index em { font-size:12px !important; } #workspaceHome .wb-cycle-mini > div { height:116px !important; } } #workspaceHome .wb-stock strong { font-size:13px !important; } #workspaceHome .wb-stock > span:first-child { flex-wrap:wrap; gap:4px 8px; } #workspaceHome .wb-stock-theme { white-space:normal; overflow-wrap:anywhere; } #workspaceHome .wb-ladder-more { font-size:12px; } /* 市场温度近 30 日：按交易日展示每日最后一笔有效值。 */ #workspaceHome .wb-temperature-mask { position:fixed; z-index:15000; inset:0; display:grid; place-items:center; padding:22px; background:#20232b66; } #workspaceHome .wb-temperature-dialog { width:min(680px,calc(100vw - 32px)); overflow:hidden; border:1px solid #e2e3e7; border-radius:14px; background:#fff; box-shadow:0 22px 60px #20232b33; } #workspaceHome .wb-temperature-dialog > header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 18px 13px; border-bottom:1px solid #eceef1; } #workspaceHome .wb-temperature-dialog > header span { display:block; color:#9a6a6d; font-size:10px; font-weight:600; letter-spacing:.06em; } #workspaceHome .wb-temperature-dialog > header h2 { margin:4px 0 0; color:#30343b; font-size:18px; font-weight:650; } #workspaceHome .wb-temperature-dialog > header button { display:grid; width:30px; height:30px; place-items:center; flex:0 0 auto; border:0; border-radius:8px; color:#777d87; background:#f3f4f6; font-size:20px; cursor:pointer; } #workspaceHome .wb-temperature-dialog > header button:hover { color:#c7353b; background:#fff0f0; } #workspaceHome .wb-temperature-chart { height:330px; margin:4px 8px 0; } #workspaceHome .wb-temperature-loading,#workspaceHome .wb-temperature-empty { display:grid; height:100%; place-items:center; align-content:center; gap:10px; color:#858b95; font-size:12px; } #workspaceHome .wb-temperature-loading i { width:28px; height:28px; border:3px solid #eadbdd; border-top-color:#c7353b; border-radius:50%; animation:wbSpin .8s linear infinite; } #workspaceHome .wb-temperature-dialog > footer { padding:0 18px 15px; color:#9297a0; font-size:11px; text-align:right; } @media(max-width:600px) { #workspaceHome .wb-temperature-mask { align-items:end; padding:0; } #workspaceHome .wb-temperature-dialog { width:100%; border-radius:16px 16px 0 0; } #workspaceHome .wb-temperature-chart { height:300px; margin-inline:2px; } } @media(max-width:1024px) { #workspaceHome #wbKpis .wb-kpi strong { font-size:25px !important; } #workspaceHome #wbKpis .wb-kpi > span { font-size:13px !important; } #workspaceHome #wbKpis .wb-kpi small { font-size:12px !important; white-space:normal !important; } #workspaceHome #wbKpis .wb-kpi-xiaoyi strong { font-size:16px !important; } #workspaceHome #wbKpis .wb-kpi-xiaoyi small { font-size:11px !important; } } /* 实时时钟与交易日状态：紧凑展示，给行情内容留出空间。 */ #workspaceHome .wh-clock-strip { display:flex; align-items:center; justify-content:flex-start; flex-wrap:wrap; gap:12px; padding:2px 0 8px; } #workspaceHome .wh-clock-main { display:flex; align-items:baseline; flex-wrap:wrap; gap:8px 16px; } #workspaceHome #wbBeijingTime { flex:0 0 8ch; inline-size:8ch; color:#27272d; font-size:14px; line-height:1.3; font-weight:650; font-variant-numeric:tabular-nums; letter-spacing:0; } #workspaceHome .wh-clock-date { color:#66666f; font-size:14px; } #workspaceHome .wh-trading-day { display:inline-flex; align-items:center; flex-shrink:0; gap:7px; padding:8px 12px; border:1px solid #e6e6e9; border-radius:8px; background:#fff; color:#6b6b74; font-size:12px; font-weight:600; white-space:nowrap; } #workspaceHome .wh-trading-day::before { content:""; width:6px; height:6px; border-radius:50%; background:currentColor; } #workspaceHome .wh-trading-day[data-status="open"] { color:#df343e; border-color:#f3cdd0; background:#fff7f7; } @media(max-width:600px) { #workspaceHome .wh-clock-strip { gap:10px; align-items:center; } #workspaceHome .wh-clock-main { gap:6px 10px; } #workspaceHome #wbBeijingTime { font-size:12px; } #workspaceHome .wh-clock-date { font-size:12px; } #workspaceHome .wh-trading-day { padding:7px 9px; font-size:11px; } } /* 日期与指数共用一条工具栏，指数列表超宽时横向浏览。 */ #workspaceHome .wh-market-bar { display:flex; align-items:center; gap:16px; min-width:0; } #workspaceHome .wh-market-bar .wh-clock-strip { flex:0 0 auto; flex-wrap:nowrap; padding:0; } #workspaceHome .wh-market-bar .wh-clock-main { flex-wrap:nowrap; gap:10px; white-space:nowrap; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-tape { flex:1 1 0; min-width:0; min-height:36px; height:36px !important; margin:0 !important; display:flex; align-items:center; padding:0; border:0; background:transparent; box-shadow:none; overflow:visible; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-tape-heading { order:2; border:0; padding:0 0 0 8px; flex:0 0 auto; } #workspaceHome .wh-market-bar .wb-tape-title { display:none; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-index-customize { padding:6px; font-size:12px; white-space:nowrap; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-tape-track { flex:1 1 0; min-width:0; padding:0; gap:0; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-index-group { display:flex; align-items:center; flex:0 0 auto; min-width:0; border:0; border-radius:0; background:transparent; } #workspaceHome .wh-market-bar .wb-index-group-label { display:inline-flex; position:static; flex:0 0 auto; align-items:center; margin:0 2px 0 8px; padding:3px 7px; border:1px solid #e5e7eb; border-radius:5px; color:#747b87; font-size:11px; font-weight:500; line-height:16px; white-space:nowrap; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-index-group-items { display:flex; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-index { min-width:0; min-height:34px; flex-direction:row; align-items:center; gap:7px; padding:6px 12px; border:0; border-radius:6px; white-space:nowrap; background:transparent; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-index > span { margin:0; color:#66666f; font-size:12px !important; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-index em { margin:0; font-size:12px !important; } #workspaceHome#workspaceHome#workspaceHome#workspaceHome .wh-market-bar .wb-index:is(:hover,.is-active) { background:#fff1f2; } @media(max-width:600px) { #workspaceHome .wh-market-bar { flex-wrap:wrap; gap:4px; } #workspaceHome .wh-market-bar .wb-tape { flex-basis:100% !important; } } /* 涨跌统计详情：与指数分时一致的白色浮层。 */ #workspaceHome #wbBreadthTrigger { appearance:none; background:transparent; border:0; border-radius:0; text-align:left; font-family:inherit; cursor:pointer; } #workspaceHome #wbBreadthTrigger:is(:hover,[aria-expanded="true"]) { background:#fff5f5 !important; } #workspaceHome #wbBreadthTrigger:focus-visible { outline: none; } #workspaceHome #wbAmountTrigger { appearance:none; background:transparent; border:0; border-radius:0; text-align:left; font-family:inherit; cursor:pointer; } #workspaceHome #wbAmountTrigger:is(:hover,[aria-expanded="true"]) { background:#fff5f5 !important; } #workspaceHome #wbAmountTrigger:focus-visible { outline: none; } #workspaceHome .wb-breadth-chevron { font-size:14px; color:#999; } #wbBreadthPopover[hidden] { display:none !important; } #workspaceHome #wbBreadthPopover { position:fixed; z-index:16000; box-sizing:border-box; max-height:calc(100dvh - 24px); overflow:auto; border:1px solid #e5e5e8; border-radius:14px; background:#fff; box-shadow:0 16px 38px #25253024; color:#303039; } #wbBreadthPopover > header { display:flex; align-items:center; justify-content:space-between; padding:16px 20px 12px; border-bottom:1px solid #eeeef0; } #wbBreadthPopover h2 { font-size:18px; margin:0 0 4px; } #wbBreadthPopover header small { font-size:12px; color:#898991; } #wbBreadthPopover header button { width:30px; height:30px; border:0; border-radius:7px; background:#f5f5f6; color:#777; font-size:22px; cursor:pointer; } #wbBreadthSummary { display:flex; flex-wrap:wrap; gap:12px 20px; padding:18px 20px 6px; } #wbBreadthSummary > span { display:flex; align-items:baseline; gap:7px; font-size:13px; color:#6c6c75; } #wbBreadthSummary b { font-size:20px; font-variant-numeric:tabular-nums; } #wbBreadthSummary small { font-size:11px; } #wbBreadthSummary .breadth-up { color:#ef3e46; } #wbBreadthSummary .breadth-down { color:#12a164; } #wbBreadthSummary .breadth-flat { color:#898991; } #wbBreadthChart { height:290px; width:100%; font-size:14px; color:#888; } #wbBreadthNote { margin:0; padding:0 20px 16px; font-size:11px; line-height:1.7; color:#909098; } #wbAmountPopover[hidden] { display:none !important; } #workspaceHome #wbAmountPopover { position:fixed; z-index:16000; box-sizing:border-box; max-height:calc(100dvh - 24px); overflow:auto; border:1px solid #e5e5e8; border-radius:14px; background:#fff; box-shadow:0 16px 38px #25253024; color:#303039; } #wbAmountPopover > header { display:flex; align-items:center; justify-content:space-between; padding:16px 20px 12px; border-bottom:1px solid #eeeef0; } #wbAmountPopover h2 { margin:0 0 4px; font-size:18px; } #wbAmountPopover header small { color:#898991; font-size:12px; } #wbAmountPopover header button { width:30px; height:30px; border:0; border-radius:7px; background:#f5f5f6; color:#777; font-size:22px; cursor:pointer; } #wbAmountSummary { display:flex; align-items:center; flex-wrap:wrap; gap:10px 16px; padding:15px 20px 0; } #wbAmountSummary .wb-amount-total { color:#ef3e46; font-size:24px; font-weight:650; font-variant-numeric:tabular-nums; } #wbAmountSummary .wb-amount-change { padding:6px 10px; border-radius:999px; background:#fff1f2; font-size:12px; } #wbAmountSummary .wb-amount-change.is-up { color:#ef3e46; } #wbAmountSummary .wb-amount-change.is-down { color:#12a164; background:#effaf5; } #wbAmountChart { width:100%; height:300px; color:#888; font-size:14px; } @media(max-width:600px) { #wbBreadthSummary { gap:8px 14px; padding:12px 14px 4px; } #wbBreadthSummary b { font-size:18px; } #wbBreadthChart { height:280px; } #wbBreadthPopover > header { padding:12px 14px; } #wbBreadthNote { padding:0 14px 12px; } #wbAmountPopover > header { padding:12px 14px; } #wbAmountSummary { padding:12px 14px 0; } #wbAmountChart { height:280px; } } /* 五项核心指标按相同视觉权重对照相邻交易日。 */ #workspaceHome .wb-kpi-compare { display:flex; flex-direction:column; gap:10px; margin:9px 0 7px; } #workspaceHome .wb-kpi-compare-row { display:flex; align-items:center; gap:8px; white-space:nowrap; } #workspaceHome #wbKpis .wb-kpi-compare-row strong { margin:0; font-size:clamp(18px,1.8vw,28px) !important; line-height:1.15; } #workspaceHome #wbKpis .wb-kpi-day { flex:0 0 30px; color:#85858d; font-size:11px !important; font-weight:400; line-height:1.2; } #workspaceHome #wbKpis .wb-kpi-day small { display:block; font-size:9px !important; color:#9999a1; margin-top:3px; line-height:1.2; } #workspaceHome #wbKpis .wb-kpi-compare-row .wb-kpi-pair { gap:4px; } @media(max-width:1024px) { #workspaceHome #wbKpis .wb-kpi-compare-row strong { font-size:23px !important; } #workspaceHome .wb-kpi-compare-row { gap:6px; } } /* Desktop inline search shares the mobile history and hotlist controller. */ #workspaceHome .wh-stock-search { display:none; } @media (min-width:1025px) { #workspaceHome .wh-stock-search { display:block; position:relative; z-index:110; margin:2px 0 4px; } #workspaceHome .wh-stock-search .stock-search-form { padding:0 12px 0 0; border:1px solid #e5e7eb; border-radius:8px; background:#fff; } #workspaceHome #stockSearchInput { height:44px; border:0; background:transparent; box-shadow:none; font-size:13px; } #workspaceHome .wh-stock-search .stock-search-form > button { color:#c7353b; font-size:13px; } #workspaceHome .wh-stock-search-dropdown { position:absolute; top:calc(100% + 6px); left:0; width:min(680px,100%); max-height:min(560px,65vh); overflow:auto; overscroll-behavior:contain; padding:12px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; box-shadow:0 14px 36px #25253024; } #workspaceHome .wh-stock-search-dropdown[hidden], #workspaceHome .stock-history-list[hidden] { display:none; } #workspaceHome .wh-stock-search:not(.is-open) .ac-panel { display:none; } #workspaceHome .wh-stock-search .ac-panel { z-index:2; width:min(680px,calc(100% + 67px)); right:auto; } #workspaceHome .wh-stock-search .wb-up { color:#e33e49; } #workspaceHome .wh-stock-search .wb-down { color:#12a164; } } /* 工作台紧凑梯队：卡片随面板宽度换列，内容始终保留两行。 */ #workspaceHome #ladderPanel { container-type:inline-size; } #workspaceHome .wb-ladder-toolbar { display:flex; align-items:flex-start; gap:10px; padding:6px 15px; font-size:11px; color:var(--wb-muted); } #workspaceHome .wb-ladder-toolbar label { box-sizing:border-box; height:28px; flex:none; white-space:nowrap; display:flex; align-items:center; gap:5px; cursor:pointer; } #workspaceHome .wb-ladder-toolbar input { accent-color:var(--wb-blue); } #workspaceHome .wb-ladder-concepts { display:flex; flex:1; min-width:0; align-items:center; flex-wrap:nowrap; gap:6px; margin:0; padding-bottom:12px; overflow-x:auto; scrollbar-width:thin; } #workspaceHome .wb-concept-chip { box-sizing:border-box; height:28px; line-height:20px; padding:3px 8px; border:1px solid #e1e8f0; border-radius:7px; color:#64748b; font-size:12px; white-space:nowrap; } #workspaceHome .wb-concept-chip.is-hot { border-color:#f4d5d8; color:#cf5360; } #workspaceHome .wb-ladder-row { grid-template-columns:48px minmax(0,1fr); gap:10px; padding:8px 0; border-bottom:1px dashed #e9edf2; } #workspaceHome .wb-ladder-level b { font-size:18px; line-height:1.2; } #workspaceHome .wb-ladder-level b small { font-size:16px; } #workspaceHome .wb-ladder-level span { margin-top:2px; } #workspaceHome .wb-ladder-stocks { grid-template-columns:repeat(auto-fill,min(100%,164px)); gap:5px; align-content:start; justify-content:start; } #workspaceHome .wb-stock { padding:5px 7px; border-radius:8px; background:#f7f8fa; border-color:#e4e7ec; } #workspaceHome .wb-stock > span:first-child { flex-wrap:nowrap; gap:6px; } #workspaceHome .wb-stock-name { overflow:hidden; text-overflow:ellipsis; font-size:12px !important; line-height:1.4; } #workspaceHome .wb-stock strong { font-size:11px !important; font-variant-numeric:tabular-nums; } #workspaceHome .wb-stock strong.wb-down { color:var(--wb-green); } #workspaceHome .wb-stock strong.wb-flat { color:var(--wb-muted); } #workspaceHome .wb-stock-bottom { margin-top:1px; gap:5px; } #workspaceHome .wb-stock-themes { flex:1; flex-wrap:nowrap; justify-content:flex-start; overflow:hidden; gap:4px; margin:0; } #workspaceHome .wb-stock-theme { min-width:0; padding:0; background:none; color:#8b97ab; font-weight:400; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } #workspaceHome .wb-stock-bottom time { flex:none; color:#8b97ab; font-size:11px; font-variant-numeric:tabular-nums; } #workspaceHome .wb-stock-repeat-tag { flex:none; padding:0 4px; border-radius:3px; color:#b96a0a; background:#fff0d9; } #workspaceHome .wb-stock-repeat { border-color:#ffd09b; background:#fff9f0; } #workspaceHome .wb-stock-oneword { border-color:#ffb9b5; background:#fff8f8; } #workspaceHome .wb-stock-failed { border-style:solid; border-color:#a8dec1; background:#edf9f2; } #workspaceHome .wb-stock-failed:hover { border-color:#64bf91; background:#e2f5e9; } #workspaceHome .wb-stock-failed-tag { flex:none; color:#168451; } #workspaceHome .wb-ladder-more { min-height:48px; color:var(--wb-blue); font-size:13px; } @container (max-width:420px) { #workspaceHome .wb-ladder-row { grid-template-columns:40px minmax(0,1fr); gap:6px; } } #workspaceHome #ladderPanel .wb-stock-bottom small { font-size:10px !important; line-height:1.4; } #workspaceHome #ladderPanel .wb-ladder-level span { font-size:10px; } #workspaceHome .wb-concepts-more { flex:none; min-width:0; white-space:nowrap; } #workspaceHome .wb-concepts-more summary { box-sizing:border-box; height:28px; line-height:20px; display:inline-block; width:fit-content; padding:3px 8px; border:1px dashed #dce3eb; border-radius:7px; color:var(--wb-muted); font-size:12px; cursor:pointer; } #workspaceHome .wb-concepts-minor { display:inline-flex; flex-wrap:nowrap; gap:6px; margin-left:6px; vertical-align:middle; } #workspaceHome .wb-concepts-collapse, #workspaceHome .wb-concepts-more[open] .wb-concepts-expand { display:none; } #workspaceHome .wb-concepts-more[open] .wb-concepts-collapse { display:inline; } #workspaceHome #ladderPanel .wb-stock-bottom .wb-stock-theme { font-size:12px !important; line-height:1.4; } #workspaceHome button.wb-ladder-more { width:100%; padding:0; font-family:inherit; cursor:pointer; } #workspaceHome #ladderPanel .wb-promotion { margin:4px 0; color:var(--wb-muted); line-height:1.2; } #workspaceHome #ladderPanel .wb-promotion span { margin:0; white-space:nowrap; } #workspaceHome #ladderPanel .wb-promotion em { display:block; margin-top:2px; color:var(--wb-red); font-size:11px; font-weight:600; font-style:normal; } #workspaceHome .wb-stock-oneword-tag { flex:none; padding:0 4px; border-radius:3px; color:#d8494e; background:#ffe8e9; } #workspaceHome .wb-concept-chip { font-family:inherit; cursor:pointer; background:#fff; } #workspaceHome .wb-concept-chip[aria-pressed="true"] { color:#2469b2; border-color:#69a4e4; background:#eef6ff; } #workspaceHome .wb-stock.is-concept-match { border-color:#5b9cde !important; box-shadow:0 0 0 1px #5b9cde; } #workspaceHome .wb-stock.is-concept-dim { opacity:.38; } #workspaceHome .wb-stock-theme[data-highlight-concept] { cursor:pointer; } .wb-amount-summary { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:6px 12px; } .wb-amount-summary .wb-amount-total { margin-left:auto; order:3; color:#ef3e46; font-size:26px; font-weight:650; font-variant-numeric:tabular-nums; } .wb-amount-summary .wb-amount-change,.wb-amount-summary .wb-amount-prediction { padding:7px 11px; border:1px solid #ffd2d5; border-radius:999px; background:#fff4f4; font-size:12px; color:#ef3e46; } .wb-amount-summary .wb-amount-change.is-down { color:#12a164; background:#effaf5; border-color:#cbeedd; } .wb-amount-summary .wb-amount-prediction { color:#737987; border-color:#e6e9ef; background:#f6f7fa; } /* 搜索固定在工作台顶部中间，沿用原节点及搜索联想/热榜交互。 */ @media (min-width:1025px) { #workspaceHome .main-area > .topbar:not(.yp-topbar-collapsed) { display:grid !important; grid-template-columns:minmax(110px,1fr) minmax(240px,520px) max-content; align-items:center; gap:18px; position:sticky; top:0; z-index:220; overflow:visible; } #workspaceHome .topbar > #workspaceStockSearch { width:100%; min-width:0; margin:0; } #workspaceHome .topbar > nav { justify-self:end; width:max-content; min-width:max-content; margin:0; } #workspaceHome .topbar #stockSearchInput { width:100%; min-width:0; height:38px; } #workspaceHome .topbar .stock-search-form { height:40px; } #workspaceHome .topbar .stock-search-form .ab-stock { min-width:0; } #workspaceHome .topbar .wh-stock-search-dropdown { width:min(680px,calc(100vw - 300px)); left:50%; transform:translateX(-50%); } #workspaceHome .content .wh-search-memo-row { grid-template-columns:minmax(0,1fr); } } @media (min-width:1025px) and (max-width:1500px) { #workspaceHome .main-area > .topbar:not(.yp-topbar-collapsed) { grid-template-columns:minmax(100px,1fr) minmax(220px,440px) max-content; gap:12px; } #workspaceHome .topbar .topbar-primary a span, #workspaceHome .topbar .topbar-primary a small { display:none; } } /* Desktop workspace: reclaim vertical space above the market panels. */ @media (min-width:1025px) { #workspaceHome .main-area > .topbar:not(.yp-topbar-collapsed) { min-height:48px !important; padding-top:3px !important; padding-bottom:3px !important; } #workspaceHome .topbar .yp-global-search-field, #workspaceHome .topbar .stock-search-form { height:36px; } #workspaceHome .topbar #stockSearchInput { height:34px; } } /* Compact desktop search popover; standalone/mobile search keeps touch spacing. */ @media (min-width:1025px) { #workspaceHome .wh-stock-search-dropdown { padding:8px; } #stockSearchDropdown .stock-search-history { margin-bottom:6px; padding:0 10px 8px; border-radius:7px; box-shadow:none; } #stockSearchDropdown .stock-search-history:has(.stock-history-list[hidden]) { padding-bottom:0; } #stockSearchDropdown .stock-search-history > header { min-height:36px; } #stockSearchDropdown .stock-search-history h2 { font-size:13px; } #stockSearchDropdown .stock-search-hot { display:grid; grid-template-columns:auto minmax(0,1fr); border-radius:7px; box-shadow:none; } #stockSearchDropdown .stock-search-hot > header { min-height:40px; padding:0 10px; border-bottom:0; } #stockSearchDropdown .stock-search-hot :is(h1,h2) { font-size:13px; white-space:nowrap; } #stockSearchDropdown .stock-search-platform-tabs { justify-content:flex-end; align-items:center; gap:4px; padding:6px 10px 6px 0; } #stockSearchDropdown .stock-search-platform-tabs > button { min-height:28px; padding:3px 9px; font-size:11px; } #stockSearchDropdown .stock-search-hot-list { grid-column:1 / -1; padding:0 10px; border-top:1px solid #edf1f5; } #stockSearchDropdown .stock-search-row { min-height:60px; grid-template-columns:20px minmax(0,1fr) 74px 70px; grid-template-rows:auto auto; gap:3px 8px; padding:7px 0; } #stockSearchDropdown .stock-search-rank { grid-column:1; grid-row:1 / 3; } #stockSearchDropdown .stock-search-stock { grid-column:2; grid-row:1; padding:0; } #stockSearchDropdown .stock-search-quote { grid-column:3; grid-row:1 / 3; padding:0; } #stockSearchDropdown .stock-search-actions { grid-column:4; grid-row:1 / 3; grid-template-columns:32px 32px; align-self:center; gap:6px; } #stockSearchDropdown .stock-search-platform-ranks { grid-column:2; grid-row:2; flex-wrap:wrap; gap:3px; overflow:visible; } #stockSearchDropdown .stock-search-platform-ranks > span { min-height:19px; padding:2px 4px; border-radius:4px; font-size:9px; } #stockSearchDropdown .stock-search-hot-sentinel { grid-column:1 / -1; min-height:28px; padding:7px; } #stockSearchDropdown .stock-search-state { padding:20px 10px; } }