:root{color-scheme:dark;background:#073d42;font-family:Noto Serif SC,Songti SC,STSong,serif}*{box-sizing:border-box}html,body{background:#073d42;width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}button,a{font:inherit}button{color:inherit}.jiangnan-story{--jade:#0b6963;--jade-dark:#06444b;--cream:#fff6d7;--gold:#f4cd76;--lotus:#ec7890;isolation:isolate;color:#f9f4dc;background:#0b5759;width:100%;height:100%;position:relative;overflow:hidden}.pond-scene{background:linear-gradient(#b9e7d7 0 33%,#61aead 33% 46%,#17777a 46% 100%);position:absolute;inset:0;overflow:hidden}.morning-sky{background:linear-gradient(165deg,#dff3dd 0%,#aedfce 52%,#80c6be 100%);position:absolute;inset:0 0 54%;overflow:hidden}.sun-disc{aspect-ratio:1;background:#ffefb5d9;border-radius:50%;width:clamp(70px,9vw,128px);position:absolute;top:16%;left:25%;box-shadow:0 0 70px #ffecaaa6}.far-bank{filter:blur(1px);opacity:.8;background:#4c8d78;border-radius:50% 50% 0 0;width:58%;height:60%;position:absolute;bottom:-22%}.bank-one{left:-8%;transform:rotate(4deg)}.bank-two{background:#2e7d70;bottom:-31%;right:-12%;transform:rotate(-5deg)}.white-wall{clip-path:polygon(0 29%,18% 29%,18% 10%,36% 10%,36% 34%,55% 34%,55% 0,76% 0,76% 25%,100% 25%,100% 100%,0 100%);opacity:.86;background:#e8eadb;width:150px;height:66px;position:absolute;bottom:0;box-shadow:inset 0 -12px #bacfbd}.wall-one{left:9%}.wall-two{transform-origin:bottom;right:16%;transform:scale(.72)}.water-light{background:radial-gradient(at 44% 12%,#e4ffdc61,#0000 26%),repeating-linear-gradient(173deg,#0000 0 18px,#ddffe014 19px 21px,#0000 22px 43px);animation:12s linear infinite water-drift;position:absolute;inset:32% 0 0}.pond-ripples i{border:2px solid #d1f6da2e;border-radius:50%;width:24vw;height:7vw;min-height:30px;animation:5s ease-out infinite ripple;position:absolute}.pond-ripples i:first-child{top:60%;left:4%}.pond-ripples i:nth-child(2){animation-delay:-2s;top:43%;left:37%}.pond-ripples i:nth-child(3){animation-delay:-3.2s;top:70%;right:2%}.pond-ripples i:nth-child(4){animation-delay:-1.2s;top:78%;left:45%}.lotus-field{z-index:4;pointer-events:none;position:absolute;inset:32% 0 0}.lotus{--size:clamp(78px,10vw,150px);width:var(--size);height:calc(var(--size)*.62);transform:rotate(var(--tilt,0deg));pointer-events:auto;cursor:pointer;background:radial-gradient(at 37% 31%,#74b76d 0 9%,#2f8b65 11% 54%,#176c58 72%);border:0;border-radius:50%;padding:0;transition:transform .35s,opacity .35s,filter .35s;position:absolute;box-shadow:inset 8px 7px 14px #ddffc133,0 10px 25px #0032342e}.lotus:after{content:"";transform-origin:50%;background:#e1f4c447;width:1px;height:78%;position:absolute;top:8%;left:50%;transform:rotate(-65deg)}.lotus i{background:radial-gradient(circle at 50% 58%,#f6d26e 0 18%,transparent 19%),repeating-conic-gradient(from 8deg,#ef91a2 0 11deg,#fff1de 12deg 22deg);filter:drop-shadow(0 5px 6px #45292e2e);border-radius:50% 50% 42% 42%;width:30%;height:54%;position:absolute;top:-48%;left:38%}.lotus span{color:#613a35;background:#ffe6b1;border:2px solid #ffffffb3;border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid;position:absolute;top:-37%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 15px #24443533}.lotus:hover,.lotus:focus-visible{transform:rotate(var(--tilt,0deg)) translateY(-8px) scale(1.04);outline-offset:6px;outline:3px solid #ffeeb0ad}.lotus.is-picked{opacity:.58;filter:saturate(.55);transform:rotate(var(--tilt,0deg)) scale(.86);pointer-events:none}.lotus.is-picked i,.lotus.is-picked span{opacity:0}.lotus-a{--tilt:-8deg;top:34%;left:12%}.lotus-b{--tilt:4deg;top:10%;left:39%}.lotus-c{--tilt:9deg;top:38%;right:18%}.lotus-field:before,.lotus-field:after{content:"";opacity:.85;background:radial-gradient(at 38% 35%,#66a965,#24785a 65%,#125b4e);border-radius:50%;width:clamp(110px,16vw,230px);height:clamp(65px,8vw,120px);position:absolute;box-shadow:-25vw 12vh 0 -10px #277e5b,30vw -4vh 0 -18px #34865e,12vw 19vh 0 -8px #26785a}.lotus-field:before{top:5%;left:-2%;transform:rotate(13deg)}.lotus-field:after{top:8%;right:-3%;transform:rotate(-12deg)}.fish{--fish-x:50%;--fish-y:74%;z-index:8;left:var(--fish-x);top:var(--fish-y);filter:drop-shadow(0 9px 8px #05323747);background:linear-gradient(145deg,#ff9a75,#cf493e 58%,#8e2e35);border-radius:58% 48% 48% 58%;width:72px;height:34px;transition:left 1s cubic-bezier(.3,.7,.2,1),top 1s cubic-bezier(.3,.7,.2,1),transform .3s;position:absolute;transform:translate(-50%,-50%)}.fish:before{content:"";border:13px solid #0000;border-left-width:0;border-right:23px solid #b53b3c;position:absolute;top:4px;right:-22px;transform:rotate(180deg)}.fish:after{content:"";background:#3a2430;border-radius:50%;width:5px;height:5px;position:absolute;top:10px;left:14px;box-shadow:0 0 0 2px #ffd9ae}.fish i{border:10px solid #0000;border-top-color:#e76352;position:absolute;top:27px;left:27px;transform:rotate(-10deg)}.fish span{border:2px solid #cbf5dd40;border-radius:50%;animation:1.8s ease-out infinite fish-wave;position:absolute;inset:-11px -23px}.fish.is-turning{transform:translate(-50%,-50%)scaleX(-1)}.play-route{z-index:9;pointer-events:none;opacity:0;transition:opacity .4s;position:absolute;inset:0}.jiangnan-story[data-act="1"] .play-route{opacity:1;pointer-events:auto}.play-route button{left:var(--x);top:var(--y);color:#fff1ae;cursor:pointer;background:#085b5440;border:2px solid #fff5b4a6;border-radius:50%;place-items:center;width:70px;height:34px;padding:0;animation:2s infinite target-pulse;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #dcffd514,inset 0 0 18px #dcffd51a}.play-route button span{color:#31584d;background:#f5d787;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.play-route button.is-visited{opacity:.32;pointer-events:none}.compass-game{z-index:7;aspect-ratio:1;opacity:0;pointer-events:none;width:min(420px,48vw);transition:opacity .5s,transform .5s;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)scale(.86)}.jiangnan-story[data-act="2"] .compass-game,.jiangnan-story[data-act="3"] .compass-game{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)scale(1)}.compass-rose{backdrop-filter:blur(4px);background:#0653504d;border:1px solid #ffefb061;border-radius:50%;position:absolute;inset:20%;box-shadow:inset 0 0 50px #cefcd814,0 0 0 12px #d1f5d70a}.compass-rose i{border:1px dashed #ffefb047;position:absolute;inset:13%;transform:rotate(45deg)}.compass-rose span{color:#fff4cfa8;letter-spacing:.2em;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.compass-game button{color:#fff1bd;cursor:pointer;background:#054b4ac7;border:1px solid #fff4cb99;border-radius:50%;place-items:center;width:58px;height:58px;padding:0;transition:transform .2s,background .2s;display:grid;position:absolute;box-shadow:0 8px 24px #002c304d}.compass-game button:hover,.compass-game button:focus-visible{color:#164f4b;background:#e9ce7b;transform:scale(1.1)}.compass-game button b{font-size:20px;line-height:1}.compass-game button small{opacity:.65;font:8px/1 system-ui,sans-serif}.compass-game [data-direction=north]{top:2%;left:50%;transform:translate(-50%)}.compass-game [data-direction=south]{bottom:2%;left:50%;transform:translate(-50%)}.compass-game [data-direction=east]{top:50%;right:2%;transform:translateY(-50%)}.compass-game [data-direction=west]{top:50%;left:2%;transform:translateY(-50%)}.compass-game button.is-visited{color:#15504c;background:#f3d578;box-shadow:0 0 30px #ffe07880}.scene-shade{z-index:10;pointer-events:none;background:linear-gradient(#022d3040,#0000 22% 70%,#02282c75),linear-gradient(90deg,#022d3040,#0000 28% 74%,#022d3047);position:absolute;inset:0}.story-nav{z-index:40;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;min-height:70px;padding:12px clamp(12px,3vw,40px);display:grid;position:fixed;top:0;left:0}.story-nav>*{pointer-events:auto}.glass-pill{color:#fffbe2e0;cursor:pointer;backdrop-filter:blur(16px);background:#04404194;border:1px solid #e6fade33;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:9px 14px;text-decoration:none;display:inline-flex;box-shadow:inset 0 1px #ffffff14}.glass-pill:hover,.glass-pill:focus-visible{background:#055852d6;border-color:#ffe7928c}.back-link{justify-self:start}.story-brand{text-shadow:0 2px 20px #002d2c66;align-items:center;gap:9px;display:flex}.story-brand>span{color:#175b51;background:linear-gradient(145deg,#fff6c9,#e5c16d);border-radius:50% 50% 45% 55%;place-items:center;width:40px;height:40px;font-weight:900;display:grid;box-shadow:0 0 25px #ffeca647}.story-brand p,.story-brand b,.story-brand small{margin:0;display:block}.story-brand b{letter-spacing:.2em;font-size:14px}.story-brand small{color:#f4f9e4a3;letter-spacing:.14em;margin-top:3px;font:10px/1 system-ui,sans-serif}.sound-controls{justify-self:end;gap:7px;display:flex}.glass-pill[aria-pressed=false]{opacity:.55;filter:grayscale()}.poem-card{z-index:14;color:#fffae1a8;backdrop-filter:blur(18px);background:linear-gradient(145deg,#07554ed6,#053b40c7);border:1px solid #e7f7da2e;border-radius:28px 8px;width:clamp(238px,20vw,300px);padding:19px 20px;position:absolute;top:50%;right:clamp(18px,4vw,60px);transform:translateY(-47%);box-shadow:0 24px 70px #01262b47}.poem-card header{border-bottom:1px solid #e8f5db24;justify-content:space-between;align-items:end;padding-bottom:11px;display:flex}.poem-card header span{letter-spacing:.15em;font:10px/1 system-ui,sans-serif}.poem-card h1{color:#fff1b7;letter-spacing:.2em;margin:0;font-size:27px}.poem-card ol{gap:4px;margin:12px 0 10px;padding:0;list-style:none;display:grid}.poem-card li{border-radius:9px;grid-template-columns:25px 1fr;align-items:center;gap:8px;min-height:38px;padding:5px 7px;transition:background .3s,color .3s,opacity .3s;display:grid}.poem-card li i{border:1px solid #f0eaba33;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-style:normal;display:grid}.poem-card li span{font-size:14px;line-height:1.55}.poem-card li.is-current{color:#fff5c8;background:#edd6851c}.poem-card li.is-complete{color:#ffe995}.poem-card li.is-complete i{color:#174e49;background:#f2d47c;border-color:#f2d47c}.poem-card>p{border-top:1px dashed #e9f4d524;min-height:50px;margin:9px 2px 0;padding-top:10px;font:11px/1.65 system-ui,sans-serif}.mission-card{z-index:20;color:#fff7d8;backdrop-filter:blur(18px);background:linear-gradient(135deg,#07504ae6,#05363cdb);border:1px solid #ecf6d333;border-radius:29px 9px;grid-template-columns:65px minmax(230px,420px) auto;align-items:center;gap:15px;width:min(650px,100vw - 340px);min-height:115px;padding:15px 18px 15px 13px;display:grid;position:absolute;bottom:clamp(15px,4vh,38px);left:clamp(15px,4vw,60px);box-shadow:0 25px 70px #002a2e52}.mission-seal{color:#20584f;background:radial-gradient(circle at 35% 30%,#fff5bd,#e4c46e);border-radius:50%;place-items:center;width:61px;height:61px;font-size:26px;font-weight:900;display:grid;box-shadow:0 0 0 6px #eed78714}.mission-copy>p{margin:0}.mission-copy>p:first-child{color:#e9cf7c;letter-spacing:.18em;font:10px/1 system-ui,sans-serif}.mission-copy h2{letter-spacing:.06em;margin:5px 0 4px;font-size:21px}.mission-copy #mission-instruction{color:#f6f8e0ab;font:12px/1.5 system-ui,sans-serif}.mission-meter{background:#ecf5d71f;border-radius:999px;align-items:center;gap:10px;height:6px;margin-top:8px;display:flex}.mission-meter i{border-radius:inherit;background:linear-gradient(90deg,#e9bd62,#fff0a7);width:0;height:100%;transition:width .35s;display:block;box-shadow:0 0 12px #ffe38757}.mission-meter span{color:#fff4caa8;white-space:nowrap;margin-left:auto;font:9px/1 system-ui,sans-serif}.hint-button{color:#ffeaa4;cursor:pointer;background:#efd67d14;border:1px solid #f7e19533;border-radius:999px;min-height:42px;padding:8px 12px;font-size:11px}.hint-button:hover{background:#efd67d2b}.feedback-bubble{z-index:28;color:#184d48;opacity:0;pointer-events:none;background:#fff3c6;border-radius:17px 17px 17px 4px;max-width:360px;padding:12px 16px;transition:all .3s;position:absolute;bottom:175px;left:clamp(22px,5vw,78px);transform:translateY(12px);box-shadow:0 14px 40px #012b2e40}.feedback-bubble.is-visible{opacity:1;transform:none}.feedback-bubble span{color:#bd6b58;letter-spacing:.16em;font:9px/1 system-ui,sans-serif}.feedback-bubble p{margin:4px 0 0;font:12px/1.55 system-ui,sans-serif}.line-reward{z-index:25;text-align:center;color:#174e49;opacity:0;pointer-events:none;background:#fff2bbf0;border-radius:999px;padding:12px 20px;transition:all .3s;position:absolute;top:20%;left:50%;transform:translate(-50%,18px);box-shadow:0 14px 44px #00363647}.line-reward.is-visible{opacity:1;transform:translate(-50%)}.line-reward small,.line-reward strong{display:block}.line-reward small{color:#a35f4e;letter-spacing:.18em;font:8px/1 system-ui,sans-serif}.line-reward strong{letter-spacing:.1em;margin-top:3px;font-size:16px}.opening-screen,.completion-screen{z-index:60;text-align:center;background:radial-gradient(circle at 50% 34%,#92daae3d,#0000 27%),linear-gradient(145deg,#043b3ef7,#085b4ff5);align-content:center;place-items:center;padding:78px 20px 28px;transition:opacity .55s,visibility .55s;display:grid;position:fixed;inset:0;overflow:auto}.opening-screen.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.opening-lotus{width:115px;height:100px;margin:0 auto 15px;position:relative}.opening-lotus i{background:radial-gradient(at 40% 32%,#77b96e,#21735a 70%);border-radius:50%;width:110px;height:55px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.opening-lotus:before{content:"";z-index:2;background:repeating-conic-gradient(from 0deg,#ef91a1 0 12deg,#fff0dd 13deg 24deg);filter:drop-shadow(0 8px 8px #00333138);border-radius:50%;width:72px;height:65px;position:absolute;top:0;left:50%;transform:translate(-50%)}.opening-lotus b{z-index:3;color:#6b443e;font-size:14px;position:absolute;top:23px;left:50%;transform:translate(-50%)}.eyebrow{color:#efcf78;letter-spacing:.28em;margin:0 0 9px;font:10px/1 system-ui,sans-serif}.opening-screen h2{color:#fff5c9;letter-spacing:.14em;text-indent:.14em;text-shadow:0 8px 42px #002c2f66;margin:0;font-size:clamp(47px,7vw,82px);line-height:1}.poet{color:#f1f7dca8;letter-spacing:.24em;margin:13px 0 19px}.opening-copy{color:#faf9e0d1;margin:0 auto;font:14px/1.85 system-ui,sans-serif}.english-note{color:#eef7e06e;max-width:48ch;margin:10px auto 0;font:11px/1.55 Georgia,serif}.story-route{color:#f0f7dd91;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:23px auto;font:11px/1 system-ui,sans-serif;display:flex}.story-route b{color:#f0d17d;font-size:9px}.story-route i{color:#f0d17d59}.primary-button,.secondary-button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:49px;padding:0 23px;text-decoration:none;display:inline-flex}.primary-button{color:#154e49;letter-spacing:.07em;background:linear-gradient(135deg,#fff2b5,#e4bd60);border:0;font-weight:900;box-shadow:0 12px 34px #ebc55f33}.primary-button:hover,.primary-button:focus-visible{transform:translateY(-2px);box-shadow:0 16px 42px #ebc55f52}.opening-screen>small{color:#e8f4db66;margin-top:13px;font:10px/1.5 system-ui,sans-serif;display:block}.completion-screen[hidden]{display:none}.completion-screen{backdrop-filter:blur(15px);background:#033235e0;animation:.6s both fade-in}.completion-card{color:#fff5d5;background:linear-gradient(145deg,#085e52f5,#053c40f7);border:1px solid #f1e8b53d;border-radius:45px 12px;width:min(650px,100%);padding:clamp(23px,4vw,43px);box-shadow:0 35px 110px #0022267a}.completion-seal{color:#1e5c52;background:#efd37e;border-radius:50% 50% 43% 57%;place-items:center;width:70px;height:70px;margin:0 auto 10px;font-weight:900;line-height:1.1;display:grid;position:relative}.completion-seal i{color:#fff3d0;background:#ba544d;padding:3px;font:8px/1 system-ui,sans-serif;position:absolute;bottom:-3px;right:-7px}.stars{color:#f5d674;letter-spacing:.28em;text-indent:.28em;margin:8px 0 12px;font-size:24px}.completion-card h2{margin:0 0 13px;font-size:clamp(27px,4vw,39px)}.completion-card blockquote{color:#fff2b9;background:#f4f2cd0f;border:1px solid #f4e7ad24;border-radius:17px;margin:17px 0;padding:16px}.completion-card blockquote p{letter-spacing:.08em;margin:3px;font-size:clamp(15px,2.4vw,20px);line-height:1.55}.completion-card cite{color:#f1f5da80;margin-top:8px;font:10px/1 system-ui,sans-serif;display:block}.learning-note{text-align:left;background:#efd37e17;border-radius:14px;padding:12px 15px}.learning-note b{color:#f1d586}.learning-note p{color:#f3f7deb0;margin:4px 0 0;font:12px/1.6 system-ui,sans-serif}.completion-actions{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px;display:flex}.compact{min-height:44px}.secondary-button{color:#f9f8e1d1;background:#eff6d712;border:1px solid #eff6d72b;min-height:44px;font-size:13px}@keyframes water-drift{to{background-position:160px 0}}@keyframes ripple{0%{opacity:0;transform:scale(.5)}35%{opacity:1}to{opacity:0;transform:scale(1.4)}}@keyframes fish-wave{0%{opacity:.6;transform:scale(.75)}to{opacity:0;transform:scale(1.25)}}@keyframes target-pulse{50%{box-shadow:0 0 0 14px #dcffd508,inset 0 0 20px #dcffd52e}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (width<=820px){.story-nav{min-height:61px;padding:9px 10px}.story-brand{justify-self:center}.story-brand>span,.story-brand small,.glass-pill b{display:none}.glass-pill{min-width:41px;min-height:41px;padding:8px 10px}.sound-controls{gap:4px}.poem-card{border-radius:14px;width:auto;max-width:calc(100vw - 20px);padding:8px 10px;top:70px;right:10px;transform:none}.poem-card header,.poem-card>p{display:none}.poem-card ol{gap:2px;margin:0;display:flex}.poem-card li{grid-template-columns:18px 1fr;min-height:29px;padding:3px 5px}.poem-card li:not(.is-current) span{display:none}.poem-card li i{width:16px;height:16px;font-size:7px}.poem-card li span{white-space:nowrap;font-size:12px}.mission-card{border-radius:21px 7px;grid-template-columns:48px 1fr auto;gap:10px;width:calc(100vw - 20px);min-height:94px;padding:10px;bottom:10px;left:10px}.mission-seal{width:46px;height:46px;font-size:20px}.mission-copy h2{font-size:16px}.mission-copy #mission-instruction{font-size:10px}.hint-button{min-height:36px;padding:6px 9px;font-size:9px}.feedback-bubble{max-width:calc(100vw - 30px);bottom:118px;left:15px}.lotus-a{top:32%;left:7%}.lotus-b{top:16%;left:36%}.lotus-c{top:39%;right:9%}.compass-game{width:min(370px,86vw);top:50%}.line-reward{top:18%}}@media (height<=650px) and (orientation:landscape){.opening-screen{padding-top:60px}.opening-lotus{width:75px;height:60px;margin-bottom:5px}.opening-lotus i{width:72px;height:35px}.opening-lotus:before{width:48px;height:43px}.opening-lotus b{font-size:10px;top:14px}.opening-screen h2{font-size:43px}.poet{margin:7px 0 9px}.opening-copy{line-height:1.5}.english-note{display:none}.story-route{margin:12px auto}.mission-card{min-height:86px;bottom:9px}.poem-card{width:225px;padding:12px 14px;top:48%;transform:translateY(-42%)}.poem-card>p{display:none}.completion-card{padding:18px 28px}.completion-seal{width:52px;height:52px}.completion-card blockquote{margin:9px 0;padding:9px}.completion-card blockquote p{font-size:14px}.learning-note{padding:8px 11px}}@media (width<=500px) and (orientation:portrait){.opening-screen{padding-top:68px}.opening-lotus{margin-bottom:0;transform:scale(.78)}.opening-screen h2{font-size:45px}.story-route{gap:9px 13px;max-width:300px}.story-route i{display:none}.lotus{--size:76px}.lotus-field{inset:36% 0 0}.fish{width:58px;height:28px}.compass-game{top:49%}.mission-card{grid-template-columns:42px 1fr}.mission-seal{width:40px;height:40px}.hint-button{grid-column:2;justify-self:start;min-height:27px;margin-top:-5px}.mission-meter{margin-top:6px}.completion-card{border-radius:29px 9px}.completion-seal{width:54px;height:54px}.completion-card blockquote p{font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}