.hidden {
            display: none !important;
            visibility: hidden !important;
            height: 0 !important;
            width: 0 !important;
            overflow: hidden !important;
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
        }
        
        /* 一致性评估分级样式 */
        #cepingApp .notice-card.success { border-left: 4px solid #28a745; background: #f0fff4; }
        #cepingApp .notice-card.success .notice-header i { color: #28a745; }
        #cepingApp .notice-card.warning { border-left: 4px solid #ffc107; background: #fffbf0; }
        #cepingApp .notice-card.warning .notice-header i { color: #ffc107; }
        #cepingApp .notice-card.caution { border-left: 4px solid #fd7e14; background: #fff5eb; }
        #cepingApp .notice-card.caution .notice-header i { color: #fd7e14; }
        #cepingApp .notice-card.danger { border-left: 4px solid #dc3545; background: #fff5f5; }
        #cepingApp .notice-card.danger .notice-header i { color: #dc3545; }

        #cepingApp .notice-header {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 12px;
            padding-bottom: 8px;
            border-bottom: 1px solid rgba(0,0,0,0.05);
        }
        #cepingApp .notice-header h4 {
            margin: 0;
            font-size: 16px;
            font-weight: 600;
        }
        #cepingApp .notice-content {
            font-size: 14px;
            line-height: 1.6;
            color: #495057;
        }
        
        /* 平滑过渡效果 */
        #introSection, #quizSection {
            transition: all 0.3s ease-in-out;
        }
        #cepingApp .ceping-container { background: #f9fafc; border-radius: 10px; padding: 15px 10px; box-shadow: 0 4px 12px rgba(0,0,0,0.05); margin: 10px 0; }
        #cepingApp .progress-wrap { margin-bottom: 30px; }
        #cepingApp .progress { height: 10px; border-radius: 20px; background: #e9ecef; overflow: hidden; }
        #cepingApp .progress-bar {
            height: 100%;
            border-radius: 20px;
            background: linear-gradient(90deg, #099696, #B2E66E);
            transition: width 0.4s ease;
            width: 0%;
            display: block;
        }
        #cepingApp .timer { font-size: 15px; color: #6c757d; display: flex; align-items: center; gap: 6px; margin-bottom: 20px; }
        #cepingApp .timer i { font-size: 18px; color: #099696; }
        #cepingApp .que-box { background: #fff; border-radius: 16px; padding: 30px 25px; box-shadow: 0 8px 25px rgba(0,0,0,0.03); min-height: 260px; }
        #cepingApp .que-num { font-size: 14px; color: #099696; font-weight: 600; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px; }
        #cepingApp .que-title { font-size: 20px; font-weight: 600; color: #2d3436; margin-bottom: 30px; line-height: 1.5; }
        #cepingApp .option-list { list-style: none; padding-left: 0; margin: 0; }
        #cepingApp .option-list li { margin-bottom: 12px; }
        #cepingApp .option-label { display: flex; align-items: flex-start; padding: 14px 18px; border: 1.5px solid #dfe6e9; border-radius: 12px; cursor: pointer; transition: all 0.2s; font-size: 15px; color: #4a4a4a; background: #fff; }
        #cepingApp .option-label:hover { border-color: #099696; background: #f0faf9; }
        #cepingApp .option-label.selected { border-color: #099696; background: #e6f7f6; box-shadow: 0 0 0 3px rgba(9,150,150,0.15); }
        #cepingApp .option-label input { margin-right: 12px; margin-top: 2px; accent-color: #099696; transform: scale(1.2); }
        #cepingApp .nav-buttons { display: flex; justify-content: space-between; margin-top: 30px; }
        #cepingApp .hidden { display: none; }

        /* ========== 结果页面样式 ========== */
        #cepingApp .result-card {
            background: #ffffff;
            border-radius: 18px;
            padding: 30px 25px;
            box-shadow: 0 15px 40px rgba(0,0,0,0.06);
            margin-bottom: 24px;
        }
        #cepingApp .overview-header {
            display: flex; align-items: center; gap: 12px; margin-bottom: 20px;
        }
        #cepingApp .overview-header i { font-size: 24px; color: #099696; }
        #cepingApp .overview-header h4 { margin: 0; font-size: 18px; color: #2d3436; }
        #cepingApp .overview-grid {
            display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px;
        }
        #cepingApp .overview-item {
            background: #f8fafb; border-radius: 12px; padding: 16px 12px; text-align: center;
        }
        #cepingApp .overview-label { display: block; font-size: 12px; color: #9098a0; margin-bottom: 6px; }
        #cepingApp .overview-value { display: block; font-size: 20px; font-weight: 700; color: #2d3436; }

        #cepingApp .main-attr-card { text-align: center; background: linear-gradient(135deg, #e6f7f6 0%, #ffffff 100%); border: 1px solid rgba(9,150,150,0.2); }
        #cepingApp .attr-icon-wrapper { margin-bottom: 16px; }
        #cepingApp .attr-icon-wrapper i { font-size: 48px; color: #099696; }
        #cepingApp .attr-type-title { font-size: 30px; font-weight: 700; color: #099696; margin: 10px 0; }
        #cepingApp .attr-tagline { font-size: 16px; color: #636e72; margin: 0; }

        #cepingApp .card-title { font-size: 17px; font-weight: 600; color: #2d3436; margin-bottom: 18px; text-align: left; }
        #cepingApp .score-bar-wrapper { display: flex; flex-direction: column; gap: 18px; }
        #cepingApp .score-bar-item { text-align: left; }
        #cepingApp .score-bar-header { display: flex; justify-content: space-between; margin-bottom: 6px; font-size: 14px; }
        #cepingApp .score-label { color: #4a4a4a; font-weight: 500; }
        #cepingApp .score-num { color: #2d3436; font-weight: 700; }
        #cepingApp .score-bar-bg { height: 14px; border-radius: 20px; background: #e9ecef; overflow: hidden; }
        #cepingApp .score-bar-fill { height: 100%; border-radius: 20px; transition: width 0.8s ease; width: 0%; }
        #cepingApp .passive-fill { background: linear-gradient(90deg, #74b9ff, #0984e3); }
        #cepingApp .active-fill { background: linear-gradient(90deg, #fdcb6e, #e17055); }
        #cepingApp .dual-fill { background: linear-gradient(90deg, #55efc4, #00b894); }

        #cepingApp .interpretation-content,
        #cepingApp .suggestion-content {
            text-align: left; font-size: 15px; line-height: 1.7; color: #4a4a4a;
        }
        #cepingApp .notice-card { background: #fffdf5; border: 1px solid #ffeaa7; }
        #cepingApp .notice-header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; }
        #cepingApp .notice-header i { font-size: 22px; color: #e17055; }
        #cepingApp .notice-header h4 { margin: 0; font-size: 16px; color: #d63031; }
        #cepingApp .notice-content { text-align: left; font-size: 14px; line-height: 1.7; color: #6c5b3e; }
        #cepingApp .invalid-warning { color: #d63031; background: #ffecec; border-radius: 10px; padding: 15px; margin: 20px 0; }
        #cepingApp .action-buttons { text-align: center; margin-top: 20px; }
        .attr-data { display: none; }
        /* 一致性评估分级样式 */
#cepingApp .notice-card.success { border-left: 4px solid #28a745; background: #f0fff4; }
#cepingApp .notice-card.success .notice-header i { color: #28a745; }
#cepingApp .notice-card.warning { border-left: 4px solid #ffc107; background: #fffbf0; }
#cepingApp .notice-card.warning .notice-header i { color: #ffc107; }
#cepingApp .notice-card.caution { border-left: 4px solid #fd7e14; background: #fff5eb; }
#cepingApp .notice-card.caution .notice-header i { color: #fd7e14; }
#cepingApp .notice-card.danger { border-left: 4px solid #dc3545; background: #fff5f5; }
#cepingApp .notice-card.danger .notice-header i { color: #dc3545; }
#startQuizBtn {
    display: flex !important;
    width: fit-content !important;
    margin: 0 auto !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    line-height: normal !important;
    padding: 20px 80px !important;
}
/* 强制内部文字span居中 */
#startQuizBtn .btn-title {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    position: static !important;
}
#cepingApp .notice-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
#cepingApp .notice-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
#cepingApp .notice-content {
    font-size: 14px;
    line-height: 1.6;
    color: #495057;
}

#cepingApp .notice-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}
#cepingApp .notice-header h4 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
}
#cepingApp .notice-content {
    font-size: 14px;
    line-height: 1.6;
    color: #495057;
}
#cepingApp .nav-buttons button .btn-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

#cepingApp .d-flex span.theme-btn i {
    margin-right: 7px;
}

/* ========== 知情同意卡片（页面内） ========== */
#cepingApp .consent-screen {
    display: none; /* 初始隐藏 */
}
#cepingApp .consent-screen.hidden {
    display: none;
}
/* 新增：无hidden类时才展示 */
#cepingApp .consent-screen:not(.hidden) {
    display: block;
}
#cepingApp .consent-card {
    background: #fff;
    border-radius: 16px;
    padding: 0;
    overflow: hidden;
}
#cepingApp .consent-header {
    text-align: center;
    padding: 40px 30px 30px;
    background: linear-gradient(135deg, #e6f7f6 0%, #ffffff 100%);
    border-bottom: 1px solid rgba(0, 8, 114, 0.1);
}
#cepingApp .consent-icon {
    font-size: 48px;
    color: #003153;
    margin-bottom: 16px;
}
#cepingApp .consent-title {
    font-size: 26px;
    font-weight: 700;
    color: #0B3289;
    margin: 0 0 8px;
}
#cepingApp .consent-subtitle {
    font-size: 14px;
    color: #636e72;
    margin: 0;
}
#cepingApp .consent-body {
    padding: 30px;
}
#cepingApp .consent-section {
    margin-bottom: 24px;
}
#cepingApp .consent-section:last-of-type {
    margin-bottom: 0;
}
#cepingApp .consent-section h4 {
    font-size: 16px;
    font-weight: 600;
    color: #2d3436;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    gap: 8px;
}
#cepingApp .consent-section h4 i {
    color: #0B3289;
    font-size: 15px;
}
#cepingApp .consent-section p {
    font-size: 14px;
    line-height: 1.8;
    color: #4a4a4a;
    margin: 6px 0;
    padding-left: 23px;
}
#cepingApp .consent-confirm {
    margin-top: 30px;
    padding: 20px;
    background: #f0faf9;
    border-radius: 12px;
    border-left: 4px solid #0B3289;
    display: flex;
    align-items: flex-start;
    gap: 12px;
}
#cepingApp .consent-confirm i {
    color: #0B3289;
    font-size: 18px;
    margin-top: 2px;
    flex-shrink: 0;
}
#cepingApp .consent-confirm p {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #0B3289;
    line-height: 1.6;
    padding-left: 0;
}
#cepingApp .consent-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    padding: 0 30px 30px;
}
#cepingApp .consent-buttons button {
    min-width: 180px;
    padding: 14px 30px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
#cepingApp .consent-buttons .btn-style-two {
    background: #fff;
    color: #666;
    border: 1.5px solid #dfe6e9;
}
#cepingApp .consent-buttons .btn-style-two:hover {
    border-color: #0B3289;
    color: #0B3289;
}
#cepingApp .consent-buttons .btn-style-one {
    background: #003153;
    color: #fff;
    border: none;
}
#cepingApp .consent-buttons .btn-style-one:hover {
    background: #0B3289;
}

/* 响应式 */
@media (max-width: 768px) {
    #cepingApp .consent-header {
        padding: 30px 20px 20px;
    }
    #cepingApp .consent-title {
        font-size: 20px;
    }
    #cepingApp .consent-body {
        padding: 20px;
    }
    #cepingApp .consent-buttons {
        flex-direction: column;
        padding: 0 20px 20px;
    }
    #cepingApp .consent-buttons button {
        width: 100%;
        min-width: auto;
    }
}