.inner_s20 .tab-tit {
            display: flex;
            flex-wrap: wrap;
            gap: 18px;
            margin-bottom: 18px;}
        .inner_s20 .tab-tit .li {
            min-width: 170px;
            border: 1px solid #cfe6ff;
            border-radius: 4px;
            background: #ffffff;
            box-shadow: 0 1px 2px rgba(30, 110, 200, 0.08);
            transition: all 0.2s ease;
            cursor: pointer;}
        .inner_s20 .tab-tit .li span {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 14px;
            color: #6f7782;
            font-size: 18px;
            line-height: 1.2;}
        .inner_s20 .tab-tit .li img {
            width: 20px;
            height: 20px;
            object-fit: contain;}
        .inner_s20 .tab-tit .li.active {
            border-color: #b57be6;
            box-shadow: 0 2px 8px rgba(159, 90, 225, 0.24);}
        .inner_s20 .tab-tit .li.active span {
            color: #8f5bc6;
            font-weight: 700;}
        .inner_s20 .table-box .table-tit {
            background: #2f87d8;
            color: #fff;}
        .inner_s20 .table-box .table-tit h3 {
            color: #fff;}
        .inner_s20 #scheduleHead .td3 {
            min-width: 106px;
            white-space: nowrap;}
        .inner_s20 .schedule-head-cell {
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            line-height: 1.1;}
        .inner_s20 .schedule-head-week {
            font-size: 14px;
            color: #4f5560;
            font-weight: 600;}
        .inner_s20 .schedule-head-date {
            font-size: 13px;
            color: #80858f;
            margin-top: 5px;}
        .inner_s20 #scheduleTable .td3 a {
            color: #1d63d6;
            text-decoration: none;}
        .inner_s20 #scheduleTable .td3 a:hover {
            text-decoration: underline;}
        /* --- 针对 iPad 等平板屏幕的院区 Tabs 样式优化 --- */
/* 核心修改：增加了 min-width: 768px，确保只在平板上排成一排，不影响手机端竖排 */
@media (min-width: 768px) and (max-width: 1024px) {
    /* 1. 让最外层的容器弹性布局，允许子元素自适应 */
    .inner_s20 .tab-tit {
        display: flex;
        justify-content: center;
        flex-wrap: nowrap; /* 平板上确保排在一行 */
        gap: 15px;}

    /* 2. 调整每个 Tab 选项卡的宽度和间距 */
    .inner_s20 .tab-tit .li {
        width: auto !important; 
        flex: 1; 
        max-width: 200px; 
        padding: 10px 5px;}

    /* 3. 强制内容不换行，并垂直居中对齐 */
    .inner_s20 .tab-tit .li span {
        display: flex !important;
        align-items: center;
        justify-content: center;
        white-space: nowrap !important; 
        font-size: 16px;}

    /* 4. 修复图标的间距 */
    .inner_s20 .tab-tit .li span img {
        margin-right: 8px !important; 
        margin-bottom: 0 !important; 
        display: block;}
}