.mid-page[data-v-6ae1f470]{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem 1rem}.mid-header[data-v-6ae1f470]{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.mid-header h1[data-v-6ae1f470]{align-items:center;color:rgb(var(--gray-10));display:flex;font-size:1.5rem;font-weight:900;gap:.5rem;margin:0}.mid-title-icon[data-v-6ae1f470]{color:rgb(var(--arcoblue-6))}.mid-desc[data-v-6ae1f470]{color:rgb(var(--gray-7));font-size:.875rem;line-height:1.7;margin:.375rem 0 0;max-width:820px}.mid-desc b[data-v-6ae1f470]{color:rgb(var(--arcoblue-7));font-weight:700}.mid-stats[data-v-6ae1f470]{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.mid-stats[data-v-6ae1f470]{grid-template-columns:repeat(4,1fr)}}.mid-stat[data-v-6ae1f470]{align-items:center;background:#fff;border:1px solid rgb(var(--gray-3));border-radius:8px;display:flex;gap:.75rem;padding:.875rem 1rem}.mid-stat-icon[data-v-6ae1f470]{color:rgb(var(--arcoblue-6));flex-shrink:0;font-size:1.5rem}.mid-stat-body[data-v-6ae1f470]{display:flex;flex-direction:column;gap:.0625rem;min-width:0}.mid-stat-num[data-v-6ae1f470]{color:rgb(var(--gray-10));font-size:1.0625rem;font-weight:900;line-height:1.2}.mid-stat-label[data-v-6ae1f470]{color:rgb(var(--gray-7));font-size:.6875rem}.mid-card[data-v-6ae1f470]{background:#fff;border:1px solid rgb(var(--gray-3));border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.mid-section-head[data-v-6ae1f470]{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem}.mid-section-head h2[data-v-6ae1f470]{color:rgb(var(--gray-10));font-size:1.0625rem;font-weight:800;margin:0}.mid-section-icon[data-v-6ae1f470]{color:rgb(var(--arcoblue-6));font-size:1.125rem}.mid-section-tip[data-v-6ae1f470]{color:rgb(var(--gray-6));font-size:.75rem;margin-left:auto}.mid-para[data-v-6ae1f470]{color:rgb(var(--gray-8));font-size:.875rem;line-height:1.75;margin:0}.mid-core[data-v-6ae1f470]{background:linear-gradient(135deg,rgba(var(--arcoblue-6),.06),rgba(var(--arcoblue-6),.02));border-left:3px solid rgb(var(--arcoblue-5));border-radius:6px;padding:.875rem 1rem}.mid-core-title[data-v-6ae1f470]{align-items:center;color:rgb(var(--arcoblue-8));display:flex;font-size:.9375rem;font-weight:800;gap:.375rem;margin:0 0 .375rem}.mid-core-title svg[data-v-6ae1f470]{color:rgb(var(--arcoblue-6))}.mid-core-desc[data-v-6ae1f470]{color:rgb(var(--gray-9));font-size:.8125rem;line-height:1.75;margin:0}.mid-core-note[data-v-6ae1f470]{border-top:1px dashed rgba(var(--arcoblue-6),.2);color:rgb(var(--gray-8));font-size:.8125rem;line-height:1.7;margin:.5rem 0 0;padding-top:.5rem}.mid-generator[data-v-6ae1f470]{background:#fff;border:1px solid rgb(var(--gray-3));border-radius:10px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;gap:1rem;padding:1.25rem}.mid-gen-head[data-v-6ae1f470]{align-items:center;border-bottom:1px solid rgb(var(--gray-2));display:flex;gap:.75rem;padding-bottom:.875rem}.mid-gen-head-icon[data-v-6ae1f470]{color:rgb(var(--arcoblue-6));flex-shrink:0;font-size:1.5rem}.mid-gen-head h2[data-v-6ae1f470]{color:rgb(var(--gray-10));font-size:1.0625rem;font-weight:800;margin:0}.mid-gen-head p[data-v-6ae1f470]{color:rgb(var(--gray-7));font-size:.75rem;margin:.125rem 0 0}.mid-type-tabs[data-v-6ae1f470]{display:grid;gap:.625rem;grid-template-columns:repeat(3,1fr)}.mid-type-tab[data-v-6ae1f470]{--tc:rgb(var(--arcoblue-6));align-items:center;background:#fff;border:1px solid rgb(var(--gray-3));border-radius:8px;border-top:3px solid rgb(var(--gray-3));cursor:pointer;display:flex;flex-direction:column;gap:.1875rem;padding:.75rem .625rem;text-align:center;transition:all .18s}.mid-type-tab[data-v-6ae1f470]:hover{background:color-mix(in srgb,var(--tc) 3%,#fff)}.mid-type-tab.active[data-v-6ae1f470],.mid-type-tab[data-v-6ae1f470]:hover{border-color:var(--tc);border-top-color:var(--tc)}.mid-type-tab.active[data-v-6ae1f470]{background:color-mix(in srgb,var(--tc) 8%,#fff);box-shadow:0 2px 8px color-mix(in srgb,var(--tc) 18%,transparent)}.mid-type-tab-label[data-v-6ae1f470]{color:rgb(var(--gray-9));font-size:.9375rem;font-weight:800}.mid-type-tab.active .mid-type-tab-label[data-v-6ae1f470]{color:var(--tc)}.mid-type-tab-tag[data-v-6ae1f470]{color:rgb(var(--gray-7));font-size:.6875rem}.mid-type-tab.active .mid-type-tab-tag[data-v-6ae1f470]{color:color-mix(in srgb,var(--tc) 80%,rgb(var(--gray-8)))}.tone-primary[data-v-6ae1f470]{--tc:rgb(var(--arcoblue-6))}.tone-success[data-v-6ae1f470]{--tc:#16a34a}.tone-warning[data-v-6ae1f470]{--tc:#d97706}.mid-gen-grid[data-v-6ae1f470]{display:grid;gap:1rem;grid-template-columns:1fr}@media(min-width:1024px){.mid-gen-grid[data-v-6ae1f470]{align-items:start;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr)}}.mid-form-card[data-v-6ae1f470]{background:rgb(var(--gray-1));border:1px solid rgb(var(--gray-3));border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1rem 1.125rem}.mid-form-head[data-v-6ae1f470]{align-items:baseline;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.mid-form-head h3[data-v-6ae1f470]{color:rgb(var(--gray-10));font-size:.9375rem;font-weight:800;margin:0}.mid-form-format[data-v-6ae1f470]{background:#fff;border:1px dashed rgb(var(--gray-4));border-radius:4px;color:rgb(var(--gray-7));font-size:.75rem;padding:.125rem .5rem}.mid-form[data-v-6ae1f470]{display:flex;flex-direction:column;gap:.875rem}.mid-field-row[data-v-6ae1f470]{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.mid-field[data-v-6ae1f470]{display:flex;flex-direction:column;gap:.375rem;min-width:0}.mid-field label[data-v-6ae1f470]{align-items:baseline;color:rgb(var(--gray-9));display:flex;flex-wrap:wrap;font-size:.8125rem;font-weight:700;gap:.5rem}.mid-field-hint[data-v-6ae1f470]{color:rgb(var(--gray-6));font-size:.6875rem;font-style:normal;font-weight:400}.mid-radio-group[data-v-6ae1f470] .arco-radio-button{font-size:.8125rem}.mid-actions[data-v-6ae1f470]{display:flex;gap:.625rem;padding-top:.25rem}.mid-actions .arco-btn[data-v-6ae1f470]{flex:1}.mid-samples[data-v-6ae1f470]{border-top:1px dashed rgb(var(--gray-3));display:flex;flex-direction:column;gap:.5rem;padding-top:.75rem}.mid-samples-label[data-v-6ae1f470]{align-items:center;color:rgb(var(--gray-7));display:inline-flex;font-size:.75rem;font-weight:700;gap:.3125rem}.mid-samples-label svg[data-v-6ae1f470]{color:rgb(var(--arcoblue-5))}.mid-samples-chips[data-v-6ae1f470]{display:flex;flex-wrap:wrap;gap:.375rem}.mid-sample-chip[data-v-6ae1f470]{background:#fff;border:1px solid rgb(var(--gray-3));border-radius:999px;color:rgb(var(--gray-8));cursor:pointer;font-size:.75rem;padding:.25rem .625rem;transition:all .16s}.mid-sample-chip[data-v-6ae1f470]:hover{background:rgb(var(--arcoblue-1));border-color:rgb(var(--arcoblue-4));color:rgb(var(--arcoblue-6))}.mid-result-card[data-v-6ae1f470]{--tc:rgb(var(--arcoblue-6));background:#fff;border:1px solid rgb(var(--gray-3));border-radius:8px;border-top:3px solid var(--tc);display:flex;flex-direction:column;gap:.875rem;min-height:260px;padding:1rem 1.125rem}.mid-result-head[data-v-6ae1f470]{align-items:center;border-bottom:1px dashed rgb(var(--gray-3));display:flex;gap:.625rem;padding-bottom:.75rem}.mid-result-head-icon[data-v-6ae1f470]{color:var(--tc);flex-shrink:0;font-size:1.375rem}.mid-result-head h3[data-v-6ae1f470]{color:rgb(var(--gray-10));font-size:.9375rem;font-weight:800;margin:0}.mid-result-head p[data-v-6ae1f470]{color:rgb(var(--gray-7));font-size:.6875rem;margin:.125rem 0 0}.mid-copy-btn[data-v-6ae1f470]{align-items:center;background:#fff;border:1px solid rgb(var(--gray-3));border-radius:5px;color:rgb(var(--gray-8));cursor:pointer;display:inline-flex;font-size:.75rem;gap:.25rem;margin-left:auto;padding:.25rem .625rem;transition:all .16s}.mid-copy-btn[data-v-6ae1f470]:hover{background:color-mix(in srgb,var(--tc) 6%,#fff);border-color:var(--tc);color:var(--tc)}.mid-copy-btn.copied[data-v-6ae1f470]{background:#16a34a1a;border-color:#16a34a;color:#15803d}.mid-result-code-wrap[data-v-6ae1f470]{background:color-mix(in srgb,var(--tc) 6%,#fff);border:1px dashed color-mix(in srgb,var(--tc) 40%,transparent);border-radius:8px;display:flex;flex-direction:column;gap:.375rem;padding:1rem}.mid-result-code-label[data-v-6ae1f470]{color:rgb(var(--gray-7));font-size:.6875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mid-result-code[data-v-6ae1f470]{align-items:center;background:transparent;border:none;color:var(--tc);cursor:pointer;display:inline-flex;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:1.5rem;font-weight:900;gap:.5rem;letter-spacing:.06em;padding:0;text-align:left;transition:color .16s;word-break:break-all}.mid-result-code[data-v-6ae1f470]:hover{color:color-mix(in srgb,var(--tc) 80%,#000)}.mid-result-code.copied[data-v-6ae1f470]{color:#16a34a}.mid-code-check[data-v-6ae1f470]{font-size:1.25rem}.mid-result-format[data-v-6ae1f470]{align-items:baseline;background:rgb(var(--gray-1));border-radius:6px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.5rem .75rem}.mid-result-format-label[data-v-6ae1f470]{color:rgb(var(--gray-7));flex-shrink:0;font-size:.6875rem;font-weight:700}.mid-result-format code[data-v-6ae1f470]{color:rgb(var(--gray-9));font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.75rem;word-break:break-all}.mid-result-parts[data-v-6ae1f470]{display:flex;flex-direction:column;gap:.5rem}.mid-result-parts h4[data-v-6ae1f470]{color:rgb(var(--gray-9));font-size:.8125rem;font-weight:800;margin:0}.mid-result-parts ul[data-v-6ae1f470]{display:flex;flex-direction:column;gap:.375rem;list-style:none;margin:0;padding:0}.mid-result-parts li[data-v-6ae1f470]{align-items:center;background:rgb(var(--gray-1));border-radius:6px;display:grid;font-size:.75rem;gap:.625rem;grid-template-columns:88px auto 1fr;padding:.5rem .75rem}.mid-part-label[data-v-6ae1f470]{color:rgb(var(--gray-7));font-weight:700}.mid-part-value[data-v-6ae1f470]{align-items:center;background:#fff;border:1px solid rgb(var(--gray-3));border-radius:4px;color:rgb(var(--gray-10));cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:700;gap:.25rem;padding:.125rem .5rem;transition:all .16s}.mid-part-value svg[data-v-6ae1f470]{color:rgb(var(--gray-6));font-size:.6875rem}.mid-part-value[data-v-6ae1f470]:hover{background:color-mix(in srgb,var(--tc) 6%,#fff);border-color:var(--tc);color:var(--tc)}.mid-part-value:hover svg[data-v-6ae1f470]{color:var(--tc)}.mid-part-value.copied[data-v-6ae1f470]{background:#16a34a1a;border-color:#16a34a;color:#15803d}.mid-part-value.copied svg[data-v-6ae1f470]{color:#16a34a}.mid-part-desc[data-v-6ae1f470]{color:rgb(var(--gray-7));font-size:.6875rem;line-height:1.5}.mid-result-error[data-v-6ae1f470]{align-items:center;display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem 1rem;text-align:center}.mid-result-error-icon[data-v-6ae1f470]{color:#f87171;font-size:2.5rem}.mid-result-error-title[data-v-6ae1f470]{color:rgb(var(--gray-10));font-size:1rem;font-weight:800;margin:0}.mid-result-error-desc[data-v-6ae1f470]{color:rgb(var(--gray-8));font-size:.8125rem;line-height:1.7;margin:0;max-width:340px}.mid-result-empty[data-v-6ae1f470]{align-items:center;display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:center;padding:2rem 1rem;text-align:center}.mid-result-empty-icon[data-v-6ae1f470]{color:rgb(var(--gray-4));font-size:2.5rem}.mid-result-empty-title[data-v-6ae1f470]{color:rgb(var(--gray-9));font-size:1rem;font-weight:800;margin:0}.mid-result-empty-desc[data-v-6ae1f470]{color:rgb(var(--gray-7));font-size:.8125rem;line-height:1.7;margin:0;max-width:320px}.mid-result-empty-example[data-v-6ae1f470]{background:rgb(var(--gray-1));border-radius:4px;color:rgb(var(--gray-8));font-size:.75rem;margin:.25rem 0 0;padding:.375rem .75rem;word-break:break-all}.mono[data-v-6ae1f470]{font-family:ui-monospace,SF Mono,Consolas,monospace;letter-spacing:.02em}.mid-compare-wrap[data-v-6ae1f470]{border:1px solid rgb(var(--gray-3));border-radius:8px;overflow-x:auto}.mid-compare[data-v-6ae1f470]{border-collapse:collapse;font-size:.8125rem;min-width:720px;width:100%}.mid-compare thead th[data-v-6ae1f470]{background:rgb(var(--gray-1));border-bottom:1px solid rgb(var(--gray-3));color:rgb(var(--gray-8));font-weight:700;padding:.75rem .875rem;text-align:left;vertical-align:top}.mid-compare thead th.tone-primary[data-v-6ae1f470]{border-top:3px solid rgb(var(--arcoblue-5))}.mid-compare thead th.tone-success[data-v-6ae1f470]{border-top:3px solid #16a34a}.mid-compare thead th.tone-warning[data-v-6ae1f470]{border-top:3px solid #d97706}.mid-compare-th[data-v-6ae1f470]{display:flex;flex-direction:column;gap:.125rem}.mid-compare-th-name[data-v-6ae1f470]{color:rgb(var(--gray-10));font-size:.875rem;font-weight:800}.mid-compare-th-tag[data-v-6ae1f470]{color:rgb(var(--gray-7));font-size:.6875rem;font-weight:500}.mid-compare-td-label[data-v-6ae1f470],.mid-compare-th-label[data-v-6ae1f470]{background:rgb(var(--gray-1));color:rgb(var(--gray-7));font-weight:700;width:96px}.mid-compare tbody td[data-v-6ae1f470]{border-bottom:1px solid rgb(var(--gray-2));color:rgb(var(--gray-9));line-height:1.6;padding:.625rem .875rem;vertical-align:top}.mid-compare tbody tr:last-child td[data-v-6ae1f470]{border-bottom:none}.mid-compare-example[data-v-6ae1f470]{color:rgb(var(--gray-6));font-family:Inter,system-ui,sans-serif;font-size:.6875rem;letter-spacing:0;margin-top:.25rem}.mid-steps[data-v-6ae1f470]{display:grid;gap:.875rem;grid-template-columns:1fr;list-style:none;margin:0;padding:0}@media(min-width:768px){.mid-steps[data-v-6ae1f470]{grid-template-columns:repeat(2,1fr)}}.mid-step[data-v-6ae1f470]{background:rgb(var(--gray-1));border:1px solid rgb(var(--gray-2));border-radius:8px;display:flex;gap:.75rem;padding:.875rem 1rem}.mid-step-num[data-v-6ae1f470]{color:rgb(var(--arcoblue-6));flex-shrink:0;font-size:1.5rem}.mid-step-num[data-v-6ae1f470],.mid-step-num-fallback[data-v-6ae1f470]{align-items:center;display:flex;height:1.75rem;justify-content:center;width:1.75rem}.mid-step-num-fallback[data-v-6ae1f470]{background:rgb(var(--arcoblue-6));border-radius:50%;color:#fff;font-size:.875rem;font-weight:800}.mid-step-body[data-v-6ae1f470]{min-width:0}.mid-step-body h4[data-v-6ae1f470]{color:rgb(var(--gray-10));font-size:.9375rem;font-weight:800;margin:0 0 .25rem}.mid-step-body p[data-v-6ae1f470]{color:rgb(var(--gray-8));font-size:.8125rem;line-height:1.7;margin:0}.mid-guides[data-v-6ae1f470]{gap:1.25rem}.mid-guide-section[data-v-6ae1f470],.mid-guides[data-v-6ae1f470]{display:flex;flex-direction:column}.mid-guide-section[data-v-6ae1f470]{gap:.625rem}.mid-guide-title[data-v-6ae1f470]{border-bottom:2px solid rgb(var(--arcoblue-2));color:rgb(var(--arcoblue-8));font-size:1rem;font-weight:800;margin:0;padding-bottom:.5rem}.mid-guide-desc[data-v-6ae1f470]{color:rgb(var(--gray-8));font-size:.8125rem;line-height:1.7;margin:0}.mid-guide-list[data-v-6ae1f470]{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.mid-guide-item[data-v-6ae1f470]{background:rgb(var(--gray-1));border-left:3px solid rgb(var(--arcoblue-3));border-radius:0 6px 6px 0;padding:.75rem 1rem}.mid-guide-item-title[data-v-6ae1f470]{align-items:center;color:rgb(var(--gray-10));display:flex;font-size:.875rem;font-weight:800;gap:.5rem;margin:0 0 .25rem}.mid-guide-item-num[data-v-6ae1f470]{align-items:center;background:rgb(var(--arcoblue-6));border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.6875rem;font-weight:800;height:1.375rem;justify-content:center;width:1.375rem}.mid-guide-item-desc[data-v-6ae1f470]{color:rgb(var(--gray-8));font-size:.8125rem;line-height:1.7;margin:0}.mid-guide-sub[data-v-6ae1f470]{display:flex;flex-direction:column;gap:.25rem;margin:.375rem 0 0;padding-left:1.125rem}.mid-guide-sub li[data-v-6ae1f470]{color:rgb(var(--gray-8));font-size:.8125rem;line-height:1.7}.mid-tips[data-v-6ae1f470]{border-top:1px dashed rgb(var(--gray-3));display:flex;flex-direction:column;gap:.625rem;padding-top:1rem}.mid-tip[data-v-6ae1f470]{background:linear-gradient(135deg,#f59e0b14,#f59e0b05);border-left:3px solid #f59e0b;border-radius:6px;display:flex;gap:.75rem;padding:.875rem 1rem}.mid-tip-icon[data-v-6ae1f470]{color:#f59e0b;flex-shrink:0;font-size:1.25rem}.mid-tip-title[data-v-6ae1f470]{color:#92400e;font-size:.875rem;font-weight:800;margin:0 0 .25rem}.mid-tip-desc[data-v-6ae1f470]{color:rgb(var(--gray-9));font-size:.8125rem;line-height:1.75;margin:0}.mid-faq[data-v-6ae1f470]{display:flex;flex-direction:column;gap:.5rem}.mid-faq-item[data-v-6ae1f470]{border:1px solid rgb(var(--gray-3));border-radius:8px;overflow:hidden;transition:border-color .16s}.mid-faq-item.open[data-v-6ae1f470]{border-color:rgb(var(--arcoblue-3))}.mid-faq-q[data-v-6ae1f470]{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;gap:.625rem;padding:.875rem 1rem;text-align:left;transition:background .16s;width:100%}.mid-faq-q[data-v-6ae1f470]:hover{background:rgb(var(--gray-1))}.mid-faq-q-text[data-v-6ae1f470]{color:rgb(var(--gray-10));flex:1;font-size:.875rem;font-weight:700}.mid-faq-caret[data-v-6ae1f470]{color:rgb(var(--gray-6));flex-shrink:0;font-size:.875rem;transition:transform .2s}.mid-faq-item.open .mid-faq-caret[data-v-6ae1f470]{color:rgb(var(--arcoblue-6));transform:rotate(180deg)}.mid-faq-a[data-v-6ae1f470]{color:rgb(var(--gray-8));font-size:.8125rem;line-height:1.75;padding:0 1rem 1rem}@media(max-width:767px){.mid-page[data-v-6ae1f470]{gap:1.25rem;padding:1.5rem .75rem 2.5rem}.mid-header h1[data-v-6ae1f470]{font-size:1.25rem}.mid-desc[data-v-6ae1f470]{font-size:.8125rem}.mid-header[data-v-6ae1f470]{gap:.75rem}.mid-header .arco-btn[data-v-6ae1f470]{justify-content:center;width:100%}.mid-card[data-v-6ae1f470],.mid-generator[data-v-6ae1f470]{padding:1rem}.mid-field-row[data-v-6ae1f470],.mid-type-tabs[data-v-6ae1f470]{grid-template-columns:1fr}.mid-actions[data-v-6ae1f470]{flex-direction:column}.mid-result-code[data-v-6ae1f470]{font-size:1.25rem}.mid-result-parts li[data-v-6ae1f470]{gap:.25rem;grid-template-columns:1fr}.mid-part-desc[data-v-6ae1f470]{font-size:.6875rem}.mid-compare-td-label[data-v-6ae1f470],.mid-compare-th-label[data-v-6ae1f470]{width:76px}}@media(max-width:380px){.mid-page[data-v-6ae1f470]{padding:1.25rem .5rem 2rem}.mid-header h1[data-v-6ae1f470],.mid-result-code[data-v-6ae1f470]{font-size:1.125rem}}