:root{--black:#11100f;--cream:#f4f0e7;--lime:#c8ff2e;--pink:#ff4fa3;--blue:#3d62ff;--white:#fff;--muted:#706d68;--line:#c9c5bc;--max:1180px;--nav:70px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--black);background:var(--cream);font-family:"Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;line-height:1.68}a{color:inherit;text-decoration:none}img{max-width:100%}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.skip{position:fixed;top:-60px;left:10px;z-index:99;padding:9px 14px;background:white}.skip:focus{top:8px}
.nav{position:fixed;inset:0 0 auto;z-index:30;height:var(--nav);background:rgba(244,240,231,.96);border-bottom:3px solid var(--black);backdrop-filter:blur(10px)}.navrow{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.logo{display:flex;align-items:center;gap:10px;font-weight:1000;letter-spacing:-.04em}.mark{display:grid;place-items:center;width:39px;height:39px;border:3px solid var(--black);color:var(--black);background:var(--lime);font-family:Impact,"Arial Black",sans-serif;font-size:21px;box-shadow:4px 4px 0 var(--black)}.logo small{display:block;font:8px Consolas,monospace;letter-spacing:.11em}.links{display:flex;align-items:center;gap:clamp(15px,2vw,28px);font-size:14px;font-weight:800}.links a:not(.btn):hover,.links a[aria-current=page]{color:var(--blue)}.toggle{display:none;width:42px;height:42px;border:3px solid var(--black);background:var(--pink);font-size:20px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-width:128px;min-height:45px;padding:9px 18px;border:3px solid var(--black);border-radius:0;color:var(--black);background:var(--lime);box-shadow:5px 5px 0 var(--black);font-weight:950;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .15s,box-shadow .15s}.btn:hover{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--black)}.btn.alt{background:white}.btn.small{min-width:104px;min-height:38px;padding:6px 12px;font-size:12px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:4px solid var(--blue);outline-offset:3px}
.hero{overflow:hidden;padding:calc(var(--nav) + 68px) 0 82px;background:var(--pink);border-bottom:4px solid var(--black)}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:62px}.sticker{display:inline-block;margin-bottom:19px;padding:5px 10px;border:3px solid var(--black);background:white;box-shadow:4px 4px 0 var(--black);font:11px Consolas,monospace;font-weight:900}.hero h1{margin:0 0 22px;font:clamp(50px,7vw,91px)/.92 Impact,"Arial Black","Microsoft YaHei UI",sans-serif;letter-spacing:-.04em;text-transform:uppercase}.hero h1 em{display:inline;color:var(--lime);font-style:normal;text-shadow:3px 3px 0 var(--black)}.hero-copy>p{max-width:590px;margin:0 0 29px;font-size:17px;font-weight:650}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-media{position:relative;align-self:center;height:auto;padding:0;margin:0;border:4px solid var(--black);background:white;box-shadow:13px 13px 0 var(--lime)}.scribble{position:absolute;right:-18px;bottom:-28px;padding:13px 16px;border:3px solid var(--black);background:var(--blue);color:white;box-shadow:5px 5px 0 var(--black);font-weight:900}.scribble b{display:block;color:var(--lime);font:16px Impact,"Arial Black",sans-serif;letter-spacing:.06em}
.marquee{overflow:hidden;color:white;background:var(--black)}.marquee-track{display:flex;min-width:max-content;animation:marquee 19s linear infinite}.marquee span{padding:12px 28px;font-weight:950}.marquee b{color:var(--lime)}@keyframes marquee{to{transform:translateX(-50%)}}
.section{padding:clamp(76px,8vw,108px) 0}.white{background:white}.head{display:grid;grid-template-columns:1fr .65fr;align-items:end;gap:50px;margin-bottom:42px}.head h2{margin:0;font:clamp(38px,5vw,63px)/.98 Impact,"Arial Black","Microsoft YaHei UI",sans-serif;letter-spacing:-.025em}.head p{margin:0;color:var(--muted)}.eyebrow{display:block;margin-bottom:10px;color:var(--blue);font:11px Consolas,monospace;font-weight:900}
.tools{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}.tool{grid-column:span 4;min-height:225px;padding:25px;border:3px solid var(--black);background:white;box-shadow:6px 6px 0 var(--black)}.tool:first-child,.tool:last-child{grid-column:span 6}.tool:first-child{background:var(--lime)}.tool:nth-child(3){background:#dfe4ff}.tool:nth-child(5){background:#ffd7ea}.tool-icon{display:grid;place-items:center;width:45px;height:45px;margin-bottom:37px;border:3px solid var(--black);background:var(--black);color:white;font-weight:950}.tool h3{margin-bottom:6px;font-size:21px}.tool p{margin:0;color:#5f5c57;font-size:13px}
.downloads-bar{display:grid;grid-template-columns:repeat(4,1fr);border:3px solid var(--black);box-shadow:8px 8px 0 var(--blue)}.platform{padding:26px 20px;border-right:3px solid var(--black);background:white}.platform:last-child{border:0}.platform:nth-child(2){background:var(--lime)}.platform:nth-child(3){background:#ffd7ea}.platform-icon{font-size:25px}.platform h3{margin:28px 0 6px}.platform p{min-height:42px;font-size:12px}
.creator{padding:0;background:var(--black);color:white}.creator-grid{display:grid;grid-template-columns:1.05fr .95fr;min-height:590px}.creator-image img{display:block;width:100%;height:100%;object-fit:cover}.creator-copy{padding:65px}.creator-copy .eyebrow{color:var(--lime)}.creator-copy h2{font:clamp(39px,5vw,62px)/.98 Impact,"Arial Black",sans-serif}.scene{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:20px 0;border-top:1px solid #56534f}.scene:last-child{border-bottom:1px solid #56534f}.scene b{color:var(--pink);font-size:12px}.scene h3,.scene p{margin:0}.scene p{color:#aaa6a0;font-size:12px}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review{padding:27px;border:3px solid var(--black);background:white}.review:nth-child(2){background:var(--lime);transform:translateY(24px)}.review blockquote{margin:0 0 24px;font-weight:650}.person{display:flex;align-items:center;gap:11px;padding-top:15px;border-top:2px solid var(--black)}.avatar{display:grid;place-items:center;width:42px;height:42px;border:3px solid var(--black);background:var(--pink);font-weight:950}.person strong,.person small{display:block}.person small{color:#65615c}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:center}.plan{padding:30px;border:3px solid var(--black);background:white}.plan.featured{padding-block:47px;background:var(--blue);color:white;box-shadow:8px 8px 0 var(--lime)}.tag{font:10px Consolas,monospace;font-weight:900}.price{color:#716d67}.price b{color:var(--black);font-size:28px}.featured .price,.featured li{color:#d7ddff}.featured .price b{color:white}.plan ul{list-style:none;padding:0;margin:22px 0}.plan li{margin:8px 0;font-size:13px}.plan li::before{content:"✓";margin-right:8px;color:var(--pink)}
.faq{max-width:900px;margin:auto;border-top:3px solid var(--black)}.faq details{border-bottom:3px solid var(--black);background:white}.faq summary{position:relative;padding:20px 50px 20px 5px;list-style:none;cursor:pointer;font-weight:900}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"＋";position:absolute;right:8px;top:13px;color:var(--blue);font-size:27px}.faq details[open] summary::after{content:"－"}.answer{padding:0 50px 20px 5px;color:var(--muted)}
.pagehero{padding:calc(var(--nav) + 65px) 0 70px;background:var(--lime);border-bottom:4px solid var(--black)}.pagegrid{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:58px}.pagehero h1{font:clamp(46px,6vw,78px)/.95 Impact,"Arial Black",sans-serif}.pageimg{border:4px solid var(--black);box-shadow:10px 10px 0 var(--pink)}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.download{display:grid;grid-template-columns:65px 1fr;gap:19px;padding:27px;border:3px solid var(--black);background:white}.download h2{margin-bottom:5px;font-size:21px}.download p{margin:0 0 14px;color:var(--muted);font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.chips span{padding:3px 7px;background:#e6e9ff;font:9px Consolas,monospace}.notice{margin-top:18px;padding:17px 20px;border:3px solid var(--black);background:#ffd7ea}
.help-layout{display:grid;grid-template-columns:230px 1fr;gap:44px;align-items:start}.helpnav{position:sticky;top:92px;border:3px solid var(--black);background:white;box-shadow:5px 5px 0 var(--lime)}.helpnav a{display:block;padding:10px 13px;border-bottom:2px solid var(--black);font-size:13px;font-weight:700}.helpnav a:last-child{border:0}.helpnav a:hover{background:var(--lime)}.helpmain section{margin-bottom:58px}.helpmain h2{font-size:30px}.steps{display:grid;gap:8px;counter-reset:s}.step{position:relative;padding:18px 18px 18px 66px;border:3px solid var(--black);background:white}.step::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:16px;display:grid;place-items:center;width:33px;height:33px;border:3px solid var(--black);background:var(--pink);font-weight:950}
.footer{padding:58px 0 22px;color:white;background:var(--black);border-top:8px solid var(--lime)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:38px;padding-bottom:38px}.footer-intro p{max-width:320px;color:#aaa6a0;font-size:12px}.footer h3{color:var(--lime);font-size:13px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:8px 0}.footer a{color:#aaa6a0;font-size:12px}.copyright{display:flex;justify-content:space-between;gap:20px;padding-top:20px;border-top:1px solid #4e4b47;color:#77736e;font-size:11px}
@media(max-width:930px){.toggle{display:block}.links{position:fixed;top:var(--nav);left:0;right:0;display:none;flex-direction:column;align-items:stretch;padding:20px;background:var(--cream);border-bottom:3px solid var(--black)}.links.open{display:flex}.hero-grid,.pagegrid,.creator-grid{grid-template-columns:1fr}.tool,.tool:first-child,.tool:last-child{grid-column:span 6}.downloads-bar{grid-template-columns:1fr 1fr}.platform:nth-child(2){border-right:0}.platform:nth-child(-n+2){border-bottom:3px solid var(--black)}.creator-image{min-height:360px}.reviews,.plans{grid-template-columns:1fr}.review:nth-child(2){transform:none}.plan.featured{order:-1}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}}
@media(max-width:650px){.head{grid-template-columns:1fr}.tools,.downloads-bar,.download-grid{display:flex;flex-direction:column}.platform{border-right:0;border-bottom:3px solid var(--black)}.creator-copy{padding:44px 25px}.scene{grid-template-columns:1fr}.help-layout{grid-template-columns:1fr}.helpnav{position:static;display:flex;overflow-x:auto}.helpnav a{white-space:nowrap;border-right:2px solid var(--black);border-bottom:0}.footer-grid{grid-template-columns:1fr 1fr}.copyright{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}*,*::before,*::after{transition-duration:.01ms!important}}
/* Hero 图片最终覆盖：居中、自然高度、无裁切与变形 */
.hero-grid{align-items:center}.hero-media{align-self:center;height:auto;padding:0;margin:0;overflow:visible;transform:none}.hero-media img{display:block;width:100%;height:auto;object-fit:contain;object-position:center;min-height:0;max-height:none;margin:0;padding:0;clip-path:none;transform:none}