/* 瑞英车服 · 全站统一页头页脚样式 v1.0
   颜色取自 szrycar.com 主站
   用于 7days-ai/ 子站所有页面
*/

:root{
  --primary:#00D4FF;
  --primary-dim:rgba(0,212,255,.15);
  --accent:#7B2CBF;
  --accent-dim:rgba(123,44,191,.15);
  --gold:#F59E0B;
  --gold-dim:rgba(245,158,11,.12);
  --green:#22C55E;
  --green-dim:rgba(34,197,94,.12);
  --bg-deep:#0A0E1A;
  --bg-card:#1A1F2E;
  --text-main:#E8ECF1;
  --text-dim:#8892B0;
  --text-muted:#5A6488;
  --border:rgba(255,255,255,.05);
  --max-w:1200px;
  --nav-blur:rgba(10,14,26,.85);
  --radius:16px;
  --radius-sm:10px;
  --radius-full:999px;
  --shadow-md:0 8px 24px rgba(0,0,0,.3);
}

/* ============ 通用页面顶距（避开 fixed nav） ============ */
body{padding-top:68px}

/* ============ Navbar ============ */
.sz-nav{
  position:fixed; top:0; left:0; right:0;
  background:var(--nav-blur);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  z-index:1000;
  border-bottom:1px solid var(--border);
}
.sz-nav-in{
  max-width:var(--max-w); margin:0 auto;
  display:flex; align-items:center; justify-content:space-between;
  padding:0 24px; height:68px;
}
.sz-brand{display:flex; align-items:center; gap:12px; color:var(--text-main); text-decoration:none}
.sz-brand-logo{
  width:38px; height:38px;
  background:linear-gradient(135deg,var(--primary),var(--accent));
  border-radius:var(--radius-sm);
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:16px; color:var(--bg-deep);
}
.sz-brand-text{display:flex; flex-direction:column; line-height:1.2}
.sz-brand-text b{font-size:16px; font-weight:700}
.sz-brand-text small{font-size:11px; color:var(--text-muted); letter-spacing:.5px}

.sz-nav-links{display:flex; gap:4px; list-style:none; align-items:center}
.sz-nav-links a{
  padding:8px 14px; font-size:14px; font-weight:500;
  color:var(--text-dim); border-radius:var(--radius-sm);
  transition:all .25s; white-space:nowrap; text-decoration:none;
}
.sz-nav-links a:hover{color:var(--primary); background:var(--primary-dim)}
.sz-nav-links a.active{color:var(--primary); background:var(--primary-dim); font-weight:600}

.sz-nav-cta{
  background:linear-gradient(135deg,var(--primary),var(--accent));
  color:var(--bg-deep)!important; padding:8px 18px;
  border-radius:var(--radius-sm); font-weight:600; font-size:14px;
  text-decoration:none; transition:transform .2s;
}
.sz-nav-cta:hover{transform:translateY(-1px)}

.sz-menu-btn{
  display:none; background:none; border:none; cursor:pointer; padding:8px;
}
.sz-menu-btn span{display:block; width:22px; height:2px;
  background:var(--text-main); margin:5px 0; border-radius:1px; transition:all .25s}

/* mobile nav */
@media (max-width:920px){
  .sz-nav-links{
    position:absolute; top:68px; left:0; right:0;
    background:var(--bg-card); border-bottom:1px solid var(--border);
    flex-direction:column; padding:8px; gap:0;
    transform:translateY(-110%); transition:transform .25s;
  }
  .sz-nav-links.open{transform:translateY(0)}
  .sz-nav-links a{display:block; width:100%; padding:12px 16px}
  .sz-menu-btn{display:block}
  .sz-nav-cta{display:none}
}

/* ============ Footer ============ */
.sz-foot{
  position:relative; z-index:1;
  background:var(--bg-deep);
  border-top:1px solid var(--border);
  padding:60px 24px 30px;
  margin-top:80px;
}
.sz-foot-in{max-width:var(--max-w); margin:0 auto}
.sz-foot-grid{
  display:grid; grid-template-columns:2fr 1fr 1fr 1fr;
  gap:36px; margin-bottom:36px;
}
.sz-foot-brand{display:flex; align-items:center; gap:12px; margin-bottom:14px}
.sz-foot-brand-logo{
  width:36px; height:36px; border-radius:var(--radius-sm);
  background:linear-gradient(135deg,var(--primary),var(--accent));
  display:flex; align-items:center; justify-content:center;
  font-weight:800; font-size:14px; color:var(--bg-deep);
}
.sz-foot-brand b{display:block; font-size:18px; font-weight:700; color:var(--text-main)}
.sz-foot-brand small{font-size:11px; color:var(--text-muted); letter-spacing:.5px}
.sz-foot-desc{color:var(--text-muted); font-size:14px; max-width:360px; line-height:1.7}

.sz-foot-col h5{color:var(--primary); font-size:14px; margin-bottom:14px; font-weight:600}
.sz-foot-col ul{list-style:none; padding:0}
.sz-foot-col li{margin-bottom:8px}
.sz-foot-col a{
  color:var(--text-muted); font-size:14px;
  transition:color .25s; text-decoration:none;
}
.sz-foot-col a:hover{color:var(--primary)}

.sz-foot-bottom{
  padding-top:20px; border-top:1px solid var(--border);
  display:flex; flex-direction:column; gap:12px;
  font-size:13px; color:var(--text-muted);
}
.sz-foot-bottom a{color:var(--text-muted); text-decoration:none}
.sz-foot-bottom a:hover{color:var(--primary)}
.sz-foot-disclaimer{
  font-size:11px; line-height:1.6; color:var(--text-muted);
  opacity:.75; max-width:900px;
}
.sz-foot-copy{
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px;
  font-size:12px; color:var(--text-muted);
}

@media (max-width:768px){
  .sz-foot-grid{grid-template-columns:1fr; gap:24px}
  .sz-foot-copy{flex-direction:column}
}