/* ==================== 01 · 首屏 ==================== */
.hero-canvas{
  position:relative;
  min-height:100svh;
  display:grid;
  place-items:center;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(60% 50% at 16% 8%,   #1B7D6B 0%, rgba(27,125,107,0) 64%),
    radial-gradient(54% 46% at 86% 4%,   #17796E 0%, rgba(23,121,110,0) 62%),
    radial-gradient(72% 60% at 50% 106%, #16766A 0%, rgba(22,118,106,0) 68%),
    radial-gradient(40% 34% at 74% 62%,  #1B7D6B 0%, rgba(27,125,107,0) 70%),
    linear-gradient(158deg, #0C2321 0%, #114B41 50%, #0C2321 100%);
}

/* 细微星点纹理，和参照站一样 */
.hero-canvas::before{
  content:"";
  position:absolute; inset:0;
  z-index:0;
  background-image:radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px);
  background-size:36px 36px;
  pointer-events:none;
}

.hero-sparks{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  display:block;
}

.hero-content{
  position:relative;
  z-index:2;
  width:min(calc(100% - (var(--gutter) * 2)),1100px);
  color:var(--text-on-dark);
  text-align:center;
}

.hero-wordmark{
  margin:0;
  color:#FFFFFF;
  font-family:var(--font-en);
  font-size:clamp(46px,9vw,116px);
  font-weight:800;
  letter-spacing:.12em;
  line-height:1;
}

.hero-subtitle{
  max-width:34em;
  margin:28px auto 40px;
  color:#FFFFFF;
  font-size:clamp(15px,1.5vw,20px);
  line-height:1.7;
  text-align:center;
}

.hero-primary{
  padding:16px 40px;
  border-radius:var(--radius-pill);
  background:#FFFFFF;
  color:var(--ink-900);
  font-weight:600;
}

.hero-primary:hover{background:#F0F5F3}

.site-nav--hero{gap:14px}
.site-nav--hero.container{width:min(calc(100% - 32px),1408px)}
.site-nav--hero>.brand{color:#FFFFFF}
.nav-tagline-lockup{display:none;flex:0 0 auto;align-items:center;gap:14px}
.nav-brand-divider{width:1px;height:16px;background:rgba(255,255,255,.28)}
.nav-tagline{color:#FFFFFF;font-size:14px;white-space:nowrap}
.site-nav--hero .nav-drawer{gap:16px}
.site-nav--hero .nav-links{gap:clamp(16px,2.2vw,34px)}
.site-nav--hero .nav-links a,
.site-nav--hero .language-switch a{color:#FFFFFF;font-size:14px}
.site-nav--hero .nav-links a{font-size:13px;letter-spacing:-.05em}
.site-nav--hero .nav-links a:hover,
.site-nav--hero .nav-links a.is-active,
.site-nav--hero .nav-links a[aria-current="location"],
.site-nav--hero .language-switch a:hover,
.site-nav--hero .language-switch a[aria-current="page"]{color:#FFFFFF}
.site-nav--hero .nav-cta{display:inline-flex;padding:10px 22px;border-color:#FFFFFF;background:#FFFFFF;color:var(--ink-900);font-weight:600}
.site-nav--hero .nav-cta:hover{background:#F0F5F3}

.market-lead{margin-block-end:clamp(36px,5vw,64px)}
.market-lead>p{max-width:780px;font-size:clamp(18px,2vw,24px);font-weight:700;line-height:1.6}
.market-lead .chip-list{margin-block-start:20px}

.floating-contact{
  position:fixed;
  right:24px;
  bottom:24px;
  z-index:60;
  display:grid;
  width:52px;
  height:52px;
  place-items:center;
  border-radius:50%;
  background:#FFFFFF;
  box-shadow:0 6px 20px rgba(12,35,33,.22);
  color:var(--brand-500);
}

.floating-contact:hover{color:var(--brand-text)}
.floating-contact svg{width:26px;height:26px}

@media (min-width:1024px){.site-header .site-nav.container{width:min(calc(100% - 32px),1408px)}}
@media (min-width:1024px) and (max-width:1279px){.site-nav--hero{gap:8px}.site-nav--hero .nav-drawer{gap:8px}.site-nav--hero .nav-tools{gap:6px}}
@media (min-width:1200px) and (max-width:1599px){.site-nav .nav-drawer,.site-nav .nav-links{gap:10px}.site-nav .nav-links a{font-size:12px}.site-nav .nav-tools{gap:4px}.site-nav .nav-cta{padding-inline:12px;font-size:12px}}

@media (min-width:1280px){.site-nav--hero{gap:8px}.site-nav--hero .nav-drawer{gap:8px}}
@media (min-width:1280px) and (max-width:1439px){.site-nav--hero .nav-tagline{max-width:180px;line-height:1.35;white-space:normal}}

@media (max-width:767px){
  .floating-contact{right:16px;bottom:16px;width:44px;height:44px}
  .floating-contact svg{width:22px;height:22px}
}

/* ==================== 07 · 海外社媒矩阵 ==================== */
.surface-amber {
  background: var(--accent-amber);
  color: var(--text-strong);
}

.matrix-layout {
  display: grid;
  gap: clamp(24px, 4vw, 48px);
}

.platform-grid {
  display: grid;
  gap: 14px;
}

.platform-grid .card {
  min-height: 150px;
}

.platform-grid p {
  margin-block-end: 0;
}

.matrix-reuse{margin:24px 0 0;color:var(--brand-text);text-align:center}

.matrix-logic {
  align-self: stretch;
}

.matrix-logic ol {
  display: grid;
  gap: 24px;
  margin-block: 28px;
}

.matrix-logic li {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  align-items: start;
}

.matrix-logic li p {
  margin: 0;
}

/* ==================== 08 · 客户类型 ==================== */
.client-card {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  padding: 0;
  border: 1px solid var(--card-mint);
}

.client-card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
}

.client-card__head h3,
.client-card > p,
.client-card > ul {
  margin-block-end: 0;
}

.client-card__head h3 {
  flex: 1;
}

.client-card > p,
.client-card > ul {
  margin-inline: 20px;
}

.client-card > p {
  margin-block-start: 20px;
}

.client-card > ul {
  margin-block: 10px 20px;
}

.client-card .client-card__cta {
  margin: auto 0 0;
  padding: 14px 20px;
  font-size: 14px;
  font-weight: 700;
}

/* ==================== 09 · Velqora 的差异 ==================== */
.edge-grid{display:grid;gap:20px}
.edge-common{background:#EDF2F0;color:var(--text-muted);text-align:center}
.edge-common h3{color:var(--text-muted)}
.edge-common ul{display:grid;gap:14px}
.edge-system{position:relative}
.edge-system>h3{margin-block-start:22px}
.edge-system ol{display:grid;gap:14px;margin-block-start:24px}
.edge-system li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.edge-system li p{margin:0}
.edge-vs{display:none}
.edge-outcomes>h3{margin-block-end:22px}
.edge-outcome{padding:16px;border-radius:14px;background:var(--white)}
.edge-outcome p{margin:0}

/* ==================== 10 · 行业案例 ==================== */
.case-card {
  display: block;
  overflow: hidden;
  border-radius: var(--radius-card);
  background: var(--white);
  color: var(--text-body);
  text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease;
}

.case-card:hover {
  box-shadow: var(--shadow-card);
  transform: translateY(-3px);
}

.case-card article {
  display: grid;
  min-height: 100%;
}

.case-card__media {
  position: relative;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  background: linear-gradient(145deg, var(--ink-700), var(--brand-600));
}

[data-placeholder]{position:relative}
[data-placeholder]::before{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:var(--text-on-dark-muted);font-size:13px;font-weight:600;text-align:center;content:attr(data-placeholder)}
[data-placeholder]>img{position:relative}
.qr-placeholder::before,.contact-page__qr::before{color:var(--text-strong)}

.case-card__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-industry{position:absolute;inset-block-start:14px;inset-inline-start:14px;margin:0;padding:6px 12px;border-radius:var(--radius-pill);color:var(--ink-900);font-size:14px}

.case-ai-badge{position:absolute;inset-inline-end:12px;inset-block-end:12px;z-index:2;padding:5px 9px;border-radius:var(--radius-pill);background:rgba(12,35,33,.72);color:var(--white);font-size:12px;font-weight:700;line-height:1.4}

.case-industry--brand{background:var(--brand-500)}
.case-industry--red{background:var(--accent-red-text);color:var(--white)}
.case-industry--amber{background:var(--accent-amber)}
.case-industry--blue{background:var(--accent-blue-text);color:var(--white)}
.section--dark .case-industry--brand,
.section--dark .case-industry--amber{color:var(--ink-900)}

.case-card__body {
  display: flex;
  min-width: 0;
  flex-direction: column;
  justify-content: center;
  padding: clamp(18px, 2.2vw, 28px);
  background: var(--white);
}

.case-card__body p {
  margin-block-end: 10px;
}

.case-card__body .text-muted {
  color: var(--text-body);
}

.case-card__metrics{display:grid;width:100%;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:6px;margin-block-start:12px}
.case-card__metrics p{margin:0;padding:9px 5px;border-radius:10px;background:var(--paper);text-align:center}
.case-card__metrics strong,.case-card__metrics span{display:block}
.case-card__metrics strong{color:var(--text-strong);font-family:var(--font-en);font-size:15px;line-height:1.25}
.case-card__metrics span{margin-block-start:4px;color:var(--text-body);font-size:11px;line-height:1.35}

.case-pillar {
  align-self: flex-start;
  padding: 8px 12px;
  border-radius: var(--radius-pill);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.4;
}

.case-calculation {
  margin: clamp(28px, 4vw, 48px) 0 0;
  color: var(--brand-300);
  font-weight: 700;
  text-align: center;
}

.case-disclaimer {
  max-width: 920px;
  margin: 12px auto 0;
  color: var(--text-on-dark-muted);
  font-size: 12px;
  line-height: 1.65;
  text-align: center;
}

.cases-action {
  justify-content: center;
}

/* ==================== 首页枢纽 ==================== */
#key-data .stats-grid,
#key-data .grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}

.capabilities-grid,.cases-featured-grid{display:grid;gap:clamp(16px,2vw,24px)}
.capability-card{display:flex;min-width:0;overflow:hidden;flex-direction:column;border-radius:var(--radius-card);background:var(--white);box-shadow:var(--shadow-card);color:var(--text-body);text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}
.capability-card:hover{box-shadow:0 12px 36px rgba(12,35,33,.14);transform:translateY(-3px)}
.capability-card:focus-visible{outline:2px solid var(--brand-300);outline-offset:3px}
.capability-card__media{overflow:hidden;aspect-ratio:4/3;background:linear-gradient(145deg,var(--ink-700),var(--brand-600))}
.capability-card__media img,.capability-card>img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover}
.capability-card__body{display:flex;flex:1;flex-direction:column;padding:clamp(18px,2vw,24px)}
.capability-card__body p{margin-block-end:18px}
.capability-card__more{margin-block-start:auto;color:var(--brand-text);font-size:14px;font-weight:700}

@media (min-width:600px){.cases-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:768px){.capabilities-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:900px){#key-data .stats-grid,#key-data .grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.cases-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){.capabilities-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* ==================== 作品展示 ==================== */
#works{position:relative;overflow:hidden}
#works::before{content:"";position:absolute;z-index:0;inset:-20% 50% auto auto;width:min(900px,90vw);aspect-ratio:1;transform:translateX(50%);background:radial-gradient(circle,rgba(18,160,133,.16),transparent 68%);pointer-events:none}
#works>.container{position:relative;z-index:1}
.works-header{max-width:720px;margin-inline:auto;text-align:center}
.works-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid rgba(53,196,167,.42);border-radius:var(--radius-pill);background:rgba(53,196,167,.10);color:var(--brand-300);font-size:13px;font-weight:700;letter-spacing:.04em}
.grad{color:var(--brand-300);background:linear-gradient(96deg,#35C4A7,#7FB3E8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.works-grid{display:grid;grid-auto-flow:column;grid-auto-columns:min(68vw,260px);gap:18px;margin-block-start:clamp(28px,4vw,48px);overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.works-grid::-webkit-scrollbar{display:none}
.work-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:24px;aspect-ratio:9/16;background:var(--ink-700);box-shadow:0 10px 30px -12px rgba(0,0,0,.5);scroll-snap-align:start}
.work-play,.work-video{position:absolute;inset:0;width:100%;height:100%;border:0}
.work-play{overflow:hidden;padding:0;background:var(--ink-700);color:var(--ink-900);cursor:pointer}
.work-play img,.work-video{display:block;width:100%;height:100%;object-fit:cover}
.work-video{background:#000}
.work-stop{position:absolute;z-index:3;top:10px;right:10px;display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:50%;background:rgba(12,35,33,.62);backdrop-filter:blur(6px);color:#fff;cursor:pointer}
.work-stop::before{position:absolute;inset:-4px;content:""}
.work-stop:hover{background:rgba(12,35,33,.82)}
.work-stop:focus-visible{outline:2px solid var(--brand-300);outline-offset:2px}
.work-play__icon{position:absolute;inset:50% auto auto 50%;display:grid;width:60px;height:60px;place-items:center;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(12,35,33,.55);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(12,35,33,.45);color:var(--white);transform:translate(-50%,-50%)}
.work-play__icon svg{width:18px;height:20px}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .work-card{transition:border-color .25s,box-shadow .25s,transform .25s}
  .work-card:hover{border-color:rgba(53,196,167,.55);box-shadow:0 0 0 1px rgba(53,196,167,.3),0 18px 44px -14px rgba(53,196,167,.32);transform:translateY(-3px)}
  .work-card:hover .work-play img{transform:scale(1.04)}
  .work-play img{transition:transform .35s}
  .work-play__icon{transition:background .25s,color .25s,transform .25s}
  .work-card:hover .work-play__icon{background:rgba(255,255,255,.95);color:var(--ink-900);transform:translate(-50%,-50%) scale(1.08)}
}
.work-play:focus-visible{outline:2px solid var(--brand-300);outline-offset:-4px}
.work-card__label{position:absolute;inset:12px auto auto 12px;z-index:2;display:inline-flex;align-items:center;gap:7px;margin:0;padding:6px 12px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);background:rgba(12,35,33,.82);backdrop-filter:blur(8px);color:var(--white);font-size:12px;font-weight:700;line-height:1.4;pointer-events:none}
.work-card__label::before{width:7px;height:7px;flex:none;border-radius:50%;background:var(--dot,var(--brand-300));content:""}
.work-card__label--product{--dot:#35C4A7;border-color:rgba(53,196,167,.5)}
.work-card__label--scene{--dot:#7FB3E8;border-color:rgba(127,179,232,.5)}
.work-card__label--flow{--dot:#D9A32A;border-color:rgba(217,163,42,.5)}
.works-disclaimer{margin:32px 0 0;color:var(--text-on-dark-muted);font-size:13px;text-align:center}
@media (min-width:900px){
  .case-detail__left{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}
  .case-detail__left>.case-detail__media{grid-column:1/-1;margin:0}
  .case-detail__left>.case-detail__note{grid-column:1/-1;margin:0}
  .case-detail__left>.work-card{grid-column:1;grid-row:span 2;width:100%;max-width:none}
  .case-detail__left>.work-card~.case-detail__note{grid-column:2}
}

/* ==================== 11 · 为客AI ==================== */
.weike-layout {
  display: grid;
  gap: 20px;
}

.weike-input > h3 {
  margin-block-start: 12px;
  font-size: clamp(28px, 3vw, 40px);
}

.weike-minimum {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-block: 24px;
}

.weike-minimum span {
  display: grid;
  min-height: 82px;
  place-items: center;
  padding: 8px;
  border: 1px solid var(--ink-700);
  border-radius: 12px;
  background: var(--ink-800);
  color: var(--text-on-dark);
  font-size: 12px;
  line-height: 1.5;
  text-align: center;
}

.weike-arrow {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: var(--brand-300);
}

.weike-arrow span {
  font-size: 28px;
}

.weike-output {
  margin: 0;
  padding: 12px 0 12px 14px;
  border-left: 3px solid var(--brand-500);
  border-radius: 0;
  background: none;
  color: var(--brand-300);
  font-weight: 600;
  text-align: left;
}

.weike-launch{width:100%;margin-top:16px;gap:8px;background:var(--white);color:var(--ink-900)}
.weike-launch svg{width:12px;height:12px}

.weike-hint{
  margin:10px 0 0;
  color:var(--text-on-dark-muted);
  font-size:13px;
  line-height:1.6;
  text-align:center;
}

.weike-steps {
  display: grid;
  gap: 14px;
}

.weike-steps .card {
  min-height: 180px;
}

.weike-steps h3 {
  margin-block-start: 16px;
}

.weike-credit .number-mark{border:1px solid var(--accent-red-text);background:var(--white);color:var(--accent-red-text)}

/* ==================== 12 · 企业 AI 转型陪跑 ==================== */
.ai-transform__top{display:grid;gap:clamp(20px,3vw,36px);margin-block-start:clamp(32px,5vw,56px)}
.ai-transform__pain{background:var(--card-rose)}
.ai-transform__pain ul{display:grid;gap:12px;margin:20px 0 0;padding-inline-start:1.25em}
.ai-transform__top>section>h3,.ai-transform__stages>h3,.talent-block>h3{margin-block-end:18px}
.ai-transform__modules{display:grid;gap:14px}
.ai-module{display:flex;min-height:112px;align-items:center;background:var(--white)}
.ai-module h4,.ai-stage h4,.talent-course h4{margin:0;color:var(--text-strong);font-size:16px;line-height:1.45}
.ai-transform__stages{margin-block-start:clamp(36px,6vw,72px)}
.ai-stage-grid{display:grid;gap:14px}
.ai-stage{display:flex;min-height:280px;flex-direction:column;border-block-start:4px solid var(--brand-500);background:var(--white)}
.ai-stage__head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.ai-stage__head strong{color:var(--brand-text);font-family:var(--font-en)}
.ai-stage>p{margin-block:20px;color:var(--text-body)}
.ai-stage progress{width:100%;height:8px;margin-block-start:auto;border:0;border-radius:4px;overflow:hidden;background:#DCEDE8;accent-color:var(--brand-500)}
.ai-stage progress::-webkit-progress-bar{background:#DCEDE8;border-radius:4px}
.ai-stage progress::-webkit-progress-value{background:var(--brand-500);border-radius:4px}
.ai-stage progress::-moz-progress-bar{background:var(--brand-500);border-radius:4px}
.ai-transform__note{margin:clamp(28px,4vw,48px) 0 0;padding:18px 22px;border-radius:16px;background:var(--card-sand);color:var(--text-strong);font-weight:700;text-align:center}

/* ==================== 13 · 校企合作人才生态 ==================== */
.talent-block{margin-block-start:clamp(36px,5vw,64px)}
.talent-path,.talent-courses,.talent-values{display:grid;gap:14px}
.talent-path li,.talent-values li{position:relative;min-width:0;padding:18px;border:1px solid var(--ink-700);border-radius:16px;background:var(--ink-800);color:var(--text-on-dark);font-weight:700}
.talent-path li:not(:last-child)::after{content:"→";position:absolute;inset-inline-end:-13px;inset-block-start:50%;z-index:1;color:var(--brand-300);transform:translate(50%,-50%)}
.talent-course{display:flex;min-height:104px;align-items:center;background:var(--white);color:var(--text-body)}
.talent-course h4{color:var(--text-strong)}
.talent-values li{border-block-start:4px solid var(--brand-500)}

/* ==================== 14 · 收束与联系 ==================== */
.cta-section {
  display: flex;
  min-height: 100svh;
  align-items: center;
}

.cta-layout {
  display: grid;
  align-items: center;
  gap: clamp(36px, 6vw, 80px);
}

.cta-wordmark {
  margin-block-end: 18px;
  color: var(--brand-300);
  font-family: var(--font-en);
  font-weight: 800;
  letter-spacing: .18em;
}

.cta-pretitle {
  margin-block-end: 8px;
  color: var(--text-on-dark-muted);
  font-weight: 700;
}

.cta-values {
  display: grid;
  gap: 10px;
  margin-block: clamp(28px, 4vw, 44px);
}

.cta-values article {
  padding: 18px;
  border-radius: 16px;
  background: var(--ink-700);
  text-align: center;
}

.cta-values article h3,
.cta-values article p {
  margin-block-end: 6px;
}

.cta-values > span {
  align-self: center;
  color: var(--text-on-dark-muted);
  font-family: var(--font-en);
  font-size: 22px;
  text-align: center;
}

.cta-value--brand{color:var(--brand-300)!important}
.cta-value--amber{color:var(--accent-amber)!important}
.cta-value--blue{color:var(--accent-blue-on-dark)!important}

.cta-conclusion {
  color: var(--white);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}

.contact-grid {
  display: grid;
  gap: 18px;
  align-items: center;
  margin-block-start: 28px;
}

.contact-grid p {
  margin-block-end: 6px;
  color: var(--text-on-dark-muted);
}

.qr-placeholder {
  width: 160px;
  height: 160px;
  margin: 0;
  overflow: hidden;
  border: 8px solid var(--white);
  border-radius: 14px;
  background:
    linear-gradient(45deg, var(--ink-900) 25%, transparent 25%) 0 0 / 20px 20px,
    linear-gradient(-45deg, var(--ink-700) 25%, transparent 25%) 0 0 / 20px 20px,
    var(--card-mint);
}

.qr-placeholder img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.placeholder-token {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  padding: 5px 12px;
  border: 1px solid var(--accent-amber);
  border-radius: var(--radius-pill);
  background: var(--card-sand);
  color: var(--ink-900);
  font-family: var(--font-en);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
  text-decoration: none;
  overflow-wrap: anywhere;
}

.cta-company {
  margin-block: 28px 0;
  color: var(--text-on-dark-muted);
}

.cta-visual {
  overflow: hidden;
  margin: 0;
  border: 1px solid var(--ink-700);
  border-radius: var(--radius-card);
  aspect-ratio: 16 / 9;
  background: linear-gradient(145deg, var(--ink-700), var(--brand-600));
}

.cta-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.site-footer{border-block-start:6px solid var(--brand-500);padding:clamp(48px,6vw,72px) 0 24px;background:#F2F7F5}
.floating-contact+footer{padding-bottom:6rem}
.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0 clamp(48px,10vw,160px);max-width:760px;margin:auto;text-align:center}
.footer-links a{display:inline-flex;min-height:44px;align-items:center;color:var(--text-strong);font-size:15px;font-weight:600;line-height:2;text-decoration:none}
.footer-links a:hover{color:var(--brand-text)}
.footer-blob{width:120px;height:52px;margin:36px auto 24px;border-radius:50%;background:transparent;filter:none;opacity:0}
.footer-wordmark{margin-block:8px 40px;color:var(--ink-900);font-family:var(--font-en);font-size:clamp(48px,13vw,180px);font-weight:800;letter-spacing:.08em;line-height:1;text-align:center}
.footer-meta{padding-block-start:18px;border-block-start:1px solid rgba(12,35,33,.12);color:var(--text-muted);font-size:13px}
.footer-row,.footer-legal-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.footer-row{justify-content:space-between}
.footer-company-line{margin-bottom:14px}
.footer-meta a{display:inline-flex;align-items:center;color:inherit;text-decoration:none}
.footer-police svg{width:14px;height:14px;margin-inline-end:6px;flex:none}
@media(max-width:767px){.site-footer{padding-bottom:76px}.footer-nav{grid-template-columns:1fr;gap:14px}.footer-row,.footer-legal-links{justify-content:center}}

@media (min-width:600px){.cases-grid,.ai-transform__modules,.talent-courses{grid-template-columns:repeat(2,minmax(0,1fr))}.works-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;scroll-snap-type:none}}
@media (min-width:900px){.cases-grid,.works-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1200px){.cases-grid,.works-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ==================== 移动端：小于 768px ==================== */
@media (max-width: 767px) {
  .talent-path li:not(:last-child)::after{inset-block:auto -13px;inset-inline-end:50%;transform:translate(50%,50%) rotate(90deg)}

  .weike-minimum {
    grid-template-columns: 1fr;
  }

  .cta-visual {
    max-width: 480px;
  }
}

/* ==================== 平板：768px–1199px ==================== */
@media (min-width: 768px) and (max-width: 1199px) {
  .platform-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .weike-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ai-stage-grid,.talent-values{grid-template-columns:repeat(2,minmax(0,1fr))}
  .talent-path{grid-template-columns:repeat(3,minmax(0,1fr))}

  .cta-layout {
    grid-template-columns: 11fr 9fr;
  }

  .cta-values {
    grid-template-columns: 1fr auto 1fr auto 1fr;
  }

  .contact-grid {
    grid-template-columns: 160px minmax(0, 1fr) minmax(0, 1fr);
  }

}

/* ==================== 桌面：大于等于 1200px ==================== */
@media (min-width: 1200px) {
  #engine .container{width:min(calc(100% - (var(--gutter) * 2)),1280px)}

  .matrix-layout {
    grid-template-columns: 13fr 7fr;
  }

  .platform-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .edge-grid{grid-template-columns:1fr 1.18fr 1fr;align-items:start}

  .edge-system {
    min-height: 590px;
    padding-block: 52px;
  }

  .edge-vs{position:absolute;inset-block-start:50%;inset-inline-start:0;z-index:2;display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:var(--accent-red-text);color:var(--white);font-family:var(--font-en);font-size:13px;font-weight:800;transform:translate(-50%,-50%)}

  .weike-layout {
    grid-template-columns: 7fr 13fr;
  }

  .weike-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .ai-transform__top{grid-template-columns:4fr 6fr}
  .ai-transform__modules{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ai-stage-grid,.talent-values{grid-template-columns:repeat(4,minmax(0,1fr))}
  .talent-path{grid-template-columns:repeat(6,minmax(0,1fr))}
  .talent-courses{grid-template-columns:repeat(4,minmax(0,1fr))}

  .cta-layout {
    grid-template-columns: 11fr 9fr;
  }

  .cta-values {
    grid-template-columns: 1fr auto 1fr auto 1fr;
  }

  .contact-grid {
    grid-template-columns: 160px minmax(0, 1fr) minmax(0, 1fr);
  }

}

/* ==================== 子页面通用 ==================== */
.page-hero {
  display: flex;
  min-height: min(70svh, 680px);
  align-items: center;
  padding-block-start: calc(72px + clamp(72px, 9vw, 128px));
}

.page-hero .container {
  width: min(calc(100% - (var(--gutter) * 2)), 980px);
}

.page-hero .section-intro {
  margin-block-end: 18px;
}

.case-page-disclaimer {
  max-width: 900px;
  margin-block: 0;
  color: var(--text-on-dark-muted);
  font-size: 13px;
  line-height: 1.7;
}

.placeholder-token {
  min-height: 44px;
}

.nav-links a[aria-current="page"] {
  color: var(--brand-300);
}

/* ==================== 案例详情页 ==================== */
.case-tabs {
  position: sticky;
  inset-block-start: 80px;
  z-index: 10;
  display: flex;
  gap: 8px;
  margin-block-end: clamp(48px, 7vw, 88px);
  padding: 10px;
  overflow-x: auto;
  border: 1px solid var(--card-mint);
  border-radius: var(--radius-pill);
  background: var(--white);
  box-shadow: var(--shadow-card);
  scrollbar-width: none;
}

.case-tabs::-webkit-scrollbar {
  display: none;
}

.case-tabs button {
  min-width: max-content;
  min-height: 44px;
  padding: 8px 18px;
  border: 0;
  border-radius: var(--radius-pill);
  background: transparent;
  color: var(--text-body);
  font-weight: 700;
}

.case-tabs button:hover,
.case-tabs button[aria-pressed="true"] {
  background: var(--ink-900);
  color: var(--text-on-dark);
}

/* ==================== 案例筛选网格 ==================== */
.case-directory-hero {
  min-height: 0;
  padding-block: calc(72px + 48px) 48px;
}

.case-directory {
  padding-block: clamp(44px, 5vw, 64px);
}

.case-directory .case-tabs {
  margin-block-end: clamp(24px, 3vw, 36px);
}

.case-directory-grid {
  display: grid;
  gap: clamp(16px, 2vw, 24px);
}

.case-directory-card {
  min-width: 0;
}

.case-directory-card article {
  grid-template-rows: auto 1fr;
}

.case-directory-card .case-card__body {
  justify-content: flex-start;
  padding: 14px;
}

.case-directory-card h3 {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.3;
}

.case-directory-card .case-card__intro {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.case-directory-card .case-card__metrics {
  margin-block-start: auto;
  padding-block-start: 8px;
}

.case-directory-card .case-card__metrics p {
  padding: 7px 4px;
}

.case-directory .case-disclaimer {
  color: var(--text-body);
}

#cases-cta.cta-section {
  min-height: auto;
}

.case-detail-list {
  display: grid;
  gap: clamp(84px, 10vw, 144px);
}

.industry-case {
  --case-accent: var(--brand-500);
  --case-surface: var(--card-mint);
  scroll-margin-top: 148px;
}

.industry-case--rose {
  --case-accent: var(--accent-red);
  --case-surface: var(--card-rose);
}

.industry-case--sand {
  --case-accent: var(--accent-amber);
  --case-surface: var(--card-sand);
}

.industry-case--blue {
  --case-accent: var(--accent-blue);
  --case-surface: var(--card-blue);
}

.case-detail__header {
  max-width: 920px;
  margin-block-end: clamp(28px, 4vw, 48px);
}

.case-detail__header p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-block-end: 14px;
  color: var(--text-muted);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
}

.case-detail__header h2,
.case-detail__header h1 {
  margin: 0;
  font-size: clamp(26px, 3.4vw, 42px);
  line-height: 1.25;
}

/* ==================== 独立案例详情页 ==================== */
.case-detail-page {
  padding-block-start: calc(72px + clamp(56px, 7vw, 96px));
  background: linear-gradient(to bottom, var(--ink-900) 0 420px, var(--paper) 420px);
}

.case-breadcrumb {
  margin-block-end: clamp(28px, 4vw, 44px);
}

.case-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
  color: var(--brand-300);
  font-size: 14px;
  font-weight: 700;
  list-style: none;
}

.case-breadcrumb li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.case-breadcrumb li + li::before {
  color: var(--text-on-dark-muted);
  content: "›";
}

.case-breadcrumb a {
  color: var(--text-on-dark);
  text-decoration: none;
}

.case-detail-page .case-detail__header p {
  color: var(--text-on-dark-muted);
}

.case-detail-page .case-detail__header h1 {
  color: var(--white);
}

.case-pagination {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-block-start: clamp(40px, 6vw, 72px);
}

.case-pagination a {
  display: flex;
  min-height: 64px;
  align-items: center;
  padding: 16px 20px;
  border: 1px solid var(--card-mint);
  border-radius: 14px;
  background: var(--white);
  color: var(--text-strong);
  font-weight: 800;
  text-decoration: none;
}

.case-pagination a:last-child {
  justify-content: flex-end;
  text-align: end;
}

.case-detail__tag {
  position: absolute;
  inset-block-start: 14px;
  inset-inline-start: 14px;
  z-index: 2;
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  padding: 5px 14px;
  border: 1px solid var(--case-accent);
  border-radius: var(--radius-pill);
  background: var(--case-surface);
  color: var(--ink-900);
  font-weight: 800;
}

.case-detail__layout,
.case-detail__left,
.case-detail__right,
.case-detail__work {
  display: grid;
  gap: clamp(16px, 2vw, 24px);
  min-width: 0;
}

.case-detail__media {
  position: relative;
  overflow: hidden;
  margin: 0;
  border-radius: var(--radius-card);
  aspect-ratio: 16 / 9;
  background: linear-gradient(145deg, var(--ink-700), var(--brand-600));
}

.case-detail__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case-detail__note,
.case-detail__background {
  padding: clamp(20px, 2.5vw, 30px);
  border-radius: var(--radius-card);
}

.case-detail__note p,
.case-detail__background > p {
  margin-block-end: 0;
}

.case-detail__background {
  border-block-start: 4px solid var(--case-accent);
  background: var(--paper);
}

.case-detail__meta {
  display: grid;
  gap: 12px;
  margin-block: 24px 0;
}

.case-detail__meta div {
  padding: 14px 16px;
  border-radius: 14px;
  background: var(--white);
}

.case-detail__meta dt,
.case-detail__operations dt {
  font-size: 13px;
  font-weight: 800;
}

.case-detail__meta dd,
.case-detail__operations dd {
  margin: 4px 0 0;
}

.case-detail__operations {
  box-shadow: none;
}

.case-detail__platforms {
  margin-block: 18px 24px;
  color: var(--brand-300);
  font-weight: 700;
}

.case-detail__operations dl {
  display: grid;
  gap: 16px;
  margin: 0;
}

.case-detail__operations dl div {
  padding-block-start: 14px;
  border-block-start: 1px solid var(--ink-700);
}

.case-detail__operations dt {
  color: var(--text-on-dark);
}

.case-detail__operations dd {
  color: var(--text-on-dark-muted);
}

.case-detail__result {
  border-block-start: 4px solid var(--case-accent);
  background: var(--case-surface);
  box-shadow: none;
}

.case-detail__disclosure {
  margin-block: 8px 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.6;
}

.case-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-block: 22px 14px;
}

.case-metrics p {
  min-width: 0;
  margin: 0;
  padding: 14px 8px;
  border-radius: 14px;
  background: var(--white);
  text-align: center;
}

.case-metrics strong,
.case-metrics span {
  display: block;
}

.case-metrics strong {
  color: var(--text-strong);
  font-family: var(--font-en);
  font-size: clamp(21px, 2.4vw, 32px);
  line-height: 1.2;
}

.case-metrics span {
  margin-block-start: 5px;
  font-size: 12px;
}

.case-metrics__scope {
  color: var(--text-body);
  font-size: 12px;
  text-align: center;
}

.case-funnel {
  display: grid;
  gap: 8px;
  margin-block: 24px;
  align-items: center;
}

.case-funnel span {
  padding: 10px 12px;
  border-radius: 12px;
  background: var(--white);
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

.case-funnel b {
  color: var(--case-accent);
  text-align: center;
  transform: rotate(90deg);
}

.case-result__conclusion {
  margin: 0;
  padding-block-start: 18px;
  border-block-start: 1px solid var(--white);
  color: var(--text-strong);
  font-weight: 800;
}

.method-summary {
  padding-block: clamp(48px, 4vw, 52px);
}

.table-scroll {
  overflow-x: auto;
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-card);
}

.table-scroll__hint {
  display: none;
  color: var(--text-muted);
  font-size: 13px;
}

.table-scroll table {
  width: 100%;
  min-width: 920px;
  border-collapse: collapse;
  background: var(--white);
}

.table-scroll th,
.table-scroll td {
  padding: 18px 20px;
  border-block-end: 1px solid var(--card-mint);
  text-align: start;
  vertical-align: top;
}

.table-scroll thead {
  background: var(--ink-900);
  color: var(--text-on-dark);
}

.table-scroll tbody tr:nth-child(even) {
  background: var(--paper);
}

.table-scroll tbody th {
  color: var(--text-strong);
}

/* ==================== 联系页 ==================== */
.contact-page__grid {
  display: grid;
  gap: clamp(18px, 3vw, 28px);
  align-items: stretch;
}

.contact-page__wechat,
.contact-page__details,
.contact-page__brief {
  min-width: 0;
  margin: 0;
}

.contact-page__wechat {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
}

.contact-page__qr {
  width: min(240px, 100%);
  overflow: hidden;
  border: 10px solid var(--white);
  border-radius: 18px;
  aspect-ratio: 1;
  background: linear-gradient(145deg, var(--card-mint), var(--card-blue));
}

.contact-page__qr img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-page__wechat figcaption {
  color: var(--text-strong);
  font-weight: 700;
}

.contact-page__details address {
  font-style: normal;
}

.contact-page__details dl {
  display: grid;
  gap: 22px;
  margin-block: 28px 0;
}

.contact-page__details dt {
  color: var(--brand-300);
  font-size: 13px;
  font-weight: 700;
}

.contact-page__details dd {
  margin: 6px 0 0;
  color: var(--text-on-dark);
}

.contact-page__brief ol {
  display: grid;
  gap: 16px;
  margin-block: 24px 0;
}

.contact-page__reply {
  font-size: clamp(20px, 2vw, 26px);
}

/* ==================== 隐私政策页 ==================== */
.privacy-shell {
  max-width: 900px;
}

.privacy-content {
  padding: clamp(24px, 5vw, 64px);
  border: 1px solid var(--card-mint);
  border-radius: var(--radius-card);
  background: var(--white);
  box-shadow: var(--shadow-card);
}

.privacy-content h2 {
  margin-block: clamp(36px, 5vw, 52px) 14px;
  font-size: clamp(22px, 2.4vw, 28px);
  line-height: 1.35;
}

.privacy-content h2:first-child {
  margin-block-start: 0;
}

.privacy-content li + li {
  margin-block-start: 8px;
}

.privacy-contact {
  margin-block-start: 22px;
  padding: 20px;
  border-radius: 14px;
  background: var(--paper);
  font-style: normal;
}

.privacy-contact p:last-child {
  margin-block-end: 0;
}

/* ==================== 子页面移动端：小于 768px ==================== */
@media (max-width: 767px) {
  .case-tabs {
    border-radius: 18px;
  }

  .case-metrics {
    grid-template-columns: 1fr;
  }

  .contact-page__grid {
    grid-template-columns: 1fr;
  }

  .table-scroll__hint {
    display: block;
  }
}

/* ==================== 子页面平板：768px–1199px ==================== */
@media (min-width: 768px) and (max-width: 1199px) {
  .case-directory-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-detail__meta,
  .case-funnel {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-funnel {
    grid-template-columns: 1fr auto 1fr auto 1fr;
  }

  .case-funnel b {
    transform: none;
  }

  .contact-page__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .contact-page__brief {
    grid-column: 1 / -1;
  }
}

/* ==================== 子页面桌面：大于等于 1200px ==================== */
@media (min-width: 1200px) {
  .case-directory-page .case-directory-hero {
    padding-block: 112px 40px;
  }

  .case-directory-page .case-directory {
    padding-block: 56px;
  }

  .case-directory-page .method-summary {
    padding-block: 48px;
  }

  .case-directory-page #cases-cta.cta-section {
    padding-block: 80px;
  }

  .case-directory-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .case-detail__meta,
  .case-detail__work {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .case-funnel {
    grid-template-columns: 1fr auto 1fr auto 1fr;
  }

  .case-funnel b {
    transform: none;
  }

  .contact-page__grid {
    grid-template-columns: 1fr 1fr 1.45fr;
  }
}