/* ========================================
   统一移除所有section底部间距
   ======================================== */

/* 工作室简介 */
.intro-section-new {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 指导教师 - 极致紧凑优化 */
.mentors-section {
    padding: 120px 0 0 0 !important;
    margin: 0 !important;
    min-height: auto !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

.mentors-container {
    padding-top: 20px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.mentor-accordion {
    margin-bottom: 0 !important;
}

.mentors-bg-text {
    display: none !important;
}

.mentors-header {
    display: none !important;
}

/* 确保指导教师section的背景不延伸到页脚 */
.mentors-section::after {
    display: none !important;
}

.mentors-section::before {
    display: none !important;
}

/* 工作室成员 - 间距对齐 + 等比例缩放 */
.members-section {
    /* 导航栏与主题内容拉开距离，并让主题内容落在该页中心 */
    --members-nav-offset: 110px;
    padding: 120px 0 100px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    display: flex;
    align-items: center;   /* 上下居中 */
    justify-content: center; /* 左右居中 */
    min-height: calc(100svh - var(--members-nav-offset)) !important;
}

.members-section .container {
    padding-top: 0 !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
}

/* 让成员模块随屏宽等比例放大/缩小（图片/文字/按钮/间距一致变化） */
.members-hero-container {
    max-width: 1320px !important;
    gap: clamp(24px, 4vw, 56px) !important;
    margin: 0 auto !important;
    justify-content: center;
}

.members-hero-showcase {
    max-width: clamp(560px, 60vw, 820px) !important;
}

.members-content-panel {
    gap: clamp(18px, 2.4vw, 30px) !important;
}

.premium-photo-frame {
    aspect-ratio: 16 / 9 !important;
}

.members-group-photo-optimized {
    height: 100% !important;
}

.meta-main {
    font-size: clamp(1.15rem, 1.9vw, 1.6rem) !important;
}

.meta-sub {
    font-size: clamp(1rem, 1.3vw, 1.15rem) !important;
}

.members-btn-glass {
    padding: clamp(14px, 1.6vw, 20px) clamp(32px, 5vw, 65px) !important;
    font-size: clamp(1.02rem, 1.35vw, 1.22rem) !important;
}

/* 修复锚点跳转被固定导航遮挡 */
#mentors,
#members {
    scroll-margin-top: 130px;
}

/* 培养模式 */
.training-section-new {
    padding-top: calc(var(--nav-offset, 90px) + 60px) !important;
    padding-bottom: 70px !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
}

/* 确保培养模式section的背景不延伸到页脚 */
.training-section-new::after {
    display: none !important;
}

.training-section-new::before {
    display: none !important;
}

/* 工作方向 */
.direction-section-new {
    padding-top: calc(var(--nav-offset, 90px) + 60px) !important;
    padding-bottom: 70px !important;
    margin-bottom: 0 !important;
}

/* 作品展示 */
.works-showcase-section {
    padding-top: 150px !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 获奖展示 */
.awards-section-new {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 在研项目 */
.projects-marquee-section {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 收紧“在研项目”跑马灯与下方网格的空隙 */
.projects-marquee-wrapper {
    height: 380px !important;
    padding: 24px 0 !important;
    margin-top: 0 !important;
}

.projects-perspective-container {
    padding: 16px 0 !important;
}

.projects-grid-container {
    padding-top: 28px !important;
    padding-bottom: 0 !important;
}

/* 孵化机制 */
.mechanism-section-new {
    padding-top: calc(var(--nav-offset, 90px) + 60px) !important;
    padding-bottom: 70px !important;
    margin-bottom: 0 !important;
}

/* 确保所有section容器没有额外间距 */
section {
    margin-bottom: 0 !important;
    overflow: visible !important;
}

/* 移除所有section的伪元素，防止背景延伸 */
section::before,
section::after {
    display: none !important;
}

/* ========================================
   Navbar centering (brand + links as a group)
   ======================================== */
/* 仅大屏居中排布；iPad 等平板使用折叠菜单，避免 logo/菜单被裁切 */
@media (min-width: 1200px) {
    .navbar-tech .container {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 22px !important;
    }

    .navbar-tech .navbar-collapse {
        flex-grow: 0 !important;
    }

    .navbar-tech .navbar-nav {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

/* ========================================
   Liquid-metal nav button style
   ======================================== */
.navbar-tech .navbar-nav {
    position: relative;
    isolation: isolate;
    border-radius: 999px !important;
    padding: 6px !important;
    background:
        linear-gradient(160deg, rgba(255,255,255,0.52) 0%, rgba(232,243,255,0.28) 45%, rgba(199,224,255,0.22) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.42) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.75),
        inset 0 -1px 0 rgba(0,0,0,0.06),
        0 10px 24px rgba(0, 82, 204, 0.10),
        0 0 0 1px rgba(132, 191, 255, 0.16) !important;
    backdrop-filter: blur(14px) saturate(160%) !important;
    -webkit-backdrop-filter: blur(14px) saturate(160%) !important;
}

.navbar-tech .nav-link {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.34) !important;
    background:
        linear-gradient(165deg, rgba(255,255,255,0.84), rgba(244,250,255,0.44) 42%, rgba(220,236,255,0.30) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.82),
        inset 0 -1px 0 rgba(0,0,0,0.10),
        0 8px 16px rgba(0, 82, 204, 0.10) !important;
    transition: color 0.22s ease, transform 0.22s ease, box-shadow 0.28s ease, border-color 0.28s ease, background 0.28s ease !important;
}

.navbar-tech .nav-link::before {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: inherit;
    background: linear-gradient(180deg, rgba(255,255,255,0.80), rgba(255,255,255,0.10));
    opacity: 0.74;
    pointer-events: none;
}

.navbar-tech .nav-link::after {
    content: "";
    position: absolute;
    top: -120%;
    left: -60%;
    width: 56%;
    height: 260%;
    transform: rotate(19deg);
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.92), transparent);
    opacity: 0;
    pointer-events: none;
}

.navbar-tech .nav-link:hover {
    transform: translateY(-1px) scale(1.015);
    border-color: rgba(120, 205, 255, 0.78) !important;
    color: #0f2a6b !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.90),
        inset 0 -1px 0 rgba(0,0,0,0.11),
        0 12px 24px rgba(0, 102, 255, 0.18),
        0 0 0 1px rgba(0, 179, 255, 0.20) !important;
}

.navbar-tech .nav-link:hover::after {
    opacity: 1;
    animation: navLiquidSheen 1.05s ease;
}

.navbar-tech .nav-link.active {
    color: #ffffff !important;
    border-color: rgba(147, 246, 255, 0.72) !important;
    background:
        linear-gradient(155deg, rgba(0,96,245,0.90) 0%, rgba(0,140,255,0.80) 45%, rgba(0,218,255,0.74) 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.40),
        inset 0 -1px 0 rgba(0,0,0,0.24),
        0 14px 28px rgba(0, 102, 255, 0.30),
        0 0 0 1px rgba(0, 242, 255, 0.30) !important;
}

.navbar-tech .nav-link.active::before {
    opacity: 0.34;
}

@keyframes navLiquidSheen {
    0% { left: -60%; }
    100% { left: 140%; }
}

/* 特别处理：移除container的底部padding */
.mechanism-section-new .container {
    padding-bottom: 0 !important;
}

.projects-marquee-section .container {
    padding-bottom: 0 !important;
}

/* 移除gooey-tabs-wrapper的底部间距 */
.gooey-tabs-wrapper {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 移除projects-grid-container的底部间距 */
.projects-grid-container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* ========================================
   培养模式页：上区孵化机制 + 下区轮播（已对调顺序）
   ======================================== */
/* 页顶第一块：孵化机制（保留导航留白 + 浅蓝背景） */
#mechanism.training-mechanism-zone.mechanism-section-new {
    padding-top: calc(var(--nav-offset, 90px) + 48px) !important;
    padding-bottom: 2rem !important;
    margin-bottom: 0 !important;
    background: linear-gradient(180deg, #f0f6ff 0%, #e6eef9 45%, #f5f9ff 100%);
    border-bottom: 1px solid rgba(0, 102, 255, 0.1);
}

#mechanism.training-mechanism-zone .mechanism-overview-strip {
    margin-top: 0;
}

/* 第二块：培养轮播（紧贴上区，不再重复导航留白） */
#mechanism.training-mechanism-zone + #training.training-slideshow-zone.training-section-new {
    padding-top: 2rem !important;
    padding-bottom: 4rem !important;
    margin-top: 0 !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f8faff 100%);
}