/* 家族 A · 现代卡片流（Modern Card Grid）— 2026-09-08 段3（契约修订版）
 * 皮肤包：只负责外观；结构性底座由 site.css 提供（双链加载）。
 * 主题变量（:root 由 render_head 注入）：--primary/--secondary/--accent/--bg/--font
 * 桥接变量：--accent(=primary)/--font-heading/--font-body/--content-width(720px)
 * 契约（2026-09-08 运营者定稿）：
 *   #1 内容页 9 块同列收敛（fa-content 800px），与页头页尾和谐
 *   #2 hero 文字白色与深色底反差（显式声明，防底座继承覆盖）
 *   #3 政策/搜索/作者/系列页内容列收敛，移动端不顶边框
 *   #4 logo 契约：完整 logo（图形标+品牌名一体，Gemini 固定提示词+家族风格，横版 4:1，
 *     纯白底顶满四周——Gemini 无 alpha 透明通道，纯白底+白页头=视觉无缝；**不加混合模式**
 *     （移动端 sticky 重影，2026-09-08 实测修正），页头 isolation:isolate 隔离层；
 *     尺寸规范：PC 横向宽 260px（250-400 区间）高自适应、移动端宽 160px（100-200 区间）；
 *     页头 72px；页脚反白版 200px；不用图标+域名、HTML 不补文字
 *   #5 移动端菜单收敛（复用 .nav-toggle/.nav-list 结构 + site.js 统一开关）
 * 广告硬规则（锚定/插页 z-index !important）不在此包——全局内联注入，勿复制。 */

/* ── 基础 ── */
body{font-family:var(--font,'Ubuntu Sans'),sans-serif;background:var(--bg,#f5f6f8);color:#1f2937;line-height:1.6}
a{color:var(--primary,#10243e);text-decoration:none}
.fa-container{max-width:1120px;margin:0 auto;padding:0 20px}
.fa-content{max-width:800px;margin:0 auto;padding:28px 20px}

/* ── 页眉 ── */
.fa-header{background:#fff;border-bottom:1px solid #e9edf2;position:sticky;top:0;z-index:1000;isolation:isolate}
.fa-nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:14px}
.fa-logo{display:flex;align-items:center}
/* 纯白底 logo 直接嵌白页头（2026-09-08 移除去 multiply：移动端 sticky 重影，纯白底无需混合补偿） */
.fa-logo img,.fa-logo-img{width:260px;height:auto;display:block;max-width:100%}
.fa-main-nav{display:flex;align-items:center}
.fa-main-nav .nav-toggle{display:none;background:none;border:1px solid #d5dbe4;border-radius:8px;
  font-size:1.3rem;line-height:1;padding:.35rem .6rem;cursor:pointer}
.fa-nav-links{display:flex;gap:26px;list-style:none;margin:0;padding:0;font-size:15px}
.fa-nav-links a{color:#1f2937;font-weight:500}
.fa-nav-links a:hover{color:var(--secondary,#7c3aed)}
.fa-nav-right{display:flex;align-items:center;gap:12px}
.fa-nav-btn{background:var(--secondary,#7c3aed);color:#fff;border-radius:8px;padding:9px 18px;
  font-size:14px;font-weight:700;white-space:nowrap}
.fa-nav-btn:hover{opacity:.9;color:#fff}

/* ── Hero（契约#2：文字显式白色，防底座 h1/p 颜色覆盖）── */
.fa-hero{background:linear-gradient(135deg,var(--primary,#10243e) 0%,#1d3a5f 100%);
  color:#fff;padding:56px 0;margin-bottom:34px}
.fa-hero h1{font-size:38px;line-height:1.2;margin:12px 0 14px;max-width:640px;color:#fff}
.fa-hero p{font-size:16.5px;color:#c7d4ea;max-width:560px;margin-bottom:24px}
.fa-hero-kicker{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#a5b8d8;font-weight:700}
.fa-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.fa-btn{display:inline-flex;align-items:center;gap:8px;border-radius:9px;padding:12px 22px;
  font-size:15px;font-weight:700}
.fa-btn-white{background:#fff;color:var(--primary,#10243e)}
.fa-btn-ghost{background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.35)}
.fa-stats{display:flex;gap:34px;margin-top:30px;flex-wrap:wrap}
.fa-stat-v{font-size:22px;font-weight:800}
.fa-stat-l{font-size:13px;color:#a5b8d8}

/* ── 分区与卡片 ── */
.fa-section{margin:0 0 34px}
.fa-section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 0 16px}
.fa-section-head h2{font-size:22px;color:var(--primary,#10243e)}
.fa-section-head h1{font-size:26px;color:var(--primary,#10243e)}
.fa-section-head a{font-size:14px;color:var(--secondary,#7c3aed);font-weight:600}
.fa-col-head{margin-top:18px}
.fa-col-desc{color:#6b7280;font-size:15px;margin-bottom:18px;max-width:640px}
.fa-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}
.fa-post-card{background:#fff;border:1px solid #e9edf2;border-radius:12px;overflow:hidden;transition:.15s}
.fa-post-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(16,36,62,.09);border-color:#d5dbe4}
.fa-post-thumb{display:block;height:150px;overflow:hidden;background:#eef2f7}
.fa-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.fa-post-body{display:block;padding:16px 18px 18px}
.fa-post-meta{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}
.fa-post-title{display:block;font-size:16.5px;font-weight:700;line-height:1.35;color:#1f2937}

/* ── 订阅条 ── */
.fa-band{background:#fff;border:1px solid #e9edf2;border-radius:12px;padding:30px;margin:8px 0 34px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.fa-band h3{font-size:20px;color:var(--primary,#10243e)}
.fa-band p{font-size:14px;color:#6b7280;margin-top:4px}

/* ── 内容页（契约#1：9 块同列 800px；底座 .breadcrumb/.byline/.faq/.references/.next-cta/.related 由 site.css 着色）── */
.fa-article{padding:0}
.fa-article-title{font-size:30px;line-height:1.25;color:var(--primary,#10243e);margin:6px 0 12px}
.fa-article-body{max-width:720px;margin:18px auto 0;font-size:16px;color:#374151}
.fa-article-body h2{font-size:22px;color:var(--primary,#10243e);margin:26px 0 12px}
.fa-article-body h3{font-size:17px;margin:18px 0 8px}
.fa-article-body p{margin-bottom:14px}
.fa-article-body ul,.fa-article-body ol{margin:0 0 14px 22px}
.fa-article-body img{max-width:100%;height:auto;border-radius:10px}
.fa-article .breadcrumb{margin-bottom:14px}
.fa-article .byline{margin:14px 0 4px}
.fa-article .faq,.fa-article .references,.fa-article .next-cta,.fa-article .related{margin-top:26px}

/* 契约#3：legacy 结构页面（政策/搜索/作者/系列）内容列收敛 */
.fa-content .page-title{font-size:26px;color:var(--primary,#10243e);margin:6px 0 10px}
.fa-content .page-desc{color:#6b7280;margin-bottom:18px}
.fa-content .card-grid{max-width:none}
.fa-content .policy-meta,.fa-content h2,.fa-content p{max-width:760px}
.fa-content{margin-top:0}

/* ── 页脚 ── */
.fa-footer{background:var(--primary,#10243e);color:#b9c7dd;margin-top:44px;padding:44px 0 30px;font-size:14px}
.fa-foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}
.fa-foot-grid h4{color:#fff;font-size:14px;margin-bottom:12px}
.fa-foot-grid a{color:#8ea3c4;display:block;margin-bottom:8px;font-size:13.5px}
.fa-foot-grid a:hover{color:#fff}
/* 页脚反白版 logo：背景=页脚同色（生成时注入），无需 multiply；宽 200px */
.fa-footer .fa-logo img,.fa-footer .fa-logo-img{width:200px;height:auto;display:block;max-width:100%;
  mix-blend-mode:normal}
.fa-foot-desc{margin-top:10px;font-size:13px;color:#8ea3c4}
.fa-foot-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:18px;
  font-size:12.5px;color:#7d92b5}

/* ── 响应式（900/760/480 三档断点）── */
@media (max-width:900px){
  .fa-foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .fa-nav{position:relative;flex-wrap:wrap;padding:12px 0;row-gap:10px}
  .fa-main-nav .nav-toggle{display:inline-block}
  /* 契约#5：菜单收敛——.nav-list 由 site.js 切换 .open；高特异性压过桌面 display:flex */
  .fa-nav .nav-list.fa-nav-links{display:none;position:absolute;top:100%;left:0;right:0;
    background:#fff;border-bottom:1px solid #e9edf2;box-shadow:0 12px 24px rgba(16,36,62,.08);
    flex-direction:column;gap:2px;padding:10px 20px;z-index:1100}
  .fa-nav .nav-list.fa-nav-links.open{display:flex}
  .fa-nav .fa-nav-links a{display:block;padding:9px 0}
  .fa-nav-right{width:100%;justify-content:space-between}
  .fa-nav-right .search-box{flex:1}
  .fa-nav-right .search-box input{width:100%}
  .fa-hero{padding:32px 0;margin-bottom:24px}
  .fa-hero h1{font-size:26px}
  .fa-stats{gap:16px}
  .fa-article-title{font-size:24px}
  .fa-article-body{font-size:15.5px}
  .fa-band{flex-direction:column;align-items:flex-start}
  .fa-content{padding:22px 18px}
}
@media (max-width:480px){
  .fa-container{padding:0 16px}
  .fa-foot-grid{grid-template-columns:1fr}
  .fa-logo img,.fa-logo-img{width:160px}
  .fa-hero h1{font-size:22px}
  .fa-btn{width:100%;justify-content:center}
  .fa-section-head{flex-wrap:wrap;row-gap:6px}
}