/* ==================== Aether Peak 设计系统变量 ==================== */
  :root {
      /* 核心背景色 */
      --void:         #050A14;   /* 深空黑蓝 - 主背景 */
      --abyss:        #0A1628;   /* 深海蓝 - 次背景 */
      --slate:        #1A2B4A;   /* 卡片/面板底色 */
      --parchment:    #F5F0E8;   /* 羊皮纸色 - 阅读区 */

      /* 各区块主色映射 */
      --hero-bg:      #050A14;
      --product-bg:   #F5F0E8;
      --about-bg:     #0A1628;
      --verify-bg:    #0A1628;
      --support-bg:   #1A2B4A;
      --news-bg:      #F5F0E8;
      --contact-bg:   #050A14;

      /* 品牌色 */
      --gold:         #C9A962;   /* 香槟金 */
      --gold-glow:    rgba(201,169,98,0.15);
      --gold-bright:  #F0C84D;   /* 亮金（数据高亮） */
      --copper:       #8B4513;   /* 铜棕点缀 */
      --frost:        #E8ECF2;   /* 冷灰白主文字 */

      /* 语义色 */
      --primary:      #1a365d;
      --primary-light: #2c5282;
      --accent:       #C9A962;
      --accent-light: #D4B978;
      --accent-gold:  #F0C84D;
      --bg-light:     #f8f9fa;
      --bg-white:     #ffffff;
      --text-dark:    #E8ECF2;
      --text-gray:    #94A3B8;
      --text-light:   #64748B;
      --border:       rgba(201,169,98,0.2);
      --shadow:       0 4px 24px rgba(0,0,0,0.3);
      --shadow-hover: 0 12px 40px rgba(0,0,0,0.4);
      --shadow-gold:  0 4px 30px rgba(201,169,98,0.15);
      --radius:        8px;
      --radius-lg:     16px;
      --transition:    all 0.4s cubic-bezier(0.22, 1, 0.36, 1);

      /* 字体栈 */
      --font-display-en: 'Cormorant Garamond', 'Noto Serif SC', serif;
      --font-display-zh: 'Noto Serif SC', 'Songti SC', serif;
      --font-body:       'Noto Sans SC', -apple-system, BlinkMacSystemFont, sans-serif;
      --font-mono:       'JetBrains Mono', 'Courier New', monospace;
      --font-label:      'Inter', 'Noto Sans SC', sans-serif;
  }

/* ==================== 产品矩阵下拉导航（2026-09） ==================== */
.nav-products-item { position: relative; }
.nav-products-dropdown { position: relative; }
.nav-products-dropdown summary {
    list-style: none;
    cursor: pointer;
    padding: 8px 0;
    color: rgba(232, 236, 242, 0.75);
    font-family: var(--font-label);
    font-size: 0.88rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition: color .25s ease;
}
.nav-products-dropdown summary::-webkit-details-marker { display: none; }
.nav-products-dropdown summary::after { content: "⌄"; margin-left: 7px; color: var(--gold); }
.nav-products-dropdown summary:hover,
.nav-products-dropdown[open] summary { color: var(--gold); }
.nav-products-menu {
    position: absolute;
    top: calc(100% + 14px);
    left: 50%;
    width: 330px;
    padding: 10px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 14px;
    background: rgba(5, 12, 23, .97);
    box-shadow: 0 20px 55px rgba(0,0,0,.35);
    transform: translateX(-50%) translateY(8px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.nav-products-dropdown[open] .nav-products-menu,
.nav-products-item:hover .nav-products-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}
.nav-menu .nav-products-menu a {
    display: block;
    padding: 10px 12px;
    border: 0;
    border-radius: 8px;
    color: rgba(255,255,255,.78);
    letter-spacing: .03em;
    text-transform: none;
}
.nav-menu .nav-products-menu a::after { display: none; }
.nav-menu .nav-products-menu a:hover { color: #fff; background: rgba(201,169,98,.14); }

@media (max-width: 768px) {
    .nav-products-dropdown summary {
        padding: 14px 0;
        border-bottom: 1px solid var(--border);
        color: #1a2a3e;
    }
    .nav-products-menu {
        position: static;
        width: 100%;
        padding: 4px 0 8px 14px;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        transform: none;
        opacity: 1;
        visibility: visible;
        display: none;
    }
    .nav-products-dropdown[open] .nav-products-menu { display: block; transform: none; }
    .nav-menu .nav-products-menu a { padding: 10px 0; color: #536176; font-size: .82rem; }
    .nav-menu .nav-products-menu a:hover { color: var(--primary); background: transparent; }
}
 
 /* ==================== 整页滚动容器（仿lifotronic一次翻一页） ==================== */
 /* JS 拦截 wheel 驱动整页翻，过渡用原生 smooth scrolling */
 
 html {
     overflow-x: hidden;
 }
 
 .page-snap-container {
     -webkit-overflow-scrolling: touch;
 }
 
 /* 每个区块至少一屏，允许内容撑开；补偿固定导航栏 70px */
 .page-snap-container > section {
     min-height: 100vh;
     scroll-margin-top: 70px;
     padding-top: 70px;
 }
 
 /* Hero 首屏是全屏大图，导航透明叠加，不需要补偿 */
.page-snap-container > section.hero {
    padding-top: 0;
    scroll-margin-top: 0;
    min-height: 0;
}
 
 /* 区块内部内容自适应高度 */
 .page-snap-container .section > .container {
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 
 /* ==================== 基础重置 ==================== */
 *, *::before, *::after {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
 }
 
 html {
     scroll-behavior: smooth;
     font-size: 16px;
 }
 
  body {
      font-family: var(--font-body);
      color: var(--frost);
      line-height: 1.8;
      background: var(--void);
      overflow-x: hidden;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
  }

  /* 全局胶片颗粒滤镜 */
  body::after {
      content: '';
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 99998;
      opacity: 0.025;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      background-repeat: repeat;
      background-size: 256px 256px;
 }
 
 a {
     text-decoration: none;
     color: inherit;
     transition: var(--transition);
 }
 
 ul, ol {
     list-style: none;
 }
 
 img {
     max-width: 100%;
     height: auto;
     display: block;
 }
 
 input, textarea, select {
     font-family: inherit;
     font-size: inherit;
 }
 
 .container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
 }
 
 /* ==================== 通用组件 ==================== */
 .section {
     padding: 80px 0;
     position: relative;
 }
 
 /* Hero英雄区：深空蓝 */
 .section.hero {
     padding-bottom: 0;
     background: var(--hero-bg) !important;
 }
 
 /* 产品区：淡灰背景统一 */
  .section.products {
      padding: 0;
      background: var(--product-bg) !important;
      position: relative;
  }
  .section.products::before {
      content: '';
      position: absolute;
      inset: 0;
      background-image: repeating-linear-gradient(
          0deg,
          transparent,
          transparent 39px,
          rgba(201, 169, 98, 0.03) 39px,
          rgba(201, 169, 98, 0.03) 40px
      );
      pointer-events: none;
      z-index: 0;
  }
 
 /* 品牌简介：深海蓝 + 企业背景图 */
  .section.about {
      background: url('../images/27企业简介.jpg') center center / cover no-repeat, var(--about-bg) !important;
      position: relative;
  }
  .section.about::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(5,10,20,0.7) 0%, rgba(5,10,20,0.3) 50%, rgba(5,10,20,0.6) 100%);
      pointer-events: none;
      z-index: 0;
  }
 
 /* 正品验真：背景图原色 */
 .section.verification {
     background: transparent !important;
     padding-top: 0;
     position: relative;
 }
 .section.verification .partners-bg,
 .section.verification::before {
     content: '';
     position: absolute;
     inset: 0;
     background: url('../images/30正品验真.png') center center / cover no-repeat;
     z-index: 0;
 }
 .section.verification > .container {
     position: relative;
     z-index: 1;
 }
 
 /* 合作支持：背景图原色 */
 .section.support {
     background: transparent !important;
     position: relative;
 }
 .section.support::before {
     content: '';
     position: absolute;
     inset: 0;
     background: url('../images/31合作体系.png') center center / cover no-repeat;
     z-index: 0;
 }
 .section.support > .container {
     position: relative;
     z-index: 1;
 }
 
 /* 合作机构：背景图原色 */
 .section.partners {
     background: transparent !important;
     position: relative;
 }
 
 .section.partners .partners-bg {
     position: absolute;
     inset: 0;
     background: url('../images/32合作机构.png') center center / cover no-repeat;
     z-index: 0;
 }
 
 .section.partners .container {
     position: relative;
     z-index: 1;
 }
 
 .section.partners .section-header {
     position: relative;
     z-index: 1;
 }
 
 /* 新闻资讯：背景图 + 深色文字 */
 .section.news {
     background: url('../images/33新闻资讯.png') center center / cover no-repeat !important;
     position: relative;
 }
 
  .section.news::before {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(245, 240, 232, 0.92);
      z-index: 0;
  }
 
 .section.news .container {
     position: relative;
     z-index: 1;
 }
 
 /* 联系我们：深空蓝 */
  .section.contact {
      background: var(--contact-bg) !important;
  }

  /* 联系我们区块：内容从顶部开始，不要垂直居中 */
  .section.contact > .container {
      justify-content: flex-start;
      align-items: stretch;
  }

  /* 移动端：联系表单确保完整显示 */
  @media (max-width: 768px) {
      .section.contact {
          padding: 60px 0;
      }
      .section.contact > .container {
          align-items: flex-start;
      }
      .contact-form {
          overflow: visible;
          padding-bottom: 20px;
      }
      .contact-direct-actions .btn {
          width: 100%;
          margin-top: 16px;
      }
  }
 
 /* ==================== 通用区块标题文字色 ==================== */
 .section-header {
     text-align: center;
     margin-bottom: 60px;
 }
 
 .section-tag {
     display: inline-block;
     font-size: 0.85rem;
     font-weight: 500;
     color: var(--accent);
     letter-spacing: 3px;
     margin-bottom: 12px;
 }
 
  /* 浅色背景区块：深色文字（Products白底 / News浅暖灰底） */
  .section.products .section-tag,
  .section.news .section-tag {
      color: var(--primary);
  }

  .section.products .section-desc,
  .section.news .section-desc {
      color: var(--text-dark);
  }

  /* Partners 金色品牌色 */
  .section.partners .section-tag {
      color: var(--accent-gold);
  }

  .section.partners .section-title {
      color: #D4A843;
  }

  .section.partners .section-desc {
      color: rgba(255, 255, 255, 0.75);
  }

  /* 深色背景区块：白色文字（Hero / About / Verification / Support / Contact） */
  .section.hero .section-tag,
  .section.about .section-tag,
  .section.verification .section-tag,
  .section.support .section-tag,
  .section.contact .section-tag {
      color: var(--accent-gold);
  }

  .section.hero .section-title,
  .section.about .section-title,
  .section.verification .section-title,
  .section.support .section-title,
  .section.contact .section-title {
      color: #ffffff;
  }

  .section.hero .section-desc,
  .section.about .section-desc,
  .section.verification .section-desc,
  .section.support .section-desc,
  .section.contact .section-desc {
      color: rgba(255, 255, 255, 0.7);
  }
 
 /* ==================== 按钮 ==================== */
 
 /* 通用区块标题（浅色背景区块默认） */
  .section-title {
      font-size: clamp(1.8rem, 3.5vw, 2.8rem);
      font-weight: 700;
      color: var(--primary);
      margin-bottom: 16px;
      font-family: var(--font-display-zh);
      letter-spacing: 0.06em;
      line-height: 1.3;
  }

  .section-desc {
      font-size: 1.05rem;
      color: var(--text-gray);
      max-width: 640px;
      margin: 0 auto;
      line-height: 1.8;
      font-weight: 300;
  }
 
 /* .light 用于深色区块（备留兼容性） */
 .section-header.light .section-title {
     color: #fff;
 }
 
 .section-header.light .section-desc {
     color: rgba(255, 255, 255, 0.7);
 }
 
 /* ==================== 按钮 ==================== */
  .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 14px 36px;
      font-size: 0.95rem;
      font-weight: 400;
      border-radius: var(--radius);
      cursor: pointer;
      transition: var(--transition);
      border: 1.5px solid transparent;
      text-align: center;
      font-family: var(--font-body);
      letter-spacing: 0.08em;
  }

  .btn-primary {
      background: transparent;
      color: var(--gold);
      border-color: var(--gold);
  }

  .btn-primary:hover {
      background: var(--gold);
      color: var(--void);
      border-color: var(--gold);
      transform: translateY(-2px);
      box-shadow: var(--shadow-gold);
  }

  .btn-outline {
      background: transparent;
      color: var(--frost);
      border-color: rgba(232, 236, 242, 0.4);
  }

  .btn-outline:hover {
      background: rgba(232, 236, 242, 0.08);
      border-color: var(--frost);
      color: var(--frost);
  }
 
 /* 深色背景 section 内的 primary 按钮（金底深色字在深蓝底上对比度差，换成透明底金边） */
 .section.advantages .btn-primary,
 .contact .btn-primary,
 .verification .btn-primary {
     background: var(--accent);
     color: #0a1929;  /* 深色背景用深色按钮文字对比度更好 */
     border-color: var(--accent);
 }
 
 .section.advantages .btn-primary:hover,
 .contact .btn-primary:hover,
 .verification .btn-primary:hover {
     background: var(--accent-light);
     border-color: var(--accent-light);
 }
 
 .btn-full {
     width: 100%;
 }
 
  /* ==================== 导航栏（Aether Peak 升级版） ==================== */
  .navbar {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 1000;
      background: linear-gradient(to bottom, rgba(5, 10, 20, 0.75) 0%, rgba(5, 10, 20, 0.4) 60%, transparent 100%);
      backdrop-filter: blur(12px) saturate(1.1);
      -webkit-backdrop-filter: blur(12px) saturate(1.1);
      transition: var(--transition);
      border-bottom: 1px solid rgba(201, 169, 98, 0.06);
  }

  .navbar.scrolled {
      background: rgba(5, 10, 20, 0.85);
      backdrop-filter: blur(20px) saturate(1.2);
      -webkit-backdrop-filter: blur(20px) saturate(1.2);
      border-bottom: 1px solid rgba(201, 169, 98, 0.1);
      box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
  }

  .navbar.scrolled .logo img {
      filter: brightness(1.1) drop-shadow(0 0 8px rgba(201,169,98,0.3));
  }

  .nav-container {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 72px;
  }

  .logo {
      display: flex;
      align-items: center;
      gap: 10px;
  }

  .logo img {
      height: 40px;
      width: auto;
      transition: filter 0.4s ease;
  }

  .logo-text {
      font-size: 1.2rem;
      font-weight: 700;
      color: var(--frost);
      font-family: var(--font-display-zh);
      letter-spacing: 0.05em;
  }

  .nav-menu {
      display: flex;
      gap: 36px;
  }

  .nav-menu a {
      font-size: 0.88rem;
      font-weight: 400;
      color: rgba(232, 236, 242, 0.75);
      position: relative;
      padding: 8px 0;
      transition: color 0.4s cubic-bezier(0.22, 1, 0.36, 1);
      font-family: var(--font-label);
      letter-spacing: 0.08em;
      text-transform: uppercase;
  }

  .nav-menu a::after {
      content: '';
      position: absolute;
      bottom: 2px;
      left: 0;
      width: 100%;
      height: 1px;
      background: var(--gold);
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  }

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

  .nav-menu a:hover,
  .nav-menu a.active {
      color: var(--gold);
  }
 
 .nav-toggle {
     display: none;
     flex-direction: column;
     gap: 5px;
     background: none;
     border: none;
     cursor: pointer;
     padding: 5px;
 }
 
 .nav-toggle span {
     display: block;
     width: 24px;
     height: 2px;
     background: var(--primary);
     transition: var(--transition);
 }
 
 /* ==================== Hero响应式 ==================== */
@media (max-width: 768px) {
    .hero {
        height: 70vh;
    }
    .hero-slide-bg {
        background-position: 72% center;
        background-size: cover;
    }
     .hero-slide-content {
         padding: 60px 24px 50px;
         max-width: 100%;
     }
     .hero-title { font-size: 1.8rem; }
     .hero-desc { font-size: 0.95rem; }
     .hero-dots { bottom: 55px; }
     .hero-scroll { bottom: 16px; }
 }
 
 @media (max-width: 480px) {
     .hero {
         height: 65vh;
     }
     .hero-title { font-size: 1.6rem; }
     .hero-desc { font-size: 0.9rem; }
     .hero-btns { flex-direction: column; gap: 10px; }
     .hero-btns .btn { width: 100%; text-align: center; padding: 11px 20px; }
     .hero-btns .btn-outline-light { width: 100%; text-align: center; }
 }
 
 /* ==================== 品牌简介 ==================== */
 /* ==================== 关于企业 - 全屏大图 + 数字文字叠加 ==================== */
 /* 品牌简介 - 全屏大图 + 数字文字叠加 */
 .about {
     background: var(--about-bg) !important;
     position: relative;
     min-height: 100vh;
     background-image: url('../images/27企业简介.jpg') !important;
     background-size: cover;
     background-position: center center;
     background-repeat: no-repeat;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 /* 深海蓝深色遮罩 - 让背景图融入深海蓝 */
 .about-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(
         160deg,
         rgba(12, 30, 56, 0.75) 0%,
         rgba(12, 30, 56, 0.65) 50%,
         rgba(12, 30, 56, 0.8) 100%
     );
 }
 
 /* 纯文字叠加层 */
 .about-hero-text {
     position: relative;
     z-index: 1;
     text-align: center;
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 32px;
 }
 
 /* 顶部 tagline */
 .about-hero-top {
     font-size: 1.1rem;
     font-weight: 400;
     color: rgba(255, 255, 255, 0.6);
     letter-spacing: 10px;
     text-transform: uppercase;
 }
 
 /* 大数字行 */
 .about-hero-nums {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 0;
 }
 
 /* 每列通用 */
 .hero-col {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 10px;
     padding: 0 48px;
 }
 
 .hero-num {
     display: flex;
     align-items: baseline;
     gap: 0;
 }
 
  .hero-stat {
      font-size: clamp(3rem, 7vw, 7rem);
       font-weight: 800;
       line-height: 1;
       color: var(--gold);
       text-shadow: 0 2px 30px rgba(240, 200, 77, 0.5);
       transition: color 0.3s ease, text-shadow 0.3s ease;
   }

  .hero-stat:hover {
      color: var(--gold-bright);
      text-shadow: 0 4px 50px rgba(240, 200, 77, 0.5);
  }

  .hero-stat-text {
      font-size: clamp(2rem, 4vw, 4rem);
  }
 
 .hero-unit {
     font-size: 2.2rem;
     font-weight: 600;
     color: var(--accent, #B1861D);
     margin-left: 4px;
 }
 
 .hero-label {
     font-size: 1rem;
     color: rgba(255, 255, 255, 0.7);
     letter-spacing: 4px;
     text-transform: uppercase;
 }
 
 /* ==================== 企业简介文字区 ==================== */
 .about-desc-wrapper {
     max-width: 860px;
     margin: 40px auto 0;
     display: flex;
     flex-direction: column;
     gap: 20px;
     text-align: left;
 }
 
 .about-desc {
     font-size: 1.05rem;
     line-height: 1.9;
     color: rgba(255, 255, 255, 0.85);
     padding: 18px 28px;
     border-left: 3px solid rgba(201, 169, 98, 0.4);
     background: rgba(255, 255, 255, 0.05);
     border-radius: 0 8px 8px 0;
     opacity: 0;
     transform: translateY(20px);
     transition: opacity 0.7s ease, transform 0.7s ease, background 0.3s ease, border-color 0.3s ease;
 }
 
 .about-desc.visible {
     opacity: 1;
     transform: translateY(0);
 }
 
 .about-desc:hover {
     background: rgba(255, 255, 255, 0.1);
     border-left-color: var(--accent, #c9a962);
 }
 
 .about-desc-1 { transition-delay: 0.1s; }
 .about-desc-2 { transition-delay: 0.3s; }
 .about-desc-3 { transition-delay: 0.5s; }
 
 /* 高亮词 */
 .highlight {
     color: #F0C84D;
     font-weight: 600;
 }
 
 /* 核心理念引述高亮 */
 .highlight-text {
     color: #fff;
     font-style: italic;
     font-weight: 500;
     text-shadow: 0 0 20px rgba(201, 169, 98, 0.3);
 }
 
 /* ==================== 数字统计滚动触发 ==================== */
 /* 数字始终可见，动画只负责数字本身滚动 */
 
 /* ==================== 合作机构 ==================== */
 
 /* 竖线分隔 */
 .hero-divider {
     width: 1px;
     height: 80px;
     background: linear-gradient(
         to bottom,
         transparent,
         rgba(255, 255, 255, 0.2) 30%,
         rgba(255, 255, 255, 0.2) 70%,
         transparent
     );
     flex-shrink: 0;
 }
 
 /* 响应式 - 平板 */
 @media (max-width: 1024px) {
     .hero-col {
         padding: 0 32px;
     }
 
     .hero-stat {
         font-size: 5rem;
     }
 
     .hero-unit {
         font-size: 1.8rem;
     }
 
     .hero-divider {
         height: 60px;
     }
 }
 
 /* 响应式 - 手机 */
 @media (max-width: 640px) {
     .about {
         min-height: 80vh;
         background-position: 30% center;
     }
 
     .about-hero-top {
         font-size: 0.8rem;
         letter-spacing: 5px;
     }
 
     .about-hero-nums {
         flex-wrap: wrap;
         gap: 0;
     }
 
     /* 2x2 网格 */
     .hero-col:nth-child(1),
     .hero-col:nth-child(3),
     .hero-col-img {
         padding: 0 20px 24px calc(50% - 130px);
         width: 50%;
     }
 
     .hero-divider {
         display: none;
     }
 
     .hero-stat {
         font-size: 3.5rem;
     }
 
     .hero-unit {
         font-size: 1.4rem;
     }
 
     .hero-label {
         font-size: 0.85rem;
         letter-spacing: 2px;
     }
 
     /* 企业简介文字 - 平板适配 */
     .about-desc-wrapper {
         margin: 28px 20px 0;
         gap: 14px;
     }
 
     .about-desc {
         font-size: 0.95rem;
         line-height: 1.8;
         padding: 14px 18px;
     }
 
     .hero-img {
         width: 80px;
     }
 
     .hero-img {
         display: none;
     }
 }
 
 /* ==================== 产品中心 ==================== */
 .products {
     background: var(--bg-light);
 }
 
 .product-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
 }
 
  .product-card {
      background: rgba(255, 255, 255, 0.95);
      border-radius: var(--radius-lg);
      overflow: hidden;
      box-shadow: 0 4px 24px rgba(0,0,0,0.06);
      transition: var(--transition);
      border: 1px solid rgba(201, 169, 98, 0.08);
  }

  .product-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 16px 48px rgba(0,0,0,0.12);
      border-color: rgba(201, 169, 98, 0.2);
  }
 
 .product-image {
     position: relative;
     height: 240px;
     overflow: hidden;
 }
 
 .product-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s ease;
 }
 
 .product-card:hover .product-image img {
     transform: scale(1.05);
 }
 
 .product-tag {
     position: absolute;
     top: 16px;
     left: 16px;
     background: var(--primary);
     color: #fff;
     padding: 6px 14px;
     font-size: 0.8rem;
     font-weight: 500;
     border-radius: 20px;
 }
 
 .product-info {
     padding: 28px;
 }
 
 .product-info h3 {
     font-size: 1.3rem;
     font-weight: 600;
     color: var(--primary);
     margin-bottom: 12px;
 }
 
 .product-info > p {
     font-size: 0.95rem;
     color: var(--text-gray);
     margin-bottom: 16px;
 }
 
 .product-features {
     display: flex;
     gap: 16px;
     margin-bottom: 20px;
 }
 
 .product-features li {
     font-size: 0.85rem;
     color: var(--text-gray);
     padding-left: 18px;
     position: relative;
 }
 
 .product-features li::before {
     content: '✓';
     position: absolute;
     left: 0;
     color: var(--accent);
     font-weight: bold;
 }
 
 .product-link {
     display: inline-flex;
     align-items: center;
     gap: 8px;
     color: var(--accent);
     font-weight: 500;
     font-size: 0.95rem;
 }
 
 .product-link:hover {
     gap: 12px;
 }
 
 /* ==================== 核心优势 ==================== */
 .advantages {
     background: linear-gradient(160deg, var(--primary) 0%, #0d2440 100%);
     position: relative;
 }
 
 .advantages::before {
     content: '';
     position: absolute;
     inset: 0;
     background-image: radial-gradient(circle at 1px 1px, rgba(201, 169, 98, 0.28) 1px, transparent 0);
     background-size: 24px 24px;
     opacity: 0.03;
 }
 
 .advantage-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 24px;
 }
 
 .advantage-item {
     text-align: center;
     padding: 36px 20px 32px;
     background: #fff;
     border-radius: var(--radius-lg);
     box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
     transition: var(--transition);
 }
 
 .advantage-item:hover {
     transform: translateY(-6px);
     box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2);
 }
 
 .advantage-thumb {
     width: 88px;
     height: 88px;
     margin: 0 auto 20px;
     background: var(--bg-light);
     border-radius: var(--radius-md);
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid var(--border);
     padding: 12px;
 }
 
 .advantage-thumb img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 
 .advantage-item h3 {
     font-size: 1.05rem;
     font-weight: 600;
     color: var(--primary);
     margin-bottom: 10px;
 }
 
 .advantage-item p {
     font-size: 0.88rem;
     color: var(--text-gray);
     line-height: 1.6;
 }
 
 /* ==================== 案例展示 ==================== */
 .cases {
     background: var(--bg-white);
 }
 
 .case-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
 }
 
 .case-card {
     background: var(--bg-light);
     border-radius: var(--radius-lg);
     overflow: hidden;
 }
 
 .case-before-after {
     display: flex;
     align-items: center;
     gap: 10px;
     padding: 20px;
     background: var(--bg-white);
 }
 
 .case-image {
     flex: 1;
     position: relative;
     border-radius: var(--radius);
     overflow: hidden;
 }
 
 .case-image img {
     width: 100%;
     height: 140px;
     object-fit: cover;
 }
 
 .case-label {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     background: rgba(0,0,0,0.6);
     color: #fff;
     font-size: 0.75rem;
     text-align: center;
     padding: 4px;
 }
 
 .case-arrow {
     color: var(--accent);
     font-size: 1.2rem;
     font-weight: bold;
 }
 
 .case-info {
     padding: 20px;
 }
 
 .case-info h4 {
     font-size: 1.05rem;
     font-weight: 600;
     color: var(--primary);
     margin-bottom: 6px;
 }
 
 .case-info p {
     font-size: 0.85rem;
     color: var(--text-gray);
 }
 
 .cases-note {
     text-align: center;
     margin-top: 30px;
 }
 
 .cases-note p {
     font-size: 0.85rem;
     color: var(--text-light);
 }
 
 /* ==================== 合作伙伴 ==================== */
 .partners {
     background: var(--bg-light);
     padding: 60px 0;
 }
 
 .partner-grid {
     display: grid;
     grid-template-columns: repeat(6, 1fr);
     gap: 30px;
 }
 
 .partner-item {
     background: var(--bg-white);
     border-radius: var(--radius);
     padding: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     min-height: 100px;
     box-shadow: 0 2px 10px rgba(0,0,0,0.04);
     transition: var(--transition);
 }
 
 .partner-item:hover {
     box-shadow: var(--shadow);
     transform: translateY(-3px);
 }
 
 .partner-item img {
     max-width: 100%;
     max-height: 50px;
     filter: grayscale(100%);
     opacity: 0.6;
     transition: var(--transition);
 }
 
 .partner-item:hover img {
     filter: grayscale(0%);
     opacity: 1;
 }
 
 /* ==================== 专家团队 ==================== */
 .team {
     background: var(--bg-white);
 }
 
 .team-grid {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 30px;
 }
 
 .team-card {
     background: var(--bg-light);
     border-radius: var(--radius-lg);
     overflow: hidden;
     text-align: center;
     transition: var(--transition);
 }
 
 .team-card:hover {
     transform: translateY(-8px);
     box-shadow: var(--shadow-hover);
 }
 
 .team-photo {
     height: 260px;
     overflow: hidden;
 }
 
 .team-photo img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     transition: transform 0.5s ease;
 }
 
 .team-card:hover .team-photo img {
     transform: scale(1.05);
 }
 
 .team-info {
     padding: 28px;
 }
 
 .team-info h4 {
     font-size: 1.2rem;
     font-weight: 600;
     color: var(--primary);
     margin-bottom: 6px;
 }
 
 .team-title {
     font-size: 0.9rem;
     color: var(--accent);
     font-weight: 500;
     margin-bottom: 12px;
 }
 
 .team-desc {
     font-size: 0.9rem;
     color: var(--text-gray);
     line-height: 1.6;
 }
 
 /* ==================== 联系我们 ==================== */
 .contact {
     background: linear-gradient(135deg, var(--primary) 0%, #0f2744 100%);
     position: relative;
 }
 
 .contact::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-image: radial-gradient(circle at 1px 1px, rgba(201, 169, 98, 0.28) 1px, transparent 0);
     background-size: 24px 24px;
     opacity: 0.03;
 }
 
 .contact-grid {
     display: grid;
     grid-template-columns: 1fr 1.2fr;
     gap: 60px;
     position: relative;
     z-index: 1;
 }
 
 .contact-info {
     display: flex;
     flex-direction: column;
     gap: 28px;
 }
 
 .contact-item {
     display: flex;
     gap: 20px;
     align-items: flex-start;
 }
 
 .contact-icon {
     width: 56px;
     height: 56px;
     background: rgba(201,169,98,0.2);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
 }
 
 .contact-icon img {
     width: 26px;
     height: 26px;
 }
 
 .contact-text h4 {
     font-size: 1rem;
     font-weight: 600;
     color: #fff;
     margin-bottom: 6px;
 }
 
 .contact-text p {
     font-size: 0.95rem;
     color: rgba(255,255,255,0.8);
     line-height: 1.6;
 }

 .contact-link {
     color: inherit;
     text-decoration: none;
 }

 .contact-link:hover,
 .contact-link:focus-visible {
     color: var(--gold);
 }
 
 .contact-form {
     background: rgba(255,255,255,0.05);
     border-radius: var(--radius-lg);
     padding: 40px;
     border: 1px solid rgba(255,255,255,0.1);
 }
 
 .contact-form h3 {
     font-size: 1.3rem;
     font-weight: 600;
     color: #fff;
     margin-bottom: 28px;
 }

 .contact-direct {
     display: flex;
     min-height: 100%;
     flex-direction: column;
     justify-content: center;
 }

 .contact-direct-tag {
     margin-bottom: 14px;
     color: var(--gold);
     font-size: 0.78rem;
     font-weight: 600;
     letter-spacing: 0.18em;
 }

 .contact-direct h3 {
     max-width: 16em;
     margin-bottom: 18px;
     font-size: clamp(1.5rem, 2.4vw, 2rem);
     line-height: 1.4;
 }

 .contact-direct-intro {
     max-width: 38em;
     color: rgba(255,255,255,0.72);
     font-size: 0.98rem;
     line-height: 1.8;
 }

 .contact-direct-actions {
     display: flex;
     flex-wrap: wrap;
     gap: 14px;
     margin-top: 28px;
 }

 .contact-direct-actions .btn {
     min-width: 180px;
     justify-content: center;
 }

 .contact-direct .btn-secondary {
     border-color: rgba(255,255,255,0.35);
     color: #fff;
 }

 .contact-direct .btn-secondary:hover,
 .contact-direct .btn-secondary:focus-visible {
     border-color: #fff;
     background: rgba(255,255,255,0.08);
 }

 .contact-direct-hint {
     margin-top: 22px;
     color: rgba(255,255,255,0.48);
     font-size: 0.82rem;
     line-height: 1.7;
 }
 
 .form-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
 }
 
 .form-group {
     margin-bottom: 20px;
 }
 
  .form-group label {
      display: block;
      font-size: 0.85rem;
      color: rgba(232, 236, 242, 0.6);
      margin-bottom: 8px;
      letter-spacing: 0.05em;
  }
 
  .form-group input,
  .form-group textarea,
  .form-group select {
      width: 100%;
      padding: 14px 16px;
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(201, 169, 98, 0.15);
      border-radius: var(--radius);
      color: var(--frost);
      transition: var(--transition);
  }

  .form-group input::placeholder,
  .form-group textarea::placeholder {
      color: rgba(232, 236, 242, 0.35);
  }

  .form-group input:focus,
  .form-group textarea:focus,
  .form-group select:focus {
      outline: none;
      border-color: var(--gold);
      background: rgba(255,255,255,0.08);
      box-shadow: 0 0 0 3px rgba(201, 169, 98, 0.1);
  }

  .form-group select option {
      background: var(--abyss);
      color: var(--frost);
  }
 
 .form-group textarea {
     resize: vertical;
     min-height: 120px;
 }
 
  .contact-form .btn-primary {
      margin-top: 10px;
      background: transparent;
      color: var(--gold);
      border-color: var(--gold);
  }
  .contact-form .btn-primary:hover {
      background: var(--gold);
      color: var(--void);
  }
 
 /* ==================== 底部 ==================== */
  .footer {
      background: var(--void);
      padding: 60px 0 30px;
      position: relative;
  }

  .footer::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent 0%, var(--gold) 50%, transparent 100%);
      opacity: 0.5;
  }

  .footer-content {
      display: grid;
      grid-template-columns: 1.5fr 2fr;
      gap: 60px;
      padding-bottom: 40px;
      border-bottom: 1px solid rgba(201, 169, 98, 0.1);
  }
 
 .footer-brand img {
     height: 40px;
     margin-bottom: 16px;
 }
 
 .footer-brand p {
     color: rgba(255,255,255,0.6);
     font-size: 0.95rem;
 }
 
 .footer-links {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 40px;
 }
 
 .footer-col h4 {
     font-size: 1rem;
     font-weight: 600;
     color: #fff;
     margin-bottom: 20px;
 }
 
 .footer-col ul li {
     margin-bottom: 12px;
 }
 
 .footer-col ul li a,
 .footer-col ul li {
     font-size: 0.9rem;
     color: rgba(255,255,255,0.6);
 }
 
 .footer-col ul li a:hover {
     color: var(--accent);
 }
 
 .footer-bottom {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding-top: 30px;
     font-size: 0.85rem;
     color: rgba(255,255,255,0.4);
 }
 
 .footer-bottom a {
     color: rgba(255,255,255,0.5);
 }
 
 .footer-bottom a:hover {
     color: var(--accent);
 }
 
 .footer-disclaimer {
     font-size: 0.75rem !important;
     color: rgba(255,255,255,0.35) !important;
     margin-top: 8px;
     line-height: 1.5;
     max-width: 700px;
 }
 
 /* ==================== 医疗合规提示条 ==================== */
 .compliance-bar {
     background: rgba(201,169,98,0.15);
     border: 1px solid rgba(201,169,98,0.3);
     border-radius: 8px;
     padding: 12px 20px;
     margin-top: 16px;
     font-size: 0.85rem;
     color: rgba(255,255,255,0.7);
     text-align: center;
 }
 
 .compliance-bar strong {
     color: var(--accent);
 }
 
 /* ==================== 产品新增：B2B标识 ==================== */
 .product-b2b-badge {
     position: absolute;
     top: 16px;
     right: 16px;
     background: var(--accent);
     color: var(--primary);
     padding: 4px 10px;
     font-size: 0.7rem;
     font-weight: 600;
     border-radius: 4px;
     letter-spacing: 1px;
 }
 
 /* ==================== 动画 ==================== */
 .animate-fade-in {
     opacity: 0;
     transform: translateY(30px);
     animation: fadeInUp 0.8s forwards;
 }
 
 .delay-1 { animation-delay: 0.2s; }
 .delay-2 { animation-delay: 0.4s; }
 
 @keyframes fadeInUp {
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }
 
 /* 滚动触发动画 */
 .reveal {
     opacity: 0;
     transform: translateY(40px);
     transition: all 0.8s ease;
 }
 
 .reveal.active {
     opacity: 1;
     transform: translateY(0);
 }
 
 /* ==================== 滚动进度条 ==================== */
 .progress-bar {
     position: fixed;
     top: 0;
     left: 0;
     width: 0%;
     height: 3px;
     background: linear-gradient(90deg, var(--accent), #f6e05e);
     z-index: 9999;
     transition: width 0.1s linear;
 }
 
 /* ==================== 返回顶部 ==================== */
 .back-to-top {
     position: fixed;
     bottom: 30px;
     right: 30px;
     width: 50px;
     height: 50px;
     background: var(--primary);
     color: #fff;
     border: none;
     border-radius: 50%;
     cursor: pointer;
     opacity: 0;
     visibility: hidden;
     transform: translateY(20px);
     transition: all 0.3s ease;
     z-index: 999;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 1.2rem;
     box-shadow: 0 4px 15px rgba(26,54,93,0.3);
 }
 
 .back-to-top.visible {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }
 
 .back-to-top:hover {
     background: var(--primary-light);
     transform: translateY(-3px);
     box-shadow: 0 6px 20px rgba(26,54,93,0.4);
 }
 
 .back-to-top:active {
     transform: scale(0.95);
 }
 
 /* ==================== 右侧整页导航圆点（仿 lifotronic） ==================== */
 .section-dots {
     position: fixed;
     right: 24px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 999;
     display: flex;
     flex-direction: column;
     gap: 14px;
     pointer-events: auto;
 }
 
  .section-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      border: 1.5px solid rgba(232, 236, 242, 0.35);
      background: transparent;
      cursor: pointer;
      padding: 0;
      transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
      position: relative;
  }

  /* 悬停提示 */
  .section-dot::after {
      content: attr(aria-label);
      position: absolute;
      right: 22px;
      top: 50%;
      transform: translateY(-50%);
      background: rgba(5, 10, 20, 0.9);
      color: var(--frost);
      font-size: 11px;
      padding: 4px 10px;
      border-radius: 4px;
      white-space: nowrap;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.25s ease;
      font-family: var(--font-label);
      letter-spacing: 0.05em;
      border: 1px solid rgba(201, 169, 98, 0.2);
  }
 
 .section-dot:hover::after {
     opacity: 1;
 }
 
  .section-dot:hover {
      border-color: var(--gold);
      transform: scale(1.4);
  }

  .section-dot.active {
      background: var(--gold);
      border-color: var(--gold);
      transform: scale(1.4);
      box-shadow: 0 0 12px rgba(201, 169, 98, 0.4);
  }

  /* 深色区块上圆点用金色，浅色区块用深色 */
  .section-dots.on-light .section-dot {
      border-color: rgba(26, 43, 74, 0.3);
  }
  .section-dots.on-light .section-dot:hover {
      border-color: var(--gold);
  }
  .section-dots.on-light .section-dot.active {
      background: var(--gold);
      border-color: var(--gold);
      box-shadow: 0 0 12px rgba(201, 169, 98, 0.4);
  }
  .section-dots.on-light .section-dot::after {
      background: rgba(5, 10, 20, 0.9);
  }
 
 /* 手机端隐藏圆点导航 */
 @media (max-width: 768px) {
     .section-dots { display: none; }
 }
 
 /* ==================== 案例图片Modal ==================== */
 .case-modal {
     display: none;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.9);
     z-index: 9999;
     align-items: center;
     justify-content: center;
     padding: 40px;
 }
 
 .case-modal.active {
     display: flex;
 }
 
 .case-modal-content {
     position: relative;
     max-width: 90%;
     max-height: 90%;
 }
 
 .case-modal img {
     max-width: 100%;
     max-height: 80vh;
     border-radius: var(--radius);
 }
 
 .case-modal-close {
     position: absolute;
     top: -40px;
     right: 0;
     background: none;
     border: none;
     color: #fff;
     font-size: 2rem;
     cursor: pointer;
     padding: 10px;
     transition: transform 0.2s;
 }
 
 .case-modal-close:hover {
     transform: scale(1.2);
 }
 
 .case-modal-nav {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     background: rgba(255,255,255,0.2);
     border: none;
     color: #fff;
     font-size: 2rem;
     padding: 15px 20px;
     cursor: pointer;
     transition: background 0.2s;
 }
 
 .case-modal-nav:hover {
     background: rgba(255,255,255,0.4);
 }
 
 .case-modal-prev { left: -60px; }
 .case-modal-next { right: -60px; }
 
  /* ==================== 页面加载动画 ==================== */
  .page-loader {
       position: fixed;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       background: var(--void);
       z-index: 99999;
       display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      transition: opacity 0.8s ease, visibility 0.8s ease;
  }

  .page-loader.hidden {
      opacity: 0;
      visibility: hidden;
  }

  .loader-logo {
      width: 120px;
      height: auto;
      animation: logoBreath 2s ease-in-out infinite;
      filter: brightness(1.1) drop-shadow(0 0 20px rgba(240, 200, 77, 0.5));
  }

  @keyframes logoBreath {
      0%, 100% {
          opacity: 0.4;
          filter: brightness(0.8) drop-shadow(0 0 8px rgba(240, 200, 77, 0.2));
          transform: scale(0.96);
      }
      50% {
          opacity: 1;
          filter: brightness(1.1) drop-shadow(0 0 30px rgba(240, 200, 77, 0.8));
          transform: scale(1);
      }
  }

  .loader-text {
      color: rgba(255,255,255,0.7);
      margin-top: 24px;
      font-size: 0.85rem;
      letter-spacing: 4px;
      animation: pulse 2s ease-in-out infinite;
  }

  @keyframes pulse {
      0%, 100% { opacity: 0.4; }
      50% { opacity: 0.9; }
  }
 
 /* ==================== Hero 高级动画 ==================== */
 .hero-title {
     opacity: 0;
     transform: translateY(40px);
     animation: heroFadeIn 1s ease forwards;
 }
 
 .hero-desc {
     opacity: 0;
     transform: translateY(30px);
     animation: heroFadeIn 1s ease 0.3s forwards;
 }
 
 .hero-btns {
     opacity: 0;
     transform: translateY(30px);
     animation: heroFadeIn 1s ease 0.6s forwards;
 }
 
 @keyframes heroFadeIn {
     to {
         opacity: 1;
         transform: translateY(0);
     }
 }
 
 /* ==================== Hero轮播 - 简洁大气 ==================== */
.hero {
    position: relative;
    height: min(100vh, calc(70px + 37.2375vw));
    overflow: hidden;
}
 
 .hero-carousel {
     position: relative;
     width: 100%;
     height: 100%;
 }
 
 .hero-slide {
     position: absolute;
     inset: 70px 0 0;
     opacity: 0;
     transition: opacity 0.8s ease;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .hero-slide.active {
     opacity: 1;
 }
 
.hero-slide-bg {
    position: absolute;
    inset: 0;
    background-color: #050505;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
 
 /* 深空蓝渐变叠加，让背景图和底色自然过渡 */
 /* 已禁用：改为让Hero轮播图原色显示
 .hero-overlay {
     position: absolute;
     inset: 0;
     background: linear-gradient(
         135deg,
         rgba(11, 22, 40, 0.5) 0%,
         rgba(11, 22, 40, 0.2) 50%,
         rgba(11, 22, 40, 0.6) 100%
     );
     z-index: 1;
 } */
 
 /* 文字居中（普门风格） */
 .hero-slide-content {
     position: relative;
     z-index: 2;
     text-align: center;
     padding: 80px 40px 60px;
     max-width: 700px;
 }
 
  .hero-title {
      font-size: clamp(2rem, 5vw, 4.5rem);
      font-weight: 700;
      color: var(--frost);
      margin-bottom: 20px;
      line-height: 1.2;
      font-family: var(--font-display-zh);
      letter-spacing: 0.08em;
  }

  .hero-title::after {
      content: '';
      display: block;
      width: 60px;
      height: 1px;
      background: var(--gold);
      margin: 20px auto 0;
      transform: scaleX(0);
      animation: lineExpand 1s cubic-bezier(0.22, 1, 0.36, 1) 0.6s forwards;
  }

  @keyframes lineExpand {
      to { transform: scaleX(1); }
  }

  .hero-desc {
      font-size: 1.05rem;
      color: rgba(232, 236, 242, 0.8);
      margin-bottom: 32px;
      line-height: 1.8;
      font-weight: 300;
      max-width: 560px;
      margin-left: auto;
      margin-right: auto;
  }

  .hero-eyebrow {
      font-family: var(--font-label);
      font-size: 0.8rem;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gold);
      margin-bottom: 16px;
      opacity: 0.9;
  }

  /* 轮播指示器 */
  .hero-dots {
      position: absolute;
      bottom: 80px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      gap: 12px;
      z-index: 10;
  }

  .hero-dot {
      width: 2px;
      height: 20px;
      border-radius: 1px;
      background: rgba(232, 236, 242, 0.25);
      cursor: pointer;
      transition: all 0.5s cubic-bezier(0.22, 1, 0.36, 1);
      border: none;
  }

  .hero-dot.active {
      background: var(--gold);
      height: 32px;
  }
 
 /* 滚动提示 */
 .hero-scroll {
     position: absolute;
     bottom: 20px;
     left: 50%;
     transform: translateX(-50%);
     text-align: center;
     color: rgba(255,255,255,0.5);
     font-size: 0.8rem;
     z-index: 10;
 }
 
 .hero-scroll .scroll-arrow {
     width: 18px;
     height: 18px;
     margin: 6px auto 0;
     border-right: 2px solid rgba(255,255,255,0.4);
     border-bottom: 2px solid rgba(255,255,255,0.4);
     transform: rotate(45deg);
     animation: scrollBounce 2s ease-in-out infinite;
 }
 
 @keyframes scrollBounce {
     0%, 100% { transform: rotate(45deg) translateY(0); opacity: 0.5; }
     50% { transform: rotate(45deg) translateY(5px); opacity: 1; }
 }

 @media (max-width: 768px) {
     .hero {
         height: 70vh;
     }

     .hero-slide-bg {
         background-position: 72% center;
         background-size: cover;
     }

     .hero-dots {
         bottom: 55px;
     }

     .hero-scroll {
         bottom: 16px;
     }
 }

 @media (max-width: 480px) {
     .hero {
         height: 65vh;
     }
 }
 
 /* Hero按钮 */
 .hero-btns {
     display: flex;
     gap: 16px;
     justify-content: center;
     flex-wrap: wrap;
 }
 
 .btn-outline-light {
     padding: 11px 26px;
     background: transparent;
     border: 1.5px solid rgba(255,255,255,0.5);
     color: #fff;
     border-radius: var(--radius);
     font-weight: 500;
     transition: var(--transition);
     text-decoration: none;
     font-size: 0.92rem;
 }
 
 .btn-outline-light:hover {
     background: rgba(255,255,255,0.15);
     border-color: #fff;
     color: #fff;
 }
 
 /* ==================== 产品卡片悬浮增强 ==================== */
 .product-card {
     cursor: pointer;
     position: relative;
     transform: translateY(0);
     transition: transform 0.4s ease, box-shadow 0.4s ease;
 }
 
 .product-card:hover {
     transform: translateY(-12px);
     box-shadow: 0 20px 50px rgba(0,0,0,0.15);
 }
 
 .product-image::before {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(135deg, rgba(26,54,93,0.6) 0%, rgba(201,169,98,0.4) 100%);
     opacity: 0;
     transition: opacity 0.4s ease;
     z-index: 1;
 }
 
 .product-card:hover .product-image::before {
     opacity: 1;
 }
 
 .product-card .product-overlay {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) scale(0.8);
     opacity: 0;
     transition: all 0.4s ease;
     text-align: center;
     width: 90%;
     z-index: 2;
 }
 
 .product-card:hover .product-overlay {
     opacity: 1;
     transform: translate(-50%, -50%) scale(1);
 }
 
 .product-overlay span {
     display: inline-block;
     background: var(--accent);
     color: var(--primary);
     padding: 12px 28px;
     border-radius: 30px;
     font-weight: 600;
     font-size: 0.95rem;
     box-shadow: 0 4px 15px rgba(201,169,98,0.4);
 }
 
 .product-overlay span:hover {
     transform: scale(1.05);
     box-shadow: 0 6px 20px rgba(201,169,98,0.5);
 }
 
 /* ==================== 案例卡片悬浮增强 ==================== */
 .case-card {
     cursor: pointer;
     position: relative;
     overflow: hidden;
     transition: transform 0.4s ease, box-shadow 0.4s ease;
 }
 
 .case-card:hover {
     transform: translateY(-8px);
     box-shadow: 0 15px 40px rgba(0,0,0,0.12);
 }
 
 .case-before-after {
     transition: transform 0.4s ease;
 }
 
 .case-card:hover .case-before-after {
     transform: scale(1.02);
 }
 
 .case-arrow {
     color: var(--accent);
     font-size: 1.5rem;
     font-weight: bold;
     transition: transform 0.3s ease;
 }
 
 .case-card:hover .case-arrow {
     transform: scale(1.3);
     color: var(--accent-light);
 }
 
 /* ==================== 导航增强 ==================== */
 .nav-menu a {
     position: relative;
     overflow: hidden;
 }
 
 .nav-menu a .nav-ripple {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 0;
     height: 0;
     background: rgba(201,169,98,0.2);
     border-radius: 50%;
     transform: translate(-50%, -50%);
     transition: width 0.4s ease, height 0.4s ease;
 }
 
 .nav-menu a:hover .nav-ripple {
     width: 200px;
     height: 200px;
 }
 
 /* ==================== 专家卡片悬浮增强 ==================== */
 .team-card {
     position: relative;
     overflow: hidden;
     transition: transform 0.4s ease, box-shadow 0.4s ease;
 }
 
 .team-card:hover {
     transform: translateY(-10px);
     box-shadow: 0 20px 50px rgba(0,0,0,0.15);
 }
 
 .team-photo {
     position: relative;
     overflow: hidden;
 }
 
 .team-photo::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(to top, rgba(26,54,93,0.8) 0%, transparent 50%);
     opacity: 0;
     transition: opacity 0.4s ease;
 }
 
 .team-card:hover .team-photo::after {
     opacity: 1;
 }
 
 .team-photo img {
     transition: transform 0.6s ease;
 }
 
 .team-card:hover .team-photo img {
     transform: scale(1.1);
 }
 
 .team-info {
     position: relative;
     z-index: 1;
     transition: background 0.4s ease;
 }
 
 .team-card:hover .team-info {
     background: var(--primary);
 }
 
 .team-card:hover .team-info h4,
 .team-card:hover .team-info .team-title {
     color: #fff;
 }
 
 .team-card:hover .team-info p {
     color: rgba(255,255,255,0.8);
 }
 
 /* ==================== 优势卡片悬浮增强 ==================== */
 .advantage-item {
     position: relative;
     overflow: hidden;
 }
 
 .advantage-item:hover {
     transform: translateY(-6px);
 }
 
 .advantage-thumb {
     transition: transform 0.4s ease;
 }
 
 .advantage-item:hover .advantage-thumb {
     transform: scale(1.05);
 }
 
 .advantage-item::after {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 4px;
     background: linear-gradient(90deg, var(--accent), var(--accent-light));
     transform: scaleX(0);
     transition: transform 0.4s ease;
 }
 
 .advantage-item:hover::after {
     transform: scaleX(1);
 }
 
 /* ==================== 表单增强 ==================== */
 .form-group input:focus,
 .form-group textarea:focus,
 .form-group select:focus {
     border-color: var(--accent);
     box-shadow: 0 0 0 3px rgba(201,169,98,0.2);
 }
 
 .form-group {
     position: relative;
 }
 
 .form-group .input-icon {
     position: absolute;
     right: 14px;
     top: 38px;
     color: var(--text-light);
     font-size: 0.9rem;
 }
 
 .form-group input:valid + .input-icon::after {
     content: '✓';
     color: #48bb78;
 }
 
 .form-error {
     color: #e53e3e;
     font-size: 0.8rem;
     margin-top: 4px;
     display: none;
 }
 
 .form-group.error .form-error {
     display: block;
 }
 
 .form-group.error input,
 .form-group.error textarea {
     border-color: #e53e3e;
 }
 
 /* ==================== 滚动时导航下划线动画 ==================== */
 .nav-indicator {
     position: absolute;
     bottom: 0;
     height: 2px;
     background: var(--accent);
     transition: all 0.3s ease;
 }
 
 /* ==================== 合作伙伴悬浮效果 ==================== */
 .partner-item {
     position: relative;
 }
 
 .partner-item::after {
     content: attr(data-name);
     position: absolute;
     bottom: -30px;
     left: 50%;
     transform: translateX(-50%);
     background: var(--primary);
     color: #fff;
     padding: 4px 12px;
     border-radius: 4px;
     font-size: 0.75rem;
     white-space: nowrap;
     opacity: 0;
     visibility: hidden;
     transition: all 0.3s ease;
 }
 
 .partner-item:hover::after {
     opacity: 1;
     visibility: visible;
     bottom: -35px;
 }
 
 /* ==================== 响应式 ==================== */
 @media (max-width: 1024px) {
     .advantage-grid {
         grid-template-columns: repeat(2, 1fr);
     }
     
     .partner-grid {
         grid-template-columns: repeat(3, 1fr);
     }
 }
 
 @media (max-width: 768px) {
     .section {
         padding: 60px 0;
     }
     
     .section-title {
         font-size: 1.8rem;
     }
     
     .hero-main {
         font-size: 2.2rem;
     }
     
     .hero-desc {
         font-size: 1rem;
     }
     
     .nav-menu {
         display: none;
         position: absolute;
         top: 70px;
         left: 0;
         right: 0;
         background: #fff;
         flex-direction: column;
         padding: 20px;
         gap: 0;
         box-shadow: var(--shadow);
     }
     
     .nav-menu.active {
         display: flex;
     }
     
     .nav-menu a {
         padding: 14px 0;
         border-bottom: 1px solid var(--border);
     }
     
     .nav-toggle {
         display: flex;
     }
     
     .nav-toggle.active span:nth-child(1) {
         transform: rotate(45deg) translate(5px, 5px);
     }
     
     .nav-toggle.active span:nth-child(2) {
         opacity: 0;
     }
     
     .nav-toggle.active span:nth-child(3) {
         transform: rotate(-45deg) translate(5px, -5px);
     }
     
     .product-grid {
         grid-template-columns: 1fr;
     }
 
     .advantage-grid {
         grid-template-columns: 1fr;
         gap: 20px;
     }
     
     .case-grid,
     .team-grid {
         grid-template-columns: 1fr;
     }
     
     .partner-grid {
         grid-template-columns: repeat(2, 1fr);
         gap: 20px;
     }
     
     .contact-grid {
         grid-template-columns: 1fr;
         gap: 40px;
     }
     
     .form-row {
         grid-template-columns: 1fr;
     }
     
     .footer-content {
         grid-template-columns: 1fr;
         gap: 40px;
     }
     
     .footer-links {
         grid-template-columns: 1fr;
         gap: 30px;
     }
     
     .footer-bottom {
         flex-direction: column;
         gap: 10px;
         text-align: center;
     }
 
     .verify-grid {
         grid-template-columns: 1fr;
     }
 
     .news-grid {
         grid-template-columns: 1fr;
     }
 
     .support-grid {
         grid-template-columns: 1fr;
     }
 }
 
 /* ==================== 正品验真 ==================== */
 .verification {
     background: linear-gradient(135deg, #1A1506 0%, #2a2010 50%, #1A1506 100%) !important;
     color: #fff;
 }
 
 .verification .section-header.light .section-tag,
 .verification .section-header.light .section-title,
 .verification .section-header.light .section-desc {
     color: var(--verify-accent);
 }
 
 .verify-intro {
     text-align: center;
     max-width: 700px;
     margin: 0 auto 50px;
     font-size: 16px;
     line-height: 1.8;
     color: rgba(255,255,255,0.85);
 }
 
 .verify-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
     margin-bottom: 50px;
 }
 
  .verify-card {
      background: rgba(255,255,255,0.04);
      border: 1px solid rgba(201, 169, 98, 0.15);
      border-radius: 16px;
      padding: 36px 24px;
      text-align: center;
      transition: var(--transition);
      position: relative;
      overflow: hidden;
  }

  .verify-card::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%) scaleX(0);
      width: 80%;
      height: 2px;
      background: var(--gold);
      transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
  }

  .verify-card:hover {
      background: rgba(255,255,255,0.08);
      transform: translateY(-6px);
      box-shadow: 0 12px 40px rgba(0,0,0,0.25);
      border-color: rgba(201, 169, 98, 0.3);
  }

  .verify-card:hover::after {
      transform: translateX(-50%) scaleX(1);
  }

  .verify-icon {
      width: 72px;
      height: 72px;
      margin: 0 auto 20px;
      background: rgba(201, 169, 98, 0.08);
      border-radius: 50%;
      border: 1px solid rgba(201, 169, 98, 0.2);
      transition: var(--transition);
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .verify-icon img {
     width: 40px;
     height: 40px;
     object-fit: contain;
 }
 
 .verify-card h3 {
     font-size: 18px;
     font-weight: 600;
     margin-bottom: 12px;
     color: #fff;
 }
 
 .verify-card p {
     font-size: 14px;
     color: rgba(255,255,255,0.7);
     line-height: 1.7;
 }
 
 .verify-cta {
     text-align: center;
     padding-top: 10px;
 }
 
 .verify-cta p {
     color: rgba(255,255,255,0.6);
     margin-bottom: 16px;
     font-size: 14px;
 }
 
 /* ==================== 新闻资讯 ==================== */
 .news-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 30px;
 }
 
 .news-highlight {
     grid-column: 1 / -1;
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 30px;
     align-items: center;
     background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);
     border-radius: 16px;
     padding: 36px;
     color: #fff;
 }
 
 .news-highlight .news-date {
     color: rgba(255,255,255,0.6);
 }
 
 .news-highlight h3 {
     color: #fff;
     font-size: 22px;
 }
 
 .news-highlight p {
     color: rgba(255,255,255,0.8);
 }
 
 .news-highlight .news-link {
     color: #C09E49;
 }
 
  .news-card {
      background: rgba(255, 255, 255, 0.8);
      border: 1px solid rgba(201, 169, 98, 0.1);
      border-radius: 12px;
      padding: 28px;
      transition: var(--transition);
      backdrop-filter: blur(8px);
  }

  .news-card:hover {
      box-shadow: 0 12px 40px rgba(0,0,0,0.1);
      transform: translateY(-4px);
      border-color: rgba(201, 169, 98, 0.25);
  }

  .news-date {
      font-size: 13px;
      color: var(--gold);
      font-family: var(--font-mono);
      letter-spacing: 0.05em;
     margin-bottom: 10px;
 }
 
 .news-card h3 {
     font-size: 16px;
     color: var(--text-dark);
     margin-bottom: 10px;
     line-height: 1.5;
 }
 
 .news-card p {
     font-size: 14px;
     color: var(--text-gray);
     line-height: 1.7;
     margin-bottom: 16px;
 }
 
 .news-link {
     font-size: 14px;
     color: var(--accent);
     text-decoration: none;
     font-weight: 500;
 }
 
 .news-link:hover {
     color: var(--accent-light);
 }
 
 /* ==================== 合作支持 ==================== */
 .support {
     background: var(--support-bg) !important;
 }
 
 .support-grid {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     gap: 30px;
     margin-bottom: 50px;
 }
 
  .support-card {
      background: rgba(255, 255, 255, 0.03);
      border: 1px solid rgba(201, 169, 98, 0.12);
      border-radius: 16px;
      padding: 36px 24px;
      text-align: center;
      transition: var(--transition);
      position: relative;
      overflow: hidden;
  }

  .support-card::before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 0;
      background: var(--gold);
      transition: height 0.4s cubic-bezier(0.22, 1, 0.36, 1);
      z-index: 0;
      opacity: 0.06;
  }

  .support-card:hover::before {
      height: 100%;
  }

  .support-card:hover {
      background: rgba(255, 255, 255, 0.06);
      transform: translateY(-6px);
      border-color: rgba(201, 169, 98, 0.3);
      box-shadow: 0 12px 40px rgba(0,0,0,0.2);
  }

  .support-icon {
      width: 72px;
      height: 72px;
      margin: 0 auto 20px;
      background: linear-gradient(135deg, rgba(201, 169, 98, 0.15) 0%, rgba(201, 169, 98, 0.05) 100%);
      border: 1px solid rgba(201, 169, 98, 0.2);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     padding: 16px;
 }
 
 .support-icon img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 
 .support-card h3 {
     font-size: 17px;
     color: #ffffff;
     margin-bottom: 12px;
 }
 
 .support-card p {
     font-size: 14px;
     color: rgba(255, 255, 255, 0.65);
     line-height: 1.7;
 }
 
 .support-cta {
     text-align: center;
 }
 
 /* ==================== 合作伙伴Banner大图 ==================== */
 .partner-banner {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: var(--shadow);
     background: var(--bg-light);
 }
 
 .partner-banner-inner {
     position: relative;
     width: 100%;
     min-height: 200px;
 }
 
 .partner-full-img {
     width: 100%;
     height: auto;
     display: block;
 }
 
 .partner-banner-placeholder {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     min-height: 200px;
     background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
     border: 2px dashed #cbd5e0;
     border-radius: 16px;
     padding: 40px;
 }
 
 .partner-banner-placeholder p {
     font-size: 1.2rem;
     color: var(--text-gray);
     font-weight: 500;
     margin-bottom: 8px;
 }
 
 .partner-banner-placeholder span {
     font-size: 0.9rem;
     color: var(--text-light);
 }
 
 /* ==================== Hero主按钮 ==================== */
 .btn-hero {
     padding: 16px 40px;
     font-size: 1.1rem;
 }
 
 /* ==================== 在线咨询浮窗 ==================== */
 .online-consult {
     position: fixed;
     bottom: 30px;
     left: 30px;
     z-index: 998;
 }
 
 .consult-btn {
     display: flex;
     align-items: center;
     gap: 10px;
     background: var(--accent);
     color: var(--primary);
     border: none;
     padding: 14px 24px;
     border-radius: 30px;
     cursor: pointer;
     font-weight: 600;
     font-size: 0.95rem;
     box-shadow: 0 6px 25px rgba(201,169,98,0.4);
     transition: all 0.3s ease;
 }
 
 .consult-btn:hover {
     transform: translateY(-3px);
     box-shadow: 0 8px 30px rgba(201,169,98,0.5);
 }
 
 .consult-btn img {
     width: 20px;
     height: 20px;
 }
 
 .consult-popup {
     position: absolute;
     bottom: 60px;
     left: 0;
     width: 280px;
     background: #fff;
     border-radius: 16px;
     box-shadow: 0 12px 40px rgba(0,0,0,0.15);
     overflow: hidden;
     opacity: 0;
     visibility: hidden;
     transform: translateY(10px);
     transition: all 0.3s ease;
 }
 
 .consult-popup.active {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }
 
 .consult-popup-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 16px 20px;
     background: var(--primary);
     color: #fff;
 }
 
 .consult-popup-header h4 {
     font-size: 1rem;
     font-weight: 600;
 }
 
 .consult-popup-close {
     background: none;
     border: none;
     color: #fff;
     font-size: 1.5rem;
     cursor: pointer;
     line-height: 1;
     padding: 0;
 }
 
 .consult-popup-body {
     padding: 20px;
 }
 
 .consult-popup-body p {
     color: var(--text-gray);
     margin-bottom: 16px;
     font-size: 0.9rem;
 }
 
 .consult-quick-links {
     display: flex;
     flex-direction: column;
     gap: 10px;
 }
 
 .consult-quick-link {
     display: block;
     padding: 12px 16px;
     background: var(--bg-light);
     border-radius: 8px;
     font-size: 0.9rem;
     color: var(--primary);
     font-weight: 500;
     text-align: center;
     transition: all 0.2s ease;
 }
 
 .consult-quick-link:hover {
     background: var(--primary);
     color: #fff;
 }
 
 /* ==================== 响应式适配 ==================== */
 @media (max-width: 768px) {
     .partner-banner {
         border-radius: 8px;
     }
     
     .partner-banner-inner {
         min-height: 120px;
     }
     
     .online-consult {
         bottom: 20px;
         left: 20px;
     }
     
     .consult-btn {
         padding: 12px 20px;
         font-size: 0.85rem;
     }
     
     .consult-popup {
         width: 260px;
         bottom: 55px;
     }
 }
 
 /* ==================== 产品及解决方案（半岛风格网格） ==================== */
 .products {
     background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
     padding: 100px 0;
 }
 
 .products-header {
     text-align: center;
     margin-bottom: 60px;
 }
 
 .products-title {
     font-size: 2.5rem;
     font-weight: 700;
     color: var(--primary);
     margin-bottom: 16px;
 }
 
 .products-title .highlight {
     color: var(--accent);
 }
 
.products-subtitle {
      font-size: 1.1rem;
      color: var(--text-dark);
      max-width: 500px;
      margin: 0 auto 24px;
  }
 
 .products-more {
     display: inline-block;
     color: var(--accent);
     font-weight: 500;
     font-size: 0.95rem;
     padding: 10px 24px;
     border: 2px solid var(--accent);
     border-radius: 30px;
     transition: all 0.3s ease;
 }
 
 .products-more:hover {
     background: var(--accent);
     color: var(--primary);
 }
 
 /* 顶部产品中心大图（参考半岛官网） */
 .products-banner {
     width: 100%;
     max-width: 1200px;
     margin: 0 auto 60px;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: var(--shadow);
     /* 默认渐变占位（图片加载前/失败后显示） */
     background: linear-gradient(135deg, #1a365d 0%, #2c5282 50%, #B1861D 100%);
     min-height: 360px;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .products-banner img {
     width: 100%;
     height: 360px;
     object-fit: cover;
     display: block;
     position: relative;
     z-index: 1;
 }
 
 .products-banner-placeholder {
     display: none;
     text-align: center;
     color: #fff;
     z-index: 0;
     position: absolute;
     inset: 0;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     gap: 12px;
 }
 
 .products-banner.banner-placeholder .products-banner-placeholder {
     display: flex;
 }
 
 .products-banner.banner-placeholder img {
     display: none;
 }
 
 .products-banner-placeholder p {
     font-size: 2rem;
     font-weight: 700;
     color: #fff;
     letter-spacing: 4px;
 }
 
 .products-banner-placeholder span {
     font-size: 1rem;
     color: rgba(255,255,255,0.7);
 }
 
 /* 产品网格（核心改动：2列PC/平板，PC大屏3列） */
 .products-grid {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 32px;
     max-width: 1200px;
     margin: 0 auto;
 }
 
 /* 产品卡片 */
 .product-card-item {
     background: #fff;
     border-radius: 16px;
     overflow: hidden;
     box-shadow: 0 4px 20px rgba(0,0,0,0.06);
     transition: all 0.4s ease;
     cursor: pointer;
     border: 1px solid var(--border);
 }
 
 .product-card-item:hover {
     transform: translateY(-8px);
     box-shadow: 0 16px 50px rgba(26,54,93,0.15);
     border-color: var(--accent);
 }
 
 .product-card-image {
     position: relative;
     height: 320px;       /* 参考半岛：产品图高度更大 */
     overflow: hidden;
     background: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);
 }
 
 .product-card-image img {
     width: 100%;
     height: 100%;
     object-fit: cover;   /* 改成 cover，图片填满不变形 */
     transition: transform 0.5s ease;
 }
 
 .product-card-item:hover .product-card-image img {
     transform: scale(1.05);
 }
 
 /* 无图片时的占位 */
 .product-card-image.placeholder {
     display: flex;
     align-items: center;
     justify-content: center;
 }
 
 .product-card-image.placeholder::after {
     content: attr(data-name);
     font-size: 2rem;
     color: rgba(255,255,255,0.2);
     font-weight: 700;
 }
 
 .product-card-badge {
     position: absolute;
     top: 16px;
     left: 16px;
     background: rgba(255,255,255,0.95);
     color: var(--primary);
     padding: 6px 14px;
     font-size: 0.75rem;
     font-weight: 600;
     border-radius: 20px;
     letter-spacing: 0.5px;
 }
 
 .product-card-info {
     padding: 28px;
 }
 
 .product-card-title {
     font-size: 1.35rem;
     font-weight: 700;
     color: var(--primary);
     margin-bottom: 10px;
 }
 
 .product-card-desc {
     font-size: 0.9rem;
     color: var(--text-gray);
     line-height: 1.65;
     margin-bottom: 16px;
     min-height: 48px;
 }
 
 .product-card-tags {
     display: flex;
     flex-wrap: wrap;
     gap: 8px;
     margin-bottom: 16px;
 }
 
 .product-card-tags span {
     background: rgba(26,54,93,0.08);
     color: var(--primary);
     padding: 4px 12px;
     font-size: 0.75rem;
     font-weight: 500;
     border-radius: 4px;
 }
 
 .product-card-specs {
     display: flex;
     gap: 20px;
     padding-top: 16px;
     border-top: 1px solid var(--border);
 }
 
 .product-card-specs span {
     font-size: 0.8rem;
     color: var(--text-gray);
     flex: 1;
 }
 
 .product-card-specs strong {
     display: block;
     font-size: 1.05rem;
     color: var(--primary);
     font-weight: 700;
     margin-bottom: 2px;
 }
 
 /* 响应式 */
 @media (max-width: 900px) {
     .products-grid {
         grid-template-columns: 1fr;
     }
 
     .products-banner img {
         height: 260px;
     }
 
     .product-card-image {
         height: 260px;
     }
 
     .products-banner {
         margin-bottom: 40px;
     }
 
     .products-title {
         font-size: 1.9rem;
     }
 
     .products-subtitle {
         font-size: 0.95rem;
     }
 }
 
 /* ==================== 产品及解决方案 - 半岛医疗风格 ==================== */
 
 /* Banner区 - 淡灰背景 + 深色文字 */
 .pdt-hero {
     background: #f2f3f5;
     padding: 70px 0 50px;
     text-align: center;
     position: relative;
     overflow: hidden;
 }
 
 .pdt-hero::before {
     content: '';
     position: absolute;
     inset: 0;
     background: radial-gradient(ellipse at 50% 80%, rgba(177,134,29,0.06) 0%, transparent 70%);
 }
 
 .pdt-hero-inner {
     position: relative;
     z-index: 1;
 }
 
 .pdt-hero-en {
     display: block;
     font-size: 0.8rem;
     letter-spacing: 5px;
     color: #555e6e;
     font-weight: 600;
     margin-bottom: 10px;
     text-transform: uppercase;
 }
 
  .pdt-hero-title {
      font-size: clamp(1.9rem, 4vw, 2.6rem);
      font-weight: 700;
      color: var(--primary);
      margin-bottom: 14px;
      letter-spacing: -0.5px;
  }

  .pdt-hero-sub {
      font-size: clamp(0.9rem, 2vw, 1.05rem);
      color: var(--secondary, #4a5568);
      max-width: 500px;
      margin: 0 auto;
      line-height: 1.7;
  }
 

(Showing lines 1-2928 of 3828. Use offset=2929 to continue.)
 /* 全宽产品画廊 - 浅灰底 */
 .pdt-gallery {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: 1fr;
     height: 520px;
     overflow: hidden;
     background: #f2f3f5;
 }
 
 /* 单个产品卡片 - 白底，突出于灰底 */
 .pdt-card {
     position: relative;
     overflow: hidden;
     cursor: pointer;
     background: #fff;
     transition: box-shadow 0.4s ease, transform 0.3s ease;
 }
 
 /* 卡片分隔 */
 .pdt-card + .pdt-card {
     border-left: 1px solid #e4e6eb;
 }
 
 /* 产品图容器 - 白底，图片清晰 */
 .pdt-card-img {
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     z-index: 0;
 }
 
 .pdt-card-img img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     object-position: center;
     transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
  /* hover遮罩层 - 默认态淡色渐变与底板融合，hover时平滑过渡到深蓝 */
  .pdt-card-overlay {
      position: absolute;
      inset: 0;
      z-index: 1;
      background: linear-gradient(to top, rgba(245,240,232,0.85) 0%, rgba(245,240,232,0.0) 45%);
      transition: background 0.5s ease;
      pointer-events: none;
  }
 
 /* 内容层 */
 .pdt-card-content {
     position: absolute;
     inset: 0;
     z-index: 2;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 0;
     background: transparent;
     pointer-events: none;
 }
 
 /* 底部产品名 - 默认态（灰底配深色文字） */
  .pdt-card-footer {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 3;
      padding: 20px 28px;
      background: linear-gradient(to top, rgba(245,240,232,0.99) 0%, rgba(245,240,232,0.85) 55%, transparent 100%);
      transition: opacity 0.4s ease, transform 0.4s ease;
      pointer-events: auto;
      text-decoration: none;
  }
 
 .pdt-card-footer h3 {
     font-size: 1.2rem;
     font-weight: 700;
     color: #1a2a3e;
     margin-bottom: 4px;
 }
 
 .pdt-card-footer p {
     font-size: 0.75rem;
     color: rgba(26,42,62,0.55);
 }
 
 /* ==================== Hover 交互 - 图片始终清晰 ==================== */
 
 .pdt-card:hover {
     box-shadow: 0 8px 30px rgba(0,0,0,0.1);
     z-index: 2;
 }
 
 /* hover: 图片微放大，保持清晰 */
 .pdt-card:hover .pdt-card-img img {
     transform: scale(1.05);
 }
 
  /* hover: 底部渐变加深，为文字提供对比度 */
  .pdt-card-overlay {
      background: linear-gradient(to top, rgba(245,240,232,0.85) 0%, rgba(245,240,232,0.0) 45%);
      transition: background 0.5s ease;
      pointer-events: none;
  }

  .pdt-card:hover .pdt-card-overlay {
      background: linear-gradient(to top, rgba(11,22,40,0.94) 0%, rgba(11,22,40,0.75) 38%, rgba(11,22,40,0.12) 65%, transparent 100%);
  }
 
  /* hover: 内容区展开 */
  .pdt-card:hover .pdt-card-content {
      justify-content: flex-end;
      padding: 24px 28px;
      pointer-events: auto;
  }
 
 /* hover: 底部详情浮现 */
 .pdt-card:hover .pdt-card-bottom {
     opacity: 1;
     transform: translateY(0);
 }
 
 /* hover: 默认产品名消失 */
 .pdt-card:hover .pdt-card-footer {
     opacity: 0;
     transform: translateY(8px);
     pointer-events: none;
 }
 
  /* hover: 底部金线 */
  .pdt-card::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 3px;
     background: var(--accent);
     transform: scaleX(0);
     transform-origin: left;
     transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     z-index: 5;
 }
 
 .pdt-card:hover::before {
     transform: scaleX(1);
 }
 
  /* 底部信息区 */
  .pdt-card-bottom {
     opacity: 0;
     transform: translateY(16px);
     transition: opacity 0.4s ease, transform 0.4s ease;
 }
 
 .pdt-card-cert {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
     margin-bottom: 12px;
 }
 
 .pdt-cert-item {
     display: inline-block;
     padding: 3px 10px;
     background: rgba(177, 134, 29, 0.12);
     border: 1px solid rgba(177, 134, 29, 0.25);
     border-radius: 4px;
     font-size: 0.72rem;
     color: var(--accent-light);
     font-weight: 500;
 }
 
 .pdt-name {
     font-size: 1.7rem;
     font-weight: 700;
     color: #fff;
     margin-bottom: 8px;
     line-height: 1.2;
 }
 
 .pdt-desc {
     font-size: 0.88rem;
     color: rgba(255, 255, 255, 0.7);
     line-height: 1.7;
     margin-bottom: 14px;
 }
 
 .pdt-specs {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 16px;
 }
 
 .pdt-specs span {
     font-size: 0.8rem;
     color: rgba(255, 255, 255, 0.55);
 }
 
 .pdt-specs strong {
     color: #fff;
     font-weight: 600;
     margin-right: 2px;
 }
 
 .pdt-cta {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     padding: 10px 22px;
     background: var(--accent);
     color: var(--primary);
     border-radius: 6px;
     font-size: 0.9rem;
     font-weight: 600;
     text-decoration: none;
     transition: all 0.3s ease;
 }
 
 .pdt-cta:hover {
     background: var(--accent-light);
     color: var(--primary);
 }
 
 /* 移除旧样式 */
 .pdt-card-bg {
     display: none;
 }
 
 .pdt-card::after {
     display: none;
 }
 
 /* ==================== 响应式 ==================== */
 
 /* hover态遮罩：仅桌面有效，小屏透明 */
 @media (max-width: 1023px) {
     .pdt-card-overlay,
     .pdt-card:hover .pdt-card-overlay {
         background: transparent !important;
     }
 
     .pdt-card:hover .pdt-card-footer {
         opacity: 1 !important;
         transform: none !important;
         pointer-events: auto !important;
     }
 
     .pdt-card:hover .pdt-card-bottom {
         opacity: 1 !important;
         transform: none !important;
     }
 
     .pdt-card:hover::before {
         transform: scaleX(0) !important;
     }
 
     .pdt-card:hover .pdt-card-img img {
         transform: none !important;
     }
 
     .pdt-card:hover .pdt-card-content {
         justify-content: flex-end;
         padding: 0;
         pointer-events: none;
     }
 }
 
 @media (max-width: 1024px) {
     .pdt-gallery {
         grid-template-columns: repeat(2, 1fr);
         grid-auto-flow: dense;
         height: auto;
         background: #f2f3f5;
     }
 
     .pdt-card {
         aspect-ratio: 4/3;
         background: #fff;
     }
 
     .pdt-card + .pdt-card {
         border-left: 1px solid #e4e6eb;
     }
 
     /* 移动端：所有文字改为深色，无深色遮罩 */
     .pdt-card-content {
         padding: 20px;
         justify-content: flex-end;
     }
 
      .pdt-name {
         font-size: 1.4rem;
         color: #1a2a3e;
     }
 
     .pdt-desc {
         font-size: 0.88rem;
         color: rgba(26,42,62,0.65);
     }
 
     .pdt-specs {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;
         margin-bottom: 16px;
     }
 
     .pdt-specs span {
         font-size: 0.8rem;
         color: rgba(26,42,62,0.6);
     }
 
     .pdt-specs strong {
         color: #1a2a3e;
         font-weight: 600;
         margin-right: 2px;
     }
 
     .pdt-cert-item {
         background: rgba(177, 134, 29, 0.1);
         border-color: rgba(177, 134, 29, 0.25);
         color: #9e7a1c;
     }
 
     .pdt-card-cert {
         display: flex;
         flex-wrap: wrap;
         gap: 6px;
         margin-bottom: 12px;
     }
 
      .pdt-card-bottom {
         opacity: 1;
         transform: none;
     }
 
     .pdt-card-footer {
         opacity: 1;
         transform: none;
     }
 
     .pdt-card-footer h3 {
         font-size: 1.1rem;
         color: #1a2a3e;
     }
 
     .pdt-card-footer p {
         font-size: 0.75rem;
         color: rgba(26,42,62,0.5);
     }
 }
 
 @media (max-width: 600px) {
     .pdt-hero {
         padding: 50px 0 36px;
         background: #f2f3f5;
     }
 
     .pdt-gallery {
         grid-template-columns: 1fr 1fr;
         gap: 2px;
         background: #f2f3f5;
     }
 
     .pdt-card {
         background: #fff;
     }
 
     .pdt-card-content {
         padding: 14px 16px;
     }
 
      .pdt-name {
         font-size: 1.05rem;
         color: #1a2a3e;
     }
 
     .pdt-desc,
     .pdt-specs,
     .pdt-card-cert {
         display: none;
     }
 
     .pdt-card-footer {
         padding: 12px 16px;
     }
 
     .pdt-card-footer h3 {
         font-size: 0.9rem;
         color: #1a2a3e;
     }
 
     .pdt-card-footer p {
         font-size: 0.7rem;
         color: rgba(26,42,62,0.5);
     }
 
  }
  
   @media (max-width: 400px) {
      .pdt-gallery {
          grid-template-columns: 1fr;
          gap: 1px;
      }

      .pdt-card {
          aspect-ratio: 16/9;
      }
  }

  .pdt-hero::before {
     content: '';
     position: absolute;
     inset: 0;
     background: url('data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 200 200%22><circle cx=%22100%22 cy=%22100%22 r=%2280%22 fill=%22none%22 stroke=%22rgba(255,255,255,0.04)%22 stroke-width=%220.8%22/><circle cx=%22100%22 cy=%22100%22 r=%2240%22 fill=%22none%22 stroke=%22rgba(255,255,255,0.04)%22 stroke-width=%220.8%22/></svg>');
     background-size: 200px 200px;
 }
 
 .pdt-hero-inner {
     position: relative;
     z-index: 1;
 }
 
 .pdt-hero-en {
     display: block;
     font-size: 0.78rem;
     letter-spacing: 5px;
     color: var(--accent);
     font-weight: 500;
     margin-bottom: 12px;
 }
 
  .pdt-hero-title {
      font-size: clamp(1.8rem, 4vw, 2.6rem);
      font-weight: 700;
      color: var(--primary);
      margin-bottom: 14px;
  }

   .pdt-hero-sub {
       font-size: clamp(0.9rem, 2vw, 1.05rem);
      color: var(--secondary, #4a5568);
      max-width: 500px;
      margin: 0 auto;
      line-height: 1.7;
  }
 
 /* 全宽产品画廊 */
 .pdt-gallery {
     display: grid;
     grid-auto-flow: column;
     grid-auto-columns: 1fr;
     height: 520px;
     overflow: hidden;
 }
 
 /* 单个产品卡片 */
 .pdt-card {
     position: relative;
     overflow: hidden;
     cursor: pointer;
     border-right: 1px solid rgba(255,255,255,0.06);
 }
 
 /* 图片容器白底，设备图清晰 */
 .pdt-card-img {
     position: absolute;
     inset: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #fff;
     z-index: 0;
     transition: transform 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 
 .pdt-card-img img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     object-position: center;
 }
 
 /* 单个产品卡片 */
 .pdt-card {
     position: relative;
     overflow: hidden;
     cursor: pointer;
     border-right: 1px solid rgba(0,0,0,0.08);
     background: #fff;
 }
 
 /* 背景占位（不再承载图片） */
 .pdt-card-bg {
     display: none;
 }
 
 /* 移除底部渐变叠加层（白底设计不再需要） */
 .pdt-card::after {
     display: none;
 }
 
 /* 产品区块-小卡片 内容层（桌面默认态） */
 .pdt-card-content {
     position: absolute;
     inset: 0;
     z-index: 2;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 0;
     background: transparent;
     pointer-events: none;
 }
 
/* 固定底部（默认显示的产品名） */
.pdt-card-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
    padding: 20px 28px;
    background: linear-gradient(to top, rgba(245,240,232,0.99) 0%, rgba(245,240,232,0.85) 55%, transparent 100%);
    transition: opacity 0.35s ease, transform 0.35s ease;
    pointer-events: auto;
}

.pdt-card-footer h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 4px;
    transition: color 0.3s;
}

.pdt-card-footer p {
    font-size: 0.75rem;
    color: rgba(11,22,40,0.6);
    transition: color 0.3s;
}
 
 /* ==================== Hover 交互（白底卡片适配） ==================== */
 
 /* 卡片悬停：图片微微放大 */
 .pdt-card:hover .pdt-card-img {
     transform: scale(1.04);
 }
 
 /* 悬停时底部渐变加深（白底设计不需要，统一隐藏） */
 .pdt-card:hover::after {
     display: none;
 }
 
 /* 产品区块-小卡片 内容层（hover态） */
 .pdt-card-content {
     position: absolute;
     inset: 0;
     z-index: 2;
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
     padding: 0;
     background: transparent;
     pointer-events: none;
 }
 
  /* 底部信息区 */
 .pdt-card-bottom {
     opacity: 0;
     transform: translateY(16px);
     transition: opacity 0.4s ease, transform 0.4s ease;
 }
 
 .pdt-card-cert {
     display: flex;
     flex-wrap: wrap;
     gap: 6px;
     margin-bottom: 12px;
 }
 
 .pdt-cert-item {
     display: inline-block;
     padding: 3px 10px;
     background: rgba(255, 255, 255, 0.12);
     border: 1px solid rgba(255, 255, 255, 0.2);
     border-radius: 4px;
     font-size: 0.72rem;
     color: rgba(255, 255, 255, 0.85);
     font-weight: 500;
 }
 
 .pdt-name {
     font-size: 1.7rem;
     font-weight: 700;
     color: #fff;
     margin-bottom: 8px;
     line-height: 1.2;
 }
 
 .pdt-desc {
     font-size: 0.88rem;
     color: rgba(255, 255, 255, 0.75);
     line-height: 1.7;
     margin-bottom: 14px;
 }
 
 .pdt-specs {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 16px;
 }
 
 .pdt-specs span {
     font-size: 0.8rem;
     color: rgba(255, 255, 255, 0.65);
 }
 
 .pdt-specs strong {
     color: #fff;
     font-weight: 600;
     margin-right: 2px;
 }
 
 .pdt-cta {
     display: inline-flex;
     align-items: center;
     gap: 6px;
     padding: 10px 22px;
     background: var(--accent);
     color: var(--primary);
     border-radius: 6px;
     font-size: 0.9rem;
     font-weight: 600;
     text-decoration: none;
     transition: all 0.3s ease;
 }
 
 .pdt-cta:hover {
     background: var(--accent-light);
     color: var(--primary);
 }
 
 /* 固定底部（默认显示的产品名） */
 .pdt-card-footer {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     z-index: 3;
     padding: 20px 28px;
     transition: opacity 0.35s ease, transform 0.35s ease;
 }
 
.pdt-card-footer h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--primary);
    margin-bottom: 4px;
}

.pdt-card-footer p {
    font-size: 0.78rem;
    color: rgba(11,22,40,0.6);
}
 
 /* ==================== Hover 交互 ==================== */
 
 /* 卡片悬停：图片微微放大（已移至 .pdt-card-img） */
 .pdt-card:hover .pdt-card-bg {
     display: none;
 }
 
 .pdt-card:hover::after {
     display: none;
 }
 
  .pdt-card:hover .pdt-card-content {
      background: rgba(11, 22, 40, 0.92);
      justify-content: flex-end;
      padding: 24px 28px;
      pointer-events: auto;
  }
 
 .pdt-card:hover .pdt-card-bottom {
     opacity: 1;
     transform: translateY(0);
 }
 
 .pdt-card:hover .pdt-card-footer {
     opacity: 0;
     transform: translateY(8px);
 }
 
  
 /* 卡片悬停：边框高亮 */
 .pdt-card::before {
     content: '';
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     height: 3px;
     background: var(--accent);
     transform: scaleX(0);
     transform-origin: left;
     transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     z-index: 5;
 }
 
 .pdt-card:hover::before {
     transform: scaleX(1);
 }
 
 /* ==================== 响应式 ==================== */
 
 @media (max-width: 1024px) {
     .pdt-gallery {
         grid-template-columns: repeat(2, 1fr);
         grid-auto-flow: dense;
         height: auto;
     }
 
     .pdt-card {
         aspect-ratio: 4/3;
         border-bottom: 1px solid rgba(0,0,0,0.1);
         border-right: 1px solid rgba(0,0,0,0.08);
     }
 
     .pdt-card-content {
         padding: 20px;
     }
 
     .pdt-card-bottom {
         opacity: 1;
         transform: translateY(0);
     }
 
     .pdt-card-footer {
         opacity: 1;
         transform: translateY(0);
     }
 
     .pdt-card:hover .pdt-card-footer {
         opacity: 1;
         transform: translateY(0);
     }
 
     .pdt-card:hover .pdt-card-bg {
         display: none;
     }
 
     .pdt-card:hover .pdt-card-img {
         transform: none;
     }
 
     .pdt-name {
         font-size: 1.4rem;
     }
 
     .pdt-specs,
     .pdt-card-cert {
         display: none;
     }
 
     .pdt-desc {
         display: none;
     }
 }
 
 @media (max-width: 600px) {
     .pdt-hero {
         padding: 44px 0 36px;
     }
 
     .pdt-gallery {
         grid-template-columns: 1fr 1fr;
         gap: 2px;
     }
 
     .pdt-card-content {
         padding: 14px 16px;
     }
 
     .pdt-name {
         font-size: 1.1rem;
     }
 
     .pdt-card-footer {
         padding: 14px 16px;
     }
 
     .pdt-card-footer h3 {
         font-size: 0.95rem;
     }
 }
 
@media (max-width: 400px) {
     .pdt-gallery {
         grid-template-columns: 1fr;
     }
 
     .pdt-card {
         aspect-ratio: 16/9;
     }
 
} 

/* ==================== 独立内容页通用样式 ==================== */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.faq-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}

.faq-list details {
    border: 1px solid rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    padding: 18px 20px;
}

.faq-list summary {
    cursor: pointer;
    color: #fff;
    font-weight: 600;
    line-height: 1.6;
}

.faq-list p {
    margin: 12px 0 0;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.8;
}

.asset-page {
    min-height: 100vh;
    background: #081320;
    color: #f7f3ea;
    font-family: "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.asset-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 22px clamp(20px, 5vw, 72px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(8, 19, 32, 0.92);
    position: sticky;
    top: 0;
    z-index: 10;
}

.asset-logo img {
    height: 42px;
    width: auto;
}

.asset-header nav {
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.asset-header a,
.asset-footer a,
.asset-section a {
    color: #f7dca0;
}

.asset-header nav a {
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    font-size: 0.94rem;
}

.asset-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(280px, 0.95fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: center;
    padding: clamp(56px, 8vw, 112px) clamp(20px, 5vw, 72px);
    background:
        linear-gradient(135deg, rgba(10, 24, 44, 0.94), rgba(17, 42, 76, 0.9)),
        radial-gradient(circle at 18% 18%, rgba(195, 160, 92, 0.18), transparent 34%);
}

.asset-hero img {
    width: 100%;
    max-height: 520px;
    object-fit: contain;
}

.asset-eyebrow {
    margin: 0 0 14px;
    color: #f7dca0;
    letter-spacing: 0.08em;
    font-size: 0.82rem;
    font-weight: 700;
}

.asset-hero h1 {
    margin: 0;
    font-size: clamp(2.1rem, 5vw, 4.8rem);
    line-height: 1.08;
    color: #fff;
}

.asset-hero p:not(.asset-eyebrow) {
    max-width: 740px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, 0.78);
    font-size: 1.08rem;
    line-height: 1.9;
}

.asset-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    margin-top: 28px;
    padding: 0 22px;
    background: #c7a15a;
    color: #081320;
    text-decoration: none;
    font-weight: 700;
}

.asset-section {
    padding: 54px clamp(20px, 5vw, 72px);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.asset-section h2 {
    margin: 0 0 22px;
    color: #fff;
    font-size: clamp(1.5rem, 3vw, 2.4rem);
}

.asset-section p,
.asset-list li,
.asset-specs dd {
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.85;
}

.asset-specs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 0;
}

.asset-specs div {
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.05);
}

.asset-specs dt {
    margin-bottom: 8px;
    color: #f7dca0;
    font-weight: 700;
}

.asset-specs dd {
    margin: 0;
}

.asset-list {
    margin: 0;
    padding-left: 20px;
}

.asset-section details {
    padding: 18px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.asset-section summary {
    cursor: pointer;
    color: #fff;
    font-weight: 700;
}

.asset-faq-list {
    grid-template-columns: 1fr;
}

.asset-footer {
    padding: 28px clamp(20px, 5vw, 72px);
    color: rgba(255, 255, 255, 0.58);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: flex;
    justify-content: space-between;
    gap: 12px 24px;
    flex-wrap: wrap;
    line-height: 1.7;
}

@media (max-width: 900px) {
    .faq-list {
        grid-template-columns: 1fr;
    }

    .asset-hero,
    .asset-specs {
        grid-template-columns: 1fr;
    }

    .asset-header {
        align-items: flex-start;
        flex-direction: column;
    }
}