/* 寒假旅游专题 - 冰雪蓝 & 暖阳橙双调 */
.winter-page-body { background: #f5f9ff }
.winter-page { overflow: hidden }

/* Hero - banner 图（冰雪蓝底色兜底，图未加载时降级） */
.hz-hero { position: relative; height: 600px; overflow: hidden; display: flex; align-items: center; justify-content: center; background: #0e3a6e }
.hz-hero-bg { position: absolute; top: 0; left: 50%; margin-left: -960px; width: 1920px; max-width: 1920px; height: 100%; background-image: url('https://image.guojixing.com/banner/hanjia_banner/hanjia.png'); background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: #0e3a6e }
.hz-hero-overlay { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,58,110,0.4) 0%, rgba(26,95,168,0.15) 50%, rgba(143,212,236,0.35) 100%) }
.hz-hero-content { position: relative; z-index: 2; text-align: center; color: #fff; padding: 0 20px }
.hz-hero-badge { display: inline-block; background: rgba(255,255,255,0.2); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.35); border-radius: 30px; padding: 8px 28px; font-size: 14px; font-weight: 600; letter-spacing: 2px; margin-bottom: 24px; color: #fff }
.hz-hero-title { font-size: 52px; font-weight: 800; line-height: 1.3; margin: 0 0 20px; text-shadow: 0 2px 20px rgba(0,0,0,0.3); letter-spacing: 2px }
.hz-hero-subtitle { font-size: 18px; font-weight: 300; opacity: 0.95; margin: 0 0 36px; letter-spacing: 4px }
.hz-hero-btn { display: inline-block; background: linear-gradient(135deg, #4a9fd8, #8fd4ec); color: #fff; padding: 14px 48px; border-radius: 50px; font-size: 16px; font-weight: 600; text-decoration: none; letter-spacing: 2px; box-shadow: 0 4px 20px rgba(74,159,216,0.4); transition: all .3s ease }
.hz-hero-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 30px rgba(74,159,216,0.5); color: #fff }

/* Nav */
.hz-nav-bar { position: sticky; top: 0; z-index: 100; background: rgba(255,255,255,0.95); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(26,95,168,0.12); box-shadow: 0 2px 12px rgba(0,0,0,0.06) }
.hz-nav-inner { display: flex; justify-content: center; padding: 12px 0; overflow-x: auto; -webkit-overflow-scrolling: touch }
.hz-nav-item { display: flex; align-items: center; padding: 10px 24px; border-radius: 30px; font-size: 14px; font-weight: 500; color: #555; text-decoration: none; white-space: nowrap; transition: all .3s ease; background: #f5f9ff; border: 1px solid transparent; margin: 0 4px }
.hz-nav-item:hover { color: #1a5fa8; background: #e8f4ff }
.hz-nav-item.active { color: #fff; background: linear-gradient(135deg, #1a5fa8, #4a9fd8); box-shadow: 0 2px 12px rgba(26,95,168,0.3) }

/* Sections */
.hz-section { padding: 60px 0 }
.hz-section-alt { background: linear-gradient(180deg, #fff7ed 0%, #fffaf0 50%, #f5f9ff 100%) }
.hz-section-header { margin-bottom: 40px; text-align: center }
.hz-section-label { display: inline-block; font-size: 14px; color: #1a5fa8; background: #e8f4ff; border-radius: 20px; padding: 6px 18px; margin-bottom: 14px; font-weight: 600; letter-spacing: 1px }
.hz-section-alt .hz-section-label { color: #d97706; background: #fff7ed }
.hz-section-header h2 { font-size: 28px; font-weight: 700; color: #1a3a5c; margin: 0 0 8px; letter-spacing: 1px }
.hz-section-alt .hz-section-header h2 { color: #5a3a1a }
.hz-section-header p { font-size: 15px; color: #7a9ab5; margin: 0 }
.hz-section-alt .hz-section-header p { color: #b58a6a }

/* 空状态 */
.hz-empty { text-align: center; padding: 80px 20px }
.hz-empty-icon { font-size: 64px; margin-bottom: 20px }
.hz-empty h3 { font-size: 22px; color: #1a3a5c; margin: 0 0 8px }
.hz-empty p { font-size: 15px; color: #7a9ab5; margin: 0 }

/* CTA - 冰雪到暖橙渐变 */
.hz-cta { position: relative; padding: 80px 0; overflow: hidden }
.hz-cta-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #1a3a5c 0%, #1a5fa8 40%, #f97316 100%) }
.hz-cta .container { position: relative; z-index: 2; text-align: center; color: #fff }
.hz-cta h2 { font-size: 36px; font-weight: 800; margin: 0 0 12px; letter-spacing: 2px; text-shadow: 0 2px 12px rgba(0,0,0,0.2) }
.hz-cta p { font-size: 16px; opacity: 0.9; margin: 0 0 32px; letter-spacing: 2px }
.hz-cta-btn { display: inline-block; background: #fff; color: #1a5fa8; padding: 16px 52px; border-radius: 50px; font-size: 17px; font-weight: 700; text-decoration: none; letter-spacing: 2px; box-shadow: 0 4px 24px rgba(0,0,0,0.15); transition: all .3s ease }
.hz-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 32px rgba(0,0,0,0.2); color: #1a5fa8 }

/* PC端显示号码，隐藏按钮；移动端反转 */
.hz-cta-phone { display: block; font-size: 18px; color: #fff; opacity: 0.95; letter-spacing: 1px; margin-bottom: 8px }
.hz-cta-phone-num { font-size: 32px; font-weight: 800; color: #fff; letter-spacing: 3px; text-shadow: 0 2px 12px rgba(0,0,0,0.2); display: inline-block; vertical-align: middle }
.hz-cta-btn-mobile { display: none }

@media(max-width:768px){
    .hz-hero { height: 400px }
    .hz-hero-title { font-size: 32px }
    .hz-section { padding: 40px 0 }
    .hz-section-header h2 { font-size: 22px }
    .hz-cta h2 { font-size: 26px }
    .hz-cta-phone { display: none }
    .hz-cta-btn-mobile { display: inline-block }
    .hz-cta-btn { padding: 14px 40px; font-size: 15px }
    .hz-nav-inner { justify-content: flex-start; padding: 10px 12px }
}