body[data-v-10d0f207] { background-color: #F8F8F8; } .custom-header[data-v-10d0f207] { position: fixed; top: 0; left: 0; width: 100%; height: 2.75rem; padding-top: var(--status-bar-height); background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding-left: 0.9375rem; padding-right: 0.9375rem; box-sizing: content-box; z-index: 100; } .header-placeholder[data-v-10d0f207] { height: calc(2.75rem + var(--status-bar-height)); } .back-icon[data-v-10d0f207] { width: 1.25rem; height: 1.25rem; } .header-title[data-v-10d0f207] { font-size: 0.875rem; font-weight: bold; color: #333; } .header-right[data-v-10d0f207] { width: 1.25rem; } .edit-auth-container[data-v-10d0f207] { padding: 0.625rem 0.9375rem; padding-bottom: 5.625rem; } .warning-tip[data-v-10d0f207] { background: linear-gradient(90deg, #FFF3E0 0%, #FFE0B2 100%); border-radius: 0.5rem; padding: 0.75rem 0.9375rem; display: flex; align-items: center; margin-bottom: 0.9375rem; } .warning-icon[data-v-10d0f207] { font-size: 1rem; margin-right: 0.5rem; } .warning-text[data-v-10d0f207] { font-size: 0.8125rem; color: #E65100; flex: 1; } .section-card[data-v-10d0f207] { background-color: #fff; border-radius: 0.625rem; padding: 0.9375rem; margin-bottom: 0.9375rem; } .section-title[data-v-10d0f207] { font-size: 1rem; font-weight: bold; color: #333; margin-bottom: 0.3125rem; } .section-subtitle[data-v-10d0f207] { font-size: 0.75rem; color: #999; display: block; margin-bottom: 0.9375rem; } .id-card-row[data-v-10d0f207] { display: flex; justify-content: space-between; } .id-card-upload[data-v-10d0f207] { width: 48%; height: 6.25rem; border-radius: 0.5rem; position: relative; overflow: hidden; background-color: #E8F5E9; } .id-card-img[data-v-10d0f207] { width: 100%; height: 100%; } .id-card-placeholder[data-v-10d0f207] { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .placeholder-text[data-v-10d0f207] { font-size: 1.125rem; color: #4CAF50; font-weight: bold; } .delete-btn[data-v-10d0f207] { position: absolute; top: 0.3125rem; right: 0.3125rem; width: 1.25rem; height: 1.25rem; background-color: rgba(255, 87, 34, 0.9); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1rem; font-weight: bold; } .corner-tag[data-v-10d0f207] { position: absolute; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 0.625rem; padding: 0.125rem 0.3125rem; border-top-left-radius: 0.25rem; } .service-list[data-v-10d0f207] { display: flex; flex-direction: column; } .service-item[data-v-10d0f207] { background-color: #FFF8E1; border-radius: 0.5rem; padding: 0.75rem 0.9375rem; margin-bottom: 0.625rem; display: flex; justify-content: space-between; align-items: center; } .service-item[data-v-10d0f207]:last-child { margin-bottom: 0; } .service-name[data-v-10d0f207] { font-size: 0.875rem; color: #333; } .check-icon[data-v-10d0f207] { width: 1.25rem; height: 1.25rem; border: 0.0625rem solid #FF9800; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 0.75rem; } .check-icon.active[data-v-10d0f207] { background-color: #FF9800; } .qual-section[data-v-10d0f207] { margin-top: 0.9375rem; } .qual-section[data-v-10d0f207]:first-child { margin-top: 0; } .qual-title[data-v-10d0f207] { font-size: 0.8125rem; color: #666; display: block; margin-bottom: 0.625rem; } .qual-upload-row[data-v-10d0f207] { display: flex; flex-wrap: wrap; } .qual-item[data-v-10d0f207] { width: 4.6875rem; height: 4.6875rem; border-radius: 0.375rem; margin-right: 0.625rem; margin-bottom: 0.625rem; position: relative; overflow: hidden; } .qual-img[data-v-10d0f207] { width: 100%; height: 100%; } .qual-upload-btn[data-v-10d0f207] { width: 4.6875rem; height: 4.6875rem; border-radius: 0.375rem; border: 0.0625rem dashed #ccc; display: flex; flex-direction: column; align-items: center; justify-content: center; background-color: #F5F5F5; } .plus-icon[data-v-10d0f207] { font-size: 1.875rem; color: #999; } .empty-hint[data-v-10d0f207] { font-size: 0.8125rem; color: #999; text-align: center; display: block; padding: 1.25rem 0; } .bottom-btn-area[data-v-10d0f207] { position: fixed; bottom: 0; left: 0; right: 0; padding: 0.625rem 1.25rem; padding-bottom: calc(0.625rem + env(safe-area-inset-bottom)); background-color: #fff; box-shadow: 0 -0.125rem 0.625rem rgba(0, 0, 0, 0.05); box-sizing: border-box; z-index: 99; } .submit-btn[data-v-10d0f207] { width: 100%; height: 2.75rem; background-color: #FF5722; color: #fff; font-size: 1rem; border-radius: 1.375rem; border: none; line-height: 2.75rem; text-align: center; margin: 0 auto; padding: 0; }