.sample-guide-article[data-v-ab60ed2e]{--guide-ink:#172033;--guide-muted:#5f6b7a;--guide-line:#e2e8f0;--guide-soft:#f7f9fc;margin-bottom:32px}.guide-article-header[data-v-ab60ed2e]{align-items:flex-start;border-bottom:1px solid var(--guide-line);border-top:1px solid var(--guide-line);display:flex;gap:16px;margin-bottom:24px;padding:24px 4px}.guide-article-mark[data-v-ab60ed2e]{align-items:center;background:#2563eb;border-radius:8px;color:#fff;display:inline-flex;flex-shrink:0;font-size:22px;height:44px;justify-content:center;width:44px}.guide-article-title[data-v-ab60ed2e]{color:var(--guide-ink);font-size:24px;font-weight:750;line-height:1.35;margin:0}.guide-article-kicker[data-v-ab60ed2e]{color:#2563eb;font-size:11px;font-weight:750;margin:0 0 3px}.guide-article-subtitle[data-v-ab60ed2e]{color:var(--guide-muted);font-size:14px;line-height:1.7;margin:5px 0 0;max-width:720px}.guide-layout[data-v-ab60ed2e]{align-items:start;display:grid;gap:32px;grid-template-columns:232px minmax(0,1fr)}.guide-toc[data-v-ab60ed2e]{background:#fff;border:1px solid var(--guide-line);border-radius:8px;padding:18px;position:sticky;top:82px}.guide-toc-hint[data-v-ab60ed2e]{color:#8a94a3;font-size:11px;font-weight:700;letter-spacing:0;margin:0 0 4px}.guide-toc-title[data-v-ab60ed2e]{align-items:center;color:var(--guide-ink);display:flex;font-size:16px;font-weight:750;gap:7px;margin:0 0 13px}.guide-toc-list[data-v-ab60ed2e]{display:grid;gap:3px;list-style:none;margin:0;padding:0}.toc-link[data-v-ab60ed2e]{align-items:start;border-radius:6px;color:var(--guide-muted);display:grid;font-size:13px;gap:7px;grid-template-columns:24px minmax(0,1fr);line-height:1.45;padding:7px 8px;text-decoration:none;transition:color .16s ease,background-color .16s ease}.toc-link[data-v-ab60ed2e]:hover{background:#f1f5f9;color:#1d4ed8}.toc-link:hover .toc-idx[data-v-ab60ed2e]{color:#2563eb}.toc-idx[data-v-ab60ed2e]{color:#9aa4b2;font-size:11px;font-variant-numeric:tabular-nums;font-weight:750;padding-top:1px}.guide-content[data-v-ab60ed2e]{min-width:0}.guide-section[data-v-ab60ed2e]{border-top:1px solid var(--guide-line);margin:0;padding:30px 0;scroll-margin-top:80px}.guide-section[data-v-ab60ed2e]:first-child{border-top:0;padding-top:0}.guide-section[data-v-ab60ed2e]:last-child{padding-bottom:0}.guide-h2[data-v-ab60ed2e]{align-items:center;color:var(--guide-ink);display:flex;font-size:21px;font-weight:750;gap:9px;line-height:1.4;margin:0 0 14px}.guide-h2-icon[data-v-ab60ed2e]{background:#eff6ff;border-radius:7px;color:#2563eb;flex-shrink:0;font-size:18px;height:30px;padding:6px;width:30px}.guide-h3[data-v-ab60ed2e]{color:var(--guide-ink);font-size:15px;font-weight:700;line-height:1.55;margin:0 0 5px}.guide-p[data-v-ab60ed2e]{color:#3f4b5b;font-size:15px;line-height:1.85;margin:0}.guide-sub-p[data-v-ab60ed2e]{color:var(--guide-muted);font-size:14px;line-height:1.75;margin:0}.guide-highlight[data-v-ab60ed2e],.guide-module[data-v-ab60ed2e],.guide-panel[data-v-ab60ed2e],.guide-stage[data-v-ab60ed2e],.guide-tip[data-v-ab60ed2e]{background:#fff;border:1px solid var(--guide-line);border-radius:8px}.guide-panel[data-v-ab60ed2e]{background:var(--guide-soft);padding:16px}.guide-module[data-v-ab60ed2e],.guide-tip[data-v-ab60ed2e]{padding:18px}.guide-highlight[data-v-ab60ed2e],.guide-stage[data-v-ab60ed2e]{align-items:flex-start;display:flex;gap:12px;padding:16px}.guide-highlight[data-v-ab60ed2e]{border-left:3px solid #2563eb}.guide-kv[data-v-ab60ed2e]{color:#465365;font-size:13px;line-height:1.75;margin:0 0 8px}.guide-kv[data-v-ab60ed2e]:last-child{margin-bottom:0}.guide-kv-label[data-v-ab60ed2e]{border-radius:5px;display:inline-block;font-size:11px;font-weight:700;margin-right:7px;padding:2px 7px}.guide-kv-core[data-v-ab60ed2e]{background:#eff6ff;color:#1d4ed8}.guide-kv-tips[data-v-ab60ed2e]{background:#fffbeb;color:#d97706}.guide-kv-sample[data-v-ab60ed2e]{background:#f0fdf4;color:#16a34a}.guide-facts[data-v-ab60ed2e]{display:grid;gap:24px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.guide-chips[data-v-ab60ed2e]{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:10px 0 0;padding:0}.guide-chips li[data-v-ab60ed2e]{background:#f8fafc;border:1px solid #e5eaf1;border-radius:6px;color:#465365;font-size:12px;line-height:1.5;padding:5px 9px}.guide-facts>div:first-child .guide-chips[data-v-ab60ed2e]{display:grid;gap:8px}.guide-facts>div:first-child .guide-chips li[data-v-ab60ed2e]{background:transparent;border:0;font-size:13px;padding:0 0 0 21px;position:relative}.guide-facts>div:first-child .guide-chips li[data-v-ab60ed2e]:before{border-bottom:2px solid #16866c;border-left:2px solid #16866c;content:"";height:4px;left:1px;position:absolute;top:6px;transform:rotate(-45deg);width:8px}.guide-detail[data-v-ab60ed2e]{border-bottom:1px solid var(--guide-line);padding:18px 0}.guide-detail[data-v-ab60ed2e]:last-child{border-bottom:0;padding-bottom:0}.guide-detail ul[data-v-ab60ed2e]{margin:8px 0 0;padding-left:20px}.guide-detail li[data-v-ab60ed2e]{color:#465365;font-size:14px;line-height:1.8}.hl-badge[data-v-ab60ed2e]{align-items:center;background:#dbeafe;border-radius:6px;color:#1d4ed8;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:750;height:26px;justify-content:center;width:26px}.guide-comparison[data-v-ab60ed2e]{border:1px solid;border-radius:7px;padding:13px}.guide-comparison-wrong[data-v-ab60ed2e]{background:#fff7f7;border-color:#fecaca}.guide-comparison-right[data-v-ab60ed2e]{background:#f4fcf6;border-color:#bbf7d0}.cmp-label[data-v-ab60ed2e]{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin:0 0 4px}.cmp-wrong[data-v-ab60ed2e]{color:#dc2626}.cmp-right[data-v-ab60ed2e]{color:#16a34a}.cmp-text[data-v-ab60ed2e]{color:#465365;font-size:13px;line-height:1.7;margin:0}.guide-faq[data-v-ab60ed2e]{border:none}.guide-faq[data-v-ab60ed2e] .el-collapse-item__header{border-bottom-color:var(--guide-line);color:var(--guide-ink);font-size:15px;font-weight:650;height:auto;line-height:1.5;min-height:54px;padding:13px 14px}.guide-faq[data-v-ab60ed2e] .el-collapse-item__content{padding:10px 14px 18px}.guide-faq[data-v-ab60ed2e] .el-collapse-item__wrap{border-bottom-color:var(--guide-line)}@media(max-width:1023px){.guide-layout[data-v-ab60ed2e]{gap:24px;grid-template-columns:1fr}.guide-toc[data-v-ab60ed2e]{padding:16px 18px;position:static}.guide-toc-list[data-v-ab60ed2e]{gap:3px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:639px){.sample-guide-article[data-v-ab60ed2e]{margin-bottom:24px}.guide-article-header[data-v-ab60ed2e]{gap:12px;margin-bottom:18px;padding:20px 0}.guide-article-mark[data-v-ab60ed2e]{font-size:19px;height:38px;width:38px}.guide-article-title[data-v-ab60ed2e]{font-size:20px}.guide-article-subtitle[data-v-ab60ed2e]{font-size:13px}.guide-toc[data-v-ab60ed2e]{overflow:hidden}.guide-toc-list[data-v-ab60ed2e]{display:flex;gap:8px;margin-right:-18px;overflow-x:auto;padding-bottom:3px;padding-right:18px;scrollbar-width:none}.guide-toc-list[data-v-ab60ed2e]::-webkit-scrollbar{display:none}.guide-toc-list li[data-v-ab60ed2e]{flex:0 0 auto}.toc-link[data-v-ab60ed2e]{align-items:center;background:#f8fafc;border:1px solid var(--guide-line);display:inline-flex;gap:6px;padding:7px 10px;white-space:nowrap}.guide-section[data-v-ab60ed2e]{padding:24px 0;scroll-margin-top:68px}.guide-h2[data-v-ab60ed2e]{align-items:flex-start;font-size:18px}.guide-h2-icon[data-v-ab60ed2e]{font-size:16px;height:28px;padding:6px;width:28px}.guide-p[data-v-ab60ed2e]{font-size:14px}.guide-sub-p[data-v-ab60ed2e]{font-size:13px}.guide-facts[data-v-ab60ed2e]{gap:20px;grid-template-columns:1fr}.guide-highlight[data-v-ab60ed2e],.guide-module[data-v-ab60ed2e],.guide-panel[data-v-ab60ed2e],.guide-stage[data-v-ab60ed2e],.guide-tip[data-v-ab60ed2e]{padding:14px}}.sample-showcase[data-v-253da117]{align-items:start;display:grid;gap:20px;grid-template-areas:"preview hero" "preview sidebar" "fallback fallback";grid-template-columns:minmax(0,2fr) minmax(300px,.95fr)}.hero-section[data-v-253da117]{grid-area:hero}.sample-preview-panel[data-v-253da117]{grid-area:preview;min-width:0;scroll-margin-top:80px}.sample-sidebar[data-v-253da117]{grid-area:sidebar;min-width:0}.seo-fallback[data-v-253da117]{grid-area:fallback}.preview-toolbar[data-v-253da117]{align-items:center;background:#fff;border:1px solid var(--el-border-color-lighter);border-radius:8px 8px 0 0;display:flex;gap:16px;justify-content:space-between;min-height:48px;padding:0 16px}.preview-guide-link[data-v-253da117],.preview-toolbar-title[data-v-253da117]{align-items:center;display:inline-flex;gap:7px}.preview-toolbar-title[data-v-253da117]{color:#172033;font-size:14px;font-weight:700}.preview-toolbar-title[data-v-253da117] .v-icon{color:#2563eb}.preview-guide-link[data-v-253da117]{color:#2563eb;font-size:12px;font-weight:650;text-decoration:none}.preview-guide-link[data-v-253da117]:hover{color:#1d4ed8}.hero-template-link[data-v-253da117]{align-items:center;align-self:flex-start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;color:#1d4ed8;display:inline-flex;font-size:12px;font-weight:700;gap:6px;line-height:1.45;margin-bottom:14px;max-width:100%;min-height:28px;padding:4px 9px;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,color .16s ease}.hero-template-link[data-v-253da117]:not(.hero-template-link-static):hover{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.hero-template-name[data-v-253da117]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-info-row[data-v-253da117]{align-items:center;border-bottom:1px solid var(--el-border-color-lighter);display:flex;gap:12px;justify-content:space-between;padding-bottom:16px}.template-name-link[data-v-253da117]{align-items:center;color:#1d4ed8;display:inline-flex;font-weight:700;gap:4px;justify-content:flex-end;line-height:1.5;min-width:0;text-align:right;text-decoration:none}.template-name-link span[data-v-253da117]{overflow-wrap:anywhere}.template-name-link[data-v-253da117] .v-icon{flex-shrink:0;font-size:12px}.template-name-link[data-v-253da117]:hover{color:#1e40af}.hero-actions[data-v-253da117]{display:grid;gap:10px;grid-template-columns:1fr}.hero-title[data-v-253da117]{overflow-wrap:break-word;word-break:keep-all}.hero-summary[data-v-253da117]{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:9}.hero-benefits[data-v-253da117]{border-top:1px solid #e8edf3;display:grid;gap:7px;list-style:none;margin:14px 0 0;padding:14px 0 0}.hero-benefits li[data-v-253da117]{align-items:flex-start;color:#465365;display:flex;font-size:12px;gap:7px;line-height:1.5}.hero-benefits[data-v-253da117] .v-icon{color:#16866c;flex-shrink:0;margin-top:2px}.hero-primary-action[data-v-253da117]{border-radius:7px!important;width:100%}.hero-secondary-action[data-v-253da117]{align-items:center;background:#fff;border:1px solid #bfdbfe;border-radius:7px;color:#1d4ed8;display:inline-flex;font-size:14px;font-weight:650;gap:7px;justify-content:center;min-height:44px;padding:0 16px;text-decoration:none;transition:background-color .16s ease,border-color .16s ease}.hero-secondary-action[data-v-253da117]:hover{background:#eff6ff;border-color:#93c5fd}.mobile-action-bar[data-v-253da117]{display:none}.guide-start[data-v-253da117]{scroll-margin-top:80px}@media(max-width:991px){.sample-showcase[data-v-253da117]{grid-template-areas:"hero" "preview" "sidebar" "fallback";grid-template-columns:minmax(0,1fr)}}@media(max-width:767px){.sample-showcase[data-v-253da117]{gap:14px}.sample-sidebar[data-v-253da117]>:last-child{margin-bottom:0!important}.hero-template-link[data-v-253da117]{font-size:11px;margin-bottom:12px}.template-info-row[data-v-253da117]{align-items:flex-start;padding-bottom:12px}.preview-toolbar[data-v-253da117]{min-height:44px;padding:0 12px}.preview-toolbar-title[data-v-253da117]{font-size:13px}.preview-guide-link[data-v-253da117]{font-size:11px}.hero-summary[data-v-253da117]{-webkit-line-clamp:7}.hero-benefits[data-v-253da117]{padding-top:12px}.page-container[data-v-253da117]{padding-bottom:96px}.guide-start[data-v-253da117]{scroll-margin-top:68px}.mobile-action-bar[data-v-253da117]{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-top:1px solid #dbe3ec;bottom:0;box-shadow:0 -8px 24px #0f172a17;display:flex;gap:12px;justify-content:space-between;left:0;min-height:72px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:90}.mobile-action-copy[data-v-253da117]{display:flex;flex-direction:column;min-width:0}.mobile-action-copy strong[data-v-253da117]{color:#172033;font-size:13px;line-height:1.4}.mobile-action-copy span[data-v-253da117]{color:var(--el-text-color-secondary);font-size:11px;line-height:1.4}.mobile-action-button[data-v-253da117]{border-radius:7px!important;flex-shrink:0;font-weight:700;min-height:42px}}.editorial-note[data-v-253da117]{align-items:flex-start;background:#f7fbf9;border:1px solid #dbe7e2;border-radius:8px;display:grid;gap:14px;grid-template-columns:auto minmax(0,1fr) auto;padding:18px 20px}.editorial-note-icon-wrap[data-v-253da117]{align-items:center;background:#e5f4ef;border-radius:8px;color:#147d64;display:inline-flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.editorial-note-icon[data-v-253da117]{font-size:18px}.editorial-note-title[data-v-253da117]{color:var(--el-text-color-primary);font-size:14px;font-weight:700;line-height:1.5;margin:0 0 3px}.editorial-note-text[data-v-253da117]{color:var(--el-text-color-secondary);font-size:13px;line-height:1.7;margin:0}.editorial-note-meta[data-v-253da117]{align-items:flex-end;display:flex;flex-direction:column;gap:6px;padding-top:2px}.editorial-meta-item[data-v-253da117]{align-items:center;color:var(--el-text-color-secondary);display:inline-flex;font-size:12px;gap:5px;line-height:1.5;white-space:nowrap}@media(max-width:767px){.editorial-note[data-v-253da117]{grid-template-columns:auto minmax(0,1fr);padding:15px}.editorial-note-meta[data-v-253da117]{align-items:flex-start;flex-direction:row;flex-wrap:wrap;grid-column:2;padding-top:0}}.tag-category[data-v-253da117] .el-tag__content,.tag-region[data-v-253da117] .el-tag__content,.tag-view[data-v-253da117] .el-tag__content{align-items:center;display:flex;font-size:14px;gap:4px}.tag-view[data-v-253da117] .el-tag__content{color:#e6a23c}.tag-category[data-v-253da117] .el-tag__content{color:#67c23a}.step-card[data-v-253da117]{background:#fff!important;border-color:#e2e8f0!important}.step-card[data-v-253da117]:not(:last-child):after{background:#bfdbfe;content:"";height:2px;position:absolute;right:-16px;top:48px;width:32px}@media(max-width:767px){.step-card[data-v-253da117]:after{display:none}}.step-num[data-v-253da117]:after{background:#2563eb;border-radius:50%;content:"";top:-4px;right:-4px;bottom:-4px;left:-4px;opacity:.12;position:absolute}.step-num[data-v-253da117]{background:#2563eb!important;box-shadow:0 8px 20px #2563eb3d!important}.faq-collapse[data-v-253da117]{background:transparent;border:none}.faq-collapse[data-v-253da117] .el-collapse-item__header{border-bottom-color:var(--el-border-color-lighter);color:var(--el-text-color-primary);font-size:16px;font-weight:600;padding:18px 12px;transition:color .3s}.faq-collapse[data-v-253da117] .el-collapse-item__header:hover{color:var(--el-color-primary)}.faq-collapse[data-v-253da117] .el-collapse-item__content{color:var(--el-text-color-secondary);padding:16px 12px 24px}.faq-collapse[data-v-253da117] .el-collapse-item__wrap{border-bottom-color:var(--el-border-color-lighter)}@media(max-width:767px){.faq-collapse[data-v-253da117] .el-collapse-item__header{align-items:flex-start;font-size:15px;line-height:1.45;padding:14px 10px}.faq-collapse[data-v-253da117] .el-collapse-item__arrow{margin-top:2px}}.bottom-cta-btn[data-v-253da117],.sidebar-cta-btn[data-v-253da117]{background:#fff!important;border:none!important;box-shadow:0 4px 12px #0f172a29;color:#1d4ed8!important;font-weight:700;transition:all .4s cubic-bezier(.4,0,.2,1)}.bottom-cta-btn[data-v-253da117]:hover,.sidebar-cta-btn[data-v-253da117]:hover{box-shadow:0 10px 26px #0f172a38;transform:translateY(-2px)}.hero-section[data-v-253da117]{background-image:linear-gradient(90deg,rgba(37,99,235,.035),transparent 46%);border-top:4px solid #2563eb;isolation:isolate}.sidebar-cta[data-v-253da117]{background:#1e3a5f;border:1px solid #162f50}.bottom-cta[data-v-253da117]{background:#172033;border-top:4px solid #2563eb}.more-samples-btn[data-v-253da117]{align-items:center;background:#2563eb;border-radius:8px;box-shadow:0 4px 12px #2563eb38;color:#fff;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 22px;text-decoration:none;transition:transform .25s,box-shadow .25s}.more-samples-btn[data-v-253da117]:hover{box-shadow:0 8px 20px #2563eb4d;transform:translateY(-2px)}ul[data-v-253da117]:has(.popular-item){list-style:none;margin:0;padding:0}.popular-item[data-v-253da117]{border:1px solid transparent;border-radius:12px;text-decoration:none}.popular-item[data-v-253da117]:hover{background:linear-gradient(135deg,var(--el-color-primary-light-9),#fff);border-color:var(--el-color-primary-light-7)}.popular-item[data-v-253da117]:visited{color:inherit}.popular-item .rank-badge[data-v-253da117]{background:var(--el-fill-color);color:var(--el-text-color-secondary)}.popular-item .rank-badge.rank-1[data-v-253da117]{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 2px 6px #ee5a6f59;color:#fff}.popular-item .rank-badge.rank-2[data-v-253da117]{background:linear-gradient(135deg,#f59e0b,#f97316);box-shadow:0 2px 6px #f59e0b4d;color:#fff}.popular-item .rank-badge.rank-3[data-v-253da117]{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 6px #fbbf244d;color:#fff}.related-card[data-v-253da117],.related-card[data-v-253da117]:visited{color:inherit;text-decoration:none}.related-card[data-v-253da117]:hover{text-decoration:none}.related-tag-link[data-v-253da117],.related-tag-link[data-v-253da117]:visited{color:inherit;text-decoration:none}.related-tag-link[data-v-253da117]:hover{text-decoration:none}