/* Guofeng folios: separate pages, no horizontal scroll. */
:root{--ink-wash:#879781;--paper:#f6f2e8;--panel:#fbf8f0;--line:#cfc4ad;--accent:#78866d;--gold:#a18e69}
body{background-color:#f6f2e8;background-image:url('assets/ink/paper-landscape.png');background-size:cover;background-position:center;background-attachment:fixed;color:#48483f}
body.dark{background-image:linear-gradient(#152626dd,#152626dd),url('assets/ink/paper-landscape.png')}
.site-header{background:#f6f2e8e8!important;backdrop-filter:none;box-shadow:none;border-bottom:1px solid #b7a78b55}.dark .site-header{background:#1c2d2ce8!important}
body button,.btn,.segmented button,.controls button{position:relative;border-radius:2px 5px 3px 1px;isolation:isolate;transition:color .35s,border-color .35s;font-family:'STSong','SimSun',serif}
button::after,.btn::after{content:'';position:absolute;inset:-5px;z-index:-1;pointer-events:none;border-radius:47% 53% 56% 44%;background:radial-gradient(ellipse at center,#88957b33,transparent 70%);opacity:0;transform:scale(.3);transition:transform .6s ease,opacity .6s ease}
button:hover::after,button:focus-visible::after,.btn:hover::after{opacity:1;transform:scale(1.15)}button:focus-visible,a:focus-visible{outline:2px solid #8d7757;outline-offset:5px}
.exhibit,.info-box,.quiz-shell{box-shadow:none;border-color:#c2b397;background-color:#faf7efda;background-image:linear-gradient(90deg,#a28e6722 1px,transparent 1px),linear-gradient(#a28e6722 1px,transparent 1px);background-size:12px 12px;background-repeat:no-repeat;background-position:8px 8px}
.exhibit{outline:1px solid #cfc3aa;outline-offset:-8px}.exhibit:before,.ink-sheet:before{content:'';position:absolute;pointer-events:none;inset:8px;border:1px solid #b6a58466;clip-path:polygon(0 0,30px 0,30px 2px,2px 2px,2px 30px,0 30px,0 0,100% 0,100% 30px,calc(100% - 2px) 30px,calc(100% - 2px) 2px,calc(100% - 30px) 2px,calc(100% - 30px) 0,100% 0,100% 100%,calc(100% - 30px) 100%,calc(100% - 30px) calc(100% - 2px),calc(100% - 2px) calc(100% - 2px),calc(100% - 2px) calc(100% - 30px),100% calc(100% - 30px),100% 100%,0 100%,0 calc(100% - 30px),2px calc(100% - 30px),2px calc(100% - 2px),30px calc(100% - 2px),30px 100%,0 100%)}.exhibit{position:relative}
body.ink-reading-mode .site-footer{display:none}body.ink-reading-mode #content{max-width:1600px;width:94%;margin:auto}body.ink-reading-mode .floating-tools{bottom:10px}.ink-folio{position:relative;width:100%;height:min(810px,calc(100dvh - 104px));min-height:650px;max-width:1440px;margin:10px auto 0;display:flex;flex-direction:column;padding:28px 32px 20px;isolation:isolate;animation:folio-open .8s ease both;transform-origin:0 50%;perspective:1400px;overflow:hidden;background:linear-gradient(90deg,#bfb09514,transparent 3%,transparent 97%,#bfb09514)}
.ink-folio:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:8;background:linear-gradient(100deg,transparent 50%,#d6ccb333 72%,#faf5eaa6 95%);transform-origin:left center;animation:paper-turn .9s ease both}
.ink-title{display:flex;gap:26px;align-items:center;position:relative;z-index:2;margin-bottom:24px}.ink-title h1{font:clamp(40px,4vw,62px)/1.2 'STKaiti','KaiTi','SimSun',serif;letter-spacing:12px;font-weight:400;margin:9px 0 11px}.ink-title p{font:13px/1.8 'STSong','SimSun',serif;letter-spacing:2px;color:var(--muted);margin:0}.ink-title small{font:11px serif;letter-spacing:4px;color:#9a8b6e}.ink-seal{font:19px 'STKaiti','KaiTi',serif;writing-mode:vertical-rl;letter-spacing:5px;color:#a26e61;border:2px solid #ac776988;outline:1px solid #ac776944;outline-offset:3px;padding:7px 4px;border-radius:3px 1px 6px 2px}.ink-select{margin-left:auto;font:12px serif;display:flex;align-items:center;gap:12px;color:#8f8169}.ink-select select{background:#f9f4e8;border:1px solid #b3a184;color:#605643;font:15px serif;padding:8px 12px}
.ink-reading{flex:1;min-height:0;display:grid;grid-template-columns:48px minmax(0,1fr) 210px;gap:25px;position:relative;z-index:2;align-items:center}.ink-tabs{display:flex;flex-direction:column;gap:18px;align-self:start;margin-top:20px}.ink-tabs button{writing-mode:vertical-rl;padding:16px 10px;font:17px 'SimSun',serif;letter-spacing:8px;min-height:83px;border:1px solid #b5a78d;color:#85775f;background:linear-gradient(90deg,#d4c5a833,#f7f1e7aa,#d4c5a833);border-radius:1px 5px 2px 3px}.ink-tabs button.active{color:#976652;border:1px solid #aa7462;box-shadow:inset 0 0 0 3px #eee5d6}
.ink-sheet{height:100%;position:relative;max-height:520px;padding:30px 38px;border:1px solid #bfb19477;background:#faf7efc9;box-shadow:2px 3px 15px #9684680b;animation:folio-open .55s ease both;overflow:auto;scrollbar-width:thin}.ink-panel-heading span{font:11px serif;letter-spacing:4px;color:#9c8968}.ink-panel-heading h2{font:clamp(23px,2.3vw,33px)/1.5 'STKaiti','KaiTi','SimSun',serif;font-weight:400;letter-spacing:5px;margin:10px 0 28px}.ink-hou{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #b5a88b55;margin:18px 0 25px}.ink-hou>div{text-align:center;padding:20px 8px;border-right:1px solid #b5a88b55}.ink-hou>div:last-child{border-right:0}.ink-hou span,.ink-hou small{display:block;font:10px serif;letter-spacing:3px;color:#98876b}.ink-hou strong{display:block;font:clamp(16px,1.7vw,23px) 'SimSun',serif;letter-spacing:3px;font-weight:400;margin:15px 0}.ink-detail-row{display:grid;grid-template-columns:1fr 220px;gap:20px}.ink-sheet h3{font:19px serif;font-weight:400;letter-spacing:3px;margin:10px 0}.ink-sheet p{font:12px/1.9 'Microsoft YaHei',sans-serif;color:var(--muted)}.ink-crop-art{display:flex;gap:8px;align-items:center}.ink-crop-art button{background:transparent;border:0;padding:0;flex:1;min-width:0}.ink-crop-art img{width:100%;height:120px;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.55);opacity:.85}.ink-sheet .chips button{font:12px serif;padding:5px 10px;border:1px solid #bbab8b;background:transparent}.ink-link{font:12px serif;letter-spacing:2px;color:#84704e;display:inline-block;margin-top:10px;border-bottom:1px solid #b29e7a55;padding-bottom:5px}
.ink-decoration{width:100%;padding:0;background:none;border:0;color:var(--ink-season);opacity:.65}.ink-decoration svg{width:100%;display:block;overflow:visible;filter:url('#none')}.ink-decoration:hover{opacity:.85}.ink-decoration span{font:12px/2 'SimSun',serif;display:block;letter-spacing:2px}.ink-decoration small{font:10px/2 serif;display:block;letter-spacing:1px;color:#786f5d;margin-top:12px}.ink-decoration::after{inset:0 0 35%;background:radial-gradient(ellipse,#8e987744,transparent 65%)}
.ink-pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin:22px 0 0;z-index:3;font:13px serif;min-height:45px}.ink-pagination>button{padding:7px 12px;border:1px solid #b5a68b77;background:#f7f2e499;white-space:nowrap}.ink-nodes{display:flex;gap:7px;flex-wrap:wrap;justify-content:center}.ink-nodes button{width:12px;height:12px;min-width:12px;border:1px solid #b7a88e;border-radius:50%;padding:0;background:#ede4d5;position:relative}.ink-nodes button.active{background:#9a7766;border-color:#9a7766}.ink-nodes button span{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font:10px serif;white-space:nowrap;opacity:0;transition:opacity .3s;background:var(--paper);padding:3px;pointer-events:none}.ink-nodes button:hover span,.ink-nodes button:focus-visible span{opacity:1}
.ink-sky-graphic{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;height:270px}.ink-sky-graphic svg{width:100%;height:100%}.ink-moon{position:relative;text-align:center}.ink-moon svg{height:170px}.ink-moon strong{font:18px serif;display:block;margin:3px}.ink-moon label{font:11px serif;display:block;margin:15px;color:#8c806a}.ink-moon input{width:80%;display:block;margin:12px auto;accent-color:#8d8e73}.ink-human{display:grid;grid-template-columns:120px 1fr;gap:35px;align-items:center}.ink-gua{text-align:center;color:#9e8068}.ink-gua strong{display:block;font:21px serif;letter-spacing:4px;margin-top:18px}.ink-yao{display:flex;gap:12px;margin:8px auto;height:8px;width:90px}.ink-yao i{background:#a88b6a;flex:1}.ink-yao.yang{gap:0}.ink-yao.yin i{background:#84939a}
.ink-particles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ink-particles i{position:absolute;left:var(--x);animation-delay:var(--delay);animation-duration:var(--duration);animation-iteration-count:infinite;animation-timing-function:linear}.ink-rain{width:1px;height:18px;background:#8c9f9c;opacity:.13;animation-name:ink-fall;top:-20px}.ink-snow{width:4px;height:4px;border-radius:50%;background:#a9b5b5;opacity:.22;animation-name:ink-fall;top:-20px}.ink-petal{width:7px;height:4px;border-radius:90% 20%;background:var(--ink-season);opacity:.18;animation-name:ink-fall;top:-20px}.ink-mist{width:140px;height:35px;border-radius:50%;background:radial-gradient(ellipse,#abb9ac22,transparent 70%);top:75%;animation-name:cloud-drift}.ink-bamboo{transform-origin:50% 95%;animation:branch-sway 8s ease-in-out infinite;animation-delay:var(--delay,0s)}.ink-cloud,.ink-bird{animation:cloud-drift 18s ease-in-out infinite}.ink-blossom{opacity:.7}.ink-insect{animation:insect-wake 9s ease-in-out infinite}
.ink-still .ink-decoration *,.ink-still .ink-particles *{animation-play-state:paused!important}.dark .ink-sheet{background:#203532e8}.dark .ink-select select,.dark .ink-pagination>button{background:#263a35;color:#d4c9ad}.dark .ink-crop-art img{mix-blend-mode:normal}.dark .ink-folio{color:#d4c9ad}
@keyframes folio-open{from{opacity:0;transform:perspective(1400px) rotateY(-3deg)}to{opacity:1;transform:perspective(1400px) rotateY(0)}}@keyframes paper-turn{from{opacity:.65;transform:perspective(1400px) rotateY(0)}to{opacity:0;transform:perspective(1400px) rotateY(-35deg)}}@keyframes branch-sway{50%{transform:rotate(2deg)}}@keyframes cloud-drift{50%{transform:translate(10px,2px)}}@keyframes insect-wake{50%{transform:translate(7px,-1px)}}@keyframes ink-fall{to{transform:translate(25px,900px) rotate(80deg)}}
@media(max-width:1100px){.ink-folio{padding:22px 12px}.ink-reading{grid-template-columns:42px 1fr 150px;gap:16px}.ink-sheet{padding:23px}.ink-detail-row{grid-template-columns:1fr 150px}.ink-nodes{gap:5px}.ink-pagination{gap:10px}.ink-title h1{font-size:43px}}
@media(max-width:800px){body.ink-reading-mode #content{width:94%}.ink-folio{height:auto;min-height:0;overflow:visible;padding:25px 0 60px}.ink-title{gap:18px;flex-wrap:wrap}.ink-title>div{flex:1}.ink-select{width:100%;justify-content:flex-end}.ink-reading{display:grid;grid-template-columns:1fr;gap:18px}.ink-tabs{flex-direction:row;margin:0;justify-content:center}.ink-tabs button{writing-mode:horizontal-tb;min-height:0;padding:10px 22px;letter-spacing:5px}.ink-sheet{max-height:none;height:auto;min-height:400px;padding:23px 20px}.ink-margin{width:180px;justify-self:center}.ink-decoration svg{height:160px}.ink-pagination{flex-wrap:wrap}.ink-nodes{order:3;width:100%;gap:10px;margin-top:12px}.ink-title h1{font-size:44px}.ink-hou strong{font-size:17px;letter-spacing:1px}.ink-detail-row{grid-template-columns:1fr}.ink-crop-art{max-width:200px;margin:auto}.ink-human{gap:18px;grid-template-columns:90px 1fr}.ink-sky-graphic{height:auto;grid-template-columns:1fr}.ink-solar{height:250px}.ink-moon{height:250px}.ink-folio:after{display:none}}
@media(prefers-reduced-motion:reduce){.ink-folio,.ink-folio *{animation:none!important;transition:none!important}.ink-folio:after{display:none}.ink-particles{display:none}}
.brush-icon{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.header-actions button .brush-icon{width:18px;height:18px}.ink-still .ink-decoration *,.ink-still .ink-particles *{animation-play-state:paused!important}.ink-reading-mode .ink-pagination>button:last-child{border-color:#a77262;color:#a77262}.ink-folio .source-note{font-size:10px;line-height:1.7}.ink-human p{max-width:540px}.ink-folio .ink-decoration svg{filter:none}.ink-reading-mode .site-header nav a{font-family:'STSong','SimSun',serif;font-size:13px;letter-spacing:2px}.ink-sheet .ink-moon #inkMoonGraphic{height:170px}