.certificate-page[data-v-9df594e0]{background:#f5f5f5;min-height:100vh}.nav-bar[data-v-9df594e0]{height:50px;padding:0 16px;gap:12px;background:#fff;border-bottom:1px solid #f0f0f0}.back-btn[data-v-9df594e0],.nav-bar[data-v-9df594e0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.back-btn[data-v-9df594e0]{width:32px;height:32px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;color:#333;-ms-flex-negative:0;flex-shrink:0}.back-btn svg[data-v-9df594e0]{width:22px;height:22px}.nav-title[data-v-9df594e0]{font-size:16px;font-weight:600;color:#111}.cert-list[data-v-9df594e0]{padding:16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cert-item[data-v-9df594e0],.cert-list[data-v-9df594e0]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:14px}.cert-item[data-v-9df594e0]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:14px;position:relative}.cert-cover[data-v-9df594e0]{width:72px;height:72px;border-radius:12px;overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.cert-cover img[data-v-9df594e0]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cert-info[data-v-9df594e0]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.cert-title[data-v-9df594e0]{font-size:15px;font-weight:600;color:#111;margin-bottom:5px}.cert-no[data-v-9df594e0]{font-size:12px;color:#888;margin-bottom:3px}.cert-date[data-v-9df594e0]{font-size:12px;color:#888}.view-btn[data-v-9df594e0]{position:absolute;right:14px;bottom:14px;padding:6px 16px;border:1px solid #3b7bf6;border-radius:16px;color:#3b7bf6;font-size:13px;background:transparent;cursor:pointer}.view-btn[data-v-9df594e0]:active{background:#eef4ff}.preview-overlay[data-v-9df594e0]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:500;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:20px}.preview-content[data-v-9df594e0]{position:relative;width:100%}.preview-content img[data-v-9df594e0]{width:100%;border-radius:12px}.preview-close[data-v-9df594e0]{position:absolute;top:-40px;right:0;color:#fff;font-size:24px;cursor:pointer;width:36px;height:36px}.cert-mask[data-v-9df594e0],.preview-close[data-v-9df594e0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cert-mask[data-v-9df594e0]{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:300;padding:16px}.cert-dialog[data-v-9df594e0]{background:#fff;border-radius:16px;width:100%;max-width:380px;overflow:hidden}.cert-dialog-header[data-v-9df594e0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f0f0f0;font-size:16px;font-weight:600;color:#222}.cert-wrap[data-v-9df594e0]{margin:12px 16px 0;position:relative}.cert-bg-img[data-v-9df594e0]{width:100%;display:block}.cert-text-layer[data-v-9df594e0]{position:absolute;width:80%;top:45%;left:10%;right:6%;bottom:18%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.cert-body[data-v-9df594e0]{text-align:left;font-size:15px;color:#333;line-height:2;padding:0 8px;margin-bottom:24px}.cert-highlight[data-v-9df594e0]{font-weight:600;color:#111}.cert-footer[data-v-9df594e0]{text-align:right;font-size:14px;color:#444;line-height:1.8;padding-right:14px}.cert-tip[data-v-9df594e0]{padding:4px 0 4px;min-height:4px}.btn-save-cert[data-v-9df594e0]{display:block;width:calc(100% - 32px);margin:0 16px 16px;padding:12px;border-radius:24px;background:linear-gradient(135deg,#3b7bf6,#2962e0);color:#fff;font-size:15px;font-weight:600;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.btn-save-cert[data-v-9df594e0]:disabled{opacity:.6}