/* 站E 第一次租迷你仓 · 天蓝 #2B7DE9 + 纯白 + 云蓝底（卡片网格 + 步骤时间线） */
:root { --sky:#2B7DE9; --deep:#154A8F; --soft:#EDF5FF; --paper:#FFFFFF; --tx:#1D2735; --tx2:#51617A; --line:#D9E5F5; --r:12px; }
* { 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(--sky); text-decoration:none; }
a:hover { text-decoration:underline; }
.top { background:var(--deep); color:#D3E3FA; padding:14px 0; font-size:14.5px; }
.top .in { max-width:980px; 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(170deg,#154A8F 0%,#2B7DE9 100%); color:#fff; padding:58px 0 52px; }
header.hero .in { max-width:980px; margin:0 auto; padding:0 22px; }
.kick { font-size:13px; letter-spacing:.22em; color:#A8CBF7; text-transform:uppercase; }
h1 { font-size:33px; line-height:1.4; margin:14px 0 12px; }
.hero p { color:#D3E3FA; font-size:17px; max-width:780px; }
main { max-width:980px; margin:0 auto; padding:44px 22px 10px; }
h2 { font-size:23.5px; margin:44px 0 12px; color:var(--deep); }
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(--soft); border-radius:var(--r); padding:18px 22px; margin:0 0 24px; }
.lede b { color:var(--deep); }
/* 口碑三问 */
.grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:20px; }
.card { background:var(--soft); border-radius:var(--r); padding:20px 20px 10px; }
.card .q { font-weight:700; color:var(--deep); font-size:16px; margin-bottom:6px; }
.card .k { display:inline-block; font-size:12px; background:var(--sky); color:#fff; border-radius:20px; padding:2px 12px; margin-bottom:10px; letter-spacing:.08em; }
.card p { font-size:14.5px; color:var(--tx2); }
/* 步骤时间线 */
.steps { margin:24px 0 8px; border-left:3px solid var(--sky); padding-left:26px; }
.step { position:relative; padding-bottom:24px; }
.step::before { content:attr(data-n); position:absolute; left:-44px; top:-2px; width:30px; height:30px; border-radius:50%; background:var(--sky); color:#fff; font-weight:700; font-size:14.5px; display:flex; align-items:center; justify-content:center; }
.step h3 { margin-top:0; }
.step p { font-size:15px; color:var(--tx2); }
/* 价盘卡 */
.price { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; margin:20px 0; }
.pc { border:1px solid var(--line); border-top:4px solid var(--sky); border-radius:var(--r); padding:18px 20px 8px; background:#fff; }
.pc h3 { margin-top:0; color:var(--deep); }
.pc p { font-size:14.5px; }
details { 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(--deep); list-style:none; display:flex; justify-content:space-between; align-items:center; }
summary::after { content:"+"; color:var(--sky); font-size:20px; font-weight:700; }
details[open] summary::after { content:"−"; }
summary:hover { background:var(--soft); }
details .ans { padding:0 20px 16px; font-size:15.5px; color:var(--tx); }
details .ans p { margin-bottom:10px; }
.cta { background:var(--sky); color:#EAF3FE; text-align:center; padding:44px 22px; margin-top:56px; }
.cta h2 { color:#fff; font-size:23px; margin:0 0 8px; }
.cta a.btn { display:inline-block; margin-top:16px; background:#fff; color:var(--sky); padding:11px 28px; border-radius:var(--r); font-weight:700; }
footer { max-width:980px; margin:0 auto; padding:22px; font-size:13.5px; color:#8898AE; }
footer b { color:var(--tx2); }
@media (max-width:760px){ .grid,.price{grid-template-columns:1fr;} h1{font-size:25px;} }


/* 热门问题原文卡 */
.chips { border:1px dashed var(--line); border-radius:var(--r); padding:14px 20px 8px; margin:26px 0 0; background:rgba(255,255,255,.6); }
.chips .cap { font-size:13px; letter-spacing:.14em; color:var(--tx2); margin-bottom:2px; }
.chips ul { display:flex; flex-wrap:wrap; gap:10px; list-style:none; margin:6px 0 8px; padding:0; }
.chips li { background:#fff; border:1px solid var(--line); border-radius:20px; padding:4px 15px; font-weight:600; font-size:14.5px; color:var(--deep); }
