/* 东半球超跑 - 全站统一表头表尾CSS */
/* 版本: 2026-05-30 */

.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }

/* ========== Navbar ========== */
.main-nav { background: #111; position: sticky; top: 0; z-index: 100; border-bottom: 1px solid rgba(255,255,255,0.06); }
.nav-top-row { display: flex; justify-content: space-between; align-items: center; padding: 0.8rem 0; }
.logo { font-size: 1.2rem; font-weight: 800; color: #fff; text-decoration: none; letter-spacing: 1px; }
.nav-action-row { display: flex; gap: 0.8rem; align-items: center; list-style: none; margin: 0; padding: 0; }
.nav-vip-link { color: #ffd700; text-decoration: none; font-size: 0.85rem; font-weight: 600; }
.nav-links-row { display: flex; justify-content: center; gap: 1.5rem; padding: 0.5rem 0; list-style: none; margin: 0; border-top: 1px solid rgba(255,255,255,0.04); }
.nav-links-row a { color: #999; text-decoration: none; font-size: 0.88rem; font-weight: 500; padding: 0.3rem 0; border-bottom: 2px solid transparent; transition: 0.2s; }
.nav-links-row a:hover, .nav-links-row a.active { color: #ff4d4d; border-bottom-color: #ff4d4d; }
.nav-account-btn { display: inline-block; padding: 0.3rem 0.8rem; border-radius: 6px; font-size: 0.82rem; font-weight: 600; cursor: pointer; text-decoration: none; }
.nav-account-login { color: #ff4d4d; border: 1px solid #ff4d4d; }
.nav-account-free { color: #fff; background: #444; }
.nav-account-vip { color: #000; background: linear-gradient(135deg, #ffd700, #ffaa00); }
@media (max-width: 768px) {
    .logo { font-size: 1rem; letter-spacing: 0; }
    .nav-top-row { padding: 0.6rem 0; }
    .nav-action-row { gap: 0.5rem; }
    .nav-links-row { gap: 0.8rem; }
    .nav-links-row a { font-size: 0.78rem; }
    .nav-vip-link { font-size: 0.75rem; }
}
@media (max-width: 480px) {
    .logo { font-size: 0.9rem; letter-spacing: 0; }
    .nav-top-row { padding: 0.5rem 0; }
    .nav-action-row { gap: 0.4rem; }
    .nav-vip-link { font-size: 0.7rem; }
    .nav-account-btn { font-size: 0.72rem; padding: 0.25rem 0.6rem; }
    .nav-links-row { gap: 0.5rem; flex-wrap: wrap; justify-content: center; }
    .nav-links-row a { font-size: 0.72rem; }
}


.kefu-float{position:fixed;bottom:24px;right:20px;z-index:9998;}
.kefu-float a{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;text-decoration:none;font-size:26px;box-shadow:0 2px 16px rgba(7,193,96,0.4);transition:transform .2s;background:linear-gradient(135deg,#07c160,#06ad56);color:#fff;}
.kefu-float a:hover{transform:scale(1.1);}
.kefu-float .kefu-label{font-size:11px;color:#aaa;white-space:nowrap;text-align:center;margin-top:4px;}

.qr-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.95); z-index: 3000; align-items: center; justify-content: center; cursor: pointer; }
.qr-overlay.visible { display: flex; }
.qr-overlay img { max-width: 90%; max-height: 90%; border-radius: 12px; }

#qrOverlay.visible { display: flex !important; }

/* ========== Footer ========== */
.footer { background: #000; text-align: center; padding: 20px 0 40px; color: #777; margin-top: 40px; }
.footer .contact-info { margin-bottom: 0.6rem; font-size: 0.9rem; line-height: 1.5; }
.footer .contact-info p { color: #aaa; margin: 0.1rem 0; }
.footer a { color: #aaa; text-decoration: none; margin: 0 8px; font-size: 0.85rem; }
.footer a:hover { color: #ff4d4d; }
.footer p { color: #777; font-size: 0.85rem; }
.footer #footerNav a { font-size: 0.85rem; color: #aaa; }
.footer #footerNav a:hover { color: #ff4d4d; }
.footer #footerNav strong { font-size: 0.9rem; }
@media (max-width: 768px) {
    .footer { padding: 10px 0 20px; margin-top: 30px; }
    .footer .contact-info { font-size: 0.55rem; margin-bottom: 0.3rem; }
    .footer .contact-info p { font-size: 0.55rem; margin: 0.1rem 0; }
    .footer a { font-size: 0.5rem; }
    .footer p { font-size: 0.5rem; }
    .footer #footerNav { grid-template-columns: repeat(4, 1fr) !important; gap: 0.3rem !important; margin-bottom: 0.8rem !important; }
    .footer #footerNav a { font-size: 0.42rem; margin: 0; white-space: nowrap; }
    .footer #footerNav strong { font-size: 0.5rem; }
    .footer #footerNav div > div { line-height: 1.3; margin-top: 0.2rem; }
}
@media (max-width: 480px) {
    .footer { padding: 8px 0 16px; margin-top: 20px; }
    .footer .contact-info { font-size: 0.48rem; margin-bottom: 0.2rem; }
    .footer .contact-info p { font-size: 0.48rem; margin: 0.1rem 0; }
    .footer a { font-size: 0.38rem; }
    .footer p { font-size: 0.38rem; }
    .footer #footerNav { grid-template-columns: repeat(4, 1fr) !important; gap: 0.2rem !important; margin-bottom: 0.6rem !important; }
    .footer #footerNav a { font-size: 0.35rem; margin: 0; white-space: nowrap; }
    .footer #footerNav strong { font-size: 0.42rem; }
    .footer #footerNav div > div { line-height: 1.2; margin-top: 0.15rem; }
}