*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{font-family:-apple-system,'PingFang SC','Microsoft YaHei',sans-serif;color:#333;line-height:1.75;background:#fafafa}
a{color:#555;text-decoration:none}
a:hover{color:var(--ac)}
.wrap{max-width:860px;margin:0 auto;padding:0 18px}
header{background:#fff;border-bottom:1px solid #eee}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;padding:12px 18px}
.brand{font-size:20px;font-weight:700;color:var(--ac);text-decoration:none}
.brand small{font-size:12px;color:#999;font-weight:400;margin-left:6px}
nav{font-size:14px}
nav a{margin-left:14px;color:#666}
.hero{background:linear-gradient(135deg,var(--ac),var(--acd));color:#fff;padding:34px 0}
.hero h1{font-size:24px;margin-bottom:8px}
.hero p{font-size:14px;opacity:.92}
main{padding:22px 0 44px}
h2{font-size:17px;color:#222;margin:20px 0 10px;padding-left:10px;border-left:4px solid var(--ac)}
.card{background:#fff;border:1px solid #eee;border-radius:8px;padding:12px 16px;margin:8px 0}
.card .t{font-size:16px;font-weight:600;color:#222}
.card .d{font-size:13px;color:#888;margin-top:4px}
.card .m{font-size:12px;color:#aaa;margin-top:6px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
ul.list{list-style:none}
ul.list li{padding:10px 0;border-bottom:1px dashed #eee;font-size:15px}
ul.list li .d{font-size:13px;color:#999;margin-top:2px}
article{background:#fff;border:1px solid #eee;border-radius:10px;padding:22px 24px}
article h1{font-size:22px;line-height:1.5;margin-bottom:6px}
article .meta{font-size:12px;color:#aaa;margin-bottom:14px}
article p{margin:12px 0;font-size:15.5px;color:#444}
.rel{margin-top:22px;padding-top:14px;border-top:1px solid #f0f0f0;font-size:14px}
.rel a{display:inline-block;margin:4px 10px 4px 0;color:var(--ac)}
.pn{display:flex;justify-content:space-between;margin-top:18px;font-size:14px}
.crumbs{font-size:13px;color:#999;margin-bottom:12px}
.crumbs a{color:#999}
footer{border-top:1px solid #eee;padding:20px 0 30px;text-align:center;font-size:12.5px;color:#aaa;background:#fff}
footer a{color:#aaa}
@media(max-width:600px){article{padding:16px 14px}article h1{font-size:19px}header .wrap{padding:10px 14px}.brand{font-size:18px}}
/* ---- 数据观察（data.html / 首页数据区块）---- */
.sumline{background:var(--acs);border:1px solid #eee;border-radius:8px 8px 0 0;padding:10px 14px;font-size:14px;color:#333}
.sumline b{color:var(--ac);font-size:15.5px;margin:0 1px}
.tblwrap{overflow-x:auto;background:#fff;border:1px solid #eee;border-radius:0 0 8px 8px;-webkit-overflow-scrolling:touch}
.tblwrap.rd{border-radius:8px}
table.dt{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}
table.dt th{background:#f7f8f8;color:#666;font-weight:600;text-align:left;padding:8px 10px;border-bottom:1px solid #eee;white-space:nowrap}
table.dt td{padding:7px 10px;border-bottom:1px solid #f5f5f5;color:#444;white-space:nowrap}
table.dt tbody tr:last-child td{border-bottom:none}
.ball{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:50%;background:var(--acs);color:var(--ac);margin-right:3px;font-size:12px;font-weight:700}
.pred{font-weight:600;color:#333}
.killtxt{display:block;font-size:11.5px;color:#aaa;font-weight:400}
.hb{font-style:normal;display:inline-block;padding:1px 5px;border-radius:4px;margin-right:3px;font-size:11.5px;line-height:1.6}
.hb.ok{background:#e8f5ee;color:#177a54}
.hb.no{background:#fbecec;color:#b8434c}
.hit{color:#177a54;font-weight:700}
.miss{color:#b8434c;font-weight:700}
.badge{display:inline-block;padding:2px 9px;border-radius:11px;background:var(--acs);color:var(--ac);font-size:12.5px;font-weight:600;margin-left:6px}
.cdbox{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.cdbox .cdlabel{font-size:14px;color:#555}
#cd{font-size:24px;font-weight:700;color:var(--ac);letter-spacing:1px;font-variant-numeric:tabular-nums}
.cdbox .cdn{font-size:12.5px;color:#999;margin-left:auto}
.pcard .d{margin-top:4px}
.pcard .sub{font-size:12.5px;color:#999;margin-top:6px}
.pcard .sub b{color:var(--ac)}
table.mt{width:100%;border-collapse:collapse;font-size:12.5px;margin-top:8px}
table.mt th{color:#888;font-weight:600;text-align:left;padding:4px 6px;border-bottom:1px solid #eee;white-space:nowrap}
table.mt td{padding:4px 6px;border-bottom:1px dashed #f0f0f0;color:#555;white-space:nowrap}
table.mt tbody tr:last-child td{border-bottom:none}
.legend{font-size:12.5px;color:#999;margin-top:8px}
.note{font-size:12.5px;color:#999;margin-top:18px;text-align:center;line-height:1.9}
.hmore{text-align:right;margin:6px 0 2px;font-size:13.5px}
.hmore a{color:var(--ac)}
.hero-s{padding:22px 0}
.hero-s h1{font-size:21px}

:root{--ac:#0f4c81;--acd:#0d3f6c;--acs:#e8f0f7;}