/* ========================================================= 元卜八字 · 统一站点导航与页脚 (site-chrome) 独立于 style.css（冻结），自带配色 token，全站注入。通过 js/site-chrome.js 在顶部注入 .site-nav、在末尾注入 .site-footer。 ========================================================= */ :root{ --sc-bg:#0e1117; --sc-panel:#161b22; --sc-card:#1c2333; --sc-gold:#c9a84c; --sc-gold-br:#e6c860; --sc-gold-dim:#8a7430; --sc-border:#2d3548; --sc-text:#e0d5c1; --sc-dim:#8b9bb4; --sc-muted:#5a6a82; } /* ==================== 顶部统一导航 ==================== */ .site-nav{ position:sticky; top:0; z-index:1000; background:rgba(14,17,23,.92); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); border-bottom:1px solid var(--sc-border); } .site-nav-inner{ max-width:1180px; margin:0 auto; padding:0 16px; height:56px; display:flex; align-items:center; gap:14px; } .site-brand{ display:flex; align-items:center; gap:9px; text-decoration:none; color:var(--sc-gold-br); font-weight:700; font-size:17px; letter-spacing:1px; flex-shrink:0; } .site-brand .mark{ width:28px; height:28px; border-radius:50%; background:linear-gradient(180deg,var(--sc-gold-br),var(--sc-gold-dim)); color:#1a1407; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:15px; } .site-links{ display:flex; align-items:center; gap:2px; flex:1; flex-wrap:wrap; } .site-link{ color:var(--sc-dim); text-decoration:none; font-size:14px; padding:7px 12px; border-radius:8px; transition:.15s; white-space:nowrap; } .site-link:hover{ color:var(--sc-text); background:rgba(201,168,76,.10); } .site-link.active{ color:var(--sc-gold-br); background:rgba(201,168,76,.14); } .site-user{ display:flex; align-items:center; gap:10px; flex-shrink:0; } .site-user .uname{ color:var(--sc-text); font-size:13px; } .site-user .vip{ font-size:11px; color:var(--sc-gold-br); border:1px solid var(--sc-gold); border-radius:20px; padding:1px 8px; white-space:nowrap; } .site-login-link{ color:var(--sc-gold-br); text-decoration:none; font-size:13px; padding:7px 14px; border:1px solid var(--sc-gold); border-radius:8px; transition:.15s; white-space:nowrap; } .site-login-link:hover{ background:rgba(201,168,76,.12); } /* 移动端汉堡菜单内的登录入口（桌面隐藏） */ .site-mobile-auth{ display:none; color:var(--sc-gold-br); padding:11px 12px; border-top:1px solid var(--sc-border); margin-top:4px; font-size:14px; cursor:pointer; } .site-burger{ display:none; background:transparent; border:0; color:var(--sc-gold-br); font-size:22px; cursor:pointer; line-height:1; } @media (max-width:860px){ .site-links{ display:none; position:absolute; top:56px; left:0; right:0; flex-direction:column; align-items:stretch; gap:0; background:var(--sc-bg); border-bottom:1px solid var(--sc-border); padding:6px 10px 10px; } .site-links.open{ display:flex; } .site-link{ padding:11px 12px; } .site-burger{ display:block; } /* 关键：移动端隐藏整组 .site-user（登录/注册/会员徽章等），否则会撑爆导航导致整个页面横向溢出。登录入口已在汉堡菜单内提供。 */ .site-user{ display:none; } /* 汉堡菜单底部追加一个登录入口（移动端可见，桌面隐藏） */ .site-mobile-auth{ display:block; } } /* ==================== 统一页脚 ==================== */ .site-footer{ background:var(--sc-panel); border-top:1px solid var(--sc-border); margin-top:48px; } .site-footer-inner{ max-width:1180px; margin:0 auto; padding:34px 16px 22px; } .site-footer-cols{ display:flex; flex-wrap:wrap; gap:36px; } .site-footer-about{ flex:1 1 260px; min-width:240px; color:var(--sc-dim); font-size:13px; line-height:1.8; } .site-footer-about .fb{ color:var(--sc-gold-br); font-size:15px; font-weight:700; letter-spacing:1px; display:flex; align-items:center; gap:8px; margin-bottom:10px; } .site-footer-about .fb .mark{ width:26px; height:26px; border-radius:50%; background:linear-gradient(180deg,var(--sc-gold-br),var(--sc-gold-dim)); color:#1a1407; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:14px; } .site-footer-col{ flex:0 0 140px; min-width:130px; } .site-footer-col h4{ color:var(--sc-gold-br); font-size:14px; margin:0 0 12px; font-weight:600; } .site-footer-col a{ display:block; color:var(--sc-dim); text-decoration:none; font-size:13px; margin-bottom:9px; transition:.15s; } .site-footer-col a:hover{ color:var(--sc-text); } .site-footer-col span.sc-contact{ display:block; color:var(--sc-dim); font-size:13px; margin-bottom:9px; } .site-footer-bottom{ border-top:1px solid var(--sc-border); margin-top:26px; padding-top:16px; color:var(--sc-muted); font-size:12px; line-height:1.9; text-align:center; /* v45：备案行居中 */ } .site-footer-bottom a{ color:var(--sc-dim); text-decoration:none; } .site-footer-bottom a:hover{ color:var(--sc-text); } /* v45：页脚统计代码行（后台填写，如