*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-x:hidden}#app{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.sidebar[data-v-330e9ebd]{color:#666;z-index:100;background-color:#fff;flex-direction:column;width:80px;height:100vh;padding:20px 12px;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 8px #0000000d}.logo-section[data-v-330e9ebd]{justify-content:center;margin-bottom:20px;display:flex}.logo-link[data-v-330e9ebd],.logo[data-v-330e9ebd]{justify-content:center;align-items:center;display:flex}.logo-icon[data-v-330e9ebd]{object-fit:contain;width:auto;max-width:60px;height:auto;max-height:60px}.menu-section[data-v-330e9ebd]{flex-direction:column;flex:1;align-items:center;display:flex}.menu-list[data-v-330e9ebd]{flex-direction:column;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.menu-divider[data-v-330e9ebd]{background-color:#eee;width:40px;height:1px;margin:8px 0}.menu-link[data-v-330e9ebd]{text-decoration:none}.menu-item[data-v-330e9ebd]{cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:10px 12px;transition:all .3s;display:flex;position:relative}.menu-item[data-v-330e9ebd]:hover{color:#667eea;background-color:#667eea1a}.menu-item.active[data-v-330e9ebd]{color:#667eea;background-color:#667eea26}.menu-item.active .menu-icon-svg[data-v-330e9ebd],.menu-item:hover .menu-icon-svg[data-v-330e9ebd]{transform:scale(1.1)}.menu-icon-svg[data-v-330e9ebd]{width:20px;height:20px;transition:transform .3s}.menu-name[data-v-330e9ebd]{color:#666;font-size:11px}.menu-item.active .menu-name[data-v-330e9ebd],.menu-item:hover .menu-name[data-v-330e9ebd]{color:#667eea;font-weight:500}.menu-badge[data-v-330e9ebd]{color:#fff;border-radius:10px;padding:2px 6px;font-size:9px;font-weight:600;position:absolute;top:-4px;right:-4px}.badge-beta[data-v-330e9ebd]{background-color:#667eea}.badge-purple[data-v-330e9ebd]{background-color:#8b5cf6}.badge-yellow[data-v-330e9ebd]{background-color:#eab308}.user-section[data-v-330e9ebd]{border-top:1px solid #eee;flex-direction:column;align-items:center;gap:16px;padding-top:12px;display:flex}.login-btn[data-v-330e9ebd]{color:#333;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;width:100%;padding:10px;font-size:12px;transition:all .3s}.login-btn[data-v-330e9ebd]:hover{color:#667eea;border-color:#667eea}.user-actions[data-v-330e9ebd]{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.more-btn[data-v-330e9ebd]{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.more-btn[data-v-330e9ebd]:hover{background-color:#667eea1a}.more-icon[data-v-330e9ebd]{fill:#999;width:20px;height:20px}.more-btn:hover .more-icon[data-v-330e9ebd]{fill:#667eea}.more-dropdown[data-v-330e9ebd]{z-index:200;background:#fff;border-radius:12px;min-width:160px;padding:8px 0;position:absolute;bottom:0;right:0;transform:translate(calc(100% + 12px));box-shadow:0 4px 20px #0000001a}.more-menu[data-v-330e9ebd]{margin:0;padding:0;list-style:none}.more-item[data-v-330e9ebd]{color:#666;cursor:pointer;padding:10px 20px;font-size:13px;transition:background-color .3s}.more-item[data-v-330e9ebd]:hover{color:#667eea;background-color:#667eea1a}.app-container[data-v-4d52db44]{min-height:100vh;display:flex}.main-content[data-v-4d52db44]{flex:1;width:calc(100% - 80px);min-height:100vh;margin-left:80px}.content[data-v-5f5d4a93]{box-sizing:border-box;background-color:#fff;width:100%;max-width:1600px;min-height:100vh;margin:0 auto;padding:40px 24px}.creation-section[data-v-5f5d4a93]{margin-bottom:24px}.creation-tabs[data-v-5f5d4a93]{gap:12px;margin-bottom:20px;display:flex}.tab-btn[data-v-5f5d4a93]{color:#666;cursor:pointer;background:#f8f8f8;border:1px solid #e8e8e8;border-radius:24px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;transition:all .3s;display:flex;position:relative;overflow:hidden}.tab-btn[data-v-5f5d4a93]:hover{color:#667eea;border-color:#667eea;transform:scale(1.02);box-shadow:0 4px 12px #667eea26}.tab-btn.active[data-v-5f5d4a93]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#8b5cf6 100%);border-color:#0000;transform:scale(1.02);box-shadow:0 4px 16px #667eea4d}.tab-icon[data-v-5f5d4a93]{width:18px;height:18px}.creation-header[data-v-5f5d4a93]{margin-bottom:20px}.main-title[data-v-5f5d4a93]{color:#1a1a1a;margin:0 0 8px;font-size:32px;font-weight:700}.sub-title[data-v-5f5d4a93]{color:#1a1a1a;margin:0;font-size:32px;font-weight:700}.highlight[data-v-5f5d4a93]{color:#667eea}.creation-input-area[data-v-5f5d4a93]{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:20px}.input-group[data-v-5f5d4a93]{align-items:center;gap:16px;margin-bottom:16px;display:flex}.add-btn[data-v-5f5d4a93]{color:#999;cursor:pointer;background:#fafafa;border:1px dashed #ddd;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:72px;height:72px;padding:12px;font-size:12px;transition:all .3s;display:flex}.add-btn[data-v-5f5d4a93]:hover{color:#667eea;background:#667eea0d;border-color:#667eea}.frame-separator[data-v-5f5d4a93]{color:#999;justify-content:center;align-items:center;width:24px;height:72px;font-size:20px;font-weight:300;display:flex}.prompt-input[data-v-5f5d4a93]{color:#333;resize:none;background:0 0;border:none;flex:1;height:72px;padding:12px 0;font-family:inherit;font-size:14px;line-height:1.6}.prompt-input[data-v-5f5d4a93]:focus{outline:none}.prompt-input[data-v-5f5d4a93]::placeholder{color:#bbb}.creation-footer[data-v-5f5d4a93]{justify-content:space-between;align-items:center;display:flex}.model-selector[data-v-5f5d4a93]{align-items:center;gap:10px;display:flex}.settings-btn[data-v-5f5d4a93]{color:#666;cursor:pointer;background:#f5f5f5;border:none;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;transition:all .3s;display:flex}.settings-btn[data-v-5f5d4a93]:hover{background-color:#e8e8e8}.setting-divider[data-v-5f5d4a93]{color:#ccc;margin:0 2px}.settings-container[data-v-5f5d4a93]{display:inline-block;position:relative}.settings-dropdown[data-v-5f5d4a93]{z-index:100;background:#fff;border-radius:16px;width:300px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 20px 60px #00000026}.dropdown-body[data-v-5f5d4a93]{padding:20px}.setting-section[data-v-5f5d4a93]{margin-bottom:24px}.setting-section[data-v-5f5d4a93]:last-child{margin-bottom:0}.section-title[data-v-5f5d4a93]{color:#333;margin-bottom:12px;font-size:14px;font-weight:600}.setting-options[data-v-5f5d4a93]{flex-wrap:wrap;gap:8px;display:flex}.option-btn[data-v-5f5d4a93]{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .3s}.option-btn[data-v-5f5d4a93]:hover{color:#667eea;border-color:#667eea}.option-btn.active[data-v-5f5d4a93]{color:#fff;background:#667eea;border-color:#667eea}.resolution-options[data-v-5f5d4a93]{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.resolution-btn[data-v-5f5d4a93]{box-sizing:border-box;width:100%}.duration-options[data-v-5f5d4a93]{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.duration-btn[data-v-5f5d4a93]{box-sizing:border-box;width:100%}.ratio-options[data-v-5f5d4a93]{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.ratio-btn[data-v-5f5d4a93]{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 4px;display:flex}.ratio-icon[data-v-5f5d4a93]{flex-shrink:0}.ratio-btn.active .ratio-icon rect[data-v-5f5d4a93]{stroke:#fff;fill:#ffffff4d}.model-tag[data-v-5f5d4a93]{color:#666;background:#f5f5f5;border:none;border-radius:20px;align-items:center;gap:5px;padding:8px 14px;font-size:13px;display:flex}.action-buttons[data-v-5f5d4a93]{align-items:center;gap:16px;display:flex}.model-select[data-v-5f5d4a93]{color:#666;cursor:pointer;appearance:none;background:#f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border:none;border-radius:20px;outline:none;padding:8px 30px 8px 14px;font-size:13px}.model-select[data-v-5f5d4a93]:hover{background-color:#e8e8e8}.layer-select[data-v-5f5d4a93]{color:#666;cursor:pointer;appearance:none;background:#f5f5f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border:none;border-radius:12px;outline:none;min-width:60px;padding:10px 28px 10px 16px;font-size:14px}.layer-select[data-v-5f5d4a93]:hover{background-color:#e8e8e8}.btn[data-v-5f5d4a93]{cursor:pointer;border:none;border-radius:12px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .3s}.btn-primary[data-v-5f5d4a93]{color:#fff;background:#1a1a1a;padding:12px 32px}.btn-primary[data-v-5f5d4a93]:hover{background:#333;transform:scale(1.05)}.carousel-section[data-v-5f5d4a93]{margin-bottom:24px}.carousel-wrapper[data-v-5f5d4a93]{gap:16px;display:flex}.carousel-container[data-v-5f5d4a93]{flex:1;position:relative;overflow:hidden}.carousel-track[data-v-5f5d4a93]{transition:transform .5s;display:flex}.carousel-slide[data-v-5f5d4a93]{flex:0 0 100%}.carousel-card[data-v-5f5d4a93]{background:linear-gradient(135deg,#1a1a1a 0%,#2d2d2d 100%);border-radius:12px;height:180px;display:flex;overflow:hidden}.carousel-content[data-v-5f5d4a93]{flex-direction:column;flex:1;justify-content:center;padding:24px;display:flex}.carousel-brand[data-v-5f5d4a93]{color:#667eea;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.carousel-title[data-v-5f5d4a93]{color:#fff;margin:0;font-size:20px;font-weight:600}.carousel-image[data-v-5f5d4a93]{flex-shrink:0;width:280px}.carousel-image img[data-v-5f5d4a93]{object-fit:cover;width:100%;height:100%}.carousel-indicators[data-v-5f5d4a93]{gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.indicator[data-v-5f5d4a93]{cursor:pointer;background:#fff6;border-radius:50%;width:8px;height:8px;transition:all .3s}.indicator.active[data-v-5f5d4a93]{background:#fff;border-radius:4px;width:20px}.recommend-section[data-v-5f5d4a93]{margin-top:8px}.section-header[data-v-5f5d4a93]{margin-bottom:16px}.tags-container[data-v-5f5d4a93]{flex-wrap:wrap;gap:8px;display:flex}.tag-btn[data-v-5f5d4a93]{color:#666;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:16px;padding:6px 14px;font-size:13px;transition:all .3s}.tag-btn[data-v-5f5d4a93]:hover{color:#667eea;border-color:#667eea}.tag-btn.active[data-v-5f5d4a93]{color:#333;background:#f0f0f0;border-color:#ddd}.works-masonry[data-v-5f5d4a93]{column-count:4;column-gap:12px}.work-item[data-v-5f5d4a93]{break-inside:avoid;cursor:pointer;margin-bottom:12px}.work-image-wrapper[data-v-5f5d4a93]{border-radius:8px;margin-bottom:8px;position:relative;overflow:hidden}.work-image[data-v-5f5d4a93]{object-fit:cover;width:100%;height:100%}.work-overlay[data-v-5f5d4a93]{opacity:0;background:#0006;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.work-item:hover .work-overlay[data-v-5f5d4a93]{opacity:1}.work-info[data-v-5f5d4a93]{justify-content:space-between;align-items:center;display:flex}.work-title[data-v-5f5d4a93]{color:#333;font-size:13px;font-weight:500}.work-likes[data-v-5f5d4a93]{color:#999;align-items:center;gap:4px;font-size:12px;display:flex}.work-likes svg[data-v-5f5d4a93]{color:#ff4757}.work-bottom-bar[data-v-5f5d4a93]{opacity:0;justify-content:space-between;align-items:center;padding:8px 12px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.work-item:hover .work-bottom-bar[data-v-5f5d4a93]{opacity:1}.work-author[data-v-5f5d4a93]{color:#fff;align-items:center;gap:6px;font-size:12px;display:flex}.work-author svg[data-v-5f5d4a93]{color:#667eea}.work-stats[data-v-5f5d4a93]{align-items:center;gap:12px;display:flex}.work-views[data-v-5f5d4a93]{color:#fff;align-items:center;gap:4px;font-size:12px;display:flex}.work-stats .work-likes[data-v-5f5d4a93]{color:#fff}.work-info[data-v-5f5d4a93]{display:none}@media (width<=1200px){.works-masonry[data-v-5f5d4a93]{column-count:3}.carousel-card[data-v-5f5d4a93]{height:160px}.carousel-image[data-v-5f5d4a93]{width:220px}}@media (width<=992px){.content[data-v-5f5d4a93]{padding:24px 16px}.creation-tabs[data-v-5f5d4a93]{flex-wrap:wrap}.tab-btn[data-v-5f5d4a93]{flex:none;min-width:120px}.works-masonry[data-v-5f5d4a93]{column-count:2}.carousel-wrapper[data-v-5f5d4a93]{flex-direction:column}.carousel-card[data-v-5f5d4a93]{height:140px}.carousel-image[data-v-5f5d4a93]{width:180px}.carousel-title[data-v-5f5d4a93]{font-size:16px}}@media (width<=768px){.content[data-v-5f5d4a93]{padding:16px 12px}.creation-header[data-v-5f5d4a93]{flex-direction:column;align-items:flex-start;gap:8px}.sub-title[data-v-5f5d4a93]{margin-top:0}.input-group[data-v-5f5d4a93]{flex-direction:column;align-items:flex-start}.frame-separator[data-v-5f5d4a93]{display:none}.prompt-input[data-v-5f5d4a93]{width:100%;margin-top:12px}.creation-footer[data-v-5f5d4a93]{flex-direction:column;align-items:flex-start;gap:12px}.model-selector[data-v-5f5d4a93]{flex-wrap:wrap}.action-buttons[data-v-5f5d4a93]{justify-content:space-between;width:100%}.works-masonry[data-v-5f5d4a93]{column-count:1}.carousel-card[data-v-5f5d4a93]{flex-direction:column;height:auto}.carousel-content[data-v-5f5d4a93]{padding:16px}.carousel-image[data-v-5f5d4a93]{width:100%;height:180px}}@media (width<=480px){.tab-btn[data-v-5f5d4a93]{min-width:100px;padding:10px 16px;font-size:12px}.tab-text[data-v-5f5d4a93]{font-size:12px}.main-title[data-v-5f5d4a93]{font-size:24px}.sub-title[data-v-5f5d4a93]{font-size:16px}.carousel-title[data-v-5f5d4a93]{font-size:14px}}.content[data-v-eda22b1f]{background-color:#fff;min-height:100vh;padding:24px}.page-header[data-v-eda22b1f]{margin-bottom:32px}.page-title[data-v-eda22b1f]{color:#333;margin:0 0 8px;font-size:28px;font-weight:700}.page-desc[data-v-eda22b1f]{color:#999;margin:0;font-size:14px}.asset-grid[data-v-eda22b1f]{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.asset-card[data-v-eda22b1f]{background:#f8f9fa;border-radius:12px;flex-direction:column;align-items:center;gap:16px;padding:24px;transition:all .3s;display:flex}.asset-card[data-v-eda22b1f]:hover{background:#fff;box-shadow:0 4px 12px #0000000d}.asset-icon[data-v-eda22b1f]{background:#fff;border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.asset-info[data-v-eda22b1f]{text-align:center}.asset-name[data-v-eda22b1f]{color:#333;margin:0 0 4px;font-size:16px;font-weight:600}.asset-count[data-v-eda22b1f]{color:#999;font-size:13px}.recent-section[data-v-eda22b1f]{background:#f8f9fa;border-radius:12px;padding:20px}.section-title[data-v-eda22b1f]{color:#333;margin:0 0 16px;font-size:18px;font-weight:600}.file-list[data-v-eda22b1f]{flex-direction:column;gap:12px;display:flex}.file-item[data-v-eda22b1f]{background:#fff;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.file-icon[data-v-eda22b1f]{font-size:24px}.file-info[data-v-eda22b1f]{flex-direction:column;flex:1;gap:4px;display:flex}.file-name[data-v-eda22b1f]{color:#333;font-size:14px}.file-date[data-v-eda22b1f]{color:#999;font-size:12px}.file-size[data-v-eda22b1f]{color:#666;font-size:13px}.content[data-v-0c65056e]{background-color:#fff;min-height:100vh;padding:24px}.page-header[data-v-0c65056e]{margin-bottom:32px}.page-title[data-v-0c65056e]{color:#333;margin:0 0 8px;font-size:28px;font-weight:700}.page-desc[data-v-0c65056e]{color:#999;margin:0;font-size:14px}.tools-grid[data-v-0c65056e]{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.tool-card[data-v-0c65056e]{background:#f8f9fa;border-radius:12px;gap:16px;padding:20px;transition:all .3s;display:flex}.tool-card[data-v-0c65056e]:hover{background:#fff;box-shadow:0 4px 12px #0000000d}.tool-icon[data-v-0c65056e]{color:#fff;background:#667eea;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.tool-content[data-v-0c65056e]{flex:1}.tool-name[data-v-0c65056e]{color:#333;margin:0 0 4px;font-size:16px;font-weight:600}.tool-desc[data-v-0c65056e]{color:#999;margin:0;font-size:13px}.content[data-v-84ad5d10]{background-color:#fff;min-height:100vh;padding:24px}.page-header[data-v-84ad5d10]{margin-bottom:32px}.page-title[data-v-84ad5d10]{color:#333;margin:0 0 8px;font-size:28px;font-weight:700}.page-desc[data-v-84ad5d10]{color:#999;margin:0;font-size:14px}.video-generator[data-v-84ad5d10]{margin-bottom:32px}.generator-card[data-v-84ad5d10]{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;padding:32px}.generator-title[data-v-84ad5d10]{margin:0 0 8px;font-size:24px;font-weight:700}.generator-desc[data-v-84ad5d10]{opacity:.9;margin:0 0 20px;font-size:14px}.generator-input[data-v-84ad5d10]{color:#fff;resize:none;background:#fff3;border:none;border-radius:8px;width:100%;margin-bottom:20px;padding:16px;font-size:14px}.generator-input[data-v-84ad5d10]::placeholder{color:#fff9}.generator-settings[data-v-84ad5d10]{gap:24px;margin-bottom:20px;display:flex}.setting-item[data-v-84ad5d10]{align-items:center;gap:8px;display:flex}.setting-item label[data-v-84ad5d10]{font-size:14px}.setting-item select[data-v-84ad5d10]{color:#fff;background:#fff3;border:none;border-radius:6px;padding:8px 12px;font-size:14px}.setting-item select option[data-v-84ad5d10]{color:#fff;background:#667eea}.generate-btn[data-v-84ad5d10]{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s}.generate-btn[data-v-84ad5d10]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.templates-section[data-v-84ad5d10]{margin-top:8px}.section-title[data-v-84ad5d10]{color:#333;margin:0 0 16px;font-size:18px;font-weight:600}.templates-grid[data-v-84ad5d10]{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.template-card[data-v-84ad5d10]{cursor:pointer}.template-image-wrapper[data-v-84ad5d10]{aspect-ratio:4/3;border-radius:12px;margin-bottom:12px;position:relative;overflow:hidden}.template-image[data-v-84ad5d10]{object-fit:cover;width:100%;height:100%}.template-overlay[data-v-84ad5d10]{opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.template-card:hover .template-overlay[data-v-84ad5d10]{opacity:1}.use-template-btn[data-v-84ad5d10]{color:#667eea;cursor:pointer;background:#fff;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:500}.template-info[data-v-84ad5d10]{padding:0 4px}.template-name[data-v-84ad5d10]{color:#333;margin:0 0 4px;font-size:14px;font-weight:600}.template-desc[data-v-84ad5d10]{color:#999;margin:0;font-size:12px}.content[data-v-84869bec]{background-color:#fff;min-height:100vh;padding:24px}.page-header[data-v-84869bec]{margin-bottom:32px}.page-title[data-v-84869bec]{color:#333;margin:0 0 8px;font-size:28px;font-weight:700}.page-desc[data-v-84869bec]{color:#999;margin:0;font-size:14px}.image-generator[data-v-84869bec]{margin-bottom:32px}.generator-card[data-v-84869bec]{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:16px;padding:32px}.generator-title[data-v-84869bec]{margin:0 0 16px;font-size:24px;font-weight:700}.generator-input[data-v-84869bec]{color:#fff;resize:none;background:#fff3;border:none;border-radius:8px;width:100%;margin-bottom:20px;padding:16px;font-size:14px}.generator-input[data-v-84869bec]::placeholder{color:#fff9}.styles-row[data-v-84869bec]{align-items:center;gap:16px;margin-bottom:20px;display:flex}.styles-label[data-v-84869bec]{font-size:14px}.styles-list[data-v-84869bec]{flex-wrap:wrap;gap:8px;display:flex}.style-btn[data-v-84869bec]{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .3s;display:flex}.style-btn[data-v-84869bec]:hover{background:#fff3}.style-btn.active[data-v-84869bec]{color:#f5576c;background:#fff;border-color:#fff}.style-icon[data-v-84869bec]{font-size:14px}.style-name[data-v-84869bec]{font-weight:500}.generate-btn[data-v-84869bec]{color:#f5576c;cursor:pointer;background:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;transition:all .3s}.generate-btn[data-v-84869bec]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.examples-section[data-v-84869bec]{margin-top:8px}.section-title[data-v-84869bec]{color:#333;margin:0 0 16px;font-size:18px;font-weight:600}.examples-grid[data-v-84869bec]{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.example-item[data-v-84869bec]{aspect-ratio:4/3;border-radius:12px;overflow:hidden}.example-image[data-v-84869bec]{object-fit:cover;width:100%;height:100%}.content[data-v-b5357300]{background-color:#fff;min-height:100vh;padding:24px}.page-header[data-v-b5357300]{margin-bottom:32px}.page-title[data-v-b5357300]{color:#333;margin:0 0 8px;font-size:28px;font-weight:700}.page-desc[data-v-b5357300]{color:#999;margin:0;font-size:14px}.audio-generator[data-v-b5357300]{margin-bottom:32px}.generator-card[data-v-b5357300]{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);border-radius:16px;padding:32px}.generator-title[data-v-b5357300]{margin:0 0 20px;font-size:24px;font-weight:700}.audio-type-tabs[data-v-b5357300]{gap:8px;margin-bottom:24px;display:flex}.type-tab[data-v-b5357300]{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;transition:all .3s;display:flex}.type-tab[data-v-b5357300]:hover{background:#fff3}.type-tab.active[data-v-b5357300]{color:#4facfe;background:#fff;border-color:#fff}.type-icon[data-v-b5357300]{font-size:16px}.generator-form[data-v-b5357300]{background:#ffffff1a;border-radius:12px;padding:20px}.form-group[data-v-b5357300]{margin-bottom:16px}.form-label[data-v-b5357300]{margin-bottom:8px;font-size:14px;display:block}.form-textarea[data-v-b5357300]{color:#fff;resize:none;background:#fff3;border:none;border-radius:8px;width:100%;padding:12px;font-size:14px}.form-textarea[data-v-b5357300]::placeholder{color:#fff9}.form-row[data-v-b5357300]{gap:16px;display:flex}.form-row .form-group[data-v-b5357300]{flex:1}.form-select[data-v-b5357300]{color:#fff;background:#fff3;border:none;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.form-select option[data-v-b5357300]{color:#fff;background:#4facfe}.generate-btn[data-v-b5357300]{color:#4facfe;cursor:pointer;background:#fff;border:none;border-radius:8px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:all .3s}.generate-btn[data-v-b5357300]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.audio-library[data-v-b5357300]{margin-top:8px}.section-title[data-v-b5357300]{color:#333;margin:0 0 16px;font-size:18px;font-weight:600}.audio-list[data-v-b5357300]{flex-direction:column;gap:12px;display:flex}.audio-item[data-v-b5357300]{background:#f8f9fa;border-radius:12px;align-items:center;gap:16px;padding:16px;display:flex}.audio-cover[data-v-b5357300]{background:#4facfe;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.audio-info[data-v-b5357300]{flex:1}.audio-title[data-v-b5357300]{color:#333;margin:0 0 4px;font-size:14px;font-weight:600}.audio-meta[data-v-b5357300]{color:#999;font-size:12px}.audio-controls[data-v-b5357300]{gap:8px;display:flex}.control-btn[data-v-b5357300]{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:50%;width:36px;height:36px;font-size:14px;transition:all .3s}.control-btn[data-v-b5357300]:hover{color:#4facfe;border-color:#4facfe}