.sidebar[data-v-7f453200]{background-color:var(--white);border-right:1px solid #e8eaec;display:flex;flex-direction:column;flex-shrink:0;padding:16px 12px;width:var(--sidebar-width)}.logo[data-v-7f453200]{color:#000;font-size:20px;font-weight:900;height:40px;margin-bottom:24px;padding-left:12px}.logo[data-v-7f453200],.nav-item[data-v-7f453200]{align-items:center;display:flex}.nav-item[data-v-7f453200]{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:14px;margin-bottom:4px;padding:10px 12px;-webkit-text-decoration:none;text-decoration:none;transition:background .2s}.nav-item[data-v-7f453200]:hover{background-color:var(--bg-color);color:var(--text-main)}.nav-item.active[data-v-7f453200]{background-color:#eef2fe;color:var(--primary-color);font-weight:500}.nav-item svg[data-v-7f453200]{height:18px;margin-right:10px;width:18px}.create-btn[data-v-7f453200]{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:8px;margin:8px 0;padding:10px 12px}.create-btn svg[data-v-7f453200]{background:#000;border-radius:50%;color:#fff;height:16px;padding:2px;width:16px}.bottom-link[data-v-7f453200]{align-items:center;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:12px;gap:8px;margin-top:auto;padding:12px}.main-content[data-v-7f453200]{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.topbar[data-v-7f453200]{align-items:center;background-color:var(--bg-color);display:flex;flex-shrink:0;height:var(--header-height);justify-content:space-between;padding:0 32px}.top-nav[data-v-7f453200]{color:var(--text-secondary);display:flex;font-size:14px;gap:24px}.top-nav span[data-v-7f453200]{align-items:center;cursor:pointer;display:flex;gap:4px}.top-nav span[data-v-7f453200]:hover{color:var(--text-main)}.top-nav svg[data-v-7f453200]{color:#999;height:10px;width:10px}.user-area[data-v-7f453200]{align-items:center;display:flex;gap:16px}.vip-icon[data-v-7f453200]{color:#f5a623;cursor:pointer}.login-btn[data-v-7f453200]{background-color:var(--primary-color);border:none;border-radius:99px;color:var(--white);cursor:pointer;font-size:14px;font-weight:500;padding:6px 20px}.content-scroll[data-v-7f453200]{flex:1;overflow-y:auto;padding:0 32px 100px}.search-section[data-v-7f453200]{margin-bottom:24px}.search-bar-wrapper[data-v-7f453200]{align-items:center;background:var(--white);border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,.03);display:flex;margin-bottom:16px;max-width:900px;padding:6px 6px 6px 20px}.search-bar-wrapper[data-v-7f453200]:hover{border-color:#dbe0e9}.search-bar-wrapper input[data-v-7f453200]{border:none;color:var(--text-main);flex:1;font-size:15px;outline:none}.search-bar-wrapper input[data-v-7f453200]::-moz-placeholder{color:#bfbfbf}.search-bar-wrapper input[data-v-7f453200]::placeholder{color:#bfbfbf}.search-icons[data-v-7f453200]{align-items:center;display:flex;gap:12px;margin-right:12px}.search-btn[data-v-7f453200]{background:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--white);cursor:pointer;font-size:15px;font-weight:600;padding:8px 24px}.tags-row[data-v-7f453200]{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.tags-row[data-v-7f453200]::-webkit-scrollbar{display:none}.tag-item[data-v-7f453200]{align-items:center;background:var(--white);border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:var(--text-main);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;white-space:nowrap}.tag-item svg[data-v-7f453200]{height:14px;width:14px}.tag-item.active[data-v-7f453200]{background:#eef2fe;color:var(--primary-color)}.section-title[data-v-7f453200]{align-items:center;display:flex;font-size:18px;font-weight:700;gap:12px;margin:32px 0 16px}.section-tabs[data-v-7f453200]{color:var(--text-secondary);display:flex;font-size:14px;font-weight:400;gap:24px;margin-left:12px}.section-tab[data-v-7f453200]{cursor:pointer}.section-tab.active[data-v-7f453200]{color:var(--text-main);font-weight:600;position:relative}.section-tab.active[data-v-7f453200]:after{background:var(--primary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;right:0}.tools-grid[data-v-7f453200]{display:flex;gap:16px}.tool-card-large[data-v-7f453200]{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.04);cursor:pointer;display:flex;flex:1;flex-direction:column;justify-content:space-between;min-height:160px;overflow:hidden;padding:24px;position:relative;transition:transform .2s}.tool-card-large[data-v-7f453200]:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.tool-icon-large[data-v-7f453200]{align-items:center;background:#f0f4ff;border-radius:12px;color:var(--primary-color);display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.tool-title[data-v-7f453200]{font-size:16px;font-weight:600;margin-bottom:4px}.tool-desc[data-v-7f453200]{color:var(--text-tertiary);font-size:12px}.tools-small-grid[data-v-7f453200]{grid-gap:12px;display:grid;flex:2;gap:12px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr)}.tool-card-small[data-v-7f453200]{align-items:center;background:var(--white);border-radius:var(--radius-md);box-shadow:0 2px 6px rgba(0,0,0,.02);color:var(--text-main);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;transition:all .2s}.tool-card-small[data-v-7f453200]:hover{background:#fcfcfc;box-shadow:0 4px 10px rgba(0,0,0,.05)}.tool-card-small svg[data-v-7f453200]{color:var(--text-secondary);height:18px;width:18px}.template-section[data-v-7f453200]{margin-top:32px}.template-header[data-v-7f453200]{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px}.xhs-container[data-v-7f453200]{display:flex;gap:16px}.xhs-cards[data-v-7f453200]{grid-gap:12px;display:grid;flex:1;gap:12px;grid-template-columns:repeat(5,1fr)}.template-card[data-v-7f453200]{aspect-ratio:3/4;background:var(--white);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.04);cursor:pointer;overflow:hidden;position:relative;transition:transform .2s}.template-card[data-v-7f453200]:hover{transform:translateY(-4px)}.xhs-card-img-wrapper[data-v-7f453200]{background:#eee;border-radius:8px;height:0;overflow:hidden;padding-bottom:133%;position:relative;width:100%}.xhs-card-img-wrapper img[data-v-7f453200]{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.template-tag[data-v-7f453200]{background:#ff4d4f;border-radius:4px;font-size:12px;left:12px;padding:2px 6px;top:12px}.template-tag[data-v-7f453200],.xhs-overlay-text[data-v-7f453200]{color:#fff;font-weight:600;position:absolute}.xhs-overlay-text[data-v-7f453200]{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);bottom:0;font-size:14px;left:0;padding:12px;right:0}.xhs-right-panel[data-v-7f453200]{display:flex;flex-direction:column;gap:12px;width:240px}.right-card[data-v-7f453200]{align-items:center;background:var(--white);border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,.03);cursor:pointer;display:flex;flex:1;gap:8px;padding:12px}.new-row[data-v-7f453200]{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(8,1fr);margin-bottom:40px}.new-item[data-v-7f453200]{aspect-ratio:1;background:#eee;border-radius:8px;cursor:pointer;overflow:hidden;position:relative}.new-item img[data-v-7f453200]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.more-btn-card[data-v-7f453200]{border:1px solid #eee;color:var(--text-secondary);flex-direction:column;font-size:12px}.floating-bar[data-v-7f453200],.more-btn-card[data-v-7f453200]{align-items:center;background:var(--white);display:flex;justify-content:center}.floating-bar[data-v-7f453200]{bottom:0;box-shadow:0 -4px 16px rgba(0,0,0,.08);gap:24px;height:60px;left:0;position:fixed;right:0;z-index:100}.float-text[data-v-7f453200]{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px}.float-features[data-v-7f453200]{color:var(--text-secondary);display:flex;font-size:12px;gap:16px}.float-feature-item[data-v-7f453200]{align-items:center;display:flex;gap:4px}.btn-login-large[data-v-7f453200]{background:var(--primary-color);border:none;border-radius:4px;color:var(--white);cursor:pointer;font-weight:600;padding:8px 32px}.app-footer[data-v-7f453200]{background:#f6f7f9;border-top:1px solid #e8eaec;color:var(--text-secondary);font-size:12px;margin-top:40px;padding:40px 0 120px}.footer-content[data-v-7f453200]{display:flex;justify-content:space-between;padding:0 20px}.footer-brand[data-v-7f453200]{display:flex;flex-direction:column;gap:16px}.footer-links-group[data-v-7f453200]{display:flex;gap:60px}.footer-col[data-v-7f453200]{display:flex;flex-direction:column;gap:12px}.footer-col h4[data-v-7f453200]{color:var(--text-main);font-size:14px;font-weight:600;margin-bottom:4px}.footer-col a[data-v-7f453200]{color:var(--text-secondary);-webkit-text-decoration:none;text-decoration:none;transition:color .2s}.footer-col a[data-v-7f453200]:hover{color:var(--primary-color)}.copyright[data-v-7f453200]{color:var(--text-tertiary);line-height:1.6;margin-top:40px;text-align:center}@media(max-width:1400px){.tools-grid[data-v-7f453200]{flex-direction:column}.tools-small-grid[data-v-7f453200]{grid-template-columns:repeat(4,1fr)}.xhs-container[data-v-7f453200]{flex-direction:column}.xhs-cards[data-v-7f453200]{grid-template-columns:repeat(4,1fr)}.xhs-right-panel[data-v-7f453200]{flex-direction:row;width:100%}.new-row[data-v-7f453200]{grid-template-columns:repeat(4,1fr)}}