/* ==========================================================================
   量表来源页专属样式（sources.html）
   加载顺序：bootstrap → icons/fonts → service_details.css → sources.css → theme-green.css
   ========================================================================== */

/* --------------------------------------------------------------------------
   左右栏页面与测评页（evaluation/t01.html）视觉对齐
   覆盖 service_details.css 中区块留白、背景与左侧正文卡片样式，
   使所有「左正文 + right-nav 右栏」页面与 t01 完全一致。
   仅影响加载了 sources.css 的页面，旧模板页（service-details/resources）不受影响。
   -------------------------------------------------------------------------- */
.service-details {
    padding: 60px 0 80px;
    background: linear-gradient(180deg, #f4fbf8 0%, #ffffff 40%);
}

.service-info {
    border-radius: 18px;
    box-shadow: 0 10px 40px rgba(23, 135, 106, 0.10);
    padding: clamp(24px, 4vw, 44px);
}

.scale-block {
    border: 1px solid rgba(34, 177, 140, 0.18);
    border-radius: 14px;
    padding: 24px 26px;
    margin-bottom: 22px;
    background: #fff;
}

.scale-block h3 {
    font-size: 1.15rem;
    color: var(--wb-green-dark, #17876a);
    margin-bottom: 14px;
}

.scale-block h3 i {
    margin-right: 6px;
}

.scale-block h4 {
    font-size: 1rem;
    color: #14302a;
    margin: 18px 0 6px;
}

.scale-block p,
.scale-block li {
    color: #4a635c;
}

.scale-block ul {
    padding-left: 1.2rem;
    margin-bottom: 0;
}

.scale-block ul li {
    margin-bottom: 6px;
}

/* 版本徽标 */
.scale-badge {
    display: inline-block;
    font-size: 0.78rem;
    font-weight: 600;
    padding: 3px 12px;
    border-radius: 99px;
    background: var(--wb-green-tint, #eef8f5);
    color: var(--wb-green-dark, #17876a);
    border: 1px solid rgba(34, 177, 140, 0.35);
    margin-left: 8px;
    vertical-align: middle;
}

/* 后续量表预留区块 */
.reserve-box {
    background: var(--wb-green-tint, #eef8f5);
    border: 1px dashed rgba(34, 177, 140, 0.4);
    border-radius: 14px;
    padding: 22px 26px;
}

.reserve-box h3 {
    font-size: 1.1rem;
    color: var(--wb-green-dark, #17876a);
    margin-bottom: 10px;
}

.reserve-box p {
    color: #4a635c;
    margin-bottom: 0;
}

/* 重要边界声明（暖黄警示框） */
.boundary-warn {
    background: #fff8e8;
    border: 1px solid #f0d9a8;
    border-left: 4px solid #e3b35a;
    border-radius: 10px;
    padding: 14px 16px;
    color: #6b5320;
    font-size: 0.95rem;
}

.boundary-warn p {
    color: #6b5320;
}

/* 页面前置法律声明（比边界声明更醒目） */
.top-legal-warn {
    margin-bottom: 26px;
    padding: 16px 18px;
}

.top-legal-warn .warn-title {
    font-size: 1rem;
    font-weight: 700;
    color: #8a5a12;
    margin-bottom: 6px;
}

.top-legal-warn .warn-title i {
    margin-right: 6px;
}

/* 量表关键信息网格（填写人 / 年龄 / 计分 / 维度 / 版权） */
.scale-meta {
    list-style: none;
    margin: 14px 0 4px;
    padding: 0;
    border: 1px solid rgba(34, 177, 140, 0.2);
    border-radius: 12px;
    overflow: hidden;
    background: #fbfffe;
}

.scale-meta li {
    display: flex;
    gap: 10px;
    padding: 10px 14px;
    border-bottom: 1px dashed rgba(34, 177, 140, 0.18);
}

.scale-meta li:last-child {
    border-bottom: none;
}

.scale-meta .meta-label {
    flex: 0 0 88px;
    font-size: 0.86rem;
    font-weight: 700;
    color: var(--wb-green-dark, #17876a);
    padding-top: 1px;
}

.scale-meta .meta-value {
    flex: 1;
    min-width: 0;
    font-size: 0.92rem;
    color: #4a635c;
}

/* 量表「特点 / 局限」小节 */
.scale-pros-cons {
    padding-left: 1.2rem;
    margin-bottom: 0;
}

.scale-pros-cons li {
    margin-bottom: 6px;
    color: #4a635c;
}

.scale-subhead {
    font-size: 0.95rem;
    font-weight: 700;
    color: #14302a;
    margin: 16px 0 6px;
}

.scale-subhead i {
    color: var(--wb-green, #22b18c);
    margin-right: 5px;
}

.scale-subhead.is-limit i {
    color: #c98a2e;
}

/* 免费 / 商业版权小标签 */
.scale-tag {
    display: inline-block;
    font-size: 0.76rem;
    font-weight: 600;
    padding: 2px 10px;
    border-radius: 99px;
    margin-left: 6px;
    vertical-align: middle;
}

.scale-tag-free {
    background: var(--wb-green-tint, #eef8f5);
    color: var(--wb-green-dark, #17876a);
    border: 1px solid rgba(34, 177, 140, 0.35);
}

.scale-tag-pay {
    background: #fff5d6;
    color: #946f00;
    border: 1px solid #ecd3a3;
}

/* 量表对比总表 */
.scale-table {
    min-width: 940px;
    margin: 0;
    font-size: 0.85rem;
}

.scale-table thead th {
    background: var(--wb-green-tint, #eef8f5);
    color: #14302a;
    font-weight: 700;
    white-space: nowrap;
    border-color: rgba(34, 177, 140, 0.25);
    vertical-align: middle;
}

.scale-table th,
.scale-table td {
    padding: 11px 12px;
    border-color: rgba(34, 177, 140, 0.16);
    vertical-align: top;
    color: #4a635c;
}

.scale-table tbody tr:nth-child(even) {
    background: #f7fdfb;
}

.scale-table tbody tr:hover {
    background: #eef8f5;
}

.scale-table .t-name {
    white-space: nowrap;
    font-weight: 700;
    color: #14302a;
}

.scale-table .t-yes {
    color: var(--wb-green-dark, #17876a);
    font-weight: 700;
    white-space: nowrap;
}

.scale-table .t-no {
    color: #a08b6a;
    white-space: nowrap;
}

/* 体验入口链接 */
.page-link-more {
    color: var(--wb-green-dark, #17876a);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.page-link-more:hover {
    color: var(--wb-green, #22b18c);
}

/* 移动端优化 */
@media (max-width: 768px) {
    .scale-block,
    .reserve-box {
        padding: 18px 16px;
    }

    .scale-meta li {
        flex-wrap: wrap;
        gap: 2px 8px;
        padding: 9px 12px;
    }

    .scale-meta .meta-label {
        flex-basis: 100%;
    }

    .scale-meta .meta-value {
        font-size: 0.88rem;
    }
}

/* ==========================================================================
   网站地图（sitemap.html）链接列表
   ========================================================================== */
.sitemap-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sitemap-list li {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 4px 8px;
    padding: 9px 0;
    border-bottom: 1px dashed rgba(34, 177, 140, 0.18);
}

.sitemap-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.sitemap-list li:first-child {
    padding-top: 0;
}

.sitemap-list a {
    display: inline-flex;
    align-items: center;
    color: #14302a;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s ease;
}

.sitemap-list a i {
    color: var(--wb-green, #22b18c);
    margin-right: 2px;
}

.sitemap-list a:hover {
    color: var(--wb-green, #22b18c);
}

.sitemap-list span {
    color: #6c757d;
    font-size: 0.88rem;
}

@media (max-width: 576px) {
    .sitemap-list span {
        flex-basis: 100%;
        padding-left: 20px;
    }
}

/* ==========================================================================
   项目缘起页（origin.html）
   ========================================================================== */

/* 标题图片：圆形小图，保持页面呼吸感 */
.origin-title-img {
    width: 200px;
    height: 200px;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
}

/* 正文段落首行缩进两字符（仅 origin 页直接段落，不影响卡片内文字） */
.origin-page .scale-block > p {
    text-indent: 2em;
}

/* 区块插图：四角圆角 */
.origin-block-img {
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
}

/* 顾问小卡片：沿用 scale-block 圆角/边框/阴影，仅压缩内边距 */
.origin-advisor {
    padding: 20px 16px;
    margin-bottom: 0;
}

.origin-advisor-icon {
    width: 48px;
    height: 48px;
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(34, 177, 140, 0.12);
    color: var(--wb-green-dark, #17876a);
    font-size: 1.35rem;
}

.origin-advisor h4 {
    margin-top: 12px;
    margin-bottom: 6px;
}

/* 移动端：卡片内边距收窄，文字不挤压（768px 断点与全站一致） */
@media (max-width: 768px) {
    .origin-advisor {
        padding: 18px 14px;
    }
}