Files
ggx/web/app.css
T
simon cf6d4d2c56 功能:每日动态股票池回测(--mode daily)+ 每日增量同步 + PIT 批量取数层
说明:本提交是工作区中此前的未提交工作(在 14ec0c6 之后产生),**非本次会话所写**,
按用户要求整理并推送。已做安全检查(无明文凭据、无大文件、.env/logs/output 仍被忽略),
并完成可执行范围内的测试验证(见「测试」一节)。

## 新增能力

1) `hdiv backtest --mode daily --start <日期>`
   - src/hdiv/backtest/daily.py:两趟式(先逐日选股,再复用既有引擎模拟)
   - 每个交易日按当日可见数据重建股票池(PIT),每个交易日判断买卖点
   - `pool_exit_action`:hold(只减不加、不因掉出池子而清仓)/ sell(掉出即清仓)
   - `profile_on_trade`:买卖决策发生时计算并留痕个股画像,**不区分是否在当日池内**
     (卖出/减仓同样留痕,否则「为什么卖」缺证据)
   - 与 walkforward 的分工:daily 是一条连续路径的推演,不是过拟合检验;
     因此不使用训练段、不冻结分布,阈值口径一律 rolling
   - 拒绝 `--universe-run`(daily 的定义就是逐日重筛,冻结池与之矛盾)

2) PIT 批量取数层 src/hdiv/universe/pit.py
   - PitRepo 继承 Repo,**只重写取数**(按区块批量预载 + 逐日内存切片),
     派生逻辑(最新一期财报合并、单位归一化、支付率口径等)一行不重写
     —— 以保证与逐日单点查询**结果等价**
   - 候选集预剪枝:用「不可能通过」的边界条件提前排除,文档论证为精确等价而非近似
   - src/hdiv/universe/daily.py:每日动态筛选器(仍然调用既有 selector 与四个 Filter)

3) 每日增量同步 `hdiv sync daily`
   - src/hdiv/data/sync/daily.py:只抓「库里还没有的那几天」,
     按「当日股票数 ≥ 当年规模阈值」判定缺口,不重拉历史、不覆盖既有行;
     支持 `--dry-run` 先看待抓清单
   - deploy/daily-sync.sh、deploy/install-sync-schedule.sh、
     deploy/com.hddiv.sync.plist.example(launchd 每天 17:00)
   - 新表 hd_daily_universe(逐日入选成员留痕)+ sql/hd_daily_universe.sql + schema.py
     (该表已存在于库中,`ddl plan` 返回 0 个待执行动作)

4) Web 与文档
   - 前端支持 daily 模式记录下钻(web/app.js、web/app.css、web/index.html、
     web/favicon.svg)
   - README / docs/user-guide.md / docs/implementation-status.md 同步更新:
     三种回测模式的取舍、daily 的成本说明(6.7 年约 1.5 小时)与调优手段

## 测试

tests/ 共 500 项(新增 tests/test_daily.py 43 项、tests/test_sync_daily.py 36 项)。

已验证通过:
- 排除上述两个新文件的 **421 项:全部通过(pytest 退出码 0)**
- 两个新文件的**非 DB 单元测试 60 项:全部通过**

未能在合理时间内跑完:
- 两个新文件中 **19 项 DB 标记的重型测试**。实测瓶颈是一条**无界全表扫描**:
  `SELECT ... FROM hd_cashflow WHERE ann_date <= :asof ORDER BY symbol, end_date, ann_date`
  (31 万行,无 symbol/报告期下限)。全量套件跑到 161 项时已耗时 20 分钟、
  0 失败,按该速率预计需 3 小时以上,因此改为分档验证。
- 旁证:库中存在 3 次成功的 daily 端到端运行(2026-10-05 10:05 / 10:32 / 11:03,
  区间 2024-03-01~03-15),说明该路径可正常完成。

## 已知待改进

- 上述 `hd_cashflow`(及同类「按 ann_date 上界取全历史」)的查询缺
  symbol / 报告期下限,是 daily 模式的主要性能瓶颈,建议下一轮优化。
2026-10-05 11:57:13 +08:00

162 lines
8.5 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* ============================================================
高股息回测系统 · 统一前端样式
配色与静态报告保持一致(Blue data + Amber highlight)
A 股约定:红涨绿跌
============================================================ */
:root{
--primary:#1E40AF; --primary-fg:#fff; --secondary:#3B82F6; --accent:#D97706;
--bg:#F8FAFC; --card:#fff; --muted:#E9EEF6; --border:#DBEAFE;
--text:#0F172A; --text-muted:#64748B; --danger:#DC2626;
--gain:#DC2626; --loss:#059669;
--radius:8px; --pill:999px;
--mono:"Fira Code",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB",
"Microsoft YaHei","Segoe UI",Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--sans);
font-variant-numeric:tabular-nums}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
/* ---------- 顶栏 ---------- */
.topbar{display:flex;align-items:center;gap:24px;padding:0 24px;height:56px;
background:var(--primary);color:var(--primary-fg);position:sticky;top:0;z-index:50}
.brand{color:var(--primary-fg);font-weight:700;font-size:16px;letter-spacing:-.01em}
.brand:hover{text-decoration:none;opacity:.9}
.nav{display:flex;gap:4px;flex:1}
.nav a{color:rgba(255,255,255,.82);padding:6px 12px;border-radius:var(--radius);
font-size:13px}
.nav a:hover{background:rgba(255,255,255,.12);text-decoration:none;color:#fff}
.nav a.active{background:rgba(255,255,255,.2);color:#fff;font-weight:600}
.topbar-right{display:flex;align-items:center;gap:10px}
.topbar .muted{color:rgba(255,255,255,.7)}
.wrap{max-width:1440px;margin:0 auto;padding:24px}
.foot{max-width:1440px;margin:0 auto;padding:20px 24px 40px}
/* ---------- 徽章 ---------- */
.badge{display:inline-block;padding:1px 9px;border-radius:var(--pill);font-size:11px;
font-weight:600;background:var(--muted);color:var(--primary);white-space:nowrap}
.badge.ok{background:#D1FAE5;color:#065F46}
.badge.warn{background:#FEF3C7;color:#92400E}
.badge.fail{background:#FEE2E2;color:#991B1B}
.badge.info{background:var(--muted);color:var(--primary)}
.badge.gain{background:#FEE2E2;color:#991B1B}
.badge.loss{background:#D1FAE5;color:#065F46}
.badge.dim{background:#F1F5F9;color:#94A3B8}
/* ---------- 卡片 / 栅格 ---------- */
.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
padding:20px;margin-bottom:20px}
.card>h2{margin:0 0 14px;font-size:15px;font-weight:600;color:var(--primary);
padding-bottom:8px;border-bottom:2px solid var(--muted);
display:flex;align-items:center;gap:8px}
.card>h3{margin:16px 0 8px;font-size:13px;color:var(--primary)}
.kpi-grid{display:grid;gap:14px;margin-bottom:20px;
grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.kpi{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
padding:14px}
.kpi .label{font-size:12px;color:var(--text-muted);letter-spacing:.03em}
.kpi .value{font-family:var(--mono);font-size:22px;font-weight:600;margin-top:4px}
.kpi .note{font-size:11px;color:var(--text-muted);margin-top:4px}
.gain{color:var(--gain)} .loss{color:var(--loss)}
.grid2{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(420px,1fr))}
/* ---------- 列表(卡片式记录) ---------- */
.rec-list{display:flex;flex-direction:column;gap:10px}
.rec{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);
padding:14px 16px;display:flex;gap:16px;align-items:flex-start;transition:.12s}
.rec:hover{border-color:var(--secondary);box-shadow:0 2px 10px rgba(30,64,175,.07)}
.rec.dim{opacity:.55;background:#FCFDFF}
.rec-main{flex:1;min-width:0}
.rec-title{font-weight:600;color:var(--primary);font-size:15px;
display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rec-title a{color:inherit}
.rec-meta{font-size:12px;color:var(--text-muted);margin-top:5px;
display:flex;gap:14px;flex-wrap:wrap}
.rec-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;
max-width:330px}
.rec-metrics{display:flex;gap:18px;flex-wrap:wrap;margin-top:10px}
.rec-metric{font-size:12px;color:var(--text-muted)}
.rec-metric b{display:block;font-family:var(--mono);font-size:15px;color:var(--text)}
/* ---------- 按钮 ---------- */
button,.btn{font:inherit;font-size:12px;padding:5px 11px;border-radius:6px;cursor:pointer;
border:1px solid var(--border);background:var(--card);color:var(--primary);
transition:.12s;white-space:nowrap}
button:hover,.btn:hover{border-color:var(--secondary);background:#EFF6FF}
button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
button.primary:hover{background:#1D4ED8}
button.danger{color:var(--danger);border-color:#FECACA}
button.danger:hover{background:#FEF2F2;border-color:var(--danger)}
button.ghost{color:var(--text-muted)}
button:disabled{opacity:.5;cursor:not-allowed}
/* ---------- 表格 ---------- */
.tw{overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}
table.data{width:100%;border-collapse:collapse;font-size:13px;background:var(--card)}
table.data th,table.data td{padding:7px 11px;border-bottom:1px solid var(--muted);
text-align:right;white-space:nowrap}
table.data th{background:var(--muted);color:var(--primary);font-weight:600;
position:sticky;top:0;z-index:1}
table.data th:first-child,table.data td:first-child{text-align:left}
table.data th.l,table.data td.l{text-align:left}
table.data td.num{font-family:var(--mono)}
table.data tbody tr:hover{background:#F1F5F9}
table.data tbody tr:last-child td{border-bottom:none}
/* 已清仓清单:理由很长,截断显示(悬停看全文),免得整张表横向滚动 */
table.data td.reason{max-width:280px;overflow:hidden;text-overflow:ellipsis}
.pager{display:flex;gap:10px;align-items:center;justify-content:flex-end;
margin-top:12px;font-size:12px;color:var(--text-muted)}
/* ---------- 表单 ---------- */
input[type=text],input[type=search],select,textarea{
font:inherit;font-size:13px;padding:6px 10px;border:1px solid var(--border);
border-radius:6px;background:#fff;color:var(--text);width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--secondary);
outline-offset:-1px;border-color:var(--secondary)}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.field label{font-size:12px;color:var(--text-muted)}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}
.toolbar .grow{flex:1;min-width:200px}
.check{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}
/* ---------- 提示 ---------- */
.callout{border-left:4px solid var(--secondary);background:#EFF6FF;padding:10px 14px;
border-radius:0 var(--radius) var(--radius) 0;margin:0 0 16px;font-size:13px}
.callout.ok{border-color:var(--loss);background:#ECFDF5}
.callout.warn{border-color:var(--accent);background:#FFFBEB}
.callout.fail{border-color:var(--danger);background:#FEF2F2}
.muted{color:var(--text-muted)} .small{font-size:12px}
.mono{font-family:var(--mono)}
.chart{width:100%;height:420px}
.chart.tall{height:640px} .chart.short{height:260px}
.loading{padding:60px;text-align:center;color:var(--text-muted)}
.empty{padding:44px;text-align:center;color:var(--text-muted)}
/* ---------- Toast ---------- */
.toast{position:fixed;left:50%;bottom:32px;transform:translateX(-50%) translateY(20px);
background:#0F172A;color:#fff;padding:10px 18px;border-radius:var(--radius);
font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:99;max-width:80vw}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
.toast.err{background:var(--danger)}
/* ---------- 模态 ---------- */
.modal-bg{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;
align-items:center;justify-content:center;z-index:100;padding:20px}
.modal{background:#fff;border-radius:var(--radius);padding:22px;width:min(560px,100%);
max-height:85vh;overflow:auto}
.modal h3{margin:0 0 16px;font-size:15px;color:var(--primary)}
.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}
/* ---------- 面包屑 ---------- */
.crumb{font-size:12px;color:var(--text-muted);margin-bottom:14px}
.crumb a{color:var(--text-muted)}
.crumb span{margin:0 6px}
h1.page{font-size:20px;margin:0 0 6px;letter-spacing:-.01em}
.page-sub{color:var(--text-muted);font-size:13px;margin-bottom:18px}
/* ---------- 图表面板标签 ---------- */
.panel-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(380px,1fr))}