/* CPAPv2 首页首屏 Critical — 内联于 wp_head；勿 async 全量 CSS */
:root{
  --brand-red:#d02000;
  --brand-red-dark:#a81a00;
  --brand-green:#00a010;
  --ink:#1a1a1a;
  --ink-2:#3d3d3d;
  --ink-3:#6b6b6b;
  --paper:#fff;
  --primary:var(--brand-red);
  --primary-dark:var(--brand-red-dark);
  --text:var(--ink-2);
  --bg:var(--paper);
  --line:#e6e4e1;
  --font-display:"Noto Serif SC","Songti SC","STSong","SimSun",serif;
  --font-body:"Noto Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  --container:1120px;
  --header-h:72px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font-body);color:var(--ink-2);background:var(--paper);line-height:1.7;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--primary);text-decoration:none}
.container{width:min(100% - 40px,var(--container));margin-inline:auto}
/* 首 paint 稳定：避免 rise 从 opacity:0 造成 CLS */
.anim-rise,.anim-rise-2,.anim-rise-3,.anim-fade{opacity:1;transform:none;animation:none}

.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.nav{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:16px 24px}
.logo-brand{display:inline-flex;align-items:flex-end;gap:12px;color:inherit;flex-shrink:0}
.logo-brand img{height:34px;width:auto}
.logo-wordmark{display:flex;flex-direction:column;gap:1px;padding-left:12px;border-left:1px solid rgba(208,32,0,.22)}
.logo-wordmark__cn{font-family:var(--font-body);font-size:.875rem;font-weight:700;color:var(--ink);letter-spacing:.06em;line-height:1.2}
.logo-wordmark__sub{font-size:.625rem;color:var(--ink-3);line-height:1.3}
nav.menu{display:flex;flex:1;justify-content:center;align-items:center;min-width:0}
nav.menu .menu__list{display:flex;flex:1;gap:0;justify-content:center;align-items:center;list-style:none;margin:0;padding:0;min-width:0}
nav.menu .menu__list>li{position:relative;flex:0 0 auto;list-style:none;margin:0;padding:0}
nav.menu .menu__list>li>a{display:block;padding:8px 10px;font-weight:600;font-size:.875rem;color:var(--ink-2);white-space:nowrap;line-height:1.2}
.nav-right{display:flex;align-items:center;gap:12px;flex-shrink:0}
.nav-phone{display:flex;align-items:center;gap:6px;color:var(--primary);font-weight:700;font-size:.875rem;white-space:nowrap}
.nav-cta{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 16px;background:var(--primary);color:#fff!important;font-weight:700;font-size:.8125rem;border-radius:2px;white-space:nowrap}
.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;border:0;background:transparent;cursor:pointer;padding:8px}
.hamburger span{display:block;height:2px;background:var(--ink);border-radius:1px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 26px;border:1px solid transparent;border-radius:2px;font-family:var(--font-body);font-weight:700;font-size:.9375rem;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff}
.btn-outline{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.42)}

.hero{position:relative;padding:56px 0 64px;overflow:hidden;background:#0f172a}
.hero--weixiu{min-height:520px;padding-bottom:120px}
.hero__bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:saturate(.85) brightness(.72);opacity:1;transform:scale(1.02)}
.hero__mask{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(105deg,rgba(15,23,42,.92) 0%,rgba(15,23,42,.82) 38%,rgba(30,41,59,.62) 62%,rgba(15,23,42,.42) 82%,rgba(15,23,42,.28) 100%)}
.hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.hero__copy{max-width:560px}
.hero__eyebrow{display:inline-block;font-size:.8125rem;font-weight:700;letter-spacing:.12em;color:rgba(255,255,255,.78);margin-bottom:18px}
.hero h1{font-family:var(--font-display);font-size:clamp(2.2rem,4.6vw,3.25rem);font-weight:700;line-height:1.2;letter-spacing:.02em;color:#fff;margin-bottom:16px;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.hero__lead{font-size:1.0625rem;line-height:1.75;color:rgba(255,255,255,.88);max-width:32em;margin-bottom:28px}
.hero__actions{display:flex;flex-wrap:wrap;gap:12px}
.hero__visual{position:relative;display:block;min-height:0}

.wx-entries--panel{width:100%;max-width:420px;margin-left:auto;border:1px solid var(--line);background:rgba(255,255,255,.9);padding:16px 20px 12px;box-shadow:0 12px 40px rgba(15,23,42,.08)}
.wx-entries__label{font-size:.75rem;font-weight:700;letter-spacing:.08em;color:var(--ink-3);margin-bottom:10px}
.wx-entry{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.wx-entry:last-of-type{border-bottom:0}
.wx-entry__icon{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;background:rgba(208,32,0,.08);color:var(--primary)}
.wx-entry b{display:block;font-size:.9375rem;font-weight:700;color:var(--ink)}
.wx-entry small{display:block;font-size:.75rem;color:var(--ink-3)}
.wx-entry__go{margin-left:auto;font-size:.75rem;font-weight:700;color:var(--primary);white-space:nowrap}
.wx-entries__foot{padding-top:10px;font-size:.75rem;color:var(--ink-3)}

.stats{background:var(--paper);border-bottom:1px solid var(--line);padding:36px 0;min-height:108px}
.stats__row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.stat b{display:block;font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--primary);line-height:1.2}
.stat span{font-size:.8125rem;color:var(--ink-3)}

@media (max-width:900px){
  nav.menu,.nav-phone{display:none}
  .hamburger{display:flex}
  .hero__grid{grid-template-columns:1fr;gap:28px}
  .hero--weixiu{min-height:0;padding-bottom:96px}
  .wx-entries--panel{margin-right:auto}
  .stats__row{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){.wx-entries--panel{max-width:none}}