.demo-page[data-v-ea90d86c]{max-width:900px;margin:0 auto;padding:60px 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.demo-header[data-v-ea90d86c]{text-align:center;margin-bottom:60px}.demo-header h1[data-v-ea90d86c]{font-size:36px;font-weight:700;color:#fff;margin-bottom:12px}.demo-header p[data-v-ea90d86c]{color:#888;font-size:16px}.demo-section[data-v-ea90d86c]{margin-bottom:56px}.demo-section h2[data-v-ea90d86c]{font-size:20px;font-weight:600;color:#fff;margin-bottom:8px}.section-desc[data-v-ea90d86c]{color:#666;font-size:14px;margin-bottom:24px}.section-desc code[data-v-ea90d86c]{background:#222;padding:2px 8px;border-radius:4px;color:#a78bfa;font-family:SF Mono,Monaco,monospace}.main-demo-area[data-v-ea90d86c]{display:flex;justify-content:center;align-items:center;padding:100px 40px;background:#111;border-radius:12px;border:1px solid #222}.reference-box[data-v-ea90d86c]{width:150px;height:150px;background-color:#19a1a8;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;position:relative}.popup-box[data-v-ea90d86c]{width:80px;height:40px;background-color:#2375ff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#fff}.placement-grid[data-v-ea90d86c]{display:flex;flex-direction:column;gap:12px;align-items:center;padding:32px;background:#111;border-radius:12px;border:1px solid #222}.placement-row[data-v-ea90d86c]{display:flex;gap:12px}.placement-row.middle[data-v-ea90d86c]{justify-content:space-between;width:100%;max-width:380px}.placement-btn[data-v-ea90d86c]{background:#222;color:#888;border:1px solid #333;padding:10px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;min-width:100px}.placement-btn[data-v-ea90d86c]:hover{background:#2a2a2a;color:#fff;border-color:#444}.placement-btn.active[data-v-ea90d86c]{background:#2375ff;color:#fff;border-color:#2375ff}.code-block[data-v-ea90d86c]{background:#111;border:1px solid #222;border-radius:10px;padding:20px 24px;overflow-x:auto}.code-block pre[data-v-ea90d86c]{margin:0}.code-block code[data-v-ea90d86c]{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;line-height:1.6;color:#e0e0e0}.options-table[data-v-ea90d86c]{background:#111;border:1px solid #222;border-radius:10px;overflow:hidden}.option-row[data-v-ea90d86c]{display:grid;grid-template-columns:1fr 1fr 1fr;padding:14px 20px;border-bottom:1px solid #222;font-size:14px;color:#ccc}.option-row[data-v-ea90d86c]:last-child{border-bottom:none}.option-row.header[data-v-ea90d86c]{background:#1a1a1a;font-weight:600;color:#fff}.option-row span[data-v-ea90d86c]:first-child{font-family:SF Mono,Monaco,monospace;color:#a78bfa}.option-row.header span[data-v-ea90d86c]:first-child{color:#fff}.placements-list[data-v-ea90d86c]{display:flex;flex-wrap:wrap;gap:10px}.placement-tag[data-v-ea90d86c]{background:#222;color:#888;padding:8px 14px;border-radius:6px;font-size:13px;font-family:SF Mono,Monaco,monospace}*{margin:0;padding:0;border:none;outline:none}body{margin:0;padding:0;background-color:#000;color:#fff}#app{overflow:hidden}.bold{font-weight:600}.fs-24px{font-size:24px}.fs-22px{font-size:22px}.fs-20px{font-size:20px}.fs-18px{font-size:18px}.fs-16px{font-size:16px}.fs-14px{font-size:14px}.fs-12px{font-size:12px}.fc-black{color:#000}.fc-white{color:#fff}.fc-gray{color:#aaa}.bg-white{background-color:#fff}.bg-blue{background-color:#1e90ff}.bg-red{background-color:#fd5c63}.bg-light-puple{background-color:#e6e6fa}.bg-puple{background-color:#452c63}.bg-green{background-color:#32de84}.bg-yellow{background-color:gold}.shadow_1{box-shadow:#110c2e26 0 48px 100px}.shadow_2{box-shadow:#11111a0d 0 4px 16px,#11111a0d 0 8px 32px}