@keyframes cyberpunk-scan{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.idcard-container{min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.idcard-container .error-tip{margin:.21rem;background:#fef2f2;border:.01rem solid #fecaca;border-radius:.16rem;padding:.21rem;display:flex;align-items:flex-start}.idcard-container .error-tip .error-icon{color:#ef4444;margin-right:.16rem;margin-top:.03rem}.idcard-container .error-tip .error-content{flex:1}.idcard-container .error-tip .error-content .error-title{font-size:.32rem;font-weight:600;color:#dc2626;margin:0 0 .05rem}.idcard-container .error-tip .error-content .error-message{font-size:.27rem;color:#dc2626;margin:0;line-height:1.5}.idcard-container .main-content{padding:.21rem}.idcard-container .section-header{margin-bottom:.27rem}.idcard-container .section-header .section-title{font-size:.37rem;font-weight:600;color:#1a202c;margin:0 0 .11rem}.idcard-container .section-header .section-desc{font-size:.27rem;color:#64748b;margin:0}.idcard-container .upload-section{margin-bottom:.32rem}.idcard-container .upload-section .upload-cards{display:flex;flex-direction:column;gap:.21rem}.idcard-container .upload-section .upload-card{background:#fff;border-radius:.21rem;padding:.27rem;box-shadow:0 .03rem .11rem rgba(0,0,0,.06);transition:all .2s ease}.idcard-container .upload-section .upload-card:hover{box-shadow:0 .05rem .21rem rgba(0,0,0,.1)}.idcard-container .upload-section .upload-card .van-uploader{display:block}.idcard-container .upload-section .upload-card .upload-item{display:flex;align-items:center;gap:.21rem}.idcard-container .upload-section .upload-card .upload-item .upload-info{flex:1;display:flex;align-items:center;gap:.16rem}.idcard-container .upload-section .upload-card .upload-item .upload-info .upload-icon{width:.64rem;height:.64rem;background:#f1f5f9;border-radius:.16rem;display:flex;align-items:center;justify-content:center;color:#4f46e5}.idcard-container .upload-section .upload-card .upload-item .upload-info .upload-text{flex:1}.idcard-container .upload-section .upload-card .upload-item .upload-info .upload-text .upload-title{font-size:.32rem;font-weight:600;color:#1a202c;margin:0 0 .05rem}.idcard-container .upload-section .upload-card .upload-item .upload-info .upload-text .upload-desc{font-size:.27rem;color:#64748b;margin:0}.idcard-container .upload-section .upload-card .upload-item .upload-preview{width:1.6rem;height:1.07rem;border-radius:.11rem;overflow:hidden;position:relative}.idcard-container .upload-section .upload-card .upload-item .upload-preview .preview-img{width:100%;height:100%}.idcard-container .upload-section .upload-card .upload-item .upload-preview .preview-placeholder{width:100%;height:100%;background:#f1f5f9;border:.03rem dashed #cbd5e1;border-radius:.11rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#94a3b8;cursor:pointer;transition:all .2s ease}.idcard-container .upload-section .upload-card .upload-item .upload-preview .preview-placeholder:hover{background:#e2e8f0;border-color:#94a3b8}.idcard-container .upload-section .upload-card .upload-item .upload-preview .preview-placeholder p{font-size:.21rem;margin:.05rem 0 0}.idcard-container .upload-section .tips-section{background:#f0fff4;border:.01rem solid #9ae6b4;border-radius:.16rem;padding:.21rem;margin-top:.27rem}.idcard-container .upload-section .tips-section .tips-header{display:flex;align-items:center;margin-bottom:.16rem}.idcard-container .upload-section .tips-section .tips-header .tips-title{font-size:.32rem;font-weight:600;color:#2f855a;margin:0 0 0 .11rem}.idcard-container .upload-section .tips-section .tips-image img{width:100%;border-radius:.11rem}.idcard-container .form-section{background:#fff;border-radius:.21rem;padding:.32rem;box-shadow:0 .03rem .11rem rgba(0,0,0,.06)}.idcard-container .form-section .form-fields .field-group{margin-bottom:.27rem}.idcard-container .form-section .form-fields .field-group:last-child{margin-bottom:0}.idcard-container .form-section .form-fields .field-group .field-label{display:block;font-size:.32rem;color:#4a5568;margin-bottom:.11rem;font-weight:500}.idcard-container .form-section .form-fields .field-group .field-label.required:after{content:" *";color:#e53e3e}.idcard-container .form-section .form-fields .field-group .field-input{width:100%;padding:.16rem .21rem;border:.03rem solid #e2e8f0;border-radius:.11rem;font-size:.32rem;color:#2d3748;background:#fff;transition:all .2s ease;box-sizing:border-box}.idcard-container .form-section .form-fields .field-group .field-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 .04rem rgba(79,70,229,.1)}.idcard-container .form-section .form-fields .field-group .field-input.disabled{background:#f7fafc;color:#a0aec0;cursor:not-allowed}.idcard-container .form-section .form-fields .field-group .field-input::placeholder{color:#a0aec0}.idcard-container .bottom-action{padding:.27rem .21rem;background:#fff;border-top:.01rem solid #e2e8f0;position:sticky;bottom:0}.idcard-container .bottom-action .submit-button{width:100%;height:.8rem;background:#333364;color:#fff;border:none;border-radius:.16rem;font-size:.37rem;font-weight:600;cursor:pointer;transition:all .2s ease}.idcard-container .bottom-action .submit-button:hover:not(:disabled){background:#222242;transform:translateY(-.01rem);box-shadow:0 .05rem .21rem rgba(79,70,229,.4)}.idcard-container .bottom-action .submit-button:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.idcard-container .bottom-action .submit-button:active:not(:disabled){transform:translateY(0)}@media (max-width:375px){.idcard-container .upload-section .upload-card .upload-item .upload-preview{width:1.33rem;height:.93rem}}@media (max-width:320px){.idcard-container .main-content{padding:.16rem}.idcard-container .form-section,.idcard-container .upload-section{padding:.21rem}}@media (prefers-color-scheme:dark){.idcard-container{background:#0f172a}.idcard-container .top-nav{background:#1e293b;border-bottom-color:#334155}.idcard-container .top-nav .page-title{color:#f1f5f9}.idcard-container .top-nav .back-button{background:#334155;color:#f1f5f9}.idcard-container .top-nav .back-button:hover{background:#475569}.idcard-container .form-section,.idcard-container .upload-section{background:#1e293b;box-shadow:0 .03rem .11rem rgba(0,0,0,.3)}.idcard-container .form-section .section-title,.idcard-container .upload-section .section-title{color:#f1f5f9}.idcard-container .form-section .field-input,.idcard-container .upload-section .field-input{background:#334155;border-color:#475569;color:#f1f5f9}.idcard-container .form-section .field-input:focus,.idcard-container .upload-section .field-input:focus{border-color:#4f46e5}.idcard-container .form-section .field-input::placeholder,.idcard-container .upload-section .field-input::placeholder{color:#a0aec0}.idcard-container .bottom-action{background:#1e293b;border-top-color:#334155}}