*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f5f7fa;color:#333;line-height:1.6}#root{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}a,button,input,textarea,select{transition:all .2s ease}.ant-layout-sider{box-shadow:2px 0 8px #0000000f}.ant-layout-header{height:64px;line-height:64px}.survey-container{max-width:800px;margin:0 auto;padding:24px 16px;min-height:100vh;background:#f5f7fa}.survey-header{text-align:center;margin-bottom:32px;padding:32px 24px;background:linear-gradient(135deg,#1677ff,#4096ff);border-radius:12px;color:#fff}.survey-header h1{font-size:24px;font-weight:700;margin-bottom:12px}.survey-header p{font-size:14px;opacity:.9;margin-bottom:4px}.survey-dimension-card{margin-bottom:24px;border-radius:12px;box-shadow:0 2px 8px #0000000f}.survey-dimension-card .ant-card-head{border-bottom:2px solid #1677ff}.survey-dimension-card .ant-card-head-title{font-weight:600;color:#1677ff}.survey-question{padding:20px 0;border-bottom:1px solid #f0f0f0}.survey-question:last-child{border-bottom:none}.survey-question-title{font-size:15px;font-weight:500;margin-bottom:12px;color:#333}.survey-question-title .required-mark{color:#ff4d4f;margin-right:4px}.survey-question-number{color:#1677ff;font-weight:600;margin-right:8px}.survey-scale-labels{display:flex;justify-content:space-between;font-size:12px;color:#999;margin-top:4px;padding:0 4px}.survey-submit-area{text-align:center;padding:32px 0}.nps-container{padding:8px 0}.nps-scale{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;margin-bottom:8px}.nps-item{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid #d9d9d9;border-radius:8px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.nps-item:hover{border-color:#1677ff;background:#e6f4ff}.nps-item.nps-selected{border-color:#1677ff;background:#1677ff;color:#fff}.nps-number{font-weight:600;font-size:14px}.matrix-container{padding:8px 0}.matrix-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.matrix-table{width:100%;border-collapse:collapse;min-width:400px}.matrix-table th,.matrix-table td{padding:10px 8px;text-align:center;border-bottom:1px solid #f0f0f0}.matrix-table th{background:#fafafa;font-weight:500;font-size:13px;color:#666;white-space:nowrap}.matrix-table .matrix-row-label{text-align:left;font-weight:500;white-space:nowrap;min-width:100px}.matrix-table tr:hover{background:#fafafa}.matrix-table td .ant-radio-wrapper{margin:0}.admin-page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-page-header h2{font-size:20px;font-weight:600;color:#333;margin:0}.filter-bar{margin-bottom:16px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.dimension-section{margin-bottom:16px;padding:16px;background:#fafafa;border-radius:8px;border:1px solid #f0f0f0}.question-card{margin-bottom:12px;border:1px solid #e8e8e8;border-radius:8px;transition:box-shadow .2s}.question-card:hover{box-shadow:0 2px 8px #00000014}.question-card .ant-card-body{padding:16px}.question-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.question-card-header .question-number{font-weight:600;color:#1677ff;font-size:14px}.task-create-steps{max-width:900px;margin:0 auto 32px}.evaluatee-card{margin-bottom:16px;border:1px solid #e8e8e8;border-radius:8px}.evaluatee-card .ant-card-head{background:#fafafa}.role-section{margin:12px 0;padding:12px;background:#f9f9f9;border-radius:6px;border:1px solid #eee}.evaluator-item{display:flex;gap:8px;align-items:flex-start;margin-bottom:8px;padding:8px;background:#fff;border-radius:4px;border:1px solid #f0f0f0;flex-wrap:wrap}.report-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.report-chart-section{margin:24px 0}.radar-chart-container{width:100%;max-width:500px;margin:0 auto}.status-draft{color:#8c8c8c;background:#f5f5f5}.status-active{color:#52c41a;background:#f6ffed}.status-completed{color:#1677ff;background:#e6f4ff}@media (max-width: 768px){.survey-container{padding:12px 8px}.survey-header{padding:24px 16px;margin-bottom:16px;border-radius:8px}.survey-header h1{font-size:18px}.survey-header p{font-size:13px}.survey-dimension-card{border-radius:8px;margin-bottom:16px}.survey-dimension-card .ant-card-body{padding:12px}.survey-question{padding:16px 0}.survey-question-title{font-size:14px;line-height:1.5}.nps-scale{gap:3px}.nps-item{width:36px;height:36px;border-radius:6px}.nps-number{font-size:13px}.matrix-table th,.matrix-table td{padding:8px 4px;font-size:12px}.matrix-table .matrix-row-label{min-width:70px;font-size:12px}.ant-radio-wrapper,.ant-checkbox-wrapper{padding:6px 0;font-size:14px}.ant-rate .ant-rate-star{font-size:24px!important}.ant-select{max-width:100%!important}.admin-page-header{flex-direction:column;gap:12px;align-items:flex-start}.filter-bar{width:100%}.evaluator-item{flex-direction:column}.report-summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.survey-container{padding:8px 4px}.survey-header{padding:20px 12px}.survey-header h1{font-size:16px}.report-summary-cards{grid-template-columns:1fr}.survey-question-title{font-size:14px}.ant-steps{overflow-x:auto;padding-bottom:8px}.ant-steps-item{min-width:80px}.ant-btn{min-height:44px}.survey-submit-area .ant-btn{min-height:48px;font-size:16px}.nps-item{width:30px;height:30px;border-radius:4px}.nps-number{font-size:12px}.nps-scale{gap:2px}}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.empty-state{text-align:center;padding:48px 24px;color:#999}.loading-overlay{display:flex;justify-content:center;align-items:center;min-height:300px}.text-center{text-align:center}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}@supports (padding-bottom: env(safe-area-inset-bottom)){.survey-container{padding-bottom:calc(24px + env(safe-area-inset-bottom))}}
