.wrist-setup-dialog[data-v-26dae01e] .el-dialog{box-sizing:border-box;max-width:calc(100vw - 16px)}.wrist-setup-dialog[data-v-26dae01e] .el-dialog__body{overflow-x:hidden}.wrist-setup-dialog[data-v-26dae01e] .el-form-item__content{min-width:0}.wrist-size-input[data-v-26dae01e]{max-width:100%;width:200px}.form-tip[data-v-26dae01e]{color:#909399;font-size:14px;margin-top:6px}.wear-options[data-v-26dae01e]{display:grid;gap:12px;grid-template-columns:1fr 1fr;min-width:0;width:100%}.wear-option[data-v-26dae01e]{background:#fff;border:1px solid #e4e7ed;border-radius:10px;cursor:pointer;min-width:0;outline:none;padding:14px 16px;transition:all .2s ease}.wear-option[data-v-26dae01e]:hover{border-color:#18a058}.wear-option[data-v-26dae01e]:focus-visible{border-color:#18a058;box-shadow:0 0 0 3px #18a05833}.wear-option.active[data-v-26dae01e]{background:#f0f9f4;border-color:#18a058}.wear-option .option-label[data-v-26dae01e]{align-items:center;display:inline-flex;font-weight:500;gap:8px;margin-bottom:4px}.wear-option .option-dot[data-v-26dae01e]{background:#fff;border:2px solid #d0d4d9;border-radius:50%;box-sizing:border-box;flex-shrink:0;height:14px;transition:all .2s ease;width:14px}.wear-option .option-dot.checked[data-v-26dae01e]{background:radial-gradient(circle,#18a058 40%,#fff 45%);border-color:#18a058}.wear-option .option-name[data-v-26dae01e]{color:#1f1f1f;font-size:15px}.wear-option .option-tip[data-v-26dae01e]{color:#888;font-size:14px;line-height:1.4}@media(max-width:480px){.wrist-setup-dialog[data-v-26dae01e] .el-dialog__header{padding:16px 16px 0}.wrist-setup-dialog[data-v-26dae01e] .el-dialog__body{padding:12px 16px}.wrist-setup-dialog[data-v-26dae01e] .el-dialog__footer{padding:8px 16px 16px}.wear-option[data-v-26dae01e]{padding:12px}}@media(max-width:360px){.wear-options[data-v-26dae01e]{grid-template-columns:1fr}}.bracelet-canvas[data-v-49467b53]{align-items:center;background:linear-gradient(145deg,#fbfbfc,#f0f2f5);border-radius:16px;box-shadow:inset 0 1px 3px #0000000a;display:flex;justify-content:center;padding:24px}@media(max-width:768px){.bracelet-canvas[data-v-49467b53]{border-radius:0;padding:5px}}.canvas-inner[data-v-49467b53]{aspect-ratio:1/1;margin:0 auto;max-width:520px;min-width:260px;position:relative;width:100%}.ring-svg[data-v-49467b53]{height:100%;inset:0;position:absolute;width:100%}.start-label[data-v-49467b53]{color:#18a058;font-size:14px;font-weight:500;left:50%;top:4%;transform:translate(-50%)}.empty-hint[data-v-49467b53],.start-label[data-v-49467b53]{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.empty-hint[data-v-49467b53]{align-items:center;color:#a6adb4;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center}.empty-icon[data-v-49467b53]{font-size:36px}.empty-text[data-v-49467b53]{font-size:14px}.bead[data-v-49467b53]{background:transparent;border-radius:50%;box-shadow:0 2px 6px #00000026;cursor:pointer;overflow:hidden;position:absolute;transform:translate(-50%,-50%);transition:transform .2s ease,box-shadow .2s ease}.bead[data-v-49467b53]:hover{box-shadow:0 4px 12px #0003;transform:translate(-50%,-50%) scale(1.08)}.bead.active[data-v-49467b53]{box-shadow:0 0 0 3px #18a05840,0 4px 10px #0003;z-index:2}.bead.flipped .bead-img[data-v-49467b53]{transform:rotate(180deg)}.bead-img[data-v-49467b53]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.bead-fallback[data-v-49467b53]{align-items:center;background:#f0f2f5;color:#666;display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;width:100%}.bead-ring[data-v-49467b53]{animation:rotate-49467b53 4s linear infinite;border:2px dashed #18a058;border-radius:50%;inset:-4px;pointer-events:none;position:absolute}@keyframes rotate-49467b53{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.material-picker[data-v-91b77106]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;display:flex;flex-direction:column;max-width:100%;min-height:0;min-width:0;overflow:hidden;padding:14px 16px;width:100%}.picker-header[data-v-91b77106]{align-items:center;color:#1f1f1f;display:flex;flex-wrap:wrap;font-size:15px;font-weight:600;gap:6px;justify-content:space-between;margin-bottom:10px}.picker-header .header-title[data-v-91b77106]{align-items:center;display:inline-flex;gap:6px}.picker-header .longpress-tip[data-v-91b77106]{align-items:center;color:#909399;display:inline-flex;font-size:14px;font-weight:400;gap:4px}.child-tabs[data-v-91b77106],.top-tabs[data-v-91b77106]{max-width:100%;min-width:0;overflow:hidden;width:100%}.child-tabs[data-v-91b77106] .el-scrollbar,.top-tabs[data-v-91b77106] .el-scrollbar{width:100%}.child-tabs[data-v-91b77106] .el-scrollbar__wrap,.top-tabs[data-v-91b77106] .el-scrollbar__wrap{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.child-tabs[data-v-91b77106] .el-scrollbar__wrap::-webkit-scrollbar,.top-tabs[data-v-91b77106] .el-scrollbar__wrap::-webkit-scrollbar{display:none;height:0;width:0}.child-tabs[data-v-91b77106] .el-scrollbar__view,.top-tabs[data-v-91b77106] .el-scrollbar__view{display:inline-block}.child-tabs[data-v-91b77106] .el-scrollbar__bar,.top-tabs[data-v-91b77106] .el-scrollbar__bar{display:none}.top-tabs[data-v-91b77106]{border-bottom:1px solid #ebeef5;margin-bottom:10px}.top-tabs .tabs-inner[data-v-91b77106]{display:inline-flex;gap:4px;padding-bottom:4px}.tab[data-v-91b77106]{color:#555;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 14px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.tab.active[data-v-91b77106],.tab[data-v-91b77106]:hover{color:#18a058}.tab.active[data-v-91b77106]{font-weight:600}.tab.active[data-v-91b77106]:after{background:#18a058;border-radius:2px;bottom:-5px;content:"";height:2px;left:14px;position:absolute;right:14px}.child-tabs[data-v-91b77106]{margin-bottom:12px}.child-tabs .tabs-inner[data-v-91b77106]{display:inline-flex;gap:6px;padding:2px 0}.chip[data-v-91b77106]{background:#f5f7fa;border-radius:999px;color:#555;cursor:pointer;flex-shrink:0;font-size:14px;padding:5px 12px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.chip[data-v-91b77106]:hover{color:#18a058}.chip.active[data-v-91b77106]{background:#18a058;color:#fff}.grid-wrapper[data-v-91b77106]{flex:1;min-height:200px}.grid[data-v-91b77106]{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.mat-card[data-v-91b77106]{background:#fff;border:1px solid #ebeef5;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .2s ease;-webkit-tap-highlight-color:transparent;position:relative}.mat-card[data-v-91b77106]:hover{border-color:#18a058;box-shadow:0 4px 12px #0000000f}.mat-card:hover .detail-btn[data-v-91b77106]{opacity:1}.mat-card[data-v-91b77106]:active{transform:scale(.98)}.mat-image[data-v-91b77106]{aspect-ratio:1/1;background:#fafafa;overflow:hidden;position:relative}.mat-image .el-image[data-v-91b77106]{height:100%;width:100%}.mat-image .image-error[data-v-91b77106]{align-items:center;background:#f5f5f5;color:#c8c8c8;display:flex;font-size:24px;height:100%;justify-content:center;width:100%}.mat-image .detail-btn[data-v-91b77106]{background:#ffffffe6;opacity:0;position:absolute;right:6px;top:6px;transition:opacity .2s ease}.mat-meta[data-v-91b77106]{padding:8px 10px 10px}.mat-meta .mat-code[data-v-91b77106]{color:#1f1f1f;font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mat-meta .mat-sub[data-v-91b77106]{align-items:center;color:#888;display:flex;font-size:14px;justify-content:space-between}.mat-meta .mat-price[data-v-91b77106]{color:#e85a3d;font-weight:600}.pagination-wrapper[data-v-91b77106]{display:flex;justify-content:center;margin-top:16px}@media(max-width:768px){.material-picker[data-v-91b77106]{border-radius:0;box-shadow:none;padding:5px}.child-tabs[data-v-91b77106],.picker-header[data-v-91b77106],.top-tabs[data-v-91b77106]{box-sizing:border-box;padding-left:0;padding-right:0}.grid[data-v-91b77106]{gap:0;grid-template-columns:repeat(3,1fr)}.mat-card[data-v-91b77106]{border:none;border-radius:0}.mat-card[data-v-91b77106]:hover{box-shadow:none}.mat-image[data-v-91b77106]{border-radius:0}.mat-meta[data-v-91b77106]{padding:6px 8px 10px}.mat-meta .mat-code[data-v-91b77106]{font-size:14px}.mat-meta .mat-sub[data-v-91b77106]{flex-wrap:wrap;font-size:14px;gap:2px 6px}.mat-meta .mat-price[data-v-91b77106]{white-space:nowrap}.pagination-wrapper[data-v-91b77106]{padding:0}}.tool-box[data-v-022286de]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:14px 16px}.tool-header[data-v-022286de]{align-items:center;color:#1f1f1f;display:flex;font-size:15px;font-weight:600;justify-content:space-between;margin-bottom:12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tool-header .header-title[data-v-022286de]{align-items:center;display:inline-flex;gap:6px}.tool-header .toggle-icon[data-v-022286de]{color:#999;transition:transform .2s ease}.tool-header .toggle-icon.rotated[data-v-022286de]{transform:rotate(180deg)}.tool-list[data-v-022286de]{display:grid;gap:10px;grid-template-columns:repeat(5,1fr)}.tool-btn[data-v-022286de]{all:unset;align-items:center;background:#f7f8fa;border-radius:10px;color:#333;cursor:pointer;display:flex;flex-direction:column;font-size:14px;gap:4px;justify-content:center;padding:10px 4px;text-align:center;transition:all .2s ease}.tool-btn[data-v-022286de]:hover{background:#f0f9f4;color:#18a058}.tool-btn.danger[data-v-022286de]:hover{background:#fef0f0;color:#f56c6c}.tool-btn .tool-icon[data-v-022286de]{font-size:20px}.tool-box.mobile .tool-header[data-v-022286de]{cursor:pointer;margin-bottom:0}.tool-box.mobile.collapsed .tool-header[data-v-022286de]{margin-bottom:0}.tool-box.mobile .tool-list[data-v-022286de]{grid-template-columns:repeat(5,1fr);margin-top:12px}@media(max-width:480px){.tool-list[data-v-022286de]{gap:6px}.tool-list .tool-label[data-v-022286de]{font-size:14px}}.property-panel[data-v-e4e55ce5]{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;padding:16px}.panel-header[data-v-e4e55ce5]{align-items:center;color:#1f1f1f;display:flex;font-size:15px;font-weight:600;gap:6px;margin-bottom:12px}.panel-header .setup-btn[data-v-e4e55ce5]{margin-left:auto}.panel-body[data-v-e4e55ce5]{display:flex;flex-direction:column;gap:10px}.prop-item[data-v-e4e55ce5]{align-items:center;background:#f7f8fa;border-radius:8px;display:flex;justify-content:space-between;padding:8px 12px}.prop-item .label[data-v-e4e55ce5]{color:#666;font-size:14px}.prop-item .value[data-v-e4e55ce5]{color:#1f1f1f;font-size:14px;font-weight:500}.prop-item .value.price[data-v-e4e55ce5]{color:#e85a3d;font-size:16px;font-weight:600}.prop-item.extra[data-v-e4e55ce5]{background:transparent;padding:4px 12px}.page-designer[data-v-e03f9f25]{padding:8px 0 40px}.designer-toolbar[data-v-e03f9f25]{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000a;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:16px;padding:10px 16px}.toolbar-left[data-v-e03f9f25]{align-items:center;display:flex;flex:1;gap:8px;min-width:0}.toolbar-left .name-icon[data-v-e03f9f25]{color:#18a058;flex-shrink:0;font-size:18px}.toolbar-left .works-name[data-v-e03f9f25]{color:#1f1f1f;font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-left .dirty-tag[data-v-e03f9f25]{flex-shrink:0}.toolbar-right[data-v-e03f9f25]{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.toolbar-right .works-select[data-v-e03f9f25]{width:200px}.opt-row[data-v-e03f9f25]{align-items:center;display:flex;justify-content:space-between;width:100%}.opt-row .opt-thumb[data-v-e03f9f25]{border-radius:4px;flex-shrink:0;height:28px;margin-right:8px;-o-object-fit:cover;object-fit:cover;width:28px}.opt-row .opt-thumb-placeholder[data-v-e03f9f25]{align-items:center;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);color:#18a058;display:flex;font-size:12px;font-weight:600;justify-content:center}.opt-row .opt-name[data-v-e03f9f25]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt-row .opt-del[data-v-e03f9f25]{color:#c0c4cc;flex-shrink:0;margin-left:8px}.opt-row .opt-del[data-v-e03f9f25]:hover{color:#f56c6c}.empty-opt[data-v-e03f9f25]{padding:8px 12px;text-align:center}.empty-opt[data-v-e03f9f25],.save-tip[data-v-e03f9f25]{color:#909399;font-size:14px}.save-tip[data-v-e03f9f25]{align-items:center;display:flex;gap:4px}.designer-layout[data-v-e03f9f25]{align-items:start;display:grid;gap:20px;grid-template-areas:"canvas materials" "tools  materials" "props  materials";grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.area-canvas[data-v-e03f9f25]{grid-area:canvas;min-width:0}.area-tools[data-v-e03f9f25]{grid-area:tools;min-width:0}.area-props[data-v-e03f9f25]{grid-area:props;min-width:0}.area-materials[data-v-e03f9f25]{display:flex;grid-area:materials;min-height:600px;min-width:0}.area-materials[data-v-e03f9f25] .material-picker{flex:1}.canvas-card[data-v-e03f9f25]{border-radius:12px;padding:16px}.canvas-card[data-v-e03f9f25],.placeholder[data-v-e03f9f25]{background:#fff;box-shadow:0 1px 3px #0000000a}.placeholder[data-v-e03f9f25]{align-items:center;border-radius:16px;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:80px 20px}.placeholder-icon[data-v-e03f9f25]{color:#18a058;font-size:48px}.placeholder-title[data-v-e03f9f25]{color:#1f1f1f;font-size:22px;font-weight:600}.placeholder-sub[data-v-e03f9f25]{color:#888;font-size:14px;margin-bottom:8px}@media(max-width:1024px){.designer-layout[data-v-e03f9f25]{grid-template-areas:"canvas" "materials" "tools" "props";grid-template-columns:1fr}.area-materials[data-v-e03f9f25]{min-height:0}}@media(max-width:768px){.page-designer[data-v-e03f9f25]{padding-bottom:24px}.designer-toolbar[data-v-e03f9f25]{border-bottom:1px solid #ebeef5;border-radius:0;box-shadow:none;margin-left:-2rem;margin-right:-2rem;padding:10px 12px}.designer-toolbar .toolbar-right[data-v-e03f9f25]{justify-content:stretch;width:100%}.designer-toolbar .toolbar-right .works-select[data-v-e03f9f25]{flex:1;min-width:120px;width:auto}.area-canvas[data-v-e03f9f25],.area-materials[data-v-e03f9f25]{margin-left:-2rem;margin-right:-2rem;width:auto}.canvas-card[data-v-e03f9f25]{border-radius:0;box-shadow:none;padding:5px}.area-materials[data-v-e03f9f25]{min-height:0}}