.qr-demo-page[data-v-5f047b18]{min-height:100vh;background:-webkit-linear-gradient(315deg,#667eea,#764ba2);background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.demo-header[data-v-5f047b18]{text-align:center;color:#fff;margin-bottom:40px}.demo-header h1[data-v-5f047b18]{font-size:28px;font-weight:600;margin-bottom:12px}.demo-header p[data-v-5f047b18]{font-size:16px;opacity:.9}.demo-content[data-v-5f047b18]{max-width:800px;margin:0 auto}.demo-section[data-v-5f047b18]{background:#fff;border-radius:12px;padding:24px;margin-bottom:20px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.1)}.demo-section h3[data-v-5f047b18]{font-size:20px;color:#333;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #f0f0f0}.feature-list[data-v-5f047b18]{list-style:none;padding:0}.feature-list li[data-v-5f047b18]{padding:8px 0;font-size:16px;color:#555}.feature-list li[data-v-5f047b18]:before{margin-right:8px}.config-item[data-v-5f047b18]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:12px}.config-item label[data-v-5f047b18]{font-weight:500;min-width:100px;color:#333}.url-input[data-v-5f047b18]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;-webkit-transition:border-color .3s;transition:border-color .3s}.url-input[data-v-5f047b18]:focus{outline:none;border-color:#667eea}.invite-code-display[data-v-5f047b18]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:12px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;font-size:14px;color:#495057;font-family:Courier New,monospace;font-weight:600}.demo-actions[data-v-5f047b18]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin-bottom:20px}.demo-btn[data-v-5f047b18]{padding:14px 24px;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.demo-btn.primary[data-v-5f047b18]{background:#667eea;color:#fff}.demo-btn.primary[data-v-5f047b18]:hover{background:#5a6fd8;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.demo-btn.secondary[data-v-5f047b18]{background:#fff;color:#667eea;border:2px solid #667eea}.demo-btn.secondary[data-v-5f047b18]:hover{background:#667eea;color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.demo-btn[data-v-5f047b18]:active{-webkit-transform:translateY(0);transform:translateY(0)}.usage-steps[data-v-5f047b18]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:20px}.step[data-v-5f047b18],.usage-steps[data-v-5f047b18]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.step[data-v-5f047b18]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;gap:16px}.step-number[data-v-5f047b18]{width:32px;height:32px;background:#667eea;color:#fff;border-radius:50%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-weight:600;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.step-content[data-v-5f047b18]{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.step-content h4[data-v-5f047b18]{margin:0 0 8px 0;color:#333;font-size:16px}.step-content p[data-v-5f047b18]{margin:0;color:#666;line-height:1.5}.step-content code[data-v-5f047b18]{background:#f5f5f5;padding:4px 8px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:14px;color:#e83e8c;display:inline-block;word-break:break-all}@media (max-width:768px){.demo-actions[data-v-5f047b18]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.demo-btn[data-v-5f047b18]{width:200px}.config-item[data-v-5f047b18]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}.config-item label[data-v-5f047b18]{min-width:auto}.url-input[data-v-5f047b18]{width:100%}.step[data-v-5f047b18]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;text-align:center}.step-content[data-v-5f047b18]{text-align:left}}