/* ===== zczpedu 全站公共「页头/页脚」样式 v1（2026-10-12 统一） =====
   取自内页原内联样式（品牌配色：深蓝 #0E2C4A/#123A63/#1B4E7E + 金棕 #B08A4B/#C9A96A）。
   在 </head> 前、fix.css 之前引入；fix.css 仍最后生效。 */

.container{max-width: 1200px; margin: 0 auto; padding: 0 24px;}
.top-bar{background: #1a365d; color: rgba(255,255,255,0.7); font-size: 13px; padding: 8px 0;}
.top-bar .container{display: flex; justify-content: space-between; align-items: center;}
.top-bar-right{display: flex; gap: 20px;}
.top-bar .phone{color: #ecc94b; font-weight: 600;}
.top-bar a{color: #ecc94b; text-decoration: none;}
.navbar{background: #fff; padding: 16px 0; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 10px rgba(0,0,0,0.06);}
.navbar .container{display: flex; justify-content: space-between; align-items: center;}
.logo{display: flex; align-items: center; gap: 12px;}
.logo-mark{width: 44px; height: 44px; background: #1a365d; color: #ecc94b; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 20px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;}
.logo-text{font-size: 22px; font-weight: 700; color: #1a365d; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;}
.logo-sub{font-size: 10px; color: #a0aec0; letter-spacing: 2px;}
.nav-links{display: flex; gap: 4px; list-style: none;}
.nav-links a{display: block; padding: 10px 18px; text-decoration: none; color: #4a5568; font-weight: 500; font-size: 14px; border-radius: 6px;}
.nav-links a:hover, .nav-links a.active{color: #1a365d; background: #f7fafc;}
.nav-links a.active{color: #ecc94b; font-weight: 600;}
.nav-cta{background: #ecc94b; color: #1a365d; padding: 10px 22px; border-radius: 6px; font-weight: 600; font-size: 14px; text-decoration: none;}
.hero .container{position: relative; z-index: 1;}
.cta-section .container{position: relative; z-index: 1;}
.footer{background: #1a365d; color: rgba(255,255,255,0.6); padding: 60px 0 24px; font-size: 13px;}
.footer-grid{display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 40px; margin-bottom: 40px;}
.footer-logo{display: flex; align-items: center; gap: 12px; margin-bottom: 20px;}
.footer-logo-mark{width: 40px; height: 40px; background: #ecc94b; color: #1a365d; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 18px;}
.footer-logo-text{font-size: 20px; font-weight: 700; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif;}
.footer-desc{font-size: 13px; line-height: 1.8; color: rgba(255,255,255,0.5);}
.footer h4{color: #fff; font-size: 16px; margin-bottom: 20px; font-weight: 600;}
.footer a{color: rgba(255,255,255,0.6); text-decoration: none; display: block; margin-bottom: 10px; font-size: 13px;}
.footer a:hover{color: #ecc94b;}
.footer-bottom{text-align: center; padding-top: 24px; border-top: 1px solid rgba(255,255,255,0.1); font-size: 12px; color: rgba(255,255,255,0.4);}

/* --- 以下 4 组在内页里只写在移动端媒体查询内，提升为全站生效（桌面端下拉/汉堡也正常） --- */
/* 课程下拉菜单 */
.dropdown{position: relative;}
.dropdown-menu{display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; min-width: 220px; box-shadow: 0 10px 30px rgba(0,0,0,0.15); border-radius: 8px; padding: 8px 0; z-index: 1000;}
/* 点击显示下拉菜单 */
.dropdown-menu a{display: block; padding: 10px 20px; color: #333; text-decoration: none; font-size: 14px; transition: all 0.2s;}
.dropdown-menu a:hover{background: #f7fafc; color: #ecc94b;}
.caret{font-size: 12px; margin-left: 4px;}
/* 下拉菜单修复 */
.nav-links{list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; gap: 16px !important; align-items: center !important;}
.nav-links > li{position: relative !important;}
.dropdown-menu{display: none; position: absolute !important; top: 100% !important; left: 50% !important; transform: translateX(-50%) !important; background: #fff !important; min-width: 220px !important; box-shadow: 0 10px 30px rgba(0,0,0,0.15) !important; border-radius: 8px !important; padding: 8px 0 !important; z-index: 1000 !important; margin-top: 10px !important;}
.dropdown-menu a{display: block !important; padding: 10px 20px !important; color: #333 !important; text-decoration: none !important; font-size: 14px !important; transition: all 0.2s !important;}
.dropdown-menu a:hover{background: #f7fafc !important; color: #ecc94b !important;}
/* 调整导航样式 */
.nav-links{gap: 16px !important;}
.nav-links a{font-size: 16px !important; font-weight: 500 !important;}
/* 加粗导航和页脚文字 */
.nav-links a{font-weight: 600 !important; font-size: 16px !important;}
.nav-links{list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; gap: 16px !important; align-items: center !important;}
.nav-links > li{position: relative !important;}
.nav-links a{text-decoration: none !important; color: #333 !important; font-size: 16px !important; font-weight: 600 !important; transition: color 0.2s !important;}
.nav-links a:hover{color: #ecc94b !important;}
/* 修复高亮 */
.nav-links a{color: #333 !important;}
.nav-links a[style*="color: #ecc94b"]{color: #ecc94b !important; font-weight: 700 !important;}
/* 移动端导航适配 */
.hamburger{display: none;}
.mobile-menu.active{display:flex}
.bg-bg-slate{background-color:var(--bg-slate,#F7F8FA)}

@media (max-width:768px){
  .top-bar .container > span:first-child{display:none}
  .nav-links{display:none !important}
  .hamburger{display:block !important}
}