/* ============================================================
   首页改版 A 风格（沉浸式门户型）· 主色 #185FA5
   Mobile-First（375px 基准），PC ≥768px 增强
   ============================================================ */
:root{
  --home-primary:#185FA5;
  --home-primary-dark:#0C447C;
  --home-primary-darker:#042C53;
  --home-primary-light:#E6F1FB;
  --home-accent:#E24B4A;
  --home-success:#27ae60;
  --home-text:#1f2d3d;
  --home-text2:#5a6a7a;
  --home-text3:#8b98a5;
  --home-border:0.5px solid #dee2e6;
  --home-radius:12px;
}

/* ============ Hero 沉浸式首屏 ============ */
.hero{position:relative;background:linear-gradient(135deg,#042C53 0%,#0C447C 55%,#185FA5 100%);
  color:#fff;padding:34px 0 64px;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;
  background:radial-gradient(circle at 85% 15%,rgba(255,255,255,.1),transparent 45%)}
.hero .container{position:relative}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);
  border:0.5px solid rgba(255,255,255,.3);padding:6px 16px;border-radius:16px;
  font-size:14.5px;margin-bottom:14px}
.hero-badge .dot{width:7px;height:7px;border-radius:50%;background:#4ade80}
.hero h1{font-size:27px;font-weight:700;line-height:1.4;margin:0 0 10px}
.hero h1 em{font-style:normal;color:#FFD166}
.hero-sub{font-size:14px;color:rgba(255,255,255,.78);margin:0 0 20px;line-height:1.6}
.hero-actions{display:flex;flex-direction:column;gap:12px}
.hero-btn{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:24px;
  font-size:16px;font-weight:500;text-decoration:none;transition:.2s}
.hero-btn-accent{background:var(--home-accent);color:#fff;box-shadow:0 6px 16px rgba(226,75,74,.35)}
.hero-btn-accent:active{transform:scale(.98)}
.hero-btn-ghost{border:0.5px solid rgba(255,255,255,.6);color:#fff}

/* 倒计时条 */
.countdown-strip{margin-top:22px;background:rgba(255,255,255,.96);border-radius:var(--home-radius);
  padding:12px 16px;display:flex;align-items:center;justify-content:space-between;color:var(--home-text)}
.countdown-strip h4{font-size:15px;color:var(--home-text2);font-weight:500;margin:0}
.cd-nums{display:flex;gap:8px}
.cd-cell{background:var(--home-primary-light);border-radius:8px;padding:7px 12px;text-align:center;min-width:56px}
.cd-cell b{display:block;font-size:22px;color:var(--home-primary);font-weight:700;line-height:1.2}
.cd-cell span{font-size:12px;color:var(--home-text3)}

/* 最新发布：左图右文卡片，两列三行共 6 条，移动端单列 */
.latest-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.latest-card{display:flex;gap:12px;align-items:center;background:#fff;border:var(--home-border);
  border-radius:var(--home-radius);padding:12px;text-decoration:none;color:var(--home-text);transition:.2s}
.latest-card:hover{box-shadow:0 6px 16px rgba(24,95,165,.12);transform:translateY(-2px)}
/* 缩略图：统一 16:9 框高（Frank 2026-10-16：每个项目图片高度一致）。
   16:9 封面（thumb-wide）→ 铺满整个框完全显示；校徽等非 16:9 → 完整显示+居中+上下留边 */
.latest-thumb{width:160px;aspect-ratio:16/9;border-radius:8px;background:var(--home-primary-light);
  flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.latest-thumb:empty{display:none}
.latest-thumb img{max-width:86%;max-height:78%;object-fit:contain;display:block;transition:opacity .3s}
.latest-thumb.thumb-wide img{max-width:100%;max-height:100%;object-fit:cover}
.latest-info{flex:1;min-width:0}
.latest-title{font-size:14.5px;font-weight:500;line-height:1.5;margin-bottom:6px;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.latest-meta{font-size:12px;color:var(--home-text3)}
.latest-meta .sep{margin:0 6px}

/* ============ 快捷入口（上浮遮挡 hero，自动居中） ============ */
.quick-wrap{margin-top:-34px;position:relative;z-index:5}
.quick-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;background:#fff;
  border:var(--home-border);border-radius:var(--home-radius);padding:14px 10px;
  box-shadow:0 8px 22px rgba(12,68,124,.08)}
.quick-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 4px;
  border-radius:10px;transition:.2s;text-decoration:none;color:var(--home-text);
  width:calc(25% - 6px);box-sizing:border-box}
.quick-card:hover{background:var(--home-primary-light)}
.quick-card:active{background:var(--home-primary-light)}
.qc-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center}
.qc-icon svg{width:22px;height:22px}
.qc-1{background:#E6F1FB;color:#185FA5}
.qc-2{background:#FAEEDA;color:#BA7517}
.qc-3{background:#E1F5EE;color:#0F6E56}
.qc-4{background:#FCEBEB;color:#A32D2D}
.qc-5{background:#F1ECFB;color:#6B4FA3}
.qc-6{background:#E8F1F8;color:#2E6B8A}
.quick-card b{font-size:12.5px;font-weight:600}
.quick-card span.qc-sub{font-size:10.5px;color:var(--home-text3)}

/* ============ 政策时间轴 ============ */
.home-section{padding:30px 0 6px}
.home-section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}
.home-section-title{font-size:20px;font-weight:700;position:relative;padding-left:13px}
.home-section-title::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;
  border-radius:2px;background:var(--home-primary)}
.home-section-more{color:var(--home-text3);font-size:13px;text-decoration:none}
.home-section-more:hover{color:var(--home-primary)}

.timeline-card{background:#fff;border:var(--home-border);border-radius:var(--home-radius);padding:18px 16px}
.timeline-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.timeline-head .hint{font-size:13px;color:var(--home-text3)}
.tl-item{display:flex;gap:14px;position:relative;padding-bottom:18px}
.tl-item:last-child{padding-bottom:0}
.tl-item::before{content:"";position:absolute;left:7px;top:20px;bottom:0;width:1px;background:#e2e8ee}
.tl-item:last-child::before{display:none}
.tl-dot{width:15px;height:15px;border-radius:50%;border:3px solid var(--home-primary);background:#fff;
  flex-shrink:0;margin-top:3px;position:relative;z-index:1}
.tl-item.hot .tl-dot{border-color:var(--home-accent);background:#FCEBEB}
.tl-date{font-size:14.5px;font-weight:500;color:var(--home-primary-dark)}
.tl-item.hot .tl-date{color:var(--home-accent)}
.tl-desc{font-size:12.5px;color:var(--home-text2)}
.tl-status{display:inline-block;font-size:11px;padding:1px 8px;border-radius:3px;margin-left:8px;vertical-align:1px}
.s-done{background:#e8f8ef;color:#27ae60}
.s-ing{background:#FCEBEB;color:#A32D2D}
.s-todo{background:#f0f1f3;color:#6b7280}
.tl-foot{margin-top:12px;padding-top:12px;border-top:0.5px dashed #e8eaed;font-size:12px;color:var(--home-text3)}

/* ============ 留资转化带 ============ */
.lead-band{margin:30px 0 0;background:linear-gradient(135deg,#0C447C,#185FA5);
  border-radius:var(--home-radius);padding:22px 20px;color:#fff}
.lead-band h3{font-size:19px;margin:0 0 6px}
.lead-band p{font-size:13px;opacity:.85;margin:0 0 16px;line-height:1.6}
.lead-band .hero-btn{background:#fff;color:var(--home-accent);min-height:48px}

/* ============ FAQ ============ */
.faq-card{background:#fff;border:var(--home-border);border-radius:var(--home-radius);padding:6px 16px}
.faq-card details{border-bottom:0.5px solid #eef1f4}
.faq-card details:last-child{border-bottom:none}
.faq-card summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;
  padding:15px 0;font-size:14.5px;font-weight:500;cursor:pointer;min-height:44px}
.faq-card summary::-webkit-details-marker{display:none}
.faq-card summary::after{content:"+";font-size:18px;color:var(--home-primary);transition:.2s}
.faq-card details[open] summary::after{transform:rotate(45deg)}
.faq-card .faq-a{padding:0 0 14px;font-size:13.5px;color:var(--home-text2);line-height:1.8}

/* ============ 信任区 ============ */
.trust-band{background:#fff;border:var(--home-border);border-radius:var(--home-radius);
  padding:20px 18px;margin-top:30px}
.trust-band h3{font-size:16px;color:var(--home-primary-dark);margin:0 0 10px}
.trust-band .method{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.trust-band .method span{background:var(--home-primary-light);color:var(--home-primary);
  font-size:13px;padding:6px 14px;border-radius:6px}
.trust-band p{font-size:13px;color:var(--home-text2);line-height:1.8;margin:0}

/* ============ PC 适配（≥768px） ============ */
@media (min-width:768px){
  .hero{padding:64px 0 96px}
  .hero h1{font-size:40px}
  .hero-sub{font-size:16px;max-width:560px}
  .hero-actions{flex-direction:row}
  .hero-btn{max-width:220px;padding:0 40px}
  .quick-wrap .container{max-width:1000px}
  .quick-card{width:150px}
  .quick-card b{font-size:14px}
  .qc-icon{width:52px;height:52px}
  .qc-icon svg{width:26px;height:26px}
  .timeline-card .tl-flex{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px}
  .home-section-title{font-size:24px}
  .lead-band{padding:32px 40px}
  .lead-band h3{font-size:22px}
  .countdown-strip{max-width:480px;margin-left:auto;margin-right:auto}
  .latest-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}