/* ============================================================
   青海创赢科技服务有限公司 cnwin.net — 3D 设计系统 v2
   世界级 3D 视觉：层次感 / 悬空感 / 裸眼3D / 凹凸文字 / 翻转卡片
   引擎：Three.js(WebGL) + GSAP(ScrollTrigger) + Lenis(平滑滚动)
   ============================================================ */

:root{
  --bg:#04060d;
  --bg-2:#070d1f;
  --bg-3:#0b1530;
  --glass:rgba(255,255,255,.045);
  --glass-2:rgba(255,255,255,.085);
  --line:rgba(140,170,255,.16);
  --line-2:rgba(140,170,255,.32);
  --text:#eef2fb;
  --muted:#a7b1cc;
  --dim:#68749a;
  --blue:#3d8bfd;
  --cyan:#2dd4ff;
  --violet:#7c5cff;
  --fire:#ff6a2b;
  --fire-2:#ffb020;
  --grad-tech:linear-gradient(135deg,#2dd4ff,#3d8bfd 55%,#7c5cff);
  --grad-fire:linear-gradient(135deg,#ff5f2e,#ffb020);
  --grad-text:linear-gradient(120deg,#8fdcff,#4d9bff 45%,#c792ff);
  --shadow:0 30px 70px -20px rgba(0,0,0,.75);
  --radius:20px;
  --nav-h:74px;
  --ease:cubic-bezier(.22,.9,.28,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:auto}
body{
  background:var(--bg);
  color:var(--text);
  font-family:"Microsoft YaHei","PingFang SC","Segoe UI",system-ui,-apple-system,sans-serif;
  line-height:1.78;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
::selection{background:rgba(61,139,253,.4);color:#fff}
::-webkit-scrollbar{width:9px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--cyan),var(--blue),var(--fire));border-radius:8px}

a{color:inherit;text-decoration:none}
ul{list-style:none}
.wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.grad-text{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}
.fire-text{background:var(--grad-fire);-webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- 3D 文字工具 ---------- */
/* 立体挤出文字（裸眼3D 效果：多层 drop-shadow 模拟厚度） */
.t3d{
  background:var(--grad-text);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.14)) drop-shadow(0 2px 0 rgba(61,139,253,.25))
         drop-shadow(0 4px 0 rgba(10,20,50,.9)) drop-shadow(0 6px 0 rgba(8,16,40,.9))
         drop-shadow(0 9px 2px rgba(0,0,0,.45)) drop-shadow(0 18px 26px rgba(0,0,0,.55));
}
.t3d-fire{
  background:var(--grad-fire);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.16)) drop-shadow(0 2px 0 rgba(255,106,43,.3))
         drop-shadow(0 4px 0 rgba(60,16,0,.9)) drop-shadow(0 7px 0 rgba(40,10,0,.9))
         drop-shadow(0 12px 3px rgba(0,0,0,.5)) drop-shadow(0 22px 30px rgba(255,106,43,.22));
}
/* 凹凸雕刻文字 */
.emboss{
  color:#c9d6f5;
  text-shadow:0 1px 0 rgba(255,255,255,.14),0 -1px 1px rgba(0,0,0,.85),
              0 0 16px rgba(61,139,253,.35),0 0 40px rgba(61,139,253,.18);
}
.engrave{
  color:#0c1226;
  text-shadow:0 1px 0 rgba(160,190,255,.28),0 -1px 2px rgba(0,0,0,.9);
}

/* ---------- 预加载 ---------- */
.preloader{
  position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;gap:26px;
  align-items:center;justify-content:center;background:#04060d;transition:opacity .7s ease,visibility .7s;
}
.preloader.done{opacity:0;visibility:hidden;pointer-events:none}
.pre-cube{width:64px;height:64px;transform-style:preserve-3d;animation:preSpin 1.6s linear infinite}
.pre-cube i{position:absolute;inset:0;border:2px solid rgba(90,160,255,.55);border-radius:10px;background:rgba(61,139,253,.06)}
.pre-cube i:nth-child(1){transform:translateZ(32px)}
.pre-cube i:nth-child(2){transform:rotateY(180deg) translateZ(32px)}
.pre-cube i:nth-child(3){transform:rotateY(90deg) translateZ(32px)}
.pre-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(32px)}
.pre-cube i:nth-child(5){transform:rotateX(90deg) translateZ(32px)}
.pre-cube i:nth-child(6){transform:rotateX(-90deg) translateZ(32px)}
@keyframes preSpin{from{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}
.pre-bar{width:220px;height:3px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.pre-bar i{display:block;height:100%;width:0;background:var(--grad-fire);box-shadow:0 0 14px rgba(255,106,43,.8)}
.pre-txt{font-size:13px;letter-spacing:6px;color:var(--dim)}

/* ---------- 光标光晕 ---------- */
.cursor-glow{
  position:fixed;left:0;top:0;width:520px;height:520px;border-radius:50%;z-index:1;pointer-events:none;
  background:radial-gradient(circle,rgba(61,139,253,.10),rgba(124,92,255,.05) 40%,transparent 70%);
  transform:translate(-50%,-50%);mix-blend-mode:screen;
}
.cursor-dot{
  position:fixed;left:0;top:0;width:10px;height:10px;border-radius:50%;z-index:9998;pointer-events:none;
  background:#fff;box-shadow:0 0 12px rgba(90,180,255,.9),0 0 30px rgba(61,139,253,.6);
  transform:translate(-50%,-50%);
}
@media(hover:none){.cursor-glow,.cursor-dot{display:none}}

/* ---------- 滚动进度 ---------- */
.scroll-progress{
  position:fixed;top:0;left:0;height:3px;width:100%;z-index:2000;pointer-events:none;
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--fire),var(--fire-2));
  transform-origin:left;transform:scaleX(0);box-shadow:0 0 14px rgba(61,139,253,.7);
}

/* ---------- 导航 ---------- */
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);
  display:flex;align-items:center;
  background:rgba(4,6,13,.4);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-bottom:1px solid transparent;transition:all .4s var(--ease);
  transform:translateZ(0);
}
.navbar.scrolled{background:rgba(4,6,13,.82);border-bottom-color:var(--line);box-shadow:0 14px 40px -16px rgba(0,0,0,.8)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;width:100%}
.logo{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:800;letter-spacing:.5px}
.logo-mark{
  width:44px;height:44px;border-radius:14px;position:relative;flex:none;transform-style:preserve-3d;
  background:var(--grad-fire);
  box-shadow:0 0 26px rgba(255,106,43,.5),inset 0 0 0 1px rgba(255,255,255,.2);
  animation:logoFloat 4.5s ease-in-out infinite;
}
.logo-mark::before{content:"";position:absolute;inset:8px;border-radius:9px;background:#04060d;transform:translateZ(-8px);box-shadow:inset 0 0 18px rgba(255,106,43,.35)}
.logo-mark::after{content:"创";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;color:#ffb020;transform:translateZ(8px);text-shadow:0 0 12px rgba(255,176,32,.8)}
@keyframes logoFloat{0%,100%{transform:translateY(0) rotateY(0)}50%{transform:translateY(-4px) rotateY(14deg)}}
.logo b{color:#fff}
.logo .sub{display:block;font-size:9.5px;letter-spacing:3.5px;color:var(--muted);font-weight:400}
.nav-links{display:flex;align-items:center;gap:2px}
.nav-links>li{position:relative;perspective:800px}
.nav-links>li>a{
  display:flex;align-items:center;gap:6px;padding:9px 15px;border-radius:12px;
  font-size:15px;color:var(--muted);transition:all .3s;position:relative;z-index:2;
}
.nav-links>li>a:hover,.nav-links>li.active>a{color:#fff;text-shadow:0 0 14px rgba(90,180,255,.7)}
.nav-links>li>a::before{
  content:"";position:absolute;inset:0;border-radius:12px;opacity:0;transition:opacity .3s;
  background:linear-gradient(135deg,rgba(61,139,253,.16),rgba(124,92,255,.10));box-shadow:inset 0 0 0 1px rgba(90,160,255,.3);
}
.nav-links>li>a:hover::before,.nav-links>li.active>a::before{opacity:1}
.nav-links .caret{font-size:9px;transition:transform .3s}
.nav-links>li:hover .caret{transform:rotate(180deg)}
.dropdown{
  position:absolute;top:calc(100% + 12px);left:50%;min-width:250px;padding:10px;border-radius:18px;
  background:rgba(8,13,28,.96);border:1px solid var(--line);box-shadow:var(--shadow);
  backdrop-filter:blur(16px);display:grid;gap:2px;
  transform:translateX(-50%) rotateX(-18deg);transform-origin:top center;
  opacity:0;visibility:hidden;transition:all .4s var(--ease);
}
.nav-links>li:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) rotateX(0)}
.dropdown a{
  display:flex;align-items:center;gap:11px;padding:9px 13px;border-radius:11px;
  font-size:14px;color:var(--muted);transition:all .25s;transform:translateZ(0);
}
.dropdown a:hover{color:#fff;background:rgba(61,139,253,.15);transform:translateX(5px);text-shadow:0 0 12px rgba(90,180,255,.6)}
.dropdown .dot{width:6px;height:6px;border-radius:50%;background:var(--grad-fire);box-shadow:0 0 8px rgba(255,106,43,.8);flex:none}
.nav-cta{margin-left:12px}
.nav-toggle{display:none;background:rgba(255,255,255,.05);border:1px solid var(--line-2);color:#fff;width:44px;height:40px;border-radius:12px;font-size:20px;cursor:pointer;align-items:center;justify-content:center}
.mobile-nav{
  position:fixed;top:var(--nav-h);left:0;right:0;z-index:999;
  background:rgba(5,8,17,.98);border-bottom:1px solid var(--line);
  padding:14px 24px 22px;display:none;max-height:calc(100vh - var(--nav-h));overflow:auto;backdrop-filter:blur(20px);
}
.mobile-nav.open{display:block;animation:fadeDown .35s var(--ease)}
.mobile-nav .m-group{font-size:12px;color:var(--dim);letter-spacing:2px;margin:16px 0 8px}
.mobile-nav a{display:block;padding:9px 12px;border-radius:10px;color:var(--muted);font-size:15px}
.mobile-nav a:hover{color:#fff;background:rgba(255,255,255,.06)}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;gap:9px;padding:14px 30px;border-radius:14px;
  font-size:15px;font-weight:700;cursor:pointer;border:none;transition:all .35s var(--ease);
  white-space:nowrap;position:relative;overflow:hidden;transform:translateZ(0);
}
.btn::after{
  content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;
  background:linear-gradient(105deg,transparent,rgba(255,255,255,.35),transparent);
  transform:skewX(-20deg);transition:left .6s var(--ease);
}
.btn:hover::after{left:140%}
.btn-fire{background:var(--grad-fire);color:#fff;box-shadow:0 14px 32px -10px rgba(255,106,43,.65),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-fire:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 22px 44px -10px rgba(255,106,43,.8)}
.btn-tech{background:var(--grad-tech);color:#fff;box-shadow:0 14px 32px -10px rgba(61,139,253,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.btn-tech:hover{transform:translateY(-4px) scale(1.03);box-shadow:0 22px 44px -10px rgba(61,139,253,.75)}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--line-2);backdrop-filter:blur(8px)}
.btn-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-4px) scale(1.03)}
.btn .ico{font-size:16px}

/* ---------- Hero ---------- */
.hero{
  position:relative;min-height:100vh;display:flex;align-items:center;
  padding:calc(var(--nav-h) + 30px) 0 40px;overflow:hidden;perspective:1600px;
}
#three-hero{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-bg{
  position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(1000px 560px at 78% 20%,rgba(61,139,253,.17),transparent 60%),
    radial-gradient(760px 500px at 8% 82%,rgba(255,106,43,.13),transparent 60%),
    radial-gradient(560px 440px at 55% 45%,rgba(124,92,255,.08),transparent 65%);
}
.hero-inner{position:relative;z-index:3;display:grid;grid-template-columns:1.12fr .88fr;gap:44px;align-items:center}
/* 视差层 */
.hero-left,.hero-3d{transform-style:preserve-3d;will-change:transform}

.hero-badge{
  display:inline-flex;align-items:center;gap:9px;padding:9px 18px;border-radius:999px;
  border:1px solid var(--line-2);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);
  font-size:13px;color:var(--muted);letter-spacing:1.5px;margin-bottom:24px;
  box-shadow:0 10px 30px -12px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);
  animation:floatY 5.5s ease-in-out infinite;
}
.hero-badge .pulse{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:pulse 1.8s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,.55)}70%{box-shadow:0 0 0 10px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}

.hero h1{font-size:clamp(40px,5.4vw,68px);line-height:1.14;font-weight:900;letter-spacing:2px;margin-bottom:14px}
.hero h1 .cn{display:block}
.hero h1 .en{display:block;font-size:.42em;letter-spacing:5px;color:var(--muted);font-weight:600;margin-top:6px;text-shadow:0 2px 14px rgba(0,0,0,.6)}

.slogan-3d{
  display:inline-block;margin:6px 0 22px;padding:10px 22px;border-radius:14px;
  background:rgba(255,106,43,.10);border:1px solid rgba(255,106,43,.4);
  font-size:clamp(17px,2vw,23px);font-weight:900;letter-spacing:8px;
  color:transparent;background-image:var(--grad-fire);-webkit-background-clip:text;background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.2)) drop-shadow(0 3px 0 rgba(40,10,0,.9)) drop-shadow(0 8px 16px rgba(255,106,43,.35));
  animation:floatY 6s ease-in-out infinite .8s;
}
.hero .lead{color:var(--muted);font-size:17px;max-width:580px;margin-bottom:32px;text-shadow:0 2px 12px rgba(0,0,0,.5)}
.hero .lead strong{color:#fff}
.hero-ctas{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:48px}
.hero-stats{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:28px;max-width:640px}
.stat{padding-right:36px;margin-right:36px;border-right:1px solid var(--line);transform:translateZ(30px)}
.stat:last-child{border-right:none;margin-right:0;padding-right:0}
.stat .num{font-size:31px;font-weight:900;background:var(--grad-tech);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px rgba(61,139,253,.35))}
.stat .num.fire{background:var(--grad-fire);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 8px rgba(255,106,43,.35))}
.stat .lbl{font-size:12.5px;color:var(--dim);letter-spacing:1px}

/* 右侧 3D 场景：旋转立方体 + 轨道环 + 悬浮面板 */
.hero-3d{display:flex;justify-content:center;align-items:center;min-height:460px;position:relative}
.cube-stage{position:relative;width:300px;height:300px;transform-style:preserve-3d;animation:cubeFloat 7s ease-in-out infinite}
.cube-spin{position:absolute;inset:0;transform-style:preserve-3d;animation:cubeSpin 22s linear infinite}
@keyframes cubeSpin{from{transform:rotateX(-16deg) rotateY(0)}to{transform:rotateX(-16deg) rotateY(360deg)}}
@keyframes cubeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
.cube-face{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  background:rgba(13,22,46,.66);border:1px solid rgba(110,160,255,.4);border-radius:24px;
  backdrop-filter:blur(8px);box-shadow:inset 0 0 50px rgba(61,139,253,.14),0 0 30px rgba(61,139,253,.18);
}
.cube-face .big{font-size:58px;line-height:1;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.cube-face .cap{font-size:14px;letter-spacing:4px;color:#cfe0ff}
.cube-face.f1{transform:translateZ(150px)}
.cube-face.f2{transform:rotateY(180deg) translateZ(150px)}
.cube-face.f3{transform:rotateY(90deg) translateZ(150px)}
.cube-face.f4{transform:rotateY(-90deg) translateZ(150px)}
.cube-face.f5{transform:rotateX(90deg) translateZ(150px)}
.cube-face.f6{transform:rotateX(-90deg) translateZ(150px)}
.cube-glow{position:absolute;inset:-90px;border-radius:50%;filter:blur(70px);opacity:.55;z-index:-1;background:radial-gradient(circle,rgba(61,139,253,.6),rgba(255,106,43,.28) 60%,transparent 78%);animation:glowMove 8s ease-in-out infinite alternate}
@keyframes glowMove{from{transform:scale(.88) rotate(0)}to{transform:scale(1.18) rotate(24deg)}}
.orbit-ring{position:absolute;inset:-46px;border:1px dashed rgba(120,170,255,.32);border-radius:50%;animation:ringSpin 14s linear infinite}
.orbit-ring.r2{inset:-86px;border-style:solid;border-color:rgba(255,106,43,.22);animation-duration:22s;animation-direction:reverse}
@keyframes ringSpin{from{transform:rotateX(72deg) rotateZ(0)}to{transform:rotateX(72deg) rotateZ(360deg)}}
@keyframes ringPulse{0%,100%{transform:scale(.96);opacity:.5}50%{transform:scale(1.05);opacity:1}}
.float-panel{
  position:absolute;padding:14px 20px;border-radius:16px;z-index:4;
  background:rgba(13,22,46,.72);border:1px solid var(--line-2);backdrop-filter:blur(12px);
  box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.1);
  font-size:13px;color:#cfe0ff;display:flex;align-items:center;gap:10px;letter-spacing:1px;
  animation:floatY 6s ease-in-out infinite;
}
.float-panel b{color:#fff;font-size:16px}
.float-panel .f-ico{font-size:20px}
.fp1{top:6%;left:2%;animation-delay:.2s}
.fp2{top:22%;right:0;animation-delay:1.2s}
.fp3{bottom:10%;left:-2%;animation-delay:2.1s}
.fp4{bottom:24%;right:4%;animation-delay:.6s}
.scroll-hint{
  position:absolute;bottom:22px;left:50%;transform:translateX(-50%);z-index:5;
  display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--dim);font-size:11px;letter-spacing:4px;
}
.scroll-hint .wheel{width:24px;height:40px;border:2px solid var(--line-2);border-radius:14px;position:relative}
.scroll-hint .wheel::after{content:"";position:absolute;top:7px;left:50%;width:4px;height:8px;margin-left:-2px;border-radius:4px;background:var(--cyan);animation:wheelDrop 1.8s ease-in-out infinite}
@keyframes wheelDrop{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
.float-anim{animation:floatY 5.5s ease-in-out infinite}

/* ---------- 滚动字幕带 ---------- */
.marquee{
  position:relative;overflow:hidden;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(90deg,rgba(61,139,253,.05),rgba(255,106,43,.06),rgba(124,92,255,.05));
  transform:rotateX(8deg);perspective:900px;
}
.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite;will-change:transform}
.marquee-track:hover{animation-play-state:paused}
.marquee-item{display:flex;align-items:center;gap:18px;padding:0 26px;font-size:17px;font-weight:800;letter-spacing:3px;white-space:nowrap;color:#cfe0ff;text-shadow:0 2px 10px rgba(0,0,0,.6),0 0 24px rgba(61,139,253,.3)}
.marquee-item .sep{color:var(--fire);font-size:13px}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ---------- 通用区块 ---------- */
.section{position:relative;padding:100px 0}
.section.alt{background:linear-gradient(180deg,var(--bg),var(--bg-2) 25%,var(--bg))}
.divider{height:1px;background:linear-gradient(90deg,transparent,rgba(120,160,255,.25),transparent)}

.sec-head{text-align:center;max-width:820px;margin:0 auto 60px;perspective:1000px}
.kicker-3d{
  display:inline-block;font-size:13px;font-weight:800;letter-spacing:5px;margin-bottom:16px;padding:7px 18px;border-radius:999px;
  border:1px solid rgba(90,160,255,.35);background:rgba(61,139,253,.08);
  color:#8fdcff;text-shadow:0 1px 0 rgba(255,255,255,.12),0 -1px 2px rgba(0,0,0,.8),0 0 18px rgba(61,139,253,.5);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 24px -12px rgba(61,139,253,.5);
}
.kicker-3d.fire{color:#ffc38a;border-color:rgba(255,140,60,.4);background:rgba(255,106,43,.08);text-shadow:0 1px 0 rgba(255,255,255,.12),0 -1px 2px rgba(0,0,0,.8),0 0 18px rgba(255,106,43,.5)}
.sec-head h2{font-size:clamp(30px,3.8vw,46px);font-weight:900;letter-spacing:2px;margin-bottom:16px}
.sec-head p{color:var(--muted);font-size:16px}
.sec-line{width:72px;height:5px;border-radius:5px;margin:0 auto 22px;position:relative;overflow:visible;
  background:var(--grad-fire);box-shadow:0 0 18px rgba(255,106,43,.6);transform:rotateX(30deg)}
.sec-line::after{content:"";position:absolute;left:72px;top:0;width:26px;height:5px;border-radius:5px;background:var(--grad-fire);opacity:.4}

/* 理念 */
.philosophy{
  position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:linear-gradient(120deg,rgba(255,106,43,.09),rgba(61,139,253,.12) 50%,rgba(124,92,255,.09));
}
.philosophy .ph-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:84px 0;perspective:1400px}
.philosophy h2{font-size:clamp(28px,3.6vw,44px);font-weight:900;margin-bottom:14px}
.philosophy .ph-sub{color:var(--muted);max-width:540px}
.ph-motto{
  font-size:clamp(34px,4.6vw,60px);font-weight:900;text-align:center;letter-spacing:10px;line-height:1.3;
  transform-style:preserve-3d;transform:rotateX(14deg) rotateY(-8deg);animation:mottoFloat 7s ease-in-out infinite;
}
@keyframes mottoFloat{0%,100%{transform:rotateX(14deg) rotateY(-8deg) translateY(0)}50%{transform:rotateX(14deg) rotateY(-8deg) translateY(-14px)}}
.ph-motto small{display:block;font-size:14px;letter-spacing:7px;color:var(--muted);margin-top:10px;-webkit-text-fill-color:var(--muted)}
/* 全过程 5 阶段 */
.ph-stages{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:56px;perspective:1600px}
.stage-3d{
  position:relative;padding:26px 18px 22px;border-radius:18px;text-align:center;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(10px);
  transform-style:preserve-3d;transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;
  box-shadow:0 20px 50px -22px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
}
.stage-3d:hover{transform:translateY(-14px) rotateX(10deg) rotateY(-6deg);border-color:rgba(90,160,255,.5);box-shadow:0 34px 70px -24px rgba(61,139,253,.4)}
.stage-3d .s-num{
  width:50px;height:50px;margin:0 auto 14px;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-size:20px;font-weight:900;color:#fff;background:var(--grad-tech);transform:translateZ(34px);
  box-shadow:0 12px 26px -8px rgba(61,139,253,.65),inset 0 1px 0 rgba(255,255,255,.35);
}
.stage-3d:nth-child(2n) .s-num{background:var(--grad-fire);box-shadow:0 12px 26px -8px rgba(255,106,43,.6),inset 0 1px 0 rgba(255,255,255,.35)}
.stage-3d h4{font-size:16.5px;font-weight:800;margin-bottom:8px;transform:translateZ(22px)}
.stage-3d p{font-size:13px;color:var(--muted);transform:translateZ(14px)}

/* ---------- 卡片体系 ---------- */
.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;perspective:2000px}
.grid-cards.g2{grid-template-columns:repeat(2,1fr)}
/* 3D 倾斜卡片 */
.tilt-card{
  position:relative;padding:30px 26px;border-radius:var(--radius);
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(10px);
  transform-style:preserve-3d;cursor:pointer;transition:border-color .4s,box-shadow .4s,background .4s;
  box-shadow:0 24px 60px -24px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.09);
  will-change:transform;
}
.tilt-card:hover{border-color:rgba(90,160,255,.5);background:rgba(255,255,255,.07);box-shadow:0 40px 90px -28px rgba(61,139,253,.45)}
.tilt-card .t-glow{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s;
  background:radial-gradient(460px 220px at var(--mx,50%) var(--my,20%),rgba(80,160,255,.16),transparent 65%)}
.tilt-card:hover .t-glow{opacity:1}
.tilt-card .ico{
  width:62px;height:62px;border-radius:18px;display:flex;align-items:center;justify-content:center;
  font-size:30px;margin-bottom:20px;transform:translateZ(40px);
  background:linear-gradient(135deg,rgba(61,139,253,.2),rgba(124,92,255,.14));
  border:1px solid rgba(110,160,255,.35);box-shadow:0 14px 30px -12px rgba(61,139,253,.5),inset 0 1px 0 rgba(255,255,255,.15);
}
.tilt-card .ico.fire{background:linear-gradient(135deg,rgba(255,106,43,.2),rgba(255,176,32,.12));border-color:rgba(255,150,60,.4);box-shadow:0 14px 30px -12px rgba(255,106,43,.5),inset 0 1px 0 rgba(255,255,255,.15)}
.tilt-card h3{font-size:20px;font-weight:800;margin-bottom:10px;transform:translateZ(30px);text-shadow:0 2px 12px rgba(0,0,0,.4)}
.tilt-card p{color:var(--muted);font-size:14px;margin-bottom:16px;transform:translateZ(20px)}
.tilt-card .tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;transform:translateZ(16px)}
.tilt-card .tags span{font-size:12px;padding:4px 11px;border-radius:999px;color:#cfe0ff;background:rgba(61,139,253,.13);border:1px solid rgba(61,139,253,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.tilt-card .more{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:var(--cyan);transform:translateZ(24px);text-shadow:0 0 14px rgba(45,212,255,.4)}
.tilt-card .more .arr{transition:transform .3s}
.tilt-card:hover .more .arr{transform:translateX(7px)}

/* 3D 翻转卡片（业务模块） */
.flip-card{perspective:1600px;height:340px;cursor:pointer}
.flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s var(--ease)}
.flip-card:hover .flip-inner,.flip-card.flipped .flip-inner{transform:rotateY(180deg)}
.flip-face{
  position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;
  border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;justify-content:center;
  padding:30px 26px;border:1px solid var(--line-2);
}
.flip-front{
  background:linear-gradient(160deg,rgba(61,139,253,.14),rgba(13,22,46,.8) 55%);
  box-shadow:0 30px 70px -26px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.12);
  align-items:center;text-align:center;gap:6px;
}
.flip-front .f-ico{font-size:56px;margin-bottom:14px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.5));animation:floatY 5s ease-in-out infinite}
.flip-front h3{font-size:23px;font-weight:900;letter-spacing:2px}
.flip-front .f-sub{font-size:12.5px;color:var(--muted);letter-spacing:3px;margin-top:4px}
.flip-front .f-hint{position:absolute;bottom:16px;font-size:11.5px;color:var(--dim);letter-spacing:2px;display:flex;align-items:center;gap:6px}
.flip-back{
  transform:rotateY(180deg);
  background:linear-gradient(160deg,rgba(13,22,46,.95),rgba(8,13,28,.95));
  box-shadow:0 30px 70px -26px rgba(0,0,0,.85),inset 0 0 0 1px rgba(90,160,255,.25);
}
.flip-back::before{content:"";position:absolute;inset:0;opacity:.5;pointer-events:none;
  background:radial-gradient(400px 200px at 80% 10%,rgba(61,139,253,.18),transparent 60%)}
.flip-back h4{font-size:18px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.flip-back p{font-size:13.5px;color:var(--muted);margin-bottom:14px}
.flip-back .b-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}
.flip-back .b-tags span{font-size:11.5px;padding:4px 10px;border-radius:999px;color:#cfe0ff;background:rgba(61,139,253,.12);border:1px solid rgba(61,139,253,.28)}
.flip-back .b-btn{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:800;color:#ffc38a;text-shadow:0 0 16px rgba(255,106,43,.5)}
.flip-back .b-btn .arr{transition:transform .3s}
.flip-back:hover .b-btn .arr{transform:translateX(6px)}

/* ---------- 统计 ---------- */
.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;perspective:1200px}
.sbox-3d{
  text-align:center;padding:38px 16px;border-radius:var(--radius);transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(10px);
  box-shadow:0 26px 60px -24px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .5s var(--ease),border-color .4s;
}
.sbox-3d:hover{transform:translateY(-10px) rotateX(8deg);border-color:rgba(90,160,255,.5)}
.sbox-3d .num{font-size:40px;font-weight:900;background:var(--grad-tech);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 10px rgba(61,139,253,.4))}
.sbox-3d .num.fire{background:var(--grad-fire);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 10px rgba(255,106,43,.4))}
.sbox-3d .lbl{color:var(--muted);font-size:14px;margin-top:8px;letter-spacing:1px}

/* ---------- 服务范围（覆盖全国） ---------- */
.region-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;perspective:1400px}
.region-card{
  position:relative;padding:24px;border-radius:16px;transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;
  box-shadow:0 20px 50px -22px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
}
.region-card:hover{transform:translateY(-10px) rotateX(8deg) rotateY(-4deg);border-color:rgba(255,150,60,.5);box-shadow:0 32px 70px -24px rgba(255,106,43,.35)}
.region-card .r-ico{font-size:28px;margin-bottom:12px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}
.region-card b{font-size:17px;display:block;margin-bottom:6px}
.region-card span{font-size:12.5px;color:var(--muted)}
.region-card .pin{position:absolute;top:14px;right:14px;width:10px;height:10px;border-radius:50%;background:#34d399;box-shadow:0 0 0 0 rgba(52,211,153,.6);animation:pulse 2s infinite}
.nation-badge{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:18px;padding:10px 22px;border-radius:999px;
  background:linear-gradient(90deg,rgba(255,106,43,.14),rgba(61,139,253,.14));
  border:1px solid rgba(255,150,60,.35);font-weight:800;letter-spacing:3px;color:#ffd9b8;
  box-shadow:0 12px 30px -12px rgba(255,106,43,.4),inset 0 1px 0 rgba(255,255,255,.1);
}
.nation-badge .globe{font-size:20px;animation:globeSpin 9s linear infinite;display:inline-block}
@keyframes globeSpin{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}

/* ---------- 时间线 ---------- */
.timeline-3d{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;perspective:1800px}
.tl-item-3d{
  position:relative;padding:28px 20px 24px;border-radius:var(--radius);transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .55s var(--ease),border-color .4s,box-shadow .5s;
  box-shadow:0 24px 56px -22px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08);
}
.tl-item-3d:hover{transform:translateY(-12px) rotateX(9deg);border-color:rgba(90,160,255,.5);box-shadow:0 36px 80px -26px rgba(61,139,253,.4)}
.tl-item-3d .step-cube{
  width:52px;height:52px;margin-bottom:16px;position:relative;transform-style:preserve-3d;animation:stepSpin 14s linear infinite;
}
@keyframes stepSpin{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}
.tl-item-3d .step-cube i{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:900;font-style:normal;
  font-size:17px;color:#fff;border-radius:12px;
  background:linear-gradient(135deg,#2dd4ff,#3d8bfd);box-shadow:inset 0 1px 0 rgba(255,255,255,.35);
}
.tl-item-3d:nth-child(2n) .step-cube i{background:linear-gradient(135deg,#ff5f2e,#ffb020)}
.tl-item-3d .step-cube i:nth-child(1){transform:translateZ(26px)}
.tl-item-3d .step-cube i:nth-child(2){transform:rotateY(180deg) translateZ(26px)}
.tl-item-3d .step-cube i:nth-child(3){transform:rotateY(90deg) translateZ(26px)}
.tl-item-3d .step-cube i:nth-child(4){transform:rotateY(-90deg) translateZ(26px)}
.tl-item-3d h4{font-size:16.5px;font-weight:800;margin-bottom:8px}
.tl-item-3d p{font-size:13.5px;color:var(--muted)}

/* ---------- 特性 ---------- */
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;perspective:1400px}
.feature-3d{
  display:flex;gap:16px;padding:26px;border-radius:var(--radius);transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;
  box-shadow:0 22px 54px -22px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
}
.feature-3d:hover{transform:translateY(-8px) rotateX(6deg);border-color:rgba(90,160,255,.5);box-shadow:0 32px 70px -24px rgba(61,139,253,.35)}
.feature-3d .f-ico{font-size:30px;flex:none;filter:drop-shadow(0 8px 16px rgba(0,0,0,.5))}
.feature-3d h4{font-size:16.5px;font-weight:800;margin-bottom:6px}
.feature-3d p{font-size:13.5px;color:var(--muted)}

/* ---------- CTA ---------- */
.cta-band-3d{
  position:relative;border-radius:28px;overflow:hidden;padding:70px 48px;text-align:center;perspective:1200px;
  background:linear-gradient(120deg,rgba(255,106,43,.14),rgba(61,139,253,.17) 50%,rgba(124,92,255,.13));
  border:1px solid var(--line-2);box-shadow:0 40px 100px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.12);
}
.cta-band-3d::before{content:"";position:absolute;inset:-40%;pointer-events:none;
  background:radial-gradient(600px 300px at 30% 0,rgba(61,139,253,.2),transparent 60%),
             radial-gradient(600px 300px at 80% 100%,rgba(255,106,43,.18),transparent 60%);
  animation:ctaGlow 8s ease-in-out infinite alternate}
@keyframes ctaGlow{from{opacity:.6;transform:translateY(-10px)}to{opacity:1;transform:translateY(10px)}}
.cta-band-3d h2{font-size:clamp(28px,3.6vw,44px);font-weight:900;margin-bottom:14px}
.cta-band-3d p{color:var(--muted);max-width:680px;margin:0 auto 30px}
.cta-links{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}

/* ---------- 页脚 ---------- */
footer{position:relative;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg),#02030a);padding:80px 0 0;overflow:hidden}
footer::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.6;
  background:radial-gradient(700px 300px at 80% 0,rgba(61,139,253,.07),transparent 60%)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:56px}
.foot-brand p{color:var(--muted);font-size:14px;margin:18px 0 22px;max-width:330px}
.foot-social{display:flex;gap:12px}
.foot-social a{
  width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  background:rgba(255,255,255,.05);border:1px solid var(--line);font-size:17px;transition:all .35s var(--ease);
  box-shadow:0 10px 24px -10px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);
}
.foot-social a:hover{background:rgba(61,139,253,.22);transform:translateY(-6px) rotate(6deg);box-shadow:0 16px 30px -12px rgba(61,139,253,.5)}
.foot-col h5{font-size:15.5px;font-weight:800;margin-bottom:18px;letter-spacing:2px;position:relative;padding-bottom:10px}
.foot-col h5::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;border-radius:2px;background:var(--grad-fire);box-shadow:0 0 10px rgba(255,106,43,.6)}
.foot-col a{display:block;color:var(--muted);font-size:13.5px;padding:5.5px 0;transition:all .25s;transform:translateZ(0)}
.foot-col a:hover{color:#fff;transform:translateX(6px);text-shadow:0 0 14px rgba(90,180,255,.6)}
.foot-contact li{display:flex;gap:10px;color:var(--muted);font-size:14px;padding:6px 0;align-items:flex-start}
.foot-contact .lbl{color:var(--dim);flex:none;width:56px}
.foot-bottom{
  border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;
  align-items:center;flex-wrap:wrap;gap:10px;color:var(--dim);font-size:12.5px;position:relative;
}
.foot-bottom a{color:var(--muted)}
.foot-bottom a:hover{color:var(--cyan)}
.beian-link{display:inline-flex;align-items:center;gap:6px}
.beian-link .gaw{width:13px;height:13px;filter:grayscale(1) brightness(2);opacity:.7}

/* ---------- 二级页面 ---------- */
.page-hero{
  position:relative;padding:calc(var(--nav-h) + 70px) 0 60px;overflow:hidden;text-align:center;perspective:1400px;
  background:
    radial-gradient(760px 360px at 50% -10%,rgba(61,139,253,.24),transparent 60%),
    radial-gradient(560px 320px at 88% 112%,rgba(255,106,43,.16),transparent 60%);
  border-bottom:1px solid var(--line);
}
.page-hero .orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(2px);opacity:.5;animation:floatY 7s ease-in-out infinite}
.page-hero .orb.o1{width:260px;height:260px;left:-60px;top:20px;background:radial-gradient(circle,rgba(61,139,253,.25),transparent 70%)}
.page-hero .orb.o2{width:200px;height:200px;right:-40px;bottom:-30px;background:radial-gradient(circle,rgba(255,106,43,.22),transparent 70%);animation-delay:2s}
.page-hero .orb.o3{width:120px;height:120px;right:18%;top:-30px;background:radial-gradient(circle,rgba(124,92,255,.3),transparent 70%);animation-delay:4s}
.page-hero h1{font-size:clamp(32px,4.2vw,50px);font-weight:900;letter-spacing:2px;margin-bottom:16px}
.page-hero .lead{color:var(--muted);max-width:800px;margin:0 auto 22px;font-size:16px}
.page-hero .tags{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:10px}
.page-hero .tags span{
  font-size:13px;padding:7px 16px;border-radius:999px;color:#cfe0ff;
  background:rgba(61,139,253,.12);border:1px solid rgba(61,139,253,.32);backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:all .3s;
}
.page-hero .tags span:hover{transform:translateY(-4px);background:rgba(61,139,253,.22);box-shadow:0 10px 22px -10px rgba(61,139,253,.5)}
.crumb-3d{
  display:inline-flex;align-items:center;gap:9px;font-size:13px;color:var(--dim);margin-bottom:22px;
  padding:8px 18px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);
  backdrop-filter:blur(10px);box-shadow:0 10px 26px -12px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.08);
}
.crumb-3d a{color:var(--muted)}.crumb-3d a:hover{color:var(--cyan)}
.crumb-3d b{color:#cfe0ff;font-weight:600}

.content{max-width:1100px;margin:0 auto;padding:76px 0;perspective:1600px}
.content-block{margin-bottom:64px;transform-style:preserve-3d}
.content-block:last-child{margin-bottom:0}
.content-block h2{display:flex;align-items:center;gap:16px;font-size:27px;font-weight:900;margin-bottom:8px;letter-spacing:.5px}
.content-block h2 .idx{
  width:48px;height:48px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;
  font-size:19px;color:#fff;background:var(--grad-tech);transform-style:preserve-3d;
  box-shadow:0 14px 30px -10px rgba(61,139,253,.6),inset 0 1px 0 rgba(255,255,255,.35);
  animation:floatY 5s ease-in-out infinite;
}
.content-block h2 .idx.fire{background:var(--grad-fire);box-shadow:0 14px 30px -10px rgba(255,106,43,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.content-block h2 .idx.none{background:rgba(255,255,255,.1);box-shadow:0 10px 24px -10px rgba(0,0,0,.5)}
.content-block .sub-tip{color:var(--dim);font-size:14px;margin-bottom:22px}
.content-block p{color:var(--muted);margin-bottom:14px}
.content-block p strong{color:#fff}
.panel-3d{
  border-radius:var(--radius);border:1px solid var(--line);padding:30px;margin-top:24px;position:relative;
  background:rgba(255,255,255,.05);backdrop-filter:blur(10px);transform-style:preserve-3d;
  box-shadow:0 26px 60px -24px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .5s var(--ease),border-color .4s;
}
.panel-3d:hover{transform:translateY(-6px) rotateX(2deg);border-color:rgba(90,160,255,.45)}
.panel-3d h4{font-size:17px;font-weight:800;margin-bottom:14px;display:flex;align-items:center;gap:9px}

/* 服务清单（3D 列表项） */
.svc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px;perspective:1500px}
.svc-item{
  display:flex;gap:16px;padding:22px;border-radius:16px;transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .45s var(--ease),border-color .35s,box-shadow .45s;
  box-shadow:0 20px 48px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
}
.svc-item:hover{transform:translateY(-6px) rotateX(4deg) rotateY(-3deg);border-color:rgba(90,160,255,.5);box-shadow:0 30px 66px -22px rgba(61,139,253,.35)}
.svc-item .s-ico{font-size:25px;flex:none;width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(61,139,253,.13);border:1px solid rgba(61,139,253,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.1);transform:translateZ(20px)}
.svc-item .s-ico.fire{background:rgba(255,106,43,.13);border-color:rgba(255,106,43,.35)}
.svc-item h5{font-size:15.5px;font-weight:800;margin-bottom:5px}
.svc-item p{font-size:13.5px;color:var(--muted);margin:0}

/* 表格 */
.tbl-wrap{overflow-x:auto;margin-top:24px;border-radius:18px;border:1px solid var(--line);box-shadow:0 26px 60px -26px rgba(0,0,0,.8);backdrop-filter:blur(8px)}
table{width:100%;border-collapse:collapse;min-width:660px;background:rgba(255,255,255,.04)}
th,td{padding:15px 20px;text-align:left;font-size:14px;border-bottom:1px solid var(--line)}
th{background:rgba(61,139,253,.14);color:#cfe0ff;font-weight:800;white-space:nowrap;letter-spacing:1px}
td{color:var(--muted)}
td:first-child{color:#fff;font-weight:600}
tr:last-child td{border-bottom:none}
tr{transition:background .25s,transform .25s}
tr:hover td{background:rgba(61,139,253,.07)}

/* 流程 */
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;perspective:1600px}
.flow-item{
  position:relative;padding:24px 18px;border-radius:16px;transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;
  box-shadow:0 20px 48px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
}
.flow-item:hover{transform:translateY(-8px) rotateX(8deg);border-color:rgba(90,160,255,.5);box-shadow:0 30px 66px -22px rgba(61,139,253,.35)}
.flow-item .f-n{
  width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-weight:900;color:#fff;background:var(--grad-tech);margin-bottom:13px;transform:translateZ(22px);
  box-shadow:0 12px 26px -8px rgba(61,139,253,.6),inset 0 1px 0 rgba(255,255,255,.35);
}
.flow-item:nth-child(2n) .f-n{background:var(--grad-fire);box-shadow:0 12px 26px -8px rgba(255,106,43,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.flow-item h5{font-size:15px;font-weight:800;margin-bottom:6px}
.flow-item p{font-size:13px;color:var(--muted);margin:0}

/* 模式（翻转卡） */
.mode-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}
.mode-item{
  padding:28px;border-radius:18px;position:relative;overflow:hidden;transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(10px);
  transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;
  box-shadow:0 24px 56px -22px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.08);
}
.mode-item::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-fire);opacity:0;transition:opacity .4s;box-shadow:0 0 14px rgba(255,106,43,.7)}
.mode-item::after{content:"";position:absolute;top:-60%;right:-30%;width:200px;height:200px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(61,139,253,.16),transparent 70%);transition:transform .6s var(--ease)}
.mode-item:hover{transform:translateY(-8px) rotateX(3deg) rotateY(-2deg);border-color:var(--line-2);box-shadow:0 34px 74px -24px rgba(0,0,0,.8)}
.mode-item:hover::before{opacity:1}
.mode-item:hover::after{transform:scale(1.6)}
.mode-item h5{font-size:17.5px;font-weight:800;margin-bottom:10px;display:flex;align-items:center;gap:9px}
.mode-item p{font-size:14px;color:var(--muted);margin:0;position:relative;z-index:1}

/* 服务成果 */
.result-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:24px;perspective:1400px}
.result-card{
  text-align:center;padding:30px 14px;border-radius:18px;transform-style:preserve-3d;
  background:linear-gradient(160deg,rgba(61,139,253,.12),rgba(13,22,46,.7));
  border:1px solid var(--line-2);backdrop-filter:blur(10px);
  box-shadow:0 26px 60px -24px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.1);
  transition:transform .5s var(--ease),border-color .4s;
}
.result-card:hover{transform:translateY(-10px) rotateX(8deg);border-color:rgba(255,150,60,.55)}
.result-card .r-num{font-size:38px;font-weight:900;background:var(--grad-fire);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 12px rgba(255,106,43,.4))}
.result-card:nth-child(2n) .r-num{background:var(--grad-tech);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 5px 12px rgba(61,139,253,.4))}
.result-card .r-ico{font-size:22px;margin-bottom:8px}
.result-card .r-lbl{font-size:13px;color:var(--muted);margin-top:6px}

/* 服务范围 */
.scope-panel{margin-top:24px}
.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;perspective:1400px}
.scope-card{
  padding:26px;border-radius:18px;transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  box-shadow:0 22px 54px -22px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .5s var(--ease),border-color .4s;
}
.scope-card:hover{transform:translateY(-8px) rotateX(6deg);border-color:rgba(90,160,255,.5)}
.scope-card h5{font-size:16px;font-weight:800;margin-bottom:12px;display:flex;align-items:center;gap:9px}
.scope-card .chips{display:flex;flex-wrap:wrap;gap:8px}
.scope-card .chips span{font-size:12.5px;padding:5px 12px;border-radius:999px;color:#cfe0ff;background:rgba(61,139,253,.11);border:1px solid rgba(61,139,253,.28);transition:all .3s}
.scope-card .chips span:hover{transform:translateY(-3px);background:rgba(61,139,253,.2);box-shadow:0 8px 18px -8px rgba(61,139,253,.5)}

/* 如何服务 */
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:24px;perspective:1500px}
.how-item{
  padding:22px 18px;border-radius:16px;transform-style:preserve-3d;text-align:center;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;
  box-shadow:0 20px 48px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
}
.how-item:hover{transform:translateY(-8px) rotateX(8deg);border-color:rgba(255,150,60,.5)}
.how-item .h-ico{font-size:30px;margin-bottom:10px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45));transform:translateZ(20px)}
.how-item h5{font-size:15px;font-weight:800;margin-bottom:6px}
.how-item p{font-size:12.8px;color:var(--muted);margin:0}

/* 价值点 */
.value-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}
.value-item{
  display:flex;gap:13px;align-items:flex-start;padding:20px;border-radius:16px;transform-style:preserve-3d;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .45s var(--ease),border-color .35s;
  box-shadow:0 18px 44px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
}
.value-item:hover{transform:translateX(6px) rotateY(-4deg);border-color:rgba(90,160,255,.45)}
.value-item .v-ico{font-size:21px;flex:none;filter:drop-shadow(0 5px 10px rgba(0,0,0,.4))}
.value-item b{display:block;font-size:15px;margin-bottom:3px}
.value-item p{font-size:13.5px;color:var(--muted);margin:0}

/* 相关业务 */
.related{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px;perspective:1400px}
.rel-card{
  padding:24px;border-radius:16px;transform-style:preserve-3d;display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.05);border:1px solid var(--line);backdrop-filter:blur(8px);
  transition:transform .5s var(--ease),border-color .4s,box-shadow .5s;
  box-shadow:0 20px 48px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.08);
}
.rel-card:hover{transform:translateY(-8px) rotateX(6deg) rotateY(-4deg);border-color:rgba(61,139,253,.55);box-shadow:0 30px 66px -22px rgba(61,139,253,.35)}
.rel-card .r-ico{font-size:27px;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}
.rel-card b{font-size:15.5px;display:block;margin-bottom:3px}
.rel-card span{font-size:12.5px;color:var(--dim)}

/* 场景 */
.scene-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;perspective:1200px}
.scene-list span{
  padding:11px 20px;border-radius:999px;font-size:14px;color:#cfe0ff;
  background:rgba(255,255,255,.05);border:1px solid var(--line-2);backdrop-filter:blur(8px);
  transition:all .3s;cursor:default;box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.scene-list span:hover{transform:translateY(-5px) rotateX(10deg);background:rgba(61,139,253,.16);border-color:rgba(61,139,253,.5);box-shadow:0 12px 26px -10px rgba(61,139,253,.5)}

/* ---------- 返回顶部 ---------- */
.to-top{
  position:fixed;right:28px;bottom:32px;z-index:900;width:50px;height:50px;border-radius:15px;
  background:rgba(10,16,34,.9);border:1px solid var(--line-2);color:#fff;font-size:19px;
  cursor:pointer;display:none;align-items:center;justify-content:center;
  box-shadow:var(--shadow);backdrop-filter:blur(10px);transition:all .35s var(--ease);
}
.to-top.show{display:flex}
.to-top:hover{background:rgba(61,139,253,.3);transform:translateY(-6px) rotate(-6deg);box-shadow:0 18px 36px -12px rgba(61,139,253,.5)}

/* ---------- GSAP 显现 ---------- */
.g-reveal{opacity:0;transform:translateY(46px)}
.g-reveal-left{opacity:0;transform:translateX(-60px)}
.g-reveal-right{opacity:0;transform:translateX(60px)}
.g-reveal-flip{opacity:0;transform:rotateX(85deg);transform-origin:top center}
.g-reveal-zoom{opacity:0;transform:scale(.85)}
.g-flip-card{opacity:0;transform:rotateY(70deg) translateZ(-40px)}

/* ---------- 响应式 ---------- */
@media(max-width:1100px){
  .hero-inner{grid-template-columns:1fr;text-align:center;gap:10px}
  .hero .lead{margin-left:auto;margin-right:auto}
  .hero-ctas,.hero-stats{justify-content:center}
  .hero-stats{margin:0 auto}
  .hero-3d{min-height:380px}
  .ph-stages,.timeline-3d{grid-template-columns:repeat(2,1fr)}
  .region-grid,.stats-band,.result-grid{grid-template-columns:repeat(2,1fr)}
  .scope-grid{grid-template-columns:repeat(2,1fr)}
  .how-grid,.flow{grid-template-columns:repeat(2,1fr)}
  .grid-cards,.feature-grid{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
  .philosophy .ph-inner{grid-template-columns:1fr;text-align:center}
  .philosophy .ph-sub{margin:0 auto}
}
@media(max-width:768px){
  .nav-links,.nav-cta{display:none}
  .nav-toggle{display:flex}
  .grid-cards,.feature-grid,.mode-grid,.value-grid,.svc-list,.related,.stats-band,.region-grid,.result-grid,.scope-grid{grid-template-columns:1fr}
  .ph-stages,.timeline-3d,.flow,.how-grid{grid-template-columns:1fr}
  .hero-3d{min-height:340px}
  .cube-stage{width:230px;height:230px}
  .cube-face{font-size:13px}
  .cube-face.f1{transform:translateZ(115px)}
  .cube-face.f2{transform:rotateY(180deg) translateZ(115px)}
  .cube-face.f3{transform:rotateY(90deg) translateZ(115px)}
  .cube-face.f4{transform:rotateY(-90deg) translateZ(115px)}
  .cube-face.f5{transform:rotateX(90deg) translateZ(115px)}
  .cube-face.f6{transform:rotateX(-90deg) translateZ(115px)}
  .float-panel{display:none}
  .cta-band-3d{padding:46px 22px}
  .content-block h2{font-size:21px}
  .foot-grid{grid-template-columns:1fr}
  .foot-bottom{flex-direction:column;text-align:center}
}
@media(max-width:420px){
  .stat{padding-right:14px;margin-right:14px}
}
@media(prefers-reduced-motion:reduce){
  *{animation-duration:.01ms!important;transition-duration:.01ms!important}
}

/* ============================================================
   3D v3 终极优化：呼吸感 / 更强悬空 / 空间感 / 有机浮动
   ============================================================ */

/* 更深的空间背景（全站呼吸星云） */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  background:
    radial-gradient(900px 500px at 12% -5%,rgba(61,139,253,.10),transparent 60%),
    radial-gradient(800px 460px at 95% 30%,rgba(124,92,255,.08),transparent 60%),
    radial-gradient(700px 420px at 20% 90%,rgba(255,106,43,.07),transparent 60%);
  animation:nebulaBreath 14s ease-in-out infinite alternate;
}
@keyframes nebulaBreath{from{opacity:.65;transform:scale(1)}to{opacity:1;transform:scale(1.06)}}
.section,.hero,.philosophy,footer{position:relative;z-index:1}

/* 星云大光球（空间感·视差） */
.orb-lg{
  position:absolute;border-radius:50%;pointer-events:none;z-index:0;
  filter:blur(80px);opacity:.42;animation:nebulaBreath 12s ease-in-out infinite alternate;
}
.orb-lg.blue{background:radial-gradient(circle,rgba(45,212,255,.5),rgba(61,139,253,.18) 55%,transparent 75%)}
.orb-lg.violet{background:radial-gradient(circle,rgba(124,92,255,.45),rgba(61,139,253,.16) 55%,transparent 75%)}
.orb-lg.fire{background:radial-gradient(circle,rgba(255,106,43,.42),rgba(255,176,32,.14) 55%,transparent 75%)}

/* 透视网格地面（底层空间感） */
.grid-floor{
  position:absolute;left:50%;bottom:-160px;width:1800px;height:1000px;z-index:0;pointer-events:none;
  transform:translateX(-50%) perspective(760px) rotateX(78deg);
  background-image:
    linear-gradient(rgba(90,160,255,.20) 1.5px,transparent 1.5px),
    linear-gradient(90deg,rgba(90,160,255,.20) 1.5px,transparent 1.5px);
  background-size:70px 70px;
  -webkit-mask-image:radial-gradient(ellipse at 50% 8%,black 22%,transparent 68%);
  mask-image:radial-gradient(ellipse at 50% 8%,black 22%,transparent 68%);
  animation:gridFlow 14s linear infinite;
  opacity:.5;
}
@keyframes gridFlow{from{background-position:0 0,0 0}to{background-position:0 70px,70px 0}}

/* 更强文字挤出（更深凹凸） */
.t3d{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.16)) drop-shadow(0 2px 0 rgba(61,139,253,.28))
         drop-shadow(0 4px 0 rgba(10,20,50,.92)) drop-shadow(0 6px 0 rgba(8,16,40,.92))
         drop-shadow(0 9px 0 rgba(6,12,30,.9)) drop-shadow(0 12px 3px rgba(0,0,0,.5))
         drop-shadow(0 22px 34px rgba(0,0,0,.6)) drop-shadow(0 34px 60px rgba(61,139,253,.18));
}
.t3d-deep{
  background:var(--grad-text);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 2px 0 rgba(61,139,253,.3))
         drop-shadow(0 3px 0 rgba(14,26,58,.95)) drop-shadow(0 5px 0 rgba(10,20,46,.95))
         drop-shadow(0 7px 0 rgba(8,15,38,.95)) drop-shadow(0 10px 0 rgba(6,11,28,.9))
         drop-shadow(0 14px 2px rgba(0,0,0,.55)) drop-shadow(0 22px 18px rgba(0,0,0,.5))
         drop-shadow(0 40px 70px rgba(61,139,253,.22));
}
.t3d-fire{
  filter:drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 2px 0 rgba(255,106,43,.32))
         drop-shadow(0 4px 0 rgba(60,16,0,.92)) drop-shadow(0 7px 0 rgba(40,10,0,.92))
         drop-shadow(0 10px 0 rgba(28,7,0,.9)) drop-shadow(0 14px 3px rgba(0,0,0,.55))
         drop-shadow(0 26px 36px rgba(255,106,43,.25));
}
.emboss{
  text-shadow:0 1px 0 rgba(255,255,255,.18),0 -1px 1px rgba(0,0,0,.9),0 -2px 2px rgba(0,0,0,.6),
              0 0 18px rgba(61,139,253,.45),0 0 52px rgba(61,139,253,.22);
}

/* 有机浮动（translate 独立属性，与 transform 倾斜互不冲突） */
@keyframes floatT{from{translate:0 0}50%{translate:0 var(--fdy,-13px)}to{translate:0 0}}
.floating{
  animation:floatT var(--fd,6s) ease-in-out infinite;
  animation-delay:var(--fdl,0s);
  will-change:translate;
}
.floating:hover{animation-play-state:paused}
/* 卡片常驻微光（呼吸感） */
.tilt-card,.flip-card,.region-card,.feature-3d,.sbox-3d,.svc-item,.mode-item,.how-item,.stage-3d,.tl-item-3d,.result-card,.scope-card,.value-item,.rel-card,.flow-item,.stat{
  position:relative;
}
.tilt-card::before,.sbox-3d::before,.svc-item::before,.rel-card::before,.feature-3d::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(340px 160px at 50% 0%,rgba(120,180,255,.10),transparent 70%);
  opacity:.0;animation:cardGlow 5.5s ease-in-out infinite;
}
@keyframes cardGlow{0%,100%{opacity:.0}50%{opacity:1}}
.tilt-card,.sbox-3d,.svc-item,.rel-card,.feature-3d,.mode-item,.how-item,.stage-3d,.tl-item-3d,.result-card,.scope-card,.value-item,.flow-item{
  box-shadow:0 34px 80px -28px rgba(0,0,0,.85),0 6px 20px -8px rgba(0,0,0,.5),
             inset 0 1px 0 rgba(255,255,255,.14),inset 0 -1px 0 rgba(0,0,0,.4);
}
/* 标题呼吸微动 */
.sec-head h2{animation:titleBreathe 7s ease-in-out infinite}
@keyframes titleBreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.012)}}
/* 区块淡出（滚动离开时渐隐） */
.fade-scroll{will-change:opacity}

/* 翻转卡悬浮光 + 更深背面 */
.flip-card .flip-inner{filter:drop-shadow(0 26px 44px rgba(0,0,0,.45))}
.flip-front{background:linear-gradient(160deg,rgba(61,139,253,.18),rgba(13,22,46,.88) 58%)}
.flip-front::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(300px 140px at 50% -10%,rgba(120,200,255,.22),transparent 70%);
  animation:cardGlow 6s ease-in-out infinite;
}
/* 按钮悬停加深 */
.btn:hover{box-shadow:0 26px 54px -12px rgba(0,0,0,.55)}
/* 服务承诺卡 */
.promise-card{text-align:center}
.promise-card .p-ico{font-size:40px;margin-bottom:14px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.5))}
.promise-card h4{font-size:18px;font-weight:900;margin-bottom:8px;letter-spacing:1px}
.promise-card p{font-size:13.5px;color:var(--muted);margin:0}

/* 滚轮/动画时长微调 */
@media(prefers-reduced-motion:reduce){
  .floating,.grid-floor,.orb-lg{animation:none!important}
}

/* ============================================================
   3D v4 打磨：光标辉光增强 / 磁吸 / 浮雕 / 飞入飞出
   ============================================================ */

/* 光标环 */
.cursor-ring{
  position:fixed;left:0;top:0;width:36px;height:36px;border-radius:50%;z-index:9997;pointer-events:none;
  border:1.5px solid rgba(120,200,255,.6);box-shadow:0 0 18px rgba(90,180,255,.25),inset 0 0 12px rgba(90,180,255,.12);
  transform:translate(-50%,-50%);opacity:0;transition:width .35s var(--ease),height .35s var(--ease),border-color .35s,opacity .35s,background .35s;
}
.cursor-ring.on{opacity:1;width:58px;height:58px;border-color:rgba(255,160,80,.85);background:rgba(255,140,60,.07);box-shadow:0 0 26px rgba(255,150,80,.35),inset 0 0 16px rgba(255,150,80,.15)}
.cursor-ring.hide{opacity:0}
.cursor-glow.hot{background:radial-gradient(circle,rgba(255,120,50,.13),rgba(255,106,43,.06) 40%,transparent 70%)}

/* 全局浮雕加强 */
.stat .lbl,.foot-bottom,.crumb-3d,.page-hero .lead{
  text-shadow:0 1px 0 rgba(255,255,255,.09),0 -1px 1px rgba(0,0,0,.85);
}
.foot-col h5{text-shadow:0 1px 0 rgba(255,255,255,.10),0 -1px 1px rgba(0,0,0,.85),0 0 14px rgba(61,139,253,.25)}
.tags span{box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 6px 14px -6px rgba(0,0,0,.5)}

/* 磁吸元素平滑 */
.mag{will-change:transform;transition:transform .25s var(--ease)}
.mag:hover{transition-duration:.12s}

/* 飞入飞出初始模糊态由 GSAP 控制；此处兜底 */
.fly-ready{opacity:1}

/* 滚动条更精致 */
::-webkit-scrollbar-thumb:hover{background:linear-gradient(var(--fire-2),var(--fire))}

/* ============================================================
   3D v5 终章：对比度 / 悬空 / 呼吸 / 凹凸 全面加强
   ============================================================ */
body{color:#f4f8ff}
.lead,.philosophy .ph-sub,.sec-head p,.content-block p,.cta-band-3d p,.foot-brand p,.page-hero .lead,.mode-item p,.value-item p,.feature-3d p,.how-item p,.flow-item p,.tl-item-3d p,.svc-item p,.tilt-card p,.scope-card .chips span{color:#bcc8e6}
.tilt-card,.svc-item,.mode-item,.value-item,.feature-3d,.how-item,.flow-item,.tl-item-3d,.stage-3d,.result-card,.scope-card,.rel-card,.sbox-3d,.region-card,.panel-3d,.flip-back{border-color:rgba(170,200,255,.30)!important;background:rgba(9,15,30,.62)}
.tilt-card h3,.svc-item h5,.mode-item h5,.value-item b,.feature-3d h4,.flow-item h5,.tl-item-3d h4,.stage-3d h4,.how-item h5,.scope-card h5,.rel-card b{color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.6),0 0 22px rgba(90,170,255,.28)}
.sec-head h2{text-shadow:0 0 34px rgba(90,170,255,.28)}
.t3d{filter:drop-shadow(0 1px 0 rgba(255,255,255,.22)) 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 9px 0 rgba(7,14,34,.93)) drop-shadow(0 12px 4px rgba(0,0,0,.6))
  drop-shadow(0 24px 38px rgba(0,0,0,.65)) drop-shadow(0 40px 70px rgba(61,139,253,.22))}
.t3d-deep{filter:drop-shadow(0 1px 0 rgba(255,255,255,.24)) 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 10px 0 rgba(7,13,32,.93))
  drop-shadow(0 14px 3px rgba(0,0,0,.62)) drop-shadow(0 24px 22px rgba(0,0,0,.55))
  drop-shadow(0 46px 80px rgba(61,139,253,.26))}
.emboss{color:#dbe6ff;text-shadow:0 1px 0 rgba(255,255,255,.24),0 -1px 1px rgba(0,0,0,.95),0 -2px 3px rgba(0,0,0,.7),0 0 20px rgba(61,139,253,.5),0 0 60px rgba(61,139,253,.26)}
.flip-front{background:linear-gradient(160deg,rgba(61,139,253,.26),rgba(10,18,40,.92) 60%)}
.flip-front h3{text-shadow:0 0 26px rgba(140,210,255,.35)}
.flip-back h4{color:#fff}
.tilt-card,.flip-card,.svc-item,.mode-item,.feature-3d,.how-item,.flow-item,.tl-item-3d,.stage-3d,.result-card,.scope-card,.rel-card,.sbox-3d,.region-card,.panel-3d,.value-item{
  box-shadow:0 42px 96px -30px rgba(0,0,0,.9),0 8px 26px -10px rgba(0,0,0,.6),
             inset 0 1.5px 0 rgba(255,255,255,.20),inset 0 -2px 0 rgba(0,0,0,.5)}
.biz-card .tags span,.page-hero .tags span,.flip-back .b-tags span{color:#e8efff;background:rgba(61,139,253,.22);border-color:rgba(110,180,255,.5)}
.stat .lbl,.foot-bottom,.crumb-3d{color:#9fb0d4;text-shadow:0 1px 0 rgba(255,255,255,.12),0 -1px 1px rgba(0,0,0,.9)}
.kicker-3d{color:#aee4ff;border-color:rgba(120,200,255,.5)}
.marquee-item{color:#e6f0ff}
body::before{opacity:.85}
::selection{background:rgba(61,139,253,.55)}