/* 布局：顶部步骤条 + 左侧当前步骤面板 + 右侧 3D 展台。刻意单一深色展厅主题，衬托玻璃光感 */ :root{ color-scheme: dark; --bg:#141210; --panel:#1c1916; --panel2:#24201c; --line:#3a332b; --fg:#efe7dc; --muted:#a39684; --brass:#d4ae6a; --brass2:#f0cf8e; --teal:#6fb3b8; --warn:#e0775a; --ok:#8fbf8a; --f-display:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif; --f-body:"PingFang SC","HarmonyOS Sans SC","Microsoft YaHei UI","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC",sans-serif; --f-mono:"SF Mono",ui-monospace,Consolas,"PingFang SC","Microsoft YaHei UI","Microsoft YaHei",monospace; } [hidden]{display:none!important} html,body{height:100%} body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:13px;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility} .app{display:grid;grid-template-rows:56px 1fr;height:100%} header{display:flex;align-items:center;gap:18px;padding:0 18px;border-bottom:1px solid var(--line);background:var(--panel)} header h1{font-family:var(--f-display);font-size:18px;margin:0;letter-spacing:.08em;color:#fff;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:8px} header h1 .logo{height:22px;width:auto;filter:brightness(0) invert(1)} .stepper{display:flex;gap:4px;flex:1;justify-content:center;min-width:0;overflow-x:auto} .stepper button{display:flex;align-items:center;gap:7px;background:none;border:0;color:var(--muted);font:inherit;padding:6px 10px;border-radius:18px;cursor:pointer;white-space:nowrap} .stepper button i{font-style:normal;font-family:var(--f-mono);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);font-size:11px} .stepper button.done i{background:#3a2f1e;border-color:var(--brass);color:var(--brass2)} .stepper button.cur{color:var(--fg);background:var(--panel2)} .stepper button.cur i{background:var(--brass);color:#1a150f;border-color:var(--brass)} .stepper .sep{width:18px;height:1px;background:var(--line);align-self:center} .btn{background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:7px 14px;font:inherit;cursor:pointer} .btn:hover{border-color:var(--brass)} .btn.pri{background:var(--brass);color:#1a150f;border-color:var(--brass);font-weight:700} .btn:disabled{opacity:.4;cursor:not-allowed} .btn:focus-visible,input:focus-visible,select:focus-visible,.card:focus-visible{outline:2px solid var(--brass2);outline-offset:2px} .body{display:grid;grid-template-columns:400px 1fr;min-height:0} .panel{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0} .pscroll{flex:1;overflow-y:auto;padding:16px 18px 24px} .pfoot{display:flex;justify-content:space-between;gap:10px;padding:12px 18px;border-top:1px solid var(--line)} .ptitle{font-family:var(--f-display);font-size:20px;margin:0 0 4px} .plead{color:var(--muted);margin:0 0 16px;line-height:1.6} h3{font-size:12px;letter-spacing:.12em;color:var(--brass);margin:18px 0 8px;font-weight:500} .row{display:grid;grid-template-columns:78px 1fr 50px;align-items:center;gap:8px;margin:7px 0} .row label{color:var(--muted)} .row output{font-family:var(--f-mono);font-size:11px;color:var(--brass2);text-align:right;font-variant-numeric:tabular-nums} input[type=range]{width:100%;accent-color:var(--brass)} select{width:100%;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:5px;padding:4px} .chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0} .chip{padding:5px 11px;border-radius:14px;border:1px solid var(--line);background:var(--panel2);cursor:pointer;color:var(--fg);font:inherit;font-size:12px} .chip.on{border-color:var(--brass);color:var(--brass2);background:#2e2619} .sw{width:26px;height:26px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0} .sw.on{border-color:var(--brass2);box-shadow:0 0 0 2px #0008} .grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px} .card{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:10px;cursor:pointer;text-align:left;color:var(--fg);font:inherit;display:flex;flex-direction:column;gap:6px} .card:hover{border-color:#6b5a40} .card.on{border-color:var(--brass);background:#2a2217} .card canvas,.card svg{width:100%;height:auto;aspect-ratio:1.3;border-radius:6px;background:#0f0e0c;display:block} .card b{font-size:13px} .card small{color:var(--muted);font-size:11px;line-height:1.4} .card .tag{align-self:flex-start;font-size:10px;color:#1a150f;background:var(--brass);border-radius:8px;padding:1px 7px} .pad{background:#0f0e0c;border:1px solid var(--line);border-radius:8px;width:100%;touch-action:none;cursor:crosshair;display:block} .padbar{display:flex;justify-content:space-between;align-items:center;margin:4px 0 6px} .hint{color:var(--muted);font-size:11.5px;line-height:1.55;margin:6px 0} .warn{color:var(--warn)} .stage{position:relative;background:#0d0c0b;min-width:0;min-height:0} #view{position:absolute;inset:0;width:100%;height:100%;display:block} .hud{position:absolute;left:14px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap} .hud .btn{background:#1c1916d9;backdrop-filter:blur(6px)} .badge{position:absolute;right:14px;top:14px;background:#1c1916d9;border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-family:var(--f-mono);font-size:11px;line-height:1.7;color:var(--muted)} .badge b{color:var(--fg);font-weight:500} .empty{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);pointer-events:none;text-align:center;line-height:1.8} /* 欢迎页 */ .welcome{position:absolute;inset:56px 0 0 0;background:radial-gradient(ellipse at 50% 20%,#2a2116 0%,var(--bg) 60%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:24px 16px;overflow-y:auto;z-index:5} .welcome h2{font-family:var(--f-display);font-size:34px;margin:0;letter-spacing:.1em;text-wrap:balance;text-align:center} .welcome p{color:var(--muted);margin:0;text-align:center} .entry{display:grid;grid-template-columns:repeat(2,minmax(0,300px));gap:18px;max-width:100%} .entry .card{padding:22px;gap:10px} .entry .card b{font-family:var(--f-display);font-size:20px} .entry .card small{font-size:12.5px} .presetwall{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,170px));justify-content:center;gap:12px;width:min(100%,546px)} .card .pthumb{width:100%;height:auto;aspect-ratio:1.3;object-fit:cover;border-radius:6px;background:#0f0e0c;display:block} .sumlist{font-size:12.5px;line-height:1.9} .upload{display:flex;flex-direction:column;align-items:center;gap:6px;border:1.5px dashed #6b5a40;border-radius:10px;padding:18px;cursor:pointer;color:var(--muted);text-align:center} .upload:hover{border-color:var(--brass)} .upload b{color:var(--fg);font-size:14px} .calib{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:8px 0} .calib .btn{font-size:12px;padding:8px 6px} .calib .btn.act{border-color:var(--brass2);color:var(--brass2);background:#2e2619} .marks{position:absolute;pointer-events:none;z-index:2} .marks svg{width:100%;height:100%;overflow:visible} .stage.scene #view{cursor:grab} .stage.scene.picking #view{cursor:crosshair} .stage.scene .hud:not(.hud2),.stage.scene .badge{display:none} .stage{overflow:hidden} .view{margin-bottom:12px} .view .padbar select{width:auto;flex:0 0 auto} .view .padbar{gap:6px;flex-wrap:wrap} #topWrap.big,#views .view.big{position:fixed;z-index:30;inset:2vh 2vw;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 30px 80px #000c} #topBackdrop{position:fixed;inset:0;background:#000a;z-index:29} .big canvas.pad{flex:1;min-height:0} #topWrap.big{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 30px 80px #000c} .sizebar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0 8px;color:var(--muted);font-size:12px} .sizebar input[type=number]{width:64px;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:5px;padding:4px 6px;font:inherit;font-family:var(--f-mono)} .sizebar .lk{display:flex;align-items:center;gap:4px;margin-left:4px} .row input.txt{width:100%;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:5px;padding:4px 6px;font:inherit} #cadView{position:absolute;inset:0;z-index:6;overflow:auto;background:#3a3631;padding:20px} #cadView .sheet{background:#fff;margin:0 auto 20px;box-shadow:0 10px 40px #0008;max-width:1400px} #cadView .sheet svg{display:block;width:100%;height:auto} #cadView table{border-collapse:collapse;background:#fff;color:#111;font:12px "SF Mono",Consolas,monospace;margin:0 auto;min-width:640px} #cadView th,#cadView td{border:1px solid #bbb;padding:4px 8px;text-align:right} #cadView th{background:#eee} #cadView .doc{background:#fff;color:#111;max-width:900px;margin:0 auto;padding:30px 40px;font-size:14px;line-height:1.8} #cadView .doc h2{margin:0 0 10px} .chk{font-size:12px;line-height:1.7;padding:8px 10px;border-radius:6px;margin:6px 0;border:1px solid var(--line)} .chk.ok{color:var(--ok)}.chk.bad{color:var(--warn)} @media print{body *{visibility:hidden}#printBox,#printBox *{visibility:visible}#printBox{position:absolute;left:0;top:0;width:100%}#printBox .sheet{page-break-after:always;box-shadow:none;margin:0}@page{size:A3 landscape;margin:0}} .sumlist div{display:flex;justify-content:space-between;border-bottom:1px dashed var(--line)} .sumlist span{color:var(--muted)} .sumlist b{font-weight:500;font-family:var(--f-mono);font-size:12px} @media (max-width:900px){ body{overflow:auto} .app{height:auto} .body{grid-template-columns:1fr} .stage{height:58vh;order:-1} .panel{border-right:0} .entry{grid-template-columns:1fr} .presetwall{grid-template-columns:repeat(2,minmax(0,1fr))} .stepper button span{display:none} } #lpWrap.big{position:fixed;z-index:30;inset:2vh 2vw;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 30px 80px #000c} #lpWrap.big canvas{flex:1;min-height:0;height:auto!important} /* ===== 左侧面板整理（js/ui.js） ===== */ body:not(.pro) .pro-only{display:none!important} .modesw{margin-left:auto;display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer;white-space:nowrap} .modesw input{accent-color:var(--brass)} .tabbar{display:flex;gap:4px;margin:4px 0 10px;border-bottom:1px solid var(--line)} .tabbar button{background:none;border:0;color:var(--muted);font:inherit;padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px} .tabbar button.on{color:var(--fg);border-bottom-color:var(--brass)} .sec{border-bottom:1px solid #ffffff0d;padding:2px 0 8px} .sec-h{display:flex;align-items:center;gap:8px;padding:10px 0 6px;cursor:pointer;user-select:none} .sec-t{font-size:12px;letter-spacing:.12em;color:var(--brass);font-weight:500;white-space:nowrap} .sec-s{flex:1;min-width:0;font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right} .sec-h i{font-style:normal;color:var(--muted);font-size:11px;transition:transform .15s} .sec.closed .sec-h i{transform:rotate(-90deg)} .sec.closed .sec-b{display:none} .ibtn{display:inline-block;margin-left:6px;font-size:12px;color:var(--muted);cursor:pointer;letter-spacing:0;font-weight:400} .ibtn:hover{color:var(--brass2)} .ihint{display:none!important} .ihint.open{display:block!important;background:#ffffff08;border-radius:6px;padding:8px 10px} .pair{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px} .pair .row{grid-template-columns:1fr 44px;grid-template-rows:auto auto;gap:2px 6px;margin:5px 0} .pair .row label{grid-column:1/2;font-size:12px} .pair .row output{grid-column:2/3;grid-row:1/2} .pair .row input[type=range]{grid-column:1/3;grid-row:2/3;width:100%} .chips.quick{margin:2px 0 6px} .chips.quick .chip{padding:3px 10px;font-size:11.5px} .msgbox{top:auto;bottom:64px;max-width:300px;font-family:inherit;font-size:12px;line-height:1.6} .msgbox:empty{display:none} .msgbox a{color:var(--brass2)} .plead{margin-bottom:8px} .card img.hthumb{width:100%;height:auto;aspect-ratio:auto;border-radius:6px;object-fit:contain;background:#fff;display:block;padding:6px;box-sizing:border-box} .card b .hcode{margin-left:8px;font-family:var(--f-mono);font-size:11px;font-weight:400;color:var(--muted)} /* ===== 平板优化（js/touch.js） ===== */ body.pcol .body{grid-template-columns:1fr!important;grid-template-rows:1fr!important} body.pcol .panel{display:none} body.pcol .stage{height:calc(100dvh - 56px)!important;min-height:300px} .pcolTab{display:none;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:5;width:22px;height:64px;padding:0;border:1px solid var(--line);border-left:0;border-radius:0 10px 10px 0;background:#1c1916d9;color:var(--brass);font-size:18px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)} body.pcol .pcolTab{display:block}body.home .pcolTab{display:none!important} @media (pointer:coarse){.pcolTab{width:28px;height:76px;font-size:22px}} input.numedit{width:64px;background:var(--panel2);color:var(--fg);border:1px solid var(--brass);border-radius:5px;padding:3px 5px;font:12px var(--f-mono);text-align:right} .row output{cursor:text} @media (pointer:coarse){ html,body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent} input,textarea{-webkit-user-select:text;user-select:text} .chip{min-height:40px;padding:8px 14px;font-size:13.5px;border-radius:20px} .chips{gap:8px} .btn{min-height:44px;padding:10px 16px;font-size:14px} .tabbar button{padding:13px 16px;font-size:14px} .sec-h{padding:14px 0 10px} .sec-t{font-size:13px} .ibtn{font-size:17px;padding:4px 6px} .row{grid-template-columns:84px 1fr 56px;margin:12px 0} .row label,.row output{font-size:13px} input[type=range]{height:34px} input[type=range]::-webkit-slider-thumb{transform:scale(1.5)} .pair .row{margin:10px 0} .card{padding:8px} .card b{font-size:14px} .stepper button{min-height:40px} .padbar .chip{min-height:38px} header{min-height:56px} } /* 平板横屏：面板放右侧，右手操作 */ @media (pointer:coarse) and (orientation:landscape) and (min-width:900px){ .body{grid-template-columns:1fr 380px} .panel{order:2;border-right:0;border-left:1px solid var(--line)} .stage{order:1} } /* 竖屏：画面在上，面板在下 */ @media (orientation:portrait) and (max-width:1100px){ .body{grid-template-columns:1fr;grid-template-rows:52vh 1fr} .stage{order:-1;height:auto} } /* ===== 账号 / 方案（js/account.js） ===== */ .acct{margin-left:auto;display:flex;gap:8px;align-items:center} .btn.sm{padding:6px 12px;font-size:12.5px;text-decoration:none;display:inline-flex;align-items:center;gap:6px} .btn.ghost{background:transparent} .btn small{color:var(--brass2);font-size:11px} #toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px);background:#2a2520;color:var(--fg);border:1px solid var(--line);border-radius:20px;padding:10px 18px;opacity:0;transition:.25s;z-index:100;pointer-events:none} #toast.show{opacity:1;transform:translateX(-50%)} .mdl-ov{position:fixed;inset:0;background:#000a;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px} .mdl{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:22px;width:min(520px,100%);max-height:88vh;overflow:auto;box-shadow:0 30px 80px #000c} .mdl.narrow{width:min(400px,100%)}.mdl.wide{width:min(980px,100%)} .mdl h3{margin:0 0 12px;font-size:16px;color:var(--fg);letter-spacing:0} .mdl .muted{color:var(--muted);font-size:12.5px;line-height:1.6} .row1{display:flex;gap:8px;align-items:center;margin:10px 0}.row1 label{width:64px;color:var(--muted);flex:none} .row1 input{flex:1;min-width:0;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font:inherit;font-size:15px} .mbtns{display:flex;gap:10px;justify-content:flex-end;margin-top:14px} .mhead{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.mhead span{display:flex;gap:8px} .dlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px} .ditem{background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px} .ditem.on{border-color:var(--brass)} .dthumb{aspect-ratio:4/3;background:#0d0c0b;border-radius:6px;overflow:hidden}.dthumb img{width:100%;height:100%;object-fit:cover} .ditem small{color:var(--muted);font-size:11px} .dops{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.dops button{background:none;border:1px solid var(--line);color:var(--muted);border-radius:6px;padding:4px 8px;font:inherit;font-size:11.5px;cursor:pointer} .dops button:hover{color:var(--fg)} @media (pointer:coarse){.btn.sm{min-height:40px;padding:8px 14px;font-size:13.5px}.dops button{padding:8px 10px;font-size:13px}} @media (max-width:900px){.acct .btn small{display:none}} .chip.pal{display:inline-flex;align-items:center;gap:3px}.chip.pal i{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:1px;border:1px solid #0004}.chip.pal i:last-of-type{margin-right:6px}#palettes{margin-bottom:10px} /* ===== 触控放大（iPad 10.9 横屏 1180×820） ===== */ @media (pointer:coarse){ body{font-size:15px} .chip{min-height:46px;padding:10px 16px;font-size:15px;border-radius:23px} .chips{gap:10px} .btn,.btn.sm{min-height:48px;padding:12px 18px;font-size:15px;border-radius:10px} .tabbar button{min-height:50px;padding:14px 16px;font-size:15px} .sec-h{padding:16px 0 12px;min-height:48px} .sec-t{font-size:14.5px} .hint,.plead{font-size:13.5px;line-height:1.6} .ptitle{font-size:18px} .ibtn{font-size:19px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center} .row{grid-template-columns:76px 1fr 62px;margin:14px 0;gap:8px} .row label,.row output{font-size:14.5px} .row output{min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:8px} input[type=range]{height:44px;-webkit-appearance:none;appearance:none;background:transparent} input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:var(--line)} input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;background:var(--brass2);border:3px solid #fff;box-shadow:0 2px 6px #0008;transform:none} .pair{display:block!important} .pair .row{grid-template-columns:76px 1fr 62px!important;grid-template-rows:auto!important;margin:14px 0!important} .pair .row>*{grid-column:auto!important;grid-row:auto!important} .pair .row label{font-size:14.5px} .row output{white-space:nowrap;font-size:14px} .rstep{display:flex;align-items:center;gap:6px} .rstep input[type=range]{flex:1;min-width:0} .rstep button{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--fg);font-size:20px;line-height:1;padding:0} .rstep button:active{background:var(--brass);color:#000} .sw{width:44px;height:44px;border-width:3px} .sw.on{box-shadow:0 0 0 3px var(--brass2)} .chip.pal i{width:18px;height:18px} .card{padding:10px;min-height:60px} .card b{font-size:15px} .stepper button{min-height:48px;font-size:15px} .padbar .chip{min-height:44px} header{min-height:60px} .hud{gap:10px}.hud .btn{min-width:48px;min-height:48px;font-size:16px} .pfoot{position:sticky;bottom:0;background:var(--panel);padding:10px 0;z-index:5} .pfoot .btn{min-height:52px;font-size:16px} input[type=number],input[type=text],select,textarea{min-height:44px;font-size:16px} .dops button{min-height:40px;padding:8px 12px;font-size:14px} .mdl{padding:24px}.row1 input{min-height:48px;font-size:16px} } @media (pointer:coarse) and (orientation:landscape) and (min-width:900px){ .body{grid-template-columns:1fr 400px} } /* ===== 首页：公共方案库（js/gallery.js） ===== */ .welcome.gal{display:grid;grid-template-columns:200px 1fr;align-items:stretch;justify-content:stretch;gap:0;padding:0;background:var(--bg);overflow:hidden} .g-side{border-right:1px solid var(--line);padding:16px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px;background:var(--panel)} .g-h{font-size:12px;color:var(--muted);letter-spacing:.1em;padding:4px 10px 8px} .g-sep{height:1px;background:var(--line);margin:10px 4px} .g-cat{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 10px;border:1px solid transparent;border-radius:10px;background:none;color:var(--fg);font:inherit;font-size:14.5px;cursor:pointer;text-align:left} .g-cat img,.g-cat i{width:34px;height:34px;border-radius:7px;object-fit:contain;background:#0d0c0b;flex:none;display:flex;align-items:center;justify-content:center;font-style:normal;color:var(--brass2);font-size:16px} .g-cat span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .g-cat em{font-style:normal;font-size:12px;color:var(--muted)} .g-cat.on{background:var(--panel2);border-color:var(--brass)}.g-cat.on em{color:var(--brass2)} .g-main{display:flex;flex-direction:column;min-width:0;min-height:0;overflow-y:auto;padding:16px 22px 30px} .g-top{display:flex;align-items:center;gap:12px;margin-bottom:12px} .g-top h2{font-family:var(--f-display);font-size:22px;margin:0;letter-spacing:.06em} .g-count{color:var(--muted);font-size:13px} .g-top input{margin-left:auto;width:260px;max-width:40%;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:22px;padding:10px 16px;font:inherit;font-size:14px} .g-top .btn{white-space:nowrap} .g-filter{display:flex;align-items:center;gap:12px;margin:6px 0} .g-filter>span{flex:none;width:36px;color:var(--muted);font-size:13px} .g-filter .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:2px 0}.g-filter .chips::-webkit-scrollbar{display:none} .g-filter .chip{white-space:nowrap} .g-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:14px} .g-card{display:flex;flex-direction:column;gap:4px;padding:0 0 12px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;overflow:hidden;color:var(--fg);font:inherit;text-align:left;cursor:pointer} .g-card:active{transform:scale(.98)} .g-th{position:relative;aspect-ratio:4/3;background:#0d0c0b;margin-bottom:6px}.g-th img{width:100%;height:100%;object-fit:cover;display:block} .g-card b{font-size:15px;padding:0 12px} .g-card small{font-size:12.5px;color:var(--muted);padding:0 12px} .g-meta{display:flex;align-items:center;gap:3px;padding:2px 12px 0;font-size:12px;color:var(--muted)} .g-meta i{width:12px;height:12px;border-radius:50%;border:1px solid #0006;display:inline-block}.g-meta span{margin-left:auto} .g-badge{position:absolute;left:8px;top:8px;background:var(--brass);color:#1a140c;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:10px} .g-st{position:absolute;left:8px;bottom:8px;font-size:12px;padding:3px 9px;border-radius:10px;background:#000a;color:var(--fg)} .g-st.inl{position:static}.g-st.wait{background:#7a5a1d}.g-st.ok{background:#3d6b3a}.g-st.bad{background:#7a3324}.g-st.off{background:#444} .g-fav{position:absolute;right:6px;top:6px;width:40px;height:40px;border-radius:50%;background:#000a;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px} .g-fav.on{color:#ff8a7a} .g-empty{grid-column:1/-1;color:var(--muted);text-align:center;padding:60px 10px} .g-drawer{position:absolute;inset:0;background:#0000;z-index:20;display:flex;justify-content:flex-end;transition:background .2s} .g-drawer.show{background:#0008} .gd-in{position:relative;width:min(440px,92%);height:100%;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto;padding:20px 22px 30px;transform:translateX(100%);transition:transform .2s} .g-drawer.show .gd-in{transform:none} .gd-x{position:absolute;right:14px;top:14px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);color:var(--fg);font-size:16px;z-index:2} .gd-img{aspect-ratio:4/3;background:#0d0c0b;border-radius:10px;overflow:hidden;margin-top:44px}.gd-img img{width:100%;height:100%;object-fit:cover} .gd-in h3{font-family:var(--f-display);font-size:22px;margin:16px 0 6px} .gd-desc{color:var(--muted);margin:0 0 10px;line-height:1.6} .gd-in dl{display:grid;grid-template-columns:72px 1fr;gap:10px 12px;margin:14px 0;font-size:14px}.gd-in dt{color:var(--muted)}.gd-in dd{margin:0} .sw0{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:4px;border:1px solid #0006} .gd-btns{display:flex;gap:10px;margin-top:18px}.gd-btns .pri{flex:1} .gd-tip{color:var(--muted);font-size:12.5px;line-height:1.6;margin-top:12px} .row1 .chips{flex:1} @media (pointer:coarse){.g-cat{min-height:52px;font-size:15px}.g-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.g-top input{min-height:46px;font-size:16px}.g-card b{font-size:16px}} @media (max-width:820px){.welcome.gal{grid-template-columns:1fr}.g-side{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}.g-h,.g-sep{display:none}.g-cat{width:auto;flex:none}} /* 首页方案卡片加大：iPad 横屏一行 3 个 */ .g-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px} .g-card b{font-size:17px;padding:2px 14px 0}.g-card small{font-size:13.5px;padding:0 14px}.g-meta{padding:4px 14px 0;font-size:13px}.g-meta i{width:14px;height:14px} @media (pointer:coarse){.g-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.g-card b{font-size:17px}} /* ===== 单根调整 ===== */ .lineEd{margin-top:10px;background:var(--panel2);border:1px solid #5fd0c855;border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px} .le-head,.le-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap} .le-head b{color:#5fd0c8;font-size:15px}.le-head span,.le-foot span{display:flex;gap:6px;align-items:center} .le-row{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:4px 8px} .le-row>label{color:var(--muted);font-size:13px}.le-row>span{display:flex;gap:6px;align-items:center;flex-wrap:wrap} .le-row>em{grid-column:2;font-style:normal;color:var(--muted);font-size:11.5px} .le-row>.chips{gap:6px}.le-row:last-of-type>span{grid-column:1/-1} .le-row input{width:70px;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;text-align:center} .le-v{min-width:28px;text-align:center} .chip.csw i{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:5px;vertical-align:-1px;border:1px solid #0006} .le-foot{border-top:1px solid var(--line);padding-top:8px;font-size:13px;color:var(--muted)}.le-foot label{display:flex;gap:6px;align-items:center} .le-list{display:flex;flex-wrap:wrap;gap:6px;max-height:120px;overflow:auto}.le-list .chip{font-size:12px} @media (pointer:coarse){.le-row{grid-template-columns:60px 1fr}.le-row input{min-height:44px;width:80px}} /* ===== 单根调整 v2：左画布右面板 ===== */ #topWrap .tvz{display:none;gap:4px}#topWrap.lineMode .tvz{display:inline-flex} #topWrap.lineMode #faceShapes,#topWrap.lineMode .sizebar{display:none} #topWrap.big.lineMode{display:grid;grid-template-columns:minmax(0,1fr) 380px;grid-template-rows:auto auto minmax(0,1fr);column-gap:16px} #topWrap.big.lineMode>.padbar,#topWrap.big.lineMode>#faceOp{grid-column:1/-1} #topWrap.big.lineMode>canvas.pad{grid-column:1;grid-row:3;width:100%;min-height:0;align-self:start} #topWrap.big.lineMode>.lineEd{grid-column:2;grid-row:3;margin:0;overflow-y:auto;min-height:0} .lineEd{gap:10px} .le-chart{width:100%;height:110px;background:#0f0e0c;border-radius:8px;display:block} .le-tip{color:var(--muted);font-size:13px;line-height:1.7;margin:0} .le-sec{display:flex;flex-direction:column;gap:6px} .le-lab{color:var(--muted);font-size:13px}.le-lab em{font-style:normal;color:var(--fg);margin-left:6px}.le-lab b.dn{color:#5fd0c8}.le-lab b.up{color:#f0cf8e} .le-btns{display:flex;gap:6px;align-items:center}.le-btns.wrap{flex-wrap:wrap}.le-btns .chip{flex:1;justify-content:center;text-align:center;white-space:nowrap}.le-btns.wrap .chip{flex:none} .le-in{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.le-in input{width:90px;background:var(--panel);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font:inherit;text-align:center} .le-two{display:grid;grid-template-columns:auto 1fr;gap:12px}.le-two>div{display:flex;flex-direction:column;gap:6px} .le-two .le-btns .chip{flex:none} .le-acts{display:flex;gap:8px}.le-acts .chip{flex:1;justify-content:center} @media (pointer:coarse){.le-chart{height:120px}.le-in input{min-height:44px}#topWrap.big.lineMode{grid-template-columns:minmax(0,1fr) 400px}} #homeBtn{margin-left:14px;white-space:nowrap} /* ===== 材质与纹理 ===== */ .mslot{margin:8px 0 12px}.mslot-h{display:flex;align-items:baseline;gap:8px;margin-bottom:8px}.mslot-h b{font-size:13.5px}.mslot-h small{color:var(--muted);font-size:12px} .mopts{display:grid;grid-template-columns:repeat(auto-fill,minmax(76px,1fr));gap:8px} .mopt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--fg);font:inherit;font-size:12.5px;cursor:pointer} .mopt i{width:36px;height:36px;border-radius:50%;display:block;border:1px solid #0006;box-shadow:inset 0 -3px 6px #0004} .mopt i.none{background:repeating-linear-gradient(45deg,#2a2622 0 4px,#1c1916 4px 8px);position:relative} .mopt.on{border-color:var(--brass2);background:#2b241c}.mopt.on span{color:var(--brass2)} @media (pointer:coarse){.mopt{min-height:82px;font-size:13.5px}.mopt i{width:40px;height:40px}} /* ===== 挂件规格 ===== */ .specs{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px} .spec{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--fg);font:inherit;text-align:left;cursor:pointer} .spec b{font-size:14px;font-family:var(--f-mono);letter-spacing:.02em}.spec span{font-size:13px}.spec small{font-size:11px;color:var(--muted)} .spec.on{border-color:var(--brass2);background:#2b241c}.spec.on b{color:var(--brass2)} .spec-in{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.spec-in label{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:13px} .spec-in input{width:72px;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:8px;font:inherit;text-align:center}.spec-in span{color:var(--muted);font-size:13px} @media (pointer:coarse){.spec{min-height:76px}.spec-in input{min-height:46px;width:80px;font-size:16px}} .sub{color:var(--muted);font-size:12.5px;margin:-4px 0 10px;line-height:1.5} .mopt{position:relative}.mopt small{font-size:11px;color:var(--muted);margin-top:-3px}.mopt em{position:absolute;right:6px;top:4px;font-style:normal;color:var(--brass2);font-size:12px} .mopt.multi.on{background:#2b241c} /* ===== 页签：去掉步骤标题，页签加大加图标 ===== */ .ptitle.pt-hide{display:none} .tabbar{gap:2px;margin:0 0 12px;align-items:stretch} .tabbar button{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:500;padding:12px 14px} .tabbar button svg{flex:none;opacity:.75}.tabbar button.on svg{opacity:1;color:var(--brass2)} .tabbar .tab-i{margin-left:auto;align-self:center;font-size:17px;padding:6px 8px;cursor:pointer;color:var(--muted)} @media (pointer:coarse){.tabbar button{font-size:16px;padding:14px 16px;min-height:54px}.tabbar button svg{width:20px;height:20px}} .sec-empty{display:none!important} /* ===== 俯视画板 v2：按工具显示设置 ===== */ #faceOp.tools{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0} #faceOp.tools .chip{display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap} .tm{display:none;align-items:center;gap:8px;margin:6px 0;flex-wrap:wrap} #topWrap.m-draw .tm-draw,#topWrap.m-edit .tm-edit{display:flex} .tm-l{color:var(--muted);font-size:12.5px;min-width:56px}.tm-n{color:var(--muted);font-size:11.5px} .tm .chips{margin:0} .toptip{color:var(--muted);font-size:12.5px;line-height:1.6;margin:6px 0;min-height:1.6em}.toptip b{color:var(--fg)} .padwrap{position:relative} #topWrap .padwrap .tvz{display:flex!important;position:absolute;right:8px;bottom:8px;gap:4px;z-index:2} #topWrap .padwrap .tvz .chip{background:#1c1916e6;min-width:36px;justify-content:center} #topWrap.lineMode #faceShapes{display:revert} #topWrap.big.lineMode{grid-template-rows:auto auto auto minmax(0,1fr)} #topWrap.big.lineMode>.toptip{grid-column:1/-1} #topWrap.big.lineMode>.padwrap{grid-column:1;grid-row:4;min-height:0;align-self:start} #topWrap.big.lineMode>.lineEd{grid-column:2;grid-row:4} #topWrap.big .padwrap{flex:1;min-height:0} @media (pointer:coarse){#faceOp.tools .chip{min-height:50px}.toptip{font-size:13.5px}#topWrap .padwrap .tvz .chip{min-width:46px;min-height:46px}} /* ===== 左右面板可拖动调宽 ===== */ .body{position:relative;grid-template-columns:var(--pw,460px) 1fr} @media (pointer:coarse) and (orientation:landscape) and (min-width:900px){.body{grid-template-columns:1fr var(--pw,460px)}} @media (max-width:900px){.body{grid-template-columns:1fr}} @media (orientation:portrait) and (max-width:1100px){.body{grid-template-columns:1fr}} .splitter{position:absolute;top:0;bottom:0;width:14px;margin-left:-7px;z-index:8;cursor:col-resize;touch-action:none;display:flex;align-items:center;justify-content:center} .splitter::after{content:'‹';width:16px;height:56px;border-radius:8px;background:var(--panel);border:1px solid var(--line);color:var(--muted,#9a8f80);font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s} .splitter[data-side=r]::after{content:'›'} .splitter:hover::after,.splitter.drag::after{border-color:var(--brass);color:var(--brass)} body.pcol .splitter{display:none} @media (max-width:900px){.splitter{display:none}} @media (orientation:portrait) and (max-width:1100px){.splitter{display:none}} @media (pointer:coarse){.splitter{width:28px;margin-left:-14px}.splitter::after{width:22px;height:72px;font-size:18px}} /* 面板内不出现横向滚动条 */ .pscroll{overflow-x:hidden}.pstep,.secwrap,.sec,.sec-b{min-width:0;max-width:100%} #faceOp.tools{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}#faceOp.tools .chip{min-width:0;overflow:hidden;text-overflow:ellipsis} .sizebar{flex-wrap:wrap}.sizebar input{width:70px;min-width:0} .padbar{flex-wrap:wrap;gap:6px}.padbar>span{display:flex;flex-wrap:wrap;gap:4px} canvas.pad,canvas.sidepad{max-width:100%} body.home .splitter{display:none!important} /* ===== iPad：面板和电脑一样放左侧；高度按可见区域计算，避免底部被浏览器工具栏遮住 ===== */ @media (pointer:coarse) and (orientation:landscape) and (min-width:900px){ .body{grid-template-columns:var(--pw,460px) 1fr!important} .panel{order:0!important;border-left:0!important;border-right:1px solid var(--line)!important} .stage{order:0!important} } @media (min-width:901px){.app{height:calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.body,.panel{min-height:0}.panel{overflow:hidden}} /* ===== 俯视画板 v3：画板操作都放在画板上，界面更疏朗 ===== */ #topWrap{display:flex;flex-direction:column;gap:12px} #topWrap>*{margin:0!important} #faceOp.tools{gap:8px} .tm{gap:10px}.tm .chips{gap:8px} .toptip{margin:0!important;padding:8px 12px;background:#0f0e0c;border-left:2px solid var(--brass);border-radius:0 6px 6px 0} #topWrap .padwrap .tedit{position:absolute;left:8px;top:8px;display:flex;gap:6px;z-index:2} #topWrap .padwrap .tedit .chip,#topWrap .padwrap .tvz .chip{background:#1c1916e6;backdrop-filter:blur(4px)} #topWrap .padwrap .tvz{gap:6px} #topWrap.big .padwrap .tvz #tBig{border-color:var(--brass2);color:var(--brass2)} @media (pointer:coarse){#topWrap{gap:14px}#topWrap .padwrap .tedit .chip{min-height:44px;min-width:46px}} #topWrap.m-draw .tm-edit{display:flex} /* 画板弹出面板：形状 / 修正 */ #topWrap .tdraw{display:none;gap:6px}#topWrap.m-draw .tdraw{display:flex} #topWrap .pop{display:none;position:absolute;left:0;top:calc(100% + 6px);width:min(320px,80vw);background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;box-shadow:0 12px 30px #000a;z-index:5} #topWrap .pop.show{display:block} .pop-t{font-size:13px;color:var(--fg);margin-bottom:10px}.pop-n{font-size:11.5px;color:var(--muted);margin-top:10px;line-height:1.6} #faceShapes.shp{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}#faceShapes.shp .chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 2px;border-radius:10px;font-size:12px} #repLv{gap:6px}#repLv .chip{flex:1;justify-content:center;text-align:center} @media (pointer:coarse){#faceShapes.shp .chip{min-height:64px}#repLv .chip{min-height:44px}} #topWrap .sizebar{flex-wrap:nowrap;gap:6px;white-space:nowrap}#topWrap .sizebar .tm-l{min-width:auto;margin-right:4px} #topWrap .sizebar input{width:66px!important}#topWrap .sizebar .lk{display:inline-flex;align-items:center;gap:4px;margin-left:6px} #topWrap.m-line #faceOp,#topWrap.m-line .tedit{display:none!important} /* 场景库选择 */ .scl{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin:6px 0 12px} .scb{display:flex;flex-direction:column;gap:2px;padding:0 0 6px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;overflow:hidden;color:var(--fg);font:inherit;text-align:left;cursor:pointer} .scb img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.scb span{font-size:12.5px;padding:0 8px}.scb small{font-size:11px;color:var(--muted);padding:0 8px} .scb.on{border-color:var(--brass2)}.scb.on span{color:var(--brass2)} .aibadge{position:absolute;left:14px;top:14px;z-index:6;background:#000a;color:#efe7dc;font-size:12px;padding:5px 10px;border-radius:12px;pointer-events:none} /* 白底产品图预览 */ .ws-ov{position:fixed;inset:0;background:#000c;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px} .ws{background:var(--panel);border:1px solid var(--line);border-radius:14px;width:min(1080px,100%);height:min(94vh,780px);max-height:94vh;display:flex;flex-direction:column;overflow:hidden} .ws-h{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.ws-h .sub{margin:0;flex:1} .ws-b{display:grid;grid-template-columns:1fr 280px;min-height:0;flex:1} .ws-pv{position:relative;background:#fff;height:min(74vh,680px);cursor:grab;touch-action:none;overflow:hidden} .ws-pv img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:contain;pointer-events:none;user-select:none} .ws-busy{position:absolute;right:10px;top:10px;background:#000a;color:#fff;font-size:12px;padding:4px 10px;border-radius:10px} .ws-side{padding:16px;border-left:1px solid var(--line);overflow:auto}.ws-side .row{grid-template-columns:40px 1fr 48px} @media (max-width:900px){.ws-b{grid-template-columns:1fr;overflow:auto}.ws-pv{height:46vh}.ws-side{border-left:0;border-top:1px solid var(--line)}} /* 3D 右上角参数卡：点开看全部参数 */ .badge#stats{cursor:pointer;max-width:min(380px,calc(100% - 28px));max-height:calc(100% - 100px);overflow:auto;z-index:4} .badge#stats .st-more{margin-top:4px;color:var(--brass);font-family:var(--f-ui,inherit);font-size:12px} .badge#stats.open{font-size:12px;line-height:1.55} .badge#stats .st-rows>div{display:grid;grid-template-columns:64px 1fr;gap:8px;padding:4px 0;border-bottom:1px dashed var(--line)} .badge#stats .st-rows span{color:var(--muted)} @media (pointer:coarse){.badge#stats .st-more{font-size:14px;padding:6px 0 2px}} .hud .btn.pri{background:var(--brass);color:#1a150f} .hud #bShot{margin-left:auto} /* 3D 背景灰度选择 */ .bgdot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #fff6;margin-right:6px;vertical-align:-1px} .bgpop{position:absolute;z-index:7;background:#1c1916f2;border:1px solid var(--line);border-radius:12px;padding:12px;width:290px;backdrop-filter:blur(8px);box-shadow:0 12px 30px #0008} .bgpop-h{font-size:12px;color:var(--muted);margin-bottom:8px} .bgpop-sw{display:flex;gap:6px;margin-bottom:10px} .bgpop-sw button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;background:none;border:1px solid transparent;border-radius:8px;padding:6px 0;color:var(--muted);font-size:11px;cursor:pointer} .bgpop-sw button i{width:26px;height:26px;border-radius:50%;border:1px solid #fff5} .bgpop-sw button.on{border-color:var(--brass);color:var(--brass)} .bgpop input[type=range]{width:100%;-webkit-appearance:none;appearance:none;height:10px;border-radius:5px;background:linear-gradient(90deg,#000,#fff);border:1px solid var(--line)} .bgpop input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--brass);border:2px solid #1c1916} @media (pointer:coarse){.bgpop{width:330px}.bgpop-sw button i{width:32px;height:32px}.bgpop input[type=range]::-webkit-slider-thumb{width:30px;height:30px}} /* 顶部步骤条（唯一的步骤导航）：左侧底部的上一步/下一步已取消 */ .pfoot{display:none!important} .stepper{gap:2px;align-items:center} .stepper .sep{width:10px} .stepper button{min-height:44px;padding:6px 14px 6px 8px;border:1px solid transparent;transition:background .15s,border-color .15s} .stepper button i{width:24px;height:24px;font-size:12px} .stepper button:hover:not(.cur):not(.lock){background:#ffffff0a} .stepper button.done i{font-family:inherit;font-size:13px} .stepper button.cur{border-color:#c9a46a55} .stepper button.lock{opacity:.4;cursor:not-allowed} .stepper button.next{color:var(--fg);border-color:var(--line)} .stepper button.next em{font-style:normal;color:var(--brass);font-size:18px;line-height:1;margin-left:-2px;animation:stepNudge 1.6s ease-in-out infinite} @keyframes stepNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}} @media (pointer:coarse){.stepper button{min-height:48px;padding:6px 16px 6px 10px}.stepper button i{width:28px;height:28px;font-size:14px}} /* 出图小面板 + 结果 */ .shotpop{width:300px} .shotres{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:12px;max-width:min(1000px,100%);max-height:94vh;display:flex;flex-direction:column;gap:10px} .shotres img{max-width:100%;max-height:calc(94vh - 90px);object-fit:contain;background:#fff;border-radius:8px;align-self:center} .shotres-b{display:flex;align-items:center;gap:10px}.shotres-b .sub{flex:1;margin:0} /* 场景工具栏：灯大小可直接填 */ .lsz{display:inline-flex;align-items:center;gap:0;border:1px solid var(--line);border-radius:10px;background:#1c1916d9;backdrop-filter:blur(6px);overflow:hidden} .lsz .btn{border:0;border-radius:0;background:transparent!important;min-width:40px} .lsz label{display:flex;align-items:center;gap:4px;padding:0 6px;color:var(--muted);font-size:13px;white-space:nowrap} .lsz input{width:56px;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font:inherit;font-size:14px;text-align:center} @media (pointer:coarse){.lsz .btn{min-width:48px}.lsz input{width:64px;font-size:16px;padding:8px 6px}} /* 场景页操作说明：画面左上角浮层 */ .sctip{position:absolute;left:14px;top:14px;z-index:6;max-width:340px;background:#1c1916eb;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.7;color:var(--fg);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0007} .sctip b{color:var(--brass)}.sctip .btn{margin-top:8px;min-height:36px} @media (pointer:coarse){.sctip{font-size:14px}.sctip .btn{min-height:44px}} /* ===== 首页改版：入口卡片 + 挂件栏 + 挂件简介 + 大卡片 ===== */ body.home #aSave{display:none} .welcome.gal{grid-template-columns:250px 1fr} .g-side{gap:3px} .g-h{display:flex;align-items:center;gap:6px;padding:4px 10px 6px}.g-h em{font-style:normal;color:var(--muted);font-size:11px} .g-psearch{margin:2px 4px 8px;background:var(--panel2);color:var(--fg);border:1px solid var(--line);border-radius:18px;padding:9px 14px;font:inherit;font-size:14px} .g-plist{display:flex;flex-direction:column;gap:3px} .g-grp{font-size:12px;color:var(--brass2);padding:10px 10px 4px;letter-spacing:.06em} .g-none{color:var(--muted);font-size:13px;padding:8px 10px} .g-cat img,.g-cat i{width:46px;height:46px;border-radius:9px} .g-cat span{display:flex;flex-direction:column;line-height:1.3}.g-cat span small{font-size:11.5px;color:var(--muted)} .g-entry{display:flex;gap:14px;margin-bottom:18px} .g-start{flex:1;display:flex;align-items:center;gap:14px;min-height:84px;padding:14px 18px;border-radius:14px;border:1px solid var(--brass);background:linear-gradient(135deg,#2a2116,#1c1916);color:var(--fg);font:inherit;text-align:left;cursor:pointer} .g-start>i{width:52px;height:52px;border-radius:12px;background:var(--brass);color:#1a150f;font-style:normal;font-size:28px;display:grid;place-items:center;flex:none} .g-start>img{width:72px;height:54px;border-radius:8px;object-fit:cover;flex:none;background:#0d0c0b} .g-start span{display:flex;flex-direction:column;gap:4px}.g-start b{font-size:18px}.g-start small{color:var(--muted);font-size:13px} .g-start:active{transform:scale(.99)} .g-cont{flex:1;display:flex;flex-direction:column;gap:6px} .g-cont-b{border-color:var(--line);background:var(--panel2)}.g-cont-b>i{background:var(--panel);color:var(--brass)} .g-mine{align-self:flex-end;background:none;border:0;color:var(--brass2);font:inherit;font-size:13px;cursor:pointer;padding:2px 4px} .g-pend{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;padding:14px;margin-bottom:18px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)} .gp-img{width:150px;height:110px;border-radius:10px;background:#0d0c0b;overflow:hidden}.gp-img img{width:100%;height:100%;object-fit:contain} .gp-b h3{margin:0 0 6px;font-size:20px}.gp-b h3 small{font-size:13px;color:var(--muted);font-weight:400;margin-left:6px} .gp-b p{margin:0 0 6px;color:var(--muted);font-size:13.5px}.gp-d{max-width:60ch} .gp-sw{display:flex;gap:5px;flex-wrap:wrap}.gp-sw i{width:18px;height:18px;border-radius:50%;border:1px solid #0006} .gp-go{min-height:48px;white-space:nowrap} .g-filter .chip em{font-style:normal;color:var(--muted);font-size:11px;margin-left:2px}.g-filter .chip.on em{color:inherit} .g-more{flex:none;margin-left:6px;border-style:dashed} .g-grid{grid-template-columns:repeat(3,1fr)} .g-empty p{margin:0 0 14px}.g-empty-b{display:flex;gap:10px;justify-content:center} @media (max-width:1000px){.g-grid{grid-template-columns:repeat(2,1fr)}.welcome.gal{grid-template-columns:210px 1fr}.g-pend{grid-template-columns:110px 1fr}.gp-img{width:110px;height:84px}.gp-go{grid-column:1/-1}} @media (pointer:coarse){.g-cat{min-height:58px}.g-start{min-height:92px}.g-psearch{min-height:44px;font-size:16px}} .gp-b p,.gp-b h3{text-align:left}.gp-b h3{color:var(--fg)} /* ===== 首页视觉改版（v2）===== */ /* 品牌字标 */ header h1{gap:10px;align-items:baseline} header h1 .wm{font-family:"Didot","Bodoni 72","Times New Roman",serif;font-size:22px;font-weight:600;letter-spacing:.32em;color:var(--brass2,#e2c48f)} header h1 .wm-s{font-size:13px;letter-spacing:.2em;color:var(--muted);font-weight:400} .hd-new{display:none;margin-left:auto;min-height:40px;padding:8px 18px;border-radius:10px;font-size:14px} body.home .hd-new{display:inline-flex;align-items:center} body.home header .acct{margin-left:12px} @media (pointer:coarse){.hd-new{min-height:46px;font-size:15px}} #goCustom.g-start{display:none} .g-entry:has(.g-cont[hidden]){display:none} /* 层次：页面暖黑 < 侧栏 < 卡片 */ .welcome.gal{background:#110f0d;grid-template-columns:248px 1fr} .g-side{background:#16130f;padding:20px 12px;border-right:1px solid #2a251f} .g-h{font-size:11.5px;letter-spacing:.18em;color:#8d8172;padding:6px 12px 8px;text-transform:uppercase} .g-cat{gap:12px;min-height:52px;padding:6px 10px;border-radius:12px;font-size:15px} .g-cat:hover{background:#ffffff08} .g-cat.on{background:#2a241d;border-color:#c9a46a80} .g-cat .ic{width:36px;height:36px;background:none!important;display:grid;place-items:center;flex:none} .g-cat .ic svg{width:22px;height:22px;fill:none;stroke:#cdb48a;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .g-cat .pt{width:48px;height:48px;border-radius:10px;background:#efe9e1!important;overflow:hidden;display:grid;place-items:center;flex:none} .g-cat .pt img{width:100%;height:100%;object-fit:contain;background:none;border-radius:0} .g-cat em{font-size:12.5px} .g-main{padding:24px 32px 40px} /* 继续上次：细横条 */ .g-entry{margin-bottom:20px} .g-cont{flex-direction:row;align-items:center;gap:12px} .g-contbar{flex:1;display:flex;align-items:center;gap:12px;min-height:56px;padding:8px 16px 8px 8px;border:1px solid #3a332b;border-radius:12px;background:#1d1915;color:var(--fg);font:inherit;font-size:14.5px;cursor:pointer;text-align:left} .g-contbar img{width:40px;height:52px;object-fit:cover;border-radius:6px;background:#0d0c0b} .g-contbar span{flex:1;color:var(--muted)}.g-contbar b{color:var(--fg);font-weight:600}.g-contbar small{margin-left:6px;color:#8d8172} .g-contbar em{font-style:normal;color:var(--brass)} .g-mine{align-self:center;font-size:14px} /* 标题行与筛选 */ .g-top{margin-bottom:14px} .g-top h2{font-size:26px;letter-spacing:.08em} .g-count{font-size:14px} .g-filter{margin:4px 0 6px}.g-filter>span{font-size:13.5px;width:40px} .g-filter .chip{font-size:14px;padding:8px 16px;border-radius:20px;background:#1d1915;border-color:#342d26} .g-filter .chip.on{background:var(--brass);border-color:var(--brass);color:#1a150f;font-weight:600} /* 竖版大卡片 */ .g-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px;margin-top:20px} .g-card{gap:0;padding:0;background:#1d1915;border:1px solid #2e2822;border-radius:16px;transition:border-color .15s,transform .15s,box-shadow .15s} .g-card:hover{border-color:#c9a46a90;box-shadow:0 12px 30px #0006} .g-th{aspect-ratio:3/4;margin:0;background:radial-gradient(ellipse at 50% 85%,#3a2c1c 0%,#16130f 60%)} .g-th img{object-fit:cover} .g-info{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px} .g-card .g-info b{font-size:18px;padding:0;font-weight:600;letter-spacing:.02em} .g-sp{display:flex;gap:6px;flex-wrap:wrap}.g-sp i{font-style:normal;font-size:12.5px;color:#cdb48a;border:1px solid #4a3f31;border-radius:10px;padding:2px 9px} .g-card .g-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;font-size:14px;color:var(--muted)} .g-meta .g-dots{display:flex;gap:4px;margin:0}.g-meta .g-dots i{width:14px;height:14px;border-radius:50%;border:1px solid #0007} .g-badge{left:12px;top:12px;font-size:12.5px;padding:4px 10px;border-radius:12px} .g-fav{right:10px;top:10px;width:44px;height:44px;background:#0009;backdrop-filter:blur(4px)} .g-pend{background:#1d1915;border-color:#2e2822;border-radius:16px;padding:16px;grid-template-columns:120px 1fr auto} .gp-img{width:120px;height:120px;background:#efe9e1;border-radius:12px} .g-empty{font-size:15px} @media (max-width:1000px){.g-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} .g-card .g-meta>span:first-child{margin-left:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.g-card .g-meta .g-dots{margin-left:auto;flex:none} .g-tt{display:flex;align-items:center;gap:10px}.g-tt b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.g-tt .g-dots{display:flex;gap:4px;flex:none}.g-tt .g-dots i{width:14px;height:14px;border-radius:50%;border:1px solid #0007} /* 卡片图片改为 1:1，减少滚动 */ .g-th{aspect-ratio:1/1} .g-info{gap:6px;padding:12px 14px 14px} .g-grid{gap:20px} /* 去掉“方案库”标题行：搜索框并入筛选行右侧 */ .g-frow{margin-top:0} .g-frow #gQ{margin-left:auto;flex:none;width:240px;background:#1d1915;color:var(--fg);border:1px solid #342d26;border-radius:20px;padding:9px 16px;font:inherit;font-size:14px} @media (pointer:coarse){.g-frow #gQ{min-height:44px;font-size:16px}} @media (max-width:1000px){.g-frow #gQ{width:180px}} .g-grid{margin-top:14px} /* 账号下拉 */ .acct{position:relative} .acct-btn{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px} .acct-btn .av{width:30px;height:30px;border-radius:50%;background:var(--brass);color:#1a150f;font-style:normal;font-weight:700;display:grid;place-items:center;font-size:14px} .acct-btn span{display:flex;flex-direction:column;line-height:1.2;text-align:left}.acct-btn small{font-size:11px;color:var(--muted)} .acct-btn b{font-size:11px;color:var(--muted);font-weight:400} .acct-drop{position:absolute;right:0;top:calc(100% + 8px);z-index:50;min-width:200px;background:#1d1915;border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 14px 34px #0009;display:flex;flex-direction:column} .acct-drop .ad-h{padding:10px 12px 8px;display:flex;flex-direction:column;gap:2px;border-bottom:1px solid var(--line);margin-bottom:4px}.acct-drop .ad-h small{color:var(--muted);font-size:12px} .acct-drop button,.acct-drop a{display:block;text-align:left;background:none;border:0;color:var(--fg);font:inherit;font-size:14.5px;padding:11px 12px;border-radius:8px;cursor:pointer;text-decoration:none} .acct-drop button:hover,.acct-drop a:hover{background:#ffffff0d} .acct-drop .ad-sep{height:1px;background:var(--line);margin:4px 0} @media (pointer:coarse){.acct-drop button,.acct-drop a{padding:13px 14px;font-size:15.5px}} /* Windows：微软雅黑在 12–13px 深色背景下发虚发锯齿，基础字号提到 14px，并去掉小字的加宽字距 */ html.win body{font-size:14px} html.win .chip{font-size:13px} html.win .g-h,html.win .stepper button,html.win header h1 .wm-s{letter-spacing:.04em} html.win .badge{font-size:12px} /* 出图：高质量渲染进度 */ .sp-bar{height:8px;border-radius:4px;background:#2a251f;overflow:hidden;margin-top:10px}.sp-bar i{display:block;height:100%;width:0;background:var(--brass);transition:width .3s} .sp-btns{display:flex;gap:8px;margin-top:12px}.sp-btns .btn{flex:1} /* 首页：从零设计放在方案列表第一张卡片；顶栏不再放 */ .hd-new,body.home .hd-new{display:none!important} .g-card.g-new{border:1.5px dashed #6b5a3e;background:#171410} .g-card.g-new:hover{border-color:var(--brass)} .g-new-th{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 60%,#2a2116 0%,#171410 70%)!important} .g-new-th i{width:72px;height:72px;border-radius:50%;background:var(--brass);color:#1a150f;font-style:normal;font-size:40px;line-height:1;display:grid;place-items:center} .g-card.g-new b{color:var(--brass2)} .g-grid .g-empty{grid-column:span 2;display:flex;flex-direction:column;justify-content:center;padding:30px 10px} body.home header .acct{margin-left:auto} /* 账号按钮：去掉边框和底色，只保留头像和名字 */ .acct .acct-btn{border:0!important;background:transparent!important;box-shadow:none!important;padding:4px 6px 4px 2px} .acct .acct-btn:hover,.acct .acct-btn:focus,.acct .acct-btn:active{background:transparent!important;outline:none}.acct .acct-btn:hover span{color:var(--brass2)} /* 竖屏 / 窄屏：挂件栏改到顶部横向滚动，方案两列 */ @media (max-width:900px){ .welcome.gal{grid-template-columns:1fr!important;grid-template-rows:auto 1fr} .g-side{flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid #2a251f;padding:10px 12px;gap:6px} .g-side .g-h,.g-side .g-sep,.g-side .g-psearch{display:none} .g-side .g-plist{flex-direction:row;gap:6px} .g-cat{width:auto;flex:none;min-height:48px;padding:4px 12px 4px 4px} .g-cat span small{display:none} .g-main{padding:16px} .g-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px} .g-frow{flex-wrap:wrap}.g-frow #gQ{width:100%;margin-left:0;order:9} } /* iPad 横屏：左侧挂件栏收窄，把空间让给方案区 */ @media (min-width:901px) and (max-width:1300px){ .welcome.gal{grid-template-columns:196px 1fr!important} .g-side{padding:16px 8px} .g-cat{gap:9px;padding:5px 8px;font-size:14px} .g-cat .pt{width:40px;height:40px}.g-cat .ic{width:32px;height:32px} .g-main{padding:20px 22px 32px} .g-grid{gap:18px} } /* 首页：搜索框放在左栏最上方 */ .g-side-list{display:flex;flex-direction:column;gap:3px} .g-search{margin:0 2px 12px;background:#1d1915;color:var(--fg);border:1px solid #342d26;border-radius:20px;padding:9px 14px;font:inherit;font-size:14px;min-width:0} @media (pointer:coarse){.g-search{min-height:44px;font-size:16px}} @media (max-width:900px){.g-side-list{flex-direction:row;gap:6px}.g-search{margin:0 6px 0 0;width:170px;flex:none}} /* 挂件：两列小卡片，只显示图片和名称 */ .g-plist{display:grid!important;grid-template-columns:1fr 1fr;gap:8px} .g-plist .g-grp,.g-plist .g-none{grid-column:1/-1} .g-cat.g-ptile{flex-direction:column;gap:6px;min-height:0;padding:6px;text-align:center} .g-cat.g-ptile .pt{width:100%;height:auto;aspect-ratio:1/1} .g-cat.g-ptile span{align-items:center;font-size:13px;width:100%} @media (max-width:900px){.g-plist{display:flex!important;flex-direction:row}.g-cat.g-ptile{width:72px;padding:4px}.g-cat.g-ptile span{font-size:12px}} #bgPop{width:auto;min-width:200px}#bgPop .bgpop-sw{margin-bottom:0} /* 视角菜单 */ #vwPop{width:auto;min-width:180px;padding:6px;display:flex;flex-direction:column} #vwPop button{background:none;border:0;color:var(--ink,#eee);text-align:left;padding:11px 12px;border-radius:8px;font:inherit;font-size:13px} #vwPop button:hover,#vwPop button:active{background:#ffffff14;color:var(--brass)} /* 右侧两个提示框：默认收起成小按钮 */ #stats.pill{padding:6px 12px;cursor:pointer;display:flex;gap:8px;align-items:center;min-height:32px} #stats.pill .st-w{font-size:12px} .msgpill{position:absolute;right:12px;bottom:64px;top:auto;left:auto;cursor:pointer;padding:6px 14px;min-height:32px;font:inherit;font-size:12px;border:1px solid var(--line)} .msgpill i.warn{font-style:normal;margin-left:4px} .msgx{display:block;margin:6px 0 0 auto;background:none;border:0;color:var(--muted);font:inherit;font-size:12px;cursor:pointer;padding:4px 0} @media (pointer:coarse){#stats.pill,.msgpill{min-height:38px;padding:8px 16px}} /* 顶部步骤：去掉外框和底色，只保留圆圈 */ .stepper button,.stepper button.cur,.stepper button.next,.stepper button:hover:not(.cur):not(.lock){background:none!important;border-color:transparent!important;box-shadow:none} .stepper button.cur{color:var(--fg);font-weight:500} /* 顶部：返回首页 / 保存 图标按钮，iPad（触屏）只显示图标 */ .icbtn{display:inline-flex;align-items:center;gap:6px} .icbtn .ic{flex:none} @media (pointer:coarse),(max-width:1180px){.icbtn span{display:none}.icbtn{width:44px;min-width:44px;height:44px;padding:0;justify-content:center}} #aSave{margin-left:6px} @media (pointer:coarse){#aLogin{min-height:44px;height:44px;padding:0 16px}} /* 挂点编辑框：可放大 */ .hangwrap{margin-top:8px} .hw-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px} .hw-t{font-size:12px;color:var(--muted)} .hangwrap.big .hw-t{font-size:14px;color:var(--fg)} #hangWrap.big{position:fixed;z-index:30;inset:4vh 4vw;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;box-shadow:0 30px 80px #000c} #hangWrap.big canvas{flex:1;min-height:0;height:auto!important} #hangWrap.big .bigBtn{border-color:var(--brass2);color:var(--brass2)} /* 挂点：不显示区块标题和说明 */ .sec[data-title="挂点"]>.sec-h{display:none} .sec[data-title="挂点"]>.sec-b{display:block!important} .hangwrap:not(.big) .hw-t{visibility:hidden} .hw-r{display:flex;align-items:center;gap:12px} .hw-r a{font-size:12px;color:var(--muted)} /* 挂点编辑框：按钮放进画面角落（左上 恢复默认，右上 放大） */ .hangwrap{position:relative} .hangwrap .hw-bar{position:absolute;top:8px;left:8px;right:8px;margin:0;z-index:2;pointer-events:none;display:flex;justify-content:space-between;align-items:center} .hangwrap .hw-bar>*{pointer-events:auto} .hangwrap:not(.big) .hw-t{display:none} .hw-btn{background:#1c1916e6;border:1px solid var(--line);color:var(--muted);border-radius:8px;font:inherit;font-size:12px;height:32px;min-width:32px;padding:0 10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px} .hw-btn:hover{color:var(--fg);border-color:#c9a46a77} .hw-btn.bigBtn{font-size:16px;padding:0} @media (pointer:coarse){.hw-btn{height:40px;min-width:40px;font-size:13px}.hw-btn.bigBtn{font-size:18px}} /* 放大后：顶部一行 标题 · 恢复默认 · 完成 */ #hangWrap.big .hw-bar{position:static;margin-bottom:10px;gap:10px} #hangWrap.big .hw-t{margin-right:auto} #hangWrap.big .hw-btn.bigBtn{padding:0 14px;font-size:13px;color:var(--brass2);border-color:var(--brass2)} /* 全部去掉 ⓘ 说明图标和说明文字（动态提示仍在右侧“提示”里） */ .ibtn,.ibtn.tab-i{display:none!important} .ihint,.ihint.open{display:none!important} /* 左侧：去掉各区块之间的分隔线，只保留选项卡下面的线 */ .sec{border-bottom:0!important} .panel h3{border-top:0!important;border-bottom:0!important} /* 挂件尺寸：一行显示 */ .specs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))} .spec{flex-direction:row;align-items:center;gap:10px;white-space:nowrap} .spec small{display:none} @media (pointer:coarse){.spec{min-height:48px}} /* 颜色组合：带示意图的三选一 */ .cmodes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .cmode{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 8px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--fg);font:inherit;font-size:12.5px;cursor:pointer} .cmode svg{display:block} .cmode.on{border-color:var(--brass2);background:#2b241c}.cmode.on span{color:var(--brass2)} @media (pointer:coarse){.cmode{min-height:96px;font-size:13.5px}} /* 灯具页 */ #lightPresets.lpcards{display:grid;grid-template-columns:repeat(4,1fr);gap:8px} #lightPresets.lpcards .chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:72px;padding:10px 4px;border-radius:10px;font-size:12.5px;white-space:nowrap} #lightPresets.lpcards .chip svg{color:var(--muted)}#lightPresets.lpcards .chip.on svg{color:var(--brass2)} #lightType.ltcards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px} #lightType.ltcards .chip{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;border-radius:10px;text-align:left;min-height:58px} #lightType.ltcards .chip b{font-size:14px;font-weight:500}#lightType.ltcards .chip small{font-size:11.5px;color:var(--muted)} .tempseg{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px} .tempseg button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;color:var(--fg);font:inherit;cursor:pointer} .tempseg button b{font-size:13px;font-weight:500}.tempseg button small{font-size:11px;color:var(--muted)} .tempseg button.on{border-color:var(--brass2);background:#2b241c}.tempseg button.on b{color:var(--brass2)} .tempseg button:nth-child(1){box-shadow:inset 0 3px 0 #ff9a3c}.tempseg button:nth-child(2){box-shadow:inset 0 3px 0 #ffb867}.tempseg button:nth-child(3){box-shadow:inset 0 3px 0 #ffd7a1}.tempseg button:nth-child(4){box-shadow:inset 0 3px 0 #fff1dc} .row.trow input[type=range]{-webkit-appearance:none;appearance:none;background:transparent!important;height:30px} .row.trow input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,#ff8a2a,#ffc77d,#fff0d8,#dfe8ff)} .row.trow input[type=range]::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(90deg,#ff8a2a,#ffc77d,#fff0d8,#dfe8ff)} .row.trow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid var(--brass);margin-top:-6px;box-shadow:0 1px 4px #0008} @media (pointer:coarse){.row.trow input[type=range]{height:44px}.row.trow input[type=range]::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10px}} @media (pointer:coarse){#lightPresets.lpcards .chip{min-height:80px;font-size:13.5px}#lightType.ltcards .chip{min-height:64px}.tempseg button{min-height:52px}} /* 模型自带材质（GLB）的挂件：不显示颜色花纹页 */ body.fixmat .sec[data-title="配色方案"],body.fixmat .sec[data-title="主体颜色"],body.fixmat .sec[data-title="花纹"]{display:none!important} .fmi{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:10px;padding:10px 12px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;font-size:13px} .fmi span{color:var(--muted);font-size:12px}.fmi b{font-weight:500;color:var(--fg)}.fmi small{width:100%;color:var(--muted);font-size:11px} /* 款式卡片：名称较长，卡片放宽 */ #variants.mopts{grid-template-columns:repeat(auto-fill,minmax(132px,1fr))} #variants .mopt span{text-align:center;line-height:1.35;padding:0 4px} /* ===== 施工图：工具栏 + 图纸区 ===== */ #cadView:not([hidden]){display:flex;flex-direction:column;padding:0;overflow:hidden} .cadbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:#24211d;border-bottom:1px solid var(--line);position:relative;z-index:2} .cadseg{display:flex;gap:2px;background:#1a1815;border:1px solid var(--line);border-radius:10px;padding:3px;flex-wrap:nowrap;margin:0!important} .cadseg .chip{border:0!important;background:none!important;border-radius:8px!important;padding:7px 11px!important;min-height:0!important;font-size:13px;white-space:nowrap;color:var(--muted)} .cadseg .chip.on{background:var(--brass)!important;color:#1a150f!important} .cadpage{background:#1a1815;color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:7px 6px;font:inherit;font-size:13px;max-width:132px} .cadzoom{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden} .cadzoom button{background:#1a1815;color:var(--fg);border:0;border-left:1px solid var(--line);font:inherit;font-size:13px;min-width:34px;height:32px;padding:0 8px;cursor:pointer} .cadzoom button:first-child{border-left:0}.cadzoom .cz-v{min-width:56px;color:var(--muted)} .cadexp{position:relative} .cadexp-m{display:none;position:absolute;right:0;top:calc(100% + 6px);background:#1c1916f5;border:1px solid var(--line);border-radius:10px;padding:6px;min-width:180px;box-shadow:0 12px 30px #0008;flex-direction:column;z-index:5} .cadexp.open .cadexp-m{display:flex} .cadexp-i{background:none;border:0;color:var(--fg);text-align:left;padding:10px 12px;border-radius:8px;font:inherit;font-size:13px;cursor:pointer} .cadexp-i:hover{background:#ffffff12;color:var(--brass2)} #cadBody{flex:1;overflow:auto;padding:16px;background:#3a3631;-webkit-overflow-scrolling:touch} #cadBody .sheet{max-width:none!important;margin:0 auto 16px} #cadBody.is-doc{padding:20px} #cadView .doc h2{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap} #cadView .doc h2 small{font-size:12px;font-weight:400;color:#777} #cadView .doc-wide{max-width:1100px;padding:24px 28px} #cadView .doc table{min-width:0;width:100%} #cadView .docnote{margin:0 0 10px;color:#555;font-size:13px} .pstep[data-step="cad"] .sec[data-title="图纸"],.pstep[data-step="cad"] .sec[data-title="导出"]{display:none!important} .chksum{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;font-size:13.5px;font-weight:500;border:1px solid var(--line);margin:4px 0 8px} .chksum span{font-size:12px;font-weight:400;color:var(--muted)} .chksum.ok{color:var(--ok)}.chksum.bad{color:var(--warn);border-color:#c0661c66;background:#c0661c14} .chkok{margin-top:6px}.chkok summary{cursor:pointer;color:var(--muted);font-size:12.5px;padding:6px 2px} @media (pointer:coarse){.cadseg .chip{padding:10px 12px!important}.cadzoom button{height:40px;min-width:42px}.cadexp-i{padding:13px 14px;font-size:14px}.cadpage{padding:10px}} /* 导出 PDF 选择 */ .cadpdf{position:absolute;right:14px;top:calc(100% + 6px);z-index:8;background:#1c1916f8;border:1px solid var(--line);border-radius:12px;padding:12px;width:260px;box-shadow:0 14px 34px #0009;display:flex;flex-direction:column;gap:4px} .cp-h{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:500;margin-bottom:4px}.cp-h span{font-size:12px;color:var(--muted);font-weight:400} .cp-i{display:flex;align-items:center;gap:10px;padding:9px 6px;border-radius:8px;cursor:pointer;font-size:13.5px}.cp-i:hover{background:#ffffff0d} .cp-i input{width:18px;height:18px;accent-color:var(--brass)}.cp-i small{margin-left:auto;color:var(--muted);font-size:12px} .cp-q{display:flex;gap:6px;margin:6px 0 4px}.cp-q .btn{flex:1} .cp-go{width:100%;margin-top:4px}.cp-go:disabled{opacity:.4} @media (pointer:coarse){.cp-i{padding:12px 8px}.cp-i input{width:22px;height:22px}} /* 打印：表格类内容 */ @media print{#printBox .pdoc{page-break-after:always;padding:12mm 14mm;color:#111;font-size:11pt} #printBox .pdoc .doc{max-width:none;padding:0;box-shadow:none}#printBox .pdoc h2{font-size:16pt;margin:0 0 8px}#printBox .pdoc h2 small{font-size:9pt;color:#666;font-weight:400;margin-left:10px} #printBox .pdoc table{border-collapse:collapse;width:100%;font:9pt Consolas,monospace}#printBox .pdoc th,#printBox .pdoc td{border:1px solid #999;padding:3px 6px;text-align:right}#printBox .pdoc th{background:#eee} #printBox .pdoc thead{display:table-header-group}#printBox .pdoc tr{page-break-inside:avoid}#printBox .pdoc ol{line-height:1.9;font-size:11pt}#printBox .pdoc h3{font-size:12pt}} /* 施工图手势：图纸模式由脚本处理拖动和缩放 */ #cadBody:not(.is-doc){touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none} #cadBody.grab{cursor:grabbing} #cadBody:not(.is-doc) .sheet{margin:0 auto} /* 导出 PDF 用的离屏文档（和施工图里表格样式一致） */ .pdfdoc{font-family:-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:13px;line-height:1.6} .pdfdoc .doc{max-width:none;padding:0;margin:0;background:#fff;color:#111} .pdfdoc h2{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:20px;margin:0 0 10px} .pdfdoc h2 small{font-size:11px;font-weight:400;color:#777} .pdfdoc h3{font-size:14px;margin:16px 0 6px} .pdfdoc .docnote{margin:0 0 10px;color:#555;font-size:12px} .pdfdoc table{border-collapse:collapse;width:100%;font:11px "SF Mono",Consolas,monospace} .pdfdoc th,.pdfdoc td{border:1px solid #999;padding:3px 6px;text-align:right} .pdfdoc th{background:#eee} .pdfdoc ol{padding-left:22px;font-size:13.5px;line-height:1.9} .cadseg .chip{padding:7px 10px!important}.cadzoom .cz-v{min-width:50px}.cadpage{max-width:124px} #mountRow{display:flex;align-items:center;gap:10px;margin:8px 0 2px;flex-wrap:wrap} #mountRow .mt-l{font-size:12.5px;color:var(--muted)} #mountRow .chips{margin:0} /* ===== 报价 ===== */ #quoteView{position:absolute;inset:0;z-index:6;background:#3a3631} #quoteView:not([hidden]){display:flex;flex-direction:column} #quoteView .qb-t{font-size:14px;font-weight:500} #quoteBody{flex:1;overflow:auto;padding:20px;-webkit-overflow-scrolling:touch} .qtotal{display:flex;justify-content:space-between;align-items:baseline;padding:12px 14px;border-radius:10px;background:#2b241c;border:1px solid #c9a46a55;margin:4px 0 8px} .qtotal span{font-size:12.5px;color:var(--muted)}.qtotal b{font-size:20px;color:var(--brass2);font-weight:600} .pstep[data-step="quote"] .row.qnote{align-items:flex-start}.pstep[data-step="quote"] textarea.txt{resize:vertical;min-height:64px} .qdoc{background:#fff;color:#111;max-width:860px;margin:0 auto;padding:36px 40px;font:13px/1.55 -apple-system,"PingFang SC","Microsoft YaHei",Arial,sans-serif;box-shadow:0 10px 40px #0008} .pdfdoc .qdoc,#printBox .qdoc{box-shadow:none;padding:0;max-width:none} .qdoc .qh{display:flex;justify-content:space-between;gap:20px;border-bottom:2px solid #8a6d3b;padding-bottom:12px;margin-bottom:14px} .qdoc .qco{font-size:18px;font-weight:700}.qdoc .qco span{display:block;font-size:12px;font-weight:500;color:#555} .qdoc .qci{font-size:11px;color:#666;margin-top:4px;max-width:420px} .qdoc .qt{text-align:right}.qdoc .qtt{font-size:22px;font-weight:700;color:#8a6d3b;letter-spacing:.05em}.qdoc .qtt span{display:block;font-size:11px;letter-spacing:.3em;color:#999} .qdoc .qmeta{border-collapse:collapse;font-size:12px}.qdoc .qmeta td{padding:2px 8px 2px 0;text-align:left;border:0}.qdoc .qmeta td:nth-child(odd){color:#777;white-space:nowrap} .qdoc .qt .qmeta{margin-left:auto;margin-top:6px}.qdoc .qt .qmeta td{text-align:right;padding:1px 0 1px 10px} .qdoc .qcl{background:#f6f3ee;border-radius:6px;padding:8px 12px;margin-bottom:12px}.qdoc .qcl .qmeta{width:100%} .qdoc .qsum{display:flex;gap:16px;align-items:center;margin-bottom:14px}.qdoc .qsum img{width:190px;height:150px;object-fit:contain;border:1px solid #eee;border-radius:6px;background:#fff} .qdoc .qtab{width:100%;border-collapse:collapse;font-size:12px} .qdoc .qtab th{background:#8a6d3b;color:#fff;font-weight:500;padding:6px 6px;text-align:right;font-size:11px;line-height:1.3;border:0} .qdoc .qtab td{border-bottom:1px solid #e3ddd3;padding:6px;text-align:right;vertical-align:top;border-left:0;border-right:0;border-top:0} .qdoc .qtab .l{text-align:left}.qdoc .qtab .sp{color:#555;font-size:11px;max-width:230px}.qdoc .qtab .en{color:#888;font-size:11px} .qdoc .qtab tr.qg td{background:#f6f3ee;text-align:left;font-weight:600;color:#8a6d3b;font-size:11.5px;padding:4px 6px} .qdoc .qtot{margin:10px 0 0 auto;border-collapse:collapse;min-width:300px;font-size:13px}.qdoc .qtot td{padding:4px 6px;text-align:right;border:0}.qdoc .qtot td:first-child{color:#555} .qdoc .qtot .qtt2 td{border-top:2px solid #8a6d3b;font-size:16px;font-weight:700;color:#111;padding-top:8px} .qdoc .qmiss{color:#b04a00;font-size:11.5px;margin:8px 0 0} .qdoc .qnote{margin-top:12px;font-size:12px}.qdoc .qnote b{display:block;color:#8a6d3b;margin-bottom:2px} .qdoc .qsig{display:flex;gap:40px;margin-top:30px;font-size:12px;color:#555}.qdoc .qsig div{flex:1;display:flex;gap:8px;align-items:flex-end}.qdoc .qsig span{flex:1;border-bottom:1px solid #999;height:20px} @media print{#printBox .pq{padding:10mm 12mm}} .pdfdoc .qdoc table{font-family:inherit} .qlang{display:flex;gap:2px;background:#1a1815;border:1px solid var(--line);border-radius:10px;padding:3px;margin-left:10px} .qlang button{background:none;border:0;color:var(--muted);font:inherit;font-size:13px;padding:6px 14px;border-radius:8px;cursor:pointer} .qlang button.on{background:var(--brass);color:#1a150f} @media (pointer:coarse){.qlang button{padding:9px 16px}} .qdoc.q-en .qtt{letter-spacing:.12em} /* iPad Safari: