/* 01 · 两种展区共用纸面标题、画签、详情入口。配色来自现有秋日主题。 */
.exhibition-page{max-width:1200px;padding:32px 5% 40px}.exhibition-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.exhibition-heading h1{font-size:clamp(28px,3.2vw,42px);font-weight:400;letter-spacing:3px;margin:12px 0}.exhibition-heading p{font-size:11px;color:#929e9f;letter-spacing:1px;margin:0}.exhibition-side-note{font-size:13px;color:#a29376;transform:rotate(-4deg)}.exhibit-help{text-align:center;font-size:11px;color:#a6a99b;letter-spacing:1px;margin:14px 0 25px}.selection-note{display:flex;justify-content:space-between;align-items:center;gap:25px;max-width:750px;margin:0 auto;border-top:1px solid #c9b99255;padding:22px 10px 10px}.selection-count{color:#b1996e;font-size:10px;letter-spacing:2px}.selection-title{font-size:25px;font-weight:400;margin:10px 0;letter-spacing:2px}.selection-description{font-size:13px;color:#8c9ba4;margin:0}.exhibit-open{border:1px solid #c9b99288;background:#f5eedf66;border-radius:2px;padding:14px 20px;color:#607d97;font-size:13px;white-space:nowrap}.exhibit-open span{margin-left:22px}.exhibit-open:hover{background:#eee3c744}.exhibition-footnote{text-align:center;color:#b1afa2;font-size:10px;margin-top:32px}
/* 02 · 四方作品固定，转盘居中；手绘纸框避免重阴影、玻璃或霓虹效果。 */
.works-compass{display:grid;grid-template-columns:1fr 280px 1fr;grid-template-rows:180px 260px 180px;gap:12px 26px;align-items:center;justify-items:center;max-width:970px;margin:26px auto 0;position:relative}.works-compass:before{content:'';position:absolute;left:50%;top:50%;width:570px;height:570px;border:1px dashed #c1b99c38;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.compass-work{width:250px;max-width:100%;background:none;padding:0;border:0;text-align:left;color:#688198;z-index:1}.compass-work-0{grid-area:1/2}.compass-work-1{grid-area:2/3}.compass-work-2{grid-area:3/2}.compass-work-3{grid-area:2/1}.compass-picture{display:block;position:relative;border:1px solid #c3b79588;padding:7px;background:#f4eedf66;transform:rotate(-1deg);transition:transform .3s,box-shadow .3s,border-color .3s}.compass-work-1 .compass-picture{transform:rotate(1.5deg)}.compass-work-2 .compass-picture{transform:rotate(.8deg)}.compass-work-3 .compass-picture{transform:rotate(-2deg)}.compass-picture .art{width:100%;height:128px;aspect-ratio:auto}.bearing-mark{position:absolute;left:15px;top:15px;font:10px Georgia,serif;color:#9d906f;background:#fffdf7bb;padding:4px 7px}.compass-work-label{display:flex;justify-content:space-between;gap:10px;font-size:16px;letter-spacing:1px;padding:12px 3px 2px}.compass-work-label>span{color:#af9c73;font-size:12px}.compass-work[aria-pressed="true"] .compass-picture{border-color:#b49b63;box-shadow:3px 4px 0 #c9b99244;transform:translateY(-4px) rotate(0)}.compass-work[aria-pressed="true"] .compass-work-label{color:#385674}.compass-work:focus-visible{outline:2px dashed #9db1bc;outline-offset:7px}.compass-work:hover .compass-picture{border-color:#b49b63}
/* 罗盘的环、角色和指针分层，只有指针旋转，画作与角色不会倒置。 */
.works-dial{grid-area:2/2;width:260px;height:260px;position:relative;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;z-index:2;outline-offset:8px;border-radius:50%}.works-dial.is-dragging{cursor:grabbing}.dial-ring,.dial-pointer{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.dial-wash{fill:#d9d7b81c}.dial-outline{fill:none;stroke:#b6a16b;stroke-width:1.5}.dial-inner{fill:none;stroke:#9eb3bd;stroke-width:.8;stroke-dasharray:2 5}.dial-ticks{fill:none;stroke:#b5a47c;stroke-width:1}.dial-cross{fill:none;stroke:#b2beb333;stroke-width:.7}.dial-center{position:absolute;left:30%;top:31%;width:40%;height:47%;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse,#d7e2e83d,transparent 70%);pointer-events:none}.dial-center img{width:100%;height:100%;object-fit:contain;opacity:.9}.dial-pointer{transform:rotate(var(--dial-angle,0deg));transition:transform .45s cubic-bezier(.22,.8,.3,1)}.pointer-leaf{fill:#d8bb7299;stroke:#ac915e;stroke-width:.8}.pointer-vein{fill:none;stroke:#b1945c;stroke-width:.8}.dial-pointer circle{fill:#fffdf7;stroke:#b5a47c;stroke-width:1}.is-dragging .dial-pointer{transition:none}.dial-letter{position:absolute;font:11px Georgia,serif;color:#9bafac}.dial-n{left:48%;top:-16px}.dial-e{right:-17px;top:48%}.dial-s{left:48%;bottom:-17px}.dial-w{left:-20px;top:48%}.dial-drag-label{position:absolute;bottom:39px;left:0;width:100%;text-align:center;font-size:10px;color:#a39676;pointer-events:none}
/* 03 · 横向画布，中央三脚画架和两侧悬线共同组成画室，所有画都是可操作按钮。 */
.atelier-stage{position:relative;height:580px;max-width:1040px;margin:38px auto 0;touch-action:pan-y;isolation:isolate}.atelier-rail{position:absolute;top:5px;left:5%;width:90%;height:22px;fill:none;stroke:#b5a582;stroke-width:1.2;stroke-opacity:.6}.atelier-easel{position:absolute;left:50%;top:28px;width:350px;height:530px;transform:translateX(-50%);z-index:0;pointer-events:none}.easel-wood{fill:#dfc89f77;stroke:#bba47a;stroke-width:1.2;stroke-linejoin:round}.easel-lines{fill:none;stroke:#c2aa7b;stroke-width:.9;stroke-opacity:.55}.easel-shadow{fill:none;stroke:#bca98722;stroke-width:12;stroke-linecap:round}.atelier-canvas{position:absolute;width:230px;left:50%;top:84px;background:none;border:0;padding:0;color:#6d8397;text-align:center;z-index:2;transition:left .65s,top .65s,width .65s,transform .65s,opacity .45s}.atelier-canvas[data-place="center"]{width:350px;left:50%;top:74px;transform:translateX(-50%);z-index:4}.atelier-canvas[data-place="left"]{left:16%;top:102px;transform:translateX(-50%) rotate(-4deg);opacity:.72}.atelier-canvas[data-place="right"]{left:84%;top:100px;transform:translateX(-50%) rotate(4deg);opacity:.72}.atelier-canvas[hidden]{display:none}.canvas-paper{display:block;position:relative;background:#fffdf7;padding:13px;border:1px solid #c9b99299;border-radius:2px 4px 3px 1px;box-shadow:3px 5px 0 #d3c3a22b}.canvas-paper .art{width:100%;height:310px;aspect-ratio:auto;border:1px solid #e0d7c466}.atelier-canvas[data-place="left"] .art,.atelier-canvas[data-place="right"] .art{height:245px}.canvas-cord{position:absolute;left:50%;bottom:100%;height:90px;width:1px;background:#b9a78388;pointer-events:none}.atelier-canvas[data-place="center"] .canvas-cord{display:none}.canvas-corner{position:absolute;right:4px;bottom:3px;width:20px;height:14px;border-bottom:1px solid #c9b99288;transform:rotate(-9deg)}.canvas-label{display:flex;flex-direction:column;gap:8px;padding-top:18px}.canvas-label small{color:#af9b7a;font:9px Georgia,serif;letter-spacing:2px}.canvas-label strong{font-weight:400;font-size:18px;letter-spacing:1px}.atelier-canvas:hover{opacity:1}.atelier-canvas:focus-visible{outline:2px dashed #a4b7be;outline-offset:6px}.atelier-arrow{position:absolute;top:45%;width:43px;height:43px;border:1px solid #c9b99277;border-radius:49% 46% 50% 45%;background:#fffdf7ee;color:#a38b5e;font-size:22px;z-index:5}.atelier-prev{left:-10px}.atelier-next{right:-10px}.atelier-arrow:hover{background:#f0e7d766}.atelier-index{display:flex;justify-content:center;gap:22px;margin-top:-26px;position:relative;z-index:6}.atelier-index button{display:flex;align-items:center;gap:9px;border:0;border-bottom:1px solid transparent;background:none;padding:9px 3px;color:#a0aaa7;font-size:11px}.atelier-index button span{color:#b9a37b;font:10px Georgia,serif}.atelier-index button small{font-size:11px}.atelier-index button[aria-pressed="true"]{border-bottom-color:#b5a176;color:#4d6c85}
/* 04 · 手机保留四方关系；画布两侧只露出一部分，中央作品仍是完整可看的主体。 */
@media(max-width:1000px) and (min-width:701px){.works-compass{grid-template-columns:1fr 230px 1fr;column-gap:18px}.works-dial{width:220px;height:220px}.compass-work{width:220px}.atelier-canvas[data-place="left"]{left:17%;width:190px}.atelier-canvas[data-place="right"]{left:83%;width:190px}.atelier-canvas[data-place="center"]{width:300px}.atelier-easel{width:310px}.canvas-paper .art{height:280px}}
@media(max-width:700px){.exhibition-page{padding:25px 5% 80px}.exhibition-heading{display:block}.exhibition-heading h1{font-size:28px;letter-spacing:1px}.exhibition-side-note{display:block;font-size:11px;margin-top:16px}.exhibition-heading .map-eyebrow{font-size:8px;letter-spacing:1px}.works-compass{grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);grid-template-rows:150px 140px 150px;gap:8px 6px;margin-top:26px}.works-compass:before{width:260px;height:260px}.works-dial{width:100px;height:100px}.dial-drag-label{font-size:6px;bottom:12px}.dial-center{left:30%;top:30%;height:48%}.dial-letter{font-size:8px}.dial-n{top:-9px}.dial-e{right:-8px}.dial-s{bottom:-10px}.dial-w{left:-10px}.compass-work{width:100%}.compass-work-0,.compass-work-2{width:150px;max-width:160px}.compass-picture{padding:4px}.compass-picture .art{height:72px}.compass-work-0 .art,.compass-work-2 .art{height:100px}.compass-work-label{font-size:10px;letter-spacing:0;padding-top:9px;line-height:1.6}.compass-work-label span{display:none}.bearing-mark{font-size:7px;top:8px;left:8px;padding:2px 3px}.exhibit-help{font-size:9px;letter-spacing:0;line-height:1.9;margin:20px 0}.selection-note{padding:18px 0 0;gap:16px;align-items:start}.selection-title{font-size:21px;letter-spacing:1px}.selection-description{font-size:11px;line-height:1.8}.selection-count{font-size:8px}.exhibit-open{font-size:10px;padding:12px 9px}.exhibit-open span{margin-left:4px}.exhibition-footnote{font-size:9px;line-height:1.8}.atelier-stage{height:410px;margin:32px -5.6% 0;overflow:hidden}.atelier-rail{left:0;width:100%}.atelier-easel{width:245px;height:376px;top:20px}.atelier-canvas[data-place="center"]{width:208px;top:53px}.atelier-canvas[data-place="left"]{left:3%;width:150px;top:87px;opacity:.48}.atelier-canvas[data-place="right"]{left:97%;width:150px;top:85px;opacity:.48}.canvas-paper{padding:8px}.canvas-paper .art{height:222px}.atelier-canvas[data-place="left"] .art,.atelier-canvas[data-place="right"] .art{height:180px}.canvas-label{padding-top:14px;gap:6px}.canvas-label strong{font-size:14px}.canvas-label small{font-size:8px}.atelier-arrow{width:31px;height:31px;font-size:18px;top:48%}.atelier-prev{left:8px}.atelier-next{right:8px}.atelier-index{gap:16px;margin-top:0}.atelier-index button small{display:none}.atelier-index button{padding:8px 5px}.atelier-index button span{font-size:11px}}
/* 用户关闭动画或系统偏好减少动画时，选中和翻页立即生效，拖动仍可操作。 */
.exhibition-still .dial-pointer,.exhibition-still .atelier-canvas,.exhibition-still .compass-picture{transition:none}
.works-dial:focus-visible{outline:1px dashed #9db2bb;outline-offset:5px}
.dial-center svg{width:100%;height:100%;overflow:hidden}
/* 小屏把常驻导游移到标题下方留白，避免固定角落遮住当前作品的详情按钮。 */
@media(max-width:700px){body:has(.exhibition-page) .guide.gallery{position:absolute;left:calc(100% - 47px);top:190px;width:65px}}
/* 箭头放在手机画布下方，侧边预览露出的窄条仍能独立点击。 */
@media(max-width:700px){.atelier-arrow{top:auto;bottom:16px}}
/* clip不创建内部滚动容器，聚焦边缘画布时不会把整张画架横向挪走。 */
@media(max-width:700px){.atelier-stage{overflow:clip}body:has(.exhibition-page) .quiet-button{white-space:nowrap}}
@media(max-width:360px){body:has(.exhibition-page) .site-header .nav-link{display:none}}
@media(prefers-reduced-motion:reduce){.dial-pointer,.atelier-canvas,.compass-picture{transition:none}}