
:root{--bd:rgba(0,0,0,.12);--bd2:rgba(0,0,0,.2);--tx:#2C2C2A;--tx2:#5F5E5A;--tx3:#8A8A85;--bg:#fff;--bg2:#F7F6F2;--bg3:#F1EFE8}
*{box-sizing:border-box}
body{margin:0;background:var(--bg2);color:var(--tx);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.65}
a{color:inherit}
.top{position:sticky;top:0;z-index:20;background:rgba(247,246,242,.92);backdrop-filter:blur(8px);border-bottom:.5px solid var(--bd);padding:10px 0}
.top .in{max-width:1080px;margin:0 auto;padding:0 20px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.top .brand{font-size:14px;font-weight:500;text-decoration:none;white-space:nowrap}
.top nav{display:flex;gap:4px;flex-wrap:wrap}
.top nav a{font-size:13px;padding:5px 11px;border-radius:999px;text-decoration:none;color:var(--tx2)}
.top nav a:hover{background:var(--bg3);color:var(--tx)}
.top nav a.on{background:var(--tx);color:#fff}
.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 80px}
.crumb{font-size:12px;color:var(--tx3);margin-bottom:14px}
.crumb a{text-decoration:none;color:var(--tx2)}
.crumb a:hover{text-decoration:underline}
h1{font-size:24px;font-weight:500;margin:0 0 6px}
h2{font-size:17px;font-weight:500;margin:0 0 4px}
h3{font-size:15px;font-weight:500;margin:0 0 8px}
.lead{color:var(--tx2);font-size:13px;margin:0 0 24px}
.card{background:var(--bg);border:.5px solid var(--bd);border-radius:12px;padding:20px 22px;margin-bottom:18px}
.card>p.d{font-size:13px;color:var(--tx2);margin:0 0 16px}
.kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:22px}
.kpi>div{background:var(--bg);border:.5px solid var(--bd);border-radius:10px;padding:14px 16px}
.kpi .l{font-size:12px;color:var(--tx2);margin-bottom:6px}
.kpi .v{font-size:21px;font-weight:500}
.kpi .v small{font-size:12px;color:var(--tx2);font-weight:400}
.entries{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.entry{display:block;background:var(--bg);border:.5px solid var(--bd);border-radius:12px;padding:16px 18px;text-decoration:none;transition:border-color .15s}
.entry:hover{border-color:var(--bd2)}
.entry .bar{height:3px;border-radius:2px;margin-bottom:11px}
.entry .k{font-size:16px;font-weight:500;margin-bottom:3px}
.entry .b{font-size:12.5px;color:var(--tx2)}
.box{position:relative;width:100%}
.legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:10px;font-size:12px;color:var(--tx2)}
.legend span{display:flex;align-items:center;gap:5px}
.dot{width:10px;height:10px;border-radius:2px;display:inline-block}
.note{font-size:12px;color:var(--tx2);margin-top:14px;padding-top:12px;border-top:.5px solid var(--bd)}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:8px 10px;border-bottom:.5px solid var(--bd);vertical-align:top}
th{font-weight:500;color:var(--tx2);font-size:12px;background:var(--bg2)}
td.n{font-variant-numeric:tabular-nums;white-space:nowrap}
.tag{font-size:11px;padding:2px 8px;border-radius:999px;display:inline-block}
.hl{background:var(--acL,#E6F1FB);color:var(--ac,#185FA5);padding:1px 6px;border-radius:4px;font-size:12px}
.qrow{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:14px 0;border-bottom:.5px solid var(--bd)}
.qrow:last-child{border-bottom:0}
.qno{font-size:20px;font-weight:500;color:var(--ac);font-variant-numeric:tabular-nums;line-height:1.2}
.qno small{display:block;font-size:11px;color:var(--tx3);font-weight:400}
.qlist{display:grid;gap:6px}
.qitem{display:grid;grid-template-columns:58px 1fr;gap:10px;font-size:13px;align-items:baseline}
.qitem .y{color:var(--tx3);font-variant-numeric:tabular-nums;font-size:12px}
.star{color:var(--ac2);letter-spacing:1px}
.matrix td.c{text-align:center;color:var(--ac2);font-size:13px}
.matrix td.c.off{color:#D8D6CE}
.pill{display:inline-block;font-size:11.5px;padding:2px 8px;border-radius:999px;background:var(--bg3);color:var(--tx2);margin:0 6px 6px 0}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.yrgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}
.yrgrid a{display:block;text-align:center;padding:9px 6px;border-radius:8px;background:var(--bg);border:.5px solid var(--bd);text-decoration:none;font-size:13px;font-variant-numeric:tabular-nums}
.yrgrid a:hover{border-color:var(--ac);color:var(--ac)}
.yrgrid a.now{background:var(--ac);color:#fff;border-color:var(--ac)}
.qcard{background:var(--bg);border:.5px solid var(--bd);border-radius:10px;padding:14px 16px;margin-bottom:10px}
.qhead{display:flex;align-items:baseline;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.qhead .n{font-size:16px;font-weight:500;color:var(--ac);font-variant-numeric:tabular-nums;min-width:26px}
.qhead .m{font-size:11.5px;color:var(--tx3)}
.qhead .m b{color:var(--tx2);font-weight:500}
.qstem{font-size:13.5px;line-height:1.7;margin-bottom:8px;word-break:break-word}
.qopts{display:grid;gap:4px;font-size:13px;color:var(--tx2);margin-bottom:8px}
.qfoot{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;padding-top:8px;border-top:.5px solid var(--bd)}
.qfoot .ans{color:var(--ac);font-weight:500}
.qfoot .pt{color:var(--tx2)}
.secbar{display:flex;align-items:center;gap:10px;margin:26px 0 12px}
.secbar .t{font-size:15px;font-weight:500}
.secbar .c{font-size:12px;color:var(--tx3)}
.secbar .line{flex:1;height:.5px;background:var(--bd)}
.searchbox{width:100%;padding:9px 12px;border-radius:8px;border:.5px solid var(--bd);background:var(--bg);font-size:13px;font-family:inherit;margin-bottom:12px}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.toolbar select,.toolbar input{padding:7px 10px;border-radius:8px;border:.5px solid var(--bd);background:var(--bg);font-size:13px;font-family:inherit}
footer{max-width:1080px;margin:0 auto;padding:0 20px 60px;font-size:12px;color:var(--tx3)}
@media(max-width:640px){.qrow{grid-template-columns:48px 1fr;gap:10px}.qno{font-size:17px}.qitem{grid-template-columns:52px 1fr}}
