/* indigo · L2 · 居中英雄 */

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:#F7F8FC;color:#333F57;font:16px/1.85 system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased;
  }
a{color:inherit;text-decoration:none}
svg{display:block}
.wrap{width:min(1120px,92%);margin:0 auto}
h1,h2,h3,h4{color:#111827;font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.32;letter-spacing:-.01em;font-weight:700}
::selection{background:#E8EEFB;color:#111827}
em{font-style:normal;color:#2F4B8F}

/* ---------- 顶栏 ---------- */
.hdr{position:sticky;top:0;z-index:60;background:color-mix(in srgb, #F7F8FC 92%, transparent);backdrop-filter:blur(14px);
  border-bottom:1px solid #DFE5F2}
.hdr__in{display:flex;align-items:center;gap:20px;height:68px}
.brand{display:flex;align-items:center;gap:10px;flex:none}
.brand b{display:block;font-size:17px;color:#111827;letter-spacing:.02em}
.brand i{display:block;font-style:normal;font-size:9.5px;letter-spacing:.18em;color:#6C7891;
  text-transform:uppercase;line-height:1.4}
.nav{display:flex;gap:22px;font-size:14.5px;color:#333F57;flex:1}
.nav a{position:relative;padding:4px 0}
.nav a:hover{color:#2F4B8F}
.nav a.on{color:#2F4B8F}
.topsearch{display:flex;align-items:center;gap:8px;background:#FFFFFF;border:1px solid #DFE5F2;
  border-radius:99px;padding:6px 8px 6px 14px;min-width:210px}
.topsearch input{border:0;background:none;font-size:13.5px;color:#111827;width:100%;outline:none}
.topsearch button{border:0;background:none;color:#2F4B8F;font-size:13px;cursor:pointer;padding:2px 6px;white-space:nowrap}
.mnav{display:none}
@media(max-width:900px){
  .nav,.topsearch{display:none}
  .mnav{display:block;margin-left:auto;position:relative}
  .mnav summary{list-style:none;cursor:pointer;font-size:14px;color:#111827;padding:8px 14px;
    border:1px solid #DFE5F2;border-radius:99px;background:#FFFFFF}
  .mnav summary::-webkit-details-marker{display:none}
  .mnav div{position:absolute;right:0;top:44px;background:#FFFFFF;border:1px solid #DFE5F2;
    border-radius:12px;padding:10px;min-width:180px;box-shadow:0 16px 40px -20px rgba(0,0,0,.4);
    display:grid;gap:2px}
  .mnav a{padding:9px 12px;border-radius:8px;font-size:14px}
  .mnav a:hover{background:#EDF1FB}
}

/* ---------- 英雄区 ---------- */
.hero{padding:66px 0 30px}
.hero--center{text-align:center;padding:76px 0 34px}
.hero--center .search{margin-left:auto;margin-right:auto}
.hero--center .hot{justify-content:center}
.eyebrow{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#2F4B8F;margin-bottom:14px;font-weight:600}
.hero h1{font-size:clamp(31px,4.4vw,54px);font-weight:800;letter-spacing:-.025em}
.hero .lede{margin-top:16px;font-size:16px;color:#6C7891;max-width:58ch;line-height:1.9}
.hero--center .lede{margin-left:auto;margin-right:auto}
.search{display:flex;align-items:center;gap:6px;background:#FFFFFF;border:1px solid #DFE5F2;
  border-radius:18px;padding:8px;margin-top:26px;max-width:600px;box-shadow:0 14px 34px -18px rgba(20,17,13,.28)}
.search input{flex:1;border:0;outline:none;background:none;padding:12px 14px;font-size:15px;color:#111827}
.search button{border:0;background:#2F4B8F;color:#fff;padding:12px 24px;border-radius:12px;
  font-size:14.5px;cursor:pointer;font-weight:600;transition:.2s}
.search button:hover{background:#2F4B8F;opacity:.9}
.hot{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:13px;color:#6C7891;align-items:center}
.hot a{padding:5px 12px;border:1px solid #DFE5F2;border-radius:99px;background:#FFFFFF;color:#333F57}
.hot a:hover{border-color:#2F4B8F;color:#2F4B8F}

/* ---------- 数据条 ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #DFE5F2;border-radius:18px;
  overflow:hidden;background:#FFFFFF;margin-top:38px}
.stats div{padding:20px 22px;border-right:1px solid #DFE5F2}
.stats div:last-child{border-right:0}
.stats b{display:block;font-size:26px;color:#111827;font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;letter-spacing:-.02em}
.stats span{font-size:12.5px;color:#6C7891}

/* ---------- 分类 ---------- */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat{background:#FFFFFF;border:1px solid #DFE5F2;border-radius:18px;padding:18px;transition:.2s}
.cat:hover{border-color:#2F4B8F;transform:translateY(-2px)}
.cat b{display:block;font-size:15.5px;color:#111827;margin-bottom:4px}
.cat span{font-size:12.5px;color:#6C7891}
.cat i{display:block;font-style:normal;font-size:20px;margin-bottom:10px}

/* ---------- 区块 ---------- */
.sec{padding:56px 0 0}
.sec__hd{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px}
.sec__hd h2{font-size:clamp(21px,2.2vw,27px)}
.sec__more{font-size:13.5px;color:#2F4B8F;white-space:nowrap}

/* ---------- 卡片 ---------- */
.cards{display:grid;gap:24px}
.cards--2{grid-template-columns:repeat(2,1fr)}
.cards--3{grid-template-columns:repeat(3,1fr)}
.cards--4{grid-template-columns:repeat(4,1fr)}
.card{background:#FFFFFF;border:1px solid #DFE5F2;border-radius:18px;overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s}
.card:hover{transform:translateY(-3px);box-shadow:0 14px 34px -18px rgba(20,17,13,.28);border-color:#2F4B8F}
.card__media{position:relative;padding:24px 22px;background:linear-gradient(135deg,#2F4B8F,#7A98DC);
  display:flex;align-items:center;justify-content:space-between;gap:12px}
.card__glyph{font-size:26px;font-weight:800;color:#fff;letter-spacing:.08em;opacity:.95;
  font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
.card__tag{font-size:11px;letter-spacing:.08em;color:rgba(255,255,255,.82);
  border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:2px 9px}
.card__body{padding:16px 20px 20px}
.card__title{font-size:16px;margin-bottom:6px;line-height:1.5}
.card__desc{font-size:13.5px;color:#6C7891;line-height:1.75;display:-webkit-box;
  -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}
.card__meta{margin-top:12px;font-size:12px;color:#6C7891;display:flex;gap:10px;align-items:center}
.chip{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:99px;
  background:#E8EEFB;color:#2F4B8F;letter-spacing:.02em}

/* ---------- 列表 ---------- */
.latest{list-style:none;border-top:1px solid #DFE5F2}
.latest li a{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;
  padding:13px 4px;border-bottom:1px solid #DFE5F2;font-size:15px;color:#333F57}
.latest li a:hover{color:#2F4B8F}
.latest__idx{font-size:12.5px;color:#6C7891;font-variant-numeric:tabular-nums}
.latest__c{font-size:11.5px;color:#6C7891;border:1px solid #DFE5F2;border-radius:99px;padding:1px 9px}
.dense{display:grid;grid-template-columns:1fr 1fr;gap:0 34px}
.dense .latest li a{grid-template-columns:1fr auto;padding:11px 2px;font-size:14.5px}
.table{width:100%;border-collapse:collapse;font-size:14.5px}
.table th{text-align:left;font-size:12px;letter-spacing:.1em;color:#6C7891;font-weight:600;
  padding:10px 8px;border-bottom:1px solid #DFE5F2;text-transform:uppercase}
.table td{padding:12px 8px;border-bottom:1px solid #DFE5F2}
.table tr:hover td{background:#EDF1FB}
.table a{color:#111827}
.table a:hover{color:#2F4B8F}

/* ---------- 特性 / 步骤 / CTA ---------- */
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feat div{background:#FFFFFF;border:1px solid #DFE5F2;border-radius:18px;padding:20px}
.feat b{display:block;color:#111827;margin-bottom:6px;font-size:14.5px}
.feat p{font-size:13.5px;color:#6C7891}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.step{background:#FFFFFF;border:1px solid #DFE5F2;border-radius:18px;padding:22px;position:relative}
.step b{display:block;color:#111827;margin:10px 0 6px;font-size:15px}
.step p{font-size:13.5px;color:#6C7891}
.step::before{counter-increment:s;content:"0" counter(s);font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  font-size:13px;color:#2F4B8F;letter-spacing:.1em}
.cta{margin-top:64px;border-radius:18px;padding:44px 38px;background:linear-gradient(135deg,#2F4B8F,#7A98DC);
  color:#fff;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.cta h2{color:#fff;font-size:26px}
.cta p{color:rgba(255,255,255,.86);font-size:14px;margin-top:8px;max-width:52ch}
.cta a.btn{background:#fff;color:#111827;padding:13px 26px;border-radius:12px;font-weight:700;
  font-size:14.5px;white-space:nowrap}

/* ---------- 页脚 ---------- */
.ft{margin-top:70px;background:#EFF2FA;border-top:1px solid #DFE5F2;padding:46px 0 24px}
.ft__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.ft h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6C7891;margin-bottom:14px}
.ft a{display:block;font-size:13.5px;color:#333F57;padding:3px 0}
.ft a:hover{color:#2F4B8F}
.ft p{font-size:13px;color:#6C7891;line-height:1.8;margin-top:8px;max-width:34ch}
.ft__bot{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;
  margin-top:34px;padding-top:18px;border-top:1px solid #DFE5F2;font-size:12.5px;color:#6C7891}
.ft__bot nav{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 内页 ---------- */
.crumb{font-size:12.5px;color:#6C7891;padding:22px 0 0}
.crumb i{font-style:normal;margin:0 7px;opacity:.5}
.crumb a:hover{color:#2F4B8F}
.art{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:44px;padding:26px 0 20px}
.art__hd h1{font-size:clamp(25px,3vw,36px);letter-spacing:-.02em}
.art__meta{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:14px;
  font-size:12.5px;color:#6C7891;padding-bottom:20px;border-bottom:1px solid #DFE5F2}
.art__body{font-size:16.5px;line-height:1.95;padding-top:26px}
.art__body>h1:first-child{display:none}
.art__body h2{font-size:20px;margin:36px 0 12px;padding-left:13px;border-left:3px solid #2F4B8F;
  scroll-margin-top:88px}
.art__body h3{font-size:16.5px;margin:24px 0 8px;scroll-margin-top:88px}
.art__body p{margin:14px 0}
.art__body strong{color:#111827}
.art__body a{color:#2F4B8F;border-bottom:1px solid #E8EEFB}
.art__body ul,.art__body ol{margin:14px 0 14px 24px}
.art__body li{margin:6px 0}
.toc{position:sticky;top:92px;align-self:start;font-size:13px;border-left:1px solid #DFE5F2;padding-left:16px}
.toc h4{font-size:11px;letter-spacing:.14em;color:#6C7891;text-transform:uppercase;margin-bottom:10px}
.toc a{display:block;padding:5px 0;color:#6C7891;line-height:1.5}
.toc a.on,.toc a:hover{color:#2F4B8F}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:44px 0 0}
.pager a{border:1px solid #DFE5F2;border-radius:18px;padding:16px 18px;background:#FFFFFF}
.pager a:hover{border-color:#2F4B8F}
.pager span{display:block;font-size:11.5px;color:#6C7891;margin-bottom:4px}
.pager b{font-size:14.5px;color:#111827;font-weight:600}
.pager a:last-child{text-align:right}

/* ---------- 法务 / 搜索 ---------- */
.legal{max-width:800px;margin:0 auto;background:#FFFFFF;border:1px solid #DFE5F2;border-radius:18px;
  padding:44px 48px 50px;margin-top:26px}
.legal h1{font-size:29px}
.legal .upd{font-size:12.5px;color:#6C7891;padding:10px 0 22px;border-bottom:1px solid #DFE5F2;margin-bottom:8px}
.legal h2{font-size:18.5px;margin:32px 0 10px;padding-left:12px;border-left:3px solid #2F4B8F}
.legal p,.legal li{font-size:15px;color:#333F57;margin:10px 0}
.legal ul{margin-left:22px}
.legal a{color:#2F4B8F;border-bottom:1px solid #E8EEFB}
.srch{padding:44px 0}
.srch form{display:flex;gap:8px;background:#FFFFFF;border:1px solid #DFE5F2;border-radius:18px;
  padding:8px;max-width:640px;box-shadow:0 14px 34px -18px rgba(20,17,13,.28)}
.srch input{flex:1;border:0;outline:none;padding:12px 14px;font-size:15px;background:none;color:#111827}
.srch button{border:0;background:#2F4B8F;color:#fff;padding:12px 24px;border-radius:12px;cursor:pointer}
.srch__hint{font-size:13px;color:#6C7891;margin-top:14px}
.sres{margin-top:26px;border-top:1px solid #DFE5F2}
.sres a{display:block;padding:14px 4px;border-bottom:1px solid #DFE5F2}
.sres a:hover{background:#EDF1FB}
.sres b{display:block;font-size:15px;color:#111827;font-weight:600}
.sres span{font-size:12.5px;color:#6C7891}

/* ---------- 响应式 ---------- */
@media(max-width:1024px){
  .cards--4{grid-template-columns:repeat(2,1fr)}
  .art{grid-template-columns:1fr}
  .toc{display:none}
  .ft__grid{grid-template-columns:1fr 1fr}
  .feat,.cats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  body{font-size:15.5px;line-height:1.9}
  .hero{padding:40px 0 18px}
  .hero h1{font-size:29px}
  .cards--2,.cards--3,.cards--4{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .stats div:nth-child(2){border-right:0}
  .stats div:nth-child(-n+2){border-bottom:1px solid #DFE5F2}
  .steps,.feat{grid-template-columns:1fr}
  .dense{grid-template-columns:1fr}
  .cta{padding:30px 22px}
  .legal{padding:26px 20px 32px;margin-top:14px}
  .ft__grid{grid-template-columns:1fr}
  .pager{grid-template-columns:1fr}
  .latest li a{grid-template-columns:32px 1fr;gap:10px}
  .latest__c{display:none}
}