@charset "UTF-8";
/* ============================================
   WEEX唯客交易平台 - 全站共用样式表
   主色：科技蓝紫 + 加密金
   ============================================ */

/* ---------- CSS 变量 ---------- */
:root {
  --primary: #1a56db;
  --primary-dark: #0d3a9e;
  --primary-light: #4a7ef0;
  --accent: #f5a623;
  --accent-dark: #d68a0a;
  --cyan: #06b6d4;
  --purple: #7c3aed;
  --bg-dark: #0a0f1e;
  --bg-dark-2: #111a30;
  --bg-light: #f6f8fc;
  --bg-white: #ffffff;
  --text-dark: #1a2233;
  --text-body: #4a5568;
  --text-light: #8b95a5;
  --text-white: #ffffff;
  --text-muted: #cbd5e1;
  --border-light: #e2e8f0;
  --border-dark: rgba(255,255,255,0.1);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 999px;
  --shadow-sm: 0 2px 8px rgba(26,34,51,0.06);
  --shadow-md: 0 8px 28px rgba(26,34,51,0.1);
  --shadow-lg: 0 18px 50px rgba(26,34,51,0.16);
  --shadow-glow: 0 10px 40px rgba(26,86,219,0.35);
  --grad-primary: linear-gradient(135deg, #1a56db 0%, #7c3aed 100%);
  --grad-accent: linear-gradient(135deg, #f5a623 0%, #f97316 100%);
  --grad-dark: linear-gradient(160deg, #0a0f1e 0%, #111a30 60%, #182448 100%);
  --grad-hero: linear-gradient(135deg, #0a0f1e 0%, #132347 55%, #1e3a8a 100%);
  --font-main: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --max-width: 1200px;
}

/* ---------- Reset ---------- */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 1.75;
  color: var(--text-body);
  background: var(--bg-white);
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; transition: var(--transition); }
ul, ol { list-style: none; }
button, input, textarea, select { font-family: inherit; font-size: inherit; outline: none; border: none; }
button { cursor: pointer; background: none; }
table { border-collapse: collapse; width: 100%; }

/* ---------- 排版 ---------- */
h1, h2, h3, h4, h5, h6 {
  color: var(--text-dark);
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: -0.01em;
}
h1 { font-size: clamp(2rem, 5vw, 3.4rem); }
h2 { font-size: clamp(1.6rem, 3.5vw, 2.5rem); }
h3 { font-size: clamp(1.15rem, 2vw, 1.5rem); }
h4 { font-size: 1.1rem; }
p { margin-bottom: 1rem; }
p:last-child { margin-bottom: 0; }

/* ---------- 布局容器 ---------- */
.container { width: 100%; max-width: var(--max-width); margin: 0 auto; padding: 0 20px; }
.container-wide { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 20px; }
.section { padding: 90px 0; position: relative; }
.section-sm { padding: 60px 0; }
.section-dark { background: var(--grad-dark); color: var(--text-muted); }
.section-dark h2, .section-dark h3, .section-dark h4 { color: var(--text-white); }
.section-light { background: var(--bg-light); }

/* ---------- 区块标题 ---------- */
.section-head { text-align: center; max-width: 760px; margin: 0 auto 56px; }
.section-head.left { text-align: left; margin-left: 0; }
.section-tag {
  display: inline-block;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--primary);
  background: rgba(26,86,219,0.08);
  padding: 6px 16px;
  border-radius: var(--radius-full);
  margin-bottom: 16px;
}
.section-dark .section-tag { color: #7ea8ff; background: rgba(74,126,240,0.14); }
.section-head h2 { margin-bottom: 16px; }
.section-head p { font-size: 1.05rem; color: var(--text-light); }
.section-dark .section-head p { color: var(--text-muted); }

/* ---------- 按钮 ---------- */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 14px 32px;
  font-size: 1rem;
  font-weight: 600;
  border-radius: var(--radius-full);
  transition: var(--transition);
  white-space: nowrap;
  line-height: 1.2;
}
.btn-primary {
  background: var(--grad-primary);
  color: #fff;
  box-shadow: var(--shadow-glow);
}
.btn-primary:hover { transform: translateY(-3px); box-shadow: 0 16px 48px rgba(26,86,219,0.48); }
.btn-accent {
  background: var(--grad-accent);
  color: #fff;
  box-shadow: 0 10px 30px rgba(245,166,35,0.35);
}
.btn-accent:hover { transform: translateY(-3px); box-shadow: 0 16px 44px rgba(245,166,35,0.45); }
.btn-outline {
  border: 2px solid rgba(255,255,255,0.35);
  color: #fff;
  background: rgba(255,255,255,0.04);
  backdrop-filter: blur(4px);
}
.btn-outline:hover { background: rgba(255,255,255,0.14); border-color: #fff; transform: translateY(-3px); }
.btn-outline-dark {
  border: 2px solid var(--primary);
  color: var(--primary);
  background: transparent;
}
.btn-outline-dark:hover { background: var(--primary); color: #fff; transform: translateY(-3px); }
.btn-lg { padding: 17px 42px; font-size: 1.08rem; }
.btn-sm { padding: 10px 22px; font-size: 0.9rem; }
.btn-block { width: 100%; }

/* ---------- 导航栏 ---------- */
.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(10,15,30,0.82);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border-dark);
  transition: var(--transition);
}
.site-header.scrolled { background: rgba(10,15,30,0.96); box-shadow: 0 4px 30px rgba(0,0,0,0.3); }
.navbar { display: flex; align-items: center; justify-content: space-between; height: 74px; }
.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 1.18rem;
  font-weight: 800;
  color: #fff;
  letter-spacing: 0.01em;
}
.brand-logo {
  width: 38px; height: 38px;
  border-radius: 10px;
  background: var(--grad-primary);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem; font-weight: 900; color: #fff;
  box-shadow: 0 4px 16px rgba(26,86,219,0.5);
  flex-shrink: 0;
}
.brand-text { white-space: nowrap; }
.nav-menu { display: flex; align-items: center; gap: 6px; }
.nav-link {
  display: block;
  padding: 9px 16px;
  font-size: 0.95rem;
  font-weight: 500;
  color: rgba(255,255,255,0.78);
  border-radius: var(--radius-sm);
}
.nav-link:hover, .nav-link.active { color: #fff; background: rgba(255,255,255,0.09); }
.nav-cta { margin-left: 14px; }
.nav-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: 8px;
  border-radius: var(--radius-sm);
}
.nav-toggle span { display: block; width: 24px; height: 2px; background: #fff; border-radius: 2px; transition: var(--transition); }
.nav-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav-toggle.open span:nth-child(2) { opacity: 0; }
.nav-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* ---------- Hero 主视觉 ---------- */
.hero {
  position: relative;
  background: var(--grad-hero);
  color: #fff;
  padding: 110px 0 120px;
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  top: -180px; right: -160px;
  width: 620px; height: 620px;
  background: radial-gradient(circle, rgba(124,58,237,0.35) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.hero::after {
  content: "";
  position: absolute;
  bottom: -220px; left: -140px;
  width: 560px; height: 560px;
  background: radial-gradient(circle, rgba(6,182,212,0.25) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}
.hero-grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 60px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.hero-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 18px;
  background: rgba(255,255,255,0.09);
  border: 1px solid rgba(255,255,255,0.16);
  border-radius: var(--radius-full);
  font-size: 0.85rem;
  color: #cfe0ff;
  margin-bottom: 24px;
}
.hero-badge .dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: #22c55e;
  box-shadow: 0 0 10px #22c55e;
  animation: pulse 2s infinite;
}
.hero h1 { color: #fff; margin-bottom: 22px; }
.hero h1 .highlight {
  background: linear-gradient(120deg, #60a5fa, #c084fc, #f5a623);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-desc {
  font-size: 1.12rem;
  color: #b9c6e2;
  margin-bottom: 36px;
  max-width: 560px;
  line-height: 1.8;
}
.hero-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 48px; }
.hero-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  padding-top: 28px;
  border-top: 1px solid rgba(255,255,255,0.12);
}
.hero-stat .num {
  font-size: 1.9rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  background: linear-gradient(120deg, #fff, #93b4ff);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero-stat .label { font-size: 0.88rem; color: #93a3c0; }
.hero-visual { position: relative; }
.hero-visual img {
  border-radius: var(--radius-lg);
  box-shadow: 0 30px 80px rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.1);
}
.hero-float-card {
  position: absolute;
  background: rgba(17,26,48,0.92);
  backdrop-filter: blur(14px);
  border: 1px solid rgba(255,255,255,0.14);
  border-radius: var(--radius-md);
  padding: 16px 20px;
  box-shadow: var(--shadow-lg);
  animation: floatY 4s ease-in-out infinite;
}
.hero-float-card.card-1 { top: 22px; left: -34px; }
.hero-float-card.card-2 { bottom: 26px; right: -28px; animation-delay: 1.4s; }
.hero-float-card .fc-label { font-size: 0.76rem; color: #93a3c0; margin-bottom: 4px; }
.hero-float-card .fc-value { font-size: 1.15rem; font-weight: 700; color: #4ade80; }

/* ---------- 核心特性 ---------- */
.features-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}
.feature-card {
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 38px 32px;
  transition: var(--transition);
  position: relative;
  overflow: hidden;
}
.feature-card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 4px;
  background: var(--grad-primary);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}
.feature-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: transparent; }
.feature-card:hover::before { transform: scaleX(1); }
.feature-icon {
  width: 60px; height: 60px;
  border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem;
  margin-bottom: 22px;
  background: rgba(26,86,219,0.09);
  color: var(--primary);
}
.feature-icon.accent { background: rgba(245,166,35,0.12); color: var(--accent-dark); }
.feature-icon.cyan { background: rgba(6,182,212,0.12); color: #0891b2; }
.feature-icon.purple { background: rgba(124,58,237,0.1); color: var(--purple); }
.feature-card h3 { margin-bottom: 12px; }
.feature-card p { font-size: 0.96rem; color: var(--text-body); }

/* ---------- 服务介绍 ---------- */
.services-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 28px;
}
.service-card {
  display: flex;
  gap: 24px;
  background: var(--bg-white);
  border-radius: var(--radius-lg);
  padding: 34px;
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--border-light);
  transition: var(--transition);
}
.service-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.service-icon-wrap {
  flex-shrink: 0;
  width: 64px; height: 64px;
  border-radius: 18px;
  background: var(--grad-primary);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.7rem;
  color: #fff;
  box-shadow: 0 8px 24px rgba(26,86,219,0.3);
}
.service-card:nth-child(2) .service-icon-wrap { background: var(--grad-accent); box-shadow: 0 8px 24px rgba(245,166,35,0.3); }
.service-card:nth-child(3) .service-icon-wrap { background: linear-gradient(135deg, #06b6d4, #0891b2); box-shadow: 0 8px 24px rgba(6,182,212,0.3); }
.service-card:nth-child(4) .service-icon-wrap { background: linear-gradient(135deg, #7c3aed, #9333ea); box-shadow: 0 8px 24px rgba(124,58,237,0.3); }
.service-body h3 { margin-bottom: 10px; font-size: 1.22rem; }
.service-body p { font-size: 0.95rem; }
.service-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--primary);
}
.service-link::after { content: "→"; transition: transform 0.3s; }
.service-link:hover::after { transform: translateX(4px); }

/* ---------- 内容/详情区块 ---------- */
.article-block { max-width: 860px; margin: 0 auto; }
.article-block h2 { margin: 36px 0 16px; }
.article-block h3 { margin: 28px 0 12px; }
.article-block p { color: var(--text-body); margin-bottom: 18px; }
.article-block ul { margin: 0 0 20px 0; }
.article-block ul li {
  position: relative;
  padding-left: 26px;
  margin-bottom: 10px;
  color: var(--text-body);
}
.article-block ul li::before {
  content: "";
  position: absolute;
  left: 0; top: 10px;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--grad-primary);
}
.article-block blockquote {
  border-left: 4px solid var(--primary);
  background: var(--bg-light);
  padding: 20px 26px;
  border-radius: var(--radius-sm);
  margin: 26px 0;
  color: var(--text-dark);
  font-style: normal;
}

/* 双栏详情布局 */
.detail-layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 48px;
  align-items: start;
}

/* ---------- 数据/统计展示 ---------- */
.stats-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.stat-block {
  text-align: center;
  padding: 36px 20px;
  border-radius: var(--radius-lg);
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  transition: var(--transition);
}
.stat-block:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); }
.stat-block .stat-num {
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 8px;
  background: var(--grad-primary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.stat-block .stat-label { font-size: 0.92rem; color: var(--text-light); }

/* ---------- 品牌故事 / 关于页 ---------- */
.story-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  align-items: center;
}
.story-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.story-text h2 { margin-bottom: 20px; }
.story-text p { margin-bottom: 16px; }
.story-points { margin-top: 26px; display: grid; gap: 14px; }
.story-points li {
  display: flex; gap: 12px; align-items: flex-start;
  font-size: 0.97rem; color: var(--text-dark);
}
.story-points .check {
  flex-shrink: 0;
  width: 24px; height: 24px;
  border-radius: 50%;
  background: rgba(34,197,94,0.14);
  color: #16a34a;
  display: flex; align-items: center; justify-content: center;
  font-size: 0.8rem; font-weight: 700;
}

/* 时间线 */
.timeline { position: relative; max-width: 860px; margin: 0 auto; padding-left: 34px; }
.timeline::before {
  content: "";
  position: absolute;
  left: 8px; top: 6px; bottom: 6px;
  width: 2px;
  background: linear-gradient(180deg, var(--primary), var(--purple), var(--accent));
  border-radius: 2px;
}
.timeline-item { position: relative; padding-bottom: 42px; }
.timeline-item:last-child { padding-bottom: 0; }
.timeline-item::before {
  content: "";
  position: absolute;
  left: -34px; top: 6px;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid var(--primary);
  box-shadow: 0 0 0 4px rgba(26,86,219,0.12);
}
.timeline-year {
  display: inline-block;
  font-size: 0.85rem;
  font-weight: 800;
  color: var(--primary);
  background: rgba(26,86,219,0.08);
  padding: 3px 14px;
  border-radius: var(--radius-full);
  margin-bottom: 10px;
}
.timeline-item h3 { margin-bottom: 8px; font-size: 1.15rem; }
.timeline-item p { font-size: 0.95rem; color: var(--text-body); }

/* ---------- 新闻列表 ---------- */
.news-filter {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 46px;
}
.filter-tab {
  padding: 9px 22px;
  border-radius: var(--radius-full);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text-body);
  background: var(--bg-light);
  border: 1px solid var(--border-light);
  transition: var(--transition);
}
.filter-tab:hover { color: var(--primary); border-color: var(--primary); }
.filter-tab.active { background: var(--grad-primary); color: #fff; border-color: transparent; box-shadow: var(--shadow-glow); }

.news-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.news-card {
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition);
  display: flex;
  flex-direction: column;
}
.news-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: transparent; }
.news-thumb { position: relative; overflow: hidden; aspect-ratio: 16/10; }
.news-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.news-card:hover .news-thumb img { transform: scale(1.06); }
.news-cat {
  position: absolute;
  top: 14px; left: 14px;
  padding: 5px 14px;
  font-size: 0.78rem;
  font-weight: 700;
  color: #fff;
  background: var(--grad-primary);
  border-radius: var(--radius-full);
}
.news-cat.cat-market { background: linear-gradient(135deg, #06b6d4, #0891b2); }
.news-cat.cat-guide { background: linear-gradient(135deg, #f5a623, #f97316); }
.news-cat.cat-security { background: linear-gradient(135deg, #7c3aed, #9333ea); }
.news-body { padding: 26px 24px 28px; display: flex; flex-direction: column; flex: 1; }
.news-meta { font-size: 0.82rem; color: var(--text-light); margin-bottom: 12px; display: flex; gap: 16px; flex-wrap: wrap; }
.news-body h3 { font-size: 1.14rem; margin-bottom: 12px; line-height: 1.45; }
.news-body h3 a:hover { color: var(--primary); }
.news-body p {
  font-size: 0.92rem;
  color: var(--text-body);
  margin-bottom: 18px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-more { margin-top: auto; font-size: 0.9rem; font-weight: 600; color: var(--primary); }
.news-more::after { content: " →"; }

/* 分页 */
.pagination { display: flex; justify-content: center; gap: 10px; margin-top: 56px; flex-wrap: wrap; }
.page-link {
  min-width: 44px; height: 44px;
  display: flex; align-items: center; justify-content: center;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  font-weight: 600;
  color: var(--text-body);
  transition: var(--transition);
}
.page-link:hover { border-color: var(--primary); color: var(--primary); }
.page-link.active { background: var(--grad-primary); color: #fff; border-color: transparent; }

/* ---------- 新闻详情 ---------- */
.breadcrumb {
  display: flex; flex-wrap: wrap; gap: 8px;
  font-size: 0.88rem;
  color: var(--text-light);
  margin-bottom: 24px;
}
.breadcrumb a:hover { color: var(--primary); }
.breadcrumb span { color: var(--text-light); }
.article-header h1 { font-size: clamp(1.6rem, 3.5vw, 2.4rem); margin-bottom: 18px; }
.article-info {
  display: flex; flex-wrap: wrap; gap: 18px;
  font-size: 0.88rem; color: var(--text-light);
  padding-bottom: 24px;
  border-bottom: 1px solid var(--border-light);
  margin-bottom: 32px;
}
.article-figure { margin: 8px 0 32px; }
.article-figure img { border-radius: var(--radius-md); box-shadow: var(--shadow-md); width: 100%; }
.article-figure figcaption { text-align: center; font-size: 0.85rem; color: var(--text-light); margin-top: 12px; }

/* 侧栏 */
.sidebar { position: sticky; top: 96px; display: grid; gap: 28px; }
.side-card {
  background: var(--bg-light);
  border-radius: var(--radius-lg);
  padding: 28px;
  border: 1px solid var(--border-light);
}
.side-card h3 { font-size: 1.1rem; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 2px solid var(--border-light); }
.side-list li { padding: 11px 0; border-bottom: 1px dashed var(--border-light); }
.side-list li:last-child { border-bottom: none; padding-bottom: 0; }
.side-list a { font-size: 0.92rem; color: var(--text-body); display: flex; justify-content: space-between; gap: 12px; }
.side-list a:hover { color: var(--primary); }
.side-list .side-date { font-size: 0.78rem; color: var(--text-light); white-space: nowrap; }
.side-cta {
  background: var(--grad-primary);
  border-radius: var(--radius-lg);
  padding: 32px 28px;
  color: #fff;
  text-align: center;
}
.side-cta h3 { color: #fff; margin-bottom: 12px; }
.side-cta p { font-size: 0.9rem; color: rgba(255,255,255,0.82); margin-bottom: 20px; }
.side-cta .btn { background: #fff; color: var(--primary); box-shadow: none; }
.side-cta .btn:hover { background: var(--accent); color: #fff; }

/* 上下篇导航 */
.post-nav {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin-top: 46px;
  padding-top: 34px;
  border-top: 1px solid var(--border-light);
}
.post-nav a {
  display: block;
  padding: 20px 24px;
  border-radius: var(--radius-md);
  background: var(--bg-light);
  border: 1px solid var(--border-light);
  transition: var(--transition);
}
.post-nav a:hover { border-color: var(--primary); box-shadow: var(--shadow-sm); transform: translateY(-3px); }
.post-nav .pn-label { font-size: 0.8rem; color: var(--text-light); margin-bottom: 6px; }
.post-nav .pn-title { font-size: 0.95rem; font-weight: 600; color: var(--text-dark); }
.post-nav .align-right { text-align: right; }

/* ---------- FAQ 常见问题 ---------- */
.faq-list { max-width: 880px; margin: 0 auto; display: grid; gap: 16px; }
.faq-item {
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-md);
  overflow: hidden;
  transition: var(--transition);
}
.faq-item:hover { border-color: rgba(26,86,219,0.35); box-shadow: var(--shadow-sm); }
.faq-question {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 22px 26px;
  font-size: 1.02rem;
  font-weight: 600;
  color: var(--text-dark);
  text-align: left;
  transition: var(--transition);
}
.faq-question:hover { color: var(--primary); }
.faq-question .icon {
  flex-shrink: 0;
  width: 28px; height: 28px;
  border-radius: 50%;
  background: rgba(26,86,219,0.08);
  color: var(--primary);
  display: flex; align-items: center; justify-content: center;
  font-size: 1.1rem;
  transition: var(--transition);
}
.faq-item.open .faq-question .icon { transform: rotate(45deg); background: var(--primary); color: #fff; }
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 26px;
}
.faq-item.open .faq-answer { max-height: 500px; padding: 0 26px 24px; }
.faq-answer p { font-size: 0.95rem; color: var(--text-body); }
.section-dark .faq-item { background: rgba(255,255,255,0.04); border-color: var(--border-dark); }
.section-dark .faq-question { color: #fff; }
.section-dark .faq-answer p { color: var(--text-muted); }

/* ---------- CTA 行动号召 ---------- */
.cta-section {
  background: var(--grad-primary);
  color: #fff;
  padding: 90px 0;
  position: relative;
  overflow: hidden;
  text-align: center;
}
.cta-section::before {
  content: "";
  position: absolute;
  top: -120px; left: 10%;
  width: 380px; height: 380px;
  background: radial-gradient(circle, rgba(255,255,255,0.18), transparent 70%);
  border-radius: 50%;
}
.cta-section::after {
  content: "";
  position: absolute;
  bottom: -150px; right: 8%;
  width: 420px; height: 420px;
  background: radial-gradient(circle, rgba(245,166,35,0.22), transparent 70%);
  border-radius: 50%;
}
.cta-inner { position: relative; z-index: 2; max-width: 760px; margin: 0 auto; }
.cta-section h2 { color: #fff; margin-bottom: 18px; }
.cta-section p { color: rgba(255,255,255,0.85); font-size: 1.08rem; margin-bottom: 34px; }
.cta-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; }
.cta-section .btn-outline { border-color: rgba(255,255,255,0.6); }
.cta-section .btn-outline:hover { background: rgba(255,255,255,0.16); }

/* ---------- 联系页 ---------- */
.contact-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
  margin-bottom: 64px;
}
.contact-card {
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 36px 28px;
  text-align: center;
  transition: var(--transition);
}
.contact-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-md); border-color: rgba(26,86,219,0.3); }
.contact-card .cc-icon {
  width: 62px; height: 62px;
  border-radius: 18px;
  margin: 0 auto 20px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.6rem;
  background: rgba(26,86,219,0.09);
  color: var(--primary);
}
.contact-card:nth-child(2) .cc-icon { background: rgba(245,166,35,0.12); color: var(--accent-dark); }
.contact-card:nth-child(3) .cc-icon { background: rgba(124,58,237,0.1); color: var(--purple); }
.contact-card h3 { margin-bottom: 10px; font-size: 1.12rem; }
.contact-card p { font-size: 0.93rem; margin-bottom: 4px; }
.contact-card .cc-note { font-size: 0.84rem; color: var(--text-light); }

/* 留言表单 */
.form-wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 56px;
  align-items: start;
}
.form-info h2 { margin-bottom: 18px; }
.form-info p { margin-bottom: 20px; }
.form-info-list { display: grid; gap: 14px; margin-top: 26px; }
.form-info-list li { display: flex; gap: 10px; align-items: center; font-size: 0.95rem; color: var(--text-dark); }
.form-info-list .dot-icon { width: 22px; height: 22px; border-radius: 50%; background: rgba(26,86,219,0.1); color: var(--primary); display: flex; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 700; }
.contact-form {
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 40px;
  box-shadow: var(--shadow-md);
}
.form-group { margin-bottom: 22px; }
.form-group label {
  display: block;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text-dark);
  margin-bottom: 8px;
}
.form-group label .req { color: #ef4444; }
.form-control {
  width: 100%;
  padding: 13px 16px;
  font-size: 0.95rem;
  color: var(--text-dark);
  background: var(--bg-light);
  border: 1.5px solid var(--border-light);
  border-radius: var(--radius-sm);
  transition: var(--transition);
}
.form-control:focus { border-color: var(--primary); background: #fff; box-shadow: 0 0 0 4px rgba(26,86,219,0.1); }
textarea.form-control { min-height: 140px; resize: vertical; }
select.form-control { appearance: none; cursor: pointer; }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.form-hint { font-size: 0.82rem; color: var(--text-light); margin-top: 6px; }

/* ---------- 产品页 ---------- */
.product-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  margin-bottom: 52px;
}
.product-nav a {
  padding: 10px 24px;
  border-radius: var(--radius-full);
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--text-body);
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  transition: var(--transition);
}
.product-nav a:hover, .product-nav a.active { background: var(--grad-primary); color: #fff; border-color: transparent; box-shadow: var(--shadow-glow); }

.product-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
.product-card {
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  overflow: hidden;
  transition: var(--transition);
  display: flex;
  flex-direction: column;
}
.product-card:hover { transform: translateY(-8px); box-shadow: var(--shadow-lg); border-color: transparent; }
.product-thumb { aspect-ratio: 16/10; overflow: hidden; position: relative; }
.product-thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.product-card:hover .product-thumb img { transform: scale(1.06); }
.product-tag {
  position: absolute;
  top: 14px; right: 14px;
  padding: 5px 14px;
  font-size: 0.76rem;
  font-weight: 700;
  border-radius: var(--radius-full);
  color: #fff;
  background: var(--grad-accent);
}
.product-tag.tag-new { background: linear-gradient(135deg, #22c55e, #16a34a); }
.product-tag.tag-hot { background: linear-gradient(135deg, #ef4444, #dc2626); }
.product-body { padding: 28px 26px 30px; display: flex; flex-direction: column; flex: 1; }
.product-body h3 { font-size: 1.18rem; margin-bottom: 12px; }
.product-body > p { font-size: 0.93rem; margin-bottom: 18px; }
.product-features { display: grid; gap: 8px; margin-bottom: 22px; }
.product-features li {
  display: flex; gap: 8px; align-items: flex-start;
  font-size: 0.88rem;
  color: var(--text-body);
}
.product-features .pf-check { color: #16a34a; font-weight: 700; flex-shrink: 0; }
.product-body .btn { margin-top: auto; }

/* 产品优势 */
.advantage-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 26px;
}
.advantage-item {
  text-align: center;
  padding: 36px 22px;
  border-radius: var(--radius-lg);
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--border-dark);
  transition: var(--transition);
}
.advantage-item:hover { transform: translateY(-6px); background: rgba(255,255,255,0.08); border-color: rgba(126,168,255,0.4); }
.advantage-num {
  font-size: 2.2rem;
  font-weight: 800;
  margin-bottom: 10px;
  background: linear-gradient(135deg, #60a5fa, #c084fc);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.advantage-item h3 { font-size: 1.05rem; margin-bottom: 8px; color: #fff; }
.advantage-item p { font-size: 0.9rem; color: var(--text-muted); }

/* ---------- 页脚 ---------- */
.site-footer {
  background: var(--bg-dark);
  color: var(--text-muted);
  padding: 72px 0 0;
  font-size: 0.93rem;
}
.footer-grid {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 1.2fr;
  gap: 48px;
  padding-bottom: 52px;
  border-bottom: 1px solid var(--border-dark);
}
.footer-brand .brand { margin-bottom: 18px; }
.footer-brand p { font-size: 0.9rem; line-height: 1.8; color: var(--text-muted); max-width: 320px; }
.footer-social { display: flex; gap: 12px; margin-top: 22px; }
.footer-social a {
  width: 38px; height: 38px;
  border-radius: 10px;
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--border-dark);
  display: flex; align-items: center; justify-content: center;
  font-size: 0.95rem;
  color: var(--text-muted);
  transition: var(--transition);
}
.footer-social a:hover { background: var(--primary); color: #fff; border-color: var(--primary); transform: translateY(-3px); }
.footer-col h4 { color: #fff; font-size: 1rem; margin-bottom: 20px; }
.footer-links { display: grid; gap: 12px; }
.footer-links a { font-size: 0.9rem; color: var(--text-muted); display: inline-block; }
.footer-links a:hover { color: #fff; transform: translateX(4px); }
.footer-contact li { display: flex; gap: 10px; margin-bottom: 14px; font-size: 0.9rem; }
.footer-contact .fc-dot { color: var(--primary-light); font-weight: 700; }
.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 26px 0;
  font-size: 0.85rem;
  color: var(--text-light);
}
.footer-bottom a { color: var(--text-muted); }
.footer-bottom a:hover { color: #fff; }
.footer-disclaimer {
  padding: 18px 0 28px;
  font-size: 0.8rem;
  line-height: 1.7;
  color: #64748b;
  border-top: 1px solid rgba(255,255,255,0.05);
}

/* ---------- 面包屑/页面头 ---------- */
.page-hero {
  background: var(--grad-hero);
  color: #fff;
  padding: 82px 0 76px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.page-hero::before {
  content: "";
  position: absolute;
  top: -160px; right: -100px;
  width: 480px; height: 480px;
  background: radial-gradient(circle, rgba(124,58,237,0.3), transparent 70%);
  border-radius: 50%;
}
.page-hero h1 { color: #fff; margin-bottom: 16px; position: relative; z-index: 2; }
.page-hero p { color: #b9c6e2; font-size: 1.05rem; max-width: 720px; margin: 0 auto; position: relative; z-index: 2; }
.page-hero .breadcrumb { justify-content: center; margin-bottom: 20px; position: relative; z-index: 2; color: #93a3c0; }
.page-hero .breadcrumb a { color: #cfe0ff; }

/* ---------- 通用工具类 ---------- */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-primary { color: var(--primary); }
.text-accent { color: var(--accent); }
.text-white { color: #fff; }
.text-light { color: var(--text-light); }
.fw-bold { font-weight: 700; }
.mt-0 { margin-top: 0; }
.mt-1 { margin-top: 8px; }
.mt-2 { margin-top: 16px; }
.mt-3 { margin-top: 24px; }
.mt-4 { margin-top: 40px; }
.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 8px; }
.mb-2 { margin-bottom: 16px; }
.mb-3 { margin-bottom: 24px; }
.mb-4 { margin-bottom: 40px; }
.grid-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }
.grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 28px; }
.flex-wrap-gap { display: flex; flex-wrap: wrap; gap: 16px; }
.divider { height: 1px; background: var(--border-light); margin: 40px 0; }
.badge {
  display: inline-block;
  padding: 4px 12px;
  font-size: 0.78rem;
  font-weight: 600;
  border-radius: var(--radius-full);
  background: rgba(26,86,219,0.08);
  color: var(--primary);
}
.badge-accent { background: rgba(245,166,35,0.12); color: var(--accent-dark); }
.card-plain {
  background: var(--bg-white);
  border: 1px solid var(--border-light);
  border-radius: var(--radius-lg);
  padding: 36px 32px;
  transition: var(--transition);
}
.card-plain:hover { box-shadow: var(--shadow-md); transform: translateY(-4px); }

/* ---------- 动画 ---------- */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(36px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
@keyframes floatY {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-14px); }
}
@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.35); opacity: 0.6; }
}
@keyframes zoomIn {
  from { opacity: 0; transform: scale(0.94); }
  to { opacity: 1; transform: scale(1); }
}
.anim-fade-up { animation: fadeInUp 0.7s ease both; }
.anim-fade { animation: fadeIn 0.8s ease both; }
.anim-zoom { animation: zoomIn 0.7s ease both; }
.delay-1 { animation-delay: 0.12s; }
.delay-2 { animation-delay: 0.24s; }
.delay-3 { animation-delay: 0.36s; }
.delay-4 { animation-delay: 0.48s; }
.reveal { opacity: 0; transform: translateY(36px); transition: opacity 0.7s ease, transform 0.7s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }

/* ---------- 响应式：平板 ---------- */
@media (max-width: 1024px) {
  .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .hero-visual { max-width: 560px; margin: 0 auto; }
  .hero-float-card.card-1 { left: 0; }
  .hero-float-card.card-2 { right: 0; }
  .features-grid, .news-grid, .product-grid { grid-template-columns: repeat(2, 1fr); }
  .services-grid { grid-template-columns: 1fr; }
  .detail-layout { grid-template-columns: 1fr; }
  .sidebar { position: static; }
  .footer-grid { grid-template-columns: 1fr 1fr; gap: 36px; }
  .stats-row { grid-template-columns: repeat(2, 1fr); }
  .contact-grid { grid-template-columns: 1fr; }
  .form-wrap { grid-template-columns: 1fr; gap: 40px; }
  .story-grid { grid-template-columns: 1fr; gap: 40px; }
  .advantage-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ---------- 响应式：手机 ---------- */
@media (max-width: 768px) {
  .section { padding: 62px 0; }
  .section-sm { padding: 44px 0; }
  .nav-toggle { display: flex; }
  .nav-menu {
    position: fixed;
    top: 74px; left: 0; right: 0;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
    background: rgba(10,15,30,0.98);
    backdrop-filter: blur(18px);
    padding: 18px 20px 26px;
    border-top: 1px solid var(--border-dark);
    transform: translateY(-140%);
    opacity: 0;
    pointer-events: none;
    transition: var(--transition);
    max-height: calc(100vh - 74px);
    overflow-y: auto;
  }
  .nav-menu.open { transform: translateY(0); opacity: 1; pointer-events: auto; }
  .nav-link { padding: 13px 16px; font-size: 1rem; }
  .nav-cta { margin: 12px 0 0; }
  .nav-cta .btn { width: 100%; }
  .hero { padding: 76px 0 84px; }
  .hero-stats { gap: 26px; }
  .hero-stat .num { font-size: 1.5rem; }
  .hero-float-card { padding: 12px 16px; }
  .hero-float-card .fc-value { font-size: 1rem; }
  .features-grid, .news-grid, .product-grid, .stats-row { grid-template-columns: 1fr; }
  .grid-2, .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; gap: 32px; }
  .footer-brand p { max-width: 100%; }
  .advantage-grid { grid-template-columns: 1fr; }
  .contact-form { padding: 28px 22px; }
  .form-row { grid-template-columns: 1fr; }
  .post-nav { grid-template-columns: 1fr; }
  .post-nav .align-right { text-align: left; }
  .news-filter { gap: 8px; }
  .filter-tab { padding: 8px 16px; font-size: 0.86rem; }
  .timeline { padding-left: 26px; }
  .timeline-item::before { left: -26px; }
  .feature-card { padding: 30px 24px; }
  .service-card { flex-direction: column; gap: 18px; padding: 28px; }
  .section-head { margin-bottom: 40px; }
  .cta-section { padding: 64px 0; }
  .page-hero { padding: 62px 0 56px; }
  .footer-bottom { flex-direction: column; text-align: center; }
}

/* ---------- 响应式：小手机 ---------- */
@media (max-width: 420px) {
  .container, .container-wide { padding: 0 16px; }
  .brand-text { font-size: 0.98rem; }
  .brand-logo { width: 34px; height: 34px; font-size: 1rem; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .hero-float-card.card-1 { top: 10px; left: -8px; }
  .hero-float-card.card-2 { bottom: 12px; right: -8px; }
  .btn { padding: 13px 26px; }
}

/* ---------- 可访问性与打印 ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:focus-visible { outline: 3px solid var(--primary-light); outline-offset: 3px; }
@media print {
  .site-header, .site-footer, .nav-toggle, .cta-section { display: none !important; }
  body { color: #000; background: #fff; }
  a { text-decoration: underline; }
}
/* ===== index.html 页面样式（系统自动从内联提取）===== */
:root{
  --wx-bg:#070b16;
  --wx-bg-soft:#0d1424;
  --wx-card:#111a2e;
  --wx-line:rgba(120,160,255,.16);
  --wx-gold:#f4c95d;
  --wx-gold-deep:#d9a83a;
  --wx-cyan:#3ee0c4;
  --wx-blue:#4f8bff;
  --wx-text:#e8eefc;
  --wx-text-dim:#9aa8c4;
  --wx-radius:18px;
}
*{box-sizing:border-box}
body.wx-home{
  margin:0;
  font-family:'Noto Sans SC',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--wx-bg);
  color:var(--wx-text);
  line-height:1.8;
  overflow-x:hidden;
}
.wx-home a{color:inherit;text-decoration:none}
.wx-home img{max-width:100%;display:block}
.wx-container{width:min(1180px,92%);margin:0 auto}

/* 顶部导航 */
.wx-header{
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(14px);
  background:rgba(7,11,22,.82);
  border-bottom:1px solid var(--wx-line);
}
.wx-nav-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 0}
.wx-brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.05rem;letter-spacing:.5px;white-space:nowrap}
.wx-brand-mark{
  width:38px;height:38px;border-radius:11px;display:grid;place-items:center;
  background:linear-gradient(135deg,var(--wx-gold),#ff9f45);
  color:#1a1200;font-weight:900;font-size:1rem;flex:none;
  box-shadow:0 6px 20px rgba(244,201,93,.28);
}
.wx-brand-text small{display:block;font-size:.66rem;color:var(--wx-text-dim);font-weight:500;letter-spacing:1.6px}
.wx-nav-toggle{
  display:none;background:transparent;border:1px solid var(--wx-line);
  color:var(--wx-text);width:44px;height:40px;border-radius:10px;font-size:1.1rem;cursor:pointer;
}
.wx-nav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.wx-nav a{
  display:block;padding:8px 14px;border-radius:10px;font-size:.92rem;
  color:var(--wx-text-dim);transition:.25s;font-weight:500;
}
.wx-nav a:hover{color:#fff;background:rgba(79,139,255,.14)}
.wx-nav a.active{color:#1a1200;background:linear-gradient(135deg,var(--wx-gold),#ffb457);font-weight:700}
.wx-nav-cta{
  padding:9px 20px;border-radius:10px;font-weight:700;font-size:.9rem;
  background:linear-gradient(135deg,var(--wx-cyan),#25b8a0);color:#04201a !important;
  box-shadow:0 8px 22px rgba(62,224,196,.22);transition:.25s;white-space:nowrap;
}
.wx-nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(62,224,196,.36)}

/* Hero */
.wx-hero{position:relative;padding:84px 0 72px;overflow:hidden}
.wx-hero::before{
  content:"";position:absolute;inset:0;z-index:0;
  background:
    radial-gradient(680px 360px at 82% 8%,rgba(79,139,255,.22),transparent 70%),
    radial-gradient(560px 320px at 6% 84%,rgba(62,224,196,.16),transparent 70%),
    radial-gradient(420px 260px at 52% 0%,rgba(244,201,93,.12),transparent 70%);
}
.wx-hero-grid{
  position:relative;z-index:1;
  display:grid;grid-template-columns:1.06fr .94fr;gap:48px;align-items:center;
}
.wx-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:.8rem;letter-spacing:1.4px;color:var(--wx-cyan);
  border:1px solid rgba(62,224,196,.34);background:rgba(62,224,196,.08);
  padding:7px 15px;border-radius:999px;font-weight:600;
}
.wx-hero h1{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.28;margin:20px 0 18px;font-weight:900;letter-spacing:-.5px}
.wx-hero h1 .grad{
  background:linear-gradient(120deg,var(--wx-gold),#ffb457 45%,var(--wx-cyan));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.wx-hero-lead{color:var(--wx-text-dim);font-size:1.02rem;max-width:56ch;margin:0 0 26px}
.wx-hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}
.wx-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:13px 28px;border-radius:12px;font-weight:700;font-size:.95rem;
  transition:.28s;border:1px solid transparent;
}
.wx-btn-primary{background:linear-gradient(135deg,var(--wx-gold),#ffab4d);color:#1a1200;box-shadow:0 12px 30px rgba(244,201,93,.28)}
.wx-btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(244,201,93,.4)}
.wx-btn-ghost{background:rgba(255,255,255,.04);border-color:var(--wx-line);color:var(--wx-text)}
.wx-btn-ghost:hover{border-color:var(--wx-cyan);color:var(--wx-cyan);transform:translateY(-3px)}
.wx-hero-stats{display:flex;flex-wrap:wrap;gap:14px}
.wx-stat{
  flex:1 1 130px;padding:14px 16px;border-radius:14px;
  background:rgba(17,26,46,.72);border:1px solid var(--wx-line);
}
.wx-stat strong{display:block;font-size:1.32rem;color:var(--wx-gold);font-weight:900}
.wx-stat span{font-size:.78rem;color:var(--wx-text-dim)}
.wx-hero-visual{position:relative}
.wx-hero-visual img{
  width:100%;border-radius:22px;border:1px solid var(--wx-line);
  box-shadow:0 30px 70px rgba(0,0,0,.55);
  animation:wxFloat 7s ease-in-out infinite;
}
.wx-ticker{
  position:absolute;left:-18px;bottom:22px;
  background:rgba(9,14,26,.94);border:1px solid var(--wx-line);
  border-radius:14px;padding:14px 18px;min-width:210px;
  box-shadow:0 18px 40px rgba(0,0,0,.5);
  animation:wxFloat 6s ease-in-out infinite reverse;
}
.wx-ticker b{color:var(--wx-cyan);font-size:.82rem;letter-spacing:1px}
.wx-ticker p{margin:6px 0 0;font-size:.82rem;color:var(--wx-text-dim);line-height:1.6}
.wx-ticker p em{color:var(--wx-gold);font-style:normal;font-weight:700}
@keyframes wxFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}

/* 通用区块 */
.wx-section{padding:78px 0;position:relative}
.wx-section-head{max-width:760px;margin:0 auto 48px;text-align:center}
.wx-section-head .tag{
  display:inline-block;font-size:.78rem;letter-spacing:2px;color:var(--wx-cyan);
  font-weight:700;margin-bottom:12px;
}
.wx-section-head h2{font-size:clamp(1.5rem,2.6vw,2.15rem);margin:0 0 14px;font-weight:900;letter-spacing:-.3px}
.wx-section-head p{color:var(--wx-text-dim);margin:0;font-size:.96rem}
.wx-alt{background:linear-gradient(180deg,rgba(13,20,36,.9),rgba(7,11,22,0))}

/* 特性 */
.wx-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wx-feature{
  position:relative;padding:28px 24px;border-radius:var(--wx-radius);
  background:linear-gradient(160deg,var(--wx-card),rgba(10,16,30,.7));
  border:1px solid var(--wx-line);transition:.32s;overflow:hidden;
}
.wx-feature::after{
  content:"";position:absolute;inset:0;border-radius:var(--wx-radius);
  background:radial-gradient(280px 140px at 110% -10%,rgba(244,201,93,.16),transparent 70%);
  opacity:0;transition:.32s;pointer-events:none;
}
.wx-feature:hover{transform:translateY(-6px);border-color:rgba(244,201,93,.4);box-shadow:0 22px 48px rgba(0,0,0,.42)}
.wx-feature:hover::after{opacity:1}
.wx-feature .ico{
  width:48px;height:48px;border-radius:13px;display:grid;place-items:center;
  font-size:1.28rem;margin-bottom:16px;
  background:rgba(79,139,255,.14);border:1px solid rgba(79,139,255,.3);
}
.wx-feature:nth-child(2n) .ico{background:rgba(62,224,196,.12);border-color:rgba(62,224,196,.3)}
.wx-feature:nth-child(3n) .ico{background:rgba(244,201,93,.12);border-color:rgba(244,201,93,.3)}
.wx-feature h3{margin:0 0 10px;font-size:1.06rem;font-weight:800}
.wx-feature p{margin:0;color:var(--wx-text-dim);font-size:.9rem;line-height:1.78}

/* 服务 */
.wx-service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.wx-service{
  display:flex;gap:18px;padding:26px;border-radius:var(--wx-radius);
  background:rgba(17,26,46,.6);border:1px solid var(--wx-line);transition:.3s;
}
.wx-service:hover{border-color:rgba(62,224,196,.42);background:rgba(17,26,46,.92);transform:translateX(5px)}
.wx-service .num{
  flex:none;width:46px;height:46px;border-radius:12px;display:grid;place-items:center;
  font-weight:900;font-size:1rem;color:var(--wx-cyan);
  background:rgba(62,224,196,.1);border:1px solid rgba(62,224,196,.28);
}
.wx-service h3{margin:0 0 8px;font-size:1.02rem;font-weight:800}
.wx-service p{margin:0;color:var(--wx-text-dim);font-size:.9rem;line-height:1.78}

/* 详细内容 */
.wx-article-grid{display:grid;grid-template-columns:1.62fr .96fr;gap:40px;align-items:start}
.wx-article h2{font-size:clamp(1.4rem,2.4vw,1.9rem);margin:0 0 18px;font-weight:900}
.wx-article h3{font-size:1.1rem;margin:30px 0 10px;color:var(--wx-gold);font-weight:800}
.wx-article p{color:#c3cde3;font-size:.95rem;margin:0 0 16px;text-align:justify}
.wx-aside{
  position:sticky;top:92px;padding:26px;border-radius:var(--wx-radius);
  background:linear-gradient(170deg,rgba(244,201,93,.1),rgba(17,26,46,.9));
  border:1px solid rgba(244,201,93,.26);
}
.wx-aside h3{margin:0 0 14px;font-size:1rem;font-weight:800;color:var(--wx-gold)}
.wx-aside ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wx-aside li{font-size:.88rem;color:var(--wx-text-dim);display:flex;gap:10px;line-height:1.7}
.wx-aside li::before{content:"◆";color:var(--wx-cyan);font-size:.66rem;line-height:1.9;flex:none}
.wx-aside .wx-btn{margin-top:20px;width:100%}

/* FAQ */
.wx-faq{display:grid;gap:14px;max-width:900px;margin:0 auto}
.wx-faq details{
  border:1px solid var(--wx-line);border-radius:14px;overflow:hidden;
  background:rgba(17,26,46,.55);transition:.28s;
}
.wx-faq details[open]{border-color:rgba(244,201,93,.4);background:rgba(17,26,46,.92)}
.wx-faq summary{
  cursor:pointer;list-style:none;padding:18px 22px;font-weight:700;font-size:.98rem;
  display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.wx-faq summary::-webkit-details-marker{display:none}
.wx-faq summary::after{
  content:"+";flex:none;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;
  background:rgba(244,201,93,.14);color:var(--wx-gold);font-weight:900;transition:.25s;
}
.wx-faq details[open] summary::after{content:"−";background:rgba(62,224,196,.16);color:var(--wx-cyan)}
.wx-faq .ans{padding:0 22px 20px;color:var(--wx-text-dim);font-size:.9rem;line-height:1.84;margin:0}

/* CTA */
.wx-cta{
  position:relative;padding:64px 44px;border-radius:26px;text-align:center;overflow:hidden;
  background:linear-gradient(135deg,rgba(244,201,93,.16),rgba(79,139,255,.14) 55%,rgba(62,224,196,.14));
  border:1px solid rgba(244,201,93,.32);
}
.wx-cta::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(500px 220px at 50% -20%,rgba(244,201,93,.24),transparent 70%);
}
.wx-cta > *{position:relative;z-index:1}
.wx-cta h2{margin:0 0 14px;font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:900}
.wx-cta p{color:#cdd7ea;max-width:640px;margin:0 auto 26px;font-size:.96rem}
.wx-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* 页脚 */
.wx-footer{border-top:1px solid var(--wx-line);background:rgba(6,9,18,.92);padding:56px 0 26px;margin-top:10px}
.wx-footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px;margin-bottom:38px}
.wx-footer h4{margin:0 0 16px;font-size:.92rem;font-weight:800;color:var(--wx-gold);letter-spacing:.5px}
.wx-footer p,.wx-footer a{color:var(--wx-text-dim);font-size:.86rem;line-height:1.9}
.wx-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.wx-footer a:hover{color:var(--wx-cyan)}
.wx-footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-weight:900}
.wx-foot-bottom{
  border-top:1px solid var(--wx-line);padding-top:22px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:.8rem;color:var(--wx-text-dim);
}

/* 动画 */
.wx-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.wx-reveal.in{opacity:1;transform:none}

/* 响应式 */
@media (max-width:980px){
  .wx-hero-grid{grid-template-columns:1fr;gap:36px}
  .wx-article-grid{grid-template-columns:1fr}
  .wx-aside{position:static}
  .wx-feature-grid{grid-template-columns:repeat(2,1fr)}
  .wx-footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .wx-nav-toggle{display:block}
  .wx-nav{display:none;width:100%}
  .wx-nav.open{display:block}
  .wx-nav ul{flex-direction:column;gap:2px;padding:8px 0}
  .wx-nav-row{flex-wrap:wrap;padding:12px 0}
  .wx-nav-cta{display:none}
  .wx-feature-grid,.wx-service-grid{grid-template-columns:1fr}
  .wx-hero{padding:54px 0 46px}
  .wx-section{padding:56px 0}
  .wx-cta{padding:44px 22px}
  .wx-ticker{left:0;bottom:-14px}
  .wx-footer-grid{grid-template-columns:1fr}
}

/* ===== about.html 页面样式（系统自动从内联提取）===== */
.about-hero{position:relative;padding:110px 0 80px;background:linear-gradient(135deg,#0a1628 0%,#102a4c 45%,#0d3b6b 100%);color:#fff;overflow:hidden}
.about-hero::before{content:"";position:absolute;top:-120px;right:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.35),transparent 65%);animation:floatGlow 9s ease-in-out infinite}
.about-hero::after{content:"";position:absolute;bottom:-160px;left:-100px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.3),transparent 65%);animation:floatGlow 11s ease-in-out infinite reverse}
@keyframes floatGlow{0%,100%{transform:translate(0,0)}50%{transform:translate(-25px,25px)}}
.about-hero .hero-inner{position:relative;z-index:2;max-width:1160px;margin:0 auto;padding:0 24px}
.about-hero .eyebrow{display:inline-block;padding:6px 16px;border-radius:999px;background:rgba(56,189,248,.14);border:1px solid rgba(56,189,248,.4);color:#7dd3fc;font-size:.85rem;letter-spacing:.05em;margin-bottom:22px;animation:fadeUp .8s ease both}
.about-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.2;font-weight:900;margin:0 0 20px;animation:fadeUp .8s .1s ease both}
.about-hero h1 span{background:linear-gradient(90deg,#38bdf8,#818cf8);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-hero p.lead{max-width:720px;font-size:1.08rem;line-height:1.9;color:#c7d7ee;margin:0 0 30px;animation:fadeUp .8s .2s ease both}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;animation:fadeUp .8s .3s ease both}
.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;padding:13px 30px;border-radius:10px;font-weight:600;font-size:.98rem;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn-primary{background:linear-gradient(90deg,#2563eb,#38bdf8);color:#fff;box-shadow:0 10px 26px -8px rgba(37,99,235,.7)}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 34px -8px rgba(56,189,248,.8)}
.btn-ghost{background:rgba(255,255,255,.06);color:#dbeafe;border:1px solid rgba(148,197,255,.35)}
.btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-3px)}
@keyframes fadeUp{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
.section-pad{padding:88px 0}
.container{max-width:1160px;margin:0 auto;padding:0 24px}
.section-head{max-width:760px;margin:0 auto 54px;text-align:center}
.section-head .kicker{color:#2563eb;font-weight:700;letter-spacing:.14em;font-size:.8rem;text-transform:uppercase;display:block;margin-bottom:12px}
.section-head h2{font-size:clamp(1.6rem,3.4vw,2.3rem);margin:0 0 16px;color:#0c1e35;line-height:1.3}
.section-head p{color:#536b85;line-height:1.9;margin:0}
.brand-story{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.brand-story .story-img{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(12,30,53,.45)}
.brand-story .story-img img{display:block;width:100%;height:auto}
.brand-story .story-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(10,22,40,.35));pointer-events:none}
.story-copy h2{font-size:clamp(1.5rem,3vw,2.1rem);color:#0c1e35;margin:0 0 20px;line-height:1.35}
.story-copy p{color:#536b85;line-height:2;margin:0 0 16px;font-size:1rem}
.story-copy .quote{border-left:4px solid #38bdf8;padding:6px 0 6px 20px;color:#1d4f91;font-weight:600;font-style:italic;margin-top:22px}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:8px}
.stat-card{background:#fff;border:1px solid #e7eef7;border-radius:18px;padding:34px 22px;text-align:center;box-shadow:0 14px 34px -24px rgba(12,30,53,.4);transition:transform .3s ease,box-shadow .3s ease}
.stat-card:hover{transform:translateY(-6px);box-shadow:0 22px 44px -22px rgba(37,99,235,.4)}
.stat-card .num{font-size:clamp(1.8rem,3.4vw,2.5rem);font-weight:900;background:linear-gradient(90deg,#1d4ed8,#38bdf8);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1}
.stat-card .label{color:#5b7590;font-size:.95rem;margin-top:10px}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.team-card{background:#fff;border:1px solid #e7eef7;border-radius:20px;overflow:hidden;box-shadow:0 16px 38px -28px rgba(12,30,53,.45);transition:transform .3s ease,box-shadow .3s ease}
.team-card:hover{transform:translateY(-8px);box-shadow:0 26px 50px -26px rgba(37,99,235,.35)}
.team-card img{display:block;width:100%;height:230px;object-fit:cover}
.team-card .body{padding:22px 24px 26px}
.team-card h3{margin:0 0 6px;font-size:1.12rem;color:#0c1e35}
.team-card .role{color:#2563eb;font-size:.86rem;font-weight:600;margin-bottom:12px}
.team-card p{color:#5b7590;font-size:.92rem;line-height:1.8;margin:0}
.timeline{position:relative;max-width:860px;margin:0 auto;padding-left:34px}
.timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:linear-gradient(180deg,#38bdf8,#2563eb)}
.tl-item{position:relative;margin-bottom:38px;background:#fff;border:1px solid #e7eef7;border-radius:16px;padding:24px 28px;box-shadow:0 12px 30px -24px rgba(12,30,53,.5);transition:transform .3s ease}
.tl-item:hover{transform:translateX(4px)}
.tl-item::before{content:"";position:absolute;left:-33px;top:28px;width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #2563eb;box-shadow:0 0 0 4px rgba(37,99,235,.12)}
.tl-item .year{display:inline-block;font-weight:800;color:#1d4ed8;background:#eaf2fe;border-radius:8px;padding:3px 12px;font-size:.85rem;margin-bottom:10px}
.tl-item h3{margin:0 0 8px;font-size:1.05rem;color:#0c1e35}
.tl-item p{margin:0;color:#5b7590;line-height:1.85;font-size:.94rem}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.value-card{background:linear-gradient(180deg,#f6f9ff,#fff);border:1px solid #e2ebf7;border-radius:18px;padding:32px 26px;transition:transform .3s ease,border-color .3s ease}
.value-card:hover{transform:translateY(-6px);border-color:#93c5fd}
.value-card .icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);margin-bottom:18px}
.value-card h3{margin:0 0 10px;font-size:1.08rem;color:#0c1e35}
.value-card p{margin:0;color:#5b7590;line-height:1.85;font-size:.94rem}
.faq-list{max-width:860px;margin:0 auto}
.faq-item{background:#fff;border:1px solid #e7eef7;border-radius:14px;margin-bottom:16px;overflow:hidden;transition:box-shadow .3s ease}
.faq-item[open]{box-shadow:0 14px 34px -24px rgba(37,99,235,.5);border-color:#bfdbfe}
.faq-item summary{cursor:pointer;list-style:none;padding:20px 26px;font-weight:600;color:#0c1e35;display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.3rem;color:#2563eb;font-weight:400;transition:transform .25s ease}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item .faq-body{padding:0 26px 22px;color:#5b7590;line-height:1.9;font-size:.95rem}
.cta-band{background:linear-gradient(120deg,#0a1628,#123b70 60%,#1d4ed8);border-radius:24px;padding:60px 40px;text-align:center;color:#fff;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(56,189,248,.35),transparent 70%);top:-140px;left:-80px}
.cta-band h2{font-size:clamp(1.5rem,3.2vw,2.2rem);margin:0 0 16px;position:relative;z-index:2}
.cta-band p{color:#c7d7ee;max-width:640px;margin:0 auto 28px;line-height:1.9;position:relative;z-index:2}
.cta-band .hero-actions{justify-content:center;position:relative;z-index:2}
@media (max-width:960px){
  .brand-story{grid-template-columns:1fr;gap:34px}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid{grid-template-columns:repeat(2,1fr)}
  .values-grid{grid-template-columns:1fr}
}
@media (max-width:640px){
  .section-pad{padding:62px 0}
  .stats-grid{grid-template-columns:1fr 1fr}
  .team-grid{grid-template-columns:1fr}
  .cta-band{padding:44px 24px}
  .about-hero{padding:80px 0 60px}
}

/* ===== contact.html 页面样式（系统自动从内联提取）===== */
:root{
            --c-primary:#0b1220;
            --c-accent:#f0a500;
            --c-accent-2:#1f6feb;
            --c-bg:#f6f8fb;
            --c-card:#ffffff;
            --c-text:#1c2330;
            --c-muted:#5b6678;
            --c-line:#e3e8f0;
            --radius:16px;
            --shadow:0 12px 32px rgba(11,18,32,.08);
        }
        body{background:var(--c-bg);color:var(--c-text);font-family:'Noto Sans SC',system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;margin:0;line-height:1.75;}
        a{text-decoration:none;color:inherit;}
        img{max-width:100%;display:block;}
        .container{width:min(1180px,92%);margin:0 auto;}
        /* 页头横幅 */
        .contact-hero{
            position:relative;overflow:hidden;color:#fff;
            background:linear-gradient(135deg,#0b1220 0%,#12224a 55%,#1f3a72 100%);
            padding:96px 0 88px;
        }
        .contact-hero::before{
            content:"";position:absolute;inset:0;
            background:
              radial-gradient(circle at 15% 20%,rgba(240,165,0,.22),transparent 45%),
              radial-gradient(circle at 85% 80%,rgba(31,111,235,.28),transparent 50%);
        }
        .contact-hero .container{position:relative;z-index:2;text-align:center;}
        .contact-hero h1{font-size:clamp(1.9rem,4.2vw,3rem);margin:0 0 18px;font-weight:900;letter-spacing:.5px;}
        .contact-hero p{max-width:760px;margin:0 auto;color:rgba(255,255,255,.82);font-size:clamp(.95rem,1.6vw,1.08rem);}
        .hero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 18px;border-radius:999px;background:rgba(240,165,0,.16);border:1px solid rgba(240,165,0,.42);color:#ffcf5c;font-size:.85rem;font-weight:700;letter-spacing:1px;margin-bottom:22px;}
        /* 联系卡片区 */
        .contact-cards{padding:72px 0 24px;}
        .section-head{text-align:center;margin-bottom:46px;}
        .section-head h2{font-size:clamp(1.5rem,3vw,2.05rem);margin:0 0 12px;font-weight:900;}
        .section-head p{color:var(--c-muted);max-width:640px;margin:0 auto;font-size:.98rem;}
        .cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:24px;}
        .contact-card{
            background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--radius);
            padding:34px 28px;box-shadow:var(--shadow);position:relative;overflow:hidden;
            transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease;
        }
        .contact-card::after{
            content:"";position:absolute;left:0;top:0;height:4px;width:100%;
            background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2));
            transform:scaleX(0);transform-origin:left;transition:transform .38s ease;
        }
        .contact-card:hover{transform:translateY(-8px);box-shadow:0 22px 46px rgba(11,18,32,.14);border-color:#cdd8ea;}
        .contact-card:hover::after{transform:scaleX(1);}
        .card-icon{
            width:58px;height:58px;border-radius:14px;display:flex;align-items:center;justify-content:center;
            background:linear-gradient(135deg,rgba(240,165,0,.16),rgba(31,111,235,.16));
            font-size:1.55rem;margin-bottom:20px;
        }
        .contact-card h3{margin:0 0 10px;font-size:1.14rem;font-weight:800;}
        .contact-card .main-val{font-size:1.12rem;font-weight:800;color:var(--c-primary);word-break:break-all;margin-bottom:8px;display:block;}
        .contact-card .main-val:hover{color:var(--c-accent-2);}
        .contact-card p{margin:0;color:var(--c-muted);font-size:.92rem;}
        .card-note{margin-top:14px;font-size:.82rem;color:#92a0b4;border-top:1px dashed var(--c-line);padding-top:12px;}
        /* 表单 + 服务时间 */
        .contact-main{padding:64px 0;}
        .contact-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:start;}
        .form-panel,.side-panel{background:var(--c-card);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow);}
        .form-panel{padding:38px 34px;}
        .form-panel h2{margin:0 0 8px;font-size:1.5rem;font-weight:900;}
        .form-panel .sub{color:var(--c-muted);margin:0 0 26px;font-size:.94rem;}
        .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
        .field{margin-bottom:18px;display:flex;flex-direction:column;}
        .field label{font-size:.9rem;font-weight:700;margin-bottom:8px;color:#2c3546;}
        .field label span{color:#e0533d;}
        .field input,.field textarea{
            width:100%;box-sizing:border-box;padding:13px 15px;border:1px solid var(--c-line);
            border-radius:11px;font-family:inherit;font-size:.95rem;background:#fbfcfe;color:var(--c-text);
            transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
        }
        .field input:focus,.field textarea:focus{
            outline:none;border-color:var(--c-accent-2);background:#fff;
            box-shadow:0 0 0 4px rgba(31,111,235,.12);
        }
        .field textarea{resize:vertical;min-height:132px;}
        .btn-submit{
            display:inline-flex;align-items:center;justify-content:center;gap:10px;
            width:100%;padding:15px 24px;border:none;border-radius:12px;cursor:pointer;
            background:linear-gradient(135deg,#f0a500,#e08c00);color:#1a1206;
            font-family:inherit;font-size:1.02rem;font-weight:900;letter-spacing:.5px;
            transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
            box-shadow:0 10px 24px rgba(240,165,0,.32);
        }
        .btn-submit:hover{transform:translateY(-3px);filter:brightness(1.04);box-shadow:0 16px 30px rgba(240,165,0,.4);}
        .btn-submit:active{transform:translateY(0);}
        .form-tip{margin:16px 0 0;font-size:.82rem;color:#8b98ab;text-align:center;}
        .form-msg{margin-top:16px;padding:12px 16px;border-radius:10px;font-size:.9rem;display:none;}
        .form-msg.ok{display:block;background:#e7f8ee;color:#137a46;border:1px solid #b9ebcf;}
        /* 侧栏 */
        .side-panel{padding:30px 28px;margin-bottom:24px;}
        .side-panel h3{margin:0 0 18px;font-size:1.12rem;font-weight:900;display:flex;align-items:center;gap:9px;}
        .side-panel h3::before{content:"";width:5px;height:18px;border-radius:3px;background:linear-gradient(180deg,var(--c-accent),var(--c-accent-2));display:inline-block;}
        .hours-list{list-style:none;margin:0;padding:0;}
        .hours-list li{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px dashed var(--c-line);font-size:.92rem;}
        .hours-list li:last-child{border-bottom:none;}
        .hours-list li strong{color:var(--c-primary);font-weight:700;}
        .hours-list li span{color:var(--c-muted);text-align:right;}
        .live-tag{display:inline-flex;align-items:center;gap:7px;margin-top:16px;padding:8px 14px;border-radius:999px;background:#e7f8ee;color:#137a46;font-size:.84rem;font-weight:700;}
        .live-dot{width:8px;height:8px;border-radius:50%;background:#1cbe6c;box-shadow:0 0 0 0 rgba(28,190,108,.6);animation:pulse 1.8s infinite;}
        @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(28,190,108,.55);}70%{box-shadow:0 0 0 9px rgba(28,190,108,0);}100%{box-shadow:0 0 0 0 rgba(28,190,108,0);}}
        .quick-links{list-style:none;margin:0;padding:0;}
        .quick-links li{margin-bottom:10px;}
        .quick-links a{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-radius:10px;background:#f7f9fd;border:1px solid var(--c-line);font-size:.9rem;font-weight:600;transition:background .25s ease,transform .25s ease,border-color .25s ease;}
        .quick-links a:hover{background:#eef4ff;border-color:#c5d8f7;transform:translateX(4px);color:#12408f;}
        /* 常见问题 */
        .faq-section{padding:40px 0 84px;}
        .faq-wrap{max-width:880px;margin:0 auto;}
        .faq-item{background:var(--c-card);border:1px solid var(--c-line);border-radius:14px;margin-bottom:16px;overflow:hidden;transition:box-shadow .28s ease,border-color .28s ease;}
        .faq-item:hover{box-shadow:0 10px 26px rgba(11,18,32,.08);border-color:#cfdaeb;}
        .faq-q{
            width:100%;text-align:left;background:none;border:none;cursor:pointer;
            padding:20px 24px;font-family:inherit;font-size:1rem;font-weight:800;color:var(--c-text);
            display:flex;align-items:center;justify-content:space-between;gap:16px;
        }
        .faq-q .ico{flex:none;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#eef4ff;color:#1f6feb;font-size:1rem;font-weight:900;transition:transform .3s ease,background .3s ease;}
        .faq-item.open .faq-q .ico{transform:rotate(45deg);background:#fff2d6;color:#c07f00;}
        .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;}
        .faq-a p{margin:0;padding:0 24px 22px;color:var(--c-muted);font-size:.94rem;line-height:1.85;}
        .faq-item.open .faq-a{max-height:340px;}
        /* CTA */
        .contact-cta{
            padding:78px 0;text-align:center;color:#fff;position:relative;overflow:hidden;
            background:linear-gradient(120deg,#0b1220,#16305e 60%,#1d4a8f);
        }
        .contact-cta::before{
            content:"";position:absolute;inset:0;
            background:radial-gradient(circle at 80% 20%,rgba(240,165,0,.22),transparent 50%);
        }
        .contact-cta .container{position:relative;z-index:2;}
        .contact-cta h2{font-size:clamp(1.5rem,3.2vw,2.2rem);margin:0 0 14px;font-weight:900;}
        .contact-cta p{max-width:640px;margin:0 auto 30px;color:rgba(255,255,255,.78);font-size:.98rem;}
        .cta-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;}
        .btn-solid{display:inline-block;padding:14px 34px;border-radius:12px;background:linear-gradient(135deg,#f0a500,#e08c00);color:#1a1206;font-weight:900;letter-spacing:.5px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 12px 28px rgba(240,165,0,.3);}
        .btn-solid:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(240,165,0,.4);}
        .btn-ghost{display:inline-block;padding:14px 34px;border-radius:12px;border:1px solid rgba(255,255,255,.4);color:#fff;font-weight:700;transition:background .25s ease,transform .25s ease;}
        .btn-ghost:hover{background:rgba(255,255,255,.12);transform:translateY(-3px);}
        /* 动画 */
        .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
        .reveal.in{opacity:1;transform:none;}
        @media (max-width:900px){
            .contact-layout{grid-template-columns:1fr;}
        }
        @media (max-width:640px){
            .contact-hero{padding:72px 0 64px;}
            .contact-cards,.contact-main,.faq-section{padding-top:48px;padding-bottom:48px;}
            .form-panel{padding:28px 20px;}
            .form-row{grid-template-columns:1fr;}
            .contact-card{padding:26px 22px;}
        }

/* ===== news-detail.html 页面样式（系统自动从内联提取）===== */
.article-hero{position:relative;padding:140px 0 70px;background:linear-gradient(135deg,#0a1628 0%,#10233f 45%,#0d3a5c 100%);overflow:hidden;color:#fff}
.article-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(0,200,255,.18),transparent 45%),radial-gradient(circle at 85% 80%,rgba(80,120,255,.16),transparent 50%);pointer-events:none}
.article-hero .container{position:relative;z-index:2}
.article-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:13px;color:#9fb3cc;margin-bottom:18px}
.article-hero .breadcrumb a{color:#9fb3cc;text-decoration:none;transition:color .25s}
.article-hero .breadcrumb a:hover{color:#4fd1ff}
.article-hero .breadcrumb span{color:#5f7189}
.article-hero h1{font-size:clamp(24px,3.6vw,42px);line-height:1.35;font-weight:900;max-width:900px;margin:0 0 22px;animation:fadeUp .8s ease both}
.article-meta{display:flex;flex-wrap:wrap;gap:18px;font-size:14px;color:#b8c9dd;align-items:center;animation:fadeUp .9s ease both}
.article-meta .tag{background:rgba(79,209,255,.14);color:#4fd1ff;border:1px solid rgba(79,209,255,.35);padding:4px 12px;border-radius:999px;font-size:12px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:48px;align-items:start;padding:70px 0 90px}
@media(max-width:1024px){.article-layout{grid-template-columns:1fr;gap:48px}}
.article-body{min-width:0}
.article-body .cover{border-radius:18px;overflow:hidden;margin-bottom:36px;box-shadow:0 24px 60px rgba(8,25,48,.16)}
.article-body .cover img{width:100%;height:auto;display:block}
.article-body h2{font-size:clamp(20px,2.4vw,28px);color:#0a1f38;margin:44px 0 18px;padding-left:16px;border-left:5px solid #1b8cff;line-height:1.4;font-weight:800}
.article-body h3{font-size:clamp(17px,2vw,21px);color:#12395f;margin:32px 0 14px;font-weight:700}
.article-body p{font-size:16px;line-height:1.95;color:#3a4b60;margin:0 0 20px;text-align:justify}
.article-body ul,.article-body ol{margin:0 0 22px;padding-left:24px;color:#3a4b60;font-size:16px;line-height:1.95}
.article-body li{margin-bottom:10px}
.article-body strong{color:#0a2a4a;font-weight:700}
.article-body .inline-img{margin:30px 0;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(8,25,48,.12)}
.article-body .inline-img img{width:100%;height:auto;display:block}
.article-body .inline-img figcaption{font-size:13px;color:#7a8ba1;padding:12px 4px;text-align:center}
.highlight-box{background:linear-gradient(135deg,#f2f9ff,#e8f3ff);border:1px solid #cfe6ff;border-radius:14px;padding:24px 28px;margin:30px 0}
.highlight-box p{margin:0;color:#1a4a78;font-size:15.5px}
.faq-block{margin-top:56px;padding-top:16px;border-top:1px dashed #d5e2f0}
.faq-block h2{border-left:none;padding-left:0;margin-top:0}
.faq-item{border:1px solid #e3ecf6;border-radius:12px;margin-bottom:14px;overflow:hidden;background:#fff;transition:box-shadow .25s}
.faq-item:hover{box-shadow:0 10px 30px rgba(20,60,110,.08)}
.faq-item summary{cursor:pointer;padding:18px 22px;font-weight:700;color:#12395f;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:20px;color:#1b8cff;font-weight:400;transition:transform .25s}
.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-item p{margin:0;padding:0 22px 20px;font-size:15px;color:#4a5b70}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:56px}
@media(max-width:640px){.post-nav{grid-template-columns:1fr}}
.post-nav a{display:block;text-decoration:none;border:1px solid #e3ecf6;border-radius:14px;padding:20px 22px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}
.post-nav a:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(20,60,110,.1);border-color:#bcd9f8}
.post-nav .pn-label{font-size:12px;color:#8496ab;letter-spacing:1px;display:block;margin-bottom:8px}
.post-nav .pn-title{font-size:15px;font-weight:700;color:#12395f;line-height:1.6}
.post-nav .next{text-align:right}
.sidebar{position:sticky;top:96px;display:flex;flex-direction:column;gap:28px}
@media(max-width:1024px){.sidebar{position:static}}
.side-card{background:#fff;border:1px solid #e6eef7;border-radius:16px;padding:24px;box-shadow:0 10px 30px rgba(15,50,95,.05)}
.side-card h3{font-size:16px;color:#0a2a4a;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid #eef4fa;font-weight:800;display:flex;align-items:center;gap:8px}
.side-card h3::before{content:"";width:4px;height:16px;background:linear-gradient(180deg,#1b8cff,#4fd1ff);border-radius:2px}
.hot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.hot-list li a{display:flex;gap:14px;text-decoration:none;align-items:flex-start}
.hot-list .num{flex:none;width:24px;height:24px;border-radius:6px;background:#eef4fb;color:#7a8ba1;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:background .25s,color .25s}
.hot-list li:nth-child(-n+3) .num{background:linear-gradient(135deg,#1b8cff,#4fd1ff);color:#fff}
.hot-list li a:hover .num{background:linear-gradient(135deg,#1b8cff,#4fd1ff);color:#fff}
.hot-list .ht{font-size:14px;color:#2f4257;line-height:1.6;transition:color .25s}
.hot-list li a:hover .ht{color:#1b8cff}
.side-tags{display:flex;flex-wrap:wrap;gap:10px}
.side-tags a{font-size:13px;color:#3a5a7d;background:#f1f7fd;border:1px solid #dceaf8;padding:6px 14px;border-radius:999px;text-decoration:none;transition:all .25s}
.side-tags a:hover{background:#1b8cff;color:#fff;border-color:#1b8cff}
.side-cta{background:linear-gradient(135deg,#0a1f38,#124a78);color:#fff;border:none}
.side-cta h3{color:#fff;border-bottom-color:rgba(255,255,255,.15)}
.side-cta h3::before{background:#4fd1ff}
.side-cta p{font-size:14px;color:#b8cce0;line-height:1.8;margin:0 0 18px}
.side-cta .btn{display:inline-block;background:linear-gradient(135deg,#1b8cff,#4fd1ff);color:#fff;padding:11px 22px;border-radius:999px;text-decoration:none;font-weight:700;font-size:14px;transition:transform .25s,box-shadow .25s}
.side-cta .btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(27,140,255,.4)}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ===== news.html 页面样式（系统自动从内联提取）===== */
:root{
  --news-accent:#f0b429;
  --news-accent-2:#00b3a4;
  --news-ink:#111827;
  --news-ink-2:#374151;
  --news-line:#e5e7eb;
  --news-bg:#f7f9fc;
  --news-card:#ffffff;
  --news-shadow:0 10px 30px rgba(17,24,39,.08);
}
.news-banner{
  position:relative;
  padding:120px 0 80px;
  background:linear-gradient(120deg,#0b1220 0%,#12203a 55%,#0c2b34 100%);
  color:#fff;
  overflow:hidden;
}
.news-banner::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 85% 20%,rgba(0,179,164,.28),transparent 55%),
             radial-gradient(circle at 10% 90%,rgba(240,180,41,.20),transparent 50%);
  pointer-events:none;
}
.news-banner .container{position:relative;z-index:2;}
.news-banner .crumbs{font-size:.9rem;color:#9fb3c8;margin-bottom:18px;}
.news-banner .crumbs a{color:#cbd5e1;text-decoration:none;}
.news-banner .crumbs a:hover{color:var(--news-accent);}
.news-banner h1{
  font-size:clamp(1.9rem,4vw,3rem);
  line-height:1.25;
  font-weight:900;
  letter-spacing:.5px;
  margin:0 0 18px;
}
.news-banner h1 span{color:var(--news-accent);}
.news-banner p{
  max-width:760px;
  font-size:1.02rem;
  line-height:1.9;
  color:#c6d3e2;
  margin:0;
}
.news-banner .banner-tags{
  display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;
}
.news-banner .banner-tags span{
  font-size:.82rem;color:#e2e8f0;border:1px solid rgba(255,255,255,.18);
  padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.05);
  backdrop-filter:blur(4px);
}
.news-main{padding:70px 0 90px;background:var(--news-bg);}
.news-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:42px;
  align-items:start;
}
.cate-bar{
  display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px;
  padding:20px;background:var(--news-card);border:1px solid var(--news-line);
  border-radius:18px;box-shadow:var(--news-shadow);
}
.cate-bar button{
  font-family:inherit;font-size:.92rem;cursor:pointer;
  padding:9px 22px;border-radius:999px;border:1px solid var(--news-line);
  background:#fff;color:var(--news-ink-2);transition:all .28s ease;
}
.cate-bar button:hover{border-color:var(--news-accent);color:var(--news-ink);transform:translateY(-2px);}
.cate-bar button.active{
  background:linear-gradient(120deg,var(--news-accent),#f6c453);
  border-color:transparent;color:#141414;font-weight:700;
  box-shadow:0 8px 18px rgba(240,180,41,.35);
}
.news-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:28px;
}
.news-card{
  background:var(--news-card);
  border:1px solid var(--news-line);
  border-radius:18px;
  overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:0 4px 16px rgba(17,24,39,.05);
  transition:transform .35s ease,box-shadow .35s ease;
  opacity:0;transform:translateY(24px);
}
.news-card.revealed{opacity:1;transform:translateY(0);}
.news-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(17,24,39,.13);}
.news-card .thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#0b1220;}
.news-card .thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
  transition:transform .6s ease;
}
.news-card:hover .thumb img{transform:scale(1.07);}
.news-card .thumb .badge{
  position:absolute;top:14px;left:14px;
  font-size:.76rem;font-weight:700;letter-spacing:.5px;
  padding:6px 14px;border-radius:999px;
  background:rgba(240,180,41,.95);color:#141414;
}
.news-card .body{padding:24px 24px 22px;display:flex;flex-direction:column;flex:1;}
.news-card .meta{
  display:flex;align-items:center;gap:14px;font-size:.8rem;color:#9ca3af;margin-bottom:12px;
}
.news-card .meta .date{display:inline-flex;align-items:center;gap:6px;}
.news-card .meta .date::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--news-accent-2);
}
.news-card h3{
  font-size:1.12rem;line-height:1.55;margin:0 0 12px;font-weight:700;color:var(--news-ink);
}
.news-card h3 a{color:inherit;text-decoration:none;transition:color .25s;}
.news-card h3 a:hover{color:var(--news-accent-2);}
.news-card p{
  font-size:.9rem;line-height:1.85;color:#6b7280;margin:0 0 20px;flex:1;
}
.news-card .more{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:8px;
  font-size:.88rem;font-weight:700;color:var(--news-accent-2);
  text-decoration:none;padding:8px 0;border-bottom:2px solid transparent;
  transition:all .28s ease;
}
.news-card .more::after{content:"→";transition:transform .28s ease;}
.news-card .more:hover{border-bottom-color:var(--news-accent-2);}
.news-card .more:hover::after{transform:translateX(5px);}
.pagination{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;
  margin-top:52px;
}
.pagination a,.pagination span{
  min-width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;
  padding:0 16px;border-radius:12px;font-size:.92rem;text-decoration:none;
  border:1px solid var(--news-line);background:#fff;color:var(--news-ink-2);
  transition:all .28s ease;
}
.pagination a:hover{border-color:var(--news-accent);color:var(--news-ink);transform:translateY(-2px);}
.pagination .current{
  background:linear-gradient(120deg,var(--news-accent),#f6c453);
  border-color:transparent;color:#141414;font-weight:800;
}
.pagination .dots{border:none;background:transparent;color:#9ca3af;}
.news-side{display:flex;flex-direction:column;gap:28px;}
.side-box{
  background:var(--news-card);border:1px solid var(--news-line);
  border-radius:18px;padding:26px;box-shadow:var(--news-shadow);
}
.side-box h2{
  font-size:1.06rem;margin:0 0 20px;padding-bottom:14px;
  border-bottom:1px solid var(--news-line);color:var(--news-ink);
  position:relative;
}
.side-box h2::after{
  content:"";position:absolute;left:0;bottom:-1px;width:48px;height:3px;
  border-radius:2px;background:linear-gradient(90deg,var(--news-accent),var(--news-accent-2));
}
.hot-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px;}
.hot-list li{display:flex;gap:14px;align-items:flex-start;}
.hot-list .num{
  flex:0 0 26px;height:26px;border-radius:8px;display:inline-flex;
  align-items:center;justify-content:center;font-size:.8rem;font-weight:800;
  background:#eef2f7;color:#64748b;
}
.hot-list li:nth-child(1) .num{background:rgba(240,180,41,.18);color:#b47c00;}
.hot-list li:nth-child(2) .num{background:rgba(0,179,164,.15);color:#007d73;}
.hot-list li:nth-child(3) .num{background:rgba(59,130,246,.13);color:#2563eb;}
.hot-list a{font-size:.9rem;line-height:1.7;color:var(--news-ink-2);text-decoration:none;transition:color .25s;}
.hot-list a:hover{color:var(--news-accent-2);}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;}
.tag-cloud a{
  font-size:.82rem;padding:7px 14px;border-radius:999px;
  background:#f1f5f9;color:#475569;text-decoration:none;transition:all .25s ease;
}
.tag-cloud a:hover{background:var(--news-accent);color:#141414;transform:translateY(-2px);}
.side-cta{
  background:linear-gradient(140deg,#0b1220,#123a45);
  color:#fff;border:none;position:relative;overflow:hidden;
}
.side-cta::before{
  content:"";position:absolute;top:-40px;right:-40px;width:150px;height:150px;
  background:radial-gradient(circle,rgba(240,180,41,.4),transparent 70%);
}
.side-cta h2{border-bottom-color:rgba(255,255,255,.15);color:#fff;}
.side-cta h2::after{background:var(--news-accent);}
.side-cta p{font-size:.88rem;line-height:1.85;color:#c6d3e2;margin:0 0 20px;position:relative;}
.side-cta .btn-cta{
  display:inline-flex;width:100%;justify-content:center;
  padding:13px 18px;border-radius:12px;text-decoration:none;
  font-weight:800;font-size:.92rem;color:#141414;
  background:linear-gradient(120deg,var(--news-accent),#f6c453);
  transition:transform .28s ease,box-shadow .28s ease;
  position:relative;
}
.side-cta .btn-cta:hover{transform:translateY(-3px);box-shadow:0 14px 26px rgba(240,180,41,.35);}
.news-faq{padding:0 0 90px;background:var(--news-bg);}
.faq-wrap{
  background:var(--news-card);border:1px solid var(--news-line);border-radius:22px;
  padding:clamp(26px,4vw,48px);box-shadow:var(--news-shadow);
}
.faq-wrap > h2{
  font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 12px;color:var(--news-ink);
}
.faq-wrap > p.lead{
  font-size:.95rem;line-height:1.9;color:#6b7280;margin:0 0 30px;max-width:780px;
}
.faq-item{border-bottom:1px solid var(--news-line);padding:6px 0;}
.faq-item:last-child{border-bottom:none;}
.faq-item summary{
  list-style:none;cursor:pointer;padding:18px 0;
  font-size:1rem;font-weight:700;color:var(--news-ink);
  display:flex;justify-content:space-between;align-items:center;gap:16px;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
  content:"+";font-size:1.4rem;font-weight:400;color:var(--news-accent-2);
  transition:transform .3s ease;flex:0 0 auto;
}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item .answer{
  padding:0 0 20px;font-size:.92rem;line-height:1.9;color:#6b7280;max-width:860px;
}
@media (max-width:1080px){
  .news-layout{grid-template-columns:1fr;}
  .news-side{flex-direction:row;flex-wrap:wrap;}
  .news-side .side-box{flex:1 1 300px;}
}
@media (max-width:760px){
  .news-banner{padding:96px 0 60px;}
  .news-main{padding:50px 0 60px;}
  .news-grid{grid-template-columns:1fr;}
  .news-side{flex-direction:column;}
  .news-side .side-box{flex:1 1 auto;}
  .cate-bar{padding:14px;gap:10px;}
  .cate-bar button{padding:8px 16px;font-size:.86rem;}
}
@media (prefers-reduced-motion:reduce){
  .news-card{opacity:1;transform:none;transition:none;}
  .news-card .thumb img{transition:none;}
}

/* ===== products.html 页面样式（系统自动从内联提取）===== */
.page-hero{
    position:relative;
    padding:120px 0 80px;
    background:linear-gradient(135deg,#0b1220 0%,#10233f 50%,#0a1a2f 100%);
    overflow:hidden;
    text-align:center;
    color:#eaf2ff;
  }
  .page-hero::before{
    content:"";
    position:absolute;
    top:-40%;right:-10%;
    width:600px;height:600px;
    background:radial-gradient(circle,rgba(64,158,255,.28),transparent 70%);
    border-radius:50%;
    animation:floatGlow 9s ease-in-out infinite;
  }
  .page-hero::after{
    content:"";
    position:absolute;
    bottom:-45%;left:-8%;
    width:520px;height:520px;
    background:radial-gradient(circle,rgba(0,224,198,.22),transparent 70%);
    border-radius:50%;
    animation:floatGlow 11s ease-in-out infinite reverse;
  }
  @keyframes floatGlow{
    0%,100%{transform:translate3d(0,0,0) scale(1);}
    50%{transform:translate3d(-24px,18px,0) scale(1.08);}
  }
  .page-hero .container{position:relative;z-index:2;}
  .page-hero .crumb{
    display:inline-flex;
    align-items:center;
    gap:8px;
    font-size:.86rem;
    color:rgba(234,242,255,.7);
    margin-bottom:22px;
    padding:8px 18px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:999px;
    background:rgba(255,255,255,.04);
    backdrop-filter:blur(6px);
  }
  .page-hero .crumb a{color:#7fd7ff;text-decoration:none;}
  .page-hero .crumb a:hover{text-decoration:underline;}
  .page-hero h1{
    font-size:clamp(1.9rem,4.6vw,3.2rem);
    font-weight:900;
    line-height:1.22;
    letter-spacing:1px;
    margin:0 0 20px;
    background:linear-gradient(92deg,#ffffff 20%,#8fd3ff 60%,#57f2d6 100%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  .page-hero p.subtitle{
    max-width:760px;
    margin:0 auto;
    font-size:clamp(1rem,1.6vw,1.16rem);
    line-height:1.9;
    color:rgba(234,242,255,.82);
  }
  .page-hero .hero-tags{
    margin-top:32px;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:12px;
  }
  .page-hero .hero-tags span{
    font-size:.86rem;
    padding:8px 18px;
    border-radius:999px;
    background:rgba(64,158,255,.12);
    border:1px solid rgba(64,158,255,.35);
    color:#9dd8ff;
  }
  .cat-nav{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:14px;
    margin:0 auto 48px;
  }
  .cat-nav a{
    padding:12px 26px;
    border-radius:999px;
    background:#fff;
    border:1px solid #dbe6f5;
    color:#24405f;
    font-weight:600;
    font-size:.94rem;
    text-decoration:none;
    box-shadow:0 6px 18px -10px rgba(16,42,84,.4);
    transition:all .3s ease;
  }
  .cat-nav a:hover,.cat-nav a.active{
    background:linear-gradient(135deg,#1f6fff,#00c9b7);
    color:#fff;
    border-color:transparent;
    transform:translateY(-3px);
    box-shadow:0 14px 30px -12px rgba(31,111,255,.55);
  }
  .product-head{
    text-align:center;
    max-width:720px;
    margin:0 auto 56px;
  }
  .product-head h2{
    font-size:clamp(1.5rem,3vw,2.2rem);
    color:#10233f;
    font-weight:900;
    margin:0 0 16px;
  }
  .product-head p{
    color:#5b7290;
    line-height:1.9;
    font-size:1.02rem;
    margin:0;
  }
  .product-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;
  }
  .product-card{
    position:relative;
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    border:1px solid #e4edf9;
    box-shadow:0 18px 40px -28px rgba(16,42,84,.45);
    display:flex;
    flex-direction:column;
    transition:transform .38s ease,box-shadow .38s ease,border-color .38s ease;
    opacity:0;
    transform:translateY(28px);
  }
  .product-card.in-view{
    opacity:1;
    transform:translateY(0);
    transition:opacity .7s ease,transform .7s ease,box-shadow .38s ease,border-color .38s ease;
  }
  .product-card:hover{
    transform:translateY(-8px);
    border-color:#b9d6ff;
    box-shadow:0 34px 60px -30px rgba(31,111,255,.5);
  }
  .product-card .thumb{
    position:relative;
    aspect-ratio:16/10;
    overflow:hidden;
    background:#e8f1ff;
  }
  .product-card .thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:transform .6s ease;
  }
  .product-card:hover .thumb img{transform:scale(1.07);}
  .product-card .thumb .badge{
    position:absolute;
    top:16px;left:16px;
    padding:6px 16px;
    border-radius:999px;
    background:rgba(11,25,45,.72);
    backdrop-filter:blur(6px);
    color:#7fe9d8;
    font-size:.78rem;
    font-weight:600;
    letter-spacing:.5px;
  }
  .product-card .body{
    padding:26px 26px 28px;
    display:flex;
    flex-direction:column;
    flex:1;
  }
  .product-card .body h3{
    font-size:1.2rem;
    color:#10233f;
    font-weight:800;
    margin:0 0 12px;
  }
  .product-card .body p{
    color:#5b7290;
    font-size:.95rem;
    line-height:1.85;
    margin:0 0 18px;
    flex:1;
  }
  .product-card .meta{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:20px;
  }
  .product-card .meta span{
    font-size:.76rem;
    padding:5px 12px;
    border-radius:6px;
    background:#eef5ff;
    color:#2a5b9e;
    font-weight:600;
  }
  .product-card .more{
    display:inline-flex;
    align-items:center;
    gap:8px;
    align-self:flex-start;
    padding:11px 24px;
    border-radius:999px;
    background:linear-gradient(135deg,#1f6fff,#00c9b7);
    color:#fff;
    font-size:.9rem;
    font-weight:700;
    text-decoration:none;
    transition:gap .3s ease,box-shadow .3s ease;
    box-shadow:0 12px 26px -14px rgba(31,111,255,.7);
  }
  .product-card .more:hover{gap:14px;box-shadow:0 18px 32px -14px rgba(31,111,255,.8);}
  .product-card .more svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;}
  .adv-section{background:linear-gradient(180deg,#f5f9ff 0%,#eef4fd 100%);}
  .adv-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:26px;
    margin-top:8px;
  }
  .adv-card{
    background:#fff;
    border-radius:20px;
    padding:34px 28px;
    border:1px solid #e4edf9;
    box-shadow:0 16px 36px -28px rgba(16,42,84,.4);
    transition:transform .35s ease,box-shadow .35s ease;
    opacity:0;
    transform:translateY(24px);
  }
  .adv-card.in-view{
    opacity:1;
    transform:translateY(0);
    transition:opacity .7s ease,transform .7s ease,box-shadow .35s ease;
  }
  .adv-card:hover{transform:translateY(-6px);box-shadow:0 28px 50px -28px rgba(31,111,255,.45);}
  .adv-card .icon{
    width:56px;height:56px;
    border-radius:16px;
    display:grid;
    place-items:center;
    margin-bottom:20px;
    background:linear-gradient(135deg,#1f6fff,#00c9b7);
    box-shadow:0 12px 24px -12px rgba(31,111,255,.7);
  }
  .adv-card .icon svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
  .adv-card h3{font-size:1.08rem;color:#10233f;font-weight:800;margin:0 0 10px;}
  .adv-card p{font-size:.93rem;color:#5b7290;line-height:1.8;margin:0;}
  .process-list{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:24px;
    counter-reset:step;
    margin-top:8px;
  }
  .process-item{
    position:relative;
    background:#0d1b2f;
    border-radius:20px;
    padding:36px 26px 30px;
    color:#eaf2ff;
    border:1px solid rgba(87,242,214,.16);
    transition:border-color .35s ease,transform .35s ease;
    opacity:0;
    transform:translateY(24px);
  }
  .process-item.in-view{
    opacity:1;
    transform:translateY(0);
    transition:opacity .7s ease,transform .7s ease,border-color .35s ease;
  }
  .process-item:hover{border-color:rgba(87,242,214,.5);transform:translateY(-6px);}
  .process-item::before{
    counter-increment:step;
    content:"0" counter(step);
    display:block;
    font-size:2.1rem;
    font-weight:900;
    line-height:1;
    margin-bottom:16px;
    background:linear-gradient(135deg,#8fd3ff,#57f2d6);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  .process-item h3{font-size:1.06rem;font-weight:800;margin:0 0 10px;color:#fff;}
  .process-item p{font-size:.92rem;line-height:1.8;color:rgba(234,242,255,.72);margin:0;}
  .faq-wrap{max-width:880px;margin:0 auto;}
  .faq-item{
    background:#fff;
    border:1px solid #e4edf9;
    border-radius:16px;
    margin-bottom:16px;
    overflow:hidden;
    box-shadow:0 12px 30px -26px rgba(16,42,84,.4);
    transition:border-color .3s ease;
  }
  .faq-item:hover{border-color:#b9d6ff;}
  .faq-item summary{
    cursor:pointer;
    list-style:none;
    padding:22px 26px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    font-weight:700;
    color:#10233f;
    font-size:1rem;
    transition:color .25s ease;
  }
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary::after{
    content:"+";
    flex:0 0 auto;
    width:28px;height:28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:#eef5ff;
    color:#1f6fff;
    font-size:1.2rem;
    font-weight:700;
    transition:transform .3s ease,background .3s ease;
  }
  .faq-item[open] summary{color:#1f6fff;}
  .faq-item[open] summary::after{transform:rotate(45deg);background:#1f6fff;color:#fff;}
  .faq-item .answer{
    padding:0 26px 24px;
    color:#5b7290;
    font-size:.95rem;
    line-height:1.9;
    border-top:1px dashed #e4edf9;
    padding-top:18px;
  }
  .cta-band{
    position:relative;
    border-radius:28px;
    overflow:hidden;
    background:linear-gradient(120deg,#0b1a30 0%,#123059 55%,#0a223c 100%);
    padding:64px 32px;
    text-align:center;
    color:#eaf2ff;
  }
  .cta-band::before{
    content:"";
    position:absolute;
    inset:0;
    background:
      radial-gradient(circle at 15% 20%,rgba(64,158,255,.3),transparent 45%),
      radial-gradient(circle at 85% 80%,rgba(0,224,198,.25),transparent 45%);
    pointer-events:none;
  }
  .cta-band > *{position:relative;z-index:1;}
  .cta-band h2{
    font-size:clamp(1.5rem,3.2vw,2.2rem);
    font-weight:900;
    margin:0 0 16px;
  }
  .cta-band p{
    max-width:640px;
    margin:0 auto 32px;
    font-size:1.02rem;
    line-height:1.9;
    color:rgba(234,242,255,.8);
  }
  .cta-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;}
  .btn-primary{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 36px;
    border-radius:999px;
    background:linear-gradient(135deg,#1f6fff,#00c9b7);
    color:#fff;
    font-weight:700;
    font-size:1rem;
    text-decoration:none;
    box-shadow:0 18px 36px -16px rgba(31,111,255,.8);
    transition:transform .3s ease,box-shadow .3s ease;
  }
  .btn-primary:hover{transform:translateY(-3px);box-shadow:0 24px 44px -16px rgba(31,111,255,.9);}
  .btn-ghost{
    display:inline-flex;
    align-items:center;
    gap:10px;
    padding:15px 36px;
    border-radius:999px;
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.28);
    color:#eaf2ff;
    font-weight:700;
    font-size:1rem;
    text-decoration:none;
    transition:background .3s ease,transform .3s ease;
  }
  .btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-3px);}
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
  .reveal.in-view{opacity:1;transform:translateY(0);}
  @media (max-width:768px){
    .page-hero{padding:96px 0 64px;}
    .product-grid{gap:22px;}
    .cta-band{padding:48px 22px;}
    .product-card .body{padding:22px 20px 24px;}
  }
  @media (prefers-reduced-motion:reduce){
    *{animation:none!important;transition:none!important;}
    .product-card,.adv-card,.process-item,.reveal{opacity:1;transform:none;}
  }

/* ===== 质量保险补充样式 ===== */
:root {
  --wx-navy: #0f2137;
  --wx-ink: #16283f;
  --wx-blue: #1f6fff;
  --wx-teal: #00c9b7;
  --wx-muted: #5b6b80;
  --wx-line: #e4eaf2;
  --wx-bg: #f5f8fc;
  --wx-white: #ffffff;
  --wx-radius: 16px;
  --wx-shadow: 0 10px 30px rgba(15, 33, 55, 0.08);
  --wx-shadow-hover: 0 18px 42px rgba(15, 33, 55, 0.14);
  --wx-max: 1200px;
}

/* ============ 通用 ============ */
.container,
.wx-container {
  width: 100%;
  max-width: var(--wx-max);
  margin: 0 auto;
  padding: 0 20px;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  z-index: 999;
  padding: 12px 20px;
  background: var(--wx-blue);
  color: #fff;
  border-radius: 0 0 10px 0;
  font-weight: 600;
  text-decoration: none;
}
.skip-link:focus {
  left: 0;
  outline: 2px solid var(--wx-teal);
  outline-offset: 2px;
}

/* ============ 头部 / 导航 ============ */
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--wx-line);
}

/* 通用内层包裹 */
.header-inner,
.nav-inner,
.nav-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 72px;
  width: 100%;
  max-width: var(--wx-max);
  margin: 0 auto;
  padding: 0 20px;
}

/* 品牌 */
.brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  font-size: 1.08rem;
  letter-spacing: 0.2px;
  color: var(--wx-navy);
  text-decoration: none;
  white-space: nowrap;
}
.brand:hover {
  color: var(--wx-blue);
}

.brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: linear-gradient(135deg, var(--wx-blue), var(--wx-teal));
  color: #fff;
  font-weight: 800;
  font-size: 1.05rem;
  box-shadow: 0 6px 16px rgba(31, 111, 255, 0.28);
  flex-shrink: 0;
}

.brand-text {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* 导航链接 */
.site-nav {
  display: flex;
  align-items: center;
  margin-left: auto;
}

.site-nav > ul,
.nav-links,
.nav-menu {
  display: flex;
  align-items: center;
  gap: 4px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-links li,
.nav-menu li {
  list-style: none;
}
.nav-links a,
.nav-menu a,
.site-nav ul a {
  display: inline-block;
  padding: 9px 14px;
  border-radius: 10px;
  color: var(--wx-ink);
  font-size: 0.95rem;
  font-weight: 500;
  text-decoration: none;
  transition: background 0.22s ease, color 0.22s ease, transform 0.22s ease;
}
.nav-links a:hover,
.nav-menu a:hover,
.site-nav ul a:hover {
  background: #eef4ff;
  color: var(--wx-blue);
  transform: translateY(-1px);
}
.nav-links a.active,
.nav-menu a.active,
.site-nav ul a.active {
  background: linear-gradient(135deg, var(--wx-blue), #4d8bff);
  color: #fff;
  box-shadow: 0 6px 16px rgba(31, 111, 255, 0.25);
}

/* 汉堡按钮 */
.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 11px 10px;
  border: 1px solid var(--wx-line);
  border-radius: 11px;
  background: #fff;
  cursor: pointer;
  flex-direction: column;
  justify-content: space-between;
  gap: 5px;
  transition: border-color 0.22s ease, box-shadow 0.22s ease;
}
.nav-toggle span {
  display: block;
  height: 2px;
  width: 100%;
  border-radius: 2px;
  background: var(--wx-navy);
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.nav-toggle:hover {
  border-color: var(--wx-blue);
  box-shadow: 0 4px 12px rgba(31, 111, 255, 0.18);
}
.nav-toggle[aria-expanded="true"] span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] span:nth-child(2) {
  opacity: 0;
}
.nav-toggle[aria-expanded="true"] span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ============ Hero 副本区 ============ */
.wx-hero {
  position: relative;
  overflow: hidden;
  padding: 72px 0 84px;
  background:
    radial-gradient(900px 480px at 12% 0%, rgba(31, 111, 255, 0.14), transparent 62%),
    radial-gradient(760px 420px at 92% 14%, rgba(0, 201, 183, 0.14), transparent 60%),
    linear-gradient(180deg, #f7faff 0%, #ffffff 100%);
}
.wx-hero::after {
  content: "";
  position: absolute;
  inset: auto -10% -40% -10%;
  height: 320px;
  background: radial-gradient(closest-side, rgba(31, 111, 255, 0.07), transparent);
  pointer-events: none;
}

.wx-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
  gap: 48px;
  align-items: center;
}

.wx-hero-copy {
  max-width: 720px;
}
.wx-hero-copy h1 {
  margin: 14px 0 16px;
  font-size: clamp(1.85rem, 3.4vw, 2.9rem);
  line-height: 1.28;
  font-weight: 800;
  letter-spacing: -0.4px;
  color: var(--wx-navy);
}
.wx-hero-copy h1 .grad {
  display: inline-block;
  background: linear-gradient(120deg, var(--wx-blue), var(--wx-teal));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
}
.wx-hero-copy .wx-eyebrow {
  display: inline-block;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(31, 111, 255, 0.09);
  border: 1px solid rgba(31, 111, 255, 0.16);
  color: var(--wx-blue);
  font-size: 0.82rem;
  font-weight: 600;
  letter-spacing: 0.3px;
}
.wx-hero-lead {
  margin: 0 0 26px;
  color: var(--wx-muted);
  font-size: 1.02rem;
  line-height: 1.95;
}
.wx-hero-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
}

/* 按钮通用（复用类） */
.wx-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 13px 26px;
  border-radius: 12px;
  font-size: 0.98rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid transparent;
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease, color 0.22s ease;
}
.wx-btn-primary {
  background: linear-gradient(135deg, var(--wx-blue), #4d8bff);
  color: #fff;
  box-shadow: 0 10px 24px rgba(31, 111, 255, 0.28);
}
.wx-btn-primary:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 32px rgba(31, 111, 255, 0.36);
}
.wx-btn-ghost,
.wx-btn-outline {
  background: #fff;
  color: var(--wx-navy);
  border-color: var(--wx-line);
  box-shadow: var(--wx-shadow);
}
.wx-btn-ghost:hover,
.wx-btn-outline:hover {
  transform: translateY(-3px);
  border-color: var(--wx-blue);
  color: var(--wx-blue);
  box-shadow: var(--wx-shadow-hover);
}

/* 渐入动画 */
.wx-reveal {
  opacity: 0;
  transform: translateY(22px);
  animation: wxFadeUp 0.8s cubic-bezier(0.22, 0.68, 0.36, 1) 0.08s forwards;
}
.wx-reveal:nth-child(2) {
  animation-delay: 0.2s;
}
@keyframes wxFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (prefers-reduced-motion: reduce) {
  .wx-reveal {
    opacity: 1;
    transform: none;
    animation: none;
  }
}

/* ============ 页脚 ============ */
.footer-wrap {
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) repeat(3, minmax(0, 1fr));
  gap: 36px 32px;
  max-width: var(--wx-max);
  margin: 0 auto;
  padding: 56px 20px 40px;
}
.footer-brand h2,
.footer-title {
  margin: 0 0 14px;
  font-size: 1.05rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.5;
}
.footer-brand p,
.footer-info p,
.footer-contact p {
  margin: 0 0 10px;
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.9rem;
  line-height: 1.85;
}
.footer-col h3,
.footer-nav h3,
.footer-info h3,
.footer-contact h3 {
  margin: 0 0 16px;
  font-size: 0.95rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.3px;
}
.footer-col ul,
.footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}
.footer-nav a,
.footer-col a {
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.9rem;
  text-decoration: none;
  transition: color 0.2s ease, transform 0.2s ease;
  display: inline-block;
}
.footer-nav a:hover,
.footer-col a:hover {
  color: var(--wx-teal);
  transform: translateX(3px);
}
.footer-nav a[aria-current="page"] {
  color: #fff;
  font-weight: 600;
}
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 20px;
  text-align: center;
}
.footer-bottom p {
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  font-size: 0.85rem;
}

/* ============ 联系页侧栏 ============ */
.side-column {
  display: grid;
  gap: 22px;
  align-content: start;
}
.side-panel {
  background: var(--wx-white);
  border: 1px solid var(--wx-line);
  border-radius: var(--wx-radius);
  box-shadow: var(--wx-shadow);
  padding: 26px 24px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.side-panel:hover {
  transform: translateY(-4px);
  box-shadow: var(--wx-shadow-hover);
}
.side-panel h3 {
  margin: 0 0 16px;
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--wx-navy);
}
.hours-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 12px;
}
.hours-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 12px;
  border-bottom: 1px dashed var(--wx-line);
  font-size: 0.92rem;
  color: var(--wx-muted);
}
.hours-list li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.hours-list strong {
  color: var(--wx-navy);
  font-weight: 600;
}

/* ============ 新闻列表布局 ============ */
.news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 34px;
  align-items: start;
}
.news-column {
  min-width: 0;
  display: grid;
  gap: 20px;
}

/* 新闻详情上下篇 */
.post-nav {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-top: 28px;
}
.post-nav a {
  display: block;
  padding: 18px 20px;
  background: var(--wx-white);
  border: 1px solid var(--wx-line);
  border-radius: 14px;
  text-decoration: none;
  box-shadow: var(--wx-shadow);
  transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}
.post-nav a:hover {
  transform: translateY(-3px);
  border-color: rgba(31, 111, 255, 0.4);
  box-shadow: var(--wx-shadow-hover);
}
.post-nav .prev {
  text-align: left;
}
.post-nav .next {
  text-align: right;
}
.post-nav .pn-label {
  display: block;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--wx-blue);
  letter-spacing: 0.4px;
  margin-bottom: 6px;
}
.post-nav .pn-title {
  display: block;
  font-size: 0.92rem;
  font-weight: 600;
  color: var(--wx-navy);
  line-height: 1.6;
}

/* ============ 响应式 ============ */
@media (max-width: 1024px) {
  .wx-hero-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .wx-hero-copy {
    max-width: 100%;
  }
  .news-layout {
    grid-template-columns: 1fr;
  }
  .footer-wrap {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 30px 24px;
  }
}

@media (max-width: 768px) {
  .header-inner,
  .nav-inner,
  .nav-wrap {
    min-height: 66px;
    gap: 12px;
    flex-wrap: wrap;
  }
  .nav-toggle {
    display: inline-flex;
    margin-left: auto;
  }
  .site-nav {
    margin-left: 0;
    width: 100%;
    order: 3;
    display: none;
  }
  .site-nav.is-open,
  .site-nav.open {
    display: block;
    animation: wxFadeUp 0.3s ease forwards;
    opacity: 1;
    transform: none;
  }
  .site-nav > ul,
  .nav-links,
  .nav-menu {
    flex-direction: column;
    align-items: stretch;
    gap: 2px;
    width: 100%;
    padding: 10px 0 14px;
    border-top: 1px solid var(--wx-line);
  }
  .nav-links a,
  .nav-menu a,
  .site-nav ul a {
    display: block;
    width: 100%;
    padding: 12px 14px;
  }
  .nav-links a:hover,
  .nav-menu a:hover,
  .site-nav ul a:hover {
    transform: none;
  }

  .wx-hero {
    padding: 48px 0 56px;
  }
  .wx-hero-lead {
    font-size: 0.96rem;
    line-height: 1.85;
  }
  .wx-hero-actions {
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
  }
  .wx-btn {
    width: 100%;
    padding: 14px 20px;
  }

  .post-nav {
    grid-template-columns: 1fr;
  }
  .post-nav .next {
    text-align: left;
  }

  .footer-wrap {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 44px 20px 32px;
  }
  .side-panel {
    padding: 22px 18px;
  }
}

@media (max-width: 480px) {
  .brand {
    font-size: 0.98rem;
  }
  .brand-mark {
    width: 34px;
    height: 34px;
    font-size: 0.95rem;
    border-radius: 10px;
  }
  .wx-hero-copy h1 {
    font-size: 1.55rem;
  }
  .hours-list li {
    font-size: 0.88rem;
  }
}

/* ===== 质量保险补充样式 ===== */
:root{
  --primary:#1a3a8f;
  --primary-dark:#122a68;
  --primary-light:#2e56c4;
  --accent:#f0b429;
  --accent-dark:#d99a0f;
  --text:#1f2430;
  --text-light:#5a6274;
  --bg:#f5f7fc;
  --bg-alt:#eaeef7;
  --white:#ffffff;
  --border:#dfe5f1;
  --success:#1fa971;
  --radius-sm:8px;
  --radius:14px;
  --radius-lg:22px;
  --shadow-sm:0 2px 8px rgba(18,42,104,.06);
  --shadow:0 8px 26px rgba(18,42,104,.10);
  --shadow-lg:0 18px 48px rgba(18,42,104,.16);
  --transition:.3s cubic-bezier(.25,.8,.35,1);
}

.nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:72px;
  flex-wrap:nowrap;
}

.nav .brand{
  display:inline-flex;
  align-items:center;
  font-size:1.25rem;
  font-weight:800;
  letter-spacing:.5px;
  color:var(--primary);
  text-decoration:none;
  white-space:nowrap;
  line-height:1.2;
  transition:color var(--transition);
}

.nav .brand:hover,
.nav .brand:focus-visible{
  color:var(--primary-light);
}

.nav .nav-toggle{
  display:none;
  flex-direction:column;
  justify-content:center;
  gap:5px;
  width:44px;
  height:44px;
  padding:10px;
  border:1px solid var(--border);
  border-radius:var(--radius-sm);
  background:var(--white);
  box-shadow:var(--shadow-sm);
  cursor:pointer;
  transition:background var(--transition),box-shadow var(--transition),border-color var(--transition);
}

.nav .nav-toggle:hover,
.nav .nav-toggle:focus-visible{
  background:var(--bg-alt);
  border-color:var(--primary-light);
  box-shadow:var(--shadow);
  outline:none;
}

.nav .nav-toggle span{
  display:block;
  width:100%;
  height:2px;
  border-radius:2px;
  background:var(--primary);
  transition:transform var(--transition),opacity var(--transition),background var(--transition);
}

.nav .nav-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(7px) rotate(45deg);
}

.nav .nav-toggle[aria-expanded="true"] span:nth-child(2){
  opacity:0;
}

.nav .nav-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-7px) rotate(-45deg);
}

.nav .nav-menu{
  display:flex;
  align-items:center;
  gap:6px;
  margin:0;
  padding:0;
  list-style:none;
  flex-wrap:nowrap;
}

.nav .nav-menu li{
  margin:0;
  padding:0;
}

.nav .nav-menu a{
  position:relative;
  display:inline-block;
  padding:10px 14px;
  font-size:.95rem;
  font-weight:500;
  color:var(--text);
  text-decoration:none;
  border-radius:var(--radius-sm);
  white-space:nowrap;
  transition:color var(--transition),background var(--transition);
}

.nav .nav-menu a::after{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:6px;
  height:2px;
  border-radius:2px;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform var(--transition);
}

.nav .nav-menu a:hover,
.nav .nav-menu a:focus-visible{
  color:var(--primary);
  background:var(--bg-alt);
  outline:none;
}

.nav .nav-menu a:hover::after,
.nav .nav-menu a:focus-visible::after,
.nav .nav-menu a.is-active::after{
  transform:scaleX(1);
}

.nav .nav-menu a.is-active{
  color:var(--primary);
  font-weight:700;
  background:var(--bg-alt);
}

@media (max-width:920px){
  .nav{
    flex-wrap:wrap;
    gap:12px;
    min-height:64px;
  }

  .nav .brand{
    font-size:1.1rem;
    flex:1 1 auto;
  }

  .nav .nav-toggle{
    display:flex;
  }

  .nav .nav-menu{
    display:none;
    flex:1 1 100%;
    flex-direction:column;
    align-items:stretch;
    gap:2px;
    margin:0 0 12px;
    padding:10px;
    background:var(--white);
    border:1px solid var(--border);
    border-radius:var(--radius);
    box-shadow:var(--shadow);
    animation:navFadeIn .3s ease both;
  }

  .nav .nav-menu.is-open{
    display:flex;
  }

  .nav .nav-menu a{
    display:block;
    padding:12px 14px;
    font-size:1rem;
    border-radius:var(--radius-sm);
  }

  .nav .nav-menu a::after{
    display:none;
  }
}

@media (max-width:480px){
  .nav .brand{
    font-size:1rem;
    white-space:normal;
  }

  .nav .nav-menu a{
    font-size:.95rem;
  }
}

@keyframes navFadeIn{
  from{opacity:0;transform:translateY(-6px);}
  to{opacity:1;transform:translateY(0);}
}