﻿/**
 * 人物实战主题 — 对齐正式环境 ssal 横向分类
 * 页面：ssal / xyxd / jpsp（body#rwsz）
 * 加载顺序须置于 scholar-works / xyzl-enhanced / ssal-enhanced / jpsp-video 之后
 * Token: #ede7d9 / #f6f3ec / #be8853 / #603811
 * 列表卡：浅米色 #f6f3ec + 8px 圆角（对齐图示）
 */

/* ========== 顶部横向分类（正式环境 .k-tab） ========== */
#rwsz .k-tab {
    display: flex !important;
    display: -webkit-flex !important;
    gap: 0 !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: none !important;
    border-bottom: none !important;
}

#rwsz .k-tab a {
    flex: 1 !important;
    min-width: 0 !important;
    padding: 15px 6px !important;
    margin: 30px 5px !important;
    color: #ffffff !important;
    background: #be8853 !important;
    background-image: none !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif !important;
    text-align: center !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    transform: none !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: background 0.25s ease !important;
}

#rwsz .k-tab a:first-child {
    margin-left: 0 !important;
}

#rwsz .k-tab a:last-child {
    margin-right: 0 !important;
}

#rwsz .k-tab a:hover,
#rwsz .k-tab a.active {
    color: #ffffff !important;
    background: #603811 !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
}

/* 面包屑对齐正式环境 .mbx */
#rwsz .mbx,
#rwsz .crumb.mbx {
    margin: 20px 0 18px !important;
    padding: 0 0 15px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #b3ab99 !important;
    border-radius: 0 !important;
    color: #333 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    box-shadow: none !important;
}

#rwsz .mbx a,
#rwsz .crumb.mbx a {
    color: #be8853 !important;
    text-decoration: none !important;
}

#rwsz .scholar-works-container,
#rwsz .content-pages-container {
    background: #ede7d9 !important;
}

#rwsz .k-content {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
}

#rwsz .k-left {
    display: none !important;
}

/* ========== Banner ========== */
#rwsz .banner.scholar-banner,
#rwsz .banner.inner-banner,
#rwsz .banner {
    height: 431px !important;
    overflow: hidden;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}

#rwsz .banner.scholar-banner::before,
#rwsz .banner.inner-banner::before,
#rwsz .banner::before {
    content: none !important;
    display: none !important;
}

#rwsz .banner .banner_in {
    height: 431px !important;
}

#rwsz .banner .banner_in ul,
#rwsz .banner .banner_in ul li,
#rwsz .banner .banner_in ul li a {
    height: 431px !important;
}

/* ========== 主区 ========== */
#rwsz {
    background: #f2ece1;
}

#rwsz .scholar-works-container,
#rwsz .content-pages-container {
    background: #f2ece1 !important;
    padding: 36px 0 64px !important;
    min-height: 600px;
}

#rwsz .scholar-works-container .k-right,
#rwsz .content-pages-container .k-right {
    box-sizing: border-box;
}

/* ========== 面包屑 ========== */
#rwsz .crumb,
#rwsz .scholar-works-container .crumb,
#rwsz .content-pages-container .crumb {
    margin: 0 0 22px !important;
    padding: 0 0 12px !important;
    background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #d4c4a8 !important;
    border-radius: 0 !important;
    color: #666 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    box-shadow: none !important;
}

#rwsz .crumb a {
    color: #a67c52 !important;
    text-decoration: none;
    transition: color 0.25s ease;
}

#rwsz .crumb a:hover {
    color: #5c4a38 !important;
    text-decoration: none !important;
}

#rwsz .crumb span {
    color: #5c4a38 !important;
    font-weight: 600;
}

/* ========== 左侧分类 ========== */
#rwsz .k-left .h1 {
    margin-bottom: 22px !important;
    padding-bottom: 14px !important;
    border-bottom: 1px solid #d4c4a8 !important;
    color: #5c4a38 !important;
    font-size: 20px !important;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif !important;
    font-weight: 700 !important;
    text-align: center;
    background: transparent !important;
    height: auto !important;
    line-height: 1.4 !important;
    position: relative;
}

#rwsz .k-left .h1::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: 56px;
    height: 2px;
    background: #a67c52;
}

#rwsz .k-left .kk-tab {
    border-right: none !important;
    text-align: center;
}

#rwsz .k-left .kk-tab li {
    display: block !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 12px 10px !important;
    background: #bf9a6b !important;
    border: none !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-size: 20px !important; /* sync with .k-left .h1 */
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 1px;
    line-height: 1.4 !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background 0.25s ease, color 0.25s ease;
}

#rwsz .k-left .kk-tab li::after {
    display: none !important;
}

#rwsz .k-left .kk-tab li span {
    display: block;
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.75) !important;
    font-size: 10px !important;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

#rwsz .k-left .kk-tab li:hover {
    background: #a8885c !important;
    border-color: transparent !important;
    color: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

#rwsz .k-left .kk-tab li:hover span {
    color: rgba(255, 255, 255, 0.85) !important;
}

#rwsz .k-left .kk-tab li.active,
#rwsz .k-left .kk-tab li:hover.active {
    background: #5c4a38 !important;
    border-color: transparent !important;
    color: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

#rwsz .k-left .kk-tab li.active span,
#rwsz .k-left .kk-tab li:hover.active span {
    color: rgba(255, 255, 255, 0.85) !important;
}

#rwsz .k-left .kk-tab li:focus-visible {
    outline: 2px solid #a67c52;
    outline-offset: 2px;
}

/* ========== 列表区标题 ========== */
#rwsz .k-titt {
    margin-bottom: 18px;
    padding-bottom: 12px;
    border-bottom: 1px solid #d4c4a8;
}

#rwsz .k-titt p:first-child {
    color: #5c4a38 !important;
    font-size: 20px !important;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif !important;
    font-weight: 700;
    letter-spacing: 1px;
}

#rwsz .k-titt p:last-child {
    color: #a67c52 !important;
    font-size: 12px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

/* ========== 案例 / 心得列表卡（浅米色圆角卡，对齐图示） ========== */
#rwsz .k-content .k-list-box .item,
#rwsz .k-content .item {
    background: var(--bg-list-card, #f6f3ec) !important;
    border: 1px solid #e5d9c4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(96, 56, 17, 0.06) !important;
    margin-bottom: 16px !important;
    padding: 22px 24px !important;
    transition: background 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
}

#rwsz .k-content .item:hover {
    transform: none;
    background: var(--bg-list-card-hover, #faf7f0) !important;
    border-color: #dccfba !important;
    box-shadow: 0 2px 10px rgba(96, 56, 17, 0.1) !important;
}

/* 横向列表（案例 / 心得）：封面 + 文案 */
#rwsz:not(.video-page) .k-content .k-list-box .item,
#rwsz:not(.video-page) .k-content .item {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px;
}

#rwsz:not(.video-page) .k-content .item img,
#rwsz:not(.video-page) .k-content .item .book-cover,
#rwsz:not(.video-page) .k-content .item .book-cover img {
    float: none !important;
    display: block !important;
    width: 120px !important;
    height: 160px !important;
    object-fit: cover;
    flex-shrink: 0;
    border: 1px solid #ebe4d6 !important;
    border-radius: 4px !important;
    background: #faf7f0;
    box-shadow: none !important;
}

#rwsz .k-content .item:hover img {
    transform: none !important;
}

#rwsz:not(.video-page) .k-info {
    float: none !important;
    flex: 1;
    min-width: 0;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

#rwsz .k-info .name,
#rwsz .k-info .name a {
    margin: 0 0 12px !important;
    color: #333333 !important;
    font-size: 18px !important;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.5px;
    text-decoration: none !important;
    transition: color 0.25s ease;
}

#rwsz .k-info .name a:hover,
#rwsz .k-content .item:hover .k-info .name,
#rwsz .k-content .item:hover .k-info .name a {
    color: #a67c52 !important;
    text-decoration: none !important;
}

#rwsz .k-info .info {
    margin: 0 !important;
    color: #555555 !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif !important;
    text-align: justify;
}

/* 「阅读全文」对齐首页 .more */
#rwsz .buy-btn-wrap {
    margin-top: 10px;
}

#rwsz .buy-btn {
    display: inline-block;
    min-width: 84px;
    height: 28px;
    line-height: 28px;
    padding: 0 14px;
    background: #a67c52 !important;
    border-radius: 0 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 500;
    text-align: center;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background 0.25s ease;
}

#rwsz .buy-btn:hover {
    background: #5c4a38 !important;
    color: #ffffff !important;
    transform: none;
    box-shadow: none !important;
    text-decoration: none !important;
}

/* ========== 精品视频卡（保留 grid，背景对齐列表卡） ========== */
#rwsz.video-page .k-list-box .item {
    background: var(--bg-list-card, #f6f3ec) !important;
    border: 1px solid #e5d9c4 !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(96, 56, 17, 0.06) !important;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
}

#rwsz.video-page .k-list-box .item:hover {
    transform: none;
    background: var(--bg-list-card-hover, #faf7f0) !important;
    border-color: #dccfba !important;
    box-shadow: 0 2px 10px rgba(96, 56, 17, 0.1) !important;
}

#rwsz.video-page .k-list-box .item .movie img {
    border: none !important;
    border-radius: 0 !important;
    transition: opacity 0.28s ease;
}

#rwsz.video-page .k-list-box .item:hover .movie img {
    transform: none !important;
    opacity: 0.92;
}

#rwsz.video-page .k-list-box .item .k-info .name,
#rwsz.video-page .k-list-box .item .k-info .name a {
    color: #333333 !important;
    font-size: 16px !important;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif !important;
    font-weight: 700 !important;
}

#rwsz.video-page .k-list-box .item .k-info .info {
    color: #555555 !important;
    font-size: 13px !important;
    font-family: "Noto Sans SC", "Source Han Sans SC", sans-serif !important;
}

/* ========== 分页：沿用全站统一样式（见 common-theme / kenta） ========== */
#rwsz .k-page {
    margin-top: 24px !important;
    text-align: center;
}

#rwsz .k-page a,
#rwsz.video-page .k-page a {
    min-width: 32px;
    height: 32px;
    margin: 0 4px;
    padding: 0 11px;
    line-height: 30px;
    background: #f8f5ed !important;
    border: 1px solid #d7d1c5 !important;
    border-radius: 3px !important;
    color: #5c4a38 !important;
    font-size: 13px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transform: none !important;
}

#rwsz .k-page a:hover,
#rwsz .k-page a.active,
#rwsz.video-page .k-page a:hover,
#rwsz.video-page .k-page a.active {
    background: #5c4a38 !important;
    border-color: #5c4a38 !important;
    color: #ffffff !important;
}

#rwsz .k-page a.disabled,
#rwsz .k-page a.disabled:hover {
    background: #faf8f3 !important;
    border-color: #ebe6dc !important;
    color: #c4bbb0 !important;
    cursor: default;
}

#rwsz .k-page a:focus-visible {
    outline: 2px solid #a67c52;
    outline-offset: 2px;
}

/* ========== 响应式 ========== */
@media screen and (max-width: 992px) {
    #rwsz .k-left .kk-tab {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        justify-content: center;
    }

    #rwsz .k-left .kk-tab li {
        margin-bottom: 0 !important;
        min-width: 100px;
    }
}

@media screen and (max-width: 768px) {
    #rwsz .banner.scholar-banner,
    #rwsz .banner,
    #rwsz .banner .banner_in,
    #rwsz .banner .banner_in ul,
    #rwsz .banner .banner_in ul li,
    #rwsz .banner .banner_in ul li a {
        height: 240px !important;
    }

    #rwsz .scholar-works-container,
    #rwsz .content-pages-container {
        padding: 28px 0 48px !important;
    }

    #rwsz:not(.video-page) .k-content .item {
        flex-direction: column;
        padding: 16px !important;
    }

    #rwsz:not(.video-page) .k-content .item img {
        width: 100% !important;
        max-width: 200px;
        height: auto !important;
        max-height: 240px;
    }

    #rwsz .k-info .name,
    #rwsz .k-info .name a {
        font-size: 16px !important;
    }

    #rwsz .k-info .info {
        font-size: 13px !important;
    }

    #rwsz .k-titt p:first-child {
        font-size: 18px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #rwsz .k-content .item,
    #rwsz .k-left .kk-tab li,
    #rwsz .k-page a {
        transition: none !important;
    }

    #rwsz .k-content .item:hover,
    #rwsz.video-page .k-list-box .item:hover {
        transform: none;
    }
}
