.pre_enrollment_page{min-height:100vh;padding-bottom:40px;background:linear-gradient(135deg,#eefbfd,#f8fafc 48%,#eef6ff);color:#1f2937}.pre_enrollment_page .pre_enrollment_header{position:sticky;top:0;z-index:20;background:hsla(0,0%,100%,.88);border-bottom:1px solid rgba(15,23,42,.08);backdrop-filter:blur(10px)}.pre_enrollment_page .pre_enrollment_header .pre_header_inner{width:760px;max-width:calc(100% - 32px);height:64px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.pre_enrollment_page .pre_enrollment_header .pre_logo_box{width:38px;height:38px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#61c2d1;color:#fff;font-size:20px}.pre_enrollment_page .pre_enrollment_header h1{margin:0;font-size:18px;line-height:24px;color:#111827}.pre_enrollment_page .pre_enrollment_header p{margin:2px 0 0;font-size:12px;color:#6b7280}.pre_enrollment_page .pre_hero_box{width:760px;max-width:calc(100% - 32px);margin:0 auto;padding:28px 0 18px;text-align:center}.pre_enrollment_page .pre_hero_box h2{margin:0 0 10px;font-size:30px;line-height:38px;color:#111827}.pre_enrollment_page .pre_hero_box p{margin:0;font-size:15px;color:#6b7280}.pre_enrollment_page .notice_box,.pre_enrollment_page .pre_card,.pre_enrollment_page .pre_status_box{width:760px;max-width:calc(100% - 32px);margin:18px auto 0;-webkit-box-sizing:border-box;box-sizing:border-box}.pre_enrollment_page .pre_status_box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;padding:16px;border-radius:12px;border:1px solid}.pre_enrollment_page .pre_status_box.open{background:#e8f8fb;border-color:#bdebf1;color:#42aebf}.pre_enrollment_page .pre_status_box.warning{background:#fef9c3;border-color:#fde68a;color:#a16207}.pre_enrollment_page .pre_status_box.closed{background:#f3f4f6;border-color:#e5e7eb;color:#6b7280}.pre_enrollment_page .pre_status_box .status_icon{font-size:22px}.pre_enrollment_page .pre_status_box .status_text{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.pre_enrollment_page .pre_status_box .status_text h3{margin:0;font-size:16px;line-height:22px}.pre_enrollment_page .pre_status_box .status_text h3 span{margin-left:10px;font-size:13px;font-weight:400}.pre_enrollment_page .pre_status_box .status_text p{margin:4px 0 0;font-size:13px;opacity:.86}.pre_enrollment_page .pre_status_box .status_tag{padding:6px 12px;border-radius:6px;background:rgba(107,114,128,.12);font-size:13px}.pre_enrollment_page .notice_box,.pre_enrollment_page .pre_card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;-webkit-box-shadow:0 8px 24px rgba(15,23,42,.06);box-shadow:0 8px 24px rgba(15,23,42,.06)}.pre_enrollment_page .pre_card{padding:24px}.pre_enrollment_page .card_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;margin-bottom:20px}.pre_enrollment_page .card_title.compact{margin-bottom:0}.pre_enrollment_page .card_title .title_icon{width:42px;height:42px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#e8f8fb;color:#61c2d1;font-size:20px;-ms-flex-negative:0;flex-shrink:0}.pre_enrollment_page .card_title h2{margin:0;font-size:18px;line-height:26px;color:#111827}.pre_enrollment_page .card_title p{margin:2px 0 0;font-size:14px;color:#6b7280}.pre_enrollment_page .form_head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:-24px -24px 0;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:12px 12px 0 0}.pre_enrollment_page .readonly_badge{padding:5px 10px;border-radius:6px;background:#eef2f7;color:#6b7280;font-size:12px}.pre_enrollment_page .pre_form .el-form-item__label{font-weight:600;color:#374151;padding-bottom:6px}.pre_enrollment_page .pre_form .el-input__inner{border-radius:8px}.pre_enrollment_page .pre_form .el-input__inner:focus{border-color:#61c2d1;-webkit-box-shadow:0 0 0 3px rgba(97,194,209,.18);box-shadow:0 0 0 3px rgba(97,194,209,.18)}.pre_enrollment_page .el-button--primary{background:#61c2d1;border-color:#61c2d1}.pre_enrollment_page .el-button--primary:focus,.pre_enrollment_page .el-button--primary:hover{background:#42aebf;border-color:#42aebf}.pre_enrollment_page .form_action{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:10px;margin-top:18px}.pre_enrollment_page .form_action.right{margin-top:0}.pre_enrollment_page .form_action.between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.pre_enrollment_page .form_action.center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.pre_enrollment_page .closed_action{margin-top:18px;padding:12px;border-radius:6px;background:#f3f4f6;color:#6b7280;text-align:center;font-size:14px}.pre_enrollment_page .step_bar{-ms-flex-align:center;gap:8px;padding:20px 0 0}.pre_enrollment_page .step_bar,.pre_enrollment_page .step_bar .step_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.pre_enrollment_page .step_bar .step_item{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;min-width:0;color:#9ca3af}.pre_enrollment_page .step_bar .step_item .step_num{width:26px;height:26px;border-radius:50%;background:#e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:12px;font-weight:700;-ms-flex-negative:0;flex-shrink:0}.pre_enrollment_page .step_bar .step_item em{font-style:normal}.pre_enrollment_page .step_bar .step_item p{margin:0 8px;font-size:13px;white-space:nowrap}.pre_enrollment_page .step_bar .step_item font{height:2px;-webkit-box-flex:1;-ms-flex:1;flex:1;background:#e5e7eb;border-radius:2px}.pre_enrollment_page .step_bar .step_item.active,.pre_enrollment_page .step_bar .step_item.done{color:#61c2d1}.pre_enrollment_page .step_bar .step_item.active .step_num,.pre_enrollment_page .step_bar .step_item.done .step_num{background:#61c2d1;color:#fff;-webkit-box-shadow:0 0 0 4px rgba(97,194,209,.22);box-shadow:0 0 0 4px rgba(97,194,209,.22)}.pre_enrollment_page .step_bar .step_item.done font{background:#61c2d1}.pre_enrollment_page .confirm_panel,.pre_enrollment_page .form_panel,.pre_enrollment_page .success_panel{padding-top:24px}.pre_enrollment_page .fixed_field{margin-bottom:22px}.pre_enrollment_page .fixed_field label{display:block;margin-bottom:7px;font-size:14px;font-weight:600;color:#374151}.pre_enrollment_page .fixed_field label i{margin-right:4px;color:#6b7280}.pre_enrollment_page .fixed_field p{height:40px;margin:0;padding:0 12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-radius:8px;border:1px solid #e5e7eb;background:#f9fafb;color:#111827;font-weight:600}.pre_enrollment_page .fixed_field span{padding:3px 8px;border-radius:999px;background:#e8f8fb;color:#61c2d1;font-size:12px}.pre_enrollment_page .subject_summary{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:10px;color:#6b7280;font-size:14px}.pre_enrollment_page .subject_summary b{color:#111827}.pre_enrollment_page .subject_summary em{font-style:normal;color:#d97706;font-size:12px}.pre_enrollment_page .subject_progress{height:6px;border-radius:999px;background:#edf2f7;overflow:hidden;margin-bottom:12px}.pre_enrollment_page .subject_progress span{display:block;height:100%;border-radius:999px;background:#61c2d1;-webkit-transition:width .2s;transition:width .2s}.pre_enrollment_page .subject_grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.pre_enrollment_page .subject_grid button{min-height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;text-align:left;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.pre_enrollment_page .subject_grid button span{-webkit-box-flex:1;-ms-flex:1;flex:1;line-height:20px}.pre_enrollment_page .subject_grid button i{width:20px;height:20px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:#f3f4f6;color:transparent;border:1px solid #e5e7eb}.pre_enrollment_page .subject_grid button.active{border-color:#61c2d1;background:#eefbfd;color:#42aebf}.pre_enrollment_page .subject_grid button.active i{background:#61c2d1;color:#fff;border-color:#61c2d1}.pre_enrollment_page .subject_grid button:disabled{opacity:.45;cursor:not-allowed}.pre_enrollment_page .confirm_grid,.pre_enrollment_page .result_grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pre_enrollment_page .confirm_grid div span,.pre_enrollment_page .result_grid div span{display:block;color:#6b7280;font-size:12px;margin-bottom:6px}.pre_enrollment_page .confirm_grid div p,.pre_enrollment_page .result_grid div p{margin:0;color:#111827;font-size:14px;font-weight:600;word-break:break-all}.pre_enrollment_page .confirm_subjects,.pre_enrollment_page .result_subjects{margin-top:20px}.pre_enrollment_page .confirm_subjects span,.pre_enrollment_page .result_subjects span{display:block;color:#6b7280;font-size:12px;margin-bottom:8px}.pre_enrollment_page .confirm_subjects p,.pre_enrollment_page .result_subjects p{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.pre_enrollment_page .confirm_subjects em,.pre_enrollment_page .result_subjects em{font-style:normal;padding:6px 10px;border-radius:999px;background:#e8f8fb;color:#42aebf;font-size:13px}.pre_enrollment_page .success_panel{text-align:center;padding:42px 0 22px}.pre_enrollment_page .success_panel i{font-size:56px;color:#61c2d1}.pre_enrollment_page .success_panel h2{margin:14px 0 8px;font-size:22px}.pre_enrollment_page .success_panel p{margin:0;color:#6b7280}.pre_enrollment_page .notice_box{padding:20px 24px}.pre_enrollment_page .notice_box h3{margin:0 0 12px;font-size:16px;color:#111827}.pre_enrollment_page .notice_box h3 i{margin-right:6px;color:#61c2d1}.pre_enrollment_page .notice_box ul{margin:0;padding:0;list-style:none}.pre_enrollment_page .notice_box li{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;margin-top:8px;color:#6b7280;font-size:14px;line-height:22px}.pre_enrollment_page .notice_box li span{color:#61c2d1;-ms-flex-negative:0;flex-shrink:0}.pre_enrollment_page .result_status{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;margin-bottom:18px}.pre_enrollment_page .result_status span{padding:5px 10px;border-radius:999px;background:#61c2d1;color:#fff;font-size:12px}.pre_enrollment_page .result_status p{margin:0;color:#6b7280;font-size:12px}@media screen and (max-width:768px){.pre_enrollment_page .pre_hero_box h2{font-size:24px;line-height:32px}.pre_enrollment_page .pre_card{padding:18px}.pre_enrollment_page .form_head{margin:-18px -18px 0;padding:18px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:12px}.pre_enrollment_page .confirm_grid,.pre_enrollment_page .result_grid,.pre_enrollment_page .subject_grid{grid-template-columns:1fr}.pre_enrollment_page .step_bar .step_item p{display:none}.pre_enrollment_page .pre_status_box{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.pre_enrollment_page .status_tag{display:none}}