:root { --primary: #0046ad; --secondary: #0066cc; --accent: #ff6b35; --dark: #1a1a1a; --gray: #666; --light: #f5f5f5; --p-side: 100px; }

/* 基础响应式设置 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html, body {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    line-height: 1.6;
    width: 100%;
    min-width: 320px;
    overflow-x: hidden;
    font-family: "PingFang SC", sans-serif;
}


        
/* Hero Section */
/* .hero-section { position: relative; height: 100vh; overflow: hidden; } */
.hero-section { position: relative; min-height: 0; overflow: hidden;background-color: #fff; }
.hero-banner-image { width: 100%; height: auto !important; object-fit: contain;display: block; }
/* .swiper-slide::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(135deg, rgba(0,70,173,0.7) 0%, rgba(0,0,0,0.5) 100%); } */
.hero-content { position: absolute; top: 26%; left: 6%; text-align: left; color: #fff; z-index: 10; max-width: 1920px; padding: 0 clamp(15px, 3vw, 20px); width: 90%; }
.hero-title { font-size: 3.33vw;font-size: calmp(33px,3.33vw,64px);  }
.hero-subtitle { font-size: 2.8vw;font-size: calmp(27px,2.8vw,50px); margin-bottom: 30px;}
.hero-btn { display: none; padding: 15px 40px; background: var(--accent); color: #fff; text-decoration: none; border-radius: 5px; font-weight: 600; transition: all 0.3s; border: none; cursor: pointer; }
.hero-btn:hover { background: #ff8555; transform: translateY(-2px); box-shadow: 0 5px 20px rgba(255,107,53,0.4); }


/* Responsive Design */
/* @media (max-width: 1440px) {
    :root { --p-side: 80px; }
    .footer { padding: 60px 80px 30px; }
}

@media (max-width: 1200px) {
    :root { --p-side: 60px; }
    .hero-title { font-size: 3rem; }
    .hero-subtitle { font-size: 1.3rem; }
    .footer { padding: 50px 60px 30px; }
}

@media (max-width: 1024px) {
    :root { --p-side: 40px; }
    .hero-title { font-size: 2.5rem; }
    .hero-subtitle { font-size: 1.2rem; }
    .hero-content { max-width: 600px; }
    .footer { padding: 40px 40px 20px; }
}

@media (max-width: 768px) {
    :root { --p-side: 20px; }
    .hero-title { font-size: 2rem; }
    .hero-subtitle { font-size: 1rem; }
    .hero-btn { padding: 12px 30px; font-size: 0.9rem; }
    .hero-content { padding: 0 15px; }
    .hero-section { height: 60vh; }
}

@media (max-width: 480px) {
    :root { --p-side: 15px; }
    .hero-title { font-size: 1.8rem; }
    .hero-subtitle { font-size: 0.9rem; }
    .hero-btn { padding: 10px 25px; font-size: 0.85rem; }
    .hero-content { max-width: 100%; }
}

@media (max-width: 375px) {
    .hero-title { font-size: 1.6rem; }
    .hero-subtitle { font-size: 0.85rem; }
} */








/* 标题样式 */
.title {
    font-size: 48px;
    font-size: 2.5vw;
    font-size: calmp(26px,2.5vw,48px);
    font-weight: 600;
    color: #1a1a1a;
}

/* 描述文字样式 */
.description {
    font-size: 28px;
    font-size: 1.46vw;
    font-size: calmp(12px,1.46vw,28px);
    color: #666;
    text-align: justify; /* 两端对齐 */
}


.section-header {
    /* 确保标题区占满整行并居中 */
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;    /* 水平居中 */
    justify-content: center; /* 垂直居中 */
    text-align: center;
}

.section-title {
    font-size: 64px;       /* 大标题字号 */
    font-size: 3.33vw;
    font-size: calmp(33px,3.33vw,64px);
    font-weight: 600;
    color: #1a1a1a;
}
.content-font-24{
    font-size: 24px;
    font-size: 1.25vw;
    font-size: calmp(13px,1.25vw,24px);
}
.content-font-26{
    font-size: 26px;
    font-size: 1.33vw;
    font-size: calmp(14px,1.33vw,26px);
}
.content-font-28{
    font-size: 28px; 
    font-size: 1.50vw;
    font-size: calmp(14px,1.50vw,28px);
    
}

.title-font-32{
    font-size: 32px; 
    font-size: 1.67vw;
    font-size: calmp(16px,1.67vw,32px);
    
}
.title-font-36{
    font-size: 36px; 
    font-size: 1.875vw;
    font-size: calmp(22px,1.875vw,36px);
    
}
.title-font-40{
    font-size: 40px; 
    font-size: 2.08vw;
    font-size: calmp(20px,2.08vw,40px);
    
}








/* 
 详情页导航栏样式
 */
.post-detail-nav
 {
    padding: 3% 5%;
    background: #fff;
}

.post-detail-nav
 ul {
    display: flex;
    align-items: center;
    list-style: none;
    padding: 0;
    margin: 0;
}

.post-detail-nav
 li {
    font-size: 16px;
    display: flex;
    align-items: center;
}

/* 前面可点击的链接颜色 */
.post-detail-nav
 li a {
    text-decoration: none;
    color: #666; /* 较淡的灰色 */
    transition: color 0.2s;
}

.post-detail-nav
 li a:hover {
    color: #002D59;
}

.post-detail-nav
 li {
    text-decoration: none;
    color: #666; /* 较淡的灰色 */
    transition: color 0.2s;
}


/* 分隔符（箭头）的样式 */
.post-detail-nav
 .separator {
    margin: 0 8px;
    color: #ccc; /* 箭头的颜色更淡一点 */
    display: flex;
    align-items: center;
}

/* 当前所在页面的文字颜色 */
.post-detail-nav
 .current {
    color: #002D59; /* 较深的颜色 */
    font-weight: 500;
}