/* ==================== 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}
}

/* ==================== 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)}

  .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));
  }

  .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%)}

  .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;
  }
}

/* ==================== SPEC-26 · 品牌更名 + 联系页精简 ==================== */
.brand{letter-spacing:.06em}
.hero-wordmark{font-size:clamp(40px,7.4vw,104px);letter-spacing:.04em}
.hero-wordmark__part{display:inline-block;white-space:nowrap}
.hero-wordmark__plus{display:inline-block;margin-inline:.14em;color:var(--brand-300);font-weight:700}
.site-header--solid{border-block-end:1px solid color-mix(in srgb,var(--white) 14%,transparent);background:rgba(12,35,33,.92);backdrop-filter:blur(12px)}
.contact-solo{display:flex;min-height:min(78svh,760px);align-items:center;padding-block-start:calc(72px + clamp(48px,7vw,96px))}
.contact-solo .contact-page__grid{display:flex;justify-content:center}
.contact-solo .contact-page__wechat{width:min(100%,420px);padding:clamp(28px,4vw,44px)}

/* ==================== SPEC-27 · 服务页改版 ==================== */
.svc-lead{max-width:34em;margin:22px 0 0;color:var(--text-on-dark);font-size:clamp(17px,1.8vw,22px);line-height:1.7}
.svc-offer{display:flex;flex-direction:column;gap:14px}
@media (min-width:768px){.svc-offer{min-height:280px}}
.svc-offer h3{margin:6px 0 0;font-size:clamp(24px,2.6vw,32px)}
.svc-offer p{margin:0;font-size:17px;line-height:1.8}
.svc-offer__icon{display:grid;width:52px;height:52px;place-items:center;border-radius:16px;background:var(--brand-500);color:var(--ink-900)}
.svc-more{margin-top:auto;color:var(--brand-300);font-weight:700;text-decoration:none}
.svc-more:hover,.svc-more:focus-visible{text-decoration:underline}
.svc-why__key{margin:0 0 10px;color:var(--brand-text);font-size:clamp(26px,2.8vw,34px);font-weight:800}
.svc-why p{margin:0;line-height:1.8}
.svc-steps{margin:0;padding:0;list-style:none}
.svc-step{display:flex;flex-direction:column;gap:12px}
.svc-step h3{margin:0}
.svc-step p{margin:0;line-height:1.7}
.svc-slogan{text-align:center}
.svc-slogan__text{margin:0 0 32px;color:var(--white);font-size:clamp(34px,5.6vw,72px);font-weight:800;line-height:1.2;letter-spacing:.02em}
.svc-slogan .section-actions{justify-content:center}

/* ==================== SPEC-28 · 义乌市场分区 ==================== */
.zone-ai-note{display:inline-block;margin:24px 0 0;padding:6px 14px;border:1px solid rgba(255,255,255,.28);border-radius:var(--radius-pill);color:var(--text-on-dark);font-size:14px}
.zone-card .case-card__body{justify-content:flex-start}
.zone-card__title{margin:0 0 8px;color:var(--text-strong);font-size:clamp(19px,1.8vw,22px);font-weight:800;line-height:1.4}
.zone-card__no{margin-inline-end:6px;color:var(--brand-text)}
.zone-card__shoot{margin:0 0 14px;color:var(--text-body);line-height:1.7}
.zone-card__more{margin-top:auto;color:var(--brand-text);font-weight:700}
.zone-cover{display:grid;place-content:center;gap:10px;padding:24px;text-align:center;color:var(--white)}
.zone-cover__big{font-size:clamp(48px,6vw,72px);font-weight:800;line-height:1}
.zone-cover__sub{color:var(--text-on-dark);font-size:14px}
.zone-home-lead{max-width:40em;margin:0 0 clamp(24px,3vw,36px);color:var(--text-on-dark);font-size:clamp(17px,1.6vw,20px);line-height:1.7}
.zone-chips{display:grid;gap:14px;margin:0;padding:0;list-style:none;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.zone-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}
.zone-chip{display:flex;height:100%;flex-direction:column;gap:6px;padding:clamp(18px,2vw,24px);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-card);background:rgba(255,255,255,.04);color:var(--text-on-dark);text-decoration:none;transition:border-color .2s,background-color .2s}
.zone-chip:hover,.zone-chip:focus-visible{border-color:var(--brand-300);background:rgba(53,196,167,.08)}
.zone-chip__no{color:var(--brand-300);font-size:clamp(24px,2.4vw,30px);font-weight:800;line-height:1.1}
.zone-chip__cats{font-size:15px;line-height:1.6}
.zone-tags{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.zone-tags li{padding:8px 16px;border-radius:var(--radius-pill);background:var(--white);color:var(--text-strong);font-weight:600;box-shadow:0 1px 0 rgba(12,35,33,.06)}
.zone-source{margin:18px 0 0;color:var(--text-body);font-size:13px}
.zone-samples{display:grid;gap:clamp(16px,2vw,24px)}
@media (min-width:768px){.zone-samples{grid-template-columns:repeat(2,minmax(0,1fr))}}
.zone-sample{position:relative;margin:0;overflow:hidden;border-radius:var(--radius-card);background:var(--ink-700)}
.zone-sample img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.zone-samples--single{grid-template-columns:minmax(0,1fr)!important}
.zone-samples--single .zone-sample img{height:clamp(220px,36vw,520px);aspect-ratio:auto}
.zone-sample figcaption{padding:14px 18px;color:var(--text-on-dark);font-size:15px}
.zone-sample .case-ai-badge{inset-block:12px auto}
.zone-videos{margin-block-start:clamp(24px,3vw,36px)}
.zone-pager{padding-block:clamp(28px,4vw,48px)}
.zone-pager__nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.zone-pager__nav a{padding:10px 18px;border:1px solid var(--card-mint);border-radius:var(--radius-pill);background:var(--white);color:var(--text-strong);font-weight:700;text-decoration:none}
.zone-pager__nav a:hover,.zone-pager__nav a:focus-visible{border-color:var(--brand-500)}

/* ==================== SPEC-29 · 删除 AI 产品与关于我们 ==================== */
@media (min-width:1200px){.capabilities-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.footer-nav{grid-template-columns:repeat(2,1fr);max-width:520px}
@media(max-width:767px){.footer-nav{grid-template-columns:1fr}}

/* ==================== SPEC-30 · 四区新素材 ==================== */
.zone-samples--square{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:768px){.zone-samples--square{grid-template-columns:repeat(3,minmax(0,1fr))}}
.zone-samples--square .zone-sample img{aspect-ratio:1/1}

/* ==================== SPEC-31 · VELQORA AI 品牌统一 ==================== */
.brand{letter-spacing:.12em}
.hero-wordmark{font-size:clamp(36px,6.6vw,96px)}
.hero-wordmark__plus{margin-inline:.22em;font-weight:400}

/* ==================== SPEC-36 · 作品展示页 ==================== */
.works-hero{min-height:0;padding-block-end:clamp(40px,5vw,64px)}
.works-tabs{position:sticky;top:72px;z-index:900;border-block:1px solid rgba(255,255,255,.08);background:rgba(12,35,33,.94);backdrop-filter:blur(12px)}
.works-tabs__inner{display:flex;gap:8px;padding-block:10px;overflow-x:auto;scrollbar-width:none}
.works-tabs__inner::-webkit-scrollbar{display:none}
.works-tabs__link{display:inline-flex;flex:none;align-items:center;gap:6px;padding:8px 16px;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-pill);color:var(--text-on-dark);font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.works-tabs__link span{min-width:22px;padding:0 6px;border-radius:var(--radius-pill);background:rgba(53,196,167,.2);color:var(--brand-300);font-size:12px;line-height:20px;text-align:center}
.works-tabs__link:hover,.works-tabs__link:focus-visible{border-color:var(--brand-300)}
.works-tabs__link--empty{color:var(--text-on-dark-muted)}
.works-zone{scroll-margin-top:136px}
.works-zone+.works-zone,.works-zone+.svc-slogan{border-block-start:1px solid rgba(255,255,255,.08)}
.works-zone--empty{padding-block:clamp(36px,5vw,56px)}
.works-zone__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px 24px}
.works-zone__head .section-title{margin-block-end:0}
.works-zone__more{color:var(--brand-300);font-weight:700;text-decoration:none;white-space:nowrap}
.works-zone__more:hover,.works-zone__more:focus-visible{text-decoration:underline}
.works-empty{margin:16px 0 0;color:var(--text-on-dark-muted)}
.works-empty a{margin-inline-start:8px;color:var(--brand-300);font-weight:700;text-decoration:none}
.works-cat{margin-block-start:clamp(28px,4vw,48px)}
.works-cat__title{display:flex;align-items:center;gap:10px;margin:0;font-size:clamp(18px,1.6vw,22px)}
.works-cat__count{padding:2px 10px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-pill);color:var(--text-on-dark-muted);font-size:13px;font-weight:600}
.works-cat .works-grid,.works-cat .zone-samples{margin-block-start:16px}

/* ==================== SPEC-37 · 分区封面 + 品类视频页 ==================== */
.zone-tags li.zone-tags__item--link{padding:0;background:none;box-shadow:none}
.zone-tags__item--link a{display:inline-flex;align-items:center;gap:8px;padding:7px 10px 7px 16px;border:1.5px solid var(--brand-500);border-radius:var(--radius-pill);background:var(--white);color:var(--text-strong);font-weight:700;text-decoration:none;transition:background-color .2s,color .2s,transform .2s}
.zone-tags__item--link a::after{content:"→";color:var(--brand-500);font-weight:700}
.zone-tags__item--link a:hover,.zone-tags__item--link a:focus-visible{background:var(--brand-500);color:var(--white);transform:translateY(-1px)}
.zone-tags__item--link a:hover::after,.zone-tags__item--link a:focus-visible::after{color:var(--white)}
.zone-tag__count{min-width:22px;padding:0 7px;border-radius:var(--radius-pill);background:var(--brand-500);color:var(--white);font-size:12px;line-height:20px;text-align:center}
.zone-tags__item--link a:hover .zone-tag__count,.zone-tags__item--link a:focus-visible .zone-tag__count{background:var(--white);color:var(--brand-600)}
.zone-tags li.zone-tags__item--soon{background:transparent;box-shadow:none;border:1px dashed rgba(12,35,33,.2);color:var(--text-muted);font-weight:500}
.zone-tags-hint{margin:14px 0 0;color:var(--brand-text);font-size:14px;font-weight:600}
.works-cat__title a{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.works-cat__go{color:var(--brand-300);transition:transform .2s}
.works-cat__title a:hover .works-cat__go,.works-cat__title a:focus-visible .works-cat__go{transform:translateX(4px)}
.works-cat__title a:hover,.works-cat__title a:focus-visible{color:var(--brand-300)}
.works-tabs__link.is-current{border-color:var(--brand-300);background:var(--brand-300);color:var(--ink-900)}
.works-tabs__link.is-current span{background:rgba(12,35,33,.16);color:var(--ink-900)}
.cat-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-block-end:14px;color:var(--text-on-dark-muted);font-size:14px}
.cat-crumb a{color:var(--brand-300);font-weight:600;text-decoration:none}
.cat-crumb a:hover,.cat-crumb a:focus-visible{text-decoration:underline}
.cat-videos .works-grid{margin-block-start:0}
@media (max-width:599px){.cat-videos .works-grid{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;overflow:visible;scroll-snap-type:none}.cat-videos .work-card__label{inset:8px auto auto 8px;padding:4px 9px;font-size:12px}}

/* ==================== SPEC-40 · 手机体验 ==================== */
/* 手机底部联系条 */
.m-bar{display:none}
/* 联系页按钮 */
.contact-actions{display:grid;gap:12px;width:100%}
.contact-actions__tip{margin:0;color:var(--text-body);font-size:14px;line-height:1.7}
.contact-actions__btn{width:100%;min-height:48px;font-size:16px}
@media (min-width:768px){.contact-actions__tip{display:none}}
/* 手机全屏播放器 */
html.vp-open,html.vp-open body{overflow:hidden}
.vp{position:fixed;inset:0;z-index:2000;background:#000;color:#fff}
.vp__track{height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none}
.vp__track::-webkit-scrollbar{display:none}
.vp__slide{position:relative;height:100vh;height:100dvh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}
.vp__poster,.vp__video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
.vp__video{z-index:1}
.vp__meta{position:absolute;right:16px;bottom:calc(28px + env(safe-area-inset-bottom));left:16px;z-index:2;display:grid;justify-items:start;gap:6px}
.vp__label{max-width:100%;margin:0;padding:7px 14px;border-radius:var(--radius-pill);background:rgba(0,0,0,.55);font-size:15px;font-weight:700}
.vp__ref{max-width:100%;margin:0;padding:4px 10px;border-radius:8px;background:rgba(0,0,0,.55);color:#DCEBE6;font-size:12px;line-height:1.5}
.vp__close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:3;display:grid;width:46px;height:46px;place-items:center;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff}
.vp__count{position:absolute;top:calc(24px + env(safe-area-inset-top));left:16px;z-index:3;margin:0;font-size:15px;font-weight:700;text-shadow:0 1px 4px rgba(0,0,0,.7)}
.vp__sound{position:absolute;top:calc(14px + env(safe-area-inset-top));left:50%;z-index:3;min-height:42px;padding:8px 18px;border:0;border-radius:var(--radius-pill);background:var(--brand-500);color:var(--ink-900);font-size:15px;font-weight:700;transform:translateX(-50%)}
.vp__paused{position:absolute;top:50%;left:50%;z-index:3;display:grid;width:76px;height:76px;margin:-38px 0 0 -38px;place-items:center;border-radius:50%;background:rgba(0,0,0,.45);pointer-events:none}
.vp__sound[hidden],.vp__paused[hidden]{display:none}
.vp__hint{position:absolute;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;z-index:3;margin:0;padding:8px 16px;border-radius:var(--radius-pill);background:rgba(0,0,0,.6);font-size:14px;white-space:nowrap;transform:translateX(-50%);pointer-events:none;animation:vp-hint 2.6s ease forwards}
@keyframes vp-hint{0%,70%{opacity:1}100%{opacity:0}}
@media (max-width:767px){
  .m-bar{position:fixed;inset:auto 0 0 0;z-index:950;display:flex;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.1);background:rgba(12,35,33,.96);backdrop-filter:blur(12px)}
  .m-bar__btn{display:flex;flex:1;min-height:48px;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-pill);color:var(--text-on-dark);font-size:16px;font-weight:700;text-decoration:none}
  .m-bar__btn--primary{border-color:var(--brand-500);background:var(--brand-500);color:var(--ink-900)}
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}
  .floating-contact{display:none}
  body.nav-open .m-bar,html.vp-open .m-bar{display:none}
  /* 压短顶部标题区 */
  .hero-canvas{min-height:66svh}
  .page-hero{min-height:0;padding-block:calc(72px + 32px) 36px}
  .page-hero .hero-title{font-size:clamp(28px,8.2vw,34px)}
  .page-hero .svc-lead{margin-top:12px;font-size:15px;line-height:1.65}
  .page-hero .zone-ai-note{margin-top:14px;padding:4px 12px;font-size:13px}
  .contact-solo{min-height:0;padding-block:calc(72px + 24px) 40px}
}

/* ==================== SPEC-42 · 卡片去来源框和标题 ==================== */
.work-ref-badge{position:absolute;top:10px;right:10px;z-index:2;padding:3px 9px;border-radius:var(--radius-pill);background:rgba(12,35,33,.78);color:#EAF3F0;font-size:12px;font-weight:600;line-height:1.5;pointer-events:none}
.work-card .work-reference{display:none}

/* ==================== SPEC-44 · 图片作品展示 ==================== */
.img-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-block-start:16px}
@media (min-width:768px){.img-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media (min-width:1200px){.img-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.img-card{margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:var(--ink-700)}
.img-open{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.img-open img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;transition:transform .3s}
@media (hover:hover){.img-open:hover img{transform:scale(1.03)}}
.img-soon{margin:22px 0 0;color:var(--text-on-dark-muted);font-size:14px;line-height:2}
.img-soon span{display:inline-block;margin:0 6px 6px 0;padding:0 10px;border:1px dashed rgba(255,255,255,.22);border-radius:var(--radius-pill);line-height:26px}
html.iv-open,html.iv-open body{overflow:hidden}
html.iv-open .m-bar{display:none}
.iv{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.94);color:#fff}
.iv__track{display:flex;height:100%;overflow-x:auto;overscroll-behavior:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.iv__track::-webkit-scrollbar{display:none}
.iv__slide{display:flex;flex:0 0 100%;height:100%;margin:0;padding:64px 12px calc(64px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;justify-content:center;gap:14px;scroll-snap-align:center}
.iv__slide img{max-width:100%;max-height:calc(100% - 40px);object-fit:contain;border-radius:8px}
.iv__label{margin:0;font-size:15px;font-weight:700;text-align:center}
.iv__close{position:absolute;top:calc(12px + env(safe-area-inset-top));right:12px;z-index:3;display:grid;width:46px;height:46px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
.iv__count{position:absolute;top:calc(24px + env(safe-area-inset-top));left:16px;z-index:3;margin:0;font-size:15px;font-weight:700}
.iv__nav{position:absolute;top:50%;z-index:3;display:none;width:48px;height:48px;margin-top:-24px;place-items:center;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff}
.iv__nav--prev{left:16px}.iv__nav--next{right:16px}
@media (min-width:768px){.iv__nav{display:grid}}

/* ==================== SPEC-48 · 首页标语 ==================== */
.hero-slogan{max-width:22em;margin:26px auto 0;color:#FFFFFF;font-size:clamp(24px,3.4vw,44px);font-weight:700;letter-spacing:.04em;line-height:1.4;text-align:center}
.hero-slogan__part{display:inline-block}
.hero-slogan__brand{color:var(--brand-300)}
.hero-slogan+.hero-subtitle{margin:14px auto 36px;color:rgba(255,255,255,.72);font-size:clamp(14px,1.3vw,18px)}

/* ==================== SPEC-49 · 首页数据区 ==================== */
.hero-slogan{margin-bottom:40px}
@media (min-width:900px){#key-data .grid--4{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* ==================== SPEC-50 · 首屏光影动效 ==================== */
/* 背景极光：三层柔光，各自漂移 */
.hero-aurora{position:absolute;inset:-20%;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse at 20% 22%,rgba(53,196,167,.40) 0 9%,rgba(53,196,167,.16) 22%,transparent 36%),
    radial-gradient(ellipse at 80% 28%,rgba(18,160,133,.50) 0 11%,rgba(18,160,133,.20) 25%,transparent 40%),
    radial-gradient(ellipse at 60% 70%,rgba(200,255,238,.22) 0 7%,rgba(200,255,238,.08) 19%,transparent 31%),
    radial-gradient(ellipse at 14% 82%,rgba(7,29,27,.62) 0 19%,rgba(7,29,27,.30) 37%,transparent 52%),
    radial-gradient(ellipse at 88% 88%,rgba(7,29,27,.55) 0 17%,rgba(7,29,27,.20) 34%,transparent 48%);
  filter:blur(12px);transform:translate3d(0,0,0);animation:hero-aurora-a 9s cubic-bezier(.45,0,.55,1) infinite;will-change:transform}
.hero-aurora::before,.hero-aurora::after{content:"";position:absolute;pointer-events:none;will-change:transform,opacity}
.hero-aurora::before{inset:6% 10% 40% 8%;
  background:
    radial-gradient(ellipse at 12% 60%,rgba(64,214,196,.38) 0 8%,rgba(64,214,196,.14) 16%,transparent 26%),
    radial-gradient(ellipse at 78% 24%,rgba(120,232,205,.30) 0 9%,rgba(120,232,205,.10) 17%,transparent 28%),
    radial-gradient(ellipse at 92% 64%,rgba(18,160,133,.40) 0 8%,rgba(18,160,133,.14) 15%,transparent 25%);
  filter:blur(14px);animation:hero-aurora-b 9s -3s cubic-bezier(.37,0,.63,1) infinite}
.hero-aurora::after{inset:10% 4% 2% 12%;
  background:
    radial-gradient(ellipse at 26% 70%,rgba(190,250,232,.24) 0 8%,rgba(190,250,232,.08) 17%,transparent 26%),
    radial-gradient(ellipse at 76% 66%,rgba(9,58,51,.40) 0 16%,rgba(9,58,51,.14) 28%,transparent 42%),
    radial-gradient(ellipse at 42% 34%,rgba(27,125,107,.42) 0 14%,rgba(27,125,107,.14) 26%,transparent 40%);
  filter:blur(16px);animation:hero-aurora-c 9s -6s cubic-bezier(.45,0,.55,1) infinite}
@keyframes hero-aurora-a{0%,100%{transform:translate3d(-9%,-7%,0) scale(1.02) rotate(-4deg)}50%{transform:translate3d(11%,9%,0) scale(1.16) rotate(5deg)}}
@keyframes hero-aurora-b{0%,100%{opacity:.7;transform:translate3d(-3%,4%,0) scale(1) rotate(-3deg)}35%{opacity:1;transform:translate3d(5%,-3%,0) scale(1.08) rotate(2deg)}70%{opacity:.82;transform:translate3d(7%,3%,0) scale(1.04) rotate(4deg)}}
@keyframes hero-aurora-c{0%,100%{transform:translate3d(8%,-6%,0) scale(1.03) rotate(3deg)}50%{transform:translate3d(-10%,8%,0) scale(1.14) rotate(-5deg)}}
/* 星点轻微闪烁 */
.hero-canvas::before{animation:hero-stars 4s ease-in-out infinite}
@keyframes hero-stars{0%,100%{opacity:.55}50%{opacity:1}}
/* 大字上闪过一道光 */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
  .hero-wordmark{background:linear-gradient(105deg,#FFFFFF 0 43%,#7FE3CB 46.5%,#F2D27E 50%,#7FE3CB 53.5%,#FFFFFF 57% 100%);
    background-size:250% 100%;background-position:100% 0;background-repeat:no-repeat;
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
    animation:hero-title-shine 6s cubic-bezier(.45,0,.55,1) infinite}
  .hero-wordmark__plus{-webkit-text-fill-color:var(--brand-300)}
}
@keyframes hero-title-shine{0%,30%{background-position:100% 0}70%,100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){
  .hero-aurora,.hero-aurora::before,.hero-aurora::after,.hero-canvas::before,.hero-wordmark{animation:none}
}

/* ==================== SPEC-51 · 主营品类按楼层 ==================== */
.zone-tags li.zone-tags__floor{padding:8px 2px 8px 4px;border:0;background:none;box-shadow:none;color:var(--brand-600);font-weight:800;letter-spacing:.04em}
.zone-tags--floors{row-gap:12px}

/* ==================== SPEC-52 · 首页精选 5 支 ==================== */
@media (min-width:600px) and (max-width:899px){#works .works-grid{grid-auto-flow:column;grid-auto-columns:min(40vw,240px);grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory}}
@media (min-width:900px){#works .works-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}}

/* ==================== SPEC-55 · 手机速度 ==================== */
/* 光团本身是柔和的渐变，去掉模糊滤镜：手机上动画更顺、首屏更快 */
.hero-aurora,.hero-aurora::before,.hero-aurora::after{filter:none}

/* ==================== SPEC-56 · 手机顶部：返回键 + 菜单在左 ==================== */
.nav-back{display:none;width:44px;height:44px;flex:0 0 auto;place-items:center;padding:0;border:1px solid var(--brand-300);border-radius:50%;background:transparent;color:var(--text-on-dark);cursor:pointer}
.nav-back svg{width:22px;height:22px}
@media (max-width:1023px){
  .site-header.nav-enhanced .nav-back{display:grid;order:-2}
  .site-header.nav-enhanced .nav-toggle{order:-1}
  .site-header.nav-enhanced .site-nav{gap:10px}
  .site-header.nav-enhanced .nav-drawer__head{flex-direction:row-reverse;justify-content:flex-end;gap:14px}
}
@media (max-width:767px){.site-header.nav-enhanced .site-nav>.nav-tools .button{display:none}}

/* ==================== SPEC-57 · 首页作品展示在最上面 ==================== */
main>#works:first-child{padding-block-start:calc(72px + clamp(20px,4vw,56px))}
#cases-featured+#hero{min-height:min(88svh,820px)}
@media (max-width:767px){main>#works:first-child{padding-block-start:calc(72px + 20px)}#cases-featured+#hero{min-height:60svh}}

/* ==================== SPEC-58 · 首页 4 支精选 + 品类标签 ==================== */
.work-tag{position:absolute;top:12px;left:12px;z-index:2;padding:4px 12px;border-radius:var(--radius-pill);background:rgba(12,35,33,.72);color:#FFFFFF;font-size:13px;font-weight:700;letter-spacing:.06em;line-height:1.5;pointer-events:none}
@media (min-width:900px){#works .works-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1120px;margin-inline:auto}}

/* ==================== SPEC-60 · 页脚法律链接 ==================== */
.footer-copy{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.footer-copy a:hover{color:var(--brand-text)}
.footer-nav{grid-template-columns:1fr;max-width:none}
@media(max-width:767px){.footer-copy{justify-content:center}}

/* ==================== SPEC-63 · 八个分区 ==================== */
.video-categories .video-categories__row.video-categories__row--plain{grid-template-columns:minmax(0,1fr)}

/* spec65 手机点按区域：只加大可点范围，不改变排版 */
@media (max-width:767px){
  .site-footer .footer-legal-links a,.site-footer .footer-copy a{display:inline-block;padding-block:12px;margin-block:-12px}
  .site-header .brand{padding-block:14px;margin-block:-14px}
  .works-cat__title a,.works-zone__more,.cat-crumb a{padding-block:10px;margin-block:-10px}
}