/* Three fixed color samples, positioned on their named material zones. */
.story-stage[data-step="0"] .sample-point{left:32%;top:38%;background:#eedfce}.story-stage[data-step="0"] .eyedropper{left:35%;top:27%}.story-stage[data-step="0"] .panel-current>i{background:#eedfce}
.story-stage[data-step="1"] .sample-point{left:43%;top:24%;background:#b8adc8}.story-stage[data-step="1"] .eyedropper{left:46%;top:13%}.story-stage[data-step="1"] .panel-current>i{background:#b8adc8}
.story-stage[data-step="2"] .sample-point{left:31%;top:60%;background:#db7958}.story-stage[data-step="2"] .eyedropper{left:33%;top:47%}.story-stage[data-step="2"] .panel-current>i{background:#db7958}
@media(max-width:800px){.story-stage[data-step="0"] .sample-point{left:32%;top:38%}.story-stage[data-step="1"] .sample-point{left:43%;top:24%}.story-stage[data-step="2"] .sample-point{left:31%;top:60%}}

/* 取样点放在 3:2 图片坐标系内，尺寸变化不再改变它与产品的相对位置。 */
.canvas-art{display:grid;place-items:center}.canvas-media{position:relative;width:auto;height:96%;max-width:92%;aspect-ratio:3 / 2}.canvas-media img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.88) contrast(1.02);transition:none!important}.canvas-media .sample-point,.canvas-media .eyedropper{position:absolute}.story-stage[data-step="0"] .canvas-media,.story-stage[data-step="1"] .canvas-media,.story-stage[data-step="2"] .canvas-media{transform:none}.story-stage[data-step="1"] .canvas-art img,.story-stage[data-step="2"] .canvas-art img{transform:none}

/* 配色区同样由滚动驱动，不再要求访客点击。 */
.palette-showcase{align-items:start;min-height:240vh}.palette-copy,.palette-art{position:sticky;top:18vh}.palette-tabs{display:grid;gap:8px;margin-top:26px}.palette-tab{padding:10px 12px;border-left:2px solid #d0ccc8;color:#77727a;font-size:13px;font-weight:800;transition:color .45s ease,border-color .45s ease,transform .45s ease}.palette-tab.active{border-color:#7c63ff;background:transparent;color:#342a61;transform:translateX(8px)}.palette-ratio i{transition:background .65s ease}@media(max-width:800px){.palette-showcase{min-height:180vh}.palette-copy,.palette-art{top:8vh}}