.survey-page{font-family:Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f8fafc,#eaf2f8);padding:40px 20px;min-height:100vh;color:#2c3e50;line-height:1.6}.survey-page .survey-container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;-webkit-box-shadow:0 12px 30px rgba(0,0,0,.08);box-shadow:0 12px 30px rgba(0,0,0,.08);padding:40px;position:relative;overflow:hidden}.survey-page .header{text-align:center;margin-bottom:25px}.survey-page .header h1{color:#2980b9;font-size:22px;font-weight:600;margin-bottom:10px;position:relative;display:inline-block}.survey-page .header h1:after{content:"";position:absolute;bottom:-10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80px;height:3px;background:-webkit-gradient(linear,left top,right top,from(#3498db),to(#2ecc71));background:linear-gradient(90deg,#3498db,#2ecc71)}.survey-page .header .subtitle{color:#7f8c8d;font-size:16px;font-weight:400;max-width:600px;margin:15px auto 0}.survey-page .question-block{margin-bottom:17px;padding:12.5px 25px 8px 25px;background:#fff;border-radius:12px;-webkit-box-shadow:0 5px 20px rgba(0,0,0,.03);box-shadow:0 5px 20px rgba(0,0,0,.03);-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden;border:1px solid #edf2f7}.survey-page .question-block:before{content:"";position:absolute;top:0;left:0;height:100%;width:3px;background:#3498db;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;-webkit-transform:scaleY(0);transform:scaleY(0)}.survey-page .question-block:hover:before{-webkit-transform:scaleY(1);transform:scaleY(1)}.survey-page .question-block.text-question:hover:before{background:#2ecc71}.survey-page .question-header{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #f0f5fa}.survey-page .question-header,.survey-page .question-number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.survey-page .question-number{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border-radius:50%;font-size:15px;font-weight:700;margin-right:15px;-ms-flex-negative:0;flex-shrink:0;-webkit-box-shadow:0 3px 6px rgba(52,152,219,.3);box-shadow:0 3px 6px rgba(52,152,219,.3)}.survey-page .question-title{font-size:16px;font-weight:600;color:#2c3e50;position:relative;top:1px}.survey-page .custom-radios{display:grid;grid-template-columns:repeat(auto-fit,minmax(560px,1fr));gap:18px;margin-top:10px}.survey-page .custom-radio{position:relative;border:1px solid #e2e8f0;border-radius:12px;padding:22px;cursor:pointer;-webkit-transition:all .25s ease;transition:all .25s ease;background:#f8fafc;overflow:hidden}.survey-page .custom-radio:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 8px 20px rgba(0,0,0,.08);box-shadow:0 8px 20px rgba(0,0,0,.08);border-color:#cbd5e0;background:#fff}.survey-page .custom-radio.active{border-color:#3498db;background:-webkit-gradient(linear,left top,right top,from(rgba(52,152,219,.05)),to(rgba(52,152,219,.02)));background:linear-gradient(90deg,rgba(52,152,219,.05),rgba(52,152,219,.02));-webkit-box-shadow:0 5px 15px rgba(52,152,219,.15);box-shadow:0 5px 15px rgba(52,152,219,.15);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.survey-page .radio-indicator{position:absolute;width:20px;height:20px;border-radius:50%;border:2px solid #cbd5e0;background:#fff;-webkit-transition:all .3s;transition:all .3s;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.survey-page .custom-radio.active .radio-indicator{border-color:#3498db;background:#3498db;-webkit-box-shadow:0 2px 4px rgba(52,152,219,.3);box-shadow:0 2px 4px rgba(52,152,219,.3)}.survey-page .radio-indicator:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.survey-page .custom-radio.active .radio-indicator:before{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}.survey-page .radio-title{font-size:16px;font-weight:600;margin-bottom:10px;color:#2c3e50;padding-left:40px}.survey-page .radio-description{font-size:14px;color:#4a5568;line-height:1.7;padding-left:40px}.survey-page .expense-select,.survey-page .full-width-textarea{width:100%}.survey-page .full-width-textarea .el-textarea__inner{background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;-webkit-transition:all .3s;transition:all .3s;padding:15px;font-size:15px;color:#2d3748}.survey-page .full-width-textarea .el-textarea__inner:focus{border-color:#3498db;-webkit-box-shadow:0 0 0 3px rgba(52,152,219,.1);box-shadow:0 0 0 3px rgba(52,152,219,.1)}.survey-page .action-buttons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:40px;padding:20px 0}.survey-page .action-buttons .back-button{border-radius:30px}.survey-page .action-buttons .back-button,.survey-page .action-buttons .submit-button{padding:14px 50px;font-size:17px;font-weight:600;letter-spacing:.5px;-webkit-transition:all .3s;transition:all .3s}.survey-page .action-buttons .submit-button{background:linear-gradient(135deg,#3498db,#2980b9);border:none;-webkit-box-shadow:0 5px 20px rgba(52,152,219,.3);box-shadow:0 5px 20px rgba(52,152,219,.3);border-radius:30px}.survey-page .action-buttons .submit-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 7px 22px rgba(52,152,219,.4);box-shadow:0 7px 22px rgba(52,152,219,.4)}.survey-page .submit-success{text-align:center;padding:50px 20px;background:hsla(0,0%,100%,.95);border-radius:15px;-webkit-box-shadow:0 10px 30px rgba(0,0,0,.05);box-shadow:0 10px 30px rgba(0,0,0,.05)}.survey-page .submit-success .el-icon-success{font-size:80px;color:#27ae60;margin-bottom:25px}.survey-page .submit-success h2{font-size:30px;color:#2c3e50;margin-bottom:15px}.survey-page .submit-success p{font-size:17px;color:#5e6d82;max-width:600px;margin:0 auto;line-height:1.8}.survey-page .footer{max-width:900px;margin:30px auto 0;text-align:center;font-size:14px;color:#7f8c8d;padding:20px;border-radius:10px;background:hsla(0,0%,100%,.6)}@media(max-width:768px){.survey-page .survey-container{padding:25px 15px}.survey-page .custom-radios{grid-template-columns:1fr;gap:12px}.survey-page .header h1{font-size:26px}.survey-page .header h1:after{bottom:-8px;width:60px}.survey-page .question-block{padding:20px 15px;margin-bottom:25px}.survey-page .question-number{width:32px;height:32px;font-size:16px}.survey-page .question-title{font-size:17px}.survey-page .radio-title{font-size:15px}.survey-page .submit-button{width:100%;padding:14px}}.main[data-v-769a6ff4]{width:100%;margin:0 auto;background:#fff}.main .row-bg[data-v-769a6ff4]{width:75%;min-width:1000px;margin:0 auto}.main .row-bg .title[data-v-769a6ff4]{padding-top:50px;color:#0095ff!important;width:100%;text-align:center}.main .row-bg .scrollBox[data-v-769a6ff4]{width:100%;min-height:1200px}