/*
Theme Name: 世界前沿科技大会云网
Theme URI: https://www.gtsummit.net/
Author: GT Summit
Author URI: https://www.gtsummit.net/
Description: 世界前沿科技大会云网主题（基础框架）
Version: 0.1.0
Text Domain: gtsummit-cloud
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* Base resets */
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, "Noto Sans CJK SC", "Noto Sans SC", sans-serif; line-height: 1.6; color: #111; }
a { color: #0b5fff; text-decoration: none; }
a:hover { text-decoration: underline; }

.site-header { height: 150px; background: #090c0f; display: flex; align-items: center; }
.home .site-header { 
    background: transparent; 
    position: absolute; 
    top: 0; 
    left: 0; 
    right: 0; 
    z-index: 1000; 
}
body:not(.home) .site-header { background: linear-gradient(180deg, #001d46 0%, #00030a 100%); }

/* 首页main元素负margin-top，让内容覆盖header区域 */
.home .site-content {
    /*margin-top: -150px;*/
    position: relative;
    z-index: 1;
}

/* 非首页不需要特殊处理，header回到正常文档 */
.site-footer { padding: 16px; background: #f7f7f7; }
/* intentionally no padding for site-content per spec */
.site-title { font-weight: 700; font-size: 1.25rem; color: #fff; }

/* Header inner */
.header-inner { 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    gap: 16px; 
    width: 1530px;
    position: relative; /* 为绝对定位的语言切换按钮提供参考 */
}
.branding { display: flex; align-items: center; gap: 12px; }
.site-nav { flex: 1; }

/* Language toggle in header - 定位到右上角 */
.header-lang-toggle {
    position: absolute;
    top: 0;
    right: 24px;
    z-index: 10;
}

.lang-toggle-btn {
    background: transparent;
    border: 0;
    border-radius: 4px;
    padding: 0 0 0 20px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 300;
    cursor: pointer;
    transition: all 0.3s ease;
}



.lang-toggle-btn:active {
    background: rgba(255, 255, 255, 0.2);
}

/* Mobile responsive for language toggle */
@media (max-width: 768px) {
    .header-lang-toggle {
        top: 5px;
        right: 50px; /* 为移动端菜单按钮留出空间 */
    }
    
    .lang-toggle-btn {
        padding: 6px 12px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .header-lang-toggle {
        top: 0;
        right: 0;
    }
    
    .lang-toggle-btn {
        padding: 0 8px 8px 0;
        font-size: 11px;
    }
}

/* Mobile menu toggle button */
.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 30px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
    transition: all 0.3s ease;
}

/* Prevent body scroll when mobile menu is open */
body.mobile-nav-active {
    overflow: hidden;
}

.hamburger-line {
    width: 100%;
    height: 2px;
    background-color: #fff;
    transition: all 0.3s ease;
    transform-origin: center;
}

/* Hamburger animation when active */
.mobile-menu-toggle.active .hamburger-line:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.mobile-menu-toggle.active .hamburger-line:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active .hamburger-line:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}
/*.primary-menu { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; align-items: center; gap: 24px; list-style: none; margin: 0; padding: 0; }*/
.primary-menu { display: flex; justify-content: flex-end; align-items: center; gap: 50px; list-style: none; margin: 0; padding: 0; }
.primary-menu > li > a { 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
    font-size: 24px; 
    font-weight: 300; 
    color: #ffffff;
    text-decoration: none; /* 移除下划线*/
    transition: color 0.3s ease; /* 添加颜色过渡效果 */
}

.primary-menu > li > a:hover, 
.primary-menu > li.current-menu-item > a, 
.primary-menu > li.current-menu-ancestor > a { 
    color: #583ec5; 
    text-decoration: none; /* 确保hover状态下也没有下划线 */
    /* 移除font-weight变化，保持宽度稳定*/
}
/* 原menu-item-lang样式已移除，语言切换已移至header右上角 */
.nav-preicon { width: 30px; height: 30px; }

/* Guest carousel */
.guest-carousel { position: relative; }
.guest-hero { position: relative; width: calc( 100% - 40px);margin:0 auto}
.guest-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity .6s ease; }
.guest-hero > img.active { opacity: 1; }
.guest-indicators{margin:130px auto 100px auto}
.guest-indicators .indicator { width: 9px; height: 9px; border-radius: 999px; background: #626cdb; transition: all .3s ease; display: inline-block; }
.guest-indicators .indicator.active { width: 30px; height: 9px; border-radius: 9px; background: #626cdb; }

/* Front page layout */
.container-1530 { max-width: 1530px; margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; }
.full-bleed-inner { width: 100%; }
.frontpage { position: relative; }
.section { position: relative; z-index: 1; }
.section.hero { 
    z-index: 10; 
    height: 100vh; /* 给hero section设置全屏高度 */
    position: relative; 
}
.hero-media { 
    position: absolute; /* 改为absolute，只在hero section内显示 */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1; /* 确保在header下方 */
}
.hero-image { display: block; width: 100%; height: auto; }

/* Hero视频样式 */
.hero-video { 
    display: block; 
    width: 100%; /* 相对于fixed容器宽100% */
    height: 100%; /* 相对于fixed容器高100% */
    object-fit: cover; 
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
}

/* Hero文字内容 */
.hero-content {
    position: absolute;
    bottom: 80px;
    left: 30px;
    z-index: 10;
    max-width: 600px;
    width: calc(100% - 200px);
    color: white;
    text-align: left;
}

.hero-title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 24px 0;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
    white-space: nowrap;
}

.hero-subtitle {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.6;
    margin: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    opacity: 0.95;
}

/* 视频控制按钮容器 */
.hero-controls {
    position: absolute;
    right: 30px;
    bottom: 30px;
    display: flex;
    gap: 15px;
    z-index: 10;
}

/* 控制按钮通用样式 */
.hero-control-btn {
    background: rgba(0, 0, 0, 0.7);
    border: 2px solid rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    backdrop-filter: blur(10px);
}

.hero-control-btn:hover {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(0, 0, 0, 0.8);
    transform: scale(1.05);
}

.hero-control-btn:hover .control-icon {
    color: #000;
}

/* 控制图标样式 */
.control-icon {
    font-size: 16px;
    color: #fff;
    transition: color 0.3s ease;
    line-height: 1;
}

/* 音频图标 */
.audio-icon::before {
    content: "🔊"; /* 有声音图标 */
    font-size: 12px;
    font-weight: normal;
}
.audio-icon.muted::before {
    content: "🔇"; /* 静音图标 */
    font-size: 12px;
    font-weight: normal;
}

/* 播放/暂停图标 */
.play-icon::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M6 4h4v16H6V4zm8 0h4v16h-4V4z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.play-icon.paused::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 响应式样样式 */
@media (max-width: 768px) {
    .site-header {
        height: 120px; /* 移动端header高度调整 */
    }
    
    /* Show mobile menu toggle button */
    .mobile-menu-toggle {
        display: flex;
    }
    
    /* Hide desktop navigation */
    .site-nav {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: rgba(9, 12, 15, 0.95);
        backdrop-filter: blur(10px);
        z-index: 1000;
        padding-top: 120px;
        overflow-y: auto;
    }
    
    /* Show mobile navigation when active */
    .site-nav.mobile-nav-open {
        display: block;
    }
    
    /* Mobile menu styles */
    .site-nav.mobile-nav-open .primary-menu {
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        gap: 0;
        padding: 20px;
        max-width: 400px;
        margin: 0 auto;
    }
    
    .site-nav.mobile-nav-open .primary-menu > li {
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .site-nav.mobile-nav-open .primary-menu > li:last-child {
        border-bottom: none;
    }
    
    .site-nav.mobile-nav-open .primary-menu > li > a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: 20px 0;
        font-size: 20px;
        text-align: center;
        color: #fff;
        transition: all 0.3s ease;
    }
    
    .site-nav.mobile-nav-open .primary-menu > li > a:hover {
        color: #583ec5;
        background: rgba(88, 62, 197, 0.1);
    }
    
    .home .site-content {
        /* margin-top: -120px; */ /* 移动端不再使用负margin */
    }
    
    .hero-content {
        bottom: 60px;
        left: 20px;
        max-width: calc(100% - 120px);
        width: calc(100% - 120px);
    }
    
    .hero-title {
        font-size: 1.8rem;
        white-space: normal;
        margin-bottom: 16px;
    }
    
    .hero-subtitle {
        font-size: 1rem;
    }
    
    .hero-controls {
        right: 20px;
        bottom: 20px;
        gap: 10px;
    }
    .hero-control-btn {
        width: 40px;
        height: 40px;
    }
    .control-icon {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .site-header {
        height: 100px; /* 小屏移动端header高度进一步调�?*/
    }
    
    .home .site-content {
        /* margin-top: -100px; */ /* 小屏移动端不再使用负margin */
    }
    
    .hero-content {
        bottom: 40px;
        left: 15px;
        max-width: calc(100% - 80px);
        width: calc(100% - 80px);
    }
    
    .hero-title {
        font-size: 1.4rem;
        margin-bottom: 12px;
    }
    
    .hero-subtitle {
        font-size: 0.9rem;
        line-height: 1.5;
    }
    
    .hero-controls {
        right: 15px;
        bottom: 15px;
        gap: 8px;
    }
    .hero-control-btn {
        width: 36px;
        height: 36px;
    }
    .control-icon {
        font-size: 12px;
    }
}

.hero-play { position: absolute; right: 250px; bottom: 90px; background: transparent; border: none; padding: 0; cursor: pointer; }
/*.section .container-1530 { padding: 48px 24px; }*/
.section3-bg { position: absolute; inset: 0; background: transparent url(assets/img/robotic-arm.png) right 135px no-repeat; background-size: auto; pointer-events: none; }
.gateway {padding:100px 35px 35px 35px;}
.gateway-row { display: flex; align-items: center; gap: 110px; flex-wrap: wrap; align-items: self-start;}
.gateway-row img:nth-child(2){padding-top:15px}
.titles { margin-top: 168px; }
.titles-center { text-align: center; margin-bottom: 80px; }
.title-zh { font-size: 40px; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; line-height: 1;margin-bottom:20px}
.title-en { font-size: 22px; color: #322565; font-family: Arial, sans-serif; line-height: 1;}
.section3-shadowband { position: relative; box-shadow: 0 -8px 16px rgba(0,0,0,0.2), 0 8px 16px rgba(0,0,0,0.2); padding:35px 0;z-index: -1;}
.section3-features { display: flex; gap: 180px; }
.feature { display: flex; flex-direction: column; gap: 12px; background: #fff;border-radius: 10px; max-width: 290px; }
.feature-head { display: inline-flex; align-items: center; gap: 30px; }
.feature-icon { width: 60px; height: 60px; border-radius: 999px; background: #eef2ff; display: grid; place-items: center; }
.feature-icon img { width: 36px; height: 36px; display: block; }
.feature-title { font-size: 28px; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; }
.feature-desc { margin: 0; font-size: 20px; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif;font-weight: 300; }
.guest {padding:240px 0 35px 0;}
.guest-carousel { position: relative; display: grid; gap: 24px; }
.guest-hero { position: relative; height: 615px; background: #0a0a0a; overflow: hidden; }
.guest-cards { 
    overflow: hidden;
    width: 100%!important;
    padding: 30px 20px 30px 20px!important;
}

/* Swiper容器配置 */
.guest-cards.swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.guest-cards .swiper-wrapper {
    display: flex;
    transition-timing-function: ease;
    align-items: stretch; /* 让所有slide拉伸到相同高度 */
}

.guest-cards .swiper-slide {
    flex-shrink: 0;
    /* 宽度由Swiper JS的slidesPerView控制，不在CSS中设置 */
    display: flex; /* 让slide内容也能拉伸 */
}

.guest-card { 
    background: #fff; 
    padding: 20px; 
    width: 100%;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-radius: 8px;
    display: flex;
    flex-direction: column; 
}

.guest-card a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.guest-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
}
.guest-card img { 
    display: block; 
    width: 100%; 
    height: 260px; 
    object-fit: cover; 
    border-radius: 6px;
    flex-shrink: 0; 
}
/*
.guest-card-content { 
    margin-top: 20px; 
    flex-grow: 1; 
    display: flex;
    flex-direction: column;
}
.guest-card-title { 
    font-size: 35px; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    font-weight: 400; 
    line-height: 1.2; 
    margin: 0 0 12px 0; 
}
.guest-card-subtitle { 
    font-size: 14px; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    line-height: 1; 
    margin: 0 0 8px 0; 
}
*/
.guest-card-content {
  margin-top: 20px;
  flex-grow: 1;
  /* 不在这里使用 -webkit-line-clamp（已移除） */
  box-sizing: border-box;
  width: 100%;
}

/* 标题 */
.guest-card-title {
  font-size: 35px;
  color: #322565;
  font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif;
  font-weight: 400;
  line-height: 1.2; /* 1.2 * 35 = 42px 大概 */
  margin: 0 0 12px 0;
}

/* subtitles 容器：对它进行多行截断（3 行） */
.guest-card-subtitles {
  font-size: 14px;
  line-height: 24px;              /* 明确行高 */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;          /* 显示 3 行 */
  overflow: hidden;
}


/* 每个“段落”使用 span 表示，保持 inline 以便 line-clamp 正常计行 */
.guest-card-subtitle {
  display: inline;
  white-space: normal;
  box-sizing: border-box;
  padding-top: 4px;               /* 用 padding 控制段间距（可微调为 2~6px） */
  line-height: 24px;              /* 确保与容器一致 */
}
/* 在每个紧接着的 span 之前插入一个空的块级伪元素来强制换行，但不产生高度 */
.guest-card-subtitle + .guest-card-subtitle::before {
  content: "";
  display: block;   /* 强制换行 */
  height: 0;        /* 不占高度 */
  width: 0;
}
.guest-card-subtitle:last-child { margin-bottom: 0; }
.guest-indicators { 
    display: flex; 
    gap: 12px; 
    justify-content: center; 
    align-items: center; 
	position: relative!important;
}

/* Swiper pagination样式兼容 */
.guest-indicators .swiper-pagination-bullet {
    cursor: pointer;
}

.guest-indicators .swiper-pagination-bullet-active {
    width: 30px; 
    height: 9px; 
    border-radius: 9px; 
    background: #626cdb;
}

/* Corporate Exhibition Hall */
.corporate { position: relative; padding:160px 0 90px 0}
.corporate .titles-center { margin-bottom: 40px; }
.corporate-inner { display: grid; grid-template-columns: 1fr 1fr;  align-items: start; }
.corporate-left, .corporate-right { display: flex; flex-direction: column; gap: 60px; }
.corporate-list { list-style: disc; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; font-size: 24px; margin: 0; padding-left: 1.2em; margin:90px 0 100px 150px}
.corporate-list li { line-height: 2; }
.corporate-btn{text-align: center;}
.corporate-media img, .corporate-btn img { display: block; height: auto; width: auto; max-width: 100%; }
.corporate-btn img{margin:0 auto}

/* Schedule Overview */
.schedule { position: relative; padding:300px 0 0 0}
.schedule-band.section3-shadowband { padding: 80px 0; }
.schedule-inner { display: flex; justify-content: space-between; align-items: stretch; gap: 40px; }

/* Schedule Swiper样式 */
.schedule-media.swiper { 
    width: 940px; /* 785px(主图) + 155px(次图露出部分) */
    height: 520px; 
    position: relative; 
    overflow: hidden; /* 隐藏超出部分 */
}

.schedule-media .swiper-wrapper {
    width: 100%;
    height: 100%;
}

.schedule-media .swiper-slide {
    width: 785px !important; /* 每个slide宽度等于主图宽度 */
    height: 520px;
    position: relative;
}

/* 主图样式 */
.schedule-media .swiper-slide img {
    width: 785px;
    height: 520px;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

/* 当前活跃slide保持原始大小 */
.schedule-media .swiper-slide-active img {
    transform: scale(1);
    z-index: 2;
}

/* 下一个slide的图片缩放并右移 */
.schedule-media .swiper-slide-next img {
    transform: scale(0.8) translateX(20px);
    z-index: 1;
}

.schedule-media .swiper-slide-next{
	margin-left:-300px;
	z-index: -1;
}

/* 旧的次图样式已废弃：.schedule-next-image */

.schedule-media .schedule-next-image {
    width: 693px !important; /* 990px * 0.7 */
    height: 406px !important; /* 580px * 0.7 */
    object-fit: cover;
    position: absolute;
    left: 387px; /* 位置计算�?080px - 693px = 387px，让次图右对齐容�?*/
    top: 174px; /* 位置在大图下方：580px - 406px = 174px */
    z-index: 1; /* 次图在下层，被主图遮�?*/
    transform: scale(1); /* 已经�?0%尺寸，不需要额外缩�?*/
}

.schedule-media img { display: block; width: auto; height: auto; max-width: 100%; }
.schedule-aside { width: 295px; height:520px;display: flex; flex-direction: column; }
.schedule-year { font: 700 60px Arial, sans-serif; color: #322565; line-height: 1; }
.schedule-title-zh { font-size: 34px; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; font-weight: 700; line-height: 1; }
.schedule-title-en { font: 400 20px Arial, sans-serif; color: #8191a8; line-height: 1; margin-top:15px}
.schedule-date-row { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #8191a8; padding-bottom: 6px; margin-top: 40px;margin-bottom:12px }
.schedule-date { font-size: 18px; color: #8191a8; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; }
.schedule-arrow { width: 16px; height: 16px; background: #8191a8; border-radius: 2px; }
.schedule-subtitle { font-size: 30px; color: #8191a8; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; font-weight: 400; line-height: 1;}
.schedule-desc { font-size: 24px; color: #8191a8; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; font-weight: 400; line-height: 1.2;margin-top:10px}
.schedule-btn{flex:1;display: flex; align-items: center; justify-content: center;}
.schedule-btn img { display: block; width: auto; height: auto; max-width: 100%; margin-top: auto; }

/* Experience */
.experience { position: relative; background: transparent url(assets/img/experience-with-line-bg.jpg) no-repeat left bottom;height:890px;}
.experience .container-1530{padding:0}
.experience-inner { display: flex; }
.experience-panel { margin-left: auto; width: 42%; display: flex; flex-direction: column; align-items: flex-start; gap: 15px; padding-top:295px;}
.exp-title-zh { font-size: 40px; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; font-weight: 400; line-height: 1; }
.exp-title-en { font: 700 32px Arial, sans-serif; color: #bbb2e6;line-height: 1;text-indent: 1em;}
.exp-qr { width: 100%; display: grid; place-items: center; margin-top:110px;margin-bottom:25px}
.exp-qr img { display: block; width: auto; height: auto; max-width: 100%; box-shadow: 0 5px 10px rgba(0,0,0,.5);}
.exp-caption { font-size: 30px; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; text-align: center; width: 100%; }

/* News */
.news { position: relative; padding:250px 0 0 0}
.news-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: stretch; }
.news-left .news-item, .news-right .news-item { display: flex; flex-direction: column; height: 100%; gap: 25px; }
.news-thumb img { display: block; width: 100%; height: auto; border-top-right-radius: 30px; border-bottom-left-radius: 30px;}
.news-meta { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #626cdb; }
.news-cat { background: #626cdb; color: #ffffff; font-size: 18px; padding: 5px 20px; border-radius: 2px; line-height: 1;}
.news-date { font-size: 18px; color: #8191a8; line-height: 1;}
.news-title { font-size: 34px; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; font-weight: 700; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin:0}
.news-excerpt { font-size: 18px; color: #8191a8; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.news-right { display: flex; flex-direction: column; gap: 24px; }
/* Right column: variable lines, keep column height equal to left via 3 equal rows */
.news-right .news-item{gap:12px;height:auto}
.news-right .news-excerpt { display: block; -webkit-line-clamp: initial; line-clamp: initial; -webkit-box-orient: initial; overflow: visible; }

/* Partner */
.partner { position: relative; padding-top:240px}
.partner .titles-center{margin-bottom:0}
.partner img { display: block; width: auto; height: auto; max-width: 100%; margin: 0 auto; }

/* Footer */
.footer { background: #fff;padding-top:100px; padding-bottom:220px;}
.footer-inner { display: grid; grid-template-columns: 28% 72%; gap: 40px; align-items: start; }
.footer-left { padding-right: 20px; }
.footer-right { padding-left: 40px; border-left: 1px solid #322565; }
.footer-title-zh { font-size: 40px; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; font-weight: 400; }
.footer-title-en { font: 400 22px Arial, sans-serif; color: #322565; }
.footer-sep { height: 1px; background: #322565; margin: 12px 0 16px 0; }
.contact-list { display: grid; gap: 12px; padding-top:80px}
.contact-item { display: grid; grid-template-columns: 24px 1fr; gap: 12px; align-items: center; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; font-size: 18px; }
.contact-item img { display: block; }
.media-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px 20px; max-width: 780px;padding-top: 20px;float:right}
.media-card { width: 180px; height: 80px; background: #fff; border-radius: 6px; box-shadow: 0 2px 8px rgba(0,0,0,0.08); display: grid; place-items: center; }
.media-card img { max-width: 160px; max-height: 60px; width: auto; height: auto; display: block; }

/* PC端缩放优�?- 针对150%缩放等情�?*/
@media (max-width: 1600px) and (min-width: 1201px) {
	.container-1530 { max-width: 96vw; }
}

/* 更精确的缩放优化 - 针对1520px左右的屏�?*/
@media (max-width: 1580px) and (min-width: 1480px) {
	.container-1530 { max-width: 94vw; }
	
	/* 优化hero播放按钮位置 */
	.hero-play { right: 8vw; }
	
	/* 优化背景图片位置 */
	.section3-bg { background-position: right top 150px;z-index: 5;}
	.section3-features{gap:150px;}
	.guest-card{width: calc((1440px - 400px) / 4);}
	.guest-slide-content { gap: 60px; }
}

@media (max-width: 1200px) {
	.footer-inner { grid-template-columns: 1fr; }
	.footer-left { border-right: 0; padding-right: 0; }
	.footer-right { padding-left: 0; border:0}
	.media-grid { grid-template-columns: repeat(2, 1fr); }
	.media-card { width: 100%; }
}
@media (max-width: 1200px) {
	.experience-panel { width: 100%; }
	.news-grid { grid-template-columns: 1fr; }
	.news-right { grid-template-rows: none; }
}
@media (max-width: 1200px) {
	.corporate-inner { grid-template-columns: 1fr; }
	.schedule-inner { flex-direction: column; }
	.schedule-aside { width: 100%; }
	
	/* Schedule移动端优�?*/
	.schedule-media.swiper { 
		width: 100%; 
		max-width: 400px; 
		height: auto; 
		aspect-ratio: 785/520; 
	}
	.schedule-media .swiper-slide {
		width: 100% !important; /* 移动端单独显示 */
	}
	.schedule-media .swiper-slide-active img,
	.schedule-media .swiper-slide-next img {
		width: 100%;
		height: auto;
		position: relative;
		left: auto;
		top: auto;
	}
	/* 移动端隐藏次图片 */
	.schedule-media .swiper-slide-next {
		display: none;
	}
}
/* 平板端优�?*/
@media (max-width: 1200px) and (min-width: 769px) {
	/* 视频弹窗适配平板 */
	.hero-modal-dialog { width: 90vw; }
	
	/* Hero按钮位置调整 */
	.hero-play { right: 8vw; bottom: 6vh; }
	
	/* Guest carousel平板优化 */
	.guest-hero { height: 400px; }
	/* 平板端slide样式由JS breakpoints控制 */
	.guest-card { width: 100%; }
	
	/* 区块间距调整 */
	.gateway { padding: 80px 30px 30px 30px; }
	.guest { padding: 120px 0 30px 0; }
	.corporate { padding: 120px 0 60px 0; }
	.schedule { padding: 200px 0 0 0; }
	.news { padding: 160px 0 0 0; }
	.partner { padding-top: 160px; }
}

/* Responsive adjustments */
@media (max-width: 1200px) {
	.frontpage .grid { grid-template-columns: repeat(2, 1fr) !important; }
}

@media (max-width: 768px) {
	/* 移动端视频弹窗优化*/
	.hero-modal { 
		position: absolute !important;
		padding: 20px; 
		box-sizing: border-box; 
	}
	.hero-modal-dialog { 
		width: 100%; 
		max-width: none; 
		border-radius: 8px; 
		margin: 0; 
	}
	.hero-modal-body { 
		aspect-ratio: 16/9; 
	}
	
	/* Hero播放按钮移动端优�?*/
	.hero-play { 
		right: 20px; 
		bottom: 20px; 
		transform: scale(0.8); 
	}
	
	/* Guest carousel移动端优�?*/
	.guest-hero { 
		height: 300px; 
	}
	/* 移动端slide样式由JS breakpoints控制 */
	.guest-card { 
		width: calc( 100% - 60px ); 
		max-width: 400px; 
		margin: 0 auto; 
		padding: 20px;
	}
	.guest-card-title { 
		font-size: 28px; 
	}
	.guest-card-subtitle { 
		font-size: 12px; 
	}
	.guest-card img { 
		height: 280px; 
	}
	
	/* 区块间距优化 */
	.section { 
		padding: 60px 0; 
	}
	.gateway { 
		padding: 60px 20px 20px 20px; 
	}
	.guest { 
		padding: 60px 0 20px 0; 
	}
	.corporate { 
		padding: 80px 0 45px 0; 
	}
	.schedule { 
		padding: 150px 0 0 0; 
	}
	
	/* Schedule移动端优�?*/
	.schedule-media.swiper { 
		width: 100%; 
		max-width: 350px; 
		height: auto; 
		aspect-ratio: 785/520; 
	}
	.schedule-media .swiper-slide {
		width: 100% !important; /* 移动端单独显示 */
	}
	.schedule-media .swiper-slide-active img,
	.schedule-media .swiper-slide-next img {
		width: 100%;
		height: auto;
		position: relative;
		left: auto;
		top: auto;
	}
	/* 移动端隐藏次图片 */
	.schedule-media .swiper-slide-next {
		display: none;
	}
	.schedule { 
		padding: 150px 0 0 0; 
	}
	.experience { 
		height: 600px; 
	}
	.news { 
		padding: 125px 0 0 0; 
	}
	.partner { 
		padding-top: 120px; 
	}

	.corporate-list{margin:0 auto}
	.guest-indicators{margin:20px auto}
	.corporate-right{padding-top:30px}
	.schedule-btn{flex:none;margin-top: 30px;}
	.schedule-band.section3-shadowband{padding-bottom:0}
}

@media (max-width: 720px) {
	.site-header, .site-footer { padding: 12px; }
	/* Hide edge visual on very small screens for usability */
	.edge-visual { display: none; }
	.site-header{height: auto;}
}



/* Hero modal */
.hero-modal { 
    position: absolute !important; 
    top: 0 !important; 
    left: 0 !important; 
    right: 0 !important; 
    bottom: 0 !important; 
    display: grid; 
    place-items: center; 
    z-index: 9999 !important; 
    transform: none !important;
}
.hero-modal[hidden] { display: none !important; }
.hero-modal-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.55); animation: fadeIn .4s ease both; }
.hero-modal-dialog { position: relative; width: min(90vw, 1200px); background: #000; border-radius: 12px; overflow: hidden; box-shadow: 0 20px 60px rgba(0,0,0,.35); transform-origin: center; }
.hero-modal-body { aspect-ratio: 16/9; background: #000; position: relative; }
.hero-modal-body video { width: 100%; height: 100%; display: block; }

/* Video unmute hint */
.video-unmute-hint { position: absolute; top: 20px; right: 20px; z-index: 10; }
.unmute-btn { background: rgba(0,0,0,0.7); color: #fff; border: 2px solid #fff; border-radius: 25px; padding: 10px 20px; font-size: 14px; cursor: pointer; transition: all 0.3s ease; }
.unmute-btn:hover { background: rgba(255,255,255,0.9); color: #000; }
.video-unmute-hint.hidden { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }
.hero-modal-close { position: absolute; top: 8px; right: 8px; width: 36px; height: 36px; border-radius: 999px; border: 0; background: #ffffff; cursor: pointer; }

/* Modal animation states */
.hero-modal.expanding .hero-modal-backdrop { animation: fadeIn .6s ease both; }
.hero-modal.expanding .hero-modal-dialog { animation: expandIn .8s cubic-bezier(0.34, 1.56, 0.64, 1) both; }
.hero-modal.shrinking .hero-modal-backdrop { animation: fadeOut .7s ease both; }
.hero-modal.shrinking .hero-modal-dialog { animation: shrinkOut .7s cubic-bezier(0.55, 0.085, 0.68, 0.53) both; }

/* Hero play button hover effect */
.hero-play { transition: transform .2s ease, filter .2s ease; }
.hero-play:hover { transform: scale(1.05); filter: brightness(1.1); }
.hero-play:active { transform: scale(0.95); }

@keyframes fadeIn { from { opacity: 0 } to { opacity: 1 } }
@keyframes fadeOut { from { opacity: 1 } to { opacity: 0 } }
@keyframes expandIn { 
	0% { 
		transform: scale(0.2); 
		opacity: 0; 
	}
	50% {
		transform: scale(1.05); 
		opacity: 0.8; 
	}
	100% { 
		transform: scale(1); 
		opacity: 1; 
	} 
}
@keyframes shrinkOut { 
	0% { 
		transform: scale(1); 
		opacity: 1; 
	}
	50% {
		transform: scale(0.7); 
		opacity: 0.7; 
	}
	100% { 
		transform: scale(0.05); 
		opacity: 0; 
	} 
}

/* Cloud Venue Template */
.cloud-venue .cloud-hero img { display:block; width:100%; height:auto; }

/* Metaverse Exhibition Template */
.metaverse .metahero img{ display:block; width:100%; height:auto; }
.metaverse .meta-halls{height:1180px;background: transparent url(assets/img/earth.jpg) no-repeat center bottom; background-size: 1450px;}
.metaverse .agenda-titles{ margin: 160px 0 40px 0; }
.metaverse .agenda-title-zh{ font-size:40px; color:#322565; font-family:'SourceHanSansCN','Noto Sans SC',sans-serif; font-weight:400; line-height:1; margin-bottom:10px}
.metaverse .agenda-title-en{ font: 700 36px Arial, sans-serif; color:#b4aae4; line-height:1; text-transform: uppercase; padding-left:30px}
.metaverse .meta-block-img{margin-top:120px;}

/* 3.2 Themed Pavilion */
.metaverse .metapav{padding:250px 0 0 0;}
.metaverse .metapav .titles-center{ margin: 0 auto; }
.metaverse .metapav-band.section3-shadowband{ padding: 60px 0 105px 0; margin-top:55px;border-bottom:1px solid #e9e9e9;box-shadow: 0 -8px 16px rgba(0, 0, 0, 0.2) !important;}
.metaverse .metapav-grid{ display:grid; grid-template-columns: repeat(3, 1fr); column-gap:74px; row-gap:40px; text-align:center; align-items:start; }
.metaverse .metapav-card h3{ font-size:30px; color:#322565; font-family:'SourceHanSansCN','Noto Sans SC',sans-serif; font-weight:400; margin:0 0 8px 0; }
.metaverse .metapav-card .en{ font: 400 22px Arial, sans-serif; color:#322565; text-transform: uppercase; margin:0 0 16px 0; }
.metaverse .metapav-img{ height:460px;  box-shadow:0 12px 40px rgba(0,0,0,.18); overflow:hidden; }
.metaverse .metapav-img img{ width:100%; height:100%; object-fit:cover; display:block; }

/* 3.3 Booth carousel */
.metaverse .booth{ margin: 160px 0; }
.metaverse .booth-block-img{width: 100%;text-align: center;}
.metaverse .booth-carousel{ position:relative; }
.metaverse .booth-track{ display:flex; justify-content:center; align-items:flex-end; gap:40px; }
.metaverse .booth-item img{ display:block; width:auto; height:320px; border-radius:10px; box-shadow:0 12px 40px rgba(0,0,0,.18); }
.metaverse .booth-item.is-center img{ height:420px; }
.metaverse .booth-indicators{ margin-top:24px; }

/* 3.4 Avatar section */
.metaverse .avatar{padding-bottom:300px}
.metaverse .avatar .agenda-titles{ margin: 160px 0 24px 0; }
.metaverse .avatar-cta{ margin: 85px 0 24px 30px; }
.metaverse .avatar-cta img{ display:block; width:auto; height:auto; }
.metaverse .avatar-strip{ border-bottom:2px solid #8fd5c5; }
.metaverse .avatar-row{ display:flex; align-items:flex-end; gap:8px; position:relative; }
.metaverse .avatar-row img{ display:block; width:100%; height:auto; filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .25)) drop-shadow(0 18px 28px rgba(103, 220, 211, .5)); }
.metaverse .avatar-captions{ display:grid; grid-template-columns: repeat(3, 1fr); gap:8px; margin-top:12px; }
.metaverse .avatar-captions .cap{ text-align:center; font-family:'SourceHanSansCN','Noto Sans SC',sans-serif; color:#322565; font-size:20px; }
.metaverse .avatar-captions .cap h4{ font-size:30px; color:#322565; font-family:'SourceHanSansCN','Noto Sans SC',sans-serif; font-weight:700; line-height:1; margin-bottom:10px; }
.metaverse .avatar-captions .cap span{font-size:24px;color:#322565}

@media (max-width: 1200px){
	.metaverse .metapav-grid{ grid-template-columns: 1fr; column-gap:24px; }
	.metaverse .booth-track{ gap:20px; }
	.metaverse .booth-item img{ height:220px; }
	.metaverse .booth-item.is-center img{ height:300px; }
	.metaverse .avatar-row{ flex-direction:column; }
	.metaverse .avatar-captions{ grid-template-columns: 1fr; }
}
/* Section 1: Review */
.review{padding:240px 0 0 0}
.review .container-1530{padding:0}

.review .review-titles{ padding:0 35px}
.review .review-title-zh{ font-size:40px; color:#5940c9; font-family:'SourceHanSansCN','Noto Sans SC',sans-serif; font-weight:700; line-height:1; margin-bottom:15px}
.review .review-title-en{ font: 700 22px Arial, sans-serif; color:#5940c9; line-height:1;  margin-bottom:30px}

.review-hero{ width:100%; height:730px; position:relative; background:#000; }
.review-hero-media{ position:relative; width:100%; height:100%; }
.review-hero-video{ width:100%; height:100%; object-fit:cover; display:block; }
.review-hero-play{ position:absolute; right:30px; bottom:30px; background:transparent; border:0; cursor:pointer; padding:0; }

.review-cards{ display:grid; grid-template-columns: repeat(3, 1fr); gap:160px; margin-top:60px; }
.review-card{ width: calc((1530px - 2 * 160px) / 3); display:flex; flex-direction:column; gap:12px; }
.review-card-thumb{ position:relative; height:240px;  border-radius:6px; padding: 20px 25px;}
.review-card-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.review-card-thumb::before {
    content: '';
    position: absolute;
    top: 19px;
    left: 25px;
    width: calc(100% - 100px - 35px);
    height: 2px;
    background-color: #5940c9;
    z-index: 10;
}
.review-card-thumb .card-bullet{ position:absolute; left:20px; top:15px; width:10px; height:10px; background:#5940c9; border-radius:999px; box-shadow:0 0 0 2px #5940c9; }
.review-card-thumb .card-play{ position:absolute; right:8px; top:-30px; width:99px; height:99px; background:transparent; border:0; padding: 0;}
.review-card-thumb .card-play img{ width:100%; height:100%; object-fit:cover; display:block; border:0;}

.review-card-meta{ display:flex; flex-direction:column; gap:10px; padding:0 25px;}
.review-card-title-row{ display:flex; justify-content:space-between; align-items:flex-end; gap:20px; border-bottom:2px solid #5940c9; padding-bottom:6px; }
.review-card-title-row .meta-title{ color:#322565; font-family:'SourceHanSansCN','Noto Sans SC',sans-serif; font-weight:700; font-size:18px; }
.review-card-title-row .meta-date{ color:#8191a8; font: 100 10px Arial,sans-serif; }
.review-card-stats{ display:flex; justify-content:space-between; align-items:center; }
.review-card-stats .meta-plays{ color:#8191a8; font-size:10px; font-family:'SourceHanSansCN','Noto Sans SC',sans-serif; }
.review-card-stats .arrow-right{ width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 10px solid #8191a8; }

/* Section 2: Agenda */
.agenda{padding-bottom:100px}
.agenda .agenda-titles{ margin: 160px 0 60px 0; }
.agenda .agenda-title-zh{ font-size:40px; color:#322565; font-family:'SourceHanSansCN','Noto Sans SC',sans-serif; font-weight:400; line-height:1;margin-bottom:10px}
.agenda .agenda-title-en{ font: 700 36px Arial, sans-serif; color:#b4aae4; line-height:1; padding-left:25px}

.agenda .agenda-band{ padding:0}
.agenda .agenda-content{ position:relative; min-height: 790px; display:flex; align-items:flex-start; background: url('assets/img/agenda-bg.jpg') no-repeat right center;padding-top:240px}
/* .agenda .agenda-content::after{ content:""; position:absolute; right: 10%; top:50%; transform: translateY(-50%); width: 520px; height: 320px; background: url('assets/img/experience-bg.jpg') no-repeat center/cover; opacity:.9; } */

.agenda .agenda-lines{ position:relative; z-index:1; display:flex; flex-direction:column; gap:24px; }
.agenda .agenda-line{ position:relative; font-size:24px; color:#322565; font-family:'SourceHanSansCN','Noto Sans SC',sans-serif; }
.agenda .agenda-line::before{ content:""; position:absolute; left:0; bottom:-8px; width: calc(100% + 60px); height:2px; background:#322565; }
.agenda .agenda-line::after{ content:""; position:absolute; left:-10px; bottom:-11px; width:10px; height:10px; background:#322565; border-radius:999px; }

@media (max-width: 1200px){
	.review-cards{ gap:60px; }
	.review-card{ width:100%; }
	.agenda .agenda-content::after{ position:static; transform:none; width:100%; height:200px; opacity:.3; margin-top:20px; }
}

/* 云会场模板响应式优化 */
@media (max-width: 768px){
	.review-cards{ display: grid; grid-template-columns: 1fr; gap: 40px; }
	.review-hero{ height: 300px; }
	.review-hero-play{ display: none; }
	.agenda .agenda-content{ min-height: 300px; }
}

@media (max-width: 480px){
	.review-hero{ height: 250px; padding: 0 16px; }
	.review-cards{ gap: 30px; }
	.agenda .agenda-content{ min-height: 250px; padding: 20px 0; }
}



@media (max-width: 480px) {
	/* 小屏移动设备额外优化 */
	.container-1530 { padding-left: 16px; padding-right: 16px; }

	/* Show mobile menu toggle button */
	.mobile-menu-toggle {
		display: flex;
	}
	
	/* Hide desktop navigation */
	.site-nav {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(9, 12, 15, 0.95);
		backdrop-filter: blur(10px);
		z-index: 1000;
		padding-top: 120px;
		overflow-y: auto;
	}
	
	/* Show mobile navigation when active */
	.site-nav.mobile-nav-open {
		display: block;
	}
	
	/* Mobile menu styles */
	.site-nav.mobile-nav-open .primary-menu {
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		gap: 0;
		padding: 20px;
		max-width: 400px;
		margin: 0 auto;
	}
	
	.site-nav.mobile-nav-open .primary-menu > li {
		width: 100%;
		border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	}
	
	.site-nav.mobile-nav-open .primary-menu > li:last-child {
		border-bottom: none;
	}
	
	.site-nav.mobile-nav-open .primary-menu > li > a {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		padding: 20px 0;
		font-size: 20px;
		text-align: center;
		color: #fff;
		transition: all 0.3s ease;
	}
	
	.site-nav.mobile-nav-open .primary-menu > li > a:hover {
		color: #583ec5;
		background: rgba(88, 62, 197, 0.1);
	}
	
	/* Hero播放按钮移动端居�?*/
	.hero-play { 
		right: auto; 
		bottom: auto; 
		left: 50%; 
		top: 50%; 
		transform: translate(-50%, -50%) scale(0.4); 
	}
	
	/* 视频弹窗小屏优化 */
	.hero-modal { 
		position: absolute !important;
		padding: 10px; 
	}
	.hero-modal-dialog { 
		width: 100%; 
		border-radius: 6px; 
		margin: 0; 
	}
	
	.gateway{padding:35px 16px;}
	.gateway-row{gap:20px;}
	.gateway-row img{width: 100%;}
	.section3-bg{background: transparent url(assets/img/robotic-arm.png) right 185px no-repeat;background-size: 40%;}
	.gateway-row img:nth-child(2){z-index:-1}
	.titles{margin-top: 48px;}
	.title-zh{font-size:28px;}
	.title-en{font-size:16px;}
	.section3-features{flex-direction: column;gap:25px;}
	.feature-icon{width:auto;height:auto;}
	.feature-title{font-size:22px;}
	.feature-desc{font-size:15px;}

	.guest{padding: 40px 0 15px 0;}
	.guest-hero { height: 250px; }
	.guest-card-title { 
		font-size: 24px; 
	}
	.guest-card-subtitle { 
		font-size: 11px; 
	}

	.review{padding-top:50px!important}
	.review-title-zh,.agenda-title-zh{font-size:28px!important;}
	.review-title-en,.agenda-title-en{font-size:16px!important;}
	.review-cards{grid-template-columns: 1fr;}
	.review-hero{height: auto;padding:0 16px;background: transparent;}
	.review-hero-play{display: none;}

	.agenda .agenda-content{background-size: contain;background-position-y: bottom;}
	.agenda .agenda-content{min-height: 300px;padding:25px 0;justify-content: center;}
	.agenda .agenda-line{font-size:18px;}
	.agenda .agenda-line::before{width: 100%;}

	/* 进一步优化区块间�?*/
	.section { padding: 0; }
	.corporate { padding: 60px 0 30px 0; }
	.schedule { padding: 100px 0 0 0; }
	.experience { background-size: contain;}
	.experience-panel{padding-top:50px;}
	.exp-title-zh{padding-left:20px}
	.exp-title-en{padding-left:40px;}
	.exp-qr{margin-top:30px;}
	.news { padding: 80px 0 0 0; }
	.partner { padding-top: 80px; }

	.contact-list{padding-top:40px}
	.media-grid{padding:40px 0}
}

/* About Us Template */
.about-us .about-hero img { display: block; width: 100%; height: auto; }

/* News Category Template */
.news-page .news-hero img { display: block; width: 100%; height: auto; }

/* About Us agenda titles */
.about-us .agenda-titles { margin: 60px 0; }
.about-us .agenda-title-zh { font-size: 40px; color: #322565; font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; font-weight: 400; line-height: 1; margin-bottom: 10px; }
.about-us .agenda-title-en { font: 700 36px Arial, sans-serif; color: #b4aae4; line-height: 1; padding-left: 25px; }

/* About content section */
.about-content { padding: 160px 0 90px 0; }
.about-main { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; margin-top: 100px; }

.about-left { 
    font-size: 24px; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    line-height: 1.5; 
}
.about-left p { margin-bottom: 20px; }
.about-left h2, .about-left h3 { 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    margin-top: 30px; 
    margin-bottom: 15px; 
}

.about-right { 
    padding: 40px 30px 40px 100px; 
}

.contact-info { display: flex; flex-direction: column; gap: 30px; }
.contact-row { display: flex; align-items: center; gap: 60px; }
.contact-icon { 
    width: 60px; 
    height: 60px; 
    background: linear-gradient(to bottom, #5939c5 0%, #5c82f0 100%);
    border-radius: 50%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    flex-shrink: 0; 
}
.contact-icon img { display: block; }
.contact-text { display: flex; flex-direction: column; gap: 4px; color:#583ec5;font-size:28px}

/* About features section */
.about-features { padding: 0 0 160px 0; }
.about-grid { 
    display: grid; 
    grid-template-columns: repeat(5, 1fr); 
    gap: 40px; 
    margin-top: 60px; 
	padding:40px 0;
}
.about-grid .media-card{
    width:auto;
    height:auto;
}
.about-grid .media-card img{
    max-width:264px;
    height:auto;
    max-height:none;
}

.about-feature-card { 
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}


.feature-image { 
    width: 58px; 
    height: 58px; 
    overflow: hidden; 
}
.feature-image img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    display: block; 
    transition: transform 0.3s ease; 
}


.about-features .feature-title { 
    font-size: 32px; 
    color: #583ec5; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    font-weight: 500; 
    text-align: center; 
    padding: 25px 20px 0 20px; 
    margin: 0; 
    line-height: 1.2; 
}

/* About Us responsive design */
@media (max-width: 1200px) {
    .about-main { grid-template-columns: 1fr; gap: 60px; }
    .about-right { margin-top: 0; }
    .about-grid { grid-template-columns: repeat(2, 1fr); gap: 30px; }
    .about-features { padding: 80px 0 120px 0; }
}

@media (max-width: 768px) {
    .site-logo img{
        max-width: 280px;
        height: auto;
    }

    .about-content { padding: 80px 0 60px 0; }
    .about-main { gap: 40px; margin-top: 40px; display: block;}
    .about-left { font-size: 16px; line-height: 1.6; }
    .about-right { padding: 30px 20px; }
    .contact-info { gap: 25px; }
    .contact-row { gap: 15px; }
    .contact-icon { width: 40px; height: 40px; }
    .contact-icon img { width: 20px; height: 20px; }
    .contact-value { font-size: 16px; }
    
    .about-features { padding: 60px 0 80px 0; }
    .about-grid { grid-template-columns: repeat(2, 1fr); gap: 25px; margin-top: 40px; }

    .feature-title { font-size: 20px; padding: 20px 15px; }
}

@media (max-width: 480px) {
    .about-content { padding: 60px 0 40px 0; }
    .about-left { font-size: 15px; }
    .about-right { padding: 25px 15px; }
    .contact-info { gap: 20px; }
    .contact-value { font-size: 15px; }
    
    .about-features { padding: 0 0 60px 0; }
    .about-grid { gap: 20px; margin-top: 30px; }

    .feature-title { font-size: 18px; padding: 15px 10px; }

	.about-us .agenda-titles{margin:0;}
	.about-us .contact-text{font-size: 22px;}
	.footer-title-zh{font-size:28px;}
	.footer-title-en{font-size:18px;}
}

/* News Page Template & Category Archive */
.news-page { position: relative; }

/* NSW: New Simple Web slider - 独立前缀，避免影响现有news-样式 */
.nsw-hero-carousel { 
    position: relative; 
    margin-top: 160px; /* 新轮播容器上边距 - PC */
    max-width: 1530px;
    margin:0 auto;
}
.nsw-swiper { 
    width: 100%;
    height: auto; 
    margin: 0;
    max-width: none;
    padding: 0;
    overflow: hidden;
    padding:60px 0!important;
}
.nsw-swiper .swiper-wrapper { display: flex; align-items: stretch; }
.nsw-swiper .swiper-slide { flex-shrink: 0; }
.nsw-pagination { position: relative !important; margin-top: 30px !important; text-align: center; }
.nsw-pagination .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 50%; background: #ddd; margin: 0 6px; opacity: 1; }
.nsw-pagination .swiper-pagination-bullet-active { background: #583ec5; }

/* NSW 响应式：保证4/2/1列，不偏移 */
@media (max-width: 1200px) {
    .nsw-swiper { padding: 0; }
    .nsw-hero-carousel { margin-top: 120px; }
}
@media (max-width: 768px) {
    .nsw-swiper { padding: 0 16px; max-width: none; }
    .nsw-swiper .swiper-slide { margin: 0 !important; }
    .nsw-hero-carousel { margin-top: 80px; }
}
@media (max-width: 480px) {
    .nsw-swiper { padding: 0 12px; max-width: none; }
    .nsw-swiper .swiper-slide { margin: 0 !important; }
    .nsw-hero-carousel { margin-top: 60px; }
    
    .about-grid .media-card img{
        max-width: 100%;
    }
}

/* News Hero Carousel - 简化版本 */
.news-hero-carousel { 
    position: relative; 
    background: #f8f9fa; 
    padding: 60px 0; 
    overflow: hidden;
}

.news-swiper { 
    width: 100%;
    height: auto; 
    margin: 0 auto;
    max-width: 1530px;
    padding: 0 24px;
    overflow: hidden;
}

.news-swiper .swiper-slide {
    width: auto !important;
    flex-shrink: 0;
}

.news-swiper .swiper-wrapper {
    display: flex;
    align-items: stretch;
}

.news-card { 
    display: flex; 
    flex-direction: column; 
    height: 100%; 
    margin: 0; 
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.news-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.news-card-image { 
    width: 100%; 
    height: 450px; 
    overflow: hidden; 
}

.news-card-image img,
.news-card-image .news-thumbnail,
.news-card-image .attachment-post-thumbnail,
.news-card-image .size-post-thumbnail,
.news-card-image .wp-post-image { 
    width: 100% !important; 
    height: 100% !important; 
    object-fit: cover; 
    display: block; 
    transition: transform 0.3s ease;
}

.news-card:hover .news-card-image img {
    transform: scale(1.05);
}

.news-card-content { 
    padding: 30px 20px;
    background: #fff; 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    justify-content: space-between; 
}

.news-card-title { 
    font-size: 28px; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    font-weight: 400; 
    line-height: 1.3; 
    margin: 0 0 20px 0; 
}
.news-card-title .title-highlight { 
    font-size: 28px; 
    color: #322565; 
    font-weight: 400; 
}

.news-card-date { 
    font-size: 18px; 
    color: #8191a8; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    text-align: right; 
    margin-top: auto; 
}

/* 轮播指示器 */
.news-pagination { 
    position: relative !important; 
    margin-top: 40px !important; 
    text-align: center; 
}

.news-pagination .swiper-pagination-bullet { 
    width: 12px; 
    height: 12px; 
    border-radius: 50%; 
    background: #ddd; 
    margin: 0 8px; 
    opacity: 1; 
    cursor: pointer;
    transition: all 0.3s ease;
}

.news-pagination .swiper-pagination-bullet-active { 
    background: #583ec5; 
    transform: scale(1.2);
}

/* 响应式样式 - 新闻轮播 */
@media (max-width: 1200px) {
    .news-card-image { 
        height: 250px; 
    }
    .news-card-title { 
        font-size: 18px; 
    }
    .news-card-title .title-highlight { 
        font-size: 22px; 
    }
}

@media (max-width: 768px) {
    .news-hero-carousel { 
        padding: 40px 0; 
    }
    .news-swiper {
        padding: 0 16px;
        max-width: none;
    }
    .news-swiper .swiper-slide {
        margin: 0 !important;
    }
    .news-card {
        margin: 0 !important;
    }
    .news-card-title { 
        font-size: 16px; 
    }
    .news-card-title .title-highlight { 
        font-size: 20px; 
    }
    .news-card-image { 
        height: 200px; 
    }
    .news-card-content { 
        padding: 15px; 
    }
    .news-card-date {
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .news-hero-carousel { 
        padding: 30px 0; 
    }
    .news-swiper {
        padding: 0 12px;
        max-width: none;
    }
    .news-swiper .swiper-slide {
        margin: 0 !important;
    }
    .news-card {
        margin: 0 !important;
    }
    .news-card-title { 
        font-size: 14px; 
    }
    .news-card-title .title-highlight { 
        font-size: 18px; 
    }
    .news-card-image { 
        height: 180px; 
    }
    .news-card-content { 
        padding: 12px; 
    }
    .news-card-date { 
        font-size: 11px; 
    }
}

/* News Sections */
.news-section { 
    padding: 80px 0 80px 0; 
}

.news-section-header { 
    margin-bottom: 60px; 
}

.news-section-titles { 
    margin-bottom: 20px; 
}
.news-section-title-zh { 
    font-size: 40px; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    font-weight: 400; 
    line-height: 1; 
    margin-bottom: 10px; 
}
.news-section-title-en { 
    font-size: 22px; 
    color: #322565; 
    font-family: Arial, sans-serif; 
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.news-section-title-en .more-link-header {
    font-size: 18px;
    color: #583ec5;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}
.news-section-title-en .more-link-header:hover {
    color: #322565;
    text-decoration: none;
}

/* News list more link */
.news-list .more-link {
    display: inline-block;
    font-size: 18px;
    color: #583ec5;
    text-decoration: none;
    font-weight: 500;
    padding: 15px 0;
    transition: all 0.3s ease;
    text-align: right;
    margin-top: auto;
}
.news-list .more-link:hover {
    color: #322565;
    text-decoration: none;
}

.news-section-line { 
    position: relative; 
    width: 100%; 
    height: 2px; 
}
.line-accent { 
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 35px; 
    height: 8px; 
    background: #583ec5; 
    transform: translateY(-7px); 
}
.line-main { 
    width: 100%; 
    height: 2px; 
    background: #444444; 
}

.news-content { 
    display: grid; 
    grid-template-columns: 1fr 800px; 
    gap: 60px; 
    align-items: start; 
}

.news-list { 
    display: flex; 
    flex-direction: column; 
    height: 500px; 
    justify-content: space-between; 
    max-width: 650px;
}

.news-list .news-item { 
    cursor: pointer; 
    transition: all 0.3s ease; 
    padding: 20px 15px; 
    border-radius: 8px;
    margin-bottom: 10px;
}
.news-item:hover, 
.news-item.active { 

}
.news-item.active {

}

.news-item-header { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-bottom: 15px; 
}

.news-item-date { 
    display: flex; 
    align-items: baseline; 
    gap: 8px; 
}
.date-year { 
    font-size: 48px; 
    font-weight: 700; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    line-height: 1; 
}
.date-month-day { 
    font-size: 40px; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    line-height: 1; 
}

.news-item-icon { 

}
.news-item-icon img { 
    width: 100%; 
    height: 100%; 
    display: block; 
}

.news-item-title { 
    font-size: 30px; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    font-weight: 400; 
    line-height: 1.4; 
    margin: 0; 
    border-bottom: 2px solid #322565; 
    padding-bottom: 10px; 
    /* 限制只显示一行文字，保持原有宽度 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.news-image { 
    width: 800px; 
    height: 500px; 
    overflow: hidden; 
    background: #f5f5f5;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.news-image::before {
    content: '图片加载中...';
    color: #999;
    font-size: 16px;
    position: absolute;
    z-index: 1;
}
.news-image img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    display: block; 
    transition: opacity 0.3s ease;
    position: relative;
    z-index: 2;
}
.news-image img[src=""], 
.news-image img:not([src]) {
    display: none;
}

/* News Page Responsive Design */
@media (max-width: 1200px) {
    .news-content { 
        grid-template-columns: 1fr; 
        gap: 40px; 
    }
    .news-image { 
        width: 100%; 
        height: 400px; 
        order: -1; 
    }
    .news-list { 
        height: auto; 
        gap: 30px; 
    }
    .news-section { 
        padding: 80px 0 60px 0; 
        margin-top: 120px; /* 平板较大屏 */
    }
}

@media (max-width: 768px) {
    .news-hero-carousel {
        padding: 40px 0;
    }
    
    .news-section { 
        padding: 60px 0 40px 0; 
        margin-top: 80px; /* 移动端 */
    }
    .news-section-title-zh { 
        font-size: 32px; 
    }
    .news-section-title-en { 
        font-size: 18px; 
    }
    .line-accent { 
        width: 200px; 
        height: 6px; 
        transform: translateY(-2px); 
    }
    
    .news-image { 
        height: 300px; 
    }
    .date-year { 
        font-size: 36px; 
    }
    .date-month-day { 
        font-size: 30px; 
    }
    .news-item-title { 
        font-size: 24px;
    }
    .news-item { 
        padding: 15px 0; 
    }
}

@media (max-width: 480px) {
    .news-hero-carousel {
        padding: 30px 0;
    }
    .news-card-image { 
        height: 300px; 
    }
    .news-card-title { 
        font-size: 20px; 
    }
    .news-card-title .title-highlight { 
        font-size: 36px; 
    }
    
    .news-section { 
        padding: 40px 0 30px 0; 
        margin-top: 60px; /* 小屏手机 */
    }
    .news-section-title-zh { 
        font-size: 28px; 
    }
    .news-section-title-en { 
        font-size: 16px; 
    }
    .line-accent { 
        width: 150px; 
        height: 4px; 
        transform: translateY(-1px); 
    }
    
    .news-image { 
        height: 250px; 
    }
    .date-year { 
        font-size: 28px; 
    }
    .date-month-day { 
        font-size: 24px; 
    }
    .news-item-title { 
        font-size: 20px;
    }
    .news-pagination { 
        margin-top: 30px !important; 
    }
    .news-pagination .swiper-pagination-bullet { 
        width: 40px; 
        height: 3px; 
        margin: 0 4px; 
    }
}

/* Category Posts Section */
.category-posts { 
    padding: 80px 0; 
    background: #f8f9fa; 
}

.category-header { 
    text-align: center; 
    margin-bottom: 60px; 
}
.category-title { 
    font-size: 48px; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    font-weight: 400; 
    margin: 0 0 20px 0; 
}
.category-description { 
    font-size: 18px; 
    color: #666; 
    line-height: 1.6; 
}

.posts-grid { 
    display: grid; 
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); 
    gap: 40px; 
    margin-bottom: 60px; 
}

.post-card { 
    background: #fff; 
    border-radius: 12px; 
    overflow: hidden; 
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1); 
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}
.post-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); 
}

.post-thumbnail { 
    width: 100%; 
    height: 220px; 
    overflow: hidden; 
}
.post-thumbnail img { 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    display: block; 
    transition: transform 0.3s ease; 
}
.post-card:hover .post-thumbnail img { 
    transform: scale(1.05); 
}

.post-content { 
    padding: 25px; 
}
.post-title { 
    font-size: 22px; 
    color: #322565; 
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif; 
    font-weight: 500; 
    line-height: 1.4; 
    margin: 0 0 15px 0; 
}
.post-title a { 
    color: inherit; 
    text-decoration: none; 
}
.post-title a:hover { 
    color: #583ec5; 
}

.post-meta { 
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    margin-bottom: 15px; 
    padding-bottom: 10px; 
    border-bottom: 1px solid #eee; 
}
.post-date { 
    font-size: 14px; 
    color: #8191a8; 
}
.post-categories a { 
    font-size: 12px; 
    color: #583ec5; 
    background: rgba(88, 62, 197, 0.1); 
    padding: 4px 8px; 
    border-radius: 4px; 
    text-decoration: none; 
    margin-left: 5px; 
}

.post-excerpt { 
    font-size: 16px; 
    color: #666; 
    line-height: 1.6; 
}

/* Pagination */
.pagination { 
    text-align: center; 
}
.pagination .nav-links { 
    display: flex; 
    justify-content: center; 
    gap: 10px; 
}
.pagination a, 
.pagination .current { 
    display: inline-block; 
    padding: 10px 15px; 
    background: #fff; 
    color: #322565; 
    border: 1px solid #ddd; 
    border-radius: 6px; 
    text-decoration: none; 
    transition: all 0.3s ease; 
}
.pagination a:hover, 
.pagination .current { 
    background: #583ec5; 
    color: #fff; 
    border-color: #583ec5; 
}

/* News link styles */
.news-link {
    color: inherit;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: inherit;
    transition: all 0.3s ease;
}

/* News card link styles for carousel */
.news-card-link {
    color: inherit;
    text-decoration: none;
    display: block;
    transition: all 0.3s ease;
}

.news-link:hover {
    text-decoration: none;
    transform: translateY(-2px);
}

.news-link:hover .news-title {
    color: #583ec5;
}

.news-link:hover .news-thumb img {
    transform: scale(1.02);
    transition: transform 0.3s ease;
}

.news-card-link:hover {
    text-decoration: none;
    transform: translateY(-2px);
}

.news-card-link:hover .news-card-title {
    color: #583ec5;
}

.news-card-link:hover .news-card-image img {
    transform: scale(1.02);
    transition: transform 0.3s ease;
}

/* News item title links */
.news-item-title a { 
    color: inherit; 
    text-decoration: none; 
}
.news-item-title a:hover { 
    color: #583ec5; 
}

/* Category Archive Responsive */
@media (max-width: 768px) {
    .category-posts { 
        padding: 60px 0; 
    }
    .category-title { 
        font-size: 36px; 
    }
    .posts-grid { 
        grid-template-columns: 1fr; 
        gap: 30px; 
    }
    .post-thumbnail { 
        height: 200px; 
    }
    .post-content { 
        padding: 20px; 
    }
    .post-title { 
        font-size: 20px; 
    }
}

@media (max-width: 480px) {
    .category-title { 
        font-size: 28px; 
    }
    .post-thumbnail { 
        height: 180px; 
    }
    .post-content { 
        padding: 15px; 
    }
    .post-title { 
        font-size: 18px; 
    }
}

/* Single Post Styles */
.single-hero {
    width: 100%;
    height: 850px;
    overflow: hidden;
    position: relative;
}

.single-hero .hero-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.single-content-wrapper {
    padding: 80px 0;
    background: #fff;
}

.single-article {
    max-width: 1200px;
    margin: 0 auto;
    background: #fff;
}

.article-header {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 2px solid #f0f0f0;
}

.article-meta {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.article-category {
    background: #626cdb;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 16px;
    border-radius: 20px;
    font-weight: 500;
    line-height: 1;
}

.article-date {
    font-size: 16px;
    color: #8191a8;
    font-weight: 400;
}

.article-title {
    font-size: 2.5rem;
    color: #322565;
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.article-content {
    font-size: 18px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 50px;
}

.article-content p {
    margin-bottom: 24px;
}

.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5,
.article-content h6 {
    color: #322565;
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif;
    font-weight: 600;
    margin: 40px 0 20px 0;
    line-height: 1.4;
}

.article-content h2 {
    font-size: 2rem;
}

.article-content h3 {
    font-size: 1.5rem;
}

.article-content h4 {
    font-size: 1.25rem;
}

.article-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 30px 0;
}

.article-content blockquote {
    background: #f8f9fa;
    border-left: 4px solid #626cdb;
    padding: 20px 30px;
    margin: 30px 0;
    font-style: italic;
    color: #666;
}

.article-content ul,
.article-content ol {
    margin: 20px 0;
    padding-left: 30px;
}

.article-content li {
    margin-bottom: 8px;
}

/* Page Links */
.page-links {
    margin: 40px 0;
    text-align: center;
}

.page-links-title {
    font-weight: 600;
    margin-right: 15px;
    color: #322565;
}

.page-links a,
.page-links > span {
    display: inline-block;
    padding: 8px 16px;
    margin: 0 4px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 4px;
    color: #626cdb;
    text-decoration: none;
    font-weight: 500;
}

.page-links a:hover {
    background: #626cdb;
    color: #fff;
    border-color: #626cdb;
}

.page-links .current {
    background: #626cdb;
    color: #fff;
    border-color: #626cdb;
}

/* Post Navigation */
.post-navigation {
    margin-top: 60px;
    padding-top: 40px;
    border-top: 2px solid #f0f0f0;
}

.nav-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.nav-previous,
.nav-next {
    padding: 30px;
    background: #f8f9fa;
    border-radius: 12px;
    transition: all 0.3s ease;
}

.nav-previous:hover,
.nav-next:hover {
    background: #e9ecef;
    transform: translateY(-2px);
}

.nav-previous a,
.nav-next a {
    text-decoration: none;
    color: inherit;
    display: block;
}

.nav-next {
    text-align: right;
}

.nav-subtitle {
    display: block;
    font-size: 14px;
    color: #8191a8;
    margin-bottom: 8px;
    font-weight: 500;
}

.nav-title {
    display: block;
    font-size: 18px;
    color: #322565;
    font-weight: 600;
    line-height: 1.4;
}

.nav-previous a:hover .nav-title,
.nav-next a:hover .nav-title {
    color: #626cdb;
}

/* Single Post Mobile Styles */
@media (max-width: 768px) {
    .single-hero {
        height: 250px;
    }
    
    .single-content-wrapper {
        padding: 40px 0;
    }
    
    .article-title {
        font-size: 1.8rem;
    }
    
    .article-content {
        font-size: 16px;
    }
    
    .article-content h2 {
        font-size: 1.5rem;
    }
    
    .article-content h3 {
        font-size: 1.25rem;
    }
    
    .nav-links {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .nav-next {
        text-align: left;
    }
}

@media (max-width: 480px) {
    .single-hero {
        height: 200px;
    }
    
    .single-content-wrapper {
        padding: 30px 0;
    }
    
    .article-header {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    
    .article-title {
        font-size: 1.5rem;
    }
    
    .article-content {
        font-size: 15px;
    }
    
    .article-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .nav-previous,
    .nav-next {
        padding: 20px;
    }
}

/* ==========================================
   Category List Page - 分类文章列表页面
   左图右文布局，支持无限滚动加载
   ========================================== */

.category-list-page {
    position: relative;
}

.category-list-section {
    padding: 80px 0 120px 0;
    background: #fff;
}

/* 分类标题 */
.category-list-header {
    text-align: center;
    margin-bottom: 60px;
    padding-bottom: 30px;
    border-bottom: 2px solid #f0f0f0;
}

.category-list-title {
    font-size: 48px;
    color: #322565;
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif;
    font-weight: 700;
    margin: 0 0 15px 0;
    line-height: 1.2;
}

.category-list-desc {
    font-size: 18px;
    color: #8191a8;
    margin: 0;
    line-height: 1.6;
}

/* 文章列表容器 */
.category-list-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

/* 单个文章项 - 左图右文布局 */
.category-list-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.category-list-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}

.category-list-link {
    display: grid;
    grid-template-columns: 400px 1fr;
    gap: 0;
    text-decoration: none;
    color: inherit;
}

.category-list-link:hover {
    text-decoration: none;
}

/* 图片区域 */
.category-list-image {
    width: 400px;
    height: 280px;
    overflow: hidden;
    position: relative;
}

.category-list-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.category-list-item:hover .category-list-image img {
    transform: scale(1.05);
}

.no-image-placeholder {
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 16px;
}

/* 内容区域 */
.category-list-content {
    padding: 35px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.category-list-item-title {
    font-size: 26px;
    color: #322565;
    font-family: 'SourceHanSansCN', 'Noto Sans SC', sans-serif;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 15px 0;
    transition: color 0.3s ease;
    /* 限制两行显示 */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.category-list-item:hover .category-list-item-title {
    color: #583ec5;
}

.category-list-item-excerpt {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin: 0 0 20px 0;
    /* 限制三行显示 */
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.category-list-item-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.category-list-item-date {
    font-size: 14px;
    color: #8191a8;
}

.category-list-item-more {
    font-size: 14px;
    color: #583ec5;
    font-weight: 500;
    transition: all 0.3s ease;
}

.category-list-item:hover .category-list-item-more {
    color: #322565;
}

/* 加载更多区域 */
.load-more-container {
    margin-top: 60px;
    text-align: center;
}

.load-more-spinner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px;
    color: #8191a8;
    font-size: 16px;
}

.load-more-spinner .spinner {
    width: 24px;
    height: 24px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #583ec5;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.load-more-end {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    color: #8191a8;
    font-size: 14px;
}

/* 无文章提示 */
.no-posts-message {
    text-align: center;
    padding: 80px 20px;
    color: #8191a8;
    font-size: 18px;
}

/* 分类列表页面响应式设计 */
@media (max-width: 1200px) {
    .category-list-link {
        grid-template-columns: 350px 1fr;
    }
    
    .category-list-image {
        width: 350px;
        height: 250px;
    }
    
    .category-list-content {
        padding: 30px 35px;
    }
    
    .category-list-item-title {
        font-size: 24px;
    }
}

@media (max-width: 992px) {
    .category-list-link {
        grid-template-columns: 300px 1fr;
    }
    
    .category-list-image {
        width: 300px;
        height: 220px;
    }
    
    .category-list-content {
        padding: 25px 30px;
    }
    
    .category-list-item-title {
        font-size: 22px;
    }
    
    .category-list-item-excerpt {
        font-size: 15px;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 768px) {
    .category-list-section {
        padding: 60px 0 80px 0;
    }
    
    .category-list-header {
        margin-bottom: 40px;
    }
    
    .category-list-title {
        font-size: 36px;
    }
    
    .category-list-container {
        gap: 30px;
    }
    
    /* 移动端改为上下布局 */
    .category-list-link {
        grid-template-columns: 1fr;
    }
    
    .category-list-image {
        width: 100%;
        height: 220px;
    }
    
    .category-list-content {
        padding: 25px 20px;
    }
    
    .category-list-item-title {
        font-size: 20px;
        margin-bottom: 12px;
    }
    
    .category-list-item-excerpt {
        font-size: 14px;
        margin-bottom: 15px;
        -webkit-line-clamp: 2;
    }
}

@media (max-width: 480px) {
    .category-list-section {
        padding: 40px 0 60px 0;
    }
    
    .category-list-header {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    
    .category-list-title {
        font-size: 28px;
    }
    
    .category-list-desc {
        font-size: 14px;
    }
    
    .category-list-container {
        gap: 25px;
    }
    
    .category-list-image {
        height: 180px;
    }
    
    .category-list-content {
        padding: 20px 15px;
    }
    
    .category-list-item-title {
        font-size: 18px;
    }
    
    .category-list-item-excerpt {
        font-size: 13px;
    }
    
    .category-list-item-date,
    .category-list-item-more {
        font-size: 12px;
    }
}