/* =========================================================
   唯璐公益 · 设计层 (af.css)
   布局语言：公益基金会官网风（通栏大图首屏 / 非等宽三卡 / 左文右卡 /
   分类 Tab + 大图轮播 / 左列表 + 右图 / 6 栏页脚）
   引入位置：每个页面 site.css 之后；只覆盖必要类，不改动未覆盖的既有类
   ========================================================= */
:root{
  --af-max:1300px;
  --af-accent:#3ba55d;
  --af-accent-d:#5fbf7a;
  --af-accent-l:#eaf7ee;
  --af-ink:#222;
  --af-ink2:#666;
  --af-ink3:#999;
  --af-line:#E5E5E5;
  --af-line2:#DDDDDD;
  --af-bg-soft:#F4F4F4;
  --af-radius:20px;
  --af-pill:30px;
  --af-hd:110px;
  --af-font:"PingFang SC",-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;
}

/* ---------------- 基础 ---------------- */
body{font-family:var(--af-font);color:var(--af-ink);background:#fff;line-height:1.8}
a{color:var(--af-accent)}
a:hover{color:var(--af-accent-d)}
h1,h2,h3,h4{font-weight:400}
.wrap{max-width:var(--af-max)}
:focus-visible{outline:2px solid var(--af-accent);outline-offset:2px}

/* ---------------- 顶部导航（fixed 110px，透明→白底吸顶） ---------------- */
.hd{
  position:fixed;top:0;left:0;right:0;height:var(--af-hd);z-index:39;
  background:#fff;border-bottom:none;box-shadow:none;
  backdrop-filter:none;-webkit-backdrop-filter:none;
  transition:background .3s ease,box-shadow .3s ease;
}
.hd-in{max-width:none;height:var(--af-hd);padding:0 38px;gap:24px;justify-content:space-between;align-items:center}
.hd .logo{gap:12px}
.hd .logo .mk{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--af-accent),var(--af-accent-d));color:#fff;font-size:16px;font-weight:700;letter-spacing:1px}
.hd .logo .lt{display:flex;flex-direction:column;line-height:1.16}
.hd .logo .lt b{font-size:20px;font-weight:700;letter-spacing:.02em;color:var(--af-ink)}
.hd .logo .lt i{font-style:normal;font-size:11px;letter-spacing:.18em;color:var(--af-ink3)}
.hd .nav{display:flex;flex:1;justify-content:flex-end;align-items:center;gap:38px}
.hd .nav>li>a{font-size:20px;font-weight:400;padding:6px 0;border-radius:0;background:none;color:var(--af-ink)}
.hd .nav>li>a:hover{background:none;color:var(--af-accent-d)}
.hd .nav>li.on>a{font-weight:700;color:var(--af-accent)}
.hd .burger i{background:var(--af-ink)}
.hd.on{box-shadow:none}
.hd.af-solid{background:#fff;box-shadow:0 2px 2px #DDDDDD}
/* 非首屏透明页：正文让出固定导航高度（后台无 #main，不受影响） */
body:not(.af-over) #main{padding-top:var(--af-hd)}

/* 首屏透明态（仅带 af-over 的页面，且未下滚） */
body.af-over .hd{background:transparent;box-shadow:none}
body.af-over .hd .nav>li>a,body.af-over .hd .logo .lt b{color:#fff}
body.af-over .hd .logo .lt i{color:rgba(255,255,255,.8)}
body.af-over .hd .logo .mk{background:#fff;color:var(--af-accent)}
body.af-over .hd .nav>li.on>a{color:#fff}
body.af-over .hd .burger i{background:#fff}
body.af-over .hd.af-solid{background:#fff;box-shadow:0 2px 2px #DDDDDD}
body.af-over .hd.af-solid .nav>li>a,body.af-over .hd.af-solid .logo .lt b{color:var(--af-ink)}
body.af-over .hd.af-solid .logo .lt i{color:var(--af-ink3)}
body.af-over .hd.af-solid .logo .mk{background:linear-gradient(135deg,var(--af-accent),var(--af-accent-d));color:#fff}
body.af-over .hd.af-solid .nav>li.on>a{color:var(--af-accent)}
body.af-over .hd.af-solid .burger i{background:var(--af-ink)}

.mnav{top:var(--af-hd);background:#fff;border-top:1px solid var(--af-line)}
.mnav a{color:var(--af-ink);font-size:18px}

/* ---------------- 按钮 / 药丸（统一 30px 圆角） ---------------- */
.btn{border-radius:var(--af-pill);height:46px;padding:0 28px;font-size:16px;font-weight:400}
.btn-gy{background:var(--af-accent);color:#fff}
.btn-gy:hover{background:var(--af-accent-d);color:#fff}
.btn-primary{background:var(--af-accent)}
.btn-primary:hover{background:var(--af-accent-d);color:#fff;transform:none;box-shadow:none}
.btn-ghost{background:#fff;border-color:var(--af-line2);color:var(--af-ink)}
.btn-ghost:hover{border-color:var(--af-accent);color:var(--af-accent)}
.btn-line{border-color:rgba(255,255,255,.6);color:#fff;background:rgba(255,255,255,.08)}
.btn-line:hover{background:#fff;color:var(--af-accent)}
.btn-sm{height:38px;padding:0 20px;font-size:14px}
.btn-xs{height:32px;padding:0 14px;font-size:13px;border-radius:var(--af-pill)}
.af-pill{display:inline-flex;align-items:center;justify-content:center;height:57px;padding:0 40px;border-radius:var(--af-pill);border:1px solid var(--af-line2);background:#fff;color:var(--af-ink);font-size:16px;cursor:pointer;transition:.2s}
.af-pill:hover{border-color:var(--af-accent);color:var(--af-accent)}
.af-pill.solid{background:var(--af-accent);border-color:var(--af-accent);color:#fff}
.af-pill.solid:hover{background:var(--af-accent-d);border-color:var(--af-accent-d);color:#fff}
.af-btns{display:flex;gap:16px;flex-wrap:wrap;margin-top:40px}

/* ---------------- 通用区块 / 标题 ---------------- */
.sec{padding:96px 0}
.sec.soft{background:var(--af-bg-soft)}
.sec.tight{padding:56px 0}
.sec-head{margin-bottom:40px;max-width:900px}
.sec-head .en{display:block;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--af-accent);font-weight:700;margin-bottom:12px}
.sec-head h2{font-size:40px;font-weight:400;line-height:1.6;color:var(--af-ink)}
.sec-head p{margin-top:14px;color:var(--af-ink3);font-size:18px;line-height:1.8}

/* 40px 标题 + 右侧「全部…」链接 */
.af-thead{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:40px}
.af-tit{font-size:40px;font-weight:400;line-height:1.6;color:var(--af-ink)}
.af-more{font-size:18px;color:var(--af-ink2);white-space:nowrap;transition:.2s}
.af-more:hover{color:var(--af-accent)}

/* ---------------- 卡片 / 容器（统一圆角、无阴影） ---------------- */
.card,.kpi,.proj,.bill,.bcard,.tile,.mode,.note,.filters,.tb,.adm-card,.modal-box,.empty,.err-box{border-radius:var(--af-radius)}
.card{border:1px solid var(--af-line);padding:28px}
.card:hover,.kpi:hover,.proj:hover,.bill:hover,.bcard:hover,.tile:hover,.news-item:hover{transform:none;box-shadow:none;border-color:var(--af-accent-d)}
.kpi{border:1px solid var(--af-line)}
.kpi::before{background:var(--af-accent)}
.kpi.green .vl,.kpi.dim .vl{color:var(--af-accent)}
.proj{border:1px solid var(--af-line)}
.bill{border:1px solid var(--af-line)}
.tile,.bcard{border:1px solid var(--af-line)}
.tb{border:1px solid var(--af-line)}
th{background:var(--af-bg-soft)}
.ipt,.sel{border-radius:12px;border-color:var(--af-line2)}
.ipt:focus,.sel:focus{border-color:var(--af-accent);box-shadow:0 0 0 3px rgba(59,165,93),.12)}
.note{border:1px solid var(--af-line);border-left:3px solid var(--af-accent);background:#fbfff9}
.note strong{color:var(--af-ink)}
.band{background:linear-gradient(120deg,#3ba55d,#5fbf7a 55%,#8ad6a0);border-radius:var(--af-radius)}
.tag.gy{border-color:#cdebd6;background:var(--af-accent-l);color:var(--af-accent)}
.dotmini{background:var(--af-accent)}
.fallback-tip{color:#1f7a3f;background:#eaf7ee;border-color:#bfe9cd}
.minilstats div b{color:var(--af-accent)}
.linkbtn{color:var(--af-accent)}
.chk .ic{background:var(--af-accent)}

/* 进度条（橙色） */
.pbar{background:#F0F0F0;border-radius:99px}
.pbar>i,.pbar.mid>i{background:var(--af-accent)}

/* 时间轴（橙色节点） */
.tl::before{background:linear-gradient(var(--af-accent),var(--af-line))}
.tl>li::before{border-color:var(--af-accent)}
.tl .d{color:var(--af-accent)}
.chain>li .n{background:var(--af-accent-l);color:var(--af-accent);border-color:#cdebd6}
.chain>li:not(:last-child)::before{background:linear-gradient(#cdebd6,var(--af-line))}
.chain>li .c{border-color:var(--af-line);border-radius:14px}
.chain>li .amt{color:var(--af-accent)}
.chain.alt>li .n{background:var(--af-accent-l);color:var(--af-accent);border-color:#cdebd6}
.chain.alt>li:not(:last-child)::before{background:linear-gradient(#cdebd6,var(--af-line))}

/* 滚动进场 fadeInUp */
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ---------------- 首屏 Hero（全宽通栏大图 + 左下角文案） ---------------- */
.af-hero{
  position:relative;height:65vh;min-height:460px;max-height:780px;overflow:hidden;
  display:flex;align-items:flex-end;color:#fff;
  background-color:#3a2416;background-size:cover;background-position:50% 50%;
  background-image:
    radial-gradient(120% 90% at 78% 18%, rgba(255,150,70,.55), transparent 60%),
    radial-gradient(90% 80% at 10% 92%, rgba(59,165,93),.5), transparent 62%),
    repeating-linear-gradient(135deg, rgba(255,255,255,.05) 0 2px, transparent 2px 9px),
    linear-gradient(120deg,#241309 0%,#5a2c10 46%,#a8480f 100%);
}
.af-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.52),rgba(0,0,0,.05) 55%,transparent)}
.af-hero-in{position:relative;z-index:2;max-width:var(--af-max);width:100%;margin:0 auto;padding:0 38px 72px}
.af-hero h1{font-size:62px;font-weight:400;line-height:1.1;color:#fff;letter-spacing:.01em}
/* 注意：站点底层的 `.sub` 是 velu.cc 二级菜单样式（absolute + opacity:0），
   本站在此处一律用 `.af-sub`，避免被那条通用规则隐藏 */
.af-hero .af-sub{font-size:20px;font-weight:400;color:rgba(255,255,255,.92);margin-top:16px}

/* 合规声明条（紧贴首屏下方） */
.af-comply{background:var(--af-accent-l)}
.af-comply .in{max-width:var(--af-max);margin:0 auto;padding:16px 38px;display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.7;color:#14532d}
.af-comply b{color:var(--af-accent);white-space:nowrap}
.af-comply strong{color:#5C3712}

/* 后台登录卡副标题（原名用 .sub，会命中底层二级菜单规则，这里独立命名） */
.login-card p.af-sub{text-align:center;color:var(--af-ink3);font-size:13.6px;margin:8px 0 22px}

/* ---------------- 主体信息条 ---------------- */
.facts{border-top:1px solid var(--af-line);border-bottom:1px solid var(--af-line);background:#fff}
.facts-in{max-width:var(--af-max);grid-template-columns:repeat(4,1fr);gap:0;background:transparent}
.facts-in>div{border-left:1px solid var(--af-line);padding:22px 30px;background:#fff}
.facts-in>div:first-child{border-left:none}
.facts-in b{font-size:18px;font-weight:400;color:var(--af-ink)}
.facts-in span{font-size:14px;color:var(--af-ink3)}

/* ---------------- 窄-宽-窄 非等宽三卡 ---------------- */
.af3{display:grid;grid-template-columns:272px minmax(0,1fr) 272px;gap:24px;align-items:stretch}
.af3-card{background:#fff;border:2px solid var(--af-line);border-radius:var(--af-radius);overflow:hidden;padding:30px;min-height:355px;display:flex;flex-direction:column}
.af3-card.main{border-color:var(--af-accent-d)}
.af3-card .tagm{display:inline-flex;align-self:flex-start;font-size:13px;font-weight:700;padding:4px 14px;border-radius:var(--af-pill);background:var(--af-accent-l);color:var(--af-accent);margin-bottom:16px}
.af3-card h3{font-size:26px;font-weight:400;line-height:1.35;color:var(--af-ink);margin-bottom:12px}
.af3-card p{font-size:16px;color:var(--af-ink2);line-height:1.8}
.af3-card .flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:13px;color:var(--af-ink2)}
.af3-card .flow .n{background:var(--af-bg-soft);border:1px solid var(--af-line);border-radius:8px;padding:6px 10px}
.af3-card .flow .ar{color:var(--af-accent);font-weight:700}
.af3-card .eg{margin-top:14px;font-size:14px;color:var(--af-ink2)}
.af3-card .media{margin-top:auto;height:150px;border-radius:var(--af-radius);overflow:hidden;position:relative;display:flex;align-items:flex-end;padding:18px;color:#fff;font-size:14px;
  background:linear-gradient(135deg,#3ba55d,#5fbf7a 55%,#a7dec0)}
.af3-card .media::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.10) 0 2px,transparent 2px 10px)}

/* ---------------- 左文右卡（不对称构图） ---------------- */
.af-split{display:grid;grid-template-columns:330px minmax(0,1fr);gap:56px;align-items:start}
.af-split .af-tit{font-size:40px;font-weight:400;line-height:1.6;color:var(--af-ink)}
.af-split .lead{font-size:18px;line-height:1.8;color:var(--af-ink3);margin-top:22px}
.af-circle{width:60px;height:60px;border-radius:50%;background:var(--af-accent);color:#fff;display:grid;place-items:center;font-size:22px;margin-top:30px;transition:.2s}
.af-circle:hover{background:var(--af-accent-d);color:#fff}
.af-panel{background:#fff;border:1px solid var(--af-line);border-radius:var(--af-radius);padding:56px}
.af-kpis{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.af-kpi{padding:22px 0;border-bottom:1px dashed var(--af-line)}
.af-kpi .n{font-size:40px;font-weight:700;color:var(--af-accent);line-height:1.05;font-variant-numeric:tabular-nums}
.af-kpi .t{font-size:14px;color:var(--af-ink3);margin-top:8px}
.af-kpi .t2{font-size:12.5px;color:var(--af-ink3);margin-top:4px}
.board-note{margin-top:26px}

/* ---------------- 两列卡片（最新日捐） ---------------- */
.af-news{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.af-ncard{border:1px solid var(--af-line);border-radius:var(--af-radius);overflow:hidden;background:#fff}
.af-ncard .media{position:relative;height:220px;display:flex;flex-direction:column;justify-content:flex-end;padding:26px;color:#fff;
  background:linear-gradient(135deg,#3ba55d,#5fbf7a 60%,#a7dec0)}
.af-ncard .media::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.10) 0 2px,transparent 2px 10px)}
.af-ncard .media .t{position:relative;font-size:26px;font-weight:400;line-height:1.3}
.af-ncard .media .d{position:relative;font-size:14px;opacity:.92;margin-top:8px}
.af-ncard .body{padding:20px 26px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.af-ncard .amt{font-size:26px;font-weight:700;color:var(--af-accent)}
.af-ncard .amt small{display:block;font-size:13px;color:var(--af-ink3);font-weight:400;margin-top:4px}
.af-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--af-line2);display:grid;place-items:center;color:var(--af-ink2);background:#fff;flex:none;transition:.2s}
.af-arrow:hover{border-color:var(--af-accent);color:var(--af-accent)}
.af-empty{padding:40px;text-align:center;color:var(--af-ink3);border:1px dashed var(--af-line2);border-radius:var(--af-radius)}

/* ---------------- 分类 Tab + 大图轮播 ---------------- */
.af-tabs{display:flex;justify-content:center;gap:14px;flex-wrap:nowrap;overflow-x:auto;margin-bottom:40px;padding-bottom:6px}
.af-tab{flex:0 0 auto;width:186px;height:100px;border:1px solid var(--af-line);border-radius:16px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;font-family:inherit;transition:.2s}
.af-tab .ic{width:40px;height:40px;border-radius:12px;background:var(--af-bg-soft);display:grid;place-items:center;font-size:18px;color:var(--af-ink2);transition:.2s}
.af-tab .tx{font-size:15px;color:var(--af-ink2)}
.af-tab:hover{border-color:var(--af-accent-d)}
.af-tab.on{border-color:var(--af-accent)}
.af-tab.on .ic{background:var(--af-accent);color:#fff}
.af-tab.on .tx{color:var(--af-accent);font-weight:700}
.af-carousel{position:relative;overflow:hidden}
.af-track{display:flex;gap:24px;transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.af-slide{flex:0 0 calc(100% - 90px);border-radius:var(--af-radius);overflow:hidden}
.af-slide .media{position:relative;height:440px;display:flex;flex-direction:column;justify-content:flex-end;padding:56px;color:#fff;
  background:linear-gradient(120deg,#3ba55d,#5fbf7a 55%,#8ad6a0)}
.af-slide .media::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.09) 0 2px,transparent 2px 12px)}
.af-slide .media>*{position:relative}
.af-slide .media .k{font-size:16px;opacity:.92;margin-bottom:14px}
.af-slide .media h3{font-size:60px;font-weight:400;line-height:1.1;color:#fff}
.af-slide .media .af-sub{font-size:20px;font-weight:400;color:rgba(255,255,255,.95);margin-top:14px}
.af-slide .media .af-pill{background:#fff;border-color:#fff;color:var(--af-ink);margin-top:32px;align-self:flex-start}
.af-slide .media .af-pill:hover{color:var(--af-accent)}
.af-dots{display:flex;gap:10px;justify-content:center;margin-top:28px}
.af-dot{width:10px;height:10px;border-radius:50%;background:var(--af-line2);border:none;padding:0;cursor:pointer;transition:.2s}
.af-dot.on{background:var(--af-accent)}

/* ---------------- 左列表 + 右图 ---------------- */
.af-lr{display:grid;grid-template-columns:380px minmax(0,1fr);gap:56px;align-items:start}
.af-list{border-top:1px solid var(--af-line)}
.af-list .it{display:block;width:100%;text-align:left;background:none;border:none;border-bottom:1px solid var(--af-line);border-left:3px solid transparent;padding:22px 0 22px 22px;font-size:18px;color:var(--af-ink2);cursor:pointer;font-family:inherit;transition:.2s}
.af-list .it:hover{color:var(--af-accent-d)}
.af-list .it.on{color:var(--af-accent);border-left-color:var(--af-accent);font-weight:700}
.af-lbox{min-height:380px;border:1px solid var(--af-line);border-radius:var(--af-radius);background:linear-gradient(135deg,#f4fbf6,#eaf7ee);padding:56px;display:flex;flex-direction:column;justify-content:center}
.af-lbox .k{font-size:15px;color:var(--af-accent);margin-bottom:12px}
.af-lbox h3{font-size:34px;font-weight:400;color:var(--af-ink);line-height:1.3}
.af-lbox p{font-size:18px;color:var(--af-ink2);line-height:1.8;margin-top:18px}

/* ---------------- 溯源入口 ---------------- */
.af-tracebox{background:#fff;border:1px solid var(--af-line);border-radius:var(--af-radius);padding:48px;max-width:920px}
.af-tracebox .filters{border:none;background:none;padding:0;margin:0}
.af-tracebox .note{margin-top:18px}

/* ---------------- 页脚（6 栏） ---------------- */
.ft{background:var(--af-bg-soft);color:var(--af-ink2);padding:64px 0 28px;font-size:16px}
.ft .wrap{max-width:var(--af-max)}
.ft-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ft-brand{display:flex;align-items:center;gap:14px}
.ft-brand .mk{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--af-accent),var(--af-accent-d));color:#fff;display:grid;place-items:center;font-weight:700;letter-spacing:1px}
.ft-brand b{font-size:22px;font-weight:700;color:var(--af-ink)}
.ft-soc{display:flex;gap:14px}
.ft-soc a{width:45px;height:45px;border-radius:50%;background:#fff;border:1px solid var(--af-line);display:grid;place-items:center;color:var(--af-ink2);font-size:18px;transition:.2s}
.ft-soc a:hover{background:var(--af-accent);border-color:var(--af-accent);color:#fff}
.ft-note{font-size:14px;line-height:1.8;color:var(--af-ink3);margin-top:20px;max-width:1120px}
.ft hr{border:none;border-top:1px solid var(--af-line2);margin:30px 0 44px}
.ft-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px}
.ft h4{font-size:20px;font-weight:700;color:var(--af-ink);margin:0 0 16px}
.ft h4::after{content:"";display:block;width:25px;height:5px;border-radius:3px;background:var(--af-accent);margin-top:12px}
.ft a{display:block;font-size:18px;color:var(--af-ink3);padding:6px 0;line-height:1.6}
.ft a:hover{color:var(--af-accent)}
.ft p{color:var(--af-ink3);font-size:14px;margin-top:12px;line-height:1.8}
.ft .mono{color:var(--af-ink2)}
.ft .cp{margin-top:48px;padding-top:24px;border-top:1px solid var(--af-line2);display:flex;justify-content:flex-start;gap:10px 22px;flex-wrap:wrap;font-size:14px;color:var(--af-ink3)}
.ft .cp a{display:inline;font-size:14px}

/* ---------------- 内页页头 ---------------- */
.phero{background:#fff;color:var(--af-ink);padding:72px 0 40px;position:relative;overflow:visible;border-bottom:1px solid var(--af-line)}
.phero::after{display:none}
.phero .wrap{position:relative;z-index:2}
.phero .en{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--af-accent);font-weight:700}
.phero h1{font-size:40px;font-weight:400;line-height:1.6;margin-top:10px;color:var(--af-ink)}
.phero p{margin-top:16px;color:var(--af-ink3);max-width:820px;font-size:18px;line-height:1.8}
.crumb{margin-top:18px;font-size:14px;color:var(--af-ink3)}
.crumb a{color:var(--af-ink2)}
.crumb a:hover{color:var(--af-accent)}
.crumb span{margin:0 7px;color:var(--af-ink3);opacity:.7}

/* ---------------- 后台（跟随新配色与圆角） ---------------- */
.adm{background:var(--af-bg-soft)}
.adm-hd .in{max-width:var(--af-max)}
.adm-side button.on{background:var(--af-accent-l);color:var(--af-accent)}
.adm-card{border:1px solid var(--af-line);border-radius:var(--af-radius)}
.login-wrap{background:linear-gradient(120deg,#E85400,#3ba55d 55%,#8ad6a0)}
.login-card{border-radius:var(--af-radius)}
.toast.ok{background:var(--af-accent-d)}
.modal-box .mh .x{border-radius:10px}

/* ---------------- 菜单折叠断点（<=640 折叠；641 起常显） ---------------- */
@media (min-width:641px){
  .hd .nav{display:flex !important}
  .hd .burger{display:none !important}
  .mnav{display:none !important}
}
@media (max-width:1100px){
  .hd .nav{gap:22px}
  .hd .nav>li>a{font-size:17px}
}
@media (max-width:900px){
  .hd-in{padding:0 18px}
  .hd .nav{gap:12px}
  .hd .nav>li>a{font-size:14px}
  .hd .logo .lt i{display:none}
  .hd .logo .lt b{font-size:16px}
  .hd .logo .mk{width:38px;height:38px;border-radius:10px;font-size:13px}
}

/* ---------------- 响应式 ---------------- */
@media (max-width:1024px){
  .af3{grid-template-columns:1fr}
  .af3-card{min-height:0}
  .af-split,.af-lr{grid-template-columns:1fr;gap:36px}
  .af-news{grid-template-columns:1fr}
  .af-hero h1{font-size:46px}
  .af-slide{flex-basis:100%}
  .ft-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  .af-kpis{grid-template-columns:1fr;gap:0}
  .af-panel{padding:32px}
  .sec{padding:64px 0}
  .sec-head h2,.af-tit,.af-split .af-tit{font-size:32px}
  .af-slide .media{padding:36px}
  .af-slide .media h3{font-size:40px}
  .af-lbox{padding:36px}
  .af-tracebox{padding:28px}
}
@media (max-width:640px){
  .hd-in{padding:0 20px}
  /* 桌面导航在折叠断点必须让位给汉堡菜单，否则会逐字竖排撑破头部 */
  .hd .nav{display:none !important}
  .af-hero{height:60vh;min-height:360px}
  .af-hero h1{font-size:30px}
  .af-hero .af-sub{font-size:16px}
  .af-hero-in{padding:0 20px 40px}
  .af-comply .in{padding:14px 20px;font-size:13.5px}
  .af-tabs{justify-content:flex-start}
  .af-tab{width:150px;height:88px}
  .sec-head h2,.af-tit,.af-split .af-tit{font-size:26px}
  .af-slide .media{padding:24px}
  .af-slide .media h3{font-size:30px}
  .af-slide .media .af-sub{font-size:16px}
  .af-lbox h3{font-size:26px}
  .ft-grid{grid-template-columns:1fr 1fr}
  .facts-in{grid-template-columns:1fr}
  .facts-in>div{border-left:none;border-top:1px solid var(--af-line)}
  .facts-in>div:first-child{border-top:none}
  .af-ncard .media{height:180px}
  .af-ncard .amt{font-size:22px}
}