/* 01 · 展示位围绕罗盘走椭圆轨道，位置由一个动画时钟计算；画作始终朝上。 */
[data-exhibition="compass"] .works-compass{display:block;height:720px;max-width:970px;margin:20px auto 0;isolation:isolate}
[data-exhibition="compass"] .compass-work{position:absolute;left:50%;top:50%;width:220px;max-width:none;display:grid;transform:translate(-50%,-50%);will-change:transform;transition:none;z-index:3}
/* 两层占用同一个网格单元，交叉淡化不会改变按钮尺寸，也不会产生动态模糊。 */
[data-exhibition="compass"] .compass-content{grid-area:1 / 1;display:block}
[data-exhibition="compass"] .compass-picture .art{height:122px}
[data-exhibition="compass"] .works-dial{position:absolute;left:50%;top:50%;width:210px;height:210px;transform:translate(-50%,-50%);z-index:2}
[data-exhibition="compass"] .dial-pointer{transition:none;will-change:transform}
[data-exhibition="compass"] .dial-drag-label{bottom:46px}
[data-exhibition="compass"] .compass-work:disabled{pointer-events:none}
[data-exhibition="compass"] .compass-picture{transition:transform .25s}
.orbit-controls{display:flex;flex-direction:column;align-items:center;gap:14px;margin:18px 0 24px;font-size:11px;color:#a0a393}
/* 两个方向按钮对称并排，提示另起一行，给下方作品信息留出呼吸空间。 */
.orbit-buttons{display:flex;justify-content:center;gap:16px}
.orbit-controls button{background:#fffdf7;border:1px solid #c9b99288;border-radius:5px;min-width:160px;padding:12px 16px;color:#668db3;font-size:14px}
.orbit-controls .exhibit-help{margin:0;line-height:1.9;text-align:center}
.orbit-controls button:focus-visible{outline:2px dashed #9db1bc;outline-offset:4px}
.orbit-controls button:hover{background:#e8edf244}
/* 02 · 手机缩小罗盘和四幅画，而不是压缩整张场景；轨道与画幅一起留足边界。 */
@media(max-width:1000px) and (min-width:701px){[data-exhibition="compass"] .compass-work{width:190px}[data-exhibition="compass"] .works-dial{width:170px;height:170px}}
@media(max-width:700px){
 [data-exhibition="compass"] .works-compass{height:500px;margin-top:25px}
 [data-exhibition="compass"] .compass-work{width:104px;max-width:none}
 [data-exhibition="compass"] .compass-picture .art{height:70px}
 [data-exhibition="compass"] .works-dial{width:70px;height:70px}
 [data-exhibition="compass"] .dial-drag-label{display:none}
 [data-exhibition="compass"] .compass-work-label{font-size:10px}
 .orbit-controls{flex-direction:column;gap:9px;font-size:10px}
 .orbit-buttons{gap:10px;width:100%;max-width:340px}
 .orbit-controls button{min-width:0;flex:1;padding:11px 6px;font-size:12px;white-space:nowrap}
 body:has([data-exhibition="compass"]) .guide.gallery{display:none}
}