/* ============================================================
   青海创赢官网 v6 — 3D 升级层
   FAQ 折叠 / 材料清单 / 服务保障 等新增区块样式 + 3D 打磨
   ============================================================ */

/* ---------- FAQ 折叠（details/summary） ---------- */
.faq-list{display:grid;gap:14px;margin-top:24px;perspective:1500px}
.faq-item{
  border-radius:16px;transform-style:preserve-3d;overflow:hidden;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  box-shadow:0 20px 48px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;
}
.faq-item:hover{transform:translateY(-5px) rotateX(3deg);border-color:rgba(90,160,255,.5);box-shadow:0 30px 66px -22px rgba(61,139,253,.35)}
.faq-item[open]{border-color:rgba(110,180,255,.6);background:linear-gradient(160deg,rgba(61,139,253,.10),rgba(255,255,255,.04))}
.faq-item summary{
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;
  padding:18px 22px;font-size:15.5px;font-weight:800;color:#e8efff;
  text-shadow:0 0 18px rgba(140,210,255,.28);user-select:none;transition:color .3s;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::before{
  content:"Q";flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:900;color:#fff;background:var(--grad-tech);
  box-shadow:0 10px 22px -8px rgba(61,139,253,.6),inset 0 1px 0 rgba(255,255,255,.35);
}
.faq-item .faq-arr{margin-left:auto;font-size:18px;color:#7db4ff;transition:transform .4s var(--ease);flex:none}
.faq-item[open] .faq-arr{transform:rotate(45deg);color:#ffb35c}
.faq-item p{
  margin:0;padding:0 22px 20px 68px;font-size:13.8px;color:var(--muted);line-height:1.9;
  border-top:1px dashed rgba(120,160,255,.14);padding-top:14px;
}

/* ---------- 材料清单 ---------- */
.mat-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;perspective:1400px}
.mat-item{
  display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:13px;transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  font-size:13.8px;color:#dbe6ff;
  box-shadow:0 16px 40px -18px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .45s var(--ease),border-color .35s,box-shadow .45s;
}
.mat-item:hover{transform:translateX(6px) rotateY(-4deg);border-color:rgba(255,150,60,.5);box-shadow:0 24px 52px -20px rgba(255,106,43,.3)}
.mat-item .m-ico{flex:none;font-size:17px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.45))}

/* ---------- 服务保障 ---------- */
.guar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;perspective:1600px}
.guar-item{
  position:relative;padding:26px 22px;border-radius:18px;transform-style:preserve-3d;overflow:hidden;
  background:linear-gradient(160deg,rgba(61,139,253,.10),rgba(13,22,46,.7));
  border:1px solid var(--line-2);backdrop-filter:blur(10px);text-align:center;
  box-shadow:0 26px 60px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.1);
  transition:transform .55s var(--ease),border-color .4s,box-shadow .55s;
}
.guar-item::before{
  content:"";position:absolute;inset:0 0 auto 0;height:3px;
  background:var(--grad-tech);opacity:.6;box-shadow:0 0 16px rgba(61,139,253,.8);
}
.guar-item:nth-child(2n)::before{background:var(--grad-fire);box-shadow:0 0 16px rgba(255,106,43,.8)}
.guar-item:hover{transform:translateY(-10px) rotateX(6deg) scale(1.02);border-color:rgba(120,180,255,.55);box-shadow:0 40px 80px -26px rgba(61,139,253,.45)}
.guar-item .g-ico{font-size:34px;margin-bottom:12px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.5));transform:translateZ(26px)}
.guar-item h5{font-size:16px;font-weight:800;margin-bottom:8px;color:#fff;text-shadow:0 0 20px rgba(140,210,255,.3)}
.guar-item p{font-size:13px;color:var(--muted);margin:0;line-height:1.75}

/* ---------- 3D 打磨：板块标题图标脉动光晕 ---------- */
.content-block h2 .idx{animation:idxFloat 5s ease-in-out infinite}
@keyframes idxFloat{0%,100%{transform:translateZ(18px) translateY(0)}50%{transform:translateZ(26px) translateY(-6px)}}
.content-block h2 .idx::after{
  content:"";position:absolute;inset:-4px;border-radius:18px;z-index:-1;opacity:.55;
  background:radial-gradient(circle,rgba(61,139,253,.45),transparent 70%);
  animation:idxPulse 3.4s ease-in-out infinite;
}
.content-block h2 .idx.fire::after{background:radial-gradient(circle,rgba(255,106,43,.45),transparent 70%)}
@keyframes idxPulse{0%,100%{opacity:.35;transform:scale(.92)}50%{opacity:.8;transform:scale(1.12)}}

/* ---------- 表格行悬停 3D ---------- */
.tbl-wrap table tbody tr{transition:background .3s,transform .3s}
.tbl-wrap table tbody tr:hover{background:rgba(61,139,253,.10)}

/* ---------- Hero 双公司两排：文字改小 ---------- */
.hero h1{font-size:clamp(24px,2.9vw,38px);line-height:1.3;margin-bottom:12px}
.hero h1 .cn{display:block}
.hero h1 .cn-2{display:block;font-size:.78em;letter-spacing:7px;margin-top:9px;color:#9fc6ff;opacity:.95}
.hero h1 .en{font-size:.44em;letter-spacing:5px;margin-top:10px}
@media (max-width:640px){
  .hero h1{font-size:clamp(19px,4.6vw,26px)}
  .hero h1 .cn-2{letter-spacing:3px}
}

/* ============================================================
   青海创赢官网 v7 — 终极 3D 打磨层
   光标扫光 / 流光边框 / 标题流光 / 环绕光带 / 3D 入场
   ============================================================ */

/* ---------- 1. 光标扫光（配合 effects-v6.js 写入的 --mx/--my） ---------- */
.svc-item,.how-item,.result-card,.scope-card,.value-item,.flow-item,.mat-item,.faq-item,.region-card,.rel-card,.feature-3d,.stat,.sbox-3d,.flip-card,.tilt-card,.guar-item{position:relative}
.svc-item::after,.how-item::after,.result-card::after,.scope-card::after,.value-item::after,.flow-item::after,.mat-item::after,.faq-item::after,.region-card::after,.rel-card::after,.feature-3d::after,.stat::after,.sbox-3d::after,.flip-card::after,.tilt-card::after,.guar-item::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;opacity:0;transition:opacity .45s;
  background:radial-gradient(430px circle at var(--mx,50%) var(--my,50%),rgba(150,210,255,.16),transparent 46%);
}
.svc-item:hover::after,.how-item:hover::after,.result-card:hover::after,.scope-card:hover::after,.value-item:hover::after,.flow-item:hover::after,.mat-item:hover::after,.faq-item:hover::after,.region-card:hover::after,.rel-card:hover::after,.feature-3d:hover::after,.stat:hover::after,.sbox-3d:hover::after,.flip-card:hover::after,.tilt-card:hover::after,.guar-item:hover::after{opacity:1}

/* ---------- 2. 流光边框（conic 旋转，支持 @property 的浏览器动画） ---------- */
@property --ang{syntax:"<angle>";inherits:false;initial-value:0deg}
.result-card::before{
  content:"";position:absolute;inset:-1.5px;border-radius:inherit;padding:1.5px;z-index:2;pointer-events:none;opacity:0;transition:opacity .45s;
  background:conic-gradient(from var(--ang),#3d8bfd,#7b5cff,#ff8a3d,#ffd866,#3d8bfd);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;
  animation:angSpin 3.6s linear infinite;
}
.result-card:hover::before{opacity:1}
@keyframes angSpin{to{--ang:360deg}}

/* ---------- 3. 标题流光下划线 ---------- */
.sec-head h2::after{
  content:"";display:block;position:absolute;left:0;bottom:-7px;width:88px;height:3px;border-radius:3px;
  background:linear-gradient(90deg,rgba(61,139,253,.9),rgba(255,138,61,.9));
  background-size:200% 100%;box-shadow:0 0 14px rgba(90,160,255,.55);
  animation:titleFlow 3.6s ease-in-out infinite;
}
@keyframes titleFlow{0%,100%{background-position:120% 0;width:64px}50%{background-position:-20% 0;width:120px}}
.content-block h2::after{
  content:"";flex:none;width:58px;height:3px;border-radius:3px;margin-left:2px;
  background:linear-gradient(90deg,#3d8bfd,#ff8a3d);box-shadow:0 0 12px rgba(61,139,253,.55);
  animation:linePulse 3.2s ease-in-out infinite;
}
@keyframes linePulse{0%,100%{opacity:.75;transform:scaleX(.85)}50%{opacity:1;transform:scaleX(1.08)}}

/* ---------- 4. 分割线流光 ---------- */
.divider{
  height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,rgba(61,139,253,.6),rgba(255,138,61,.6),transparent);
  background-size:200% 100%;box-shadow:0 0 18px rgba(61,139,253,.35);
  animation:dividerFlow 5s linear infinite;
}
@keyframes dividerFlow{0%{background-position:0% 0}100%{background-position:200% 0}}

/* ---------- 5. Hero 立方体环绕光带 ---------- */
.cube-stage::before{
  content:"";position:absolute;inset:-72px;border-radius:50%;z-index:-2;pointer-events:none;opacity:.55;
  background:conic-gradient(from 0deg,transparent 0 40deg,rgba(61,139,253,.55) 90deg,transparent 140deg 220deg,rgba(255,138,61,.5) 270deg,transparent 320deg);
  filter:blur(16px);animation:ringSpin 7s linear infinite;
}
@keyframes ringSpin{to{transform:rotate(360deg)}}

/* ---------- 6. 悬浮感扩展到 FAQ / 材料 / 保障 / 承诺卡 ---------- */
.faq-item,.mat-item,.guar-item,.promise-card{position:relative}

/* ---------- 7. 翻转卡 hover 更强 3D ---------- */
.flip-card:hover .flip-inner{filter:drop-shadow(0 26px 34px rgba(61,139,253,.35))}
.flip-front h3,.flip-back h4{transition:letter-spacing .4s var(--ease)}
.flip-card:hover .flip-front h3,.flip-card:hover .flip-back h4{letter-spacing:2px}

/* ---------- 8. 页面头图 3D 深度 ---------- */
.page-hero{perspective:1600px}
.page-hero .crumb-3d,.page-hero .kicker-3d,.page-hero .lead{text-shadow:0 0 22px rgba(90,160,255,.25)}

/* ============================================================
   青海创赢官网 v8c — 导航 Logo 双公司两行 + 导航 3D 文字 + 单行
   ============================================================ */
.logo-txt{display:flex;flex-direction:column;white-space:nowrap}
.logo-txt b{
  display:block;font-size:15px;line-height:1.32;color:#fff;letter-spacing:.5px;
  text-shadow:0 1px 0 rgba(255,255,255,.26),0 2px 0 rgba(61,139,253,.42),0 3px 0 rgba(8,15,36,.96),0 5px 10px rgba(0,0,0,.66);
}
.logo-txt .sub{
  display:block;font-size:10.5px;line-height:1.42;letter-spacing:2.5px;color:#9fc6ff;font-weight:600;
  text-shadow:0 1px 0 rgba(0,0,0,.85),0 0 12px rgba(61,139,253,.42);
}
.foot-brand .logo-txt b{font-size:20px}
.foot-brand .logo-txt .sub{font-size:12.5px;letter-spacing:3px}

/* 导航链接：3D 浮雕 + 单行不换行 */
.nav-links{flex-wrap:nowrap;white-space:nowrap}
.nav-links>li>a{
  white-space:nowrap;font-size:14.5px;padding:8px 12px;
  text-shadow:0 1px 0 rgba(255,255,255,.13),0 2px 0 rgba(8,15,36,.9),0 3px 6px rgba(0,0,0,.5);
}
.nav-links>li>a:hover,.nav-links>li.active>a{
  text-shadow:0 0 14px rgba(90,180,255,.82),0 1px 0 rgba(255,255,255,.26),0 2px 0 rgba(8,15,36,.92);
}
.dropdown a{text-shadow:0 1px 0 rgba(8,15,36,.9)}
.nav-cta{margin-left:8px}

/* ============================================================
   青海创赢官网 v8b — 3D 粒子背景全屏固定（铺满全部网页）
   ============================================================ */
#three-hero{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.6}
.content{position:relative;z-index:1}
@media (max-width:640px){#three-hero{opacity:.42}}

/* ============================================================
   青海创赢官网 v8 — 悬空 / 呼吸 / 凹凸终极强化
   ============================================================ */

/* ---------- 1. 卡片悬空感：更深更远的投影 + 内高光，与背景明显分离 ---------- */
.svc-item,.mode-item,.how-item,.value-item,.flow-item,.result-card,.scope-card,.rel-card,.mat-item,.faq-item,.guar-item,.promise-card{
  box-shadow:0 18px 40px -18px rgba(0,0,0,.55),0 48px 100px -42px rgba(0,0,0,.9),0 8px 24px -10px rgba(61,139,253,.16),
             inset 0 1.5px 0 rgba(255,255,255,.16),inset 0 -2px 0 rgba(0,0,0,.5);
}

/* ---------- 2. 标题凹凸强化：3D 浮雕字（静态 text-shadow，零重绘开销） ---------- */
.sec-head h2.t3d,.content-block h2,.ph-inner h2.t3d{
  text-shadow:0 1px 0 rgba(255,255,255,.24),0 2px 0 rgba(61,139,253,.38),
    0 3px 0 rgba(12,23,52,.96),0 6px 0 rgba(8,15,36,.92),0 10px 14px rgba(0,0,0,.62),0 24px 44px rgba(61,139,253,.30);
}

/* ---------- 3. 卡片 hover 悬空幅度加强（更明显的浮起） ---------- */
.svc-item:hover,.how-item:hover,.value-item:hover,.flow-item:hover,.mat-item:hover{transform:translateY(-10px) rotateX(5deg) rotateY(-3deg) scale(1.02)}
.mode-item:hover,.result-card:hover,.scope-card:hover,.guar-item:hover{transform:translateY(-12px) rotateX(6deg) scale(1.02)}
.region-card:hover{transform:translateY(-10px) rotateX(7deg)}
.stat:hover{transform:translateY(-8px)}

/* ---------- 4. 按钮 3D 凹凸 + 按压反馈 ---------- */
.btn{
  box-shadow:0 10px 24px -10px rgba(0,0,0,.65),inset 0 1.5px 0 rgba(255,255,255,.35),inset 0 -3px 0 rgba(0,0,0,.35);
  transition:transform .35s var(--ease),box-shadow .35s,background .3s;
}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 34px -12px rgba(61,139,253,.5),inset 0 1.5px 0 rgba(255,255,255,.4),inset 0 -3px 0 rgba(0,0,0,.3)}
.btn:active{transform:translateY(2px);box-shadow:0 4px 12px -6px rgba(0,0,0,.5),inset 0 3px 6px rgba(0,0,0,.45)}

/* ---------- 5. 背景呼吸：光球/网格缓慢明暗脉动（仅 opacity，不与 GSAP transform 冲突） ---------- */
.hero-bg{animation:bgBreath 9s ease-in-out infinite}
@keyframes bgBreath{0%,100%{opacity:.88}50%{opacity:1}}
.orb-lg{animation:orbBreath 12s ease-in-out infinite}
@keyframes orbBreath{0%,100%{opacity:.5}50%{opacity:.85}}
.grid-floor{animation:gridBreath 10s ease-in-out infinite}
@keyframes gridBreath{0%,100%{opacity:.55}50%{opacity:.9}}

/* ---------- 6. 理念区金字呼吸放大（已有动画基础上叠加辉光） ---------- */
.t3d-fire{animation:fireBreath 4.2s ease-in-out infinite}
@keyframes fireBreath{0%,100%{filter:drop-shadow(0 0 12px rgba(255,150,60,.35))}50%{filter:drop-shadow(0 0 30px rgba(255,150,60,.75))}}

/* ============================================================
   青海创赢官网 v9 — 渲染精修（流畅度优先，3D 效果全保留）
   ============================================================ */

/* ---------- 1. 移除全站卡片/导航毛玻璃（动态画布上每帧重模糊 = 最大 GPU 开销） ---------- */
body *{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.dropdown,.mobile-nav{backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}
.navbar{
  background:rgba(4,6,13,.94);
  box-shadow:0 8px 30px -14px rgba(0,0,0,.75);
}
.navbar.scrolled{background:rgba(4,6,13,.97)}

/* ---------- 2. 补偿：卡片层次感（半透明实底 + 内高光，观感不变） ---------- */
.svc-item,.mode-item,.how-item,.value-item,.flow-item,.result-card,.scope-card,.rel-card,.mat-item,.faq-item,.guar-item,.feature-3d,.region-card,.tilt-card,.flip-card,.panel-3d,.stat,.sbox-3d,.promise-card{
  background-color:rgba(11,18,38,.74)!important;
}

/* ---------- 3. 大模糊光球降载：动画改为纯 opacity（不与 transform 冲突） ---------- */
.orb-lg{animation:orbBreathV9 14s ease-in-out infinite alternate}
@keyframes orbBreathV9{from{opacity:.38}to{opacity:.6}}

/* ---------- 4. 移动端轻量模式：静态大标题阴影减半，保证低端机流畅 ---------- */
@media (max-width:768px){
  .t3d-deep{filter:drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 2px 0 rgba(16,30,64,.9)) drop-shadow(0 4px 0 rgba(9,17,42,.85)) drop-shadow(0 10px 14px rgba(0,0,0,.55))}
  .orb-lg{filter:blur(50px);opacity:.35}
  .cube-glow{filter:blur(40px)}
}

/* ---------- 响应式 ---------- */
@media (max-width:980px){
  .mat-list{grid-template-columns:1fr}
  .guar-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .faq-item summary{font-size:14.5px;padding:16px 16px}
  .faq-item p{padding-left:16px}
  .guar-grid{grid-template-columns:1fr}
}

/* ============================================================
   青海创赢官网 v10 — 渲染精修层（手机/电脑双端流畅度，3D 效果全保留）
   ============================================================ */

/* ---------- 1. 移动端视口高度修正：浏览器工具栏伸缩不再跳动 ---------- */
.hero{min-height:100vh;min-height:100svh}

/* ---------- 2. 锚点定位避开固定导航（配合 Lenis 偏移双保险） ---------- */
[id]{scroll-margin-top:calc(var(--nav-h) + 14px)}

/* ---------- 3. 触屏设备省电层：暂停全部常驻无限动画（呼吸/漂浮/流光/跑马灯）
      仅影响 CSS 常驻动效；WebGL、翻转卡 3D、滚动入场、视差、文字凹凸全部保留 ---------- */
@media(hover:none),(pointer:coarse){
  .floating,.orb-lg,.grid-floor,.hero-bg,.hero-badge,.slogan-3d,.logo-mark,
  .sec-head h2,.content-block h2 .idx,.content-block h2 .idx::after,
  .sec-head h2::after,.content-block h2::after,.divider,.cube-stage::before,
  .t3d-fire,.tilt-card::before,.sbox-3d::before,.svc-item::before,.rel-card::before,
  .feature-3d::before,.flip-front::after,.marquee-track,body::before{animation:none!important}
  .floating{will-change:auto}
  .marquee-track{width:100%;flex-wrap:wrap;justify-content:center;gap:6px 22px;animation:none!important}
}

/* ---------- 4. 电脑端长页面滚动更跟手：Lenis 阻尼不变，滚动条更细不占位跳版 ---------- */
@media(hover:hover) and (pointer:fine){
  html{scrollbar-gutter:stable}
  ::-webkit-scrollbar{width:8px}
}

/* ---------- 5. 翻页/加载更顺：图片与装饰不响应点击 ---------- */
img,svg{max-width:100%;height:auto;-webkit-user-drag:none;user-select:none}

/* ============================================================
   青海创赢官网 v11 — 触屏交互与响应速度精修（3D 效果全保留）
   ============================================================ */

/* ---------- 1. 触屏交互细节：去掉点击高亮灰块、消除双击缩放延迟 ---------- */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
*{-webkit-tap-highlight-color:transparent}
a,button,.btn,.nav-toggle,.faq-item summary,.flip-card{cursor:pointer;touch-action:manipulation}

/* ---------- 2. 触屏端移动菜单毛玻璃降档（全屏模糊是低端机重负载） ---------- */
@media(hover:none),(pointer:coarse){
  .mobile-nav{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important}
}

/* ---------- 3. 桌面端滚动条渐变更细腻 ---------- */
@media(hover:hover) and (pointer:fine){
  ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--cyan),var(--blue),var(--fire))}
}

/* ============================================================
   青海创赢官网 v12 — 闪屏修复 + 双端滚动流畅度（3D 效果全保留）
   ============================================================ */

/* ---------- 1. 无 JS 兜底：脚本失败/禁用时内容直接可见（防白屏闪烁） ---------- */
html:not(.js) .g-reveal,
html:not(.js) .g-reveal-left,
html:not(.js) .g-reveal-right,
html:not(.js) .g-reveal-flip,
html:not(.js) .g-reveal-zoom,
html:not(.js) .g-flip-card{opacity:1!important;transform:none!important;filter:none!important}

/* ---------- 2. 触屏闪屏修复：暂停全站常驻动画，仅保留签名 3D 立方体旋转与加载动画
       （preserve-3d 旋转合成器白闪是移动端闪屏头号根因；翻转卡/倾斜/粒子/文字凹凸不受影响） ---------- */
@media(hover:none),(pointer:coarse){
  .preloader,.preloader *{animation-play-state:running!important}
  .cube-spin{animation-play-state:running!important}
  *{animation-play-state:paused!important}
  /* 大模糊层降载：滚动中不再逐帧重模糊（模糊静态一次、动画/位移只走合成器） */
  .cube-glow{filter:none!important}
  .orb-lg{filter:none!important}
  .page-hero .orb{filter:none!important}
}

/* ============================================================
   青海创赢官网 v13 — 业务分类重构后收尾精修
   （导航 9 项防溢出 / 中等宽度紧凑适配，3D 效果全保留）
   ============================================================ */

/* ---------- 1. 中等宽度窗口（1101-1280px）：导航 9 项紧凑化，杜绝横向溢出 ---------- */
@media(min-width:1101px) and (max-width:1280px){
  .nav-links>li>a{font-size:13.5px;padding:8px 9px}
  .nav-links>li>.dropdown{min-width:228px}
  .logo-txt b{font-size:14px}
  .logo-txt .sub{font-size:10px;letter-spacing:2px}
  .nav-cta .btn{font-size:13.5px;padding:9px 16px!important}
}

/* ---------- 2. 更宽窗口兜底：导航整体允许横向微缩，杜绝任何宽度下挤出 ---------- */
.nav-links{flex-wrap:nowrap}
@media(min-width:1281px) and (max-width:1400px){
  .nav-links>li>a{font-size:14px;padding:8px 10px}
  .logo-txt b{font-size:14.5px}
}

/* ============================================================
   青海创赢官网 v14 — 极致 3D 升级层（桌面端专用，移动端保持防闪屏优化）
   悬空感 / 呼吸感 / 凹凸感 / 3D 层次 全面强化
   ============================================================ */

@media(hover:hover) and (pointer:fine){

  /* ---------- 1. 悬空感：卡片常驻深层投影 + 冷色辉光，与背景明显分离 ---------- */
  .tilt-card,.flip-card,.svc-item,.mode-item,.how-item,.value-item,.flow-item,.tl-item-3d,.stage-3d,.result-card,.scope-card,.rel-card,.sbox-3d,.region-card,.feature-3d,.promise-card,.mat-item,.faq-item,.guar-item{
    box-shadow:0 18px 40px -18px rgba(0,0,0,.62),0 64px 130px -48px rgba(0,0,0,.95),
      0 12px 34px -14px rgba(61,139,253,.26),0 0 0 1px rgba(130,185,255,.07),
      inset 0 1.5px 0 rgba(255,255,255,.2),inset 0 -2px 0 rgba(0,0,0,.5);
  }

  /* ---------- 2. hover 辉光加深（transform 交给 JS 3D 倾斜层，避免冲突） ---------- */
  .tilt-card:hover,.flip-card:hover,.svc-item:hover,.mode-item:hover,.how-item:hover,.value-item:hover,.flow-item:hover,.tl-item-3d:hover,.stage-3d:hover,.result-card:hover,.scope-card:hover,.rel-card:hover,.sbox-3d:hover,.region-card:hover,.feature-3d:hover,.promise-card:hover,.mat-item:hover,.faq-item:hover,.guar-item:hover{
    box-shadow:0 26px 54px -20px rgba(0,0,0,.7),0 90px 170px -56px rgba(61,139,253,.42),
      0 0 46px rgba(90,170,255,.2),0 0 0 1px rgba(140,195,255,.16),
      inset 0 1.5px 0 rgba(255,255,255,.26),inset 0 -2px 0 rgba(0,0,0,.5);
  }

  /* ---------- 3. 呼吸感：kicker 辉光呼吸 / 分割线脉动（纯文字阴影+透明度，零重绘开销） ---------- */
  .kicker-3d{animation:kickerV14 4.2s ease-in-out infinite}
  @keyframes kickerV14{0%,100%{text-shadow:0 0 12px rgba(90,170,255,.35)}50%{text-shadow:0 0 26px rgba(120,200,255,.75)}}
  .sec-line{animation:secLineV14 3.6s ease-in-out infinite}
  @keyframes secLineV14{0%,100%{opacity:.6;transform:scaleX(.92)}50%{opacity:1;transform:scaleX(1.05)}}
  .faq-item summary{transition:color .3s,text-shadow .3s}
  .faq-item[open] summary{text-shadow:0 0 22px rgba(120,200,255,.65)}

  /* ---------- 4. 凹凸感强化：标题 / 金字 / 浮雕文字更多层次 ---------- */
  .t3d{filter:drop-shadow(0 1px 0 rgba(255,255,255,.26)) drop-shadow(0 2px 0 rgba(61,139,253,.4))
    drop-shadow(0 4px 0 rgba(12,24,56,.97)) drop-shadow(0 6px 0 rgba(9,18,44,.97))
    drop-shadow(0 9px 0 rgba(7,14,34,.95)) drop-shadow(0 12px 5px rgba(0,0,0,.62))
    drop-shadow(0 26px 42px rgba(0,0,0,.68)) drop-shadow(0 46px 80px rgba(61,139,253,.26))}
  .t3d-deep{filter:drop-shadow(0 1px 0 rgba(255,255,255,.28)) drop-shadow(0 2px 0 rgba(61,139,253,.44))
    drop-shadow(0 3px 0 rgba(16,30,64,.98)) drop-shadow(0 5px 0 rgba(12,23,52,.98))
    drop-shadow(0 7px 0 rgba(9,17,42,.96)) drop-shadow(0 10px 0 rgba(7,13,32,.94))
    drop-shadow(0 14px 4px rgba(0,0,0,.66)) drop-shadow(0 26px 26px rgba(0,0,0,.58))
    drop-shadow(0 52px 92px rgba(61,139,253,.3))}
  .t3d-fire{filter:drop-shadow(0 1px 0 rgba(255,255,255,.2)) drop-shadow(0 2px 0 rgba(255,106,43,.36))
    drop-shadow(0 4px 0 rgba(60,16,0,.94)) drop-shadow(0 7px 0 rgba(40,10,0,.94))
    drop-shadow(0 10px 0 rgba(28,7,0,.92)) drop-shadow(0 14px 4px rgba(0,0,0,.6))
    drop-shadow(0 30px 42px rgba(255,106,43,.3))}
  .emboss{text-shadow:0 1px 0 rgba(255,255,255,.26),0 -1px 1px rgba(0,0,0,.96),0 -2px 3px rgba(0,0,0,.72),
    0 0 22px rgba(61,139,253,.55),0 0 66px rgba(61,139,253,.3)}

  /* ---------- 5. 3D 层次：板块标题视差底座 + 卡片编号立体 ---------- */
  .sec-head{perspective:1100px}
  .sec-head h2{transform-style:preserve-3d}
  .content-block h2 .idx{transform-style:preserve-3d}
  .flow-item .f-n{text-shadow:0 2px 0 rgba(8,15,36,.95),0 4px 0 rgba(6,11,28,.9),0 8px 16px rgba(0,0,0,.6)}
  .tl-item-3d .step-cube i{text-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 0 rgba(8,15,36,.9),0 4px 8px rgba(0,0,0,.55)}

  /* ---------- 6. 翻转卡：悬浮光更强 + 背面浮层 ---------- */
  .flip-card:hover .flip-inner{filter:drop-shadow(0 34px 46px rgba(61,139,253,.45))}
  .flip-back{background:linear-gradient(165deg,rgba(61,139,253,.3),rgba(10,18,40,.96) 62%)}
}

/* ============================================================
   青海创赢官网 v15 — 25 大业务板块适配层
   页脚 6 列布局 / 下拉菜单超高适配 / 首页 svc-item 可点击 3D
   ============================================================ */

/* ---------- 1. 页脚 6 列（品牌 + 5 内容列） ---------- */
.foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.2fr}
@media(max-width:1100px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.foot-grid{grid-template-columns:1fr}}

/* ---------- 2. 7 项下拉菜单适配（消防安全 / 评估环保） ---------- */
.nav-links>li>.dropdown{min-width:250px;max-height:calc(100vh - 100px);overflow:auto}

/* ---------- 3. 首页 svc-item 可点击（手型 + 点击反馈） ---------- */
.svc-item{cursor:pointer}
.svc-item:active{transform:translateY(-2px) scale(.99)}

/* ---------- 4. 新业务区标题与分隔 ---------- */
#fire .sec-head h2,#assess .sec-head h2{letter-spacing:1px}

/* ============================================================
   青海创赢官网 v16 — 标题虚影与文字间距精修 + 滚动流畅度
   （保留 3D 凹凸挤出，收敛远程光晕防覆盖；间距给光晕留呼吸空间）
   ============================================================ */

/* ---------- 1. 标题与正文间距：杜绝虚影覆盖下方文字 ---------- */
.sec-head h2{margin-bottom:26px}
.sec-head p{margin-top:4px;line-height:1.9}
.content-block h2{margin-bottom:22px}
.content-block .sub-tip{margin-bottom:26px}
.hero h1{margin-bottom:20px}
.hero .slogan-3d{margin-top:14px}
.philosophy h2,.ph-inner h2{margin-bottom:22px}
.cta-band-3d h2{margin-bottom:18px}

/* ---------- 2. 一级标题虚影收敛：保留近层 3D 挤出，削减远程大光晕 ---------- */
.t3d,.t3d-deep,.t3d-fire{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.24)) drop-shadow(0 2px 0 rgba(61,139,253,.34))
    drop-shadow(0 4px 0 rgba(12,24,56,.95)) drop-shadow(0 6px 0 rgba(9,18,44,.95))
    drop-shadow(0 8px 0 rgba(7,14,34,.9)) drop-shadow(0 10px 5px rgba(0,0,0,.45))
    drop-shadow(0 16px 26px rgba(0,0,0,.4)) drop-shadow(0 24px 40px rgba(61,139,253,.16));
}
.t3d-deep{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.26)) drop-shadow(0 2px 0 rgba(61,139,253,.38))
    drop-shadow(0 3px 0 rgba(16,30,64,.97)) drop-shadow(0 5px 0 rgba(12,23,52,.97))
    drop-shadow(0 7px 0 rgba(9,17,42,.95)) drop-shadow(0 9px 0 rgba(7,13,32,.92))
    drop-shadow(0 11px 5px rgba(0,0,0,.5)) drop-shadow(0 16px 20px rgba(0,0,0,.38))
    drop-shadow(0 24px 40px rgba(61,139,253,.16));
}
.t3d-fire{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.2)) drop-shadow(0 2px 0 rgba(255,106,43,.34))
    drop-shadow(0 4px 0 rgba(60,16,0,.93)) drop-shadow(0 7px 0 rgba(40,10,0,.93))
    drop-shadow(0 9px 0 rgba(28,7,0,.9)) drop-shadow(0 11px 5px rgba(0,0,0,.48))
    drop-shadow(0 18px 28px rgba(255,106,43,.2));
}
.emboss{text-shadow:0 1px 0 rgba(255,255,255,.24),0 -1px 1px rgba(0,0,0,.94),0 -2px 3px rgba(0,0,0,.66),
  0 0 16px rgba(61,139,253,.5),0 0 40px rgba(61,139,253,.24)}

/* ---------- 3. 标题文字阴影（v8 的 44px 光晕）同步收敛 ---------- */
.sec-head h2.t3d,.content-block h2,.ph-inner h2.t3d{
  text-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 0 rgba(61,139,253,.3),
    0 3px 0 rgba(12,23,52,.92),0 5px 0 rgba(8,15,36,.9),0 8px 12px rgba(0,0,0,.5),0 14px 24px rgba(61,139,253,.18);
}
.sec-head h2{text-shadow:0 1px 0 rgba(255,255,255,.2),0 2px 0 rgba(61,139,253,.3),
  0 3px 0 rgba(12,23,52,.92),0 5px 0 rgba(8,15,36,.9),0 8px 12px rgba(0,0,0,.5),0 14px 24px rgba(61,139,253,.18)}

/* ---------- 4. 卡片标题间距微调（翻转卡/流程卡标题与描述） ---------- */
.flip-front h3,.flip-back h4{margin-bottom:10px}
.flow-item h5,.mode-item h5,.value-item b,.tl-item-3d h4,.stage-3d h4{margin-bottom:8px}

/* ============================================================
   青海创赢官网 v18 — 九大条线 36 板块适配
   ============================================================ */

/* 页脚 7 列（品牌 + 6 内容列） */
.foot-grid{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1fr 1.2fr}
@media(max-width:1100px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.foot-grid{grid-template-columns:1fr}}

/* 导航 10 项中等宽度紧凑 */
@media(min-width:1101px) and (max-width:1280px){
  .nav-links>li>a{font-size:13px;padding:7px 8px}
  .logo-txt b{font-size:13.5px}
  .logo-txt .sub{font-size:9.5px;letter-spacing:1.5px}
}

/* ============================================================
   青海创赢官网 v19 — 新 LOGO/二维码适配 + 视口外动画暂停（流畅度）
   ============================================================ */

/* ---------- 1. 新 LOGO 图片（附件一）适配导航/页脚 ---------- */
.logo-img{
  width:44px;height:44px;border-radius:12px;object-fit:cover;flex:none;
  box-shadow:0 0 20px rgba(255,106,43,.45),0 8px 20px -8px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.25);
  animation:logoFloat 4.5s ease-in-out infinite;
  transform:translateZ(0);
}
.foot-brand .logo-img{width:52px;height:52px;border-radius:14px}

/* ---------- 2. 微信二维码样式 ---------- */
.qr-img{
  display:block;width:128px;height:128px;border-radius:12px;margin-top:8px;
  border:1px solid var(--line-2);box-shadow:0 14px 30px -12px rgba(0,0,0,.65);
}

/* ---------- 3. 视口外暂停常驻动画（配合 main.js IntersectionObserver，桌面省 GPU） ---------- */
.paused *{animation-play-state:paused!important}
@media(hover:none),(pointer:coarse){.paused *{animation-play-state:inherit}}

/* v19.1 — LOGO/二维码尺寸收窄 */
.logo-img{width:36px;height:36px;border-radius:10px}
.foot-brand .logo-img{width:44px;height:44px;border-radius:12px}
.qr-img{width:88px;height:88px;border-radius:10px}

/* ============================================================
   青海创赢官网 v20 — 联系我们页样式
   ============================================================ */
.contact-tel{font-size:22px;font-weight:900;letter-spacing:1px}
.contact-tel a{color:#ffd866;text-decoration:none;text-shadow:0 0 18px rgba(255,176,32,.5)}
.contact-tel a:hover{color:#fff}
.contact-slogan{
  text-align:center;margin:34px auto 6px;padding:22px 20px;border-radius:18px;
  background:linear-gradient(120deg,rgba(255,106,43,.12),rgba(61,139,253,.12));
  border:1px solid rgba(255,150,60,.35);
}
.contact-slogan .t3d-fire{font-size:clamp(26px,3.4vw,40px);font-weight:900;letter-spacing:10px}
.contact-slogan .sep{margin:0 18px;color:#7db4ff;font-size:24px}
.contact-slogan small{display:block;margin-top:10px;color:var(--muted);font-size:12px;letter-spacing:4px}
.contact-imgs{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.contact-img-card{
  display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 26px;border-radius:18px;
  background:rgba(11,18,38,.74);border:1px solid var(--line-2);
  box-shadow:0 20px 48px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.1);
}
.contact-img-card span{color:#cfe0ff;font-size:13.5px;letter-spacing:1px}
.contact-logo{width:96px;height:96px;border-radius:22px;object-fit:cover;box-shadow:0 0 30px rgba(255,106,43,.5)}
.contact-img-card .qr-img{margin-top:0}
@media(max-width:640px){
  .contact-tel{font-size:18px}
  .contact-slogan .sep{margin:0 8px}
}

/* ============================================================
   青海创赢官网 v22 — PC/手机双端流畅度与跳屏精修（3D 全保留）
   ============================================================ */

/* ---------- 1. 减少常驻合成层：漂浮卡去掉 will-change（动画本身已走合成器，空闲不再占 50+ 层） ---------- */
.floating{will-change:auto}

/* ---------- 2. 触屏跳屏加固：首屏与装饰层滚动中保持稳定 ---------- */
@media(hover:none),(pointer:coarse){
  .hero .hero-inner,.hero-left,.hero-3d{opacity:1!important;transform:none!important}
  .grid-floor{opacity:.5!important;transform:translateX(-50%) perspective(760px) rotateX(78deg)!important}
  body::before{opacity:.85!important}
}

/* ---------- 3. 桌面滚动更稳：滚动条常驻不跳动（v10 已有 scrollbar-gutter，补充 overscroll 平滑） ---------- */
@media(hover:hover) and (pointer:fine){
  html{overscroll-behavior-y:auto}
  body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
}