:root{color-scheme:light;--ink:#23332c;--muted:#647068;--line:#dadfd4;--paper:#f5f5f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #42664a;outline-offset:5px}.page{max-width:1200px;margin:auto;padding:0 48px}.header{height:105px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:750;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--ink);color:#d7f393;font-family:Georgia,serif;font-size:30px}.brand-dot{color:#8b9b86;margin-left:1px}nav{display:flex;gap:38px;font-size:14px}nav a{padding:14px 0}nav a:hover{color:#527e32}.edition{font-size:12px;color:var(--muted)}.edition span{margin:0 9px}.hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:40px;min-height:390px;padding:55px 0 48px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:9px;font-weight:650}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#62864c;flex-shrink:0}h1{font-size:clamp(36px,4.2vw,53px);line-height:1.25;letter-spacing:-2px;margin:24px 0 18px;font-weight:600}.serif{font-family:"Songti SC",SimSun,serif;font-weight:400}.accent{color:#71934f}.intro{font-size:15px;line-height:1.9;color:var(--muted);margin:0}.primary{display:inline-flex;align-items:center;gap:34px;margin-top:28px;padding:13px 20px;background:var(--ink);color:white;border-radius:7px;font-size:13px}.primary:hover{background:#405740}.hero-art{height:260px;position:relative;overflow:hidden;border-radius:140px 140px 35px 35px;background:#e7ebdd;isolation:isolate}.orbit{position:absolute;inset:34px -30px;border:1px solid #c1ccb3;border-radius:50%;transform:rotate(-30deg)}.orbit-two{inset:-40px 70px;transform:rotate(35deg)}.art-center{position:absolute;left:42%;top:20px;font-family:Georgia,serif;font-size:190px;line-height:1;transform:rotate(-12deg);color:#40513c}.art-spark{position:absolute;right:42px;top:41px;color:#87a657;font-size:53px}.art-label{position:absolute;left:33px;top:78px;font-size:9px;line-height:1.7;letter-spacing:2px}.art-small{position:absolute;bottom:26px;right:30px;color:#52624a;font-size:10px;letter-spacing:1px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-heading h2{font-size:18px;margin:0;font-weight:600}.section-heading>span{font-size:12px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{border:1px solid #d5ddc8;border-radius:12px;padding:25px 25px 0;transition:transform .18s,box-shadow .18s;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #23332c0d}.card-tools{background:#e9f0dc}.card-games{background:#f1e9de;border-color:#e3d8c8}.card-learn{background:#e5ebf0;border-color:#d1dce5}.card-top{display:flex;justify-content:space-between;align-items:center}.card-icon{font-size:27px;line-height:1}.index{font-size:10px;letter-spacing:1.2px;color:#626d60}.card h3{font-size:25px;font-weight:600;margin:26px 0 12px;display:flex;justify-content:space-between;align-items:center}.card h3 span{font-size:21px;font-weight:400}.card p{font-size:13px;line-height:1.85;color:#58635b;margin:0 0 24px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #23332c18;padding:16px 0;font-size:11px}.content-section{margin-top:52px}h2 small{font-size:12px;font-weight:400;color:var(--muted);margin-left:10px}.pill{border:1px solid var(--line);border-radius:20px;padding:5px 10px}.tool-panel{background:#fdfdf9;border:1px solid var(--line);border-radius:12px;padding:28px;display:grid;grid-template-columns:1fr 1.6fr;gap:28px}.mini-label{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.tool-description h3{font-size:21px;margin:15px 0}.tool-description p,.note-panel p{font-size:13px;line-height:1.9;color:var(--muted)}.tool-description .count-note{font-size:11px;color:#6a736b;margin-top:23px}.tool-workspace label{display:block;font-size:12px;margin-bottom:10px}textarea{width:100%;height:115px;resize:vertical;min-height:90px;max-height:450px;border:1px solid #d9ded3;border-radius:7px;background:#f8f9f4;padding:13px;color:var(--ink);font-size:14px;line-height:1.6}textarea::placeholder{color:#80877c}.tool-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.stats{display:flex;gap:24px;font-size:11px;color:var(--muted)}.stats strong{font-size:21px;font-weight:500;color:var(--ink);margin-right:4px;font-variant-numeric:tabular-nums}button{border:1px solid var(--line);border-radius:6px;background:white;padding:11px 13px;font-size:12px;color:var(--ink);cursor:pointer}button:hover{background:#edf2e5}.notes-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.note-panel{padding:28px;border:1px solid var(--line);border-radius:12px}.note-panel h2{font-size:20px;font-weight:550;margin:14px 0}.coming{display:flex;gap:20px;align-items:center;font-size:11px;color:var(--muted);margin-top:18px}.coming span{font-size:20px;color:#8b9c7e}.learn-panel{background:#eef0e8}summary{font-size:12px;cursor:pointer;padding:12px 0;min-height:44px}summary span{float:right}.article{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.article h3{font-size:16px}.closing{margin-top:40px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted);padding-bottom:30px}.closing-right{margin-left:auto;font-family:Georgia,serif;font-style:italic;font-size:15px}footer{border-top:1px solid var(--line);padding:23px 0 28px;display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:11px}footer a{min-height:25px}@media(min-width:1400px){.hero{min-height:425px}}@media(max-width:800px){.page{padding:0 24px}.edition{display:none}.hero{gap:22px;grid-template-columns:1.5fr 1fr}.hero-art{height:220px}.art-center{left:30%;font-size:165px}.art-label{left:18px;top:50px;font-size:7px}.art-spark{right:15px;top:27px;font-size:35px}.art-small{right:14px;font-size:8px}.cards{gap:12px}.card{padding:20px 18px 0}.index{font-size:8px;letter-spacing:.6px}.tool-panel{grid-template-columns:1fr 1.4fr;gap:20px;padding:22px}.notes-grid{gap:12px}.note-panel{padding:22px}}@media(max-width:560px){.page{padding:0 20px}.header{height:82px}.brand{font-size:24px}nav{gap:23px;font-size:13px}.hero{grid-template-columns:1fr;padding:35px 0;gap:0;min-height:auto}.hero-art{display:none}h1{font-size:39px;margin-top:22px}.eyebrow{font-size:8px;letter-spacing:1.6px}.intro{font-size:14px}.primary{margin-top:22px}.section-heading>span{font-size:10px}.cards{grid-template-columns:1fr}.card{padding:23px 24px 0}.card h3{margin-top:20px}.card p br{display:none}.card p{margin-bottom:20px}.index{font-size:10px}.content-section{margin-top:35px}.tool-panel,.notes-grid{grid-template-columns:1fr}.tool-description .count-note{margin-top:10px}.tool-panel{gap:12px}.tool-description h3{margin:12px 0}.tool-description p{margin:10px 0}.section-heading h2{font-size:17px}h2 small{font-size:11px;margin-left:5px}.closing-right{display:none}.notes-grid{gap:16px}footer{flex-wrap:wrap;font-size:10px}.desktop-break{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}