.darktrial-questionnaire-page{min-height:100vh;padding:80px 20px 40px;background:linear-gradient(135deg,#f5f7fa,#e8eaf0);position:relative;overflow:hidden}.darktrial-questionnaire-page .glow-orbs{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.darktrial-questionnaire-page .glow-orbs .orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.3;animation:float-orb-9f044f35 20s ease-in-out infinite}.darktrial-questionnaire-page .glow-orbs .orb-1{width:500px;height:500px;background:radial-gradient(circle,#f093fb 0%,transparent 70%);top:-150px;left:-150px;animation-delay:0s}.darktrial-questionnaire-page .glow-orbs .orb-2{width:400px;height:400px;background:radial-gradient(circle,#764ba2 0%,transparent 70%);top:40%;right:-100px;animation-delay:7s}.darktrial-questionnaire-page .glow-orbs .orb-3{width:450px;height:450px;background:radial-gradient(circle,#667eea 0%,transparent 70%);bottom:-100px;left:30%;animation-delay:14s}@keyframes float-orb-9f044f35{0%,to{transform:translate(0) scale(1)}33%{transform:translate(80px,-80px) scale(1.1)}66%{transform:translate(-80px,40px) scale(.9)}}.darktrial-questionnaire-page .loading-container,.darktrial-questionnaire-page .error-container{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.darktrial-questionnaire-page .questionnaire-container{position:relative;z-index:1;max-width:900px;margin:0 auto}.darktrial-questionnaire-page .question-wrapper{animation:fadeIn-9f044f35 .4s ease}@keyframes fadeIn-9f044f35{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.darktrial-questionnaire-page .question-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;transition:all .3s ease}.darktrial-questionnaire-page .question-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.12)}.darktrial-questionnaire-page .question-card .card-header{padding:24px 32px;border-bottom:1px solid #e8eaf0;background:linear-gradient(135deg,#fafbfc,#fff)}.darktrial-questionnaire-page .question-card .card-header .header-top{display:flex;justify-content:space-between;align-items:center}.darktrial-questionnaire-page .question-card .card-header .card-title{margin:0;font-size:20px;font-weight:600;color:#303133}.darktrial-questionnaire-page .question-card .card-header .question-category-tag{font-size:13px;color:#764ba2;padding:4px 12px;background:rgba(118,75,162,.1);border-radius:12px}.darktrial-questionnaire-page .question-card .card-header .progress-section{margin-top:16px}.darktrial-questionnaire-page .question-card .card-header .progress-section .progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.darktrial-questionnaire-page .question-card .card-header .progress-section .progress-info .progress-label{font-size:13px;font-weight:500;color:#909399}.darktrial-questionnaire-page .question-card .card-header .progress-section .progress-info .progress-count{font-size:13px;font-weight:600;color:#764ba2;background:rgba(118,75,162,.1);padding:2px 10px;border-radius:12px}.darktrial-questionnaire-page .question-card .card-header .progress-section .progress-bar-container{width:100%;height:6px;background:rgba(0,0,0,.06);border-radius:10px;overflow:hidden}.darktrial-questionnaire-page .question-card .card-header .progress-section .progress-bar-container .progress-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s ease;border-radius:10px}.darktrial-questionnaire-page .question-card .card-body{padding:32px}.darktrial-questionnaire-page .question-card .card-body .question-hint{font-size:13px;color:#909399;margin:0 0 24px;text-align:left}.darktrial-questionnaire-page .question-card .card-body .incomplete-alert{margin-bottom:24px;animation:slideDown-9f044f35 .3s ease}@keyframes slideDown-9f044f35{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.darktrial-questionnaire-page .question-card .card-body .question-content{animation:slideInRight-9f044f35 .3s ease}@keyframes slideInRight-9f044f35{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.darktrial-questionnaire-page .question-card .card-body .question-text{display:block;font-size:18px;font-weight:500;line-height:1.6;color:#303133;margin-bottom:24px;text-align:left}.darktrial-questionnaire-page .question-card .card-body .options-list{display:flex;flex-direction:column;gap:12px}.darktrial-questionnaire-page .question-card .card-body .option-item{display:flex;align-items:center;padding:16px 20px;background:#fff;border:2px solid #e4e7ed;border-radius:12px;cursor:pointer;transition:all .2s ease;user-select:none;animation:slideIn-9f044f35 .3s ease both}@keyframes slideIn-9f044f35{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.darktrial-questionnaire-page .question-card .card-body .option-item:hover{background:#f5f7fa;border-color:#c0c4cc;transform:translate(4px)}.darktrial-questionnaire-page .question-card .card-body .option-item.is-selected{background:linear-gradient(135deg,#eceff8,#e8ecf8);border-color:#667eea}.darktrial-questionnaire-page .question-card .card-body .option-item.is-selected .radio-circle{border-color:#667eea}.darktrial-questionnaire-page .question-card .card-body .option-item.is-selected .radio-circle.is-checked{background:#667eea}.darktrial-questionnaire-page .question-card .card-body .option-item.is-selected .radio-circle.is-checked .radio-dot{transform:scale(1)}.darktrial-questionnaire-page .question-card .card-body .option-item .option-radio{display:flex;align-items:center;margin-right:16px}.darktrial-questionnaire-page .question-card .card-body .option-item .radio-circle{position:relative;width:20px;height:20px;border:2px solid #dcdfe6;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.darktrial-questionnaire-page .question-card .card-body .option-item .radio-circle .radio-dot{width:8px;height:8px;background:#fff;border-radius:50%;transform:scale(0);transition:transform .2s ease}.darktrial-questionnaire-page .question-card .card-body .option-item .option-label{font-size:16px;color:#303133;flex:1}.darktrial-questionnaire-page .question-card .card-footer{padding:20px 32px;background:#fafbfc;border-top:1px solid #e8eaf0;display:flex;justify-content:space-between;align-items:center}.darktrial-questionnaire-page .question-card .card-footer .btn-nav{padding:12px 32px;font-size:14px;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;outline:none}.darktrial-questionnaire-page .question-card .card-footer .btn-nav:disabled{opacity:.5;cursor:not-allowed}.darktrial-questionnaire-page .question-card .card-footer .btn-nav.btn-back{background:#fff;color:#606266;border:1px solid #dcdfe6}.darktrial-questionnaire-page .question-card .card-footer .btn-nav.btn-back:not(:disabled):hover{background:#f5f7fa;border-color:#c0c4cc}.darktrial-questionnaire-page .question-card .card-footer .btn-nav.btn-next,.darktrial-questionnaire-page .question-card .card-footer .btn-nav.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px rgba(102,126,234,.3)}.darktrial-questionnaire-page .question-card .card-footer .btn-nav.btn-next:not(:disabled):hover,.darktrial-questionnaire-page .question-card .card-footer .btn-nav.btn-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.darktrial-questionnaire-page .question-card .card-footer .btn-nav.btn-next:active:not(:disabled),.darktrial-questionnaire-page .question-card .card-footer .btn-nav.btn-submit:active:not(:disabled){transform:translateY(0)}:root{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 236, 242, 255;--art-bg-secondary: 232, 247, 255;--art-bg-success: 230, 255, 250;--art-bg-error: 253, 237, 232;--art-bg-info: 240, 242, 247;--art-bg-warning: 254, 245, 229;--art-bg-danger: 253, 237, 232;--art-hoverColor: 246, 249, 252;--art-grey100: 242, 246, 250;--art-grey200: 234, 239, 244;--art-color: #ffffff;--art-light: #f9f9f9;--art-dark: #1e2129;--art-gray-100: #f9f9f9;--art-gray-100-rgb: 249, 249, 249;--art-gray-200: #f1f1f4;--art-gray-200-rgb: 241, 241, 244;--art-gray-300: #dbdfe9;--art-gray-300-rgb: 219, 223, 233;--art-gray-400: #b0b6cc;--art-gray-400-rgb: 176, 182, 204;--art-gray-500: #8891a8;--art-gray-500-rgb: 136, 145, 168;--art-gray-600: #6b7590;--art-gray-600-rgb: 107, 117, 144;--art-gray-700: #4b5675;--art-gray-700-rgb: 75, 86, 117;--art-gray-800: #252f4a;--art-gray-800-rgb: 37, 47, 74;--art-gray-900: #071437;--art-gray-900-rgb: 7, 20, 55;--art-text-muted: #8891a8;--art-text-gray-100: #f9f9f9;--art-text-gray-200: #f1f1f4;--art-text-gray-300: #dbdfe9;--art-text-gray-400: #b0b6cc;--art-text-gray-500: #8891a8;--art-text-gray-600: #6b7590;--art-text-gray-700: #4b5675;--art-text-gray-800: #252f4a;--art-text-gray-900: #071437;--art-border-color: #eaebf1;--art-border-dashed-color: #dbdfe9;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, .03);--art-root-card-border-color: #f1f1f4;--art-bg-color: #fafbfc;--art-main-bg-color: #ffffff}html.dark{--art-primary: 93, 135, 255;--art-secondary: 73, 190, 255;--art-error: 250, 137, 107;--art-info: 107, 125, 155;--art-success: 19, 222, 185;--art-warning: 255, 174, 31;--art-danger: 255, 77, 79;--art-bg-primary: 37, 54, 98;--art-bg-secondary: 28, 69, 93;--art-bg-success: 27, 60, 72;--art-bg-error: 75, 49, 61;--art-bg-info: 45, 50, 62;--art-bg-warning: 77, 58, 42;--art-bg-danger: 100, 49, 61;--art-hoverColor: 51, 63, 85;--art-grey100: 51, 63, 85;--art-grey200: 70, 86, 112;--art-color: #000000;--art-light: #1b1c22;--art-dark: #272a34;--art-gray-100: #1b1c22;--art-gray-100-rgb: 27, 28, 34;--art-gray-200: #26272f;--art-gray-200-rgb: 38, 39, 47;--art-gray-300: #363843;--art-gray-300-rgb: 54, 56, 67;--art-gray-400: #545662;--art-gray-400-rgb: 84, 86, 98;--art-gray-500: #7a7c88;--art-gray-500-rgb: 122, 124, 136;--art-gray-600: #9a9cae;--art-gray-600-rgb: 154, 156, 174;--art-gray-700: #b5b7c8;--art-gray-700-rgb: 181, 183, 200;--art-gray-800: #d0d2e0;--art-gray-800-rgb: 208, 210, 224;--art-gray-900: #f5f5f5;--art-gray-900-rgb: 245, 245, 245;--art-text-muted: #8b8d9a;--art-text-gray-100: #1b1c22;--art-text-gray-200: #26272f;--art-text-gray-300: #363843;--art-text-gray-400: #545662;--art-text-gray-500: #7a7c88;--art-text-gray-600: #9a9cae;--art-text-gray-700: #b5b7c8;--art-text-gray-800: #d0d2e0;--art-text-gray-900: #f5f5f5;--art-border-color: #363843;--art-border-dashed-color: #464852;--art-root-card-border-color: #2a2b35;--art-box-shadow-xs: 0 .1rem .75rem .25rem rgba(0, 0, 0, .05);--art-box-shadow-sm: 0 .1rem 1rem .25rem rgba(0, 0, 0, .05);--art-box-shadow: 0 .5rem 1.5rem .5rem rgba(0, 0, 0, .075);--art-box-shadow-lg: 0 1rem 2rem 1rem rgba(0, 0, 0, .1);--art-root-card-box-shadow: none;--art-root-card-border-color: #1e2027;--art-bg-color: #070707;--art-main-bg-color: #161618}:root{--art-card-border: rgba(var(--art-gray-300-rgb), .6);--art-card-shadow: 0px 0px 4px 0px rgba(0, 0, 0, .04)}.bg-primary{background-color:rgb(var(--art-bg-primary))!important;color:rgb(var(--art-primary))!important}.bg-secondary{background-color:rgb(var(--art-bg-secondary))!important;color:rgb(var(--art-secondary))!important;border:1px solid var(--art-secondary)}.bg-warning{background-color:rgb(var(--art-bg-warning))!important;color:rgb(var(--art-warning))!important}.bg-error{background-color:rgb(var(--art-bg-error))!important;color:rgb(var(--art-error))!important}.bg-success{background-color:rgb(var(--art-bg-success))!important;color:rgb(var(--art-success))!important}.bg-info{background-color:rgb(var(--art-bg-info))!important;color:rgb(var(--art-info))!important}.bg-danger{background-color:rgb(var(--art-bg-danger))!important;color:rgb(var(--art-danger))!important}.bg-grey100{background-color:rgb(var(--art-grey100))!important}.bg-grey200{background-color:rgb(var(--art-grey200))!important}.bg-hoverColor{background-color:rgb(var(--art-hoverColor))!important}.text-primary{color:rgb(var(--art-primary))!important}.text-secondary{color:rgb(var(--art-secondary))!important}.text-error{color:rgb(var(--art-error))!important}.text-danger{color:rgb(var(--art-danger))!important}.text-info{color:rgb(var(--art-info))!important}.text-success{color:rgb(var(--art-success))!important}.text-warning{color:rgb(var(--art-warning))!important}{outline:none!important;-webkit-tap-highlight-color:transparent!important}.expand-enter-active,.expand-leave-active{transition:all .3s ease;max-height:800px;overflow:hidden}.expand-enter-from,.expand-leave-to{max-height:0;opacity:0}@keyframes selectedPulse-9f044f35{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.darktrial-questionnaire-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e8eef5);padding:24px}.darktrial-questionnaire-page .loading-container,.darktrial-questionnaire-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.darktrial-questionnaire-page .questionnaire-container{max-width:1200px;margin:0 auto}.darktrial-questionnaire-page .progress-header{background:linear-gradient(135deg,#fff,#f8f9fa);padding:28px;border-radius:16px;margin-bottom:24px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.darktrial-questionnaire-page .progress-header .progress-info{margin-bottom:16px}.darktrial-questionnaire-page .progress-header .progress-info .title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.darktrial-questionnaire-page .progress-header .progress-info .title-row h2{margin:0;font-size:24px;font-weight:600;background:linear-gradient(135deg,#606266,#909399);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.darktrial-questionnaire-page .progress-header .progress-info .title-row .completion-count{font-size:20px;font-weight:700;color:var(--el-color-primary);padding:8px 20px;background:#f4f4f5;border-radius:20px;border:2px solid var(--el-border-color)}.darktrial-questionnaire-page .progress-header .progress-info .subtitle{font-size:14px;color:var(--el-text-color-secondary)}.darktrial-questionnaire-page .question-card{margin-bottom:24px;border-radius:16px;background:#fff;transition:all .3s ease}.darktrial-questionnaire-page .question-card:hover{box-shadow:0 8px 30px rgba(96,98,102,.15);transform:translateY(-2px)}.darktrial-questionnaire-page .question-card .el-card__body{padding:32px}.darktrial-questionnaire-page .question-card .question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid var(--el-border-color-lighter)}.darktrial-questionnaire-page .question-card .question-header .header-left{display:flex;align-items:center;gap:12px}.darktrial-questionnaire-page .question-card .question-header .header-left .question-category{font-size:14px;color:var(--el-text-color-secondary);padding:4px 12px;background:var(--el-fill-color-light);border-radius:12px}.darktrial-questionnaire-page .question-card .question-text{font-size:22px;font-weight:600;margin-bottom:28px;line-height:1.6;display:flex;align-items:flex-start;gap:12px}.darktrial-questionnaire-page .question-card .question-text .question-icon{font-size:24px;color:#606266;flex-shrink:0}.darktrial-questionnaire-page .question-card .question-options .el-radio-group{display:flex;flex-direction:column;gap:12px}.darktrial-questionnaire-page .question-card .question-options .el-radio-group .el-radio.option-item{margin:0;padding:0;border-radius:12px;border:2px solid var(--el-border-color);transition:all .25s ease;outline:none!important}.darktrial-questionnaire-page .question-card .question-options .el-radio-group .el-radio.option-item:hover{border-color:#909399;background:var(--el-fill-color-light);transform:translate(4px);box-shadow:0 4px 12px rgba(96,98,102,.15)}.darktrial-questionnaire-page .question-card .question-options .el-radio-group .el-radio.option-item.is-checked{border-color:#606266;background:linear-gradient(135deg,#f4f4f5,#e9e9eb);box-shadow:0 4px 12px rgba(96,98,102,.2);animation:selectedPulse-9f044f35 .4s ease}.darktrial-questionnaire-page .question-card .question-options .el-radio-group .el-radio.option-item.is-checked .option-content{color:#303133;font-weight:600}.darktrial-questionnaire-page .question-card .question-options .el-radio-group .el-radio.option-item .el-radio__input{display:none}.darktrial-questionnaire-page .question-card .question-options .el-radio-group .el-radio.option-item .el-radio__label{padding:20px 32px;width:100%}.darktrial-questionnaire-page .question-card .question-options .el-radio-group .el-radio.option-item .option-content{display:flex;align-items:center;gap:16px}.darktrial-questionnaire-page .question-card .question-options .el-radio-group .el-radio.option-item .option-content .option-value{font-size:20px;font-weight:700;color:var(--el-color-primary);flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--el-color-primary-light-9);border-radius:50%}.darktrial-questionnaire-page .question-card .question-options .el-radio-group .el-radio.option-item .option-content .option-label{flex:1;font-size:16px}.darktrial-questionnaire-page .navigation-buttons{display:flex;justify-content:space-between;align-items:center;gap:16px}.darktrial-questionnaire-page .navigation-buttons .nav-center{flex:1;text-align:center}.darktrial-questionnaire-page .navigation-buttons .nav-center .nav-text{font-size:16px;font-weight:600;color:var(--el-text-color-secondary)}.darktrial-questionnaire-page .navigation-buttons .el-button{min-width:120px;padding:12px 28px}.darktrial-questionnaire-page .navigation-buttons .el-button:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.darktrial-questionnaire-page .question-grid{margin:24px auto 0;padding:24px;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.darktrial-questionnaire-page .question-grid .grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--el-border-color-lighter)}.darktrial-questionnaire-page .question-grid .grid-header h4{margin:0;font-size:18px;font-weight:600}.darktrial-questionnaire-page .question-grid .grid-content{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px}.darktrial-questionnaire-page .question-grid .grid-item{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px solid var(--el-border-color);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.darktrial-questionnaire-page .question-grid .grid-item .check-icon{position:absolute;top:2px;right:2px;font-size:12px;color:var(--el-color-success)}.darktrial-questionnaire-page .question-grid .grid-item:hover{border-color:#909399;background:var(--el-fill-color-light);transform:scale(1.1)}.darktrial-questionnaire-page .question-grid .grid-item.active{border-color:#606266;background:linear-gradient(135deg,#909399,#606266);color:#fff}.darktrial-questionnaire-page .question-grid .grid-item.active .check-icon{color:#fff}.darktrial-questionnaire-page .question-grid .grid-item.answered:not(.active){background:var(--el-color-success-light-9);border-color:var(--el-color-success-light-5);color:var(--el-color-success)}@media (max-width: 768px){.darktrial-questionnaire-page{padding:16px}.darktrial-questionnaire-page .question-card .card-header{padding:20px}.darktrial-questionnaire-page .question-card .card-header .header-top{flex-direction:column;gap:8px;align-items:flex-start}.darktrial-questionnaire-page .question-card .card-header .card-title{font-size:18px}.darktrial-questionnaire-page .question-card .card-header .progress-section{margin-top:14px}.darktrial-questionnaire-page .question-card .question-text{font-size:18px}.darktrial-questionnaire-page .navigation-buttons{flex-direction:column}.darktrial-questionnaire-page .navigation-buttons .nav-center{order:-1}.darktrial-questionnaire-page .navigation-buttons .el-button{width:100%}}