/* TCF Report Styles - 添加 tcf-report- 前缀以避免冲突 */
        .tcf-report-container {
            background-color: #000000;
            width: 1080px;
            height: 1920px;
            position: relative;
            overflow: auto;
            display: none;
            flex-direction: column;
        }
        
        .tcf-report-container.active {
            display: flex;
        }
        
        .tcf-report-page {
            display: none;
            width: 100%;
            height: 100%;
            flex-direction: column;
        }
        
        .tcf-report-page.tcf-report-active {
            display: flex;
        }
        /* TCF Report 完整样式 - 从 tcf-report.css 整合，添加 tcf-report- 前缀 */
        /* 注意：所有类名都已添加 tcf-report- 前缀以避免冲突 */
        
        /* 基础样式 - 使用 tcf-report-main-container 作为容器 */
        .tcf-report-main-container {
            background-color: #000000;
            width: 1080px;
            height: 1920px;
            position: relative;
            overflow: auto;
            display: flex;
            flex-direction: column;
        }
        
        /* 头部区域 */
        .tcf-report-header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.5rem 1.5rem 1rem;
            position: relative;
            z-index: 10;
            flex-shrink: 0;
        }
        
        .tcf-report-back-button {
            background: #151515;
            border: 1px solid #5d2500;
            border-radius: 1rem;
            color: #FF6600;
            padding: 2rem 3rem;
            font-size: 2rem;
            cursor: pointer;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            min-width: 15rem;
            min-height: 5rem;
        }
        
        .tcf-report-header-right {
            display: flex;
            gap: 0.75rem;
            align-items: center;
        }
        
        .tcf-report-help-button {
            background: #151515;
            border: 1px solid #5d2500;
            border-radius: 1rem;
            color: #FF6600;
            min-height: 5rem;
            min-width: 5rem;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            cursor: pointer;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            padding: 2rem 3rem;
        }
        
        .tcf-report-menu-button {
            background: #151515;
            border: 1px solid #5d2500;
            border-radius: 1rem;
            color: #FF6600;
            padding: 2rem 3rem;
            font-size: 2rem;
            cursor: pointer;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            min-width: 15rem;
            min-height: 5rem;
        }
        
        /* 主要内容区域 */
        .tcf-report-content {
            padding: 2rem 1.5rem;
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 2rem;
            min-height: 0;
            position: relative;
            background-color: #151515;
            margin: 2rem 1.5rem;
        }
        
        /* 顶部内容区域 */
        .tcf-report-content-top {
            display: flex;
            gap: 1.5rem;
        }
        
        /* 左侧区域 */
        .tcf-report-left-section {
            flex: 1;
            background: transparent;
            border: 1px solid #272727;
            border-radius: 2rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            max-height: 15rem;
            margin-left: 3rem;
        }
        
        /* 左侧健身分数框 */
        .tcf-report-fitness-score-box {
            background: transparent;
            border-radius: 2rem;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin-top: 6rem;
        }
        
        /* 图例框 */
        .tcf-report-legend-box {
            background: transparent;
            border-radius: 2rem;
            padding: 1.5rem;
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: center;
            flex: 1;
            gap: 1rem;
        }
        
        .tcf-report-legend-item {
            color: #ffffff;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1.5rem;
            text-align: center;
            padding: 0;
            position: relative;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        .tcf-report-legend-item.tcf-report-under { 
            color: #01a0f3;
        }
        .tcf-report-legend-item.tcf-report-normal { 
            color: #0fbc8d;
        }
        .tcf-report-legend-item.tcf-report-over { 
            color: #f30229;
        }
        
        .tcf-report-legend-item::after {
            content: '';
            position: absolute;
            bottom: -12px;
            left: 50%;
            transform: translateX(-50%);
            width: 40px;
            height: 2px;
        }
        
        .tcf-report-legend-item.tcf-report-under::after {
            background: #01a0f3;
        }
        .tcf-report-legend-item.tcf-report-normal::after {
            background: #0fbc8d;
        }
        .tcf-report-legend-item.tcf-report-over::after {
            background: #f30229;
        }
        
        .tcf-report-score-number {
            color: #ffffff;
            font-size: 8rem;
            font-family: 'Morganite-Black-2', Arial, sans-serif;
            line-height: 1;
            margin-bottom: 0.5rem;
        }
        
        .tcf-report-score-total {
            color: #888888;
            font-size: 1rem;
            font-family: 'HarmonyOS_Sans_SC_Light', Arial, sans-serif;
            margin-bottom: 2rem;
        }
        
        /* 右侧用户信息框 */
        .tcf-report-user-info-box {
            flex: 2;
            background: #000000;
            border-radius: 2rem;
            padding: 2rem;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            max-height: 19rem;
            margin-right: 3rem;
        }
        
        .tcf-report-user-info-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 2rem;
            flex: 1;
        }
        
        .tcf-report-user-info-item {
            display: flex;
            flex-direction: column;
            gap: 0.5rem;
        }
        
        .tcf-report-user-info-label {
            color: #FF6600;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Bold', Arial, sans-serif;
        }
        
        .tcf-report-user-info-value {
            color: #ffffff;
            font-size: 1.8rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            border-bottom: 1px solid #262626;
            padding-bottom: 0.3rem;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        
        .tcf-report-user-info-unit {
            color: #262626;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-user-info-date {
            color: #888888;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            text-align: right;
            margin-top: auto;
            padding-top: 1rem;
        }
        
        /* 报告内容样式 */
        .tcf-report-title-bar {
            background: #151515;
            border-top: 4px solid #ff6600;
            border-radius: 0.5rem;
            padding: 1.5rem 4.5rem;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 0 1.5rem;
        }
        
        .tcf-report-title-left {
            color: #ff6600;
            font-size: 2.6rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-title-right {
            color: #fffefe;
            font-size: 2rem;
            font-family: 'HarmonyOS_Sans_SC_Light', Arial, sans-serif;
        }
        
        /* Footer 样式 */
        .tcf-report-footer {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0rem 1.5rem 1.5rem 1.5rem;
            gap: 1rem;
            flex-shrink: 0;
            margin-top: auto;
        }
        
        .tcf-report-footer-left {
            display: flex;
            gap: 1rem;
            flex: 1;
        }
        
        .tcf-report-footer-right {
            display: flex;
            gap: 1rem;
        }
        
        .tcf-report-footer-button {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding:0rem 2rem;
            border-radius: 1rem;
            font-size: 2rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            cursor: pointer;
            transition: all 0.3s ease;
            min-height: 6rem;
        }
        
        .tcf-report-print-button {
            background: #151515;
            border: 1px solid #5d2500;
            color: #FF6600;
            min-width: 15rem;
        }
        
        .tcf-report-send-button {
            background: #151515;
            border: 1px solid #5d2500;
            color: #FF6600;
            min-width: 15rem;
        }
        
        .tcf-report-next-button {
            background: #FF6600;
            border: none;
            color: #000000;
            min-width: 24rem;
            min-height: 6rem;
        }
        
        .tcf-report-previous-button {
            background: #FF6600;
            border: none;
            color: #000000;
            min-width: 24rem;
            min-height: 6rem;
        }
        
        .tcf-report-button-icon {
            width: 2.5rem;
            height: 2.5rem;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .tcf-report-print-icon {
            background: url('../icon/print.png') no-repeat center;
            background-size: contain;
        }
        
        .tcf-report-send-icon {
            background: url('../icon/scan.png') no-repeat center;
            background-size: contain;
        }
        
        .tcf-report-next-icon {
            background: url('../icon/arrow3.png') no-repeat center;
            background-size: contain;
        }
        
        .tcf-report-previous-icon {
            background: url('../icon/arrow3.png') no-repeat center;
            background-size: contain;
            transform: rotate(180deg);
        }
        
        .tcf-report-send-text {
            display: flex;
            flex-direction: column;
            line-height: 1.2;
            text-align: left;
        }
        
        /* 底部内容区域布局 */
        .tcf-report-bottom-content {
            display: flex;
            gap: 2rem;
        }
        
        /* 左侧体成分框 */
        .tcf-report-body-composition-box {
            flex: 1.2;
            background: #151515;
            border: 1px solid #272727;
            border-radius: 2rem;
            padding: 1rem;
            margin-left: 3rem;
            overflow-y: auto;
        }
        
        /* 体成分分析头部 */
        .tcf-report-composition-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1.5rem;
        }
        
        .tcf-report-composition-title {
            color: #606060;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1.5rem;
        }
        
        .tcf-report-history-btn {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            padding: 0.5rem 0.5rem;
            border-radius: 0.5rem;
            border: 1px solid #5d2500;
            color: #ff6600;
            background: transparent;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1.5rem;
            cursor: pointer;
        }
        
        .tcf-report-history-btn img {
            width: 1.5rem;
            height: 1.25rem;
        }
        
        /* 指标项目样式 */
        .tcf-report-metric-item {
            position: relative;
            margin-bottom:1.8rem;
            display: grid;
            grid-template-columns: 1fr auto;
            grid-template-rows: auto 1rem auto;
            align-items: center;
            gap: 0.5rem 1rem;
        }
        
        .tcf-report-metric-label {
            color: #ffffff;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1.5rem;
            grid-column: 1 / -1;
            grid-row: 1;
        }
        
        .tcf-report-metric-label small {
            color: #9a9a9a;
            font-size: 1.5rem;
        }
        
        .tcf-report-metric-label small.tcf-report-mini {
            color: #9a9a9a;
            font-size: 1.1rem;
        }
        
        .tcf-report-metric-value {
            color: #ffffff;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1.5rem;
            font-weight: 700;
            grid-column: 2;
            grid-row: 2;
            align-self: center;
            width: 4rem;
            text-align: right;
            min-width: 4rem;
        }
        
        /* 范围条样式 */
        .tcf-report-range-bar {
            position: relative;
            height: 0.5rem;
            background: #272727;
            border-radius: 0.5rem;
            overflow: hidden;
            grid-column: 1;
            grid-row: 2;
            margin-right: 1rem;
        }
        
        .tcf-report-bar-fill {
            position: absolute;
            left: 0;
            top: 0;
            height: 100%;
            width: 0%;
            border-radius: 0.5rem;
            background: #0fbc8d;
            transition: width 0.3s ease;
        }
        
        .tcf-report-range-bar::before,
        .tcf-report-range-bar::after {
            content: '';
            position: absolute;
            top: 0;
            bottom: 0;
            width: 0.375rem;
            background: #1a1a1a;
            z-index: 2;
            pointer-events: none;
        }
        
        .tcf-report-range-bar::before {
            left: 25%;
            transform: translateX(-50%);
        }
        
        .tcf-report-range-bar::after {
            left: 75%;
            transform: translateX(-50%);
        }
        
        /* 状态颜色 */
        .tcf-report-status-under .tcf-report-bar-fill {
            background: #01a0f3;
        }
        
        .tcf-report-status-normal .tcf-report-bar-fill {
            background: #0fbc8d;
        }
        
        .tcf-report-status-over .tcf-report-bar-fill {
            background: #f30229;
        }
        
        /* 范围标签 */
        .tcf-report-range-labels {
            display: flex;
            justify-content: space-between;
            color: #9a9a9a;
            font-size: 1.2rem;
            margin-top: 0.375rem;
            grid-column: 1 / -1;
            grid-row: 3;
        }
        
        .tcf-report-range-labels [data-min] {
            position: absolute;
            left: 22%;
            transform: translateX(-50%);
            top: 3.5rem;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Light', Arial, sans-serif;
        }
        
        .tcf-report-range-labels [data-max] {
            position: absolute;
            left: 60%;
            transform: translateX(-50%);
            top: 3.5rem;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Light', Arial, sans-serif;
        }
        
        /* 分段分隔符 */
        .tcf-report-section-sep {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            color: #5f5f5f;
            font-size: 1.5rem;
            margin: 0.5rem 0 1rem;
        }
        
        .tcf-report-section-sep::after {
            content: '';
            flex: 1;
            height: 1px;
            background: #272727;
        }
        
        /* 右侧三个框的容器 */
        .tcf-report-right-boxes-container {
            flex: 1;
            display: flex;
            flex-direction: column;
            gap: 1rem;
            margin-right: 3rem;
        }
        
        /* PBF分类框样式 */
        .tcf-report-pbf-classification-box {
            background: #151515;
            border: 1px solid #272727;
            border-radius: 2rem;
            padding: 1rem;
            overflow-y: auto;
        }
        
        .tcf-report-pbf-title {
            color: #5f5f5f;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1.6rem;
        }
        
        .tcf-report-pbf-row {
            display: flex;
            align-items: center;
            gap: 0.7rem;
        }
        
        .tcf-report-pbf-row .tcf-report-triangle {
            width: 1rem;
            height: 1rem;
            border-left: 0.55rem solid #ff6600;
            border-top: 0.45rem solid transparent;
            border-bottom: 0.45rem solid transparent;
            opacity: 0;
            margin-left: 2rem;
        }
        .tcf-report-pbf-row.tcf-report-selected .tcf-report-triangle {
            opacity: 1;
        }
        
        .tcf-report-pbf-pill {
            display: flex;
            align-items: center;
            justify-content: space-between;
            width: 100%;
            border: 1px solid transparent;
            padding: 0 1rem;
            min-height: 3rem;
            border-radius: 0.7rem;
            transition: border-color 0.2s;
            background: transparent;
        }
        .tcf-report-pbf-row.tcf-report-selected .tcf-report-pbf-pill {
            border: 1px solid #ff6600;
            background: transparent;
        }
        
        .tcf-report-pbf-label {
            color: #bdbdbd;
            font-size: 1.05rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            transition: color 0.2s;
            white-space: nowrap;
            flex: 1;
            text-align: left;
        }
        .tcf-report-pbf-row.tcf-report-selected .tcf-report-pbf-label {
            color: #fff;
        }
        
        .tcf-report-pbf-range {
            color: #9a9a9a;
            font-size: 0.97rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            margin-left: 1.1rem;
            white-space: nowrap;
            text-align: right;
        }
        
        .tcf-report-classification-info {
            color: #9a9a9a;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1rem;
            line-height: 1.4;
            margin-top: 1rem;
        }
        
        /* 分段分析框样式 */
        .tcf-report-segmental-box {
            background: #151515;
            border: 1px solid #272727;
            border-radius: 2rem;
            padding: 1rem 2rem;
            overflow-y: auto;
        }
        
        .tcf-report-segmental-title {
            color: #5f5f5f;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1.8rem;
            margin-bottom: 1rem;
        }
        
        .tcf-report-segmental-section {
            color: #5f5f5f;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1.6rem;
        }
        
        .tcf-report-segmental-section-title {
            color: #5f5f5f;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 1.6rem;
            margin-bottom: 1rem;
        }
        
        .tcf-report-segmental-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-rows: 1fr 1fr;
            gap: 0.8rem;
            position: relative;
            margin-bottom: 1rem;
        }
        
        .tcf-report-segment-item {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 0.5rem;
            padding: 0.5rem;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            min-height: 2.5rem;
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        
        .tcf-report-segment-item.tcf-report-trunk {
            min-height: 5.5rem;
            grid-column: 2;
            grid-row: 1 / 3;
        }
        
        .tcf-report-segment-label {
            color: #ffffff;
            font-size: 0.9rem;
            margin-bottom: 0.3rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-segment-value {
            color: #ffffff;
            font-size: 1rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-segment-marker {
            width: 1.5rem;
            height: 0.15rem;
            border-radius: 0.075rem;
            margin: 0.2rem 0;
        }
        
        .tcf-report-lean-marker {
            background: #0fbc8d;
        }
        
        .tcf-report-fat-marker {
            background: #f30229;
        }
        
        /* 动态线段颜色 */
        .tcf-report-under-marker {
            background: #01a0f3;
        }
        
        .tcf-report-normal-marker {
            background: #0fbc8d;
        }
        
        .tcf-report-over-marker {
            background: #f30229;
        }
        
        .tcf-report-segment-item.tcf-report-left-arm {
            grid-column: 1;
            grid-row: 1;
        }
        
        .tcf-report-segment-item.tcf-report-right-arm {
            grid-column: 3;
            grid-row: 1;
        }
        
        .tcf-report-segment-item.tcf-report-left-leg {
            grid-column: 1;
            grid-row: 2;
        }
        
        .tcf-report-segment-item.tcf-report-right-leg {
            grid-column: 3;
            grid-row: 2;
        }
        
        .tcf-report-grid-label {
            position: absolute;
            color: #9a9a9a;
            font-size: 1rem;
            top: 50%;
            transform: translateY(-50%);
        }
        
        .tcf-report-grid-label.tcf-report-left {
            left:-1rem;
        }
        
        .tcf-report-grid-label.tcf-report-right {
            right: -1rem;
        }
        
        /* 阻抗分析框样式 */
        .tcf-report-impedance-box {
            background: #151515;
            border: 1px solid #272727;
            border-radius: 2rem;
            padding: 1rem;
            flex: 1;
            overflow-y: auto;
        }
        
        .tcf-report-impedance-title {
            color: #5f5f5f;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            font-size: 2rem;
            margin-bottom: 1rem;
        }
        
        .tcf-report-impedance-table {
            width: 100%;
            border-collapse: collapse;
            table-layout: fixed;
        }
        
        .tcf-report-impedance-table th,
        .tcf-report-impedance-table td {
            padding: 0.5rem 0.25rem;
            border: none;
            font-size: 0.875rem;
            text-align: center;
            white-space: nowrap;
            overflow: visible;
        }
        
        .tcf-report-impedance-table th {
            color: #9a9a9a;
        }
        
        .tcf-report-impedance-table td {
            color: #ffffff;
        }
        
        .tcf-report-impedance-table td:first-child {
            text-align: right;
            direction: rtl;
        }
        
        .tcf-report-impedance-table th:nth-child(1),
        .tcf-report-impedance-table td:nth-child(1) {
            width: 18%;
        }
        
        .tcf-report-impedance-table th:nth-child(n+2),
        .tcf-report-impedance-table td:nth-child(n+2) {
            width: 16.4%;
        }
        
        /* 第二页专用样式 */
        .tcf-report-page2-content {
            display: flex;
            flex-direction: column;
            gap: 2rem;
            padding: 0rem 3rem;
            color: #ffffff;
        }
        
        /* 第二页基本布局样式 */
        .tcf-report-page2-top-box {
            background: #151515;
            border: 1px solid #272727;
            border-radius: 2rem;
            padding: 0.8rem 1.5rem;
            display: flex;
            flex-direction: column;
            gap: 0.3rem;
        }
        
        .tcf-report-page2-top-box-top {
            color: #606060;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            text-align: left;
        }
        
        .tcf-report-page2-top-box-content {
            display: flex;
            gap: 2rem;
        }
        
        .tcf-report-page2-top-box-left {
            display: flex;
            flex-direction: column;
        }
        
        .tcf-report-weight-management-section {
            margin-bottom: 0.5rem;
        }
        
        .tcf-report-weight-management-box {
            background: #272727;
            border-radius: 0.5rem;
            padding: 0.5rem 1.5rem;
            border-top: 0.2rem solid #f30229;
        }
        
        .tcf-report-weight-management-label {
            color: #ffffff;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            margin-bottom: 0.5rem;
        }
        
        .tcf-report-weight-management-value {
            color: #ffffff;
            font-size: 2rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            display: flex;
            flex-direction: row;
            align-items: baseline;
            gap: 0.5rem;
        }
        
        .tcf-report-weight-number {
            font-size: 2rem;
            line-height: 1;
        }
        
        .tcf-report-weight-unit {
            font-size: 2rem;
            font-weight: normal;
            color: #ffffff;
        }
        
        .tcf-report-muscle-fat-section {
            display: flex;
            gap: 0.2rem;
            min-height: 3.5rem;
        }
        
        .tcf-report-muscle-box, .tcf-report-fat-box {
            flex: 1;
            background: #151515;
            border: 1px solid #272727;
            border-radius: 0.5rem;
            padding: 0.5rem 1.5rem;
        }
        
        .tcf-report-muscle-label, .tcf-report-fat-label {
            color: #ffffff;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-muscle-line {
            height: 2px;
            background: #888888;
            margin: 1rem 0;
        }
        
        .tcf-report-muscle-line.tcf-report-positive {
            background: #f30229;
        }
        
        .tcf-report-muscle-line.tcf-report-negative {
            background: #0fbc8d;
        }
        
        .tcf-report-fat-line {
            height: 2px;
            background: #f30229;
            margin:1rem 0;
        }
        
        .tcf-report-fat-line.tcf-report-positive {
            background: #f30229;
        }
        
        .tcf-report-fat-line.tcf-report-negative {
            background: #0fbc8d;
        }
        
        .tcf-report-muscle-value, .tcf-report-fat-value {
            color: #ffffff;
            font-size: 2rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            text-align: left;
        }
        
        .tcf-report-value-number {
            font-size: 2rem;
            line-height: 1;
        }
        
        .tcf-report-value-unit {
            font-size: 2rem;
            font-weight: normal;
            margin-top: 0.2rem;
            color: #606060;
        }
        
        .tcf-report-page2-top-box-right {
            flex: 1;
            background-image: url('../image/r.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }
        
        .tcf-report-page2-middle-section {
            display: flex;
            gap: 2rem;
            padding: 0 3rem;
        }
        
        .tcf-report-page2-left-box, .tcf-report-page2-right-box {
            flex: 1;
            background: #151515;
            border: 1px solid #272727;
            border-radius: 2rem;
            padding: 1rem 1.5rem;
        }
        
        .tcf-report-page2-left-box {
            padding: 0.8rem 1.5rem;
        }
        
        .tcf-report-page2-top-box-bottom {
            margin-top: 0.5rem;
        }
        
        .tcf-report-section-title {
            color: #FF6600;
            font-size: 1.6rem;
            font-family: 'HarmonyOS_Sans_SC_Bold', Arial, sans-serif;
        }
        
        .tcf-report-findings-section, .tcf-report-recommendations-section {
            margin-bottom: 1rem;
        }
        
        .tcf-report-findings-content, .tcf-report-recommendations-content {
            color: #ffffff;
            font-size: 1.3rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            line-height: 1.4;
        }
        
        .tcf-report-recommendations-content strong {
            color: #FF6600;
        }
        
        .tcf-report-page2-bottom-box {
            background: #151515;
            border-radius: 2rem;
            padding: 0.8rem 2rem;
            margin: 0 3rem;
        }
        
        .tcf-report-page2-bottom-box.tcf-report-with-border {
            border: 1px solid #272727;
        }
        
        /* Body Fat Analysis Styles */
        .tcf-report-body-fat-analysis-title {
            color: #5f5f5f;
            font-size: 1.5rem;
            margin-bottom: 0.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-fat-item {
            margin-bottom: 0.1rem;
        }
        
        .tcf-report-body-fat-label {
            color: #9a9a9a;
            font-size: 1.3rem;
            margin-bottom: 0.1rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-fat-label.tcf-report-white {
            color: #ffffff;
        }
        
        .tcf-report-body-fat-value {
            color: #ffffff;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-fat-ratio-container {
            display: flex;
            align-items: center;
            gap: 1rem;
        }
        
        .tcf-report-body-fat-ratio-value {
            color: #ffffff;
            font-size: 2rem;
            width: 4rem;
            text-align: left;
            flex-shrink: 0;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-fat-progress-container {
            flex: 1;
            margin-top: 0.3rem;
        }
        
        .tcf-report-body-fat-progress-bar {
            position: relative;
            height: 0.5rem;
            margin-bottom: 0.2rem;
            background: #151515;
            border-bottom: 2px solid #272727;
            border-left: 2px solid #272727;
            border-right: 2px solid #272727;
        }
        
        .tcf-report-body-fat-progress-fill {
            height: 100%;
            background: #ff6600;
            position: absolute;
            left: 0;
            top: 0;
        }
        
        .tcf-report-body-fat-progress-tick {
            position: absolute;
            top: 0;
            width: 2px;
            height: 0.5rem;
            background: #272727;
            z-index: 2;
        }
        
        .tcf-report-body-fat-progress-tick.tcf-report-left {
            left: 0;
        }
        
        .tcf-report-body-fat-progress-tick.tcf-report-right {
            right: 0;
            width: 0;
        }
        
        .tcf-report-body-fat-progress-tick.tcf-report-middle {
            left: 50%;
            transform: translateX(-50%);
        }
        
        .tcf-report-body-fat-progress-tick.tcf-report-whr-80 {
            left: 33.333%;
        }
        
        .tcf-report-body-fat-progress-tick.tcf-report-whr-90 {
            left: 66.666%;
        }
        
        .tcf-report-body-fat-progress-labels {
            display: flex;
            justify-content: space-between;
            font-size: 1rem;
            color: #5f5f5f;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-fat-progress-labels.tcf-report-whr-labels {
            justify-content: space-between;
            padding: 0;
            position: relative;
        }
        
        .tcf-report-body-fat-progress-labels.tcf-report-whr-labels span {
            position: absolute;
            transform: translateX(-50%);
        }
        
        .tcf-report-body-fat-progress-labels.tcf-report-whr-labels span:nth-child(1) {
            left: 33.333%;
        }
        
        .tcf-report-body-fat-progress-labels.tcf-report-whr-labels span:nth-child(2) {
            left: 66.666%;
        }
        
        /* Body Type Chart Styles */
        .tcf-report-body-type-chart-title {
            color: #5f5f5f;
            font-size: 1.1rem;
            margin-bottom: 1rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-type-chart-container {
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
            width: 100%;
            max-width: 100%;
            margin: 2.5rem auto;
        }
        
        .tcf-report-body-type-chart-row {
            display: grid;
            grid-template-columns: 1fr 4fr;
            grid-template-rows: 1fr;
            gap: 0.2rem;
            height: 3rem;
        }
        
        .tcf-report-body-type-chart-row.tcf-report-large {
            height: 7.5rem;
        }
        
        .tcf-report-body-type-chart-empty {
            background: #1c1c1c;
            border: 1px solid #444;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        
        .tcf-report-body-type-chart-header-section {
            display: grid;
            grid-template-rows: auto auto;
            gap: 0.2rem;
        }
        
        .tcf-report-body-type-chart-muscle-header {
            background: #272727;
            border: 1px solid #444;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-size: 0.9rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-type-chart-labels-row {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 0.2rem;
        }
        
        .tcf-report-body-type-chart-label {
            background: #1c1c1c;
            border: 1px solid #444;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #9a9a9a;
            font-size: 0.8rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-type-chart-left-section {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: 1fr;
            gap: 0.2rem;
        }
        
        .tcf-report-body-type-chart-fat-header {
            background: #272727;
            border: 1px solid #444;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #ffffff;
            font-size: 0.9rem;
            font-weight: bold;
            writing-mode: vertical-rl;
            text-orientation: mixed;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-type-chart-fat-labels {
            display: grid;
            grid-template-rows: 1fr 1fr 1fr;
            gap: 0.2rem;
        }
        
        .tcf-report-body-type-chart-fat-label {
            background: #1c1c1c;
            border: 1px solid #444;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #9a9a9a;
            font-size: 0.8rem;
            writing-mode: vertical-rl;
            text-orientation: mixed;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-body-type-grid {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-rows: 1fr 1fr 1fr;
            gap: 0.2rem;
        }
        
        .tcf-report-btc-cell {
            position: relative;
            background: #151515;
            border: 1px solid #444;
            display: flex;
            align-items: flex-end;
            justify-content: flex-start;
            color: #9a9a9a;
            font-size: 0.7rem;
            padding: 0.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-btc-cell.tcf-report-highlight {
            border: 2px solid #ff6600 !important;
        }
        
        .tcf-report-btc-cell.tcf-report-highlight::after {
            content: '';
            position: absolute;
            top: 0.5rem;
            right: 0.5rem;
            width: 0.75rem;
            height: 0.75rem;
            background: #ff6600;
            border-radius: 50%;
            box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.15);
        }
        
        /* Page2 Bottom Box Styles */
        .tcf-report-ideal-physique-section {
            margin-bottom: 2rem;
        }
        
        .tcf-report-ideal-physique-title {
            color: #ff6600;
            font-size: 1.6rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-ideal-physique-content {
            color: #ffffff;
            font-size: 1.3rem;
            line-height: 1.4;
            margin-bottom: 2rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-dietary-recommendations-section {
            margin-bottom: 0;
        }
        
        .tcf-report-dietary-recommendations-title {
            color: #ff6600;
            font-size: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-dietary-recommendations-list {
            color: #ffffff;
            font-size: 1.3rem;
            line-height: 1.4;
            margin: 0;
            padding-left: 1.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-dietary-recommendations-list li:last-child {
            margin-bottom: 0;
        }
        
        /* Central Obesity Styles */
        .tcf-report-center-obesity {
            display: none;
        }
        
        .tcf-report-center-obesity.tcf-report-active {
            display: block;
        }
        
        .tcf-report-center-obesity-title {
            color: #ff6600;
            font-size: 1.5rem;
            margin-bottom: 1rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-center-obesity-content {
            display: flex;
            gap: 1.5rem;
            align-items: center;
            border-radius: 0.8rem;
        }
        
        .tcf-report-center-obesity-diagrams {
            display: flex;
            gap: 2rem;
            background: #272727;
            padding: 1.5rem;
            border-radius: 0.8rem;
            flex: 0 0 50%;
        }
        
        .tcf-report-center-obesity-diagram {
            width: 12rem;
            text-align: center;
        }
        
        .tcf-report-center-obesity-diagram img {
            width: 100%;
            height: auto;
            object-fit: contain;
            display: block;
        }
        
        .tcf-report-center-obesity-diagram-title {
            color: #ffffff;
            font-size: 1.2rem;
            margin-top: 0.5rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
        }
        
        .tcf-report-center-obesity-diagram-subtitle {
            color: #ffffff;
            font-size: 1.3rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            white-space: nowrap;
        }
        
        .tcf-report-center-obesity-description {
            color: #cccccc;
            font-size: 1.1rem;
            line-height: 1.5;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            text-align: left;
            align-self: flex-start;
        }
        
        .tcf-report-justify-content {
            display: block;
        }
        
        .tcf-report-justify-content.tcf-report-hidden {
            display: none;
        }
        
        /* History Modal */
        .tcf-report-history-overlay {
            position: fixed;
            inset: 0;
            background: rgba(0,0,0,0.55);
            display: none;
            align-items: center;
            justify-content: center;
            z-index: 1000;
        }
        
        .tcf-report-history-overlay.tcf-report-active { display: flex; }
        
        .tcf-report-history-modal {
            width: 900px;
            max-width: 95vw;
            background: #1c1c1c;
            border: 1px solid #333;
            border-radius: 1rem;
            box-shadow: 0 10px 30px rgba(0,0,0,0.35);
            color: #fff;
        }
        
        .tcf-report-history-modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1rem 1.25rem;
            border-bottom: 1px solid #2a2a2a;
        }
        
        .tcf-report-history-modal-title { font-size: 1.6rem; color: #ddd; }
        
        .tcf-report-history-close {
            width: 2.2rem;
            height: 2.2rem;
            border-radius: 0.5rem;
            border: 1px solid #5d2500;
            background: #151515;
            color: #ff6600;
            font-size: 1.3rem;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
        }
        
        .tcf-report-history-modal-body { padding: 1rem 1.25rem 0.75rem; }
        
        .tcf-report-history-row {
            display: grid;
            grid-template-columns: 180px 1fr;
            gap: 1rem;
            align-items: stretch;
            padding: 0.75rem 0;
            border-bottom: 1px solid #272727;
        }
        
        .tcf-report-history-label {
            background: #2a2a2a;
            border-radius: 0.75rem;
            padding: 0.75rem 1rem;
            display: flex;
            flex-direction: column;
            gap: 0.2rem;
            height: 140px;
            justify-content: center;
        }
        
        .tcf-report-history-label .tcf-report-main { font-size: 1.3rem; color: #fff; }
        .tcf-report-history-label .tcf-report-sub { font-size: 0.9rem; color: #9a9a9a; }
        
        .tcf-report-history-chart {
            position: relative;
            height: 140px;
            border-radius: 0.75rem;
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }
        
        .tcf-report-history-legend {
            display: flex;
            justify-content: space-between;
            padding: 0.6rem 1rem 1rem calc(180px + 1rem);
            color: #8a8a8a;
            font-size: 0.9rem;
        }
        
        .tcf-report-history-axis { color: #777; font-size: 0.85rem; display: grid; grid-template-columns: repeat(8,1fr); gap: 0.25rem; width: 100%; margin-left: 1rem;}
        .tcf-report-history-axis span { text-align: center; white-space: nowrap; line-height: 1.1; }
        .tcf-report-history-axis .tcf-report-axis-date { display: block; }
        .tcf-report-history-axis .tcf-report-axis-time { display: block; }
        
        .tcf-report-history-svg path { stroke: #272727; stroke-width: 1; fill: none; }
        .tcf-report-history-svg circle { fill: #ff7a1a; }
        .tcf-report-history-svg .tcf-report-line { stroke: #ff7a1a; stroke-width: 2; stroke-linecap: round; }
        .tcf-report-history-svg text { pointer-events: none; }

        /* TCF Report Help Modal Styles */
        .tcf-report-help-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 10001;
        }

        .tcf-report-help-overlay.active {
            display: flex;
        }

        .tcf-report-help-modal {
            width: calc(100% - 12rem);
            max-height: 72vh;
            background: #151515;
            border-radius: 1.2rem;
            padding: 2.4rem 3.2rem 2.8rem;
            display: flex;
            flex-direction: column;
        }

        .tcf-report-help-modal-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 1.8rem;
        }

        .tcf-report-help-modal-title {
            color: #ffffff;
            font-size: 2.8rem;
            font-family: 'HarmonyOS_Sans_SC_Bold', Arial, sans-serif;
        }

        .tcf-report-help-modal-close {
            width: 4rem;
            height: 4rem;
            border: none;
            background-color: transparent;
            background-image: url('../icon/close.png');
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100% 100%;
            cursor: pointer;
        }

        .tcf-report-help-modal-body {
            overflow-y: auto;
            display: flex;
            flex-direction: column;
            flex: 1;
            color: #ffffff;
            font-size: 1.6rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            line-height: 1.6;
            text-align: justify;
            hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            hyphenate-limit-chars: 6 3 3;
            padding-right: 1.5rem;
        }

        .tcf-report-help-modal-body .tcf-report-help-question {
            margin: 2rem 0 0.8rem;
            font-size: 1.8rem;
            font-weight: 600;
            text-indent: 0;
            color: #ffffff;
        }

        /* 第一个问题不需要顶部间距 */
        .tcf-report-help-modal-body .tcf-report-help-question:first-child {
            margin-top: 0;
        }

        /* 问题标题下的段落缩进 */
        .tcf-report-help-modal-body .tcf-report-help-question + p {
            margin-top: 0;
            margin-bottom: 1.6rem;
            padding-left: 3rem;
            text-indent: 0;
        }

        /* 问题标题下的列表缩进 */
        .tcf-report-help-modal-body .tcf-report-help-question + ul {
            margin: 0.8rem 0 1.2rem 3rem;
            padding: 0;
            padding-left: 2rem;
            list-style: disc;
            color: #ffffff;
            font-size: 1.6rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            line-height: 1.6;
        }

        /* 通用列表样式（如果没有问题标题在前面） */
        .tcf-report-help-modal-body ul {
            margin: 0.8rem 0 1.2rem 5rem;
            padding: 0;
            padding-left: 2rem;
            list-style: disc;
            color: #ffffff;
            font-size: 1.6rem;
            font-family: 'HarmonyOS_Sans_SC_Regular', Arial, sans-serif;
            line-height: 1.6;
        }

        .tcf-report-help-modal-body li {
            margin-bottom: 0.4rem;
            text-indent: 0;
            text-align: justify;
            hyphens: auto;
            -webkit-hyphens: auto;
            -ms-hyphens: auto;
            word-break: break-word;
            overflow-wrap: break-word;
        }

        .tcf-report-help-modal-body[lang="en"] p,
        .tcf-report-help-modal-body[lang="en"] li {
            text-align: left;
            hyphens: none;
            -webkit-hyphens: none;
            -ms-hyphens: none;
            word-break: normal;
            overflow-wrap: normal;
        }

        /* 英文段落不需要额外的文本缩进，因为已经有 padding-left */
        .tcf-report-help-modal-body[lang="en"] .tcf-report-help-question + p {
            text-indent: 0;
        }

        /* 英文列表项不需要额外的文本缩进 */
        .tcf-report-help-modal-body[lang="en"] li {
            text-indent: 0;
        }