/* ══════════════════════════════════════════════════════════
   麦穗科技 · 公司简介 H5
   设计稿基准：320 × 693（19.5:9 全面屏比例）
   等比缩放铺满屏幕，一屏一页
   1rem = 10 设计稿 px
   ══════════════════════════════════════════════════════════ */

:root{
  /* 舞台宽度：视口宽 / 上限 460 / 受视口高约束，保证整屏装得下 */
  --sw: min(100vw, 460px, calc(100vh * 0.46176));
  --sh: calc(var(--sw) * 2.165625);
  font-size: calc(var(--sw) / 32);

  --ink:#0C2B52;
  --ink2:#33587F;
  --ink3:#7095B9;
  --blue:#1E6FE8;
  --blue-d:#0F4FA8;
  --blue-l:#5FA2F2;
  --blue-pale:#CFE6FA;
  --red:#E8382E;
  --line:rgba(30,111,232,.13);

  --ease:cubic-bezier(.22,.68,.28,1);
  --ease-page:cubic-bezier(.76,0,.24,1);
}
@supports (height:100svh){
  :root{ --sw: min(100vw, 460px, calc(100svh * 0.46176)); }
}

*,*::before,*::after{box-sizing:border-box;}
html,body{
  margin:0;padding:0;height:100%;
  /* 禁止橡皮筋回弹 / 下拉刷新：否则下滑时浏览器会接管手势并中断翻页 */
  overscroll-behavior:none;
  -webkit-overflow-scrolling:touch;
}
body{
  background:#D9E7F3;
  overflow:hidden;
  /* 整屏翻页页面不需要浏览器手势，交给 JS 处理 */
  touch-action:none;
  display:flex; align-items:center; justify-content:center;
  font-family:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  color:var(--ink);
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
  text-rendering:optimizeLegibility;
}
h1,h2,h3,h4,p,ul,ol,li,figure{margin:0;padding:0;}
ul,ol{list-style:none;}
img{display:block;max-width:100%;}
a{text-decoration:none;color:inherit;}

/* ══════════════ 舞台 ══════════════ */
.stage{
  position:relative;
  width:var(--sw); height:var(--sh);
  overflow:hidden;
  background:#F7FBFF;
  box-shadow:0 2.4rem 7rem rgba(11,46,94,.24), 0 0 0 1px rgba(255,255,255,.6);
  isolation:isolate;
}

/* ══════════════ 翻页 ══════════════ */
.slide{
  position:absolute; inset:0;
  overflow:hidden;
  opacity:0; visibility:hidden;
  transform:translate3d(0,100%,0);
  z-index:1;
  transition:transform .82s var(--ease-page), opacity .45s ease .12s, visibility 0s linear .82s;
}
.slide.is-active{
  opacity:1; visibility:visible; transform:none; z-index:2;
  transition:transform .82s var(--ease-page), opacity .4s ease, visibility 0s;
}
.slide.is-prev{ transform:translate3d(0,-100%,0); }

/* 内容容器 */
.page__inner{
  position:relative; z-index:3;
  height:100%;
  padding:6.2rem 2.4rem 7.2rem;
  display:flex; flex-direction:column;
}

/* ══════════════ 顶部进度条 / 页码 / 翻页点 ══════════════ */
.progress{
  position:absolute; top:0; left:0; right:0; height:.26rem;
  z-index:20;
  background:rgba(30,111,232,.1);
}
.progress i{
  display:block; height:100%; width:0;
  background:linear-gradient(90deg,var(--blue),var(--blue-l));
  border-radius:0 .2rem .2rem 0;
  transition:width .55s var(--ease);
}

.counter{
  position:absolute; top:5rem; right:2.6rem;
  z-index:20;
  display:flex; align-items:baseline; gap:.3rem;
  font-size:2.1rem; font-weight:800; font-variant-numeric:tabular-nums;
  color:var(--ink); letter-spacing:-.01em;
  opacity:.9;
}
.counter em{ font-style:normal; font-size:1rem; font-weight:600; color:var(--ink3); letter-spacing:.06em; }
.counter.is-light{ color:#fff; }
.counter.is-light em{ color:rgba(255,255,255,.6); }

.dots{
  position:absolute; left:0; right:0; bottom:2.4rem;
  z-index:20;
  display:flex; align-items:center; justify-content:center; gap:1rem;
}
.dots a{ display:block; padding:.4rem .1rem; cursor:pointer; }
.dots a i{
  display:block; width:.62rem; height:.62rem; border-radius:50%;
  background:rgba(30,111,232,.24);
  transition:all .4s var(--ease);
}
.dots a.is-on i{ width:2.6rem; border-radius:.4rem; background:var(--blue); }
.dots.is-light a i{ background:rgba(255,255,255,.3); }
.dots.is-light a.is-on i{ background:#fff; }

/* ══════════════ 入场动画 ══════════════ */
[data-anim]{
  opacity:0;
  transition:opacity .62s var(--ease), transform .76s var(--ease);
  will-change:transform,opacity;
}
[data-anim="up"]{ transform:translateY(2.6rem); }
[data-anim="left"]{ transform:translateX(-2.4rem); }
[data-anim="right"]{ transform:translateX(2.4rem); }
[data-anim="zoom"]{ transform:scale(.9); }
[data-anim].is-in{ opacity:1; transform:none; }

/* ══════════════ 通用页头 ══════════════ */
.shead{ display:flex; align-items:flex-end; gap:1rem; flex:0 0 auto; }
.shead__no{
  font-size:2.8rem; font-weight:900; line-height:1;
  color:rgba(30,111,232,.18);
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
}
.shead__txt h2{
  font-size:1.95rem; font-weight:800; line-height:1.1;
  color:var(--ink); letter-spacing:.005em;
}
.shead__txt p{
  font-size:.82rem; font-weight:700; color:var(--ink3);
  letter-spacing:.2em; margin-top:.4rem;
}
.shead__line{
  flex:1; height:1px; margin-bottom:.55rem;
  background:linear-gradient(90deg,rgba(30,111,232,.32),rgba(30,111,232,0));
}
.shead--center{ justify-content:center; text-align:center; }
.shead--center .shead__no{ display:none; }
.shead--light .shead__no{ color:rgba(255,255,255,.22); }
.shead--light .shead__txt h2{ color:#fff; }
.shead--light .shead__txt p{ color:rgba(255,255,255,.55); }
.shead--light .shead__line{ background:linear-gradient(90deg,rgba(255,255,255,.35),rgba(255,255,255,0)); }

.mini-title{
  display:flex; align-items:center; gap:.7rem;
  font-size:1.05rem; font-weight:700; color:var(--ink2);
  letter-spacing:.04em; margin-bottom:1.1rem;
}
.mini-title i{
  display:block; width:.24rem; height:1.2rem; border-radius:.2rem;
  background:linear-gradient(180deg,var(--blue),var(--blue-l));
}

/* ══════════════════════════════════════════════════════════
   P1 封面
   ══════════════════════════════════════════════════════════ */
.slide--cover{
  display:flex; flex-direction:column;
  /* 顶部一层柔和天蓝晕染，向下过渡到通透浅底，避免渐变出现色带 */
  background:
    radial-gradient(126% 44% at 50% -8%,rgba(120,180,233,.66) 0%,rgba(120,180,233,0) 74%),
    linear-gradient(180deg,#E9F5FE 0%,#F0F9FE 46%,#E7F3FC 100%);
}
.cv__bg{ position:absolute; inset:0; z-index:1; overflow:hidden; }

.cv__orb{
  position:absolute; border-radius:50%;
  background:radial-gradient(circle at 34% 30%,rgba(255,255,255,.95),rgba(255,255,255,.18) 62%,rgba(255,255,255,0) 74%);
  filter:blur(.2rem);
}
.cv__orb--1{ width:16rem; height:16rem; top:-4rem; left:-5rem; opacity:.85; }
.cv__orb--2{ width:10rem; height:10rem; top:22%; right:-3.5rem; opacity:.7; }
.cv__orb--3{ width:6rem; height:6rem; top:44%; left:-2rem; opacity:.55; }

.cv__glow{
  position:absolute; left:50%; top:16%;
  width:26rem; height:26rem; margin-left:-13rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.92) 0%,rgba(255,255,255,0) 62%);
  filter:blur(1rem);
}

.cv__inner{
  position:relative; z-index:4; flex:1;
  display:flex; flex-direction:column; align-items:center;
  text-align:center;
  padding:10rem 2.6rem 0;
}

.cv__logo{
  display:inline-flex; align-items:center;
  padding:0;
  background:transparent;
}
.cv__logo img{ height:5.4rem; width:auto; filter:drop-shadow(0 .8rem 1.8rem rgba(15,79,168,.22)); }

.cv__en{
  margin-top:3.4rem;
  font-size:1.34rem; font-weight:700; letter-spacing:.3em;
  color:#6FA6D8; text-indent:.3em;
}

.cv__title{
  margin-top:2.1rem;
  display:flex; flex-direction:column; align-items:center; gap:1rem;
  font-weight:900; line-height:1.05; letter-spacing:.01em;
}
.cv__title span{ white-space:nowrap; display:block; }
.cv__title > span:first-child{
  font-size:3.05rem; color:#12457F; letter-spacing:.06em;
}
.cv__title-2{
  font-size:3.95rem;
  background:linear-gradient(100deg,#0C2B52 0%,#1657A8 48%,#1E6FE8 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.cv__sub{
  margin-top:2.8rem;
  font-size:1.16rem; line-height:1.6; color:var(--ink2);
  letter-spacing:.02em;
}
.cv__sub em{
  font-style:normal; font-weight:800; color:var(--blue);
  padding:0 .1rem;
  border-bottom:.18rem solid rgba(30,111,232,.28);
}

.cv__tags{
  margin-top:4rem;
  display:flex; flex-wrap:wrap; justify-content:center; gap:1rem;
}
.cv__tags span{
  font-size:.95rem; font-weight:600; color:#2E6BB8;
  padding:.65rem 1.2rem; border-radius:3rem;
  background:rgba(255,255,255,.72);
  border:.1rem solid rgba(30,111,232,.2);
  box-shadow:0 .4rem 1.4rem rgba(15,79,168,.07);
}

.cv__stats{ margin-top:4.8rem; display:flex; align-items:center; gap:1.5rem; }
.cv__stats > div{ display:flex; flex-direction:column; align-items:center; gap:.35rem; }
.cv__stats b{
  display:flex; align-items:baseline;
  font-size:2.5rem; font-weight:900; line-height:1;
  color:var(--blue-d); letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;
}
.cv__stats b em{ font-style:normal; font-size:1.42rem; margin-left:.05rem; }
.cv__stats i{ font-style:normal; font-size:.92rem; color:var(--ink3); letter-spacing:.03em; }
.cv__statd{ width:1px; height:2.6rem; background:rgba(30,111,232,.18); }

.cv__slogan{
  position:relative; z-index:5;
  align-self:center;
  margin-bottom:1.4rem;
  font-size:1.06rem; font-weight:700; letter-spacing:.12em;
  color:#fff; text-indent:.12em;
  padding:.95rem 2.4rem; border-radius:4rem;
  background:linear-gradient(100deg,rgba(30,111,232,.92),rgba(95,162,242,.92));
  box-shadow:0 1.2rem 3rem rgba(30,111,232,.34);
}

/* 下滑箭头紧随标语，与底部翻页点拉开距离 */
.cv__cue{
  position:relative; z-index:5;
  align-self:center;
  margin-bottom:5.2rem;
  animation:cueFloat 1.9s var(--ease) infinite;
}
.cv__cue i{
  display:block; width:1.5rem; height:1.5rem;
  border-right:.22rem solid rgba(30,111,232,.42);
  border-bottom:.22rem solid rgba(30,111,232,.42);
  transform:rotate(45deg);
}
@keyframes cueFloat{
  0%,100%{ transform:translateY(0); opacity:.5; }
  50%{ transform:translateY(.7rem); opacity:1; }
}

/* ══════════════════════════════════════════════════════════
   P2 公司简介
   ══════════════════════════════════════════════════════════ */
.slide--intro{
  background:
    radial-gradient(90% 34% at 88% -4%,rgba(149,199,242,.36) 0%,rgba(149,199,242,0) 70%),
    linear-gradient(180deg,#FFFFFF 0%,#F7FCFF 46%,#E9F4FD 100%);
}
.intro__lead{
  margin-top:2rem;
  font-size:1.16rem; line-height:1.92; color:var(--ink2);
  text-align:justify; letter-spacing:.01em;
}
.intro__lead em{ font-style:normal; font-weight:800; color:var(--blue); }

.intro__stats{ margin-top:2rem; display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.istat{
  display:flex; align-items:baseline; gap:.7rem;
  padding:1.15rem 1.3rem;
  border-radius:1.2rem;
  background:linear-gradient(140deg,rgba(255,255,255,.96),rgba(233,244,253,.9));
  border:.1rem solid rgba(30,111,232,.12);
  box-shadow:0 .6rem 1.8rem rgba(15,79,168,.055);
}
.istat b{
  font-size:2.4rem; font-weight:900; line-height:1; color:var(--blue);
  font-variant-numeric:tabular-nums; letter-spacing:-.02em;
}
.istat b i{ font-style:normal; }
.istat span{ font-size:.95rem; color:var(--ink2); letter-spacing:.02em; }

.intro__gallery{ margin-top:2.2rem; display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; }
.gf{
  border-radius:1.1rem; overflow:hidden;
  box-shadow:0 .9rem 2.4rem rgba(15,79,168,.12);
  background:#DCE9F5;
}
.gf img{ width:100%; height:10.4rem; object-fit:cover; }

.intro__creds{ margin-top:2.4rem; }
.creds__wrap{ display:flex; flex-wrap:wrap; gap:.7rem; }
.creds__wrap span{
  font-size:.9rem; color:#3C6EA8;
  padding:.55rem 1rem; border-radius:.5rem;
  background:rgba(30,111,232,.07);
  border:.1rem solid rgba(30,111,232,.1);
}

/* ══════════════════════════════════════════════════════════
   P3 业务板块（浅色底）
   ══════════════════════════════════════════════════════════ */
.slide--biz{
  background:
    radial-gradient(84% 30% at 88% -4%,rgba(149,199,242,.34) 0%,rgba(149,199,242,0) 70%),
    linear-gradient(180deg,#FFFFFF 0%,#F7FCFF 48%,#E9F4FD 100%);
}
.slide--biz::after{
  content:""; position:absolute; z-index:1;
  width:30rem; height:30rem; top:-11rem; right:-11rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(149,199,242,.32),transparent 66%);
}
.biz__lead{ margin-top:2.2rem; font-size:1.1rem; line-height:1.76; color:var(--ink2); }

.biz__grid{ margin-top:2.6rem; display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }
.bcard{
  padding:.9rem .9rem 1.2rem;
  border-radius:1.4rem;
  background:linear-gradient(160deg,#FFFFFF,#F3F9FE);
  border:.1rem solid rgba(30,111,232,.12);
  box-shadow:0 .7rem 2rem rgba(15,79,168,.06);
  transition:transform .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease);
}
.bcard:hover{
  transform:translateY(-.5rem);
  border-color:rgba(30,111,232,.24);
  box-shadow:0 1.6rem 3.4rem rgba(15,79,168,.14);
}
.bcard__media{
  position:relative; border-radius:1rem; overflow:hidden;
  height:7.6rem; margin-bottom:1.1rem;
}
.bcard__media img{ width:100%; height:100%; object-fit:cover; }
.bcard__media::after{
  content:""; position:absolute; inset:0;
  background:linear-gradient(180deg,rgba(8,36,72,0) 46%,rgba(8,36,72,.44) 100%);
}
.bcard__no{
  position:absolute; z-index:2; left:.7rem; bottom:.5rem;
  font-size:1.5rem; font-weight:900; color:rgba(255,255,255,.94);
  letter-spacing:-.02em;
}
.bcard h3{ font-size:1.5rem; font-weight:800; color:var(--ink); letter-spacing:.02em; }
.bcard__en{
  font-size:.72rem; font-weight:700; letter-spacing:.14em;
  color:var(--ink3); margin-top:.35rem;
}
.bcard ul{ margin-top:.9rem; display:flex; flex-direction:column; gap:.45rem; }
.bcard ul li{
  position:relative; padding-left:.9rem;
  font-size:.9rem; line-height:1.5; color:var(--ink2);
}
.bcard ul li::before{
  content:""; position:absolute; left:0; top:.5rem;
  width:.3rem; height:.3rem; border-radius:50%;
  background:var(--blue);
}

/* ══════════════════════════════════════════════════════════
   P4 核心产品与服务能力
   ══════════════════════════════════════════════════════════ */
.slide--serv{
  background:
    radial-gradient(80% 30% at 12% 0%,rgba(149,199,242,.3) 0%,rgba(149,199,242,0) 70%),
    linear-gradient(180deg,#FFFFFF 0%,#F7FCFF 52%,#EDF6FD 100%);
}
.serv__grid{ margin-top:2.4rem; display:grid; grid-template-columns:repeat(3,1fr); gap:.9rem; }
.pcard{
  position:relative;
  padding:1.25rem .5rem;
  border-radius:1.2rem;
  background:linear-gradient(160deg,#FFFFFF,#F3F9FE);
  border:.1rem solid rgba(30,111,232,.11);
  box-shadow:0 .7rem 2rem rgba(15,79,168,.06);
  text-align:center;
  transition:transform .45s var(--ease), box-shadow .45s var(--ease);
}
.pcard:hover{ transform:translateY(-.5rem); box-shadow:0 1.6rem 3.4rem rgba(15,79,168,.14); }
.pcard__ico{
  display:flex; align-items:center; justify-content:center;
  width:3.4rem; height:3.4rem; margin:0 auto .85rem;
  border-radius:1rem;
  background:linear-gradient(150deg,rgba(30,111,232,.12),rgba(95,162,242,.06));
  color:var(--blue);
  transition:background .45s var(--ease), color .45s var(--ease);
}
.pcard__ico svg{ width:2rem; height:2rem; }
.pcard:hover .pcard__ico{ background:linear-gradient(150deg,var(--blue),var(--blue-l)); color:#fff; }
.pcard h3{ font-size:.96rem; font-weight:800; line-height:1.3; color:var(--ink); letter-spacing:-.01em; }
.pcard p{ margin-top:.5rem; font-size:.78rem; line-height:1.5; color:var(--ink3); min-height:2.34rem; }

.serv__sectors{ margin-top:auto; padding-top:2rem; }
.sectors__wrap{ display:flex; flex-wrap:wrap; gap:.6rem; }
.sectors__wrap span{
  font-size:.88rem; color:#3C6EA8;
  padding:.5rem .95rem; border-radius:3rem;
  background:rgba(30,111,232,.07);
  border:.1rem solid rgba(30,111,232,.11);
}

.serv__flow{ margin-top:auto; padding-top:2.2rem; }
.flow{ position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:.6rem; }
.flow::before{
  content:""; position:absolute; left:8%; right:8%; top:1.4rem;
  height:.12rem; background:linear-gradient(90deg,rgba(30,111,232,.22),rgba(30,111,232,.06));
}
.flow li{
  position:relative; z-index:2;
  display:flex; flex-direction:column; align-items:center; text-align:center;
}
.flow li span{
  display:flex; align-items:center; justify-content:center;
  width:2.9rem; height:2.9rem; border-radius:50%;
  font-size:1.3rem; font-weight:800; color:var(--blue);
  background:#fff; border:.18rem solid rgba(30,111,232,.3);
  box-shadow:0 .5rem 1.4rem rgba(15,79,168,.1);
}
.flow li h4{ margin-top:.7rem; font-size:1rem; font-weight:800; color:var(--ink); }
.flow li p{ font-size:.78rem; color:var(--ink3); margin-top:.2rem; }

/* ══════════════════════════════════════════════════════════
   P5 合作伙伴
   ══════════════════════════════════════════════════════════ */
.slide--partner{
  background:
    radial-gradient(76% 30% at 50% 0%,rgba(149,199,242,.32) 0%,rgba(149,199,242,0) 72%),
    linear-gradient(180deg,#FFFFFF 0%,#F6FBFF 50%,#E9F4FD 100%);
}
.partner__bg{
  position:absolute; inset:0; z-index:1;
  background-image:
    linear-gradient(rgba(30,111,232,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(30,111,232,.045) 1px,transparent 1px);
  background-size:3rem 3rem;
  -webkit-mask-image:radial-gradient(circle at 50% 46%,#000 0%,transparent 78%);
  mask-image:radial-gradient(circle at 50% 46%,#000 0%,transparent 78%);
}
.partner__lead{
  margin-top:1.8rem; text-align:center;
  font-size:1.06rem; line-height:1.7; color:var(--ink2);
}

/* logo 墙：统一白卡网格，末行自动居中 */
.partner__board{
  margin-top:2rem;
  display:flex; flex-wrap:wrap; justify-content:center;
  gap:.7rem;
}
.plogo{
  flex:0 0 auto;
  width:calc((100% - 2.1rem) / 4);
  height:5.4rem;
  display:flex; align-items:center; justify-content:center;
  padding:.5rem .55rem;
  border-radius:.9rem;
  background:#fff;
  border:.1rem solid rgba(30,111,232,.1);
  box-shadow:0 .45rem 1.2rem rgba(15,79,168,.055);
}
.plogo img{
  max-width:100%; max-height:100%;
  width:auto; height:auto;
  object-fit:contain;
}

.partner__stats{ margin-top:auto; padding-top:2rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.pstat{
  display:flex; flex-direction:column; align-items:center; gap:.4rem;
  padding:1.2rem .5rem;
  border-radius:1.2rem;
  background:linear-gradient(150deg,rgba(30,111,232,.08),rgba(30,111,232,.03));
  border:.1rem solid rgba(30,111,232,.1);
}
.pstat b{
  display:flex; align-items:baseline;
  font-size:2.2rem; font-weight:900; line-height:1; color:var(--blue-d);
  font-variant-numeric:tabular-nums; letter-spacing:-.02em;
}
.pstat b em{ font-style:normal; font-size:1.3rem; margin-left:.04rem; }
.pstat i{ font-style:normal; font-size:.9rem; color:var(--ink2); }

.partner__note{
  margin-top:auto;
  display:flex; align-items:center; justify-content:center; gap:.9rem;
  font-size:.86rem; color:var(--ink3);
}
.partner__note span{ width:2.4rem; height:1px; background:rgba(30,111,232,.2); }

/* ══════════════════════════════════════════════════════════
   P6 联系我们
   ══════════════════════════════════════════════════════════ */
.slide--contact{
  background:
    radial-gradient(76% 30% at 50% 0%,rgba(149,199,242,.32) 0%,rgba(149,199,242,0) 72%),
    linear-gradient(180deg,#FFFFFF 0%,#F6FBFF 48%,#E6F2FC 100%);
}
.ct__orb{
  position:absolute; z-index:1; border-radius:50%;
  background:radial-gradient(circle,rgba(149,199,242,.3),transparent 68%);
}
.ct__orb--1{ width:28rem; height:28rem; top:-10rem; left:-10rem; }
.ct__orb--2{
  width:22rem; height:22rem; bottom:-8rem; right:-8rem;
  background:radial-gradient(circle,rgba(30,111,232,.16),transparent 68%);
}

.ct__slogan{
  margin-top:2.4rem;
  font-size:2.35rem; font-weight:900; line-height:1.36;
  color:var(--ink); letter-spacing:.01em;
}
.ct__slogan em{
  font-style:normal;
  background:linear-gradient(100deg,#0F4FA8,#1E6FE8 56%,#3D8BF0);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}

.ct__cards{ margin-top:3rem; display:flex; flex-direction:column; gap:1.2rem; }
.ccard{
  display:flex; align-items:flex-start; gap:1.4rem;
  padding:1.5rem 1.4rem;
  border-radius:1.3rem;
  background:linear-gradient(150deg,#FFFFFF,#F4FAFE);
  border:.1rem solid rgba(30,111,232,.12);
  box-shadow:0 .8rem 2.2rem rgba(15,79,168,.07);
}
.ccard__ico{
  flex:0 0 auto;
  display:flex; align-items:center; justify-content:center;
  width:3.2rem; height:3.2rem; border-radius:.9rem;
  background:linear-gradient(150deg,rgba(30,111,232,.13),rgba(95,162,242,.06));
  color:var(--blue);
}
.ccard__ico svg{ width:1.9rem; height:1.9rem; }
.ccard__body h3{ font-size:1.1rem; font-weight:800; color:var(--ink); letter-spacing:.02em; }
.ccard__body h3 b{
  font-weight:900;
  background:linear-gradient(100deg,#1E6FE8,#0F4FA8);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  margin-right:.15rem;
}
.ccard__body p{ margin-top:.5rem; font-size:.94rem; line-height:1.6; color:var(--ink2); }
.ccard__body em{ font-style:normal; font-size:.82rem; letter-spacing:.04em; color:var(--ink3); }

.ct__btns{ margin-top:3rem; display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }
.btn{
  display:flex; align-items:center; justify-content:center; gap:.7rem;
  height:4.6rem; border-radius:1.1rem;
  font-size:1.16rem; font-weight:800; letter-spacing:.04em;
  color:#fff;
  background:linear-gradient(100deg,#1E6FE8,#5FA2F2);
  box-shadow:0 1.2rem 2.8rem rgba(30,111,232,.3);
  transition:transform .4s var(--ease), box-shadow .4s var(--ease);
}
.btn svg{ width:1.7rem; height:1.7rem; }
.btn:active{ transform:scale(.97); }
.btn--ghost{
  color:var(--blue-d);
  background:rgba(30,111,232,.06);
  border:.1rem solid rgba(30,111,232,.24);
  box-shadow:none;
}
.btn--ghost:active{ background:rgba(30,111,232,.12); }

.cft{
  margin-top:auto; padding:2.6rem 0 1.4rem;
  display:flex; flex-direction:column; align-items:center; gap:.9rem;
}
.cft img{
  height:3.2rem; width:auto;
  padding:0; border-radius:0; background:transparent;
}
.cft p{ font-size:.92rem; color:var(--ink2); letter-spacing:.06em; }
.cft span{ width:5rem; height:1px; background:rgba(30,111,232,.2); }
.cft .cft__cp{ font-size:.8rem; color:var(--ink3); letter-spacing:.04em; }

/* ══════════════ 静态模式（截图 / 演示） ══════════════ */
body.is-static [data-anim]{ opacity:1 !important; transform:none !important; }

/* ══════════════ 减少动态效果 ══════════════ */
@media (prefers-reduced-motion:reduce){
  *{ animation-duration:.01ms !important; transition-duration:.01ms !important; }
  [data-anim]{ opacity:1 !important; transform:none !important; }
}