:root{
  --primary:#4f46e5;
  --accent:#7c3aed;
  --bg:#f5f3ff;
  --text:#1e1b4b;
  --text-light:#6d68a0;
  --white:#ffffff;
  --shadow-sm:0 4px 12px rgba(79,70,229,0.08);
  --shadow-md:0 8px 24px rgba(79,70,229,0.12);
  --shadow-lg:0 16px 40px rgba(79,70,229,0.18);
  --radius-lg:20px;
  --radius-md:14px;
  --radius-sm:8px;
}

*{box-sizing:border-box;margin:0;padding:0;}
body{
  font-family:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
  background:var(--bg);
  color:var(--text);
  line-height:1.8;
  overflow-x:hidden;
}

h1,h2,h3,h4,h5{
  font-family:'ZCOOL KuaiLe','PingFang SC','Microsoft YaHei',sans-serif;
  font-weight:800;
  letter-spacing:0.5px;
}

/* ====== 导航栏 ====== */
.navbar-mqh{
  position:fixed;
  top:0;left:0;right:0;
  z-index:1000;
  background:rgba(245,243,255,0.85);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid rgba(79,70,229,0.08);
  transition:background 0.4s ease, box-shadow 0.4s ease, backdrop-filter 0.4s ease;
  padding:0.8rem 0;
}
.navbar-mqh.scrolled{
  background:rgba(245,243,255,0.97);
  box-shadow:0 4px 20px rgba(30,27,75,0.08);
}
.navbar-mqh .navbar-brand{
  font-size:1.6rem;
  font-weight:900;
  color:var(--primary);
  letter-spacing:1px;
  display:flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
}
.navbar-mqh .navbar-brand i{
  color:var(--accent);
  font-size:1.5rem;
}
.navbar-mqh .nav-link{
  color:var(--text);
  font-weight:500;
  margin:0 0.6rem;
  position:relative;
  transition:color 0.3s;
}
.navbar-mqh .nav-link:hover{
  color:var(--primary);
}
.navbar-mqh .nav-link::after{
  content:'';
  position:absolute;
  bottom:-4px;left:50%;
  transform:translateX(-50%);
  width:0;height:2px;
  background:var(--primary);
  border-radius:2px;
  transition:width 0.3s;
}
.navbar-mqh .nav-link:hover::after{
  width:60%;
}
.navbar-toggler{
  border:none;
  font-size:1.3rem;
  color:var(--primary);
  background:transparent;
}
.navbar-toggler:focus{
  box-shadow:none;
}

/* ====== Hero 区块 ====== */
.hero-mqh{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  background:linear-gradient(135deg, #f5f3ff 0%, #ede9fe 50%, #e0e7ff 100%);
  padding:120px 20px 80px;
  position:relative;
  overflow:hidden;
}
.hero-mqh::before{
  content:'';
  position:absolute;
  top:-50%;left:-20%;
  width:80%;height:80%;
  background:radial-gradient(circle, rgba(124,58,237,0.08) 0%, transparent 70%);
  border-radius:50%;
}
.hero-mqh::after{
  content:'';
  position:absolute;
  bottom:-40%;right:-15%;
  width:70%;height:70%;
  background:radial-gradient(circle, rgba(79,70,229,0.1) 0%, transparent 70%);
  border-radius:50%;
}
.hero-content{
  position:relative;
  z-index:2;
  max-width:800px;
  margin:0 auto;
}
.hero-badge{
  display:inline-block;
  background:var(--white);
  color:var(--primary);
  padding:8px 24px;
  border-radius:50px;
  font-weight:600;
  font-size:0.95rem;
  box-shadow:var(--shadow-sm);
  margin-bottom:24px;
}
.hero-title{
  font-size:3.2rem;
  font-weight:900;
  color:var(--text);
  margin-bottom:16px;
  min-height:4.2rem;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hero-title .typed{
  color:var(--primary);
  display:inline-block;
}
.hero-title .cursor{
  display:inline-block;
  width:3px;
  height:2.4rem;
  background:var(--primary);
  margin-left:4px;
  animation:blink 1s infinite;
  vertical-align:middle;
}
@keyframes blink{
  0%,100%{opacity:1;}
  50%{opacity:0;}
}
.hero-subtitle{
  font-size:1.2rem;
  color:var(--text-light);
  margin-bottom:32px;
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
  line-height:1.8;
}
.hero-buttons{
  display:flex;
  gap:16px;
  justify-content:center;
  flex-wrap:wrap;
}
.btn-mqh-primary{
  background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
  color:var(--white);
  border:none;
  padding:14px 36px;
  border-radius:50px;
  font-weight:700;
  font-size:1.05rem;
  box-shadow:0 8px 24px rgba(79,70,229,0.35);
  transition:all 0.3s ease;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.btn-mqh-primary:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 32px rgba(79,70,229,0.45);
  color:var(--white);
}
.btn-mqh-outline{
  background:transparent;
  color:var(--primary);
  border:2px solid var(--primary);
  padding:12px 34px;
  border-radius:50px;
  font-weight:700;
  font-size:1.05rem;
  transition:all 0.3s ease;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.btn-mqh-outline:hover{
  background:var(--primary);
  color:var(--white);
  transform:translateY(-3px);
  box-shadow:0 8px 24px rgba(79,70,229,0.25);
}
.hero-stats{
  display:flex;
  justify-content:center;
  gap:48px;
  margin-top:48px;
  flex-wrap:wrap;
}
.stat-item{
  text-align:center;
}
.stat-number{
  font-size:2.2rem;
  font-weight:900;
  color:var(--primary);
  line-height:1.2;
}
.stat-label{
  font-size:0.95rem;
  color:var(--text-light);
  margin-top:4px;
}

/* ====== 通用区块 ====== */
.section-mqh{
  padding:80px 0;
}
.section-title-wrap{
  text-align:center;
  margin-bottom:48px;
}
.section-title{
  font-size:2.2rem;
  font-weight:800;
  color:var(--text);
  margin-bottom:12px;
}
.section-subtitle{
  font-size:1.1rem;
  color:var(--text-light);
  max-width:600px;
  margin:0 auto;
}

/* ====== 对比表格 ====== */
.compare-section{
  background:var(--white);
  padding:80px 0;
}
.compare-table-wrapper{
  max-width:900px;
  margin:0 auto;
  box-shadow:var(--shadow-md);
  border-radius:var(--radius-lg);
  overflow:hidden;
}
.compare-table{
  width:100%;
  border-collapse:collapse;
  background:var(--white);
}
.compare-table th,
.compare-table td{
  padding:18px 24px;
  text-align:center;
  border-bottom:1px solid #e9e8f7;
}
.compare-table th{
  background:linear-gradient(135deg, var(--primary), var(--accent));
  color:var(--white);
  font-weight:700;
  font-size:1.1rem;
}
.compare-table th:first-child{
  text-align:left;
  border-radius:0;
}
.compare-table td{
  font-size:1rem;
}
.compare-table td:first-child{
  text-align:left;
  font-weight:600;
  color:var(--text);
  background:var(--bg);
}
.compare-table tr:last-child td{
  border-bottom:none;
}
.compare-table .fa-check{
  color:#10b981;
  font-size:1.2rem;
}
.compare-table .fa-xmark{
  color:#ef4444;
  font-size:1.2rem;
}
.compare-table .fa-minus{
  color:var(--text-light);
  font-size:1.1rem;
}
.compare-highlight{
  background:rgba(79,70,229,0.04);
}

/* ====== 特色卡片 ====== */
.features-section{
  padding:80px 0;
}
.feature-card{
  background:var(--white);
  border-radius:var(--radius-md);
  padding:36px 28px;
  height:100%;
  box-shadow:var(--shadow-sm);
  transition:all 0.35s ease;
  border:1px solid rgba(79,70,229,0.06);
  position:relative;
  overflow:hidden;
}
.feature-card:hover{
  transform:translateY(-10px);
  box-shadow:var(--shadow-lg);
}
.feature-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg, var(--primary), var(--accent));
  opacity:0;
  transition:opacity 0.3s;
}
.feature-card:hover::before{
  opacity:1;
}
.feature-icon{
  width:64px;
  height:64px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--primary), var(--accent));
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:20px;
  box-shadow:0 8px 20px rgba(79,70,229,0.25);
}
.feature-icon i{
  font-size:1.6rem;
  color:var(--white);
}
.feature-card h3{
  font-size:1.3rem;
  font-weight:700;
  margin-bottom:12px;
  color:var(--text);
}
.feature-card p{
  color:var(--text-light);
  font-size:0.95rem;
  line-height:1.7;
}
.feature-list{
  list-style:none;
  padding:0;
  margin:16px 0 0;
}
.feature-list li{
  padding:6px 0;
  font-size:0.95rem;
  color:var(--text);
  display:flex;
  align-items:center;
  gap:10px;
}
.feature-list li i{
  color:var(--primary);
  font-size:0.85rem;
}

/* ====== 介绍/手风琴 ====== */
.about-section{
  background:var(--white);
  padding:80px 0;
}
.accordion-mqh{
  max-width:800px;
  margin:0 auto;
}
.accordion-item-mqh{
  background:var(--bg);
  border-radius:var(--radius-md);
  margin-bottom:16px;
  box-shadow:var(--shadow-sm);
  border:none;
  overflow:hidden;
  transition:box-shadow 0.3s;
}
.accordion-item-mqh:hover{
  box-shadow:var(--shadow-md);
}
.accordion-header-mqh{
  width:100%;
  background:transparent;
  border:none;
  padding:20px 24px;
  font-size:1.1rem;
  font-weight:600;
  color:var(--text);
  text-align:left;
  display:flex;
  justify-content:space-between;
  align-items:center;
  cursor:pointer;
  transition:color 0.3s;
}
.accordion-header-mqh:hover{
  color:var(--primary);
}
.accordion-header-mqh .icon{
  width:28px;
  height:28px;
  border-radius:50%;
  background:linear-gradient(135deg, var(--primary), var(--accent));
  color:var(--white);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:0.8rem;
  transition:transform 0.4s;
  flex-shrink:0;
}
.accordion-item-mqh.active .accordion-header-mqh .icon{
  transform:rotate(45deg);
}
.accordion-body-mqh{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.4s ease;
}
.accordion-body-inner{
  padding:0 24px 20px;
  color:var(--text-light);
  font-size:0.95rem;
  line-height:1.8;
}

/* ====== CTA ====== */
.cta-section{
  padding:100px 0;
  background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
  position:relative;
  overflow:hidden;
}
.cta-section::before{
  content:'';
  position:absolute;
  top:-30%;right:-10%;
  width:50%;height:100%;
  background:rgba(255,255,255,0.05);
  border-radius:50%;
}
.cta-content{
  text-align:center;
  color:var(--white);
  position:relative;
  z-index:2;
}
.cta-content h2{
  font-size:2.4rem;
  font-weight:800;
  margin-bottom:16px;
}
.cta-content p{
  font-size:1.2rem;
  opacity:0.9;
  margin-bottom:32px;
  max-width:600px;
  margin-left:auto;
  margin-right:auto;
}
.btn-mqh-white{
  background:var(--white);
  color:var(--primary);
  border:none;
  padding:14px 40px;
  border-radius:50px;
  font-weight:700;
  font-size:1.1rem;
  box-shadow:0 8px 24px rgba(0,0,0,0.15);
  transition:all 0.3s ease;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.btn-mqh-white:hover{
  transform:translateY(-3px);
  box-shadow:0 12px 32px rgba(0,0,0,0.25);
  color:var(--primary);
}

/* ====== FAQ ====== */
.faq-section{
  padding:80px 0;
  background:var(--bg);
}
.faq-grid{
  max-width:900px;
  margin:0 auto;
}
.faq-item{
  background:var(--white);
  border-radius:var(--radius-md);
  padding:28px;
  margin-bottom:16px;
  box-shadow:var(--shadow-sm);
  border:1px solid rgba(79,70,229,0.06);
}
.faq-item h4{
  font-size:1.1rem;
  font-weight:600;
  margin-bottom:12px;
  color:var(--text);
  display:flex;
  align-items:center;
  gap:12px;
}
.faq-item h4 i{
  color:var(--primary);
}
.faq-item p{
  color:var(--text-light);
  font-size:0.95rem;
  line-height:1.8;
}

/* ====== 友情链接 ====== */
.friend-links{
  padding:40px 0;
  background:var(--white);
  border-top:1px solid rgba(79,70,229,0.08);
}
.friend-links h5{
  font-size:1rem;
  font-weight:600;
  color:var(--text-light);
  text-align:center;
  margin-bottom:16px;
  letter-spacing:2px;
}
.friend-links-content{
  text-align:center;
  font-size:0.9rem;
  color:var(--text-light);
}

/* ====== 页脚 ====== */
.footer-mqh{
  background:var(--text);
  color:rgba(255,255,255,0.7);
  padding:48px 0 24px;
}
.footer-brand{
  font-size:1.8rem;
  font-weight:900;
  color:var(--white);
  margin-bottom:8px;
  display:flex;
  align-items:center;
  gap:8px;
}
.footer-brand i{
  color:var(--accent);
}
.footer-links{
  list-style:none;
  padding:0;
  margin:0;
}
.footer-links li{
  margin-bottom:8px;
}
.footer-links a{
  color:rgba(255,255,255,0.7);
  text-decoration:none;
  transition:color 0.3s;
  font-size:0.95rem;
}
.footer-links a:hover{
  color:var(--white);
}
.footer-bottom{
  border-top:1px solid rgba(255,255,255,0.1);
  margin-top:32px;
  padding-top:24px;
  text-align:center;
  font-size:0.9rem;
  color:rgba(255,255,255,0.5);
}

/* ====== 响应式 ====== */
@media (max-width: 768px){
  .hero-title{
    font-size:2.2rem;
    min-height:3rem;
  }
  .hero-title .cursor{
    height:1.8rem;
  }
  .hero-subtitle{
    font-size:1rem;
  }
  .section-title{
    font-size:1.8rem;
  }
  .compare-table th,
  .compare-table td{
    padding:12px 8px;
    font-size:0.85rem;
  }
  .compare-table th:first-child,
  .compare-table td:first-child{
    padding-left:12px;
  }
  .hero-stats{
    gap:24px;
  }
  .stat-number{
    font-size:1.6rem;
  }
  .navbar-collapse{
    background:rgba(245,243,255,0.98);
    border-radius:12px;
    padding:16px;
    margin-top:8px;
    box-shadow:var(--shadow-md);
  }
}

/* 打字机光标 */
.typed-text{
  display:inline;
}

/* --- 子页面追加 --- */
.about-hero {
      padding: 80px 0 40px;
      background: linear-gradient(135deg, rgba(79,70,229,0.06) 0%, rgba(124,58,237,0.04) 100%);
    }
.about-hero h1 {
      color: var(--primary);
      font-weight: 800;
      font-size: 2.5rem;
      margin-bottom: 16px;
    }
.about-hero p.lead {
      color: var(--text-light);
      font-size: 1.1rem;
      max-width: 720px;
      margin: 0 auto;
    }
.about-section h2 {
      color: var(--primary);
      font-weight: 700;
      font-size: 1.75rem;
      margin-bottom: 20px;
      position: relative;
      padding-bottom: 12px;
    }
.about-section h2::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 48px;
      height: 3px;
      background: var(--accent);
      border-radius: 2px;
    }
.about-section h3 {
      color: var(--text);
      font-weight: 600;
      font-size: 1.25rem;
      margin-top: 24px;
      margin-bottom: 12px;
    }
.about-section p {
      color: var(--text-light);
      line-height: 1.8;
      margin-bottom: 16px;
    }
.about-section ul {
      color: var(--text-light);
      line-height: 1.9;
      padding-left: 20px;
      margin-bottom: 20px;
    }
.about-section ul li {
      margin-bottom: 6px;
    }
.about-section ul li strong {
      color: var(--text);
    }
.about-card {
      background: var(--white);
      border-radius: var(--radius-md);
      padding: 28px;
      box-shadow: var(--shadow-sm);
      height: 100%;
      transition: transform 0.3s ease, box-shadow 0.3s ease;
      border: 1px solid rgba(79,70,229,0.08);
    }
.about-card:hover {
      transform: translateY(-4px);
      box-shadow: var(--shadow-md);
    }
.about-card .icon-wrap {
      width: 52px;
      height: 52px;
      border-radius: var(--radius-sm);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 1.3rem;
      margin-bottom: 16px;
      background: rgba(79,70,229,0.08);
      color: var(--primary);
    }
.about-card h3 {
      color: var(--text);
      font-size: 1.1rem;
      font-weight: 600;
      margin-bottom: 10px;
    }
.about-card p {
      color: var(--text-light);
      font-size: 0.95rem;
      line-height: 1.7;
      margin-bottom: 0;
    }
.timeline-wrap {
      position: relative;
      padding-left: 32px;
      margin-top: 28px;
    }
.timeline-wrap::before {
      content: '';
      position: absolute;
      left: 8px;
      top: 0;
      bottom: 0;
      width: 2px;
      background: linear-gradient(to bottom, var(--primary), var(--accent));
      opacity: 0.3;
    }
.timeline-item {
      position: relative;
      margin-bottom: 28px;
    }
.timeline-item::before {
      content: '';
      position: absolute;
      left: -28px;
      top: 6px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: var(--primary);
      border: 3px solid var(--white);
      box-shadow: 0 0 0 2px var(--primary);
    }
.timeline-item .year {
      font-weight: 700;
      color: var(--primary);
      font-size: 1rem;
      margin-bottom: 4px;
    }
.timeline-item p {
      margin-bottom: 0;
      font-size: 0.95rem;
    }
.about-quote {
      background: linear-gradient(135deg, rgba(79,70,229,0.05) 0%, rgba(124,58,237,0.03) 100%);
      border-left: 4px solid var(--primary);
      border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
      padding: 24px 28px;
      margin: 32px 0;
      font-style: italic;
      color: var(--text);
      font-size: 1.05rem;
      line-height: 1.8;
    }
.about-quote .quote-author {
      display: block;
      margin-top: 12px;
      font-style: normal;
      font-size: 0.9rem;
      color: var(--text-light);
      font-weight: 500;
    }
.stats-banner {
      background: var(--primary);
      border-radius: var(--radius-lg);
      padding: 36px 24px;
      color: var(--white);
      margin: 40px 0;
    }
.stats-banner .stat-inner {
      text-align: center;
      padding: 12px;
    }
.stats-banner .stat-number {
      font-size: 2rem;
      font-weight: 800;
      display: block;
      margin-bottom: 4px;
    }
.stats-banner .stat-label {
      font-size: 0.9rem;
      opacity: 0.85;
    }
.about-hero h1 {
        font-size: 1.9rem;
      }
.stats-banner .stat-number {
        font-size: 1.5rem;
      }

/* --- 子页面追加 --- */
/* 联系页专属样式 - 与站点风格保持一致 */
        .contact-hero {
            background: linear-gradient(135deg, var(--bg) 0%, #ede9fe 100%);
            padding: 80px 0 60px;
            text-align: center;
            position: relative;
            overflow: hidden;
        }
.contact-hero::before {
            content: '';
            position: absolute;
            top: -50%;
            right: -20%;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(79,70,229,0.06) 0%, transparent 70%);
            border-radius: 50%;
        }
.contact-hero::after {
            content: '';
            position: absolute;
            bottom: -30%;
            left: -10%;
            width: 400px;
            height: 400px;
            background: radial-gradient(circle, rgba(124,58,237,0.08) 0%, transparent 70%);
            border-radius: 50%;
        }
.contact-hero .container {
            position: relative;
            z-index: 2;
        }
.contact-hero .hero-badge {
            display: inline-block;
            background: rgba(79,70,229,0.1);
            color: var(--primary);
            padding: 8px 20px;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 600;
            margin-bottom: 20px;
            letter-spacing: 0.5px;
        }
.contact-hero h1 {
            font-size: 2.8rem;
            font-weight: 800;
            color: var(--text);
            margin-bottom: 20px;
            line-height: 1.3;
        }
.contact-hero h1 span {
            color: var(--primary);
            position: relative;
        }
.contact-hero h1 span::after {
            content: '';
            position: absolute;
            bottom: -5px;
            left: 0;
            width: 100%;
            height: 3px;
            background: linear-gradient(90deg, var(--primary), var(--accent));
            border-radius: 3px;
        }
.contact-hero .hero-subtitle {
            font-size: 1.2rem;
            color: var(--text-light);
            max-width: 700px;
            margin: 0 auto 40px;
            line-height: 1.8;
        }
.contact-methods-section {
            padding: 80px 0;
            background: var(--white);
        }
.contact-method-card {
            background: var(--bg);
            border-radius: var(--radius-lg);
            padding: 35px 30px;
            text-align: center;
            transition: all 0.3s ease;
            height: 100%;
            border: 1px solid rgba(79,70,229,0.05);
        }
.contact-method-card:hover {
            transform: translateY(-5px);
            box-shadow: var(--shadow-md);
            background: var(--white);
        }
.contact-method-icon {
            width: 70px;
            height: 70px;
            background: linear-gradient(135deg, var(--primary), var(--accent));
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 25px;
            color: var(--white);
            font-size: 1.6rem;
        }
.contact-method-card h3 {
            font-size: 1.3rem;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 15px;
        }
.contact-method-card p {
            color: var(--text-light);
            line-height: 1.7;
            margin-bottom: 20px;
            font-size: 0.95rem;
        }
.contact-method-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--primary);
            font-weight: 600;
            text-decoration: none;
            font-size: 0.95rem;
            transition: all 0.3s ease;
        }
.contact-method-link:hover {
            color: var(--accent);
            gap: 12px;
        }
.contact-method-link i {
            font-size: 0.8rem;
        }
.contact-form-section {
            padding: 80px 0;
            background: var(--bg);
        }
.contact-form-wrapper {
            background: var(--white);
            border-radius: var(--radius-lg);
            padding: 50px;
            box-shadow: var(--shadow-md);
            border: 1px solid rgba(79,70,229,0.05);
        }
.contact-form-wrapper h2 {
            font-size: 2rem;
            font-weight: 800;
            color: var(--text);
            margin-bottom: 15px;
        }
.contact-form-wrapper > p {
            color: var(--text-light);
            margin-bottom: 40px;
            line-height: 1.7;
        }
.form-group-mqh {
            margin-bottom: 25px;
        }
.form-group-mqh label {
            display: block;
            font-weight: 600;
            color: var(--text);
            margin-bottom: 8px;
            font-size: 0.95rem;
        }
.form-group-mqh label span {
            color: var(--primary);
        }
.form-group-mqh input,
        .form-group-mqh textarea,
        .form-group-mqh select {
            width: 100%;
            padding: 14px 18px;
            border: 2px solid var(--bg);
            border-radius: var(--radius-md);
            font-size: 0.95rem;
            font-family: inherit;
            background: var(--bg);
            color: var(--text);
            transition: all 0.3s ease;
            outline: none;
        }
.form-group-mqh input:focus,
        .form-group-mqh textarea:focus,
        .form-group-mqh select:focus {
            border-color: var(--primary);
            background: var(--white);
            box-shadow: 0 0 0 3px rgba(79,70,229,0.1);
        }
.form-group-mqh input::placeholder,
        .form-group-mqh textarea::placeholder {
            color: rgba(109,104,160,0.6);
        }
.form-group-mqh textarea {
            min-height: 150px;
            resize: vertical;
        }
.form-submit-btn {
            background: linear-gradient(135deg, var(--primary), var(--accent));
            color: var(--white);
            border: none;
            padding: 14px 40px;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            gap: 10px;
        }
.form-submit-btn:hover {
            transform: translateY(-2px);
            box-shadow: var(--shadow-md);
            opacity: 0.95;
        }
.faq-contact-section {
            padding: 80px 0;
            background: var(--white);
        }
.faq-contact-item {
            background: var(--bg);
            border-radius: var(--radius-md);
            padding: 25px 30px;
            margin-bottom: 15px;
            border-left: 4px solid var(--primary);
            transition: all 0.3s ease;
        }
.faq-contact-item:hover {
            box-shadow: var(--shadow-sm);
            transform: translateX(5px);
        }
.faq-contact-item h4 {
            font-size: 1.1rem;
            font-weight: 700;
            color: var(--text);
            margin-bottom: 10px;
        }
.faq-contact-item p {
            color: var(--text-light);
            line-height: 1.7;
            font-size: 0.95rem;
            margin-bottom: 0;
        }
.community-section {
            padding: 80px 0;
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            text-align: center;
            color: var(--white);
        }
.community-section h2 {
            font-size: 2.2rem;
            font-weight: 800;
            margin-bottom: 20px;
        }
.community-section p {
            font-size: 1.1rem;
            opacity: 0.95;
            max-width: 700px;
            margin: 0 auto 40px;
            line-height: 1.8;
        }
.community-links {
            display: flex;
            justify-content: center;
            gap: 20px;
            flex-wrap: wrap;
        }
.community-link-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 14px 30px;
            background: var(--white);
            color: var(--primary);
            border-radius: 50px;
            text-decoration: none;
            font-weight: 600;
            transition: all 0.3s ease;
            border: 2px solid transparent;
        }
.community-link-btn:hover {
            background: transparent;
            color: var(--white);
            border-color: var(--white);
            transform: translateY(-3px);
        }
.contact-hero h1 {
                font-size: 2.2rem;
            }
.contact-hero .hero-subtitle {
                font-size: 1rem;
            }
.contact-form-wrapper {
                padding: 30px 25px;
            }
.contact-method-card {
                margin-bottom: 20px;
            }
.community-section h2 {
                font-size: 1.8rem;
            }
.community-link-btn {
                padding: 12px 20px;
                font-size: 0.9rem;
            }

/* --- 子页面追加 --- */
/* 本页专属小范围样式(自动合并进站点CSS) */
        .privacy-hero { background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%); padding: 60px 0; border-radius: var(--radius-lg); margin: 40px 0 30px; }
.privacy-hero h1 { color: #fff; font-weight: 800; }
.privacy-hero p { color: rgba(255,255,255,.85); }
.privacy-section { margin-bottom: 32px; }
.privacy-card { background: var(--white); border-radius: var(--radius-md); padding: 24px; box-shadow: var(--shadow-sm); border-left: 4px solid var(--primary); }
.privacy-card h2 { font-size: 1.4rem; font-weight: 700; color: var(--text); margin-bottom: 12px; }
.privacy-card h3 { font-size: 1.1rem; font-weight: 600; color: var(--text); margin: 18px 0 8px; }
.privacy-card p, .privacy-card li { color: var(--text-light); line-height: 1.8; font-size: .95rem; }
.privacy-card ul, .privacy-card ol { padding-left: 20px; }
.privacy-card strong { color: var(--text); }
.privacy-meta { background: rgba(79,70,229,.06); border-radius: var(--radius-sm); padding: 14px 20px; margin-bottom: 20px; display: flex; flex-wrap: wrap; gap: 20px; font-size: .88rem; color: var(--text-light); }
.privacy-meta i { color: var(--primary); margin-right: 6px; }
.last-updated { background: var(--primary); color: #fff; padding: 4px 14px; border-radius: 20px; font-size: .8rem; font-weight: 500; }
.section-title-mqh { font-size: 1.8rem; font-weight: 800; color: var(--text); margin-bottom: 10px; position: relative; display: inline-block; }
.section-title-mqh::after { content: ''; position: absolute; bottom: -6px; left: 0; width: 50px; height: 4px; background: var(--primary); border-radius: 2px; }
.privacy-card a { color: var(--primary); text-decoration: underline; }
.privacy-card a:hover { color: var(--accent); }

/* --- 子页面追加 --- */
.disclaimer-page { padding: 60px 0 80px; }
.disclaimer-hero { background: var(--white); border-radius: var(--radius-lg); padding: 40px 48px; box-shadow: var(--shadow-sm); margin-bottom: 40px; position: relative; overflow: hidden; }
.disclaimer-hero::before { content: ''; position: absolute; top: -40px; right: -40px; width: 160px; height: 160px; border-radius: 50%; background: rgba(79,70,229,0.06); }
.disclaimer-hero h1 { font-weight: 800; color: var(--text); font-size: 2rem; margin-bottom: 12px; }
.disclaimer-hero h1 span { color: var(--primary); }
.disclaimer-hero p { color: var(--text-light); font-size: 1rem; line-height: 1.8; max-width: 80%; }
.disclaimer-block { background: var(--white); border-radius: var(--radius-md); padding: 32px 40px; box-shadow: var(--shadow-sm); margin-bottom: 24px; border-left: 4px solid var(--primary); }
.disclaimer-block h2 { font-size: 1.3rem; font-weight: 700; color: var(--text); margin-bottom: 16px; display: flex; align-items: center; gap: 10px; }
.disclaimer-block h2 i { color: var(--primary); font-size: 1.1rem; }
.disclaimer-block p { color: var(--text-light); line-height: 1.9; font-size: 0.95rem; margin-bottom: 12px; }
.disclaimer-block ul { padding-left: 20px; color: var(--text-light); line-height: 2; }
.disclaimer-block ul li { margin-bottom: 6px; }
.disclaimer-block strong { color: var(--text); font-weight: 600; }
.disclaimer-highlight { background: rgba(79,70,229,0.05); border-radius: var(--radius-sm); padding: 16px 20px; border: 1px solid rgba(79,70,229,0.15); margin-top: 16px; }
.disclaimer-highlight p { margin-bottom: 0; font-size: 0.9rem; }
.disclaimer-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(79,70,229,0.1); color: var(--text-light); font-size: 0.85rem; }
.disclaimer-meta span { display: inline-flex; align-items: center; gap: 6px; }
.disclaimer-hero { padding: 30px 24px; }
.disclaimer-hero p { max-width: 100%; }
.disclaimer-block { padding: 24px 20px; }
.disclaimer-hero h1 { font-size: 1.5rem; }

/* --- 子页面追加 --- */
/* 本页专属补充样式 —— 复用站点配色变量 */
        .terms-section {
            background: var(--white);
            border-radius: var(--radius-lg);
            padding: 2.5rem;
            margin-bottom: 1.5rem;
            box-shadow: var(--shadow-sm);
            border: 1px solid rgba(79, 70, 229, 0.06);
        }
.terms-section h2 {
            color: var(--primary);
            font-weight: 700;
            font-size: 1.5rem;
            margin-bottom: 1.2rem;
            display: flex;
            align-items: center;
            gap: 0.6rem;
        }
.terms-section h2 i {
            color: var(--accent);
            font-size: 1.2rem;
        }
.terms-section p, .terms-section li {
            color: var(--text);
            font-size: 0.95rem;
            line-height: 1.8;
        }
.terms-section ul {
            padding-left: 1.2rem;
        }
.terms-section ul li {
            margin-bottom: 0.6rem;
        }
.terms-section strong {
            color: var(--primary);
        }
.terms-hero {
            background: linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);
            border-radius: var(--radius-lg);
            padding: 3rem 2.5rem;
            margin-bottom: 2.5rem;
            color: var(--white);
            position: relative;
            overflow: hidden;
        }
.terms-hero h1 {
            font-size: 2.2rem;
            font-weight: 800;
            margin-bottom: 0.8rem;
            position: relative;
            z-index: 2;
        }
.terms-hero p {
            font-size: 1.05rem;
            opacity: 0.92;
            max-width: 720px;
            position: relative;
            z-index: 2;
            line-height: 1.7;
        }
.terms-hero::after {
            content: '\f1b0';
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            position: absolute;
            right: 2rem;
            bottom: -1rem;
            font-size: 8rem;
            opacity: 0.12;
        }
.terms-meta {
            display: flex;
            gap: 1.5rem;
            flex-wrap: wrap;
            margin-bottom: 2rem;
            color: var(--text-light);
            font-size: 0.9rem;
        }
.terms-meta span {
            display: inline-flex;
            align-items: center;
            gap: 0.4rem;
        }
.terms-meta i {
            color: var(--primary);
        }
.alert-note {
            background: rgba(79, 70, 229, 0.06);
            border-left: 4px solid var(--primary);
            padding: 1.2rem 1.5rem;
            border-radius: 0 var(--radius-md) var(--radius-md) 0;
            margin-bottom: 2rem;
        }
.alert-note p {
            margin: 0;
            color: var(--text);
            font-size: 0.92rem;
            line-height: 1.7;
        }
.alert-note i {
            color: var(--primary);
            margin-right: 0.5rem;
        }
.terms-section {
                padding: 1.8rem 1.2rem;
            }
.terms-hero {
                padding: 2.2rem 1.5rem;
            }
.terms-hero h1 {
                font-size: 1.6rem;
            }