.navbar[data-v-0a0875ed]{position:fixed;top:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0 20px;height:56px;border-bottom:1px solid var(--el-border-color-light);background-color:#7caaf3}[data-v-0a0875ed] .el-menu{height:30px;line-height:30px}[data-v-0a0875ed] .el-menu-item{height:30px;line-height:30px;padding:0 10px;color:#fff!important}[data-v-0a0875ed] .el-menu-item span{color:#000!important}[data-v-0a0875ed] .el-menu-item .el-icon{color:#fafafa!important}[data-v-0a0875ed] .el-menu--horizontal>.el-menu-item{height:30px;line-height:30px;color:#fff!important}[data-v-0a0875ed] .el-menu-item:hover{background-color:#4785e6!important;color:#fff!important;border-radius:10px}[data-v-0a0875ed] .el-menu-item:hover .el-icon{color:#fff!important}[data-v-0a0875ed] .el-menu-item.is-active{background-color:#bbd0fa!important;color:#000!important;border-radius:10px}[data-v-0a0875ed] .el-menu-item.is-active .el-icon{color:#000!important}.left-items[data-v-0a0875ed]{display:flex;align-items:center;color:#020202}.desktop-icon[data-v-0a0875ed]{font-size:16px;margin-right:4px}.right-items[data-v-0a0875ed]{display:flex;align-items:center;gap:16px}.welcome-text[data-v-0a0875ed]{color:#000;font-size:14px}.avatar-wrapper[data-v-0a0875ed]{cursor:pointer;padding:4px;border-radius:50%;transition:background-color .3s;display:flex;align-items:center}.avatar-wrapper[data-v-0a0875ed]:hover{background-color:#4785e6}.logo-image[data-v-0a0875ed]{width:40px;height:40px;object-fit:contain}.mobile-bottom-tab[data-v-0a0875ed]{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;justify-content:space-around;align-items:center;box-shadow:0 -2px 10px #0000001a;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.tab-item[data-v-0a0875ed]{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;height:100%;color:#666;font-size:12px;cursor:pointer;transition:all .3s}.tab-item .el-icon[data-v-0a0875ed],.tab-item .tab-icon[data-v-0a0875ed]{font-size:22px;margin-bottom:4px}.tab-item span[data-v-0a0875ed]{font-size:11px}.tab-item.active[data-v-0a0875ed]{color:#409eff;background-color:#ecf5ff;border-radius:8px;position:relative}.tab-item.active[data-v-0a0875ed]:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:3px;background-color:#409eff;border-radius:2px}.tab-item.active .el-icon[data-v-0a0875ed]{color:#409eff}.tab-item.active .tab-icon[data-v-0a0875ed]{transform:scale(1.1)}.tab-item[data-v-0a0875ed]:active{background-color:#f5f5f5}.more-menu-overlay[data-v-0a0875ed]{position:fixed;inset:0 0 60px;background:rgba(0,0,0,.5);z-index:999;display:flex;align-items:flex-end}.more-menu-content[data-v-0a0875ed]{width:100%;background:#fff;border-radius:16px 16px 0 0;padding:16px;max-height:60vh;overflow-y:auto}.more-menu-header[data-v-0a0875ed]{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #eee;margin-bottom:16px}.more-menu-header span[data-v-0a0875ed]:first-child{font-size:16px;font-weight:600;color:#333}.close-btn[data-v-0a0875ed]{font-size:20px;color:#999;cursor:pointer;padding:4px}.more-menu-grid[data-v-0a0875ed]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.more-menu-item[data-v-0a0875ed]{display:flex;flex-direction:column;align-items:center;padding:12px 8px;border-radius:8px;cursor:pointer;transition:background-color .3s}.more-menu-item[data-v-0a0875ed]:active{background-color:#f5f5f5}.more-menu-item .el-icon[data-v-0a0875ed]{font-size:24px;color:#409eff;margin-bottom:8px}.more-menu-item .menu-icon[data-v-0a0875ed]{font-size:24px;margin-bottom:8px}.more-menu-item span[data-v-0a0875ed]{font-size:12px;color:#333;text-align:center}.app-container[data-v-04a38278]{display:flex;flex-direction:column;min-height:100vh}.main-content[data-v-04a38278]{flex:1;overflow:hidden}@media screen and (max-width: 768px){.main-content[data-v-04a38278]{padding-bottom:60px;overflow:visible}}.color-picker-overlay[data-v-e94aebf3]{position:fixed;inset:0;background:transparent;pointer-events:none;z-index:10000}.color-picker-panel[data-v-e94aebf3]{position:fixed;top:20px;left:20px;background:#2d2d2d;border-radius:8px;box-shadow:0 4px 20px #0006;width:320px;max-width:95vw;color:#fff;font-size:14px;pointer-events:auto}.color-picker-panel.mobile[data-v-e94aebf3]{width:95vw;max-height:90vh;overflow-y:auto}.picker-header[data-v-e94aebf3]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #444;cursor:move;user-select:none}.picker-title[data-v-e94aebf3]{font-weight:700;font-size:16px}.close-btn[data-v-e94aebf3]{background:none;border:none;color:#999;font-size:24px;cursor:pointer;padding:0;line-height:1}.close-btn[data-v-e94aebf3]:hover{color:#fff}.picker-body[data-v-e94aebf3]{padding:16px}.color-preview-section[data-v-e94aebf3]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.color-preview[data-v-e94aebf3]{width:60px;height:60px;border-radius:8px;border:2px solid #555}.color-hex[data-v-e94aebf3]{font-family:monospace;font-size:16px;color:#aaa}.sliders-section[data-v-e94aebf3]{margin-bottom:16px}.slider-row[data-v-e94aebf3]{margin-bottom:12px}.slider-row label[data-v-e94aebf3]{display:block;margin-bottom:6px;color:#aaa;font-size:12px}.slider-container[data-v-e94aebf3]{display:flex;align-items:center;gap:10px}.slider-track[data-v-e94aebf3]{flex:1;height:20px;border-radius:10px;position:relative;cursor:pointer;border:1px solid #555}.mobile .slider-track[data-v-e94aebf3]{height:40px;border-radius:20px}.hue-track[data-v-e94aebf3]{background:linear-gradient(to right,#ff0000 0%,#ffff00 17%,#00ff00 33%,#00ffff 50%,#0000ff 67%,#ff00ff 83%,#ff0000 100%)}.slider-thumb[data-v-e94aebf3]{position:absolute;top:50%;transform:translate(-50%,-50%);width:16px;height:16px;background:#fff;border-radius:50%;border:2px solid #333;box-shadow:0 2px 4px #0000004d;pointer-events:none}.mobile .slider-thumb[data-v-e94aebf3]{width:28px;height:28px}.slider-value[data-v-e94aebf3]{min-width:50px;text-align:right;color:#aaa;font-size:12px;font-family:monospace}.rgb-section[data-v-e94aebf3]{display:flex;gap:10px;margin-bottom:16px}.rgb-input-group[data-v-e94aebf3]{flex:1;display:flex;flex-direction:column;align-items:center}.rgb-input-group label[data-v-e94aebf3]{margin-bottom:4px;color:#aaa;font-size:12px}.rgb-input-group input[data-v-e94aebf3]{width:100%;padding:8px;border:1px solid #555;border-radius:4px;background:#1a1a1a;color:#fff;text-align:center;font-size:14px}.mobile .rgb-input-group input[data-v-e94aebf3]{padding:12px;font-size:16px}.rgb-input-group input[data-v-e94aebf3]:focus{outline:none;border-color:#4a90d9}.rgb-input-group input.error[data-v-e94aebf3]{border-color:#f44;background:rgba(255,68,68,.1)}.preset-colors[data-v-e94aebf3]{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.mobile .preset-colors[data-v-e94aebf3]{grid-template-columns:repeat(5,1fr);gap:8px}.preset-color[data-v-e94aebf3]{aspect-ratio:1;border-radius:4px;cursor:pointer;border:1px solid #444;transition:transform .1s}.preset-color[data-v-e94aebf3]:hover{transform:scale(1.1);border-color:#fff}.picker-footer[data-v-e94aebf3]{padding:12px 16px;border-top:1px solid #444}.apply-btn[data-v-e94aebf3]{width:100%;padding:10px;background:#4a90d9;color:#fff;border:none;border-radius:4px;font-size:14px;cursor:pointer;transition:background .2s}.mobile .apply-btn[data-v-e94aebf3]{padding:14px;font-size:16px}.apply-btn[data-v-e94aebf3]:hover{background:#3a80c9}.apply-btn[data-v-e94aebf3]:active{background:#2a70b9}.color-picker-panel[data-v-e94aebf3]{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}input[type=number][data-v-e94aebf3]::-webkit-inner-spin-button,input[type=number][data-v-e94aebf3]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number][data-v-e94aebf3]{-moz-appearance:textfield;appearance:textfield}.pattern-buttons[data-v-ff9bbf0b]{display:contents}.pattern-button[data-v-ff9bbf0b]{width:40px!important;height:40px!important;padding:2px!important;min-width:unset!important}.pattern-button[data-v-ff9bbf0b] span{display:flex;align-items:center;justify-content:center}.lock-buttons[data-v-32695d3b]{display:flex;flex-wrap:wrap;gap:4px}.lock-button[data-v-32695d3b]{padding:4px!important;min-width:32px!important;height:32px!important}.lock-button svg[data-v-32695d3b]{display:block}.sliding-door-3d-container[data-v-e81ce4a7]{width:100%;height:calc(100vh - 120px);position:relative}.share-mode-banner[data-v-e81ce4a7]{position:absolute;top:0;left:0;right:0;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;z-index:1000;padding:8px 0;text-align:center;box-shadow:0 2px 8px #00000026}.share-info[data-v-e81ce4a7]{display:flex;align-items:center;justify-content:center;gap:8px}.share-icon[data-v-e81ce4a7]{font-size:16px}.share-text[data-v-e81ce4a7]{font-size:14px;font-weight:500}.three-container[data-v-e81ce4a7]{width:100%;height:100%}.toggle-btn[data-v-e81ce4a7]{position:absolute;top:0;left:0;background:rgba(64,158,255,.85);color:#fff;padding:6px 14px;border-radius:0 0 8px;cursor:pointer;font-size:13px;font-weight:500;z-index:1000;user-select:none;transition:all .2s}.toggle-btn.share-mode[data-v-e81ce4a7]{top:40px}.toggle-btn[data-v-e81ce4a7]:hover{background:rgba(64,158,255,1)}.store-name-controls[data-v-e81ce4a7]{position:absolute;top:0;left:100px;display:flex;align-items:center;height:32px;padding:0 12px;border-radius:0 0 8px;background:rgba(255,255,255,.28);border:1px solid rgba(64,158,255,.22);z-index:1000}.store-name-controls.share-mode[data-v-e81ce4a7]{top:40px}.controls[data-v-e81ce4a7]{position:absolute;top:45px;left:10px;background:rgba(64,158,255,.12);border:1px solid rgba(64,158,255,.35);backdrop-filter:none;padding:12px 16px;border-radius:10px;box-shadow:none;display:flex;flex-direction:column;gap:10px;max-width:360px;max-height:calc(100vh - 200px);overflow-y:auto;z-index:100;transition:opacity .3s,transform .3s}.controls.share-mode[data-v-e81ce4a7]{top:78px}@media (min-width: 768px){.controls[data-v-e81ce4a7]{background:rgba(245,247,250,.95);border:1px solid rgba(0,0,0,.12);box-shadow:0 10px 30px #0000001f}.type-panel[data-v-e81ce4a7]{background:rgba(245,247,250,.98)}}@media (max-width: 767px){.controls .control-row[data-v-e81ce4a7]:not(.toggle-buttons) .el-button--default{background:rgba(255,255,255,.22)!important;border-color:#409eff47!important;color:#333333f2!important}}.controls.collapsed[data-v-e81ce4a7]{opacity:0;transform:translateY(-20px);pointer-events:none}.control-row[data-v-e81ce4a7]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.door-type-switch[data-v-e81ce4a7]{background:rgba(64,158,255,.1);padding:4px 5px;border-radius:6px;margin-bottom:4px;border:1px solid rgba(64,158,255,.3)}.door-type-switch[data-v-e81ce4a7] .el-radio__label{font-weight:500}.control-row span[data-v-e81ce4a7]{white-space:nowrap;font-size:13px;color:#333}.control-row .el-slider[data-v-e81ce4a7]{flex:1;min-width:120px}.controls[data-v-e81ce4a7] .el-input__wrapper,.controls[data-v-e81ce4a7] .el-input-number .el-input__wrapper{background:rgba(255,255,255,.18)!important;box-shadow:0 0 0 1px #409eff47 inset!important}.controls[data-v-e81ce4a7] .el-input__inner{background:transparent!important}.controls[data-v-e81ce4a7] .el-input__wrapper.is-focus,.controls[data-v-e81ce4a7] .el-input-number .el-input__wrapper.is-focus{box-shadow:0 0 0 1px #409eff99 inset!important}.controls[data-v-e81ce4a7] .el-input__count,.controls[data-v-e81ce4a7] .el-input__count-inner{background:rgba(255,255,255,.18)!important;color:#333333e6!important}.controls[data-v-e81ce4a7] .el-input__count-inner{border-radius:6px;box-shadow:0 0 0 1px #409eff47 inset!important}.controls[data-v-e81ce4a7] .el-input-number__decrease,.controls[data-v-e81ce4a7] .el-input-number__increase{background:rgba(255,255,255,.14)!important;box-shadow:0 0 0 1px #409eff38 inset!important}.controls .toggle-buttons[data-v-e81ce4a7] .el-button{border-radius:8px}.controls .toggle-buttons[data-v-e81ce4a7] .el-button--default{background:rgba(255,255,255,.22)!important;border-color:#409eff47!important;color:#333333f2!important}.controls .toggle-buttons[data-v-e81ce4a7] .el-button--default:hover{background:rgba(255,255,255,.3)!important;border-color:#409eff61!important}.controls .toggle-buttons[data-v-e81ce4a7] .el-button--primary{background:rgba(64,158,255,.82)!important;border-color:#409effd1!important}.transparent-at-zero[data-v-e81ce4a7]{opacity:1}.transparent-at-zero[data-v-e81ce4a7] .el-slider__runway{background-color:transparent!important;box-shadow:none!important}.transparent-at-zero[data-v-e81ce4a7] .el-slider__button-wrapper{opacity:1;z-index:2}.transparent-at-zero[data-v-e81ce4a7] .el-slider__button{opacity:1!important;background-color:#409eff!important;border-color:#fffffff2!important;box-shadow:0 2px 8px #409eff8c!important}.track-type-group[data-v-e81ce4a7],.frame-type-group[data-v-e81ce4a7]{display:flex;flex-direction:column;gap:4px}.radio-row[data-v-e81ce4a7]{display:flex;gap:10px;flex-wrap:wrap}.toggle-buttons[data-v-e81ce4a7]{gap:8px}.type-panel[data-v-e81ce4a7]{background:#f5f7fa;border-radius:6px;padding:10px;display:flex;flex-direction:column;gap:10px}.pattern-panel[data-v-e81ce4a7]{max-height:200px;overflow-y:auto}.pattern-grid[data-v-e81ce4a7]{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.pattern-button[data-v-e81ce4a7]{width:40px!important;height:40px!important;padding:2px!important;min-width:unset!important}.pattern-icon[data-v-e81ce4a7]{width:30px;height:30px;object-fit:contain}.lock-type-row[data-v-e81ce4a7]{flex-wrap:wrap}.lock-buttons[data-v-e81ce4a7]{display:flex;flex-wrap:wrap;gap:4px}.lock-button[data-v-e81ce4a7]{width:36px!important;height:36px!important;padding:4px!important;min-width:unset!important}.other-frames[data-v-e81ce4a7]{padding-top:8px;border-top:1px dashed #dcdfe6;margin-top:-5px}@media (max-width: 768px){.controls[data-v-e81ce4a7]{left:5px;right:5px;background:rgba(64,158,255,.12);border:1px solid rgba(64,158,255,.35);max-width:none;padding:10px 12px;gap:8px;backdrop-filter:none;box-shadow:0 4px 12px #409eff00}.door-type-switch[data-v-e81ce4a7]{background:transparent;border:none;padding:0;margin-bottom:4px}.toggle-btn[data-v-e81ce4a7]{left:5px;padding:5px 10px;font-size:12px}.control-row[data-v-e81ce4a7]{gap:6px}.control-row span[data-v-e81ce4a7]{font-size:12px}.radio-row[data-v-e81ce4a7]{gap:6px}.control-row[data-v-e81ce4a7] .el-button{padding:6px 10px;font-size:12px}.control-row[data-v-e81ce4a7] .el-input-number{width:140px!important}.control-row[data-v-e81ce4a7] .el-input-number .el-input{width:100%!important}.control-row[data-v-e81ce4a7] .el-input-number .el-input__wrapper{padding:0 8px!important}.control-row[data-v-e81ce4a7] .el-input-number .el-input__inner{text-align:center!important;width:100%!important;padding:0!important}.control-row[data-v-e81ce4a7] .el-radio__label{font-size:12px;padding-left:4px}}.debug-info[data-v-e81ce4a7]{background:rgba(0,0,0,.8);color:#fff;padding:10px;border-radius:5px;margin-top:10px;font-family:Courier New,monospace;font-size:12px}.debug-section[data-v-e81ce4a7]{margin-bottom:10px}.debug-section h4[data-v-e81ce4a7]{margin:0 0 5px;color:#0f0;font-size:13px}.debug-section p[data-v-e81ce4a7]{margin:2px 0;color:#fff}@media (max-width: 480px){.controls[data-v-e81ce4a7]{padding:8px 10px;gap:6px;font-size:11px}.control-row span[data-v-e81ce4a7]{font-size:11px;min-width:70px}.radio-row[data-v-e81ce4a7]{gap:4px}.control-row[data-v-e81ce4a7] .el-button{padding:4px 8px;font-size:11px}.control-row[data-v-e81ce4a7] .el-input-number{width:130px!important}.control-row[data-v-e81ce4a7] .el-input-number .el-input{width:100%!important}.control-row[data-v-e81ce4a7] .el-input-number .el-input__wrapper{padding:0 6px!important}.control-row[data-v-e81ce4a7] .el-input-number .el-input__inner{text-align:center!important;width:100%!important;padding:0!important;font-size:12px!important}}.demo-page[data-v-2ff34a46]{margin-top:30px;padding:20px;height:100vh;display:flex;flex-direction:column;box-sizing:border-box}@media screen and (max-width: 768px){.demo-page[data-v-2ff34a46]{margin-top:7px;height:calc(100vh - 60px)}}.header[data-v-2ff34a46]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.header h2[data-v-2ff34a46]{margin:0;font-size:20px;color:#333}