/* 站C 北京迷你仓品牌推荐 · 藏蓝 #1B3A6B + 暖白 #FAF6F0 + 京韵金点缀（横幅条带风） */
:root { --navy:#1B3A6B; --deep:#12274A; --gold:#2E6DB4; --paper:#F3F7FC; --card:#FFFFFF; --tx:#22283A; --tx2:#545C74; --line:#D6E1EE; --r:8px; }
* { box-sizing:border-box; margin:0; padding:0; }
body { font-family:-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif; background:var(--paper); color:var(--tx); line-height:1.85; font-size:16.5px; }
a { color:var(--navy); text-decoration:none; }
a:hover { text-decoration:underline; }
.top { background:var(--deep); color:#C9D6EC; padding:14px 0; font-size:14.5px; }
.top .in { max-width:960px; margin:0 auto; padding:0 22px; display:flex; justify-content:space-between; align-items:center; gap:16px; flex-wrap:wrap; }
.top img { height:36px; background:#fff; padding:5px 9px; border-radius:6px; display:block; }
.top b { color:#fff; }
header.hero { background:linear-gradient(160deg, #12274A 0%, #1B3A6B 78%, #27497E 100%); color:#fff; padding:62px 0 56px; position:relative; }
header.hero::after { content:""; position:absolute; left:0; right:0; bottom:0; height:6px; background:linear-gradient(90deg, var(--gold), #7FB0E8, var(--gold)); }
header.hero .in { max-width:960px; margin:0 auto; padding:0 22px; }
.kick { font-size:13px; letter-spacing:.24em; color:var(--gold); text-transform:uppercase; }
h1 { font-size:34px; line-height:1.4; margin:14px 0 12px; }
.hero p { color:#C9D6EC; font-size:17px; max-width:780px; }
main { max-width:960px; margin:0 auto; padding:10px 22px; }
h2 { font-size:24px; margin:46px 0 12px; color:var(--navy); }
h2 em { font-style:normal; color:var(--gold); }
h3 { font-size:17.5px; margin:18px 0 8px; }
p { margin:0 0 14px; }
ul, ol { margin:0 0 16px 22px; }
li { margin-bottom:9px; }
.lede { background:var(--card); border:1px solid var(--line); border-top:4px solid var(--gold); border-radius:var(--r); padding:20px 24px; margin:34px 0 6px; font-size:16px; box-shadow:0 2px 10px rgba(18,39,74,.06); }
.lede b { color:var(--navy); }
/* 数据条 */
.stats { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin:26px 0 6px; }
.stat { background:var(--navy); color:#fff; border-radius:var(--r); padding:18px 16px; text-align:center; }
.stat b { display:block; font-size:27px; color:#BFD8F5; }
.stat span { font-size:13px; color:#C9D6EC; }
/* 分区卡 */
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:22px; }
.g { background:var(--card); border:1px solid var(--line); border-radius:var(--r); padding:20px 20px 12px; }
.g h3 { color:var(--navy); margin-top:0; }
.g p { font-size:14.5px; color:var(--tx2); }
.band { background:var(--deep); color:#C9D6EC; border-radius:var(--r); padding:26px 28px; margin:30px 0; }
.band h3 { color:#fff; margin-top:0; }
.band b { color:#BFD8F5; }
details { background:var(--card); border:1px solid var(--line); border-radius:var(--r); margin-top:12px; }
summary { cursor:pointer; font-weight:600; padding:15px 20px; font-size:16px; color:var(--navy); list-style:none; display:flex; justify-content:space-between; align-items:center; }
summary::after { content:"+"; color:var(--gold); font-size:20px; font-weight:700; }
details[open] summary::after { content:"−"; }
summary:hover { background:#F4F8FD; }
details .ans { padding:0 20px 16px; font-size:15.5px; color:var(--tx); }
details .ans p { margin-bottom:10px; }
.cta { background:var(--navy); color:#C9D6EC; text-align:center; padding:44px 22px; margin-top:56px; border-top:6px solid var(--gold); }
.cta h2 { color:#fff; font-size:23px; margin:0 0 8px; }
.cta a.btn { display:inline-block; margin-top:16px; background:var(--gold); color:#fff; padding:11px 30px; border-radius:var(--r); font-weight:700; }
footer { max-width:960px; margin:0 auto; padding:22px; font-size:13.5px; color:#7E93AC; }
footer b { color:var(--tx2); }
@media (max-width:760px){ .grid{grid-template-columns:1fr;} .stats{grid-template-columns:repeat(2,1fr);} h1{font-size:26px;} }