/* ============================================================================
   Amperova 站点样式
   ----------------------------------------------------------------------------
   用途   ：amperova.com 全站排版（由 mu-plugin 加载，与主题解耦，换主题不丢）
   作者   ：小马 (Xiao Ma)
   版本   ：1.1.0
   依赖   ：无外部字体、无 JS 依赖（纯 CSS，符合 19 号文件的性能要求）
   命名   ：.amp-* 全部为本站私有类名，避免与主题/插件冲突
   目录   ：
     01 设计令牌（CSS 变量）
     02 主题容器解除与基础排版
     03 顶部信息条
     04 按钮
     05 区块骨架
     06 首屏 Hero
     07 卡片
     08 钩子（免费资料）
     09 视频
     10 步骤条
     11 表格
     12 FAQ
     13 表单
     14 浮动 WhatsApp
     15 自定义页脚
     16 可访问性（焦点/减弱动效）
     17 打印样式
     18 响应式断点
   ========================================================================== */

/* ── 01 设计令牌 ─────────────────────────────────────────────────────────── */
:root{
  --amp-navy:#0b1220; --amp-navy2:#141d31; --amp-ink:#1b2438;
  --amp-text:#2c3547; --amp-muted:#6b7688; --amp-line:#e5eaf2;
  --amp-accent:#0ea5a4; --amp-accent-d:#0b8483; --amp-blue:#2563eb;
  --amp-bg:#ffffff; --amp-bg2:#f5f8fc; --amp-wa:#25d366;
  --amp-radius:14px; --amp-max:1140px;
  --amp-shadow-sm:0 4px 14px rgba(14,165,164,.28);
  --amp-shadow-card:0 10px 26px rgba(11,18,32,.08);
  --amp-shadow-float:0 10px 26px rgba(0,0,0,.22);
}

/* ── 02 主题容器解除与基础排版 ────────────────────────────────────────────── */
.amp-page .ast-container,.amp-page .site-content .ast-container{max-width:none;padding:0;}
.amp-page .entry-header,.amp-page .ast-single-entry-banner{display:none;}
.amp-page .site-content{padding:0;}
body{color:var(--amp-text);}
.amp-wrap{max-width:var(--amp-max);margin:0 auto;padding:0 20px;}
.amp-center{text-align:center;}

/* ── 03 顶部信息条（配色可选：is-sunny 暖阳 / is-sky 清爽天蓝） ─────────────── */
.amp-topbar{color:var(--amp-topbar-fg);background:var(--amp-topbar-bg);font-size:13px;line-height:1.5;
  border-bottom:1px solid var(--amp-topbar-line);}
.amp-topbar.is-sunny{--amp-topbar-bg:linear-gradient(90deg,#fff5dd 0%,#ffe7b4 52%,#ffd992 100%);
  --amp-topbar-fg:#4a3510;--amp-topbar-line:#f3cb84;}
.amp-topbar.is-sky{--amp-topbar-bg:linear-gradient(90deg,#eef9ff 0%,#dcefff 52%,#c9e6ff 100%);
  --amp-topbar-fg:#0f3a56;--amp-topbar-line:#bfe2f8;}
.amp-topbar .amp-wrap{display:flex;gap:14px;align-items:center;justify-content:space-between;padding-top:9px;padding-bottom:9px;flex-wrap:wrap;}
.amp-topbar b{color:inherit;}
.amp-topbar a{color:inherit;text-decoration:none;border-bottom:1px dotted var(--amp-topbar-line);}
.amp-topbar-l{display:flex;gap:16px;flex-wrap:wrap;}
.amp-topbar-l span{white-space:nowrap;}
.amp-topbar-r{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:flex-end;}
.amp-topbar-r a.btn{padding:6px 13px;font-size:12.5px;border:0;white-space:nowrap;}

/* ── 04 按钮 ─────────────────────────────────────────────────────────────── */
.amp-page .btn,.btn{display:inline-block;padding:12px 22px;border-radius:999px;font-weight:600;font-size:15px;
  text-decoration:none;transition:transform .12s ease,box-shadow .12s ease;line-height:1.2;}
.amp-page .btn-primary,.btn-primary{background:var(--amp-accent);color:#04201f !important;box-shadow:var(--amp-shadow-sm);}
.amp-page .btn-primary:hover,.btn-primary:hover{background:var(--amp-accent-d);color:#fff !important;transform:translateY(-1px);}
.amp-page .btn-wa,.btn-wa{background:var(--amp-wa);color:#06331a !important;}
.amp-page .btn-wa:hover,.btn-wa:hover{background:#1eb757;color:#fff !important;transform:translateY(-1px);}
.amp-page .btn-ghost,.btn-ghost{background:transparent;color:#fff !important;border:1.5px solid rgba(255,255,255,.5);}
.amp-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0 0;}

/* ── 05 区块骨架 ─────────────────────────────────────────────────────────── */
.amp-sec{padding:64px 0;}
.amp-sec-alt{background:var(--amp-bg2);}
.amp-sec-dark{background:linear-gradient(135deg,var(--amp-navy) 0%,var(--amp-navy2) 100%);color:#eaf0fb;}
.amp-sec-dark h2{color:#fff;}
.amp-page h2{font-size:29px;line-height:1.25;margin:0 0 14px;color:var(--amp-ink);letter-spacing:-.2px;}
.amp-page h3{font-size:18px;margin:0 0 8px;color:var(--amp-ink);}
.amp-lead{font-size:16.5px;color:var(--amp-muted);margin:0 0 26px;max-width:820px;}
.amp-lead-light{color:#b9c6e0;}
.amp-note{font-size:13.5px;color:var(--amp-muted);margin-top:20px;padding-left:14px;border-left:3px solid var(--amp-accent);}
.amp-more{display:inline-block;margin-top:10px;font-weight:600;color:var(--amp-accent-d);text-decoration:none;}
.amp-more:hover{text-decoration:underline;}

/* ── 06 首屏 Hero（清爽阳光·浅色版） ─────────────────────────────────────── */
.amp-hero{background:
  radial-gradient(900px 380px at 12% -10%,rgba(255,196,92,.38),transparent 62%),
  radial-gradient(760px 340px at 100% 0%,rgba(14,165,164,.16),transparent 58%),
  linear-gradient(135deg,#fffaf0 0%,#fff3d9 52%,#ffe9c0 100%);
  color:var(--amp-text);padding:78px 0 70px;border-bottom:1px solid #f6dcae;}
.amp-hero-sm{padding:58px 0 50px;}
.amp-hero h1{font-size:40px;line-height:1.16;margin:10px 0 16px;color:#1b2438;letter-spacing:-.6px;max-width:920px;}
.amp-hero-sm h1{font-size:33px;}
.amp-hero-sub{font-size:17px;line-height:1.65;color:#43506b;max-width:840px;margin:0;}
.amp-kicker{font-size:12.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--amp-accent-d);font-weight:700;margin:0;}
.amp-trust{list-style:none;display:flex;gap:26px;flex-wrap:wrap;padding:22px 0 0;margin:24px 0 0;
  border-top:1px solid rgba(27,36,56,.14);font-size:14px;color:#5a6780;}
.amp-trust b{color:#1b2438;font-size:17px;display:block;}
/* 浅色 Hero 里的"透明描边"按钮要改成深色文字，否则白字看不见 */
.amp-hero .btn-ghost,.amp-hero-sm .btn-ghost{color:var(--amp-ink) !important;border-color:rgba(27,36,56,.34);}

/* ── 07 卡片 ─────────────────────────────────────────────────────────────── */
.amp-cards{display:grid;gap:18px;}
.amp-cards-2{grid-template-columns:repeat(2,1fr);}
.amp-cards-3{grid-template-columns:repeat(3,1fr);}
.amp-card{background:#fff;border:1px solid var(--amp-line);border-radius:var(--amp-radius);padding:22px 22px 20px;}
.amp-card h3{margin-top:0;}
.amp-card p{margin:0;font-size:14.5px;line-height:1.65;color:var(--amp-text);}
.amp-card-link{text-decoration:none;display:block;transition:border-color .15s,box-shadow .15s,transform .15s;}
.amp-card-link:hover{border-color:var(--amp-accent);box-shadow:var(--amp-shadow-card);transform:translateY(-2px);}
.amp-ico{width:34px;height:34px;border-radius:9px;background:var(--amp-accent);color:#04201f;display:flex;
  align-items:center;justify-content:center;font-weight:800;margin-bottom:12px;font-size:16px;}

/* ── 08 钩子（免费资料） ─────────────────────────────────────────────────── */
.amp-hook{display:flex;gap:16px;align-items:center;background:linear-gradient(90deg,#eafaf9,#f5f8fc);
  border:1px solid #cdeeec;border-radius:var(--amp-radius);padding:18px 20px;margin:26px 0;}
.amp-hook-ico{font-size:26px;line-height:1;}
.amp-hook-body{flex:1;display:flex;flex-direction:column;}
.amp-hook-body strong{color:var(--amp-ink);font-size:15.5px;}
.amp-hook-body span{font-size:13.5px;color:var(--amp-muted);}

/* ── 09 视频 ─────────────────────────────────────────────────────────────── */
.amp-videos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:6px;}
.amp-video{margin:0;}
.amp-video video{width:100%;aspect-ratio:16/9;border-radius:var(--amp-radius);background:#0b1220;display:block;}
.amp-video figcaption{font-size:13px;color:var(--amp-muted);margin-top:9px;}
.amp-wide{width:100%;height:340px;object-fit:cover;border-radius:var(--amp-radius);display:block;margin-bottom:30px;}

/* ── 10 步骤条 ───────────────────────────────────────────────────────────── */
.amp-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.amp-step{background:#fff;border:1px solid var(--amp-line);border-radius:var(--amp-radius);padding:18px;}
.amp-step span{display:inline-flex;width:28px;height:28px;border-radius:50%;background:var(--amp-navy);
  color:#fff;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-bottom:10px;}
.amp-step h3{font-size:15.5px;margin:0 0 6px;}
.amp-step p{margin:0;font-size:13.5px;color:var(--amp-muted);line-height:1.6;}

/* ── 11 表格 ─────────────────────────────────────────────────────────────── */
.amp-tablewrap{overflow-x:auto;margin:8px 0 20px;border:1px solid var(--amp-line);border-radius:var(--amp-radius);}
.amp-table{width:100%;border-collapse:collapse;font-size:14.5px;background:#fff;min-width:560px;}
.amp-table th{background:#eef4fb;color:var(--amp-ink);text-align:left;padding:12px 14px;font-weight:700;
  border-bottom:1px solid var(--amp-line);white-space:nowrap;}
.amp-table td{padding:11px 14px;border-bottom:1px solid var(--amp-line);vertical-align:top;line-height:1.6;}
.amp-table tr:last-child td{border-bottom:0;}

/* ── 12 FAQ ──────────────────────────────────────────────────────────────── */
.amp-faq{background:#fff;border:1px solid var(--amp-line);border-radius:var(--amp-radius);padding:18px 20px;margin-bottom:12px;}
.amp-faq h3{font-size:16px;margin:0 0 8px;color:var(--amp-ink);}
.amp-faq p{margin:0;font-size:14.5px;line-height:1.68;color:var(--amp-text);}
.amp-faq-list{list-style:none;padding:0;margin:0;}
.amp-faq-list li{border-bottom:1px solid var(--amp-line);padding:13px 0;}
.amp-faq-list a{font-weight:600;color:var(--amp-ink);text-decoration:none;}
.amp-faq-list a:hover{color:var(--amp-accent-d);}

/* ── 13 表单 ─────────────────────────────────────────────────────────────── */
.amp-formbox{background:#fff;border:1px solid var(--amp-line);border-radius:var(--amp-radius);padding:24px;max-width:760px;}
.amp-formbox input[type=text],.amp-formbox input[type=email],.amp-formbox input[type=tel],
.amp-formbox input[type=number],.amp-formbox select,.amp-formbox textarea{
  width:100%;padding:11px 13px;border:1px solid #d7dfec;border-radius:9px;font-size:15px;background:#fcfdff;color:var(--amp-ink);}
.amp-formbox textarea{min-height:110px;}
.amp-formbox label{font-size:13.5px;font-weight:600;color:var(--amp-ink);display:block;margin-bottom:5px;}
.amp-formbox p{margin:0 0 14px;}
.amp-formbox input[type=submit],.amp-formbox button[type=submit]{
  background:var(--amp-accent);color:#04201f;border:0;padding:13px 26px;border-radius:999px;font-weight:700;
  font-size:15px;cursor:pointer;}
.amp-formbox input[type=submit]:hover,.amp-formbox button[type=submit]:hover{background:var(--amp-accent-d);color:#fff;}
.amp-formbox .wpcf7-response-output{border-radius:9px;font-size:14px;}
.amp-formbox .wpcf7-not-valid-tip{color:#c0392b;font-size:13px;}
/* 表单内两列布局（CF7 表单模板用 .amp-grid2 包字段） */
.amp-grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;}

/* ── 14 浮动 WhatsApp（1 人 = 一枚按钮；多人 = 竖向排列，每人一枚） ─────────── */
.amp-float-stack{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;flex-direction:column;
  align-items:flex-end;gap:10px;}
.amp-float{display:flex;align-items:center;gap:9px;
  background:var(--amp-wa);color:#06331a;text-decoration:none;font-weight:700;font-size:14px;
  padding:12px 18px;border-radius:999px;box-shadow:var(--amp-shadow-float);}
.amp-float:hover{background:#1eb757;color:#fff;}
.amp-float svg{width:22px;height:22px;fill:currentColor;flex:0 0 auto;}
.amp-float-txt{display:flex;flex-direction:column;line-height:1.25;text-align:left;}
.amp-float-txt b{font-size:13.5px;}
.amp-float-txt i{font-style:normal;font-size:11.5px;font-weight:600;opacity:.85;}

/* ── 15 自定义页脚 ───────────────────────────────────────────────────────── */
.amp-foot{background:var(--amp-navy);color:#b9c6e0;font-size:14px;padding:44px 0 30px;}
.amp-foot h4{color:#fff;font-size:15px;margin:0 0 12px;}
.amp-foot a{color:#dbe4f5;text-decoration:none;}
.amp-foot a:hover{color:#fff;text-decoration:underline;}
.amp-foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:26px;}
.amp-foot ul{list-style:none;padding:0;margin:0;line-height:2;}
.amp-foot-bar{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:18px;font-size:13px;
  display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;}

/* ── 16 可访问性 ─────────────────────────────────────────────────────────── */
.amp-page a:focus-visible,.amp-page button:focus-visible,.amp-page input:focus-visible,
.amp-page select:focus-visible,.amp-page textarea:focus-visible,.amp-float:focus-visible{
  outline:3px solid var(--amp-blue);outline-offset:2px;}
@media (prefers-reduced-motion: reduce){
  .amp-page *,.amp-float{transition:none !important;animation:none !important;}
}

/* ── 17 打印样式（客户打印规格/条款时可用） ──────────────────────────────── */
@media print{
  .amp-topbar,.amp-float,.amp-foot,.amp-page .site-header,.amp-page .site-footer{display:none !important;}
  .amp-hero{background:#fff !important;color:#000 !important;padding:0 0 12pt;}
  .amp-hero h1,.amp-hero-sub,.amp-kicker{color:#000 !important;}
  .amp-card,.amp-faq,.amp-tablewrap{break-inside:avoid;border-color:#bbb;}
  .amp-table{min-width:0;}
}

/* ── 18 响应式 ───────────────────────────────────────────────────────────── */
@media (max-width:1024px){
  .amp-cards-3{grid-template-columns:repeat(2,1fr);}
  .amp-steps{grid-template-columns:repeat(2,1fr);}
  .amp-videos{grid-template-columns:repeat(2,1fr);}
  .amp-foot-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:700px){
  .amp-hero{padding:52px 0 46px;}
  .amp-hero h1{font-size:28px;}
  .amp-hero-sm h1{font-size:25px;}
  .amp-sec{padding:42px 0;}
  .amp-page h2{font-size:23px;}
  .amp-cards-2,.amp-cards-3,.amp-videos,.amp-steps,.amp-grid2{grid-template-columns:1fr;}
  .amp-foot-grid{grid-template-columns:1fr;}
  .amp-hook{flex-direction:column;align-items:flex-start;}
  .amp-float-stack{right:12px;bottom:12px;}
  .amp-float{padding:11px 15px;font-size:13px;}
  .amp-wide{height:220px;}
}