.preview-area[data-v-9b4cae90],.settings-area[data-v-9b4cae90]{width:100%}.template-selector[data-v-9b4cae90]{border:1px solid #e4e7ed;border-radius:6px;padding:20px}.dark .template-selector[data-v-9b4cae90]{background-color:#1a1a1a;border-color:#4c4d4f}.template-list[data-v-9b4cae90]{display:flex;flex-wrap:wrap;gap:10px}.template-item[data-v-9b4cae90]{border:2px solid #dcdfe6;border-radius:4px;cursor:pointer;padding:3px;transition:all .3s;width:calc(15% - 7px)}.dark .template-item[data-v-9b4cae90]{border-color:#4c4d4f}.template-item[data-v-9b4cae90]:hover{border-color:#00dc82}.template-item.active[data-v-9b4cae90]{border-color:#00dc82;box-shadow:0 0 8px #00dc824d}.template-item img[data-v-9b4cae90]{border-radius:2px;display:block;height:auto;width:100%}.action-buttons[data-v-9b4cae90]{display:flex;flex-wrap:wrap;gap:10px}.cert-box[data-v-9b4cae90]{border:1px solid #e4e7ed;border-radius:6px;display:flex;justify-content:center;padding:20px;width:100%}.dark .cert-box[data-v-9b4cae90]{background-color:#1a1a1a;border-color:#4c4d4f}.cert-body[data-v-9b4cae90]{height:280px;position:relative;width:400px}.cert-body .pic[data-v-9b4cae90]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.cert-body .seal[data-v-9b4cae90]{bottom:-11px;position:absolute;right:11px;transform:scale(.5) rotate(-23deg);z-index:1}.cert-body .text[data-v-9b4cae90]{font-size:24px;left:22px;text-align:right;top:108px;width:100px}.cert-body .text[data-v-9b4cae90],.cert-body .to[data-v-9b4cae90]{font-weight:700;position:absolute;z-index:2}.cert-body .to[data-v-9b4cae90]{color:#000;font-size:18px;left:128px;top:113px}.cert-body .name[data-v-9b4cae90]{color:#fc0000;font-size:38px;left:0;margin:0;position:absolute;text-align:center;text-shadow:#fcf700 2px 1px 0;top:138px;width:100%;z-index:2}.cert-body .organization[data-v-9b4cae90]{font-size:14px;top:200px}.cert-body .date[data-v-9b4cae90],.cert-body .organization[data-v-9b4cae90]{color:#000;font-weight:700;position:absolute;right:46px;z-index:2}.cert-body .date[data-v-9b4cae90]{font-size:12px;top:218px}.preview-list[data-v-9b4cae90]{display:flex;flex-direction:column;gap:30px}.preview-item[data-v-9b4cae90]{text-align:center}.preview-title[data-v-9b4cae90]{color:#303133;font-size:18px;margin-bottom:15px}.dark .preview-title[data-v-9b4cae90]{color:#e5eaf3}.preview-img[data-v-9b4cae90]{border:2px solid #dcdfe6;border-radius:4px;cursor:pointer;display:block;margin:0 auto;max-width:400px;transition:all .3s}.dark .preview-img[data-v-9b4cae90]{border-color:#4c4d4f}.preview-img[data-v-9b4cae90]:hover{border-color:#00dc82;box-shadow:0 2px 12px #00dc824d;transform:scale(1.02)}.hidden-cert-container[data-v-9b4cae90]{left:-9999px;opacity:1;overflow:hidden;pointer-events:none;position:fixed;top:0;z-index:-1}.cert-body-fixed[data-v-9b4cae90]{height:280px;margin:0;overflow:hidden;padding:0;position:relative;width:400px}.cert-body-fixed .pic[data-v-9b4cae90]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.cert-body-fixed .seal[data-v-9b4cae90]{bottom:-11px;position:absolute;right:11px;transform:scale(.5) rotate(-23deg);z-index:1}.cert-body-fixed .text[data-v-9b4cae90]{font-size:24px;font-weight:700;left:22px;position:absolute;text-align:right;top:108px;width:100px;z-index:2}.cert-body-fixed .to[data-v-9b4cae90]{color:#000;font-size:18px;font-weight:700;left:128px;position:absolute;top:113px;z-index:2}.cert-body-fixed .name[data-v-9b4cae90]{color:#fc0000;font-size:38px;left:0;margin:0;position:absolute;text-align:center;text-shadow:#fcf700 2px 1px 0;top:138px;width:100%;z-index:2}.cert-body-fixed .organization[data-v-9b4cae90]{font-size:14px;top:200px}.cert-body-fixed .date[data-v-9b4cae90],.cert-body-fixed .organization[data-v-9b4cae90]{color:#000;font-weight:700;position:absolute;right:46px;z-index:2}.cert-body-fixed .date[data-v-9b4cae90]{font-size:12px;top:218px}