.wx-book-creator[data-v-7f8aa7d3]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.creator-header[data-v-7f8aa7d3]{background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);padding:20px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 2px 20px rgba(0,0,0,.1);box-shadow:0 2px 20px rgba(0,0,0,.1)}.creator-header .logo h2[data-v-7f8aa7d3]{margin:0;color:#333;font-size:24px;font-weight:600}.creator-header .step-progress[data-v-7f8aa7d3]{-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:600px;margin-left:40px}.creator-content[data-v-7f8aa7d3]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:40px;max-width:1400px;margin:0 auto;width:100%}.step-container[data-v-7f8aa7d3]{background:hsla(0,0%,100%,.98);backdrop-filter:blur(20px);border-radius:24px;padding:50px;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.12);box-shadow:0 20px 60px rgba(0,0,0,.12);min-height:600px;border:1px solid hsla(0,0%,100%,.2);position:relative;overflow:hidden}.step-container[data-v-7f8aa7d3]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:-webkit-gradient(linear,left top,right top,from(#667eea),to(#764ba2));background:linear-gradient(90deg,#667eea,#764ba2);z-index:1}@media (max-width:768px){.step-container[data-v-7f8aa7d3]{padding:30px 20px}}@media (max-width:768px){.spec-step-container[data-v-7f8aa7d3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 160px);min-height:450px;max-height:700px;padding:16px 12px}}@media (max-width:480px){.spec-step-container[data-v-7f8aa7d3]{height:calc(100vh - 140px);min-height:400px;padding:12px 8px}}@media (max-width:375px){.spec-step-container[data-v-7f8aa7d3]{height:calc(100vh - 120px);min-height:360px;padding:10px 6px}}@media (max-width:320px){.spec-step-container[data-v-7f8aa7d3]{height:calc(100vh - 100px);min-height:340px;padding:8px 4px}}@media (max-width:768px){.spec-step-container .spec-content-wrapper[data-v-7f8aa7d3]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}}@media (max-width:768px){.spec-step-container .step-actions[data-v-7f8aa7d3]{-ms-flex-negative:0;flex-shrink:0;margin-top:20px;padding-top:15px;border-top:1px solid rgba(0,0,0,.05)}}@media (max-width:480px){.spec-step-container .step-actions[data-v-7f8aa7d3]{margin-top:15px;padding-top:12px}}@media (max-width:375px){.spec-step-container .step-actions[data-v-7f8aa7d3]{margin-top:12px;padding-top:10px}}@media (max-width:320px){.spec-step-container .step-actions[data-v-7f8aa7d3]{margin-top:10px;padding-top:8px}}.step-header[data-v-7f8aa7d3]{text-align:center;margin-bottom:50px;position:relative;z-index:2}.step-header .step-title[data-v-7f8aa7d3]{font-size:32px;color:#2d3748;margin-bottom:16px;font-weight:700;letter-spacing:-.5px;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:768px){.step-header .step-title[data-v-7f8aa7d3]{font-size:26px;margin-bottom:14px}}@media (max-width:480px){.step-header .step-title[data-v-7f8aa7d3]{font-size:22px;margin-bottom:12px;letter-spacing:-.3px}}.step-header .step-desc[data-v-7f8aa7d3]{font-size:18px;color:#718096;margin:0;font-weight:400;line-height:1.6;max-width:600px;margin:0 auto}@media (max-width:768px){.step-header .step-desc[data-v-7f8aa7d3]{font-size:16px;max-width:500px;line-height:1.5}}@media (max-width:480px){.step-header .step-desc[data-v-7f8aa7d3]{font-size:14px;max-width:90%;line-height:1.4;padding:0 10px}}@media (max-width:768px){.step-header[data-v-7f8aa7d3]{margin-bottom:15px}}@media (max-width:480px){.step-header[data-v-7f8aa7d3]{margin-bottom:12px}}@media (max-width:375px){.step-header[data-v-7f8aa7d3]{margin-bottom:10px}}@media (max-width:320px){.step-header[data-v-7f8aa7d3]{margin-bottom:8px}}.specification-selection[data-v-7f8aa7d3]{margin-top:40px}@media (max-width:768px){.specification-selection[data-v-7f8aa7d3]{margin-top:10px;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow:hidden}}@media (max-width:480px){.specification-selection[data-v-7f8aa7d3]{margin-top:8px}}.specification-selection .mobile-tip[data-v-7f8aa7d3]{display:none;text-align:center;margin-bottom:20px}.specification-selection .mobile-tip p[data-v-7f8aa7d3]{font-size:16px;color:#667eea;margin:0;font-weight:500;background:rgba(102,126,234,.1);padding:12px 20px;border-radius:25px;display:inline-block;border:1px solid rgba(102,126,234,.2)}@media (max-width:768px){.specification-selection .mobile-tip[data-v-7f8aa7d3]{display:block;-ms-flex-negative:0;flex-shrink:0;margin-bottom:6px;position:sticky;top:0;z-index:10;background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);padding:6px 0}}@media (max-width:480px){.specification-selection .mobile-tip[data-v-7f8aa7d3]{margin-bottom:6px;padding:6px 0}.specification-selection .mobile-tip p[data-v-7f8aa7d3]{font-size:13px;padding:8px 14px;border-radius:18px}}@media (max-width:375px){.specification-selection .mobile-tip[data-v-7f8aa7d3]{margin-bottom:5px;padding:5px 0}.specification-selection .mobile-tip p[data-v-7f8aa7d3]{font-size:12px;padding:6px 12px;border-radius:16px}}@media (max-width:320px){.specification-selection .mobile-tip[data-v-7f8aa7d3]{margin-bottom:4px;padding:4px 0}.specification-selection .mobile-tip p[data-v-7f8aa7d3]{font-size:11px;padding:5px 10px;border-radius:14px}}.specification-selection .spec-grid[data-v-7f8aa7d3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:20px;margin-bottom:30px;max-width:900px;margin-left:auto;margin-right:auto}@media (max-width:768px){.specification-selection .spec-grid[data-v-7f8aa7d3]{gap:15px;padding:10px 0;margin-bottom:20px}}@media (max-width:480px){.specification-selection .spec-grid[data-v-7f8aa7d3]{gap:12px;padding:8px 0;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width:375px){.specification-selection .spec-grid[data-v-7f8aa7d3]{gap:10px;padding:6px 0}}@media (max-width:320px){.specification-selection .spec-grid[data-v-7f8aa7d3]{gap:8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.specification-selection .spec-item[data-v-7f8aa7d3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:30px 20px;background:linear-gradient(145deg,#fff,#f8fafc);border:2px solid rgba(226,232,240,.8);border-radius:16px;cursor:pointer;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;-webkit-box-shadow:0 8px 20px rgba(0,0,0,.06);box-shadow:0 8px 20px rgba(0,0,0,.06);overflow:hidden;-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;height:160px}@media (max-width:768px){.specification-selection .spec-item[data-v-7f8aa7d3]{padding:25px 15px;border-radius:14px;-webkit-box-shadow:0 6px 15px rgba(0,0,0,.05);box-shadow:0 6px 15px rgba(0,0,0,.05);height:140px}}@media (max-width:480px){.specification-selection .spec-item[data-v-7f8aa7d3]{padding:20px 12px;border-radius:12px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.04);box-shadow:0 4px 12px rgba(0,0,0,.04);height:120px;-webkit-box-flex:1;-ms-flex:1 1 calc(50% - 6px);flex:1 1 calc(50% - 6px)}}@media (max-width:375px){.specification-selection .spec-item[data-v-7f8aa7d3]{padding:18px 10px;border-radius:10px;height:110px}}@media (max-width:320px){.specification-selection .spec-item[data-v-7f8aa7d3]{padding:16px 8px;border-radius:8px;height:100px;-webkit-box-flex:0;-ms-flex:none;flex:none;width:100%}}.specification-selection .spec-item[data-v-7f8aa7d3]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(145deg,rgba(64,158,255,.05),rgba(103,126,234,.05));opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:1}.specification-selection .spec-item[data-v-7f8aa7d3]:hover{border-color:rgba(64,158,255,.5);-webkit-box-shadow:0 20px 40px rgba(64,158,255,.15);box-shadow:0 20px 40px rgba(64,158,255,.15);-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.specification-selection .spec-item[data-v-7f8aa7d3]:hover:before{opacity:1}.specification-selection .spec-item:hover .spec-icon[data-v-7f8aa7d3]{-webkit-transform:scale(1.1);transform:scale(1.1);color:#409eff}.specification-selection .spec-item:hover .spec-info h4[data-v-7f8aa7d3]{color:#409eff}@media (max-width:768px){.specification-selection .spec-item[data-v-7f8aa7d3]:hover{-webkit-transform:translateY(-4px) scale(1.01);transform:translateY(-4px) scale(1.01);-webkit-box-shadow:0 12px 25px rgba(64,158,255,.12);box-shadow:0 12px 25px rgba(64,158,255,.12);border-color:rgba(64,158,255,.6)}}@media (max-width:480px){.specification-selection .spec-item[data-v-7f8aa7d3]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(64,158,255,.1);box-shadow:0 8px 20px rgba(64,158,255,.1);border-color:rgba(64,158,255,.6)}}@media (max-width:768px){.specification-selection .spec-item[data-v-7f8aa7d3]:active{-webkit-transform:translateY(-2px) scale(.98);transform:translateY(-2px) scale(.98);-webkit-transition:all .1s ease;transition:all .1s ease}}.specification-selection .spec-item.selected[data-v-7f8aa7d3]{border-color:#409eff;border-width:3px;-webkit-box-shadow:0 25px 50px rgba(64,158,255,.25);box-shadow:0 25px 50px rgba(64,158,255,.25);background:linear-gradient(145deg,#fff,rgba(64,158,255,.02));-webkit-transform:translateY(-8px) scale(1.02);transform:translateY(-8px) scale(1.02)}.specification-selection .spec-item.selected[data-v-7f8aa7d3]:before{opacity:1;background:linear-gradient(145deg,rgba(64,158,255,.08),rgba(103,126,234,.08))}.specification-selection .spec-item.selected .spec-icon[data-v-7f8aa7d3]{color:#409eff;-webkit-transform:scale(1.1);transform:scale(1.1)}.specification-selection .spec-item.selected .spec-info h4[data-v-7f8aa7d3]{color:#409eff}.specification-selection .spec-item.selected .spec-selected-icon[data-v-7f8aa7d3]{opacity:1;-webkit-transform:scale(1);transform:scale(1)}@media (max-width:768px){.specification-selection .spec-item.selected[data-v-7f8aa7d3]{-webkit-transform:translateY(-4px) scale(1.01);transform:translateY(-4px) scale(1.01);-webkit-box-shadow:0 15px 30px rgba(64,158,255,.2);box-shadow:0 15px 30px rgba(64,158,255,.2);border-width:3px}}@media (max-width:480px){.specification-selection .spec-item.selected[data-v-7f8aa7d3]{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 10px 25px rgba(64,158,255,.15);box-shadow:0 10px 25px rgba(64,158,255,.15);border-width:3px}}.specification-selection .spec-item .spec-icon[data-v-7f8aa7d3]{margin-bottom:12px;font-size:36px;color:#8b9dc3;-webkit-transition:all .3s ease;transition:all .3s ease;z-index:2;position:relative;width:60px;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background:linear-gradient(145deg,hsla(0,0%,100%,.8),rgba(248,250,252,.8));border-radius:50%;-webkit-box-shadow:0 6px 12px rgba(0,0,0,.08);box-shadow:0 6px 12px rgba(0,0,0,.08);-ms-flex-negative:0;flex-shrink:0}@media (max-width:768px){.specification-selection .spec-item .spec-icon[data-v-7f8aa7d3]{width:50px;height:50px;font-size:28px;margin-bottom:10px;-webkit-box-shadow:0 4px 10px rgba(0,0,0,.06);box-shadow:0 4px 10px rgba(0,0,0,.06)}}@media (max-width:480px){.specification-selection .spec-item .spec-icon[data-v-7f8aa7d3]{width:44px;height:44px;font-size:24px;margin-bottom:8px;-webkit-box-shadow:0 3px 8px rgba(0,0,0,.05);box-shadow:0 3px 8px rgba(0,0,0,.05)}}@media (max-width:375px){.specification-selection .spec-item .spec-icon[data-v-7f8aa7d3]{width:40px;height:40px;font-size:22px;margin-bottom:6px}}@media (max-width:320px){.specification-selection .spec-item .spec-icon[data-v-7f8aa7d3]{width:36px;height:36px;font-size:20px;margin-bottom:6px}}.specification-selection .spec-item .spec-info[data-v-7f8aa7d3]{text-align:center;z-index:2;position:relative;-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:0}.specification-selection .spec-item .spec-info h4[data-v-7f8aa7d3]{font-size:18px;font-weight:600;margin:0;color:#2d3748;-webkit-transition:color .3s ease;transition:color .3s ease;letter-spacing:-.3px;line-height:1.3}@media (max-width:768px){.specification-selection .spec-item .spec-info h4[data-v-7f8aa7d3]{font-size:16px;line-height:1.3}}@media (max-width:480px){.specification-selection .spec-item .spec-info h4[data-v-7f8aa7d3]{font-size:15px;line-height:1.3}}@media (max-width:375px){.specification-selection .spec-item .spec-info h4[data-v-7f8aa7d3]{font-size:14px}}@media (max-width:320px){.specification-selection .spec-item .spec-info h4[data-v-7f8aa7d3]{font-size:13px}}.specification-selection .spec-item .spec-selected-icon[data-v-7f8aa7d3]{position:absolute;top:15px;right:15px;color:#409eff;font-size:20px;opacity:0;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transition:all .3s ease;transition:all .3s ease;z-index:3;background:hsla(0,0%,100%,.9);border-radius:50%;width:32px;height:32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-shadow:0 3px 10px rgba(64,158,255,.3);box-shadow:0 3px 10px rgba(64,158,255,.3)}@media (max-width:768px){.specification-selection .spec-item .spec-selected-icon[data-v-7f8aa7d3]{top:16px;right:16px;width:36px;height:36px;font-size:20px;-webkit-box-shadow:0 3px 10px rgba(64,158,255,.25);box-shadow:0 3px 10px rgba(64,158,255,.25)}}@media (max-width:480px){.specification-selection .spec-item .spec-selected-icon[data-v-7f8aa7d3]{top:14px;right:14px;width:32px;height:32px;font-size:18px;-webkit-box-shadow:0 2px 8px rgba(64,158,255,.2);box-shadow:0 2px 8px rgba(64,158,255,.2)}}@media (max-width:375px){.specification-selection .spec-item .spec-selected-icon[data-v-7f8aa7d3]{top:12px;right:12px;width:28px;height:28px;font-size:16px}}@media (max-width:320px){.specification-selection .spec-item .spec-selected-icon[data-v-7f8aa7d3]{top:10px;right:10px;width:26px;height:26px;font-size:14px}}@media (max-width:480px){.specification-selection .spec-item .spec-selected-icon[data-v-7f8aa7d3]{top:12px;right:12px;width:28px;height:28px;font-size:16px;-webkit-box-shadow:0 2px 8px rgba(64,158,255,.2);box-shadow:0 2px 8px rgba(64,158,255,.2)}}.specification-selection .spec-item[data-v-7f8aa7d3]:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(64,158,255,.1) 0,transparent 70%);opacity:0;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;z-index:0}.specification-selection .spec-item.selected[data-v-7f8aa7d3]:after,.specification-selection .spec-item[data-v-7f8aa7d3]:hover:after{opacity:1}.cover-editor-layout[data-v-7f8aa7d3]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;margin-top:30px}@media (max-width:1200px){.cover-editor-layout[data-v-7f8aa7d3]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px}}.cover-preview-area[data-v-7f8aa7d3]{-webkit-box-flex:0;-ms-flex:0 0 400px;flex:0 0 400px}@media (max-width:1200px){.cover-preview-area[data-v-7f8aa7d3]{-webkit-box-flex:0;-ms-flex:none;flex:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.cover-preview-container[data-v-7f8aa7d3]{position:sticky;top:20px}.cover-preview-frame[data-v-7f8aa7d3]{width:300px;height:400px;background:#f5f5f5;border-radius:12px;overflow:hidden;-webkit-box-shadow:0 8px 24px rgba(0,0,0,.15);box-shadow:0 8px 24px rgba(0,0,0,.15);position:relative}.cover-image[data-v-7f8aa7d3]{width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat}.cover-settings-area[data-v-7f8aa7d3]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.book-info-settings[data-v-7f8aa7d3]{margin-bottom:30px}.book-info-settings .form-group[data-v-7f8aa7d3]{margin-bottom:20px}.book-info-settings .form-group label[data-v-7f8aa7d3]{display:block;margin-bottom:8px;color:#333;font-weight:500}.book-info-settings .form-group label .char-limit[data-v-7f8aa7d3]{color:#999;font-size:12px;font-weight:400}.book-info-settings .generate-tip[data-v-7f8aa7d3]{font-size:12px;color:#999;margin-top:8px;line-height:1.4}.cover-style-section .cover-style-text[data-v-7f8aa7d3]{font-size:16px;font-weight:600;color:#333;margin-bottom:15px}.cover-style-section .current-style-text[data-v-7f8aa7d3]{font-size:14px;color:#666;margin-bottom:20px}.cover-categories[data-v-7f8aa7d3]{margin-bottom:25px}.cover-categories .category-tabs[data-v-7f8aa7d3]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px}.cover-categories .category-tabs .category-tab[data-v-7f8aa7d3]{padding:8px 16px;background:#f5f5f5;border-radius:20px;cursor:pointer;font-size:14px;color:#666;-webkit-transition:all .3s;transition:all .3s}.cover-categories .category-tabs .category-tab[data-v-7f8aa7d3]:hover{background:#e0e7ff;color:#5a67d8}.cover-categories .category-tabs .category-tab.active[data-v-7f8aa7d3]{background:#409eff;color:#fff}.cover-grid[data-v-7f8aa7d3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:15px;margin-bottom:20px}.cover-grid .cover-item[data-v-7f8aa7d3]{position:relative;aspect-ratio:3/4;border-radius:8px;overflow:hidden;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border:2px solid transparent}.cover-grid .cover-item[data-v-7f8aa7d3]:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 6px 20px rgba(0,0,0,.15);box-shadow:0 6px 20px rgba(0,0,0,.15)}.cover-grid .cover-item.selected[data-v-7f8aa7d3]{border-color:#409eff;-webkit-box-shadow:0 6px 20px rgba(64,158,255,.3);box-shadow:0 6px 20px rgba(64,158,255,.3)}.cover-grid .cover-item img[data-v-7f8aa7d3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cover-grid .cover-item .cover-selected-icon[data-v-7f8aa7d3]{top:8px;background:#409eff;border-radius:50%;width:24px;height:24px;font-size:12px}.cover-grid .cover-item .cover-selected-icon[data-v-7f8aa7d3],.cover-grid .cover-item .cover-upload-icon[data-v-7f8aa7d3]{position:absolute;right:8px;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.cover-grid .cover-item .cover-upload-icon[data-v-7f8aa7d3]{bottom:8px;background:rgba(0,0,0,.6);border-radius:4px;width:20px;height:20px;font-size:10px}.load-more[data-v-7f8aa7d3],.loading-more[data-v-7f8aa7d3]{text-align:center;padding:20px;color:#666;cursor:pointer}.load-more[data-v-7f8aa7d3]:hover,.loading-more[data-v-7f8aa7d3]:hover{color:#409eff}.template-selection[data-v-7f8aa7d3]{margin-top:20px}.template-selection .template-categories[data-v-7f8aa7d3]{margin-bottom:30px}.template-selection .template-categories h4[data-v-7f8aa7d3]{font-size:16px;margin-bottom:15px;color:#333}.template-selection .template-categories[data-v-7f8aa7d3] .el-radio-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px}.template-selection .template-list[data-v-7f8aa7d3]{min-height:400px}.template-selection .template-list .template-grid[data-v-7f8aa7d3]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:30px}@media (max-width:768px){.template-selection .template-list .template-grid[data-v-7f8aa7d3]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:15px}}.template-selection .template-list .template-item[data-v-7f8aa7d3]{border:2px solid #e5e5e5;border-radius:8px;overflow:hidden;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;background:#fff}.template-selection .template-list .template-item[data-v-7f8aa7d3]:hover{border-color:#409eff;-webkit-box-shadow:0 4px 12px rgba(64,158,255,.15);box-shadow:0 4px 12px rgba(64,158,255,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.template-selection .template-list .template-item.selected[data-v-7f8aa7d3]{border-color:#409eff;-webkit-box-shadow:0 4px 12px rgba(64,158,255,.25);box-shadow:0 4px 12px rgba(64,158,255,.25)}.template-selection .template-list .template-item .template-image[data-v-7f8aa7d3]{position:relative;height:150px;overflow:hidden}.template-selection .template-list .template-item .template-image img[data-v-7f8aa7d3]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.template-selection .template-list .template-item .template-image .template-overlay[data-v-7f8aa7d3]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(64,158,255,.8);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:24px}.template-selection .template-list .template-item .template-info[data-v-7f8aa7d3]{padding:15px}.template-selection .template-list .template-item .template-info h4[data-v-7f8aa7d3]{font-size:14px;margin-bottom:8px;color:#333;font-weight:500;line-height:1.4}.template-selection .template-list .template-item .template-info p[data-v-7f8aa7d3]{font-size:12px;color:#666;margin-bottom:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.template-selection .template-list .template-item .template-info .template-tags[data-v-7f8aa7d3]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:5px}.template-selection .template-list .pagination-container[data-v-7f8aa7d3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-top:20px}.template-selection .template-list .empty-state[data-v-7f8aa7d3]{text-align:center;padding:40px}.step-actions[data-v-7f8aa7d3]{margin-top:60px;text-align:center;position:relative;z-index:2}.step-actions .el-button[data-v-7f8aa7d3]{min-width:140px;margin:0 15px;height:48px;font-size:16px;font-weight:600;border-radius:12px;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}.step-actions .el-button.el-button--primary[data-v-7f8aa7d3]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;-webkit-box-shadow:0 8px 20px rgba(102,126,234,.3);box-shadow:0 8px 20px rgba(102,126,234,.3)}.step-actions .el-button.el-button--primary[data-v-7f8aa7d3]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 12px 30px rgba(102,126,234,.4);box-shadow:0 12px 30px rgba(102,126,234,.4)}.step-actions .el-button.el-button--primary[data-v-7f8aa7d3]:active{-webkit-transform:translateY(0);transform:translateY(0)}.step-actions .el-button.el-button--primary[data-v-7f8aa7d3]:disabled{background:#e2e8f0;color:#a0aec0;-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}.step-actions .el-button[data-v-7f8aa7d3]:not(.el-button--primary){background:hsla(0,0%,100%,.8);border:2px solid #e2e8f0;color:#4a5568}.step-actions .el-button[data-v-7f8aa7d3]:not(.el-button--primary):hover{background:#fff;border-color:#cbd5e0;-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 8px 20px rgba(0,0,0,.1);box-shadow:0 8px 20px rgba(0,0,0,.1)}@media (max-width:768px){.step-actions[data-v-7f8aa7d3]{margin-top:40px}.step-actions .el-button[data-v-7f8aa7d3]{min-width:120px;margin:8px;font-size:14px;height:44px}}@media (max-width:480px){.step-actions[data-v-7f8aa7d3]{margin-top:30px}.step-actions .el-button[data-v-7f8aa7d3]{min-width:100px;margin:6px;font-size:13px;height:40px;border-radius:10px}}.clickable-step[data-v-7f8aa7d3]{cursor:pointer}@media (max-width:768px){.creator-header[data-v-7f8aa7d3]{padding:15px 20px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px}.creator-header .logo h2[data-v-7f8aa7d3]{font-size:20px}.creator-header .step-progress[data-v-7f8aa7d3]{margin-left:0;width:100%}.creator-header .step-progress[data-v-7f8aa7d3] .el-steps .el-step__title{font-size:12px;line-height:1.2}.creator-header .step-progress[data-v-7f8aa7d3] .el-steps .el-step__icon{width:20px;height:20px;font-size:12px}.creator-content[data-v-7f8aa7d3]{padding:15px}.step-container[data-v-7f8aa7d3]{padding:20px 15px;min-height:auto;border-radius:16px}.cover-editor-layout[data-v-7f8aa7d3]{gap:20px}.cover-preview-frame[data-v-7f8aa7d3]{width:250px;height:333px}}@media (max-width:480px){.creator-header[data-v-7f8aa7d3]{padding:12px 15px;gap:12px}.creator-header .logo h2[data-v-7f8aa7d3]{font-size:18px}.creator-header .step-progress[data-v-7f8aa7d3] .el-steps .el-step__title{font-size:11px}.creator-header .step-progress[data-v-7f8aa7d3] .el-steps .el-step__icon{width:18px;height:18px;font-size:10px}.creator-content[data-v-7f8aa7d3]{padding:10px}.step-container[data-v-7f8aa7d3]{padding:15px 10px;border-radius:12px}}