body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;color:#1E2329;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#f9fbff 0%,#ffffff 40%)}
.section{padding:72px 0}
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;top:-20%;right:-25%;width:680px;height:680px;background:radial-gradient(closest-side,rgba(15,95,219,.12),transparent 70%);filter:blur(6px);transform:rotate(12deg)}
.hero::after{content:"";position:absolute;bottom:-25%;left:-20%;width:520px;height:520px;background:radial-gradient(closest-side,rgba(207,175,89,.12),transparent 70%);filter:blur(8px);transform:rotate(-8deg)}
.hero .display-5,.section-title{font-weight:800}
.section-title{letter-spacing:.2px}

/* Navbar - 玻璃拟态与下划线动效 */
.navbar.bg-white{background:rgba(255,255,255,.72)!important;backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(17,24,39,.06)}
.navbar .nav-link{padding:.75rem 1rem;color:#4b5563;position:relative;transition:color .2s ease}
.navbar .nav-link:hover{color:var(--primary)}
.navbar .nav-link::after{content:"";position:absolute;left:1rem;right:1rem;bottom:.35rem;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease;opacity:.85}
.navbar .nav-link:hover::after,.navbar .nav-link.active::after{transform:scaleX(1)}
.navbar .navbar-toggler{border-color:rgba(0,0,0,.15)}
.navbar .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(17,24,39,0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}

/* 徽章与强调色 */
.badge-gold{background:color-mix(in srgb,var(--secondary) 20%,#fff 80%);color:#111;border:1px solid rgba(0,0,0,.05);padding:.5rem .75rem;border-radius:999px;letter-spacing:.02em}
.text-gold{color:var(--secondary)!important}

/* 卡片与悬浮态 */
.card{border-radius:16px;border:1px solid rgba(17,24,39,.06)}
.card-feature{transition:transform .25s ease,box-shadow .25s ease}
.card-feature:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(2,6,23,.08)}

/* 按钮品牌化 */
.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 6px 20px rgba(15,95,219,.16)}
.btn-primary:hover{filter:brightness(.95);box-shadow:0 8px 24px rgba(15,95,219,.24)}
.btn-outline-primary{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 75%,#ffffff 25%)}
.btn-outline-primary:hover{background:var(--primary);color:#fff;box-shadow:0 8px 24px rgba(15,95,219,.2)}
.btn-gold{background:var(--secondary);color:#1E2329;border:none;box-shadow:0 6px 20px rgba(207,175,89,.22)}
.btn-gold:hover{background:#b99743;color:#000}

/* 页脚优化 */
footer .link-light{opacity:.9;transition:opacity .2s,color .2s}
footer .link-light:hover{opacity:1;color:var(--secondary)}
.bg-black-50{background:rgba(0,0,0,.5)!important}

/* 工具类 */
.object-fit-cover{object-fit:cover}
.shadow-soft{box-shadow:0 10px 30px rgba(2,6,23,.08)!important}

/* 响应式优化 */
@media (max-width:991.98px){
  .navbar .nav-link{padding:.5rem .75rem}
}

/* 标题下划线强调 */
.section-title::after{content:"";display:block;width:48px;height:3px;margin-top:12px;border-radius:2px;background:linear-gradient(90deg,var(--primary),var(--secondary));opacity:.9}

/* 表单聚焦态 */
.form-control{border-radius:12px;border-color:rgba(17,24,39,.12)}
.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem color-mix(in srgb,var(--primary) 20%,transparent)}

/* 细节可读性 */
a,.link-primary{text-underline-offset:3px;text-decoration-thickness:1.5px}

/* 进入视口动效 */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}
.reveal.reveal-show{opacity:1;transform:none}

/* Hero 粒子画布覆盖层 */
.hero .hero-particles{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.8}

/* 区块标题右侧 CTA 链接按钮化 */
.section .d-flex.align-items-end > a.small.link-primary{
  display:inline-flex;align-items:center;gap:.4rem;
  padding:.45rem .9rem;border-radius:999px;
  text-decoration:none;font-weight:600;letter-spacing:.1px;
  color:var(--primary)!important;
  background:transparent;
  border:1px solid color-mix(in srgb,var(--primary) 28%,#ffffff 72%);
  box-shadow:0 6px 16px rgba(15,95,219,.08);
  transition:background .25s ease,color .2s ease,box-shadow .25s ease,transform .2s ease,border-color .2s ease
}
.section .d-flex.align-items-end > a.small.link-primary:hover{
  color:#fff!important;
  background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 60%,var(--secondary) 40%));
  border-color:transparent;
  box-shadow:0 12px 28px rgba(15,95,219,.26);
  transform:translateY(-1px)
}
.section .d-flex.align-items-end > a.small.link-primary:active{
  transform:translateY(0)
}
.section .d-flex.align-items-end > a.small.link-primary:focus-visible{
  outline:0;box-shadow:0 0 0 .2rem color-mix(in srgb,var(--primary) 25%,transparent)
}

/* 核心功能卡片强化 */
.card-feature{
  position:relative;
  background:
    linear-gradient(#fff,#fff) padding-box,
    linear-gradient(135deg,
      color-mix(in srgb,var(--primary) 35%,transparent),
      color-mix(in srgb,var(--secondary) 35%,transparent)
    ) border-box;
  border:1px solid transparent;
  border-radius:16px;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease;
}
.card-feature::after{
  content:"";
  position:absolute; inset:0;
  border-radius:16px; pointer-events:none; z-index:0;
  background:
    radial-gradient(600px 240px at 20% -80px, rgba(15,95,219,.08), transparent 60%),
    radial-gradient(520px 200px at 120% 40px, rgba(207,175,89,.08), transparent 60%);
  opacity:1; transition:opacity .25s ease;
}
.card-feature .card-body{ position:relative; z-index:1; }


/* 6个线性图标（按卡片顺序） */






.card-feature .badge{
  display:inline-flex;
  align-items:center;
  height:40px;
  padding:0 14px;
  font-size:.95rem;
  margin-bottom:12px;
  background:rgba(15,95,219,.08)!important;
  color:var(--primary)!important;
  border:1px solid rgba(15,95,219,.20);
  border-radius:999px;
  font-weight:700;
}
.card-feature p{ color:#374151; font-weight:500; }
.card-feature:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 40px rgba(2,6,23,.12);
}
.card-feature:hover::after{ opacity:1; }