/* =====================================================================
   青钥GKUI 前台公共样式（官网首页 / 栏目页 / 服务条款等统一使用）
   引入：<link rel="stylesheet" href="/assets/css/site.css">
   ===================================================================== */
*{margin:0;padding:0;box-sizing:border-box}
html{height:100%}
body{min-height:100vh;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1a1a1a;background:#fff}
a{text-decoration:none;color:inherit}
img{border:0}

/* ===== 统一页头 ===== */
.topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid #f0f0f0}
.topbar-inner{max-width:1200px;margin:0 auto;height:64px;display:flex;align-items:center;gap:32px;padding:0 24px}
.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;white-space:nowrap}
.logo-dot{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#16b777,#8ce0b5);display:inline-block}
.logo img{height:30px;border-radius:6px}
.nav{display:flex;gap:24px;flex:1;font-size:14px;color:#555;min-width:0}
.nav a{white-space:nowrap}
.nav a:hover{color:#16b777}
.nav a.on{color:#16b777;font-weight:600}
.top-actions{display:flex;gap:12px;align-items:center;white-space:nowrap}

/* ===== 通用按钮 ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 22px;border-radius:8px;font-size:14px;cursor:pointer;border:1px solid transparent;transition:all .2s}
.btn-ghost{border-color:#d9d9d9;color:#333}
.btn-ghost:hover{border-color:#16b777;color:#16b777}
.btn-primary{background:#16b777;color:#fff}
.btn-primary:hover{background:#0fa968}

/* ===== 统一页脚 ===== */
.footer{background:#0b3d2e;color:#8a94a6;padding:48px 24px;margin-top:40px;flex-shrink:0}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:center;font-size:13px;gap:16px;flex-wrap:wrap;text-align:center}
.footer a{margin-right:20px;color:#aab4c6}
.footer a:hover{color:#fff}

/* ===== 响应式 ===== */
@media(max-width:900px){
  .nav{display:none}
  .footer-inner{flex-direction:column}
}