:root{color-scheme:dark;color:#f7f1df;font-synthesis:none;background:#0b2029;font-family:Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 76% 8%,#eec2691f,#0000 27%),linear-gradient(#0a2632 0 760px,#f3efe3 760px 100%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}a{color:inherit}.library-sky{z-index:0;pointer-events:none;height:760px;position:absolute;inset:0 0 auto;overflow:hidden}.library-sky:before,.library-sky:after{content:"";position:absolute}.library-sky:before{opacity:.38;clip-path:polygon(0 100%,0 72%,9% 54%,17% 69%,27% 37%,38% 64%,48% 30%,58% 64%,71% 41%,82% 71%,91% 55%,100% 69%,100% 100%);background:linear-gradient(#5e7e79,#173c43);height:420px;bottom:-120px;left:-7vw;right:-7vw}.library-sky:after{aspect-ratio:1;border:1px solid #fae2a052;border-radius:50%;width:180px;top:94px;right:13%;box-shadow:0 0 110px #f2d07a1f}.library-sky i{aspect-ratio:1;background:#f4d98f;border-radius:50%;width:3px;animation:3.2s ease-in-out infinite alternate sky-glimmer;position:absolute;box-shadow:0 0 13px #f4d98f}.library-sky i:first-child{top:19%;left:9%}.library-sky i:nth-child(2){animation-delay:-1.5s;top:38%;left:26%}.library-sky i:nth-child(3){animation-delay:-.8s;top:11%;left:55%}.library-sky i:nth-child(4){animation-delay:-2.2s;top:29%;right:15%}.library-sky i:nth-child(5){animation-delay:-1.1s;top:54%;right:31%}.library-hero{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:center;gap:60px;max-width:1320px;min-height:690px;margin:0 auto;padding:100px clamp(24px,5vw,70px) 80px;display:grid;position:relative}.top-nav{color:#f1ecdc9e;letter-spacing:.08em;justify-content:space-between;font-size:13px;display:flex;position:absolute;top:25px;left:clamp(24px,5vw,70px);right:clamp(24px,5vw,70px)}.top-nav a{text-decoration:none}.top-nav a:hover{color:#f6d686}.hero-kicker,.section-heading p,.grade-marker p{color:#dfbd72;letter-spacing:.23em;margin:0;font-size:11px;font-weight:800}.hero-copy h1{letter-spacing:.04em;margin:15px 0 17px;font-family:FZKai-Z03,KaiTi,STKaiti,serif;font-size:clamp(60px,8vw,105px);font-weight:500;line-height:.95}.hero-copy h1 span{color:#e9c573}.hero-lead{color:#f4efdfb8;margin:0;font-family:FZKai-Z03,KaiTi,serif;font-size:clamp(18px,2.5vw,25px);line-height:1.8}.hero-stats{gap:clamp(24px,5vw,58px);margin:31px 0;display:flex}.hero-stats div{gap:2px;display:grid}.hero-stats strong{color:#f4d486;font-family:Georgia,serif;font-size:30px;font-weight:500}.hero-stats span{color:#f4efdf85;font-size:11px}.continue-button{background:linear-gradient(135deg,#dfbb672e,#ffffff09);border:1px solid #f2d1805c;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(370px,100%);min-height:72px;padding:12px 20px;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;display:grid;box-shadow:0 15px 45px #0000002e}.continue-button:hover{background:linear-gradient(135deg,#dfbb6747,#ffffff0f);border-color:#f6d585bf;transform:translateY(-3px)}.continue-button>span:first-child{color:#f4cf7c;font-size:25px}.continue-button>span:nth-child(2){gap:3px;display:grid}.continue-button small{color:#f4efdf8c;font-size:10px}.continue-button b{font-size:17px}.continue-button i{color:#e7c16f;font-size:21px;font-style:normal}.hero-orbit{aspect-ratio:1;justify-self:end;width:min(490px,42vw);position:relative}.orbit-ring{border:1px solid #eed28e38;border-radius:50%;animation:32s linear infinite orbit-turn;position:absolute;inset:8%}.ring-two{border-style:dashed;animation-duration:21s;animation-direction:reverse;inset:21%}.orbit-ring:before,.orbit-ring:after{aspect-ratio:1;content:"";background:#e6c06d;border-radius:50%;width:10px;position:absolute;box-shadow:0 0 22px #e7c574b3}.orbit-ring:before{top:15%;left:13%}.orbit-ring:after{bottom:28%;right:7%}.hero-scroll{background:linear-gradient(90deg,#ffffff08 50%,#0000 50%) 0 0/12px 100%,linear-gradient(145deg,#e4c57e2b,#ffffff06);border:1px solid #f8e0a36b;align-content:center;place-items:center;display:grid;position:absolute;inset:27% 25%;transform:rotate(4deg);box-shadow:0 25px 70px #00000040}.hero-scroll:before,.hero-scroll:after{content:"";background:#8e6848;border-radius:99px;height:14px;position:absolute;left:-7%;right:-7%;box-shadow:0 3px 8px #00000052}.hero-scroll:before{top:-7px}.hero-scroll:after{bottom:-7px}.hero-scroll b{color:#f0d182;font-family:KaiTi,serif;font-size:clamp(70px,8vw,108px);font-weight:400;line-height:1}.hero-scroll em{color:#f4ebd19e;letter-spacing:.15em;text-align:center;margin-top:14px;font-family:KaiTi,serif;font-size:13px;font-style:normal;line-height:1.6}.hero-orbit>span{aspect-ratio:1;color:#e9ca7e;background:#09232ccc;border:1px solid #eed3914d;border-radius:50%;place-items:center;width:49px;font-family:KaiTi,serif;font-size:19px;display:grid;position:absolute;box-shadow:0 10px 30px #0003}.orbit-moon{top:2%;left:45%}.orbit-mountain{top:42%;right:0}.orbit-water{bottom:2%;right:27%}.orbit-flower{bottom:16%;left:2%}main{z-index:2;position:relative}.featured-section{color:#263f42;background:#efe9dc;padding:65px max(24px,50vw - 590px) 82px}.section-heading{justify-content:space-between;align-items:end;gap:24px;max-width:1180px;margin:0 auto 28px;display:flex}.section-heading h2{color:#173c43;margin:7px 0 0;font-family:KaiTi,serif;font-size:clamp(32px,5vw,49px);font-weight:500}.section-heading>span{color:#78827c;text-align:right;max-width:360px;font-size:13px;line-height:1.7}.featured-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;max-width:1180px;margin:0 auto;display:grid}.featured-card{--feature-a:#5b8f88;--feature-b:#173c43;color:#fff;background:linear-gradient(180deg, #0c262f1f, #0b1f27f0), var(--feature-art,linear-gradient(145deg, var(--feature-a), var(--feature-b))) center / cover;border:0;border-radius:22px;flex-direction:column;align-items:flex-start;min-height:375px;padding:27px 23px 23px;text-decoration:none;transition:transform .28s,box-shadow .28s;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 42px #27393424}.featured-card:hover{z-index:2;transform:translateY(-8px);box-shadow:0 25px 55px #1f333142}.featured-card:after{aspect-ratio:1;content:"";border:1px solid #ffffff1f;border-radius:50%;width:180px;position:absolute;bottom:-12%;right:-23%;box-shadow:0 0 0 28px #ffffff06,0 0 0 58px #ffffff05}.featured-card>*{z-index:1;position:relative}.featured-icon{opacity:.14;font-size:86px;position:absolute;bottom:44px;right:18px}.featured-badge,.story-mark{color:#ffe39d;letter-spacing:.08em;background:#081b2359;border:1px solid #ffffff40;border-radius:999px;align-items:center;padding:5px 9px;font-size:10px;font-weight:800;display:inline-flex}.featured-card>p{color:#ffffff85;margin:25px 0 5px;font-size:10px}.featured-card h3{margin:0 0 5px;font-family:KaiTi,serif;font-size:29px;font-weight:500;line-height:1.2}.featured-poet{color:#efd18b;font-size:12px}.featured-card em{color:#ffffffab;margin-top:21px;font-size:12px;font-style:normal;line-height:1.75}.featured-card>b{color:#ffdc88;margin-top:auto;font-size:12px}.featured-card>b i{margin-left:4px;font-style:normal;transition:transform .2s;display:inline-block}.featured-card:hover>b i{transform:translate(5px)}.theme-moon{--feature-a:#6c78a8;--feature-b:#222b5b}.theme-water{--feature-a:#4a9db0;--feature-b:#174a61}.theme-winter{--feature-a:#90b8c2;--feature-b:#345f72}.theme-festival{--feature-a:#b77956;--feature-b:#54364a}.theme-children{--feature-a:#dcaa72;--feature-b:#6f8475}.theme-patriot{--feature-a:#bc6652;--feature-b:#5e3544}.theme-friendship{--feature-a:#c18082;--feature-b:#5c577c}.theme-homesick{--feature-a:#8090b2;--feature-b:#444e73}.theme-pastoral{--feature-a:#88aa79;--feature-b:#426450}.theme-mountain{--feature-a:#79988d;--feature-b:#344e50}.theme-spring{--feature-a:#d1959e;--feature-b:#718e72}.theme-spirit{--feature-a:#bb8a65;--feature-b:#5e4b51}.atlas-section{color:#ebeadf;background:linear-gradient(#ffffff04 1px,#0000 1px) 0 0/100% 44px,#102f38;min-height:100vh;padding:82px max(24px,50vw - 590px) 110px}.atlas-heading h2{color:#f1dfad}.atlas-heading>span{color:#ecece07a}.filter-panel{z-index:10;backdrop-filter:blur(18px);background:#0a242ce0;border:1px solid #ffffff17;border-radius:20px;grid-template-columns:minmax(210px,1fr) auto auto;align-items:center;gap:14px;max-width:1180px;margin:0 auto;padding:13px;display:grid;position:sticky;top:10px;box-shadow:0 16px 50px #00000038}.search-box{background:#ffffff0b;border:1px solid #ffffff1f;border-radius:13px;align-items:center;gap:8px;min-height:45px;padding:0 13px;display:flex}.search-box span{color:#dec47f;font-size:24px}.search-box input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:13px}.search-box input::placeholder{color:#ffffff5c}.grade-filters,.term-filters{flex-wrap:wrap;gap:5px;display:flex}.filter-chip,.term-chip{cursor:pointer;color:#ffffff8c;background:0 0;border:0;border-radius:10px;min-height:38px;padding:7px 11px;font-size:11px;transition:color .2s,background .2s}.filter-chip:hover,.term-chip:hover{color:#fff;background:#ffffff12}.filter-chip.is-active,.term-chip.is-active{color:#1d3f45;background:#e6c97f;font-weight:800}.result-summary{color:#ffffff6b;text-align:right;max-width:1180px;margin:18px auto 0;font-size:11px}.result-summary b{color:#e5c779}.grade-atlas{max-width:1180px;margin:0 auto}.grade-section{border-bottom:1px solid #ffffff14;grid-template-columns:150px minmax(0,1fr);gap:25px;padding:44px 0;display:grid}.grade-section[hidden],.poem-card[hidden]{display:none}.grade-marker{grid-template-columns:auto 1fr;align-self:start;align-items:center;gap:12px;display:grid;position:sticky;top:96px}.grade-marker>span{aspect-ratio:1;color:#e9cc80;border:1px solid #e8ca7e80;border-radius:50% 50% 50% 8px;place-items:center;width:54px;font-family:Georgia,serif;font-size:26px;display:grid;transform:rotate(-8deg)}.grade-marker>span+div{min-width:80px}.grade-marker h3{margin:4px 0 0;font-family:KaiTi,serif;font-size:18px;font-weight:500}.grade-marker em{color:#ffffff5e;grid-column:2;font-size:10px;font-style:normal}.poem-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.poem-card{--card-a:#6e968b;--card-b:#284c50;color:#f3f1e8;background:radial-gradient(circle at 90% 8%, color-mix(in srgb, var(--card-a) 31%, transparent), transparent 32%), #ffffff09;border:1px solid #ffffff17;border-radius:17px;flex-direction:column;min-height:300px;padding:20px 18px 17px;text-decoration:none;transition:transform .23s,border-color .23s,background .23s;display:flex;position:relative;overflow:hidden}.poem-card:hover{z-index:2;border-color:color-mix(in srgb, var(--card-a) 72%, white);background:radial-gradient(circle at 90% 8%, color-mix(in srgb, var(--card-a) 52%, transparent), transparent 35%), #fff1;transform:translateY(-5px)}.card-number{color:#ffffff4a;letter-spacing:.15em;font:11px/1 Georgia,serif}.card-icon{opacity:.55;font-size:27px;position:absolute;top:15px;right:16px}.card-status{color:#ffffff52;font-size:9px;position:absolute;top:52px;right:15px}.poem-card.is-complete .card-status{color:#f1d27e}.poem-card.is-complete .card-status:before{content:"★ "}.story-mark{color:#e9c876;background:#0000001f;border-color:#ebcd7f3d;padding:3px 7px;font-size:8px;position:absolute;top:82px;right:14px}.poem-card h4{max-width:83%;margin:25px 0 4px;font-family:KaiTi,serif;font-size:clamp(21px,2vw,26px);font-weight:500;line-height:1.2}.poem-card>p{color:#d7b966;margin:0;font-size:10px}.poem-card blockquote{color:#ffffff91;margin:17px 0 15px;font-family:KaiTi,serif;font-size:13px;line-height:1.65}.card-footer{border-top:1px solid #ffffff12;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px;display:flex}.card-footer em{color:#ffffff57;font-size:9px;font-style:normal}.card-footer>span{color:#ffffff75;font-size:10px}.poem-card.is-complete .card-footer>span{color:#f1d27e}.card-actions{grid-template-columns:.86fr 1.14fr;gap:8px;margin-top:11px;display:grid}.card-action{text-align:center;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:39px;padding:8px 9px;font-size:10px;line-height:1.2;text-decoration:none;display:flex}.card-action>span{flex:none;font-size:12px}.card-action b{font-weight:800}.quick-action{border-color:color-mix(in srgb, var(--card-a) 56%, white);color:#fff6d8;background:color-mix(in srgb, var(--card-b) 68%, transparent);transition:transform .2s,background .2s}.quick-action:hover,.quick-action:focus-visible{background:color-mix(in srgb, var(--card-a) 48%, var(--card-b));transform:translateY(-2px)}.story-action.is-available{color:#2a2111;background:linear-gradient(135deg,#ffe79a,#d9ae4f);border-color:#f1cb6980;transition:transform .2s,filter .2s;box-shadow:0 6px 15px #e1b2491f}.story-action.is-available:hover,.story-action.is-available:focus-visible{filter:brightness(1.08);transform:translateY(-2px)}.story-action.is-available.is-complete{color:#143420;background:linear-gradient(135deg,#c9f0c7,#77bb86);border-color:#b9efbd9e}.story-action.is-upcoming{cursor:not-allowed;color:#ffffff5c;background:repeating-linear-gradient(-45deg,#ffffff06 0 5px,#0000 5px 10px),#0a161c57;border-color:#ffffff14}.card-action:focus-visible{outline-offset:2px;outline:3px solid #fff1a5}.poem-card.theme-moon{--card-a:#8492cf;--card-b:#343b72}.poem-card.theme-water{--card-a:#55aabd;--card-b:#235b69}.poem-card.theme-winter{--card-a:#9ac4ce;--card-b:#486c7a}.poem-card.theme-festival{--card-a:#d18b5e;--card-b:#774c4c}.poem-card.theme-children{--card-a:#e4ac69;--card-b:#68866d}.poem-card.theme-patriot{--card-a:#cf705e;--card-b:#773e4d}.poem-card.theme-friendship{--card-a:#c7828c;--card-b:#675d89}.poem-card.theme-homesick{--card-a:#8294bf;--card-b:#4b557e}.poem-card.theme-pastoral{--card-a:#8fba76;--card-b:#496d50}.poem-card.theme-mountain{--card-a:#7e9e91;--card-b:#3d5956}.poem-card.theme-spring{--card-a:#da99a3;--card-b:#789272}.poem-card.theme-spirit{--card-a:#c89368;--card-b:#6c5153}.empty-state{text-align:center;max-width:500px;margin:70px auto 10px}.empty-state span{font-size:52px}.empty-state h3{margin:14px 0 5px;font-family:KaiTi,serif;font-size:27px}.empty-state p{color:#ffffff6b;margin:0;font-size:12px}footer{color:#ffffff61;background:#0a252d;justify-content:space-between;gap:20px;padding:30px max(24px,50vw - 590px);font-family:KaiTi,serif;font-size:13px;display:flex}footer p{margin:0}footer a{color:#d9b965}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes sky-glimmer{0%{opacity:.25;transform:scale(.7)}to{opacity:1;transform:scale(1.35)}}@media (width<=1060px){.library-hero{grid-template-columns:1fr 390px;gap:25px}.hero-orbit{width:390px}.featured-grid{grid-template-columns:repeat(2,1fr)}.featured-card{min-height:320px}.filter-panel{grid-template-columns:1fr}.grade-filters,.term-filters{justify-content:center}}@media (width<=780px){body{background:linear-gradient(#0a2632 0 720px,#f3efe3 720px 100%)}.library-hero{text-align:center;grid-template-columns:1fr;min-height:680px;padding-top:100px}.top-nav{text-align:left}.hero-copy{z-index:2;position:relative}.hero-stats,.continue-button{margin-inline:auto}.hero-stats{justify-content:center}.hero-orbit{opacity:.2;width:360px;position:absolute;bottom:0;right:-90px}.section-heading{display:block}.section-heading>span{text-align:left;margin-top:10px;display:block}.grade-section{grid-template-columns:1fr;gap:18px}.grade-marker{position:static}.grade-marker em{grid-column:auto;justify-self:end}.poem-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.library-hero{min-height:650px;padding-inline:18px}.top-nav{font-size:10px;left:18px;right:18px}.hero-copy h1{font-size:61px}.hero-lead{font-size:17px}.hero-stats{gap:28px}.featured-section,.atlas-section{padding-inline:15px}.featured-grid,.poem-grid{grid-template-columns:1fr}.featured-card{min-height:300px}.filter-panel{position:static}.filter-chip,.term-chip{min-height:34px;padding-inline:8px;font-size:10px}.grade-section{padding-block:34px}.poem-card{min-height:285px}footer{text-align:center;display:grid}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}