/* =========================================================
   TERMS PAGE
   所有页面样式均锁定在 .terms-page 内
   防止影响其他页面
========================================================= */

.terms-page{

  --blue:#1769ff;
  --blue2:#35b9ff;
  --blue-dark:#1053d6;

  --text:#172033;
  --muted:#68758a;

  --line:#e5ebf3;
  --light:#f5f8fc;
  --white:#ffffff;

  --shadow:
    0 18px 50px rgba(29,70,125,.09);

  min-height:100vh;

  background:#f7f9fc;

  color:var(--text);

  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    "PingFang SC",
    "Hiragino Sans GB",
    "Microsoft YaHei",
    Arial,
    sans-serif;

  line-height:1.75;
}

.terms-page *{
  box-sizing:border-box;
}

.terms-page a{
  color:inherit;
  text-decoration:none;
}

.terms-page button{
  font:inherit;
}


/* =========================================================
   CONTAINER
========================================================= */

.terms-page .container{

  width:min(
    1180px,
    calc(100% - 40px)
  );

  margin:0 auto;
}


/* =========================================================
   HEADER
   与首页母版统一
========================================================= */

.terms-page .site-header{

  position:fixed;

  top:0;
  left:0;
  right:0;

  z-index:1000;

  height:76px;

  background:
    rgba(255,255,255,.88);

  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);

  border-bottom:
    1px solid
    rgba(224,231,242,.75);

  transition:
    background .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

.terms-page .site-header.scrolled{

  background:
    rgba(255,255,255,.96);

  border-bottom-color:
    rgba(224,231,242,.95);

  box-shadow:
    0 8px 30px
    rgba(20,48,90,.08);
}


.terms-page .nav-inner{

  width:min(
    1240px,
    calc(100% - 40px)
  );

  height:76px;

  margin:0 auto;

  display:flex;

  align-items:center;

  gap:28px;
}


/* =========================================================
   LOGO
   使用统一 logo.svg
========================================================= */

.terms-page .logo{

  display:flex;

  align-items:center;

  gap:11px;

  flex-shrink:0;
}

.terms-page .logo-icon{

  display:flex;

  align-items:center;

  justify-content:center;

  flex-shrink:0;
}

.terms-page .logo-icon img{

  width:auto;

  height:auto;

  max-height:44px;

  display:block;
}


/* =========================================================
   NAV
========================================================= */

.terms-page .nav-links{

  margin-left:auto;

  display:flex;

  align-items:center;

  gap:4px;
}

.terms-page .nav-links a{

  padding:
    9px
    13px;

  border-radius:9px;

  color:#536078;

  font-size:14px;

  white-space:nowrap;

  transition:
    color .2s ease,
    background .2s ease;
}

.terms-page .nav-links a:hover{

  color:var(--blue);

  background:#edf5ff;
}


/* =========================================================
   HEADER ACTIONS
========================================================= */

.terms-page .nav-actions{

  display:flex;

  align-items:center;

  gap:13px;

  flex-shrink:0;
}

.terms-page .nav-help{

  color:#536078;

  font-size:14px;

  white-space:nowrap;

  transition:
    color .2s ease;
}

.terms-page .nav-help:hover{

  color:var(--blue);
}

.terms-page .nav-btn{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  min-height:40px;

  padding:
    9px
    17px;

  border-radius:10px;

  color:#fff;

  background:
    linear-gradient(
      135deg,
      var(--blue),
      var(--blue2)
    );

  font-size:14px;

  font-weight:700;

  white-space:nowrap;

  box-shadow:
    0 8px 20px
    rgba(23,105,255,.20);

  transition:
    transform .2s ease,
    box-shadow .2s ease;
}

.terms-page .nav-btn:hover{

  transform:translateY(-1px);

  box-shadow:
    0 11px 25px
    rgba(23,105,255,.25);
}


/* =========================================================
   MOBILE BUTTON
========================================================= */

.terms-page .mobile-menu-btn{

  display:none;

  width:42px;
  height:42px;

  border:
    1px solid
    var(--line);

  border-radius:10px;

  background:#fff;

  cursor:pointer;
}

.terms-page .mobile-menu-btn span{

  display:block;

  width:19px;
  height:2px;

  margin:4px auto;

  border-radius:3px;

  background:#243149;
}


/* =========================================================
   MOBILE NAV
========================================================= */

.terms-page .mobile-nav{

  display:none;
}


/* =========================================================
   HERO
========================================================= */

.terms-page .terms-hero{

  position:relative;

  overflow:hidden;

  padding:
    150px
    20px
    70px;

  background:

    radial-gradient(
      circle at 8% 20%,
      rgba(53,185,255,.15),
      transparent 30%
    ),

    radial-gradient(
      circle at 92% 18%,
      rgba(23,105,255,.12),
      transparent 31%
    ),

    linear-gradient(
      180deg,
      #f8fbff 0%,
      #f5f8fc 100%
    );
}

.terms-page .hero-orb{

  position:absolute;

  width:420px;
  height:420px;

  right:-200px;
  top:30px;

  border-radius:50%;

  background:
    linear-gradient(
      135deg,
      rgba(53,185,255,.12),
      rgba(23,105,255,.025)
    );

  pointer-events:none;

  transition:
    transform .15s ease-out;
}

.terms-page .hero-inner{

  position:relative;

  width:min(
    900px,
    100%
  );

  margin:0 auto;

  text-align:center;
}

.terms-page .eyebrow{

  display:inline-flex;

  align-items:center;

  gap:8px;

  padding:
    7px
    13px;

  margin-bottom:18px;

  border:
    1px solid
    #dcecff;

  border-radius:999px;

  color:var(--blue);

  background:#eaf4ff;

  font-size:13px;

  font-weight:700;
}

.terms-page .eyebrow-dot{

  width:7px;
  height:7px;

  border-radius:50%;

  background:var(--blue);

  box-shadow:
    0 0 0 5px
    rgba(23,105,255,.08);
}


/* =========================================================
   H1
========================================================= */

.terms-page .terms-hero h1{

  margin:0;

  color:#111b2f;

  font-size:
    clamp(
      36px,
      5vw,
      56px
    );

  line-height:1.16;

  letter-spacing:-1.7px;

  font-weight:850;
}

.terms-page .terms-hero h1 span{

  color:var(--blue);
}

.terms-page .hero-desc{

  max-width:720px;

  margin:
    22px
    auto
    0;

  color:#69768b;

  font-size:16px;
}

.terms-page .hero-meta{

  margin-top:20px;

  display:flex;

  justify-content:center;

  align-items:center;

  gap:15px;

  flex-wrap:wrap;

  color:#8a95a7;

  font-size:13px;
}

.terms-page .hero-meta i{

  width:5px;
  height:5px;

  border-radius:50%;

  background:#b9c3d2;
}


/* =========================================================
   MAIN
========================================================= */

.terms-page .terms-area{

  width:min(
    1160px,
    calc(100% - 40px)
  );

  margin:0 auto;

  padding:
    60px
    0
    90px;

  display:grid;

  grid-template-columns:
    minmax(0,820px)
    280px;

  gap:42px;

  align-items:start;
}


/* =========================================================
   CONTENT CARD
========================================================= */

.terms-page .terms-card{

  background:#fff;

  border:
    1px solid
    var(--line);

  border-radius:22px;

  box-shadow:var(--shadow);

  padding:45px;
}

.terms-page .terms-intro{

  margin-bottom:35px;

  padding:
    21px
    22px;

  border-left:
    4px solid
    var(--blue);

  border-radius:
    0
    14px
    14px
    0;

  background:#f3f8ff;

  color:#59687d;

  font-size:15px;
}

.terms-page .terms-card h2{

  margin:
    42px
    0
    16px;

  color:#182237;

  font-size:25px;

  line-height:1.4;

  letter-spacing:-.4px;
}

.terms-page .terms-card h2:first-of-type{

  margin-top:8px;
}

.terms-page .terms-card h3{

  margin:
    27px
    0
    11px;

  color:#26344c;

  font-size:19px;

  line-height:1.45;
}

.terms-page .terms-card p{

  margin:
    0
    0
    17px;

  color:#59677d;

  font-size:15px;
}

.terms-page .terms-card ul,
.terms-page .terms-card ol{

  margin:
    14px
    0
    23px;

  padding-left:25px;

  color:#59677d;
}

.terms-page .terms-card li{

  margin:8px 0;

  padding-left:3px;
}

.terms-page .terms-card strong{

  color:#273650;
}


/* =========================================================
   INFO BOX
========================================================= */

.terms-page .notice{

  margin:
    24px
    0;

  padding:
    19px
    21px;

  border:
    1px solid
    #dceaff;

  border-radius:15px;

  background:#f5f9ff;

  color:#5c6b81;

  font-size:14px;
}


/* =========================================================
   RULE CARDS
========================================================= */

.terms-page .rule-grid{

  display:grid;

  grid-template-columns:
    repeat(2,1fr);

  gap:14px;

  margin:
    22px
    0
    30px;
}

.terms-page .rule-card{

  padding:20px;

  border:
    1px solid
    #e5ebf4;

  border-radius:16px;

  background:#fbfdff;
}

.terms-page .rule-icon{

  width:38px;
  height:38px;

  display:grid;

  place-items:center;

  margin-bottom:12px;

  border-radius:11px;

  color:var(--blue);

  background:#eaf4ff;

  font-size:13px;

  font-weight:800;
}

.terms-page .rule-card h3{

  margin:
    0
    0
    6px;

  font-size:16px;
}

.terms-page .rule-card p{

  margin:0;

  font-size:13px;
}


/* =========================================================
   SIDEBAR
========================================================= */

.terms-page .sidebar{

  position:sticky;

  top:96px;
}

.terms-page .side-card{

  padding:22px;

  margin-bottom:17px;

  border:
    1px solid
    var(--line);

  border-radius:18px;

  background:#fff;

  box-shadow:
    0 10px
    30px
    rgba(30,63,110,.07);
}

.terms-page .side-card h3{

  margin:
    0
    0
    14px;

  color:#26344c;

  font-size:16px;
}

.terms-page .toc a{

  display:block;

  padding:
    8px
    10px;

  margin:
    3px
    0;

  border-radius:9px;

  color:#66748a;

  font-size:13px;

  line-height:1.5;

  transition:
    color .2s ease,
    background .2s ease;
}

.terms-page .toc a:hover{

  color:var(--blue);

  background:#edf5ff;
}


/* =========================================================
   SIDEBAR CTA
========================================================= */

.terms-page .side-box{

  position:relative;

  overflow:hidden;

  border:0;

  color:#fff;

  background:
    linear-gradient(
      145deg,
      #1265f6,
      #35b9ff
    );
}

.terms-page .side-box:after{

  content:"";

  position:absolute;

  width:130px;
  height:130px;

  right:-65px;
  top:-65px;

  border-radius:50%;

  background:
    rgba(255,255,255,.12);
}

.terms-page .side-box h3{

  position:relative;

  z-index:1;

  color:#fff;
}

.terms-page .side-box p{

  position:relative;

  z-index:1;

  margin:
    0
    0
    16px;

  color:
    rgba(255,255,255,.85);

  font-size:13px;
}

.terms-page .side-box a{

  position:relative;

  z-index:1;

  display:inline-flex;

  padding:
    9px
    13px;

  border-radius:9px;

  color:#1265f6;

  background:#fff;

  font-size:13px;

  font-weight:700;
}


/* =========================================================
   CTA
========================================================= */

.terms-page .terms-cta{

  margin-top:45px;

  padding:
    35px
    28px;

  border-radius:20px;

  text-align:center;

  color:#fff;

  background:

    radial-gradient(
      circle at 10% 10%,
      rgba(255,255,255,.18),
      transparent 30%
    ),

    linear-gradient(
      135deg,
      #125ee8,
      #2db6ff
    );
}

.terms-page .terms-cta h2{

  margin:
    0
    0
    10px;

  color:#fff;

  font-size:27px;
}

.terms-page .terms-cta p{

  max-width:620px;

  margin:
    0
    auto
    20px;

  color:
    rgba(255,255,255,.86);
}

.terms-page .cta-actions{

  display:flex;

  justify-content:center;

  gap:10px;

  flex-wrap:wrap;
}

.terms-page .cta-primary,
.terms-page .cta-secondary{

  display:inline-flex;

  align-items:center;

  justify-content:center;

  padding:
    10px
    19px;

  border-radius:10px;

  font-size:14px;

  font-weight:700;
}

.terms-page .cta-primary{

  color:#1261e9;

  background:#fff;
}

.terms-page .cta-secondary{

  color:#fff;

  border:
    1px solid
    rgba(255,255,255,.35);

  background:
    rgba(255,255,255,.10);
}


/* =========================================================
   FOOTER
   与首页母版统一
========================================================= */

.terms-page .site-footer{

  padding:
    65px
    0
    25px;

  background:#091629;

  color:#fff;
}

.terms-page .footer-inner{

  width:min(
    1180px,
    calc(100% - 40px)
  );

  margin:0 auto;
}

.terms-page .footer-top{

  display:grid;

  grid-template-columns:
    1.5fr
    1fr
    1fr
    1fr
    1fr;

  gap:45px;

  padding-bottom:48px;

  border-bottom:
    1px solid
    rgba(255,255,255,.08);
}

.terms-page .footer-brand p{

  max-width:330px;

  margin:
    16px
    0
    0;

  color:#8190a7;

  font-size:13px;

  line-height:1.9;
}

.terms-page .footer-col h4{

  margin:
    0
    0
    15px;

  color:#fff;

  font-size:14px;

  font-weight:700;
}

.terms-page .footer-col{

  min-width:0;
}

.terms-page .footer-links{

  display:grid;

  gap:9px;
}

.terms-page .footer-col a{

  display:block;

  color:#8190a7;

  font-size:13px;

  transition:
    color .2s ease;
}

.terms-page .footer-col a:hover{

  color:#fff;
}

.terms-page .footer-bottom{

  display:flex;

  justify-content:space-between;

  gap:20px;

  padding-top:23px;

  color:#65748b;

  font-size:12px;
}


/* =========================================================
   REVEAL
========================================================= */

.terms-page .reveal{

  opacity:0;

  transform:
    translateY(22px);

  transition:
    opacity .7s ease,
    transform .7s ease;
}

.terms-page .reveal.show{

  opacity:1;

  transform:none;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media(max-width:1080px){

  .terms-page .nav-inner{

    gap:18px;
  }

  .terms-page .nav-links{

    gap:1px;
  }

  .terms-page .nav-links a{

    padding:
      8px
      9px;

    font-size:13px;
  }

  .terms-page .nav-actions{

    gap:9px;
  }

  .terms-page .nav-help{

    font-size:13px;
  }

  .terms-page .nav-btn{

    padding:
      9px
      13px;

    font-size:13px;
  }

  .terms-page .footer-top{

    grid-template-columns:
      repeat(3,1fr);
  }

  .terms-page .footer-brand{

    grid-column:
      1 / -1;
  }

}


@media(max-width:900px){

  .terms-page .nav-links{

    display:none;
  }

  .terms-page .nav-actions{

    margin-left:auto;
  }

  .terms-page .mobile-menu-btn{

    display:block;
  }

  .terms-page .nav-inner{

    position:relative;
  }

  .terms-page .mobile-nav{

    position:absolute;

    top:68px;

    left:0;
    right:0;

    padding:12px;

    background:#fff;

    border:
      1px solid
      var(--line);

    border-radius:14px;

    box-shadow:
      0 18px
      40px
      rgba(20,50,90,.12);
  }

  .terms-page .mobile-nav.open{

    display:block;
  }

  .terms-page .mobile-nav a{

    display:block;

    padding:12px;

    border-radius:9px;

    color:#536078;

    font-size:14px;
  }

  .terms-page .mobile-nav a:hover{

    color:var(--blue);

    background:#edf5ff;
  }

  .terms-page .terms-area{

    grid-template-columns:1fr;
  }

  .terms-page .sidebar{

    position:static;

    display:grid;

    grid-template-columns:
      1fr
      1fr;

    gap:15px;
  }

  .terms-page .side-card{

    margin:0;
  }

  .terms-page .side-box{

    grid-column:
      1 / -1;
  }

}


@media(max-width:700px){

  .terms-page .nav-inner{

    width:
      calc(100% - 28px);

    height:68px;
  }

  .terms-page .site-header{

    height:68px;
  }

  .terms-page .nav-help{

    display:none;
  }

  .terms-page .nav-btn{

    padding:
      9px
      12px;

    font-size:13px;
  }

  .terms-page .logo-icon img{

    max-height:40px;
  }

  .terms-page .terms-hero{

    padding:
      125px
      17px
      58px;
  }

  .terms-page .terms-hero h1{

    font-size:36px;

    letter-spacing:-1px;
  }

  .terms-page .hero-desc{

    font-size:15px;
  }

  .terms-page .terms-area{

    width:
      calc(100% - 24px);

    padding:
      35px
      0
      60px;
  }

  .terms-page .terms-card{

    padding:
      25px
      19px;

    border-radius:17px;
  }

  .terms-page .terms-card h2{

    margin-top:34px;

    font-size:22px;
  }

  .terms-page .terms-card h3{

    font-size:18px;
  }

  .terms-page .terms-card p{

    font-size:15px;
  }

  .terms-page .rule-grid{

    grid-template-columns:1fr;
  }

  .terms-page .sidebar{

    grid-template-columns:1fr;
  }

  .terms-page .side-box{

    grid-column:auto;
  }

  .terms-page .footer-top{

    grid-template-columns:
      1fr
      1fr;

    gap:
      28px
      20px;
  }

  .terms-page .footer-brand{

    grid-column:
      1 / -1;
  }

  .terms-page .terms-cta{

    padding:
      30px
      20px;
  }

  .terms-page .terms-cta h2{

    font-size:24px;
  }

  .terms-page .footer-bottom{

    flex-direction:column;

    gap:7px;

    line-height:1.6;
  }

}


@media(max-width:560px){

  .terms-page .footer-top{

    grid-template-columns:1fr;
  }

  .terms-page .footer-brand{

    grid-column:auto;
  }

  .terms-page .footer-bottom{

    align-items:flex-start;
  }

  .terms-page .nav-btn{

    display:none;
  }

}


/* =========================================================
   REDUCED MOTION
========================================================= */

@media(prefers-reduced-motion:reduce){

  .terms-page *,
  .terms-page *::before,
  .terms-page *::after{

    scroll-behavior:auto !important;

    transition:none !important;

    animation:none !important;
  }

  .terms-page .reveal{

    opacity:1;

    transform:none;
  }

}


    /* ==========================================================
    全站统一 Header / Footer 样式（统一顶部与底部布局）
    追加于页面原有样式之后，保证所有页面渲染一致
    ========================================================== */

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .site-header, .site-header{
      position:fixed;
      z-index:1000;
      top:0;
      left:0;
      right:0;
      height:76px;
      display:flex;
      align-items:center;
      background:rgba(255,255,255,.92);
      backdrop-filter:blur(18px);
      -webkit-backdrop-filter:blur(18px);
      border-bottom:1px solid #e8eef7;
      transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .site-header.scrolled, .site-header.scrolled{
      background:rgba(255,255,255,.98);
      border-color:#e2e9f3;
      box-shadow:0 8px 30px rgba(20,48,90,.08);
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-inner, .header-inner{
      width:min(1240px,calc(100% - 40px));
      height:100%;
      margin:auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:28px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .logo, .logo{
      display:flex;
      align-items:center;
      gap:11px;
      flex-shrink:0;
      text-decoration:none;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .logo-icon, .logo-icon{
      display:flex;
      align-items:center;
      justify-content:center;
      width:auto;
      height:auto;
      border-radius:0;
      box-shadow:none;
      overflow:visible;
      background:transparent;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .logo-icon img, .logo-icon img{
      width:auto;
      height:auto;
      display:block;
      max-height:44px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav, .nav{
      display:flex;
      align-items:center;
      gap:5px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav a, .nav a{
      padding:9px 13px;
      border-radius:10px;
      color:#50617d;
      font-size:14px;
      font-weight:600;
      text-decoration:none;
      transition:.25s ease;
      display:inline-block;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav a:hover, .nav a.active, .nav a:hover, .nav a.active{
      color:#1769ff;
      background:#edf4ff;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-actions, .header-actions{
      display:flex;
      align-items:center;
      gap:10px;
      flex-shrink:0;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-help, .header-help{
      padding:9px 12px;
      color:#52637e;
      font-size:14px;
      font-weight:600;
      text-decoration:none;
      transition:.25s ease;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-help:hover, .header-help:hover{
      color:#1769ff;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-btn, .header-btn{
      padding:11px 18px;
      border-radius:11px;
      color:#fff;
      background:#1769ff;
      font-size:14px;
      font-weight:700;
      text-decoration:none;
      box-shadow:0 8px 22px rgba(23,105,255,.22);
      transition:.25s ease;
      white-space:nowrap;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-btn:hover, .header-btn:hover{
      background:#0f5ae0;
      transform:translateY(-2px);
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .menu-btn, .menu-btn{
      display:none;
      width:42px;
      height:42px;
      align-items:center;
      justify-content:center;
      flex-direction:column;
      gap:5px;
      border:1px solid #dde5ef;
      border-radius:11px;
      background:#fff;
      cursor:pointer;
      flex-shrink:0;
      padding:0;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .menu-btn span, .menu-btn span{
      width:18px;
      height:2px;
      border-radius:3px;
      background:#31415d;
      display:block;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav, .mobile-nav{
      display:none;
      position:fixed;
      top:76px;
      left:0;
      right:0;
      z-index:999;
      background:#fff;
      border-bottom:1px solid #e2e9f3;
      box-shadow:0 18px 40px rgba(16,24,40,.10);
      padding:12px 20px 20px;
      flex-direction:column;
      gap:4px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav.open, .mobile-nav.open{
      display:flex;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav a, .mobile-nav a{
      padding:12px 14px;
      border-radius:10px;
      color:#3c4c63;
      font-size:15px;
      font-weight:600;
      text-decoration:none;
      transition:.2s ease;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav a:hover, .mobile-nav a.active, .mobile-nav a:hover, .mobile-nav a.active{
      color:#1769ff;
      background:#edf4ff;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav .mobile-menu-primary, .mobile-nav .mobile-menu-primary{
      margin-top:8px;
      color:#fff;
      background:#1769ff;
      text-align:center;
      border-radius:10px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav .mobile-menu-primary:hover, .mobile-nav .mobile-menu-primary:hover{
      color:#fff;
      background:#0f5ae0;
    }

    /* 屏蔽旧版移动端下拉菜单样式，统一由 .mobile-nav 承担 */
    .mq-home .site-header.mobile-open .nav,
    .products-page .site-header.mobile-open .nav,
    .mq-solutions-page .site-header.mobile-open .nav,
    .mq-features-page .site-header.mobile-open .main-nav,
    .mq-features-page .site-header.mobile-open .header-actions{
      display:none !important;
    }

    /* ---------- 统一底部 ---------- */

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .site-footer, .site-footer{
      background:#091629;
      color:#fff;
      padding:65px 0 25px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-inner, .footer-inner{
      width:min(1240px,calc(100% - 40px));
      margin:auto;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-top, .footer-top{
      display:grid;
      grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;
      gap:45px;
      padding-bottom:48px;
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-brand, .footer-brand{
      max-width:330px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-brand .logo-icon img, .footer-brand .logo-icon img{
      max-height:44px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-brand p, .footer-brand p{
      margin:16px 0 0;
      color:#8190a7;
      font-size:13px;
      line-height:1.9;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-col h4, .footer-col h4{
      margin:0 0 15px;
      color:#fff;
      font-size:14px;
      font-weight:700;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-links, .footer-links{
      display:grid;
      gap:9px;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-links a, .footer-links a{
      color:#8190a7;
      font-size:13px;
      text-decoration:none;
      transition:.2s ease;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-links a:hover, .footer-links a:hover{
      color:#fff;
    }

    :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-bottom, .footer-bottom{
      display:flex;
      justify-content:space-between;
      gap:20px;
      padding-top:23px;
      color:#65748b;
      font-size:12px;
    }

    /* ---------- 统一响应式 ---------- */

    @media(max-width:1080px){
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav, .nav{ gap:0; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav a, .nav a{ padding:8px 9px; font-size:13px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-help, .header-help{ display:none; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-top, .footer-top{ grid-template-columns:repeat(3,1fr); }
    }

    @media(max-width:900px){
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .nav, .nav{ display:none; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-actions, .header-actions{ display:none; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .menu-btn, .menu-btn{ display:flex; }
    }

    @media(max-width:820px){
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .site-header, .site-header{ height:68px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .header-inner, .header-inner{ width:calc(100% - 28px); gap:12px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .mobile-nav, .mobile-nav{ top:68px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-top, .footer-top{ grid-template-columns:repeat(2,1fr); gap:28px; }
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-bottom, .footer-bottom{ flex-direction:column; }
    }

    @media(max-width:480px){
      :is(.mq-home,.mq-features-page,.products-page,.mq-solutions-page,.faq-page,.blog-page,.api-page,.terms-page,.mq-download-page,.mq-404-page,.download-guide-page,.install-guide-page,.pc-guide-page,.guide-page,.blog-online-page) .footer-top, .footer-top{ grid-template-columns:1fr; }
    }