body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.loading-spinner-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.spinner-wrapper{height:80px;margin-bottom:2rem;position:relative;width:80px}.spinner-outer-ring{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:#fff;height:100%;position:absolute;width:100%}.spinner-inner-ring{animation:spin .8s linear infinite reverse;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#ff6b6b;height:60px;left:10px;position:absolute;top:10px;width:60px}.spinner-center-dot{animation:pulse 1.5s ease-in-out infinite;background-color:#fff;border-radius:50%;height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.loading-message{font-size:1.2rem;font-weight:500;margin-bottom:.5rem}.loading-subtitle{font-size:.9rem;max-width:300px;opacity:.7}.animated-dots{display:flex;gap:4px;margin-top:1rem}.bounce-dot{animation:bounce 1.4s ease-in-out infinite both;background-color:#fff;border-radius:50%;height:8px;width:8px}.bounce-dot:nth-child(2){animation-delay:.2s}.bounce-dot:nth-child(3){animation-delay:.4s}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.certificate-loading{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#666;font-size:1.1rem}.certificate-error,.certificate-loading{align-items:center;border-radius:12px;display:flex;height:300px;justify-content:center}.certificate-error{background:linear-gradient(135deg,#ff9a9e,#fecfef);color:#d63031;font-size:1rem;padding:1rem;text-align:center}.code-block-header{align-items:center;border-bottom:1px solid #4a5568;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.code-block-title{color:#e2e8f0;font-size:.875rem;font-weight:600}.code-block-button{background:#4a5568;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:inherit;font-size:.75rem;padding:.5rem 1rem;transition:all .2s ease}.code-block-button:hover{background:#2d3748}.code-block-button.copied{background:#48bb78}.error-page-container{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 40px #ff6b6b4d;color:#fff;display:flex;flex-direction:column;justify-content:center;margin:2rem auto;max-width:500px;padding:3rem;text-align:center}.error-icon-wrapper{height:80px;margin-bottom:2rem;position:relative;width:80px}.error-outer-circle{animation:error-pulse 2s ease-in-out infinite;border:4px solid #ffffff4d;border-radius:50%;height:100%;position:absolute;width:100%}.error-inner-circle{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;height:60px;justify-content:center;left:10px;position:absolute;top:10px;width:60px}.error-icon{font-size:2rem;font-weight:700}.error-title{font-size:1.8rem;font-weight:600;margin-bottom:1rem;text-shadow:0 2px 4px #0000004d}.error-message{font-size:1rem;line-height:1.5;margin-bottom:2rem;max-width:400px;opacity:.9}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.error-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.error-button-primary{background-color:#fff3}.error-button-primary:hover{background-color:#ffffff4d;transform:translateY(-2px)}.error-button-secondary{background-color:#ffffff1a;border-color:#fff3}.error-button-secondary:hover{background-color:#fff3;transform:translateY(-2px)}.error-tips{background-color:#ffffff1a;border-radius:12px;font-size:.9rem;margin-top:2rem;opacity:.8;padding:1rem}.error-tips-title{font-weight:600;margin-bottom:.5rem}.error-tips-list{margin:0;padding-left:1.5rem;text-align:left}@keyframes error-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container,body{min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:20px}h1{color:#fff;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;letter-spacing:-.02em;margin-bottom:2rem;text-align:center;text-shadow:0 2px 4px #0000004d}.form{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;padding:2rem}@media (min-width:768px){.form{flex-direction:row;gap:1rem;justify-content:center}}.input{background:#ffffffe6;border:2px solid #ffffff4d;border-radius:12px;color:#333;font-family:inherit;font-size:1rem;max-width:400px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.input:focus{background:#fff;border-color:#fff;box-shadow:0 0 0 3px #ffffff4d;outline:none}.input::placeholder{color:#666}.button{background:linear-gradient(135deg,#ff6b6b,#ee5a24);border:none;border-radius:12px;box-shadow:0 4px 15px #ff6b6b66;color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;min-width:200px;padding:1rem 2rem;transition:all .3s ease}.button:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b99;transform:translateY(-2px)}.button:disabled{background:linear-gradient(135deg,#bdc3c7,#95a5a6);box-shadow:none;cursor:not-allowed;transform:none}.error{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:8px;color:#e74c3c;font-weight:500;margin:1rem 0;padding:1rem;text-align:center}.certificates{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.certificates{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (min-width:1200px){.certificates{grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}}.certificate-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;box-shadow:0 10px 40px #0000001a;padding:2rem;transition:all .3s ease}.certificate-container:hover{box-shadow:0 20px 60px #00000026;transform:translateY(-5px)}.certificate-preview{border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:1rem 0;overflow:hidden;position:relative}.certificate-preview canvas{border-radius:12px;display:block;height:auto;width:100%}.code-block{background:#2d3748;border:1px solid #4a5568;border-radius:12px;margin-top:1.5rem;overflow-x:auto;padding:1.5rem}.code-block pre{color:#e2e8f0;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.5;margin:0}.code-block code{font-family:inherit;font-size:inherit}.loading{color:#fff;font-size:1.1rem;margin:2rem 0;text-align:center}@media (max-width:480px){.container{padding:15px}.certificate-container,.form{padding:1.5rem}.input{padding:.875rem 1.25rem}.button{min-width:180px;padding:.875rem 1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.certificate-container{animation:fadeInUp .6s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff80}
/*# sourceMappingURL=main.3c44d581.css.map*/