/* forest · L8 · 目录索引 */

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:#F8FAF7;color:#38463B;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(1250px,92%);margin:0 auto}
h1,h2,h3,h4{color:#131A15;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:#E7F1EA;color:#131A15}
em{font-style:normal;color:#2F6B4F}

/* ---------- 顶栏 ---------- */
.hdr{position:sticky;top:0;z-index:60;background:color-mix(in srgb, #F8FAF7 92%, transparent);backdrop-filter:blur(14px);
  border-bottom:1px solid #DDE7DB}
.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:#131A15;letter-spacing:.02em}
.brand i{display:block;font-style:normal;font-size:9.5px;letter-spacing:.18em;color:#6B7C6E;
  text-transform:uppercase;line-height:1.4}
.nav{display:flex;gap:22px;font-size:14.5px;color:#38463B;flex:1}
.nav a{position:relative;padding:4px 0}
.nav a:hover{color:#2F6B4F}
.nav a.on{color:#2F6B4F}
.topsearch{display:flex;align-items:center;gap:8px;background:#FFFFFF;border:1px solid #DDE7DB;
  border-radius:99px;padding:6px 8px 6px 14px;min-width:210px}
.topsearch input{border:0;background:none;font-size:13.5px;color:#131A15;width:100%;outline:none}
.topsearch button{border:0;background:none;color:#2F6B4F;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:#131A15;padding:8px 14px;
    border:1px solid #DDE7DB;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 #DDE7DB;
    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:#EAF2E9}
}

/* ---------- 英雄区 ---------- */
.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:#2F6B4F;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:#6B7C6E;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 #DDE7DB;
  border-radius:8px;padding:8px;margin-top:26px;max-width:600px;box-shadow:none}
.search input{flex:1;border:0;outline:none;background:none;padding:12px 14px;font-size:15px;color:#131A15}
.search button{border:0;background:#2F6B4F;color:#fff;padding:12px 24px;border-radius:2px;
  font-size:14.5px;cursor:pointer;font-weight:600;transition:.2s}
.search button:hover{background:#2F6B4F;opacity:.9}
.hot{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;font-size:13px;color:#6B7C6E;align-items:center}
.hot a{padding:5px 12px;border:1px solid #DDE7DB;border-radius:99px;background:#FFFFFF;color:#38463B}
.hot a:hover{border-color:#2F6B4F;color:#2F6B4F}

/* ---------- 数据条 ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #DDE7DB;border-radius:8px;
  overflow:hidden;background:#FFFFFF;margin-top:38px}
.stats div{padding:20px 22px;border-right:1px solid #DDE7DB}
.stats div:last-child{border-right:0}
.stats b{display:block;font-size:26px;color:#131A15;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:#6B7C6E}

/* ---------- 分类 ---------- */
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.cat{background:#FFFFFF;border:1px solid #DDE7DB;border-radius:8px;padding:18px;transition:.2s}
.cat:hover{border-color:#2F6B4F;transform:translateY(-2px)}
.cat b{display:block;font-size:15.5px;color:#131A15;margin-bottom:4px}
.cat span{font-size:12.5px;color:#6B7C6E}
.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:#2F6B4F;white-space:nowrap}

/* ---------- 卡片 ---------- */
.cards{display:grid;gap:14px}
.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 #DDE7DB;border-radius:8px;overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s}
.card:hover{transform:translateY(-3px);box-shadow:none;border-color:#2F6B4F}
.card__media{position:relative;padding:24px 22px;background:linear-gradient(135deg,#2F6B4F,#7FB699);
  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:#6B7C6E;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:#6B7C6E;display:flex;gap:10px;align-items:center}
.chip{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:99px;
  background:#E7F1EA;color:#2F6B4F;letter-spacing:.02em}

/* ---------- 列表 ---------- */
.latest{list-style:none;border-top:1px solid #DDE7DB}
.latest li a{display:grid;grid-template-columns:40px 1fr auto;gap:14px;align-items:center;
  padding:13px 4px;border-bottom:1px solid #DDE7DB;font-size:15px;color:#38463B}
.latest li a:hover{color:#2F6B4F}
.latest__idx{font-size:12.5px;color:#6B7C6E;font-variant-numeric:tabular-nums}
.latest__c{font-size:11.5px;color:#6B7C6E;border:1px solid #DDE7DB;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:#6B7C6E;font-weight:600;
  padding:10px 8px;border-bottom:1px solid #DDE7DB;text-transform:uppercase}
.table td{padding:12px 8px;border-bottom:1px solid #DDE7DB}
.table tr:hover td{background:#EAF2E9}
.table a{color:#131A15}
.table a:hover{color:#2F6B4F}

/* ---------- 特性 / 步骤 / CTA ---------- */
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feat div{background:#FFFFFF;border:1px solid #DDE7DB;border-radius:8px;padding:20px}
.feat b{display:block;color:#131A15;margin-bottom:6px;font-size:14.5px}
.feat p{font-size:13.5px;color:#6B7C6E}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;counter-reset:s}
.step{background:#FFFFFF;border:1px solid #DDE7DB;border-radius:8px;padding:22px;position:relative}
.step b{display:block;color:#131A15;margin:10px 0 6px;font-size:15px}
.step p{font-size:13.5px;color:#6B7C6E}
.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:#2F6B4F;letter-spacing:.1em}
.cta{margin-top:64px;border-radius:8px;padding:44px 38px;background:linear-gradient(135deg,#2F6B4F,#7FB699);
  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:#131A15;padding:13px 26px;border-radius:2px;font-weight:700;
  font-size:14.5px;white-space:nowrap}

/* ---------- 页脚 ---------- */
.ft{margin-top:70px;background:#EFF5EE;border-top:1px solid #DDE7DB;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:#6B7C6E;margin-bottom:14px}
.ft a{display:block;font-size:13.5px;color:#38463B;padding:3px 0}
.ft a:hover{color:#2F6B4F}
.ft p{font-size:13px;color:#6B7C6E;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 #DDE7DB;font-size:12.5px;color:#6B7C6E}
.ft__bot nav{display:flex;gap:14px;flex-wrap:wrap}

/* ---------- 内页 ---------- */
.crumb{font-size:12.5px;color:#6B7C6E;padding:22px 0 0}
.crumb i{font-style:normal;margin:0 7px;opacity:.5}
.crumb a:hover{color:#2F6B4F}
.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:#6B7C6E;padding-bottom:20px;border-bottom:1px solid #DDE7DB}
.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 #2F6B4F;
  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:#131A15}
.art__body a{color:#2F6B4F;border-bottom:1px solid #E7F1EA}
.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 #DDE7DB;padding-left:16px}
.toc h4{font-size:11px;letter-spacing:.14em;color:#6B7C6E;text-transform:uppercase;margin-bottom:10px}
.toc a{display:block;padding:5px 0;color:#6B7C6E;line-height:1.5}
.toc a.on,.toc a:hover{color:#2F6B4F}
.pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:44px 0 0}
.pager a{border:1px solid #DDE7DB;border-radius:8px;padding:16px 18px;background:#FFFFFF}
.pager a:hover{border-color:#2F6B4F}
.pager span{display:block;font-size:11.5px;color:#6B7C6E;margin-bottom:4px}
.pager b{font-size:14.5px;color:#131A15;font-weight:600}
.pager a:last-child{text-align:right}

/* ---------- 法务 / 搜索 ---------- */
.legal{max-width:800px;margin:0 auto;background:#FFFFFF;border:1px solid #DDE7DB;border-radius:8px;
  padding:44px 48px 50px;margin-top:26px}
.legal h1{font-size:29px}
.legal .upd{font-size:12.5px;color:#6B7C6E;padding:10px 0 22px;border-bottom:1px solid #DDE7DB;margin-bottom:8px}
.legal h2{font-size:18.5px;margin:32px 0 10px;padding-left:12px;border-left:3px solid #2F6B4F}
.legal p,.legal li{font-size:15px;color:#38463B;margin:10px 0}
.legal ul{margin-left:22px}
.legal a{color:#2F6B4F;border-bottom:1px solid #E7F1EA}
.srch{padding:44px 0}
.srch form{display:flex;gap:8px;background:#FFFFFF;border:1px solid #DDE7DB;border-radius:8px;
  padding:8px;max-width:640px;box-shadow:none}
.srch input{flex:1;border:0;outline:none;padding:12px 14px;font-size:15px;background:none;color:#131A15}
.srch button{border:0;background:#2F6B4F;color:#fff;padding:12px 24px;border-radius:2px;cursor:pointer}
.srch__hint{font-size:13px;color:#6B7C6E;margin-top:14px}
.sres{margin-top:26px;border-top:1px solid #DDE7DB}
.sres a{display:block;padding:14px 4px;border-bottom:1px solid #DDE7DB}
.sres a:hover{background:#EAF2E9}
.sres b{display:block;font-size:15px;color:#131A15;font-weight:600}
.sres span{font-size:12.5px;color:#6B7C6E}

/* ---------- 响应式 ---------- */
@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 #DDE7DB}
  .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}
}


.shell{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;background:#EFF5EE;border-right:1px solid #DDE7DB;
  padding:26px 20px;display:flex;flex-direction:column;gap:26px;overflow:auto}
.side .brand b{font-size:16px}
.side nav{display:grid;gap:2px;font-size:14px}
.side nav a{padding:9px 12px;border-radius:2px;color:#38463B}
.side nav a:hover{background:#FFFFFF;color:#2F6B4F}
.side nav a.on{background:#FFFFFF;color:#2F6B4F;font-weight:600;box-shadow:none}
.side h4{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#6B7C6E;margin-bottom:8px}
.side__cats{display:grid;gap:1px;font-size:13.5px}
.side__cats a{padding:7px 10px;border-radius:6px;color:#6B7C6E;display:flex;justify-content:space-between}
.side__cats a:hover{background:#FFFFFF;color:#2F6B4F}
.side__cats em{font-style:normal;font-size:11.5px;opacity:.7}
.side__foot{margin-top:auto;font-size:11.5px;color:#6B7C6E;line-height:1.7}
.main{min-width:0;padding-bottom:40px}
@media(max-width:960px){
  .shell{grid-template-columns:1fr}
  .side{position:static;height:auto;flex-direction:row;align-items:center;gap:14px;
    overflow-x:auto;border-right:0;border-bottom:1px solid #DDE7DB;padding:14px 16px}
  .side__cats,.side__foot,.side h4{display:none}
  .side nav{display:flex;gap:4px;font-size:13.5px;white-space:nowrap}
}

.rows{display:grid;gap:10px}
.rows a{display:grid;grid-template-columns:56px 1fr auto;gap:16px;align-items:center;
  background:#FFFFFF;border:1px solid #DDE7DB;border-radius:8px;padding:14px 18px;transition:.18s}
.rows a:hover{border-color:#2F6B4F;background:#EAF2E9}
.rows .g{width:56px;height:56px;border-radius:2px;background:linear-gradient(135deg,#2F6B4F,#7FB699);
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:700;
  font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;letter-spacing:.04em}
.rows b{display:block;font-size:15px;color:#131A15;font-weight:600}
.rows p{font-size:13px;color:#6B7C6E;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rows em{font-style:normal;font-size:11.5px;color:#6B7C6E;border:1px solid #DDE7DB;border-radius:99px;padding:2px 10px;white-space:nowrap}
@media(max-width:640px){.rows a{grid-template-columns:44px 1fr}.rows em{display:none}.rows .g{width:44px;height:44px;font-size:13px}}
.side-search{display:flex;background:#FFFFFF;border:1px solid #DDE7DB;border-radius:99px;padding:6px 12px}
.side-search input{border:0;background:none;outline:none;font-size:13px;color:#131A15;width:100%}
.hero-inline{padding:34px 0 8px}
.hero-inline h1{font-size:clamp(24px,2.8vw,34px)}
.hero-inline .lede{margin-top:10px;font-size:14.5px;color:#6B7C6E;max-width:60ch}
@media(max-width:960px){.side-search{display:none}}