/* 全局导航栏样式（独立于各页样式，避免污染 body/section 等全局规则）
   配色沿用花流首页 styles.css 的蓝紫花流感 */
:root{
  --navy:#3A2E73;
  --gold:#5E4FC0;
  --gold-soft:#8E7DF0;
  --ink:#2B2740;
  --line:rgba(58,46,115,.12);
  --line-strong:rgba(58,46,115,.22);
  --white:#fff;
  --serif:"Noto Serif SC","Songti SC","STSong",serif;
  --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* 内页无 hero，导航默认实底、吸顶，不能用首页“滚动后才变白”的浮动效果 */
.nav{
  position:sticky;top:0;left:0;right:0;z-index:999;
  background:rgba(244,242,252,.95);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  transition:all .4s var(--ease);
}
.nav-inner{
  max-width:1240px;margin:0 auto;padding:14px 28px;
  display:flex;align-items:center;justify-content:space-between;gap:18px;
}
.brand{display:flex;align-items:center;font-weight:600;color:var(--navy);text-decoration:none}
.brand-logo{height:50px;width:auto;display:block;transition:opacity .3s}
.brand:hover .brand-logo{opacity:.85}
.brand-tag{
  font-family:var(--serif);color:var(--navy);font-weight:400;
  font-size:14px;letter-spacing:.04em;line-height:1.4;
  padding-left:14px;margin-left:6px;white-space:nowrap;
  border-left:1px solid var(--line-strong);
}
.nav-links{display:flex;gap:22px;margin-left:auto;align-items:center}
.nav-links a{font-size:13.5px;color:var(--ink);font-weight:500;position:relative;transition:color .3s;white-space:nowrap;letter-spacing:.04em}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--gold);transition:width .3s var(--ease)}
.nav-links a:hover{color:var(--navy)}
.nav-links a:hover::after{width:100%}
.nav-links a.active{color:var(--navy);font-weight:600}
.nav-links a.active::after{width:100%;background:var(--gold)}
.nav-cta{padding:9px 20px;font-size:13.5px;white-space:nowrap;letter-spacing:.04em}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px}
.nav-toggle span{width:24px;height:2px;background:var(--navy);transition:.3s}

/* 导航 CTA 按钮 */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:15px;font-weight:600;padding:13px 28px;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .35s var(--ease);letter-spacing:.02em}
.btn-primary{background:var(--gold);color:#fff;box-shadow:0 10px 26px -12px rgba(94,79,192,.7)}
.btn-primary:hover{background:var(--gold-soft);transform:translateY(-2px);box-shadow:0 16px 32px -12px rgba(94,79,192,.8)}

@media (max-width:980px){.brand-tag{display:none}}
@media (max-width:760px){
  .nav-links{position:fixed;top:64px;right:18px;left:18px;flex-direction:column;gap:0;
    background:rgba(244,242,252,.97);backdrop-filter:blur(14px);border:1px solid var(--line);
    border-radius:14px;padding:10px;transform:translateY(-12px);opacity:0;pointer-events:none;transition:.3s var(--ease)}
  .nav-links.open{transform:none;opacity:1;pointer-events:auto}
  .nav-links a{padding:13px 14px;border-bottom:1px solid var(--line)}
  .nav-links a::after{display:none}
  .nav-cta{display:none}
  .nav-toggle{display:flex}
}