*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#172d35;background:#fff;font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}header{height:88px;max-width:1240px;padding:0 36px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:750;white-space:nowrap}.brand img{width:36px;height:36px;border-radius:10px}.brand-light{font-weight:450;margin-left:6px}nav{display:flex;gap:32px;font-size:14px;color:#607076}.nav-button{border:1px solid #dce6e5;padding:9px 18px;border-radius:8px;font-size:13px}.wrap{max-width:1168px;margin:auto;padding-left:24px;padding-right:24px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding-top:80px;padding-bottom:105px}.eyebrow{display:flex;gap:9px;align-items:center;color:#1c8074;font-size:12px;letter-spacing:2px;font-weight:650}.eyebrow>span{width:7px;height:7px;border-radius:50%;background:#1c8074}h1{font-size:70px;line-height:1.22;letter-spacing:-3px;margin:26px 0}h1 em{font-style:normal;color:#168777}h2{font-size:32px;line-height:1.4;letter-spacing:-1px;margin:12px 0 18px}h3{font-size:20px;line-height:1.5}.lead{color:#67777c;font-size:17px;line-height:1.9}.actions{display:flex;gap:14px;margin:32px 0 18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:20px;padding:12px 20px;border-radius:7px;border:1px solid transparent;font-size:14px;font-weight:600}.primary{background:#167c6f;color:white}.primary:hover{background:#116357}.secondary{background:white;border-color:#d9e4e1;color:#344d53}.release-note{font-size:11px;color:#7a888b}.preview{position:relative;border:1px solid #dce6e4;border-radius:14px;background:#fff;box-shadow:0 30px 80px #144d3812;transform:rotate(-2deg)}.preview-top{display:flex;align-items:center;gap:50px;padding:14px 16px;border-bottom:1px solid #e5eceb;font-size:10px;color:#87948f}.dots{display:flex;gap:4px}.dots i{width:6px;height:6px;background:#d9e4e0;border-radius:50%}.preview-body{display:grid;grid-template-columns:108px 1fr;padding:18px 14px 25px 0;background:#f5f8f7;border-radius:0 0 14px 14px}aside{font-size:10px;color:#7d8a87}aside>div{padding:10px 14px}.mini-logo{font-weight:700;color:#264c44;margin-bottom:14px}.side-active{background:#e5f0ec;color:#208170}.paper{padding:24px;background:white;border-radius:5px;min-height:320px}.paper-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#8d9895}.paper-meta span{color:#25927a}.paper h2{font-size:24px;line-height:1.5;letter-spacing:0;margin:18px 0}.paper-art{height:126px;background:#dceee5;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-around}.paper-art>span{font-size:10px;letter-spacing:2px;color:#52806b;z-index:1}.orbit{position:absolute;width:150px;height:150px;border:1px solid #afcfbf;border-radius:50%;left:-35px;top:35px}.art-sheet{background:#fff;width:68px;height:86px;transform:rotate(-15deg);padding:20px 12px;box-shadow:12px 10px 0 #98c6b3;z-index:1}.art-sheet b{display:block;height:4px;background:#7daf99;margin-bottom:8px}.art-sheet b:last-child{width:60%}.fake-line{height:5px;background:#eef1ef;margin-top:18px}.short{width:72%;margin-top:8px}.paper-bottom{font-size:9px;color:#82928a;display:flex;justify-content:space-between;margin-top:25px}.float-note{position:absolute;right:-22px;bottom:-26px;display:flex;gap:12px;background:#fff;padding:14px 20px;border-radius:9px;box-shadow:0 12px 35px #173d3b16;transform:rotate(2deg)}.float-note>span{background:#e3f4eb;color:#188570;border-radius:50%;width:30px;height:30px;text-align:center;font-size:19px}.float-note strong{display:block;font-size:12px}.float-note small{font-size:10px;color:#84938c}.strip{background:#f6f8f7;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef}.strip-inner{display:flex;justify-content:space-between;padding-top:21px;padding-bottom:21px;color:#6f827b;font-size:12px}.strip-inner>span:first-child{color:#294a40}.section{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.section-heading p,.section-intro{color:#788680;font-size:13px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article{border:1px solid #e1e9e5;padding:28px;border-radius:10px}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:#edf6f1;color:#298773;font-size:24px;font-weight:600;border-radius:9px}.tag{float:right;font-size:10px;border-radius:4px;padding:3px 8px;background:#f3f5f4;color:#7c8984}.tag.live{background:#eaf5ef;color:#20835f}.cards h3{margin:24px 0 10px}.cards p{font-size:13px;color:#75827d;min-height:68px}.card-foot{display:block;margin-top:28px;font-size:12px;color:#2d6755}.editor-section{background:#f4f8f6}.editor-box{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #dce7e1;border-radius:12px;overflow:hidden}.editor-input{padding:30px;border-right:1px solid #e3ebe5}label{font-size:12px;font-weight:600;display:block;margin-bottom:10px}input,textarea{width:100%;border:1px solid #d8e3dc;border-radius:6px;padding:12px;color:#233a31;background:#fbfdfb;outline:none}input:focus,textarea:focus{border-color:#138273;box-shadow:0 0 0 3px #16877712}.label-row{display:flex;justify-content:space-between;margin-top:20px}.label-row span{font-size:11px;color:#7b8a81}textarea{height:205px;resize:vertical}.editor-actions{display:flex;gap:10px;margin-top:18px}#status{font-size:11px;color:#617d6c;margin-bottom:0}.editor-preview{padding:30px;overflow-wrap:anywhere}.preview-label{font-size:11px;color:#89978f;border-bottom:1px solid #ecf0ed;display:block;padding-bottom:16px}#preview-title{font-size:23px}#preview-body{white-space:pre-wrap;font-size:14px;line-height:2;color:#66786c}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:40px}.steps b{font-size:34px;font-weight:400;color:#9cbcac}.steps h3{font-size:17px;margin:12px 0}.steps p{font-size:13px;color:#78867e}.about{background:#eff5f1;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;border-radius:14px;padding:46px;margin-bottom:70px}.about p{font-size:13px;color:#637d6d;margin:0 0 18px}details{border-top:1px solid #dce6dd;padding:14px 0}summary{font-size:13px;cursor:pointer}details p{padding-top:12px}footer{border-top:1px solid #e5eae7;display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:26px;padding-bottom:26px;color:#849087;font-size:11px}footer .brand{font-size:14px;color:#2e473a}footer img{width:27px!important;height:27px!important}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #65bcb0;outline-offset:4px}@media(max-width:800px){header{height:72px;padding:0 20px}.brand{font-size:16px}.brand img{width:30px;height:30px}nav{display:none}.nav-button{font-size:11px;padding:7px 10px}.hero{grid-template-columns:1fr;gap:48px;padding-top:44px;padding-bottom:65px}h1{font-size:52px}.lead{font-size:15px}.preview{max-width:480px;width:95%;margin:auto}.float-note{right:-8px}.strip-inner{flex-wrap:wrap;gap:15px;font-size:11px}.strip-inner>span:first-child{width:100%}.section{padding-top:54px;padding-bottom:54px}.section-heading{display:block}h2{font-size:27px}.cards{grid-template-columns:1fr}.cards article{padding:24px}.cards p{min-height:0}.card-foot{margin-top:18px}.editor-box{grid-template-columns:1fr}.editor-input{border-right:0;border-bottom:1px solid #e3ebe5;padding:22px}.editor-preview{padding:22px}.editor-actions{flex-wrap:wrap}.steps{grid-template-columns:1fr 1fr;gap:22px}.about{grid-template-columns:1fr;margin:0 20px 40px;padding:28px;gap:14px}footer{flex-wrap:wrap;margin:0 20px;padding-left:0;padding-right:0}footer>span{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}