/* 看板样式的唯一来源（S23）。模板里不许再出现 style="。 颜色语义三分：方向(up/dn) / 好坏(ok/bad) / 行动(attn)——只有方向按 A 股翻向。 */ :root{ /* 表面 */ --bg:#f6f7f9; --card:#fff; --line:#e3e6ea; /* 文字 */ --fg:#1f2328; --mut:#656d76; --link:#0969da; /* 语义：好坏（不随 A 股惯例翻转） */ --ok:#1a7f37; --bad:#cf222e; /* 语义：需要你行动。必须与红绿都拉开——红已经是「涨/盈利」 */ --attn:#9a6700; --attn-bg:#fff8e5; --attn-line:#f2dfa8; /* 语义：方向（A 股惯例，涨红跌绿） */ --up:#cf222e; --dn:#1a7f37; --flat:var(--fg); /* 尺度 */ --s1:6px; --s2:12px; --s3:20px; --s4:32px; --r1:7px; --r2:11px; --f1:12px; --f2:12.5px; --f3:13.5px; --f4:16px; --f5:22px; --f6:41px; --sh:0 1px 2px rgba(31,35,40,.05); } *{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--fg);font-size:var(--f3); font-family:-apple-system,BlinkMacSystemFont,"PingFang SC", "Helvetica Neue",Arial,sans-serif} .page{max-width:1200px;margin:0 auto;padding:0 var(--s3) var(--s4)} a{color:var(--link)} /* ── 导航 ── */ .nav{display:flex;gap:4px;padding:9px var(--s3);background:var(--card); border-bottom:1px solid var(--line);margin-bottom:var(--s3)} .nav a{color:var(--mut);text-decoration:none;padding:6px 12px;border-radius:var(--r1)} .nav a.on{color:var(--link);background:#ddf4ff;font-weight:500} /* ── 数字：方向色只在这里 ── */ .num{font-variant-numeric:tabular-nums} .num.up{color:var(--up)} .num.dn{color:var(--dn)} .num.flat{color:var(--flat)} .num.mut{color:var(--mut)} /* ── 卡片与分区 ── */ .card{background:var(--card);border:1px solid var(--line);border-radius:var(--r2); padding:19px 21px;box-shadow:var(--sh);margin-bottom:var(--s3)} .card-h{font-size:var(--f3);font-weight:600;margin:0 0 var(--s2)} .card-sub{font-size:var(--f2);color:var(--mut);margin:-8px 0 var(--s3)} .grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px} /* ── 键值对 ── */ .kv{display:flex;justify-content:space-between;align-items:center; padding:9px 0;border-bottom:1px solid #f0f2f4} .kv:last-child{border-bottom:0;padding-bottom:0} .kv-k{font-size:var(--f3);color:var(--mut)} .kv-v{font-weight:600;text-align:right} .kv-v small{display:block;font-weight:400;font-size:var(--f1); color:var(--mut);margin-top:2px} /* ── 小色片 ── */ .chip{display:inline-block;padding:2px 9px;border-radius:6px; font-size:var(--f2);font-weight:600} .chip.ok{background:#e8f5ec;color:var(--ok)} .chip.bad{background:#fff0f0;color:var(--bad)} .chip.attn{background:var(--attn-bg);color:var(--attn)} /* unknown 用：跑了但接口没取到。灰不是「好坏」而是「没有结论」—— 与 ok/bad/attn 三种有结论的状态必须一眼分开。 */ .chip.mut{background:#eef0f2;color:var(--mut)} /* ── 竞价角标（S25，列表页）── */ /* 判定缩成一个点。列表页跨 7~90 天，竞价是盘前信息，给完整列不划算； 无判定的池和竞价未运行的日子都不给点，不做整页提示。 */ .dot{display:inline-block;width:7px;height:7px;border-radius:50%; margin-left:5px;vertical-align:1px} .dot.ok{background:var(--ok)} .dot.bad{background:var(--bad)} .dot.attn{background:var(--attn)} .dot.mut{background:#c9ced4} /* ── 状态条（今日页顶部，含可折叠的任务表） ── */ .statbar{background:var(--card);border:1px solid var(--line); border-radius:var(--r1);padding:9px 14px;margin-bottom:var(--s3); font-size:var(--f2);color:var(--mut)} .statbar[data-state="bad"]{border-color:var(--attn-line);background:var(--attn-bg)} .statbar summary{cursor:pointer;list-style:none;display:flex; justify-content:space-between;align-items:center} .statbar summary::-webkit-details-marker{display:none} .statbar .dot{display:inline-block;width:6px;height:6px;border-radius:50%; background:var(--ok);margin-right:6px;vertical-align:middle} .statbar[data-state="bad"] .dot{background:var(--attn)} /* ── 决策卡 ── */ .decide{display:flex;align-items:flex-end;gap:38px;flex-wrap:wrap} .decide .k{font-size:var(--f2);color:var(--mut);margin-bottom:6px} .decide .v{font-size:var(--f6);font-weight:650;line-height:1; font-variant-numeric:tabular-nums;letter-spacing:-.025em} .decide .s{font-size:var(--f1);color:var(--mut);margin-top:7px} .decide .arrow{font-size:19px;color:#c4cad1;padding-bottom:13px} /* 偏离块：琥珀＝「需要你行动」，只在超出 position_gap_pp 时才给。 达标或阈值内的小偏离保持中性——那时没有动作要做，报警是过度的。 */ .decide .gap{margin-left:auto;border-radius:var(--r1); padding:11px 17px;text-align:right; background:var(--bg);border:1px solid var(--line)} .decide .gap .v{font-size:var(--f5)} .decide .gap.exceeded{background:var(--attn-bg);border-color:var(--attn-line)} .decide .gap.exceeded .k, .decide .gap.exceeded .v{color:var(--attn)} .decide .gap.on-target .v{color:var(--ok)} /* ── 表格 ── */ table{border-collapse:collapse;width:100%;font-size:var(--f3)} th,td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:left; vertical-align:top} th{font-weight:600;color:var(--mut);font-size:var(--f2);white-space:nowrap} tr.em td{font-weight:700} td.rule{border-top:2px solid var(--mut)} /* ── 警示框：口径声明用，不是免责套话 ── */ .warnbox{border:1px solid var(--attn-line);background:var(--attn-bg); border-radius:var(--r1);padding:12px 16px;margin-bottom:var(--s3); font-size:var(--f2)} .warnbox ol{margin:6px 0 0 18px;line-height:1.7} .warnbox p{margin:4px 0} .notebox{border:1px solid #cfe3fb;background:#f2f8ff;border-radius:var(--r1); padding:12px 16px;margin-bottom:var(--s3);font-size:var(--f2)} /* ── 筛选/登录表单：一行几个控件 ── */ .filters{display:flex;gap:var(--s1);align-items:center;margin-bottom:var(--s2)} /* ── 选股详情的段标题（早盘/尾盘两段） ── */ .sec-h{border-bottom:2px solid var(--fg);padding-bottom:4px;margin-top:var(--s4)} /* ── 头条数字卡片（持仓/流水页顶部那一排） ── */ .v-big{font-size:var(--f5);font-variant-numeric:tabular-nums;margin-top:4px} /* ── 杂项 ── */ .mut{color:var(--mut)} .attn{color:var(--attn)} .ok{color:var(--ok)} .bad{color:var(--bad)} .small{font-size:var(--f1)} .stack{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:flex-start} .chart{border:1px solid var(--line);background:var(--card);border-radius:var(--r1)} input[type=password]{padding:7px 9px;width:220px;border:1px solid var(--line); border-radius:var(--r1);font-size:var(--f3)} button{padding:7px 14px;border:1px solid var(--line);border-radius:var(--r1); background:var(--card);font-size:var(--f3);cursor:pointer} select{padding:6px 8px;border:1px solid var(--line);border-radius:var(--r1); font-size:var(--f3)} /* ── 选股逻辑面板（S24）。全部走 var(--token)，不许出现字面色值。 ── */ .spec-link{display:inline-block;width:16px;height:16px;line-height:15px; text-align:center;margin-left:5px;border:1px solid var(--line); border-radius:50%;font-size:11px;color:var(--mut);text-decoration:none; vertical-align:1px} .spec-link:hover{color:var(--link);border-color:var(--link)} /* :target 展开——零 JS，且天然保证同时只开一个 */ .spec-panel{display:none} .spec-panel:target{display:block;background:var(--card); border:1px solid var(--line);border-radius:var(--r2); padding:var(--s3);margin-top:var(--s2);box-shadow:var(--sh)} .spec-head{display:flex;align-items:center;gap:var(--s2); margin-bottom:var(--s2);padding-bottom:var(--s1); border-bottom:1px solid var(--line)} .spec-head h3{margin:0;font-size:var(--f4)} .spec-head .sp{margin-left:auto;display:flex;gap:var(--s1);align-items:center} .copy{font:inherit;font-size:var(--f2);padding:4px 11px;cursor:pointer; border:1px solid var(--line);border-radius:var(--r1); background:var(--card);color:var(--fg)} .copy:hover{border-color:var(--link);color:var(--link)} .copy[data-done="1"]{color:var(--ok);border-color:var(--ok)} .copy[data-done="fail"]{color:var(--attn);border-color:var(--attn-line); background:var(--attn-bg)} .spec-body{max-height:62vh;overflow:auto;line-height:1.72} .spec-body .spec-h1{font-size:var(--f4);margin:0 0 var(--s2)} .spec-body .spec-h2{font-size:var(--f3);margin:var(--s3) 0 var(--s1); border-bottom:1px solid var(--line);padding-bottom:3px} .spec-body .spec-h3{font-size:var(--f3);margin:var(--s2) 0 var(--s1); color:var(--mut)} .spec-body .spec-meta{color:var(--mut);font-size:var(--f2)} .spec-body table{margin:var(--s1) 0 var(--s2)} .spec-body pre{background:var(--bg);border:1px solid var(--line); border-radius:var(--r1);padding:var(--s2);overflow-x:auto; font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; font-size:var(--f1);line-height:1.6;margin:var(--s1) 0 var(--s2)} .spec-body code{background:var(--bg);border:1px solid var(--line); border-radius:4px;padding:0 4px;font-size:var(--f1); font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace} .spec-body pre code{background:none;border:0;padding:0} .spec-body blockquote{margin:var(--s1) 0 var(--s2); padding:var(--s1) var(--s2);border-left:3px solid var(--attn-line); background:var(--attn-bg)} .spec-body ol,.spec-body ul{margin:var(--s1) 0 var(--s2) 20px} .spec-body li{margin-bottom:4px} .spec-body p{margin:var(--s1) 0} /* Markdown 源载体：平时隐藏，只在剪贴板 API 不可用时揭开供手动选中 */ .spec-src{margin:var(--s2) 0 0;white-space:pre-wrap;overflow:auto; max-height:40vh;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas, monospace;font-size:var(--f1);line-height:1.6} .spec-bar{display:flex;align-items:center;gap:var(--s2);margin:var(--s2) 0} .spec-bar .hint{color:var(--mut);font-size:var(--f1)} /* ── 对账单上传（S30） ── */ .card form.filters{margin-top:var(--s2)} .card form.filters input[type=file]{font-size:var(--f2)} /* ── S36 资金流页 ────────────────────────────────────────────── 方向色沿用全站语义：--up 红 = 净流入、--dn 绿 = 净流出（A 股惯例）。 设计稿原本用蓝/红，但那会跟本站「红=涨/正」的既有语义打架。 90 条线的身份色由 JS 生成，不在这里 —— 它是算出来的不是选出来的。 */ .flow-ctl{display:flex;flex-wrap:wrap;gap:9px 18px;align-items:center; margin-bottom:var(--s2)} .flow-ctl .grp{display:flex;align-items:center;gap:5px} .flow-ctl .lab{color:var(--mut);font-size:var(--f1);margin-right:2px} .seg{font:inherit;font-size:var(--f2);padding:4px 11px;cursor:pointer; background:var(--card);color:var(--mut); border:1px solid var(--line);border-radius:var(--r1)} .seg[aria-pressed="true"]{color:var(--fg);border-color:var(--mut);font-weight:600} .seg:disabled{opacity:.4;cursor:not-allowed} .flow-legend{display:flex;gap:14px;align-items:center;flex-wrap:wrap; font-size:var(--f2);color:var(--mut);margin-bottom:var(--s1)} .flow-legend .k{display:inline-flex;align-items:center;gap:6px} .flow-legend .ln{width:16px;height:3px;border-radius:2px} .flow-legend .hint{margin-left:auto} .flow-ruler{font-size:var(--f2);color:var(--mut);margin-bottom:var(--s1)} .flow-ruler b{color:var(--fg)} .flow-pins{display:flex;flex-wrap:wrap;gap:5px;margin:2px 0 9px} .pin{font:inherit;font-size:var(--f2);padding:3px 9px;cursor:pointer; background:var(--card);color:var(--fg);border:1px solid var(--mut); border-radius:999px;display:inline-flex;align-items:center;gap:6px} .pin .ln{width:12px;height:3px;border-radius:2px} .pin .x{color:var(--mut)} .flow-fig{position:relative} .flow-fig svg{display:block;width:100%;height:auto;overflow:visible} .flow-fig svg .hit{cursor:pointer} .flow-fig .tick{fill:var(--mut);font-size:11px} .flow-fig .tick.n{font-variant-numeric:tabular-nums} .flow-fig .dlabel{font-size:11.5px;fill:var(--fg);font-weight:600} .flow-fig .dlabel.dim{fill:var(--mut);font-weight:500} #flow-tip{position:absolute;pointer-events:none;opacity:0;transition:opacity .08s; background:var(--card);border:1px solid var(--line);border-radius:var(--r1); padding:8px 10px;font-size:var(--f2);min-width:170px; box-shadow:0 4px 14px rgba(31,35,40,.13);z-index:5} #flow-tip .th{color:var(--mut);font-size:var(--f1);margin-bottom:4px} #flow-tip .nm{color:var(--fg);font-weight:600;display:flex;align-items:center;gap:6px} #flow-tip .sw{width:10px;height:3px;border-radius:2px;flex:none} #flow-tip .kv{display:flex;justify-content:space-between;gap:14px;color:var(--mut)} #flow-tip .kv b{color:var(--fg);font-variant-numeric:tabular-nums} .flow-biglegend{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:2px 10px;margin-top:var(--s1)} .lgi{font:inherit;font-size:var(--f1);padding:2px 5px;cursor:pointer;text-align:left; background:none;border:1px solid transparent;border-radius:5px; color:var(--mut);display:flex;align-items:center;gap:6px} .lgi:hover{border-color:var(--line)} .lgi[aria-pressed="true"]{color:var(--fg);font-weight:600;border-color:var(--mut)} .lgi .sw{width:14px;height:4px;border-radius:2px;flex:none} .lgi .n{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .lgi .v{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--mut)} .flow-cols{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)} @media (max-width:760px){.flow-cols{grid-template-columns:1fr}} .flow-cols h4{font-size:var(--f2);margin:0 0 var(--s1);color:var(--mut); font-weight:600;display:flex;align-items:center;gap:7px} .flow-cols h4 .ln{width:14px;height:3px;border-radius:2px} .flow-recon{font-size:var(--f2);color:var(--mut);margin-top:var(--s2); border-top:1px solid var(--line);padding-top:9px} .flow-recon b{color:var(--fg);font-variant-numeric:tabular-nums} @keyframes flow-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}} @keyframes flow-fade{from{opacity:0}to{opacity:1}} .flow-fig svg path.anim{stroke-dasharray:1;stroke-dashoffset:1; animation:flow-draw 1.7s cubic-bezier(.25,.6,.3,1) forwards} .flow-fig svg .fadein{animation:flow-fade .7s ease-out both} @media (prefers-reduced-motion: reduce){ .flow-fig svg path.anim{animation:none;stroke-dashoffset:0} .flow-fig svg .fadein{animation:none} } /* 残缺轮竖带：接「实采区间灰底」那套语言往下一档。 灰底 = 采过的区间，竖带 = 采了但**没采全**的那一列。 走全站告警色 --attn，别自己引一套色值。 */ .flow-fig svg .short-band{fill:var(--attn);opacity:.16} .flow-fig svg .short-lab{fill:var(--attn);font-size:11px} /* 颜色图例收进控件行的「?」里（复用 .spec-link 的圆圈样式）： 90 条图例平时是噪音，要找某条线时才需要。 */ .flow-palpanel{display:none;margin-top:var(--s2);padding-top:var(--s2); border-top:1px solid var(--line)} .flow-palpanel.on{display:block} /* 图下方的正负前十。名次与方向色都跟着当前「口径」走。 */ .flow-top{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)} /* 流入/流出档只有一列（右列没有信息量），铺满整行 */ .flow-top.single{grid-template-columns:1fr} @media (max-width:760px){.flow-top{grid-template-columns:1fr}} .flow-top h4{font-size:var(--f2);margin:0 0 var(--s1);color:var(--mut); font-weight:600;display:flex;align-items:center;gap:7px} .flow-top h4 .ln{width:14px;height:3px;border-radius:2px} .toprow{display:flex;align-items:center;gap:8px;padding:3px 6px; border:1px solid transparent;border-radius:var(--r1);cursor:pointer; font-size:var(--f2)} .toprow:hover{border-color:var(--line)} .toprow[aria-pressed="true"]{border-color:var(--mut);background:var(--bg)} .toprow .rk{width:18px;color:var(--mut);font-size:var(--f1); font-variant-numeric:tabular-nums;text-align:right} .toprow .sw{width:14px;height:4px;border-radius:2px;flex:none} .toprow .n{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg)} .toprow .v{font-variant-numeric:tabular-nums;font-weight:600} @keyframes flow-rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}} .toprow.anim{animation:flow-rise .55s cubic-bezier(.25,.6,.3,1) both} @media (prefers-reduced-motion: reduce){.toprow.anim{animation:none}} /* 前十的长度条：**本列内的占比**（该列十条加总 = 100%），不是跨列可比。 条走 transform:scaleX 而不是动 width —— 动 width 会逐帧触发重排。 */ .toprow{position:relative;overflow:hidden} .toprow .bar{position:absolute;left:0;top:0;bottom:0;border-radius:var(--r1); opacity:.16;transform-origin:left center;z-index:0} .toprow > :not(.bar){position:relative;z-index:1} .toprow .pctv{color:var(--mut);font-size:var(--f1);width:40px;text-align:right; font-variant-numeric:tabular-nums} @keyframes flow-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}} .toprow.anim .bar{animation:flow-bar .6s cubic-bezier(.25,.6,.3,1) both} @media (prefers-reduced-motion: reduce){.toprow.anim .bar{animation:none}} /* 资金流页里几处原本写成 inline style 的静态样式（模板卫生：样式只能在这里） */ .flow-palpanel > p{margin:0 0 4px} .flow-top h4 .topsum{margin-left:auto;font-weight:400} #flow-tip .th.hintline{margin:5px 0 0} .flow-cols h4 .ln.in{background:var(--up)} .flow-cols h4 .ln.out{background:var(--dn)} /* 直标在曲线画完之后才淡入。固定延迟，不随数据变，所以放这里不放 JS。 */ .flow-fig svg .fadein{animation-delay:1.5s} /* ── 涨停天梯（S42/S43）── */ .ladder-h{margin:0 0 var(--s2)} .tier-h{font-size:var(--f4);margin:var(--s3) 0 var(--s1); border-bottom:2px solid var(--fg);padding-bottom:4px} .tier-h span{font-weight:400;margin-left:8px} .tbl{overflow-x:auto} .heat{font-size:var(--f2);color:var(--mut);margin:0 0 var(--s3); line-height:1.9} .heat b{color:var(--fg)} .topline{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:baseline; margin-bottom:var(--s1)} .topline .n{font-size:var(--f5);font-weight:650; font-variant-numeric:tabular-nums} .topline .k{font-size:var(--f2);color:var(--mut);margin-right:6px} /* 日期导航：只在**真有留档**的日子之间翻。不给日历控件——日历会让人 点到空日期，然后怀疑是不是坏了。 */ .datenav{display:flex;gap:var(--s1);align-items:center; margin-bottom:var(--s3);flex-wrap:wrap} .datenav .btn{display:inline-block;padding:5px 12px;border-radius:var(--r1); border:1px solid var(--line);background:var(--card); text-decoration:none;font-size:var(--f2)} .datenav .btn.off{color:#b9bfc6;background:var(--bg)} .datenav .sel{padding:5px 8px;border-radius:var(--r1); border:1px solid var(--line);background:var(--card); font-size:var(--f2);color:var(--fg)} .cov{margin:8px 0 4px} .cov th,.cov td{padding:4px 8px;font-size:var(--f1); border-bottom:1px solid var(--attn-line)} .cov th{color:var(--attn)} /* 图表：坐标全在 Python 算，这里只管画。 */ .c-lab{font-size:11.5px;fill:var(--mut)} .c-val{font-size:11.5px;fill:var(--fg);font-variant-numeric:tabular-nums} .c-bar{fill:var(--link);opacity:.82} .c-grid{stroke:var(--line);stroke-width:1} .c-lunch{stroke:#c9ced4;stroke-width:1;stroke-dasharray:3 3} .c-dense{fill:#f0f4f9} /* 封板走 A 股惯例的涨红；炸板走 attn 琥珀——它必须与红绿都拉开， 红已经是「涨」、绿是「跌」，而炸板是「要你注意」。 */ .c-fill-zt{fill:var(--up);opacity:.10} .c-line-zt{fill:none;stroke:var(--up);stroke-width:2; stroke-linejoin:round;stroke-linecap:round} .c-line-zb{fill:none;stroke:var(--attn);stroke-width:2; stroke-linejoin:round;stroke-linecap:round} .c-dot-zt{fill:var(--up)} .c-dot-zb{fill:var(--attn)} .c-end-zt{font-size:12px;fill:var(--up);font-weight:600} .c-end-zb{font-size:12px;fill:var(--attn);font-weight:600} /* 封板轨迹：每个抓点一格。这是「我排的队被吃穿没有」最直接的证据。 */ .trk{display:block;border:1px solid var(--line);border-radius:2px} .t-zt{fill:var(--up);opacity:.85} .t-zb{fill:var(--attn)} .t-na{fill:#eef0f2} /* S44 盘中实时天梯 */ .srcline{margin:6px 0 10px} .srcline .small{margin-left:8px} .chg-up{color:var(--up)} .chg-dn{color:var(--bad)} /* ── 价值池 /value（S52 二期）─────────────────────────────── 全部加前缀 vp-，**不碰任何全局 token**——另外 9 个页面零影响。 列对齐靠一份 grid 模板，表头与每一行共用它；展开是原生
，零 JS。 */ .vp-head{display:flex;align-items:baseline;justify-content:space-between; gap:var(--s2);flex-wrap:wrap;margin:var(--s3) 0 var(--s1)} .vp-head h1{font-size:var(--f5);margin:0} .vp-counts{display:flex;gap:var(--s3);font-size:var(--f2);color:var(--mut)} .vp-counts b{font-size:var(--f4);color:var(--fg);margin-right:3px} .vp-counts .mut b{color:var(--mut)} /* 未验证超额那句必须一眼看见——它是本模块的定位声明，不是免责套话 */ .vp-warn{margin:0 0 var(--s2);padding:9px 12px;font-size:var(--f2); color:var(--attn);background:var(--attn-bg); border:1px solid var(--attn-line);border-radius:var(--r1)} /* 口径与声明：默认折起。**折叠 ≠ 删除**（照今日页 statbar 的成例） */ .vp-spec{margin-bottom:var(--s3);background:var(--card);border:1px solid var(--line); border-radius:var(--r2);box-shadow:var(--sh)} .vp-spec>summary{padding:11px 21px;font-size:var(--f2);color:var(--mut); cursor:pointer;list-style:none;user-select:none} .vp-spec>summary::-webkit-details-marker{display:none} .vp-spec>summary::before{content:"▸ ";color:var(--mut)} .vp-spec[open]>summary::before{content:"▾ "} .vp-spec[open]>summary{border-bottom:1px solid var(--line)} .vp-spec-body{padding:var(--s2) 21px 15px} .vp-spec-body p{margin:0 0 9px;font-size:var(--f2);color:var(--mut);line-height:1.65} .vp-spec-body p:last-child{margin-bottom:0} .vp-spec-body b{color:var(--fg)} .vp-sum{max-width:520px} .vp-sum .r,.vp-out .r{text-align:right} /* ── 个股列表：表头与行共用这一份 grid 模板 ── */ .vp-list{margin:0 -21px -19px;border-top:1px solid var(--line)} .vp-hd,.vp-row>summary{display:grid;align-items:center;gap:var(--s2); grid-template-columns:34px 40px minmax(150px,1.5fr) minmax(66px,.8fr) 58px 54px 68px 92px; padding:8px 21px} .vp-hd{font-size:var(--f1);color:var(--mut);font-weight:600; border-bottom:1px solid var(--line);background:var(--bg)} .vp-row{border-bottom:1px solid var(--line)} .vp-row:last-child{border-bottom:0} .vp-row>summary{cursor:pointer;list-style:none} .vp-row>summary::-webkit-details-marker{display:none} .vp-row:hover>summary{background:var(--bg)} .vp-row[open]>summary{background:var(--bg);font-weight:500} .vp-row .c-rank{color:var(--mut);font-size:var(--f1);text-align:right} .vp-row .c-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .vp-row .c-ind{color:var(--mut);font-size:var(--f2); white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .vp-hd .c-num,.vp-row .c-num, .vp-hd .c-score,.vp-row .c-score, .vp-hd .c-cov,.vp-row .c-cov, .vp-hd .c-ret,.vp-row .c-ret{text-align:right} .vp-hd .c-rank{text-align:right} .vp-row .c-score{font-variant-numeric:tabular-nums;font-weight:600} .vp-row .c-cov{font-size:var(--f2)} /* ── 展开区上半：三维度得分条 + 12 小项明细（S53）── 得分条的宽度由页尾