/* ==========================================================================
   notice-shifei-shuoming.css — 费用说明与防骗提醒
   版式：居中 hero + 费用三卡（中卡高亮）+ 防骗对照表 + 正规途径三卡
   ========================================================================== */

/* ---------- Hero ---------- */
.sf-hero{
  padding:calc(var(--header-h) + var(--topbar-h) + 50px) 0 60px;
  background:linear-gradient(180deg,var(--cream-2),var(--cream));
}
.sf-hero-head{max-width:720px;margin:0 auto;text-align:center}
.sf-kicker{font-size:13px;letter-spacing:2px;color:var(--ink-faint);margin-bottom:14px}
.sf-title{font-size:clamp(30px,4vw,46px);letter-spacing:2px;animation:sfUnderline 1s var(--ease) both}
@keyframes sfUnderline{
  0%{opacity:0;transform:translateY(-18px)}
  60%{opacity:1;transform:none}
  100%{opacity:1}
}
.sf-lead{margin-top:18px;font-size:16px;line-height:1.95;color:var(--ink-soft)}
.sf-lead strong{color:#c0392b}
.sf-heroimg{max-width:880px;margin:36px auto 0}
.sf-heroimg img{border-radius:var(--radius);box-shadow:var(--shadow-md);width:100%;height:auto}
.sf-heroimg figcaption{text-align:center;font-size:12.5px;color:var(--ink-faint);margin-top:10px}

/* ---------- 费用三卡 ---------- */
.sf-feecards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:960px;margin:36px auto 0}
.sf-feecard{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius);
  padding:28px 26px;box-shadow:var(--shadow-sm);text-align:center;
}
.sf-feecard-main{
  border:2px solid var(--wood);transform:scale(1.03);
  box-shadow:var(--shadow-md);background:linear-gradient(160deg,#fffdf6,#f6eee0);
}
.sf-feecard h3{font-size:18px;margin-bottom:10px}
.sf-feecard p{font-size:14px;line-height:1.8;margin-bottom:14px}
.sf-feecard em{font-style:normal;font-size:13px;color:var(--green-deep);font-weight:600;background:rgba(143,174,138,.15);padding:4px 12px;border-radius:999px;display:inline-block}

/* ---------- 防骗对照表 ---------- */
.sf-scam{background:var(--white)}
.sf-wrap{max-width:960px;margin:0 auto}
.sf-tablebox{}
.sf-tablewrap{overflow-x:auto;border-radius:var(--radius-sm)}
.sf-table th{background:#8a3b2e}
.sf-table td:first-child{font-weight:600;color:#8a2e22}
.sf-note{font-size:13px;color:var(--ink-faint);margin-top:12px}
.sf-note a{color:#8a3b2e;font-weight:600}

/* ---------- 正规途径 ---------- */
.sf-official{background:var(--cream-3)}
.sf-offgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:960px;margin:0 auto}
.sf-offitem{
  background:var(--white);border-radius:var(--radius);padding:28px 26px;box-shadow:var(--shadow-sm);
  border-top:4px solid var(--green);
}
.sf-offitem h3{font-size:17px;margin-bottom:10px}
.sf-offitem p{font-size:14px;line-height:1.85}
.sf-offnote{text-align:center;margin-top:26px;font-size:14px;color:var(--ink-soft)}
.sf-offnote a{color:var(--green-deep);font-weight:600;border-bottom:1px dashed var(--green)}

/* ---------- 正文 ---------- */
.sf-prose{background:var(--white)}
.sf-wrap{}
.sf-h2{font-size:20px;margin-bottom:12px;letter-spacing:1px}
.sf-prose p{margin-bottom:12px;font-size:15px;line-height:1.95}

/* ---------- 相关通知 ---------- */
.sf-related{background:var(--cream)}
.sf-rellist{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:960px;margin:0 auto}
.sf-rel{
  background:var(--white);border:1px solid var(--line);border-radius:var(--radius-sm);padding:18px 20px;
  display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--ink-soft);transition:.25s;
}
.sf-rel span{font-size:15px;font-weight:700;color:var(--ink)}
.sf-rel:hover{transform:translateY(-3px);border-color:#c0392b}
.sf-rel-more{background:#c0392b;border-color:#c0392b;color:#f8e0dc}
.sf-rel-more span{color:#fff}

/* ---------- FAQ ---------- */
.sf-faq{background:var(--white)}
.sf-faqwrap{max-width:820px;margin:0 auto}
.sf-faqlist{display:flex;flex-direction:column;gap:12px}
.sf-faqitem{border:1px solid var(--line);border-radius:var(--radius-sm);padding:2px 22px;background:var(--cream-3)}
.sf-faqitem summary{cursor:pointer;list-style:none;font-weight:600;font-size:15px;padding:14px 0;display:flex;align-items:center;gap:10px}
.sf-faqitem summary::-webkit-details-marker{display:none}
.sf-faqitem summary::before{content:"?";flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#c0392b;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center}
.sf-faqitem p{padding:0 0 16px 34px;font-size:14px;line-height:1.9;color:var(--ink-soft)}
.sf-faqitem p a{color:#8a3b2e;font-weight:600}

/* ---------- CTA ---------- */
.sf-cta{background:linear-gradient(135deg,#3f5a45,#5f8060);padding:64px 0;text-align:center}
.sf-ctainner{max-width:700px;margin:0 auto}
.sf-ctainner h2{color:#f6f3e8;font-size:clamp(22px,3vw,30px);margin-bottom:12px;letter-spacing:1px}
.sf-ctainner p{color:#cdd8c4;margin-bottom:26px}
.sf-ctabtns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.sf-ctabtns .btn-line{border-color:#f0e8d0;color:#f0e8d0}
.sf-ctabtns .btn-line:hover{background:#f0e8d0;color:#3f5a45}

/* ---------- 响应式 ---------- */
@media (max-width:900px){
  .sf-feecards{grid-template-columns:1fr;max-width:420px}
  .sf-feecard-main{transform:none}
  .sf-offgrid{grid-template-columns:1fr}
  .sf-rellist{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .sf-rellist{grid-template-columns:1fr}
}