/* 01 · 空白画册是透明水彩素材，内容覆盖于纸页内；尺寸随书缩放，保留书脊留白。 */
.album-page{max-width:1300px;outline:none;user-select:none;-webkit-user-select:none}
/* 画册作为交互展陈，不产生文字选区或原生图片拖影；按钮点击和触屏翻页仍可用。 */
.album-page :is(img,svg){user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.album-stage{max-width:1120px;margin:26px auto 0}
.album-book{position:relative;aspect-ratio:2/1;width:100%;container-type:inline-size;perspective:1700px;touch-action:pan-y}
.album-book-clip{position:absolute;inset:0;pointer-events:none}
.album-skin{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none}
/* 书签为独立层：固定上端作为摆动支点，超出书本视框的部分裁掉，避免手机横向溢出。 */
.album-bookmark-holder{position:absolute;inset:0;overflow:hidden;z-index:10;pointer-events:none}
.album-bookmark{position:absolute;left:49.4%;top:6%;width:17.5%;height:94%;transform-origin:4.5% 0%;pointer-events:none;filter:drop-shadow(1px 2px 1px #8f6b2820)}
.album-left,.album-right{position:absolute;top:13%;height:65%;width:36%;margin:0;z-index:2}
.album-left{left:10%}.album-right{left:54%}
.album-photo-content{height:100%;display:flex;flex-direction:column;align-items:center;min-height:0}
.album-work{display:block;position:relative;flex:1;min-height:0;width:100%;border:1px solid #d4c9af66;background:#fffdf5;padding:8px;box-shadow:2px 3px 7px #8573510d;cursor:zoom-in}
.album-work .art{width:100%;height:100%;background:none!important;aspect-ratio:auto}
.photo-corner{position:absolute;width:24px;height:24px;background:#eadbbc;border:1px solid #d1bd96;filter:drop-shadow(1px 1px 1px #9b866319);pointer-events:none}
.corner-tl{left:-2px;top:-2px;clip-path:polygon(0 0,100% 0,0 100%)}
.corner-tr{right:-2px;top:-2px;clip-path:polygon(0 0,100% 0,100% 100%)}
.corner-bl{left:-2px;bottom:-2px;clip-path:polygon(0 0,100% 100%,0 100%)}
.corner-br{right:-2px;bottom:-2px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.album-piece-title{font-size:clamp(15px,2cqw,24px);font-weight:400;color:#58748c;margin:10px 0 4px;letter-spacing:1px}
.album-piece-number{font-size:clamp(8px,.8cqw,10px);color:#a38e6d;letter-spacing:1px}
.album-note-content{position:relative;display:flex;flex-direction:column;align-items:flex-start;height:100%;color:#6b8292}
.album-note-eyebrow{color:#ad9a7b;font-size:clamp(8px,.85cqw,11px);letter-spacing:1px}
.album-note-content h2{font-size:clamp(14px,1.8cqw,23px);font-weight:400;line-height:1.6;letter-spacing:1px;margin:10px 0 15px;padding-bottom:8px;border-bottom:1px solid #d5be883f;width:100%}
.album-note-content p{white-space:pre-line;line-height:2;font-size:clamp(11px,1.4cqw,17px);margin:0;letter-spacing:1px}
.album-note-sketch{position:absolute;right:0;bottom:7%;width:43%;height:34%;opacity:.65;pointer-events:none}
.album-note-sketch .art{background:none!important;width:100%;height:100%}
.album-detail{margin-top:auto;color:#978452;border:0;border-bottom:1px solid #c3b18f55;background:none;font-size:clamp(10px,1.1cqw,14px);padding:8px 0;position:relative;z-index:1}
.album-work:focus-visible,.album-detail:focus-visible,.album-controls button:focus-visible,.album-index button:focus-visible{outline:2px dashed #7c96a5;outline-offset:5px}
/* 02 · 翻页层的正背面各有内容，围绕书脊转动；背面文字最终保持正向。 */
.album-turn{position:absolute;top:6%;height:78%;width:44%;z-index:8;transform-style:preserve-3d;pointer-events:none}
.turn-forward{left:50%;transform-origin:left center}.turn-back{left:6%;transform-origin:right center}
.album-turn-face{position:absolute;inset:0;background:linear-gradient(90deg,#f4ecdc,#fffaf0 12%,#f8f1e4);backface-visibility:hidden;box-shadow:1px 3px 9px #9a825328;border:1px solid #d4c3a34f;border-radius:3px 9px 12px 3px}
/* 内容仍落在原来的纸页位置，翻动的是整张纸而不是作品卡片。 */
.album-turn-face>div{position:absolute;left:9.0909%;top:8.9744%;width:81.8182%;height:83.3333%}
.turn-reverse{transform:rotateY(180deg)}
.album-controls{display:flex;justify-content:center;align-items:center;gap:25px;margin:5px auto 0}
.album-controls button{width:44px;height:44px;border:0;background:none;color:#8098a5;font-size:28px}
.album-controls button:disabled{opacity:.25;cursor:default}
.album-page-count{color:#89979e;font-size:15px;letter-spacing:4px;min-width:83px;text-align:center}
.album-help{text-align:center;color:#9d9e91;font-size:11px;letter-spacing:1px;margin:9px 0 20px}
.album-index{display:flex;justify-content:center;gap:15px;margin-top:20px}
.album-index button{border:0;border-bottom:1px solid transparent;background:none;padding:8px 5px;color:#a7997d;font-size:11px}
.album-index button[aria-pressed="true"]{border-bottom-color:#bc9e62;color:#57748d}
.album-mobile-notes{display:none}
/* 03 · 手机改为单页画册，完整作品优先，笔记在下方展开；不用把文字缩成小字。 */
@media(max-width:700px){
 .album-page{padding-left:5%;padding-right:5%}
 .album-page .exhibition-heading h1{font-size:25px;letter-spacing:1px;line-height:1.5}
 .album-stage{max-width:430px;margin-top:24px}
 .album-book{aspect-ratio:.82/1}
 .album-book-clip{overflow:hidden;border-radius:3px}
 /* 小屏使用完整的单页书壳：不再裁取双页素材，避免右侧留下半截书脊。 */
 .album-skin{display:none}
 .album-book-clip::before,.album-book-clip::after{content:'';position:absolute;pointer-events:none}
 /* 先画蓝色封底和层叠纸边，再在其上覆盖一张完整的暖色纸页。 */
 .album-book-clip::before{inset:5% 4% 8% 5%;border:2px solid #6d91a4;border-radius:9px 11px 12px 9px;background:#83a5b5;box-shadow:3px 5px 0 #c5d2cf,5px 8px 12px #70685424}
 .album-book-clip::after{inset:4% 6% 10% 7%;border:1px solid #cbb58d;border-radius:6px 10px 10px 6px;background:repeating-linear-gradient(0deg,#ddcba51a 0 1px,transparent 1px 5px),linear-gradient(105deg,#efe1c4,#fff9e9 12%,#faf1df 87%,#ead9b8);box-shadow:-3px 3px 0 #eee0c5,-5px 5px 0 #d6c4a2,2px 3px 6px #8c78532b}
 .album-bookmark{left:77%;width:20%;transform-origin:95% 0%}
 .album-bookmark .bookmark-drawing{transform-box:view-box;transform-origin:center;transform:scaleX(-1)}
 .album-left{left:14%;width:76%;top:13%;height:65%}
 .album-right{display:none}
 .album-piece-title{font-size:20px;margin-top:13px}
 .album-piece-number{font-size:9px}
 .album-work{padding:9px}
 .album-turn{left:10%;width:86%;top:6%;height:78%;transform-origin:left center}
 .album-turn-face{padding:0;background:#fcf6e9}
 .album-turn-face>div{left:4.6512%;width:88.3721%}
 .album-turn .turn-reverse{display:none}
 .album-controls{gap:13px;margin-top:3px}
 .album-page-count{font-size:13px;letter-spacing:2px;min-width:70px}
 .album-help{font-size:9px;line-height:1.8;letter-spacing:0;margin-bottom:22px}
 .album-mobile-notes{display:block;margin:12px auto 0;padding:15px 10px;max-width:380px}
 .album-mobile-notes .album-note-content{min-height:185px}
 .album-mobile-notes .album-note-content h2{font-size:19px;margin-top:9px}
 .album-mobile-notes .album-note-content p{font-size:14px}
 .album-mobile-notes .album-note-eyebrow{font-size:9px}
 .album-mobile-notes .album-note-sketch{width:105px;height:90px;bottom:0}
 .album-mobile-notes .album-detail{font-size:12px;margin-top:20px}
 .album-index{gap:13px}
}