/* Visual edition 2: photographic Oriental cultural exhibition. */
@font-face{font-family:ChaoshiSerif;src:url('assets/v2/serif.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:ChaoshiSans;src:url('assets/v2/sans.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f3eee1;--ink:#29372b;--gold:#ac9161;--body:#343d35}
html,body{background:#18261f;color:#e9e2d1;font-family:ChaoshiSans,"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.serif,h1,h2,h3,.wordmark,.slide-brand,.vertical-label,.seal{font-family:ChaoshiSerif,"Noto Serif CJK SC","Songti SC","SimSun",serif;font-weight:400}
.preview-header{border-color:rgba(211,198,158,.17);height:79px;margin:0 4.2%}.wordmark{font-size:24px;letter-spacing:4px}.wordmark small{font-family:ChaoshiSans,sans-serif;color:#a69f8a;font-size:9px;letter-spacing:4px;margin-top:3px}.wordmark .seal{color:#d2b68a;border-color:#a88c62}.header-meta{color:#9a9f8b;font-size:10px;letter-spacing:2px}.header-divider{background:#63705c}.preview-header .text-button{border-color:#69735b;padding:10px 20px;border-radius:0;font-size:11px;color:#e8dfc9}.preview-header .text-button:hover{background:#344335}.live-dot{background:#b5a67d}.viewport{box-shadow:0 19px 70px rgba(0,0,0,.22)}
.slide{background:#f3eee1;color:#29372b}.slide:after{border:0}.slide.theme-dark{background:#182b22;color:#f3edde}.slide.theme-warm{background:#eee2ce;color:#584230}
.slide-header{top:66px;left:104px;right:104px}.slide-brand{font-size:28px;letter-spacing:7px}.slide-brand .seal{font-size:13px;width:30px;height:39px;color:#8e6042;border-color:#8e6042;border-radius:0}.theme-dark .slide-brand .seal{color:#c19d71;border-color:#a5865b}.slide-category{font-size:17px;letter-spacing:5px;opacity:.65}.slide-category:before{width:40px}.slide-footer{font-size:17px;letter-spacing:3px;bottom:68px}.slide-number{font:20px Georgia,serif;letter-spacing:3px}.progress-track{width:119px;background:rgba(146,133,101,.22)}.progress-fill{background:#ab9368}.eyebrow{font-family:Georgia,ChaoshiSerif,serif;font-size:16px;letter-spacing:4px;color:#9c8258}.theme-dark .eyebrow{color:#c5ac78}.slide h1{font-size:126px;line-height:1.2;letter-spacing:16px}.slide h2{font-size:44px;line-height:1.45;letter-spacing:7px}.slide p{font-family:ChaoshiSans,"Microsoft YaHei",sans-serif;font-size:29px;line-height:1.85;letter-spacing:1px}.slide .main-copy{z-index:3}.note h3{font-size:26px;letter-spacing:2px;margin-right:23px}.note p{font-size:23px;line-height:1.8;opacity:.75}.note-list{padding-top:27px;margin-top:37px}.note{margin-bottom:17px}.tags{margin-top:30px}.tag{font-size:22px;letter-spacing:3px;padding:0 22px}.art-orbit,.season-watermark{display:none}.art-wrap{z-index:1}.art{object-fit:cover}.art-credit{font-family:ChaoshiSans,sans-serif;z-index:4;opacity:.62;font-size:13px;letter-spacing:2px}.art-wrap.failed{background:var(--paper)}.theme-dark .art-wrap.failed{background:#20342a}.art-wrap.failed:after{display:none}.art-fallback{color:#455b46}.theme-dark .art-fallback{color:#e3d6b9}.vertical-label{font-size:24px;letter-spacing:15px;opacity:.62}
/* Opening: luminous panoramic mountains and a deliberately spare title. */
.layout-welcome .art-wrap{opacity:1}.layout-welcome .art-wrap:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(180deg,rgba(244,240,230,.15),transparent 40%,rgba(20,34,23,.16))}.layout-welcome .art{object-position:50% 50%}.welcome-center{top:202px}.welcome-center .eyebrow{font-family:ChaoshiSans,sans-serif;font-size:18px;letter-spacing:6px;color:#6e7057}.welcome-center h1{font-size:162px;letter-spacing:28px;line-height:1.3;margin:39px 0 35px;padding-left:28px}.welcome-center .couplet p{font-family:ChaoshiSerif,"SimSun",serif;font-size:35px;line-height:1.9;letter-spacing:9px}.welcome-center .welcome-rule{width:52px;margin:32px auto 28px;background:#a08d64}.welcome-center .welcome-subtitle{font-family:ChaoshiSans,sans-serif;font-size:21px;letter-spacing:8px}.welcome-seal{right:395px;top:151px;width:43px;height:61px;font-size:19px;border-color:#996c48;color:#996c48;border-radius:0}.layout-welcome .vertical-label{left:135px;top:298px;font-size:24px;letter-spacing:17px}.layout-welcome .slide-footer{color:#eee5d0;text-shadow:0 1px 3px rgba(20,35,20,.5)}.layout-welcome .art-credit{right:112px;bottom:137px;color:#f3ecd9;font-size:13px;opacity:.65}.layout-welcome .progress-fill{background:#dfc899}.layout-welcome .progress-track{background:rgba(238,229,208,.26)}
/* Philosophy: expansive landscape, ink-green text field, three short pillars. */
.layout-philosophy .art-wrap{top:0;right:0;width:1120px;height:1080px;border-radius:0;background:none;opacity:1}.layout-philosophy .art{width:100%;height:100%;left:0;object-position:68% 50%}.layout-philosophy .art-wrap:after{content:"";position:absolute;top:0;bottom:0;left:0;width:270px;background:linear-gradient(90deg,#182b22,rgba(24,43,34,0))}.layout-philosophy .main-copy{left:118px;top:205px;width:835px}.layout-philosophy h1{font-size:102px;line-height:1.48;letter-spacing:12px;margin:22px 0 21px}.layout-philosophy .gold-line{margin:21px 0 28px;width:54px}.layout-philosophy .main-copy>p{font-size:29px}.philosophy-pillars{margin-top:45px}.philosophy-pillar{width:215px;margin-right:38px;padding-top:18px}.philosophy-pillar h3{font-size:29px;letter-spacing:5px;margin-bottom:12px}.philosophy-pillar p{font-size:21px;line-height:1.85}.layout-philosophy .vertical-label{right:108px;top:240px;color:#f8efda;text-shadow:0 1px 6px #233a28}.layout-philosophy .art-credit{right:116px;bottom:139px;color:#f5eedc}.layout-philosophy .slide-category,.layout-philosophy .footer-right{color:#f4edda;text-shadow:0 1px 4px #1e2b1e}
/* Four seasons: full-height photographic plates alternate sides. */
.layout-season-spring .art-wrap{left:0;top:0;width:1030px;height:1080px}.layout-season-spring .art{object-position:63% 50%}.layout-season-spring .art-wrap:after{content:"";position:absolute;top:0;bottom:0;right:0;width:160px;background:linear-gradient(90deg,rgba(243,238,225,0),#f3eee1)}.layout-season-spring .main-copy{left:1120px;top:220px;width:695px}.layout-season-spring h1{font-size:130px;margin:19px 0 20px}.layout-season-spring h2{font-size:45px;margin-bottom:28px}.layout-season-spring .main-copy>p{font-size:28px}.layout-season-spring .note{display:block;margin-bottom:18px}.layout-season-spring .note h3{font-size:24px;margin-bottom:3px}.layout-season-spring .note p{font-size:22px}.layout-season-spring .art-credit{left:105px;bottom:139px;color:#4b513d}.layout-season-spring .slide-brand{color:#293c29}.layout-season-spring .vertical-label{display:none}
.layout-season-summer{background:#162b20!important}.layout-season-summer .art-wrap{top:0;right:0;width:1120px;height:1080px}.layout-season-summer .art{object-position:55% 50%}.layout-season-summer .art-wrap:after{content:"";position:absolute;top:0;bottom:0;left:0;width:230px;background:linear-gradient(90deg,#162b20,rgba(22,43,32,0))}.layout-season-summer .main-copy{left:118px;top:218px;width:800px}.layout-season-summer h1{font-size:132px;margin:18px 0 16px}.layout-season-summer h2{font-size:44px;margin-bottom:30px}.layout-season-summer .art-credit{right:111px;bottom:140px;color:#f2e5c7}.layout-season-summer .slide-category,.layout-season-summer .footer-right{color:#eee8d6}.layout-season-summer .note-list{max-width:755px}
.layout-season-autumn .art-wrap{top:0;right:0;width:1090px;height:1080px}.layout-season-autumn .art{object-position:59% 50%}.layout-season-autumn .art-wrap:after{content:"";position:absolute;top:0;bottom:0;left:0;width:220px;background:linear-gradient(90deg,#eee2ce,rgba(238,226,206,0))}.layout-season-autumn .main-copy{left:119px;top:216px;width:800px}.layout-season-autumn h1{font-size:128px;margin:19px 0 18px}.layout-season-autumn h2{font-size:43px;margin-bottom:28px}.layout-season-autumn .art-credit{right:108px;bottom:139px;color:#f8eedb;text-shadow:0 1px 2px #58402c}.layout-season-autumn .slide-category,.layout-season-autumn .footer-right{color:#f5e9cd;text-shadow:0 1px 4px #58402c}
.layout-season-winter{background:#211f19!important}.layout-season-winter .art-wrap{left:0;top:0;width:1100px;height:1080px}.layout-season-winter .art{object-position:52% 50%}.layout-season-winter .art-wrap:after{content:"";position:absolute;top:0;bottom:0;right:0;width:215px;background:linear-gradient(90deg,rgba(33,31,25,0),#211f19)}.layout-season-winter .main-copy{left:1150px;top:218px;width:656px}.layout-season-winter h1{font-size:129px;margin:20px 0 18px}.layout-season-winter h2{font-size:43px;margin-bottom:29px}.layout-season-winter .main-copy>p{font-size:27px}.layout-season-winter .note{display:block;margin-bottom:19px}.layout-season-winter .note h3{font-size:25px;margin-bottom:4px}.layout-season-winter .note p{font-size:22px}.layout-season-winter .art-credit{left:107px;bottom:140px;color:#f8e6c5}.layout-season-winter .slide-brand,.layout-season-winter .slide-footer{color:#eee3cc}
/* Ingredient folios: mineral paper, framed botanical photographs, indexed notes. */
.layout-ingredient-yam .art-wrap{top:0;right:0;width:1080px;height:1080px}.layout-ingredient-yam .art{object-position:65% 50%}.layout-ingredient-yam .art-wrap:after{content:"";position:absolute;top:0;bottom:0;left:0;width:180px;background:linear-gradient(90deg,#f3eee1,rgba(243,238,225,0))}.layout-ingredient-yam .main-copy{left:118px;top:218px;width:820px}.layout-ingredient-yam h1{font-size:132px;margin:22px 0 17px}.layout-ingredient-yam h2{font-size:43px;margin-bottom:28px}.layout-ingredient-yam .note{display:block}.layout-ingredient-yam .note h3{font-size:23px;margin-bottom:4px}.layout-ingredient-yam .note p{font-size:22px}.layout-ingredient-yam .art-credit{right:110px;bottom:139px;color:#f3e6ce;text-shadow:0 1px 3px #483d2b}.layout-ingredient-yam .footer-right{color:#efe6d3;text-shadow:0 1px 3px #483d2b}
.layout-ingredient-lily{background:#eeeede!important}.layout-ingredient-lily .art-wrap{left:104px;top:176px;width:860px;height:731px;overflow:visible}.layout-ingredient-lily .art{object-fit:cover;object-position:45% 50%}.layout-ingredient-lily .art-wrap:after{content:"";position:absolute;left:23px;right:-24px;top:23px;bottom:-24px;border:1px solid #bbb395;z-index:-1}.layout-ingredient-lily .main-copy{left:1107px;top:219px;width:704px}.layout-ingredient-lily h1{font-size:126px;margin:22px 0 17px;letter-spacing:16px}.layout-ingredient-lily h2{font-size:43px;margin-bottom:29px}.layout-ingredient-lily .main-copy>p{font-size:27px}.layout-ingredient-lily .note-list{margin-top:36px;padding-top:25px}.layout-ingredient-lily .note h3{font-size:24px;margin-bottom:9px}.layout-ingredient-lily .note p{font-size:22px;line-height:1.8}.layout-ingredient-lily .vertical-label{display:none}.layout-ingredient-lily .art-credit{left:105px;bottom:129px;opacity:.7}
.layout-ingredient-tremella .main-copy{left:116px;top:218px;width:815px}.layout-ingredient-tremella h1{font-size:132px;margin:22px 0 18px}.layout-ingredient-tremella h2{font-size:43px;margin-bottom:28px}.layout-ingredient-tremella .art-wrap{right:104px;top:176px;width:850px;height:731px;overflow:visible}.layout-ingredient-tremella .art{object-position:46% 50%}.layout-ingredient-tremella .art-wrap:after{content:"";position:absolute;right:23px;left:-24px;top:23px;bottom:-24px;border:1px solid #b7a786;z-index:-1}.layout-ingredient-tremella .note h3{font-size:24px;margin-bottom:9px}.layout-ingredient-tremella .note p{font-size:22px;line-height:1.8}.layout-ingredient-tremella .art-credit{right:105px;bottom:128px;opacity:.7}
/* Daily knowledge: an editorial ingredient plate and three open typographic rows. */
.layout-knowledge-balance{background:#1c2920!important}.layout-knowledge-balance .art-wrap{right:0;top:0;width:1100px;height:1080px}.layout-knowledge-balance .art{object-position:64% 50%}.layout-knowledge-balance .art-wrap:after{content:"";position:absolute;top:0;bottom:0;left:0;width:235px;background:linear-gradient(90deg,#1c2920,rgba(28,41,32,0))}.layout-knowledge-balance .main-copy{left:118px;top:218px;width:820px}.layout-knowledge-balance h1{font-size:108px;margin:23px 0 20px}.layout-knowledge-balance h2{font-size:42px;margin-bottom:31px}.layout-knowledge-balance .main-copy>p{font-size:28px}.layout-knowledge-balance .note-list{margin-top:36px;padding-top:26px}.layout-knowledge-balance .note h3{font-size:25px}.layout-knowledge-balance .note p{font-size:22px}.layout-knowledge-balance .art-credit{right:108px;bottom:138px;color:#ece5d1}.layout-knowledge-balance .slide-category,.layout-knowledge-balance .footer-right{color:#f3eedc}
.layout-knowledge-habits .art-wrap{top:0;left:0;width:1920px;height:1080px}.layout-knowledge-habits .art{object-position:center}.layout-knowledge-habits .art-wrap:after{content:"";position:absolute;top:0;bottom:0;left:0;width:1210px;background:linear-gradient(90deg,rgba(243,238,225,.96) 0%,rgba(243,238,225,.88) 48%,rgba(243,238,225,0))}.layout-knowledge-habits .main-copy{left:118px;right:auto;top:210px;width:900px;text-align:left}.layout-knowledge-habits h1{font-size:105px;letter-spacing:11px;margin:24px 0 19px}.layout-knowledge-habits h2{font-size:34px;letter-spacing:5px;margin-bottom:28px}.layout-knowledge-habits .main-copy>p{font-size:26px;line-height:1.8;opacity:.8}.habit-grid{top:575px;left:118px;right:auto;width:925px;display:block;z-index:3}.habit-card{min-height:110px;height:110px;margin:0;padding:16px 0 15px 85px;background:transparent!important;border-top:1px solid rgba(98,109,75,.3)}.habit-symbol{position:absolute;left:3px;top:22px;font-family:ChaoshiSerif,serif;font-size:47px;color:#918469;opacity:.68}.habit-card h3{font-size:25px;letter-spacing:3px;margin:0 0 7px}.habit-card p{font-size:23px;line-height:1.8;max-width:770px}.habit-number{right:4px;top:19px;font-size:11px;letter-spacing:2px}.layout-knowledge-habits .art-credit{right:112px;bottom:140px;color:#eee5d2;text-shadow:0 1px 3px #604f35}.layout-knowledge-habits .footer-right{color:#eee5d2;text-shadow:0 1px 3px #604f35}
/* Closing: a dark mountain plate beside a clean paper notice column. */
.layout-notice .art-wrap{left:0;top:0;right:auto;bottom:auto;width:985px;height:1080px;opacity:1}.layout-notice .art{object-position:24% 50%}.layout-notice .art-wrap:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(21,39,29,.62)}.layout-notice .main-copy{left:118px;top:254px;width:810px;color:#f5ecd7}.layout-notice h1{font-size:100px;margin:22px 0 20px;letter-spacing:12px}.layout-notice h2{font-size:47px;margin-bottom:30px}.layout-notice .main-copy>.eyebrow{color:#d0b788}.layout-notice .main-copy>p{font-size:30px;line-height:1.9;color:#e4ddc8}.layout-notice .gold-line{margin:32px 0}.layout-notice .vertical-label{display:none}.layout-notice .slide-brand,.layout-notice .slide-footer>span{color:#f4ebd4}.layout-notice .slide-brand .seal{color:#d0ae7c;border-color:#b99868}.notice-list{top:238px;left:1103px;right:115px;padding-left:0;border-left:0}.notice-item{padding-bottom:34px;margin-bottom:37px}.notice-item .notice-label{font-family:ChaoshiSans,sans-serif;font-size:18px;letter-spacing:5px;margin-bottom:21px}.notice-item h3{font-size:31px;line-height:1.8;letter-spacing:2px}.layout-notice .art-credit{left:111px;right:auto;bottom:139px;color:#ecdfc2}
/* Gallery controls: quiet, functional, and secondary to the exhibition. */
.preview-caption{color:#949e88;font-size:10px;letter-spacing:2px}.preview-caption span:first-child{color:#e0d4b8}.chapter-button{color:#c3c8b3;opacity:.55;font-size:10px;border-bottom:1px solid rgba(172,145,97,.13);padding:10px 9px 11px;background:none;min-width:77px}.chapter-button span{color:#a69a75;font-size:10px}.chapter-button.selected{color:#eee0bf;background:rgba(182,162,105,.07);border-bottom-color:#b59c69;opacity:1}.controls{color:#d4d9c6}.play-status{color:#b3bea2;font-size:10px}.play-status i{background:#baaa80}.resource-status{color:#83907d}.resource-status.warning{color:#c59a70}.transport button{width:34px;height:34px;border-radius:50%;border-color:#51634f;color:#e2ddc9;margin:0 6px;padding:8px}.transport button:hover{background:#344735}.transport .play-button{background:#d7c7a4;color:#243728;border-color:#d7c7a4}.transport .play-button:hover{background:#ebdfc4}.transport svg,.icon-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.transport .play-button svg{stroke-width:2}.icon-button{width:34px;height:34px;padding:7px;color:#acb79e}.time-label{color:#8b997f;font-size:10px}.key-hint{color:#87937c;font-size:9px}.control-right .text-button{font-size:10px;color:#c4ceb8}.control-right .text-button:hover{border-color:#51634f}.settings{color:#29372b;background:#f3eee1;font-family:ChaoshiSans,"Microsoft YaHei",sans-serif}.settings h2{font-family:ChaoshiSerif,serif}.settings .eyebrow{font-family:ChaoshiSans,sans-serif}.settings .text-button{color:#29372b}.tv-mode .controls{background:rgba(243,238,225,.97);color:#29372b;border-color:#b9ad8e}.tv-mode .controls .play-status,.tv-mode .controls .text-button,.tv-mode .icon-button{color:#42533c}.tv-mode .transport button{border-color:#a8b397;color:#42513b}.tv-mode .transport .play-button{background:#243c34;border-color:#243c34;color:#e9dfc7}.mobile-copy{color:#e7dfca}.mobile-copy p,.mobile-copy .mobile-note{color:#b5bba5}.mobile-copy h2{font-family:ChaoshiSerif,serif}.no-script{color:#29372b}.screen-status{background:rgba(24,40,28,.85);border:1px solid rgba(189,167,113,.2)}.toast{background:#e5dac0;color:#283c2c;font-family:ChaoshiSans,sans-serif;border-radius:0}
.chapters{scrollbar-width:thin;scrollbar-color:#59644b transparent}.chapters::-webkit-scrollbar{height:3px}.chapters::-webkit-scrollbar-track{background:transparent}.chapters::-webkit-scrollbar-thumb{background:#59644b;border-radius:0}.layout-philosophy .slide-category{color:#40523c;text-shadow:none}.layout-philosophy .vertical-label{color:#667152;text-shadow:none}
@media(max-width:600px){.preview-header{height:74px}.wordmark{font-size:20px;letter-spacing:2px}.preview-header .text-button{padding:9px 12px;font-size:10px}.wordmark small{font-size:8px;letter-spacing:2px}.chapter-button{min-width:75px}.controls{border-color:#3e513b}.mobile-copy{padding-top:22px}.mobile-copy h2{font-size:26px;line-height:1.6}.tv-mode .controls .control-right .text-button{font-size:10px}.tv-mode .controls .transport button{margin:0 3px}}
.layout-philosophy .main-copy{top:190px}
.layout-season-spring .main-copy{top:205px}
.layout-season-winter .main-copy{top:205px}
.layout-ingredient-yam .main-copy{top:205px}
.layout-season-spring .note,.layout-season-winter .note,.layout-ingredient-yam .note{display:flex;align-items:baseline}
.layout-season-spring .note h3,.layout-season-winter .note h3,.layout-ingredient-yam .note h3{margin-bottom:0;flex-shrink:0}
.habit-grid{top:596px}