@font-face{font-family:BookDisplay;src:local('STKaiti'),local('KaiTi');font-display:swap}:root{--paper:#fffdf5;--canvas:#e9eee4;--ink:#243f39;--muted:#738079;--green:#315e50;--orange:#cf7650;--yellow:#ead99e;--line:#dce1d3;--blue:#dce9ed;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:'Microsoft YaHei','PingFang SC',sans-serif;font-size:14px;line-height:1.8}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:40;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.45' filter='url(%23n)'/%3E%3C/svg%3E")}h1,h2,h3,p,figure{margin:0}button,a,input{font:inherit}button{cursor:pointer;color:inherit}button{border:0}a{color:inherit}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;width:100%}[hidden]{display:none!important}.text-reset{background:none;padding:0;text-align:left}.institution{font-size:24px;letter-spacing:3px;font-weight:800;white-space:nowrap}.opening{min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 68% 45%,#f4f0d8 0%,#edf0e3 50%,#e4ece2 100%)}.opening-header{height:98px;max-width:1320px;width:calc(100% - 100px);margin:auto;display:flex;align-items:center;gap:25px}.opening-header>span:nth-child(2){font-size:11px;letter-spacing:1px;color:var(--muted);padding-left:25px;border-left:1px solid #c7d0c4}.edition{margin-left:auto;font-size:11px;color:var(--muted);letter-spacing:2px}.opening-body{max-width:1160px;min-height:calc(100svh - 172px);margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;padding:30px 0 60px}.eyebrow{color:#77856d;font-size:11px;letter-spacing:3px;margin-bottom:26px}.opening h1{font-family:BookDisplay,'Microsoft YaHei',serif;font-size:clamp(34px,3.8vw,55px);line-height:1.55;font-weight:700;letter-spacing:1px}.opening h1 span{color:var(--orange)}.lead{color:#6e7d70;font-size:14px;line-height:2.1;margin:23px 0 32px}.btn{display:inline-flex;gap:30px;justify-content:center;align-items:center;padding:13px 23px;border-radius:6px;font-size:13px;letter-spacing:1px;transition:transform .2s,box-shadow .2s;background:transparent}.btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #243f3915}.btn.primary{background:var(--green);color:var(--paper);border:1px solid var(--green)}.btn.outline{border:1px solid #aab8a7;background:#fffaf0}.btn span{font-size:20px;line-height:1}.entry-note{font-size:10px;color:#95a08c;letter-spacing:2px;margin-top:15px}.opening-tags{display:flex;gap:9px;margin-top:37px}.opening-tags>span{border:1px solid #bdcbbb;border-radius:50%;padding:4px 14px;font-size:11px;color:#72866d}.book-stage{position:relative;perspective:1300px;padding:15px 25px 40px}.closed-book{position:relative;max-width:450px;height:530px;transform:rotate(6deg) rotateY(-8deg);transform-style:preserve-3d;animation:bookFloat 6s ease-in-out infinite}.book-pages{position:absolute;inset:6px -10px -9px 5px;border-radius:5px 15px 15px 6px;background:repeating-linear-gradient(to bottom,#faf6e5 0px,#faf6e5 3px,#cecbb5 4px,#faf6e5 5px);border:1px solid #b3b89e;box-shadow:18px 28px 50px #44543b20}.book-cover{height:100%;width:100%;background:#3f6c5c;border-radius:4px 13px 13px 4px;padding:23px 23px 23px 32px;transform-origin:left;transition:transform .85s cubic-bezier(.35,.01,.2,1),opacity .7s;position:relative;box-shadow:inset 8px 0 10px #152a3025}.book-cover:before{content:'';position:absolute;left:12px;top:0;bottom:0;border-left:1px solid #8da18c60}.cover-border{height:100%;border:1px solid #b9c7a36b;border-radius:2px 5px 5px 2px;padding:22px;position:relative}.cover-caption{color:#dbe5cd;letter-spacing:5px;font-size:13px}.cover-title{font-family:BookDisplay,'Microsoft YaHei',serif;color:#faf3d9;font-size:43px;line-height:1.3;letter-spacing:6px;margin:16px 0 18px}.cover-sun{color:#e6c77c;position:absolute;right:26px;top:58px;font-size:60px;animation:sunTurn 25s linear infinite}.cover-picture{border:7px solid #f5edd8;transform:rotate(-3deg);box-shadow:0 4px 15px #142c3420;overflow:hidden;background:#fff8eb}.cover-picture img{aspect-ratio:1.7;object-fit:cover}.cover-bottom{font-size:10px;letter-spacing:1px;color:#dce5d4;text-align:center;margin-top:20px}.cover-line{display:flex;justify-content:space-between;align-items:center;color:#cad9c1;font-size:9px;letter-spacing:1px;margin-top:17px}.cover-line>span:last-child{font-size:24px}.ribbon{position:absolute;top:0;right:42px;width:24px;height:56px;background:var(--orange);clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);z-index:2}.book-note{display:block;color:#7f8564;text-align:right;font-family:BookDisplay,serif;font-size:18px;transform:rotate(-7deg);margin-top:30px}.opening-footer{max-width:1320px;width:calc(100% - 100px);margin:auto;display:flex;justify-content:space-between;padding:20px 0 30px;border-top:1px solid #cbd5c4;font-size:10px;color:#89947f;letter-spacing:1px}.is-opening .closed-book{animation:none}.is-opening .book-cover{transform:rotateY(-135deg);opacity:0}.is-opening .book-stage{transition:transform 1s;transform:scale(1.08)}.is-opening .opening-copy{transition:opacity .8s;opacity:0}.site-header{max-width:1360px;width:calc(100% - 80px);margin:auto;min-height:87px;display:flex;align-items:center;gap:24px}.site-subtitle{font-size:11px;letter-spacing:2px;color:var(--muted);padding-left:24px;border-left:1px solid #c4cebf}.age-switch{margin-left:auto;border:1px solid #cad3c6;border-radius:24px;padding:3px;display:flex;gap:3px}.age-switch button{border-radius:20px;min-width:60px;min-height:34px;padding:4px 14px;background:transparent;font-size:11px;color:#758472;transition:background .2s}.age-switch button[aria-pressed=true]{background:var(--green);color:white}.contact-link{background:none;font-size:11px;letter-spacing:1px;margin-left:12px;padding:9px 0}.contact-link span{margin-left:8px;color:var(--orange)}.reading-shell{max-width:1360px;width:calc(100% - 80px);margin:6px auto 0;display:grid;grid-template-columns:128px minmax(0,1fr);align-items:start}.bookmarks{padding-top:30px;display:flex;flex-direction:column;gap:12px;position:sticky;top:25px;z-index:3}.bookmarks button{display:flex;align-items:center;gap:11px;text-align:left;padding:15px 9px 15px 15px;background:#dbe4d8;color:#6b806b;border-radius:8px 0 0 8px;min-height:54px;position:relative;font-size:12px;transition:transform .2s,background .2s;border:1px solid #cdd7c6;border-right:0}.bookmarks button>span{font-family:Georgia,serif;font-size:14px;color:#93a48c}.bookmarks button:hover{transform:translateX(-4px)}.bookmarks button[aria-current]{background:var(--paper);color:var(--green);margin-right:-1px;border-color:#d2d8c7;font-weight:700}.bookmarks button[aria-current]>span{color:var(--orange)}.bookmarks button[data-visited]:after{content:'';width:4px;height:4px;background:var(--orange);border-radius:100%;position:absolute;right:9px}.paper-book{position:relative;background:var(--paper);min-height:730px;box-shadow:2px 4px 0 #f1f0df,3px 7px 0 #cfd3c3,5px 10px 0 #f6f4e7,0 15px 40px #4054370b;border:1px solid #d3d7c7;border-radius:4px 12px 12px 4px;overflow:hidden}.paper-book:before{content:'';position:absolute;left:0;top:0;bottom:0;width:20px;background:linear-gradient(90deg,#c9cdb51c,transparent 25%,#69754b0a 50%,transparent);pointer-events:none}.paper-top{display:flex;justify-content:space-between;gap:20px;margin:0 38px;padding:23px 0 17px;border-bottom:1px solid #e7e5d8;color:#8b917d;font-size:10px;letter-spacing:1px}.reading-progress{display:flex;align-items:center;gap:12px}.progress-track{width:60px;height:3px;background:#e5e8dc;display:block}.progress-track i{display:block;height:100%;background:#8caa7c;width:16.67%;transition:width .4s}#page{padding:34px 38px 27px;min-height:606px;outline:none;transition:opacity .18s,transform .18s;transform-origin:left;}.turning #page{opacity:0;transform:perspective(1500px) rotateY(-7deg) translateX(8px)}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 0;margin:0 38px;border-top:1px solid #e7e5d8}.page-turn{font-size:11px;letter-spacing:1px;background:transparent;padding:8px 0;min-height:40px}.page-turn:hover{color:var(--orange)}.page-turn:disabled{opacity:.3}.page-turn.next{color:var(--green);font-weight:700}.page-number{font-family:Georgia,serif;font-size:16px;color:#778771;white-space:nowrap}.page-number i{font-size:12px;margin:0 8px;color:#b7bea7;font-style:normal}.site-footer{max-width:1360px;width:calc(100% - 80px);margin:25px auto 0;padding:0 0 22px 128px;font-size:9px;color:#87927d;display:flex;gap:20px;justify-content:space-between}.site-footer button{font-size:10px;color:var(--green)}.small-label{font-size:10px;letter-spacing:2px;color:var(--orange);margin-bottom:17px}h2{font-family:BookDisplay,'Microsoft YaHei',serif;font-size:36px;line-height:1.55;letter-spacing:1px}h3{font-size:17px;line-height:1.7}.marker{position:relative;z-index:1;white-space:nowrap}.marker:after{content:'';position:absolute;bottom:1px;left:0;right:0;height:11px;background:#e8d998;z-index:-1;transform:rotate(-1deg);border-radius:50%}.body-copy{font-size:12px;color:#7b8476;line-height:2.1;margin-top:20px}.intro-spread{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:12px}.intro-copy{position:relative;z-index:1}.intro-copy h2{font-size:31px;white-space:nowrap}.philosophy{border-left:2px solid #ce8f65;padding-left:17px;margin:28px 0}.philosophy>span{font-size:9px;color:#ad9271;letter-spacing:2px}.philosophy h3{font-family:BookDisplay,serif;font-size:24px;font-weight:500;line-height:1.5;margin:7px 0}.philosophy p{font-size:10px;color:#92937f}.intro-copy .btn{font-size:11px;padding:12px 17px}.home-scene{position:relative;margin-left:-25px;}.home-scene img{width:115%;max-width:none;margin-left:-5%;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,black 10%,black 95%,transparent)}.scene-tag{position:absolute;border:1px solid #dcd8be;background:#fffdf5f2;padding:7px 13px;font-size:10px;border-radius:3px;box-shadow:2px 3px 0 #cfcfb13d;transform:rotate(-5deg);transition:transform .2s}.scene-tag:hover{transform:rotate(0) translateY(-5px)}.scene-tag span{color:var(--orange);margin-left:8px}.scene-study{top:8%;right:5%}.scene-food{bottom:21%;left:17%}.scene-caption{font-family:BookDisplay,serif;font-size:15px;position:absolute;bottom:2%;right:0;color:#9f9677;transform:rotate(-4deg)}.intro-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0 5px;margin-top:31px;border-top:1px dashed #dadfca}.intro-strip>div{display:flex;gap:11px;align-items:center}.strip-no{color:#ba9875;border:1px solid #ded2b7;border-radius:50%;min-width:33px;height:33px;display:grid;place-items:center;font-family:Georgia,serif;font-size:13px}.intro-strip strong{display:block;font-size:12px;font-weight:600}.intro-strip small{display:block;font-size:9px;color:#939583;margin-top:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{padding:20px;position:fixed;bottom:0;background:white;z-index:50}@keyframes bookFloat{50%{transform:rotate(4deg) rotateY(-5deg) translateY(-10px)}}@keyframes sunTurn{to{transform:rotate(360deg)}}body[data-age=middle]{--green:#386671;--canvas:#e5ebea;--ink:#29464d}body[data-age=high]{--green:#43566f;--canvas:#e7e9ed;--ink:#304156}body:not([data-age=primary]) .marker:after{background:#dce5e9}
@media(min-width:1600px){.opening-body{max-width:1250px;gap:90px}.book-stage{padding-left:60px}}@media(max-width:1180px){.opening-body{width:calc(100% - 100px);gap:28px}.closed-book{height:485px}.cover-title{font-size:36px}.cover-border{padding:15px}.cover-bottom{margin-top:16px;font-size:9px}.intro-spread{grid-template-columns:1fr 1fr}.intro-copy h2{font-size:27px}.intro-copy .body-copy{font-size:11px}.site-header,.reading-shell,.site-footer{width:calc(100% - 48px)}.reading-shell{grid-template-columns:108px minmax(0,1fr)}.bookmarks button{padding-left:10px;gap:7px;font-size:10px}.paper-top,.page-footer{margin-inline:28px}#page{padding-inline:28px}.site-footer{padding-left:108px}.scene-caption{font-size:12px}.intro-strip{gap:10px}}@media(max-width:900px){.opening-body{width:calc(100% - 60px);gap:15px}.closed-book{height:440px}.book-stage{padding-inline:10px}.book-cover{padding:18px 16px 18px 25px}.cover-title{font-size:30px}.cover-bottom{font-size:8px}.cover-caption{font-size:11px}.cover-sun{font-size:42px;right:16px}.opening-header,.opening-footer{width:calc(100% - 60px)}.opening h1{font-size:34px}.lead{font-size:12px}.edition{display:none}.site-header{gap:16px}.site-subtitle{display:none}.reading-shell{grid-template-columns:1fr}.bookmarks{position:static;display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding-top:0}.bookmarks button{border-radius:7px 7px 0 0;border:1px solid #cdd7c6;border-bottom:0;min-height:44px;padding:8px 4px;display:block;text-align:center;font-size:10px}.bookmarks button>span{font-size:11px;margin-right:4px}.bookmarks button[data-visited]:after{display:none}.bookmarks button[aria-current]{margin:0 0 -1px;z-index:2}.bookmarks button:hover{transform:translateY(-3px)}.site-footer{padding-left:0}.home-scene{margin-left:-15px}.intro-copy h2{font-size:26px}.paper-book{border-radius:0 0 12px 12px}}@media(max-width:640px){.opening-header{height:75px;width:calc(100% - 38px);justify-content:space-between;gap:10px}.opening-header .institution{font-size:21px}.opening-header>span:nth-child(2){border:0;padding:0;font-size:8px;letter-spacing:0}.opening-body{width:calc(100% - 44px);display:flex;flex-direction:column;gap:20px;padding:18px 0 30px;min-height:0}.opening-copy{text-align:center}.eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:15px}.opening h1{font-size:33px;line-height:1.4}.lead{font-size:12px;margin:17px 0 20px}.entry-note{font-size:9px;margin-top:11px}.opening-tags{display:none}.book-stage{width:280px;padding:7px 10px 0;order:0}.closed-book{height:340px;max-width:none;transform:rotate(5deg)}.book-cover{padding:13px 12px 13px 20px}.cover-border{padding:12px}.cover-caption{font-size:9px;letter-spacing:3px}.cover-title{font-size:29px;letter-spacing:3px;margin:10px 0 12px}.cover-sun{font-size:35px;top:46px;right:11px}.cover-picture{border-width:4px}.cover-bottom{font-size:7px;margin-top:13px;letter-spacing:0}.cover-line{font-size:6px;margin-top:9px;letter-spacing:0}.cover-line>span:last-child{font-size:14px}.ribbon{width:16px;height:37px;right:25px}.book-note{font-size:12px;margin-top:19px}.opening-footer{width:calc(100% - 38px);padding:14px 0 21px;font-size:8px;justify-content:center}.opening-footer>span:last-child{display:none}.site-header{width:calc(100% - 28px);min-height:76px;gap:8px;flex-wrap:wrap;padding:12px 0}.site-header .institution{font-size:19px;letter-spacing:1px}.age-switch{margin-left:auto}.age-switch button{min-width:39px;min-height:31px;font-size:10px;padding:3px 10px}.contact-link{font-size:10px;margin:0 0 0 auto}.reading-shell{width:calc(100% - 20px);margin-top:0}.bookmarks{gap:3px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.bookmarks button{border:1px solid #cdd7c6;border-radius:5px;min-height:37px;font-size:10px}.bookmarks button[aria-current]{border-color:#9bad90;margin:0}.paper-book{border-radius:6px}.paper-top{margin:0 20px;padding-top:18px;font-size:8px;letter-spacing:0;gap:10px}.reading-progress{gap:7px}.progress-track{width:25px}.paper-top>span{white-space:nowrap}#page{padding:25px 20px 20px;min-height:0}.intro-spread{grid-template-columns:1fr}.intro-copy h2{font-size:28px;line-height:1.5;white-space:normal}.small-label{font-size:9px;margin-bottom:12px;letter-spacing:1px}.intro-copy .body-copy{font-size:12px;margin-top:16px}.desktop{display:none}.philosophy{margin:23px 0}.philosophy h3{font-size:23px}.intro-copy .btn{width:100%;font-size:12px}.home-scene{margin:25px -10px 5px}.home-scene img{width:100%;margin:0;mask-image:none}.scene-tag{font-size:9px;padding:5px 10px}.scene-caption{font-size:12px;bottom:-6px;right:10px}.intro-strip{margin-top:18px;grid-template-columns:1fr;gap:17px;padding-top:22px}.intro-strip strong{font-size:13px}.intro-strip small{font-size:11px}.page-footer{margin:0 20px;gap:8px;padding-block:13px}.page-turn{font-size:9px;letter-spacing:0}.page-number{font-size:13px}.page-number i{margin:0 3px;font-size:10px}.site-footer{width:calc(100% - 32px);flex-wrap:wrap;gap:8px;margin-top:20px;font-size:8px}.site-footer>span:first-child{flex:1}.site-footer>span:last-child{width:100%}h2{font-size:28px}.btn{min-height:44px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}