@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#202327;--paper:#fffdf4;--yellow:#ffea70;--mint:#b8e9d6;--pink:#ffc7d0;--line:3px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;letter-spacing:0}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{height:82px;padding:0 clamp(22px,5vw,80px);display:flex;align-items:center;justify-content:space-between;gap:24px;background:#fffdf4;border-bottom:var(--line);position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:21px;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:var(--yellow);border:var(--line);border-radius:50%;transform:rotate(-12deg);font-size:16px}.brand-sub{display:block;font-size:9px;letter-spacing:2px;line-height:1.2}.site-header nav{display:flex;gap:clamp(14px,3vw,42px);font-weight:700;font-size:14px}.site-header nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}.button{border:var(--line);border-radius:5px;min-height:55px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-weight:900;box-shadow:5px 5px 0 var(--ink);transition:transform .18s,box-shadow .18s;white-space:nowrap}.button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.button-dark{background:var(--ink);color:white}.button-outline{background:white}.button-yellow{background:var(--yellow);color:var(--ink)}.button.small{min-height:40px;padding:0 16px;font-size:13px;box-shadow:3px 3px 0 #8ca5a0}.hero{overflow:hidden;background:#ffed79}.hero-inner{max-width:1440px;margin:auto;min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:45px clamp(25px,6vw,95px) 38px;position:relative}.hero-copy{position:relative;z-index:1}.issue,.chapter{display:inline-block;font-size:12px;font-weight:900;letter-spacing:1px}.issue{padding:8px 13px;background:white;border:2px solid var(--ink);transform:rotate(-2deg)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(62px,7vw,112px);line-height:1.12;margin:23px 0 18px;font-weight:900;letter-spacing:0}.highlight{color:#ed6a59;text-shadow:4px 4px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}.hero-lead{font-size:18px;line-height:1.9;max-width:480px;font-weight:600}.hero-actions{display:flex;gap:18px;flex-wrap:wrap;margin:32px 0 20px}.hero-note{font-size:12px;font-weight:700}.hero-art{min-height:540px;display:grid;place-items:center;position:relative}.hero-art:before{content:"";position:absolute;width:min(100%,590px);aspect-ratio:1;background:#b6e2cb;border:var(--line);border-radius:50%;box-shadow:16px 15px 0 #efaa76}.hero-art img{position:relative;width:min(110%,670px);filter:drop-shadow(4px 8px 0 rgba(25,35,29,.18));animation:bob 4s ease-in-out infinite}.hero-bubble{position:absolute;z-index:1;right:-15px;top:15px;background:white;border:var(--line);border-radius:50%;padding:24px 28px;text-align:center;font-weight:900;transform:rotate(8deg);box-shadow:5px 5px 0 var(--ink)}.burst{position:absolute;z-index:2;font-weight:900;color:#e75b59;-webkit-text-stroke:1.5px var(--ink);text-shadow:3px 3px 0 white}.burst-one{left:0;top:70px;font-size:38px;transform:rotate(-14deg)}.burst-two{right:0;bottom:25px;font-size:46px;transform:rotate(15deg)}.hero-strip{background:var(--ink);color:white;min-height:55px;display:flex;justify-content:center;align-items:center;gap:clamp(15px,4vw,60px);font-size:13px;font-weight:900;letter-spacing:1px}.section{padding:100px clamp(22px,6vw,95px);max-width:1440px;margin:auto}.section-heading{max-width:650px;margin-bottom:48px}.section-heading.centered{text-align:center;margin-inline:auto}.chapter{color:#177969;margin-bottom:15px}.section-heading h2,.showcase h2,.final-cta h2{font-size:clamp(36px,4.4vw,64px);line-height:1.25;font-weight:900;margin-bottom:18px}.section-heading em{font-style:normal;background:linear-gradient(transparent 65%,var(--yellow) 65%)}.section-heading p{line-height:1.9;font-size:17px;max-width:510px}.comic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.comic-panel{min-height:420px;border:var(--line);box-shadow:8px 8px 0 var(--ink);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.panel-yellow{background:#f9df8b}.panel-pink{background:#ffd1d5}.panel-mint{background:#bce7d4}.comic-panel img{max-width:82%;height:260px;object-fit:contain}.panel-number{position:absolute;top:18px;left:20px;font-size:14px;font-weight:900}.panel-caption{position:absolute;bottom:0;left:0;right:0;padding:14px 20px;background:white;border-top:var(--line);display:flex;align-items:center;gap:13px}.panel-caption strong{font-size:22px}.panel-caption span{font-size:13px;font-weight:600}.sound{position:absolute;right:15px;top:30px;font-size:28px;color:#ee6953;transform:rotate(12deg);-webkit-text-stroke:1px var(--ink);text-shadow:2px 2px white}.powers{background:#fff}.power-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--line);border-left:var(--line)}.power-grid article{min-height:225px;padding:26px;border-right:var(--line);border-bottom:var(--line)}.power-icon{width:53px;height:53px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;font-size:25px;font-weight:900;margin-bottom:18px}.yellow{background:#ffdf66}.coral{background:#ffad91}.mint{background:#a8e1c5}.blue{background:#a9d9f2}.pink{background:#f9bbcb}.lilac{background:#d7c7ed}.power-grid h3{font-size:21px;margin-bottom:8px}.power-grid p{font-size:14px;line-height:1.8;color:#464b4c;margin:0}.scenes{background:#d9efe5;max-width:none;padding-inline:max(22px,calc((100vw - 1250px)/2))}.scene-list{border-top:var(--line)}.scene-list>div{display:grid;grid-template-columns:120px 180px 1fr;align-items:center;gap:25px;padding:24px 10px;border-bottom:var(--line)}.scene-list span{font-size:24px;font-weight:900;color:#197969}.scene-list strong{font-size:26px}.scene-list p{margin:0;line-height:1.6}.showcase{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw}.showcase-art{position:relative;background:#ffd4cf;border:var(--line);min-height:470px;display:grid;place-items:center;overflow:hidden;box-shadow:11px 11px 0 var(--ink)}.showcase-art img{width:90%;max-width:500px}.showcase-sticker{position:absolute;z-index:1;left:18px;top:18px;transform:rotate(-9deg);background:var(--yellow);border:var(--line);border-radius:50%;padding:20px;font-weight:900;text-align:center;line-height:1.2}.showcase-copy p{font-size:17px;line-height:1.9}.showcase-copy ul{list-style:none;padding:0;margin:25px 0 34px}.showcase-copy li{padding:10px 0;border-bottom:1px dashed #89918d;font-weight:700}.showcase-copy li:before{content:'✓';margin-right:10px;color:#16846e}.faq{background:#fff}.faq-list{max-width:850px;margin:auto}.faq details{border-bottom:2px solid var(--ink)}.faq summary{list-style:none;padding:21px 30px 21px 0;font-size:18px;font-weight:800;cursor:pointer;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:5px;font-size:25px;top:14px}.faq details[open] summary:after{content:'−'}.faq details p{line-height:1.8;margin:0 0 20px;color:#4d5452}.final-cta{background:#245d55;color:white;border-block:var(--line);padding:55px max(22px,calc((100vw - 1250px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;overflow:hidden}.final-cta .chapter{color:#ffeb77}.final-cta h2{margin-bottom:28px}.final-cta img{width:250px;height:230px;object-fit:contain}footer{padding:35px clamp(22px,6vw,95px);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}footer>a:last-child{text-decoration:underline}dialog{width:min(650px,calc(100vw - 26px));max-height:calc(100vh - 30px);overflow:auto;padding:30px;border:var(--line);border-radius:6px;box-shadow:10px 10px 0 var(--ink);background:#fffdf4;color:var(--ink)}dialog::backdrop{background:rgba(20,32,31,.72)}.dialog-top{display:flex;justify-content:space-between;gap:15px}.dialog-top h2{font-size:clamp(24px,4vw,34px);margin:0}.close-button{width:39px;height:39px;flex:0 0 39px;border:var(--line);background:var(--yellow);font-size:29px;line-height:1}.dialog-intro{font-size:14px;margin:12px 0 23px}.download-options{display:grid;gap:10px}.download-row{border:2px solid var(--ink);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:white}.download-info,.download-actions{display:flex;align-items:center;gap:12px}.download-icon{width:46px;height:46px;border:2px solid var(--ink);display:grid;place-items:center;font-weight:900;font-size:20px}.quark{background:#c9e1ff}.baidu{background:#ffd2cd}.lanzou{background:#d0edce}.download-info strong,.download-info small{display:block}.download-info small{font-size:11px;color:#636a6a;margin-top:3px}.download-go,.copy-button{border:2px solid var(--ink);background:var(--yellow);color:var(--ink);padding:9px 11px;font-size:12px;font-weight:800;white-space:nowrap}.copy-button{background:white}.download-go.disabled{background:#e9e9e6;color:#777;cursor:not-allowed}.dialog-footnote{font-size:11px;color:#5e6562;margin:22px 0 0;text-align:center}@keyframes bob{50%{transform:translateY(-10px)}}
@media(max-width:900px){.site-header nav{display:none}.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:55px}.hero-art{min-height:450px}.hero-art img{width:min(85%,500px)}.hero-bubble{right:6%}.comic-grid{grid-template-columns:1fr 1fr}.comic-panel:last-child{grid-column:span 2}.power-grid{grid-template-columns:repeat(2,1fr)}.showcase{gap:35px}.scene-list>div{grid-template-columns:90px 110px 1fr}.hero-strip span:last-child,.hero-strip span:nth-last-child(2){display:none}}
@media(max-width:620px){.site-header{height:70px;padding:0 15px}.brand{font-size:17px}.brand-mark{width:39px;height:39px;font-size:13px}.site-header .button{padding:0 10px;min-height:37px;font-size:11px}.hero-inner{padding:38px 20px 0}.hero h1{font-size:60px}.hero-lead{font-size:15px}.hero-actions{gap:10px}.hero-actions .button{min-height:48px;padding:0 13px;font-size:13px;gap:8px}.hero-art{min-height:350px}.hero-art:before{width:85%}.hero-art img{width:100%}.hero-bubble{top:0;right:0;font-size:11px;padding:12px}.burst-one{font-size:21px;top:45px}.burst-two{font-size:28px}.hero-strip{font-size:10px;gap:12px}.section{padding:70px 20px}.section-heading{margin-bottom:30px}.section-heading h2,.showcase h2,.final-cta h2{font-size:36px}.comic-grid{grid-template-columns:1fr;gap:20px}.comic-panel,.comic-panel:last-child{grid-column:auto;min-height:340px}.comic-panel img{height:210px}.power-grid{grid-template-columns:1fr 1fr}.power-grid article{padding:16px;min-height:220px}.power-grid h3{font-size:17px}.power-grid p{font-size:12px}.scene-list>div{grid-template-columns:72px 1fr;gap:5px 12px}.scene-list span{font-size:18px}.scene-list strong{font-size:20px}.scene-list p{grid-column:2;font-size:13px}.showcase{grid-template-columns:1fr}.showcase-art{min-height:330px}.showcase-art img{width:90%}.final-cta{padding:45px 20px}.final-cta img{width:110px;height:140px}footer{padding:25px 20px;flex-wrap:wrap}footer>span{order:3;width:100%}dialog{padding:18px}.download-row{align-items:flex-start}.download-info{gap:8px}.download-icon{width:38px;height:38px;font-size:17px}.download-actions{align-items:flex-end;flex-direction:column;gap:5px}.download-go,.copy-button{font-size:11px;padding:6px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art img{animation:none}.button{transition:none}}
.adoption{text-align:center;background:#ffefac;max-width:none}.adoption-steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto 35px;border:var(--line);background:white;text-align:left}.adoption-steps>div{padding:26px;border-right:var(--line)}.adoption-steps>div:last-child{border:0}.adoption-steps b{display:grid;place-items:center;width:42px;height:42px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%;margin-bottom:15px}.adoption-steps strong{display:block;font-size:20px}.adoption-steps p{font-size:13px;line-height:1.7;margin:8px 0 0}@media(max-width:620px){.adoption-steps{grid-template-columns:1fr}.adoption-steps>div{border-right:0;border-bottom:var(--line);padding:18px}.adoption-steps>div:last-child{border-bottom:0}}
.feature-detail{background:#fff8dc}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detail-grid article{border-top:3px solid var(--ink);padding:25px 0 10px}.detail-tag{font-size:12px;font-weight:900;color:#177969}.detail-grid h3{font-size:27px;margin:15px 0}.detail-grid p{font-size:16px;line-height:1.9;max-width:540px}.related-searches{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:35px;padding-top:22px;border-top:1px solid #8c938b}.related-searches strong{margin-right:8px}.related-searches span{font-size:13px;font-weight:700;background:#fff;border:1px solid var(--ink);padding:8px 10px}.feature-detail .section-heading p{max-width:650px}@media(max-width:620px){.detail-grid{grid-template-columns:1fr;gap:8px}.detail-grid h3{font-size:22px}.detail-grid p{font-size:14px}.related-searches span{font-size:12px}}