@font-face{font-family:system-fallback;src:local("Microsoft YaHei")}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:#22251f;background:#fff;font:15px/1.8 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #e85c65;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.28;letter-spacing:-.045em}h2{font-size:clamp(30px,3.7vw,46px);font-weight:700}h3{font-size:20px}p{color:#777b74}section[id]{scroll-margin-top:20px}.skip{position:fixed;z-index:100;top:-100px;left:20px;padding:10px;background:#fff}.skip:focus{top:10px}.header{height:92px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#ffffffed;border-bottom:1px solid #f2f0eb;position:relative;z-index:5}.brand{display:flex;gap:12px;align-items:center;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:.01em}.brand img{border-radius:9px}.brand-sub{display:block;font-size:9px;color:#96998f;letter-spacing:.16em;font-weight:500;margin-top:3px}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav>a:hover,.text-link:hover,.footer a:hover{color:#cf4f5b}.nav-download{background:#252a25;color:#fff;padding:10px 20px;border-radius:6px;font-weight:600}.nav-download span{margin-left:15px}.hero{position:relative;overflow:hidden;text-align:center;padding:74px 24px 0}.hero-glow{position:absolute;top:-180px;left:-20%;width:140%;height:1000px;z-index:-1;background:radial-gradient(ellipse at 22% 50%,#f8e7e564,transparent 40%),radial-gradient(ellipse at 77% 34%,#e6efe96b,transparent 37%),linear-gradient(#fffcf8,white)}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600;color:#9a7c6c}.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;padding:5px 13px;border:1px solid #e7e2d8;background:#ffffff88;border-radius:30px;color:#7d796f;font-size:11px;letter-spacing:.08em}.dot{width:6px;height:6px;background:#a9ad81;border-radius:50%}h1{font-size:clamp(46px,5.4vw,72px);font-weight:750;letter-spacing:-.06em;margin-top:25px;line-height:1.2}.accent{color:#ce5962;position:relative;white-space:nowrap}.accent:after{content:"";position:absolute;left:0;right:14px;bottom:-6px;height:5px;background:#e7bcb5;border-radius:50%;transform:rotate(-3deg)}.hero-copy{margin-top:28px;font-size:15px;line-height:1.95}.actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:29px;flex-wrap:wrap}.button{height:52px;padding:0 26px;border-radius:7px;border:1px solid #d8dad1;display:inline-flex;gap:13px;align-items:center;justify-content:center;font-size:13px;font-weight:600;line-height:1;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:#262c25;color:#fff;border-color:#262c25;box-shadow:0 4px 8px #2430230a}.primary:hover{background:#3c4839}.secondary{background:#ffffffaa;color:#53574f;min-width:160px}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.button-note{font-size:9px;opacity:.5;font-weight:400;margin-left:12px}.play{font-size:19px;line-height:1}.trust{display:flex;justify-content:center;gap:25px;font-size:11px;color:#92968a;margin-top:24px}.mobile-note{display:none}.browser-preview{margin:58px auto 0;max-width:970px;border:1px solid #e1e4da;background:#fff;border-radius:12px;box-shadow:0 25px 80px #3242370c,0 2px 10px #28302107;text-align:left;overflow:hidden;transform:perspective(1800px) rotateX(2deg)}.browser-bar{height:42px;display:flex;align-items:center;justify-content:space-between;background:#fafbf7;border-bottom:1px solid #e8e9e1;padding:0 18px;gap:15px}.traffic{display:flex;gap:6px}.traffic i{width:7px;height:7px;background:#dfe1d9;border-radius:50%}.traffic i:first-child{background:#e6bcaf}.traffic i:nth-child(2){background:#e9d6a8}.traffic i:last-child{background:#c2d1bc}.address{background:#f0f2ec;width:300px;border-radius:4px;font-size:9px;color:#979d8e;text-align:center}.bar-label{font-size:9px;color:#a2a696}.preview-body{display:grid;grid-template-columns:195px 1fr;padding:18px;gap:18px}.preview-side{padding:12px 9px;display:flex;flex-direction:column}.mini-logo{font-size:13px;color:#ce6665;font-weight:800;display:flex;align-items:center;gap:10px}.mini-logo>span{font-size:11px;font-weight:500;color:#61695c}.side-rule{height:1px;background:#edeFE7;margin:19px 0}.side-label{font-size:9px;color:#a4aa9b}.preview-side strong{font-size:12px;margin-top:7px}.preview-side p{font-size:9px;margin-top:3px;color:#a1a798}.thumbs{display:flex;gap:8px;margin-top:21px}.thumb{padding:3px;border:1px solid #e8ebe2;border-radius:5px;background:#fff;width:66px;overflow:hidden}.thumb img{aspect-ratio:1;object-fit:cover;border-radius:2px}.thumb.selected{border-color:#c08073}.side-bottom{margin-top:auto;font-size:9px;color:#989e8f;display:flex;align-items:center;gap:6px;padding-top:20px}.local-dot{height:5px;width:5px;border-radius:50%;background:#81a083}.preview-image{position:relative;padding:0;border:0;border-radius:6px;overflow:hidden;background:#e7eadf;display:block}.preview-image>img{width:100%;aspect-ratio:1.6;object-fit:cover;transition:transform .5s}.preview-image:hover>img{transform:scale(1.035)}.image-tag{position:absolute;top:14px;left:14px;padding:4px 9px;background:#ffffffcc;backdrop-filter:blur(10px);border-radius:3px;font-size:9px;color:#586455;display:flex;gap:12px}.image-tag span{font-size:8px;color:#858d80}.image-hover{position:absolute;bottom:17px;right:17px;border:1px solid #ffffff77;padding:5px 12px;background:#ffffffd9;border-radius:5px;color:#52614f;font-size:11px}.preview-footer{display:flex;justify-content:space-between;border-top:1px solid #eff0e9;padding:11px 24px;font-size:9px;color:#777f70}.muted{color:#abb09f}.under-preview{max-width:960px;margin:22px auto 0;display:flex;justify-content:space-between;font-size:10px;color:#9aa18f}.version{color:#818d78}.version>span:last-child{margin-left:12px}.section{max-width:1100px;margin:auto;padding:120px 30px}.feature-intro{max-width:1030px;padding-top:137px}.section-top{text-align:center}.section-top h2{margin:17px 0 22px}.section-top>p:last-child{font-size:14px}.comparison{position:relative;aspect-ratio:2/1;overflow:hidden;border-radius:10px;margin-top:46px;background:#e9e5d7}.comparison img{width:100%;height:100%;object-fit:cover;max-width:none}.compare-base{filter:blur(3px);transform:scale(1.015)}.compare-sharp{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-label{position:absolute;top:18px;background:#ffffffc9;font-size:10px;color:#52634e;padding:3px 10px;border-radius:4px;pointer-events:none}.compare-label.left{left:18px}.compare-label.right{right:18px}.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#ffffffdf;pointer-events:none;transform:translateX(-1px)}.compare-line>span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:44px;width:44px;background:#fff;border-radius:50%;color:#717c66;display:flex;justify-content:center;align-items:center;box-shadow:0 3px 15px #152b2c26;font-size:18px;letter-spacing:3px}.comparison input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.comparison:focus-within{outline:3px solid #d46b72;outline-offset:4px}.caption{text-align:center;font-size:10px;color:#999f92;margin-top:14px}.micro-features{display:flex;justify-content:space-around;border-bottom:1px solid #eeeee7;padding:36px 0 27px;font-size:12px;color:#646d5c;gap:15px}.micro-features b{color:#b5bba9;font-size:9px;display:inline-block;margin-right:13px;font-weight:400}.organize{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center;padding-top:30px;padding-bottom:130px}.organize h2{margin:18px 0 23px}.organize-copy>p:not(.eyebrow){font-size:13px;line-height:2}.check-list{list-style:none;padding:0;margin:25px 0;font-size:12px;color:#646f5c}.check-list li{margin:7px 0}.check-list li:before{content:"✓";color:#9ca98a;margin-right:10px}.text-link{font-size:12px;color:#626c59;border-bottom:1px solid #c7cebc;padding-bottom:4px;display:inline-block}.file-demo{background:#fafaf5;border:1px solid #e7e9df;border-radius:10px;box-shadow:0 20px 60px #3c4c2e05;transform:rotate(-1.3deg);padding:26px}.file-top{display:flex;justify-content:space-between;border-bottom:1px solid #e9ebdf;padding-bottom:19px;font-size:11px;color:#6e795f}.file-top>span:last-child{color:#a7ad9a;font-size:9px}.folder-root{margin-top:27px;font-size:12px;color:#6c755f}.folder-icon{color:#c6b27d;font-size:20px;line-height:1;vertical-align:middle}.folder-child{font-size:11px;color:#6b755f;margin:17px 0 0 20px}.file-row{display:flex;align-items:center;gap:11px;border:1px solid #e5e9dc;border-radius:6px;padding:11px;margin:12px 0 0 9px;background:#fff;font-size:10px}.file-row img{width:45px;height:46px;object-fit:cover;border-radius:3px}.file-row small{display:block;color:#a4ad96;font-size:8px;margin-top:3px}.file-check{margin-left:auto;color:#8b9f78}.saved-note{font-size:10px;color:#9aa58a;border-top:1px dashed #dde2d3;padding-top:17px;margin-top:24px}.saved-note>span{margin-right:9px}.privacy-band{padding:54px max(30px,calc((100% - 1040px)/2));background:#f4f6ef;display:flex;align-items:center;gap:34px;border-top:1px solid #e9edde;border-bottom:1px solid #e9edde}.privacy-symbol{font-size:64px;line-height:1;color:#a7b297}.privacy-band h2{font-size:30px;margin:9px 0 15px}.privacy-band p:last-child{font-size:12px;line-height:1.95;color:#8a947f}.privacy-band .text-link{margin-left:auto;white-space:nowrap}.mobile-break{display:none}.install{text-align:center}.install h2{margin:17px 0}.section-description{font-size:13px}.steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;margin-top:55px;gap:40px}.steps article{position:relative;border-top:1px solid #e7e8de;padding-top:23px}.steps article>span{color:#c7a295;font:14px Georgia,serif}.steps h3{font-size:17px;margin:17px 0 13px;letter-spacing:-.01em}.steps p{font-size:12px;line-height:2;color:#929789}.copy-link{border:0;border-bottom:1px solid #ccd3bf;background:none;font-size:10px;color:#859072;padding:0;margin-top:12px}.install .actions{margin-top:47px;gap:28px}.download-meta{font-size:10px;color:#a0a693;margin-top:14px}.plans{background:#fbf8f5;border:1px solid #f0eae3;border-radius:13px;display:grid;grid-template-columns:1fr 1fr;gap:85px;max-width:1040px;padding:55px 60px;align-items:center}.plans h2{font-size:37px;margin:16px 0 20px}.plans>div>p:not(.eyebrow){font-size:12px;line-height:2}.plans .button{margin-top:29px}.plan-card{background:#fff;border:1px solid #eae5dd;border-radius:8px;padding:27px}.pill{font-size:9px;background:#f6ece6;color:#bc8974;border:1px solid #ebdbcf;border-radius:20px;padding:4px 10px}.plan-card h3{font-size:21px;margin:19px 0 10px}.plan-card>p{font-size:11px}.plan-card ul{list-style:none;padding:0;margin:23px 0;font-size:11px;color:#8f9486;line-height:2.8}.plan-card li:before{content:"＋";margin-right:10px;color:#b8bfaa}.plan-card small{font-size:8px;border:1px solid #e9e8df;margin-left:5px;padding:2px 4px;border-radius:3px}.plan-footer{display:flex;justify-content:space-between;font-size:10px;color:#abb29e;border-top:1px solid #f0f1e9;padding-top:15px}.faq{display:grid;grid-template-columns:1fr 1.7fr;gap:80px}.faq h2{margin:17px 0 23px}.faq>div>p:not(.eyebrow){font-size:13px;margin-bottom:24px}.faq-list{border-top:1px solid #e8eae1}.faq details{border-bottom:1px solid #e8eae1}.faq summary{cursor:pointer;font-size:13px;font-weight:500;list-style:none;padding:22px 28px 22px 0;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"＋";position:absolute;right:0;font-size:16px;color:#9ea88e}.faq details[open] summary:after{content:"−"}.faq details p{font-size:12px;line-height:2;padding:0 28px 22px 0;color:#919987}.closing{text-align:center;padding:75px 24px 95px;background:radial-gradient(ellipse at 50% 70%,#f5e6df70,transparent 62%),#fcfcf8;border-top:1px solid #f0f0e8}.closing h2{font-size:47px;margin:20px 0 30px}.closing>p:last-child{font-size:10px;color:#a5a793;margin-top:16px}.footer{max-width:1160px;margin:auto;padding:50px 30px 20px}.footer-main{display:flex;align-items:center;gap:30px}.footer-main>.brand{font-size:12px}.footer-main>p{font-size:10px;color:#a2aa96}.footer-main>div{margin-left:auto;display:flex;gap:23px;font-size:10px;color:#959e87}.footer-bottom{margin-top:34px;border-top:1px solid #eef0e6;padding-top:17px;font-size:9px;color:#b1b8a5;display:flex;justify-content:space-between;gap:20px}dialog{padding:0;border:1px solid #d6dacf;border-radius:12px;width:min(1000px,95vw);max-height:95vh;color:#58634c;box-shadow:0 30px 120px #1725123b}dialog::backdrop{background:#17211ccc;backdrop-filter:blur(7px)}.demo-top{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px;border-bottom:1px solid #e5e9dc}.demo-top button{border:0;background:none;color:#7d8970;padding:7px}#demo-stage{height:min(58vh,550px);overflow:hidden;background:#e7e9de;position:relative;cursor:grab;touch-action:none;display:flex;align-items:center;justify-content:center}#demo-stage.dragging{cursor:grabbing}#demo-image{width:100%;height:100%;object-fit:contain;user-select:none;max-width:none;will-change:transform;pointer-events:none}.demo-tools{display:flex;align-items:center;justify-content:center;gap:13px;padding:15px;flex-wrap:wrap;font-size:12px}.demo-tools button{border:1px solid #dee4d2;border-radius:5px;background:#f9faf6;color:#69785a;min-width:33px;padding:3px 9px}.tool-separator{width:1px;height:18px;background:#e2e7da;margin:0 7px}.demo-hint{text-align:center;font-size:10px;line-height:1.7;margin-bottom:15px;color:#a1ac93}body.modal-open{overflow:hidden}.doc{max-width:800px;margin:0 auto;padding:65px 26px 100px}.doc h1{font-size:40px;margin:15px 0 22px}.doc h2{font-size:23px;letter-spacing:-.01em;margin:40px 0 15px}.doc h3{font-size:17px;margin:25px 0 10px}.doc p,.doc li{font-size:14px;line-height:2.1;color:#7d8575;margin:12px 0}.doc a:not(.button){color:#bd6a66;text-decoration:underline;text-underline-offset:4px}.doc .eyebrow{font-size:10px}.doc code{font-size:12px;background:#f3f5ed;padding:3px 6px;border-radius:3px;overflow-wrap:anywhere}.doc pre{white-space:pre-wrap;background:#f3f5ed;border-radius:7px;padding:20px;font-size:12px;color:#6a765d}.doc .notice{background:#fbf4ee;border-left:3px solid #d3b09b;padding:14px 20px}.not-found{text-align:center;padding:130px 24px}.not-found h1{font-size:70px}.not-found p{margin:20px 0 30px}
@media(min-width:1600px){.hero{padding-top:95px}.header{padding:0 max(5%,calc((100vw - 1320px)/2))}.browser-preview{max-width:1000px}}
@media(max-width:900px){nav{gap:20px}.organize{gap:40px}.privacy-band{gap:22px}.privacy-symbol{display:none}.plans{margin:0 25px;padding:40px;gap:35px}.faq{gap:40px}.footer-main{flex-wrap:wrap}.footer-main>div{margin-left:0}.footer-main>p{margin-left:auto}.preview-body{grid-template-columns:160px 1fr}.file-demo{padding:20px}.section{padding:85px 25px}.organize{padding-top:10px}.feature-intro{padding-top:90px}}
@media(max-width:600px){.header{height:76px;padding:0 20px}.brand{font-size:13px;gap:9px}.brand img{width:30px;height:30px}.brand-sub{font-size:8px}nav{gap:0}nav>a:not(.nav-download){display:none}.nav-download{font-size:11px;padding:9px 12px}.nav-download span{margin-left:6px}.hero{padding:46px 18px 0}h1{font-size:clamp(32px,10.25vw,42px);line-height:1.25;margin-top:22px}.hero .eyebrow{font-size:9px}.hero-copy{font-size:12px;margin-top:23px}.button{height:48px;padding:0 18px;font-size:12px;gap:8px}.secondary{min-width:134px}.actions{gap:10px}.trust{gap:12px;font-size:8px;margin-top:20px}.mobile-note{display:block;font-size:10px;margin-top:12px;color:#aa9e8d}.browser-preview{margin-top:30px;border-radius:7px;transform:none}.preview-side{display:none}.preview-body{display:block;padding:10px}.browser-bar{padding:0 10px;height:30px;gap:10px}.traffic{gap:4px}.traffic i{width:5px;height:5px}.address{font-size:7px;width:auto;flex:1}.bar-label{font-size:6px}.image-tag{font-size:7px;top:9px;left:9px}.image-tag>span{font-size:6px}.image-hover{font-size:8px;padding:3px 7px;bottom:10px;right:10px}.preview-footer{padding:8px 12px;font-size:7px}.preview-footer .muted{display:none}.under-preview{margin-top:14px;font-size:8px}.version>span:last-child{margin-left:3px}.section{padding:70px 22px}.section-top h2{margin-top:15px}.section-top>p:last-child{font-size:12px}.comparison{aspect-ratio:1.4;margin-top:30px}.compare-label{top:12px;font-size:8px}.compare-label.left{left:12px}.compare-label.right{right:12px}.compare-line>span{width:34px;height:34px;font-size:14px}.caption{font-size:8px}.micro-features{font-size:9px;padding:25px 0 20px;gap:8px}.micro-features b{margin-right:5px;font-size:7px}.organize{display:block;padding-top:0}.organize h2{font-size:35px}.organize-copy>p:not(.eyebrow){font-size:12px}.file-demo{margin-top:40px;transform:rotate(-1deg);padding:22px}.privacy-band{display:block;padding:36px 24px}.privacy-band h2{font-size:27px}.privacy-band p:last-child{font-size:11px}.privacy-band .text-link{margin-top:25px}.privacy-band br:not(.mobile-break){display:none}.install h2{font-size:30px}.section-description{font-size:11px}.steps{display:block;margin-top:33px}.steps article{padding:20px 0 25px;display:grid;grid-template-columns:35px 1fr;gap:0 8px}.steps h3{margin:2px 0 10px;font-size:16px}.steps p,.steps button{grid-column:2}.steps p{font-size:12px}.steps button{justify-self:start}.install .actions{margin-top:20px;gap:20px}.plans{margin:0 20px;padding:30px 23px;display:block}.plans h2{font-size:32px}.plan-card{margin-top:35px;padding:23px}.faq{display:block}.faq>div:first-child{margin-bottom:30px}.faq>div>p:not(.eyebrow){display:none}.faq h2{margin-bottom:20px}.faq summary{font-size:12px;padding-top:20px;padding-bottom:20px}.faq details p{font-size:11px}.closing{padding:55px 20px 65px}.closing h2{font-size:36px}.footer{padding:35px 23px 20px}.footer-main{display:block}.footer-main>p{margin:20px 0}.footer-main>div{gap:20px;font-size:10px}.footer-bottom{flex-wrap:wrap;font-size:8px;gap:8px;margin-top:25px}.footer-bottom>a{margin-left:auto}.demo-tools{gap:7px;font-size:10px;padding:12px 8px}.demo-tools button{min-width:28px;padding:3px 5px}.tool-separator{margin:0 3px}.doc{padding-top:40px}.doc h1{font-size:31px}.doc h2{font-size:21px}.doc p,.doc li{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}