:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color: #1890ff;--text-color: #333333;--text-color-secondary: #666666;--text-color-light: #999999;--background-color: #f5f5f5;--background-white: #ffffff;--border-color: #e8e8e8;--border-color-light: #f0f0f0;--border-radius: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--transition: .2s ease}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);line-height:1.5;font-size:14px}.app-container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl);min-height:100vh}.app-container h1{text-align:center;margin-bottom:var(--spacing-xl);color:var(--text-color);font-weight:600;font-size:2.2rem}.app-container .ant-tabs{background:var(--background-white);border-radius:var(--border-radius);overflow:hidden;width:950px;max-width:1000px;margin:0 auto;border:1px solid var(--border-color)}.app-container .ant-tabs-nav{margin:0;padding:0;background:#fafafa;border-bottom:1px solid var(--border-color)}.app-container .ant-tabs-nav-wrap{width:100%}.app-container .ant-tabs-nav-list{width:100%;display:flex;justify-content:stretch}.app-container .ant-tabs-tab{padding:var(--spacing-md) var(--spacing-lg);font-size:16px;font-weight:500;width:50%;text-align:center;transition:all var(--transition)}.app-container .ant-tabs-tab:hover{color:var(--primary-color)}.app-container .ant-tabs-tab.ant-tabs-tab-active{color:var(--primary-color);font-weight:600}.app-container .ant-tabs-tab.ant-tabs-tab-active:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--primary-color)}.app-container .ant-tabs-content-holder{width:100%;background:var(--background-white)}.app-container .ant-tabs-content{width:100%}.app-container .ant-tabs-tabpane{width:100%;padding:0}.task-manager-container,.english-review-container,.data-manager-container{padding:var(--spacing-xl);min-height:500px}.task-manager-container .ant-btn,.english-review-container .ant-btn,.data-manager-container .ant-btn{font-weight:500;border-radius:var(--border-radius);transition:all var(--transition);border:1px solid var(--border-color);background:var(--background-white)}.task-manager-container .ant-btn:hover,.english-review-container .ant-btn:hover,.data-manager-container .ant-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.task-manager-container .ant-btn-primary,.english-review-container .ant-btn-primary,.data-manager-container .ant-btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.task-manager-container .ant-btn-primary:hover,.english-review-container .ant-btn-primary:hover,.data-manager-container .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.task-manager-container .ant-btn-danger,.english-review-container .ant-btn-danger,.data-manager-container .ant-btn-danger{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.task-manager-container .ant-btn-danger:hover,.english-review-container .ant-btn-danger:hover,.data-manager-container .ant-btn-danger:hover{background:#ff7875;border-color:#ff7875}.task-manager-container .task-list{display:grid;grid-template-columns:1fr;gap:var(--spacing-md)}.task-manager-container .task-item{background:var(--background-white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:0 1px 2px #0000000d;transition:all var(--transition);cursor:pointer;border:1px solid var(--border-color-light);position:relative;display:flex;align-items:center;gap:var(--spacing-lg);width:100%}.task-manager-container .task-item:hover{box-shadow:0 2px 8px #0000001a;border-color:var(--border-color)}.task-manager-container .task-content{flex:0 0 200px;min-width:200px}.task-manager-container .task-name{margin:0;font-size:18px;font-weight:600;color:var(--text-color)}.task-manager-container .delete-button{padding:var(--spacing-sm);width:32px;height:32px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:opacity var(--transition);color:var(--text-color-light)}.task-manager-container .task-item:hover .delete-button{opacity:1;color:var(--text-color-secondary)}.task-manager-container .delete-button:hover{color:#ff4d4f}.task-manager-container .task-progress-info{display:flex;align-items:center;gap:var(--spacing-lg);flex:1;min-width:300px}.task-manager-container .task-amounts{display:flex;gap:var(--spacing-lg);font-size:14px;color:var(--text-color-secondary);flex:0 0 300px}.task-manager-container .current-amount{font-weight:600;color:var(--primary-color)}.task-manager-container .total-amount{font-weight:600;color:var(--text-color-secondary)}.task-manager-container .ant-progress{margin:0}.task-manager-container .ant-progress-bg{height:6px!important;border-radius:3px!important}.task-manager-container .task-progress-bar{flex:1;min-width:200px}.task-manager-container .empty-state,.english-review-container .empty-state,.data-manager-container .empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-lg);color:var(--text-color-secondary);font-size:16px;background:var(--background-white);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.english-review-container .ant-card{margin-top:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color-light);overflow:hidden}.english-review-container .ant-card-head{background:#fafafa;border-bottom:1px solid var(--border-color-light)}.english-review-container .ant-card-head-title{font-weight:600;color:var(--text-color);font-size:16px}.english-review-container .ant-list{max-height:500px;overflow-y:auto}.english-review-container .ant-list-item{border-bottom:1px solid var(--border-color-light);padding:var(--spacing-lg) var(--spacing-md);transition:all var(--transition)}.english-review-container .ant-list-item:hover{background:#fafafa}.english-review-container .ant-list-item:last-child{border-bottom:none}.ant-modal{border-radius:var(--border-radius)}.ant-modal-header{background:var(--background-white);border-bottom:1px solid var(--border-color)}.ant-modal-title{color:var(--text-color);font-weight:600;font-size:18px}.ant-modal-close{color:var(--text-color-secondary)}.ant-modal-close-x{color:var(--text-color-secondary)!important}.ant-modal-footer{border-top:1px solid var(--border-color);padding:var(--spacing-md) var(--spacing-lg);background:#fafafa}.ant-form-item-label>label{font-weight:500;color:var(--text-color)}.ant-input,.ant-select-selector,.ant-input-number,.ant-picker{border-radius:var(--border-radius);transition:all var(--transition);border:1px solid var(--border-color)}.ant-input:focus,.ant-select-focused .ant-select-selector,.ant-input-number:focus,.ant-picker:focus{border-color:var(--primary-color);box-shadow:none}.ant-select .ant-select-selection-placeholder{color:var(--text-color-light)}.ant-textarea{border-radius:var(--border-radius);transition:all var(--transition);border:1px solid var(--border-color)}.ant-textarea:focus{border-color:var(--primary-color);box-shadow:none}.ant-checkbox-wrapper:hover .ant-checkbox-inner{border-color:var(--primary-color)}.ant-checkbox-checked .ant-checkbox-inner{background-color:var(--primary-color);border-color:var(--primary-color)}.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#fff}.ant-picker{width:100%}.control-panel{margin-bottom:var(--spacing-lg)}*:focus-visible{outline:1px solid var(--primary-color);outline-offset:2px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--background-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--text-color-light)}@media(max-width:768px){.app-container{padding:var(--spacing-lg)}.app-container h1{font-size:1.8rem;margin-bottom:var(--spacing-lg)}.task-manager-container,.english-review-container,.data-manager-container{padding:var(--spacing-lg)}.app-container .ant-tabs-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:14px}.task-manager-container .task-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.task-manager-container .task-progress-info{width:100%;min-width:auto}.task-manager-container .task-content{width:100%}.task-manager-container .delete-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);opacity:1}}@media(max-width:480px){.app-container h1{font-size:1.5rem}.task-manager-container .ant-btn,.english-review-container .ant-btn,.data-manager-container .ant-btn{width:100%;margin-bottom:var(--spacing-sm)}.english-review-container .ant-list-item{padding:var(--spacing-md) 0;font-size:14px}}.data-tips{background-color:var(--background-color);padding:var(--spacing-lg);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.data-tips ul{margin-bottom:0;padding-left:20px}.data-tips li{margin-bottom:var(--spacing-sm);line-height:1.5;position:relative}.data-tips li .anticon{vertical-align:middle;margin-right:4px}.format-description{margin-top:var(--spacing-md);padding:var(--spacing-md);background-color:var(--background-white);border-radius:var(--border-radius);color:var(--text-color-secondary);border-left:3px solid var(--border-color)}.import-result-header{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:#f6ffed;border:1px solid #b7eb8f;border-radius:var(--border-radius);color:#52c41a;display:flex;align-items:center}.import-result-header:before{content:"✓";margin-right:var(--spacing-sm);font-weight:700;font-size:16px}.import-errors{margin-bottom:var(--spacing-md);padding:var(--spacing-md);background-color:#fff2e8;border:1px solid #ffbb96;border-radius:var(--border-radius);color:#fa8c16;max-height:300px;overflow-y:auto}.import-errors ul{margin-bottom:0;padding-left:20px}.import-errors li{margin-bottom:var(--spacing-sm);line-height:1.4}.import-actions{margin-top:var(--spacing-md);border-top:1px solid var(--border-color-light);padding-top:var(--spacing-md)}.action-description{margin-top:var(--spacing-md)}.action-description p{margin-bottom:var(--spacing-sm);line-height:1.5;color:var(--text-color-secondary);padding:var(--spacing-sm);border-radius:var(--border-radius)}.action-description p:first-child{background-color:#f0f9ff;border-left:3px solid var(--primary-color)}.action-description p:last-child{background-color:#fff7e6;border-left:3px solid #fa8c16}.import-summary{margin-bottom:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--background-white);border-radius:var(--border-radius);border:1px solid var(--border-color-light)}.import-summary-item{margin-bottom:var(--spacing-sm);display:flex;justify-content:space-between}.import-summary-item strong{color:var(--primary-color)}font-weight: 500; border-radius: var(--border-radius); transition: all var(--transition); border: 1px solid var(--border-color); background: var(--background-white); } .data-manager .ant-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.data-manager .ant-btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.data-manager .ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff}.data-manager .ant-btn-danger{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.data-manager .ant-btn-danger:hover{background:#ff7875;border-color:#ff7875}@media(max-width:768px){.data-tips{padding:var(--spacing-md)}.import-errors{max-height:200px}}.ant-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a;transition:all .2s ease}.text-to-speech-container{padding:2rem;min-height:500px}.tts-card{border-radius:6px;overflow:hidden;position:relative}.tts-card .ant-card-head{background:#fafafa;border-bottom:1px solid #f0f0f0}.tts-card .ant-card-head-title{color:#1890ff;font-weight:600}.tts-card .ant-card-body{padding:1.5rem}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;margin-bottom:20px}.loading-overlay{position:absolute;inset:0;background:#ffffffd9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-text{margin-top:15px;font-size:16px;color:#00000073}.input-section{margin-bottom:20px}.text-area{margin-top:10px;margin-bottom:10px;border-radius:6px;font-size:15px}.text-info{display:flex;justify-content:space-between;font-size:13px}.settings-section,.voice-selection{margin-bottom:20px}.select-group{display:flex;align-items:center;gap:15px;margin-bottom:15px}.control-group{display:flex;flex-direction:column;gap:8px}.control-group .ant-typography{font-weight:500}.control-group .ant-switch{margin-left:8px}.gpu-notice{margin-top:15px;padding:10px 15px;background-color:#fff7ed;border-radius:6px;border-left:3px solid #fb923c}.control-section{display:flex;flex-direction:column;gap:16px}.generation-progress-wrapper{width:100%;margin-bottom:8px}.controls-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.generate-button{min-width:120px;height:40px}.playback-controls{display:flex;align-items:center;gap:12px;flex:1;min-width:500px}.play-icon-button,.download-icon-button{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-size:18px;cursor:pointer;color:#4ba8ff}.play-icon-button:hover,.download-icon-button:hover{background-color:#eff7ff;color:#1890ff}.time-display{display:flex;align-items:center;gap:8px;min-width:100px;flex-shrink:0}.time-current{font-size:15px;color:#1890ff;font-weight:600}.time-divider{font-size:15px;color:#d9d9d9}.time-total{font-size:15px;color:#8c8c8c}.playback-slider{flex:1;min-width:200px}@media(max-width:768px){.text-to-speech-container{padding:15px}.select-group{flex-direction:column;align-items:flex-start;gap:10px}.controls-row{flex-direction:column;align-items:stretch}.generate-button{width:100%}.playback-controls{flex-direction:column;width:100%;min-width:auto}.play-icon-button,.download-icon-button{width:100%}.time-display{min-width:auto}.playback-slider{width:100%}}
