:root{--du-primary:#2154ee;--du-primary-weak:#e7efff;--du-accent:#3b5bcc;--du-bg:#fff;--du-panel:#fafbff;--du-line:#e6ecff;--du-soft-line:#eef2fb;--du-shadow:0 18px 60px rgba(0,0,0,.22);--du-radius-lg:12px;--du-text:#0b1021;--du-muted:#6b7280}.du-backdrop{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.45);display:grid;place-items:center;padding:24px}.design-preview-modal.du-modal{width:min(1600px,94vw);height:min(860px,92vh);background:var(--du-bg);border-radius:14px;box-shadow:var(--du-shadow);display:grid;grid-template-columns:120px 1fr 380px;grid-template-areas:"left center right";gap:16px;padding:16px;outline:none;overflow:hidden}.du-x{position:absolute;right:25px;top:10px;width:34px;height:34px;background:transparent;border:0;border-radius:0;box-shadow:none;display:grid;place-items:center;font-size:22px;font-weight:900;line-height:1;color:#64748b;cursor:pointer}.du-x:hover{background:transparent;color:#111827;transform:scale(1.04)}.du-x:focus-visible{outline:2px solid #8cb3ff;outline-offset:2px}.design-preview-modal .du-left{grid-area:left;overflow:auto;padding:4px;background:#fff;border:1px solid var(--du-soft-line);border-radius:var(--du-radius-lg);width:110px}.design-preview-modal .du-left-title{font-weight:800;color:var(--du-accent);font-size:14px;padding:6px 8px 10px}.du-slot{position:relative;border:1px solid var(--du-soft-line);background:var(--du-panel);border-radius:10px;height:92px;margin:8px;overflow:hidden;display:grid;place-items:center;transition:box-shadow .2s,border-color .2s,transform .2s}.du-slot.active{border-color:var(--du-primary);box-shadow:0 0 0 2px var(--du-primary-weak) inset}.du-slot:hover{transform:translateY(-1px)}.du-slot img{width:100%;height:100%;object-fit:cover;display:block}.du-add{font-size:18px;color:#94a3b8;user-select:none}.du-slot-label{position:absolute;left:8px;bottom:6px;font-size:11px;font-weight:700;color:#334155;background:#fff;padding:2px 6px;border-radius:8px;border:1px solid var(--du-line)}.design-preview-modal .du-center{--du-nav-h:120px;grid-area:center;display:grid;grid-template-rows:1fr var(--du-nav-h);gap:10px;overflow:hidden;min-height:0;position:relative}.du-preview{grid-row:1/2;min-height:320px;border:0;border-radius:10px;background:transparent;display:grid;place-items:center;overflow:hidden;position:relative;z-index:1}.design-preview-modal .du-nav-mini{grid-row:2/3;align-self:end;justify-content:center;width:100%;height:var(--du-nav-h);display:grid;grid-auto-flow:column;grid-auto-columns:var(--nav-box,55px);gap:8px;align-content:center;align-items:center;overflow-x:auto;overflow-y:visible;position:relative;z-index:9;white-space:nowrap;background:transparent;padding:0 6px;scrollbar-width:thin}.design-preview-modal .du-nav-mini::-webkit-scrollbar{height:8px}.design-preview-modal .du-nav-mini::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.design-preview-modal .du-nav-mini::-webkit-scrollbar-track{background:transparent}.design-preview-modal .du-nav-item{--nav-icon:35px;--nav-box:55px;inline-size:var(--nav-box);block-size:var(--nav-box);display:flex;align-items:center;justify-content:center;border:0;border-radius:10px;background:transparent;color:#334155;text-align:center;white-space:nowrap}.design-preview-modal .du-nav-item .du-nav-icon{width:var(--nav-icon);height:var(--nav-icon);display:block}.design-preview-modal .du-nav-item.selected .du-nav-icon{filter:none;transform:scale(1.2)}.design-preview-modal .du-nav-item.dim .du-nav-icon{filter:grayscale(1) opacity(.55)}.du-preview img{max-width:100%;max-height:calc(92vh - 220px);object-fit:contain;display:block}.du-preview-empty{color:var(--du-muted);font-size:14px}.design-preview-modal .du-card{border:1px solid var(--du-line);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 2px 12px rgba(0,0,0,.04);margin-top:12px}.design-preview-modal .du-card .du-acc-header{background:#f9fbff;border-bottom:1px solid var(--du-line)}.design-preview-modal .du-card .du-acc-panel{padding:12px 10px}.design-preview-modal .du-right{grid-area:right;overflow:auto;padding:4px;display:flex;flex-direction:column;min-height:0}.design-preview-modal .du-actions{position:sticky;bottom:0;margin-top:auto;padding:12px 4px 0;background:linear-gradient(180deg,hsla(0,0%,100%,0),#fff 28%);border-top:1px solid var(--du-line);display:flex;gap:10px;justify-content:flex-end}.design-preview-modal .du-right-title{font-size:20px;font-weight:800;color:#111827;margin-bottom:8px}.du-accordion.du-static{margin-top:12px}.du-acc-header{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid var(--du-line)}.du-acc-title{font-weight:800;color:var(--du-accent)}.du-acc-panel{padding:10px 4px 6px}.du-products{display:flex;gap:6px;flex-wrap:wrap}.du-chip{display:inline-block;font-size:14px;padding:5px 12px;border-radius:4px;border:1px solid var(--du-line);background:#fff;color:#3b4455}.du-chip.on{background:#f0f4ff;border-color:#cddaff;color:var(--du-primary);font-weight:500}.du-spec-set{margin-top:10px}.du-spec-title{font-weight:500;font-size:14px;color:#4f4f4f;margin-bottom:6px}.du-spec-grid{display:flex;gap:6px;flex-wrap:wrap}.du-desc{margin:8px 0 14px;color:var(--du-text);line-height:1.6;font-size:15px;font-weight:350;word-break:keep-all;white-space:pre-line}.du-desc b,.du-desc strong{font-weight:800;color:#111827}.du-desc a{color:var(--du-primary);text-decoration:underline;text-underline-offset:2px}.du-actions{margin-top:16px;display:flex;gap:10px;justify-content:flex-end}.du-btn{padding:10px 14px;border-radius:10px;border:1px solid var(--du-line);background:#fff;cursor:pointer;font-weight:700}.du-btn.primary{border:none;background:var(--du-primary);color:#fff;box-shadow:0 4px 20px rgba(33,84,238,.18)}.du-btn:disabled{opacity:.5;cursor:not-allowed}.design-preview-modal.du-modal:focus-visible,.du-btn:focus-visible,.du-slot:focus-visible,.du-x:focus-visible{outline:2px solid #8cb3ff;outline-offset:2px}@media (min-width:2560px){.design-preview-modal.du-modal{width:min(1680px,90vw);height:min(980px,92vh);grid-template-columns:260px 1fr 420px}.design-preview-modal .du-left .design-preview-modal .du-left-title{font-size:15px}.du-slot{height:110px}.design-preview-modal .du-right-title{font-size:22px}.du-chip{font-size:12.5px}}@media (max-width:1440px){.design-preview-modal.du-modal{grid-template-columns:120px 1fr 320px}.du-slot{height:84px;margin:6px}.design-preview-modal .du-right-title{font-size:18px}.du-spec-title{font-size:12.5px}.du-acc-title{font-weight:650;color:var(--du-accent);font-size:14px}.du-desc{font-size:13px}}.bd-scope{--bd-max:1800px;width:min(100%,var(--bd-max));margin:0 auto;padding:clamp(12px,4vw,28px) 16px}.bd-scope .design-hero{text-align:center;font-weight:700;font-size:clamp(24px,2.4vw,36px);margin:24px 0 36px}.bd-scope .design-filter{display:flex;justify-content:flex-end;margin-bottom:16px}.bd-scope .design-filter input{width:min(420px,100%);height:40px;padding:8px 12px;border:1px solid #e6ecff;border-radius:10px;background:#fafbff}.bd-scope .design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(14px,2vw,22px);align-items:start;margin-bottom:80px}.bd-scope .design-card{position:relative;background:transparent;width:fit-content;height:fit-content;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.04);align-items:center;justify-self:center;transition:box-shadow .18s ease,transform .18s ease}.bd-scope .design-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.08)}.bd-scope .design-card-link{-webkit-appearance:none;appearance:none;border:0;background:none;width:240px;text-align:left;display:block;cursor:pointer}.bd-scope .design-thumb{width:100%;aspect-ratio:1/1;background:#f7f9ff;overflow:hidden}.bd-scope .design-thumb img{width:100%;height:100%;object-fit:cover;display:block}.bd-scope .design-info{padding:12px 14px}.bd-scope .design-title{font-weight:700;font-size:1.02rem;margin:4px 0 6px}.bd-scope .design-desc{color:#4b5563;font-size:13px;line-height:1.52;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical;overflow:hidden}.bd-scope .design-empty{text-align:center;color:#6b7280;padding:36px 12px;border:1px dashed #e5e7eb;border-radius:12px}