.el-alert{--el-alert-padding:8px 16px;--el-alert-border-radius-base:var(--el-border-radius-base);--el-alert-title-font-size:14px;--el-alert-title-with-description-font-size:16px;--el-alert-description-font-size:14px;--el-alert-close-font-size:16px;--el-alert-close-customed-font-size:14px;--el-alert-icon-size:16px;--el-alert-icon-large-size:28px;align-items:center;background-color:var(--el-color-white);border-radius:var(--el-alert-border-radius-base);box-sizing:border-box;display:flex;margin:0;opacity:1;overflow:hidden;padding:var(--el-alert-padding);position:relative;transition:opacity var(--el-transition-duration-fast);width:100%}.el-alert.is-light .el-alert__close-btn{color:var(--el-text-color-placeholder)}.el-alert.is-dark .el-alert__close-btn,.el-alert.is-dark .el-alert__description{color:var(--el-color-white)}.el-alert.is-center{justify-content:center}.el-alert--primary{--el-alert-bg-color:var(--el-color-primary-light-9)}.el-alert--primary.is-light{background-color:var(--el-alert-bg-color)}.el-alert--primary.is-light,.el-alert--primary.is-light .el-alert__description{color:var(--el-color-primary)}.el-alert--primary.is-dark{background-color:var(--el-color-primary);color:var(--el-color-white)}.el-alert--success{--el-alert-bg-color:var(--el-color-success-light-9)}.el-alert--success.is-light{background-color:var(--el-alert-bg-color)}.el-alert--success.is-light,.el-alert--success.is-light .el-alert__description{color:var(--el-color-success)}.el-alert--success.is-dark{background-color:var(--el-color-success);color:var(--el-color-white)}.el-alert--info{--el-alert-bg-color:var(--el-color-info-light-9)}.el-alert--info.is-light{background-color:var(--el-alert-bg-color)}.el-alert--info.is-light,.el-alert--info.is-light .el-alert__description{color:var(--el-color-info)}.el-alert--info.is-dark{background-color:var(--el-color-info);color:var(--el-color-white)}.el-alert--warning{--el-alert-bg-color:var(--el-color-warning-light-9)}.el-alert--warning.is-light{background-color:var(--el-alert-bg-color)}.el-alert--warning.is-light,.el-alert--warning.is-light .el-alert__description{color:var(--el-color-warning)}.el-alert--warning.is-dark{background-color:var(--el-color-warning);color:var(--el-color-white)}.el-alert--error{--el-alert-bg-color:var(--el-color-error-light-9)}.el-alert--error.is-light{background-color:var(--el-alert-bg-color)}.el-alert--error.is-light,.el-alert--error.is-light .el-alert__description{color:var(--el-color-error)}.el-alert--error.is-dark{background-color:var(--el-color-error);color:var(--el-color-white)}.el-alert__content{display:flex;flex-direction:column;gap:4px}.el-alert .el-alert__icon{font-size:var(--el-alert-icon-size);margin-right:8px;width:var(--el-alert-icon-size)}.el-alert .el-alert__icon.is-big{font-size:var(--el-alert-icon-large-size);margin-right:12px;width:var(--el-alert-icon-large-size)}.el-alert__title{font-size:var(--el-alert-title-font-size);line-height:24px}.el-alert__title.with-description{font-size:var(--el-alert-title-with-description-font-size)}.el-alert .el-alert__description{font-size:var(--el-alert-description-font-size);margin:0}.el-alert .el-alert__close-btn{cursor:pointer;font-size:var(--el-alert-close-font-size);opacity:1;position:absolute;right:16px;top:12px}.el-alert .el-alert__close-btn.is-customed{font-size:var(--el-alert-close-customed-font-size);font-style:normal;line-height:24px;top:8px}.el-alert-fade-enter-from,.el-alert-fade-leave-active{opacity:0}.aes-encryptor{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1000px;padding:20px}.encryptor-header{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:20px;text-align:center}.title{color:#333;font-size:28px;margin:0 0 10px}.subtitle{color:#666;font-size:16px;margin:0}.config-section{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:30px;padding:0}.config-group{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr))}.form-item{display:flex;flex-direction:column;gap:8px}.form-label{color:#555;font-size:14px;font-weight:500}.generate-btn{background-color:#42b983;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;margin-top:5px;padding:6px 12px;transition:background-color .2s;width:-moz-fit-content;width:fit-content}.generate-btn:hover{background-color:#359e75}.encrypt-decrypt-section{align-items:center;display:flex;gap:20px;margin-bottom:30px}.text-area{display:flex;flex:1;flex-direction:column;gap:10px}.text-area-header{align-items:center;display:flex;justify-content:space-between}.text-area-header h3{color:#333;font-size:18px;margin:0}.text-area-actions{display:flex;gap:8px}.action-btn{align-items:center;background-color:#f0f0f0;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 8px;transition:background-color .2s}.action-btn:disabled{cursor:not-allowed;opacity:.6}.action-btn:hover:not(:disabled){background-color:#e0e0e0}.operation-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s}.encrypt-btn{background-color:#2196f3;color:#fff}.encrypt-btn:hover{background-color:#0b7dda}.decrypt-btn{background-color:#ff9800;color:#fff}.decrypt-btn:hover{background-color:#e68900}.arrow-container,.swap-arrow{display:flex;justify-content:center}.swap-arrow{align-items:center;background-color:#eee;border-radius:50%;color:#666;cursor:pointer;height:40px;transition:all .2s;width:40px}.swap-arrow:hover{background-color:#ddd;transform:rotate(180deg)}.action-buttons{display:flex;justify-content:center;margin-bottom:20px}.clear-btn{align-items:center;background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:6px;padding:8px 16px;transition:background-color .2s}.clear-btn:hover{background-color:#d32f2f}.error-alert{margin-bottom:20px}.info-section{background-color:#f0f7ff;border-left:4px solid #2196f3;border-radius:0 4px 4px 0;margin-top:20px;padding:15px}.info-section h4{color:#1976d2;margin:0 0 10px}.info-list{color:#555;font-size:14px;margin:0;padding-left:20px}.info-list li{margin-bottom:5px}@media (max-width:768px){.encrypt-decrypt-section{flex-direction:column}.arrow-container{transform:rotate(90deg)}.config-group{grid-template-columns:1fr}}.el-input-custom,.el-select-custom,.el-textarea-custom{width:100%}