/* common.css - 各页面共用样式 */
:root{--c-primary:#2a5298;--c-primary-light:#3a6bc5;--c-bg:#f5f6fa;--c-text:#2c3e50;--c-border:#e4e7ed;--c-muted:#909399;--c-header-h:46px}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'PingFang SC','Microsoft YaHei','Segoe UI',sans-serif;background:var(--c-bg);color:var(--c-text)}

/* 统一全局顶部导航栏 */
.global-nav{height:var(--c-header-h);background:linear-gradient(135deg,#1e3a5f 0%,#2a5298 100%);color:#fff;display:flex;align-items:center;padding:0 18px;box-shadow:0 2px 8px rgba(0,0,0,.18);z-index:1000;position:sticky;top:0;gap:12px}
.global-nav .home-link{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,.75);text-decoration:none;font-size:13px;padding:4px 10px;border-radius:4px;transition:.15s;flex-shrink:0}
.global-nav .home-link:hover{color:#fff;background:rgba(255,255,255,.12)}
.global-nav .nav-title{font-size:16px;font-weight:600;letter-spacing:.5px}
.global-nav .nav-sub{font-size:10px;opacity:.45;margin-left:4px}
.global-nav .nav-spacer{flex:1}
.global-nav .nav-links{display:flex;gap:4px}
.global-nav .nav-link{color:rgba(255,255,255,.6);text-decoration:none;font-size:12px;padding:4px 10px;border-radius:4px;transition:.15s}
.global-nav .nav-link:hover,.global-nav .nav-link.active{color:#fff;background:rgba(255,255,255,.12)}

/* ===== 响应式适配 ===== */
@media(max-width:768px){
 :root{--c-header-h:42px}
 .global-nav{padding:0 10px;gap:6px}
 .global-nav .nav-title{font-size:14px}
 .global-nav .nav-sub{display:none}
 .global-nav .home-link{font-size:12px;padding:3px 6px}
 .global-nav .nav-links{gap:2px}
 .global-nav .nav-link{font-size:11px;padding:3px 6px}
}