.preview-area[data-v-01119b5c],.template-editor[data-v-01119b5c]{height:400px;border:1px solid #d9d9d9}.preview-area[data-v-01119b5c]{overflow:auto;padding:10px;background:#fff}.preview-content[data-v-01119b5c]{font-family:Arial,sans-serif;line-height:1.6}.preview-content table[data-v-01119b5c]{width:100%;border-collapse:collapse;margin-bottom:20px}.preview-content td[data-v-01119b5c],.preview-content th[data-v-01119b5c]{border:1px solid #000;padding:8px;text-align:left}.preview-content th[data-v-01119b5c]{background-color:#f5f5f5;font-weight:700}.preview-content .header[data-v-01119b5c]{text-align:center;font-size:24px;font-weight:700;margin-bottom:20px}.preview-content .info-table[data-v-01119b5c]{border:1px solid #000;margin-bottom:20px}.preview-content .info-table td[data-v-01119b5c]{border:1px solid #000;padding:8px;vertical-align:top}.preview-content .summary .info-table[data-v-01119b5c]{margin-bottom:20px}.preview-content .text-center[data-v-01119b5c]{text-align:center}.preview-content .text-right[data-v-01119b5c]{text-align:right}.variable-guide[data-v-01119b5c]{height:400px;overflow-y:auto;padding:16px;background:#fafafa}.variable-section[data-v-01119b5c]{margin-bottom:20px}.variable-section h4[data-v-01119b5c]{color:#1890ff;margin-bottom:12px;font-size:14px;font-weight:600}.variable-list[data-v-01119b5c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;margin-bottom:16px}.variable-item[data-v-01119b5c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:6px 8px;background:#fff;border:1px solid #e8e8e8;border-radius:4px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;font-size:12px}.variable-item[data-v-01119b5c]:hover{border-color:#1890ff;-webkit-box-shadow:0 2px 4px rgba(24,144,255,.1);box-shadow:0 2px 4px rgba(24,144,255,.1)}.variable-name[data-v-01119b5c]{font-family:Courier New,monospace;color:#d63384;font-weight:500;margin-right:8px;-ms-flex-negative:0;flex-shrink:0}.variable-desc[data-v-01119b5c]{color:#666;font-size:11px}.template-buttons[data-v-01119b5c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:16px}.template-buttons .ant-btn[data-v-01119b5c]{font-size:12px;height:28px;padding:0 12px}.example-code[data-v-01119b5c]{background:#f6f8fa;border:1px solid #e1e4e8;border-radius:4px;padding:12px;font-family:Courier New,monospace;font-size:12px;line-height:1.4;color:#24292e;margin:8px 0;white-space:pre-wrap;overflow-x:auto}.usage-tips[data-v-01119b5c]{background:#fff7e6;border:1px solid #ffd591;border-radius:4px;padding:12px;margin-top:16px}.usage-tips h5[data-v-01119b5c]{color:#fa8c16;margin-bottom:8px;font-size:13px}.usage-tips ul[data-v-01119b5c]{margin:0;padding-left:16px}.usage-tips li[data-v-01119b5c]{color:#666;font-size:12px;line-height:1.5;margin-bottom:4px}