*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5}.app-container{max-width:768px;margin:0 auto;min-height:100vh;padding-bottom:70px}.tab-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:768px;display:flex;background:#fff;border-top:1px solid #e8e8e8;z-index:100}.tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 0;text-decoration:none;color:#999;transition:color .3s}.tab-item.active{color:#667eea}.tab-icon{font-size:24px;margin-bottom:4px}.tab-text{font-size:12px}.container{padding:20px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:16px;font-weight:700;cursor:pointer;width:100%;transition:opacity .3s}.btn-primary:hover{opacity:.9}.btn-primary:active{opacity:.8}.card{background-color:#fff;border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px #0000000d}.input-group{margin-bottom:20px}.input-label{font-size:14px;color:#333;margin-bottom:8px;font-weight:500;display:block}.input-field{background-color:#f8f8f8;border-radius:12px;padding:12px 16px;font-size:14px;border:2px solid #e8e8e8;width:100%;outline:none;transition:border-color .3s}.input-field:focus{border-color:#667eea}.textarea{min-height:100px;line-height:1.6;resize:vertical}select.input-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.header[data-v-bd780398]{text-align:center;padding:40px 0 30px}.title[data-v-bd780398]{font-size:32px;font-weight:700;color:#333;margin-bottom:8px}.subtitle[data-v-bd780398]{font-size:14px;color:#999}.novel-info[data-v-ba41c806]{text-align:center}.novel-title[data-v-ba41c806]{font-size:20px;font-weight:700;color:#333;margin-bottom:12px}.info-tags[data-v-ba41c806]{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.tag[data-v-ba41c806]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px}.section-title[data-v-ba41c806]{font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.progress-bar[data-v-ba41c806]{background-color:#e8e8e8;border-radius:15px;height:20px;overflow:hidden;margin-bottom:8px}.progress-fill[data-v-ba41c806]{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .3s}.progress-text[data-v-ba41c806]{font-size:12px;color:#666;text-align:center}.novel-content[data-v-ba41c806]{background-color:#f8f8f8;border-radius:12px;padding:16px;min-height:300px;line-height:1.8;max-height:400px;overflow-y:auto}.content-text[data-v-ba41c806]{font-size:14px;color:#333;line-height:1.8;white-space:pre-wrap}.cursor[data-v-ba41c806]{display:inline-block;width:2px;height:18px;background-color:#667eea;animation:blink-ba41c806 1s infinite;vertical-align:middle}@keyframes blink-ba41c806{0%,50%{opacity:1}51%,to{opacity:0}}.action-buttons[data-v-ba41c806]{display:flex;gap:12px;margin-top:20px}.btn-secondary[data-v-ba41c806]{flex:1;background-color:#fff;color:#667eea;border:2px solid #667eea;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-secondary[data-v-ba41c806]:hover{background-color:#667eea;color:#fff}.btn-cancel[data-v-ba41c806]{flex:1;background-color:#fff;color:#ff4757;border:2px solid #ff4757;border-radius:12px;padding:14px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s}.btn-cancel[data-v-ba41c806]:hover{background-color:#ff4757;color:#fff}.empty-state[data-v-277ba0a5]{text-align:center;padding:100px 0}.empty-icon[data-v-277ba0a5]{font-size:60px;margin-bottom:16px}.empty-text[data-v-277ba0a5]{font-size:18px;color:#333;margin-bottom:8px}.empty-hint[data-v-277ba0a5]{font-size:14px;color:#999}.history-item[data-v-277ba0a5]{position:relative;cursor:pointer;transition:transform .2s}.history-item[data-v-277ba0a5]:hover{transform:translateY(-2px)}.item-header[data-v-277ba0a5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.item-title[data-v-277ba0a5]{font-size:16px;font-weight:700;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-genre[data-v-277ba0a5]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;margin-left:8px}.item-info[data-v-277ba0a5]{display:flex;justify-content:space-between;margin-bottom:8px}.item-time[data-v-277ba0a5],.item-style[data-v-277ba0a5]{font-size:12px;color:#999}.item-actions[data-v-277ba0a5]{border-top:1px solid #e8e8e8;padding-top:8px;text-align:right}.btn-small[data-v-277ba0a5]{background-color:#fff;color:#ff4757;border:1px solid #ff4757;border-radius:6px;padding:4px 16px;font-size:12px;cursor:pointer;transition:all .3s}.btn-small[data-v-277ba0a5]:hover{background-color:#ff4757;color:#fff}.header[data-v-51228ceb]{text-align:center;padding:30px 0 20px}.title[data-v-51228ceb]{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.subtitle[data-v-51228ceb]{font-size:14px;color:#999}.input-group[data-v-51228ceb]{margin-bottom:18px}.input-label[data-v-51228ceb]{display:block;font-size:14px;font-weight:700;color:#555;margin-bottom:8px}.input-field[data-v-51228ceb]{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:10px;font-size:14px;color:#333;outline:none;transition:border-color .3s;background:#fff;box-sizing:border-box}.input-field[data-v-51228ceb]:focus{border-color:#667eea}.textarea[data-v-51228ceb]{min-height:100px;resize:vertical;line-height:1.6}.char-count[data-v-51228ceb]{display:block;text-align:right;font-size:12px;color:#999;margin-top:4px}.dropdown[data-v-51228ceb]{position:relative;border:2px solid #e8e8e8;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .3s;-webkit-user-select:none;user-select:none}.dropdown[data-v-51228ceb]:hover,.dropdown.active[data-v-51228ceb]{border-color:#667eea}.dropdown-header[data-v-51228ceb]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;color:#333;-webkit-tap-highlight-color:transparent}.dropdown-arrow[data-v-51228ceb]{font-size:10px;color:#999;transition:transform .25s}.dropdown-arrow.open[data-v-51228ceb]{transform:rotate(180deg)}.dropdown-body[data-v-51228ceb]{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:2px solid #667eea;border-top:none;border-radius:0 0 10px 10px;max-height:240px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.dropdown-item[data-v-51228ceb]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.dropdown-item[data-v-51228ceb]:hover{background:#f5f5ff}.dropdown-item.selected[data-v-51228ceb]{background:#f0f0ff;color:#667eea;font-weight:700}.item-label[data-v-51228ceb]{font-weight:500}.item-desc[data-v-51228ceb]{font-size:12px;color:#999}.btn-primary[data-v-51228ceb]{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:10px}.btn-primary[data-v-51228ceb]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-51228ceb]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.error-msg[data-v-51228ceb]{background:#fff0f0;color:#ff4757;padding:12px 16px;border-radius:10px;margin-top:12px;font-size:14px;text-align:center}.result-section[data-v-51228ceb]{margin-top:20px}.section-title[data-v-51228ceb]{font-size:16px;font-weight:700;color:#333;margin-bottom:16px}.image-grid[data-v-51228ceb]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.image-item[data-v-51228ceb]{border-radius:12px;overflow:hidden;background:#f8f8f8;box-shadow:0 2px 8px #0000001a}.generated-image[data-v-51228ceb]{width:100%;height:auto;display:block;cursor:pointer}.image-actions[data-v-51228ceb]{padding:10px;text-align:center}.btn-download[data-v-51228ceb]{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;padding:8px 24px;font-size:14px;cursor:pointer;text-decoration:none;transition:all .3s}.btn-download[data-v-51228ceb]:active{transform:scale(.96)}.history-section[data-v-51228ceb]{margin-top:20px}.history-header[data-v-51228ceb]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-header .section-title[data-v-51228ceb]{margin-bottom:0}.btn-clear[data-v-51228ceb]{background:none;border:1px solid #e0e0e0;color:#999;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-clear[data-v-51228ceb]:hover{border-color:#ff4757;color:#ff4757}.history-list[data-v-51228ceb]{display:flex;flex-direction:column;gap:10px}.history-item[data-v-51228ceb]{display:flex;gap:12px;padding:10px;background:#fafafa;border-radius:10px;cursor:pointer;transition:background .2s}.history-item[data-v-51228ceb]:hover{background:#f0f0ff}.history-image[data-v-51228ceb]{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.history-info[data-v-51228ceb]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.history-prompt[data-v-51228ceb]{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.history-meta[data-v-51228ceb]{font-size:11px;color:#999}.preview-overlay[data-v-51228ceb]{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn-51228ceb .2s ease}@keyframes fadeIn-51228ceb{0%{opacity:0}to{opacity:1}}.preview-container[data-v-51228ceb]{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.preview-close[data-v-51228ceb]{position:absolute;top:20px;right:20px;width:36px;height:36px;border:none;background:#fff3;color:#fff;font-size:18px;border-radius:50%;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center}.preview-image[data-v-51228ceb]{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 4px 20px #00000080;-webkit-user-drag:none}.preview-hint[data-v-51228ceb]{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#0009;color:#fff;padding:10px 20px;border-radius:20px;font-size:14px;white-space:nowrap;animation:hintPulse-51228ceb 2s ease-in-out infinite}@keyframes hintPulse-51228ceb{0%,to{opacity:.7}50%{opacity:1}}.hint-icon[data-v-51228ceb]{font-size:18px}@media (max-width: 480px){.image-grid[data-v-51228ceb]{grid-template-columns:1fr}.preview-hint[data-v-51228ceb]{font-size:13px;padding:8px 16px}.history-image[data-v-51228ceb]{width:64px;height:64px}}.header[data-v-9aa9cc7f]{text-align:center;padding:30px 0 20px}.title[data-v-9aa9cc7f]{font-size:28px;font-weight:700;color:#333;margin-bottom:8px}.subtitle[data-v-9aa9cc7f]{font-size:14px;color:#999}.input-group[data-v-9aa9cc7f]{margin-bottom:18px}.input-label[data-v-9aa9cc7f]{display:block;font-size:14px;font-weight:700;color:#555;margin-bottom:8px}.input-field[data-v-9aa9cc7f]{width:100%;padding:12px 16px;border:2px solid #e8e8e8;border-radius:10px;font-size:14px;color:#333;outline:none;transition:border-color .3s,opacity .3s;background:#fff;box-sizing:border-box}.input-field[data-v-9aa9cc7f]:focus{border-color:#667eea}.input-field[data-v-9aa9cc7f]:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.textarea[data-v-9aa9cc7f]{min-height:100px;resize:vertical;line-height:1.6}.char-count[data-v-9aa9cc7f]{display:block;text-align:right;font-size:12px;color:#999;margin-top:4px}.card-disabled[data-v-9aa9cc7f]{opacity:.7;pointer-events:none;-webkit-user-select:none;user-select:none}.dropdown[data-v-9aa9cc7f]{position:relative;border:2px solid #e8e8e8;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .3s,opacity .3s;-webkit-user-select:none;user-select:none}.dropdown[data-v-9aa9cc7f]:hover,.dropdown.active[data-v-9aa9cc7f]{border-color:#667eea}.dropdown.disabled[data-v-9aa9cc7f]{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-header[data-v-9aa9cc7f]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;color:#333;-webkit-tap-highlight-color:transparent}.dropdown-arrow[data-v-9aa9cc7f]{font-size:10px;color:#999;transition:transform .25s}.dropdown-arrow.open[data-v-9aa9cc7f]{transform:rotate(180deg)}.dropdown-body[data-v-9aa9cc7f]{position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;border:2px solid #667eea;border-top:none;border-radius:0 0 10px 10px;max-height:240px;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.dropdown-item[data-v-9aa9cc7f]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;color:#333;cursor:pointer;transition:background .15s;-webkit-tap-highlight-color:transparent}.dropdown-item[data-v-9aa9cc7f]:hover{background:#f5f5ff}.dropdown-item.selected[data-v-9aa9cc7f]{background:#f0f0ff;color:#667eea;font-weight:700}.item-label[data-v-9aa9cc7f]{font-weight:500}.item-desc[data-v-9aa9cc7f]{font-size:12px;color:#999}.btn-video[data-v-9aa9cc7f]{position:relative;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;padding:16px 24px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s;margin-top:10px;overflow:hidden}.btn-video.loading[data-v-9aa9cc7f]{cursor:not-allowed}.btn-video[data-v-9aa9cc7f]:disabled{opacity:.6;cursor:not-allowed}.btn-video[data-v-9aa9cc7f]:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea66}.btn-content[data-v-9aa9cc7f]{display:flex;align-items:center;justify-content:center;gap:8px}.spinner[data-v-9aa9cc7f]{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-9aa9cc7f .8s linear infinite}@keyframes spin-9aa9cc7f{to{transform:rotate(360deg)}}.error-msg[data-v-9aa9cc7f]{background:#fff0f0;color:#ff4757;padding:12px 16px;border-radius:10px;margin-top:12px;font-size:14px;text-align:center;line-height:1.6}.status-section[data-v-9aa9cc7f]{margin-top:20px}.section-title[data-v-9aa9cc7f]{font-size:16px;font-weight:700;color:#333;margin-bottom:12px}.status-info[data-v-9aa9cc7f]{text-align:center;margin-bottom:12px}.status-badge[data-v-9aa9cc7f]{display:inline-block;padding:6px 20px;border-radius:20px;font-size:14px;font-weight:700}.status-queued[data-v-9aa9cc7f]{background:#fff3cd;color:#856404}.status-running[data-v-9aa9cc7f]{background:#cce5ff;color:#004085}.status-succeeded[data-v-9aa9cc7f]{background:#d4edda;color:#155724}.status-failed[data-v-9aa9cc7f]{background:#f8d7da;color:#721c24}.status-canceled[data-v-9aa9cc7f]{background:#e2e3e5;color:#383d41}.progress-bar[data-v-9aa9cc7f]{background-color:#e8e8e8;border-radius:15px;height:8px;overflow:hidden;margin-bottom:8px}.progress-animate[data-v-9aa9cc7f]{width:30%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;animation:loading-9aa9cc7f 1.5s ease-in-out infinite}@keyframes loading-9aa9cc7f{0%{transform:translate(-100%);width:30%}50%{width:50%}to{transform:translate(400%);width:30%}}.hint-text[data-v-9aa9cc7f]{font-size:13px;color:#999;text-align:center}.result-section[data-v-9aa9cc7f]{margin-top:20px}.video-wrapper[data-v-9aa9cc7f]{border-radius:12px;overflow:hidden;background:#000;box-shadow:0 2px 8px #0000001a}.generated-video[data-v-9aa9cc7f]{width:100%;display:block;max-height:500px}.video-actions[data-v-9aa9cc7f]{padding:12px;text-align:center}.btn-download[data-v-9aa9cc7f]{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 24px;border-radius:8px;font-size:14px;border:none;cursor:pointer;text-decoration:none;transition:all .3s}.btn-download[data-v-9aa9cc7f]:hover{transform:translateY(-1px);box-shadow:0 2px 8px #667eea66}select[data-v-9aa9cc7f]:disabled{opacity:.5;cursor:not-allowed;background:#f5f5f5}.history-section[data-v-9aa9cc7f]{margin-top:20px}.history-header[data-v-9aa9cc7f]{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.history-header .section-title[data-v-9aa9cc7f]{margin-bottom:0}.btn-clear[data-v-9aa9cc7f]{background:none;border:1px solid #e0e0e0;color:#999;padding:4px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-clear[data-v-9aa9cc7f]:hover{border-color:#ff4757;color:#ff4757}.history-list[data-v-9aa9cc7f]{display:flex;flex-direction:column;gap:10px}.history-item[data-v-9aa9cc7f]{display:flex;gap:12px;padding:10px;background:#fafafa;border-radius:10px;cursor:pointer;transition:background .2s}.history-item[data-v-9aa9cc7f]:hover{background:#f0f0ff}.history-thumb[data-v-9aa9cc7f]{width:80px;height:80px;background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #e8e8e8}.play-icon[data-v-9aa9cc7f]{font-size:24px;color:#667eea;opacity:.7}.history-info[data-v-9aa9cc7f]{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.history-prompt[data-v-9aa9cc7f]{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.history-meta[data-v-9aa9cc7f]{font-size:11px;color:#999}@media (max-width: 480px){.history-thumb[data-v-9aa9cc7f]{width:64px;height:64px}}