*{margin:0;padding:0;box-sizing:border-box;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif}html,body{height:100%}body{background:#eef3f9;color:#333}.btn{display:inline-block;border:1px solid #b9c9dd;background:#fff;color:#333;padding:6px 16px;border-radius:4px;font-size:13px;cursor:pointer;transition:all .15s}.btn:hover{border-color:#4a90d9;color:#4a90d9}.btn-primary{background:#4a90d9;border-color:#4a90d9;color:#fff}.btn-primary:hover{background:#3f85cf;color:#fff}.btn-danger{color:#d9534f;border-color:#d9534f}.btn-danger:hover{background:#d9534f;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:#4a90d9;cursor:pointer}.link.gray{color:#9aa2ad;font-size:13px}.page-head{background:#fff;border-bottom:1px solid #e3e8ef;padding:14px 20px;display:flex;align-items:center;justify-content:space-between}.page-head .brand{font-size:16px;font-weight:700;color:#1a3a6b}.list-body{max-width:860px;margin:0 auto;padding:36px 16px 60px}.list-title{text-align:center;font-size:19px;font-weight:700;color:#1a3a6b;margin-bottom:26px;letter-spacing:1px}.cert-table-h{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 4px #0000000f;font-size:14px}.cert-table-h th{background:#4a90d9;color:#fff;font-weight:400;border:1px solid #3f85cf;padding:14px 12px;white-space:nowrap;text-align:center}.cert-table-h td{border:1px solid #dce1e8;padding:14px 12px;color:#333;text-align:center}.cert-table-v{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 4px #0000000f;font-size:15px;display:none}.cert-table-v td{border:1px solid #dce1e8;padding:16px 14px;text-align:center}.cert-table-v td.label{background:#4a90d9;color:#fff;width:130px;text-align:center;white-space:nowrap}.cert-table-v td.value{color:#333}.detail-body{max-width:900px;margin:0 auto;padding:36px 16px 60px}.cert-card{background:url(/images/beijing1-bg.png) repeat;background-size:420px auto;border:8px solid #f5d98a;padding:34px 40px 28px;position:relative}.cert-card:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #d4b86a;pointer-events:none;z-index:1}.cert-title{text-align:center;font-size:20px;font-weight:700;color:#3d3425;letter-spacing:1px;position:relative;z-index:2}.cert-date{text-align:center;font-size:12px;color:#5e4d30;margin:10px 0 28px;position:relative;z-index:2}.cert-main{position:relative;z-index:2}.cert-main:after{content:"";display:block;clear:both}.cert-fields{font-size:15px;color:#4a3f2d;line-height:2.3;position:relative;z-index:2}.cert-fields .f-row{display:flex}.cert-fields .f-label{width:100px;flex-shrink:0;text-align:justify;text-align-last:justify;color:#5a4d35}.cert-fields .f-label:after{content:"："}.cert-fields .f-value{color:#2b2118;font-weight:600;word-break:break-all}.cert-photo{float:right;width:122px;height:164px;margin:2px 0 12px 22px;background:#e8e2d0;border:1px solid #c9bd97;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9a8d68;font-size:12px;gap:6px;overflow:hidden}.cert-photo img{width:100%;height:100%;object-fit:cover}.cert-photo svg{width:44px;height:44px;fill:#b3a67e}.cert-bottom{display:flex;align-items:flex-end;gap:24px;margin-top:24px;position:relative;z-index:1}.cert-qr{width:88px;height:88px;flex-shrink:0;border:3px solid #fff;outline:1px solid #c9bd97;background:#fff}.cert-qr img{width:100%;height:100%;display:block}.cert-qr-note{font-size:12px;color:#8a7648;padding-bottom:8px}.demo-watermark{text-align:center;font-size:12px;color:#b0b8c4;margin-top:30px;letter-spacing:1px}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%) translateY(-20px);background:#000000bf;color:#fff;padding:10px 22px;border-radius:6px;font-size:14px;opacity:0;pointer-events:none;transition:all .3s;z-index:1000;max-width:80vw}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.admin-shell{display:flex;min-height:100vh;background:#f5f7fa}.admin-side{width:200px;background:#1f3a5f;color:#fff;flex-shrink:0;display:flex;flex-direction:column;padding-top:20px}.admin-side .side-brand{padding:0 20px 20px;font-weight:700;font-size:15px;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:10px}.admin-side .nav-item{padding:13px 20px;cursor:pointer;font-size:14px;color:#c7d4e5;border-left:3px solid transparent;transition:all .15s}.admin-side .nav-item:hover{background:#ffffff14;color:#fff}.admin-side .nav-item.active{background:#4a90d959;color:#fff;border-left-color:#4a90d9}.admin-main{flex:1;padding:24px 28px;min-width:0}.admin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-head h2{font-size:18px;color:#1a3a6b}.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.toolbar input{height:32px;padding:0 10px;border:1px solid #b9c9dd;border-radius:4px;font-size:13px;outline:none;min-width:200px}.toolbar input:focus{border-color:#4a90d9}.admin-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 1px 4px #0000000f;font-size:13px}.admin-table th{background:#4a90d9;color:#fff;font-weight:400;text-align:center;padding:11px 10px;border:1px solid #3f85cf;white-space:nowrap}.admin-table td{border:1px solid #dce1e8;padding:10px;text-align:center;color:#333;word-break:break-all}.admin-table .thumb{width:34px;height:44px;object-fit:cover;border:1px solid #ccc}.pager{display:flex;gap:8px;align-items:center;margin-top:16px;font-size:13px;color:#666}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border-radius:6px;width:100%;max-width:460px;max-height:90vh;overflow:auto;padding:24px}.modal h3{font-size:16px;color:#1a3a6b;margin-bottom:18px}.form-row{margin-bottom:14px;display:flex;align-items:center;gap:10px}.form-row label{width:90px;flex-shrink:0;text-align:right;font-size:13px;color:#555}.form-row input,.form-row select{flex:1;height:32px;padding:0 10px;border:1px solid #b9c9dd;border-radius:4px;font-size:13px;outline:none}.form-row input:focus,.form-row select:focus{border-color:#4a90d9}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.upload-preview{width:90px;height:120px;object-fit:cover;border:1px solid #ccc;background:#f2f2f2;margin:10px auto 0;display:block}@media(max-width:640px){.cert-table-h{display:none}.cert-table-v{display:table}.cert-table-v td.label{width:118px;padding:14px 8px}.cert-table-v td{padding:14px 10px;font-size:14px}.cert-card{padding:22px 16px 18px}.cert-title{font-size:15px}.cert-date{margin:8px 0 18px}.cert-photo{width:86px;height:116px;margin-left:12px}.cert-photo svg{width:30px;height:30px}.cert-fields{font-size:12px;line-height:2.1}.cert-fields .f-label{width:72px}.cert-qr{width:72px;height:72px}.cert-bottom{gap:14px;margin-top:18px}.cert-qr-note{font-size:11px}.list-body{padding-top:24px}.detail-body{padding:16px 10px 40px}.admin-side{width:64px}.admin-side .side-brand{font-size:12px;padding:0 8px 14px;text-align:center}.admin-side .nav-item{padding:12px 4px;font-size:11px;text-align:center}.admin-main{padding:16px 12px}.form-row{flex-wrap:wrap}}