/* ============================================================
   聚店通官网 · 全局设计系统
   浅色主题 · 贴合品牌 Logo（云朵白 + 天蓝 + 深藏青）
   ============================================================ */
:root{
  /* 色板 */
  --bg:#F7F9FC;
  --bg-soft:#FFFFFF;
  --bg-card:#FFFFFF;
  --bg-tint:#EEF4FB;
  --bg-tint-2:#E6F0FA;
  --line:#E4EAF2;
  --line-soft:#EAF0F7;
  --blue:#2F6FB2;
  --blue-bright:#4A8CD0;
  --blue-deep:#225C99;
  --blue-dark:#0E1522;
  --ink:#1A2433;
  --ink-strong:#0E1522;
  --muted:#5B6678;
  --muted-2:#8A94A6;
  --green:#2FA565;
  --amber:#F5A623;
  --red:#E05252;

  /* 间距与圆角 */
  --radius:14px;
  --radius-lg:20px;
  --shadow-sm:0 2px 10px rgba(30,60,100,.05);
  --shadow-md:0 12px 36px rgba(30,60,100,.10);
  --shadow-lg:0 24px 60px rgba(30,60,100,.14);

  /* 容器 */
  --container:1160px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;
  background:var(--bg);
  color:var(--ink);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}
.wrap{max-width:var(--container);margin:0 auto;padding:0 28px;}

/* ---------- 按钮 ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:none;cursor:pointer;font-family:inherit;font-weight:500;line-height:1;
  border-radius:9px;transition:all .22s;white-space:nowrap;
}
.btn-primary{
  background:var(--blue);color:#fff;padding:13px 26px;font-size:15px;
  box-shadow:0 4px 16px rgba(47,111,178,.28);
}
.btn-primary:hover{background:var(--blue-bright);transform:translateY(-1px);box-shadow:0 8px 22px rgba(47,111,178,.32);}
.btn-ghost{
  background:transparent;color:var(--ink);padding:13px 26px;font-size:15px;
  border:1px solid var(--line);
}
.btn-ghost:hover{border-color:var(--blue);color:var(--blue);}
.btn-lg{padding:16px 34px;font-size:16px;}
.btn-sm{padding:9px 18px;font-size:13.5px;}

/* ---------- 导航 ---------- */
.nav{
  position:sticky;top:0;z-index:100;
  background:rgba(255,255,255,.9);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border-bottom:1px solid var(--line-soft);
  transition:box-shadow .2s;
}
.nav.scrolled{box-shadow:0 4px 20px rgba(30,60,100,.08);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:68px;}
.brand{display:flex;align-items:center;gap:11px;font-weight:600;font-size:18px;letter-spacing:.5px;color:var(--ink-strong);}
.brand .logo{width:34px;height:34px;border-radius:9px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;background:#161B26;}
.brand .logo img{width:100%;height:100%;object-fit:cover;border-radius:8px;}
.brand .name span{color:var(--blue);}
.nav-menu{display:flex;align-items:center;gap:32px;}
.nav-menu a{font-size:14.5px;color:var(--muted);transition:color .2s;position:relative;padding:4px 0;}
.nav-menu a:hover{color:var(--blue);}
.nav-menu a.active{color:var(--blue);font-weight:500;}
.nav-menu a.active::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--blue);border-radius:2px;}
.nav-cta{display:flex;align-items:center;gap:14px;}
.nav-cta .login{font-size:14.5px;color:var(--ink);}
.nav-cta .login:hover{color:var(--blue);}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;border-radius:8px;place-items:center;}
.nav-toggle svg{width:22px;height:22px;stroke:var(--ink);}

/* ---------- 页面头部（内页通用） ---------- */
.page-hero{position:relative;padding:84px 0 64px;overflow:hidden;background:var(--bg);}
.page-hero .glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5;pointer-events:none;}
.page-hero .glow.g1{width:480px;height:480px;background:#D8E9FB;top:-180px;right:-80px;}
.page-hero .glow.g2{width:360px;height:360px;background:#E4F0FB;bottom:-140px;left:-100px;opacity:.5;}
.page-hero .inner{position:relative;max-width:760px;margin:0 auto;text-align:center;}
.page-hero .kicker{display:inline-block;font-size:13px;color:var(--blue);letter-spacing:3px;font-weight:500;margin-bottom:16px;}
.page-hero h1{font-size:46px;font-weight:700;color:var(--ink-strong);letter-spacing:-.5px;line-height:1.15;margin-bottom:18px;}
.page-hero .sub{font-size:17px;color:var(--muted);max-width:600px;margin:0 auto;}
.breadcrumb{font-size:13px;color:var(--muted-2);margin-bottom:20px;}
.breadcrumb a{color:var(--muted);}
.breadcrumb a:hover{color:var(--blue);}
.breadcrumb .sep{margin:0 8px;}

/* ---------- 区块标题 ---------- */
.sec-head{text-align:center;max-width:640px;margin:0 auto 56px;}
.sec-head.left{text-align:left;margin-left:0;margin-right:0;}
.sec-head .kicker{font-size:13px;color:var(--blue);letter-spacing:3px;margin-bottom:14px;font-weight:500;}
.sec-head h2{font-size:36px;font-weight:700;color:var(--ink-strong);margin-bottom:16px;letter-spacing:-.3px;line-height:1.25;}
.sec-head p{font-size:16px;color:var(--muted);}
.section{padding:88px 0;}
.section.tint{background:var(--bg-soft);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);}

/* ---------- 页脚 ---------- */
footer{border-top:1px solid var(--line-soft);padding:64px 0 40px;background:var(--bg-soft);}
.foot-inner{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap;}
.foot-brand{max-width:320px;}
.foot-brand .brand{margin-bottom:16px;}
.foot-brand p{font-size:13.5px;color:var(--muted-2);}
.foot-cols{display:flex;gap:64px;flex-wrap:wrap;}
.foot-col h4{font-size:14px;color:var(--ink-strong);margin-bottom:16px;font-weight:600;}
.foot-col a{display:block;font-size:13.5px;color:var(--muted);margin-bottom:11px;transition:color .2s;}
.foot-col a:hover{color:var(--blue);}
.foot-bottom{border-top:1px solid var(--line-soft);margin-top:48px;padding-top:24px;display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:var(--muted-2);flex-wrap:wrap;gap:12px;}

/* ---------- 通用组件 ---------- */
.tag{display:inline-block;font-size:11.5px;padding:2px 9px;border-radius:100px;background:var(--bg-tint);color:var(--blue);}
.tag.green{background:rgba(47,165,101,.14);color:var(--green);}
.tag.blue{background:rgba(47,111,178,.12);color:var(--blue);}
.tag.gray{background:rgba(138,148,166,.14);color:var(--muted);}
.icon-box{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--bg-tint);flex:0 0 auto;}
.icon-box svg{width:22px;height:22px;stroke:var(--blue);}

/* 滚动出现动画 */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease;}
.reveal.visible{opacity:1;transform:translateY(0);}

/* ---------- 响应式 ---------- */
@media(max-width:900px){
  .nav-menu{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;align-items:flex-start;padding:20px 28px;gap:18px;border-bottom:1px solid var(--line-soft);box-shadow:0 12px 30px rgba(30,60,100,.1);}
  .nav-menu.open{display:flex;}
  .nav-toggle{display:grid;}
  .page-hero h1{font-size:34px;}
  .sec-head h2{font-size:28px;}
}