/* ============================================================
   癌症专区 · 一二三级页面合并样式
   cover_cancer.html       (cancer_cover)    一级栏目封面页
   list_cancer_liver.html  (cancer_list)     二级子栏目列表页
   show_cancer.html        (cancer_detail)   三级内容详情页
   ============================================================ */
body.cancer_cover,
body.cancer_list,
body.cancer_detail {
    font-family: 'Noto Sans SC', sans-serif;
    background-color: #F5F0E8;
    color: #2D2A26;
    line-height: 1.8;
    padding-top: 80px;
}
@media (max-width: 1024px) {
    body.cancer_cover,
    body.cancer_list,
    body.cancer_detail { padding-top: 64px; }
}

/* 閫氱敤渚ц竟鏍忓崱鐗?*/
body.cancer_cover .sidebar-card,
body.cancer_list .sidebar-card,
body.cancer_detail .sidebar-card {
    background: #fff;
    border: 1px solid #D4C9B8;
    border-radius: 1rem;
    padding: 1.25rem;
    margin-bottom: 1.25rem;
}
body.cancer_cover .sidebar-title,
body.cancer_list .sidebar-title,
body.cancer_detail .sidebar-title {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.0625rem; font-weight: 700;
    color: #2D2A26; margin-bottom: 0.875rem;
    display: flex; align-items: center; gap: 0.5rem;
}
body.cancer_cover .sidebar-title::before,
body.cancer_list .sidebar-title::before,
body.cancer_detail .sidebar-title::before {
    content: ''; display: block; width: 3px; height: 1rem;
    background: #9B3B2E; border-radius: 2px;
}

/* ============ 页面一独有：一级栏目封面页 (cancer_cover) ============ */
body.cancer_cover .cancer-hero {
    background: linear-gradient(135deg, #2D2A26 0%, #3D3530 50%, #2D2A26 100%);
    color: #F5F0E8;
    position: relative;
    overflow: hidden;
}
body.cancer_cover .cancer-hero::before {
    content: ''; position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(155,59,46,0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(196,163,90,0.10) 0%, transparent 50%);
}
body.cancer_cover .cancer-hero-content { position: relative; z-index: 1; }
body.cancer_cover .cancer-hero h1 {
    font-family: 'Noto Serif SC', serif;
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: 700;
    line-height: 1.25;
    color: #F5F0E8;
}
body.cancer_cover .hero-accent-line {
    width: 60px; height: 3px;
    background: linear-gradient(90deg, #9B3B2E, #C4A35A);
    margin: 1rem 0;
}
body.cancer_cover .hero-stat {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(245,240,232,0.08);
    border: 1px solid rgba(245,240,232,0.15);
    border-radius: 9999px;
    font-size: 0.8125rem;
}

body.cancer_cover .section-block {
    background: #fff;
    border: 1px solid #D4C9B8;
    border-radius: 1.25rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
body.cancer_cover .section-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(90deg, #F5F0E8 0%, #fff 100%);
    border-bottom: 1px solid #D4C9B8;
}
body.cancer_cover .section-header-title {
    display: flex; align-items: center; gap: 0.75rem;
    font-family: 'Noto Serif SC', serif;
    font-size: 1.375rem; font-weight: 700;
    color: #2D2A26;
}
body.cancer_cover .section-header-icon {
    width: 40px; height: 40px;
    border-radius: 0.5rem;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
body.cancer_cover .section-body { padding: 1.5rem; }

body.cancer_cover .disease-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    gap: 1rem;
}
body.cancer_cover .disease-card {
    position: relative;
    background: #fff;
    border: 1px solid #D4C9B8;
    border-radius: 1rem;
    padding: 1.25rem;
    transition: all 0.3s ease;
    overflow: hidden;
}
body.cancer_cover .disease-card::before {
    content: ''; position: absolute;
    left: 0; top: 0; bottom: 0; width: 5px;
    background: var(--card-accent, #9B3B2E);
    transition: background 0.3s ease;
    z-index: 0;
}
body.cancer_cover .disease-card > * { position: relative; z-index: 1; }
body.cancer_cover .disease-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(45,42,38,0.12);
    border-color: var(--card-accent, #9B3B2E);
}
/* 取消 disease-card 背景左右滑动：宽度固定5px，hover仅变色不扩张 */
body.cancer_cover .disease-card:hover::before { background: var(--card-bg, #F5E6E0); }

   show_cancer.html        (cancer_detail)   三级内容详情页
body.cancer_detail .disease-card::before {
    transition: background 0.3s ease !important;
}
body.cancer_detail .disease-card:hover::before {
    width: 5px !important;
}

body.cancer_cover .disease-head {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 0.75rem;
}
body.cancer_cover .disease-icon {
    width: 48px; height: 48px;
    border-radius: 0.625rem;
    background: var(--card-bg, #F5E6E0);
    color: var(--card-accent, #9B3B2E);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem;
}
body.cancer_cover .disease-count {
    font-size: 0.75rem; color: #8B7355;
    background: #F5F0E8;
    padding: 0.25rem 0.625rem;
    border-radius: 9999px;
    font-weight: 500;
}
body.cancer_cover .disease-name {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.125rem; font-weight: 700;
    color: #2D2A26; margin-bottom: 0.375rem;
    transition: color 0.2s;
}
body.cancer_cover .disease-card:hover .disease-name { color: var(--card-accent, #9B3B2E); }
body.cancer_cover .disease-desc {
    font-size: 0.8125rem; color: #5C5449;
    line-height: 1.7; margin-bottom: 0.75rem;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
body.cancer_cover .disease-meta {
    display: flex; align-items: center; justify-content: space-between;
    padding-top: 0.625rem; border-top: 1px dashed #D4C9B8;
    font-size: 0.75rem; color: #8B7355;
}
body.cancer_cover .disease-meta-item { display: flex; align-items: center; gap: 0.25rem; }

body.cancer_cover .severity-bar {
    display: flex; gap: 3px; margin-top: 0.5rem;
}
body.cancer_cover .severity-dot {
    width: 18px; height: 4px; border-radius: 2px;
    background: #E5DBCB;
}
body.cancer_cover .severity-dot.active { background: var(--card-accent, #9B3B2E); }

body.cancer_cover .article-card {
    display: flex; gap: 1rem;
    background: #fff;
    border: 1px solid #D4C9B8;
    border-radius: 0.875rem;
    padding: 1rem 1.25rem;
    transition: all 0.25s ease;
    position: relative;
}
body.cancer_cover .article-card:hover {
    border-color: #9B3B2E;
    box-shadow: 0 6px 20px rgba(45,42,38,0.08);
    transform: translateX(4px);
}
body.cancer_cover .article-tag-strip {
    width: 4px; border-radius: 2px;
    background: var(--art-color, #9B3B2E);
    flex-shrink: 0;
}
body.cancer_cover .article-content { flex: 1; min-width: 0; }
body.cancer_cover .article-meta-row {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem;
    font-size: 0.75rem; color: #8B7355;
    margin-bottom: 0.375rem;
}
body.cancer_cover .article-category-badge {
    display: inline-flex; align-items: center; gap: 0.25rem;
    padding: 0.15rem 0.5rem; border-radius: 0.25rem;
    font-size: 0.7rem; font-weight: 600;
    background: var(--art-bg, #F5E6E0);
    color: var(--art-color, #9B3B2E);
}
body.cancer_cover .article-title {
    font-family: 'Noto Serif SC', serif;
    font-size: 1rem; font-weight: 600;
    color: #2D2A26; line-height: 1.5;
    margin-bottom: 0.375rem;
    transition: color 0.2s;
}
body.cancer_cover .article-card:hover .article-title { color: #9B3B2E; }
body.cancer_cover .article-summary {
    font-size: 0.8125rem; color: #5C5449; line-height: 1.7;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
    margin-bottom: 0.5rem;
}
body.cancer_cover .article-stats {
    display: flex; gap: 1rem; font-size: 0.75rem; color: #8B7355;
}
body.cancer_cover .article-stats span { display: flex; align-items: center; gap: 0.25rem; }

body.cancer_cover .stat-overview {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;
    background: #fff;
    border: 1px solid #D4C9B8;
    border-radius: 1rem;
    padding: 1.25rem;
}
body.cancer_cover .stat-card {
    text-align: center;
    padding: 0.75rem;
    border-right: 1px solid #E5DBCB;
}
body.cancer_cover .stat-card:last-child { border-right: none; }
body.cancer_cover .stat-value {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.75rem; font-weight: 700;
    background: linear-gradient(135deg, #9B3B2E, #C4A35A);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.2;
}
body.cancer_cover .stat-label {
    font-size: 0.75rem; color: #5C5449; margin-top: 0.25rem;
}

body.cancer_cover .search-box {
    display: flex; align-items: center; gap: 0.5rem;
    background: rgba(245,240,232,0.1);
    border: 1px solid rgba(245,240,232,0.2);
    border-radius: 9999px;
    padding: 0.375rem 0.375rem 0.375rem 1rem;
    transition: all 0.2s;
}
body.cancer_cover .search-box:focus-within {
    border-color: #C4A35A;
    background: rgba(245,240,232,0.15);
}
body.cancer_cover .search-box input {
    flex: 1; border: none; outline: none; background: transparent;
    font-size: 0.875rem; color: #F5F0E8; padding: 0.375rem 0;
}
body.cancer_cover .search-box input::placeholder { color: rgba(245,240,232,0.5); }
body.cancer_cover .search-box button {
    padding: 0.375rem 0.875rem; background: #9B3B2E; color: #fff;
    border: none; border-radius: 9999px; font-size: 0.8125rem; cursor: pointer;
    transition: background 0.2s;
}
body.cancer_cover .search-box button:hover { background: #7D2E23; }

body.cancer_cover .alert-box {
    display: flex; gap: 0.75rem;
    background: linear-gradient(90deg, #F5E6E0 0%, #F5F0E8 100%);
    border-left: 4px solid #9B3B2E;
    border-radius: 0.625rem;
    padding: 1rem 1.25rem;
    font-size: 0.8125rem; color: #5C5449; line-height: 1.7;
}
body.cancer_cover .alert-box i { color: #9B3B2E; flex-shrink: 0; margin-top: 2px; }

body.cancer_cover .quick-filter {
    display: inline-flex; align-items: center; gap: 0.375rem;
    padding: 0.375rem 0.875rem;
    background: #fff; border: 1px solid #D4C9B8;
    border-radius: 9999px;
    font-size: 0.8125rem; color: #5C5449;
    transition: all 0.2s; cursor: pointer;
}
body.cancer_cover .quick-filter:hover { border-color: #9B3B2E; color: #9B3B2E; }
body.cancer_cover .quick-filter.active {
    background: #2D2A26; color: #F5F0E8; border-color: #2D2A26;
}

body.cancer_cover .section-block {
    scroll-margin-top: 5rem;
}

body.cancer_cover .quick-filter.jump-pulse {
    animation: filterPulse 0.5s ease;
}
@keyframes filterPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.08); background: #9B3B2E; color: #fff; border-color: #9B3B2E; }
    100% { transform: scale(1); }
}

/* ============ 页面二独有：二级列表页 (cancer_list) ============ */
body.cancer_list .sub-hero {
    background: linear-gradient(135deg, #F5F0E8 0%, #FFF8F0 50%, #F5EDE0 100%);
    color: #2D2A26;
    position: relative;
    overflow: hidden;
}
body.cancer_list .sub-hero::before {
    content: ''; position: absolute; inset: 0;
    background:
        radial-gradient(circle at 20% 30%, rgba(196,163,90,0.15) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(139,58,46,0.08) 0%, transparent 50%);
}
body.cancer_list .sub-hero-content { position: relative; z-index: 1; }
body.cancer_list .sub-hero h1 {
    font-family: 'Noto Serif SC', serif;
    font-size: clamp(1.75rem, 4vw, 2.75rem);
    font-weight: 700;
    line-height: 1.25;
    color: #2D2A26;
}
body.cancer_list .sub-hero-accent-line {
    width: 60px; height: 3px;
    background: linear-gradient(90deg, #8B3A2E, #C4A35A);
    margin: 1rem 0;
}
body.cancer_list .sub-hero-stat {
    display: inline-flex; align-items: center; gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: rgba(255,255,255,0.7);
    border: 1px solid #D4C9B8;
    border-radius: 9999px;
    font-size: 0.8125rem;
    color: #5C5449;
    margin-right: 0.5rem;
}

body.cancer_list .article-list-card {
    background: #fff;
    border: 1px solid #D4C9B8;
    border-radius: 1rem;
    overflow: hidden;
    margin-bottom: 1.5rem;
}
body.cancer_list .article-list-header {
    display: flex; align-items: center; justify-content: space-between;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(90deg, #F0E0DC 0%, #fff 100%);
    border-bottom: 1px solid #D4C9B8;
}
body.cancer_list .article-list-title {
    display: flex; align-items: center; gap: 0.75rem;
    font-family: 'Noto Serif SC', serif;
    font-size: 1.25rem; font-weight: 700;
    color: #2D2A26;
}
body.cancer_list .article-list-icon {
    width: 40px; height: 40px;
    border-radius: 0.5rem;
    display: flex; align-items: center; justify-content: center;
    background: #F0E0DC;
    color: #8B3A2E;
}

body.cancer_list .article-list-item {
    display: flex;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #EDE5D8;
    transition: all 0.25s ease;
    cursor: pointer;
    position: relative;
}
body.cancer_list .article-list-item:last-child { border-bottom: none; }
body.cancer_list .article-list-item:hover {
    background: #FDF5F3;
    padding-left: 2rem;
}
body.cancer_list .article-list-item::before {
    content: '';
    position: absolute;
    left: 0; top: 0; bottom: 0;
    width: 3px;
    background: transparent;
    transition: background 0.25s ease;
}
body.cancer_list .article-list-item:hover::before { background: #8B3A2E; }

body.cancer_list .item-date-col {
    width: 80px;
    flex-shrink: 0;
    text-align: center;
    border-right: 1px dashed #D4C9B8;
    padding-right: 1rem;
    margin-right: 1rem;
}
body.cancer_list .item-date-day {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #8B3A2E;
    line-height: 1.2;
}
body.cancer_list .item-date-month {
    font-size: 0.75rem;
    color: #8B7355;
    margin-top: 0.25rem;
}

body.cancer_list .item-content-col {
    flex: 1;
    min-width: 0;
}
body.cancer_list .item-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.625rem;
    font-size: 0.75rem;
    color: #8B7355;
    margin-bottom: 0.375rem;
}
body.cancer_list .item-meta-tag {
    display: inline-flex; align-items: center; gap: 0.25rem;
    padding: 0.125rem 0.5rem;
    background: #F0E0DC;
    color: #8B3A2E;
    border-radius: 0.25rem;
    font-weight: 600;
}
body.cancer_list .item-title {
    font-family: 'Noto Serif SC', serif;
    font-size: 1rem;
    font-weight: 600;
    color: #2D2A26;
    line-height: 1.5;
    margin-bottom: 0.375rem;
    transition: color 0.2s;
}
body.cancer_list .article-list-item:hover .item-title { color: #8B3A2E; }
body.cancer_list .item-summary {
    font-size: 0.8125rem;
    color: #5C5449;
    line-height: 1.7;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 分页样式已统一到 common.css */

body.cancer_list .related-disease-card {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #FDF5F3;
    border: 1px solid #F0E0DC;
    border-radius: 0.625rem;
    margin-bottom: 0.625rem;
    transition: all 0.25s ease;
    cursor: pointer;
}
body.cancer_list .related-disease-card:hover {
    border-color: #8B3A2E;
    background: #F5E8E5;
    transform: translateX(4px);
}
body.cancer_list .related-disease-card:last-child { margin-bottom: 0; }

body.cancer_list .related-icon {
    width: 44px; height: 44px;
    border-radius: 0.5rem;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
body.cancer_list .related-info { flex: 1; min-width: 0; }
body.cancer_list .related-name {
    font-family: 'Noto Serif SC', serif;
    font-size: 0.9375rem;
    font-weight: 600;
    color: #2D2A26;
    margin-bottom: 0.125rem;
}
body.cancer_list .related-desc {
    font-size: 0.75rem;
    color: #8B7355;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body.cancer_list .related-count {
    font-size: 0.75rem;
    color: #8B3A2E;
    font-weight: 600;
    white-space: nowrap;
}

body.cancer_list .disease-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}
body.cancer_list .info-item {
    padding: 0.625rem;
    background: #FDF5F3;
    border-radius: 0.5rem;
    text-align: center;
}
body.cancer_list .info-label {
    font-size: 0.75rem;
    color: #8B7355;
    margin-bottom: 0.25rem;
}
body.cancer_list .info-value {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #8B3A2E;
}

body.cancer_detail .disease-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}
body.cancer_detail .info-item {
    padding: 0.625rem;
    background: #FDF5F3;
    border-radius: 0.5rem;
    text-align: center;
}
body.cancer_detail .info-label {
    font-size: 0.75rem;
    color: #8B7355;
    margin-bottom: 0.25rem;
}
body.cancer_detail .info-value {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.125rem;
    font-weight: 700;
    color: #8B3A2E;
}

body.cancer_list .expert-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.625rem 0;
    border-bottom: 1px dashed #E5DBCB;
}
body.cancer_list .expert-item:last-child { border-bottom: none; }
body.cancer_list .expert-avatar {
    width: 40px; height: 40px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #F5F0E8;
    font-family: 'Noto Serif SC', serif;
    font-weight: 700;
    font-size: 0.875rem;
    flex-shrink: 0;
}
body.cancer_list .expert-info { flex: 1; min-width: 0; }
body.cancer_list .expert-name { font-size: 0.875rem; font-weight: 600; color: #2D2A26; }
body.cancer_list .expert-role { font-size: 0.7rem; color: #8B7355; }
body.cancer_list .expert-count { font-size: 0.7rem; color: #8B3A2E; font-weight: 600; }

body.cancer_list .formula-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.625rem 0.75rem;
    background: #FDF5F3;
    border-radius: 0.5rem;
    margin-bottom: 0.5rem;
    transition: all 0.2s;
}
body.cancer_list .formula-item:last-child { margin-bottom: 0; }
body.cancer_list .formula-item:hover {
    background: #F5E8E5;
    transform: translateX(2px);
}
body.cancer_list .formula-name {
    font-family: 'Noto Serif SC', serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #2D2A26;
}
body.cancer_list .formula-desc {
    font-size: 0.7rem;
    color: #8B7355;
}

body.cancer_list .syndrome-tag {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: #F0E0DC;
    color: #8B3A2E;
    border-radius: 0.375rem;
    font-size: 0.8125rem;
    margin: 0.25rem;
    transition: all 0.2s;
    cursor: pointer;
}
body.cancer_list .syndrome-tag:hover {
    background: #8B3A2E;
    color: #fff;
}

body.cancer_list .warning-box {
    display: flex;
    gap: 0.75rem;
    background: linear-gradient(90deg, #F0E0DC 0%, #F5F0E8 100%);
    border-left: 4px solid #8B3A2E;
    border-radius: 0.625rem;
    padding: 1rem 1.25rem;
    font-size: 0.8125rem;
    color: #5C5449;
    line-height: 1.7;
}
body.cancer_list .warning-box i { color: #8B3A2E; flex-shrink: 0; margin-top: 2px; }

body.cancer_detail .warning-box {
    display: flex;
    gap: 0.75rem;
    background: linear-gradient(90deg, #F0E0DC 0%, #F5F0E8 100%);
    border-left: 4px solid #8B3A2E;
    border-radius: 0.625rem;
    padding: 1rem 1.25rem;
    font-size: 0.8125rem;
    color: #5C5449;
    line-height: 1.7;
}
body.cancer_detail .warning-box i { color: #8B3A2E; flex-shrink: 0; margin-top: 2px; }

@media (max-width: 768px) {
    body.cancer_list .item-date-col {
        width: auto;
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        margin-bottom: 0.5rem;
        text-align: left;
        display: flex;
        align-items: baseline;
        gap: 0.25rem;
    }
    body.cancer_list .item-date-day { font-size: 1.125rem; }
    body.cancer_list .article-list-item {
        flex-direction: column;
        padding: 0.875rem 1rem;
    }
    body.cancer_list .article-list-item:hover { padding-left: 1rem; }
}

/* ============ 页面三独有：三级详情页 (cancer_detail) ============ */
body.cancer_detail .article-hero {
    background: linear-gradient(135deg, #E8F0EC 0%, #F0F5F2 50%, #E0EAE5 100%);
    color: #2D2A26;
    position: relative;
    overflow: hidden;
}
body.cancer_detail .article-hero::before {
    content: ''; position: absolute; inset: 0;
    background:
        radial-gradient(circle at 15% 30%, rgba(122,154,109,0.18) 0%, transparent 50%),
        radial-gradient(circle at 85% 70%, rgba(74,124,140,0.12) 0%, transparent 50%);
}
body.cancer_detail .article-hero-content { position: relative; z-index: 1; }
body.cancer_detail .article-hero h1 {
    font-family: 'Noto Serif SC', serif;
    font-size: clamp(1.5rem, 3.5vw, 2.25rem);
    font-weight: 700;
    line-height: 1.4;
    color: #2D2A26;
}
body.cancer_detail .hero-accent-line {
    width: 60px; height: 3px;
    background: linear-gradient(90deg, #9B3B2E, #C4A35A);
    margin: 1rem 0;
}

body.cancer_detail .assessment-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0.75rem;
}
body.cancer_detail .assessment-item {
    background: #F5F0E8;
    border: 1px solid #E5DBCB;
    border-radius: 0.625rem;
    padding: 0.875rem 1rem;
}
body.cancer_detail .assessment-label {
    font-size: 0.75rem; color: #8B7355;
    margin-bottom: 0.25rem;
}
body.cancer_detail .assessment-value {
    font-family: 'Noto Serif SC', serif;
    font-size: 1rem; font-weight: 600;
    color: #2D2A26;
}
body.cancer_detail .assessment-value.danger { color: #9B3B2E; }
body.cancer_detail .assessment-value.warning { color: #C4A35A; }

body.cancer_detail .stage-flow {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
}
body.cancer_detail .stage-flow::before {
    content: ''; position: absolute;
    top: 24px; left: 10%; right: 10%;
    height: 2px;
    background: linear-gradient(90deg, #9B3B2E 0%, #C4A35A 33%, #7A9A6D 66%, #4A7C8C 100%);
    z-index: 0;
}
body.cancer_detail .stage-item {
    text-align: center;
    position: relative;
    z-index: 1;
}
body.cancer_detail .stage-circle {
    width: 48px; height: 48px;
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 0.5rem;
    border: 3px solid #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    color: #fff;
}
body.cancer_detail .stage-name { font-size: 0.875rem; font-weight: 600; color: #2D2A26; }
body.cancer_detail .stage-desc { font-size: 0.7rem; color: #8B7355; margin-top: 0.25rem; }
@media (max-width: 640px) {
    body.cancer_detail .stage-flow { grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    body.cancer_detail .stage-flow::before { display: none; }
}

body.cancer_detail .formula-display {
    background: linear-gradient(135deg, #F5F0E8 0%, #EDE5D8 100%);
    border: 1px solid #D4C9B8;
    border-radius: 0.875rem;
    padding: 1.25rem;
    margin: 1rem 0;
}
body.cancer_detail .formula-name-row {
    display: flex; align-items: center; justify-content: space-between;
    margin-bottom: 0.875rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px dashed #D4C9B8;
}
body.cancer_detail .formula-name-text {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.125rem; font-weight: 700;
    color: #9B3B2E;
}
body.cancer_detail .formula-source {
    font-size: 0.75rem; color: #8B7355;
    background: #fff;
    padding: 0.2rem 0.625rem;
    border-radius: 0.375rem;
}
body.cancer_detail .herb-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 0.5rem;
}
body.cancer_detail .herb-cell {
    display: flex; align-items: center; justify-content: space-between;
    background: #fff;
    border: 1px solid #E5DBCB;
    border-radius: 0.5rem;
    padding: 0.5rem 0.75rem;
}
body.cancer_detail .herb-cell-name { font-size: 0.8125rem; color: #2D2A26; }
body.cancer_detail .herb-cell-dose { font-size: 0.75rem; color: #8B7355; font-weight: 600; }
body.cancer_detail .formula-usage {
    font-size: 0.8125rem; color: #5C5449; line-height: 1.7;
    padding: 0.75rem 0 0; margin-top: 0.75rem;
    border-top: 1px dashed #D4C9B8;
}

body.cancer_detail .effect-comparison {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}
body.cancer_detail .effect-col {
    border: 1px solid #D4C9B8;
    border-radius: 0.75rem;
    overflow: hidden;
}
body.cancer_detail .effect-head {
    padding: 0.625rem 1rem;
    font-size: 0.875rem; font-weight: 600;
    text-align: center;
}
body.cancer_detail .effect-head.before { background: #F5E0E0; color: #9B3B2E; }
body.cancer_detail .effect-head.after { background: #E8EDE0; color: #5A7A4D; }
body.cancer_detail .effect-body {
    padding: 1rem;
    font-size: 0.8125rem;
    color: #2D2A26; line-height: 1.8;
}
body.cancer_detail .effect-body p { margin-bottom: 0.375rem; }
@media (max-width: 640px) { body.cancer_detail .effect-comparison { grid-template-columns: 1fr; } }

body.cancer_detail .related-article {
    display: flex; gap: 0.625rem;
    padding: 0.625rem 0;
    border-bottom: 1px dashed #E5DBCB;
    transition: color 0.2s;
}
body.cancer_detail .related-article:last-child { border-bottom: none; }
body.cancer_detail .related-article:hover { color: #9B3B2E; }
body.cancer_detail .related-thumb {
    width: 56px; height: 56px;
    border-radius: 0.5rem;
    display: flex; align-items: center; justify-content: center;
    color: #fff; font-family: 'Noto Serif SC', serif;
    font-weight: 700; font-size: 1rem;
    flex-shrink: 0;
}
body.cancer_detail .related-info { flex: 1; min-width: 0; }
body.cancer_detail .related-cat {
    font-size: 0.7rem; color: #8B7355;
    margin-bottom: 0.125rem;
}
body.cancer_detail .related-title {
    font-size: 0.8125rem; font-weight: 500;
    line-height: 1.5; color: #2D2A26;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
body.cancer_detail .related-meta { font-size: 0.6875rem; color: #8B7355; margin-top: 0.25rem; }

body.cancer_detail .article-tags {
    display: flex; align-items: flex-start; gap: 0.75rem;
    flex-wrap: wrap;
}
body.cancer_detail .tags-label {
    font-size: 0.875rem; font-weight: 600; color: #5C5449;
    flex-shrink: 0; padding-top: 0.25rem;
}
body.cancer_detail .tags-list {
    display: flex; flex-wrap: wrap; gap: 0.5rem;
}
body.cancer_detail .tag-chip {
    display: inline-flex; align-items: center;
    padding: 0.25rem 0.875rem;
    font-size: 0.8125rem; color: #5C5449;
    background: #F5EDE0;
    border: 1px solid #E5D8C3;
    border-radius: 0.75rem;
    transition: all 0.2s;
    text-decoration: none;
}
body.cancer_detail .tag-chip:hover {
    color: #9B3B2E;
    border-color: #9B3B2E;
    background: #FDF5F3;
}
body.cancer_detail .interaction-bar {
    display: flex; align-items: center; gap: 0.75rem;
    flex-wrap: wrap;
}
body.cancer_detail .interaction-item {
    display: inline-flex; align-items: center; gap: 0.375rem;
    padding: 0.5rem 1.125rem;
    border: 1px solid #D4C9B8;
    border-radius: 9999px;
    background: #fff;
    font-size: 0.8125rem; color: #5C5449;
    cursor: pointer; transition: all 0.2s;
}
body.cancer_detail .interaction-item em {
    font-style: normal; font-size: 0.75rem; color: #8B7355;
    margin-left: 0.125rem;
}
body.cancer_detail .interaction-item:hover {
    border-color: #9B3B2E; color: #9B3B2E;
    background: #FDF5F3;
}
body.cancer_detail .interaction-item:hover em { color: #9B3B2E; }

body.cancer_detail .nav-cards {
    display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;
    margin-top: 2.5rem;
}
body.cancer_detail .nav-card {
    background: #fff;
    border: 1px solid #D4C9B8;
    border-radius: 0.75rem;
    padding: 1rem 1.25rem;
    transition: all 0.25s ease;
    display: flex; flex-direction: column; gap: 0.375rem;
}
body.cancer_detail .nav-card:hover {
    border-color: #9B3B2E;
    box-shadow: 0 4px 16px rgba(45,42,38,0.06);
}
body.cancer_detail .nav-label {
    font-size: 0.75rem; color: #8B7355;
    display: flex; align-items: center; gap: 0.25rem;
}
body.cancer_detail .nav-title {
    font-size: 0.875rem; font-weight: 600; color: #2D2A26; line-height: 1.5;
}
body.cancer_detail .nav-card:hover .nav-title { color: #9B3B2E; }
@media (max-width: 640px) { body.cancer_detail .nav-cards { grid-template-columns: 1fr; } }

/* ============ 文章阅读排行 ============ */
body.cancer_detail .rank-item {
    display: flex; align-items: flex-start; gap: 0.75rem;
    padding: 0.5rem 0.25rem;
    transition: background 0.2s;
    border-radius: 0.5rem;
}
body.cancer_detail .rank-item:hover { background: #FDF5F3; }
body.cancer_detail .rank-num {
    width: 1.5rem; height: 1.5rem;
    border-radius: 0.375rem;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.75rem; font-weight: 700;
    color: #8B7355;
    background: #EDE5D8;
    flex-shrink: 0;
}
body.cancer_detail .rank-num.rank-1 {
    background: #9B3B2E; color: #fff;
}
body.cancer_detail .rank-num.rank-2 {
    background: #C48B3A; color: #fff;
}
body.cancer_detail .rank-num.rank-3 {
    background: #8B6E3A; color: #fff;
}
body.cancer_detail .rank-info { flex: 1; min-width: 0; }
body.cancer_detail .rank-title {
    font-size: 0.8125rem; color: #2D2A26; line-height: 1.5;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}
body.cancer_detail .rank-item:hover .rank-title { color: #9B3B2E; }
body.cancer_detail .rank-meta {
    font-size: 0.6875rem; color: #8B7355; margin-top: 0.125rem;
}

/* ============ 右侧栏：相关医案 ============ */
body.cancer_detail .case-side-item {
    display: block; padding: 0.5rem 0;
    border-bottom: 1px dashed #E5DBCB; text-decoration: none;
}
body.cancer_detail .case-side-item:last-of-type { border-bottom: none; }
body.cancer_detail .case-side-tag {
    display: inline-block; font-size: 0.625rem; font-weight: 600;
    color: #8B7355; background: #F5EDE0;
    padding: 0.0625rem 0.375rem; border-radius: 0.25rem; margin-bottom: 0.25rem;
}
body.cancer_detail .case-side-title {
    font-size: 0.8125rem; font-weight: 500; color: #2D2A26; line-height: 1.5;
}
body.cancer_detail .case-side-item:hover .case-side-title { color: #9B3B2E; }
body.cancer_detail .case-side-meta {
    font-size: 0.625rem; color: #8B7355; margin-top: 0.125rem;
}

/* ============ 列表页：文章阅读排行 + 相关医案（复用详情页样式） ============ */
body.cancer_list .rank-item {
    display: flex; align-items: flex-start; gap: 0.75rem;
    padding: 0.5rem 0.25rem;
    transition: background 0.2s;
    border-radius: 0.5rem;
}
body.cancer_list .rank-item:hover { background: #FDF5F3; }
body.cancer_list .rank-num {
    width: 1.5rem; height: 1.5rem;
    border-radius: 0.375rem;
    display: flex; align-items: center; justify-content: center;
    font-size: 0.75rem; font-weight: 700;
    color: #8B7355;
    background: #EDE5D8;
    flex-shrink: 0;
}
body.cancer_list .rank-num.rank-1 { background: #9B3B2E; color: #fff; }
body.cancer_list .rank-num.rank-2 { background: #C48B3A; color: #fff; }
body.cancer_list .rank-num.rank-3 { background: #8B6E3A; color: #fff; }
body.cancer_list .rank-info { flex: 1; min-width: 0; }
body.cancer_list .rank-title {
    font-size: 0.8125rem; color: #2D2A26; line-height: 1.5;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}
body.cancer_list .rank-item:hover .rank-title { color: #9B3B2E; }
body.cancer_list .rank-meta {
    font-size: 0.6875rem; color: #8B7355; margin-top: 0.125rem;
}

body.cancer_list .case-side-item {
    display: block; padding: 0.5rem 0;
    border-bottom: 1px dashed #E5DBCB; text-decoration: none;
}
body.cancer_list .case-side-item:last-of-type { border-bottom: none; }
body.cancer_list .case-side-tag {
    display: inline-block; font-size: 0.625rem; font-weight: 600;
    color: #8B7355; background: #F5EDE0;
    padding: 0.0625rem 0.375rem; border-radius: 0.25rem; margin-bottom: 0.25rem;
}
body.cancer_list .case-side-title {
    font-size: 0.8125rem; font-weight: 500; color: #2D2A26; line-height: 1.5;
}
body.cancer_list .case-side-item:hover .case-side-title { color: #9B3B2E; }
body.cancer_list .case-side-meta {
    font-size: 0.625rem; color: #8B7355; margin-top: 0.125rem;
}

/* ============ 文章详情页：左侧正文卡片（仿 show_article.html 风格） ============ */

/* 文章信息条 */
body.cancer_detail .article-meta-bar {
    display: flex; align-items: center; gap: 1.25rem; flex-wrap: wrap;
    padding: 0.75rem 1.25rem;
    background: #fff; border: 1px solid #D4C9B8; border-radius: 0.75rem;
    margin-bottom: 1.5rem;
}
body.cancer_detail .article-meta-item {
    display: inline-flex; align-items: center; gap: 0.375rem;
    font-size: 0.8125rem; color: #8B7355;
}
body.cancer_detail .article-meta-item svg { width: 0.875rem; height: 0.875rem; }
body.cancer_detail .article-meta-item strong { color: #2D2A26; font-weight: 600; }
body.cancer_detail .article-meta-divider { width: 1px; height: 14px; background: #D4C9B8; }

/* 姝ｆ枃瀹瑰櫒 */
body.cancer_detail .article-body {
    background: #fff; border: 1px solid #D4C9B8; border-radius: 0.75rem;
    padding: 2.5rem 2rem; position: relative;
}
@media (min-width: 768px) {
    body.cancer_detail .article-body { padding: 3rem 3.5rem; }
}
body.cancer_detail .article-body::before {
    content: ''; position: absolute; left: 18px; top: 24px; bottom: 24px; width: 1px;
    background: repeating-linear-gradient(0deg, #9B3B2E 0px, #9B3B2E 4px, transparent 4px, transparent 8px);
    opacity: 0.35;
}

/* 姝ｆ枃鏍囬 */
body.cancer_detail .article-heading {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.375rem; font-weight: 700;
    color: #2D2A26; margin: 2.5rem 0 1rem;
    padding-left: 0.875rem; border-left: 4px solid #9B3B2E; line-height: 1.5;
}
body.cancer_detail .article-heading:first-child { margin-top: 0; }
body.cancer_detail .article-heading-num {
    display: inline-flex; align-items: center; justify-content: center;
    width: 1.75rem; height: 1.75rem; border-radius: 0.375rem;
    background: rgba(155,59,46,0.12); color: #9B3B2E;
    font-size: 0.875rem; font-weight: 700; margin-right: 0.5rem; vertical-align: middle;
}

/* 姝ｆ枃娈佃惤 */
body.cancer_detail .article-body p {
    font-size: 0.9375rem; color: #3D3833; line-height: 2;
    margin-bottom: 1rem; text-indent: 2em;
}
body.cancer_detail .article-body p strong { color: #9B3B2E; }

/* 鏁堟灉瀵规瘮鍖哄唴娈佃惤涓嶇缉杩?*/
body.cancer_detail .effect-body p { text-indent: 0; margin-bottom: 0.375rem; }

/* 鍏抽敭璇?+ 铏氱嚎 + 浜掑姩鏍?*/
body.cancer_detail .article-tags { margin-top: 1.5rem; }
body.cancer_detail .dashed-divider {
    margin: 1.5rem 0;
    border-top: 1px dashed #C4B8A4;
}

/* ============ 瀛愭爮鐩鑸?============ */
body.cancer_detail .subcat-nav .subcat-title {
    position: relative;
    padding-left: 0.75rem;
}
body.cancer_detail .subcat-nav .subcat-title::before {
    content: '';
    position: absolute;
    left: 0; top: 50%;
    transform: translateY(-50%);
    width: 4px; height: 1rem;
    background: #9B3B2E;
    border-radius: 2px;
}
body.cancer_detail .subcat-item {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0.75rem 0;
    border-bottom: 1px dashed #E5DBCB;
    text-decoration: none;
    transition: background 0.2s;
}
body.cancer_detail .subcat-item:last-child {
    border-bottom: none;
}
body.cancer_detail .subcat-item:hover {
    background: #FDF5F3;
    border-radius: 0.375rem;
}
body.cancer_detail .subcat-dot {
    width: 0.5rem; height: 0.5rem;
    border-radius: 2px;
    flex-shrink: 0;
}
body.cancer_detail .subcat-name {
    flex: 1;
    font-size: 0.8125rem;
    color: #2D2A26;
    line-height: 1.5;
}
body.cancer_detail .subcat-item:hover .subcat-name {
    color: #9B3B2E;
}
body.cancer_detail .subcat-count {
    font-family: 'Noto Serif SC', serif;
    font-size: 0.875rem;
    font-weight: 600;
    color: #8B7355;
}

/* ============ 倪海厦治癌理论卡片（cancer_cover 右侧栏） ============ */

/* 闃村疄鐥呮満鍥捐В */
body.cancer_cover .ni-theory-card .yinshi-diagram,
body.cancer_list .ni-theory-card .yinshi-diagram {
    display: flex; flex-direction: column; gap: 0.75rem;
}
body.cancer_cover .yinshi-core,
body.cancer_list .yinshi-core,
body.cancer_detail .yinshi-core {
    display: flex; align-items: center; justify-content: center; gap: 0.5rem;
    padding: 0.625rem 1rem;
    background: linear-gradient(135deg, #2D2A26 0%, #3D3530 100%);
    border-radius: 0.625rem;
    transition: all 0.3s ease;
}
body.cancer_cover .yinshi-core:hover,
body.cancer_list .yinshi-core:hover,
body.cancer_detail .yinshi-core:hover {
    background: linear-gradient(135deg, #9B3B2E 0%, #7D2E23 100%);
    transform: scale(1.03);
    box-shadow: 0 4px 12px rgba(155,59,46,0.3);
}
body.cancer_cover .yinshi-label,
body.cancer_list .yinshi-label,
body.cancer_detail .yinshi-label {
    font-size: 0.75rem; color: #B8A58B;
}
body.cancer_cover .yinshi-value,
body.cancer_list .yinshi-value,
body.cancer_detail .yinshi-value {
    font-family: 'Noto Serif SC', serif;
    font-size: 1.125rem; font-weight: 700;
    color: #F5F0E8;
}
body.cancer_cover .yinshi-arrow,
body.cancer_list .yinshi-arrow,
body.cancer_detail .yinshi-arrow {
    text-align: center; font-size: 0.6875rem;
    color: #8B7355; font-style: italic;
}
body.cancer_cover .yinshi-conditions,
body.cancer_list .yinshi-conditions,
body.cancer_detail .yinshi-conditions {
    display: flex; flex-direction: column; gap: 0.5rem;
}
body.cancer_cover .yinshi-condition,
body.cancer_list .yinshi-condition,
body.cancer_detail .yinshi-condition {
    display: flex; align-items: flex-start; gap: 0.5rem;
    padding: 0.5rem 0.625rem;
    background: #FDF5F3; border-radius: 0.5rem;
    border-left: 3px solid #9B3B2E;
    transition: all 0.25s ease;
    cursor: default;
}
body.cancer_cover .yinshi-condition:hover,
body.cancer_list .yinshi-condition:hover,
body.cancer_detail .yinshi-condition:hover {
    border-left-width: 5px;
    transform: translateX(4px);
    background: #F5E0DC;
}
body.cancer_cover .yinshi-condition:hover i,
body.cancer_list .yinshi-condition:hover i,
body.cancer_detail .yinshi-condition:hover i {
    transform: scale(1.2);
}
body.cancer_cover .yinshi-condition i,
body.cancer_list .yinshi-condition i,
body.cancer_detail .yinshi-condition i {
    transition: all 0.25s ease;
    color: #9B3B2E; flex-shrink: 0; margin-top: 2px;
}
body.cancer_cover .condition-name,
body.cancer_list .condition-name,
body.cancer_detail .condition-name {
    font-size: 0.8125rem; font-weight: 600; color: #2D2A26;
}
body.cancer_cover .condition-desc,
body.cancer_list .condition-desc,
body.cancer_detail .condition-desc {
    font-size: 0.6875rem; color: #8B7355; margin-top: 0.125rem; line-height: 1.5;
}
body.cancer_cover .yinshi-heart,
body.cancer_list .yinshi-heart,
body.cancer_detail .yinshi-heart {
    display: flex; align-items: flex-start; gap: 0.5rem;
    padding: 0.625rem 0.75rem;
    background: linear-gradient(135deg, #FDF5E6 0%, #F5EDE0 100%);
    border: 1px dashed #C4A35A; border-radius: 0.5rem;
    font-size: 0.6875rem; color: #5C5449; line-height: 1.6;
    transition: all 0.25s ease;
    cursor: default;
}
body.cancer_cover .yinshi-heart:hover,
body.cancer_list .yinshi-heart:hover,
body.cancer_detail .yinshi-heart:hover {
    border-style: solid;
    border-color: #C4A35A;
    background: linear-gradient(135deg, #F5EDE0 0%, #F0E4CC 100%);
    transform: scale(1.02);
    box-shadow: 0 2px 8px rgba(196,163,90,0.2);
}
body.cancer_cover .yinshi-heart:hover i,
body.cancer_list .yinshi-heart:hover i,
body.cancer_detail .yinshi-heart:hover i {
    transform: scale(1.2) rotate(5deg);
}
body.cancer_cover .yinshi-heart i,
body.cancer_list .yinshi-heart i,
body.cancer_detail .yinshi-heart i {
    transition: all 0.25s ease;
    color: #C4A35A; flex-shrink: 0; margin-top: 2px;
}

/* 治癌五步流程 */
body.cancer_cover .step-flow,
body.cancer_detail .step-flow {
    display: flex; flex-direction: column; gap: 0;
    position: relative;
}
body.cancer_cover .step-flow::before,
body.cancer_detail .step-flow::before {
    content: ''; position: absolute;
    left: 0.875rem; top: 1.5rem; bottom: 1.5rem; width: 2px;
    background: repeating-linear-gradient(180deg, #D4C9B8 0px, #D4C9B8 4px, transparent 4px, transparent 8px);
}
body.cancer_cover .step-flow-item,
body.cancer_detail .step-flow-item {
    display: flex; align-items: flex-start; gap: 0.75rem;
    padding: 0.5rem 0; position: relative;
}
body.cancer_cover .step-flow-num,
body.cancer_detail .step-flow-num {
    width: 1.75rem; height: 1.75rem; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-family: 'Noto Serif SC', serif;
    font-size: 0.8125rem; font-weight: 700;
    color: #fff; background: #9B3B2E;
    flex-shrink: 0; z-index: 1;
    box-shadow: 0 0 0 3px #fff;
}
body.cancer_cover .step-flow-item:nth-child(2) .step-flow-num,
body.cancer_detail .step-flow-item:nth-child(2) .step-flow-num { background: #C48B3A; }
body.cancer_cover .step-flow-item:nth-child(3) .step-flow-num,
body.cancer_detail .step-flow-item:nth-child(3) .step-flow-num { background: #8B6E3A; }
body.cancer_cover .step-flow-item:nth-child(4) .step-flow-num,
body.cancer_detail .step-flow-item:nth-child(4) .step-flow-num { background: #5A7A4D; }
body.cancer_cover .step-flow-item:nth-child(5) .step-flow-num,
body.cancer_detail .step-flow-item:nth-child(5) .step-flow-num { background: #4A7C8C; }
body.cancer_cover .step-flow-body,
body.cancer_detail .step-flow-body { flex: 1; padding-top: 0.125rem; }
body.cancer_cover .step-flow-name,
body.cancer_detail .step-flow-name {
    font-size: 0.8125rem; font-weight: 600; color: #2D2A26;
}
body.cancer_cover .step-flow-desc,
body.cancer_detail .step-flow-desc {
    font-size: 0.6875rem; color: #8B7355; margin-top: 0.125rem; line-height: 1.5;
}

/* 治癌核心理念 — 鼠标交互 */
body.cancer_cover .sidebar-card .space-y-2\.5 > div {
    transition: all 0.25s ease;
    border-radius: 0.5rem;
    padding: 0.375rem 0.5rem;
    margin: -0.375rem -0.5rem;
}
body.cancer_cover .sidebar-card .space-y-2\.5 > div:hover {
    background: #FDF5F3;
    transform: translateX(4px);
}
body.cancer_cover .sidebar-card .space-y-2\.5 > div:hover .text-ink {
    color: #9B3B2E;
}

/* 治癌五步流程 — 鼠标交互 */
body.cancer_cover .step-flow-item,
body.cancer_detail .step-flow-item {
    display: flex; align-items: flex-start; gap: 0.75rem;
    padding: 0.5rem 0.625rem; position: relative;
    border-radius: 0.5rem;
    transition: all 0.25s ease;
    cursor: default;
}
body.cancer_cover .step-flow-item:hover,
body.cancer_detail .step-flow-item:hover {
    background: #FDF5F3;
    transform: translateX(4px);
}
body.cancer_cover .step-flow-item:hover .step-flow-num,
body.cancer_detail .step-flow-item:hover .step-flow-num {
    transform: scale(1.15);
    box-shadow: 0 0 0 3px #fff, 0 2px 8px rgba(155,59,46,0.3);
}
body.cancer_cover .step-flow-num,
body.cancer_detail .step-flow-num {
    transition: all 0.25s ease;
}
body.cancer_cover .step-flow-item:hover .step-flow-name,
body.cancer_detail .step-flow-item:hover .step-flow-name {
    color: #9B3B2E;
}

/* 疗效自测六指标 */
body.cancer_cover .indicator-grid,
body.cancer_detail .indicator-grid {
    display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem;
}
body.cancer_cover .indicator-item,
body.cancer_detail .indicator-item {
    padding: 0.625rem 0.5rem;
    background: #F5F0E8; border-radius: 0.5rem;
    text-align: center; border: 1px solid #E5DBCB;
    transition: all 0.2s;
}
body.cancer_cover .indicator-item:hover,
body.cancer_detail .indicator-item:hover {
    background: #FDF5F3; border-color: #9B3B2E;
}
body.cancer_cover .indicator-item i,
body.cancer_detail .indicator-item i {
    color: #5A7A4D; margin-bottom: 0.25rem;
}
body.cancer_cover .indicator-name,
body.cancer_detail .indicator-name {
    font-size: 0.75rem; font-weight: 600; color: #2D2A26;
}
body.cancer_cover .indicator-note,
body.cancer_detail .indicator-note {
    font-size: 0.625rem; color: #8B7355; margin-top: 0.125rem; line-height: 1.4;
}

/* 饮食调护禁忌 */
body.cancer_cover .diet-rules,
body.cancer_detail .diet-rules {
    display: flex; flex-direction: column; gap: 0.75rem;
}
body.cancer_cover .diet-rules-title,
body.cancer_detail .diet-rules-title {
    display: flex; align-items: center; gap: 0.375rem;
    font-size: 0.75rem; font-weight: 700; color: #2D2A26;
    margin-bottom: 0.375rem;
}
body.cancer_cover .diet-stop .diet-rules-title i,
body.cancer_detail .diet-stop .diet-rules-title i { color: #9B3B2E; }
body.cancer_cover .diet-start .diet-rules-title i,
body.cancer_detail .diet-start .diet-rules-title i { color: #5A7A4D; }
body.cancer_cover .diet-rules-list,
body.cancer_detail .diet-rules-list {
    display: flex; flex-wrap: wrap; gap: 0.375rem;
}
body.cancer_cover .diet-tag,
body.cancer_detail .diet-tag {
    display: inline-flex; align-items: center;
    padding: 0.25rem 0.625rem;
    font-size: 0.6875rem; font-weight: 500;
    border-radius: 9999px;
}
body.cancer_cover .diet-tag.stop,
body.cancer_detail .diet-tag.stop {
    background: #F5E0E0; color: #8B3A2E;
    border: 1px solid #E8C4B8;
    transition: all 0.25s ease;
    cursor: default;
}
body.cancer_cover .diet-tag.stop:hover,
body.cancer_detail .diet-tag.stop:hover {
    background: #9B3B2E; color: #fff;
    border-color: #9B3B2E;
    transform: scale(1.08);
}
body.cancer_cover .diet-tag.start,
body.cancer_detail .diet-tag.start {
    background: #E8EDE0; color: #4A6B3D;
    border: 1px solid #C4D9B8;
    transition: all 0.25s ease;
    cursor: default;
}
body.cancer_cover .diet-tag.start:hover,
body.cancer_detail .diet-tag.start:hover {
    background: #5A7A4D; color: #fff;
    border-color: #5A7A4D;
    transform: scale(1.08);
}
body.cancer_cover .diet-warn,
body.cancer_detail .diet-warn {
    display: flex; align-items: flex-start; gap: 0.375rem;
    padding: 0.5rem 0.625rem;
    background: #FDF5E6; border: 1px dashed #C4A35A;
    border-radius: 0.5rem;
    font-size: 0.6875rem; color: #8B6E3A; line-height: 1.5;
}
body.cancer_cover .diet-warn i,
body.cancer_detail .diet-warn i { color: #C4A35A; flex-shrink: 0; margin-top: 2px; }

/* 六经辨证定位 */
body.cancer_cover .meridian-map,
body.cancer_list .meridian-map,
body.cancer_detail .meridian-map {
    display: flex; flex-direction: column; gap: 0.5rem;
}
body.cancer_cover .meridian-stage,
body.cancer_list .meridian-stage,
body.cancer_detail .meridian-stage {
    display: flex; align-items: center; gap: 0.625rem;
    padding: 0.5rem 0.625rem;
    border-radius: 0.5rem;
    border-left: 3px solid;
    transition: all 0.25s ease;
    cursor: default;
}
body.cancer_cover .meridian-stage:hover,
body.cancer_list .meridian-stage:hover,
body.cancer_detail .meridian-stage:hover {
    transform: translateX(6px);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}
body.cancer_cover .meridian-stage:hover .meridian-tag,
body.cancer_list .meridian-stage:hover .meridian-tag,
body.cancer_detail .meridian-stage:hover .meridian-tag {
    transform: scale(1.1);
}
body.cancer_cover .meridian-tag,
body.cancer_list .meridian-tag,
body.cancer_detail .meridian-tag {
    transition: all 0.25s ease;
}
body.cancer_cover .meridian-stage.early,
body.cancer_list .meridian-stage.early,
body.cancer_detail .meridian-stage.early {
    background: #E8EDE0; border-color: #5A7A4D;
}
body.cancer_cover .meridian-stage.mid,
body.cancer_list .meridian-stage.mid,
body.cancer_detail .meridian-stage.mid {
    background: #FDF5E6; border-color: #C4A35A;
}
body.cancer_cover .meridian-stage.late,
body.cancer_list .meridian-stage.late,
body.cancer_detail .meridian-stage.late {
    background: #F5E0E0; border-color: #9B3B2E;
}
body.cancer_cover .meridian-tag,
body.cancer_list .meridian-tag,
body.cancer_detail .meridian-tag {
    font-size: 0.625rem; font-weight: 700;
    padding: 0.125rem 0.375rem; border-radius: 0.25rem;
    flex-shrink: 0;
}
body.cancer_cover .meridian-stage.early .meridian-tag,
body.cancer_list .meridian-stage.early .meridian-tag { background: #5A7A4D; color: #fff; }
body.cancer_detail .meridian-stage.early .meridian-tag { background: #5A7A4D; color: #fff; }
body.cancer_cover .meridian-stage.mid .meridian-tag,
body.cancer_list .meridian-stage.mid .meridian-tag { background: #C4A35A; color: #fff; }
body.cancer_detail .meridian-stage.mid .meridian-tag { background: #C4A35A; color: #fff; }
body.cancer_cover .meridian-stage.late .meridian-tag,
body.cancer_list .meridian-stage.late .meridian-tag { background: #9B3B2E; color: #fff; }
body.cancer_detail .meridian-stage.late .meridian-tag { background: #9B3B2E; color: #fff; }
body.cancer_cover .meridian-name,
body.cancer_list .meridian-name,
body.cancer_detail .meridian-name {
    font-family: 'Noto Serif SC', serif;
    font-size: 0.8125rem; font-weight: 700; color: #2D2A26;
    flex-shrink: 0;
}
body.cancer_cover .meridian-desc,
body.cancer_list .meridian-desc,
body.cancer_detail .meridian-desc {
    font-size: 0.6875rem; color: #8B7355;
}