/* 共享导航 + Mega Menu + 页脚样式（所有子页面加载） */
.site-header { position: sticky; top: 0; z-index: 10; backdrop-filter: blur(12px); background: rgba(6,10,14,0.88); border-bottom: 1px solid rgba(159,177,196,0.18); }
.nav-wrap { min-height: 80px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.brand img { height: 34px; width: auto; }
.nav-links { display: flex; gap: 24px; }
.nav-links a { color: #c3cfda; text-decoration: none; transition: color 0.2s; }
.nav-links a:hover { color: #62e7ee; }
.nav-links .nav-label { color: #c3cfda; cursor: default; }
.nav-actions { display: flex; gap: 8px; }
.btn { border: 1px solid transparent; border-radius: 10px; padding: 10px 16px; font-weight: 600; font-family: "Montserrat", sans-serif; cursor: pointer; transition: all 0.2s; text-decoration: none; display: inline-block; }
.btn.solid { background: linear-gradient(90deg, #2dc7cf, #5fdfe5); color: #04252a; }
.btn.solid:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(45,199,207,0.25); }
.btn.ghost { background: transparent; color: #edf2f7; border-color: rgba(159,177,196,0.35); }
.btn.ghost:hover { border-color: rgba(45,199,207,0.6); color: #5fdfe5; }
.btn.big { padding: 12px 20px; }

/* Mega Menu */
.mega-menu { position: absolute; left: 0; right: 0; background: rgba(5,12,24,0.97); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(159,177,196,0.12); padding: 28px 0; opacity: 0; pointer-events: none; transition: opacity 0.22s ease; z-index: 9; }
.site-header:hover .mega-menu, .mega-menu:hover { opacity: 1; pointer-events: auto; }
.mega-menu-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 32px; }
.mega-col h5 { margin: 0 0 12px; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.1em; color: #5fdfe5; font-family: "Montserrat", sans-serif; }
.mega-col-products h5 { text-align: left; }
.mega-products-inner { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.mega-products-inner ul { white-space: nowrap; }
.mega-col ul { list-style: none; margin: 0; padding: 0; }
.mega-col li { margin-bottom: 6px; }
.mega-col a { color: #c3cfda; text-decoration: none; font-size: 0.92rem; transition: color 0.15s; }
.mega-col a:hover { color: #5fdfe5; }
.mega-menu-grid > .mega-col:not(:first-child) { border-left: 3px solid rgba(159,177,196,0.18); padding-left: 32px; }
.mega-empty { color: #64748b; font-size: 0.85rem; font-style: italic; margin: 0; }
.mega-coming-soon { color: #64748b; font-size: 0.85rem; font-style: italic; margin: 8px 0 0; }

/* Footer */
.site-footer { border-top: 1px solid #203144; padding: 34px 0 0; background: #05090e; }
.footer-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px; padding-bottom: 32px; }
.site-footer h4 { margin: 0 0 8px; font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.1em; color: #5fdfe5; font-family: "Montserrat", sans-serif; font-weight: 600; }
.site-footer a { display: block; margin-bottom: 6px; color: #9fb1c4; text-decoration: none; }
.site-footer a:hover { color: #5fdfe5; }
.site-footer p { color: #9fb1c4; margin: 0; }
.footer-brand { display: flex; align-items: center; gap: 24px; padding: 24px 0; border-top: 1px solid rgba(159, 177, 196, 0.12); }
.footer-brand img { height: 32px; width: auto; }
.footer-brand p { color: #9fb1c4; margin: 0; font-size: 0.9rem; white-space: nowrap; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-top: 1px solid rgba(159, 177, 196, 0.12); }
.footer-bottom .copyright { margin: 0; font-size: 0.85rem; color: #9fb1c4; }
.footer-bottom .compliance-link { display: inline-block; font-size: 0.85rem; color: #9fb1c4; text-decoration: none; transition: color 0.2s ease; }
.footer-bottom .compliance-link:hover { color: #5fdfe5; }

@media (max-width: 960px) {
  .mega-menu { display: none; }
  .nav-links { display: none; }
  .footer-grid { grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .footer-brand { flex-wrap: wrap; }
  .footer-brand p { white-space: normal; }
  .footer-bottom { flex-direction: column; gap: 12px; text-align: center; }
}
@media (max-width: 640px) {
  .nav-actions { display: none; }
  .footer-grid { grid-template-columns: repeat(2, 1fr); }
}