/* ============================================================
   核能高质量场景平台 - 完整全局样式（离线可用）
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
    --primary: #0052cc;
    --primary-light: #2176ff;
    --accent-orange: #ff8800;
    --navy-900: #050f2e;
    --navy-800: #0b2f6b;
    --navy-700: #124a9e;
    --dark-blue: #001f4d;
}

* { box-sizing: border-box; }

html, body { min-height: 100%; }

/* ===== 页头 Logo：透明底用 logo6，白底(下滑/菜单展开)用 logo5 ===== */
.site-header .logo-transparent { display: block; }
.site-header .logo-solid { display: none; }
.site-header.scrolled .logo-transparent,
.site-header.menu-open .logo-transparent { display: none; }
.site-header.scrolled .logo-solid,
.site-header.menu-open .logo-solid { display: block; }

/* ===== 锚点定位平滑滚动（页头菜单跳转首页区块） ===== */
html { scroll-behavior: smooth; }
#news-section, #hot-scenarios { scroll-margin-top: 88px; }

body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: #f8fafc;
    font-family: 'JetBrains Mono', 'Inter', 'Consolas', 'Microsoft YaHei', 'PingFang SC', system-ui, sans-serif;
    font-size: 0.9rem;
    line-height: 1.7 !important;
    -webkit-font-smoothing: antialiased;
}

main { flex: 1 0 auto; }
footer { flex-shrink: 0; }

/* ===== 大屏宽度容器 ===== */
.wrap {
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
@media (min-width: 1280px) {
    .wrap { padding-left: 3rem; padding-right: 3rem; }
}

/* ===== 页头内容最大宽度：大屏不撑满，与页面内容对齐 ===== */
.site-header .header-inner,
.site-header-solid .header-inner {
    width: 100%;
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
}

/* ===== 移动端页头：背景固定白色 ===== */
@media (max-width: 767px) {
    .site-header {
        background: #ffffff !important;
        box-shadow: 0 2px 12px rgba(2, 32, 86, 0.06);
    }
}

/* ===== 顶部导航（首页/内页：顶部透明，下滑后白底） ===== */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 60;
    background: transparent;
    transition: all 0.4s ease;
}
.site-header.scrolled,
.site-header.menu-open {
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 4px 20px rgba(0, 31, 77, 0.08);
    border-bottom: 1px solid rgba(0,82,204,0.1);
}

.site-header .logo-text { color: var(--primary); transition: color .35s ease; }
.site-header .nav-link {
    color: rgba(1, 9, 20, 0.8);
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    transition: all .3s ease;
    font-weight: 700;
}
.site-header .nav-link:hover { color: var(--primary); }
.site-header .nav-link.active { color: var(--primary); border-bottom-color: var(--primary); font-weight: 700; }
.site-header .header-login { color: rgba(0, 31, 77, 0.9); transition: color .35s ease; }
.site-header .header-login:hover { color: var(--primary); }

.site-header .btn-register {
    background: var(--primary);
    border: 1px solid transparent;
    color: #fff;
    transition: background-color .35s ease;
}
.site-header .btn-register:hover { background: #0042a3; }

.site-header.scrolled .logo-text { color: var(--primary); }
.site-header.scrolled .nav-link { color: #4b5563; }
.site-header.scrolled .nav-link:hover { color: var(--primary); }
.site-header.scrolled .nav-link.active { color: var(--primary); border-bottom-color: var(--primary); }
.site-header.scrolled .header-login { color: #4b5563; }
.site-header.scrolled .header-login:hover { color: var(--primary); }
.site-header.scrolled .btn-register { background: var(--primary); border-color: transparent; color: #fff; }
.site-header.scrolled .btn-register:hover { background: #0042a3; }

.site-header .header-lang {
    transition: all 0.3s ease;
}
.site-header .header-lang:hover {
    background: rgba(255,255,255,0.15);
    color: #fff;
}
.site-header.scrolled .header-lang:hover {
    background: var(--primary);
    color: #fff;
    border-color: var(--primary);
}

/* ===== 内页顶部（固定白底） ===== */
.site-header-solid {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 60;
    background: transparent;
    transition: all 0.4s ease;
}
.site-header-solid.scrolled,
.site-header-solid.menu-open {
    background: rgba(255, 255, 255, 0.97);
    box-shadow: 0 2px 16px rgba(2, 32, 86, 0.07);
    border-bottom: 1px solid rgba(0,82,204,0.1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.site-header-solid .logo-text { color: var(--primary); }
.site-header-solid .nav-link {
    color: #4b5563;
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
    transition: color .25s ease, border-color .25s ease;
    font-weight: 700;
}
.site-header-solid .nav-link:hover { color: var(--primary); }
.site-header-solid .nav-link.active { color: var(--primary); border-bottom-color: var(--primary); font-weight: 700; }
.site-header-solid .header-login { color: #4b5563; }
.site-header-solid .header-login:hover { color: var(--primary); }
.site-header-solid .btn-register { background: var(--primary); color: #fff; transition: background-color .25s ease; }
.site-header-solid .btn-register:hover { background: #0042a3; }

/* ===== 科技感 Hero 首屏（固定高度轮播） ===== */
.hero-tech {
    position: relative;
    overflow: hidden;
    width: 100%;
    aspect-ratio: 2 / 1;   /* 固定 2:1 比例 */
    max-height: 800px;     /* 最大高度 800px，超出部分裁剪 */
    background: #e6f2ff;
}
/* 首页首屏图片上下透明-白色渐变，融合页面背景色 */
.hero-tech::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(180deg, #ffffff 0%,rgba(255, 255, 255, 0) 20%);
    pointer-events: none;
}
.hero-tech::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    background: linear-gradient(0deg, #f8fafc 0%,  rgba(255, 255, 255, 0) 20%);
    pointer-events: none;
}
.carousel-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background: #e6f2ff;
}

.hero-glow {
    position: absolute;
    border-radius: 9999px;
    filter: blur(60px);
    opacity: 0.5;
    pointer-events: none;
}

/* ===== 卡片科技感 ===== */
.card-tech {
    background: #fff;
    border: 1px solid #eef2f6;
    border-radius: 0.75rem;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.card-tech:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 31, 77, 0.08);
    border-color: #b3d4ff;
}

/* ===== 标题左侧竖线 ===== */
.sec-title {
    position: relative;
    font-weight: 700;
    color: #001f4d;
    padding-left: 0.8rem;
}
.sec-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--primary);
    border-radius: 4px;
}

/* ===== 渐变主按钮 ===== */
.btn-primary-grad {
    background: linear-gradient(135deg, #2176ff 0%, #0052cc 100%);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 82, 204, 0.2);
    transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}
.btn-primary-grad:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 82, 204, 0.3);
    filter: brightness(1.05);
}

/* ===== 登录 / 注册/* ===== 登录 / 注册 ===== */
.auth-wrap {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(1000px 520px at 92% -10%, rgba(33, 118, 255, 0.42), transparent 60%),
        radial-gradient(820px 460px at 0% 100%, rgba(0, 200, 255, 0.28), transparent 55%),
        linear-gradient(135deg, var(--navy-900) 0%, var(--navy-800) 55%, var(--navy-700) 100%);
}
.auth-wrap::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(120, 180, 255, 0.10) 1px, transparent 1px),
        linear-gradient(90deg, rgba(120, 180, 255, 0.10) 1px, transparent 1px);
    background-size: 46px 46px;
    -webkit-mask-image: radial-gradient(ellipse at center, #000 20%, transparent 75%);
            mask-image: radial-gradient(ellipse at center, #000 20%, transparent 75%);
    pointer-events: none;
}
.auth-card {
    position: relative;
    background: rgba(255, 255, 255, 0.98);
    border-radius: 1.25rem;
    box-shadow: 0 30px 80px rgba(3, 15, 50, 0.45);
}
.auth-input {
    width: 100%;
    border: 1px solid #d7e4f5;
    border-radius: 0.65rem;
    padding: 0.72rem 0.9rem 0.72rem 2.6rem;
    font-size: 0.9rem;
    background: #fff;
    outline: none;
    transition: border-color .25s ease, box-shadow .25s ease;
}
.auth-input:focus {
    border-color: var(--primary-light);
    box-shadow: 0 0 0 3px rgba(33, 118, 255, 0.16);
}

/* ===== 滚动条 ===== */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #b9cce8; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #93b1dd; }

/* ===== 页脚区域微调 ===== */
footer .qr-box {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    color: #6b7280;
    border: 1px dashed #cbd5e1;
    background: #f3f4f6;
    border-radius: 8px;
    line-height: 1.3;
    text-align: center;
}
footer .w-16.h-16 {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    color: #9ca3af;
    border: 1px dashed #d1d5db;
    background: #f3f4f6;
    border-radius: 4px;
}
/* ===== 专家智库页面新增样式 ===== */

/* 导航Link高亮覆盖 */
.site-header.scrolled .nav-link.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
}
.site-header .nav-link.active {
    color: var(--primary);
    border-bottom-color: var(--primary);
}

/* 筛选下拉框自定义 */
select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select:focus {
    outline: none;
    border-color: var(--primary);
    box-shadow: 0 0 0 1px var(--primary);
}

/* 热门领域标签圆角 */
.badge {
    display: inline-block;
    padding: 0.15rem 0.65rem;
    border-radius: 5px;
    font-size: 0.7rem;
    line-height: 1.4;
}

/* 专家卡片按钮统一 */
.card-tech .border-primary {
    border-width: 1px;
    border-style: solid;
    border-color: var(--primary);
}

/* 底部Banner缩放 */
footer .w-20.h-20 {
    background-color: #f8fafc;
    border: 1px dashed #cbd5e1;
}

/* ============================================================
   首页新增样式（功能导航大图标 / 赛事通知 / 专家介绍 / 轮播箭头）
   ============================================================ */

/* 首页功能导航图标 */
.feature-icon {
    width: 5.5rem;
    height: 5.5rem;
}
/* 移动端：图标更小、字体更小 */
@media (max-width: 767px) {
    .feature-icon { width: 3rem; height: 3rem; }
    #homeFeatures a { padding-top: 0.6rem; padding-bottom: 0.6rem; }
    #homeFeatures a div { font-size: 0.875rem; }
}


/* ===== 首页通用模块（与顶部 .wrap 同宽） ===== */
.home-sec {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

.home-sec-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}
.home-sec-title {
    position: relative;
    font-size: 1.75rem;
    font-weight: 700;
    color: #001f4d;
    padding-left: 1rem;
    line-height: 1.3;
}
.home-sec-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 1.4em;
    background: linear-gradient(180deg, #2176ff 0%, #0052cc 100%);
    border-radius: 4px;
}
.home-sec-title .sub {
    display: block;
    font-size: 0.78rem;
    font-weight: 400;
    color: #94a3b8;
    letter-spacing: 0.12em;
    font-family: 'JetBrains Mono', 'Inter', Consolas, monospace;
    margin-top: 0.1rem;
}
.more-link {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.85rem;
    color: #6b7280;
    padding: 0.42rem 0.95rem;
    border: 1px solid #e2e8f0;
    border-radius: 9999px;
    background: #fff;
    transition: all .25s ease;
    text-decoration: none;
}
.more-link:hover {
    color: #0052cc;
    border-color: #0052cc;
    background: #f0f7ff;
}

/* ===== 赛事通知卡片 ===== */
.home-card {
    background: #fff;
    border: 1px solid #e3ecf7;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 31, 77, 0.05);
    overflow: hidden;
}
.event-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 1.5rem;
    border-bottom: 1px solid #f1f5f9;
    transition: background-color .25s ease;
    text-decoration: none;
}
.event-item:last-child { border-bottom: none; }
.event-item:hover { background: #f5f9ff; }
.event-item .event-title {
    color: #374151;
    font-weight: 500;
    transition: color .25s ease;
}
.event-item:hover .event-title { color: #0052cc; }
.event-status {
    flex-shrink: 0;
    display: inline-block;
    padding: 0.2rem 0.65rem;
    border-radius: 5px;
    font-size: 0.72rem;
    font-weight: 500;
    border: 1px solid transparent;
    line-height: 1.4;
}
.event-status.is-live   { color: #16a34a; border-color: #4ade80; background: #f0fdf4; }
.event-status.is-review { color: #2563eb; border-color: #60a5fa; background: #eff6ff; }
.event-status.is-end    { color: #6b7280; border-color: #d1d5db; background: #f9fafb; }
.event-date {
    flex-shrink: 0;
    font-size: 0.85rem;
    color: #9ca3af;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: color .25s ease;
}
.event-item:hover .event-date { color: #0052cc; }

/* ===== 专家介绍卡片 ===== */
.expert-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.25rem;
}
@media (min-width: 640px) { .expert-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .expert-grid { grid-template-columns: repeat(4, 1fr); } }
.expert-card {
    display: block;
    background: #fff;
    border: 1px solid #e6eef8;
    border-radius: 1rem;
    padding: 1.5rem 1.25rem 1.25rem;
    text-align: center;
    text-decoration: none;
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.expert-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 32px rgba(0, 31, 77, 0.09);
    border-color: #b3d4ff;
}
.expert-avatar {
    display: block;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 9999px;
    object-fit: cover;
    margin: 0 auto 0.9rem;
    border: 3px solid #fff;
    box-shadow: 0 4px 14px rgba(0, 31, 77, 0.14);
    background: #e2e8f0;
}
.expert-name { font-size: 1.05rem; font-weight: 700; color: #001f4d; }
.expert-role { font-size: 0.9rem; color: #6b7280; margin-top: 0.2rem; }
.expert-org  { font-size: 0.85rem; color: #94a3b8; margin-top: 0.45rem; }
.expert-tags {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.4rem;
    margin-top: 0.75rem;
}
.expert-tags span {
    font-size: 0.7rem;
    color: #2563eb;
    background: #eff6ff;
    padding: 0.15rem 0.6rem;
    border-radius: 9999px;
}
.expert-link {
    display: block;
    margin-top: 1rem;
    border: 1px solid #0052cc;
    color: #0052cc;
    font-size: 0.8rem;
    font-weight: 500;
    text-align: center;
    padding: 0.5rem 0;
    border-radius: 0.5rem;
    transition: all .25s ease;
}
.expert-card:hover .expert-link { background: #0052cc; color: #fff; }

/* ===== 大会介绍标题优化 ===== */
.intro-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
    color: var(--primary);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.18em;
}
.intro-eyebrow::before {
    content: '';
    width: 2.25rem;
    height: 3px;
    border-radius: 9999px;
    background: linear-gradient(90deg, #2176ff 0%, #0052cc 100%);
}
.intro-title {
    margin: 0.75rem 0 1rem;
    font-size: clamp(1.9rem, 3.4vw, 2.6rem);
    font-weight: 900;
    color: #001f4d;
    line-height: 1.2;
    letter-spacing: 0.01em;
}
@media (min-width: 768px) {
    .intro-title { font-size: clamp(2.25rem, 3.6vw, 3rem); }
}
.intro-title .grad {
    background: linear-gradient(90deg, #ff8800 0%, #fbbf24 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* ===== 页头菜单统一加粗（含移动端菜单） ===== */
#siteHeader #mobileMenu a { font-weight: 700; }

/* ===== 内页固定透明页头：给 Banner 顶部留白，避免被页头遮挡 ===== */
body:not(.home) main > section:first-child:not(.page-banner),
body:not(.home) main > div:first-child > section:first-child:not(.page-banner) {
    padding-top: 7rem;
}
body:not(.home) .search-section {
    margin-top: 72px;
}

/* ===== 内页顶部 Banner（高度约为原来的 1.5 倍，上下加透明-白色渐变） ===== */
.page-banner {
    position: relative;
    overflow: hidden;
    height: 420px;      /* 固定高度：标题与背景图稳定不跳动 */
    padding-top: 5.5rem;  /* 固定顶部起始位置：内容统一从上往下排列 */
    padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
    .page-banner {
        height: 400px;
        padding-top: 6.5rem;
        padding-bottom: 3rem;
    }
}
.page-banner > .wrap { width: 100%; }
/* 统一 Banner 内标题字号，保证各页面标题高度一致 */
.page-banner h1 {
    font-size: 2rem;
    line-height: 1.25;
}
@media (min-width: 768px) {
    .page-banner h1 { font-size: 2.5rem; }
}
.page-banner::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(248, 250, 252, 0.92) 0%, rgba(248, 250, 252, 0.5) 10%, rgba(248, 250, 252, 0) 26%);
    pointer-events: none;
}
.page-banner::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(0deg, #f8fafc 0%, rgba(248, 250, 252, 0.7) 10%, rgba(248, 250, 252, 0) 28%);
    pointer-events: none;
}
/* ===== 内页顶部 Banner 背景图（b1.png，按原图宽度显示、不透明） ===== */
.banner-bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: right center;
    background-size: cover;    /* 铺满整块（允许裁剪），高度固定后图片稳定不切换 */
    pointer-events: none;
}
/* 移动端：背景图半透明，避免影响标题文字可读性 */
@media (max-width: 767px) {
    .banner-bg { opacity: 0.5; }
}

/* ===== 页面提示 Toast（success/info/warning/error） ===== */
#toast-container {
    position: fixed;
    top: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    pointer-events: none;
}
@keyframes toastIn {
    from { opacity: 0; transform: translateX(30px); }
    to   { opacity: 1; transform: translateX(0); }
}

/* ===== 面包屑 ===== */
.page-banner .crumb { margin-bottom: 2.5rem; }
.page-banner h1 { margin-bottom: 1.75rem; }
.page-banner .wrap p { margin-top: 1rem; }
.crumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    font-size: 0.875rem;
    color: #64748b;
    margin-bottom: 0.8rem;
}
.crumb a {
    color: #2563eb;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    transition: color .2s ease;
}
.crumb a:hover { color: #0052cc; text-decoration: underline; }
.crumb .sep { color: #0052cc; display: inline-flex; align-items: center; font-size: 0.75rem; }
.crumb .cur { color: #334155; font-weight: 600; }

/* 移动端菜单：悬浮在页头下方内容之上，不挤压页面 */
#mobileMenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 70;
    max-height: calc(100vh - 72px);
    overflow-y: auto;
}



/* ===== 赛事卡片日期：蓝色-白色 从上到下渐变 ===== */
.event-day {
    background: linear-gradient(180deg, #0052cc 0%, #9cc4ff 78%, #ffffff 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


/* ===== 移动端：顶部图去掉，Banner 高度自适应标题内容 ===== */
@media (max-width: 767px) {
    .page-banner,
    .page-banner-sm {
        height: auto;
        padding-top: 5.5rem;
        padding-bottom: 2rem;
    }
    .banner-bg { display: none; }
}

/* ===== 移动端列表优化：首页功能导航 / 赛事通知 / 专家卡片 ===== */
@media (max-width: 767px) {
    #homeFeatures a div {
        text-align: center;
        line-height: 1.3;
        padding: 0 2px;
    }
    #homeFeatures a { padding-left: 2px; padding-right: 2px; }
    .event-item { padding: 0.9rem 1rem; gap: 0.7rem; }
    .event-item .event-title { font-size: 0.8rem; }
    .event-date { font-size: 0.75rem; }
    .expert-grid { gap: 0.75rem; }
    .expert-card { padding: 1.1rem 0.9rem 0.9rem; }
    .expert-avatar { width: 4.5rem; height: 4.5rem; }
    #expertList { gap: 0.75rem; }
    #expertList .group { padding: 1rem; }
}

/* ===== 专家详情：四个信息 Tab ===== */
.ptab-tab {
    border-bottom: 2px solid transparent;
    color: #6b7280;
    font-weight: 500;
    transition: color .25s ease, border-color .25s ease;
}
.ptab-tab.active {
    color: #0052cc;
    border-bottom-color: #0052cc;
    font-weight: 600;
}
.ptab-panel { display: none; }
.ptab-panel.active { display: block; }


/* ===== 纯标题横幅（无顶图，标题下方直接接内容） ===== */
.page-banner-plain {
    height: auto;
    background: linear-gradient(180deg, #eef6ff 0%, #ffffff 100%);
    padding-top: 6.5rem;
    padding-bottom: 1.5rem;
}


/* ===== 移动端：首页轮播顶部留出页头高度（页头为固定白底） ===== */
@media (max-width: 767px) {
    .hero-tech { margin-top: 72px; }
}


/* ===== 移动端：Banner 变矮后筛选框/步骤条不再上移遮挡顶部内容 ===== */
@media (max-width: 767px) {
    .page-banner + .wrap.relative.z-20,
    .page-banner + section.wrap.relative.z-20 {
        margin-top: 0 !important;
    }
}


/* ===== 主体内容上移（贴近顶部标题下方，覆盖 Banner 底部） ===== */
.content-overlap {
    position: relative;
    z-index: 1 !important;
    margin-top: -6rem;
}
@media (max-width: 767px) {
    .content-overlap { margin-top: -2rem; }
}


/* ===== 首页平台介绍：新闻标题无缝滚动 ===== */
.news-marquee-track {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    animation: newsScrollUp 28s linear infinite;
    will-change: transform;
}
.news-marquee-track:hover { animation-play-state: paused; }
@keyframes newsScrollUp {
    from { transform: translateY(0); }
    to   { transform: translateY(-50%); }
}
@media (prefers-reduced-motion: reduce) {
    .news-marquee-track { animation: none; }
}