.wifi-qr-generator[data-v-0a5d7782]{max-width:1200px;margin:0 auto}.wifi-form[data-v-0a5d7782]{margin-bottom:24px}.form-item[data-v-0a5d7782]{margin-bottom:20px}.form-item[data-v-0a5d7782] .el-form-item__label{font-weight:500;color:var(--el-text-color-primary)}.color-picker-wrapper[data-v-0a5d7782]{display:flex;align-items:center;gap:12px;width:100%}.color-value[data-v-0a5d7782]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:12px;color:var(--el-text-color-secondary);background:var(--el-fill-color-light);padding:4px 8px;border-radius:4px;border:1px solid var(--el-border-color-light);min-width:80px;text-align:center}.divider-text[data-v-0a5d7782]{font-weight:500;color:var(--el-text-color-primary);font-size:14px}.qr-preview-section[data-v-0a5d7782]{padding:20px 0}.qr-container[data-v-0a5d7782]{text-align:center;padding:20px;border-radius:8px;background:var(--el-bg-color-page);border:1px solid var(--el-border-color-lighter);transition:all .3s ease}.qr-container[data-v-0a5d7782]:hover{border-color:var(--el-color-primary-light-7);box-shadow:0 2px 12px #0000001a}.qr-display[data-v-0a5d7782]{display:flex;flex-direction:column;align-items:center;gap:20px}.qr-image[data-v-0a5d7782]{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease}.qr-image[data-v-0a5d7782]:hover{transform:scale(1.02)}.qr-actions[data-v-0a5d7782]{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.qr-actions .el-button[data-v-0a5d7782]{min-width:120px}.qr-error[data-v-0a5d7782]{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--el-color-error);padding:40px 20px}.qr-empty[data-v-0a5d7782]{padding:40px 20px}.qr-skeleton[data-v-0a5d7782]{display:flex;justify-content:center;padding:20px}@media (max-width: 768px){.wifi-qr-generator[data-v-0a5d7782]{padding:0 16px}.qr-container[data-v-0a5d7782]{padding:16px;margin:0 -16px;border-radius:0;border-left:none;border-right:none}.qr-actions[data-v-0a5d7782]{flex-direction:column;align-items:center}.qr-actions .el-button[data-v-0a5d7782]{width:100%;max-width:200px}.color-picker-wrapper[data-v-0a5d7782]{flex-direction:column;align-items:flex-start;gap:8px}.color-value[data-v-0a5d7782]{width:100%}}@media (prefers-color-scheme: dark){.qr-container[data-v-0a5d7782]{background:var(--el-bg-color)}.color-value[data-v-0a5d7782]{background:var(--el-fill-color);border-color:var(--el-border-color)}}.qr-display[data-v-0a5d7782]{animation:fadeIn-0a5d7782 .3s ease-in-out}@keyframes fadeIn-0a5d7782{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.el-row[data-v-0a5d7782]{margin-left:-8px;margin-right:-8px}.el-col[data-v-0a5d7782]{padding-left:8px;padding-right:8px}.el-select[data-v-0a5d7782],.el-input[data-v-0a5d7782]{width:100%}.el-switch[data-v-0a5d7782]{--el-switch-on-color: var(--el-color-primary)}