.frame-customizer[data-v-68e55bd2]{background:#fff;border:1px solid #e9e9ef;border-radius:.25rem;display:flex;gap:24px;margin-bottom:20px;padding:10px}@media (max-width:900px){.frame-customizer[data-v-68e55bd2]{flex-direction:column;gap:24px}}.preview-section[data-v-68e55bd2]{display:flex;flex:0 0 55%;flex-direction:column;gap:16px;justify-content:center}.preview-container[data-v-68e55bd2]{aspect-ratio:16/9;background-color:#f5f5f5;border-radius:8px;overflow:hidden;position:relative;width:100%}.scene-background[data-v-68e55bd2]{background-position:50%;background-size:cover;transition:all .3s ease;z-index:1}.scene-background[data-v-68e55bd2],.wall-color-overlay[data-v-68e55bd2]{bottom:0;left:0;position:absolute;right:0;top:0}.wall-color-overlay[data-v-68e55bd2]{pointer-events:none;z-index:2}.reference-marker[data-v-68e55bd2]{align-items:center;bottom:8%;display:flex;flex-direction:column;left:0;position:absolute;right:0;z-index:5}.reference-line[data-v-68e55bd2]{background:#ff9500cc;border-radius:1px;height:2px;position:relative}.reference-line[data-v-68e55bd2]:after,.reference-line[data-v-68e55bd2]:before{border-left:6px solid transparent;border-right:6px solid transparent;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}.reference-line[data-v-68e55bd2]:before{border-top:8px solid rgba(255,149,0,.8);left:-6px}.reference-line[data-v-68e55bd2]:after{border-top:8px solid rgba(255,149,0,.8);right:-6px}.reference-label[data-v-68e55bd2]{align-items:center;background:#000000b3;border-radius:4px;display:flex;flex-direction:column;margin-top:6px;padding:4px 12px}.reference-name[data-v-68e55bd2]{color:#ffffffb3;font-size:11px}.reference-width[data-v-68e55bd2]{color:#f78a36;font-size:14px;font-weight:600}.frame-layer[data-v-68e55bd2]{left:50%;position:absolute;top:18%;transform:translate(-50%);transition:all .3s ease;z-index:10}.frame-border[data-v-68e55bd2]{background-repeat:no-repeat;background-size:cover;border-radius:2px;box-shadow:0 6px 24px #0000004d,0 2px 8px #0003;box-sizing:border-box}.frame-metal[data-v-68e55bd2]{background:linear-gradient(135deg,#ffffff4d,#ffffff1a 25%,#ffffff4d,#ffffff1a 75%,#ffffff4d);background-size:4px 100%}.frame-matte[data-v-68e55bd2]{background:linear-gradient(145deg,#2a2a2a,#1a1a1a 50%,#0f0f0f)}.artwork[data-v-68e55bd2]{background:linear-gradient(180deg,#f96,#ff5e62);border-radius:1px;height:100%;overflow:hidden;width:100%}.artwork-image[data-v-68e55bd2]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.artwork-placeholder[data-v-68e55bd2]{align-items:center;color:#fffc;display:flex;font-size:12px;height:100%;justify-content:center;width:100%}.scene-switcher[data-v-68e55bd2]{display:flex;gap:8px}.scene-btn[data-v-68e55bd2]{align-items:center;background:#f5f5f5;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:4px;padding:10px 8px}.scene-btn[data-v-68e55bd2]:hover{background:#ebebeb}.scene-btn.active[data-v-68e55bd2]{background:#5156be26;border-color:#5156be}.scene-icon[data-v-68e55bd2]{font-size:18px}.scene-label[data-v-68e55bd2]{color:#666;font-size:12px}.scene-btn.active .scene-label[data-v-68e55bd2]{color:#5156be;font-weight:500}.options-section[data-v-68e55bd2]{flex:0 0 42%;gap:16px;overflow-y:auto}.option-group[data-v-68e55bd2],.options-section[data-v-68e55bd2]{display:flex;flex-direction:column}.option-group[data-v-68e55bd2]{gap:8px}.option-title[data-v-68e55bd2]{align-items:center;color:#333;display:flex;font-size:14px;font-weight:600;justify-content:space-between;margin:0}.size-hint[data-v-68e55bd2]{color:#999;font-size:12px;font-weight:400}.dpi-select[data-v-68e55bd2]{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:10px 12px}.dpi-select[data-v-68e55bd2]:focus,.dpi-select[data-v-68e55bd2]:hover{border-color:#5156be}.dpi-select[data-v-68e55bd2]:focus{outline:none}.size-options[data-v-68e55bd2]{display:flex;flex-wrap:wrap;gap:8px}.size-item[data-v-68e55bd2]{background:#f8f8f8;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;min-width:110px;padding:10px 14px}.size-item[data-v-68e55bd2]:hover{background:#fff;border-color:#ddd}.size-item.active[data-v-68e55bd2]{background:#5156be26;border-color:#5156be}.size-label[data-v-68e55bd2]{color:#333;font-size:14px;font-weight:600}.size-reason[data-v-68e55bd2]{color:#999;font-size:11px;margin-top:2px}.size-item.active .size-label[data-v-68e55bd2]{color:#5156be}.frame-grid[data-v-68e55bd2]{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.frame-item[data-v-68e55bd2]{align-items:center;background:#f8f8f8;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:4px;padding:8px 6px;transition:all .2s ease}.frame-item[data-v-68e55bd2]:hover{background:#fff;border-color:#ddd}.frame-item.active[data-v-68e55bd2]{background:#5156be26;border-color:#5156be}.frame-swatch[data-v-68e55bd2]{border-radius:3px;box-shadow:inset 0 1px 3px #00000026;height:20px;width:40px}.frame-name[data-v-68e55bd2]{color:#666;font-size:11px;white-space:nowrap}.frame-item.active .frame-name[data-v-68e55bd2]{color:#5156be;font-weight:500}.frame-price[data-v-68e55bd2]{color:#5156be;font-size:10px}.frame-desc[data-v-68e55bd2]{background:#f8f8f8;border-radius:6px;color:#999;font-size:12px;margin:8px 0 0;padding:8px 12px}.color-grid[data-v-68e55bd2]{display:grid;gap:8px;grid-template-columns:repeat(5,1fr)}.color-item[data-v-68e55bd2]{align-items:center;background:#f8f8f8;border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:row;gap:6px;padding:10px 8px;transition:all .2s ease}.color-item[data-v-68e55bd2]:hover{background:#fff;border-color:#ddd}.color-item.active[data-v-68e55bd2]{background:#5156be26;border-color:#5156be}.color-swatch[data-v-68e55bd2]{border-radius:50%;box-shadow:inset 0 0 0 1px #0000001a;height:24px;width:24px}.color-name[data-v-68e55bd2]{color:#666;font-size:11px;white-space:nowrap}.color-item.active .color-name[data-v-68e55bd2]{color:#5156be;font-weight:500}.color-desc[data-v-68e55bd2]{background:#f8f8f8;border-radius:6px;color:#999;font-size:12px;margin:8px 0 0;padding:8px 12px}.price-section[data-v-68e55bd2]{background:#f8f8f8;border-radius:8px;flex-direction:row;padding:12px 16px}.price-row[data-v-68e55bd2],.price-section[data-v-68e55bd2]{display:flex;justify-content:space-between}.price-row[data-v-68e55bd2]{align-items:center;padding:6px 0}.price-label[data-v-68e55bd2]{color:#666;font-size:13px}.price-value[data-v-68e55bd2]{color:#333;font-size:14px;font-weight:500}.price-divider[data-v-68e55bd2]{background:#e0e0e0;height:1px;margin:8px 0}.price-total .price-label[data-v-68e55bd2]{color:#333;font-weight:600}.price-total .price-value[data-v-68e55bd2]{color:#ff7b00;font-size:18px;font-weight:700}.customize-btn[data-v-68e55bd2]{background:#5156be;border:none;border-radius:8px;box-shadow:0 2px 6px #5156be80;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:auto;padding:14px 24px}.customize-btn[data-v-68e55bd2]:hover{box-shadow:0 4px 12px #ff950066;transform:translateY(-2px)}.phone-case-customizer[data-v-32711c10]{background:#fff;border:1px solid #e9e9ef;border-radius:.25rem;display:flex;gap:32px;margin-bottom:20px;padding:10px}.preview-section[data-v-32711c10]{flex:0 0 45%}.preview-container[data-v-32711c10],.preview-section[data-v-32711c10]{align-items:center;display:flex;flex-direction:column;gap:16px}.preview-container[data-v-32711c10]{justify-content:center;width:100%}.case-scene[data-v-32711c10]{align-items:center;background:radial-gradient(ellipse at center,rgba(30,58,95,.06) 0,transparent 70%);border-radius:20px;cursor:grab;display:flex;height:420px;justify-content:center;perspective:800px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:300px}.case-scene[data-v-32711c10]:active{cursor:grabbing}.case-3d[data-v-32711c10]{height:305px;position:relative;transform-style:preserve-3d;transition:transform .08s ease-out;width:150px}.face[data-v-32711c10]{backface-visibility:visible;position:absolute}.back[data-v-32711c10]{background:#1a1a1a;border-radius:32px;height:305px;overflow:hidden;transform:translateZ(3px);width:150px}.case-surface[data-v-32711c10]{border-radius:32px;overflow:hidden}.artwork-wrapper[data-v-32711c10],.case-surface[data-v-32711c10]{bottom:0;left:0;position:absolute;right:0;top:0}.artwork-image[data-v-32711c10]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.artwork-placeholder[data-v-32711c10]{align-items:center;background:linear-gradient(135deg,#3d5a80,#1e3a5f 50%,#152d4a);color:#ffffffe6;display:flex;font-size:14px;font-weight:500;height:100%;justify-content:center;width:100%}.material-layer[data-v-32711c10]{border-radius:32px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.mat-soft .material-layer[data-v-32711c10]{background:linear-gradient(125deg,hsla(0,0%,100%,.12),hsla(0,0%,100%,.04) 15%,hsla(0,0%,100%,.02) 25%,transparent 40%,transparent 60%,rgba(0,0,0,.02) 80%,rgba(0,0,0,.04));box-shadow:inset 0 0 40px #ffffff05,inset 0 1px #ffffff1a,inset 0 -1px #00000005}.mat-soft .case-surface[data-v-32711c10]{background:#ffffff03}.mat-soft.back[data-v-32711c10]{box-shadow:0 30px 60px #00000073,0 0 0 1px #ffffff0f,inset 0 1px #ffffff1f,inset 0 -1px #0000000d}.mat-silicone .material-layer[data-v-32711c10]{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='1.2' numOctaves='4' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.08}.mat-silicone .case-surface[data-v-32711c10]{background:#2d2d2d1f}.mat-silicone.back[data-v-32711c10]{box-shadow:0 30px 60px #00000080,0 0 0 1px #ffffff05}.mat-hard .material-layer[data-v-32711c10]{background:linear-gradient(135deg,hsla(0,0%,100%,.25),hsla(0,0%,100%,.08) 15%,transparent 30%,transparent 70%,rgba(0,0,0,.03));box-shadow:inset 0 1px #fff3,inset 0 -1px #0000000d}.mat-hard .case-surface[data-v-32711c10]{background:#00000003}.mat-hard.back[data-v-32711c10]{box-shadow:0 30px 60px #0006,0 0 0 1px #ffffff26,inset 0 1px #fff3}.camera-module[data-v-32711c10]{left:12px;position:absolute;top:12px;z-index:10}.camera-island[data-v-32711c10]{align-items:center;background:linear-gradient(145deg,#0a0a0a,#151515);box-shadow:0 2px 8px #0009,inset 0 1px 1px #ffffff0f;display:flex;justify-content:center}.cam-apple-pro[data-v-32711c10]{border-radius:10px;height:38px;padding:0;width:38px}.cam-apple-pro .camera-island[data-v-32711c10]{border-radius:8px;display:block;height:38px;padding:0;position:relative;width:38px}.cam-apple-pro .camera-lens[data-v-32711c10]:first-child{left:4px;position:absolute;top:4px}.cam-apple-pro .camera-lens[data-v-32711c10]:nth-child(2){position:absolute;right:4px;top:4px}.cam-apple-pro .camera-lens[data-v-32711c10]:nth-child(3){bottom:4px;left:50%;position:absolute;transform:translate(-50%)}.cam-apple-pro .lidar-sensor[data-v-32711c10]{height:6px;position:absolute;right:4px;top:50%;transform:translateY(-50%);width:6px}.cam-apple-pro .flash-sensor[data-v-32711c10]{bottom:4px;position:absolute;right:4px}.cam-apple-basic[data-v-32711c10]{border-radius:10px;height:32px;padding:0;width:32px}.cam-apple-basic .camera-island[data-v-32711c10]{border-radius:8px;display:block;height:32px;padding:0;position:relative;width:32px}.cam-apple-basic .camera-lens[data-v-32711c10]:first-child{left:3px;position:absolute;top:3px}.cam-apple-basic .camera-lens[data-v-32711c10]:nth-child(2){bottom:3px;position:absolute;right:3px}.cam-apple-basic .flash-sensor[data-v-32711c10]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cam-apple-16-basic[data-v-32711c10]{border-radius:10px;height:42px;padding:0;width:26px}.cam-apple-16-basic .camera-island[data-v-32711c10]{border-radius:8px;display:block;height:42px;padding:0;position:relative;width:26px}.cam-apple-16-basic .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:5px;transform:translate(-50%)}.cam-apple-16-basic .camera-lens[data-v-32711c10]:nth-child(2){bottom:8px;left:50%;position:absolute;transform:translate(-50%)}.cam-apple-16-basic .flash-sensor[data-v-32711c10]{bottom:3px;left:50%;position:absolute;transform:translate(-50%)}.island-apple-16-basic[data-v-32711c10]{gap:0}.cam-apple-air[data-v-32711c10]{border-radius:10px;height:24px;padding:0;width:24px}.cam-apple-air .camera-island[data-v-32711c10]{border-radius:8px;display:block;height:24px;padding:0;position:relative;width:24px}.cam-apple-air .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cam-apple-air .flash-sensor[data-v-32711c10]{bottom:2px;position:absolute;right:2px}.island-apple-air[data-v-32711c10]{gap:0}.cam-apple-pro .camera-lens[data-v-32711c10]{border-width:1.5px;height:14px;width:14px}.cam-apple-pro .lens-glass[data-v-32711c10]{height:4px;left:2px;top:2px;width:4px}.cam-apple-pro .lens-ring[data-v-32711c10]{bottom:1px;left:1px;right:1px;top:1px}.cam-apple-basic .camera-lens[data-v-32711c10]{border-width:1.5px;height:12px;width:12px}.cam-apple-basic .lens-glass[data-v-32711c10]{height:4px;left:2px;top:2px;width:4px}.cam-apple-basic .lens-ring[data-v-32711c10]{bottom:1px;left:1px;right:1px;top:1px}.cam-apple-16-basic .camera-lens[data-v-32711c10]{border-width:1.5px;height:12px;width:12px}.cam-apple-16-basic .lens-glass[data-v-32711c10]{height:4px;left:2px;top:2px;width:4px}.cam-apple-16-basic .lens-ring[data-v-32711c10]{bottom:1px;left:1px;right:1px;top:1px}.cam-apple-air .camera-lens[data-v-32711c10]{border-width:1px;height:10px;width:10px}.cam-apple-air .lens-glass[data-v-32711c10]{height:3px;left:1px;top:1px;width:3px}.cam-apple-air .lens-ring[data-v-32711c10]{bottom:1px;left:1px;right:1px;top:1px}.cam-huawei-mate[data-v-32711c10],.cam-huawei-mate .camera-island[data-v-32711c10]{border-radius:50%;height:52px;padding:0;width:52px}.cam-huawei-mate .camera-island[data-v-32711c10]{background:radial-gradient(circle,#1a1a1a 0,#0a0a0a);display:block;position:relative}.cam-huawei-mate .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:8px;transform:translate(-50%)}.cam-huawei-mate .camera-lens[data-v-32711c10]:nth-child(2){bottom:12px;left:8px;position:absolute}.cam-huawei-mate .camera-lens[data-v-32711c10]:nth-child(3){bottom:12px;position:absolute;right:8px}.cam-huawei-mate .flash-sensor[data-v-32711c10]{bottom:4px;left:50%;position:absolute;transform:translate(-50%)}.cam-huawei-mate .camera-lens[data-v-32711c10]{border-width:1px;height:12px;width:12px}.cam-huawei-mate-sm[data-v-32711c10],.cam-huawei-mate-sm .camera-island[data-v-32711c10]{border-radius:50%;height:46px;padding:0;width:46px}.cam-huawei-mate-sm .camera-island[data-v-32711c10]{background:radial-gradient(circle,#1a1a1a 0,#0a0a0a);display:block;position:relative}.cam-huawei-mate-sm .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:6px;transform:translate(-50%)}.cam-huawei-mate-sm .camera-lens[data-v-32711c10]:nth-child(2){bottom:10px;left:6px;position:absolute}.cam-huawei-mate-sm .camera-lens[data-v-32711c10]:nth-child(3){bottom:10px;position:absolute;right:6px}.cam-huawei-mate-sm .flash-sensor[data-v-32711c10]{bottom:3px;left:50%;position:absolute;transform:translate(-50%)}.cam-huawei-mate-sm .camera-lens[data-v-32711c10]{border-width:1px;height:10px;width:10px}.cam-huawei-p[data-v-32711c10]{border-radius:12px;height:46px;padding:0;width:40px}.cam-huawei-p .camera-island[data-v-32711c10]{border-radius:10px;display:block;height:46px;padding:0;position:relative;width:40px}.cam-huawei-p .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:5px;transform:translate(-50%)}.cam-huawei-p .camera-lens[data-v-32711c10]:nth-child(2){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cam-huawei-p .camera-lens[data-v-32711c10]:nth-child(3){bottom:8px;left:50%;position:absolute;transform:translate(-50%)}.cam-huawei-p .flash-sensor[data-v-32711c10]{bottom:3px;left:50%;position:absolute;transform:translate(-50%)}.cam-huawei-p .camera-lens[data-v-32711c10]{border-width:1px;height:12px;width:12px}.cam-huawei-nova[data-v-32711c10]{border-radius:10px;height:42px;padding:0;width:28px}.cam-huawei-nova .camera-island[data-v-32711c10]{border-radius:8px;display:block;height:42px;padding:0;position:relative;width:28px}.cam-huawei-nova .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:6px;transform:translate(-50%)}.cam-huawei-nova .camera-lens[data-v-32711c10]:nth-child(2){bottom:10px;left:50%;position:absolute;transform:translate(-50%)}.cam-huawei-nova .flash-sensor[data-v-32711c10]{bottom:3px;left:50%;position:absolute;transform:translate(-50%)}.cam-huawei-nova .camera-lens[data-v-32711c10]{border-width:1px;height:10px;width:10px}.cam-xiaomi-ultra[data-v-32711c10],.cam-xiaomi-ultra .camera-island[data-v-32711c10]{border-radius:50%;height:56px;padding:0;width:56px}.cam-xiaomi-ultra .camera-island[data-v-32711c10]{display:block;position:relative}.cam-xiaomi-ultra .camera-lens[data-v-32711c10]:first-child{height:18px;left:50%;position:absolute;top:10px;transform:translate(-50%);width:18px}.cam-xiaomi-ultra .camera-lens[data-v-32711c10]:nth-child(2){left:8px;position:absolute;top:26px}.cam-xiaomi-ultra .camera-lens[data-v-32711c10]:nth-child(3){position:absolute;right:8px;top:26px}.cam-xiaomi-ultra .camera-lens[data-v-32711c10]:nth-child(4){bottom:8px;left:50%;position:absolute;transform:translate(-50%)}.cam-xiaomi-ultra .flash-sensor[data-v-32711c10]{bottom:4px;position:absolute;right:10px}.cam-xiaomi-ultra .camera-lens[data-v-32711c10]{border-width:1px;height:12px;width:12px}.cam-xiaomi-pro[data-v-32711c10]{border-radius:10px;height:38px;padding:0;width:38px}.cam-xiaomi-pro .camera-island[data-v-32711c10]{border-radius:8px;display:block;height:38px;padding:0;position:relative;width:38px}.cam-xiaomi-pro .camera-lens[data-v-32711c10]:first-child{left:4px;position:absolute;top:4px}.cam-xiaomi-pro .camera-lens[data-v-32711c10]:nth-child(2){position:absolute;right:4px;top:4px}.cam-xiaomi-pro .camera-lens[data-v-32711c10]:nth-child(3){bottom:4px;left:50%;position:absolute;transform:translate(-50%)}.cam-xiaomi-pro .flash-sensor[data-v-32711c10]{bottom:4px;position:absolute;right:4px}.cam-xiaomi-pro .camera-lens[data-v-32711c10]{border-width:1px;height:12px;width:12px}.cam-redmi[data-v-32711c10]{border-radius:10px;height:46px;padding:0;width:32px}.cam-redmi .camera-island[data-v-32711c10]{border-radius:8px;display:block;height:46px;padding:0;position:relative;width:32px}.cam-redmi .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:5px;transform:translate(-50%)}.cam-redmi .camera-lens[data-v-32711c10]:nth-child(2){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cam-redmi .camera-lens[data-v-32711c10]:nth-child(3){bottom:10px;left:50%;position:absolute;transform:translate(-50%)}.cam-redmi .flash-sensor[data-v-32711c10]{bottom:3px;left:50%;position:absolute;transform:translate(-50%)}.cam-redmi .camera-lens[data-v-32711c10]{border-width:1px;height:10px;width:10px}.cam-oppo-ultra[data-v-32711c10],.cam-oppo-ultra .camera-island[data-v-32711c10]{border-radius:50%;height:54px;padding:0;width:54px}.cam-oppo-ultra .camera-island[data-v-32711c10]{display:block;position:relative}.cam-oppo-ultra .camera-lens[data-v-32711c10]:first-child{height:16px;left:50%;position:absolute;top:10px;transform:translate(-50%);width:16px}.cam-oppo-ultra .camera-lens[data-v-32711c10]:nth-child(2){left:8px;position:absolute;top:24px}.cam-oppo-ultra .camera-lens[data-v-32711c10]:nth-child(3){position:absolute;right:8px;top:24px}.cam-oppo-ultra .camera-lens[data-v-32711c10]:nth-child(4){bottom:8px;left:50%;position:absolute;transform:translate(-50%)}.cam-oppo-ultra .flash-sensor[data-v-32711c10]{bottom:4px;position:absolute;right:8px}.cam-oppo-ultra .camera-lens[data-v-32711c10]{border-width:1px;height:12px;width:12px}.cam-oppo-find[data-v-32711c10],.cam-oppo-find .camera-island[data-v-32711c10]{border-radius:50%;height:46px;padding:0;width:46px}.cam-oppo-find .camera-island[data-v-32711c10]{display:block;position:relative}.cam-oppo-find .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:8px;transform:translate(-50%)}.cam-oppo-find .camera-lens[data-v-32711c10]:nth-child(2){bottom:12px;left:8px;position:absolute}.cam-oppo-find .camera-lens[data-v-32711c10]:nth-child(3){bottom:12px;position:absolute;right:8px}.cam-oppo-find .flash-sensor[data-v-32711c10]{bottom:4px;left:50%;position:absolute;transform:translate(-50%)}.cam-oppo-find .camera-lens[data-v-32711c10]{border-width:1px;height:11px;width:11px}.cam-oppo-reno[data-v-32711c10]{border-radius:12px;height:46px;padding:0;width:38px}.cam-oppo-reno .camera-island[data-v-32711c10]{border-radius:10px;display:block;height:46px;padding:0;position:relative;width:38px}.cam-oppo-reno .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:5px;transform:translate(-50%)}.cam-oppo-reno .camera-lens[data-v-32711c10]:nth-child(2){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cam-oppo-reno .camera-lens[data-v-32711c10]:nth-child(3){bottom:8px;left:50%;position:absolute;transform:translate(-50%)}.cam-oppo-reno .flash-sensor[data-v-32711c10]{bottom:3px;left:50%;position:absolute;transform:translate(-50%)}.cam-oppo-reno .camera-lens[data-v-32711c10]{border-width:1px;height:11px;width:11px}.cam-vivo-x[data-v-32711c10],.cam-vivo-x .camera-island[data-v-32711c10]{border-radius:50%;height:52px;padding:0;width:52px}.cam-vivo-x .camera-island[data-v-32711c10]{display:block;position:relative}.cam-vivo-x .camera-lens[data-v-32711c10]:first-child{height:16px;left:50%;position:absolute;top:10px;transform:translate(-50%);width:16px}.cam-vivo-x .camera-lens[data-v-32711c10]:nth-child(2){bottom:14px;left:10px;position:absolute}.cam-vivo-x .camera-lens[data-v-32711c10]:nth-child(3){bottom:14px;position:absolute;right:10px}.cam-vivo-x .flash-sensor[data-v-32711c10]{bottom:5px;left:50%;position:absolute;transform:translate(-50%)}.cam-vivo-x .camera-lens[data-v-32711c10]{border-width:1px;height:11px;width:11px}.cam-vivo-x-sm[data-v-32711c10],.cam-vivo-x-sm .camera-island[data-v-32711c10]{border-radius:50%;height:46px;padding:0;width:46px}.cam-vivo-x-sm .camera-island[data-v-32711c10]{display:block;position:relative}.cam-vivo-x-sm .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:8px;transform:translate(-50%)}.cam-vivo-x-sm .camera-lens[data-v-32711c10]:nth-child(2){bottom:12px;left:8px;position:absolute}.cam-vivo-x-sm .camera-lens[data-v-32711c10]:nth-child(3){bottom:12px;position:absolute;right:8px}.cam-vivo-x-sm .flash-sensor[data-v-32711c10]{bottom:4px;left:50%;position:absolute;transform:translate(-50%)}.cam-vivo-x-sm .camera-lens[data-v-32711c10]{border-width:1px;height:10px;width:10px}.cam-vivo-s[data-v-32711c10]{border-radius:10px;height:40px;padding:0;width:28px}.cam-vivo-s .camera-island[data-v-32711c10]{border-radius:8px;display:block;height:40px;padding:0;position:relative;width:28px}.cam-vivo-s .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:6px;transform:translate(-50%)}.cam-vivo-s .camera-lens[data-v-32711c10]:nth-child(2){bottom:10px;left:50%;position:absolute;transform:translate(-50%)}.cam-vivo-s .flash-sensor[data-v-32711c10]{bottom:3px;left:50%;position:absolute;transform:translate(-50%)}.cam-vivo-s .camera-lens[data-v-32711c10]{border-width:1px;height:10px;width:10px}.cam-samsung-ultra[data-v-32711c10]{border-radius:12px;height:50px;padding:0;width:30px}.cam-samsung-ultra .camera-island[data-v-32711c10]{border-radius:10px;display:block;height:50px;padding:0;position:relative;width:30px}.cam-samsung-ultra .camera-lens[data-v-32711c10]:first-child{height:16px;left:50%;position:absolute;top:4px;transform:translate(-50%);width:16px}.cam-samsung-ultra .camera-lens[data-v-32711c10]:nth-child(2){left:50%;position:absolute;top:22px;transform:translate(-50%)}.cam-samsung-ultra .camera-lens[data-v-32711c10]:nth-child(3){left:50%;position:absolute;top:36px;transform:translate(-50%)}.cam-samsung-ultra .flash-sensor[data-v-32711c10]{bottom:3px;left:50%;position:absolute;transform:translate(-50%)}.cam-samsung-ultra .camera-lens[data-v-32711c10]{border-width:1px;height:12px;width:12px}.cam-samsung-s[data-v-32711c10]{border-radius:10px;height:44px;padding:0;width:28px}.cam-samsung-s .camera-island[data-v-32711c10]{border-radius:8px;display:block;height:44px;padding:0;position:relative;width:28px}.cam-samsung-s .camera-lens[data-v-32711c10]:first-child{left:50%;position:absolute;top:4px;transform:translate(-50%)}.cam-samsung-s .camera-lens[data-v-32711c10]:nth-child(2){left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.cam-samsung-s .camera-lens[data-v-32711c10]:nth-child(3){bottom:8px;left:50%;position:absolute;transform:translate(-50%)}.cam-samsung-s .flash-sensor[data-v-32711c10]{bottom:3px;left:50%;position:absolute;transform:translate(-50%)}.cam-samsung-s .camera-lens[data-v-32711c10]{border-width:1px;height:11px;width:11px}.camera-lens[data-v-32711c10]{background:linear-gradient(145deg,#050505,#1a1a1a 40%,#0d0d0d);border:2px solid #2a2a2a;border-radius:50%;box-shadow:inset 0 2px 4px #000000e6,inset 0 -1px 2px #ffffff0d;height:18px;overflow:hidden;position:relative;width:18px}.lens-glass[data-v-32711c10]{background:linear-gradient(135deg,rgba(120,200,255,.4),transparent);height:6px;left:3px;top:3px;width:6px}.lens-glass[data-v-32711c10],.lens-ring[data-v-32711c10]{border-radius:50%;position:absolute}.lens-ring[data-v-32711c10]{border:1px solid rgba(80,80,80,.4);bottom:2px;left:2px;right:2px;top:2px}.lidar-sensor[data-v-32711c10]{background:radial-gradient(circle,#1a1a1a 0,#0a0a0a);border:1px solid #2a2a2a;border-radius:50%;box-shadow:inset 0 1px 2px #000c;height:8px;width:8px}.flash-sensor[data-v-32711c10]{align-items:center;display:flex;justify-content:center}.flash[data-v-32711c10]{background:linear-gradient(135deg,#fffde7,#ffecb3);border-radius:50%;box-shadow:0 0 4px #ffeb3b99;height:6px;width:6px}.edge-gloss[data-v-32711c10]{border-radius:32px;bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:15}.mat-soft .edge-gloss[data-v-32711c10]{border:1px solid hsla(0,0%,100%,.08);box-shadow:inset 0 1px #ffffff1a}.mat-silicone .edge-gloss[data-v-32711c10]{border:1px solid hsla(0,0%,100%,.04)}.mat-hard .edge-gloss[data-v-32711c10]{border:1px solid hsla(0,0%,100%,.12);box-shadow:inset 0 1px #ffffff26}.front[data-v-32711c10]{background:linear-gradient(165deg,#1a1a1a,#0d0d0d);border-radius:32px;box-shadow:inset 0 0 0 1px #ffffff0d;height:305px;transform:rotateY(180deg) translateZ(3px);width:150px}.front[data-v-32711c10],.screen[data-v-32711c10]{overflow:hidden}.screen[data-v-32711c10]{background:#fff;border-radius:26px;bottom:5px;left:5px;position:absolute;right:5px;top:5px}.screen-glass[data-v-32711c10]{background:linear-gradient(135deg,hsla(0,0%,100%,.04),transparent 40%,transparent 60%,hsla(0,0%,100%,.02));bottom:0;left:0;position:absolute;right:0;top:0}.dynamic-island[data-v-32711c10]{border-radius:18px;box-shadow:0 0 0 2px #1e1e1ee6;top:10px;width:88px}.dynamic-island[data-v-32711c10],.notch[data-v-32711c10]{background:#000;height:26px;left:50%;position:absolute;transform:translate(-50%)}.notch[data-v-32711c10]{border-radius:0 0 16px 16px;top:0;width:105px}.punch-hole[data-v-32711c10]{background:#000;border-radius:50%;box-shadow:inset 0 1px 2px #ffffff1a;height:10px;left:50%;position:absolute;top:12px;transform:translate(-50%);width:10px}.left[data-v-32711c10]{border-radius:6px 0 0 6px;left:-3px;transform:rotateY(-90deg) translateZ(75px)}.left[data-v-32711c10],.right[data-v-32711c10]{height:305px;top:0;width:6px}.right[data-v-32711c10]{border-radius:0 6px 6px 0;right:-3px;transform:rotateY(90deg) translateZ(75px)}.mat-soft.left[data-v-32711c10]{background:linear-gradient(90deg,#1a1a1a,#252525)}.mat-soft.right[data-v-32711c10]{background:linear-gradient(90deg,#252525,#1a1a1a)}.mat-silicone.left[data-v-32711c10]{background:linear-gradient(90deg,#1f1f1f,#2a2a2a)}.mat-silicone.right[data-v-32711c10]{background:linear-gradient(90deg,#2a2a2a,#1f1f1f)}.mat-hard.left[data-v-32711c10]{background:linear-gradient(90deg,#0f0f0f,#1a1a1a);box-shadow:inset 1px 0 2px #ffffff14}.mat-hard.right[data-v-32711c10]{background:linear-gradient(90deg,#1a1a1a,#0f0f0f);box-shadow:inset -1px 0 2px #ffffff14}.side-buttons[data-v-32711c10]{display:flex;flex-direction:column;gap:3px;position:absolute}.left-btns[data-v-32711c10]{left:1px;top:85px}.right-btns[data-v-32711c10]{left:1px;top:110px}.btn[data-v-32711c10]{background:linear-gradient(90deg,#3a3a3a,#2a2a2a,#3a3a3a);border-radius:1px;height:26px;width:2px}.volume-down[data-v-32711c10],.volume-up[data-v-32711c10]{height:22px}.power[data-v-32711c10]{height:36px}.top[data-v-32711c10]{border-radius:32px 32px 0 0;height:6px;left:0;top:-3px;transform:rotateX(90deg) translateZ(152px);width:150px}.mat-soft.top[data-v-32711c10]{background:linear-gradient(180deg,#282828,#1a1a1a)}.mat-silicone.top[data-v-32711c10]{background:linear-gradient(180deg,#2d2d2d,#222)}.mat-hard.top[data-v-32711c10]{background:linear-gradient(180deg,#1a1a1a,#0f0f0f)}.bottom[data-v-32711c10]{align-items:center;border-radius:0 0 32px 32px;bottom:-3px;display:flex;height:6px;justify-content:center;left:0;transform:rotateX(-90deg) translateZ(152px);width:150px}.mat-soft.bottom[data-v-32711c10]{background:linear-gradient(180deg,#1a1a1a,#282828)}.mat-silicone.bottom[data-v-32711c10]{background:linear-gradient(180deg,#222,#2d2d2d)}.mat-hard.bottom[data-v-32711c10]{background:linear-gradient(180deg,#0f0f0f,#1a1a1a)}.ports[data-v-32711c10]{align-items:center;display:flex;gap:10px}.port[data-v-32711c10]{background:#0a0a0a}.port.speaker[data-v-32711c10]{border-radius:1.5px;height:3px;width:18px}.port.charging[data-v-32711c10]{align-items:center;border-radius:2.5px;display:flex;height:5px;justify-content:center;width:16px}.usb-c[data-v-32711c10]{background:#151515;border-radius:1.5px;height:3px;width:10px}.drag-hint[data-v-32711c10]{color:#999}.drag-hint[data-v-32711c10],.reset-btn[data-v-32711c10]{align-items:center;display:flex;font-size:12px;gap:6px}.reset-btn[data-v-32711c10]{background:#f5f5f5;border:none;border-radius:20px;color:#666;cursor:pointer;padding:8px 16px;transition:all .2s ease}.reset-btn[data-v-32711c10]:hover{background:#eee;color:#333}.options-section[data-v-32711c10]{flex:0 0 53%;gap:20px}.option-group[data-v-32711c10],.options-section[data-v-32711c10]{display:flex;flex-direction:column}.option-group[data-v-32711c10]{gap:10px}.option-title[data-v-32711c10]{color:#333;font-size:14px;font-weight:600;margin:0}.brand-grid[data-v-32711c10]{display:grid;gap:10px;grid-template-columns:repeat(6,1fr)}.brand-item[data-v-32711c10]{background:#f8f8f8;border:2px solid transparent;border-radius:10px;cursor:pointer;padding:12px 16px;text-align:center;transition:all .2s ease}.brand-item[data-v-32711c10]:hover{background:#fff;border-color:#ddd}.brand-item.active[data-v-32711c10]{background:#5156be26;border-color:#5156be}.brand-item .brand-name[data-v-32711c10]{color:#333;font-size:13px}.brand-item.active .brand-name[data-v-32711c10]{color:#5156be;font-weight:500}.model-list[data-v-32711c10]{display:grid;flex-direction:column;gap:8px;grid-template-columns:repeat(3,1fr);max-height:200px;overflow-y:auto;padding-right:8px}.model-list[data-v-32711c10]::-webkit-scrollbar{width:4px}.model-list[data-v-32711c10]::-webkit-scrollbar-thumb{background:#ddd;border-radius:2px}.model-item[data-v-32711c10]{align-items:center;background:#f8f8f8;border:2px solid transparent;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;transition:all .2s ease}.model-item[data-v-32711c10]:hover{background:#fff;border-color:#ddd}.model-item.active[data-v-32711c10]{background:#5156be26;border-color:#5156be}.model-info[data-v-32711c10]{display:flex;flex-direction:column;gap:2px}.model-name[data-v-32711c10]{color:#333;font-size:13px;font-weight:500}.model-size[data-v-32711c10]{color:#999;font-size:11px}.model-item.active .model-name[data-v-32711c10]{color:#5156be}.model-price[data-v-32711c10]{color:#c62828;font-size:14px;font-weight:600}.material-grid[data-v-32711c10]{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.material-item[data-v-32711c10]{align-items:center;background:#f8f8f8;border:2px solid transparent;border-radius:12px;cursor:pointer;display:flex;flex-direction:row;gap:8px;padding:16px 12px;transition:all .2s ease}.material-item[data-v-32711c10]:hover{background:#fff;border-color:#ddd}.material-item.active[data-v-32711c10]{background:#5156be26;border-color:#5156be}.material-preview[data-v-32711c10]{border-radius:10px;height:24px;overflow:hidden;position:relative;width:24px}.preview-soft[data-v-32711c10]{background:linear-gradient(145deg,#ffffff26,#c7c7c714 50%,#dbdbdb1a);border:1px solid hsla(0,0%,78%,.3);box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001a,0 2px 4px #0000001a}.preview-silicone[data-v-32711c10]{background:linear-gradient(145deg,#3a3a3a,#2a2a2a 50%,#333);box-shadow:inset 0 1px #ffffff0d}.preview-silicone[data-v-32711c10]:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='4' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");border-radius:10px;bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0}.preview-hard[data-v-32711c10]{background:linear-gradient(145deg,#1a1a1a,#0f0f0f 50%,#151515);box-shadow:inset 0 1px #ffffff26}.preview-hard[data-v-32711c10]:before{background:linear-gradient(135deg,hsla(0,0%,100%,.2),transparent);border-radius:5px;content:"";height:15px;left:5px;position:absolute;right:15px;top:5px}.material-info[data-v-32711c10]{align-items:center;display:flex;flex-direction:row;gap:2px;justify-content:center}.material-name[data-v-32711c10]{color:#333;font-size:13px;font-weight:500}.material-price[data-v-32711c10]{color:#999;font-size:11px}.material-item.active .material-name[data-v-32711c10]{color:#1e3a5f}.material-desc[data-v-32711c10]{background:#fafafa;border-radius:8px;color:#888;font-size:12px;line-height:1.5;margin:0;padding:10px 12px}.price-section[data-v-32711c10]{background:#fafafa;border-radius:12px;flex-direction:row;padding:16px}.price-row[data-v-32711c10],.price-section[data-v-32711c10]{display:flex;justify-content:space-between}.price-row[data-v-32711c10]{align-items:center;padding:8px 0}.price-label[data-v-32711c10]{color:#666;font-size:13px}.price-value[data-v-32711c10]{color:#333;font-size:14px;font-weight:500}.price-divider[data-v-32711c10]{background:#e5e5e5;height:1px;margin:8px 0}.price-total .price-label[data-v-32711c10]{color:#333;font-size:14px;font-weight:500}.price-total .price-value[data-v-32711c10]{color:#c62828;font-size:18px;font-weight:600}.customize-btn[data-v-32711c10]{background:#5156be;border:none;border-radius:10px;box-shadow:0 2px 6px #5156be80;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .25s ease;width:100%}.customize-btn[data-v-32711c10]:hover{box-shadow:0 6px 20px #1e3a5f73;transform:translateY(-2px)}@media (max-width:900px){.phone-case-customizer[data-v-32711c10]{flex-direction:column;gap:24px}.options-section[data-v-32711c10],.preview-section[data-v-32711c10]{flex:none;width:100%}}.illustration-detail{min-height:100%}.illustration-detail .illus-image{height:60%}.illustration-detail .illus-image .card{padding:10px;text-align:center}.illustration-detail .illus-image .card>img{height:auto;margin:0 auto;width:100%}.illustration-detail .illus-image .card .detail-author{line-height:40px;margin:20px 0 10px;width:100%}.illustration-detail .illus-image .card .detail-author .author{float:left}.illustration-detail .illus-image .card .detail-author .author img{border-radius:50%;height:40px;margin-right:10px;width:40px}.illustration-detail .illus-image .card .detail-author .time{float:right;text-align:left}.illustration-detail .illu-profile .dropdown-menu .row{cursor:pointer}.illustration-detail .illu-profile .dropdown-menu .row:hover{background-color:#e9e9ef}.illustration-detail .illu-profile .vip-box{line-height:20px;position:relative;text-align:center}.illustration-detail .illu-profile .vip-box .vip-icon{border-radius:8px;color:#feb602;display:inline-block;height:20px;margin-bottom:-6px;margin-right:0;width:20px}.illustration-detail .illu-profile .vip-box .vip-icon:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23FA8C00' d='M1.526 10.769h11.218v2.603H1.526z'/%3E%3Cpath fill='%23FF8C00' d='M1.377 8.705 7.016.061l5.741 8.644z'/%3E%3Cpath fill='%23EDA500' d='m12.674 10.104 1.313-7.634L2.822 9.802z'/%3E%3Cpath fill='%23FEC400' d='M1.335 10.058.075 2.433l10.428 7.625z'/%3E%3C/g%3E%3C/svg%3E") 50% no-repeat;background-size:16px 16px;content:"";display:block;height:16px;width:16px}.illustration-detail .illu-profile .vip-box .font-lg{color:#424242;font-size:15px}.illustration-detail .illu-profile .vip-box .premium{color:#f4980a!important}.illustration-detail .illu-profile .check-box{height:40px;line-height:40px}.illustration-detail .illu-profile .check-box .checked{color:#5156be}