@font-face{font-family:Brush;src:url('../../assets/fonts/MaShanZheng-Regular.ttf')}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#234133;color:#2b4c3c;font:20px/1.7 'PingFang SC',sans-serif}button,a{cursor:pointer;font:inherit}button{background:#eee7d1;color:#34523e;border:1px solid #b5a677}button:hover{background:#dadfc7}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #c39845;outline-offset:4px}#stage{position:absolute;width:1920px;height:1080px;transform-origin:0 0;border:12px double #a99b6d;background:radial-gradient(ellipse at 95% 55%,#c5d1b4,#ece7d6 65%)}header{position:absolute;left:58px;right:58px;top:32px;height:110px;border-bottom:1px solid #b1aa87;display:flex;align-items:center;gap:40px}.brand{font-size:23px;letter-spacing:3px}.brand small{display:block;font:10px/2 sans-serif;color:#8a8265;letter-spacing:3px}h1{font:68px Brush;letter-spacing:9px;margin:0}header p{font:26px Brush;color:#917845}header a{margin-left:auto;border:1px solid #b5a878;padding:10px 18px;font-size:16px;color:inherit;text-decoration:none}.section-title{position:absolute;top:162px;left:58px;right:58px;display:flex;justify-content:space-between;align-items:center}.section-title span{font:30px Brush}.section-title small{font-size:15px;color:#819073}.hero{position:absolute;left:58px;top:221px;width:1110px;height:735px;border:8px solid #d2c49c;outline:1px solid #9e8a5c;overflow:hidden;box-shadow:8px 14px 25px #3d50312b}.hero>img{width:100%;height:100%;object-fit:cover;object-position:40% center;animation:breathe 25s ease-in-out infinite alternate}.art-label{position:absolute;top:17px;left:19px;font-size:12px;color:#f0e4c5;background:#264b3dbb;padding:5px 12px;letter-spacing:1px}.hero-copy{position:absolute;bottom:0;left:0;right:0;padding:75px 44px 35px;background:linear-gradient(transparent,#173e32e8 28%,#173e32f5);color:#f0e3bd}.hero-copy>span{font-size:13px;letter-spacing:5px;color:#c6b57f}.hero-copy h2{font:43px Brush;letter-spacing:4px;margin:10px 0 12px}.hero-copy p{font-size:19px;line-height:1.9;margin:0;color:#dedfc6}.feature-nav{position:absolute;left:1150px;top:231px;width:690px;height:715px}.arc-line{position:absolute;left:20px;top:20px;width:455px;height:660px;border-right:3px double #ad9763;border-radius:0 100% 100% 0;box-shadow:8px 0 22px -20px #435832}.arc-title{position:absolute;left:74px;top:275px;font:49px Brush;color:#788a65;writing-mode:vertical-rl;letter-spacing:9px}.arc-title small{font:18px 'PingFang SC';letter-spacing:7px;margin-top:22px;color:#a28651}.feature{position:absolute;width:370px;height:128px;text-align:left;padding:20px 65px 18px 32px;border-radius:10px 105px 105px 10px;border:2px solid #b5a16a;background:linear-gradient(110deg,#234f3f,#426b50);color:#f2e4ba;box-shadow:6px 10px 18px #274a302a,inset 0 0 0 5px #42684c,inset 0 0 0 6px #b5a56c70;transition:transform .3s,box-shadow .3s}.feature:nth-child(1){left:110px;top:14px}.feature:nth-child(2){left:230px;top:185px}.feature:nth-child(3){left:230px;top:370px}.feature:nth-child(4){left:110px;top:541px}.feature:hover{transform:translateX(-12px);background:linear-gradient(110deg,#345d45,#56764f);box-shadow:10px 13px 24px #304d3435}.feature h2{font:35px Brush;letter-spacing:3px;margin:0 0 7px}.feature small{font-size:13px;color:#c9ceab}.feature em{position:absolute;right:44px;top:36px;font:27px Brush;color:#dbc48d;border:1px solid #b4a16a;padding:2px 7px;opacity:.8}footer{position:absolute;bottom:20px;left:58px;right:58px;display:flex;justify-content:space-between;border-top:1px solid #b9ae86;padding-top:11px;font-size:14px;color:#697e5d}footer small{font-size:12px}dialog{border:2px solid #aa935b;background:#eae5cf;color:#2c4e3b;box-shadow:0 20px 100px #142c2277;max-height:90vh;overflow:auto}dialog::backdrop{background:#18392cd6;backdrop-filter:blur(5px)}#story{width:min(1450px,95vw);padding:50px;grid-template-columns:1fr 1.05fr;gap:50px}#story[open]{display:grid;animation:reveal .28s ease-out}.close{position:absolute;right:17px;top:12px;width:36px;height:36px;font-size:25px}.story-text>span{color:#9b7f48;font-size:15px;letter-spacing:3px}.story-text h2{font:56px Brush;margin:12px 0 25px}.story-text h3{font-size:23px;line-height:1.7;font-weight:500}.story-text p{font-size:18px;line-height:2}#story-note{font-size:14px;color:#899073;border-top:1px solid #bdbb9b;padding-top:15px}#topic-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}#topic-nav button{font-size:14px;padding:7px 12px}#topic-nav .active{background:#315b42;color:#ede2b9}#open-image{width:100%;height:370px;display:flex;align-items:center;justify-content:center;background:#d7d7bf;padding:20px;border:1px solid #b7ab81}#story-image{max-width:100%;max-height:100%;object-fit:contain}.story-gallery h3{font-size:19px;margin:14px 0 5px}.story-gallery>p{font-size:14px;color:#80886c;margin:0}.gallery-controls{display:flex;gap:15px;align-items:center;font-size:14px;margin:15px 0}.gallery-controls button{width:42px;height:32px}.gallery-controls>span:last-child{margin-left:auto;font-size:12px;color:#9c8250}#thumbnails{display:flex;gap:12px}#thumbnails button{width:95px;height:68px;padding:4px;background:#dddfcb}#thumbnails button.active{outline:2px solid #9b8350}#thumbnails img{width:100%;height:100%;object-fit:contain}#viewer{width:min(1450px,95vw);padding:23px}.viewer-bar{display:flex;gap:10px;align-items:center}.viewer-bar span{margin-right:auto;font-size:19px}.viewer-bar button{font-size:16px;padding:5px 14px}#image-area{height:61vh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#d5d9c6;touch-action:none;cursor:grab;margin-top:18px}#large-image{max-width:86%;max-height:90%;object-fit:contain;pointer-events:none;user-select:none}.viewer-bottom{display:flex;gap:15px;align-items:center;margin-top:15px;font-size:15px}.viewer-bottom button{padding:3px 20px}.viewer-bottom small{margin-left:auto;color:#8a8e6e}@keyframes breathe{to{transform:scale(1.035)}}@keyframes reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:900px){#story{gap:24px;padding:35px}.story-text h2{font-size:38px}.story-text h3{font-size:18px}.story-text p{font-size:15px}#open-image{height:270px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* 左文右片：纸质书签呼应书院藏书，影像独占右侧大窗口。 */
[hidden]{display:none!important}#stage{background:linear-gradient(110deg,#ece4d3f2,#e5e4d0eb),url('../../assets/backgrounds/2-1.png') center/cover}.academy-intro{position:absolute;left:58px;top:220px;width:548px}.eyebrow{font-size:14px;letter-spacing:3px;color:#9d814d}.academy-intro>h2{font:50px/1.35 Brush;margin:20px 0 22px;letter-spacing:4px}.academy-intro>p{font-size:21px;line-height:1.95;color:#617759;margin:0 0 30px}.note-title{font:27px Brush;border-top:1px solid #b5ab83;padding-top:24px}.note-title small{font:13px 'PingFang SC';color:#8b9074;margin-left:25px}#features{display:flex;gap:17px;margin:24px 0 0}.feature{position:relative!important;left:auto!important;top:auto!important;width:167px;height:216px;flex:1;padding:26px 15px 18px;text-align:center;border-radius:2px;background:linear-gradient(100deg,#e7d5a8,#f2e7c8);border:1px solid #bfa46c;color:#345a41;box-shadow:4px 8px 13px #4b513324;transform:rotate(-2deg)}.feature:nth-child(2){transform:translateY(11px) rotate(1deg)}.feature:nth-child(3){transform:rotate(2deg)}.feature:hover{transform:translateY(-8px);background:#efe1b9}.feature:before{content:'';position:absolute;left:30%;right:30%;top:-7px;height:16px;background:#9a765ac2;transform:rotate(2deg)}.feature h2{font:27px/1.5 Brush;letter-spacing:1px;margin:3px 0 17px}.feature small{display:block;font-size:12px;line-height:1.8;color:#8d7c51}.feature em{position:static;display:inline-block;font:24px Brush;color:#94633c;border:1px solid #b48d5c;padding:2px 9px;margin-top:14px}.stages{display:flex;gap:12px;align-items:center;font-size:14px;color:#8b805f;margin-top:33px}.stages i{font-style:normal;color:#baa873}.film-area{position:absolute;left:670px;right:58px;top:210px}.film-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:22px;letter-spacing:2px}.film-heading small{font-size:12px;color:#8b8668;letter-spacing:0}.film-frame{position:relative;width:100%;aspect-ratio:16/9;border:7px solid #344b3a;outline:1px solid #a38e5d;background:#183b2d;box-shadow:0 10px 22px #304a3629}.film-frame video{width:100%;height:100%;object-fit:contain;background:#122d22}.film-caption{position:absolute;bottom:0;left:0;right:0;padding:30px 19px 9px;background:linear-gradient(transparent,#173929cf);font-size:13px;color:#d8d7b4;pointer-events:none}.film-controls{padding:12px 18px;background:#d9ddc7;border:1px solid #aaa883;margin-top:12px}.timeline{display:flex;gap:16px;align-items:center}.timeline input{flex:1}.timeline span{font:13px sans-serif;color:#7d8968}.film-controls input[type=range]{accent-color:#41694b;min-width:0;height:18px}.transport{display:flex;align-items:center;gap:10px;margin-top:10px}.transport button{font-size:14px;padding:6px 17px;white-space:nowrap}#play{background:#345e44;color:#efe3bf;min-width:78px}#volume{width:130px;flex:1}.transport output{font-size:12px;min-width:33px}.transport label{font-size:12px;white-space:nowrap;text-decoration:underline;cursor:pointer;color:#8c784d}#film-status{font-size:11px;color:#7e8c70;margin-top:7px}#film-error{position:absolute;inset:0;display:grid;place-content:center;background:#17392bec;color:#e8d4a1;font-size:19px}#topic-nav button{font-size:13px}.viewer-bar span{max-width:50%}
.film-frame{height:580px;aspect-ratio:auto}.feature h2{font-size:24px;letter-spacing:0}.film-area{top:210px}