/* ========== 全局重置 ========== */
*{box-sizing:border-box;margin:0;padding:0;}
/* ========== 页面容器 ========== */
.enterprise-assessment{max-width:1200px;margin:0 auto;padding:28px;font-family:'Microsoft YaHei',sans-serif;min-height:auto;border-radius:16px;}
/* ========== 头部 ========== */
.assessment-header{text-align:center;margin-bottom:30px;padding:30px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,0.12);position:relative;overflow:hidden;}
.assessment-header::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0%,transparent 70%);animation:float 6s ease-in-out infinite;}
@keyframes float{0%,100%{transform:translate(0,0) rotate(0deg);}
50%{transform:translate(20px,20px) rotate(180deg);}
}
.assessment-header h1{font-size:32px;margin-bottom:12px;font-weight:700;position:relative;z-index:1;}
.assessment-subtitle{font-size:16px;opacity:0.95;margin:0 0 20px 0;position:relative;z-index:1;}
/* ========== 描述 ========== */
.assessment-description{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden;margin-bottom:20px;}
.description-content{font-size:14px;line-height:33px;color:#666;margin:0;white-space:pre-line;}
.description-content2{font-size:16px;line-height:1.6;color:rgb(74,85,104);overflow-wrap:break-word;background-color:rgb(248,249,250);white-space:pre-wrap;padding:16px;border-radius:8px;border-left:4px solid rgb(59,130,246);}
/* ========== 表单 ========== */
.assessment-form{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,0.08);overflow:hidden;}
.form-section{margin-bottom:40px;padding:20px;background-color:#fafafa;border-radius:12px;border:1px solid #e0e0e0;}
.section-title{font-size:20px;color:#333;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #667eea;font-weight:600;}
/* ========== 基础信息 ========== */
.basic-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-bottom:0;}
.info-item{display:flex;flex-direction:column;}
.info-label{font-size:14px;color:#666;margin-bottom:8px;font-weight:500;}
.info-input{padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all 0.3s ease;background-color:#fafafa;}
.info-input:focus{outline:none;border-color:#667eea;background-color:white;box-shadow:0 0 0 3px rgba(102,126,234,0.1);}
.info-input:disabled{background-color:#f5f5f5;cursor:not-allowed;}
/* ========== 题目 ========== */
.question-item{margin-bottom:30px;padding:24px;background-color:white;border-radius:12px;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.04);border:2px solid transparent;}
.question-item:last-child{margin-bottom:0;}
.question-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.08);transform:translateY(-2px);}
.question-header{display:flex;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap;}
.question-number{font-weight:600;color:#667eea;font-size:18px;min-width:24px;flex-shrink:0;}
.question-text{flex:1;font-size:16px;color:#333;line-height:1.6;font-weight:500;}
.question-type{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;flex-shrink:0;}
.question-type-radio{background-color:#e6f7ff;color:#1890ff;}
.question-type-checkbox{background-color:#f6ffed;color:#52c41a;}
.question-introduce{margin-bottom:12px;padding:0px 16px;border-radius:0 6px 6px 0;font-size:14px;color:#666;line-height:1.6;}
/* ========== 选项区（保留横向两列布局） ========== */
.question-options{padding-left:30px;display:flex;flex-wrap:wrap;gap:12px;}
.grid-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
/* 选项按钮 */
.option-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background-color:white;border-radius:8px;border:2px solid #e0e0e0;transition:all 0.3s ease;cursor:pointer;position:relative;overflow:hidden;}
.option-item::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background-color:transparent;transition:all 0.3s ease;}
.option-item:hover{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,0.15);transform:translateX(4px);}
.option-item:hover::before{background-color:#667eea;}
.option-item.option-selected{border-color:#667eea;box-shadow:0 4px 12px rgba(102,126,234,0.15);transform:translateX(4px);}
.option-item.option-selected::before{background-color:#667eea;}
.option-item.option-selected:disabled{background-color:white;border-color:#e0e0e0;cursor:not-allowed;color:#555;opacity:0.7;}
.option-disabled{cursor:not-allowed;opacity:0.7;}
.option-text{flex:1;font-size:14px;color:#555;line-height:1.5;cursor:pointer;word-break:break-word;}
.option-input{flex:1;min-width:200px;margin-left:10px;padding:10px 14px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:all 0.3s ease;background-color:#fafafa;}
.option-input:focus{outline:none;border-color:#667eea;background-color:white;box-shadow:0 0 0 3px rgba(102,126,234,0.1);}

.option-wrapper{width:calc(50% - 6px);margin-bottom:4px;}
.option-card{display:flex;align-items:center;gap:8px;padding:12px 18px;border:2px solid #e0e0e0;border-radius:6px;background-color:white;cursor:pointer;transition:all 0.3s ease;}
.option-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,0.05);}
.option-card.option-selected{border-color:#667eea;background:linear-gradient(135deg,rgba(102,126,234,0.08) 0%,rgba(118,75,162,0.08) 100%);}
/* ========== 数字输入 ========== */
.number-group{display:flex;flex-direction:column;gap:15px;}
.number-card{display:flex;align-items:center;padding:0;border:none;background-color:transparent;}
.number-input-container{display:flex;align-items:center;gap:8px;}
.number-input{width:200px;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;transition:all 0.3s ease;background-color:#fafafa;}
.number-input:focus{outline:none;border-color:#667eea;background-color:white;box-shadow:0 0 0 3px rgba(102,126,234,0.1);}
.number-input:disabled{background-color:#f5f5f5;cursor:not-allowed;}
.unit-display{font-size:16px;color:#555;width:140px;word-wrap:break-word;}
/* ========== 操作按钮 ========== */
.form-actions{display:flex;justify-content:center;gap:20px;margin-top:20px;}
.btn-primary{padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:140px;box-shadow:0 2px 8px rgba(0,0,0,0.1);background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;}
.btn-primary:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px rgba(102,126,234,0.3);}
.btn-primary:disabled{opacity:0.6;cursor:not-allowed;}
.btn-default{padding:14px 32px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:140px;box-shadow:0 2px 8px rgba(0,0,0,0.1);background-color:#f0f0f0;color:#666;border:2px solid #e0e0e0;}
.btn-default:hover{background-color:#e0e0e0;transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.15);}
.btn-success{padding:14px 32px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all 0.3s ease;min-width:140px;box-shadow:0 2px 8px rgba(0,0,0,0.1);background-color:#52c41a;color:white;}
.btn-success:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(82,196,26,0.3);}
/* ========== 结果展示 ========== */
.score-wrap-modal{align-items:center;margin:10px 0;text-align:center;font-weight:600;font-size:36px;}
.result-content{text-align:center;padding:20px 0;}
.result-score{margin-bottom:30px;}
.score-label{font-size:16px;color:#666;margin-bottom:10px;}
.score-value{font-size:64px;font-weight:700;color:#667eea;margin-bottom:10px;line-height:1;}
.score-pass{font-size:18px;font-weight:600;}
.score-pass.pass{color:#52c41a;}
.score-pass.fail{color:#f56c6c;}
.result-comment{text-align:left;background-color:#fafafa;padding:20px;border-radius:8px;border:1px solid #e0e0e0;}
.comment-label{font-size:16px;font-weight:600;color:#333;margin-bottom:10px;}
.comment-content{font-size:14px;line-height:1.6;color:#666;}
.comment-content p{margin:0;}
/* ========== 资源按钮 ========== */
.resource-btn--articles{background-color:#6b7280;border-color:#6b7280;color:#ffffff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;}
.resource-btn--articles:hover{background-color:#4b5563;}
.resource-btn--videos{background-color:#f59e0b;border-color:#f59e0b;color:#ffffff;padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;}
.resource-btn--videos:hover{background-color:#d97706;}
/* ========== 历史列表 ========== */
.history-content{margin-top:20px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border-radius:16px;overflow:hidden;}
.history-content .result-table{background-color:white;}
.result-table{width:100%;border-collapse:collapse;}
.result-table th{padding:12px 16px;color:#666;font-weight:500;font-size:13px;text-align:center;border-bottom:1px solid #e8e8e8;}
.result-table td{padding:14px 16px;text-align:center;border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;}
.result-table tbody tr:last-child td{border-bottom:1px solid #e8e8e8;}
.result-row{transition:background 0.2s;}
.result-row:hover td{background:#fafafa;}
.td-index{color:#999;font-size:13px;}
.td-name{text-align:left;color:#333;}
.td-score{text-align:center;}
.score-badge{display:inline-block;padding:2px 10px;border-radius:4px;font-size:13px;background:#f5f5f5;color:#666;}
.score-level-1{background:#fef2f2;color:#dc2626;}
.score-level-2{background:#fff7ed;color:#ea580c;}
.score-level-3{background:#fefce8;color:#ca8a04;}
.score-level-4{background:#f0fdf4;color:#16a34a;}
.score-level-5{background:#eff6ff;color:#2563eb;}
.score-text{font-weight:500;}
/* ========== 弹窗 ========== */
.el-dialog__wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;overflow:auto;margin:0;background-color:rgba(0,0,0,0.5);}
.el-dialog{position:relative;margin:15vh auto 50px;background:#fff;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,0.3);box-sizing:border-box;width:50%;}
.el-dialog__header{padding:20px 20px 10px;border-bottom:1px solid #eee;}
.el-dialog__title{font-size:18px;font-weight:600;color:#333;}
.el-dialog__body{padding:30px 20px;}
.el-dialog__footer{padding:10px 20px 20px;text-align:right;border-top:1px solid #eee;}
.dialog-content{padding:24px;}
.dialog-footer{display:flex;justify-content:center;padding:20px;background-color:#f8f9fa;border-top:1px solid #e9ecef;}
.dialog-footer .el-button{min-width:120px;padding:8px 24px;}
.cancel-btn{margin-right:16px;}
.confirm-btn{padding:0 24px;}
.custom-dialog .el-dialog__header{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px;text-align:center;}
.custom-dialog .el-dialog__header .el-dialog__title{font-size:18px;font-weight:600;color:#FF3A31;text-align:center;width:100%;}
.project-name{margin-bottom:20px;font-size:20px;font-weight:600;color:#2d3748;text-align:center;line-height:1.4;}
/* ========== 弹窗里的描述（换名，不污染页面描述） ========== */
.dialog-description{font-size:16px;line-height:1.6;color:#4a5568;white-space:pre-wrap;word-wrap:break-word;background-color:#f8f9fa;padding:16px;border-radius:8px;border-left:4px solid #3b82f6;}
/* ========== Element UI 按钮（原生模拟） ========== */
.el-button{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#fff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;margin:0;transition:.1s;font-weight:500;padding:12px 20px;font-size:14px;border-radius:4px;}
.el-button--primary{color:#fff;background-color:#409EFF;border-color:#409EFF;}
.el-button--primary:hover{background:#66b1ff;border-color:#66b1ff;}
.el-button--success{color:#fff;background-color:#67c23a;border-color:#67c23a;}
.el-button--success:hover{background:#85ce61;border-color:#85ce61;}
.el-button--info{color:#fff;background-color:#909399;border-color:#909399;}
.el-button--info:hover{background:#a6a9ad;border-color:#a6a9ad;}
.el-button--danger{color:#fff;background-color:#f56c6c;border-color:#f56c6c;}
.el-button--danger:hover{background:#f78989;border-color:#f78989;}
.el-button--large{padding:14px 30px;font-size:16px;}
.el-button + .el-button{margin-left:10px;}
/* ========== Element UI 输入框（原生模拟） ========== */
.el-input{position:relative;font-size:14px;display:inline-block;width:100%;}
.el-input__inner{-webkit-appearance:none;background-color:#fff;background-image:none;border-radius:4px;border:1px solid #dcdfe6;box-sizing:border-box;color:#606266;display:inline-block;font-size:inherit;height:40px;line-height:40px;outline:none;padding:0 15px;transition:border-color .2s cubic-bezier(.645,.045,.355,1);width:100%;}
.el-input__inner:focus{border-color:#409EFF;outline:none;}
.el-input__inner:disabled{background-color:#f5f7fa;border-color:#e4e7ed;color:#c0c4cc;cursor:not-allowed;}
/* ========== 报告弹窗 ========== */
.report-dialog-content{box-sizing:border-box;width:100%;max-height:70vh;overflow-y:auto;padding:20px;background-color:#fff;}
.report-title{text-align:center;margin-bottom:30px;}
.report-title h2{font-size:22px;font-weight:bold;color:#000;margin:0;}
.report-header{margin-bottom:20px;}
.report-header-table{width:100%;border-collapse:collapse;background-color:#fff;font-size:12pt;}
.report-header-table td{padding:10px 12px;border:1px solid #000;}
.project-name .label,.label-cell .label{font-weight:bold;color:#000;}
.project-name .value,.label-cell .value{color:#000;}
.label-cell{width:33.33%;background-color:#fff;}
.label-cell .value.pass{color:#000;font-weight:bold;}
.label-cell .value.fail{color:#000;font-weight:bold;}
.report-body{margin-top:20px;}
.report-table{width:100%;border-collapse:collapse;font-size:12pt;}
.report-body table,.report-table th,.report-table td{border:1px solid black;}
.report-table th,.report-table td{box-sizing:border-box;padding:10px 12px;border:1px solid #000;text-align:left;word-break:break-all;}
.report-table th{background-color:#fff;font-weight:bold;color:#000;text-align:center;}
.report-table tbody tr{background-color:#fff;}
/* ========== 通用工具类 ========== */
.mt-10{margin-top:10px;}
.mt-15{margin-top:15px;}
.mt-20{margin-top:20px;}
.mb-16{margin-bottom:16px;}
.mb-20{margin-bottom:20px;}
.text-center{text-align:center;}
.flex-center{display:flex;align-items:center;justify-content:center;}
.gap-20{gap:20px;}
.hidden{display:none;}
/* ========== 客服对话框 ========== */
#chat-widget-container{position:fixed;bottom:20px;right:70px;width:350px;height:500px;background:white;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,0.2);display:none;flex-direction:column;z-index:9998;overflow:hidden;}
#chat-widget-header{padding:15px;background:#1E88E5;color:white;display:flex;align-items:center;}
#chat-widget-iframe{flex:1;border:none;}
.close-button{margin-left:auto;cursor:pointer;font-size:20px;}
/* ========== 响应式 ========== */
@media (max-width:1024px){.grid-options{grid-template-columns:1fr;}
}
@media (max-width:800px){#chat-widget-container{width:100% !important;right:0 !important;bottom:80px !important;}
}
@media (max-width:768px){.enterprise-assessment{padding:10px;}
.assessment-header{padding:20px;}
.assessment-header h1{font-size:24px;}
.form-section{padding:16px;}
.section-title{font-size:18px;}
.basic-info{grid-template-columns:1fr;gap:16px;}
.question-item{padding:10px;}
.question-header{flex-direction:column;align-items:flex-start;gap:8px;}
.question-number{font-size:16px;}
.question-text{font-size:15px;}
.question-options{gap:10px;}
.option-wrapper{width:100%;}
.grid-options{grid-template-columns:1fr;gap:10px;}
.form-actions{flex-direction:column;align-items:center;gap:12px;padding:20px;}
.btn-primary,.btn-default,.btn-success{width:100%;max-width:300px;padding:12px 24px;font-size:15px;}
.unit-display{max-width:120px;word-wrap:break-word;font-size:12px;}
.el-dialog{width:90% !important;}
}
@media (max-width:480px){.assessment-header h1{font-size:20px;}
.form-section{padding:12px;}
.question-item{padding:8px;}
.question-text{font-size:14px;}
}