/* 通全达 · 等距 2.5D 风格样式 */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ink:#17244a;--sub:#5d6d8f;--line:#dde6f5;--bg:#edf2fb;--card:#ffffff;
  --acc:#3aa0ff;--navy:#0e1a3c;--w:1180px;--rad:16px;
}
html{scroll-behavior:smooth}
body{
  font-family:"PingFang SC","Microsoft YaHei","Noto Sans SC","Hiragino Sans GB",sans-serif;
  color:var(--ink);line-height:1.7;
  background:
    radial-gradient(1100px 480px at 85% -120px,#d7e6ff,transparent 60%),
    radial-gradient(800px 420px at -10% 25%,#e2f4ff,transparent 55%),
    repeating-linear-gradient(90deg,transparent 0 47px,rgba(58,160,255,.04) 47px 48px),
    repeating-linear-gradient(0deg,transparent 0 47px,rgba(58,160,255,.04) 47px 48px),
    var(--bg);
  background-attachment:fixed;
}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
.wrap{max-width:var(--w);margin:0 auto;padding:0 22px}
img{max-width:100%}

/* ===== 顶部导航 ===== */
.hd{position:sticky;top:0;z-index:100;background:rgba(14,26,60,.94);backdrop-filter:blur(10px)}
.hd-in{max-width:var(--w);margin:auto;display:flex;align-items:center;gap:22px;padding:0 22px;height:64px}
.logo{display:flex;align-items:center;gap:11px;color:#fff;flex:none}
.logo .mark{width:36px;height:36px;display:block}
.logo-txt b{font-size:19px;letter-spacing:3px;display:block;line-height:1.2}
.logo-txt i{font-style:normal;font-size:9px;letter-spacing:3.5px;color:#8fa6d9;display:block}
.nav{display:flex;gap:4px;margin-left:auto;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:#c8d6f5;font-size:14px;padding:7px 12px;border-radius:8px;white-space:nowrap;transition:.2s}
.nav a:hover{color:#fff;background:rgba(255,255,255,.09)}
.nav a.on{color:#fff;background:var(--acc)}

/* ===== 首页 HERO（等距场景）===== */
.hero{position:relative;color:#fff;background:linear-gradient(160deg,#16295e 0%,#0e1a3c 55%,#153066 100%);overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(90deg,transparent 0 53px,rgba(122,181,255,.07) 53px 54px),
    repeating-linear-gradient(0deg,transparent 0 53px,rgba(122,181,255,.07) 53px 54px);
  transform:perspective(700px) rotateX(58deg) scale(1.6) translateY(28%);
  transform-origin:center bottom;pointer-events:none}
.hero::after{content:'';position:absolute;inset:auto 0 0 0;height:120px;background:linear-gradient(transparent,var(--bg));pointer-events:none}
.hero-in{max-width:var(--w);margin:auto;padding:92px 22px 130px;display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;position:relative;z-index:2}
.hero-tag{display:inline-block;font-size:12px;letter-spacing:5px;color:#8fd0ff;border:1px solid rgba(143,208,255,.4);padding:6px 16px;border-radius:999px;margin-bottom:22px}
.hero h1{font-size:44px;line-height:1.28;letter-spacing:1px;margin-bottom:18px}
.hero h1 em{font-style:normal;color:#6cc6ff}
.hero .sub{color:#c2d2f5;font-size:16.5px;max-width:520px;margin-bottom:34px}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 30px;border-radius:12px;font-size:15px;font-weight:700;letter-spacing:1px;transition:.25s}
.btn-main{background:linear-gradient(135deg,#57b1ff,#2f7fe8);color:#fff;box-shadow:0 12px 26px rgba(47,127,232,.45)}
.btn-main:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(47,127,232,.55)}
.btn-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.hero-stat{display:flex;gap:38px;margin-top:46px}
.hero-stat b{display:block;font-size:26px;color:#6cc6ff;font-variant-numeric:tabular-nums}
.hero-stat span{font-size:12.5px;color:#8ea4d4;letter-spacing:1px}

/* 等距立方体 */
.scene{height:400px;position:relative;perspective:1000px}
.cube{position:absolute;transform-style:preserve-3d;animation:float 7s ease-in-out infinite}
.cube .f{position:absolute;inset:0;background:linear-gradient(135deg,#7ed6ff,#2f7fe8)}
.cube .f:nth-child(1){transform:translateZ(var(--hs))}
.cube .f:nth-child(2){transform:rotateY(90deg) translateZ(var(--hs));filter:brightness(.72)}
.cube .f:nth-child(3){transform:rotateY(180deg) translateZ(var(--hs));filter:brightness(.55)}
.cube .f:nth-child(4){transform:rotateY(-90deg) translateZ(var(--hs));filter:brightness(.85)}
.cube .f:nth-child(5){transform:rotateX(90deg) translateZ(var(--hs));background:linear-gradient(135deg,#7ed6ff,#3aa0ff)}
.cube .f:nth-child(6){transform:rotateX(-90deg) translateZ(var(--hs));filter:brightness(.6)}
.slab{position:absolute;border-radius:12px;background:linear-gradient(135deg,rgba(108,198,255,.5),rgba(47,127,232,.35));border:1px solid rgba(140,205,255,.5);transform:rotateX(60deg) rotateZ(-45deg);box-shadow:26px 26px 60px rgba(3,12,40,.45)}
@keyframes float{0%,100%{transform:translateY(0) rotateX(-26deg) rotateY(45deg)}50%{transform:translateY(-18px) rotateX(-26deg) rotateY(45deg)}}
.scene--mini{height:190px}

/* ===== 通用区块 ===== */
.sec{padding:72px 0}
.sec-hd{text-align:center;margin-bottom:44px}
.kicker{display:inline-block;font-size:12px;letter-spacing:5px;color:var(--acc);font-weight:700;margin-bottom:10px;text-transform:uppercase}
.sec-t{font-size:31px;letter-spacing:1px}
.sec-s{color:var(--sub);margin-top:12px;font-size:15px}
.reveal{opacity:0;transform:translateY(26px);transition:.7s cubic-bezier(.2,.7,.3,1)}
.reveal.in{opacity:1;transform:none}

/* ===== 栏目卡（2.5D 挤出）===== */
.cols-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.col-card{position:relative;z-index:1;background:var(--card);border-radius:var(--rad);padding:26px 20px 22px;display:block;transition:.28s}
.col-card::before,.col-card::after{content:'';position:absolute;inset:0;border-radius:var(--rad);z-index:-1;transition:.28s}
.col-card::before{transform:translate(-9px,9px);background:var(--acc);opacity:.2}
.col-card::after{transform:translate(-18px,18px);background:var(--acc);opacity:.08}
.col-card:hover{transform:translate(-3px,-3px)}
.col-card:hover::before{transform:translate(-13px,13px);opacity:.3}
.col-num{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--acc)}
.col-cube{width:26px;height:26px;margin:12px 0 10px;position:relative}
.col-cube i,.col-cube b,.col-cube s{position:absolute;inset:0;display:block}
.col-cube i{background:linear-gradient(135deg,#a8e2ff,var(--acc));clip-path:polygon(50% 0,100% 25%,50% 50%,0 25%)}
.col-cube b{background:color-mix(in srgb,var(--acc) 55%,#06265c);clip-path:polygon(0 25%,50% 50%,50% 100%,0 75%)}
.col-cube s{background:color-mix(in srgb,var(--acc) 30%,#04143a);clip-path:polygon(100% 25%,50% 50%,50% 100%,100% 75%)}
.col-name{font-size:20px;margin-bottom:6px}
.col-tag{font-size:12.5px;color:var(--sub);line-height:1.7;min-height:44px}
.col-more{display:inline-block;margin-top:12px;font-size:12.5px;color:var(--acc);font-weight:700;letter-spacing:1px}

/* ===== 文章卡 ===== */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.a-card{position:relative;z-index:1;background:var(--card);border-radius:var(--rad);overflow:hidden;display:flex;flex-direction:column;transition:.28s;box-shadow:0 10px 24px rgba(23,36,74,.07)}
.a-card::before{content:'';position:absolute;inset:0;border-radius:var(--rad);transform:translate(-8px,8px);background:var(--acc);opacity:.15;z-index:-1;transition:.28s}
.a-card:hover{transform:translate(-3px,-3px)}
.a-card:hover::before{transform:translate(-12px,12px);opacity:.26}
.a-thumb{height:118px;position:relative;display:flex;align-items:center;justify-content:center;background:
  linear-gradient(140deg,color-mix(in srgb,var(--acc) 26%,#0e1a3c) 0%,color-mix(in srgb,var(--acc) 60%,#12295c) 100%);overflow:hidden}
.a-thumb::before{content:'';position:absolute;inset:-40%;
  background:
    repeating-linear-gradient(90deg,transparent 0 29px,rgba(255,255,255,.09) 29px 30px),
    repeating-linear-gradient(0deg,transparent 0 29px,rgba(255,255,255,.09) 29px 30px);
  transform:rotateX(56deg) rotateZ(-45deg)}
.a-thumb b{position:relative;color:#fff;font-size:34px;font-weight:800;opacity:.9;letter-spacing:2px}
.a-body{padding:20px 22px 22px;flex:1;display:flex;flex-direction:column}
.a-k{font-size:12px;color:var(--acc);font-weight:700;letter-spacing:1px;margin-bottom:8px}
.a-body h3{font-size:17.5px;line-height:1.5;margin-bottom:10px}
.a-body h3 a:hover{color:var(--acc)}
.a-body p{font-size:13.5px;color:var(--sub);margin-bottom:14px;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.a-meta{display:flex;gap:14px;font-size:12px;color:#8ba0c6;border-top:1px dashed var(--line);padding-top:12px}
.a-meta i{font-style:normal}

/* ===== 面包屑 ===== */
.crumb{padding:20px 0 4px;font-size:13px;color:var(--sub)}
.crumb a:hover{color:var(--acc)}
.crumb em{font-style:normal;margin:0 8px;color:#b7c4de}

/* ===== 文章页 ===== */
.art-hero{background:linear-gradient(160deg,#16295e,#0e1a3c 60%,#132a5c);color:#fff;padding:60px 0 120px;position:relative;overflow:hidden}
.art-hero::before{content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(90deg,transparent 0 53px,rgba(122,181,255,.06) 53px 54px),
    repeating-linear-gradient(0deg,transparent 0 53px,rgba(122,181,255,.06) 53px 54px);
  transform:perspective(700px) rotateX(58deg) scale(1.7) translateY(30%);transform-origin:center bottom}
.chip{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);color:#dbe8ff;padding:6px 16px;border-radius:999px;font-size:13px;margin-bottom:20px}
.chip b{color:#fff}
.art-hero h1{font-size:33px;line-height:1.45;max-width:900px;letter-spacing:.5px}
.lead{font-size:16.5px;color:#c9d8f7;line-height:2;max-width:820px;margin-top:18px}
.ameta{display:flex;gap:20px;color:#9db2dd;font-size:13px;margin-top:20px;flex-wrap:wrap}
.ameta i{font-style:normal}

.ar{display:grid;grid-template-columns:1fr 316px;gap:36px;margin-top:-64px;position:relative;z-index:3}
.paper{background:#fff;border-radius:18px;padding:40px 44px;box-shadow:0 18px 44px rgba(23,36,74,.12);position:relative;z-index:1}
.paper::before{content:'';position:absolute;inset:0;border-radius:18px;transform:translate(-11px,11px);background:var(--acc);opacity:.12;z-index:-1}
.paper h2{font-size:22px;margin:44px 0 18px;padding-left:14px;border-left:4px solid var(--acc);letter-spacing:1px}
.paper h2:first-child{margin-top:0}
.paper p{line-height:2;color:#3c4a6b;font-size:15.5px;margin-bottom:14px}
.trans{color:#7c8bb0;font-size:14px}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;background:linear-gradient(135deg,#f2f7ff,#e9f1fd);border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:6px}
.stat b{display:block;font-size:16.5px;color:var(--ink)}
.stat span{font-size:12px;color:var(--sub)}

.hl-list{display:grid;gap:16px}
.hl-list li{background:linear-gradient(135deg,#f7faff,#eff5fd);border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;gap:16px}
.hl-ix{flex:none;width:36px;height:36px;background:var(--acc);border-radius:9px;transform:rotate(45deg);margin:6px 8px 0 6px;box-shadow:5px 5px 0 rgba(23,36,74,.12)}
.hl-ix span{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin:6px;transform:rotate(-45deg);color:#fff;font-weight:800;font-size:14px}
.hl-tx b{display:block;font-size:15.5px;margin-bottom:5px}
.hl-tx p{font-size:14px;margin:0;color:#4a5a7d}

.it{border-left:2px dashed color-mix(in srgb,var(--acc) 45%,#fff);margin-left:8px}
.it-item{position:relative;padding:0 0 30px 30px}
.it-item:last-child{padding-bottom:6px}
.it-item::before{content:'';position:absolute;left:-10px;top:5px;width:14px;height:14px;background:#fff;border:4px solid var(--acc);border-radius:4px;transform:rotate(45deg)}
.it-day{font-size:12px;color:#fff;background:var(--acc);display:inline-block;padding:3px 12px;border-radius:6px;font-weight:700;letter-spacing:1px}
.it-t{font-weight:700;font-size:16px;margin:10px 0 6px}
.it-d{color:#4a5a7d;font-size:15px;line-height:1.95}

.cost{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cost-box{border:1px solid var(--line);border-radius:14px;padding:20px 22px;background:#fbfdff}
.cost-box h4{font-size:15px;margin-bottom:12px;color:var(--ink)}
.cost-box li{font-size:14px;color:#4a5a7d;padding:6px 0 6px 20px;position:relative;line-height:1.7}
.cost-box li::before{position:absolute;left:0;font-weight:800}
.cost-in li::before{content:'+';color:#1ea97c}
.cost-out li::before{content:'–';color:#e06a5a}

.tips{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.tip{background:#fbfdff;border:1px solid var(--line);border-left:4px solid var(--acc);border-radius:12px;padding:16px 18px;font-size:14px;color:#4a5a7d;line-height:1.9}

.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 20px;margin-bottom:10px}
.faq summary{font-weight:700;font-size:15px;cursor:pointer;list-style:none;position:relative;padding-right:26px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';position:absolute;right:2px;top:0;color:var(--acc);font-size:19px;font-weight:400}
.faq details[open] summary::after{content:'–'}
.faq details p{margin:12px 0 2px;font-size:14.5px;color:#4a5a7d;line-height:1.95}

.paper-close{margin-top:46px;background:linear-gradient(135deg,#f3f8ff,#e9f1fd);border:1px dashed color-mix(in srgb,var(--acc) 45%,#fff);border-radius:14px;padding:26px 30px;text-align:center}
.paper-close b{display:block;font-size:17px;margin-bottom:8px}
.paper-close p{font-size:14px;margin:0 0 16px}
.paper-close .btn-main{padding:11px 34px;font-size:14px}

/* 侧栏 */
.aside-box{background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 28px rgba(23,36,74,.08);margin-bottom:22px}
.aside-box h3{font-size:16px;margin-bottom:14px;padding-left:12px;border-left:4px solid var(--acc)}
.aside-list a{display:flex;justify-content:space-between;gap:10px;padding:10px 2px;border-bottom:1px dashed var(--line);font-size:13.5px;color:#3c4a6b;transition:.2s}
.aside-list a:last-child{border-bottom:0}
.aside-list a:hover{color:var(--acc)}
.aside-list i{font-style:normal;color:#9db0d2;font-size:12px;flex:none}
.aside-hot li{display:flex;gap:10px;padding:8px 0;font-size:13.5px;color:#3c4a6b}
.aside-hot b{flex:none;width:20px;height:20px;border-radius:6px;background:var(--acc);color:#fff;font-size:11.5px;display:flex;align-items:center;justify-content:center;margin-top:3px}
.aside-hot li:first-child b{background:#ff7a45}
.aside-hot li:nth-child(2) b{background:#f5a301}
.aside-hot li:nth-child(3) b{background:#0eb5a6}

/* 栏目列表页 */
.col-hero{background:linear-gradient(160deg,#16295e,#0e1a3c 60%,#132a5c);color:#fff;padding:64px 0 100px;position:relative;overflow:hidden}
.col-hero::before{content:'';position:absolute;inset:0;
  background:
    repeating-linear-gradient(90deg,transparent 0 53px,rgba(122,181,255,.06) 53px 54px),
    repeating-linear-gradient(0deg,transparent 0 53px,rgba(122,181,255,.06) 53px 54px);
  transform:perspective(700px) rotateX(58deg) scale(1.7) translateY(30%);transform-origin:center bottom}
.col-hero h1{font-size:38px;letter-spacing:2px}
.col-hero .en{font-size:13px;letter-spacing:8px;color:#7fb4f2;margin-top:8px;text-transform:uppercase}
.col-hero .tag{display:inline-block;margin-top:18px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.28);color:#dbe8ff;padding:6px 16px;border-radius:999px;font-size:13px}
.col-hero .desc{color:#c2d2f5;font-size:15.5px;max-width:780px;margin-top:18px;line-height:2}
.list-body{margin-top:-60px;position:relative;z-index:3;padding-bottom:30px}

/* 首页定制流程 */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.step{position:relative;z-index:1;background:#fff;border-radius:14px;padding:26px 22px}
.step::before{content:'';position:absolute;inset:0;border-radius:14px;transform:translate(-8px,8px);background:var(--acc);opacity:.14;z-index:-1}
.step-n{width:40px;height:40px;background:linear-gradient(135deg,#a8e2ff,var(--acc));border-radius:10px;transform:rotate(45deg);margin:8px 10px 20px 8px;box-shadow:6px 6px 0 rgba(23,36,74,.1)}
.step-n span{display:flex;align-items:center;justify-content:center;width:28px;height:28px;margin:6px;transform:rotate(-45deg);color:#fff;font-weight:800}
.step b{display:block;font-size:16px;margin-bottom:8px}
.step p{font-size:13px;color:var(--sub)}

/* 关于带 */
.about{background:linear-gradient(140deg,#12265a,#0e1a3c);color:#fff;border-radius:22px;padding:56px 54px;position:relative;overflow:hidden}
.about::before{content:'';position:absolute;right:-60px;top:-60px;width:280px;height:280px;
  background:
    repeating-linear-gradient(90deg,transparent 0 27px,rgba(122,181,255,.12) 27px 28px),
    repeating-linear-gradient(0deg,transparent 0 27px,rgba(122,181,255,.12) 27px 28px);
  transform:rotateX(56deg) rotateZ(-45deg)}
.about h2{font-size:28px;margin-bottom:16px;position:relative}
.about p{color:#c2d2f5;font-size:15px;max-width:660px;position:relative;line-height:2.1}
.about .nums{display:flex;gap:46px;margin-top:34px;position:relative;flex-wrap:wrap}
.about .nums b{display:block;font-size:30px;color:#6cc6ff}
.about .nums span{font-size:12.5px;color:#8ea4d4}

/* CTA 横幅 */
.cta-band{background:linear-gradient(135deg,var(--acc),#12245c);border-radius:20px;color:#fff;padding:44px 50px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta-band b{font-size:24px;display:block;margin-bottom:8px}
.cta-band p{color:rgba(255,255,255,.85);font-size:14.5px}
.cta-band .btn-w{background:#fff;color:#12245c;padding:13px 34px;border-radius:12px;font-weight:800;display:inline-block;transition:.25s}
.cta-band .btn-w:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,0,0,.28)}

/* ===== 页脚 ===== */
.ft{background:var(--navy);color:#93a5cf;padding:58px 0 26px;margin-top:88px}
.ft-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px}
.ft h4{color:#fff;font-size:15px;margin-bottom:16px;letter-spacing:1px}
.ft .intro{font-size:13.5px;line-height:2;color:#7c8bb0}
.ft a{color:#a9bce0;font-size:13.5px;display:block;padding:4px 0;transition:.2s}
.ft a:hover{color:#fff}
.ft .mark{width:34px;height:34px;margin-bottom:14px}
.ft-beian{border-top:1px solid rgba(255,255,255,.09);margin-top:36px;padding-top:20px;text-align:center;font-size:13px;color:#7f92bf}
.ft-beian a{display:inline;padding:0}
.ft-beian a:hover{color:#c4d2f2}

/* ===== 响应式 ===== */
@media (max-width:1024px){
  .cols-grid{grid-template-columns:repeat(3,1fr)}
  .cards{grid-template-columns:repeat(2,1fr)}
  .hero-in{grid-template-columns:1fr;padding:70px 22px 110px}
  .scene{height:300px;order:-1}
  .ar{grid-template-columns:1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .ft-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:640px){
  .hero h1{font-size:31px}
  .sec-t{font-size:25px}
  .cols-grid{grid-template-columns:repeat(2,1fr)}
  .cards{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .cost,.tips{grid-template-columns:1fr}
  .paper{padding:26px 22px}
  .art-hero h1{font-size:24px}
  .steps{grid-template-columns:1fr}
  .about{padding:36px 26px}
  .cta-band{padding:32px 26px}
  .hd-in{gap:10px}
  .logo-txt i{display:none}
}