:root{--bg:#f3f4f8;--text:#16141a;--muted:#66606d;--accent:#532bd4;--border:#ddd8e4;--surface:#ffffff}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif}.main{min-height:100vh;display:grid;gap:20px;padding:28px}.card{border:1px solid var(--border);border-radius:14px;padding:20px;background:var(--surface)}.muted{color:var(--muted)}h1,h2{margin:0 0 10px}h2{font-size:20px;line-height:1.3}p{margin:0}code{background:#f0ebff;border-radius:6px;padding:2px 6px}.jumpList{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.anchorLink,.jumpLink{color:var(--accent);text-decoration:none}.anchorLink:hover,.jumpLink:hover{text-decoration:underline}.templateSection{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--surface)}.templateHeader{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.previewFrameWrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#f9f9fc}.previewFrame{width:100%;min-height:860px;border:0;background:#ffffff}@media (max-width:768px){.main{padding:14px}.previewFrame{min-height:720px}}