:root{--orange:#ff5f1f;--orange-dark:#df4510;--ink:#252321;--muted:#83807c;--line:#eeeae5;--cream:#fff9f3;--radius:22px;--font:"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f89663;outline-offset:5px}::selection{background:#ffdac6}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.icon{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:20px;top:-100px;background:var(--orange);color:white;padding:12px 20px;z-index:100}.skip-link:focus{top:10px}.site-header{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);z-index:30;border-bottom:1px solid #f3efeb}.header-inner{height:84px;display:flex;align-items:center;gap:32px}.brand{flex-shrink:0}.brand img{width:176px;height:28px}.main-nav{display:flex;gap:30px;align-items:center;margin-left:auto;margin-right:10px;height:100%}.nav-link{font-size:14px;position:relative;height:100%;display:flex;align-items:center;white-space:nowrap;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--orange)}.nav-link.active:after{content:"";position:absolute;bottom:18px;left:50%;width:4px;height:4px;border-radius:50%;background:var(--orange)}.new-label{font-size:8px;font-family:Verdana,sans-serif;background:#fff0e8;color:var(--orange);padding:0 4px;border-radius:4px;position:absolute;top:15px;right:-16px;letter-spacing:.5px}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;border-radius:10px;background:var(--orange);color:white;font-weight:600;padding:12px 24px;line-height:1.4;border:1px solid transparent;transition:background .2s,box-shadow .2s,transform .2s}.button:hover{background:var(--orange-dark);box-shadow:0 7px 20px #ff5f1f25;transform:translateY(-2px)}.header-download{font-size:13px;padding:11px 20px;white-space:nowrap}.header-download .icon{width:17px;height:17px}.button-large{padding:18px 25px;font-size:16px;border-radius:12px}.menu-toggle{display:none}.hero{overflow:hidden;position:relative;background:radial-gradient(ellipse at 82% 49%,#ffe1be85,transparent 52%),linear-gradient(118deg,#fffdfb,#fff7ed);border-bottom:1px solid #f6ebe0}.hero-layout{display:grid;grid-template-columns:1fr 1.04fr;gap:46px;align-items:center;min-height:688px;padding-block:75px 80px;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:500;color:#a3704b;display:flex;align-items:center;gap:9px;letter-spacing:1px}.status-dot{display:block;width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 0 4px #ff5f1f0d}h1{font-size:66px;line-height:1.35;letter-spacing:-3px;font-weight:750;margin-top:24px}.highlight{color:var(--orange);position:relative;white-space:nowrap}.underline{position:absolute;bottom:-7px;left:1px;width:98%;height:10px;border-top:3px solid #ffb684;border-radius:50%;transform:rotate(-3deg)}.hero-description{font-size:17px;color:#888078;line-height:1.95;margin-top:27px;letter-spacing:.5px}.hero-actions{display:flex;align-items:center;gap:22px;margin-top:32px}.hero-actions .arrow{width:19px;margin-left:9px}.more-download{display:inline-flex;align-items:center;gap:4px;color:#69635e;font-size:13px;padding:12px 0;white-space:nowrap}.more-download .icon{width:16px}.download-note{color:#b2a49a;font-size:11px;margin-top:12px;letter-spacing:.5px}.platforms{display:flex;gap:6px;margin-top:30px;align-items:center}.platform{display:flex;align-items:center;gap:7px;font-size:11px;color:#969087;border-radius:7px;padding:7px 12px;transition:background .2s,color .2s}.platform .icon{width:15px;height:15px}.platform:hover,.platform.active{background:white;color:var(--orange);box-shadow:0 2px 12px #6e4a1308}.hero-orbit{position:absolute;border:1px solid #edb88824;border-radius:50%;pointer-events:none}.orbit-one{width:760px;height:760px;right:-78px;top:-95px}.orbit-two{width:610px;height:610px;right:6px;top:-25px}.hero-visual{position:relative;padding:40px 5px 15px;min-width:0}.visual-grid{position:absolute;width:100%;height:100%;inset:0;background-image:radial-gradient(#d8ad7c55 .8px,transparent .8px);background-size:18px 18px;mask-image:radial-gradient(ellipse,#000,transparent 72%);z-index:-1}.editor-window{border-radius:16px;background:#fffefc;border:1px solid #fff;box-shadow:0 22px 65px #bf754c17,0 2px 6px #99744608;position:relative;transform:rotate(-2deg);z-index:2;overflow:hidden}.editor-topbar{height:42px;display:flex;align-items:center;justify-content:space-between;background:#faf8f6;border-bottom:1px solid #f1ece6;padding:0 18px;font-size:10px;color:#a9a098}.editor-topbar>.icon{width:14px;height:14px;color:#c9b8a4}.window-controls{display:flex;gap:5px}.window-controls i{width:7px;height:7px;border-radius:50%;background:#ead6c8}.window-controls i:first-child{background:#ffa077}.window-controls i:nth-child(2){background:#f2c88c}.window-controls i:nth-child(3){background:#b9d4ac}.editor-content{padding:23px 30px 19px;min-height:187px}.editor-date{font-size:9px;letter-spacing:2px;color:#b5aaa0}.editor-content p{font-size:24px;line-height:1.8;font-weight:600;margin-top:12px;letter-spacing:1px;min-height:85px;overflow-wrap:anywhere}.typing-cursor,.tiny-cursor{display:inline-block;background:var(--orange);width:2px;height:25px;vertical-align:-3px;margin-left:4px;animation:blink 1s step-end infinite}.editor-divider{height:1px;background:#f1ebe5;margin:12px 0}.editor-caption{font-size:9px;color:#b9afa6;letter-spacing:1px}.input-panel{padding:12px 23px 14px;background:#fff;border-top:1px solid #f0ebe4}.input-toolbar{display:flex;gap:10px;font-size:10px;color:#998e84;align-items:center}.s-mark{font-family:Georgia,serif;font-weight:900;color:var(--orange);font-size:27px;font-style:italic;line-height:1}.toolbar-divider{height:14px;width:1px;background:#eee4da}.smart-indicator{margin-left:auto;display:flex;align-items:center;gap:3px;color:#b49e8d;font-size:9px}.smart-indicator .icon{width:12px;height:12px}.demo-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pinyin-row{display:flex;align-items:center;padding:9px 0 7px;border-bottom:1px solid #f6f1ec;gap:5px}.pinyin-row input{width:100%;border:0;background:none;color:#49423b;font-family:Georgia,serif;font-size:16px;letter-spacing:1px;min-width:0;outline-offset:1px}.pinyin-row kbd{font-size:8px;font-family:var(--font);padding:3px 5px;background:#f8f5f2;color:#b4a597;border-radius:3px;white-space:nowrap}.candidates{display:flex;align-items:center;gap:9px;min-height:38px;overflow-x:auto}.candidate{font-size:12px;white-space:nowrap;padding:5px 3px;border-radius:4px}.candidate span{font-size:9px;color:#b9afa6;margin-right:4px}.candidate:first-child{color:var(--orange);background:#fff3e9;padding:5px 8px}.candidate:hover{background:#fff3e9;color:var(--orange)}.candidate-empty{font-size:10px;color:var(--muted)}.demo-keyboard{position:relative;z-index:3;border:1px solid #fff7f0;background:linear-gradient(150deg,#fff6ed,#f5e6d6);box-shadow:0 18px 32px #ba854b1c;transform:perspective(800px) rotateX(18deg) rotateZ(-5deg);padding:14px 13px 10px;border-radius:13px;margin:14px 18px 0 -18px}.key-row{display:flex;gap:7px;justify-content:center;margin-bottom:7px}.key-row button{background:linear-gradient(150deg,#fffefb,#fff6e9);height:32px;min-width:0;flex:1;max-width:42px;border-radius:5px;box-shadow:0 3px 0 #ddc5ad,0 3px 5px #bc9d8010;font-size:11px;color:#a18c77;transition:transform .1s,box-shadow .1s}.key-row:nth-child(2){padding-inline:15px}.key-row:nth-child(3){padding-inline:30px}.key-row button:hover{color:var(--orange);background:#fff}.key-row button:active{transform:translateY(2px);box-shadow:0 1px 0 #ddc5ad}.key-row .delete-key{background:#ffd9bc;color:#b56634}.space-row{display:flex;gap:12px;align-items:center;margin-top:10px;font-size:7px;color:#bb9d7e;white-space:nowrap;justify-content:center}.space-key{flex:1;background:#fff9ed;font-size:8px;letter-spacing:3px;color:#b19b83;padding:5px 0;border-radius:4px;box-shadow:0 2px 0 #ddc5ad}.floating-note{position:absolute;z-index:4;display:flex;gap:10px;align-items:center;background:#fffffff2;border:1px solid #fff;border-radius:12px;padding:12px 16px;box-shadow:0 10px 30px #aa764715;font-size:9px;color:#b29b88;transform:rotate(5deg)}.floating-note strong{font-size:12px;font-weight:500;color:#5f5145;letter-spacing:1px}.note-expression{top:8px;right:14px}.note-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff0e4;border-radius:9px;color:var(--orange)}.note-icon .icon{width:18px;height:18px}.note-intelligent{left:-35px;bottom:100px;transform:rotate(-5deg)}.check-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#eaf4e6;color:#70916b}.check-circle .icon{width:15px;height:15px}.demo-hint{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#b5a490;letter-spacing:.5px}.demo-hint span{width:4px;height:4px;border-radius:50%;background:#d5bea5}.intro-strip{border-bottom:1px solid var(--line);background:#fff}.intro-strip .container{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:27px;color:#858079;font-size:12px}.intro-strip .container>span{font-size:13px;color:#49443f}.intro-strip .container>div{display:flex;align-items:center;gap:8px;white-space:nowrap}.intro-strip .icon{width:15px;height:15px;color:#c5b7a9}.section{padding-block:92px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.section-kicker{display:block;font-size:11px;letter-spacing:2px;font-weight:500;color:var(--orange);margin-bottom:12px}h2{font-size:34px;font-weight:650;line-height:1.5;letter-spacing:-1.2px}.section-heading p{color:#95918b;font-size:12px;line-height:1.9}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{padding:30px 29px 24px;border-radius:var(--radius);border:1px solid #f0ebe5;background:#fffdfa;overflow:hidden}.feature-card:nth-child(2){background:#fcfefb}.feature-card:nth-child(3){background:#fcfcff}.feature-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.orange{background:#fff0e4;color:#ee803c}.green{background:#eaf4e8;color:#7b9c77}.blue{background:#eeeffa;color:#9b95c1}.feature-icon .icon{width:22px;height:22px}.feature-card h3{font-size:22px;letter-spacing:-.7px;margin-bottom:10px;font-weight:600}.feature-card p{font-size:12px;line-height:1.9;color:#928b84}.feature-tag{font-size:9px;color:#aba198;letter-spacing:1px;display:block;border-top:1px solid #f1ebe3;padding-top:17px}.word-demo,.idea-demo,.mood-demo{height:119px;margin-block:25px 16px;display:flex;flex-direction:column;justify-content:center}.word-demo{padding:15px 20px;background:white;box-shadow:0 8px 25px #a1794920;border:1px solid #f7ede2;transform:rotate(-2deg);height:95px;margin-block:37px 28px;border-radius:10px}.word-demo>span{font-family:Georgia,serif;letter-spacing:1px;font-size:13px;border-bottom:1px solid #f2e9df;padding-bottom:10px}.tiny-cursor{height:13px}.word-demo>div{display:flex;gap:20px;font-size:10px;margin-top:10px;white-space:nowrap}.word-demo b{color:var(--orange);font-weight:500}.word-demo div>span{color:#b4a494}.idea-demo>span{font-size:10px;padding:9px 12px;align-self:flex-end;border-radius:10px 10px 0 10px;background:#edf3e8;color:#708869}.idea-demo .icon{width:13px;height:13px;margin-right:4px}.idea-demo>div{background:white;border:1px solid #edf1e7;padding:13px 17px;margin-top:10px;width:90%;border-radius:0 10px 10px 10px;box-shadow:0 5px 15px #8793780b}.idea-demo i{height:4px;background:#e7eddf;border-radius:3px;display:block;margin-bottom:5px}.idea-demo i:nth-child(2){width:80%}.idea-demo i:nth-child(3){width:65%}.idea-demo b{font-size:9px;font-weight:500;color:#809071}.mood-demo{position:relative;align-items:center}.mood-sticker{display:block;font-size:46px;color:#efa877;font-family:Georgia,serif;font-style:italic;font-weight:bold;line-height:1;background:#ffe9d9;border-radius:50%;height:76px;width:86px;text-align:center;padding:14px 5px;transform:rotate(-10deg);margin-bottom:-15px;border:2px solid #fff4e9;text-shadow:1px 2px #fff7eb}.mood-sticker>span{position:absolute;right:-9px;top:9px;font-size:25px;color:#c6b1dd;font-style:normal}.mini-candidates{padding:11px 14px;background:#f5efff;border:1px solid #eae1f5;font-size:9px;border-radius:8px;display:flex;gap:15px;z-index:1;white-space:nowrap;transform:rotate(2deg)}.mini-candidates b{color:#9e88b6;font-weight:500}.mini-candidates>span{color:#ada0c4}.ai-section{padding-top:10px;background:linear-gradient(#fff 0%,#fafaf8 100%)}.center-heading{text-align:center}.center-heading h2 span{color:var(--orange)}.center-heading p{color:#96918c;font-size:13px;margin-top:14px}.ai-tabs{display:flex;gap:3px;justify-content:center;width:max-content;margin:30px auto 36px;background:#f4f2ee;border-radius:30px;padding:5px}.ai-tabs button{display:flex;align-items:center;gap:7px;padding:10px 24px;font-size:12px;border-radius:25px;color:#969088}.ai-tabs button[aria-selected=true]{background:#fff;color:var(--orange);box-shadow:0 2px 7px #92785410}.ai-tabs .icon{width:15px;height:15px}.ai-artwork{border-radius:22px;overflow:hidden;background:#f6faff;border:1px solid #efeee9;box-shadow:0 15px 35px #43587406}.ai-artwork img{width:100%;height:auto;transition:opacity .2s}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:#766e65}.text-link:hover{color:var(--orange)}.text-link .icon{width:18px;height:18px}.ai-link{display:flex;justify-content:center;margin-top:25px}.skin-filters{display:flex;align-items:center;gap:8px;margin-bottom:27px}.skin-filters button{padding:8px 17px;border-radius:7px;font-size:12px;color:#8c847d}.skin-filters button.active{color:var(--orange);background:#fff0e8}.skin-filters>span{margin-left:auto;color:#a49c94;font-size:11px}.skin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.skin-card{text-align:left;padding:0;border-radius:13px;background:white;transition:transform .2s}.skin-card:hover{transform:translateY(-5px)}.skin-card[hidden]{display:none}.skin-art{background-image:url('./assets/skins.png');background-repeat:no-repeat;background-size:603% auto;aspect-ratio:500/228;border-radius:13px;position:relative;display:block;width:100%;overflow:hidden}.art-disney{background-position:39.16% 17.83%}.art-stitch{background-position:78.37% 17.83%}.art-cat{background-position:100% 17.83%}.art-bear{background-position:100% 100%}.preview-badge{position:absolute;bottom:9px;right:9px;padding:4px 9px;border-radius:5px;background:#ffffffdc;font-size:9px;color:#6e5850;opacity:0;transition:opacity .2s}.skin-card:hover .preview-badge,.skin-card:focus-visible .preview-badge{opacity:1}.skin-meta{display:block;padding:15px 3px}.skin-meta strong{font-size:12px;font-weight:500}.skin-meta>span{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#aca39b;margin-top:4px}.skin-meta .icon{width:15px;height:15px;color:#c7bcb2}.mobile-section{background:#faf8f5;overflow:hidden}.mobile-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:20px;align-items:center;min-height:418px;padding-block:60px}.mobile-copy{position:relative;z-index:1}.mobile-copy h2{font-size:35px}.mobile-copy p{font-size:12px;color:#9a9087;margin-top:17px}.mobile-copy .button{font-size:13px;padding:15px 21px;margin-top:28px}.mobile-copy .button .icon{width:18px;height:18px}.mobile-note{display:block;font-size:10px;color:#b2a395;margin-top:10px}.mobile-art{width:1200px;max-width:170%;margin-left:-120px;transform:rotate(-4deg);mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.mobile-art img{width:100%;height:auto}.help-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:100px}.help-section p{font-size:12px;color:#969089;margin-top:16px}.help-section .text-link{margin-top:22px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{padding-top:4px}.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;list-style:none;cursor:pointer;line-height:1.8}.faq-list summary::-webkit-details-marker{display:none}.faq-plus{width:20px;height:20px;position:relative;flex-shrink:0}.faq-plus:before,.faq-plus:after{content:"";width:10px;height:1px;position:absolute;top:10px;left:5px;background:#a79a8e}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-plus:after{transform:rotate(0)}.faq-list details[open] summary{color:var(--orange)}.faq-list p{margin:15px 35px 10px 0;line-height:1.9}.faq-list details>a{font-size:11px;color:var(--orange)}.closing-section{background:var(--orange);position:relative;overflow:hidden;color:white}.closing-inner{display:flex;align-items:center;justify-content:space-between;min-height:203px;position:relative;gap:30px}.closing-inner>div{position:relative;z-index:1}.closing-inner>div>span{font-size:11px;letter-spacing:2px;color:#ffdfcf}.closing-inner h2{font-size:30px;margin-top:7px;letter-spacing:.1px}.button-white{background:#fff;color:var(--orange);position:relative;z-index:1}.button-white:hover{background:#fff3e8;color:var(--orange);box-shadow:0 10px 25px #c93f1b40}.closing-s{font-family:Georgia,serif;font-size:270px;font-weight:bold;font-style:italic;position:absolute;left:57%;top:-97px;color:#fff;opacity:.075;transform:rotate(-15deg)}.site-footer{background:#fff;padding:58px 0 0}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr 1fr;gap:25px;padding-bottom:40px}.footer-brand img{width:163px;height:auto}.footer-brand p{font-size:11px;color:#a49a91;margin-top:18px}.footer-column h3{font-size:12px;font-weight:600;margin-bottom:17px}.footer-column a{display:block;font-size:11px;color:#9b9188;margin-top:8px}.footer-column a:hover,.footer-bottom a:hover{color:var(--orange)}.footer-qr{display:flex;align-items:center;flex-direction:column;gap:8px}.footer-qr img{border:1px solid #f4efea;padding:5px;border-radius:8px}.footer-qr span{font-size:9px;color:#a39a91;white-space:nowrap}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:21px;font-size:9px;color:#ada39a;gap:25px}.footer-bottom>div{display:flex;gap:22px}.download-dialog,.mobile-dialog,.skin-dialog{border:1px solid #f4ebe2;border-radius:24px;padding:42px;width:min(620px,calc(100% - 36px));color:var(--ink);max-height:calc(100svh - 48px);box-shadow:0 30px 100px #4e301a33;overflow-y:auto}.download-dialog::backdrop,.mobile-dialog::backdrop,.skin-dialog::backdrop{background:#34271d55;backdrop-filter:blur(6px)}dialog h2{font-size:27px;letter-spacing:-.7px}dialog>p{font-size:12px;color:#9d9085;margin-top:10px}dialog .section-kicker{font-size:10px}.dialog-close{position:absolute;right:14px;top:14px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f7f4f1;border-radius:50%;color:#a08f80}.dialog-close .icon{width:17px;height:17px}.download-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.download-options>a,.download-options>button{padding:21px;background:#fff9f3;border:1px solid #f4e9dd;border-radius:13px;position:relative;text-align:left;transition:border-color .2s}.download-options>a:hover,.download-options>button:hover{border-color:#f0a879}.download-options .icon{color:var(--orange);width:24px;height:24px;display:block;margin-bottom:13px}.download-options strong{font-size:14px;display:block;font-weight:600}.download-options span{font-size:10px;color:#ab9682;display:block;margin-top:3px}.download-options .option-arrow{width:17px;height:17px;position:absolute;right:15px;bottom:11px;color:#ceab89}.dialog-wubi{font-size:10px;color:#b39379;display:block;margin-top:22px}.mobile-dialog{text-align:center;width:min(450px,calc(100% - 36px))}.dialog-logo{margin:5px auto 25px}.mobile-dialog .large-qr{margin:25px auto 14px;border-radius:12px;padding:8px;border:1px solid #f1e8df;width:200px}.mobile-dialog>span{font-size:11px;display:block;color:#a68f7a;margin-bottom:23px}.mobile-dialog h2{font-size:25px}.mobile-dialog .button,.skin-dialog .button{font-size:12px}.skin-dialog .skin-art{margin:23px 0 16px}.skin-dialog p{margin-bottom:22px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .65s,transform .65s}.motion-ready .reveal.visible{opacity:1;transform:none}.feature-card:nth-child(2),.skin-card:nth-child(2){transition-delay:.08s}.feature-card:nth-child(3),.skin-card:nth-child(3){transition-delay:.16s}.skin-card:nth-child(4){transition-delay:.24s}@keyframes blink{50%{opacity:0}}
.mobile-layout{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.mobile-copy,.mobile-art{min-width:0}
@media(min-width:1500px){.hero-layout{min-height:720px}.hero-visual{padding-top:30px}.hero-copy{padding-bottom:20px}}
@media(max-width:1100px){.container{width:calc(100% - 48px)}.main-nav{gap:20px}.header-inner{gap:20px}.brand img{width:155px;height:auto}.header-download{padding:10px 14px}.hero-layout{gap:30px;min-height:640px;padding-block:60px}h1{font-size:54px}.hero-description{font-size:15px}.hero-actions{gap:14px}.hero-actions .button{font-size:13px;padding:16px 19px}.hero-actions .arrow{margin-left:0}.platform{padding:7px 9px;font-size:10px}.editor-content{padding-inline:24px}.editor-content p{font-size:21px}.note-intelligent{left:-20px;bottom:100px;padding:9px 12px}.feature-card{padding:25px 23px}.feature-card h3{font-size:20px}.word-demo{padding-inline:14px}.word-demo>div{gap:10px}.skin-grid{gap:15px}.skin-meta strong{font-size:11px}.mobile-art{margin-left:-100px}.help-layout{gap:65px}.footer-main{gap:18px}}
@media(max-width:900px){.header-inner{height:72px}.main-nav{gap:18px}.nav-link{font-size:12px}.new-label{top:9px}.header-download{display:none}h1{font-size:47px}.hero-layout{gap:20px;min-height:590px;padding-block:50px}.hero-copy .eyebrow{font-size:10px;letter-spacing:.3px}.hero-description{font-size:14px;margin-top:22px}.hero-actions{flex-wrap:wrap;gap:8px 17px;margin-top:25px}.hero-actions .button{font-size:12px;padding:14px 17px}.more-download{font-size:11px}.platforms{flex-wrap:wrap;gap:2px;margin-top:22px}.editor-content{padding:19px 20px 12px;min-height:169px}.editor-content p{font-size:18px;min-height:76px}.input-panel{padding:10px 15px}.candidate{font-size:10px}.candidates{gap:5px}.demo-keyboard{margin-left:-8px;margin-right:0;padding:10px}.key-row{gap:5px}.key-row button{height:26px;font-size:9px}.space-row{font-size:6px;gap:7px}.space-key{letter-spacing:1px;font-size:6px}.floating-note{padding:9px 12px;font-size:8px}.floating-note strong{font-size:10px}.note-expression{top:6px;right:5px}.note-intelligent{bottom:85px;left:-18px}.note-icon{width:27px;height:27px}.intro-strip .container{gap:15px;padding-block:22px;font-size:10px}.intro-strip .container>span{font-size:11px}.section{padding-block:70px}h2{font-size:29px}.section-heading p{font-size:11px}.feature-grid{gap:15px}.feature-card{padding:24px 18px 20px}.feature-card h3{font-size:18px}.feature-card p{font-size:11px}.word-demo>div{font-size:8px;gap:8px}.idea-demo>span{font-size:8px;padding:8px}.mini-candidates{gap:8px;font-size:8px}.feature-tag{font-size:8px;letter-spacing:0}.ai-section{padding-top:8px}.skin-grid{grid-template-columns:repeat(2,1fr);gap:23px}.skin-meta strong{font-size:12px}.mobile-layout{min-height:365px;grid-template-columns:.8fr 1.2fr}.mobile-copy h2{font-size:29px}.mobile-art{max-width:200%;margin-left:-80px}.help-layout{gap:45px}.faq-list summary{font-size:12px}.closing-inner h2{font-size:26px}.closing-inner .button-large{font-size:14px}.footer-main{grid-template-columns:1.4fr 1fr 1fr 1fr}.footer-qr{display:none}.footer-brand img{width:148px}.footer-brand p{font-size:9px}.footer-bottom{font-size:8px}}
@media(max-width:680px){html{scroll-padding-top:80px}.container{width:calc(100% - 40px)}.header-inner{height:68px;justify-content:space-between}.brand img{width:155px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px;width:36px;height:36px}.menu-toggle span{height:2px;width:19px;background:#675446;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;margin:0;padding:10px 20px 20px;background:#fff;height:auto;box-shadow:0 10px 15px #8666470a;border-bottom:1px solid var(--line)}.main-nav.open{display:flex;flex-direction:column;gap:0;align-items:stretch}.nav-link{height:auto;padding:11px 10px;font-size:14px}.nav-link.active:after{bottom:auto;left:0;top:50%}.new-label{position:static;margin-left:6px}.hero-layout{display:block;padding-block:43px 27px;min-height:0}.hero-copy{position:relative}.hero-copy .eyebrow{font-size:9px;letter-spacing:.8px}h1{font-size:46px;letter-spacing:-2px;line-height:1.3;margin-top:22px}.hero-description{font-size:13px;line-height:1.9;margin-top:24px}.hero-actions{margin-top:25px;flex-wrap:nowrap;gap:20px}.hero-actions .button{font-size:12px;padding:15px 16px;gap:8px}.hero-actions .button .icon{width:18px;height:18px}.hero-actions .arrow{display:none}.download-note{font-size:9px}.platforms{margin-top:20px;gap:4px}.platform{font-size:9px;padding:7px 11px}.platform .icon{width:13px;height:13px}.hero-visual{padding:46px 10px 10px;margin-top:35px;max-width:460px;margin-inline:auto}.editor-window{transform:rotate(-2deg)}.editor-content{padding:20px 25px 13px;min-height:165px}.editor-content p{font-size:22px;min-height:78px;margin-top:8px}.editor-topbar{height:36px;font-size:8px}.editor-date{font-size:8px}.editor-caption{font-size:8px}.input-panel{padding:9px 18px 12px}.input-toolbar{font-size:9px}.pinyin-row input{font-size:14px}.candidate{font-size:11px}.candidate span{font-size:8px}.candidates{min-height:35px;gap:8px}.demo-keyboard{margin:12px 0 0 -10px;padding:11px;transform:perspective(800px) rotateX(18deg) rotateZ(-4deg)}.key-row button{height:29px;font-size:10px}.space-row{font-size:6px}.space-key{font-size:7px;letter-spacing:1px}.note-expression{right:12px;top:12px;transform:rotate(5deg);font-size:8px}.note-expression strong{font-size:10px}.note-intelligent{left:-6px;bottom:88px;font-size:7px;padding:8px 10px}.note-intelligent strong{font-size:9px}.check-circle{width:23px;height:23px}.demo-hint{font-size:8px;margin-top:22px;letter-spacing:0}.orbit-one{width:580px;height:580px;right:-150px;top:400px}.orbit-two{width:490px;height:490px;right:-105px;top:445px}.intro-strip .container{padding-block:24px;display:grid;grid-template-columns:1fr 1fr;gap:13px 28px;max-width:350px}.intro-strip .container>span{grid-column:1/-1;text-align:center;font-size:11px;margin-bottom:5px}.intro-strip .container>div{font-size:10px;justify-content:center}.section{padding-block:55px}.section-heading{display:block;margin-bottom:26px}.section-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:10px}h2{font-size:27px;letter-spacing:-1px}.section-heading p{font-size:11px;margin-top:15px}.section-heading p br{display:none}.feature-grid{grid-template-columns:1fr;gap:16px}.feature-card{padding:26px;position:relative}.feature-card h3{font-size:23px}.feature-card p{font-size:12px}.feature-icon{width:37px;height:37px;margin-bottom:16px}.feature-card p br{display:none}.word-demo{margin-block:27px 23px;height:90px;padding:15px 20px;max-width:280px}.word-demo>div{font-size:10px;gap:15px}.idea-demo{max-width:280px;margin-block:22px 13px}.idea-demo>span{font-size:10px}.idea-demo b{font-size:10px}.mood-demo{max-width:280px;margin-block:23px 13px}.mini-candidates{font-size:10px;gap:16px}.feature-tag{font-size:9px}.ai-section{padding-top:0}.center-heading h2{font-size:25px}.center-heading p{font-size:11px;max-width:270px;margin:13px auto 0}.ai-tabs{margin:24px auto 25px}.ai-tabs button{font-size:11px;padding:9px 16px}.ai-artwork{border-radius:14px}.ai-artwork img{max-width:none;width:165%;margin-left:-40%}.ai-link{font-size:11px;margin-top:20px}.skins-section .section-heading .text-link{margin-top:14px;font-size:11px}.skin-filters{gap:2px;margin-bottom:20px}.skin-filters button{font-size:10px;padding:7px 13px}.skin-filters>span{display:none}.skin-grid{gap:17px 13px}.skin-art{border-radius:10px}.skin-meta{padding:10px 1px}.skin-meta strong{font-size:10px}.skin-meta>span{font-size:8px}.skin-meta .icon{width:12px;height:12px}.preview-badge{display:none}.mobile-layout{display:block;min-height:0;padding-block:47px 30px}.mobile-copy h2{font-size:29px}.mobile-copy p{font-size:11px}.mobile-copy .button{margin-top:21px;font-size:12px;padding:14px 19px}.mobile-art{width:700px;max-width:200%;margin:35px 0 0 -100px;transform:rotate(-4deg)}.help-layout{display:block}.help-section h2{font-size:28px}.help-section h2 br{display:none}.help-section p{font-size:11px}.help-section .text-link{font-size:11px;margin-top:16px}.faq-list{margin-top:30px}.faq-list summary{font-size:12px}.faq-list p{font-size:11px}.closing-inner{min-height:234px;display:block;padding-block:35px}.closing-inner>div>span{font-size:9px;letter-spacing:1px}.closing-inner h2{font-size:25px;letter-spacing:-.5px}.closing-inner .button{margin-top:22px;font-size:12px;padding:13px 20px}.closing-s{font-size:260px;left:61%;top:-17px}.site-footer{padding-top:35px}.footer-main{grid-template-columns:1fr 1fr 1fr;gap:26px 13px;padding-bottom:28px}.footer-brand{grid-column:1/-1}.footer-brand img{width:148px}.footer-brand p{font-size:10px;margin-top:12px}.footer-column h3{font-size:10px;margin-bottom:12px}.footer-column a{font-size:9px;margin-top:7px}.footer-bottom{flex-wrap:wrap;gap:12px;align-items:flex-start;position:relative;padding-block:19px 23px}.footer-bottom>span{width:100%}.footer-bottom>div{gap:15px}.footer-bottom>a{position:absolute;right:0;top:19px}dialog.download-dialog,dialog.mobile-dialog,dialog.skin-dialog{padding:35px 23px;border-radius:20px}dialog h2{font-size:22px}.download-options{gap:10px;margin-top:23px}.download-options>a,.download-options>button{padding:16px}.download-options strong{font-size:12px}.download-options span{font-size:9px}.dialog-wubi{font-size:9px}.mobile-dialog h2{font-size:23px}.feature-card:nth-child(2),.skin-card:nth-child(2),.feature-card:nth-child(3),.skin-card:nth-child(3),.skin-card:nth-child(4){transition-delay:0s}}
@media(max-width:360px){.container{width:calc(100% - 32px)}h1{font-size:41px}.hero-actions{gap:12px}.platform{padding:7px 8px}.editor-content p{font-size:19px}.candidate{font-size:10px}.candidates{gap:6px}.space-row>span{font-size:5px}.skin-meta strong{font-size:9px}.closing-inner h2{font-size:22px}}
@media(min-width:681px) and (max-width:900px){.mobile-layout{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}