[data-v-633e12ec]:root{--primary-color:#2254f4;--bg-color:#f6f7f9;--text-main:#222529;--text-secondary:#5e6670;--text-tertiary:#9da3ac;--white:#fff;--sidebar-width:200px;--header-height:64px;--radius-md:8px;--radius-lg:12px}.app-container[data-v-633e12ec]{--primary-color:#2254f4;--bg-color:#f6f7f9;--text-main:#222529;--text-secondary:#5e6670;--text-tertiary:#9da3ac;--white:#fff;--sidebar-width:180px;--header-height:64px;--radius-md:8px;--radius-lg:12px;background-color:#f6f7f9;background-color:var(--bg-color);color:#222529;color:var(--text-main);display:flex;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;height:100vh;overflow:hidden}[data-v-633e12ec]{box-sizing:border-box}.sidebar[data-v-633e12ec]{background-color:#fff;background-color:var(--white);border-right:1px solid #e8eaec;display:flex;flex-direction:column;flex-shrink:0;padding:16px 12px;width:200px;width:var(--sidebar-width)}.logo[data-v-633e12ec]{color:#2254f4;color:var(--primary-color);font-size:20px;font-weight:900;height:40px;margin-bottom:24px;padding-left:12px}.logo[data-v-633e12ec],.nav-item[data-v-633e12ec]{align-items:center;display:flex}.nav-item[data-v-633e12ec]{border-radius:8px;border-radius:var(--radius-md);color:#5e6670;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-633e12ec]:hover{background-color:#f6f7f9;background-color:var(--bg-color);color:#222529;color:var(--text-main)}.nav-item.active[data-v-633e12ec]{background-color:#eef2fe;color:#2254f4;color:var(--primary-color);font-weight:500}.nav-item svg[data-v-633e12ec]{height:18px;margin-right:10px;width:18px}.create-btn[data-v-633e12ec]{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:8px;margin:8px 0;padding:10px 12px}.create-btn svg[data-v-633e12ec]{background:#2254f4;background:var(--primary-color);border-radius:50%;color:#fff;height:16px;padding:2px;width:16px}.bottom-link[data-v-633e12ec]{align-items:center;color:#9da3ac;color:var(--text-tertiary);cursor:pointer;display:flex;font-size:12px;gap:8px;margin-top:auto;padding:12px}.main-content[data-v-633e12ec]{display:flex;flex:1;flex-direction:column;overflow:hidden;position:relative}.topbar[data-v-633e12ec]{align-items:center;background-color:#f6f7f9;background-color:var(--bg-color);display:flex;flex-shrink:0;height:64px;height:var(--header-height);justify-content:space-between;padding:0 32px}.top-nav[data-v-633e12ec]{color:#5e6670;color:var(--text-secondary);display:flex;font-size:14px;gap:24px}.top-nav span[data-v-633e12ec]{align-items:center;cursor:pointer;display:flex;gap:4px}.top-nav span[data-v-633e12ec]:hover{color:#222529;color:var(--text-main)}.top-nav svg[data-v-633e12ec]{color:#999;height:10px;width:10px}.user-area[data-v-633e12ec]{align-items:center;display:flex;gap:16px}.vip-icon[data-v-633e12ec]{color:#f5a623;cursor:pointer}.login-btn[data-v-633e12ec]{background-color:#2254f4;background-color:var(--primary-color);border:none;border-radius:99px;color:#fff;color:var(--white);cursor:pointer;font-size:14px;font-weight:500;padding:6px 20px}.content-scroll[data-v-633e12ec]{flex:1;overflow-y:auto;padding:0 32px 100px}.search-section[data-v-633e12ec]{margin-bottom:24px}.search-bar-wrapper[data-v-633e12ec]{align-items:center;background:#fff;background:var(--white);border:1px solid transparent;border-radius:12px;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-633e12ec]:hover{border-color:#dbe0e9}.search-bar-wrapper input[data-v-633e12ec]{border:none;color:#222529;color:var(--text-main);flex:1;font-size:15px;outline:none}.search-bar-wrapper input[data-v-633e12ec]::-moz-placeholder{color:#bfbfbf}.search-bar-wrapper input[data-v-633e12ec]::placeholder{color:#bfbfbf}.search-icons[data-v-633e12ec]{align-items:center;display:flex;gap:12px;margin-right:12px}.search-btn[data-v-633e12ec]{background:#2254f4;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--white);cursor:pointer;font-size:15px;font-weight:600;padding:8px 24px}.tags-row[data-v-633e12ec]{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px}.tags-row[data-v-633e12ec]::-webkit-scrollbar{display:none}.tag-item[data-v-633e12ec]{align-items:center;background:#fff;background:var(--white);border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.05);color:#222529;color:var(--text-main);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:6px 12px;white-space:nowrap}.tag-item svg[data-v-633e12ec]{height:14px;width:14px}.tag-item.active[data-v-633e12ec]{background:#eef2fe;color:#2254f4;color:var(--primary-color)}.dashboard-hero[data-v-633e12ec]{align-items:center;background:linear-gradient(135deg,#2254f4,#1d39c4);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 8px 20px rgba(34,84,244,.2);color:#fff;display:flex;gap:32px;justify-content:space-between;margin-bottom:32px;padding:32px}.hero-text[data-v-633e12ec]{flex:1}.hero-text h2[data-v-633e12ec]{font-size:24px;font-weight:700;margin-bottom:12px}.hero-text p[data-v-633e12ec]{font-size:14px;line-height:1.6;margin-bottom:24px;max-width:500px;opacity:.9}.highlight[data-v-633e12ec]{color:#ffeb3b}.hero-stats[data-v-633e12ec]{display:flex;gap:32px}.stat-val[data-v-633e12ec]{font-size:20px;font-weight:800}.stat-label[data-v-633e12ec]{font-size:12px;opacity:.7}.hero-card[data-v-633e12ec]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;padding:20px;width:320px}.audit-box h3[data-v-633e12ec]{align-items:center;display:flex;font-size:16px;font-weight:600;margin-bottom:8px}.audit-box p[data-v-633e12ec]{opacity:.8}.audit-box p[data-v-633e12ec],.audit-tags-group[data-v-633e12ec]{font-size:12px;margin-bottom:16px}.audit-tags-group[data-v-633e12ec]{display:flex;gap:16px;opacity:.9}.btn-audit[data-v-633e12ec]{background:#ff4d4f;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 12px;transition:filter .2s;width:100%}.btn-audit[data-v-633e12ec]:hover{filter:brightness(1.1)}.section-title[data-v-633e12ec]{align-items:center;display:flex;font-size:18px;font-weight:700;gap:12px;margin:32px 0 16px}.section-tabs[data-v-633e12ec]{color:#5e6670;color:var(--text-secondary);display:flex;font-size:14px;font-weight:400;gap:24px;margin-left:12px}.section-tab[data-v-633e12ec]{cursor:pointer}.section-tab.active[data-v-633e12ec]{color:#222529;color:var(--text-main);font-weight:600;position:relative}.section-tab.active[data-v-633e12ec]:after{background:#2254f4;background:var(--primary-color);bottom:-4px;content:"";height:2px;left:0;position:absolute;right:0}.tools-grid[data-v-633e12ec]{display:flex;gap:16px}.tool-card-large[data-v-633e12ec]{background:#fff;background:var(--white);border-radius:12px;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:140px;padding:24px;transition:transform .2s}.tool-card-large[data-v-633e12ec]:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.tool-icon-large[data-v-633e12ec]{align-items:center;background:#f0f4ff;border-radius:12px;color:#2254f4;color:var(--primary-color);display:flex;height:48px;justify-content:center;margin-bottom:16px;width:48px}.tool-title[data-v-633e12ec]{font-size:16px;font-weight:600;margin-bottom:4px}.tool-desc[data-v-633e12ec]{color:#9da3ac;color:var(--text-tertiary);font-size:12px}.template-section[data-v-633e12ec]{margin-top:32px}.template-header[data-v-633e12ec]{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:16px}.xhs-container[data-v-633e12ec]{display:flex;gap:16px}.xhs-cards[data-v-633e12ec]{grid-gap:12px;display:grid;flex:1;gap:12px;grid-template-columns:repeat(5,1fr)}.template-card[data-v-633e12ec]{aspect-ratio:3/4;background:#fff;background:var(--white);border-radius:12px;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-633e12ec]:hover{transform:translateY(-4px)}.xhs-card-img-wrapper[data-v-633e12ec]{background:#eee;border-radius:8px;height:100%;overflow:hidden;position:relative;width:100%}.mock-img[data-v-633e12ec]{align-items:center;color:hsla(0,0%,100%,.95);display:flex;flex-direction:column;font-size:16px;font-weight:700;height:100%;justify-content:center;line-height:1.4;text-align:center;width:100%}.template-tag[data-v-633e12ec]{background:#ff4d4f;border-radius:4px;font-size:10px;left:12px;padding:2px 6px;top:12px}.template-tag[data-v-633e12ec],.xhs-overlay-text[data-v-633e12ec]{color:#fff;font-weight:600;position:absolute}.xhs-overlay-text[data-v-633e12ec]{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-633e12ec]{display:flex;flex-direction:column;gap:12px;width:240px}.right-card[data-v-633e12ec]{align-items:center;background:#fff;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}.app-footer[data-v-633e12ec]{background:#f6f7f9;border-top:1px solid #e8eaec;color:#5e6670;color:var(--text-secondary);font-size:12px;margin-top:40px;padding:40px 0 60px}.footer-content[data-v-633e12ec]{display:flex;justify-content:space-between;padding:0 20px}.footer-brand[data-v-633e12ec]{display:flex;flex-direction:column;gap:12px}.footer-links-group[data-v-633e12ec]{display:flex;gap:60px}.footer-col[data-v-633e12ec]{display:flex;flex-direction:column;gap:12px}.footer-col h4[data-v-633e12ec]{color:#222529;color:var(--text-main);font-size:14px;font-weight:600;margin-bottom:4px}.footer-col a[data-v-633e12ec]{color:#5e6670;color:var(--text-secondary);-webkit-text-decoration:none;text-decoration:none;transition:color .2s}.footer-col a[data-v-633e12ec]:hover{color:#2254f4;color:var(--primary-color)}.copyright[data-v-633e12ec]{color:#9da3ac;color:var(--text-tertiary);line-height:1.6;margin-top:40px;text-align:center}@media(max-width:1400px){.tools-grid[data-v-633e12ec],.xhs-container[data-v-633e12ec]{flex-direction:column}.xhs-cards[data-v-633e12ec]{grid-template-columns:repeat(4,1fr)}.xhs-right-panel[data-v-633e12ec]{flex-direction:row;width:100%}}.pricing-section[data-v-633e12ec]{margin-top:60px}.pricing-grid[data-v-633e12ec]{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.price-card[data-v-633e12ec]{background:#fff;border:1px solid #eee;border-radius:12px;display:flex;flex-direction:column;padding:32px 24px;position:relative;text-align:center}.price-card.popular[data-v-633e12ec]{border-color:#2254f4;box-shadow:0 8px 24px rgba(34,84,244,.1);transform:scale(1.05);z-index:1}.pop-tag[data-v-633e12ec]{background:#2254f4;border-radius:12px;color:#fff;font-size:12px;font-weight:600;left:50%;padding:4px 12px;position:absolute;top:0;transform:translate(-50%,-50%)}.pc-header[data-v-633e12ec]{margin-bottom:24px}.pc-header h3[data-v-633e12ec]{font-size:18px;margin-bottom:12px}.pc-header p[data-v-633e12ec]{color:#666;font-size:13px}.pc-price[data-v-633e12ec]{color:#222;font-size:32px;font-weight:700;margin-bottom:8px}.pc-price span[data-v-633e12ec]{color:#999;font-size:14px;font-weight:400}.pc-features[data-v-633e12ec]{flex:1;list-style:none;margin-bottom:24px;padding:0;text-align:left}.pc-features li[data-v-633e12ec]{align-items:center;display:flex;font-size:14px;gap:8px;margin-bottom:12px}.pc-features li i[data-v-633e12ec]{color:#52c41a}.btn-pc[data-v-633e12ec]{border-radius:6px;cursor:pointer;font-weight:600;padding:10px;width:100%}.btn-pc.primary[data-v-633e12ec]{background:#2254f4;border:none;color:#fff}.btn-pc.outline[data-v-633e12ec]{background:#fff;border:1px solid #2254f4;color:#2254f4}.audit-form[data-v-633e12ec]{padding:10px 0}.score-circle[data-v-633e12ec]{align-items:center;border:8px solid #2254f4;border-radius:50%;display:flex;flex-direction:column;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.score-num[data-v-633e12ec]{color:#2254f4;font-size:40px;font-weight:800;line-height:1}.score-label[data-v-633e12ec]{color:#999;font-size:12px;margin-top:4px}.audit-issues[data-v-633e12ec]{background:#f9f9f9;border-radius:8px;margin-bottom:24px;padding:16px}.issue-item[data-v-633e12ec]{align-items:center;display:flex;font-size:13px;gap:10px;margin-bottom:8px}.issue-item[data-v-633e12ec]:last-child{margin-bottom:0}.issue-item i[data-v-633e12ec]{font-size:16px}.issue-item.warning[data-v-633e12ec]{color:#fa8c16}.issue-item.error[data-v-633e12ec]{color:#ff4d4f}.issue-item.success[data-v-633e12ec]{color:#52c41a}.audit-cta[data-v-633e12ec]{text-align:center}.audit-cta p[data-v-633e12ec]{color:#666;font-size:14px;margin-bottom:12px}