| 1 |
- body{background-color:#f8f8f8;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.custom-header{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:.9375rem;padding-right:.9375rem;box-sizing:content-box;z-index:100}.header-placeholder{height:calc(2.75rem + var(--status-bar-height))}.back-icon{width:1.25rem;height:1.25rem}.header-title{font-size:.875rem;font-weight:700;color:#333}.header-right{width:1.25rem}.container{padding:.625rem .9375rem 3.125rem}.card{background-color:#fff;border-radius:.625rem;padding:.9375rem;margin-bottom:.9375rem}.section-header{display:flex;align-items:center;margin-bottom:.9375rem}.orange-bar{width:.25rem;height:1rem;background-color:#ff5722;border-radius:.125rem;margin-right:.5rem}.section-title{font-size:1rem;font-weight:700;color:#333;flex:1}.tag-green{font-size:.75rem;color:#4caf50;background-color:#e8f5e9;padding:.125rem .375rem;border-radius:.25rem}.tag-orange{font-size:.75rem;color:#ff9800;background-color:#fff3e0;padding:.125rem .375rem;border-radius:.25rem}.tag-red{font-size:.75rem;color:#f44336;background-color:#ffebee;padding:.125rem .375rem;border-radius:.25rem}.tag-gray{font-size:.75rem;color:#999;background-color:#f5f5f5;padding:.125rem .375rem;border-radius:.25rem}.info-row{display:flex;justify-content:space-between;margin-bottom:.625rem}.label{font-size:.875rem;color:#999}.value{font-size:.875rem;color:#333;font-weight:500}.id-card-row{display:flex;justify-content:space-between;margin-top:.625rem}.id-card-box{width:48%;height:5.625rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.green-bg{background-color:#e8f5e9}.id-text{font-size:1.125rem;color:#4caf50;font-weight:700}.corner-tag{position:absolute;right:0;bottom:0;background-color:rgba(0,0,0,.5);color:#fff;font-size:.625rem;padding:.125rem .3125rem;border-top-left-radius:.25rem}.tags-row{display:flex;flex-wrap:wrap}.service-tag{background-color:#fff3e0;color:#ff9800;font-size:.8125rem;padding:.3125rem .9375rem;border-radius:.9375rem;margin-right:.625rem;margin-bottom:.625rem}.sub-title{font-size:.875rem;color:#666;margin-top:.3125rem;margin-bottom:.625rem;display:block}.cert-row{display:flex;flex-wrap:wrap;margin-bottom:.625rem}.cert-box{width:5.625rem;height:5.625rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;margin-right:.625rem;margin-bottom:.625rem}.yellow-bg{background-color:#fff8e1}.blue-bg{background-color:#e3f2fd}.green-light-bg{background-color:#f1f8e9}.cert-text{font-size:1rem;font-weight:700}.cert-text.orange{color:#ffa000}.cert-text.blue{color:#2196f3}.cert-text.green{color:#8bc34a}.id-card-img,.cert-img{width:100%;height:100%;border-radius:.375rem}.empty-text{font-size:.8125rem;color:#999}.bottom-btn-area{margin-top:1.25rem;text-align:center}.action-btn{background-color:#fff;color:#ff5722;border:1px solid #FF5722;font-size:1rem;border-radius:1.375rem;height:2.75rem;line-height:2.75rem}.action-btn.disabled{background-color:#f5f5f5;color:#999;border:1px solid #E0E0E0}.tips{display:block;font-size:.75rem;color:#999;margin-top:.625rem}
|
