/* ============================================================
   e-karwash 二级栏目页视觉
   设计语言沿用首页：双层错位波浪(绿#63bd00/浅绿#ebf8dd) + #f0f5ff 浅底 + 绿色点缀
   ============================================================ */

/* ---------- 页头横幅：双层波浪 + 白字标题 ---------- */
.subpage-hero {
    /* 绝对定位钉在页面最顶（模板导航是浮动且无 clearfix，常规流会被清浮动顶下来；
       绝对定位无视浮动，波纹必然铺到 y=0），白色圆角胶囊导航(z1)浮于绿波之上 */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 380px;
    overflow: hidden;
    background: #ffffff;
}

.subpage-hero .hero-wave {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* 浅绿副波浪：错位到右侧后方（首页同款手法） */
.subpage-hero .hero-wave-sub {
    left: auto;
    right: -47%;
    z-index: 0;
}

/* 主绿波浪盖在上层 */
.subpage-hero .hero-wave-main {
    z-index: 1;
}

.subpage-hero .subpage-hero-content {
    position: relative;
    /* 不设 z-index：保持低于导航头部(z10)，保证下拉子菜单浮于波浪横幅之上 */
    padding-top: 165px;
}

.subpage-hero .subpage-title {
    color: #ffffff;
    font-size: 40px;
    line-height: 48px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 12px;
}

.subpage-hero .subpage-sub {
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    margin: 0;
    opacity: 0.95;
}

/* ---------- 内容区：#f0f5ff 浅底 + 角落装饰波浪 ---------- */
.subpage-band {
    background: #f0f5ff;
    padding: 10px 0 70px;
    position: relative;
    overflow: hidden;
    /* 给绝对定位的横幅(380px)让出空间 */
    margin-top: 380px;
}

.subpage-band .band-decor {
    position: absolute;
    right: -18%;
    bottom: -40px;
    width: 46%;
    opacity: 0.55;
    pointer-events: none;
}

.subpage-band .video-section {
    margin: 40px 0 10px;
    position: relative;
    z-index: 1;
}

.subpage-band .section-title {
    text-align: left;
}

/* GT Show 图廊在浅底上的统一观感 */
.subpage-band .gt-item {
    background: #ffffff;
}

/* ---------- 响应式 ---------- */
@media (max-width: 991px) {
    /* 移动端头部为普通流式布局，横幅回归常规流 */
    .subpage-hero { position: static; height: 250px; padding-top: 55px; }
    .subpage-band { margin-top: 0; }
    .subpage-hero .subpage-title { font-size: 26px; line-height: 32px; }
    .subpage-hero .subpage-sub { font-size: 15px; line-height: 24px; }
    .subpage-band .band-decor { width: 60%; opacity: 0.4; }
}