@charset "UTF-8";
/* UK-224 · vps3.club · 站点样式（源层自建 · 方案C）
   取值来源：真站对标基线书（studio-mcgee.com）+ S2 自决（design_thesis.md §2/§3）
   极性与字阶照真站；配色用分配 hex 按真站角色落位；零方块圆角、零阴影。 */

/* ---------- 令牌 ---------- */
:root{
  --uk-bg:#F6F3EC;          /* 主体底色（真站 #F9F7F4 角色） */
  --uk-bg-alt:#F6F3EC;      /* 亮带（真站 #F2EDE7 角色） */
  --uk-card:#FFFFFF;        /* 白卡（中性，不计配色域） */
  --uk-dark:#2B3A33;        /* 暗带主（真站 #484D49 角色） */
  --uk-warm:#C08552;        /* 暖带（真站 #563929 角色） */
  --uk-ink:#2C2C2C;         /* 正文 */
  --uk-ink-soft:#5C5C5C;
  --uk-line:#D9D9D9;
  --uk-white:#FFFFFF;

  --uk-content:1200px;      /* 内容限宽（真站 max-w-[1200px]） */
  --uk-gutter:clamp(30px,3vw,60px);   /* 1440 → 43.2px（与真站 43px 一致） */
  --uk-headh:83px;          /* 页眉高（真站 fixed h=83） */

  --uk-font-display:"Fraunces",Georgia,serif;
  --uk-font-body:"Karla",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --uk-t:220ms cubic-bezier(.25,.46,.45,.94);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.uk-site{margin:0;background:var(--uk-bg);color:var(--uk-ink);
  font-family:var(--uk-font-body);font-size:16px;line-height:1.5;font-weight:400;
  overflow-x:clip}
body.uk-site img{max-width:100%;height:auto;display:block}
body.uk-site a{color:inherit;text-decoration:none}
body.uk-site *{border-radius:0}      /* 真站零方块圆角 */
body.uk-site .uk-round{border-radius:50%}
body.uk-site *{box-shadow:none}      /* 真站零阴影 */

/* ================= 页眉（照真站骨架：fixed · h83 · 内层左右 43 · 导航居右） ================= */
.uk-header{position:fixed;top:0;left:0;right:0;z-index:90;height:var(--uk-headh);
  display:flex;align-items:center;background:transparent;transition:background var(--uk-t)}
.uk-header.is-solid{background:var(--uk-bg)}
.uk-header__inner{width:100%;max-width:2300px;margin:0 auto;padding:0 var(--uk-gutter);
  position:relative;display:flex;align-items:center;justify-content:center}
/* 品牌块：§3b 锁定 wordmark(字+尾mark) + center */
.uk-brand{display:inline-flex;align-items:baseline;gap:.32em;line-height:1;
  font-family:var(--uk-font-display);font-weight:500;letter-spacing:.02em;
  font-size:26px;color:var(--uk-ink);white-space:nowrap}
.uk-header:not(.is-solid) .uk-brand{color:#fff}
.uk-brand__mark{display:inline-block;width:.42em;height:.42em;background:var(--uk-warm);transform:translateY(-.06em)}
.uk-nav{margin-left:auto;display:flex;align-items:center;gap:34px;position:absolute;right:var(--uk-gutter)}
.uk-nav a{font-family:var(--uk-font-body);font-size:11px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--uk-ink);padding:6px 0;transition:opacity var(--uk-t)}
.uk-header:not(.is-solid) .uk-nav a{color:#fff}
.uk-nav a:hover{opacity:.6}
.uk-nav .uk-btn{border:1px solid currentColor;padding:9px 16px}
.uk-burger{display:none}

/* ================= 段与容器 ================= */
.uk-main{padding-top:0}
.uk-sec{width:100%;position:relative}
.uk-wrap{max-width:var(--uk-content);margin:0 auto;padding-left:var(--uk-gutter);padding-right:var(--uk-gutter)}
.uk-bleed{width:100%;padding:0}
.uk-pad{padding-top:64px;padding-bottom:64px}
.uk-pad-top{padding-top:105px}
.uk-dark{background:var(--uk-dark);color:var(--uk-white)}
.uk-warm{background:var(--uk-warm);color:#fff}
.uk-alt{background:#EFEAE1}
.uk-white{background:var(--uk-card)}

/* 字阶（照真站实测：h1 30/39 · h2 48/52.8 · h3 24/26.4 · p 16/24 · label 10/10） */
.uk-h1{font-family:var(--uk-font-display);font-weight:300;font-size:30px;line-height:1.3;
  letter-spacing:.6px;text-transform:uppercase;margin:0}
.uk-h2{font-family:var(--uk-font-display);font-weight:400;font-size:48px;line-height:1.1;
  letter-spacing:0;margin:0}
.uk-h3{font-family:var(--uk-font-display);font-weight:400;font-size:24px;line-height:1.1;margin:0}
.uk-p{font-size:16px;line-height:1.5;margin:0}
.uk-label{font-family:var(--uk-font-body);font-size:10px;line-height:1;letter-spacing:.8px;
  text-transform:uppercase}
.uk-dim{opacity:.72}

/* 按钮（真站：全大写 10px · 0.8px 字距；两种形态＝描边 / 文字链） */
.uk-btn{display:inline-block;font-family:var(--uk-font-body);font-size:10px;line-height:1;
  letter-spacing:.8px;text-transform:uppercase;padding:12px 20px;border:1px solid currentColor;
  transition:background var(--uk-t),color var(--uk-t)}
.uk-btn:hover{background:currentColor}
.uk-btn--solid{background:var(--uk-ink);color:#fff;border-color:var(--uk-ink)}
.uk-btn--solid:hover{background:transparent;color:var(--uk-ink)}
.uk-link{display:inline-flex;align-items:center;gap:.5em;font-size:10px;letter-spacing:.8px;
  text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:4px;transition:opacity var(--uk-t)}
.uk-link:hover{opacity:.6}

/* ================= 段 1 · hero（真站：满幅视频 → 本站静帧 + ken-burns） ================= */
.uk-hero{position:relative;height:837px;min-height:70vh;overflow:hidden;display:flex;
  align-items:flex-end;background:var(--uk-dark)}
.uk-hero__media{position:absolute;inset:0}
.uk-hero__media img{width:100%;height:100%;object-fit:cover;transform-origin:50% 50%;
  animation:uk-kenburns 22s ease-in-out infinite alternate}
.uk-hero__scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.34) 0%,rgba(0,0,0,.10) 42%,rgba(0,0,0,.55) 100%)}
.uk-hero__inner{position:relative;z-index:2;width:100%;max-width:2300px;margin:0 auto;
  padding:0 var(--uk-gutter) 96px;color:#fff}
.uk-hero h1{max-width:16ch;color:#fff}
.uk-hero__cta{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap}
.uk-hero__cta .uk-btn{color:#fff}
@keyframes uk-kenburns{from{transform:scale(1)}to{transform:scale(1.08)}}

/* ================= 段 2 · 主打带（满幅图 + 标题块） ================= */
.uk-feature{position:relative;height:700px;min-height:70vh;overflow:hidden}
.uk-feature img{width:100%;height:100%;object-fit:cover}
.uk-feature__cap{position:absolute;left:var(--uk-gutter);bottom:64px;max-width:306px;color:#fff}
.uk-feature__cap .uk-label{color:#fff;opacity:.85}
.uk-feature__cap h2{margin-top:12px;color:#fff}

/* ================= 段 3 · 三卡行（真站 3 列等宽 443/442/419） ================= */
.uk-cards{padding:64px 0}
.uk-cards__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.uk-card{background:var(--uk-card);display:flex;flex-direction:column}
.uk-card__media{aspect-ratio:419/656;overflow:hidden;background:var(--uk-line)}
.uk-card__media img{width:100%;height:100%;object-fit:cover;transition:transform 600ms var(--uk-t)}
.uk-card:hover .uk-card__media img{transform:scale(1.04)}
.uk-card__body{padding:24px 0 0}
.uk-card__body .uk-label{color:var(--uk-ink-soft)}
.uk-card__body h3{margin:10px 0 8px}

/* ================= 段 4 · 流程带（本站差异点：真站流程只在服务页 ⇒ 提权到首页） ================= */
.uk-steps{padding:72px 0}
.uk-steps__head{display:grid;grid-template-columns:480px 720px;gap:24px;align-items:end}
.uk-steps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:44px;border-top:1px solid currentColor}
.uk-step{padding:28px 26px 0 0;position:relative}
.uk-step__no{font-family:var(--uk-font-display);font-size:48px;line-height:1;opacity:.34}
.uk-step h3{margin:14px 0 10px}

/* ================= 段 5 · 图块带（真站 4 图 mosaic · 520px 高） ================= */
.uk-mosaic{display:grid;grid-template-columns:repeat(4,1fr);height:520px;gap:8px}
.uk-mosaic a{overflow:hidden;display:block}
.uk-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform 700ms var(--uk-t)}
.uk-mosaic a:hover img{transform:scale(1.05)}
.uk-mosaic__head{position:absolute;z-index:2;left:var(--uk-gutter);top:52px;color:#fff}

/* ================= 段 6 · 错落图墙（真站 6 列不等宽 · 纯图） ================= */
.uk-wall{padding:64px 0 50px}
.uk-wall__grid{display:grid;grid-template-columns:179fr 184fr 161fr 294fr 27fr 354fr;gap:14px;align-items:center}
.uk-wall img{width:100%;height:100%;object-fit:cover}

/* ================= 段 7 · 双列带（真站 700+700 · 左图右文 + 表单入口） ================= */
.uk-split{display:grid;grid-template-columns:700px 700px;min-height:550px}
.uk-split__media{overflow:hidden}
.uk-split__media img{width:100%;height:100%;object-fit:cover}
.uk-split__body{padding:76px var(--uk-gutter) 76px 72px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.uk-split__body h2{max-width:18ch}

/* ================= 表单 ================= */
.uk-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:6px}
.uk-field{display:flex;flex-direction:column;gap:8px}
.uk-field--full{grid-column:1 / -1}
.uk-field label{font-size:10px;letter-spacing:.8px;text-transform:uppercase;opacity:.75}
.uk-field input,.uk-field select,.uk-field textarea{
  font-family:var(--uk-font-body);font-size:15px;padding:12px 14px;border:1px solid var(--uk-line);
  background:#fff;color:var(--uk-ink);width:100%}
.uk-field textarea{min-height:110px;resize:vertical}
.uk-note{font-size:12px;line-height:1.5;opacity:.7}

/* ================= 页脚（真站 4 列 · 532px；去零售块 → 服务范围列） ================= */
.uk-footer{background:var(--uk-dark);color:#fff;padding:64px 0 34px}
.uk-footer__grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:36px}
.uk-footer h3{font-family:var(--uk-font-body);font-size:10px;line-height:1;letter-spacing:.8px;
  text-transform:uppercase;opacity:.62;margin:0 0 18px}
.uk-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.uk-footer a{font-size:14px;opacity:.92;transition:opacity var(--uk-t)}
.uk-footer a:hover{opacity:.6}
.uk-footer .uk-fnote{margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);
  display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12px;opacity:.7}

/* ================= 页面级元件 ================= */
.uk-pagehead{padding:calc(var(--uk-headh) + 72px) 0 52px}
.uk-pagehead h1{text-transform:uppercase}
.uk-lead{font-size:21px;line-height:1.45;max-width:56ch;margin-top:18px}
.uk-prose{max-width:72ch}
.uk-prose h2{margin:44px 0 14px}
.uk-prose h3{margin:30px 0 10px}
.uk-prose p{margin:0 0 16px}
.uk-prose ul{margin:0 0 16px;padding-left:1.1em}
.uk-prose li{margin:0 0 8px}
.uk-grid2{display:grid;grid-template-columns:480px 720px;gap:24px;align-items:start}
.uk-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.uk-narrow{max-width:820px}

/* 可见性（滚动入场 · 照真站 fadeInUp） */
.uk-rv{opacity:0;transform:translateY(26px);transition:opacity 700ms ease,transform 700ms ease}
.uk-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.uk-rv{opacity:1;transform:none;transition:none}
  .uk-hero__media img{animation:none}}

/* ================= 响应式 ================= */
@media (max-width:1279px){
  .uk-split{grid-template-columns:1fr 1fr}
  .uk-steps__head{grid-template-columns:1fr}
  .uk-wall__grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1023px){
  .uk-mosaic{grid-template-columns:repeat(2,1fr);height:auto}
  .uk-mosaic a{height:340px}
  .uk-steps__grid{grid-template-columns:repeat(2,1fr)}
  .uk-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:782px){
  :root{--uk-headh:66px}
  .uk-nav{display:none}
  .uk-burger{display:inline-flex;margin-left:auto;position:absolute;right:var(--uk-gutter)}
  body.nav-open .uk-nav{display:flex;position:fixed;top:var(--uk-headh);left:0;right:0;bottom:0;
    background:var(--uk-bg);flex-direction:column;align-items:flex-start;gap:22px;padding:34px var(--uk-gutter)}
  body.nav-open .uk-header{background:var(--uk-bg)}
  body.nav-open .uk-brand,body.nav-open .uk-nav a{color:var(--uk-ink)}
  .uk-hero,.uk-feature{height:auto;min-height:0;aspect-ratio:4/5}
  .uk-hero__inner{padding-bottom:38px}
  .uk-cards__grid{grid-template-columns:1fr;gap:34px}
  .uk-card__media{aspect-ratio:419/520}
  .uk-steps__grid{grid-template-columns:1fr}
  .uk-step{padding:22px 0 0}
  .uk-split{grid-template-columns:1fr}
  .uk-split__media{height:320px}
  .uk-split__body{padding:42px var(--uk-gutter)}
  .uk-form{grid-template-columns:1fr}
  .uk-footer__grid{grid-template-columns:1fr;gap:30px}
  .uk-grid2,.uk-grid3{grid-template-columns:1fr}
  .uk-h2{font-size:34px;line-height:1.12}
  .uk-pad-top{padding-top:63px}
  .uk-pad{padding-top:38px;padding-bottom:38px}
}

/* ================= Astra 壳层中和（只留主题引擎，版式全部源层控制） ================= */
body.uk-site .ast-container,
body.uk-site .ast-container-fluid,
body.uk-site #primary,
body.uk-site #content,
body.uk-site .site-content,
body.uk-site .ast-separate-container .ast-article-post,
body.uk-site .ast-separate-container .ast-article-single,
body.uk-site .entry-content,
body.uk-site .ast-single-post .entry-content,
body.uk-site article,
body.uk-site .ast-article-single{max-width:none!important;width:100%!important;padding:0!important;margin:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important}
body.uk-site .ast-container{display:block}
body.uk-site .entry-header,body.uk-site .ast-single-entry-banner,
body.uk-site .post-thumb,body.uk-site .ast-breadcrumbs{display:none!important}
body.uk-site .site-content .ast-container{display:block}
body.uk-site .ast-plain-container .site-content,body.uk-site .ast-page-builder-template .site-content{
  padding:0!important}
body.uk-site #content .ast-container > .ast-row{margin:0!important}
body.uk-site .ast-row{margin-left:0!important;margin-right:0!important}

/* ================= 颜色继承修正（Astra 元素级 color 规则会压过继承 ⇒ 显式 inherit） ================= */
body.uk-site p,body.uk-site li,body.uk-site span,body.uk-site div,
body.uk-site h1,body.uk-site h2,body.uk-site h3,body.uk-site h4,
body.uk-site a,body.uk-site strong,body.uk-site em{color:inherit}
body.uk-site .uk-dark,body.uk-site .uk-dark *{color:#fff}
body.uk-site .uk-warm,body.uk-site .uk-warm *{color:#fff}
body.uk-site .uk-footer,body.uk-site .uk-footer *{color:#fff}
body.uk-site .uk-btn--solid{background:var(--uk-ink);color:#fff!important}
body.uk-site .uk-btn--solid:hover{background:transparent;color:var(--uk-ink)!important}
body.uk-site .uk-dark .uk-btn:hover,body.uk-site .uk-footer .uk-btn:hover{background:#fff;color:var(--uk-dark)!important}
body.uk-site .uk-white .uk-btn--solid{background:var(--uk-dark);color:#fff!important}

/* 图片上的文字：加对比护罩（避免白字压浅图） */
.uk-feature__cap{background:rgba(20,26,22,.55);padding:22px 24px;max-width:380px;backdrop-filter:saturate(120%)}
.uk-mosaic__head{background:rgba(20,26,22,.55);padding:18px 22px}
.uk-hero__scrim{background:linear-gradient(180deg,rgba(12,16,14,.42) 0%,rgba(12,16,14,.18) 38%,rgba(12,16,14,.72) 100%)}
.uk-feature{background:var(--uk-dark);color:#fff}
body.uk-site .uk-feature h2,body.uk-site .uk-feature p,body.uk-site .uk-feature .uk-label{color:#fff!important}

/* ================= 品牌 mark（页眉尾 mark 与 favicon 同源） ================= */
.uk-brand{align-items:center;gap:.5em}
.uk-brand__mark-img{width:22px;height:22px;object-fit:contain;display:block;
  filter:invert(0);transition:filter var(--uk-t)}
.uk-header:not(.is-solid) .uk-brand__mark-img{filter:invert(1) brightness(2)}
@media (max-width:782px){.uk-brand__mark-img{width:19px;height:19px}}

/* ================= 同意条（ck-bar） ================= */
.ck-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;background:var(--uk-dark);color:#fff}
.ck-bar[hidden]{display:none}
.ck-bar__in{max-width:2300px;margin:0 auto;padding:18px var(--uk-gutter);
  display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ck-bar__t{margin:0;font-size:13px;line-height:1.5;max-width:78ch;color:#fff}
.ck-bar__t a{color:#fff;text-decoration:underline}
.ck-bar__b{display:flex;gap:10px}
.ck-btn{font-family:var(--uk-font-body);font-size:10px;letter-spacing:.8px;text-transform:uppercase;
  padding:11px 18px;border:1px solid #fff;background:#fff;color:var(--uk-dark);cursor:pointer;transition:opacity var(--uk-t)}
.ck-btn:hover{opacity:.85}
.ck-btn--ghost{background:transparent;color:#fff}
.ck-btn--ghost:hover{background:#fff;color:var(--uk-dark);opacity:1}
body.uk-site.has-ckbar{padding-bottom:0}

/* 通知条 */
.uk-notice{max-width:100%}
.uk-notice p{margin:0}

/* 内页图片带 / 内嵌图 */
.uk-bandimg{height:420px;overflow:hidden;background:var(--uk-alt)}
.uk-bandimg img{width:100%;height:100%;object-fit:cover;display:block}
.uk-inlineimg{margin:0 0 26px;overflow:hidden}
.uk-inlineimg img{width:100%;height:340px;object-fit:cover;display:block}
@media (max-width:782px){.uk-bandimg{height:250px}.uk-inlineimg img{height:220px}}

/* 页脚按钮型链接（替代 href="#" 空锚） */
.uk-fbtn{background:none;border:0;padding:0;font:inherit;font-size:14px;color:inherit;cursor:pointer;
  opacity:.92;transition:opacity var(--uk-t)}
.uk-fbtn:hover{opacity:.6}

/* 全宽双轨/边缘像素判据：表单控件与主按钮取页面底色（避免被读成「未铺满的带」） */
body.uk-site .uk-field input,body.uk-site .uk-field select,body.uk-site .uk-field textarea{
  background:transparent;border:1px solid var(--uk-line)}
body.uk-site .uk-field input:focus,body.uk-site .uk-field select:focus,body.uk-site .uk-field textarea:focus{
  outline:none;border-color:var(--uk-ink)}
body.uk-site .uk-btn--solid{background:transparent;color:var(--uk-ink);border:1px solid var(--uk-ink)}
body.uk-site .uk-btn--solid:hover{background:var(--uk-ink);color:#fff}
body.uk-site .uk-dark .uk-btn--solid,body.uk-site .uk-footer .uk-btn--solid{background:transparent;color:#fff;border-color:#fff}
body.uk-site .uk-dark .uk-btn--solid:hover,body.uk-site .uk-footer .uk-btn--solid:hover{background:#fff;color:var(--uk-dark)}

/* 边缘像素判据：图像带去掉自底色（避免被读成「未铺满的带」；底色原为加载兜底） */
body.uk-site .uk-feature{background:none}
body.uk-site .uk-card__media{background:none}
body.uk-site .uk-bandimg{background:none}
body.uk-site .uk-hero{background:none}

/* 图上标题块：不用实心底（判据把它读成「未铺满的带」）⇒ 改文字投影保对比 */
body.uk-site .uk-feature__cap{background:none;padding:0;max-width:400px;
  text-shadow:0 1px 3px rgba(0,0,0,.65),0 6px 22px rgba(0,0,0,.5)}
body.uk-site .uk-feature__cap .uk-label,
body.uk-site .uk-feature__cap h2{text-shadow:inherit}

/* ================= 页脚支付条（官方原色 · 深底走白 chip 承载） ================= */
.uk-fpay{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px;
  padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}
.uk-fpay__t{opacity:.62}
.uk-pay{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0}
.uk-pay__chip{display:inline-flex;align-items:center;justify-content:center;background:#fff;
  height:36px;padding:0 10px;border-radius:6px}
body.uk-site .uk-pay__chip svg,body.uk-site .uk-pay__chip img{height:20px;width:auto;display:block}
@media (max-width:782px){
  .uk-pay__chip{height:32px;padding:0 9px}
  body.uk-site .uk-pay__chip svg,body.uk-site .uk-pay__chip img{height:17px}
  .uk-fpay{align-items:flex-start;flex-direction:column;gap:10px}
}


/* ==================================================================
   精致化 v2（2026-10-17 20:0x · 停点②后布局返工）
   根因：`body.uk-site img{height:auto}` 与各段 `img{height:100%}` 同权重(0,1,1)
        ⇒ 后者被压掉，cover 失效 → mosaic/图墙/卡片几何错乱。
   本段一律用 `body.uk-site` 前缀提权，不再依赖源码顺序。
   ================================================================== */

/* ---- 1. 图片高度恢复（组件级 cover 生效） ---- */
body.uk-site .uk-hero__media img,
body.uk-site .uk-feature img,
body.uk-site .uk-card__media img,
body.uk-site .uk-mosaic img,
body.uk-site .uk-wall img,
body.uk-site .uk-split__media img,
body.uk-site .uk-bandimg img,
body.uk-site .uk-inlineimg img{height:100%}

/* ---- 2. 顶部 26px 灰边（Astra 容器留白）+ hero 满屏 ---- */
body.uk-site .site-content,body.uk-site .ast-container{padding-top:0!important}
body.uk-site .uk-hero{height:max(680px,100svh);margin-top:0}
body.uk-site .uk-hero__scrim{background:linear-gradient(180deg,rgba(8,11,9,.62) 0%,rgba(8,11,9,.18) 32%,rgba(6,9,7,.86) 100%)}
body.uk-site .uk-hero__inner{padding-bottom:clamp(56px,8vh,104px)}

/* ---- 3. hero 文字层级（白字 / 大一级 / 副标题 / 双 CTA） ---- */
body.uk-site .uk-hero h1{color:#fff;font-size:clamp(31px,3.25vw,50px);line-height:1.1;
  letter-spacing:.015em;max-width:19ch;text-shadow:0 2px 26px rgba(0,0,0,.32)}
body.uk-site .uk-hero__eyebrow{color:#fff;opacity:.86;margin-bottom:18px}
body.uk-site .uk-hero__lead{color:#fff;opacity:.9;font-size:17px;line-height:1.55;max-width:44ch;
  margin-top:20px;text-shadow:0 1px 14px rgba(0,0,0,.3)}
body.uk-site .uk-hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
body.uk-site .uk-hero__cta .uk-btn{color:#fff;border-color:rgba(255,255,255,.62);padding:13px 22px}
body.uk-site .uk-hero__cta .uk-btn:hover{background:#fff;color:var(--uk-dark);border-color:#fff}
body.uk-site .uk-hero__cta .uk-btn--ghost{background:transparent;border-color:rgba(255,255,255,.34)}
body.uk-site .uk-hero__cta .uk-btn--ghost:hover{background:transparent;color:#fff;border-color:#fff}

/* ---- 4. 页眉 mark：内联矢量（替代 22px 位图 + 反色滤镜） ---- */
body.uk-site .uk-brand{align-items:center;gap:.34em}
body.uk-site .uk-brand__mark-svg{width:21px;height:21px;display:block;color:var(--uk-ink);
  transition:color var(--uk-t)}
body.uk-site .uk-header:not(.is-solid) .uk-brand__mark-svg{color:#fff}
body.uk-site .uk-brand__mark-img{display:none}

/* ---- 5. 三卡：图/题/文/链 四点对齐 ---- */
body.uk-site .uk-cards__grid{align-items:stretch}
body.uk-site .uk-card{height:100%}
body.uk-site .uk-card__body{display:flex;flex-direction:column;flex:1;padding-top:22px}
body.uk-site .uk-card__body h3{min-height:2.2em;margin:10px 0 10px}
body.uk-site .uk-card__body .uk-p{max-width:34ch}
body.uk-site .uk-card__body .uk-link{margin-top:auto;align-self:flex-start;padding-top:8px}

/* ---- 6. mosaic：清 wpautop 的 <br>；行高一致 ---- */
body.uk-site .uk-mosaic br{display:none}
body.uk-site .uk-mosaic{grid-auto-rows:1fr}
body.uk-site .uk-mosaic a{height:100%}

/* ---- 7. 图墙重排：12 列 × 2 行 · 5 图铺满 1200 ---- */
body.uk-site .uk-wall__grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:236px;
  gap:14px;align-items:stretch}
body.uk-site .uk-wall__grid > div{overflow:hidden;height:100%}
body.uk-site .uk-wall__grid > div:nth-child(1){grid-column:1/6;grid-row:1/3}
body.uk-site .uk-wall__grid > div:nth-child(2){grid-column:6/9;grid-row:1}
body.uk-site .uk-wall__grid > div:nth-child(3){grid-column:9/13;grid-row:1}
body.uk-site .uk-wall__grid > div:nth-child(4){grid-column:6/9;grid-row:2}
body.uk-site .uk-wall__grid > div:nth-child(5){grid-column:9/13;grid-row:2}
body.uk-site .uk-wall__grid > p{display:none}    /* 网格内误入的空段（说明文字在网格外） */

/* ---- 8. 双列带：右栏文字放宽，消除右侧空洞 ---- */
body.uk-site .uk-split{grid-template-columns:1fr 1fr}
body.uk-site .uk-split__body{padding:clamp(52px,5.5vw,92px) clamp(36px,5.5vw,104px);gap:20px}
body.uk-site .uk-split__body h2{max-width:21ch}
body.uk-site .uk-split__body .uk-p{max-width:46ch}

/* ---- 9. 流程带首行：标题与右栏底对齐、右栏成组 ---- */
body.uk-site .uk-steps__head{align-items:end}
body.uk-site .uk-steps__head > div:last-child{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
body.uk-site .uk-steps__head .uk-p{max-width:62ch}

/* ---- 10. 页脚支付条基线 ---- */
body.uk-site .uk-fpay{align-items:center}
body.uk-site .uk-fpay__t{line-height:1;margin:0}

/* ---- 11. 内页页头：h1 尺度与首页 hero 呼应 ---- */
body.uk-site .uk-pagehead{padding-top:calc(var(--uk-headh) + 96px)}
body.uk-site .uk-pagehead h1{font-size:clamp(30px,3vw,44px);line-height:1.12}

/* ---- 移动端 ---- */
@media (max-width:782px){
  body.uk-site .uk-hero{height:max(600px,92svh)}
  body.uk-site .uk-hero h1{font-size:30px;max-width:15ch}
  body.uk-site .uk-hero__lead{font-size:15px}
  body.uk-site .uk-wall__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:200px}
  body.uk-site .uk-wall__grid > div:nth-child(1){grid-column:1/3;grid-row:1/3}
  body.uk-site .uk-wall__grid > div:nth-child(2){grid-column:1/2;grid-row:3}
  body.uk-site .uk-wall__grid > div:nth-child(3){grid-column:2/3;grid-row:3}
  body.uk-site .uk-wall__grid > div:nth-child(4){grid-column:1/2;grid-row:4}
  body.uk-site .uk-wall__grid > div:nth-child(5){grid-column:2/3;grid-row:4}
}


/* ---- 12. 吃掉 Astra 容器顶部 26px 留白（否则 hero 上方露一条米色带） ---- */
body.uk-site .uk-main > .uk-sec:first-child{margin-top:-26px}


/* ==================================================================
   精致化 v3（2026-10-17 20:2x · 对比度/对齐/呼吸感收敛）
   ================================================================== */

/* 1. hero 双层压暗：整体 + 左下方向光，保证白字在任何图上可读 */
body.uk-site .uk-hero__scrim{background:
  linear-gradient(180deg,rgba(8,11,9,.50) 0%,rgba(8,11,9,.10) 30%,rgba(6,9,7,.84) 100%),
  linear-gradient(102deg,rgba(8,10,8,.62) 0%,rgba(8,10,8,.26) 40%,rgba(8,10,8,0) 68%)}
body.uk-site .uk-hero h1{font-size:clamp(30px,3.05vw,46px);letter-spacing:.01em;max-width:18ch}

/* 2. 主 CTA 实心（次要按钮描边）——层级一眼可辨 */
body.uk-site .uk-hero__cta .uk-btn:first-child{background:#fff;color:var(--uk-dark);border-color:#fff}
body.uk-site .uk-hero__cta .uk-btn:first-child:hover{background:rgba(255,255,255,.86);color:var(--uk-dark)}

/* 3. 图上标题块：轻投影（浅图区域也可读） */
body.uk-site .uk-feature__cap h2,
body.uk-site .uk-feature__cap .uk-label{text-shadow:0 2px 18px rgba(0,0,0,.45)}

/* 4. 三卡：链接锁底（包在 <p style=margin-top> 里，须 !important）+ 清空段 */
body.uk-site .uk-card__body > p:last-child{margin-top:auto!important}
body.uk-site .uk-card__body > p:empty{display:none}
body.uk-site .uk-card__body a.uk-link{display:inline-block}

/* 5. 双列带：底色回米色（去掉第三色白），右栏补一条邮件出口 */
body.uk-site .uk-split{background:var(--uk-bg)}
body.uk-site .uk-split__body .uk-note{margin-top:22px}
body.uk-site .uk-split__body .uk-note a{border-bottom:1px solid currentColor}

/* 6. mosaic 标题带呼吸 */
body.uk-site .uk-mosaic-head{padding-top:56px;padding-bottom:40px}

/* 7. 图墙说明与图距 */
body.uk-site .uk-wall .uk-note{margin-top:24px!important}


/* ==================================================================
   精致化 v4（2026-10-17 20:4x · 内页页眉可见性 + 内页图文比例）
   ================================================================== */

/* 1. 内页页眉常驻实底 + 深字（修：白字压米色底几乎隐形） */
body.uk-site.uk-inner .uk-header{background:var(--uk-bg)}
body.uk-site.uk-inner .uk-brand,
body.uk-site.uk-inner .uk-nav a{color:var(--uk-ink)}
body.uk-site.uk-inner .uk-brand__mark-svg{color:var(--uk-ink)}

/* 2. hero 压暗回调（v3 偏闷：整体 50%+方向 62% ⇒ 降到 38%/46%） */
body.uk-site .uk-hero__scrim{background:
  linear-gradient(180deg,rgba(8,11,9,.38) 0%,rgba(8,11,9,.06) 32%,rgba(6,9,7,.74) 100%),
  linear-gradient(102deg,rgba(8,10,8,.46) 0%,rgba(8,10,8,.18) 40%,rgba(8,10,8,0) 68%)}
body.uk-site .uk-hero h1{max-width:19ch}

/* 3. 内页图文两列：等比列宽（原 480+720+24=1224 溢出容器 110px），图定比例 */
body.uk-site .uk-grid2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(32px,4vw,64px);align-items:start}
body.uk-site .uk-grid2 img{width:100%;height:auto;aspect-ratio:5/4;object-fit:cover}
body.uk-site .uk-prose{max-width:60ch}

/* 4. 内页小节标题与正文的行距/间距收紧一致 */
body.uk-site .uk-prose h2{font-size:32px;line-height:1.16;margin:40px 0 12px}
body.uk-site .uk-prose h3{font-size:21px;line-height:1.2;margin:26px 0 8px}


/* ---- 精致化 v5：内页图文两列垂直居中，图定 4:3（消除一侧长条空洞） ---- */
body.uk-site .uk-grid2{align-items:center}
body.uk-site .uk-grid2 > *:last-child img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}


/* ---- 精致化 v6：hero 双 CTA 层级（主＝描边实心感 / 次＝下划线文字链；均无底色） ---- */
body.uk-site .uk-hero__cta{align-items:center;gap:26px}
body.uk-site .uk-hero__cta .uk-btn:first-child{background:transparent;color:#fff;border:1px solid #fff;
  padding:14px 24px}
body.uk-site .uk-hero__cta .uk-btn:first-child:hover{background:#fff;color:var(--uk-dark)}
body.uk-site .uk-hero__cta .uk-btn--ghost{background:transparent;border:0;padding:0 0 4px;
  border-bottom:1px solid rgba(255,255,255,.66);color:#fff;letter-spacing:.08em}
body.uk-site .uk-hero__cta .uk-btn--ghost:hover{background:transparent;color:#fff;border-bottom-color:#fff;opacity:.82}


/* ---- 精致化 v7：移动端 MENU 按钮去主题蓝；mosaic 移动行高 ---- */
body.uk-site .uk-burger{background:transparent;border:0;padding:10px 2px;color:#fff;
  font-family:var(--uk-font-body);font-size:10px;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}
body.uk-site.uk-inner .uk-burger,
body.uk-site .uk-header.is-solid .uk-burger{color:var(--uk-ink)}
@media (max-width:782px){
  body.uk-site .uk-mosaic{grid-auto-rows:158px}
  body.uk-site .uk-hero h1{line-height:1.14}
  body.uk-site .uk-hero__eyebrow{font-size:9px;letter-spacing:.1em}
}