.key-manage-wrap[data-v-aedb22d2]{padding:24px}.key-generate-section[data-v-aedb22d2]{margin:0 auto}.key-generate-section[data-v-aedb22d2] .ant-row{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.key-card[data-v-aedb22d2],.key-generate-section[data-v-aedb22d2] .ant-col,.key-generate-section[data-v-aedb22d2] .ant-row{display:-webkit-box;display:-ms-flexbox;display:flex}.key-card[data-v-aedb22d2]{border-radius:8px;background:#1a1a1a;border:1px solid #2a2a2a;-webkit-transition:all .2s ease;transition:all .2s ease;padding:24px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.key-card[data-v-aedb22d2]:hover{border-color:#3a3a3a;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 25px rgba(0,0,0,.3);box-shadow:0 10px 25px rgba(0,0,0,.3)}.key-card .card-header[data-v-aedb22d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:16px}.key-card .card-header .card-title[data-v-aedb22d2]{font-size:18px;font-weight:600;color:#fff;margin:0}.key-card .card-header[data-v-aedb22d2] .ant-tag{font-size:12px;padding:2px 8px;border-radius:9999px;background:rgba(34,197,94,.2);border:none;color:#22c55e}.key-card .key-display-box[data-v-aedb22d2]{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:16px;margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.key-card .key-display-box .key-code[data-v-aedb22d2]{color:#9d4edd;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:18px;font-weight:500;-webkit-box-flex:1;-ms-flex:1;flex:1;word-break:break-all;margin-right:12px}.key-card .key-display-box .copy-btn[data-v-aedb22d2]{-ms-flex-negative:0;flex-shrink:0;border:1px solid #9d4edd;color:#9d4edd;background:transparent;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:4px;padding:4px 12px;height:auto;font-size:14px}.key-card .key-display-box .copy-btn[data-v-aedb22d2]:hover{background:rgba(157,78,221,.1);border-color:#8b5cf6;color:#8b5cf6}.key-card .key-display-box .copy-btn[data-v-aedb22d2] .anticon{margin-right:4px}.key-card .key-display-box .key-actions[data-v-aedb22d2]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-negative:0;flex-shrink:0}.key-card .key-display-box .key-actions .action-btn[data-v-aedb22d2]{border:1px solid #9d4edd;color:#9d4edd;background:transparent;-webkit-transition:all .2s ease;transition:all .2s ease;border-radius:4px;padding:4px 12px;height:auto;font-size:14px}.key-card .key-display-box .key-actions .action-btn[data-v-aedb22d2]:hover{background:rgba(157,78,221,.1);border-color:#8b5cf6;color:#8b5cf6}.key-card .key-display-box .key-actions .action-btn[data-v-aedb22d2] .anticon{margin-right:4px}.key-card .card-content[data-v-aedb22d2]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:180px}.key-card .key-tip[data-v-aedb22d2]{color:#9ca3af;font-size:14px;margin:auto 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.key-card .key-tip .info-icon[data-v-aedb22d2]{color:#9d4edd;margin-right:8px;font-size:14px}.key-card .empty-state[data-v-aedb22d2]{text-align:center;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.key-card .empty-state .empty-icon[data-v-aedb22d2],.key-card .empty-state[data-v-aedb22d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.key-card .empty-state .empty-icon[data-v-aedb22d2]{width:64px;height:64px;background:rgba(157,78,221,.2);border-radius:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto 16px}.key-card .empty-state .empty-icon .anticon[data-v-aedb22d2]{font-size:24px;color:#9d4edd}.key-card .empty-state .empty-text[data-v-aedb22d2]{color:#9ca3af;margin-bottom:24px;font-size:14px}.key-card .empty-state .generate-btn[data-v-aedb22d2]{background:linear-gradient(135deg,#9d4edd,#7b2cbf);border:none;height:40px;padding:0 24px;font-weight:500;border-radius:6px;-webkit-transition:all .2s ease;transition:all .2s ease}.key-card .empty-state .generate-btn[data-v-aedb22d2]:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.key-card .empty-state .generate-btn[data-v-aedb22d2] .anticon{margin-right:8px}.key-card .generated-state[data-v-aedb22d2]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.key-card .generated-state .key-info[data-v-aedb22d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;color:#9ca3af;margin-bottom:16px}.key-card .generated-state .key-info .anticon[data-v-aedb22d2]{margin-right:4px}.key-card .generated-state .regenerate-btn[data-v-aedb22d2]{height:36px;border:1px solid #9d4edd;color:#9d4edd;background:transparent;border-radius:6px;-webkit-transition:all .2s ease;transition:all .2s ease;font-size:14px;font-weight:500}.key-card .generated-state .regenerate-btn[data-v-aedb22d2]:hover{background:rgba(157,78,221,.1);border-color:#8b5cf6;color:#8b5cf6}.key-card .generated-state .regenerate-btn[data-v-aedb22d2] .anticon{margin-right:8px}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-content{background:#1a1a1a;border:1px solid #2a2a2a}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-header{background:transparent;border-bottom:1px solid #2a2a2a;padding:24px 24px 16px}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-header .ant-modal-title{color:#fff;font-size:18px;font-weight:600}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-close{color:#9ca3af}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-close:hover{color:#fff}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-close .ant-modal-close-x{line-height:74px}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-body{padding:24px;background:transparent}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-footer{border-top:1px solid #2a2a2a;padding:16px 24px 24px}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-footer .ant-btn{border-radius:6px;height:36px;padding:0 16px;font-size:14px;font-weight:500;-webkit-transition:all .2s ease;transition:all .2s ease}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-footer .ant-btn.ant-btn-default{border:1px solid #9d4edd;color:#9d4edd;background:transparent}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-footer .ant-btn.ant-btn-default:hover{background:rgba(157,78,221,.1);border-color:#8b5cf6;color:#8b5cf6}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-footer .ant-btn.ant-btn-primary{background:linear-gradient(135deg,#9d4edd,#7b2cbf);border:none}.generate-key-modal[data-v-aedb22d2] .ant-modal .ant-modal-footer .ant-btn.ant-btn-primary:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.generate-key-modal .modal-content .modal-tip[data-v-aedb22d2]{color:#9ca3af;font-size:14px;margin-bottom:24px;line-height:1.6}.generate-key-modal .modal-content .modal-key-box[data-v-aedb22d2]{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:8px;padding:12px 16px;margin-bottom:16px}.generate-key-modal .modal-content .modal-key-box .modal-key-header[data-v-aedb22d2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}.generate-key-modal .modal-content .modal-key-box .modal-key-header .modal-key-label[data-v-aedb22d2]{font-size:14px;color:#9ca3af}.generate-key-modal .modal-content .modal-key-box .modal-key-header .modal-copy-btn[data-v-aedb22d2]{padding:0;height:auto;color:#9d4edd;font-size:12px;background:transparent}.generate-key-modal .modal-content .modal-key-box .modal-key-header .modal-copy-btn[data-v-aedb22d2]:hover{color:#7b2cbf;background:transparent}.generate-key-modal .modal-content .modal-key-box .modal-key-header .modal-copy-btn[data-v-aedb22d2] .anticon{margin-right:4px}.generate-key-modal .modal-content .modal-key-box .modal-key-code[data-v-aedb22d2]{color:#9d4edd;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;word-break:break-all;display:block}