.container[data-v-950f8db9]{max-width:1080px;margin:0 auto;padding:24px 16px 80px}.hero[data-v-950f8db9]{text-align:center;margin-bottom:18px}.hero h1[data-v-950f8db9]{font-size:2rem;color:#1f2128}.hero p[data-v-950f8db9]{color:#5b5e6a}.panel.layout[data-v-950f8db9]{display:flex;gap:16px;border:1px solid #e9e9ee;border-radius:14px;background:#fff;padding:16px;margin-bottom:24px}@media screen and (max-width:820px){.panel.layout[data-v-950f8db9]{flex-direction:column}}.editor[data-v-950f8db9]{display:flex;flex-direction:column;gap:10px;flex:1}@media screen and (max-width:480px){.editor[data-v-950f8db9]{max-width:100%}}.label[data-v-950f8db9]{font-weight:600;font-size:.85rem}.codemirror[data-v-950f8db9]{border:1px solid #e6e6e9;border-radius:10px;min-height:280px;overflow:hidden}.cm-editor[data-v-950f8db9]{height:100%;font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Courier New,monospace}.actions[data-v-950f8db9]{margin-top:8px}ol[data-v-950f8db9]{padding-left:18px}ol li[data-v-950f8db9]{margin:4px 0}.btn[data-v-950f8db9]{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:10px;border:1px solid #ececf2;background:#fff;font-weight:600;font-size:.78rem;cursor:pointer;transition:.12s}.btn[data-v-950f8db9]:hover{background:#fe6b2a;color:#fff}.btn.ghost[data-v-950f8db9]{background:#fff}.error[data-v-950f8db9]{color:#c0392b;font-size:.78rem}.hint[data-v-950f8db9]{font-size:.75rem;color:#5b5e6a}.preview[data-v-950f8db9]{flex:1;background:#fafbff;border:1px solid #eef0f5;border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:12px;max-width:100%}.preview-head[data-v-950f8db9]{display:flex;justify-content:space-between;align-items:center}.preview-body[data-v-950f8db9]{background:#fff;border:1px solid #edf0f7;border-radius:8px;min-height:230px;display:grid;place-items:center;padding:12px}.label-img[data-v-950f8db9]{max-height:460px;max-width:100%;object-fit:contain;display:block}.note[data-v-950f8db9]{font-size:.72rem;color:#5b5e6a}.seo[data-v-950f8db9]{border-top:1px solid #eef0f5;padding-top:18px}.seo h2[data-v-950f8db9]{font-size:1.35rem}.seo h2 .sub[data-v-950f8db9]{color:gray;font-size:1.1rem}@media(max-width:480px){.seo h2 .sub[data-v-950f8db9]{display:none}}.seo p[data-v-950f8db9]{color:#5b5e6a}.seo details[data-v-950f8db9]{border:1px solid #ececf2;border-radius:10px;padding:10px 12px;margin:8px 0;cursor:pointer;background:#fff}.seo .seo-links[data-v-950f8db9]{margin-top:12px}.seo .seo-links a[data-v-950f8db9]{color:#fe6b2a;text-decoration:none}.seo .seo-links a[data-v-950f8db9]:hover{text-decoration:underline}@media(max-width:880px){.panel.layout[data-v-950f8db9]{grid-template-columns:1fr}.preview-body[data-v-950f8db9]{min-height:200px}}