/* ==============================================
   全局基础样式 (所有页面通用)
   ============================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Microsoft Yahei", "PingFang SC", sans-serif;
}

body {
    background-color: #f8f9fa;
    color: #333;
}
.pageInsideHeads{
    background: #fff;
}
.InsideHeadNavs .InsideHeadNavs_box li a{
    color: #333;
}
.InsideHeadNavs .InsideHeadNavs_box li.selected a{
    background: #fff;
}
.mobile-nav-link{
    border-left: 0;
}
.InsideHeadNavs .InsideHeadNavs_box li a:hover {
    display: flex;
    align-items: center;
    color: #008250;
    text-decoration: none;
    border-radius: 4px;
    background: #fff;
    transition: all 0.3s ease;
}
.InsideHeadLinks_a{
    color: #333;
}
.InsideHeadLinks_a:hover{
    color: #333;
}
/* 顶部绿色标题栏 (所有页面统一) */
.page-header {
    background: linear-gradient(90deg, #36c37e 0%, #4cd08a 100%);
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 32px;
    font-weight: 500;
    position: relative;
    height: 200px;
    background: url(../../images/banner.jpg) no-repeat top;
    background-size: cover;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

/* 面包屑导航 (所有页面统一) */
.breadcrumb {
    max-width: 1200px;
    margin: 16px auto;
    padding: 0 20px;
    font-size: 14px;
    color: #666;
}

.breadcrumb a {
    color: #36c37e;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb span {
    margin: 0 8px;
    color: #999;
}

/* 主容器 (所有页面统一风格) */
.main-container,
.filter-container {
    background: #fff;
    padding: 24px 20px;
    border-bottom: 1px solid #e8e8e8;
    max-width: 1200px;
    margin: 0 auto 20px;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
}

.filter-container {
    margin-bottom: 0;
}

/* 通用按钮样式 (统一hover/active效果) */
button {
    transition: all 0.2s;
    cursor: pointer;
    border: none;
    outline: none;
}

.btn-primary {
    padding: 8px 16px;
    background: #36c37e;
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
}

.btn-primary:hover {
    background: #2db86f;
}

.btn-default {
    padding: 8px 16px;
    border: 1px solid #e5e5e5;
    background: #fff;
    color: #666;
    border-radius: 6px;
    font-size: 14px;
}

.btn-default:hover {
    border-color: #36c37e;
    color: #36c37e;
}

@media (max-width: 768px) {
    /* 筛选容器整体适配 */
    .filter-container {
        padding: 16px 12px !important; /* 减小内边距，适配手机屏幕 */
        margin: 0 auto 12px !important;
    }

    /* 1. 搜索行适配 - 手机端垂直排列+占满宽度 */
    .search-row {
        flex-direction: column !important;
        align-items: stretch !important; /* 子元素占满宽度 */
        gap: 8px !important;
        margin-bottom: 16px !important;
    }
    .search-row input {
        flex: 1 1 100% !important; /* 输入框占满宽度 */
        padding: 12px 14px !important; /* 增大点击区域 */
        font-size: 15px !important;
        width: 100% !important;
    }
    .search-row button {
        width: 100% !important; /* 搜索按钮占满宽度 */
        padding: 12px 0 !important;
        font-size: 15px !important;
    }

    /* 2. 筛选组适配 - 标签名和选项垂直排列 */
    .filter-group {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important; /* 减小间距 */
        margin-bottom: 16px !important;
    }
    .filter-label {
        min-width: unset !important; /* 取消固定宽度 */
        font-size: 15px !important;
        color: #333 !important;
        font-weight: 500 !important;
        margin-bottom: 4px !important;
    }

    /* 3. 筛选标签适配 - 改为手机端友好的圆角按钮样式 */
    .filter-tags {
        width: 100% !important; /* 占满宽度 */
        gap: 8px 12px !important; /* 减小标签间距 */
    }
    .filter-tag {
        font-size: 14px !important;
        padding: 6px 12px !important; /* 增大点击区域 */
        border-bottom: none !important; /* 取消底部边框 */
        border: 1px solid #e5e5e5 !important; /* 改为边框按钮 */
        border-radius: 20px !important; /* 圆角 */
        background: #f8f9fa !important;
        display: inline-block !important; /* 保证padding生效 */
    }
    .filter-tag.active {
        background: #36c37e !important; /* 选中态背景色 */
        color: #fff !important;
        border-color: #36c37e !important;
    }

    /* 4. 通用交互优化 */
    .filter-tag {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important; /* 取消点击高亮 */
        touch-action: manipulation !important; /* 禁止双击缩放 */
    }
    input {
        font-size: 16px !important; /* 解决iOS输入框缩放问题 */
    }
}

/* 480px以下极致适配（小屏手机） */
@media (max-width: 480px) {
    .filter-tag {
        padding: 5px 10px !important;
        font-size: 13px !important;
    }
    .search-row input {
        padding: 10px 12px !important;
        font-size: 14px !important;
    }
}
/* 通用响应式基础 */
@media (max-width: 768px) {
    .filter-row,
    .search-row,
    .school-base-info,
    .school-header {
        flex-direction: column;
       
    }
    .school-base-info .name{
        text-align: center;
    }
    .filter-row .chart-export{
        margin-left: unset!important;
    }
    .mobile-menu-btn svg{
        fill: #333;
        transition: fill 0.2s;
    }
}

/* ==============================================
   1. 院校列表页专属样式
   ============================================== */
/* 搜索行 */
.search-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.search-row input {
    flex: 0 1 320px;
    padding: 10px 14px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 16px;
    color: #333;
    outline: none;
}

.search-row input:focus {
    border-color: #36c37e;
}

.search-row button {
    padding: 10px 24px;
    background: #36c37e;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 16px;
}

.search-row .note {
    font-size: 14px;
    color: #999;
    flex-shrink: 0;
}

/* 筛选组通用样式 */
.filter-group {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 12px 32px;
}

.filter-group:last-child {
    margin-bottom: 0;
}

.filter-label {
    font-size: 16px;
    color: #666;
    min-width: 100px;
    flex-shrink: 0;
}

.filter-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 32px;
}

.filter-tag {
    font-size: 16px;
    color: #333;
    cursor: pointer;
    padding: 4px 0;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
    white-space: nowrap;
}

.filter-tag.active {
    color: #36c37e;
    border-bottom: 2px solid #36c37e;
}

.filter-tag:hover {
    color: #36c37e;
}

/* 问号提示图标 */
.help-icon {
    display: inline-block;
    width: 16px;
    height: 18px;
    border-radius: 50%;
    background: #ff9800;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    margin-left: 4px;
    cursor: help;
}

/* 学校列表容器 */
.school-list-container {
    max-width: 1200px;
    margin: 20px auto;
    min-height: 500px;
}

/* 学校列表网格（两列布局） */
.school-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

/* 学校卡片 */
.school-card {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06);
    padding: 16px;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    transition: box-shadow 0.2s;
    cursor: pointer;
}

.school-card:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

/* 校徽 */
.school-logo {
    object-fit: contain;
    flex-shrink: 0;
    display: block;
    width: 68px;
    height: 68px;
    margin-right: 16px;
    border-radius: 50%;
}

/* 学校信息区 */
.school-info {
    flex: 1;
}

.school-name-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4px;
}

.school-name {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

.school-desc {
    font-size: 14px;
    color: #999;
    line-height: 2;
}

/* 分页栏 */
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-top: 24px;
    font-size: 13px;
    flex-wrap: wrap;
}

.pagination a, .pagination span {
    padding: 6px 10px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    background: #fff;
    color: #666;
    cursor: pointer;
    transition: all 0.2s;
    text-decoration: none;
}

.pagination a.active {
    background: #36c37e;
    color: #fff;
    border-color: #36c37e;
}

.pagination a:hover:not(.disabled) {
    border-color: #36c37e;
    color: #36c37e;
}

.pagination .disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.pagination .jump {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: 8px;
    color: #666;
}

.pagination .jump input {
    width: 36px;
    padding: 3px 4px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    text-align: center;
    font-size: 13px;
    outline: none;
}

.pagination .jump input:focus {
    border-color: #36c37e;
}

.no-data {
    grid-column: span 2;
    text-align: center;
    padding: 60px;
    color: #999;
    font-size: 16px;
}

/* ==============================================
   2. 分数详情页专属样式
   ============================================== */
/* 学校基础信息栏 */
.school-base-info {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e8e8e8;
    flex-wrap: wrap;
}

.school-base-info .logo {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: 8px;
    flex-shrink: 0;
}

.school-base-info .name-area {
    flex: 1;
}

.school-base-info .name {
    font-size: 24px;
    font-weight: 500;
    color: #333;
    margin-bottom: 4px;
}

.school-base-info .desc {
    font-size: 14px;
    color: #666;
}

.school-base-info .btn-view-detail {
    padding: 8px 16px;
    background: #36c37e;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
}

/* 筛选行 - 复用列表页搜索行样式 */
.filter-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.filter-row .label {
    font-size: 16px;
    color: #666;
    min-width: 80px;
    flex-shrink: 0;
}

.filter-row select {
    padding: 8px 12px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 16px;
    color: #333;
    outline: none;
    min-width: 180px;
}

.filter-row select:focus {
    border-color: #36c37e;
}

.filter-row .chart-type {
    display: flex;
    gap: 0;
}

.filter-row .chart-type button {
    padding: 8px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    font-size: 14px;
    background: #fff;
    color: #666;
}

.filter-row .chart-type button:first-child {
    border-radius: 6px 0 0 6px;
}

.filter-row .chart-type button:last-child {
    border-radius: 0 6px 6px 0;
}

.filter-row .chart-type button.active {
    background: #36c37e;
    color: #fff;
    border-color: #36c37e;
}

/* 导出按钮右对齐 */
.filter-row .chart-export {
    margin-left: auto;
    display: flex;
    gap: 8px;
}

.filter-row .export-btn {
    padding: 8px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    font-size: 14px;
    background: #fff;
    color: #666;
}

/* 图表容器 */
.chart-container {
    width: 100%;
    height: 400px;
    margin-bottom: 24px;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
    padding: 16px;
}

/* 数据统计卡片 */
.stats-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
    gap: 16px;
    margin-bottom: 24px;
}

.stats-card {
    background: #f8f9fa;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    border: 1px solid #e8e8e8;
}

.stats-card .title {
    font-size: 14px;
    color: #666;
    margin-bottom: 8px;
}

.stats-card .value {
    font-size: 28px;
    font-weight: 500;
    color: #36c37e;
    margin-bottom: 4px;
}

.stats-card .desc {
    font-size: 12px;
    color: #999;
}

.trend-up { color: #f56c6c; }
.trend-down { color: #36c37e; }

/* 分数线表格 */
.score-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px;
}

.score-table th, .score-table td {
    padding: 12px 16px;
    text-align: center;
    border: 1px solid #e8e8e8;
}

.score-table th {
    background-color: #f8f9fa;
    font-size: 14px;
    color: #666;
    font-weight: 500;
}

.score-table td {
    font-size: 14px;
    color: #333;
}

.score-table .score-value {
    color: #36c37e;
    font-weight: 500;
}

.score-table .no-data {
    text-align: center;
    padding: 40px;
    color: #999;
    grid-column: unset;
}

/* 底部按钮组 */
.btn-group {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}

/* 学校简介模块 */
.school-intro {
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #e8e8e8;
}

.school-intro .title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 12px;
}

.school-intro .content {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

/* ==============================================
   3. 学校详情页专属样式
   ============================================== */
/* 学校头部信息 */
.school-header {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e8e8e8;
    flex-wrap: wrap;
}

.school-header .logo {
    width: 80px;
    height: 80px;
    object-fit: contain;
    border-radius: 8px;
    flex-shrink: 0;
}

.school-header .info-main {
    flex: 1;
}

.school-header .name {
    font-size: 28px;
    font-weight: 500;
    color: #333;
    margin-bottom: 8px;
}

.school-header .tag-group {
    display: flex;
    gap: 8px;
    margin-bottom: 12px;
    flex-wrap: wrap;
}

.school-header .tag {
    padding: 4px 12px;
    background: #f0f9f4;
    color: #36c37e;
    border-radius: 16px;
    font-size: 12px;
}

.school-header .basic-info {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 8px 16px;
    font-size: 14px;
    color: #666;
}

.school-header .basic-info .item {
    display: flex;
    align-items: center;
    gap: 6px;
}

.school-header .basic-info .label {
    color: #999;
    min-width: 80px;
}

/* 操作按钮组 */
.action-btns {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
    margin-top: 8px;
}

.action-btns .btn-score {
    padding: 8px 16px;
            border-radius: 6px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s;
            border: none;
            background: #36c37e;
            color: #fff;
        }
        .action-btns .btn-score:hover {
            background: #2db86f;
        }
/* 内容标签页 */
.content-tabs {
    display: flex;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 24px;
    gap: 0;
}

.content-tabs .tab {
    padding: 12px 24px;
    font-size: 16px;
    color: #666;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s;
}

.content-tabs .tab.active {
    color: #36c37e;
    border-bottom: 2px solid #36c37e;
    font-weight: 500;
}

.content-tabs .tab:hover {
    color: #36c37e;
}

/* 内容区域通用样式 */
.content-section {
    display: none;
}

.content-section.active {
    display: block;
}

/* 学校简介 */
.intro-content {
    font-size: 14px;
    color: #666;
    line-height: 1.8;
}

.intro-content .title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 12px;
}

.intro-content .paragraph {
    margin-bottom: 16px;
    font-size: 16px;
    text-align: justify;
}

/* 地理位置 */
.location-section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.location-info {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.location-info .title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

.location-info .address-item {
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
}

.location-info .address-name {
    font-size: 16px;
    color: #333;
    margin-bottom: 8px;
    font-weight: 500;
}

.location-info .address-desc {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

.map-container {
    width: 100%;
    height: 400px;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
}

/* 联系方式 */
.contact-section .title {
    font-size: 18px;
    color: #333;
    font-weight: 500;
    margin-bottom: 16px;
}

.contact-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 16px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e8e8e8;
}

.contact-item .icon {
    width: 40px;
    height: 40px;
    background: #f0f9f4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #36c37e;
    font-size: 20px;
    flex-shrink: 0;
}

.contact-item .info .label {
    font-size: 12px;
    color: #999;
    margin-bottom: 4px;
}

.contact-item .info .value {
    font-size: 14px;
    color: #333;
}

/* 底部按钮组 */
.bottom-btn-group {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid #e8e8e8;
}
.btn-group .btn-print {
            padding: 8px 16px;
            border-radius: 6px;
            font-size: 14px;
            cursor: pointer;
            transition: all 0.2s;
             border: none;
            background: #36c37e;
            color: #fff;
        }

.btn-group .btn-print:hover {
            background: #2db86f;
        }
        .title_image{
            text-align:center;width:100%;padding:20px;box-sizing: border-box;
        }
        .title_image img{
            max-height: 300px;
        }
/* 趋势样式 */
.trend-up {
    color: #f56c6c!important;
    font-weight: 500;
}

.trend-down {
    color: #36c37e!important;
    font-weight: 500;
}

.trend-steady {
    color: #909399!important;
    font-weight: 500;
}

.score-table th:last-child {
    min-width: 100px;
}
@media (max-width: 768px) {
    /* 列表页 */
    .school-list {
        grid-template-columns: 1fr;
    }
    .filter-label {
        min-width: 80px;
        font-size: 16px;
    }
    .filter-tag {
        font-size: 16px;
    }

    /* 分数页 */
    .stats-cards {
        grid-template-columns: 1fr 1fr;
    }
    .filter-row .export-btn {
        margin-left: 0;
        margin-top: 8px;
    }
    .chart-container {
        height: 300px;
    }
    .score-table {
        font-size: 12px;
    }
    .score-table th, .score-table td {
        padding: 8px 6px;
        text-align: center;
    }

    /* 详情页 */
    .action-btns {
        width: 100%;
        justify-content: center;
    }
    .content-tabs .tab {
        padding: 10px 16px;
        font-size: 14px;
    }
    .contact-list {
        grid-template-columns: 1fr;
    }
    .location-section {
        grid-template-columns: 1fr;
    }
    .map-container {
        height: 300px;
    }
    .title_image img{
            max-width: 100%;
        }
        .school-header img{
                margin: 0 auto;
        }
        .school-header .info-main{
            width: 100%;
        }
        .school-header .name{
            width: 100%;
            text-align: center;
        }
        .school-header .tag-group{
            justify-content: center;
        }
}

@media (max-width: 480px) {
    .stats-cards {
        grid-template-columns: 1fr;
    }
    .page-header {
        font-size: 24px;
        height: 160px;
    }
}
.chart-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;margin:20px 0 15px}
.data-tab-group{display:flex;align-items:center;gap:5px;background:#f5f7fa;padding:4px;border-radius:40px}
.data-tab-group button{padding:8px 24px;border:none;background:0 0;border-radius:32px;font-size:14px;font-weight:500;color:#666;cursor:pointer;transition:all .2s;white-space:nowrap}
.data-tab-group button.active{background:#36c37e;color:#fff;box-shadow:0 2px 8px rgba(54,195,126,.3)}
.chart-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.chart-type-group{display:flex;align-items:center;gap:5px;background:#f0f2f5;padding:3px;border-radius:32px}
.chart-type-group button{padding:6px 16px;border:none;background:0 0;border-radius:30px;font-size:13px;color:#666;cursor:pointer;transition:all .2s}
.chart-type-group button.active{background:#36c37e;color:#fff}
.export-btn-group{display:flex;gap:8px}
.export-btn{padding:6px 16px;background:#fff;border:1px solid #dcdfe6;border-radius:20px;font-size:13px;color:#606266;cursor:pointer;transition:all .2s;white-space:nowrap}
.export-btn:hover{background:#36c37e;color:#fff;border-color:#36c37e}
.chart-container{transition:opacity .3s;min-height:400px;margin-top:5px}
.chart-container.chart-switch{opacity:.6}
.stats-cards{display:flex;gap:15px;margin:20px 0;flex-wrap:wrap}
.stats-card{background:#f9f9f9;padding:15px 20px;border-radius:8px;flex:1;min-width:120px}
.stats-card .title{color:#666;font-size:14px}
.stats-card .value{font-size:28px;font-weight:700;margin:8px 0}
.stats-card .desc{color:#999;font-size:13px}
.trend-up{color:#f56c6c}
.trend-down{color:#36c37e}
.score-table{width:100%;border-collapse:collapse;margin:25px 0}
.score-table th{background:#f5f7fa;padding:12px;text-align:center;font-weight:500}
.score-table td{padding:10px;text-align:center;border-bottom:1px solid #eee}
.btn-group{margin:30px 0;text-align:center}
.btn-print{padding:10px 40px;background:#36c37e;color:#fff;border:none;border-radius:40px;font-size:16px;cursor:pointer}
.school-intro{background:#fafafa;padding:20px;border-radius:8px;margin-top:20px}
.article-list{display:flex;flex-direction:column;gap:15px;margin:30px 0}
.article-card{background:#fff;overflow:hidden;border:1px solid #eef2f6}
.article-header{padding:24px 28px 16px;background-color:#f7f7f7;border-bottom:1px solid #f0f2f5;position:relative}
.article-year-badge{display:inline-flex;align-items:baseline;gap:4px;margin-bottom:16px}
.article-year-badge .year{font-size:32px;font-weight:700;background:linear-gradient(135deg,#36c37e 0,#2d9c62 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.article-year-badge .year-label{font-size:14px;color:#36c37e;font-weight:500}
.article-title{font-size:22px;font-weight:600;color:#1a2c3e;margin:0 0 12px 0;line-height:1.4}
.article-title-2{font-size:18px;font-weight:500;color:#1a2c3e;margin:0 0 12px 0;line-height:1.4}
.article-content{padding:24px 28px;line-height:1.8;color:#4a5b6e;font-size:15px;background:#fefefe}
.article-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.article-content p{margin-bottom:16px}
.article-content h2,.article-content h3,.article-content h4{margin:24px 0 12px;color:#1a2c3e}
.article-content h2{font-size:20px;border-left:4px solid #36c37e;padding-left:16px}
.article-content h3{font-size:18px}
.article-content ol,.article-content ul{margin:12px 0;padding-left:28px}
.article-content li{margin:8px 0;line-height:1.6}
.article-content blockquote{margin:16px 0;padding:12px 20px;background:#f8f9fa;border-left:4px solid #36c37e;color:#5a6e7e;font-style:italic}
.article-content table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}
.article-content table td,.article-content table th{border:1px solid #e2e8f0;padding:10px 12px;text-align:left}
.article-content table th{background:#f8fafc;font-weight:600;color:#1e293b}
.article-content table tr:hover{background:#fafcff}

.score-table-wrap{
    margin:20px 0;
    padding:15px 0;
    background:#fff;
    border-radius:6px;
    overflow-x: auto; /* 桌面端也允许横向滚动 */
    position: relative;
}
.score-table-wrap-title h3{
    font-size:18px;
    color:#333;
    margin-bottom:15px;
    padding-left:10px;
    border-left:4px solid #5a98de
}
.score-table-2{
    width: 100%;
    min-width: 800px; /* 表格最小宽度，超宽就滚动 */
    border-collapse:collapse;
    text-align:center;
    table-layout: auto;
}
.score-table-2 th{
    background:#b3d9f7;
    padding:12px 15px;
    font-size:16px;
    font-weight:700;
    color:#333;
    border:1px solid #ccc;
}

/* 核心：第一列固定（桌面 + 移动端全部生效） */
.score-table-2 th:first-child,
.score-table-2 td:first-child {
    position: sticky;
    left: 0;
    z-index: 10;
    background: inherit;
    background: #fff;
}

.score-table-2 tbody tr:nth-child(odd){background:#e8f4fc}
.score-table-2 tbody tr:nth-child(2n){background:#fff}
.score-table-2 td{
    padding:12px 15px;
    border:1px solid #ccc;
    font-size:15px;
    min-width: 100px;
    color:#333
}

@media (max-width:768px) {
    .score-table-wrap {
        margin:10px 0;
        padding:10px 0;
    }
    .score-table-wrap h3 {
        font-size:16px;
    }
    .score-table-2 {
        min-width:320px;
        white-space:nowrap;
    }
    .score-table-2 th,
    .score-table-2 td {
        padding:8px 6px;
        font-size:14px;
    }
}