/* 01 · 画架尺寸、中央画布和托槽共享坐标；手机缩小后仍保持实际接触关系。 */
[data-exhibition="easel"] .atelier-stage{--paper-width:320px;--paper-height:348px;--paper-top:86px;--easel-scale:1;height:590px;margin-top:30px;perspective:1100px}
.atelier-stage .atelier-easel{width:400px;height:570px;top:0;z-index:0;transform:translateX(-50%) scale(var(--easel-scale));transform-origin:top center}
.atelier-timber{fill:url(#atelier-wood);stroke:#ad9875;stroke-width:1;stroke-linejoin:round}
.atelier-grain{fill:none;stroke:#b6a080;stroke-width:.8;stroke-opacity:.65;stroke-linecap:round}
.atelier-fasteners{fill:#b09b7b;stroke:#f6edda;stroke-width:.7}
.atelier-ground{fill:#b2a18a;opacity:.09}
.easel-clamp,.easel-tray{position:absolute;left:50%;transform:translateX(-50%);z-index:6;pointer-events:none;overflow:visible}
.easel-clamp{top:calc(var(--paper-top) - 26px);width:62px;height:36px}
.easel-tray{top:calc(var(--paper-top) + var(--paper-height) - 4px);width:calc(var(--paper-width) + 36px);height:32px}
.tray-top{fill:#ebdbbc;stroke:#b5a080;stroke-width:1}.tray-lip{fill:#cdb487;stroke:#aa9471;stroke-width:.8}
.clamp-knob{fill:#b4a489;stroke:#93816a;stroke-width:1}.clamp-screw{fill:none;stroke:#f6eedf;stroke-width:1}
/* 02 · 绷框是规整的厚画布：侧面、轻投影和经纬纹理代替信纸的毛边与银杏装饰。 */
.atelier-stage .atelier-canvas{width:218px;top:128px;transition:none;transform-origin:center 40%;opacity:1}
.atelier-stage .atelier-canvas[data-place="center"]{width:var(--paper-width);top:var(--paper-top);left:50%;transform:translateX(-50%);z-index:4}
.atelier-stage .atelier-canvas[data-place="left"]{left:16%;top:128px;transform:translateX(-50%) rotate(-3deg) rotateY(9deg);opacity:.86}
.atelier-stage .atelier-canvas[data-place="right"]{left:84%;top:128px;transform:translateX(-50%) rotate(3deg) rotateY(-9deg);opacity:.86}
.atelier-stage .canvas-paper{display:block;height:260px;padding:17px;background:linear-gradient(135deg,#fffef9,#f7f3e9);border:1px solid #d3cbb9;border-radius:1px;box-shadow:0 5px 9px #89765312!important;isolation:isolate}
.atelier-stage [data-place="center"] .canvas-paper{height:var(--paper-height);padding:22px}
.atelier-stage .canvas-paper:before{inset:5px -7px -7px 5px;background:linear-gradient(90deg,#d5cbb6,#e6ddc9);border:1px solid #c7bda7;clip-path:polygon(calc(100% - 7px) 0,100% 0,100% 100%,0 100%,0 calc(100% - 7px),calc(100% - 7px) calc(100% - 7px));z-index:-1;border-radius:1px}
.atelier-stage .canvas-paper:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#b6ac9412 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,#ad9e890b 0 1px,transparent 1px 3px);opacity:.55;z-index:2}
.atelier-stage .canvas-paper .art{width:100%;height:100%;aspect-ratio:auto;border:0;background:none!important}
.atelier-stage [data-place="center"] .canvas-label{visibility:hidden}
.atelier-stage .canvas-label{padding-top:22px}
/* 03 · 两侧绳索接到同一个挂轨，铜色小夹子扣住画布；中央由画架夹块固定。 */
.atelier-stage .atelier-rail{top:8px;stroke:#b7a68b;stroke-width:1.1;stroke-opacity:.65}
.atelier-stage .canvas-cord{bottom:100%;height:116px;width:1px;background:#b5a48b;opacity:.7}
.canvas-hanger{position:absolute;top:-10px;left:50%;width:17px;height:25px;transform:translateX(-50%);background:linear-gradient(90deg,#b1a28a,#ded5c4 45%,#ac9d83);border:1px solid #998c74;border-radius:4px 4px 2px 2px;z-index:3;box-shadow:1px 2px 2px #75644c18}
.canvas-hanger:before{content:'';position:absolute;left:4px;right:4px;top:3px;height:7px;border:1px solid #9d907a;border-radius:50%}
.atelier-stage [data-place="center"] :is(.canvas-hanger,.canvas-cord){display:none}
.atelier-stage .atelier-arrow{top:46%;z-index:8}
[data-exhibition="easel"] .atelier-index{margin-top:0}
/* 04 · 手机保留完整中央画布和三脚架，两侧预览裁在舞台内，箭头留在底部。 */
@media(max-width:1000px) and (min-width:701px){.atelier-stage .atelier-canvas[data-place="left"],.atelier-stage .atelier-canvas[data-place="right"]{width:180px}.atelier-stage .canvas-paper{height:235px}}
@media(max-width:700px){
 [data-exhibition="easel"] .atelier-stage{--paper-width:194px;--paper-height:220px;--paper-top:58px;--easel-scale:.65;height:408px;margin-top:26px}
 .atelier-stage .atelier-canvas[data-place="left"]{left:1%;width:132px;top:87px;opacity:.67}
 .atelier-stage .atelier-canvas[data-place="right"]{left:99%;width:132px;top:87px;opacity:.67}
 .atelier-stage .canvas-paper{height:181px;padding:10px}
 .atelier-stage [data-place="center"] .canvas-paper{padding:14px}
 .atelier-stage .canvas-cord{height:75px}
 .easel-clamp{width:43px;height:27px;top:calc(var(--paper-top) - 19px)}
 .easel-tray{height:23px;width:calc(var(--paper-width) + 24px)}
 .canvas-hanger{width:13px;height:20px;top:-8px}
 .canvas-hanger:before{left:3px;right:3px;height:5px}
 .atelier-stage .canvas-label{padding-top:18px}
 .atelier-stage .atelier-arrow{top:auto;bottom:4px}
}