@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Noto+Serif+SC:wght@300;400&display=swap');
:root{color-scheme:dark;--bg:#090a09;--gold:#c5aa78;--muted:#a39d8e;--line:#b99d6330}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--gold);font-family:Arial,"Microsoft YaHei",sans-serif;min-height:100svh;display:flex;flex-direction:column}a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}a:focus-visible{outline:1px solid var(--gold);outline-offset:7px}.frame{position:fixed;inset:18px;border:1px solid var(--line);pointer-events:none;z-index:5}header{padding:42px 5.2vw 0;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.brand{display:flex;gap:14px;align-items:center;font-size:13px;letter-spacing:3px}.brand-mark{font:46px/.9 Georgia,serif;letter-spacing:-4px}.brand small{display:block;font-size:10px;letter-spacing:2px;margin-top:8px;color:var(--muted)}nav{display:flex;gap:38px;align-items:center;font-size:14px}.current{position:relative}.current:after{content:"";position:absolute;bottom:-12px;left:50%;width:4px;height:4px;background:var(--gold);border-radius:50%}main{position:relative;flex:1;min-height:640px;isolation:isolate;overflow:hidden}.edition{display:flex;justify-content:space-between;margin:44px 5.2vw 0;font-size:10px;letter-spacing:3px;color:var(--muted)}h1{font:400 clamp(85px,18.7vw,300px)/.9 "Cormorant Garamond",Georgia,serif;letter-spacing:-.065em;margin:15px 0 0;text-align:center;color:#e0c38c;position:relative;z-index:3;animation:reveal 1.7s both}.landscape{position:absolute;left:5%;right:5%;top:15%;height:90%;z-index:1;pointer-events:none;mask-image:linear-gradient(to bottom,transparent 0%,black 19%,black 80%,transparent 100%)}.landscape img{width:100%;height:100%;object-fit:cover;mix-blend-mode:lighten;animation:drift 16s ease-in-out infinite;filter:saturate(.76)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 20%,transparent 88%,var(--bg));opacity:.65}.orbit{position:absolute;left:24%;top:36%;width:52%;height:44%;border:1px solid #cfad6429;border-radius:50%;transform:rotate(-18deg);z-index:2;pointer-events:none}.side-note{position:absolute;right:5.2vw;top:39%;writing-mode:vertical-rl;letter-spacing:3px;font-size:10px;color:var(--muted);z-index:2}.island-caption{position:absolute;right:16%;bottom:8%;z-index:3;text-align:center}.island-caption>span{font:300 27px "Noto Serif SC","SimSun",serif;letter-spacing:14px}.island-caption small{display:block;letter-spacing:2px;font-size:9px;margin-top:14px;color:var(--muted)}footer{margin:0 5.2vw;padding:22px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3;font-size:10px;letter-spacing:2px;color:var(--muted)}.footer-poem{font:12px "Noto Serif SC","SimSun",serif;letter-spacing:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:24px;top:-100px;z-index:10;background:var(--bg);padding:12px}.skip:focus{top:24px}@keyframes drift{0%,100%{transform:translateY(0) scale(1.015)}50%{transform:translateY(-15px) scale(1.045)}}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){main{min-height:760px}}@media(max-width:700px){.frame{inset:10px}header{padding:30px 7vw 0}.brand{font-size:11px;gap:10px;letter-spacing:2px}.brand small{font-size:8px;letter-spacing:1px}.brand-mark{font-size:38px}nav{gap:18px;font-size:12px}main{min-height:690px}.edition{margin:39px 7vw 0;font-size:8px;letter-spacing:1.5px}h1{font-size:19vw;margin-top:30px}.landscape{top:15%;left:-28%;right:-33%;height:65%}.orbit{left:4%;width:92%;top:32%;height:24%}.side-note{right:7vw;top:29%;font-size:8px}.island-caption{right:9%;bottom:13%}.island-caption>span{font-size:22px;letter-spacing:7px}.island-caption small{font-size:7px;letter-spacing:1px}footer{margin:0 7vw;padding-bottom:27px;font-size:8px;letter-spacing:1px}.footer-poem{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:360px){nav{gap:12px}.brand small{display:none}.island-caption{right:8%}.island-caption small{max-width:85px;line-height:1.8}}

/* Learning entrance, extending the existing forest composition. */
.learn-nav{min-height:44px;display:flex;align-items:center;white-space:nowrap;transition:color .2s}.learn-nav:hover{color:#f4dfb7}
.learning-entry{position:absolute;left:7%;bottom:8%;z-index:4;width:310px;padding:20px 22px;display:grid;grid-template-columns:1fr auto;gap:8px 18px;background:linear-gradient(120deg,#11150fed,#10130fcc);border:1px solid #c5aa7855;backdrop-filter:blur(12px);transition:border-color .2s,background .2s}
.learning-entry>small{grid-column:1/-1;font-size:11px;letter-spacing:3px;color:var(--muted)}.learning-entry>strong{font:400 24px/1.5 "Noto Serif SC","SimSun",serif;letter-spacing:3px;color:#e6cca0}.learning-caption{grid-column:1;font-size:12px;letter-spacing:1px;line-height:1.7;color:#b7b0a1}.learning-action{grid-column:2;grid-row:2/4;align-self:center;font-size:14px;letter-spacing:1px;border-bottom:1px solid #c5aa7866;padding:8px 0;white-space:nowrap}.learning-entry:hover{border-color:#c5aa78;background:#151a12f5}.learning-entry:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
@media(max-width:700px){main{min-height:720px}.learning-entry{left:7%;right:7%;bottom:6%;width:auto;padding:19px 20px}.learning-entry>strong{font-size:22px}.island-caption{bottom:31%}.learn-nav{font-size:14px}}
@media(max-width:360px){.learning-entry{padding:18px 16px;column-gap:10px}.learning-entry>strong{font-size:21px;letter-spacing:2px}.learning-caption{font-size:11px;letter-spacing:.5px}.learning-action{font-size:13px}}