*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#e8e0f0,#d8d0e8);color:#333}#root{min-height:100vh}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important}.ant-btn-primary:disabled,.ant-btn-primary.ant-btn-loading,.ant-btn-primary[disabled]{color:#fff!important}.step-card{background:#fff!important;border:1px solid #d0d8f0;border-radius:8px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f}.step-card .ant-card-body{padding:16px}.step-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e8ecf5}.step-card-title{color:#333!important;margin:0!important;font-size:24px!important;font-weight:800!important}.step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5px 14px;border-radius:16px;font-size:15px;font-weight:700}.step-card-content{color:#333}.step01-content{display:flex;flex-direction:column;gap:16px}.input-section{display:flex;flex-direction:column;gap:8px}.label-row{display:flex;justify-content:space-between;align-items:center}.label-action-btn{font-size:12px!important;padding:0 4px!important;height:auto!important}.label-action-btn:disabled{color:#ccc!important}.video-input{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;box-shadow:0 2px 4px #0000000d}.video-input input{background:transparent!important;color:#333!important}.video-input input::placeholder{color:#999!important}.video-input .ant-input-prefix{color:#667eea!important}.extract-button{background:linear-gradient(135deg,#4f5fff,#9333ea)!important;border:none!important;height:50px!important;font-size:22px!important;font-weight:900!important;letter-spacing:2px!important}.extract-button:hover{opacity:.9}.preview-textarea{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;resize:none!important;box-shadow:0 2px 4px #0000000d}.preview-textarea::placeholder{color:#999!important;font-size:16px!important}.creation-tabs .ant-tabs-nav{margin-bottom:16px!important}.creation-tabs .ant-tabs-tab{color:#333!important;padding:8px 16px!important;font-size:16px!important;font-weight:700!important}.creation-tabs .ant-tabs-tab-active,.creation-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:#667eea!important}.creation-tabs .ant-tabs-ink-bar{background:#667eea!important}.ai-creation-content{display:flex;flex-direction:column;gap:16px}.versions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.version-card{background:#f5f7ff!important;border:2px solid #d0d8f0!important;border-radius:8px!important;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000000d}.version-card:hover{border-color:#9b7ec9!important}.version-card.selected{border-color:#7c6bb8!important;box-shadow:0 0 0 2px #7c6bb84d}.version-card .ant-card-body{padding:12px!important}.version-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.version-label{color:#7c6bb8;font-size:12px;font-weight:600}.version-actions{display:flex;gap:4px}.expand-btn,.refresh-btn{color:#7c6bb8!important;padding:0!important;height:auto!important;width:24px!important}.expand-btn:hover,.refresh-btn:hover{color:#667eea!important}.version-content{min-height:80px}.version-text{color:#333!important;font-size:15px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.generate-all-btn{background:linear-gradient(135deg,#4f5fff,#9333ea)!important;border:none!important;height:50px!important;font-size:22px!important;font-weight:900!important;letter-spacing:2px!important}.manual-content{display:flex;flex-direction:column;gap:8px}.manual-textarea{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;resize:none!important;box-shadow:0 2px 4px #0000000d}.manual-textarea::placeholder{color:#999!important}.expand-modal .ant-modal-content{background:#fff!important;border:1px solid #d0d8f0}.expand-modal .ant-modal-header{background:#fff!important;border-bottom:1px solid #e8ecf5}.expand-modal .ant-modal-title{color:#333!important}.expand-modal .ant-modal-close-x{color:#666}.expand-modal .ant-modal-footer{border-top:1px solid #e8ecf5}.expand-modal .ant-modal-footer .ant-btn-default{background:#fff!important;border-color:#d0d8f0!important;color:#333!important}.expand-modal .ant-modal-footer .ant-btn-default:hover{border-color:#667eea!important;color:#667eea!important}.expand-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important}.expand-edit-wrapper{padding:8px 0}.expand-textarea{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;font-size:14px!important;line-height:1.8!important;resize:none!important}.expand-textarea::placeholder{color:#999!important}.expand-textarea:focus{border-color:#667eea!important;box-shadow:0 0 0 2px #667eea33!important}.voice-card{background:#fff!important;border:1px solid #d0d8f0!important;border-radius:12px!important;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.voice-card:hover{border-color:#667eea!important;box-shadow:0 4px 20px #667eea26}.voice-tag{position:absolute;top:12px;right:12px}.voice-tag .ant-tag{margin:0;border:none;font-size:12px}.voice-icon-area{display:flex;justify-content:center;padding:24px 0 16px}.voice-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff}.voice-info{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 16px 16px}.voice-name{color:#333!important;font-size:16px;font-weight:500}.voice-date{color:#999!important;font-size:11px;white-space:nowrap}.voice-actions{display:flex;justify-content:center;gap:16px;padding:12px 16px 16px;border-top:1px solid #e8ecf5}.voice-actions .action-btn{color:#666!important;font-size:13px!important}.voice-actions .action-btn:hover{color:#667eea!important}.voice-actions .delete-btn:hover{color:#ff4d4f!important}.upload-voice-modal .ant-modal-content{background:#fff!important;border:1px solid #d0d8f0}.upload-voice-modal .ant-modal-header{background:#fff!important;border-bottom:1px solid #e8ecf5}.upload-voice-modal .ant-modal-title{color:#333!important}.upload-voice-modal .ant-modal-close-x{color:#666}.upload-voice-modal .ant-modal-footer{border-top:1px solid #e8ecf5}.upload-voice-modal .ant-modal-footer .ant-btn{background:#fff;border-color:#d0d8f0;color:#333}.upload-voice-modal .ant-modal-footer .ant-btn:hover{border-color:#667eea;color:#667eea}.upload-voice-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.upload-voice-modal .upload-form{display:flex;flex-direction:column;gap:20px;padding:8px 0}.upload-voice-modal .form-item{display:flex;flex-direction:column;gap:8px}.upload-voice-modal .recording-hint{font-size:14px;line-height:1.6;background:#f5f7ff;padding:12px 16px;border-radius:8px;border-left:3px solid #667eea}.upload-voice-modal .recording-hint-label{color:#333}.upload-voice-modal .recording-hint-title{font-size:16px;font-weight:700;color:#ff4d4f}.upload-voice-modal .recording-hint-tips{font-size:14px;font-weight:400;color:#666;margin-left:8px}.upload-voice-modal .recording-hint-content{color:#667eea}.upload-voice-modal .form-label{color:#666!important;font-size:14px}.upload-voice-modal .form-input{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;height:40px}.upload-voice-modal .form-input::placeholder{color:#999!important}.audio-uploader{background:#f5f7ff!important;border:1px dashed #d0d8f0!important;border-radius:8px!important}.audio-uploader:hover{border-color:#667eea!important}.audio-uploader .ant-upload-drag-icon{color:#667eea!important}.audio-uploader .ant-upload-drag-icon .anticon{font-size:48px;color:#667eea}.audio-uploader .ant-upload-text{color:#333!important;font-size:14px}.audio-uploader .ant-upload-hint{color:#999!important;font-size:12px}.voice-manage-modal{top:20px!important;padding-bottom:20px}.voice-manage-modal .ant-modal-content{background:#fff!important}.voice-manage-modal .ant-modal-body{padding:16px!important}.voice-manage-modal .ant-modal-header{background:#fff!important;border-bottom:1px solid #e8ecf5}.voice-manage-modal .ant-modal-title{color:#333!important}.voice-list-container{max-height:500px;overflow-y:auto}.voice-section{margin-bottom:20px}.voice-section .section-title{display:block;color:#333;font-size:14px;font-weight:500;margin-bottom:12px}.voice-manage-modal .voice-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.voice-manage-modal .voice-item-wrapper{min-width:0}.voice-item-wrapper{cursor:pointer;transition:transform .2s}.voice-item-wrapper:hover{transform:translateY(-2px)}.voice-item-wrapper .voice-card{margin-bottom:0}.voice-manage-modal .voice-card{border-radius:8px!important}.voice-manage-modal .voice-tag{top:6px;right:6px}.voice-manage-modal .voice-tag .ant-tag{font-size:10px;padding:0 5px;line-height:16px}.voice-manage-modal .voice-icon-area{padding:10px 0 6px}.voice-manage-modal .voice-icon{width:44px;height:44px;font-size:20px}.voice-manage-modal .voice-info{padding:0 10px 8px;gap:1px}.voice-manage-modal .voice-name{font-size:13px}.voice-manage-modal .voice-date{font-size:10px}.voice-manage-modal .voice-actions{padding:6px 10px 8px;gap:10px}.voice-manage-modal .voice-actions .action-btn{font-size:12px!important}.step03-content{display:flex;flex-direction:column;gap:16px}.step03-content .input-row{display:flex;gap:16px;height:50px!important;max-height:50px!important}.step03-content .input-section{display:flex;flex-direction:column;gap:4px;height:50px}.voice-section{flex:3;min-width:0}.rate-section{flex:1;min-width:120px}.rate-control{display:flex;align-items:center;background:#fff;border:1px solid #d0d8f0;border-radius:6px;padding:0 2px;height:24px;box-shadow:0 2px 4px #0000000d}.rate-btn{width:20px!important;height:20px!important;min-width:20px!important;padding:0!important;display:flex;align-items:center;justify-content:center;color:#667eea!important;border-radius:4px}.rate-btn:hover:not(:disabled){background:#f5f7ff!important;color:#764ba2!important}.rate-btn:disabled{color:#d0d8f0!important}.rate-input{flex:1;min-width:40px;text-align:center}.rate-input .ant-input-number-input{text-align:center;font-size:14px;font-weight:500;color:#333;padding:0!important}.rate-input.ant-input-number{border:none!important;box-shadow:none!important;background:transparent!important}.rate-input.ant-input-number-focused{border:none!important;box-shadow:none!important}.step03-content .label-row{display:flex;justify-content:space-between;align-items:center;height:22px}.step03-content .input-label{color:#333!important;font-size:16px;font-weight:700;line-height:1}.step03-content .manage-btn{color:#667eea!important;font-size:12px;padding:0 4px;height:22px;line-height:22px}.step03-content .manage-btn:hover{color:#764ba2!important}.voice-select-wrapper{display:flex;align-items:center;gap:4px}.voice-select{flex:1;height:24px!important}.voice-select .ant-select-selector{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;box-shadow:0 2px 4px #0000000d;height:24px!important;min-height:24px!important}.voice-select .ant-select-selection-placeholder{color:#999!important}.voice-select .ant-select-selection-item{color:#333!important}.voice-select .ant-select-arrow{color:#667eea!important}.voice-preview-btn{width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;display:flex;align-items:center;justify-content:center;color:#667eea!important;border-radius:4px;flex-shrink:0}.voice-preview-btn:hover{background:#f5f7ff!important;color:#764ba2!important}.voice-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:4px}.voice-option-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-option-play{flex-shrink:0;padding:2px 4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.voice-option-play .play-icon{font-size:16px;color:#667eea;transition:all .2s}.voice-option-play:hover .play-icon{color:#764ba2;transform:scale(1.1)}.voice-option-play .play-icon.playing{color:#764ba2}.generate-button{background:linear-gradient(135deg,#4f5fff,#9333ea)!important;border:none!important;height:50px!important;font-size:22px!important;font-weight:900!important;letter-spacing:2px!important}.preview-section{display:flex;flex-direction:column;gap:8px}.audio-preview{background:#f5f7ff;border:1px solid #d0d8f0;border-radius:8px;padding:12px 16px;min-height:54px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}.audio-player{width:100%;height:32px}.audio-placeholder{display:flex;align-items:center;gap:8px}.placeholder-icon{font-size:20px;color:#a0b0d0;flex-shrink:0}.placeholder-text{color:#999!important;font-size:16px}.avatar-card{background:#fff!important;border:1px solid #d0d8f0!important;border-radius:12px!important;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.avatar-card:hover{border-color:#667eea!important;box-shadow:0 4px 20px #667eea26}.avatar-card .ant-card-body{padding:0!important}.avatar-thumbnail{width:100%;height:160px;background:#f0f2f5;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-thumbnail img{max-width:100%;max-height:100%;object-fit:contain}.avatar-placeholder{display:flex;align-items:center;justify-content:center;color:#a0b0d0;font-size:48px}.avatar-info{padding:6px 8px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.avatar-name-tag{background:#f5f7ff!important;border:1px solid #d0d8f0!important;color:#333!important;padding:1px 6px!important;font-size:12px!important;border-radius:4px!important;max-width:80px;overflow:hidden;text-overflow:ellipsis}.avatar-date{color:#999!important;font-size:10px;white-space:nowrap;flex-shrink:0}.avatar-info .ant-tag{padding:0 4px!important;font-size:11px!important;line-height:18px!important;margin:0!important}.avatar-actions{display:flex;justify-content:center;gap:8px;padding:6px 8px;border-top:1px solid #e8ecf5}.avatar-actions .action-btn{color:#666!important;font-size:13px!important;padding:2px 8px!important;height:auto!important}.avatar-actions .action-btn:hover{color:#667eea!important}.avatar-actions .delete-btn:hover{color:#ff4d4f!important}.upload-avatar-modal .ant-modal-content{background:#fff!important;border:1px solid #d0d8f0}.upload-avatar-modal .ant-modal-header{background:#fff!important;border-bottom:1px solid #e8ecf5}.upload-avatar-modal .ant-modal-title{color:#333!important}.upload-avatar-modal .ant-modal-close-x{color:#666}.upload-avatar-modal .ant-modal-footer{border-top:1px solid #e8ecf5}.upload-avatar-modal .ant-modal-footer .ant-btn{background:#fff;border-color:#d0d8f0;color:#333}.upload-avatar-modal .ant-modal-footer .ant-btn:hover{border-color:#667eea;color:#667eea}.upload-avatar-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.upload-form{display:flex;flex-direction:column;gap:20px;padding:8px 0}.form-item{display:flex;flex-direction:column;gap:8px}.form-label{color:#666!important;font-size:14px}.form-input{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;height:40px}.form-input::placeholder{color:#999!important}.video-uploader{background:#f5f7ff!important;border:1px dashed #d0d8f0!important;border-radius:8px!important}.video-uploader:hover{border-color:#667eea!important}.video-uploader .ant-upload-drag-icon{color:#667eea!important}.video-uploader .ant-upload-drag-icon .anticon{font-size:48px;color:#667eea}.video-uploader .ant-upload-text{color:#333!important;font-size:14px}.video-uploader .ant-upload-hint{color:#999!important;font-size:12px}.avatar-manage-modal{top:20px!important;padding-bottom:20px}.avatar-manage-modal .ant-modal-content{background:#fff!important}.avatar-manage-modal .ant-modal-body{padding:16px!important}.avatar-manage-modal .ant-modal-header{background:#fff!important;border-bottom:1px solid #e8ecf5}.avatar-manage-modal .ant-modal-title{color:#333!important}.modal-header-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.avatar-list-container{max-height:500px;overflow-y:auto}.avatar-section{margin-bottom:20px}.avatar-section .section-title{display:block;color:#333;font-size:14px;font-weight:500;margin-bottom:12px}.avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.avatar-item-wrapper{cursor:pointer;transition:transform .2s}.avatar-item-wrapper:hover{transform:translateY(-2px)}.avatar-item-wrapper .avatar-card{margin-bottom:0}.empty-state{display:flex;justify-content:center;align-items:center;min-height:150px}.empty-text{color:#999;font-size:14px}.step04-content{display:flex;flex-direction:column;gap:16px}.step04-content .input-section{display:flex;flex-direction:column;gap:4px;height:58px}.step04-content .label-row{display:flex;justify-content:space-between;align-items:center;height:22px}.step04-content .input-label{color:#333!important;font-size:16px;font-weight:700;line-height:1}.step04-content .manage-btn{color:#667eea!important;font-size:12px;padding:0 4px;height:22px;line-height:22px}.step04-content .manage-btn:hover{color:#764ba2!important}.step04-content .avatar-select{width:100%}.step04-content .avatar-select .ant-select-selector{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;box-shadow:0 2px 4px #0000000d}.step04-content .avatar-select .ant-select-selection-placeholder{color:#999!important}.step04-content .avatar-select .ant-select-selection-item{color:#333!important}.step04-content .avatar-select .ant-select-arrow{color:#667eea!important}.step04-content .generate-button{background:linear-gradient(135deg,#4f5fff,#9333ea)!important;border:none!important;height:50px!important;font-size:22px!important;font-weight:900!important;letter-spacing:2px!important}.step04-content .preview-section{display:flex;flex-direction:column;gap:8px}.step04-content .video-preview{width:50%;margin:0 auto;background:#f5f7ff;border:1px solid #d0d8f0;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}.step04-content .video-preview:has(.video-placeholder){min-height:80px}.step04-content .video-player{max-width:100%;width:auto;height:auto;border-radius:4px;object-fit:contain}.step04-content .video-placeholder{display:flex;align-items:center;justify-content:center}.step04-content .placeholder-text,.step04-content .video-placeholder .placeholder-text{color:#999!important;font-size:16px!important}.step04-content .video-placeholder .ant-typography{font-size:16px!important}.step05-content{display:flex;flex-direction:column;gap:12px}.title-header{display:flex;justify-content:space-between;align-items:center}.input-label{color:#333!important;font-size:16px;font-weight:700}.generate-title-btn{background:linear-gradient(135deg,#4f5fff,#9333ea)!important;border:none!important;font-weight:700!important}.title-input{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;height:40px;box-shadow:0 2px 4px #0000000d}.title-input input{background:transparent!important;color:#333!important}.title-input input::placeholder{color:#999!important}.title-input .ant-input-prefix{color:#667eea!important}.show-title-option{margin:8px 0;display:flex;align-items:center;gap:8px}.show-title-label{color:#333;font-size:16px;font-weight:700}.title-style-collapse{margin-top:8px;background:transparent!important}.title-style-collapse .ant-collapse-item{border:1px solid #e8ecf5!important;border-radius:8px!important;background:#f9faff}.title-style-collapse .ant-collapse-header{padding:10px 12px!important;color:#333!important;font-size:13px}.title-style-collapse .ant-collapse-expand-icon{color:#999!important}.title-style-collapse .ant-collapse-header:hover{color:#667eea!important}.title-style-collapse .ant-collapse-content{border-top:1px solid #e8ecf5!important}.title-style-collapse .ant-collapse-content-box{padding:12px!important}.title-style-settings{display:flex;flex-direction:column;gap:12px;padding:8px 0}.setting-row{display:flex;flex-wrap:wrap;gap:16px}.setting-item{display:flex;align-items:center;gap:8px}.setting-label{color:#333!important;font-size:16px;font-weight:700;white-space:nowrap}.setting-select{width:130px}.setting-input-number{width:70px}.number-btn{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;width:24px!important;height:24px!important;min-width:24px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center}.number-input{width:50px!important;background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;text-align:center}.number-input .ant-input-number-input{color:#333!important;text-align:center;padding:0 6px!important;height:24px!important;font-size:12px}.step06-content{display:flex;flex-direction:column;gap:16px}.row-section{display:flex;gap:16px;align-items:flex-end}.field-group{display:flex;flex-direction:column;gap:6px;flex:1}.field-group.full-width{flex:1}.field-group.bgm-group{flex:1.5}.field-group.volume-group{flex:1}.field-group.custom-color{flex:0 0 auto;align-items:center}.field-label{color:#333!important;font-size:16px;font-weight:700}.field-select{width:100%}.field-select .ant-select-selector{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;height:32px!important;box-shadow:0 2px 4px #0000000d}.field-select .ant-select-selection-placeholder{color:#999!important}.field-select .ant-select-selection-item{color:#333!important;line-height:30px!important}.field-select .ant-select-arrow{color:#667eea!important}.bgm-select{min-width:120px}.bgm-preview-section{background:#f9faff;border-radius:8px;padding:12px;border:1px solid #e8ecf5}.bgm-audio-player{width:100%;height:36px}.bgm-audio-player::-webkit-media-controls-panel{background:#f9faff}.bgm-audio-player::-webkit-media-controls-play-button{background-color:#667eea;border-radius:50%}.bgm-audio-player::-webkit-media-controls-current-time-display,.bgm-audio-player::-webkit-media-controls-time-remaining-display{color:#666}.stroke-select{min-width:80px}.volume-slider{margin:0}.volume-slider .ant-slider-rail{background:#e8ecf5!important}.volume-slider .ant-slider-track{background:#667eea!important}.volume-slider .ant-slider-handle:after{background:#667eea!important;box-shadow:0 0 0 2px #667eea4d!important}.number-control{display:flex;align-items:center;gap:4px}.number-btn{background:#fff!important;border:1px solid #d0d8f0!important;color:#666!important;width:24px!important;height:24px!important;padding:0!important;display:flex;align-items:center;justify-content:center}.number-btn:hover{border-color:#7c6bb8!important;color:#7c6bb8!important}.number-input{width:60px!important;background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;text-align:center}.number-input .ant-input-number-input{color:#333!important;text-align:center;padding:0 6px!important;height:28px!important;font-size:13px}.margin-section{display:flex;flex-direction:column;gap:8px}.section-label{color:#666!important;font-size:12px}.margin-controls{display:flex;flex-direction:column;gap:12px}.margin-row{display:flex;justify-content:space-between;gap:16px}.margin-row.center{justify-content:center}.margin-item{display:flex;flex-direction:column;align-items:center;gap:6px}.margin-label{color:#999!important;font-size:11px}.stroke-section{flex-wrap:wrap}.action-buttons{display:flex;gap:12px;margin-top:8px}.action-btn{flex:1;height:50px!important;font-size:22px!important;font-weight:900!important;letter-spacing:2px!important}.edit-btn{background:linear-gradient(135deg,#4f5fff,#9333ea)!important;border:none!important;color:#fff!important}.edit-btn:hover{background:linear-gradient(135deg,#4455f5,#8429d6)!important;color:#fff!important}.edit-btn span{color:#fff!important}.ant-color-picker-trigger{background:#fff!important;border:1px solid #d0d8f0!important}.confirm-modal .ant-modal-content{background:#fff!important;border:1px solid #d0d8f0}.confirm-modal .ant-modal-header{background:#fff!important;border-bottom:1px solid #e8ecf5}.confirm-modal .ant-modal-title{color:#333!important}.confirm-modal .ant-modal-close-x{color:#666}.confirm-modal .ant-modal-footer{border-top:1px solid #e8ecf5}.confirm-modal .ant-modal-footer .ant-btn{height:36px}.confirm-modal .ant-modal-footer .ant-btn-default{background:#fff!important;border-color:#d0d8f0!important;color:#333!important}.confirm-modal .ant-modal-footer .ant-btn-default:hover{border-color:#667eea!important;color:#667eea!important}.confirm-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important}.confirm-modal-title{display:flex;align-items:center;gap:8px}.confirm-modal-title .confirm-icon{color:#52c41a;font-size:18px}.confirm-content{display:flex;flex-direction:column;gap:16px;padding:8px 0}.confirm-section{display:flex;flex-direction:column;gap:8px}.confirm-label{color:#666!important;font-size:12px}.confirm-value{background:#f5f7ff;border-radius:6px;padding:8px 12px;color:#333;font-size:14px}.confirm-value.text-value{max-height:160px;overflow-y:auto;line-height:1.6;font-size:13px;color:#666}.confirm-row{display:flex;gap:16px}.confirm-item{flex:1;display:flex;flex-direction:column;gap:6px}.confirm-divider{color:#667eea;font-size:13px;font-weight:500;padding:8px 0 4px;border-bottom:1px solid #e8ecf5;margin-top:8px}.advanced-collapse{background:transparent!important}.advanced-collapse .ant-collapse-item{border:1px solid #e8ecf5!important;border-radius:8px!important;background:#f9faff}.advanced-collapse .ant-collapse-header{padding:10px 12px!important;color:#666!important;font-size:13px}.advanced-collapse .ant-collapse-expand-icon{color:#999!important}.advanced-collapse .ant-collapse-header:hover{color:#667eea!important}.advanced-collapse .ant-collapse-content{border-top:1px solid #e8ecf5!important}.advanced-collapse .ant-collapse-content-box{padding:12px!important}.collapse-label{display:inline-flex;align-items:center;gap:6px}.collapse-label .anticon{font-size:14px}.advanced-content{display:flex;flex-direction:column;gap:16px}.step07-empty{display:flex;align-items:center;justify-content:center;min-height:200px;background:#fff;border:1px solid #d0d8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d}.step07-empty .empty-text{color:#999!important;font-size:16px}.step07-content{display:flex;flex-direction:column}.result-header-bar{padding:12px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;background:#fff;border:1px solid #d0d8f0;border-radius:12px 12px 0 0;border-bottom:none}.result-grid{display:flex;flex-direction:column;gap:16px;padding:16px;background:#fff;border:1px solid #d0d8f0;border-top:none}.result-card{background:#f5f7ff;border:1px solid #e8ecf5;border-radius:12px;overflow:hidden;box-shadow:0 2px 4px #00000008}.result-card-header{padding:10px 12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e8ecf5;background:#fff}.result-card-header .card-icon{font-size:16px;color:#667eea}.result-card-header .card-label{font-size:14px;font-weight:500;color:#333}.result-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.result-header .ant-tag:last-child{flex-shrink:0}.result-title-tag{background:#f5f7ff!important;border:1px solid #d0d8f0!important;color:#333!important;padding:4px 12px!important;font-size:14px!important;border-radius:4px!important;white-space:normal!important;word-break:break-all!important;line-height:1.5!important;flex:1;min-width:0}.result-header-bar .ant-tag:last-child{flex-shrink:0}.copy-title-btn{flex-shrink:0;color:#667eea!important;font-size:13px!important}.copy-title-btn:hover{color:#764ba2!important;background:#f5f7ff!important}.result-date{color:#999!important;font-size:11px;white-space:nowrap}.result-preview-area{width:calc(50% - 12px);margin:12px auto;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;min-height:80px}.result-preview-area:has(.result-placeholder){min-height:80px}.result-preview-area img{width:100%;height:auto;object-fit:contain}.result-video-area{width:50%;margin:12px auto;background:#f5f7ff;border:1px solid #d0d8f0;border-radius:8px;padding:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000000d}.result-video-area:has(.result-placeholder){min-height:120px}.result-video-player{max-width:100%;width:auto;height:auto;border-radius:4px;object-fit:contain}.result-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#a0b0d0}.result-placeholder .anticon{font-size:36px}.result-placeholder .placeholder-text{color:#a0b0d0!important;font-size:14px}.result-content-area{padding:12px 16px;background:#f5f7ff;margin:0;border-radius:0 0 12px 12px;min-height:50px;border:1px solid #d0d8f0;border-top:none}.preview-mask{display:flex;align-items:center;gap:6px;font-size:14px}.result-content{color:#333!important;font-size:13px!important;margin:0!important;line-height:1.6!important}.result-actions{display:flex;justify-content:center;gap:16px;padding:10px 12px;border-top:1px solid #e8ecf5;background:#fff}.result-actions .action-btn{color:#333!important;font-size:13px!important}.result-actions .action-btn:hover{color:#667eea!important}.result-actions .download-btn:hover{color:#52c41a!important}.result-processing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;margin:0 16px;background:#f5f7ff;border-radius:8px;gap:16px}.result-processing .processing-hint{color:#999!important;font-size:13px;margin-top:8px}.result-failed{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:160px;margin:0 16px;background:#fff2f0;border-radius:8px}.avatar-clone-page{max-width:1600px;margin:0 auto}.page-header{background:linear-gradient(135deg,#7c6bb8,#9b7ec9);border:1px solid #8a7bc0;border-radius:12px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;box-shadow:0 4px 16px #7c6bb840}.header-left{display:flex;align-items:center;gap:16px}.header-icon{width:56px;height:56px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.header-text{display:flex;flex-direction:column;gap:4px}.header-title{color:#fff!important;margin:0!important;font-size:20px!important}.header-desc{color:#fffc!important;font-size:14px}.upload-btn{background:#fff!important;border:none!important;height:40px!important;padding:0 24px!important;font-weight:500!important;color:#7c6bb8!important}.upload-btn:hover{background:#f5f7ff!important;color:#667eea!important}.avatar-section{margin-bottom:32px}.section-title{color:#4a5568!important;margin-bottom:16px!important;padding-left:8px;border-left:3px solid #667eea}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0}.empty-icon{font-size:64px;color:#a0b0d0;margin-bottom:16px}.empty-text{color:#999!important;font-size:16px}@media(max-width:1199px){.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}@media(max-width:767px){.page-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.header-left{flex-direction:column}.upload-btn{width:100%}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}.voice-clone-page{max-width:1600px;margin:0 auto}.voice-clone-page .page-header{background:linear-gradient(135deg,#7c6bb8,#9b7ec9);border:1px solid #8a7bc0;border-radius:12px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;box-shadow:0 4px 16px #7c6bb840}.voice-clone-page .header-left{display:flex;align-items:center;gap:16px}.voice-clone-page .header-icon{width:56px;height:56px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.voice-clone-page .header-text{display:flex;flex-direction:column;gap:4px}.voice-clone-page .header-title{color:#fff!important;margin:0!important;font-size:20px!important}.voice-clone-page .header-desc{color:#fffc!important;font-size:14px}.voice-clone-page .upload-btn{background:#fff!important;border:none!important;height:40px!important;padding:0 24px!important;font-weight:500!important;color:#7c6bb8!important}.voice-clone-page .upload-btn:hover{background:#f5f7ff!important;color:#667eea!important}.voice-section{margin-bottom:32px}.section-title{color:#666!important;margin-bottom:16px!important;font-size:14px!important;font-weight:500!important}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.voice-clone-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0}.voice-clone-page .empty-icon{font-size:64px;color:#a0b0d0;margin-bottom:16px}.voice-clone-page .empty-text{color:#999!important;font-size:16px}@media(max-width:1199px){.voice-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}}@media(max-width:767px){.voice-clone-page .page-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.voice-clone-page .header-left{flex-direction:column}.voice-clone-page .upload-btn{width:100%}.voice-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.bgm-card{background:#fff!important;border:1px solid #d0d8f0!important;border-radius:12px!important;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.bgm-card:hover{border-color:#667eea!important;box-shadow:0 4px 20px #667eea26}.bgm-tag{position:absolute;top:12px;right:12px}.bgm-tag .ant-tag{margin:0;border:none;font-size:12px}.bgm-icon-area{display:flex;justify-content:center;padding:24px 0 16px}.bgm-icon{width:80px;height:80px;background:linear-gradient(135deg,#52c41a,#1890ff);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff}.bgm-info{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 16px 16px}.bgm-name{color:#333!important;font-size:16px;font-weight:500}.bgm-date{color:#999!important;font-size:11px;white-space:nowrap}.bgm-actions{display:flex;justify-content:center;gap:16px;padding:12px 16px 16px;border-top:1px solid #e8ecf5}.bgm-actions .action-btn{color:#666!important;font-size:13px!important}.bgm-actions .action-btn:hover{color:#667eea!important}.bgm-actions .delete-btn:hover{color:#ff4d4f!important}.upload-bgm-modal .ant-modal-content{background:#fff!important;border:1px solid #d0d8f0}.upload-bgm-modal .ant-modal-header{background:#fff!important;border-bottom:1px solid #e8ecf5}.upload-bgm-modal .ant-modal-title{color:#333!important}.upload-bgm-modal .ant-modal-close-x{color:#666}.upload-bgm-modal .ant-modal-footer{border-top:1px solid #e8ecf5}.upload-bgm-modal .ant-modal-footer .ant-btn{background:#fff;border-color:#d0d8f0;color:#333}.upload-bgm-modal .ant-modal-footer .ant-btn:hover{border-color:#667eea;color:#667eea}.upload-bgm-modal .ant-modal-footer .ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;color:#fff!important}.upload-bgm-modal .upload-form{display:flex;flex-direction:column;gap:20px;padding:8px 0}.upload-bgm-modal .form-item{display:flex;flex-direction:column;gap:8px}.upload-bgm-modal .form-label{color:#666!important;font-size:14px}.upload-bgm-modal .form-input{background:#fff!important;border:1px solid #d0d8f0!important;color:#333!important;height:40px}.upload-bgm-modal .form-input::placeholder{color:#999!important}.upload-bgm-modal .audio-uploader{background:#f5f7ff!important;border:1px dashed #d0d8f0!important;border-radius:8px!important}.upload-bgm-modal .audio-uploader:hover{border-color:#667eea!important}.upload-bgm-modal .audio-uploader .ant-upload-drag-icon{color:#667eea!important}.upload-bgm-modal .audio-uploader .ant-upload-drag-icon .anticon{font-size:48px;color:#667eea}.upload-bgm-modal .audio-uploader .ant-upload-text{color:#333!important;font-size:14px}.upload-bgm-modal .audio-uploader .ant-upload-hint{color:#999!important;font-size:12px}.bgm-manage-page{max-width:1600px;margin:0 auto}.bgm-manage-page .page-header{background:linear-gradient(135deg,#7c6bb8,#9b7ec9);border:1px solid #8a7bc0;border-radius:12px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;box-shadow:0 4px 16px #7c6bb840}.bgm-manage-page .header-left{display:flex;align-items:center;gap:16px}.bgm-manage-page .header-icon{width:56px;height:56px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.bgm-manage-page .header-text{display:flex;flex-direction:column;gap:4px}.bgm-manage-page .header-title{color:#fff!important;margin:0!important;font-size:20px!important}.bgm-manage-page .header-desc{color:#fffc!important;font-size:14px}.bgm-manage-page .upload-btn{background:#fff!important;border:none!important;height:40px!important;padding:0 24px!important;font-weight:500!important;color:#7c6bb8!important}.bgm-manage-page .upload-btn:hover{background:#f5f7ff!important;color:#667eea!important}.bgm-section{margin-bottom:32px}.bgm-manage-page .section-title{color:#666!important;margin-bottom:16px!important;font-size:14px!important;font-weight:500!important}.bgm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.bgm-manage-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0}.bgm-manage-page .empty-icon{font-size:64px;color:#a0b0d0;margin-bottom:16px}.bgm-manage-page .empty-text{color:#999!important;font-size:16px}@media(max-width:1199px){.bgm-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}}@media(max-width:767px){.bgm-manage-page .page-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.bgm-manage-page .header-left{flex-direction:column}.bgm-manage-page .upload-btn{width:100%}.bgm-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}}.video-card{background:#fff!important;border:1px solid #d0d8f0!important;border-radius:12px!important;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000f}.video-card:hover{border-color:#667eea!important;box-shadow:0 4px 20px #667eea26}.video-card .ant-card-body{padding:0!important}.video-card.processing{border-color:#1890ff!important;background:linear-gradient(135deg,#f0f5ff,#fff)!important}.video-header{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px}.video-title-tag{background:#f5f7ff!important;border:1px solid #d0d8f0!important;color:#333!important;padding:2px 8px!important;font-size:12px!important;border-radius:4px!important;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-status-tag{font-size:11px!important}.video-date{color:#999!important;font-size:10px;white-space:nowrap;padding:0 12px;display:block;margin-bottom:6px}.video-preview-area{background:#f5f7ff;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:0 12px;width:calc(100% - 24px);border-radius:6px}.video-preview-area:has(.video-placeholder){min-height:100px}.video-preview-area img{width:100%;height:auto;object-fit:contain}.video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#a0b0d0;padding:16px 0}.video-placeholder .anticon{font-size:28px}.video-placeholder .placeholder-text{color:#a0b0d0!important;font-size:11px}.video-placeholder.processing{color:#1890ff}.video-placeholder.processing .placeholder-text{color:#1890ff!important}.video-placeholder.failed{color:#ff4d4f}.video-placeholder.failed .placeholder-text{color:#ff4d4f!important}.video-content-area{padding:10px;background:#f5f7ff;margin:10px 12px;border-radius:6px;min-height:40px}.video-content{color:#666!important;font-size:11px!important;margin:0!important;line-height:1.5!important}.video-actions{display:flex;justify-content:center;gap:12px;padding:8px 12px 10px;border-top:1px solid #e8ecf5}.video-actions .action-btn{color:#666!important;font-size:11px!important}.video-actions .action-btn:hover{color:#667eea!important}.video-actions .download-btn:hover{color:#52c41a!important}.video-actions .delete-btn:hover{color:#ff4d4f!important}.thumbnail-wrapper{position:relative;width:100%;cursor:pointer}.thumbnail-wrapper img{width:100%;height:auto;display:block}.thumbnail-wrapper .play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0000004d;opacity:0;transition:opacity .3s ease}.thumbnail-wrapper:hover .play-overlay{opacity:1}.thumbnail-wrapper .play-icon{font-size:48px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.video-player-container{position:relative;width:100%}.video-player-inline{width:100%;height:auto;display:block;border-radius:6px}.video-close-btn{position:absolute;top:8px;right:8px;background:#00000080!important;color:#fff!important;border-radius:50%!important;width:28px!important;height:28px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;z-index:10}.video-close-btn:hover{background:#000000b3!important}.video-manage-page{max-width:1600px;margin:0 auto}.video-manage-page .page-header{background:linear-gradient(135deg,#7c6bb8,#9b7ec9);border:1px solid #8a7bc0;border-radius:12px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;box-shadow:0 4px 16px #7c6bb840}.video-manage-page .header-left{display:flex;align-items:center;gap:16px}.video-manage-page .header-icon{width:56px;height:56px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.video-manage-page .header-text{display:flex;flex-direction:column;gap:4px}.video-manage-page .header-title{color:#fff!important;margin:0!important;font-size:20px!important}.video-manage-page .header-desc{color:#fffc!important;font-size:14px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.video-manage-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0}.video-manage-page .empty-icon{font-size:64px;color:#a0b0d0;margin-bottom:16px}.video-manage-page .empty-text{color:#999!important;font-size:16px}@media(max-width:1199px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}}@media(max-width:767px){.video-manage-page .page-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.video-manage-page .header-left{flex-direction:column}.video-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}.user-manage-page{max-width:1600px;margin:0 auto}.user-manage-page .page-header{background:linear-gradient(135deg,#7c6bb8,#9b7ec9);border:1px solid #8a7bc0;border-radius:12px;padding:24px 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;box-shadow:0 4px 16px #7c6bb840}.user-manage-page .header-left{display:flex;align-items:center;gap:16px}.user-manage-page .header-right{display:flex;align-items:center;gap:12px}.user-manage-page .header-icon{width:56px;height:56px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.user-manage-page .header-text{display:flex;flex-direction:column;gap:4px}.user-manage-page .header-title{color:#fff!important;margin:0!important;font-size:20px!important}.user-manage-page .header-desc{color:#fffc!important;font-size:14px}.user-manage-page .user-table{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f}.user-manage-page .user-table .ant-table-thead>tr>th{background:#f8f8fc;font-weight:600}.user-manage-page .user-table .ant-table-tbody>tr:hover>td{background:#f0eef8}@media(max-width:767px){.user-manage-page{padding:0}.user-manage-page .page-header{flex-direction:column;gap:16px;padding:20px;text-align:center;border-radius:0;margin-bottom:16px}.user-manage-page .header-left{flex-direction:column}.user-manage-page .header-icon{width:48px;height:48px;font-size:24px}.user-manage-page .header-title{font-size:18px!important}.user-manage-page .user-table{border-radius:0}.user-manage-page .user-table .ant-table,.user-manage-page .user-table .ant-table-container{overflow-x:auto}.user-manage-page .user-table .ant-table-content{overflow-x:auto!important}.user-manage-page .user-table .ant-table-content>table{min-width:700px}.user-manage-page .user-table .ant-space{flex-direction:column;gap:4px!important}.user-manage-page .user-table .ant-space .ant-btn{padding:0 4px;font-size:12px}.user-manage-page .user-table .ant-pagination{padding:12px;flex-wrap:wrap;justify-content:center}.user-manage-page .user-table .ant-pagination-total-text{width:100%;text-align:center;margin-bottom:8px}}.login-page{min-height:100vh;background:linear-gradient(180deg,#e8e0f0,#d8d0e8);display:flex;align-items:center;justify-content:center;padding:20px}.login-container{width:100%;max-width:400px;background:#fff;border:1px solid #d0d8f0;border-radius:16px;padding:48px 40px;box-shadow:0 20px 60px #7c6bb826}.login-logo{text-align:center;margin-bottom:40px}.logo-icon{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:40px;color:#fff;margin:0 auto 24px;box-shadow:0 10px 30px #667eea4d}.login-title{color:#333!important;margin:0 0 8px!important;font-size:24px!important;font-weight:600!important}.login-subtitle{color:#666!important;font-size:14px}.login-form{display:flex;flex-direction:column;gap:16px}.login-input{background:#fff!important;border:1px solid #d0d8f0!important;border-radius:8px!important;height:48px!important}.login-input input{background:transparent!important;color:#333!important}.login-input input::placeholder{color:#999!important}.login-input .ant-input-prefix{color:#667eea!important;margin-right:12px}.login-input .ant-input-suffix{color:#666!important}.login-input:hover,.login-input:focus,.login-input:focus-within{border-color:#667eea!important}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;height:48px!important;font-size:16px!important;font-weight:500!important;margin-top:8px}.login-btn:hover{opacity:.9}.contact-hint{display:block;text-align:center;color:#999!important;font-size:13px;margin-top:12px}.login-footer{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid #e8ecf5}.footer-text{color:#999!important;font-size:13px}@media(max-width:480px){.login-container{padding:32px 24px}.logo-icon{width:64px;height:64px;font-size:32px}.login-title{font-size:20px!important}}.app-layout{min-height:100vh;background:linear-gradient(180deg,#e8e0f0,#d8d0e8)!important}.app-header{background:linear-gradient(135deg,#4f5fff,#9333ea)!important;padding:0 32px!important;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #4040cc;height:72px!important;line-height:normal!important}.app-title{color:#fff!important;margin:0!important;white-space:nowrap;display:flex;align-items:baseline;gap:8px}.title-main{font-size:24px;font-weight:600}.title-sub{font-size:16px;font-weight:400;opacity:.9}.app-nav{display:flex;gap:8px;margin-left:48px}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:8px;cursor:pointer;color:#ffffffb3;font-size:16px;font-weight:500;transition:all .2s ease;white-space:nowrap}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#fff3;color:#fff}.nav-item .anticon{font-size:16px}.header-right{display:flex;align-items:center;gap:16px;margin-left:auto}.user-info{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;cursor:pointer;color:#fffc;font-size:14px;transition:all .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.user-info:hover{background:#fff3;border-color:#fff6;color:#fff}.user-info .anticon{font-size:16px}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.placeholder-icon{font-size:80px;color:#a0b0d0;margin-bottom:24px}.placeholder-title{color:#333!important;margin-bottom:12px!important}.placeholder-desc{color:#666;font-size:16px}.app-content{padding:32px;overflow-x:auto}.page-container{width:100%;height:100%}.page-toolbar{display:flex;justify-content:flex-end;padding:0 16px 16px;max-width:1900px;margin:0 auto}.clear-history-btn{color:#888;font-size:13px}.clear-history-btn:hover{color:#667eea!important}.columns-container{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.column{flex:1 1 380px;max-width:550px;min-width:360px;display:flex;flex-direction:column}@media(min-width:2200px){.columns-container{justify-content:space-between;max-width:1900px;margin:0 auto;gap:32px}.column{flex:0 0 calc(33.33% - 32px);max-width:600px}}@media(min-width:1600px)and (max-width:2199px){.columns-container{max-width:1700px;margin:0 auto;gap:28px}.column{flex:1 1 480px;max-width:540px}}@media(min-width:1280px)and (max-width:1599px){.app-content{padding:24px 16px}.columns-container{max-width:100%;margin:0 auto;gap:16px}.column{flex:1 1 calc(33.33% - 16px);max-width:calc(33.33% - 16px);min-width:320px}}@media(min-width:1024px)and (max-width:1279px){.columns-container{max-width:1100px;margin:0 auto;gap:20px}.column{flex:1 1 calc(50% - 20px);max-width:520px;min-width:380px}}@media(max-width:1023px){.app-header{flex-wrap:wrap;height:auto!important;padding:16px 24px!important;gap:12px}.app-nav{margin-left:0;flex:1;justify-content:center;flex-wrap:wrap}.nav-item{padding:8px 16px;font-size:13px}.user-info{order:-1;margin-left:0;padding:8px!important;border-radius:50%!important;width:36px!important;height:36px!important;justify-content:center!important;gap:0!important}.user-info>span:not(.anticon){display:none!important}.user-info .anticon{font-size:18px!important}.app-content{padding:24px 16px}.columns-container{flex-direction:column;align-items:center;gap:24px}.column{flex:1 1 auto;width:100%;max-width:550px;min-width:auto}}@media(max-width:767px){.app-header{position:relative;flex-direction:column;align-items:stretch;padding:16px!important;height:auto!important;gap:12px}.app-header>.app-title{order:1;justify-content:center;padding-right:0}.title-main{font-size:20px}.title-sub{font-size:14px}.header-right{position:absolute;top:16px;right:16px;margin-left:0}.user-info{padding:8px!important;border-radius:50%!important;width:36px!important;height:36px!important;justify-content:center!important;gap:0!important}.user-info>span:not(.anticon){display:none!important}.user-info .anticon{font-size:18px!important}.app-nav{order:2;flex-direction:column;margin-left:0;gap:6px;width:100%}.nav-item{justify-content:center;padding:10px 16px;font-size:14px;gap:8px;background:#ffffff14;border-radius:8px}.nav-item:hover{background:#ffffff26}.nav-item.active{background:#ffffff40}.nav-item .anticon{font-size:16px}.app-content{padding:16px 12px}.columns-container{gap:16px}.column{max-width:100%}.placeholder-icon{font-size:60px}.placeholder-title{font-size:20px!important}.placeholder-desc{font-size:14px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:silver;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}