:root{--bg:#FAFAF8;--tint:#F1F2EA;--warm:#FDF6EC;--ink:#25251F;--ink2:#55544A;--ink3:#8B8A7E;--line:#E5E4DC;--line2:#D8D7CC;--brand:#CC451C;--brand2:#E8531F;--yel:#FFD43B;--yel-soft:#FFF6D9;--green:#3E7C4F;--green-soft:#EAF2EA;--blue:#2B6CB0;--blue-soft:#EAF1F8;--r-s:8px;--r:14px;--r-l:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--ink);line-height:1.8;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{max-width:900px;margin:0 auto;padding:0 24px}.hero{padding:132px 0 40px;text-align:center;position:relative}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 55% at 50% 0%,rgba(43,108,176,.1),transparent)}.cat{font-size:12px;letter-spacing:3px;color:var(--blue);font-weight:800;margin-bottom:12px}h1{font-size:clamp(30px,5.4vw,46px);font-weight:800;letter-spacing:1px;position:relative;line-height:1.3}h1 small{display:block;font-size:15px;font-weight:500;color:var(--ink2);margin-top:8px;letter-spacing:0}.who{margin-top:18px;display:inline-flex;gap:14px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:99px;padding:7px 22px;font-size:13.5px;color:var(--ink2);position:relative;box-shadow:0 2px 8px #25251f0d}.who b{color:var(--brand)}.desc{max-width:600px;margin:18px auto 0;font-size:15px;color:var(--ink2);position:relative}.poem-shell{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 18px 50px #25251f17}.poem-flex{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:start}@media(max-width:720px){.poem-flex{grid-template-columns:1fr}}.tower{position:relative;height:420px;display:flex;align-items:flex-end;justify-content:center;margin:0 auto;max-width:220px}.tower .sky{position:absolute;inset:0;border-radius:14px;background:linear-gradient(#0d1b2a,#12283c 60%,#0d1f18);overflow:hidden;box-shadow:0 10px 30px #25251f40}.tower .sky .moon{position:absolute;top:22px;right:26px;width:38px;height:38px;border-radius:50%;background:#ffe8a3;box-shadow:0 0 30px #ffd43b88}.tower .sky .stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 20% 18%,#fff9,transparent),radial-gradient(1px 1px at 65% 12%,#fff8,transparent),radial-gradient(1.5px 1.5px at 80% 30%,#fff7,transparent),radial-gradient(1px 1px at 35% 32%,#fff6,transparent)}.tower .river{position:absolute;bottom:0;left:0;right:0;height:70px;background:linear-gradient(#1d3a5f,#122740);border-top:1px solid #2c4f7c}.tower .river:after{content:"〰〰〰〰〰";position:absolute;top:8px;left:0;right:0;text-align:center;color:#4d7db3;font-size:13px;letter-spacing:8px;opacity:.6}.tower .floors{position:relative;display:flex;flex-direction:column-reverse;gap:14px;z-index:2;padding-bottom:64px}.floor{width:120px;height:44px;margin:0 auto;border-radius:6px 6px 0 0;position:relative;transition:.4s;border:1.5px solid #3d3020;background:linear-gradient(#8a6b3f,#6b4e28)}.floor:before{content:"";position:absolute;top:-9px;left:-8px;right:-8px;height:12px;border-radius:50%;background:#a9713b;border:1.5px solid #3d3020}.floor.lit{background:linear-gradient(#d8a441,#b07f2e);box-shadow:0 0 24px #ffd43b80}.floor .fl-label{position:absolute;left:50%;transform:translate(-50%);bottom:-2px;font-size:9.5px;color:#f8e3b0;letter-spacing:1px;white-space:nowrap}.kid{position:absolute;z-index:5;left:50%;transform:translate(-50%);font-size:30px;transition:bottom .7s cubic-bezier(.34,1.4,.64,1);filter:drop-shadow(0 4px 8px rgba(0,0,0,.6))}.flag-top{position:absolute;z-index:5;left:50%;top:0;transform:translate(-50%) translateY(10px);font-size:26px;opacity:0;transition:.6s}.flag-top.show{opacity:1;transform:translate(-50%) translateY(0)}.quiz{min-width:0}.quiz-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:10px;flex-wrap:wrap}.quiz-head .lv{font-size:13px;color:var(--blue);font-weight:800}.quiz-head .sc{font-size:13px;color:var(--ink3)}.quiz-head .sc b{color:var(--brand);font-size:16px}.poem-box{background:var(--blue-soft);border:1px solid #C9D9EC;border-radius:14px;padding:20px 22px;text-align:center;margin-bottom:14px}.poem-box .ptitle{font-size:12px;color:var(--blue);letter-spacing:2px;margin-bottom:8px;font-weight:700}.poem-line{font-size:clamp(16px,2.6vw,20px);font-weight:700;letter-spacing:2px;line-height:2;color:var(--ink)}.poem-line .blank{display:inline-block;min-width:64px;border-bottom:2px dashed var(--blue);color:var(--blue);padding:0 6px}.poem-line .blank.ok{color:var(--green);border-color:var(--green)}.poem-line .blank.no{color:#e03131;border-color:#e03131}.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}.opt{background:var(--bg);border:1.5px solid var(--line2);border-radius:12px;padding:13px 10px;font-size:17px;font-weight:700;color:var(--ink);cursor:pointer;font-family:inherit;transition:.18s;letter-spacing:2px}.opt:hover{border-color:var(--ink)}.opt.ok{border-color:var(--green);background:var(--green-soft);color:var(--green)}.opt.no{border-color:#e03131;background:#fdecec;color:#e03131}.opt:disabled{cursor:default;opacity:.92}.feedback{min-height:48px;border-radius:12px;padding:10px 16px;font-size:13.5px;display:none}.feedback.show{display:block}.feedback.good{background:var(--green-soft);border:1px solid #C5DBC8;color:var(--green)}.feedback.bad{background:#fdecec;border:1px solid #F5C2C2;color:#c92a2a}.feedback b{color:var(--ink)}.poem-start{text-align:center;padding:40px 20px}.poem-start .em{font-size:56px;display:block;margin-bottom:10px}.poem-start h3{font-size:20px;margin-bottom:8px}.poem-start p{font-size:14px;color:var(--ink2);margin-bottom:22px}.poem-done{text-align:center;padding:30px 16px}.poem-done .em{font-size:60px;display:block;margin-bottom:8px}.poem-done h3{font-size:22px;color:var(--brand);margin-bottom:8px}.poem-done p{font-size:14px;color:var(--ink2);margin-bottom:18px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;border:none;font-family:inherit;background:var(--brand);color:#fff;transition:.15s}.btn:hover{background:var(--brand2)}.btn:active{transform:scale(.97)}.mute{margin-top:10px;background:var(--bg);border:1px solid var(--line2);color:var(--ink2);border-radius:9px;padding:7px 14px;font-size:12.5px;cursor:pointer;font-family:inherit}section.blk{padding:64px 0}section.blk.tint{background:var(--tint)}.sec-head{margin-bottom:32px}.sec-head .eyebrow{font-size:11.5px;letter-spacing:3px;color:var(--blue);font-weight:800;margin-bottom:8px}.sec-head h2{font-size:clamp(21px,3.4vw,28px);font-weight:800}.sec-head p{color:var(--ink2);font-size:14px;margin-top:8px}.tl{position:relative}.tl:before{content:"";position:absolute;left:15px;top:10px;bottom:10px;width:2px;background:linear-gradient(#74c0fc,var(--blue) 90%,transparent)}.sess{position:relative;padding:0 0 30px 54px}.sess:before{content:attr(data-n);position:absolute;left:0;top:0;width:32px;height:32px;background:#fff;border:2px solid var(--blue);color:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.sess .date{font-size:11.5px;color:var(--ink3);letter-spacing:1px}.sess h3{font-size:16.5px;margin:2px 0 9px}.quote{background:var(--blue-soft);border-left:4px solid #74c0fc;border-radius:0 12px 12px 0;padding:11px 17px;font-size:13.5px;color:var(--ink2);margin-bottom:10px}.quote b{color:var(--ink)}.sess .body{font-size:13.5px;color:var(--ink2)}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.tags span{font-size:11px;background:var(--blue-soft);color:var(--blue);border-radius:6px;padding:2px 9px;border:1px solid #C9D9EC;font-weight:600}.grow{margin-top:9px;font-size:12.5px;background:var(--green-soft);border:1px solid #C5DBC8;border-radius:9px;padding:8px 14px;color:var(--green);font-weight:600}.hl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.hl-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;transition:.2s}.hl-card:hover{box-shadow:0 10px 26px #25251f12}.hl-card .n{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:1px}.hl-card h4{font-size:15.5px;margin:4px 0 7px}.hl-card p{font-size:13px;color:var(--ink2)}.hl-card .v{margin-top:10px;font-size:12px;background:var(--blue-soft);border:1px solid #C9D9EC;border-radius:8px;padding:6px 12px;color:var(--ink2)}.hl-card .v b{color:var(--ink)}.next-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:44px}@media(max-width:640px){.next-nav{grid-template-columns:1fr}}.nn{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:14px;transition:.2s}.nn:hover{border-color:var(--brand);transform:translateY(-2px);box-shadow:0 8px 22px #25251f12}.nn .em{font-size:30px}.nn small{display:block;font-size:11px;color:var(--ink3)}.nn b{font-size:15px}.cta-strip{margin-top:44px;background:var(--ink);border-radius:20px;padding:32px;text-align:center;color:#fafaf8}.cta-strip h3{font-size:19px;color:#fafaf8}.cta-strip p{font-size:13.5px;color:#fafaf8b3;margin:8px 0 18px}.cta-strip a{display:inline-block;background:var(--brand);color:#fff;padding:12px 26px;border-radius:10px;font-weight:700;transition:.2s}.cta-strip a:hover{background:var(--brand2);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.reveal.in{opacity:1;transform:none}