/* 介绍页的模拟界面（scenes.js）：窗口外壳、光标、通用小部件，再按场景分段。颜色、字号跟介绍页同一套变量。
   字号同首屏编辑器：界面字只用 14（正文、按钮、标题）和 12（标签、表头、附注），字重 400 / 500；只有大数字（统计、生产单号）用 20 等宽数字。
   盒面 / 杯身上的设计、校对稿缩略图里的标注不算界面字 */
.sc{position:relative;display:block;width:100%;overflow:hidden;background:#fff;border:1px solid var(--c-line);border-radius:var(--r);box-shadow:0 18px 48px rgba(30,33,36,.10),0 1px 3px rgba(30,33,36,.05);--mv:cubic-bezier(.645,.045,.355,1);--bad:#d93025;--warn:#a46a00;-webkit-tap-highlight-color:transparent}
.sc.sc-bare{border:0;border-radius:0;box-shadow:none;background:none}
.sc-stage{position:absolute;left:0;top:0;transform-origin:0 0;display:flex;flex-direction:column;container-type:inline-size;font-size:var(--f-md);line-height:22px;color:var(--c-text);text-align:left}
.sc button{font:inherit;color:inherit;cursor:pointer}
.sc small{font-size:var(--f-sm)} /* 不用浏览器默认的「小一号」（11.7 / 10px），统一 12 */
.sc-chrome{flex:none;display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-bottom:1px solid var(--c-line);background:#fbfaf7;color:var(--c-text-lite)}
.sc-chrome b{font-weight:500;color:var(--c-text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.sc-dots{display:flex;gap:6px;flex:none}
.sc-dots i{width:9px;height:9px;border-radius:var(--r-pill);background:#e4e0d9}
.sc-demo{flex:none;margin-left:auto;padding:0 8px;line-height:18px;border:1px solid var(--c-line);border-radius:var(--r-pill);font-size:var(--f-sm);color:var(--c-text-lite)}
.sc-replay{flex:none;height:24px;padding:0 10px;border:1px solid var(--c-accent);border-radius:var(--r-pill);background:#fff;color:var(--c-accent)!important;font-size:var(--f-sm);transition:background var(--t-fast) var(--ease-out)}
.sc-replay:hover{background:rgba(14,122,95,.08)}
.sc-replay[hidden]{display:none}
.sc-body{position:relative;flex:1;min-height:0;display:flex;overflow:hidden}
.sc-col{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}
.sc-row{display:flex;flex:1;min-height:0}
.sc-sp{flex:1}

/* 光标：画在外框坐标里，不跟着缩放 */
.sc-cur{position:absolute;left:0;top:0;z-index:30;width:20px;height:20px;margin:-2px 0 0 -3px;pointer-events:none;opacity:0;transition:transform .55s var(--mv),opacity .2s var(--ease-out);background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 2l12.5 9.2-5.6.9 3.3 5.6-2.2 1.3-3.3-5.7-4 3.9z' fill='%231e2124' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sc-cur.on{opacity:1}
.sc-cur.hold{transition:opacity .2s var(--ease-out)}
.sc-cur::after{content:'';position:absolute;left:-7px;top:-8px;width:20px;height:20px;border-radius:50%;background:rgba(14,122,95,.35);transform:scale(0);opacity:0;transition:transform .15s var(--ease-out),opacity .25s var(--ease-in)}
.sc-cur.down::after{transform:scale(1);opacity:1}

/* 通用小部件 */
.sc-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:28px;padding:0 12px;border:1px solid var(--c-line);border-radius:var(--r-pill);background:#fff;white-space:nowrap;transition:border-color var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out)}
.sc-btn:hover{border-color:var(--c-text-lite)}
.sc-btn.sm{height:24px;padding:0 10px;font-size:var(--f-sm)}
.sc-btn.pri{background:var(--ink,#1b1a19);border-color:var(--ink,#1b1a19);color:#f7f3ec!important}
.sc-btn.pri:hover{background:#2a2725}
.sc-btn.acc{border-color:var(--c-accent);color:var(--c-accent)!important}
.sc-btn.acc:hover{background:rgba(14,122,95,.06)}
.sc-btn.on{background:var(--c-text);border-color:var(--c-text);color:#fff!important}
.sc-btn[hidden]{display:none}
.sc-link{border:0;background:none;padding:0 2px;height:22px;color:var(--c-text-mid)!important;text-decoration:underline;text-decoration-color:var(--c-line);text-underline-offset:3px;transition:color var(--t-fast) var(--ease-out),text-decoration-color var(--t-fast) var(--ease-out)}
.sc-link:hover{color:var(--c-text)!important;text-decoration-color:var(--c-text-lite)}
.sc-chip{height:26px;padding:0 10px;border:1px solid var(--c-line);border-radius:var(--r-pill);background:#fff;font-size:var(--f-sm);white-space:nowrap;transition:border-color var(--t-fast) var(--ease-out)}
.sc-chip:hover{border-color:var(--c-accent);color:var(--c-accent)!important}
.sc-seg{display:inline-flex;flex:none;padding:2px;border-radius:var(--r-pill);background:#efece6}
.sc-seg button{height:26px;padding:0 12px;border:0;border-radius:var(--r-pill);background:none;white-space:nowrap;color:var(--c-text-mid);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
.sc-seg button:hover{color:var(--c-text)}
.sc-seg button.on{background:var(--c-text);color:#fff;font-weight:500}
.sc-seg.sm button{height:22px;padding:0 9px;font-size:var(--f-sm)}
.sc-tag{display:inline-flex;align-items:center;height:18px;padding:0 7px;margin-left:6px;border:1px solid var(--c-line);border-radius:var(--r-pill);font-size:var(--f-sm);font-weight:500;color:var(--c-text-mid);white-space:nowrap;vertical-align:1px}
.sc-tag.ok{border-color:rgba(14,122,95,.4);color:var(--c-accent)}
.sc-tag.warn{border-color:#e6c27a;color:var(--warn);background:#fdf6e6}
.sc-status{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--r-pill);font-weight:500;white-space:nowrap;transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
.sc-status.ok{border:1px solid rgba(14,122,95,.45);color:var(--c-accent)} /* 同编辑器：绿色细边，不铺底 */
.sc-status.bad{border:1px solid rgba(217,48,37,.5);background:#fdecea;color:var(--bad)}
.sc-pill{height:24px;padding:0 10px;line-height:22px;border:1px solid var(--c-line);border-radius:var(--r-pill);font-size:var(--f-sm);color:var(--c-text-mid)}
.sc-toast{position:absolute;left:50%;bottom:16px;z-index:25;max-width:calc(100% - 32px);padding:8px 14px;border-radius:var(--r-pill);background:rgba(30,33,36,.92);color:#fff;font-size:var(--f-sm);line-height:18px;text-align:center;transform:translate3d(-50%,8px,0);opacity:0;transition:transform var(--t-mid) var(--ease-out),opacity var(--t-mid) var(--ease-out);pointer-events:none}
.sc-toast.on{transform:translate3d(-50%,0,0);opacity:1}
.flash{animation:scFlash 1.8s var(--ease-out)}
@keyframes scFlash{0%,30%{background-color:rgba(14,122,95,.13)}100%{background-color:transparent}}
.pop{animation:scPop .45s var(--ease-out) both;animation-delay:var(--d,0ms)}
@keyframes scPop{from{opacity:0;transform:translate3d(0,8px,0) scale(.97)}to{opacity:1;transform:none}}
.shake{animation:scShake .35s var(--ease-out)}
@keyframes scShake{25%{transform:translate3d(-4px,0,0)}50%{transform:translate3d(4px,0,0)}75%{transform:translate3d(-2px,0,0)}}
.sc-note{margin:0;color:var(--c-text-lite);font-size:var(--f-sm);line-height:18px}
.sc-colhd{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:10px 14px;border-bottom:1px solid var(--c-line)}
.sc-colhd b{font-weight:500;font-size:var(--f-md)}
.sc-colhd small{color:var(--c-text-lite)}
.sc-topbar{flex:none;display:flex;align-items:center;gap:10px;height:46px;padding:0 14px;border-bottom:1px solid var(--c-line);background:#fbfaf7}
.sc-topbar b{font-weight:500;font-size:var(--f-md);white-space:nowrap}
.sc-tools{flex:none;display:flex;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--c-line);background:#fbfaf7}
.sc-tools.dark{background:#26292d;border-color:#26292d}
.sc-tools.dark .sc-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#fff!important}
.sc-tools.dark .sc-btn.on{background:#f7c75a;border-color:#f7c75a;color:#3b2a00!important}
.sc-rules{margin:0;padding:0;list-style:none}
.sc-rules li{position:relative;padding:4px 0 4px 18px;color:var(--c-text-mid)}
.sc-rules li::before{content:'✓';position:absolute;left:0;color:var(--c-accent);font-weight:500}
.sc-pass{margin:12px 14px 6px;padding:8px 10px;border-radius:var(--r);background:rgba(14,122,95,.08);color:var(--c-accent);font-weight:500}
.sc-empty{margin:auto;padding:18px 22px;border:1px dashed var(--c-line);border-radius:var(--r);color:var(--c-text-lite)}
@container (max-width:800px){.sc .wide{display:none!important}} /* 窄了先藏次要的列（英文的状态、按钮比中文宽） */

/* 盒面 */
.sc-face{position:relative;flex:none;overflow:hidden;box-shadow:0 0 0 .5px rgba(30,33,36,.1)}

/* ① 对话出方案 / ② 来 3 版：左边对话栏 */
.sc-chatcol{flex:none;width:270px;display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--c-line);background:#fbfaf7}
.sc-msgs{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px 14px;scrollbar-width:none}
.sc-msg{max-width:94%;padding:7px 10px;border-radius:var(--r);line-height:22px;white-space:pre-wrap;animation:scPop .3s var(--ease-out) both}
.sc-msg.ai{align-self:flex-start;background:#fff;border:1px solid var(--c-line)}
.sc-msg.me{align-self:flex-end;background:var(--c-text);color:#fff}
.sc-msg.think{color:var(--c-text-lite)}
.sc-msg.think::after{content:'';display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--c-accent);animation:scBlink 1s infinite}
@keyframes scBlink{50%{opacity:.2}}
.sc-chips{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 10px}
.sc-inbox{flex:none;margin:0 12px 12px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff}
.sc-input{min-height:40px;padding:8px 10px;line-height:22px}
.sc-input.ph{color:var(--c-text-lite)}
.sc-inft{display:flex;align-items:center;justify-content:space-between;padding:0 6px 6px 10px;color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-plan{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;padding:16px 20px;background:#f1eee9;overflow:hidden}
.sc-planhd{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.sc-planhd b{font-size:var(--f-md);font-weight:500}
.sc-planhd .sc-tag{margin:0}
.sc-planhd .sc-status{height:24px;margin-left:auto}
.sc-planbody{display:flex;gap:14px;align-items:flex-start;min-height:0}
.sc-planbody figure,.sc-planside figure{margin:0}
.sc-planbody figcaption{margin-top:4px;color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-planside{display:flex;flex-direction:column;gap:10px}
.sc-planbody .sc-face{box-shadow:0 6px 18px rgba(30,33,36,.12)}
.sc-giftrow{display:flex;flex-wrap:wrap;gap:8px}
.sc-gift{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 10px 0 4px;border-radius:var(--r-pill);background:#fff;border:1px solid var(--c-line);white-space:nowrap}
.sc-gift img{width:28px;height:28px;object-fit:contain}

/* ② 来 3 版 */
.sc-scopeln{flex-basis:100%;display:flex;align-items:center;gap:6px;color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-scope{padding:0 8px;line-height:20px;border-radius:var(--r-pill);background:#efece6;color:var(--c-text-mid);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
.sc-scope.on{background:rgba(14,122,95,.1);color:var(--c-accent);font-weight:500}
.sc-canvas{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#f1eee9;overflow:hidden}
.sc-canvas-ft{color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-facewrap{position:relative}
.sc-facewrap .sc-face{box-shadow:0 8px 24px rgba(30,33,36,.12)}
.sc-pick{cursor:pointer;outline:1.5px solid transparent;outline-offset:2px;transition:outline-color var(--t-fast) var(--ease-out),opacity .3s var(--ease-out),transform .3s var(--ease-out)}
.sc-pick:hover{outline-color:rgba(14,122,95,.4)}
.sc-pick.sel{outline-color:var(--c-accent)}
.sc-float{position:absolute;z-index:3;display:flex;gap:2px;padding:3px;border:1px solid var(--c-line);border-radius:var(--r-pill);background:#fff;box-shadow:0 6px 18px rgba(30,33,36,.14);transform:translate(-50%,-100%);white-space:nowrap;animation:scFloatIn .25s var(--ease-out) both}
@keyframes scFloatIn{from{opacity:0;transform:translate(-50%,calc(-100% + 6px))}to{opacity:1;transform:translate(-50%,-100%)}} /* 不能用 scPop：它最后把 transform 设成 none，居中的 -50% 就没了 */
.sc-float[hidden]{display:none}
.sc-fbtn{height:24px;padding:0 9px;border:0;border-radius:var(--r-pill);background:none;font-size:var(--f-sm);transition:background var(--t-fast) var(--ease-out)}
.sc-fbtn:hover{background:#f3f1ec}
.sc-fbtn.acc{color:var(--c-accent)!important;font-weight:500}
.sc-vcard{display:flex;gap:10px;padding:8px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff;animation:scPop .35s var(--ease-out) both;transition:border-color var(--t-fast) var(--ease-out)}
.sc-vcard.used{border-color:var(--c-accent);box-shadow:0 0 0 1px var(--c-accent)}
.sc-vthumb{flex:none;width:58px;height:58px;display:flex;align-items:center;justify-content:center;border-radius:var(--r);background:repeating-conic-gradient(#f3f1ec 0 25%,#fff 0 50%) 0 0/12px 12px}
.sc-vthumb img{max-width:90%;max-height:90%;object-fit:contain;animation:scPop .35s var(--ease-out) both}
.sc-vcard.loading .sc-vthumb{background:linear-gradient(100deg,#f1eee9 30%,#faf8f4 50%,#f1eee9 70%) 0 0/300% 100%;animation:scShimmer 1.1s linear infinite}
@keyframes scShimmer{to{background-position:-150% 0}}
.sc-vtext{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}
.sc-vtext b{font-weight:500}
.sc-vtext span{color:var(--c-text-lite);font-size:var(--f-sm);line-height:18px}
.sc-vtext .sc-btn{margin-top:4px}
.sc-vcard.loading .sc-vtext .sc-btn{visibility:hidden}

/* ③ 校验 */
.sc-sheetwrap{display:flex;gap:6px}
.sc-sheet{position:relative;flex:none}
.sc-sheet .sc-face{position:absolute;left:0;overflow:visible}
.sc-sheet .sc-face[data-face=bigA]{z-index:2}
.sc-sheet .mn-el{cursor:grab;touch-action:none;outline:1.5px solid transparent;outline-offset:2px;transition:outline-color var(--t-fast) var(--ease-out)}
.sc-sheet .mn-el:hover{outline-color:rgba(14,122,95,.4)}
.sc-sheet .mn-el.sel{outline-color:var(--c-accent)}
.sc-sheet .mn-el.bad{outline-color:var(--bad);background:rgba(217,48,37,.06)}
.sc-sheet .mn-el.glide{transition:top .45s var(--mv),left .45s var(--mv),outline-color var(--t-fast)}
.sc-safe{position:absolute;border:1px dotted rgba(30,33,36,.22);pointer-events:none}
.sc-fold{position:absolute;left:-6px;right:-6px;z-index:3;border-top:1.5px dashed var(--c-accent);pointer-events:none}
.sc-flabels{position:relative;flex:none}
.sc-flabels span{position:absolute;right:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:var(--c-text-lite);font-size:var(--f-sm);line-height:16px}
.sc-flabels b{font-weight:500;font-size:var(--f-sm);color:var(--c-text-mid)}
.sc-checks{flex:none;width:240px;display:flex;flex-direction:column;border-left:1px solid var(--c-line);background:#fbfaf7;overflow:auto}
.sc-checks .sc-rules{padding:0 14px}
.sc-issue{display:flex;flex-direction:column;align-items:flex-start;gap:4px;margin:12px 14px 0;padding:10px;border:1px solid #f3c2bd;border-left:3px solid var(--bad);border-radius:var(--r);background:#fff;animation:scPop .3s var(--ease-out) both}
.sc-issue b{font-weight:500;color:var(--bad);line-height:22px}
.sc-issue span{color:var(--c-text-mid);font-size:var(--f-sm);line-height:18px}
.sc-issue .sc-btn{margin-top:4px}

/* ④ 3D 盒子 */
.sc-3d{position:relative;flex:1;min-height:0;perspective:900px;cursor:grab;touch-action:none;overflow:hidden;background:radial-gradient(70% 70% at 50% 45%,#fbfaf7,#efebe4)}
.sc-3d:active{cursor:grabbing}
.sc-bare .sc-3d{background:none}
.sc-boxside{flex:none;width:230px;display:flex;flex-direction:column;border-left:1px solid var(--c-line);background:#fbfaf7}
.sc-giftlist{display:flex;flex-direction:column;gap:6px;padding:12px 14px}
.sc-gline{display:flex;align-items:center;gap:8px}
.sc-gline img{width:34px;height:34px;object-fit:contain;padding:2px;border-radius:var(--r);background:#fff;border:1px solid var(--c-line)}
.sc-fitline{margin:0 14px;padding:6px 10px;border-radius:var(--r);background:rgba(14,122,95,.08);color:var(--c-accent);font-weight:500}
.sc-dim{margin:6px 14px;color:var(--c-text-lite);font-size:var(--f-sm)}
@container (max-width:700px){.sc-boxside{display:none}}

/* ⑤ 刻字杯 */
.sc-flat{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:16px;background:#f1eee9}
.sc-flathd{display:flex;font-size:var(--f-sm);color:var(--c-text-mid);padding:0 9%}
.sc-flathd span{flex:1;text-align:center}
.sc-flathd span.on{color:var(--c-accent);font-weight:500}
.sc-slate{position:relative;aspect-ratio:2.75/1;background:#2f3237;box-shadow:0 6px 18px rgba(30,33,36,.16);overflow:hidden}
.sc-hz{position:absolute;top:0;bottom:0;width:9%;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 3px,transparent 3px 8px);border:1px dashed rgba(255,255,255,.25)}
.sc-hz.l{left:0}.sc-hz.r{right:0}
.sc-hz span{color:rgba(255,255,255,.55);font-size:var(--f-sm);writing-mode:vertical-rl;letter-spacing:.1em}
.sc-mid{position:absolute;left:50%;top:6%;bottom:6%;border-left:1px dashed rgba(255,255,255,.22)}
.sc-slate .sc-en{cursor:grab;touch-action:none;outline:1.5px solid transparent;outline-offset:2px;transition:outline-color var(--t-fast) var(--ease-out)}
.sc-slate .sc-en:hover{outline-color:rgba(255,255,255,.35)}
.sc-slate .sc-en.sel{outline-color:#7fd1b9}
.sc-slate .sc-en.bad{outline-color:#ff8a80;color:#ffb4ab}
.sc-slate.glide .sc-en{transition:left .45s var(--mv)}
.sc-en{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;color:rgba(255,255,255,.92);line-height:1.1;user-select:none}
.sc-mugside{flex:none;width:42%;display:flex;flex-direction:column;background:radial-gradient(80% 70% at 50% 40%,#45494f,#212327)}
.sc-mugview{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:10px;background:radial-gradient(80% 70% at 50% 40%,#45494f,#212327)}
.sc-mug{position:relative;height:92%;aspect-ratio:200/240;transition:transform .5s var(--mv)}
.sc-mug svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.sc-beer{transition:transform 1.3s var(--mv)}
.sc-engr{position:absolute;left:28%;top:16%;width:47%;height:62%;container-type:inline-size;pointer-events:none}
.sc-engr .sc-en{color:rgba(246,246,244,.9);text-shadow:0 0 1px rgba(255,255,255,.6),0 0 6px rgba(255,255,255,.18);transition:left .45s var(--mv),opacity .3s}
.sc-engr .sc-en.bad{color:#ffb4ab}
.sc-mugside .sc-mugview{background:none}

/* 天地盖 */
.sc-lid3{transition:transform 1s var(--mv)}
.sc-lidtop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2%;background:#f3d4d7 radial-gradient(circle at 1px 1px,rgba(255,255,255,.7) 1px,transparent 1.5px) 0 0/9px 9px}
.sc-lidtop img{width:46%;filter:drop-shadow(0 2px 2px rgba(90,40,50,.25))}
.sc-lidtop b{font:400 16px/1 "Dancing Script",serif;color:#9b4a58} /* 盒盖上的字（设计内容） */
.sc-macs{position:absolute;inset:8%;display:flex;flex-direction:column;justify-content:space-around;transform:translateZ(1px)}
.sc-macs img{height:42%;object-fit:contain;filter:drop-shadow(0 2px 2px rgba(30,20,10,.25))}

/* ⑥ 生产单 */
.sc-doc{flex:1;min-width:0;overflow:auto;padding:18px 22px 28px;background:#f6f3ee;scrollbar-width:thin}
.sc-dochd{display:flex;align-items:flex-end;gap:8px;padding-bottom:12px;margin-bottom:14px;border-bottom:1px solid var(--c-line)}
.sc-dochd small{color:var(--c-text-lite)}
.sc-dochd h4{margin:2px 0;font:500 var(--f-lg)/28px var(--num);letter-spacing:.01em}
.sc-dochd span{color:var(--c-text-mid)}
.sc-docgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:18px}
@container (max-width:700px){.sc-docgrid{grid-template-columns:1fr}}
.sc-dsec{margin-bottom:14px}
.sc-dsec h5{margin:0 0 6px;font-size:var(--f-md);font-weight:500}
.sc-shot{height:170px;flex:none;border:1px solid var(--c-line);border-radius:var(--r);cursor:default}
.sc-cap{display:block;margin:4px 0 12px;color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-proofbox{display:flex;justify-content:center;padding:12px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff}
.sc-proof{position:relative;outline:1.5px solid #e06c6c;outline-offset:0}
.sc-proof .sc-face{position:absolute;left:0;box-shadow:none}
.sc-pglue{position:absolute;left:0;right:0;top:0;background:repeating-linear-gradient(45deg,#f6f3ee 0 3px,#fff 3px 7px)}
.sc-pglue small,.sc-plabel{position:absolute;left:3px;top:2px;z-index:2;color:#d05050;font-size:7px;line-height:1}
.sc-pfold{position:absolute;left:0;right:0;z-index:2;border-top:1px dashed #3aa58a}
.sc-files{display:flex;flex-direction:column;gap:2px}
.sc-file{display:flex;align-items:baseline;gap:8px}
.sc-file small{color:var(--c-text-lite)}
/* 表格：整张表一个网格，每行用 subgrid，列宽按所有行一起算，表头和内容对齐 */
.sc-tbl{display:grid;column-gap:10px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff;overflow:hidden}
.sc-tr{display:grid;grid-template-columns:subgrid;grid-column:1/-1;align-items:center;column-gap:10px;padding:8px 12px;border-top:1px solid var(--c-line);transition:background var(--t-fast) var(--ease-out)}
.sc-tr:first-child{border-top:0}
.sc-tr.th{padding-top:7px;padding-bottom:7px;background:#fbfaf7;color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-tr>span{min-width:0}
.sc-tr small{display:block;color:var(--c-text-lite);font-size:var(--f-sm);line-height:18px}
.sc-tr b{font-weight:500}
.sc-tbl.spec{grid-template-columns:88px minmax(0,1fr);align-items:start}
.sc-tbl.spec .sc-tr>span:first-child{color:var(--c-text-mid)}
.sc-tbl.pk{grid-template-columns:auto minmax(0,1fr) 40px 120px}
.sc-tbl.pk img{width:36px;height:36px;object-fit:contain;border-radius:var(--r);background:#f6f3ee}
.sc-tbl.std{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto}

/* ⑦ 工厂端 */
.sc-logo{flex:none;width:18px;height:18px;background:url(/assets/pitch/brand/mark.svg?v=2) center/contain no-repeat}
.sc-side{flex:none;width:164px;display:flex;flex-direction:column;gap:2px;padding:10px 8px;border-right:1px solid var(--c-line);background:#fbfaf7}
.sc-side button,.sc-ftabs button{display:flex;align-items:center;justify-content:space-between;gap:6px;height:32px;padding:0 10px;border:0;border-radius:var(--r);background:none;text-align:left;color:var(--c-text-mid);transition:background var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}
.sc-side button:hover,.sc-ftabs button:hover{background:#f1eee9;color:var(--c-text)}
.sc-side button.on,.sc-ftabs button.on{background:var(--c-text);color:#fff;font-weight:500}
.sc-side small,.sc-ftabs small{font-size:var(--f-sm);opacity:.75}
.sc-ftabs{flex:none;display:none;gap:4px;padding:6px 10px;border-bottom:1px solid var(--c-line);background:#fbfaf7;overflow:hidden}
.sc-ftabs button{height:26px;flex:none}
@container (max-width:1000px){.sc-side{display:none}.sc-ftabs{display:flex}} /* 工厂端左栏占 164px：不到 1000 宽改成顶上页签，表格拿整行宽，英文的列才不挤到一起 */
.sc-main{position:relative;flex:1;min-width:0;overflow:auto;padding:16px 18px 24px;background:#f6f3ee;scrollbar-width:thin}
.sc-phd{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
.sc-phd>div:first-child{flex:1;min-width:0}
.sc-phd h4{margin:0 0 2px;font-size:var(--f-md);font-weight:500;line-height:22px}
.sc-phd p{margin:0;color:var(--c-text-mid);font-size:var(--f-sm);line-height:18px}
.sc-hdacts{display:flex;gap:6px;flex:none}
.sc-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}
.sc-kpis.four{grid-template-columns:repeat(4,1fr);margin:12px 14px}
@container (max-width:700px){.sc-kpis.four{grid-template-columns:repeat(2,minmax(0,1fr))}} /* 窄窗口四个统计放不下：两行两列，标签不折行 */
.sc-kpi{display:flex;flex-direction:column;padding:8px 12px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff}
.sc-kpi b{font:500 var(--f-lg)/28px var(--num)}
.sc-kpi span{color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-thumb{width:62px;height:34px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:2px;background:#efebe4}
.sc-thumb .sc-face{transform:scale(.98);box-shadow:0 1px 3px rgba(30,33,36,.25)}
.sc-acts{display:flex;flex-wrap:wrap;gap:4px}
.sc-tbl.ord{grid-template-columns:auto minmax(0,1.3fr) minmax(0,1.3fr) 46px auto auto}
.sc-tbl.ord .sc-tr>span:nth-child(2) b{font-family:var(--num);font-weight:500}
@container (max-width:800px){.sc-tbl.ord{grid-template-columns:auto minmax(0,1fr) auto auto}}
.sc-tbl.prod{grid-template-columns:minmax(0,1.6fr) minmax(0,.9fr) minmax(0,1.2fr) auto auto}
@container (max-width:800px){.sc-tbl.prod{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto auto}}
.sc-lines small{color:var(--c-text-mid)}
.sc-drawer{position:absolute;top:0;right:0;bottom:0;z-index:5;width:min(320px,80%);display:flex;flex-direction:column;gap:10px;padding:0 0 16px;background:#fff;border-left:1px solid var(--c-line);box-shadow:-12px 0 32px rgba(30,33,36,.12);animation:scSlide .3s var(--ease-out) both}
@keyframes scSlide{from{transform:translate3d(24px,0,0);opacity:0}to{transform:none;opacity:1}}
.sc-drawer label{display:flex;flex-direction:column;gap:3px;padding:0 14px}
.sc-drawer label span{color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-field{min-height:32px;padding:5px 9px;border:1px solid var(--c-line);border-radius:var(--r);line-height:20px}
.sc-field.lock{background:#f6f3ee;color:var(--c-text-mid)}
.sc-dacts{display:flex;justify-content:flex-end;gap:6px;margin-top:auto;padding:0 14px}
.sc-tbl.rul{grid-template-columns:minmax(0,.8fr) auto auto minmax(0,1.6fr)}
.sc-val{white-space:nowrap}
.sc-val small{display:inline!important}
.sc-val b{font-family:var(--num);font-weight:500;margin-right:2px}
/* 工艺标准：拖进标准文件 → AI 读 → 用上 */
.sc-drop{display:flex;align-items:center;gap:10px;min-height:48px;margin-bottom:10px;padding:8px 12px;border:1px dashed var(--c-text-lite);border-radius:var(--r);background:#fbfaf7;font-size:var(--f-sm);color:var(--c-text-mid)}
.sc-drop.busy{border-style:solid;border-color:var(--c-line)}
.sc-drop.done{border-style:solid;border-color:rgba(14,122,95,.4);background:#eef6f2;color:var(--c-text)}
.sc-drop .sc-file{margin-left:auto} /* 只管拖进来的标准文件小卡片；生产单的文件行也叫 sc-file，别被推到右边 */
.sc-drop.busy .sc-file{margin-left:0}
.sc-shim{padding:2px 8px;border-radius:var(--r);background:linear-gradient(100deg,#f1eee9 30%,#faf8f4 50%,#f1eee9 70%) 0 0/300% 100%;animation:scShimmer 1.1s linear infinite}
.sc-quote{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-text-mid)}
.sc-tag.bad{border-color:rgba(217,48,37,.45);color:#b3261e}
.sc-tr.sc-chg{background:#eef6f2}
.sc-num{display:inline-block;min-width:44px;height:26px;margin-right:4px;padding:0 8px;line-height:24px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff;font-family:var(--num);transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}
.sc-num.on{border-color:var(--c-accent);box-shadow:0 0 0 2px rgba(14,122,95,.15)}
.sc-tr .sc-num+small{display:inline}
.sc-box{display:inline-block;width:16px;height:16px;border:1.5px solid #b9b6b0;border-radius:3px;background:#fff;cursor:pointer;vertical-align:-3px;transition:background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out)}
.sc-box.on{background:var(--c-accent) no-repeat center/11px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.2l2.6 2.6L10 3.4' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");border-color:var(--c-accent)}
.sc-savebar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}
.sc-tbl.itm{grid-template-columns:auto minmax(0,1fr) auto auto auto}
.sc-tbl.itm .sc-tr.off{color:var(--c-text-lite)}
.sc-tbl.itm .sc-tr.off img{opacity:.4}
.sc-tbl.itm .sc-num{min-width:36px;padding:0 5px;margin:0 2px;text-align:center}
.sc-ithumb{width:40px;height:40px;object-fit:contain;border-radius:var(--r);background:#f6f3ee}
.sc-check{display:flex;align-items:center;gap:6px;flex:none;color:var(--c-text-mid);font-size:var(--f-sm);cursor:pointer}
.sc-tbl.usr{grid-template-columns:minmax(0,1fr) auto minmax(64px,auto) auto auto auto}
@container (max-width:800px){.sc-tbl.usr{grid-template-columns:minmax(0,1fr) auto minmax(64px,auto) auto}}
.sc-tbl.usr .sc-tr>span:first-child small{display:inline;margin-left:4px}
.sc-credit{font-family:var(--num)}
.sc-adj{display:inline-flex;align-items:center;gap:4px}
.sc-adj .sc-num{min-width:40px}

/* ⑧ 创意工坊 */
.sc-wpage{padding:16px 18px 0;background:#f6f3ee}
.sc-wctl{flex:none;display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.sc-select{height:30px;padding:0 26px 0 12px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23767676' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 10px center/9px;transition:border-color var(--t-fast) var(--ease-out)}
.sc-select:hover{border-color:var(--c-text-lite)}
.sc-search{flex:1;max-width:220px;height:30px;padding:0 10px;line-height:28px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff;color:var(--c-text-lite)}
.sc-wgrid{flex:1;min-height:0;overflow:auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;gap:12px;padding-bottom:18px;scrollbar-width:thin}
@container (max-width:1000px){.sc-wgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sc-wcard{position:relative;display:flex;flex-direction:column;border:1px solid var(--c-line);border-radius:var(--r);background:#fff;overflow:hidden;transition:border-color var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out);animation:scPop .35s var(--ease-out) both}
.sc-wcard:hover{border-color:var(--c-text-lite)}
.sc-cover{position:relative;flex:none;height:118px;perspective:700px;overflow:hidden;background:radial-gradient(70% 70% at 50% 45%,#fbfaf7,#ebe6de)}
.sc-cover.mug{display:flex;align-items:center;justify-content:center;background:radial-gradient(80% 70% at 50% 40%,#45494f,#212327)}
.sc-cover .sc-mug{height:88%}
.sc-wbody{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 10px 10px}
.sc-wbody b{font-weight:500;line-height:22px}
.sc-wbody small{color:var(--c-text-lite);font-size:var(--f-sm);word-break:keep-all} /* 「腰封礼品盒」不从中间断开 */
.sc-wbody .sc-btn{margin-top:6px}
.sc-plus{position:absolute;right:8px;top:8px;padding:0 8px;line-height:20px;border-radius:var(--r-pill);background:var(--c-accent);color:#fff;font-size:var(--f-sm);font-weight:500;animation:scRise 1.6s var(--ease-out) both}
@keyframes scRise{0%{opacity:0;transform:translate3d(0,8px,0)}20%,75%{opacity:1;transform:none}100%{opacity:0;transform:translate3d(0,-6px,0)}}
.sc-mystats{grid-column:1/-1;padding:8px 12px;border-radius:var(--r);background:rgba(14,122,95,.08);color:var(--c-accent);font-weight:500}

/* ⑨ 积分 */
.sc-cleft{flex:none;width:230px;border-right:1px solid var(--c-line);background:#fbfaf7}
.sc-cleft .sc-note{padding:10px 14px 4px}
.sc-acct{margin-left:auto;padding:0 8px;line-height:20px;border:1px solid var(--c-line);border-radius:var(--r-pill);background:#fff;font-size:var(--f-sm);font-family:var(--num);white-space:nowrap}
.sc-costs{display:flex;flex-direction:column;gap:6px;padding:8px 14px}
.sc-cost{display:flex;align-items:center;height:34px;padding:0 12px;border:1px solid var(--c-line);border-radius:var(--r);background:#fff;transition:border-color var(--t-fast) var(--ease-out)}
.sc-cost:hover{border-color:var(--c-accent)}
.sc-cost span{display:flex;align-items:baseline;justify-content:space-between;width:100%;gap:8px}
.sc-cost small{color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-credit-panel{flex:1;min-width:0;overflow:auto;padding-bottom:12px;scrollbar-width:thin}
.sc-credit-panel h5{margin:4px 14px 6px;font-size:var(--f-md);font-weight:500}
.sc-credit-panel .sc-rules{padding:0 14px;font-size:var(--f-sm)}
.sc-log{margin:0 14px 10px;border:1px solid var(--c-line);border-radius:var(--r)}
.sc-logrow{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 10px;border-top:1px solid var(--c-line)}
.sc-logrow:first-child{border-top:0}
.sc-logrow small{color:var(--c-text-lite);font-size:var(--f-sm)}
.sc-logrow b{font-family:var(--num);font-weight:500}
.sc-logrow b.plus{color:var(--c-accent)}

/* —— 编辑器外壳（scenes.js 的 edTop / edTabs / edTools / edChat / edSheet，四段编辑器共用）：
   照真编辑器（/design，design.css 的质感层）和首屏编辑器：纸色、墨色当前态、商品名和方案名用衬线、3D 是中灰影棚、右栏下划线页签。编辑器改了样子先改这一段 —— */
.sc-serif{font-family:var(--serif,serif);letter-spacing:.03em}
.sc-stage:lang(en) :is(.sc-serif,.sc-prod,.sc-pname){font-family:inherit;letter-spacing:0} /* 英文的衬线（Cormorant）在 14px 上太细小：英文用无衬线，同首屏编辑器 */
.sc-edtop{background:rgba(252,251,248,.94)}
.sc-crumb{display:inline-flex;align-items:center;gap:2px;flex:none;color:var(--c-text-mid);white-space:nowrap}
.sc-crumb i{width:7px;height:7px;margin:0 3px 0 2px;border:solid currentColor;border-width:0 0 1.5px 1.5px;transform:rotate(45deg)}
.sc-edtop .sc-prod{font-family:var(--serif,serif);font-weight:500;letter-spacing:.04em;color:var(--ink,#1b1a19)}
.sc-edtop .sc-prod::after{content:'/';margin-left:10px;color:var(--brass-soft,#e9dfcf);font-weight:400}
.sc-pname{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--serif,serif);font-weight:500;letter-spacing:.02em}
.sc-saved{flex:none;height:24px;padding:0 9px;line-height:22px;border:1px solid var(--c-line);border-radius:var(--r-pill);font-size:var(--f-sm);color:var(--c-text-lite);white-space:nowrap}
.sc-tbmid{display:inline-flex;align-items:center;gap:8px;flex:none}
.sc-edcanvas{justify-content:flex-start;gap:0;background:#f1eee8}
.sc-edcanvas>.sc-flat{align-self:stretch;background:none}
.sc-edtools{flex:none;display:flex;align-items:center;gap:2px;margin:10px auto 0;padding:3px;border-radius:var(--r-pill);background:rgba(252,251,248,.96);box-shadow:0 1px 2px rgba(27,26,25,.05),0 8px 24px -12px rgba(27,26,25,.2);white-space:nowrap}
.sc-edtools>span{height:24px;padding:0 10px;line-height:24px;font-size:var(--f-sm);color:var(--c-text-mid)}
.sc-ctx{animation:scPop .25s var(--ease-out) both}
.sc-vr{flex:none;width:1px;height:14px;margin:0 3px;background:var(--c-line)}
.sc-edstage{flex:1;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:8px 12px}
.sc-edstage.col{flex-direction:column;gap:8px}
.sc-edside{flex:none;width:262px;display:flex;flex-direction:column;min-height:0;border-left:1px solid var(--c-line);background:#fcfbf8}
.sc-edside.narrow{width:256px}
.sc-ed3d{position:relative;flex:none;height:168px;perspective:900px;cursor:grab;touch-action:none;overflow:hidden;background:radial-gradient(70% 62% at 50% 44%,#ebe8e3 0%,#d3cfc8 58%,#bdb8b0 100%)}
.sc-ed3d:active{cursor:grabbing}
.sc-etabs{flex:none;display:flex;gap:12px;padding:0 12px;border-bottom:1px solid var(--c-line);white-space:nowrap}
.sc-etabs button{position:relative;height:36px;padding:0 1px;border:0;background:none;color:var(--c-text-lite);font-size:var(--f-sm);letter-spacing:.1em;white-space:nowrap;transition:color var(--t-fast) var(--ease-out)}
.sc-etabs button:lang(en){letter-spacing:.02em}
.sc-etabs button:hover{color:var(--ink,#1b1a19)}
.sc-etabs button.on{color:var(--ink,#1b1a19);font-weight:500;box-shadow:inset 0 -1px 0 var(--ink,#1b1a19)}
.sc-badge{display:inline-block;min-width:16px;height:16px;margin-left:3px;padding:0 4px;border-radius:var(--r-pill);background:var(--bad);color:#fff;font:500 var(--f-sm)/16px var(--num);font-style:normal;letter-spacing:0;text-align:center;vertical-align:1px}
.sc-badge:empty{display:none}
.sc-edpanel{flex:1;min-height:0;overflow:auto;padding-top:6px;scrollbar-width:none}
.sc-edempty{padding:14px}
.sc-edside .sc-checks{flex:1;width:auto;border-left:0;background:none}
.sc-edsheet{box-shadow:0 8px 24px -14px rgba(27,26,25,.35)}
.sc-edsheet .sc-face{box-shadow:none}
.sc-glue{position:absolute;left:0;right:0;top:0;background:repeating-linear-gradient(135deg,#f7f5f1 0 6px,#e9e5dd 6px 7px)}
.sc-cut{position:absolute;inset:0;z-index:4;border:1.5px solid #e0533d;pointer-events:none}
.sc-edsheet .mn-el.pop{animation:mnPop .4s var(--ease-out) both;animation-delay:var(--d,0ms)}
.sc-flabels small{font-family:var(--num);white-space:nowrap}
.sc-flabels span{padding-right:8px}
.sc-flabels span.cur b{color:var(--ink,#1b1a19)}
.sc-flabels span.cur::after{content:'';position:absolute;right:0;top:0;bottom:0;width:2px;background:var(--ink,#1b1a19)}
.sc-chatcol .sc-colhd{border-bottom:0;padding-bottom:6px}
.sc-chatcol .sc-colhd b{color:var(--ink,#1b1a19)}
.sc-msg.ai{border-color:transparent;box-shadow:0 1px 2px rgba(27,26,25,.05),0 8px 24px -14px rgba(27,26,25,.25)}
.sc-msg.me{background:var(--ink,#1b1a19);color:#f7f3ec}
@container (max-width:899px){.sc-stage[data-kind=chat] .sc-edside{display:none}} /* 右栏放不下：留对话和画布 */
@container (max-width:780px){.sc-edtop .sc-crumb span,.sc-edtop .sc-pname,.sc-edtop .sc-saved{display:none}.sc-edtop .sc-prod::after{display:none}}

/* —— 手机（窗口窄于 600）：不缩小，按真实宽度重排（scenes.js 的 fit；高度用各场景的 phoneH） —— */
@container (max-width:599px){
  /* 左右分栏改上下排 */
  .sc-body{flex-direction:column}
  .sc-chatcol{flex:none;width:auto;border-right:0;border-bottom:1px solid var(--c-line)}
  .sc-stage[data-kind=chat] .sc-chatcol{height:280px}
  .sc-edside{display:none}
  .sc-stage[data-kind=check] .sc-edside{display:flex;flex:1;width:auto;border-left:0;border-top:1px solid var(--c-line)}
  .sc-stage[data-kind=mug] .sc-edcanvas{flex:none}
  .sc-edtools{display:none} /* 手机上画布小：工具条让位（真编辑器手机上也收到底部） */
  .sc-ctx{display:flex;max-width:calc(100% - 16px);overflow-x:auto;scrollbar-width:none}
  .sc-plan{padding:14px 16px}
  .sc-stage[data-kind=concepts] .sc-canvas{order:-1;flex:none;height:270px;border-bottom:1px solid var(--c-line)}
  .sc-stage[data-kind=concepts] .sc-chatcol{flex:1;min-height:0;border-bottom:0}
  .sc-stage[data-kind=check] .sc-row,.sc-stage[data-kind=mug] .sc-row,.sc-stage[data-kind=chat] .sc-row,.sc-stage[data-kind=concepts] .sc-row{flex-direction:column}
  .sc-stage[data-kind=chat] .sc-edcanvas{flex:1;min-height:0}
  .sc-stage[data-kind=check] .sc-canvas{flex:none;height:280px}
  .sc-checks{flex:1;width:auto;border-left:0;border-top:1px solid var(--c-line)}
  .sc-flat{flex:none;padding:12px 14px}
  .sc-mugside{flex:1;width:auto;min-height:0}
  .sc-cleft{flex:none;width:auto;border-right:0;border-bottom:1px solid var(--c-line)}
  .sc-credit-panel{flex:1;min-height:0}
  /* 顶栏、工具条、标题行放不下就换行，不往外挤 */
  .sc-topbar{height:auto;min-height:46px;flex-wrap:wrap;row-gap:8px;padding:8px 12px}
  .sc-tools{flex-wrap:wrap;row-gap:8px}
  .sc-phd{flex-wrap:wrap}
  .sc-phd>div:first-child{flex-basis:100%}
  .sc-drop{flex-wrap:wrap}
  .sc-dochd{flex-wrap:wrap}
  .sc-doc{padding:14px 14px 24px}
  .sc-tbl.spec{grid-template-columns:72px minmax(0,1fr)}
  /* 工厂端：页签收紧；表格一行一张小卡片（格子按内容换行），不要表头 */
  .sc-ftabs{gap:2px;padding:6px 8px;overflow-x:auto;scrollbar-width:none} /* 五个页签一排放不下（英文）：横着滑，不压缩 */
  .sc-ftabs::-webkit-scrollbar{display:none}
  .sc-ftabs button{padding:0 8px}
  .sc-tools .sc-seg button{padding:0 8px}
  .sc-tools .sc-btn{padding:0 10px}
  .sc-fbtn{padding:0 7px}
  .sc-ctx .sc-del,.sc-ctx .sc-vr{display:none} /* 「删除」：手机上设置条放不下，演示也用不到 */
  .sc-hdacts{flex-wrap:wrap}
  .sc-hdacts .sc-btn:first-child{display:none} /* 「按规格单新建」让位 */
  .sc-main{padding:12px 12px 20px}
  :is(.sc-tbl.ord,.sc-tbl.prod,.sc-tbl.rul,.sc-tbl.itm,.sc-tbl.usr,.sc-tbl.pk,.sc-tbl.std){display:block}
  :is(.sc-tbl.ord,.sc-tbl.prod,.sc-tbl.rul,.sc-tbl.itm,.sc-tbl.usr,.sc-tbl.pk,.sc-tbl.std) .sc-tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px}
  :is(.sc-tbl.ord,.sc-tbl.prod,.sc-tbl.rul,.sc-tbl.itm,.sc-tbl.usr,.sc-tbl.pk,.sc-tbl.std) .sc-tr.th{display:none}
  :is(.sc-tbl.ord,.sc-tbl.prod,.sc-tbl.rul,.sc-tbl.itm,.sc-tbl.usr,.sc-tbl.pk,.sc-tbl.std) .sc-tr.th+.sc-tr{border-top:0}
  .sc-tbl.pk .sc-tr>span:nth-child(2),.sc-tbl.std .sc-tr>span:first-child{flex:1 1 100px}
  .sc-tbl.pk .sc-tr>span:nth-child(3)::before{content:'×'} /* 没有表头了：数量写成 ×1 */
  .sc-tbl.pk .sc-tr>span:last-child{flex-basis:100%;padding-left:46px;color:var(--c-text-mid);font-size:var(--f-sm)} /* 尺寸另起一行，和名字对齐 */
  .sc-tbl.std .sc-tr>span:last-child{display:none} /* 每行都是同一个「工厂标准」，小标题已经说了 */
  /* 窗口标题栏：不要三个圆点；访客接手后出现「自动演示」时，「演示」标签让位 */
  .sc-dots{display:none}
  .sc-chrome:has(.sc-replay:not([hidden])) .sc-demo{display:none}
  .sc-replay{margin-left:auto}
  /* 订单的三个统计：按字的长短分宽度，标签不折行 */
  .sc-kpis:not(.four){display:flex}
  .sc-kpis:not(.four) .sc-kpi{flex:1 1 auto;min-width:0}
  .sc-kpis:not(.four) .sc-kpi span{white-space:nowrap}
  .sc-tbl.ord .sc-tr>span:nth-child(2){flex:1 1 150px}
  .sc-tbl.prod .sc-tr>span:first-child,.sc-tbl.prod .sc-lines{flex:1 1 100%}
  .sc-tbl.rul .sc-tr>span:first-child{flex:1 1 auto}
  .sc-tbl.rul .sc-tr>span:last-child{flex:1 1 100%;min-width:0}
  .sc-tbl.itm .sc-tr>span:nth-child(2){flex:1 1 60px}
  .sc-tbl.usr .sc-tr>span:first-child{flex:1 1 100px}
  .sc-drawer{width:100%;border-left:0}
  .sc-stage[data-kind=mug] .sc-topbar>b{display:none} /* 尺寸和校验状态一行放下 */
  .sc-stage[data-kind=mug] .sc-topbar .sc-seg button{height:24px;padding:0 9px;font-size:var(--f-sm)}
  /* 创意工坊：两列 */
  .sc-wpage{padding:12px 12px 0}
  .sc-wgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@container (max-width:340px){.sc-topbar .sc-pill{display:none}} /* 最窄的手机：工厂端顶栏的「打开编辑器」（装饰）让位 */
@media (prefers-reduced-motion:reduce){.sc *,.sc-cur{animation:none!important;transition:none!important}}