:root {
  --blue-primary: #006eff;
  --blue-light: #389bff;
  --blue-deep: #004fc8;
  --blue-gradient: linear-gradient(135deg, #006eff 0%, #2288ff 100%);
  --blue-light-gradient: linear-gradient(135deg, #f0f7ff 0%, #e6f0ff 100%);
  --dark-gradient: linear-gradient(135deg, #1d2129, #2c313d);
  --bg-base: #ffffff;
  --bg-light: #f5f8ff;
  --bg-dark: #1d2129;
  --text-dark: #1d2129;
  --text-gray: #6e7583;
  --text-light-gray: #9499a4;
  --border-thin: #e5e9f2;
  --border-light: #e8f0ff;
  --tencent-blue:#006eff;
  --border-glow: rgba(0,110,255,0.15);
  --shadow-xs: 0 1px 4px rgba(0,110,255,0.05);
  --shadow-sm: 0 3px 10px rgba(0,110,255,0.08);
  --shadow-md: 0 8px 22px rgba(0,110,255,0.12);
  --shadow-lg: 0 12px 32px rgba(0,110,255,0.16);
  --shadow-hover: 0 16px 42px rgba(0,110,255,0.22);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius-full: 999px;
  --trans: all 0.35s cubic-bezier(0.22, 0.01, 0.25, 1);
}
* {margin:0;padding:0;box-sizing:border-box;font-family:"Microsoft YaHei",system-ui,sans-serif}
html {scroll-behavior:smooth}
body {
  color:var(--text-dark);
  background:var(--bg-base);
  line-height:1.68;
  background-image: radial-gradient(circle at 15% 10%, rgba(0,110,255,0.03), transparent 60%),
                    radial-gradient(circle at 85% 80%, rgba(0,110,255,0.02), transparent 70%);
  background-attachment: fixed;
}
ul {list-style:none}
a {text-decoration:none;color:inherit}
button {border:none;outline:none;cursor:pointer;background:transparent}
.container {width:92%;max-width:1280px;margin:0 auto}
.section {padding:90px 0;position:relative;overflow:hidden}
.bg-light {
  background:var(--bg-light);
  background-image: radial-gradient(circle at top left, rgba(0,110,255,0.04), transparent 70%);
}
.sec-title {text-align:center;margin-bottom:70px;position:relative;z-index:1}
.sec-title h2 {
  font-size:34px;font-weight:700;margin-bottom:14px;
  background:var(--blue-gradient);
  -webkit-background-clip:text;
  color:transparent;
  display:inline-block;
}
.sec-title p {font-size:16px;color:var(--text-gray);max-width:720px;margin:0 auto}

.btn {
  display:inline-flex;align-items:center;justify-content:center;
  padding:13px 30px;border-radius:var(--radius-sm);
  font-size:15px;font-weight:500;transition:var(--trans);
  position:relative;overflow:hidden;letter-spacing:0.5px
}
.btn-lg {padding:16px 40px;font-size:17px}
.btn-primary {
  background:var(--blue-gradient);color:#fff;
  box-shadow:var(--shadow-sm);
}
.btn-primary:hover {
  transform:translateY(-4px);
  box-shadow:var(--shadow-hover);
}
.btn-outline {
  background:transparent;border:1px solid var(--blue-primary);color:var(--blue-primary);
}
.btn-outline:hover {
  background:var(--blue-gradient);color:#fff;
  box-shadow:var(--shadow-sm);transform:translateY(-2px);
}
.btn-light {
  background:#fff;border:1px solid var(--border-thin);color:var(--blue-primary);
  box-shadow:var(--shadow-xs);
}
.btn-light:hover {
  background:var(--blue-light-gradient);
  border-color:var(--blue-primary);
  transform:translateY(-2px);
  box-shadow:var(--shadow-sm);
}

.hover-scale {transition:var(--trans);position:relative;overflow:hidden}
.hover-scale::before {
  content:"";position:absolute;inset:0;opacity:0;transition:0.4s;
  background:radial-gradient(circle at top, rgba(0,110,255,0.08), transparent 75%);
  pointer-events:none;
}
.hover-scale:hover {
  transform:translateY(-10px) scale(1.02);
  box-shadow:var(--shadow-hover);
  border-color:var(--border-glow);
}
.hover-scale:hover::before {opacity:1}

@keyframes fade {
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fadeRight {
  from{opacity:0;transform:translateX(40px)}
  to{opacity:1;transform:translateX(0)}
}
@keyframes fadeIn {
  from { opacity:0; transform: translateY(12px); }
  to { opacity:1; transform: translateY(0); }
}
.animate-fade {animation:fade 1s cubic-bezier(0.22,0,0.2,1) forwards}
.animate-fade-delay {animation:fade 1s 0.2s forwards;opacity:0}
.animate-fade-delay2 {animation:fade 1s 0.4s forwards;opacity:0}
.animate-fade-delay3 {animation:fade 1s 0.6s forwards;opacity:0}
.animate-fade-right {animation:fadeRight 1s 0.4s forwards;opacity:0}

.header {
  position:fixed;top:0;left:0;width:100%;z-index:999;padding:20px 0;transition:var(--trans);
  backdrop-filter: blur(8px);
  background:rgba(255,255,255,0.72);
}
.header.fixed {
  background:rgba(255,255,255,0.94);
  box-shadow:var(--shadow-sm);
  padding:14px 0;
  backdrop-filter: blur(12px);
}
.nav-wrap {display:flex;align-items:center;justify-content:space-between;margin:20px auto !important;}
.logo {display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;color:var(--text-dark)}
.logo i {
  color:var(--blue-primary);font-size:28px;
  filter: drop-shadow(0 3px 6px rgba(0,110,255,0.2));
}
.nav-menu {display:flex;gap:36px}
.nav-item {
  font-size:15px;color:var(--text-gray);transition:var(--trans);
  position:relative;padding:5px 0;
}
.nav-item.active,.nav-item:hover {color:var(--blue-primary)}
.nav-item.active::after {
  content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;
  background:var(--blue-gradient);border-radius:2px
}
.nav-btn-group {display:flex;gap:18px}

.breadcrumb {
  padding:18px 0;background:var(--blue-light-gradient);
  font-size:14px;color:var(--text-gray);
  border-bottom:1px solid var(--border-light);
  margin-top:86px;
}
.breadcrumb a {color:var(--blue-primary)}
.breadcrumb span {margin:0 8px;color:#ccd6e8}

.banner {
  min-height:100vh;display:flex;align-items:center;
  background:var(--blue-light-gradient);
  padding-top:80px;
  position:relative;overflow:hidden;
}
.banner::before {
  content:"";position:absolute;top:-100px;right:-120px;width:360px;height:360px;
  background:rgba(0,110,255,0.08);border-radius:50%;filter:blur(50px);
}
.banner::after {
  content:"";position:absolute;bottom:-80px;left:-60px;width:280px;height:280px;
  background:rgba(0,110,255,0.06);border-radius:50%;filter:blur(40px);
}
.banner-content {display:grid;grid-template-columns:1fr 440px;gap:80px;align-items:center;position:relative;z-index:1}
.banner-title {
  font-size:48px;line-height:1.32;margin-bottom:24px;
  background:var(--blue-gradient);
  -webkit-background-clip:text;color:transparent;
}
.banner-desc {font-size:18px;color:var(--text-gray);margin-bottom:36px}
.banner-tag {display:flex;gap:18px;flex-wrap:wrap;margin-bottom:46px}
.banner-tag span {
  display:flex;align-items:center;gap:9px;padding:11px 20px;
  background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-full);
  color:var(--text-gray);font-size:14px;transition:var(--trans);
  box-shadow:var(--shadow-xs);
}
.banner-tag span:hover {
  border-color:var(--blue-primary);
  background:#f7fbff;
  transform:translateY(-2px);
}
.banner-buttons {display:flex;gap:22px;flex-wrap:wrap}
.banner-card {
  background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);
  padding:44px;position:relative;overflow:hidden;
  border:1px solid var(--border-light);
}
.banner-card::before {
  content:"";position:absolute;top:0;left:0;width:100%;height:100%;
  background:radial-gradient(circle at top right, rgba(0,110,255,0.05), transparent 70%);
  pointer-events:none;
}
.card-top {
  position:absolute;top:0;left:0;width:100%;height:5px;
  background:var(--blue-gradient);border-radius:var(--radius-xl) var(--radius-xl) 0 0;
}
.banner-card h3 {margin-bottom:26px;font-size:22px;position:relative;z-index:1}
.banner-card p {margin-bottom:16px;color:var(--text-gray);font-size:16px;position:relative;z-index:1}
.card-btn {
  display:block;margin-top:32px;padding:13px;text-align:center;
  background:var(--blue-gradient);color:#fff;border-radius:var(--radius-sm);
  transition:var(--trans);position:relative;z-index:1;
  box-shadow:var(--shadow-sm);
}
.card-btn:hover {transform:translateY(-3px);box-shadow:var(--shadow-md)}

/* 企业实力模块样式 */
.data-wrap {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
  margin-bottom:80px;
}
.data-item {
  text-align:center;
  padding:48px 20px;
  background:#fff;
  border-radius:var(--radius-xl);
  box-shadow:var(--shadow-xs);
  border:1px solid var(--border-light);
  transition:var(--trans);
  position:relative;
  overflow:hidden;
}
.data-item::before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:4px;
  background:var(--blue-gradient);
}
.data-item:hover {
  transform:translateY(-8px);
  box-shadow:var(--shadow-hover);
  border-color:var(--border-glow);
}
.data-num {
  font-size:46px;
  font-weight:700;
  background:var(--blue-gradient);
  -webkit-background-clip:text;
  color:transparent;
  margin-bottom:14px;
}
.data-text {
  font-size:15px;
  color:var(--text-gray);
  line-height:1.6;
}

.logo-wall {
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:32px;
  margin-bottom:80px;
}
.logo-item {
  height:120px;
  background:#fff;
  border-radius:var(--radius-md);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  box-shadow:var(--shadow-xs);
  border:1px solid var(--border-thin);
  transition:var(--trans);
  font-size:26px;
  color:var(--text-gray);
}
.logo-item span {
  font-size:14px;
  color:var(--text-gray);
}
.logo-item:hover {
  border-color:var(--blue-primary);
  color:var(--blue-primary);
  transform:translateY(-4px);
  box-shadow:var(--shadow-sm);
}

.cert-list {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:32px;
  margin-bottom:80px;
}
.cert-item {
  background:#fff;
  border-radius:var(--radius-lg);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
  border:1px solid var(--border-light);
  transition:var(--trans);
  text-align:center;
}
.cert-item:hover {
  transform:translateY(-6px);
  box-shadow:var(--shadow-hover);
  border-color:var(--border-glow);
}
.cert-img {
  height:160px;
  background:var(--blue-light-gradient);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:48px;
  color:var(--blue-primary);
}
.cert-name {
  padding:20px;
  font-size:14px;
  color:var(--text-dark);
  font-weight:500;
  line-height:1.5;
}

.room-list {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:32px;
}
.room-item {
  border-radius:var(--radius-xl);
  overflow:hidden;
  background:#fff;
  box-shadow:var(--shadow-md);
  border:1px solid var(--border-light);
  transition:var(--trans);
}
.room-item:hover {
  transform:translateY(-8px);
  box-shadow:var(--shadow-hover);
  border-color:var(--border-glow);
}
.room-pic {
  height:220px;
  background:var(--blue-light-gradient);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:52px;
  color:var(--blue-primary);
}
.room-desc {
  padding:24px;
  text-align:center;
  font-size:14px;
  color:var(--text-gray);
  line-height:1.5;
}

.sale-box {
  background:var(--blue-gradient);border-radius:var(--radius-xl);padding:50px;
  display:flex;align-items:center;justify-content:space-between;color:#fff;position:relative;overflow:hidden
}
.sale-box::before {content:"";position:absolute;right:-100px;top:-80px;width:300px;height:300px;background:rgba(255,255,255,0.1);border-radius:50%;filter:blur(40px)}
.sale-left h3 {font-size:32px;margin-bottom:12px}
.sale-left p {opacity:0.92;font-size:17px}
.sale-tag {display:inline-block;margin-top:16px;padding:6px 16px;background:#fff;color:var(--blue-primary);border-radius:var(--radius-full);font-weight:600}

.tech-list {display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tech-item {
  background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:40px 30px;box-shadow:var(--shadow-xs);
}
.tech-icon {width:60px;height:60px;border-radius:var(--radius-md);background:var(--blue-light-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.tech-icon i {font-size:24px;color:var(--blue-primary)}
.tech-item h4 {font-size:20px;margin-bottom:14px}
.tech-item p {color:var(--text-gray);font-size:15px}

.guarantee-list {display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.guarantee-item {
  background:#fff;border-radius:var(--radius-lg);padding:32px 24px;border:1px solid var(--border-light);box-shadow:var(--shadow-xs);text-align:center
}
.guarantee-item i {font-size:32px;color:var(--blue-primary);margin-bottom:16px}
.guarantee-item h4 {font-size:17px;margin-bottom:10px}
.guarantee-item p {font-size:14px;color:var(--text-gray)}

.adv-list {display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.adv-item {
  background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);
  padding:44px 30px;box-shadow:var(--shadow-xs);
  position:relative;overflow:hidden;
}
.adv-item::after {
  content:"";position:absolute;top:-70px;right:-70px;width:140px;height:140px;
  background:radial-gradient(circle, rgba(0,110,255,0.06), transparent);border-radius:50%;
}
.adv-icon {
  width:64px;height:64px;border-radius:var(--radius-md);background:var(--blue-gradient);
  display:flex;align-items:center;justify-content:center;margin-bottom:24px;
  box-shadow:var(--shadow-sm);
}
.adv-icon i {color:#fff;font-size:26px}
.adv-item h3 {font-size:20px;margin-bottom:14px}
.adv-item p {color:var(--text-gray);font-size:15px}

.product-tab {display:flex;gap:14px;margin-bottom:46px;flex-wrap:wrap}
.tab-btn {
  padding:14px 26px;background:#fff;border:1px solid var(--border-thin);
  border-radius:var(--radius-md);color:var(--text-gray);cursor:pointer;
  transition:var(--trans);box-shadow:var(--shadow-xs);
}
.tab-btn.active {
  background:var(--blue-gradient);color:#fff;
  border-color:transparent;box-shadow:var(--shadow-md);
  transform:translateY(-2px);
}
.tab-btn:hover:not(.active) {
  border-color:var(--blue-primary);color:var(--blue-primary);
  background:#f7fbff;transform:translateY(-1px);
}
.tab-pane {display:none}
.tab-pane.active {display:block}
.node-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.node-card {
  background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);
  padding:36px;box-shadow:var(--shadow-xs);position:relative;overflow:hidden;
}
.node-card::before {
  content:"";position:absolute;inset:0;opacity:0;transition:0.4s;
  background:radial-gradient(circle at top, rgba(0,110,255,0.07), transparent 70%);
  pointer-events:none;
}
.node-card:hover::before {opacity:1}
.node-card h4 {font-size:20px;margin-bottom:14px}
.node-card p {color:var(--text-gray);margin-bottom:20px;font-size:15px}
.price {
  display:inline-block;padding:7px 14px;background:var(--blue-light-gradient);
  color:var(--blue-primary);border-radius:var(--radius-sm);font-size:14px;font-weight:500;
}

.node-area {display:flex;justify-content:center;gap:30px;flex-wrap:wrap}
.area-item {
  display:flex;align-items:center;gap:10px;padding:18px 28px;
  background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-full);
  font-size:16px;box-shadow:var(--shadow-xs);transition:var(--trans);
}
.area-item i {color:var(--blue-primary);font-size:18px}
.area-item:hover {
  border-color:var(--blue-primary);background:#f7fbff;
  transform:translateY(-3px);box-shadow:var(--shadow-sm);
}

.sol-list {display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.sol-item {
  background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);
  padding:40px 28px;text-align:center;box-shadow:var(--shadow-xs);
  position:relative;overflow:hidden;
}
.sol-item::after {
  content:"";position:absolute;top:-60px;right:-60px;width:120px;height:120px;
  background:radial-gradient(circle, rgba(0,110,255,0.06), transparent);border-radius:50%;
}
.sol-item i {
  font-size:36px;color:var(--blue-primary);margin-bottom:20px;
  transition:0.35s;filter: drop-shadow(0 4px 8px rgba(0,110,255,0.12));
}
.sol-item:hover i {transform: scale(1.18)}
.sol-item h3 {font-size:19px;margin-bottom:14px}
.sol-item p {color:var(--text-gray);font-size:15px}

.case-list {display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.case-item {
  background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-md);
  padding:32px;text-align:center;color:var(--text-gray);font-size:15px;
  box-shadow:var(--shadow-xs);transition:var(--trans);
}
.case-item:hover {
  transform:translateY(-6px);box-shadow:var(--shadow-md);
  border-color:var(--border-glow);
}

.article-list {display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.article-item {
  background:#fff;border:1px solid var(--border-light);border-radius:var(--radius-xl);
  overflow:hidden;transition:var(--trans);box-shadow:var(--shadow-xs);
}
.article-item:hover {transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--border-glow)}
.article-img {
  height:180px;background:var(--blue-light-gradient);
  display:flex;align-items:center;justify-content:center;color:var(--blue-primary);font-size:44px;
  position:relative;overflow:hidden;
}
.article-img::before {
  content:"";position:absolute;inset:0;background:radial-gradient(circle, rgba(0,110,255,0.08), transparent 70%);
}
.article-img i {position:relative;z-index:1}
.article-body {padding:28px}
.article-title {
  font-size:18px;font-weight:600;margin-bottom:12px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.article-title a {color:var(--text-dark);transition:0.25s}
.article-title a:hover {color:var(--blue-primary)}
.article-desc {
  font-size:14px;color:var(--text-gray);line-height:1.7;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px
}
.article-meta {display:flex;justify-content:space-between;font-size:13px;color:var(--text-light-gray)}

.faq-item {
  border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:22px;background:#fff;
  overflow:hidden;box-shadow:var(--shadow-xs);
}
.faq-q {
  padding:26px 30px;display:flex;justify-content:space-between;align-items:center;
  cursor:pointer;font-size:17px;background:linear-gradient(to right, #fff, #fcfdff);
  transition:0.25s;
}
.faq-q:hover {background:#f7fbff}
.faq-q i {transition:0.35s ease transform}
.faq-a {
  padding:0 30px;max-height:0;overflow:hidden;color:var(--text-gray);transition:var(--trans);font-size:16px;line-height:1.75;
}
.faq-a.show {padding:0 30px 26px;max-height:350px}
.faq-a.show + .faq-q i {transform: rotate(45deg)}

.contact {
  background:var(--blue-gradient);color:#fff;padding:76px 0;
  position:relative;overflow:hidden;
}
.contact::before {
  content:"";position:absolute;top:-140px;right:-120px;width:340px;height:340px;
  background:rgba(255,255,255,0.12);border-radius:50%;filter:blur(50px);
}
.contact::after {
  content:"";position:absolute;bottom:-100px;left:-80px;width:280px;height:280px;
  background:rgba(255,255,255,0.08);border-radius:50%;filter:blur(40px);
}
.contact-wrap {display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.contact-left h2 {font-size:34px;margin-bottom:18px}
.contact-left p {margin-bottom:14px;font-size:17px;opacity:0.94}
.contact-left p i {margin-right:10px;width:20px;text-align:center}
.contact-right .btn {
  background:#fff;color:var(--blue-primary);font-weight:600;
  box-shadow:0 10px 26px rgba(0,0,0,0.14);
}
.contact-right .btn:hover {
  transform:translateY(-5px);box-shadow:0 16px 38px rgba(0,0,0,0.18);
}

.footer {
  background:var(--bg-dark);color:#fff;padding:80px 0 30px;position:relative;overflow:hidden;
}
.footer::before {
  content:"";position:absolute;top:0;left:0;width:100%;height:1px;
  background:linear-gradient(90deg, transparent, var(--blue-primary), transparent);
}
.footer-wrap {display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:56px}
.f-col h3 {
  font-size:24px;margin-bottom:24px;
  background:linear-gradient(90deg,#fff,#94c4ff);
  -webkit-background-clip:text;color:transparent;display:inline-block
}
.f-col h4 {font-size:17px;margin-bottom:22px;color:#e6f0ff}
.f-col p {color:#aaa;line-height:1.75;font-size:14px}
.f-col li {margin-bottom:16px}
.f-col a {color:#aaa;font-size:14px;transition:0.28s}
.f-col a:hover {color:var(--blue-light);padding-left:6px}
.copyright {
  border-top:1px solid #323844;margin-top:56px;padding-top:30px;
  text-align:center;color:#727884;font-size:14px;
}

/* 一级分类导航 立体质感升级 */
.sky-cart-menu {
  background: #ffffff;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-xl);
  padding: 24px 28px;
  margin-bottom: 48px;
  box-shadow: var(--shadow-sm);
  position:relative;
  overflow:hidden;
}
.sky-cart-menu::before {
  content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left, rgba(0,110,255,0.04), transparent 60%);pointer-events:none;
}
.nav-main-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 0;
  position:relative;z-index:1;
}
.nav-main-item {
  padding: 11px 22px;
  border-radius: var(--radius-md);
  border: 1px solid var(--border-thin);
  cursor: pointer;
  font-size: 15px;
  color: #5a6270;
  transition: var(--trans);
  white-space: nowrap;
  background:#fff;
  min-width: 15%;
  text-align: center;
}
.nav-main-item.active {
  background: var(--blue-gradient);
  color: #fff;
  border-color: transparent;
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.nav-main-item:hover:not(.active) {
  border-color: #006eff;
  color: #006eff;
  background: #f7fbff;
  box-shadow: var(--shadow-xs);
  transform: translateY(-1px);
}

/* 机房卡片核心质感重构 多层立体 */
.node-card-filter {
  display: none;
  background:#fff;
  border:1px solid var(--border-light);
  border-radius:var(--radius-xl);
  overflow:hidden;
  transition:var(--trans);
  position:relative;
}
.node-card-filter::before {
  content:"";position:absolute;inset:0;opacity:0;transition:0.3s;background:radial-gradient(circle at top, rgba(0,110,255,0.06), transparent 70%);pointer-events:none;
}
.node-card-filter.show {
  display: block;
  animation: fadeIn 0.4s ease;
}
.node-card-filter:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: var(--shadow-hover);
  border-color:rgba(0,110,255,0.18);
}
.node-card-filter:hover::before {opacity:1}
.node-card-header {
  padding:26px;
  background:var(--blue-light-gradient);
  display:flex;align-items:center;gap:14px;
  border-bottom:1px solid var(--border-light);
}
.node-card-header i {
  font-size:28px;color:var(--blue-primary);filter: drop-shadow(0 2px 6px rgba(0,110,255,0.15))
}
.node-card-header h3 {
  font-size:20px;font-weight:600;margin:0;
}
.node-card-body {
  padding:26px;
}
.node-tag {
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;
}
.node-tag span {
  font-size:13px;padding:5px 11px;background:rgba(0,110,255,0.08);color:var(--blue-primary);border-radius:var(--radius-sm);border:1px solid rgba(0,110,255,0.12);
}
.node-desc {
  color:var(--text-gray);font-size:15px;line-height:1.7;margin-bottom:20px;
}
.node-card-footer {
  padding:18px 26px;border-top:1px solid var(--border-light);
  background:#fcfdff;
}
.node-card-footer a {
  display:block;text-align:center;padding:11px;border:1px solid var(--blue-primary);border-radius:var(--radius-sm);color:var(--blue-primary);transition:var(--trans);font-weight:500;
}
.node-card-footer a:hover {
  background:var(--blue-gradient);color:#fff;box-shadow:var(--shadow-xs)
}

/* 机房卡片核心质感重构 多层立体 */
.node-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap:32px;
}
.node-card {
  display: none;
  background:#fff;
  border:1px solid var(--border-light);
  border-radius:var(--radius-xl);
  overflow:hidden;
  transition:var(--trans);
  position:relative;
}
.node-card::before {
  content:"";position:absolute;inset:0;opacity:0;transition:0.3s;background:radial-gradient(circle at top, rgba(0,110,255,0.06), transparent 70%);pointer-events:none;
}
.node-card.show {
  display: block;
  animation: fadeIn 0.4s ease;
}
@keyframes fadeIn {
  from { opacity:0; transform: translateY(12px); }
  to { opacity:1; transform: translateY(0); }
}
.node-card:hover {
  transform: translateY(-10px) scale(1.02);
  box-shadow: var(--shadow-hover);
  border-color:rgba(0,110,255,0.18);
}
.node-card:hover::before {opacity:1}
.node-card-header {
  padding:26px;
  background:var(--blue-light-gradient);
  display:flex;align-items:center;gap:14px;
  border-bottom:1px solid var(--border-light);
}
.node-card-header i {
  font-size:28px;color:var(--tencent-blue);filter: drop-shadow(0 2px 6px rgba(0,110,255,0.15))
}
.node-card-header h3 {
  font-size:20px;font-weight:600;margin:0;
}
.node-card-body {
  padding:26px;
}
.node-tag {
  display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;
}
.node-tag span {
  font-size:13px;padding:5px 11px;background:rgba(0,110,255,0.08);color:var(--tencent-blue);border-radius:var(--radius-sm);border:1px solid rgba(0,110,255,0.12);
}
.node-desc {
  color:var(--tencent-gray);font-size:15px;line-height:1.7;margin-bottom:20px;
}
.node-card-footer {
  padding:18px 26px;border-top:1px solid var(--border-light);
  background:#fcfdff;
}
.node-card-footer a {
  display:block;text-align:center;padding:11px;border:1px solid var(--tencent-blue);border-radius:var(--radius-sm);color:var(--tencent-blue);transition:var(--trans);font-weight:500;
}
.node-card-footer a:hover {
  background:var(--blue-gradient);color:#fff;box-shadow:var(--shadow-sm)
}

.article-list .article-item:nth-child(n+7){
    display: none !important;
}

/* 响应式适配补充分类导航 */
@media(max-width:1200px){
  .adv-list,.sol-list,.node-grid,.case-list,.article-list,.data-wrap,.cert-list,.guarantee-list {grid-template-columns:repeat(2,1fr)}
  .logo-wall {grid-template-columns:repeat(3,1fr)}
  .tech-list,.room-list {grid-template-columns:repeat(2,1fr)}
}
@media(max-width:992px){
  .banner-content {grid-template-columns:1fr;gap:60px}
  .contact-wrap {flex-direction:column;gap:40px;text-align:center}
  .contact-left {text-align:center}
  .sale-box {flex-direction:column;text-align:center;gap:30px}
}
@media(max-width:768px){
  .nav-menu {display:none}
  .adv-list,.sol-list,.node-grid,.case-list,.article-list,.footer-wrap,.data-wrap,.cert-list,.guarantee-list,.logo-wall,.tech-list,.room-list {grid-template-columns:1fr}
  .banner-title {font-size:34px}
  .section {padding:65px 0}
  .breadcrumb {font-size:13px;margin-top:72px}
  .node-area {gap:16px}
  .area-item {padding:14px 20px;font-size:14px}
  .sky-cart-menu { padding:20px 16px; }
  .nav-main-item { padding:10px 16px;font-size:14px; }
}