.font-tool[data-v-4d2b50aa]{z-index:1;max-width:1000px;margin:0 auto;padding:32px 24px 80px;position:relative}.page-header[data-v-4d2b50aa]{text-align:center;margin-bottom:28px}.page-header h1[data-v-4d2b50aa]{color:var(--vt-text);margin:0 0 8px;font-size:28px;font-weight:700;transition:color .3s}.page-header p[data-v-4d2b50aa]{color:var(--vt-text-secondary);margin:0;font-size:14px;transition:color .3s}.card[data-v-4d2b50aa]{background:var(--vt-bg-card);border:1px solid var(--vt-border);box-shadow:var(--vt-shadow-sm);border-radius:14px;margin-bottom:20px;padding:24px;transition:background .3s,border-color .3s,box-shadow .3s}.input-label[data-v-4d2b50aa]{color:var(--vt-text);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.text-input[data-v-4d2b50aa]{border:1.5px solid var(--vt-border);background:var(--vt-bg-input);width:100%;color:var(--vt-text);border-radius:10px;outline:none;padding:14px 18px;font-size:18px;transition:border-color .2s,background .3s,color .3s}.text-input[data-v-4d2b50aa]:focus{border-color:var(--vt-primary)}.input-info[data-v-4d2b50aa]{text-align:right;margin-top:8px}.char-count[data-v-4d2b50aa]{color:var(--vt-text-muted);font-size:12px}.styles-section[data-v-4d2b50aa]{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:32px;display:grid}.style-card[data-v-4d2b50aa]{flex-direction:column;margin-bottom:0;display:flex}.style-header[data-v-4d2b50aa]{align-items:center;gap:10px;margin-bottom:12px;display:flex}.style-icon[data-v-4d2b50aa]{background:var(--vt-primary-light);width:36px;height:36px;color:var(--vt-primary);border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.style-label[data-v-4d2b50aa]{color:var(--vt-text);font-size:14px;font-weight:600}.style-output-wrap[data-v-4d2b50aa]{background:var(--vt-bg-input);border:1px solid var(--vt-border);word-break:break-all;border-radius:10px;flex:1;min-height:60px;margin-bottom:12px;padding:14px 16px;transition:background .3s,border-color .3s}.style-output[data-v-4d2b50aa]{color:var(--vt-text);font-size:22px;line-height:1.6;transition:color .3s}.copy-btn[data-v-4d2b50aa]{border:1px solid var(--vt-primary);color:var(--vt-primary);cursor:pointer;background:0 0;border-radius:6px;align-self:flex-end;padding:6px 16px;font-size:13px;font-weight:600;transition:all .2s}.copy-btn[data-v-4d2b50aa]:hover:not(:disabled){background:var(--vt-primary);color:#fff}.copy-btn[data-v-4d2b50aa]:disabled{opacity:.4;cursor:not-allowed}.section-title[data-v-4d2b50aa]{color:var(--vt-text);margin:0 0 20px;font-size:22px;font-weight:700;transition:color .3s}.cat-title[data-v-4d2b50aa]{color:var(--vt-text);margin:0 0 12px;font-size:15px;font-weight:600;transition:color .3s}.symbol-grid[data-v-4d2b50aa]{flex-wrap:wrap;gap:6px;display:flex}.symbol-btn[data-v-4d2b50aa]{border:1px solid var(--vt-border);background:var(--vt-bg-input);color:var(--vt-text);cursor:pointer;text-align:center;border-radius:8px;min-width:40px;padding:8px 12px;font-size:18px;line-height:1;transition:all .15s}.symbol-btn[data-v-4d2b50aa]:hover{border-color:var(--vt-primary);background:var(--vt-primary-light);transform:scale(1.08)}.symbol-btn[data-v-4d2b50aa]:active{transform:scale(.95)}.quote-box[data-v-4d2b50aa]{background:var(--vt-bg-input);border:1px solid var(--vt-border);border-radius:10px;margin-bottom:14px;padding:20px;transition:background .3s,border-color .3s}.quote-text[data-v-4d2b50aa]{color:var(--vt-text);margin:0 0 14px;font-size:17px;line-height:1.8;transition:color .3s}.quote-empty p[data-v-4d2b50aa]{color:var(--vt-text-muted);margin:0 0 14px;font-size:14px}.btn[data-v-4d2b50aa]{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:opacity .15s,transform .1s}.btn[data-v-4d2b50aa]:active{transform:scale(.97)}.btn-primary[data-v-4d2b50aa]{background:var(--vt-primary);color:#fff}.btn-primary[data-v-4d2b50aa]:hover{opacity:.9}.seo-section[data-v-4d2b50aa]{border-top:1px solid var(--vt-border);margin-top:48px;padding-top:32px}.seo-section h2[data-v-4d2b50aa]{color:var(--vt-text);margin:0 0 20px;font-size:20px;font-weight:700;transition:color .3s}.seo-section h3[data-v-4d2b50aa]{color:var(--vt-text);margin:20px 0 10px;font-size:16px;font-weight:600;transition:color .3s}.seo-content[data-v-4d2b50aa]{color:var(--vt-text-secondary);font-size:14px;line-height:1.8;transition:color .3s}.seo-content p[data-v-4d2b50aa]{margin:0 0 10px}.toast[data-v-4d2b50aa]{background:var(--vt-bg-card);color:var(--vt-text);box-shadow:var(--vt-shadow-md);border:1px solid var(--vt-border);z-index:1000;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:background .3s,color .3s;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.fade-enter-active[data-v-4d2b50aa],.fade-leave-active[data-v-4d2b50aa]{transition:opacity .3s}.fade-enter-from[data-v-4d2b50aa],.fade-leave-to[data-v-4d2b50aa]{opacity:0}@media (width<=768px){.font-tool[data-v-4d2b50aa]{padding:24px 16px 60px}.styles-section[data-v-4d2b50aa]{grid-template-columns:1fr}.card[data-v-4d2b50aa]{padding:18px}.page-header h1[data-v-4d2b50aa]{font-size:24px}.text-input[data-v-4d2b50aa]{font-size:16px}.style-output[data-v-4d2b50aa]{font-size:18px}.symbol-btn[data-v-4d2b50aa]{padding:6px 10px;font-size:16px}}