/**
 * 站点自定义样式
 * 雅黑字体：区块标题、文章标题统一使用微软雅黑
 */

/* 整站字体：使用默认 sans-serif */
html,
body,
.uni-body {
    font-family: sans-serif !important;
}

/* 首页英雄区幻灯片：16:9，导航与圆点 */
.hero-swiper {
    position: relative;
}
.hero-swiper .swiper-slide {
    height: auto;
}
.hero-swiper .hero-swiper-dotnav.swiper-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.75rem;
}
.hero-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.5);
    opacity: 1;
    transition: background 0.2s;
}
.hero-swiper .swiper-pagination-bullet-active {
    background: #fff;
}

/* 黑色蒙版（from-black -> to-transparent）调亮一点，避免过深 */
.position-cover.bg-gradient-to-t.from-black.to-transparent {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 100%) !important;
    background-color: transparent !important;
}

.position-cover.bg-gradient-to-t.from-black.to-transparent.opacity-90 {
    opacity: 0.7 !important;
}

/* 文章封面图圆角（index / category / detail 等页面统一，四角圆角） */
.featured-image,
.post-media.featured-image,
.post-media.featured-image .featured-image {
    border-radius: 0.5rem;
    overflow: hidden;
}

.font-yahei {
    font-family: sans-serif !important;
}

/* 区块标题（如：墨子沙龙专栏、特色热门活动、教育活动回顾、数字展厅） */
.block-header .hstack > a,
.section-header .hstack > a {
    font-family: sans-serif !important;
}

/* 文章标题 */
.post-title {
    font-family: sans-serif !important;
}

/* ========== 导航栏二级下拉：紧凑宽度 + 悬停交互 ========== */
.uc-center-navbar .uc-navbar-dropdown.nav-dropdown-compact {
    min-width: 10rem;
    width: max-content;
    max-width: 14rem;
    padding: 0.375rem 0;
    background: var(--uc-body-bg, #fff);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.dark .uc-center-navbar .uc-navbar-dropdown.nav-dropdown-compact,
.uc-center-navbar .uc-navbar-dropdown.nav-dropdown-compact.dark\:bg-gray-800 {
    background: var(--uc-gray-800, #1f2937);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
}

/* 一级导航悬停：高亮 + 箭头微动 */
.uc-center-navbar .uc-navbar-nav > li > a.nav-parent-link {
    position: relative;
    padding: 0.25em 0;
}
.uc-center-navbar .uc-navbar-nav > li:hover > a.nav-parent-link,
.uc-center-navbar .uc-navbar-nav > li.uc-open > a.nav-parent-link {
    color: var(--uc-primary, #2757fd) !important;
}
.uc-center-navbar .uc-navbar-nav > li > a.nav-parent-link [data-uc-navbar-parent-icon] {
    display: inline-block;
    transition: transform 0.2s ease;
    margin-left: 0.15em;
}
.uc-center-navbar .uc-navbar-nav > li:hover > a.nav-parent-link [data-uc-navbar-parent-icon],
.uc-center-navbar .uc-navbar-nav > li.uc-open > a.nav-parent-link [data-uc-navbar-parent-icon] {
    transform: rotate(180deg);
}

/* 二级项：行高、内边距、悬停背景与颜色 */
.uc-center-navbar .nav-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.uc-center-navbar .nav-dropdown-list li {
    margin: 0;
}
.uc-center-navbar .nav-dropdown-list li a {
    display: block;
    padding: 0.5rem 1rem;
    font-size: 0.9375rem;
    color: inherit;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 4px;
    margin: 0 0.25rem;
    transition: background-color 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}
.uc-center-navbar .nav-dropdown-list li a:hover {
    background: rgba(39, 87, 253, 0.08);
    color: var(--uc-primary, #2757fd);
    padding-left: 1.25rem;
}
.dark .uc-center-navbar .nav-dropdown-list li a:hover {
    background: rgba(99, 102, 241, 0.15);
}

/* 详情页右侧栏：大屏粘性定位 */
@media (min-width: 992px) {
    .detail-sidebar-sticky {
        position: sticky;
        top: 6rem;
        align-self: start;
    }
}

/* ========== 详情页「栏目导航」样式（灰色底 + 子栏目） ========== */
.detail-toc {
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}
.dark .detail-toc,
[data-theme="dark"] .detail-toc {
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.detail-toc-header {
    background: rgba(0, 0, 0, 0.03);
}
.dark .detail-toc-header,
[data-theme="dark"] .detail-toc-header {
    background: rgba(255, 255, 255, 0.04);
}

.detail-toc-icon {
    width: 28px;
    height: 28px;
    background: var(--uc-primary, #2757fd);
    color: #fff;
    flex-shrink: 0;
}
.dark .detail-toc-icon { color: #fff; }

.detail-toc-title {
    font-size: 24px;
    letter-spacing: 0.02em;
}

/* 详情页右侧栏区块标题（如：相关推荐） */
.detail-sidebar-heading {
    font-size: 24px;
}

.detail-toc-nav {
    gap: 2px;
}

.detail-toc-link {
    font-size: 0.9375rem;
    transition: background 0.15s ease, color 0.15s ease;
}
.detail-toc-link:hover {
    background: rgba(39, 87, 253, 0.08);
    color: var(--uc-primary, #2757fd);
}
.dark .detail-toc-link:hover {
    background: rgba(99, 102, 241, 0.15);
    color: var(--uc-primary-400, #818cf8);
}

.detail-toc-text {
    flex: 1;
    min-width: 0;
    line-height: 1.4;
}
.py-1_5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }

/* 详情页顶部文章标题 */
.detail-page-title {
    font-size: 24px;
    line-height: 1.35;
}

/* 手机版头部响应式 */
.uc-center-navbar .uc-logo-img {
    max-width: 100%;
    height: auto;
    display: block;
}
@media (max-width: 991px) {
    .uc-center-navbar .uc-logo-img {
        max-width: 300px;
    }
    .uc-center-navbar .uc-navbar > .w-100.mt-1 {
        display: none !important; /* 手机版第二行（导航）隐藏，避免空白占位 */
    }
    .uc-center-navbar .uc-search-trigger {
        display: none !important; /* 手机版也不显示搜索图标 */
    }
    .uc-center-navbar .uc-menu-trigger {
        display: flex !important; /* 仅手机版显示菜单按钮 */
    }
}
.uc-menu-trigger:hover,
.uc-search-trigger:hover {
    opacity: 0.8;
}

/* 首页顶部导航：Logo + 搜索在上，导航在下（大屏） */
@media (min-width: 992px) {
    .uc-center-navbar .uc-menu-trigger {
        display: none !important; /* 电脑端不显示菜单按钮 */
    }
    .uc-center-navbar .uc-search-trigger {
        display: none !important; /* 电脑端不显示搜索图标 */
    }
    .uc-center-navbar .uc-navbar {
        display: flex;
        flex-direction: column !important;
        align-items: stretch;
    }
    .uc-center-navbar .uc-logo-img {
        width: 420px;
        max-width: none;
    }

    /* 导航区域：导航紧凑靠左，语言切换在右侧 */
    .uc-center-navbar .uc-navbar-nav {
        width: auto;
        max-width: 78%;
        justify-content: flex-start;
    }
}

/* 顶部右侧搜索框样式（首页） */
.header-search {
    max-width: 260px;
    width: 100%;
}

.header-search-input {
    border-radius: 999px;
    padding-right: 3.25rem;
    font-size: 0.9rem;
}

.header-search-input::-webkit-search-cancel-button,
.header-search-input::-webkit-search-decoration {
    -webkit-appearance: none;
    appearance: none;
}

.header-search-inner .header-search-icon {
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.35);
    pointer-events: auto;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    cursor: pointer;
}

.dark .header-search-inner .header-search-icon {
    color: rgba(255, 255, 255, 0.5);
}

/* 首页 Logo + 搜索 与顶部之间增加一点间距 */
.uc-center-navbar .uc-navbar > .d-flex:first-child {
    margin-top: 1.5rem;
}

/* 顶部语言切换样式 */
.header-lang-switch a {
    text-decoration: none;
    color: inherit;
}

.header-lang-switch {
    font-size: 0.95rem;
    align-items: center;
}

/* 页脚背景色 */
#uc-footer .footer-outer {
    background-color: #2d3237 !important;
    color: rgba(255, 255, 255, 0.9);
}
#uc-footer .footer-outer .text-dark,
#uc-footer .footer-outer .text-opacity-50 {
    color: rgba(255, 255, 255, 0.85) !important;
}
#uc-footer .footer-outer a {
    color: rgba(255, 255, 255, 0.9);
}
#uc-footer .footer-outer a:hover {
    color: #fff;
}
#uc-footer .footer-outer .form-control {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}
#uc-footer .footer-outer .form-control::placeholder {
    color: rgba(255, 255, 255, 0.5);
}

/* 分类页左侧栏目导航样式 */
.category-sidebar .category-sidebar-nav {
    margin-top: 0.25rem;
}
.category-sidebar-link {
    display: block;
    padding: 0.5rem 0.75rem;
    border-radius: 999px;
    color: inherit;
    transition: background-color 0.15s ease, color 0.15s ease, padding-left 0.15s ease;
}
.category-sidebar-link:hover {
    padding-left: 1rem;
    background-color: rgba(39, 87, 253, 0.06);
    color: var(--uc-primary, #2757fd);
}
.category-sidebar-link.is-active {
    padding-left: 1rem;
    background-color: var(--uc-primary, #2757fd);
    color: #fff;
}
.dark .category-sidebar-link:hover {
    background-color: rgba(129, 140, 248, 0.16);
    color: var(--uc-primary-400, #818cf8);
}
.dark .category-sidebar-link.is-active {
    background-color: var(--uc-primary-400, #818cf8);
    color: #fff;
}
.category-sidebar-dot {
    width: 8px;
    height: 20px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--uc-primary, #2757fd), #60a5fa);
    display: inline-block;
}

/* 分类页右侧列表：一行三个，每列 33.33% 等分 */
.category-list-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 1rem;
}
@media (max-width: 991px) {
    .category-list-row {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 575px) {
    .category-list-row {
        grid-template-columns: 1fr;
    }
}

/* 数字展厅：与网站风格统一的底色与卡片样式 */
.section-digital-hall .section-outer {
    color: inherit;
}
.section-digital-hall .featured-video-card {
    border-radius: 0.5rem;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0.06);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
}
.dark .section-digital-hall .featured-video-card,
.section-digital-hall .featured-video-card.dark\:bg-gray-800 {
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
.section-digital-hall .featured-video-halfheight.ratio-16x9 {
    --bs-aspect-ratio: 14.0625%; /* 9/64，即当前高度再减半 */
}
.section-digital-hall .post-media .video-cover,
.section-digital-hall .post-media video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}