.survey-page{font-family:Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(135deg,#f8fafc,#eaf2f8);padding:40px 20px;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 .full-width-textarea{width:100%}.survey-page .full-width-textarea .el-input__inner{background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;-webkit-transition:all .3s;transition:all .3s;font-size:15px;color:#2d3748}.survey-page .full-width-textarea .el-input__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 .full-width-select{width:100%}.survey-page .full-width-select .el-input__inner{background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;-webkit-transition:all .3s;transition:all .3s;font-size:15px;color:#2d3748;height:auto;min-height:48px}.survey-page .full-width-select .el-input__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 .full-width-datepicker{width:100%}.survey-page .full-width-datepicker .el-input__inner{background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;-webkit-transition:all .3s;transition:all .3s;font-size:15px;color:#2d3748;height:auto;min-height:48px}.survey-page .full-width-datepicker .el-input__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 .el-button{padding:14px 50px;font-size:17px;font-weight:600;letter-spacing:.5px;border-radius:30px;margin:0 10px}.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}@media(max-width:768px){.survey-page .survey-container{padding:25px 15px}.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 .action-buttons{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.survey-page .action-buttons .el-button{width:100%;margin:5px 0}}