:root{--orange:#f68e5a;--ink:#333;--muted:#777;--line:#d9d9d9;--paper:#f3f3f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font:14px/1.65 'Microsoft YaHei','PingFang SC',Arial,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #995022;outline-offset:4px}.wrap{width:min(1200px,calc(100% - 40px));margin:auto}.top{background:var(--orange);min-height:80px}.header{display:flex;align-items:center;gap:38px;min-height:80px}.brand{display:flex;align-items:center;gap:10px;color:white;min-width:0;max-width:270px}.brand img{width:50px;height:50px;object-fit:contain;flex:none;border-radius:9px}.brand strong{font-size:23px;line-height:1.3;overflow-wrap:anywhere}.brand small{display:block;font-size:10px;letter-spacing:2px}.nav{display:flex;align-self:stretch;gap:10px}.nav a{display:flex;align-items:center;padding:0 22px;color:white;font-size:16px;border-bottom:3px solid transparent}.nav a:hover,.nav a.active{background:#ffffff12;border-bottom-color:white}.header-right{display:flex;gap:12px;margin-left:auto;align-items:center}.pill{background:#d97844;border:0;border-radius:24px;color:white;padding:7px 21px}.menu{display:none;border:1px solid white;background:transparent;color:white;padding:6px 12px;border-radius:4px}.subbar{background:#fff7f2;border-bottom:1px solid #f7e7db}.search-line{height:41px;display:flex;align-items:center;justify-content:space-between;gap:20px}.searchbox{display:flex;background:white;border-radius:25px;width:360px;padding:1px 12px}.searchbox input{border:0;background:transparent;padding:5px 8px;outline:none;width:100%;min-width:0}.searchbox button{border:0;background:transparent;color:#c77239;font-size:13px;flex:none}.quick{display:flex;gap:27px;color:#996641}.hero{height:464px;position:relative;overflow:hidden;background:#fff3dd}.hero-art{position:absolute;inset:0;background:url('assets/hero.webp') center/cover}.hero-copy{position:relative;z-index:1;padding:80px 70px;width:58%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{color:#b77537;font-size:13px;letter-spacing:3px;margin:0 0 14px}.hero h1{font-size:43px;line-height:1.3;margin:0 0 18px;color:#7c4628;overflow-wrap:anywhere}.hero p:not(.eyebrow){font-size:17px;color:#936b4a;margin:0 0 28px;max-width:440px}.primary{display:inline-block;background:#ec8750;border:1px solid #ec8750;color:white;border-radius:3px;padding:10px 26px;font-size:16px}.primary:hover{background:#d97844}.outline{display:inline-block;color:#a4673f;border:1px solid #d99b73;padding:10px 22px;border-radius:3px}.actions{display:flex;gap:12px;flex-wrap:wrap}.slide{display:none}.slide.current{display:flex}.hero.is-ready .slide{display:none}.hero.is-ready .slide.current{display:flex}.arrows button{position:absolute;z-index:2;top:calc(50% - 40px);width:42px;height:80px;border:0;background:#3335;color:white;font-size:36px;font-weight:200}.arrows .prev{left:0}.arrows .next{right:0}.dots{position:absolute;bottom:20px;right:28px;display:flex;gap:9px;z-index:3}.dots button{width:13px;height:13px;padding:0;border-radius:50%;background:#ffffffa8;border:0}.dots button[aria-pressed=true]{background:#ee9357}.main-grid{display:grid;grid-template-columns:minmax(0,880px) 280px;gap:40px;padding:22px 0 42px}.section-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:0 0 13px;margin:0 0 20px}.section-head h2{font-size:23px;font-weight:400;margin:0;line-height:1.3}.section-head span{color:#888;font-size:12px}.section-head a{margin-left:auto;color:#c77f49;font-size:12px}.gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.screen-card{text-align:center;min-width:0}.screen-card button{display:block;border:0;background:none;padding:0;width:100%}.screen-card img{display:block;width:130px;max-width:100%;height:210px;object-fit:contain;margin:auto;background:#fdfaf7}.screen-card h3{font-size:14px;font-weight:400;margin:8px 0 3px}.screen-card p{font-size:12px;color:#888;margin:0}.screen-card button:hover img{box-shadow:0 3px 14px #caa68e66}.screen-card.wide{grid-column:span 2}.screen-card.wide img{width:100%;height:210px;object-fit:cover}.about{margin-top:31px;line-height:1.9}.about h3{font-size:18px;font-weight:400;margin:0 0 10px}.about p{color:#666;white-space:pre-line}.meta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.meta-row span{padding:4px 13px;background:#f7e8df;color:#946548}.sidebar h2{font-size:23px;font-weight:400;margin:0 0 15px;border-bottom:1px solid var(--line);padding-bottom:12px}.download-panel{padding-bottom:25px}.software{display:flex;gap:15px;align-items:center;margin-bottom:18px}.software img{width:72px;height:72px;object-fit:contain;border-radius:12px}.software strong{display:block;font-size:17px;overflow-wrap:anywhere}.software small{display:block;color:#888}.download-panel .primary{display:block;text-align:center}.download-note{font-size:12px;color:#888;margin:10px 0}.kv{display:flex;justify-content:space-between;border-bottom:1px solid #ddd;padding:7px 0;gap:12px}.kv span:last-child{text-align:right;overflow-wrap:anywhere}.ranking{list-style:none;margin:0;padding:0}.ranking li{display:flex;gap:16px;padding:10px 0;font-size:13px}.ranking b{color:#dca044;font-style:italic;font-weight:400}.ranking a:hover{color:#d97844}.features{margin:0 auto 40px}.feature-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px}.feature{min-width:0;padding:20px 16px;border-top:3px solid #edba91;background:#faf5f0}.feature b{font-size:17px;font-weight:400}.feature p{font-size:12px;color:#8b7767;margin:10px 0 0}.strip{background:#292929;color:#f4f4f4;padding:32px 0;margin:20px 0 38px}.strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.strip h2{font-size:27px;font-weight:400;margin:0 0 8px}.strip p{color:#b8b8b8;margin:0}.lower{display:grid;grid-template-columns:minmax(0,880px) 280px;gap:40px;margin-bottom:45px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:18px 30px}.step{border-bottom:1px solid var(--line);padding:14px 0;display:flex;gap:15px}.step .number{flex:none;font-size:26px;color:#e79a62}.step h3{font-size:17px;font-weight:400;margin:0 0 8px}.step p{font-size:13px;color:#777;margin:0}.installation{white-space:pre-line;border-top:1px solid #ddd;margin-top:23px;padding-top:20px;color:#777}.tab-buttons{display:flex;gap:10px;margin:0 0 15px}.tab-buttons button{border:0;background:transparent;padding:6px 10px;color:#777;border-bottom:2px solid transparent}.tab-buttons button[aria-selected=true]{border-color:#e89a53;color:#c77a34}.faq-pane[hidden]{display:none}.faq details{border-bottom:1px solid #ddd;padding:12px 0}.faq summary{cursor:pointer;font-size:13px}.faq p{font-size:12px;color:#777;margin:10px 0}.invite{padding:20px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;flex-wrap:wrap}.invite button{background:white;border:1px solid #d6b39b;padding:5px 12px;color:#996440}.invite-code{letter-spacing:2px;font-weight:bold}.footer{background:white;border-top:1px solid var(--line);padding:30px 0}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer .brand{color:#a67655}.footer p{color:#888;font-size:12px}.footer-links{display:flex;gap:20px;color:#777}.copyright{background:#333;color:#bbb;text-align:center;font-size:11px;padding:15px}.float-download{position:fixed;right:15px;bottom:22px;background:#e68c55;color:white;padding:10px 17px;border-radius:4px;z-index:5}.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:#342e29;color:white;padding:12px 22px;border-radius:6px;z-index:30;max-width:90%;text-align:center}.toast:empty{display:none}dialog{border:0;padding:24px;max-width:min(650px,92vw);max-height:90vh;border-radius:5px;box-shadow:0 15px 60px #0004;color:#444}dialog::backdrop{background:#0009}dialog .close{float:right;border:0;background:#eee;padding:4px 14px}dialog h2{font-size:20px;font-weight:400}#lightbox img{display:block;max-width:100%;max-height:72vh;object-fit:contain;margin:auto}.empty-search{display:none;padding:20px;background:#fff6ee;margin-bottom:20px}.empty-search.visible{display:block}[data-section]:has([data-text]:empty){display:none}[data-section][data-link][href='#']{display:none}.kv[data-section]:has([data-text]:empty){display:none}body.editor-proof a{pointer-events:none}body.editor-proof button{pointer-events:none}body.editor-proof .arrows,body.editor-proof .dots,body.editor-proof .float-download{display:none}
@media(min-width:1000px){.hero h1.long{font-size:30px}}@media(max-width:1000px){.header{gap:20px}.nav a{padding:0 12px}.header-right .pill{display:none}.main-grid,.lower{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.screen-card.wide{grid-column:span 2}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.hero-copy{padding:50px;width:65%}.hero h1{font-size:34px}}@media(max-width:700px){.wrap{width:calc(100% - 28px)}.top,.header{min-height:70px}.header{gap:10px;flex-wrap:wrap;padding:10px 0}.brand{max-width:calc(100% - 70px)}.brand img{width:40px;height:40px}.brand strong{font-size:20px}.brand small{font-size:9px}.header-right{display:none}.menu{display:block;margin-left:auto}.nav{width:100%;display:none;gap:0;padding-top:9px;justify-content:space-between}.nav.open{display:flex}.nav a{font-size:13px;padding:9px 12px}.search-line{height:47px}.searchbox{width:100%}.quick{display:none}.hero{height:400px}.hero-art{background-position:67% center;opacity:.54}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff7eae8,#fff7ea20)}.hero-copy{width:100%;padding:45px 32px;z-index:1}.hero h1{font-size:32px;max-width:300px}.hero p:not(.eyebrow){font-size:14px;max-width:260px;color:#704826}.hero .eyebrow{font-size:11px}.hero .primary,.hero .outline{font-size:14px;padding:9px 18px}.arrows button{width:25px;height:60px;font-size:25px}.dots{bottom:15px;right:22px}.main-grid,.lower{display:flex;flex-direction:column;gap:28px;padding-top:23px}.main-grid{padding-bottom:30px}.section-head h2,.sidebar h2{font-size:21px}.section-head span{display:none}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px}.screen-card img{height:190px;width:100%}.screen-card.wide{grid-column:span 3}.screen-card.wide img{height:140px}.screen-card h3{font-size:12px}.screen-card p{font-size:10px}.about{margin-top:22px}.about p{font-size:13px}.download-panel{background:white;padding:20px}.main-grid>.sidebar .ranking{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.feature-grid{grid-template-columns:1fr 1fr;gap:14px}.feature{padding:16px 12px}.feature b{font-size:15px}.features{margin-bottom:25px}.strip{padding:25px 0;margin-bottom:25px}.strip .wrap{display:block}.strip h2{font-size:23px}.strip p{font-size:12px;margin-bottom:18px}.lower{padding-top:0;margin-bottom:25px}.steps{grid-template-columns:1fr;gap:5px}.footer .wrap{display:block}.footer-links{margin-top:20px;font-size:12px}.copyright{padding-bottom:70px}.float-download{bottom:12px;right:14px;font-size:13px}.invite{font-size:12px}.hero h1{overflow-wrap:anywhere}.kv{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[data-section][data-text]:empty{display:none}
@media(max-width:700px){.float-download{display:none}}
@media(max-width:700px){.nav{display:flex}.menu{display:none}.has-js .nav{display:none}.has-js .nav.open{display:flex}.has-js .menu{display:block}}