:root{--primary:#1683d8;--primary-dark:#0865b5;--navy:#14507f;--pale:#edf7fd;--bg:#eef2f5;--line:#d5dce3;--text:#333f49;--muted:#75818c;--danger:#d83a3a;--success:#24a06b;--warning:#e39a22;--white:#fff;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-size:14px;line-height:1.55;background:var(--bg)}button,input,select,textarea{font:inherit}button,a{cursor:pointer}a{text-decoration:none;color:inherit}.wrap{width:min(1200px,calc(100% - 32px));margin:auto}.safety-banner{background:#fff5dc;border-bottom:1px solid #ebd39b;color:#6d5417}.safety-banner .wrap{min-height:38px;display:flex;align-items:center;gap:10px;font-size:13px}.safety-banner strong{background:#d08c18;color:#fff;padding:2px 9px;border-radius:2px}.safety-banner button{margin-left:auto;border:0;background:none;color:#9b680f;text-decoration:underline}.system-header{height:82px;background:linear-gradient(100deg,#147fc9,#2098e5);color:#fff;box-shadow:0 2px 8px rgba(20,75,115,.16)}.header-row{height:100%;display:flex;align-items:center;justify-content:space-between}.system-brand{display:flex;align-items:center;gap:13px}.brand-symbol{width:50px;height:50px;border:2px solid rgba(255,255,255,.8);display:grid;place-items:center;font-size:25px;font-weight:700;border-radius:50%}.system-brand h1{font-size:22px;letter-spacing:2px;margin:0}.system-brand p{margin:2px 0 0;letter-spacing:5px;font-size:12px;opacity:.86}.header-user{display:flex;align-items:center;gap:8px;font-size:13px}.online-dot{width:7px;height:7px;background:#7de3a4;border-radius:50%}.header-user button{margin-left:12px;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.08);color:#fff;padding:5px 11px;border-radius:2px}.mobile-bar{display:none}.app-layout{display:grid;grid-template-columns:245px 1fr;gap:14px;align-items:start;padding:16px 0 35px;min-height:calc(100vh - 180px)}.sidebar{background:#fff;border:1px solid #d9e0e6;box-shadow:0 1px 4px rgba(30,70,105,.06)}.candidate-card{display:flex;align-items:center;gap:10px;padding:17px 14px;border-bottom:1px solid var(--line)}.avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#e7f4fc;color:var(--primary);font-weight:700;font-size:19px;border:1px solid #b8d9ee}.candidate-card div:last-child{min-width:0;display:flex;flex-direction:column}.candidate-card strong{font-size:15px}.candidate-card span{font-size:11px;color:#8a969f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:3px}.completion-card{padding:13px 14px;background:#f8fbfd;border-bottom:1px solid var(--line)}.completion-card>div:first-child{display:flex;justify-content:space-between;color:#667681;font-size:12px}.completion-card strong{color:var(--primary)}.mini-progress{height:5px;background:#dde6ed;border-radius:4px;overflow:hidden;margin-top:7px}.mini-progress i{display:block;height:100%;width:25%;background:var(--primary);transition:.25s}.side-nav p{margin:0;padding:10px 15px 6px;color:#9aa3aa;background:#f5f7f9;font-size:11px}.side-nav button{width:100%;height:47px;border:0;border-bottom:1px solid #edf0f2;background:#fff;display:grid;grid-template-columns:30px 1fr 12px;align-items:center;text-align:left;color:#52626e;padding:0 13px}.side-nav button:hover{background:#f5faff;color:var(--primary)}.side-nav button.active{background:#e9f5fc;color:#0870c1;border-left:3px solid var(--primary);padding-left:10px;font-weight:700}.side-nav i{width:24px;height:24px;border:1px solid #b9cbd8;display:grid;place-items:center;border-radius:2px;font-style:normal;font-size:11px}.side-nav button.active i{border-color:#72b6e6;background:#fff}.side-nav b{font-size:18px;font-weight:400;color:#b3bec6}.sidebar-help{margin:15px;padding:13px;border:1px solid #c8dfef;background:#f4fafe}.sidebar-help strong{color:#276489}.sidebar-help p{margin:3px 0 10px;color:#718491;font-size:12px}.sidebar-help button{width:100%;padding:8px;border:0;background:var(--primary);color:#fff}.content-area{min-width:0}.breadcrumb{height:37px;display:flex;align-items:center;gap:6px;color:#7c8891;font-size:12px}.breadcrumb a{color:#4482ae}.breadcrumb strong{color:#52616c}.page-panel{background:#fff;border:1px solid #d9e0e6;min-height:650px;box-shadow:0 1px 4px rgba(30,70,105,.05)}.panel-title{height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 20px}.panel-title h2{font-size:17px;color:#24618d;margin:0;padding-left:11px;border-left:4px solid var(--primary)}.panel-title span{font-size:12px;color:#89949d}.panel-body{padding:20px}.tip-box{padding:12px 15px;background:#f0f8fd;border:1px solid #c8e2f3;color:#567181;margin-bottom:18px}.tip-box strong{color:#2173ad}.tip-box.warning{background:#fff9ea;border-color:#eedba9;color:#80662c}.tip-box.danger{background:#fff0f0;border-color:#edc2c2;color:#995252}.dashboard-top{display:grid;grid-template-columns:1.45fr 1fr;gap:16px}.welcome-card{padding:22px;border:1px solid #d8e3ec;background:linear-gradient(120deg,#f4faff,#e8f5fd)}.welcome-card h2{margin:0 0 6px;color:#21618e;font-size:20px}.welcome-card p{margin:0;color:#71818d}.account-progress{padding:20px;background:#fff;border:1px solid var(--line)}.account-progress>div:first-child{display:flex;align-items:end;justify-content:space-between}.account-progress span{color:#687984}.account-progress strong{font-size:27px;color:var(--primary)}.large-progress{height:9px;background:#e5ebef;margin:11px 0 6px;border-radius:6px;overflow:hidden}.large-progress i{display:block;height:100%;background:linear-gradient(90deg,#58b9e9,#1886d7);transition:.3s}.account-progress small{color:#93a0a9}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.status-card{border:1px solid var(--line);padding:16px;display:flex;align-items:center;gap:11px}.status-card i{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#eef3f6;color:#8b9ba7;font-style:normal;font-size:12px}.status-card.done i{background:#e6f6ef;color:var(--success)}.status-card.warn i{background:#fff4df;color:#c47e12}.status-card div{display:flex;flex-direction:column}.status-card strong{font-size:13px}.status-card span{font-size:11px;color:#8a969f;margin-top:3px}.exam-section{margin-top:18px;border:1px solid var(--line)}.section-head{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;background:#f5f7f9;border-bottom:1px solid var(--line)}.section-head h3{font-size:15px;margin:0;color:#3d596d}.exam-row{display:grid;grid-template-columns:1fr auto;align-items:center;padding:18px}.exam-row h3{margin:0 0 4px;color:#305f82;font-size:16px}.exam-row p{margin:0;color:#7b8994;font-size:12px}.exam-row button{min-width:120px}.primary-btn,.secondary-btn,.success-btn,.danger-btn,.plain-btn{border-radius:2px;padding:9px 19px;border:1px solid transparent;cursor:pointer}.primary-btn{background:var(--primary);color:#fff}.primary-btn:hover{background:var(--primary-dark)}.secondary-btn{background:#fff;color:#38789f;border-color:#8eb9d6}.success-btn{background:var(--success);color:#fff}.danger-btn{background:#fff;color:#c94444;border-color:#df9b9b}.plain-btn{background:none;color:#788690}.full{width:100%}.button-row{display:flex;justify-content:center;gap:10px;margin-top:22px}.form-table{border:1px solid var(--line);border-bottom:0}.form-row{display:grid;grid-template-columns:170px 1fr;border-bottom:1px solid var(--line);min-height:56px}.form-label{background:#f6f8fa;padding:15px;text-align:right;color:#5f6f7a;border-right:1px solid var(--line)}.form-label em,.modal label em{font-style:normal;color:var(--danger)}.form-control{padding:9px 13px;display:flex;align-items:center;gap:10px;position:relative}.form-control input,.form-control select,.form-control textarea{height:37px;border:1px solid #bdc9d2;border-radius:2px;padding:0 10px;min-width:270px;max-width:520px;background:#fff;outline:none;color:#394750}.form-control textarea{height:76px;padding:8px;resize:vertical}.form-control input:focus,.form-control select:focus,.form-control textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px rgba(22,131,216,.08)}.form-control input[readonly]{background:#f3f5f6;color:#7a878f}.form-control small{color:#8d99a2}.field-error{color:var(--danger)!important}.info-note{font-size:12px;color:#8b979f;margin-top:6px}.photo-layout{display:grid;grid-template-columns:230px 1fr;gap:30px;align-items:start}.photo-preview{height:285px;border:1px dashed #9db8ca;background:#f5f9fb;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#8a9aa6}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-instructions h3{margin:0 0 12px;color:#3a627d}.photo-instructions ol{margin:0;padding-left:20px;color:#647580}.photo-instructions li{margin:8px 0}.upload-button{position:relative;display:inline-block;margin-top:12px}.upload-button input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:11px 10px;border:1px solid var(--line);text-align:center;font-size:12px}.data-table th{background:#edf5fa;color:#4f7087}.data-table td.left{text-align:left}.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px}.badge.success{background:#e4f5ed;color:#198557}.badge.wait{background:#fff2da;color:#b4740c}.badge.gray{background:#eef1f3;color:#78858d}.timeline{display:flex;margin-bottom:20px;border:1px solid var(--line);background:#fafcfd}.timeline div{position:relative;flex:1;text-align:center;padding:13px 7px;color:#87939b}.timeline div:not(:last-child):after{content:"›";position:absolute;right:-4px;color:#aab5bc}.timeline .active{background:#e9f6fd;color:#0877c8;font-weight:700}.timeline .done{color:var(--success)}.substep{display:none}.substep.active{display:block}.subject-options{display:flex;flex-wrap:wrap;gap:8px}.subject-options label{display:flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #cad5dd;background:#f9fbfc}.subject-options input{min-width:auto;width:auto;height:auto}.summary-table{border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}.summary-item{display:grid;grid-template-columns:145px 1fr;border-bottom:1px solid var(--line)}.summary-item:nth-child(odd){border-right:1px solid var(--line)}.summary-item span,.summary-item strong{padding:11px 12px}.summary-item span{background:#f6f8fa;color:#71808a}.summary-item strong{font-weight:500}.commitment{height:260px;overflow:auto;border:1px solid var(--line);padding:18px;background:#fafafa;color:#5f6f78}.commitment h3{text-align:center;color:#3c5261}.commitment-check{display:flex;justify-content:center;gap:7px;margin-top:15px}.review-flow{display:grid;grid-template-columns:repeat(4,1fr);margin:20px 0}.review-step{text-align:center;position:relative}.review-step:not(:last-child):after{content:"";position:absolute;height:2px;background:#d8e0e6;left:62%;right:-38%;top:20px}.review-step i{position:relative;z-index:1;width:41px;height:41px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#e8edf1;color:#87959f;font-style:normal}.review-step.done i{background:#def3e9;color:var(--success)}.review-step.current i{background:#e4f3fc;color:var(--primary);box-shadow:0 0 0 4px #f1f8fd}.review-step strong,.review-step span{display:block}.review-step strong{margin-top:7px;font-size:13px}.review-step span{font-size:11px;color:#89949c}.review-result{margin:25px auto;max-width:650px;text-align:center;padding:28px;border:1px solid var(--line)}.review-icon{width:68px;height:68px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#e7f5ee;color:var(--success);font-size:32px}.review-result h2{color:#32607e;margin:12px 0 5px}.review-result p{color:#778691}.payment-box{border-top:1px dashed var(--line);padding-top:18px;margin-top:18px}.payment-box strong{font-size:22px;color:#d06425}.application-paper{max-width:820px;margin:auto;border:1px solid #aebbc4;padding:25px;background:#fff;color:#253039}.paper-head{text-align:center;border-bottom:2px solid #263845;padding-bottom:14px}.paper-head h2{margin:0;font-family:SimSun,serif;font-size:23px}.paper-head p{margin:4px 0 0;color:#65727b}.paper-table{width:100%;border-collapse:collapse;margin-top:18px}.paper-table th,.paper-table td{border:1px solid #788b98;padding:9px;text-align:center}.paper-table th{background:#f0f3f5;font-weight:500}.paper-note{font-size:12px;margin-top:15px;color:#5d6971}.paper-seal{display:flex;justify-content:space-between;margin-top:30px;color:#73818a}.locked-box{text-align:center;padding:70px 25px}.locked-box i{display:grid;place-items:center;width:75px;height:75px;margin:auto;background:#eef4f7;border-radius:50%;font-style:normal;font-size:30px}.locked-box h2{color:#46657a}.locked-box p{color:#7b8992}.system-footer{text-align:center;padding:22px;background:#e6ebef;color:#75818a;font-size:12px}.system-footer p{margin:3px}.float-service{position:fixed;right:14px;top:46%;z-index:50;box-shadow:0 4px 15px rgba(22,63,93,.15)}.float-service button,.float-service a{width:68px;height:66px;border:0;border-bottom:1px solid #e0e6ea;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#597184;font-size:11px}.float-service span{font-weight:700;color:var(--primary);font-size:16px}.float-service button:hover,.float-service a:hover{background:var(--primary);color:#fff}.float-service button:hover span,.float-service a:hover span{color:#fff}.modal{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:18px}.modal.open{display:flex}.modal-mask{position:absolute;inset:0;background:rgba(8,28,43,.62)}.modal-box{position:relative;width:min(480px,100%);max-height:92vh;overflow:auto;background:#fff;padding:28px 32px;box-shadow:0 20px 70px rgba(0,0,0,.28)}.modal-x{position:absolute;right:10px;top:6px;border:0;background:none;font-size:27px;color:#7f8b94}.lead-heading{text-align:center;margin-bottom:18px}.lead-heading>span{color:var(--primary);font-size:12px;letter-spacing:2px}.lead-heading h2{font-size:20px;color:#285f85;margin:4px 0}.lead-heading p{font-size:12px;color:#7b8993;margin:0}.modal label{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.modal label>span{font-size:13px}.modal input,.modal select{height:40px;border:1px solid #becbd4;padding:0 10px}.modal label small,.form-error{min-height:17px;font-size:11px;color:var(--danger)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal .consent{flex-direction:row;align-items:flex-start;gap:7px;color:#71808a;font-size:12px}.modal .consent input{height:auto;margin-top:3px}.plain-btn{margin-top:4px}.notice-box h2{text-align:center;color:#275f87}.notice-content{padding:5px 0 12px}.notice-content p{color:#657680}.toast{position:fixed;z-index:150;left:50%;bottom:35px;transform:translate(-50%,15px);padding:10px 20px;background:#24475f;color:#fff;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.wrap{width:calc(100% - 20px)}.safety-banner .wrap{padding:7px 0;line-height:1.35}.safety-banner button{display:none}.system-header{height:67px}.system-brand h1{font-size:17px}.system-brand p{letter-spacing:3px}.brand-symbol{width:40px;height:40px;font-size:20px}.header-user{display:none}.mobile-bar{display:flex;position:sticky;top:0;z-index:60;height:47px;background:#fff;border-bottom:1px solid var(--line);align-items:center;padding:0 12px;gap:12px}.mobile-bar button{border:0;background:none;font-size:20px;color:var(--primary)}.mobile-bar #mobileTitle{font-weight:700;color:#385d76}.demo-pill{margin-left:auto;background:#fff0d1;color:#9b6c17;padding:2px 7px;font-size:11px}.app-layout{display:block;padding-top:10px}.sidebar{position:fixed;top:47px;bottom:0;left:0;width:270px;z-index:80;overflow:auto;transform:translateX(-105%);transition:.2s;box-shadow:5px 0 20px rgba(0,0,0,.16)}.sidebar.open{transform:none}.breadcrumb{display:none}.page-panel{min-height:650px}.dashboard-top{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:135px 1fr}.form-control input,.form-control select,.form-control textarea{min-width:0;width:100%}.photo-layout{grid-template-columns:1fr}.photo-preview{width:220px}.timeline{overflow-x:auto}.timeline div{min-width:120px}.summary-table{grid-template-columns:1fr}.summary-item:nth-child(odd){border-right:0}.review-flow{grid-template-columns:1fr 1fr;gap:18px}.review-step:nth-child(2):after{display:none}.float-service{display:none}.system-footer{padding-bottom:25px}}
@media(max-width:560px){.system-brand h1{font-size:15px;letter-spacing:0}.system-brand p{font-size:10px}.brand-symbol{display:none}.panel-title{padding:0 13px}.panel-body{padding:13px}.status-grid{grid-template-columns:1fr}.exam-row{grid-template-columns:1fr;gap:12px}.form-table{border:0}.form-row{display:block;border:1px solid var(--line);margin-bottom:10px}.form-label{text-align:left;border-right:0;border-bottom:1px solid #e2e7ea;padding:8px 11px}.form-control{display:block;padding:10px}.form-control small{display:block;margin-top:5px}.two-col{grid-template-columns:1fr}.button-row{flex-wrap:wrap}.review-flow{grid-template-columns:1fr}.review-step:after{display:none}.paper-table{font-size:11px}.application-paper{padding:12px;overflow:auto}.modal-box{padding:26px 18px}}