/* ============================================================
   反诈板块样式（Anti-Fraud / AFA）
   由三份高保真视觉稿 CSS 提取合并去重而成：
   1) 反诈中心-首页  2) 反诈中心-黑平台曝光  3) 反诈文章-先赚后杀三步收割
   ------------------------------------------------------------
   使用约定：
   - 页面内容根容器加 class="af-page"（设计变量挂载于此，勿删）
   - 全部类名带 afa- 前缀（含状态修饰类 do/no/on/danger/red/gold/dark），
     避免与站点全局 style.css 冲突
   - 原稿导航（header/.nav/.logo/.nav-*）与页脚（footer/.f-*）样式
     未包含，站点使用全局导航与页脚
   ============================================================ */

/* ===== 1. 设计变量与基础 ===== */
.af-page{
  --navy:#081224; --navy-2:#0c1a30; --navy-3:#101f3a;
  --gold:#d4a853; --gold-2:#e8c46a; --goldbg:#fbf3df; --gold-deep:#a07c2d;
  --red:#c81e2e; --red-2:#ff5b5b; --red-deep:#8f1220; --redbg:#fdeaea;
  --ink:#16233c; --ink-2:#2f3b57; --mut:#5a6478;
  --bg:#f7f2e8; --card:#ffffff; --line:#e5dcc6; --line-2:#d6c9ab;
  --shadow:0 10px 28px rgba(15,25,45,.07);
  --shadow-h:0 18px 38px rgba(15,25,45,.14);
  scroll-behavior:smooth;
  font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.7;
}
.af-page *,.af-page *::before,.af-page *::after{margin:0; padding:0; box-sizing:border-box;}
/* restore wrapper centering */
.af-page .article-detail,.af-page .article-layout,.af-page .article-main{margin:0 auto;}

/* 2026-10-20 去掉全站模板垫在反诈正文下的白色容器底（用户反馈：米色页面上多出白色圆角竖条） */
.af-page .article-content{background:transparent; border:none; border-radius:0; padding:0; box-shadow:none;}
.af-page .article-native{background:transparent; box-shadow:none;}

/* 2026-10-19 恢复外层 wrapper 居中（上面 reset 清掉了 article-layout 的 margin:0 auto）*/

.af-page a{color:inherit;}
.af-page .afa-wrap{max-width:1180px; margin:0 auto; padding:0 22px;}

/* 套系通用区块头（三稿共用） */
.af-page .afa-sec{padding:58px 0 10px;}
.af-page .afa-sec-head{display:flex; align-items:flex-end; gap:16px; margin-bottom:28px;}
.af-page .afa-sec-head .afa-eyebrow{font-size:11.5px; letter-spacing:.26em; color:var(--gold-deep); font-weight:800; padding-bottom:5px;}
.af-page .afa-sec-head h2{font-family:"Noto Serif SC",serif; font-size:29px; font-weight:900; color:var(--ink); line-height:1.3;}
.af-page .afa-sec-head p{font-size:13.5px; color:var(--mut); padding-bottom:3px;}
.af-page .afa-sec-head .afa-line{flex:1; height:1px; background:linear-gradient(90deg, var(--line-2), transparent);}

/* ===== 2. Hero ===== */
.af-page .afa-hero{position:relative; background:
  radial-gradient(900px 340px at 84% -60px, rgba(220,38,38,.24), transparent 62%),
  radial-gradient(780px 320px at 4% 118%, rgba(212,168,83,.12), transparent 60%),
  linear-gradient(180deg,#0b1a32 0%, #081224 100%);
  border-bottom:1px solid rgba(200,30,46,.4); overflow:hidden;}
.af-page .afa-strip{height:5px; background:repeating-linear-gradient(-45deg,#c81e2e 0 16px,#8f1220 16px 32px);}
.af-page .afa-hero-in{padding:56px 22px 50px; display:grid; grid-template-columns:1.3fr 1fr; gap:48px; align-items:center;}
.af-page .afa-badge{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:#ffd9d9; background:rgba(200,30,46,.16); border:1px solid rgba(255,91,91,.4); padding:7px 15px; border-radius:999px; letter-spacing:.06em;}
.af-page .afa-badge .afa-dot{width:7px; height:7px; border-radius:50%; background:#ff5b5b; box-shadow:0 0 0 0 rgba(255,91,91,.6); animation:afa-pl 1.6s infinite;}
@keyframes afa-pl{0%{box-shadow:0 0 0 0 rgba(255,91,91,.5);}70%{box-shadow:0 0 0 9px rgba(255,91,91,0);}100%{box-shadow:0 0 0 0 rgba(255,91,91,0);}}
.af-page .afa-hero h1{font-family:"Noto Serif SC",serif; font-size:44px; font-weight:900; line-height:1.22; margin-top:20px; color:#fff;}
.af-page .afa-hero h1 .afa-warn{color:#ff6b6b; position:relative; white-space:nowrap;}
.af-page .afa-hero h1 .afa-warn::after{content:""; position:absolute; left:0; right:0; bottom:5px; height:9px; background:linear-gradient(90deg, rgba(255,91,91,.3), transparent); border-radius:4px;}
.af-page .afa-hero .afa-sub{font-size:17.5px; color:var(--gold-2); font-weight:700; margin-top:12px;}
.af-page .afa-hero .afa-desc{font-size:15px; color:#c6d3e4; margin-top:16px; max-width:560px; line-height:1.9;}
.af-page .afa-hero .afa-desc strong{color:#ffd9d9; font-weight:600;}
.af-page .afa-hero-cta{display:flex; gap:12px; margin-top:26px; flex-wrap:wrap;}
.af-page .afa-hero-cta a{display:inline-flex; align-items:center; gap:8px; text-decoration:none; font-size:14.5px; font-weight:700; padding:13px 26px; border-radius:10px; transition:transform .12s, box-shadow .12s;}
.af-page .afa-hero-cta a:hover{transform:translateY(-2px);}
.af-page .afa-hc-1{background:linear-gradient(135deg,#ff5b5b,#c81e2e); color:#fff; box-shadow:0 9px 24px rgba(200,30,46,.4);}
.af-page .afa-hc-2{background:rgba(255,255,255,.07); color:#e8eef6; border:1px solid rgba(255,255,255,.26);}
.af-page .afa-hright{position:relative;}
.af-page .afa-shield-wrap{display:flex; align-items:center; justify-content:center; margin-bottom:18px;}
.af-page .afa-shield-wrap svg{filter:drop-shadow(0 12px 28px rgba(200,30,46,.38));}
.af-page .afa-hstats{display:grid; grid-template-columns:repeat(3,1fr); gap:12px;}
.af-page .afa-hs-card{background:rgba(255,255,255,.05); border:1px solid rgba(212,168,83,.3); border-radius:14px; padding:18px 12px; text-align:center;}
.af-page .afa-hs-card.afa-danger{border-color:rgba(255,91,91,.45); background:rgba(200,30,46,.09);}
.af-page .afa-hs-card .afa-n{font-family:"Noto Serif SC",serif; font-size:27px; font-weight:900; color:var(--gold-2); line-height:1.2;}
.af-page .afa-hs-card.afa-danger .afa-n{color:#ff6b6b; font-size:22px;}
.af-page .afa-hs-card .afa-l{font-size:12.5px; color:#c6d3e4; margin-top:5px;}
.af-page .afa-emergency{display:flex; align-items:center; gap:12px; background:rgba(200,30,46,.15); border:1px solid rgba(255,91,91,.5); border-radius:12px; padding:14px 17px; margin-top:16px;}
.af-page .afa-emergency .afa-ic{flex:none;}
.af-page .afa-emergency b, .af-page .afa-emergency strong{color:#ffc9c9; font-size:14px; display:block; line-height:1.5;}
.af-page .afa-emergency p{font-size:13px; color:#c6d3e4; margin-top:2px;}
.af-page .afa-emergency a{color:#ffd9d9; font-weight:600; text-decoration:none; border-bottom:1px dashed rgba(255,217,217,.5);}
.af-page .afa-risk-tag{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:800; color:#ffb4b4; background:rgba(200,30,46,.2); border:1px solid rgba(255,91,91,.5); padding:7px 15px; border-radius:999px; letter-spacing:.04em;}

/* ===== 3. 诈骗类型卡 ===== */
.af-page .afa-scam-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.af-page .afa-scam-card{position:relative; display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px 22px 46px; transition:transform .15s, box-shadow .15s, border-color .15s; overflow:hidden; box-shadow:var(--shadow);}
.af-page .afa-scam-card:hover{transform:translateY(-4px); box-shadow:var(--shadow-h); border-color:var(--line-2);}
.af-page .afa-scam-card::before{content:""; position:absolute; top:0; left:0; right:0; height:4px; background:var(--ac,#c81e2e);}
.af-page .afa-scam-card::after{content:""; position:absolute; top:0; right:0; width:46px; height:46px; background:repeating-linear-gradient(-45deg, rgba(200,30,46,.16) 0 6px, transparent 6px 12px); clip-path:polygon(0 0,100% 0,100% 100%);}
.af-page .afa-sc-top{display:flex; align-items:center; gap:12px; margin-bottom:14px;}
.af-page .afa-sc-ic{width:46px; height:46px; border-radius:13px; background:#fff; border:1px solid var(--line-2); display:flex; align-items:center; justify-content:center; box-shadow:0 2px 6px rgba(15,25,45,.05);}
.af-page .afa-sc-risk{display:inline-flex; align-items:center; gap:6px; font-size:11.5px; font-weight:800; letter-spacing:.03em; padding:4px 12px; border-radius:999px; background:var(--rk,#c81e2e); color:#fff; box-shadow:0 2px 8px rgba(200,30,46,.25);}
.af-page .afa-sc-risk .afa-dot{width:5px; height:5px; border-radius:50%; background:#fff;}
.af-page .afa-sc-num{position:absolute; right:14px; top:12px; font-family:"Noto Serif SC",serif; font-size:32px; font-weight:900; color:rgba(22,35,60,.1); line-height:1; z-index:1;}
.af-page .afa-scam-card h3{font-family:"Noto Serif SC",serif; font-size:18px; font-weight:800; color:var(--ink); margin-top:2px;}
.af-page .afa-scam-card .afa-d{font-size:14px; color:var(--ink-2); margin-top:8px; flex:1; line-height:1.8;}
.af-page .afa-sc-pts{font-size:12.5px; color:var(--mut); margin-top:13px; display:flex; align-items:center; gap:6px;}
.af-page .afa-sc-new{font-size:11px; font-weight:700; color:var(--red); background:var(--redbg); border:1px solid rgba(200,30,46,.25); padding:2px 9px; border-radius:999px; margin-left:6px;}
.af-page .afa-sc-cta{position:absolute; left:22px; bottom:17px; display:inline-flex; align-items:center; gap:6px; color:var(--gold-deep); text-decoration:none; font-size:13px; font-weight:800;}
.af-page .afa-sc-cta:hover{color:var(--red);}

/* ===== 4. 指南/文章卡 ===== */
.af-page .afa-guides{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
.af-page .afa-guide{display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px 22px; transition:transform .15s, box-shadow .15s, border-color .15s; box-shadow:var(--shadow);}
.af-page .afa-guide:hover{transform:translateY(-4px); box-shadow:var(--shadow-h); border-color:var(--line-2);}
.af-page .afa-guide .afa-g-top{display:flex; align-items:center; gap:10px; margin-bottom:13px;}
.af-page .afa-g-num{width:32px; height:32px; border-radius:10px; background:var(--goldbg); color:var(--gold-deep); font-family:"Noto Serif SC",serif; font-weight:900; font-size:15px; display:flex; align-items:center; justify-content:center; flex:none; border:1px solid rgba(176,141,47,.24);}
.af-page .afa-g-cat{font-size:11.5px; color:var(--red); background:var(--redbg); border:1px solid rgba(200,30,46,.22); padding:3px 11px; border-radius:999px; font-weight:700;}
.af-page .afa-guide h3{font-family:"Noto Serif SC",serif; font-size:16.5px; font-weight:800; color:var(--ink); line-height:1.6; flex:1;}
.af-page .afa-guide .afa-d{font-size:13.5px; color:var(--ink-2); margin-top:10px; flex:1; line-height:1.8;}
.af-page .afa-g-meta{display:flex; align-items:center; gap:12px; font-size:12px; color:var(--mut); margin-top:15px; padding-top:13px; border-top:1px dashed var(--line-2);}
.af-page .afa-g-link{display:inline-flex; align-items:center; gap:6px; margin-top:11px; color:var(--gold-deep); text-decoration:none; font-size:13px; font-weight:800;}
.af-page .afa-g-link:hover{color:var(--red);}

.af-page .afa-articles{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.af-page .afa-art{display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:19px 21px; transition:transform .15s, box-shadow .15s, border-color .15s; box-shadow:var(--shadow);}
.af-page .afa-art:hover{transform:translateY(-3px); box-shadow:var(--shadow-h); border-color:var(--line-2);}
.af-page .afa-art .afa-a-top{display:flex; align-items:center; gap:9px; margin-bottom:9px;}
.af-page .afa-a-cat{font-size:11px; color:var(--gold-deep); background:var(--goldbg); border:1px solid rgba(176,141,47,.22); padding:2px 10px; border-radius:999px; font-weight:700;}
.af-page .afa-a-idx{font-family:"Noto Serif SC",serif; font-size:12px; font-weight:900; color:rgba(22,35,60,.35);}
.af-page .afa-art h3{font-size:14.5px; font-weight:700; color:var(--ink); line-height:1.6;}
.af-page .afa-art .afa-d{font-size:13px; color:var(--ink-2); margin-top:7px; line-height:1.75; flex:1;}
.af-page .afa-art .afa-a-meta{display:flex; align-items:center; gap:12px; font-size:12px; color:var(--mut); margin-top:12px; padding-top:11px; border-top:1px dashed var(--line-2);}
.af-page .afa-art .afa-a-link{display:inline-flex; align-items:center; gap:5px; color:var(--gold-deep); text-decoration:none; font-size:12.5px; font-weight:800; margin-left:auto;}
.af-page .afa-art .afa-a-link:hover{color:var(--red);}

/* ===== 5. 四要四不要 ===== */
.af-page .afa-rules{display:grid; grid-template-columns:repeat(2,1fr); gap:12px;}
.af-page .afa-rule{display:flex; gap:13px; background:var(--card); border:1px solid var(--line); border-radius:13px; padding:17px 19px; align-items:flex-start; box-shadow:var(--shadow);}
.af-page .afa-rule .afa-r-ic{width:34px; height:34px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex:none;}
.af-page .afa-rule.afa-do .afa-r-ic{background:var(--greenbg,#e9f7ef);}
.af-page .afa-rule.afa-no .afa-r-ic{background:var(--redbg);}
.af-page .afa-rule b, .af-page .afa-rule strong{font-size:15px; display:block; font-weight:800;}
.af-page .afa-rule.afa-do b, .af-page .afa-rule.afa-do strong{color:#15804a;}
.af-page .afa-rule.afa-no b, .af-page .afa-rule.afa-no strong{color:var(--red);}
.af-page .afa-rule .afa-rd{font-size:13px; color:var(--ink-2); margin-top:4px;}
.af-page .afa-rule.afa-do .afa-r-ic svg{stroke:#1f9d57;}
.af-page .afa-rule.afa-no .afa-r-ic svg{stroke:#c81e2e;}

/* ===== 6. 曝光案例卡 ===== */
.af-page .afa-cases{display:grid; grid-template-columns:repeat(2,1fr); gap:16px;}
.af-page .afa-case{position:relative; display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px 22px 46px; transition:transform .15s, box-shadow .15s, border-color .15s; overflow:hidden; box-shadow:var(--shadow);}
.af-page .afa-case:hover{transform:translateY(-4px); box-shadow:var(--shadow-h); border-color:var(--line-2);}
.af-page .afa-case::before{content:""; position:absolute; top:0; left:0; right:0; height:4px; background:#c81e2e;}
.af-page .afa-case::after{content:""; position:absolute; top:0; right:0; width:46px; height:46px; background:repeating-linear-gradient(-45deg, rgba(200,30,46,.16) 0 6px, transparent 6px 12px); clip-path:polygon(0 0,100% 0,100% 100%);}
.af-page .afa-c-top{display:flex; align-items:center; gap:10px; margin-bottom:13px;}
.af-page .afa-c-no{font-family:"Noto Serif SC",serif; font-size:17px; font-weight:900; color:#c81e2e; background:var(--redbg); border:1px solid rgba(200,30,46,.2); width:36px; height:36px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex:none;}
.af-page .afa-c-level{font-size:11.5px; font-weight:800; color:#fff; background:#c81e2e; padding:4px 12px; border-radius:999px;}
.af-page .afa-c-case-no{font-size:11.5px; font-weight:700; color:var(--mut); margin-left:auto;}
.af-page .afa-case h3{font-family:"Noto Serif SC",serif; font-size:17.5px; font-weight:800; color:var(--ink); line-height:1.6;}
.af-page .afa-case .afa-d{font-size:14px; color:var(--ink-2); margin-top:9px; flex:1; line-height:1.85;}
.af-page .afa-c-meta{display:flex; align-items:center; gap:12px; font-size:12.5px; color:var(--mut); margin-top:14px; padding-top:13px; border-top:1px dashed var(--line-2);}
.af-page .afa-c-cta{position:absolute; left:22px; bottom:16px; display:inline-flex; align-items:center; gap:6px; color:var(--gold-deep); text-decoration:none; font-size:13px; font-weight:800;}
.af-page .afa-c-cta:hover{color:var(--red);}

/* ===== 7. 识别红线 ===== */
.af-page .afa-lines{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
.af-page .afa-ln{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:20px 18px; box-shadow:var(--shadow);}
.af-page .afa-ln .afa-ln-ic{width:40px; height:40px; border-radius:11px; background:var(--redbg); display:flex; align-items:center; justify-content:center; margin-bottom:12px;}
.af-page .afa-ln b, .af-page .afa-ln strong{display:block; font-size:15px; color:var(--ink); font-family:"Noto Serif SC",serif;}
.af-page .afa-ln p{font-size:12.5px; color:var(--ink-2); margin-top:6px; line-height:1.75;}

/* ===== 8. 求助横幅 ===== */
.af-page .afa-help{position:relative; display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap; min-height:172px; background:linear-gradient(120deg,#c81e2e, #8f1220 70%, #6d0d18); border-radius:18px; padding:28px 34px; margin-top:10px; overflow:hidden; box-shadow:0 14px 34px rgba(143,18,32,.35);}
.af-page .afa-help::after{content:""; position:absolute; inset:0; pointer-events:none; background:repeating-linear-gradient(115deg, rgba(255,255,255,.03) 0 24px, transparent 24px 48px);}
.af-page .afa-help .afa-h-left{flex:1; min-width:240px; position:relative; display:flex; flex-direction:column; justify-content:center;}
.af-page .afa-help h3{font-family:"Noto Serif SC",serif; font-size:22px; font-weight:900; color:#fff; line-height:1.3;}
.af-page .afa-help h3 span{color:#ffc9c9;}
.af-page .afa-help p{font-size:13.5px; color:#ffd9d9; margin-top:9px; line-height:1.85; max-width:660px;}
.af-page .afa-help .afa-h-actions{display:flex; gap:12px; flex-wrap:wrap; position:relative; align-items:center;}
.af-page .afa-help .afa-ha{display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; font-size:14px; font-weight:800; padding:13px 24px; border-radius:10px; transition:transform .12s; background:rgba(255,255,255,.13); color:#fff; border:1px solid rgba(255,255,255,.32); line-height:1;}
.af-page .afa-help .afa-ha:hover{transform:translateY(-2px);}
.af-page .afa-ha-1{background:#fff !important; color:var(--red) !important; border:none !important; box-shadow:0 8px 22px rgba(0,0,0,.25);}

/* ===== 9. 分页 ===== */
.af-page .afa-pager{display:flex; align-items:center; gap:8px; justify-content:center; margin-top:30px;}
.af-page .afa-pager a{min-width:36px; height:36px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line-2); border-radius:9px; text-decoration:none; font-size:13px; font-weight:700; color:var(--ink-2); background:var(--card);}
.af-page .afa-pager a.afa-on{background:var(--red); border-color:var(--red); color:#fff;}
.af-page .afa-pager a:hover{background:var(--goldbg);}

/* ===== 10. 文章详情：头图/标签/正文/步骤卡/识别点/警示盒/总结/政策依据 ===== */
.af-page .afa-a-hero{position:relative; background:
  radial-gradient(900px 340px at 84% -60px, rgba(220,38,38,.26), transparent 62%),
  linear-gradient(180deg,#0b1a32 0%, #081224 100%);
  border-bottom:1px solid rgba(200,30,46,.4); overflow:hidden;}
.af-page .afa-a-head{padding:44px 22px 40px; max-width:860px; margin:0 auto;}
.af-page .afa-crumb{display:flex; align-items:center; gap:8px; font-size:13.5px; color:#8fa3bd; flex-wrap:wrap;}
.af-page .afa-crumb a{text-decoration:none; color:#8fa3bd; transition:color .12s;}
.af-page .afa-crumb a:hover{color:var(--gold-2);}
.af-page .afa-crumb .afa-sep{color:rgba(143,163,189,.5);}
.af-page .afa-crumb .afa-cur{color:#c6d3e4; font-weight:700;}
.af-page .afa-a-tags{display:flex; gap:9px; margin-top:22px; flex-wrap:wrap;}
.af-page .afa-a-tags a{text-decoration:none; transition:filter .15s ease, transform .15s ease;}
.af-page .afa-a-tags a:hover{filter:brightness(1.12); transform:translateY(-1px);}
.af-page .afa-tag{font-size:11.5px; font-weight:800; padding:4px 12px; border-radius:999px;}
.af-page .afa-tag.afa-red{color:#fff; background:#c81e2e;}
.af-page .afa-tag.afa-ghost{color:#ffd9d9; background:rgba(200,30,46,.16); border:1px solid rgba(255,91,91,.45);}
.af-page .afa-tag.afa-gold{color:#241a02; background:linear-gradient(135deg,#d4a853,#c9a227);}
.af-page .afa-a-head h1{font-family:"Noto Serif SC",serif; font-size:35px; font-weight:900; line-height:1.35; color:#fff; margin-top:18px;}
.af-page .afa-a-head .afa-a-meta{display:flex; align-items:center; gap:18px; margin-top:20px; font-size:14px; color:#9db0ca; flex-wrap:wrap;}
.af-page .afa-a-head .afa-a-meta .afa-date{display:inline-flex; align-items:center; gap:6px;}
.af-page .afa-a-head .afa-a-meta .afa-rd{display:inline-flex; align-items:center; gap:6px;}

.af-page .afa-article{max-width:860px; margin:0 auto; padding:34px 0 10px;}
.af-page .afa-lead{font-size:18px; color:var(--ink-2); line-height:2; background:var(--card); border-left:4px solid var(--red); border-radius:0 14px 14px 0; padding:22px 26px; margin-bottom:28px; box-shadow:var(--shadow);}
.af-page .afa-lead b, .af-page .afa-lead strong{color:var(--ink);}
.af-page .afa-steps{display:flex; flex-direction:column; gap:16px;}
.af-page .afa-step{background:var(--card); border:1px solid var(--line); border-radius:16px; padding:24px 26px; box-shadow:var(--shadow); position:relative;}
.af-page .afa-step .afa-st-top{display:flex; align-items:center; gap:12px; margin-bottom:12px;}
.af-page .afa-st-no{font-family:"Noto Serif SC",serif; font-size:15px; font-weight:900; color:#fff; background:var(--red); width:38px; height:38px; border-radius:10px; display:flex; align-items:center; justify-content:center; flex:none;}
.af-page .afa-st-no.afa-dark{background:var(--navy);}
.af-page .afa-st-kicker{font-size:12px; letter-spacing:.22em; color:var(--gold-deep); font-weight:800;}
.af-page .afa-step h2{font-family:"Noto Serif SC",serif; font-size:22px; font-weight:900; color:var(--ink); line-height:1.45;}
.af-page .afa-step p{font-size:17px; color:var(--ink-2); line-height:1.95; margin-top:4px;}
.af-page .afa-step .afa-line{height:1px; background:linear-gradient(90deg, var(--line-2), transparent); margin:16px 0;}
.af-page .afa-st-box{background:var(--goldbg); border:1px solid rgba(176,141,47,.26); border-radius:12px; padding:16px 20px; font-size:16px; color:var(--ink); line-height:1.9;}
.af-page .afa-st-box b, .af-page .afa-st-box strong{color:var(--gold-deep);}
.af-page .afa-warn-box{background:var(--redbg); border:1px solid rgba(200,30,46,.28); border-radius:12px; padding:16px 20px; font-size:16px; color:var(--ink-2); line-height:1.9;}
.af-page .afa-warn-box b, .af-page .afa-warn-box strong{color:var(--red);}
.af-page .afa-note{background:var(--navy); border-radius:14px; padding:22px 26px; margin-top:10px; box-shadow:0 12px 30px rgba(8,18,36,.25);}
.af-page .afa-note .afa-n-label{display:inline-flex; align-items:center; gap:7px; font-size:11.5px; letter-spacing:.2em; color:var(--gold-2); font-weight:800; margin-bottom:10px;}
.af-page .afa-note p{font-size:16px; color:#c6d3e4; line-height:1.95;}
.af-page .afa-note b, .af-page .afa-note strong{color:#fff;}
.af-page .afa-policy{font-size:15px; color:var(--mut); background:var(--card); border:1px dashed var(--line-2); border-radius:12px; padding:17px 21px; margin-top:18px; line-height:1.9;}
.af-page .afa-policy b, .af-page .afa-policy strong{color:var(--red);}

/* ===== 11b. 反诈作用域 strong/b 底色与内边距归一（2026-10-20）=====
 * 反诈正文外层有模板层的 .article-native 包裹，style.css 的
 * .article-native strong 会加暖橙渐变底+0 2px 内边距；
 * article-native.css.inc 的 v11 #111 补丁已排除 .af-page（见该文件 v27 修订），
 * 这里补回 background/padding 归一，保证标签干净无底色。 */
.af-page .article-native strong,
.af-page .article-native b{background:none !important; background-image:none !important; padding:0 !important;}

/* 文章详情内的区块头（相关推荐/服务）沿用稿内较紧凑的变体 */
.af-page .afa-article .afa-sec-head{margin-bottom:24px;}
.af-page .afa-article .afa-sec-head h2{font-size:26px;}

/* ===== 11. 相关推荐与服务横幅 ===== */
.af-page .afa-related{margin-top:34px;}
.af-page .afa-rel-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:14px;}
.af-page .afa-rel{display:flex; flex-direction:column; background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px 20px; transition:transform .15s, box-shadow .15s, border-color .15s; box-shadow:var(--shadow); text-decoration:none;}
.af-page .afa-rel:hover{transform:translateY(-3px); box-shadow:var(--shadow-h); border-color:var(--line-2);}
.af-page .afa-rel .afa-r-cat{font-size:11px; color:var(--red); background:var(--redbg); border:1px solid rgba(200,30,46,.2); padding:2px 10px; border-radius:999px; font-weight:700; align-self:flex-start;}
.af-page .afa-rel h3{font-size:16.5px; font-weight:700; color:var(--ink); margin-top:10px; line-height:1.65; flex:1;}
.af-page .afa-rel .afa-r-meta{font-size:13.5px; color:var(--mut); margin-top:12px; padding-top:11px; border-top:1px dashed var(--line-2);}

.af-page .afa-services{margin-top:42px;}
.af-page .afa-svc{display:flex; align-items:center; gap:20px; border-radius:16px; padding:24px 28px; margin-bottom:14px; text-decoration:none; transition:transform .15s, box-shadow .15s;}
.af-page .afa-svc:hover{transform:translateY(-3px); box-shadow:var(--shadow-h);}
.af-page .afa-svc.afa-gold{background:linear-gradient(120deg,#fbf3df, #f4e3b8); border:1px solid rgba(176,141,47,.32);}
.af-page .afa-svc.afa-red{background:linear-gradient(120deg,#fdeaea, #f9cdcd); border:1px solid rgba(200,30,46,.24);}
.af-page .afa-svc .afa-svc-ic{width:54px; height:54px; border-radius:14px; background:#fff; display:flex; align-items:center; justify-content:center; flex:none; box-shadow:0 4px 12px rgba(15,25,45,.06);}
.af-page .afa-svc.afa-gold .afa-svc-ic{border:1px solid rgba(176,141,47,.35);}
.af-page .afa-svc.afa-red .afa-svc-ic{border:1px solid rgba(200,30,46,.3);}
.af-page .afa-svc b, .af-page .afa-svc strong{display:block; font-size:18px; color:var(--ink); font-family:"Noto Serif SC",serif; line-height:1.4;}
.af-page .afa-svc p{font-size:15px; color:var(--ink-2); margin-top:4px; line-height:1.75;}
.af-page .afa-svc .afa-go{margin-left:auto; display:inline-flex; align-items:center; gap:7px; background:var(--ink); color:#fff; font-size:14.5px; font-weight:700; padding:12px 24px; border-radius:10px; flex:none; transition:filter .12s;}
.af-page .afa-svc.afa-gold .afa-go{background:var(--gold-deep);}
.af-page .afa-svc.afa-red .afa-go{background:var(--red);}
.af-page .afa-svc .afa-go:hover{filter:brightness(1.15);}
.af-page .afa-svc .afa-go svg{transition:transform .12s;}
.af-page .afa-svc:hover .afa-go svg{transform:translateX(3px);}

/* ===== 12. 响应式 ===== */
@media (max-width:1024px){
  .af-page .afa-scam-grid{grid-template-columns:repeat(2,1fr);}
  .af-page .afa-guides{grid-template-columns:repeat(2,1fr);}
  .af-page .afa-articles{grid-template-columns:1fr;}
  .af-page .afa-cases{grid-template-columns:1fr;}
  .af-page .afa-lines{grid-template-columns:repeat(2,1fr);}
  .af-page .afa-rel-grid{grid-template-columns:1fr;}
  .af-page .afa-svc{flex-direction:column; align-items:flex-start; padding:22px;}
  .af-page .afa-svc .afa-go{margin-left:0; width:100%; justify-content:center;}
}
@media (max-width:760px){
  .af-page .afa-hero-in{grid-template-columns:1fr; padding:44px 22px 40px; gap:34px;}
  .af-page .afa-hero h1{font-size:30px;}
  .af-page .afa-hero .afa-sub{font-size:15.5px;}
  .af-page .afa-a-head{padding:34px 20px 32px;}
  .af-page .afa-a-head h1{font-size:24px;}
  .af-page .afa-article{padding:24px 0 8px;}
  .af-page .afa-lead{font-size:16px;}
  .af-page .afa-step{padding:20px;}
  .af-page .afa-step h2{font-size:19px;}
  .af-page .afa-scam-grid{grid-template-columns:1fr;}
  .af-page .afa-guides{grid-template-columns:1fr;}
  .af-page .afa-rules{grid-template-columns:1fr;}
  .af-page .afa-lines{grid-template-columns:1fr;}
  .af-page .afa-sec-head{flex-wrap:wrap;}
  .af-page .afa-sec-head .afa-line{display:none;}
  .af-page .afa-help{flex-direction:column; align-items:flex-start; padding:26px 24px; min-height:0;}
  .af-page .afa-help .afa-h-actions{width:100%;}
  .af-page .afa-help .afa-ha{flex:1; justify-content:center;}
}

/* ===== 13. afa v2 详情版式修正（2026-10-20 视觉稿） ===== */
.af-page .afa-a-head .afa-tag.afa-gold{color:var(--gold-2); background:rgba(212,168,83,.10); border:1px solid rgba(212,168,83,.45);}
.af-page .afa-a-hero{background:
  radial-gradient(760px 320px at 86% 120%, rgba(200,30,46,.38), transparent 62%),
  radial-gradient(500px 220px at -6% -40%, rgba(220,38,38,.07), transparent 60%),
  linear-gradient(180deg,#0b1a32 0%, #081224 100%);}
.af-page .afa-article .afa-lead b{color:var(--red);}
.af-page .afa-article .afa-step h3{font-size:17px; font-weight:800; color:var(--ink); margin:22px 0 10px; padding:2px 0 2px 12px; border-left:3px solid var(--red); line-height:1.6;}
.af-page .afa-article .afa-step h3::before{content:none;}
.af-page .afa-article .afa-rel h3{font-family:"Noto Serif SC",serif; font-size:17px; font-weight:800;}
.af-page .afa-article .afa-sec-head .afa-eyebrow{color:var(--red); letter-spacing:.24em;}

/* ===== 14. afa v3 详情精修（2026-10-20 晚 · 对齐视觉稿细节） ===== */
/* Hero：隐藏顶部警戒条、去底部红线、右下红光弱化 */
.af-page .afa-a-hero .afa-strip{display:none;}
.af-page .afa-a-hero{border-bottom:none;}
.af-page .afa-a-hero{background:
  radial-gradient(760px 320px at 86% 118%, rgba(200,30,46,.20), transparent 60%),
  radial-gradient(500px 220px at -6% -40%, rgba(220,38,38,.05), transparent 60%),
  linear-gradient(180deg,#0b1a32 0%, #081224 100%);}
/* 三枚标签：红实底 / 深藏青实底 / 金实底 */
.af-page .afa-a-head .afa-tag.afa-ghost{color:#dbe4f0; background:#13233f; border:1px solid rgba(255,255,255,.18);}
.af-page .afa-a-head .afa-tag.afa-gold{color:#241a02; background:linear-gradient(135deg,#e6c37a,#d4a853); border:none;}
/* STEP kicker 红色 */
.af-page .afa-article .afa-st-kicker{color:var(--red);}
/* 识别点条：红标签；危险变体粉底 */
.af-page .afa-article .afa-st-box b{color:var(--red);}
.af-page .afa-article .afa-st-box.afa-danger{background:var(--redbg); border-color:rgba(200,30,46,.30);}
/* SERVICES 眉题金色（RELATED 保持红色） */
.af-page .afa-services .afa-sec-head .afa-eyebrow{color:var(--gold-deep);}
/* 风险提示卡：细实线边框 */
.af-page .afa-article .afa-policy{border:1px solid var(--line-2);}

/* ===== 15. afa v4 章节拆卡（一个章节一块卡） ===== */
.af-page .afa-article .afa-step{margin-top:18px;}

/* ===== 16. afa v5 对齐 HTML 高保真稿（2026-10-20） ===== */
/* Hero：恢复警戒条 + 底部红线 + 右上红光（按稿） */
.af-page .afa-a-hero{border-bottom:1px solid rgba(200,30,46,.4); background:
  radial-gradient(900px 340px at 84% -60px, rgba(220,38,38,.26), transparent 62%),
  linear-gradient(180deg,#0b1a32 0%, #081224 100%);}
.af-page .afa-a-hero .afa-strip{display:block;}
/* 标签：ghost 红晕底 / gold 实底（按稿色值） */
.af-page .afa-a-head .afa-tag.afa-ghost{color:#ffd9d9; background:rgba(200,30,46,.16); border:1px solid rgba(255,91,91,.45);}
.af-page .afa-a-head .afa-tag.afa-gold{color:#241a02; background:linear-gradient(135deg,#d4a853,#c9a227); border:none;}
/* 引言加粗 / kicker / 识别点标签：按稿为 ink 与 gold-deep */
.af-page .afa-article .afa-lead b{color:var(--ink);}
.af-page .afa-article .afa-st-kicker{color:var(--gold-deep);}
.af-page .afa-article .afa-st-box b{color:var(--gold-deep);}
/* 风险提示卡：虚线（按稿） */
.af-page .afa-article .afa-policy{border:1px dashed var(--line-2);}
/* 章节眉题：eyebrow 竖排在 h2 上方，两组均金色 */
.af-page .afa-article .afa-sec-head{flex-wrap:wrap;}
.af-page .afa-article .afa-sec-head .afa-eyebrow{flex:0 0 100%; color:var(--gold-deep); letter-spacing:.26em; font-size:11.5px;}
/* 推荐卡标题：16.5px / 700（按稿，无衬线） */
.af-page .afa-article .afa-rel h3{font-family:inherit; font-size:16.5px; font-weight:700;}
/* 步骤卡间距 = 稿内 gap:16px */
.af-page .afa-article .afa-step{margin-top:16px;}
/* 求助横幅：通栏（稿内位于正文容器之外） */
.af-page .afa-help{margin:36px -138px 0;}
@media (max-width:1180px){ .af-page .afa-help{margin-left:0; margin-right:0;} }

/* ===== 17. afa v6：Hero 通栏（突破 no-toc 900px 版心，对齐视觉稿） ===== */
.af-page .afa-a-hero{margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);}

/* ===== 18. afa v8：反诈独立版式容器（不再套教程 article-content/article-native） ===== */
.af-page .afa-article{ max-width: 900px; padding: 34px 20px 10px; }

/* ===== 19. afa v9：速查表规整（afa-tbl：定宽列 / 表头深藏青 / 首列金标 / 斑马纹） ===== */
.af-page .afa-tbl{
  width:100%;
  table-layout:fixed;
  border-collapse:separate;
  border-spacing:0;
  margin:10px 0 6px;
  font-size:14.5px;
  line-height:1.6;
  background:var(--card);
  border:1px solid var(--line-2);
  border-radius:12px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.af-page .afa-tbl th,
.af-page .afa-tbl td{
  padding:11px 14px;
  text-align:left;
  vertical-align:top;
  word-break:break-word;
  border-bottom:1px solid rgba(22,35,60,.08);
}
.af-page .afa-tbl tr:last-child > th,
.af-page .afa-tbl tr:last-child > td{border-bottom:none;}

/* 表头：深藏青渐变 + 白字（呼应 afa-step badge 与 hero） */
.af-page .afa-tbl tr:first-child > th{
  background:linear-gradient(180deg,#1c2e4e 0%,#16233c 100%);
  color:#fff;
  font-size:13.5px;
  font-weight:700;
  letter-spacing:.05em;
  padding:12px 14px;
  border-bottom:none;
}
/* 数据行首列：金色加粗（步骤名 / 话术标签） */
.af-page .afa-tbl tr:not(:first-child) > td:first-child{
  color:var(--gold-deep);
  font-weight:700;
}
/* 斑马纹：极淡米色，长表易读 */
.af-page .afa-tbl tr:nth-child(even):not(:first-child) td{background:rgba(247,242,232,.5);}

/* 列宽（fixed 布局下首行定向，其余列均分剩余宽度） */
.af-page .afa-t2 tr > *:first-child,
.af-page .afa-t2 tr > *:last-child{width:50%;}
.af-page .afa-t3 tr > *:first-child{width:20%;}
.af-page .afa-t4 tr > *:first-child{width:26%;}
.af-page .afa-t4 tr > *:nth-child(2){width:15%;}
.af-page .afa-t4 tr > *:nth-child(3){width:17%;}

@media (max-width:560px){
  .af-page .afa-tbl{font-size:13px; border-radius:10px;}
  .af-page .afa-tbl th,.af-page .afa-tbl td{padding:9px 10px;}
  .af-page .afa-tbl tr:first-child > th{font-size:12.5px; padding:10px;}
}

/* ===== 20. afa v10：删 Hero 顶部警戒横条（2026-10-20 用户要求） ===== */
/* 1) 红纹警戒条删除（用户 2026-10-20 要求；v5 曾按源稿恢复，现按用户裁撤） */
.af-page .afa-a-hero .afa-strip{display:none;}
/* 2) 清零全局 .article-main{margin-top:16px!important}（style.css:7514，本为教程类
      「文章头图→正文白卡」间距；反诈无头图结构，该 margin 使导航与 Hero 之间
      露出 .af-page 米色底。反诈 Hero 自有内距，不需要这 16px） */
.af-page .article-main{margin-top:0 !important;}