:root{--app-bg:#f8f9fa;--app-fg:#111;--app-border:#d8d8d8;--app-card:#fff;--app-link:#06f}:root[data-theme=dark]{--app-bg:#0f1115;--app-fg:#f5f7fb;--app-border:#2b3240;--app-card:#151a22;--app-link:#66a3ff}*{box-sizing:border-box}html,body{background:var(--app-bg);color:var(--app-fg);margin:0;padding:0;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}.app-nav-shell{z-index:20;border-bottom:1px solid var(--app-border);background:color-mix(in srgb,var(--app-bg)85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.app-nav{grid-template-columns:120px 1fr auto;align-items:center;gap:16px;max-width:1280px;min-height:60px;margin:0 auto;padding:10px 16px;display:grid}.app-brand{font-weight:700}.app-links{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.app-links a{color:color-mix(in srgb,var(--app-fg)75%,transparent)}.app-links a.active{color:var(--app-link)}.app-actions{align-items:center;gap:12px;display:flex}.lang-select{border:1px solid var(--app-border);background:var(--app-card);color:var(--app-fg);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:14px}.theme-toggle{border:1px solid var(--app-border);background:var(--app-card);width:32px;height:32px;color:var(--app-fg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:border-color .2s,background .2s;display:inline-flex}.theme-toggle:hover{border-color:var(--app-link);color:var(--app-link)}.not-found{text-align:center;place-content:center;gap:10px;min-height:100vh;display:grid}.not-found a{color:var(--app-link)}.fullpage-shell{height:calc(100vh - 61px);position:relative;overflow:hidden}.fullpage-track{height:100%;transition:transform 1.2s}.fullpage-section{height:calc(100vh - 61px)}.fullpage-dots{flex-direction:column;gap:8px;display:flex;position:fixed;top:50%;right:16px;transform:translateY(-50%)}.fullpage-dots button{border:1px solid var(--app-border);background:var(--app-card);cursor:pointer;border-radius:50%;width:10px;min-width:0;height:10px;min-height:0;padding:0}.fullpage-dots button.active{background:var(--app-link);border-color:var(--app-link)}.download-section{flex-direction:column;height:100%;padding:36px 0 20px;display:flex}.download-container{width:min(1080px,92vw);margin:0 auto}.download-hero{place-items:center;display:grid}.download-hero-content{text-align:center;max-width:780px;margin:0 auto}.download-hero-content h1{margin:0 0 12px;font-size:clamp(2.1rem,4.8vw,3.2rem)}.download-hero-content p{color:color-mix(in srgb,var(--app-fg)72%,transparent);margin:0 0 24px}.download-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.download-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:11px 18px;font-size:14px;text-decoration:none;display:inline-flex}.download-btn.primary{background:var(--app-fg);color:var(--app-bg)}.download-btn.primary:hover{background:var(--app-link)}.download-btn.secondary{border-color:var(--app-border);color:var(--app-fg);background:var(--app-card)}.download-btn.secondary:hover{border-color:var(--app-link);color:var(--app-link)}.download-grid-section .download-container,.download-changelog-section .download-container{scrollbar-width:none;max-height:100%;margin:auto;padding-bottom:12px;overflow-y:auto}.download-grid-section .download-container::-webkit-scrollbar{width:0;height:0}.download-changelog-section .download-container::-webkit-scrollbar{width:0;height:0}.download-grid-section,.download-changelog-section{justify-content:center;padding-top:24px;padding-bottom:14px}.download-recommended{margin-bottom:6px}.download-grid-section h2,.download-changelog-section h2{margin:0 0 8px}.download-grid-section .download-lead,.download-changelog-section .download-lead{margin:0 0 10px}.download-lead{color:color-mix(in srgb,var(--app-fg)72%,transparent)}.download-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.download-card{border:1px solid var(--app-border);background:var(--app-card);border-radius:14px;padding:14px}.download-card h3{margin:0 0 6px}.download-card p{min-height:0;color:color-mix(in srgb,var(--app-fg)74%,transparent);margin:0 0 10px;line-height:1.45}.download-card-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.download-card .download-btn{padding:8px 14px;font-size:13px}.download-meta{color:color-mix(in srgb,var(--app-fg)70%,transparent);font-size:12px}.download-all-versions .download-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.download-timeline{gap:14px;display:grid}.download-timeline-item{border:1px solid var(--app-border);background:var(--app-card);border-radius:12px;padding:12px 14px}.download-timeline-date{color:var(--app-link);margin-bottom:6px;font-size:13px}.download-timeline-content h3,.download-timeline-content h4{margin:0 0 6px}.download-timeline-content p,.download-timeline-content li{color:color-mix(in srgb,var(--app-fg)78%,transparent)}.download-github-section{flex-direction:column;display:flex}.download-github-section .download-container{text-align:center;max-width:780px}.home-section{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:36px 0 20px;display:flex}.home-container{width:min(1080px,92vw);margin:0 auto}.home-section-lead{color:color-mix(in srgb,var(--app-fg)72%,transparent);margin-top:0}.home-actions{flex-wrap:wrap;gap:10px;display:flex}.home-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-size:14px;text-decoration:none;display:inline-flex}.home-btn.primary{background:var(--app-fg);color:var(--app-bg)}.home-btn.primary:hover{background:var(--app-link);color:#fff}.home-btn.secondary{border-color:var(--app-border);color:var(--app-fg);background:var(--app-card)}.home-btn.secondary:hover{border-color:var(--app-link);color:var(--app-link)}.home-hero{place-items:center;display:grid}.home-hero-content{text-align:center;max-width:780px;margin:0 auto}.home-hero-content h1{margin:0 0 12px;font-size:clamp(2.1rem,4.8vw,3.2rem)}.home-hero-content p{color:color-mix(in srgb,var(--app-fg)72%,transparent);margin:0 0 24px}.home-hero .home-actions,.keyboard-hero .home-actions,.pro-hero .home-actions{justify-content:center}.home-features{place-items:center;display:grid}.home-features .home-container{text-align:center}.home-feature-grid{text-align:left;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.home-feature-card{border:1px solid var(--app-border);background:var(--app-card);border-radius:14px;padding:20px}.home-feature-card h3{margin:8px 0 6px;font-size:1rem}.home-feature-card p{color:color-mix(in srgb,var(--app-fg)72%,transparent);margin:0;font-size:.9rem}.home-feature-icon{color:var(--app-link)}.home-scenarios{place-items:center;display:grid}.home-scenarios .home-container{text-align:center}.home-scenario-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:24px;display:grid}.home-scenario-card{border:1px solid var(--app-border);background:var(--app-card);border-radius:14px;padding:20px}.home-scenario-card h3{margin:8px 0 6px;font-size:1rem}.home-scenario-card p{color:color-mix(in srgb,var(--app-fg)72%,transparent);margin:0;font-size:.9rem}.home-scenario-icon{width:32px;height:32px;color:var(--app-link)}.home-scenario-icon svg{width:100%;height:100%}.home-export-card{border:1px solid var(--app-border);background:var(--app-card);text-align:left;border-radius:14px;margin-top:16px;padding:20px 24px}.home-export-card h3{align-items:center;gap:8px;margin:0 0 8px;display:flex}.home-export-card p{color:color-mix(in srgb,var(--app-fg)72%,transparent);margin:0;font-size:.9rem}.home-export-check{color:var(--app-link)}.home-users{flex-direction:column;display:flex}.home-users .home-container{text-align:center}.home-logo-wall{margin:20px 0;position:relative;overflow:hidden}.home-logo-wall:before,.home-logo-wall:after{content:"";z-index:1;width:80px;position:absolute;top:0;bottom:0}.home-logo-wall:before{background:linear-gradient(to right,var(--app-bg),transparent);left:0}.home-logo-wall:after{background:linear-gradient(to left,var(--app-bg),transparent);right:0}.home-logo-track{white-space:nowrap;gap:48px;width:max-content;animation:30s linear infinite logo-scroll;display:flex}.home-logo-track span{color:color-mix(in srgb,var(--app-fg)55%,transparent);border:1px solid var(--app-border);background:var(--app-card);border-radius:999px;padding:6px 16px;font-size:.9rem}@keyframes logo-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.home-testimonial{color:color-mix(in srgb,var(--app-fg)72%,transparent);margin-top:24px;font-size:.95rem;font-style:italic}.section-body{flex-direction:column;flex:1;justify-content:center;width:100%;display:flex}.app-footer{border-top:1px solid var(--app-border);text-align:center;flex-shrink:0;margin-top:auto;padding:16px 0}.app-footer-inner{width:min(1080px,92vw);color:color-mix(in srgb,var(--app-fg)60%,transparent);flex-direction:column;align-items:center;gap:4px;margin:0 auto;font-size:.85rem;display:flex}.app-footer-inner p{margin:0}.app-footer-powered{align-items:center;gap:6px;display:flex}.app-footer-logo{vertical-align:middle;width:auto;height:18px;display:inline-block}.keyboard-hero{place-items:center;display:grid}.keyboard-inline-icon{vertical-align:-.125em;margin-right:.25em}.keyboard-version-tag{opacity:.8;font-size:.78em}.keyboard-version-loading{opacity:.55}.keyboard-features{place-items:center;display:grid}.keyboard-features .home-container{text-align:left}.keyboard-feature-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px;display:grid}.keyboard-feature-card{border:1px solid var(--app-border);background:var(--app-card);border-radius:14px;padding:20px;transition:border-color .2s,box-shadow .2s}.keyboard-feature-card:hover{border-color:var(--app-link);box-shadow:0 0 14px color-mix(in srgb,var(--app-link)15%,transparent)}.keyboard-feature-card h3{margin:0 0 10px;font-size:1rem}.keyboard-feature-card p{color:color-mix(in srgb,var(--app-fg)72%,transparent);margin:0;font-size:.9rem}.keyboard-tech{place-items:center;display:grid}.keyboard-tech .home-container{text-align:left}.keyboard-tech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0 0;padding:0;list-style:none;display:grid}.keyboard-tech-card{border:1px solid var(--app-border);background:var(--app-card);border-radius:12px;padding:16px 18px;transition:border-color .2s,box-shadow .2s}.keyboard-tech-card:hover{border-color:var(--app-link);box-shadow:0 0 14px color-mix(in srgb,var(--app-link)12%,transparent)}.keyboard-tech-card h3{align-items:center;margin:0 0 10px;font-size:1rem;display:flex}.keyboard-tech-card p{color:color-mix(in srgb,var(--app-fg)80%,transparent);margin:0;font-size:.92rem;line-height:1.55}.keyboard-changelog{flex-direction:column;justify-content:flex-start;display:flex}.keyboard-changelog-container{text-align:left;max-height:calc(100vh - 180px);padding-bottom:12px;overflow-y:auto}.keyboard-changelog-content{border:1px solid var(--app-border);background:var(--app-card);color:color-mix(in srgb,var(--app-fg)80%,transparent);border-radius:12px;margin-top:16px;padding:20px 24px;font-size:.9rem;line-height:1.6;transition:border-color .2s,box-shadow .2s}.keyboard-changelog-content:hover{border-color:var(--app-link);box-shadow:0 0 14px color-mix(in srgb,var(--app-link)10%,transparent)}.keyboard-changelog-content h1,.keyboard-changelog-content h2,.keyboard-changelog-content h3{color:var(--app-fg);margin:.5rem 0 .3rem}.keyboard-changelog-content ul{padding-left:1.4rem}.keyboard-changelog-content li{margin:.2rem 0}.pro-hero,.pro-pricing{place-items:center;display:grid}.pro-pricing .home-container{text-align:center}.pro-pricing-grid{grid-template-columns:minmax(420px,1.7fr) minmax(240px,.9fr);align-items:start;gap:20px;max-width:980px;margin:28px auto 0;display:grid}.pro-pricing-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:20px;flex-direction:column;min-height:100%;padding:28px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative}.pro-pricing-card:hover{border-color:var(--app-link);box-shadow:0 0 20px color-mix(in srgb,var(--app-link)20%,transparent);transform:translateY(-4px)}.pro-pricing-card.featured{background:radial-gradient(circle at top right,color-mix(in srgb,var(--app-link)20%,transparent),transparent 45%),var(--app-card);border-color:var(--app-link);box-shadow:0 14px 36px color-mix(in srgb,var(--app-link)22%,transparent),0 0 0 1px color-mix(in srgb,var(--app-link)24%,transparent);z-index:1;border-width:2px;padding:34px 34px 30px;transform:translateY(-6px)scale(1.04)}.pro-pricing-card.featured:hover{transform:translateY(-10px)scale(1.04)}.pro-pricing-card.secondary-card{background:color-mix(in srgb,var(--app-card)88%,#8c8f95 12%);border-color:color-mix(in srgb,var(--app-border)75%,var(--app-fg)25%);box-shadow:none;opacity:.9;align-self:center;max-width:320px;padding:20px 18px}.pro-pricing-card.secondary-card:hover{border-color:color-mix(in srgb,var(--app-border)55%,var(--app-fg)45%);transform:translateY(-2px);box-shadow:0 8px 20px #0000001a}.pro-badge{background:var(--app-link);color:#fff;letter-spacing:.01em;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:700;position:absolute;top:-13px;right:20px}.pro-plan-name{margin:0 0 6px;font-size:1.3rem;font-weight:700}.pro-plan-description{color:color-mix(in srgb,var(--app-fg)65%,transparent);margin:0 0 16px;font-size:.85rem}.pro-price-container{margin-bottom:16px}.pro-original-price{color:color-mix(in srgb,var(--app-fg)55%,transparent);margin-bottom:4px;font-size:1rem;text-decoration:line-through}.pro-price{font-size:3rem;font-weight:800;line-height:1}.pro-pricing-card.featured .pro-plan-name{font-size:1.46rem}.pro-pricing-card.featured .pro-price{font-size:3.6rem}.pro-pricing-card.secondary-card .pro-plan-name{font-size:1.06rem}.pro-pricing-card.secondary-card .pro-plan-description{margin-bottom:12px;font-size:.8rem}.pro-pricing-card.secondary-card .pro-price{font-size:2.2rem}.pro-pricing-card.secondary-card .pro-price-currency{font-size:1.02rem}.pro-pricing-card.secondary-card .pro-price-period{font-size:.78rem}.pro-price-currency{vertical-align:super;font-size:1.4rem}.pro-price-period{color:color-mix(in srgb,var(--app-fg)60%,transparent);margin-top:4px;font-size:.85rem}.pro-features-list{flex-grow:1;margin:0 0 20px;padding:0;list-style:none}.pro-features-list li{color:color-mix(in srgb,var(--app-fg)78%,transparent);align-items:flex-start;gap:8px;padding:6px 0;font-size:.88rem;display:flex}.pro-features-list li:before{content:"✓";color:var(--app-link);flex-shrink:0;font-weight:700}.pro-pricing-card.secondary-card .pro-features-list{margin-bottom:14px}.pro-pricing-card.secondary-card .pro-features-list li{padding:4px 0;font-size:.8rem}.pro-pricing-card.secondary-card .pro-features-list li:nth-child(n+5){display:none}.pro-pricing-card.secondary-card .pro-cta-btn{font-size:.82rem}.pro-cta-btn{justify-content:center;width:100%;margin-top:auto}.pro-reviews{flex-direction:column;justify-content:center;display:flex}.pro-reviews .home-container{text-align:center}.pro-reviews-container{max-height:calc(100vh - 140px);padding-bottom:16px;overflow-y:auto}.pro-reviews-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:24px;display:grid}.pro-review-card{background:var(--app-card);border:1px solid var(--app-border);border-radius:16px;flex-direction:column;gap:10px;padding:20px;transition:border-color .2s,box-shadow .2s;display:flex}.pro-review-card:hover{border-color:var(--app-link);box-shadow:0 0 12px color-mix(in srgb,var(--app-link)10%,transparent)}.pro-review-stars{color:var(--app-link);letter-spacing:.2rem;font-size:1.1rem}.pro-review-text{color:color-mix(in srgb,var(--app-fg)75%,transparent);flex-grow:1;margin:0;font-size:.88rem;line-height:1.65}.pro-review-author{align-items:center;gap:12px;display:flex}.pro-author-avatar{background:var(--app-card);border:1px solid var(--app-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.pro-author-info{flex-direction:column;display:flex}.pro-author-name{font-size:.9rem;font-weight:600}.pro-author-title{color:color-mix(in srgb,var(--app-fg)60%,transparent);font-size:.78rem}.pro-cta{flex-direction:column;justify-content:center;display:flex}.pro-cta-inner{text-align:center}.pro-cta-inner h2{margin-bottom:8px}.pro-payment-note{color:color-mix(in srgb,var(--app-fg)60%,transparent);margin-top:20px;font-size:.88rem}.help-page{flex-direction:column;min-height:calc(100vh - 61px);display:flex}.help-hero{text-align:center;border-bottom:1px solid var(--app-border);background:color-mix(in srgb,var(--app-card)50%,transparent);padding:48px 0}.help-hero-inner{width:min(780px,92vw);margin:0 auto}.help-hero-inner h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem)}.help-hero-inner p{color:color-mix(in srgb,var(--app-fg)72%,transparent);margin:0 0 24px}.help-hero .home-actions{justify-content:center}.help-content-section{flex:1;padding:32px 0}.help-layout{grid-template-columns:220px 1fr;align-items:start;gap:32px;width:min(1100px,94vw);margin:0 auto;display:grid}.help-toc{border:1px solid var(--app-border);background:var(--app-card);border-radius:12px;padding:16px;position:sticky;top:80px}.help-toc h3{text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--app-fg)65%,transparent);margin:0 0 12px;font-size:.9rem;font-weight:700}.help-toc-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.help-toc-list li{font-size:.85rem}.help-toc-link{color:color-mix(in srgb,var(--app-fg)72%,transparent);border-radius:6px;padding:4px 6px;text-decoration:none;transition:background .15s,color .15s;display:block}.help-toc-link:hover{background:color-mix(in srgb,var(--app-link)10%,transparent);color:var(--app-link)}.help-article{border:1px solid var(--app-border);background:var(--app-card);border-radius:12px;padding:28px 32px;font-size:.95rem;line-height:1.75}.help-article h1,.help-article h2,.help-article h3{color:var(--app-fg)}.help-article h2{border-bottom:1px solid var(--app-border);margin-top:2rem;padding-bottom:8px}.help-article a{color:var(--app-link);text-decoration:underline}.help-article code{background:color-mix(in srgb,var(--app-fg)8%,transparent);border-radius:4px;padding:1px 5px;font-size:.88em}.help-article pre{background:color-mix(in srgb,var(--app-fg)6%,transparent);border:1px solid var(--app-border);border-radius:8px;padding:16px;overflow-x:auto}.help-article pre code{background:0 0;padding:0}.help-article img{border-radius:8px;max-width:100%}.help-error{color:#e55}@media (max-width:1100px){.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-pricing-grid{grid-template-columns:minmax(340px,1.4fr) minmax(220px,.9fr);max-width:860px}}@media (max-width:768px){.download-section{padding-top:18px;padding-bottom:10px}.download-all-versions .download-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.keyboard-tech-grid,.help-layout{grid-template-columns:1fr}.help-toc{position:static}.pro-pricing-grid{grid-template-columns:1fr;max-width:560px}.pro-pricing-card.featured{padding:30px 28px 26px;transform:scale(1)}.pro-pricing-card.featured:hover{transform:translateY(-4px)}.pro-pricing-card.secondary-card{opacity:1;align-self:stretch;width:100%;max-width:none;padding:24px}.pro-pricing-card.secondary-card .pro-features-list li{padding:6px 0;font-size:.88rem;display:flex}.pro-pricing-card.secondary-card .pro-features-list li:nth-child(n+5){display:flex}}@media (max-width:640px){.download-all-versions .download-grid{grid-template-columns:1fr}}