:root{--green:#285a43;--deep:#243e30;--muted:#7d887a;--paper:#f8f9f3;--line:#e4e8dc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--deep);font-family:"Microsoft YaHei UI","PingFang SC",system-ui,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #88ab71;outline-offset:6px;border-radius:5px}::selection{background:#dfe9ce}.shell{width:min(1240px,calc(100% - 112px));margin-inline:auto}.site-header{height:100px;max-width:1400px;margin:auto;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:650;letter-spacing:1px}.brand svg{width:38px;height:38px}.site-header nav{display:flex;gap:38px;font-size:14px;color:#6c796a}.site-header nav a:hover,.site-footer a:hover{color:var(--green)}.nav-entry{font-size:14px;border-bottom:1px solid #7f9774;padding:9px 0}.nav-entry span{margin-left:18px}.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:28px;align-items:center;padding-block:64px 90px;min-height:680px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:#7f9278;margin:0 0 26px;display:flex;align-items:center;gap:8px;line-height:1.8}.live-dot{width:6px;height:6px;background:#85a86d;border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,3.5vw,53px);line-height:1.5;letter-spacing:1px;font-weight:600;margin:0 0 24px;font-family:"STSong","Songti SC","Noto Serif CJK SC",serif}.accent{color:var(--green);display:inline-block;position:relative}.accent svg{position:absolute;bottom:1px;left:0;width:100%;height:11px;stroke:#bfd0a5;stroke-width:5;fill:none;z-index:-1}p{color:var(--muted);line-height:1.95}.hero-description{font-size:15px;line-height:2.1;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px;padding:0 24px;border-radius:7px;font-size:14px;font-weight:500;transition:transform .18s,background .18s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--green);color:#f5f8ee}.button.primary:hover{background:#214d37}.button.subtle{background:#eaf0e2;color:var(--green)}.hero-buttons{display:flex;gap:12px}.hero-caption{display:flex;align-items:center;gap:12px;font-size:10px;color:#83907b;margin-top:24px}.hero-caption i{width:3px;height:3px;border-radius:50%;background:#a5b197}.caption-tail{margin-left:4px;font-size:11px}.hero-visual{position:relative;padding:35px 0 35px 5px;isolation:isolate;min-width:0}.orbit{position:absolute;z-index:-2;border:1px solid #e3e8d7;border-radius:50%;width:470px;height:470px;left:40px;top:-2px}.orbit-two{width:560px;height:560px;left:0;top:-48px;border-style:dashed;opacity:.6}.hero-visual:before{content:"";position:absolute;inset:10% -2% -8% -9%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#e5ead981,transparent 70%)}.floating-label{position:absolute;top:5px;right:15px;background:#fdfef9;border:1px solid #e8edde;border-radius:25px;padding:10px 16px;font-size:11px;box-shadow:0 8px 26px #30472507;z-index:2;transform:rotate(4deg)}.floating-label span{color:#b5a16c;margin-right:7px}.app-preview{background:#fff;border:1px solid #e1e7d8;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #3d533015,0 3px 6px #3d533005;transform:perspective(1600px) rotateY(-6deg) rotateZ(-1deg)}.preview-top{height:35px;background:#f9faf7;border-bottom:1px solid #edf0e8;display:flex;align-items:center;gap:16px;padding:0 13px;color:#98a08f;font-size:8px}.window-dots{display:flex;gap:4px}.window-dots b{width:6px;height:6px;border-radius:50%;background:#e1e6d9}.window-dots b:first-child{background:#d0d7c2}.preview-sync{margin-left:auto;color:#8d9f7e}.preview-body{display:flex;min-height:385px}.preview-sidebar{width:132px;flex-shrink:0;padding:19px 11px;background:#f1f4ea;border-right:1px solid #e9eddf;display:flex;flex-direction:column}.preview-brand{font-size:14px;font-weight:600;margin-bottom:20px;letter-spacing:2px}.preview-brand>span{font-size:6px;display:block;letter-spacing:1.7px;color:#a2ac94;margin-top:5px}.preview-new{font-size:9px;background:#315d42;color:white;border-radius:4px;padding:8px 0;text-align:center;margin-bottom:14px}.preview-menu{font-size:8px;padding:9px 6px;color:#89977b;border-radius:4px;white-space:nowrap}.preview-menu.active{background:#e2e9d6;color:#4e6d3e}.preview-menu small{float:right;color:#9cae8d}.preview-section{font-size:7px;color:#a7b19c;margin:20px 6px 8px}.preview-profile{margin-top:auto;display:flex;align-items:center;gap:7px;padding-top:25px;font-size:7px;color:#829276}.preview-profile>span{font-size:9px;background:#e0e8d5;border-radius:50%;padding:7px}.preview-profile small{display:block;font-size:6px;margin-top:3px;color:#a3af98}.preview-note{padding:20px 25px 15px;min-width:0;flex:1}.preview-meta{color:#9ba58e;font-size:7px;border-bottom:1px solid #eef0e9;padding-bottom:15px;margin-bottom:25px}.preview-date{font-size:6px;color:#acb49e;margin-bottom:10px}.preview-note h2{font-family:"STSong","Songti SC",serif;font-weight:600;font-size:23px;letter-spacing:1px;margin-bottom:14px;white-space:nowrap}.preview-tags{display:flex;gap:6px;font-size:6px;color:#93a97c;margin-bottom:15px}.preview-tags span{padding:3px 6px;border-radius:3px;background:#f2f5eb}.preview-toolbar{display:flex;gap:17px;border-block:1px solid #eaf0e0;color:#879976;font-size:8px;padding:9px 0;margin-bottom:18px}.note-line{font-size:8px;line-height:2.2;margin-bottom:10px;color:#637357}.note-line.light{color:#97a28b}.note-quote{border-left:2px solid #bed1a6;background:#f5f7ef;font-size:8px;padding:10px;color:#809473;margin:14px 0}.note-check{font-size:7px;color:#8a997c;margin-bottom:10px;display:flex;align-items:center;gap:6px}.note-check span{display:inline-grid;place-items:center;background:#d9e4cc;border:1px solid #c6d5b5;border-radius:2px;width:9px;height:9px;font-size:6px;color:#71945d}.note-check.unchecked span{background:white}.note-footer{font-size:6px;border-top:1px solid #edf0e7;padding-top:14px;margin-top:20px;color:#b0b8a4}.note-footer span{float:right}.floating-note{position:absolute;bottom:1px;left:-25px;display:flex;align-items:center;gap:11px;background:white;border-radius:10px;box-shadow:0 12px 40px #30472510;border:1px solid #e9edde;padding:14px 19px;transform:rotate(2deg);font-size:11px}.floating-note small{display:block;font-size:8px;color:#9aa58d;margin-top:6px}.small-leaf{width:34px;height:34px;display:grid;place-items:center;color:#7c985c;background:#edf2e5;border-radius:9px;font-size:20px}.preview-disclaimer{position:absolute;right:6px;bottom:1px;font-size:7px;color:#adb69d}.bridge{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--line);padding-block:26px;color:#89937e;font-size:13px}.bridge strong{font-weight:500;color:#4c6742}.bridge>div{display:flex;gap:22px;font-size:11px}.bridge b{font-weight:400;color:#acb799}.features{padding-block:100px 85px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:40px;gap:30px}.section-intro .eyebrow,.import-copy .eyebrow{margin-bottom:17px}h2{font-weight:500;letter-spacing:1px;font-size:32px;line-height:1.6;font-family:"STSong","Songti SC",serif;margin-bottom:0}.section-intro>p{font-size:13px;margin-bottom:6px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-card{background:#fff;border:1px solid #e6eadd;border-radius:13px;padding:30px 32px;position:relative;min-height:280px;overflow:hidden}.feature-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#edf3e5;color:#688154;font-size:22px;margin-bottom:22px}.feature-icon.ochre{background:#f7f1e2;color:#b39752}.feature-icon.blue{background:#ebf2f2;color:#659197}.feature-icon.purple{background:#f0edf6;color:#8b79a4}.feature-number{position:absolute;top:43px;right:32px;font-size:8px;letter-spacing:1.4px;color:#b4bba9}.feature-card h3{font-size:18px;font-weight:500;letter-spacing:.4px;margin-bottom:12px}.feature-card p{font-size:12px;max-width:95%;line-height:1.9;margin-bottom:25px}.organize-art{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.folder-tile{background:#f3f6ed;border:1px solid #e4ebd9;border-radius:7px;padding:12px 16px;font-size:10px;display:grid;grid-template-columns:23px 1fr;gap:3px 6px;min-width:140px}.folder-tile>span{font-size:23px;color:#99ac7b;grid-row:span 2}.folder-tile small{font-size:6px;letter-spacing:1px;color:#a2b08b}.tag-row{display:flex;gap:7px;margin-top:8px;width:100%}.tag-row span{background:#f4f6ef;border-radius:4px;padding:4px 9px;font-size:8px;color:#9aaa87}.ocr-art{display:flex;gap:22px;align-items:center;padding-top:4px}.scan-lines{width:82px;height:64px;border:1px solid #e8e4d6;border-radius:6px;background:#faf8f1;padding:15px 12px;position:relative}.scan-lines i{display:block;height:2px;background:#d9d4bf;margin-bottom:8px;width:100%}.scan-lines i:nth-child(2){width:70%}.scan-beam{position:absolute;left:5px;right:5px;top:32px;border-top:1px solid #b5c697;box-shadow:0 3px 10px #91b47766}.ocr-art>span{font-size:20px;color:#acb49d}.scan-result{font-size:12px;letter-spacing:1px}.scan-result small{display:block;font-size:8px;color:#a2af90;margin-top:10px;letter-spacing:0}.mini-link{border:1px solid #e7eddf;border-radius:8px;display:flex;gap:12px;padding:13px 15px;align-items:center;margin-top:20px;background:#fafbf7}.mini-link>div{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;background:#edf3ec;color:#769369;font-size:20px}.mini-link>span{font-size:11px;color:#708064}.mini-link small{display:block;font-size:8px;color:#a6b097;margin-top:6px}.mini-link b{margin-left:auto;color:#9aac87;font-weight:400}.collab-art{display:flex;align-items:center;padding-top:20px}.collab-art>span{display:grid;place-items:center;border:3px solid #fff;width:35px;height:35px;background:#e4eadb;color:#819369;border-radius:50%;font-size:10px;margin-right:-7px}.collab-art>span:nth-child(2){background:#eeeadc;color:#b2a178}.collab-art>span:nth-child(3){background:#efedf4;color:#aaa0b7}.collab-art>small{font-size:10px;color:#97a48a;margin-left:20px}.import-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-bottom:100px}.import-art{position:relative;background:#eff2e7;border-radius:15px;height:300px;display:flex;gap:30px;align-items:center;justify-content:center;overflow:hidden}.import-art:before,.import-art:after{content:"";position:absolute;border:1px solid #e0e7d2;width:260px;height:260px;border-radius:50%}.import-art:after{width:390px;height:390px;border-style:dashed}.import-file{background:white;border-radius:7px;padding:18px;width:85px;height:105px;transform:rotate(-10deg);box-shadow:0 8px 25px #42552a0c;z-index:1}.import-file>span{font-size:10px;letter-spacing:1px;color:#91a87b;display:block;margin-bottom:17px}.import-file i{height:3px;background:#e8ecdf;display:block;margin-bottom:8px}.import-file i:last-child{width:65%}.import-arrow{font-size:33px;color:#a2b48a;z-index:1}.import-destination{background:#315a40;color:#f0f6e7;width:110px;height:110px;border-radius:26px;display:flex;flex-direction:column;align-items:center;justify-content:center;letter-spacing:4px;font-size:24px;transform:rotate(7deg);box-shadow:0 15px 25px #324e2c18;z-index:1}.import-destination small{font-size:7px;letter-spacing:1px;color:#bfceac;margin-top:12px}.import-pill{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);border:1px solid #e0e7d2;background:#f8faf2;border-radius:20px;padding:8px 14px;z-index:2;font-size:9px;white-space:nowrap;color:#8ba074}.import-copy p:not(.eyebrow){font-size:13px;line-height:2;margin:21px 0}.text-link{font-size:12px;border-bottom:1px solid #b4c4a0;padding-bottom:8px;display:inline-flex;gap:35px}.download-section{background:#eef2e7;border-block:1px solid #e4e9d9;padding:75px 0 65px;scroll-margin-top:0}.download-heading{text-align:center}.download-heading .eyebrow{justify-content:center;margin-bottom:18px}.download-heading h2{font-size:35px;margin-bottom:20px}.download-heading>p:last-child{font-size:13px}.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1000px;margin:40px auto 0}.download-card{border:1px solid #e1e7d6;background:#fafcf6;border-radius:12px;padding:30px;text-align:center}.download-card>svg{width:32px;height:32px;color:#668654;margin:3px 0 18px}.download-card h3{font-size:23px;font-weight:500;letter-spacing:1px;margin-bottom:10px}.download-card>p{font-size:12px;color:#9aa78b;margin-bottom:24px}.download-card .button{width:100%;font-size:12px;gap:20px;min-height:45px;padding-inline:14px}.download-card>small{display:block;font-size:9px;color:#a1ad91;line-height:2;margin-top:17px}.web-card{background:#f4f7ed}.download-note{text-align:center;font-size:10px;color:#97a489;margin:23px 0 0}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding-block:100px}.faq>div>p:last-child{font-size:12px;margin-top:15px}.faq .eyebrow{margin-bottom:20px}.faq h2{font-size:30px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;font-size:13px;padding:21px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}summary::-webkit-details-marker{display:none}summary>span{color:#9bac8c;font-size:18px;font-weight:300}details[open] summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:2;margin:0 35px 22px 0;color:#8d9982}.closing{padding:38px 0 45px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.closing .eyebrow{margin-bottom:12px}.closing h2{font-size:29px}.site-footer{padding-block:35px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-brand{display:flex;gap:20px;align-items:center}.footer-brand strong{font-weight:500;font-size:15px}.footer-brand span{font-size:10px;color:#a2ad96}.site-footer>div:last-child{display:flex;gap:24px;align-items:center;font-size:10px;color:#9aa68d}
@media(min-width:1550px){.hero{padding-block:90px 110px;min-height:760px}}@media(max-width:1100px){.shell{width:calc(100% - 64px)}.site-header{padding-inline:32px}.hero{grid-template-columns:1fr 1fr;gap:15px;padding-block:45px 65px;min-height:610px}h1{font-size:38px}.hero-description{font-size:13px}.hero-caption{gap:8px}.caption-tail{display:none}.preview-sidebar{width:105px;padding:15px 9px}.preview-note{padding:17px}.preview-note h2{font-size:19px}.preview-toolbar{gap:14px}.preview-body{min-height:370px}.orbit{width:360px;height:360px;left:10px;top:30px}.orbit-two{width:410px;height:410px;left:-20px;top:10px}.floating-note{left:-10px;font-size:10px;padding:12px}.floating-note small{font-size:7px}.preview-disclaimer{bottom:-15px}.import-section{gap:45px}.download-card{padding:26px 20px}.faq{gap:50px}.bridge>div{gap:12px}.feature-card{padding:26px}.feature-number{right:26px;top:40px}.section-intro h2{font-size:29px}.site-footer>div:last-child{gap:14px}}
@media(max-width:760px){html{scroll-padding-top:30px}.shell{width:calc(100% - 40px)}.site-header{height:80px;padding:0 20px;gap:12px}.brand{font-size:18px;gap:9px;letter-spacing:0}.brand svg{width:32px;height:32px}.site-header nav{display:none}.nav-entry{font-size:12px}.nav-entry span{margin-left:10px}.hero{display:flex;flex-direction:column;padding:30px 0 70px;gap:35px;min-height:0}.hero-copy{width:100%;text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.6px;margin-bottom:22px}h1{font-size:clamp(32px,6.9vw,43px);letter-spacing:0;line-height:1.55;margin-bottom:20px}.hero-description{font-size:12px;line-height:2;margin-bottom:24px}.hero-buttons{justify-content:center;gap:10px}.button{font-size:12px;min-height:45px;padding-inline:22px;gap:18px}.hero-caption{justify-content:center;margin-top:21px;font-size:9px;gap:12px}.caption-tail{display:none}.hero-visual{width:min(520px,100%);padding:26px 0 25px;min-width:0}.app-preview{transform:rotate(-1deg)}.preview-top{height:29px;font-size:7px}.preview-sidebar{width:100px;padding:14px 9px}.preview-brand{font-size:12px;margin-bottom:16px}.preview-brand>span{font-size:5px}.preview-new{font-size:8px}.preview-menu{font-size:7px;padding:8px 4px}.preview-menu small{font-size:6px}.preview-section{margin-top:16px}.preview-note{padding:15px 17px 12px}.preview-note h2{font-size:19px;letter-spacing:0}.preview-meta{font-size:6px;padding-bottom:11px;margin-bottom:18px}.preview-date{font-size:6px}.preview-toolbar{gap:16px;font-size:7px;margin-bottom:15px;padding-block:8px}.note-line{font-size:7px}.note-quote{font-size:7px;padding:8px}.note-check{font-size:6px;margin-bottom:9px}.note-footer{font-size:5px;padding-top:11px;margin-top:15px}.preview-body{min-height:345px}.floating-label{font-size:9px;padding:8px 13px;right:10px;top:0}.floating-note{padding:10px 13px;left:4px;bottom:0;gap:8px;font-size:9px}.small-leaf{width:29px;height:29px;font-size:17px}.floating-note small{font-size:6px}.preview-disclaimer{bottom:-18px;font-size:6px}.orbit{width:310px;height:310px;left:20px;top:40px}.orbit-two{width:350px;height:350px;left:0;top:20px}.bridge{display:block;text-align:center;padding-block:22px;font-size:12px}.bridge>div{justify-content:center;margin-top:14px;font-size:9px;gap:15px}.features{padding-block:65px 55px}.section-intro{display:block;margin-bottom:28px}.eyebrow{font-size:8px;letter-spacing:1.7px}.section-intro h2,h2{font-size:27px}.section-intro>p{font-size:11px;margin:15px 0 0}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-card{padding:26px;min-height:0}.feature-icon{width:36px;height:36px;margin-bottom:20px;font-size:20px}.feature-card h3{font-size:17px}.feature-card p{font-size:11px;margin-bottom:22px;max-width:100%}.feature-number{font-size:7px;top:40px}.organize-art{gap:8px}.folder-tile{min-width:125px;padding:10px 12px;font-size:9px;grid-template-columns:20px 1fr;gap:3px}.folder-tile>span{font-size:19px}.folder-tile small{font-size:5px}.mini-link{margin-top:8px}.collab-art{padding-top:8px}.collab-art>small{font-size:8px;margin-left:16px}.import-section{grid-template-columns:1fr;gap:30px;padding-bottom:65px}.import-art{height:245px}.import-file{width:75px;height:95px}.import-destination{width:95px;height:95px;border-radius:22px;font-size:21px}.import-copy{padding:0 5px}.import-copy p:not(.eyebrow){font-size:11px;margin:17px 0 22px}.text-link{font-size:11px}.download-section{padding-block:55px 45px}.download-heading h2{font-size:28px}.download-heading>p:last-child{font-size:11px;max-width:290px;margin:0 auto}.download-grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.download-card{padding:28px;max-width:440px;width:100%;margin:auto}.download-card>svg{width:30px;height:30px;margin-bottom:15px}.download-card h3{font-size:22px}.download-card>p{font-size:11px;margin-bottom:20px}.download-card .button{max-width:280px}.download-card>small{font-size:9px}.download-note{font-size:9px;line-height:1.8;max-width:300px;margin:24px auto 0}.faq{grid-template-columns:1fr;padding-block:60px;gap:25px}.faq .eyebrow{margin-bottom:15px}.faq h2{font-size:27px}.faq>div>p:last-child{font-size:11px;margin-top:12px}summary{font-size:12px;padding-block:20px}details p{font-size:11px;margin-right:10px}.closing{flex-direction:column;align-items:flex-start;padding:30px 0 35px;gap:22px}.closing h2{font-size:24px}.closing .button{width:100%;max-width:300px}.site-footer{flex-direction:column;align-items:flex-start;padding-block:25px 30px;gap:22px}.footer-brand{gap:13px}.footer-brand span{font-size:9px}.site-footer>div:last-child{gap:23px;font-size:9px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
/* Keep navigation and essential download information readable on every screen. */
.site-header{position:sticky;top:0;z-index:20;background:rgba(248,249,243,.95);backdrop-filter:blur(14px)}
.feature-card p,.import-copy p:not(.eyebrow),details p{font-size:13px;color:#75816d}
.download-card>small,.download-note{font-size:11px;color:#7e8b72}
.download-card>p{font-size:13px;color:#859277}
@media(max-width:760px){html{scroll-padding-top:80px}.hero-description{font-size:13px}.feature-card p,.import-copy p:not(.eyebrow),details p{font-size:12px}.download-card>small,.download-note{font-size:10px}.download-heading>p:last-child{font-size:12px}.faq>div>p:last-child{font-size:12px}}