:root{--ink:#191a18;--paper:#fafaf7;--muted:#858681;--line:#e9e9e3;--green:#414a3a}h1,h2,h3{letter-spacing:-.035em}.topbar{height:78px;background:rgba(250,250,247,.96)}.topbar-inner{max-width:1280px;padding:0 48px;gap:50px}.official-logo{display:block;width:54px;height:54px;object-fit:contain;border-radius:12px}.logo{letter-spacing:normal}.brand-symbol{display:none}.page{max-width:1140px;padding-top:42px}.page-heading h1{font-size:34px}.page-heading{margin-bottom:30px}.page-heading p{max-width:660px}.eyebrow{display:none}.photo{background-image:none;background-color:#f1f0e9;background-size:cover;background-position:center}.photo.p0,.photo.p1,.photo.p2,.photo.p3{background-image:none;background-position:center}.avatar{background:#fff4d5;border:1px solid #eee9d9}.page-footer{padding-top:20px}.page-footer .text-btn{font-weight:400}.demo-indicator{font-size:11px;color:#93948d}.brand-kicker{display:block;color:#777b6f;font-size:13px;font-weight:500;letter-spacing:.05em;margin-bottom:22px}.brand-hero{padding-top:52px;padding-bottom:64px;grid-template-columns:.92fr 1.08fr;gap:20px;min-height:690px}.brand-hero h1{font-size:63px;line-height:1.22;letter-spacing:-.055em;font-weight:750}.hero-copy>p{font-size:15px;line-height:1.95;margin-top:24px;color:#7c7e75}.hero-copy .row{margin-top:29px}.brand-line{display:block;font-size:11px;letter-spacing:.1em;color:#8e9085;margin-top:32px}.app-stage{height:552px;position:relative;isolation:isolate;overflow:hidden;border-radius:170px 170px 28px 28px;background:#f2eedc}.stage-disc{width:560px;height:560px;border-radius:50%;position:absolute;left:8%;top:145px;background:#ffc700;z-index:-1}.stage-disc:after{content:'';position:absolute;inset:45px;border:1px solid #fff9d7;border-radius:50%}.app-device{margin:0;position:absolute;background:#fff;border:6px solid #fafafa;border-radius:32px;overflow:hidden;box-shadow:0 22px 45px #55421a20;width:224px;height:485px}.app-device img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.device-back{left:35px;top:80px;transform:rotate(-10deg)}.device-front{right:27px;top:35px;transform:rotate(7deg)}.stage-caption{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:12px;color:#695720;letter-spacing:.08em}.product-section{padding:65px 0 60px;border-top:1px solid var(--line)}.split-head{align-items:center;margin-bottom:34px}.split-head h2{font-size:34px;line-height:1.4}.split-head p{font-size:14px;line-height:1.95}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-tile{background:#f0f0e9;border-radius:18px;padding:30px}.product-tile .entry-icon{background:#fbfbf7;margin-bottom:24px}.product-tile h3{font-size:21px;margin-bottom:12px}.product-tile p{font-size:13px;color:#818378}.download-wrap{padding-top:12px;padding-bottom:8px}.download-section{grid-template-columns:1fr 190px;padding:40px 48px;gap:35px;align-items:center;border-radius:24px;margin-bottom:42px;background:#ffe064}.download-copy{display:grid;grid-template-columns:70px 1fr;column-gap:24px;align-items:center}.download-brand{width:70px;height:70px;object-fit:contain;border-radius:17px}.download-copy .download-brand{grid-row:1/3}.download-copy h2{font-size:32px}.download-copy p{margin:7px 0 0;color:#675d39}.download-copy .row{grid-column:2;margin-top:24px}.download-qr{background:#fff;padding:13px;border-radius:16px;display:grid;gap:7px;text-align:center}.download-qr img{width:140px;height:140px;justify-self:center}.download-qr span{font-size:10px;color:#85806d}.welcome{margin-bottom:30px}.welcome h1{font-size:38px}.welcome p{margin-top:12px;font-size:14px;color:#8d8e85}.home-grid{grid-template-columns:1.08fr 1fr;gap:22px}.writing-card{background:#efefe8;border:1px solid #e8e8df;border-radius:20px;overflow:hidden}.writing-visual{height:264px;background:#f3eddb;overflow:hidden;position:relative}.mini-document{position:absolute;top:34px;left:18%;width:68%;height:300px;padding:22px 27px;background:white;border-radius:8px;transform:rotate(-5deg);box-shadow:0 15px 40px #55492812}.mini-author{display:flex;align-items:center;gap:8px;color:#8e8e86;font-size:10px}.mini-author .avatar{height:21px;width:21px}.mini-document h3{font-size:25px;margin:16px 0 13px}.writing-lines{display:grid;gap:6px}.writing-lines i{height:4px;background:#eeeee9;border-radius:2px}.writing-lines i:last-child{width:66%}.document-photo{margin-top:16px;height:130px;border-radius:5px;background:url('assets/article-photo.png') center 58%/cover}.feature-content{padding:29px 31px}.feature-content h2,.feature-small h2{font-size:27px}.feature-content p,.feature-small p{color:#83867b;font-size:13px;margin:10px 0 21px}.feature-small{padding:25px 30px;border-radius:20px;background:#f0f1ea}.feature-small .entry-icon{width:37px;height:37px;background:#fff;margin-bottom:19px}.feature-small .entry-icon>.ico{width:20px;height:20px}.knowledge-card{border:1px solid #e8ebe1;background:#f3f4ed}.import-card{background:#fff2c9;border:1px solid #f1e9c9}.feature-small .row{gap:18px}.recent{margin-top:39px}.recent>.section-row h3{font-size:17px}.refined-login{max-width:1140px;min-height:calc(100vh - 152px);margin:0 auto;grid-template-columns:1fr 1fr;padding:40px 0;gap:60px;align-items:center}.login-brand-panel{position:relative;min-height:580px;overflow:hidden;padding:42px;background:#f1efe4;border-radius:25px}.login-brand-panel>img{width:66px;height:66px;border-radius:15px}.login-brand-panel h1{font-size:37px;line-height:1.4;margin:24px 0 15px}.login-brand-panel>p{font-size:13px;color:#969283}.login-brand-panel .brand-line{position:absolute;bottom:25px;z-index:2;color:#8c7d55}.login-app-preview{position:absolute;width:220px;right:50px;top:300px;transform:rotate(-12deg);border:6px solid white;border-radius:28px;overflow:hidden;box-shadow:0 15px 40px #544e3526}.login-app-preview img{width:100%;display:block}.login-brand-panel:before{content:'';position:absolute;width:410px;height:410px;bottom:-155px;left:25px;background:#ffda3c;border-radius:50%}.refined-login .login-form{width:100%;max-width:420px;margin:0 auto;padding:0 12px}.login-form>h1{font-size:30px;margin:0 0 27px}.login-tabs{gap:30px;margin-bottom:28px}.login-tabs button{font-size:15px}.qr-panel{text-align:center}.login-qr{width:220px;height:220px;padding:10px;border:1px solid #eaeae2;border-radius:15px;margin:0 auto 23px;background:white;position:relative}.login-qr>img:first-child{width:100%;height:100%}.login-qr .qr-logo{position:absolute;top:50%;left:50%;width:40px;height:40px;transform:translate(-50%,-50%);border:5px solid white;border-radius:9px}.qr-dim>img{opacity:.08}.qr-overlay{position:absolute;inset:0;display:flex;flex-direction:column;gap:13px;justify-content:center;align-items:center;background:#ffffffde;border-radius:15px}.qr-overlay strong{font-size:16px}.qr-overlay p{font-size:12px;color:#858778}.scan-success{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff2bd;color:#705900}.scan-success .ico{width:27px;height:27px}.qr-panel h3{font-size:17px;letter-spacing:0}.qr-instruction{font-size:12px;color:#86897e;margin-top:6px}.qr-instruction .ico{width:14px;height:14px;margin:0 3px}.qr-demo-note{font-size:10px;color:#999b91;text-align:center;margin:17px 0 5px}.qr-demo-actions{display:flex;gap:16px;justify-content:center;min-height:34px}.qr-demo-actions .btn{font-size:11px;color:#8b8e80}.login-bottom{text-align:center;border-top:1px solid var(--line);padding-top:22px;margin-top:20px;color:#929386;font-size:12px}.code-input{display:flex;border:1px solid var(--line);background:white;border-radius:9px}.code-input input{border:0!important;min-width:0;flex:1;background:transparent}.code-input .btn{margin-right:6px;flex-shrink:0}.phone-login .checkline{font-size:11px;margin:5px 0 21px;color:#7f8376;align-items:start}.phone-login .checkline input{margin-top:5px}.phone-login .checkline .text-btn{font-size:11px;font-weight:500}.phone-login>.btn{margin-top:14px}.auth-phone{width:300px;max-width:100%;margin:auto;text-align:center;background:#fff;padding:0 12px 15px}.auth-phone-nav{text-align:left;font-size:13px;margin-bottom:42px}.auth-phone-nav .ico{margin-right:13px;width:17px;height:17px}.auth-phone>img{width:62px;height:62px;border-radius:15px}.auth-phone h2{font-size:23px;margin:22px 0 12px}.auth-phone>p{color:#8e9382;font-size:12px}.auth-profile{display:flex;justify-content:center;gap:10px;align-items:center;margin:28px 0 20px;font-size:14px}.auth-device{padding:15px 0;font-size:11px;color:#9b9e92;margin-bottom:24px}.auth-device .ico{margin-right:7px;width:16px;height:16px}.auth-phone>.btn{margin-top:9px}.download-dialog{text-align:center;padding:10px 0}.download-dialog .download-brand{width:64px;height:64px}.download-dialog h3{margin:18px 0}.download-code{display:block;width:180px;height:180px;margin:0 auto 15px}.download-dialog p{font-size:13px;color:#858779;margin-bottom:23px}.knowledge-banner{grid-template-columns:1fr;max-width:750px;margin-bottom:24px}.knowledge-banner h1{font-size:34px}.knowledge-banner p{margin-top:12px}.knowledge-banner .banner-art{display:none}.knowledge-banner .search{margin-top:22px}.type-option small{display:none}.type-option{min-height:130px}.ut-intro{background:#f0f1e8;border-radius:21px;padding:30px}.ut-intro .photo{display:none}.ut-intro h2{font-size:26px}.ut-intro .eyebrow{display:none}.ut-intro p{font-size:13px;color:#858a77}.step-body .form-intro{margin-bottom:25px}.form-intro h2{font-size:23px}.form-intro p{font-size:12px;margin-top:8px}.recipient{border-radius:12px;background:#f4f5ee}.notice{font-size:12px;line-height:1.85}.dropzone{padding:36px 20px}.dropzone h3{font-size:20px}.upload-box .thumb{background:#fff8de;border:1px solid #e9e6d8}.article-list-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.article-list-tools .tabs{margin:0;border:0}.article-list-tools .search{margin-bottom:12px;width:230px;padding:9px 13px}.article-thumb{width:110px;height:78px;border-radius:9px;background:#f3f0e6;overflow:hidden;display:grid;place-items:center;flex-shrink:0}.article-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.article-row{padding:22px 0}.article-row h3{font-size:18px}.article-edit-page{padding-top:27px;max-width:1180px}.editor-top{margin-bottom:22px}.editor-top .save-label{color:#97998f}.revision-notice{margin-bottom:18px}.live-editor{grid-template-columns:minmax(0,1fr) 350px;gap:36px;align-items:start}.writing-paper{border:1px solid #e7e8df;border-radius:15px;box-shadow:none;overflow:visible}.cover-control{display:flex;align-items:center;gap:14px;margin:23px 30px 0;padding-bottom:23px;border-bottom:1px dashed #e9e9e0}.cover-thumbnail{width:78px;height:49px;border:1px solid #eeeede;border-radius:6px;background:#f7f6f0;overflow:hidden;display:grid;place-items:center;color:#9a9e90}.cover-thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center 61%}.cover-control strong{font-size:12px;font-weight:500}.cover-control p{font-size:10px;color:#9d9f92;margin-top:2px}.article-heading-input{padding:27px 31px 23px}.article-heading-input .title-input{font-size:25px;line-height:1.5;font-weight:650;margin:0;border:0;width:100%;padding:0;background:transparent;letter-spacing:-.04em}.article-toolbar{top:78px;background:#fbfbf8;border-top:1px solid #eeeee6;border-bottom:1px solid #eeeee6;padding:9px 24px;gap:4px;z-index:10}.article-toolbar button{width:31px;height:32px;min-width:31px;border-radius:5px;padding:4px;font-size:17px;display:grid;place-items:center}.article-toolbar button:hover{background:#eceee4}.article-toolbar .divider{height:18px;margin:0 7px}.format-select select{border:0;background:transparent;font-size:12px;max-width:104px;padding:5px 3px;color:#62665a;outline-offset:0}.article-writing-area{padding:29px 32px}.article-writing-area .editable{font-size:15px;line-height:1.9;min-height:460px;padding:0;color:#41453b;overflow-wrap:anywhere}.article-writing-area p{font-size:inherit;line-height:inherit;margin:0 0 16px}.article-writing-area h1{font-size:24px;line-height:1.5;margin:26px 0 12px}.article-writing-area h2{font-size:19px;line-height:1.5;margin:24px 0 10px}.article-writing-area blockquote,.reading-body blockquote{margin:18px 0;padding:10px 15px;background:#f7f7f2;border-left:3px solid #ffc700;color:#7e8276}.article-writing-area ul,.article-writing-area ol{padding-left:25px}.article-writing-area img{max-width:100%;height:auto;border-radius:7px;margin:12px 0;display:block}.writing-paper .editor-bottom{padding:15px 31px;border-top:1px solid #f1f1e9;color:#a0a391;font-size:10px;border-radius:0 0 15px 15px}.live-preview{position:sticky;top:105px}.preview-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#8f9385;padding:0 2px 13px}.preview-heading>span{display:flex;align-items:center;gap:7px}.preview-heading .ico{width:16px;height:16px}.preview-heading .text-btn{font-weight:400;font-size:10px}.reading-phone{width:350px;height:670px;background:white;border:1px solid #e4e6dc;border-radius:23px;box-shadow:0 10px 30px #282d2007;display:flex;flex-direction:column;overflow:hidden;contain:layout}.reading-nav{height:53px;min-height:53px;padding:0 17px;display:flex;gap:25px;align-items:center;border-bottom:1px solid #f1f1ec;font-size:13px;color:#9a9b94}.reading-nav>span:first-child{margin-right:auto;color:#141414}.reading-nav>.ico:last-child{margin-left:auto;color:#141414}.reading-nav .ico{width:18px;height:18px}.reading-nav strong{align-self:stretch;display:flex;align-items:center;position:relative;color:#141414;font-weight:600}.reading-nav strong:after{content:'';height:3px;width:18px;position:absolute;background:#ffc700;bottom:8px;left:50%;transform:translateX(-50%)}.phone-reading-scroll{overflow:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#eceee5 transparent;overscroll-behavior:contain}.reading-author{padding:15px 13px;display:flex;align-items:center;gap:8px;font-size:11px}.reading-author>.avatar{width:31px;height:31px}.reading-author>div strong{display:block;font-size:12px;font-weight:550}.reading-author>div span{display:block;color:#a5a69e;font-size:9px;margin-top:3px}.reading-follow{margin-left:auto;background:#ffc700;color:#171717;border-radius:4px;padding:5px 10px;font-size:11px}.reading-cover{display:block;width:100%;height:174px;object-fit:cover;object-position:center 60%}.reading-copy{padding:20px 13px 28px;color:#141414}.reading-copy>h1{font-size:17px;line-height:1.5;font-weight:650;letter-spacing:0;margin:0 0 18px;overflow-wrap:anywhere}.reading-body{font-size:13px;line-height:1.65;overflow-wrap:anywhere}.reading-body p{font-size:inherit;line-height:inherit;margin:0 0 12px}.reading-body h1{font-size:19px;line-height:1.5;margin:22px 0 8px;letter-spacing:0}.reading-body h2{font-size:16px;line-height:1.5;margin:20px 0 8px;letter-spacing:0}.reading-body ul,.reading-body ol{padding-left:20px;margin:12px 0}.reading-body img{width:auto;max-width:100%;height:auto;display:block;margin:12px auto}.reading-bottom{height:50px;min-height:50px;display:flex;align-items:center;gap:14px;padding:9px 13px;border-top:1px solid #f2f2ed;color:#a4a59e}.reading-bottom>span{background:#f6f6f5;border-radius:30px;flex:1;font-size:10px;padding:7px 12px;white-space:nowrap}.reading-bottom>.ico{width:20px;height:20px}.expanded-phone{width:375px;max-width:100%;height:680px;margin:auto;border-radius:20px}.expanded-phone .reading-cover{height:200px}.expanded-phone .reading-body{font-size:14px;line-height:1.6}.cover-sample{display:flex;align-items:center;gap:15px;font-size:12px;color:#8d917f;margin-top:20px}.cover-sample-image{width:120px;height:78px;border-radius:8px;padding:0;overflow:hidden}.cover-sample-image img{width:100%;height:100%;object-fit:cover;object-position:center 60%}.mobile-editor-tabs{display:none}.profile-visual{background:#f1f2eb;border-radius:18px}.profile-visual .avatar{width:88px;height:88px}.profile-visual .avatar img{object-fit:contain}.modal-head h2{font-size:23px}.success h1{font-size:32px}
@media(min-width:1500px){.brand-hero{padding-top:70px;padding-bottom:70px}.app-stage{height:585px}.app-device{width:244px;height:527px}.device-back{left:25px;top:70px}.device-front{right:22px;top:35px}.stage-caption{bottom:18px}}
@media(max-width:1240px){.brand-hero h1{font-size:55px}.app-stage{height:535px}.app-device{width:210px;height:455px}.device-back{left:24px;top:80px}.device-front{right:20px;top:40px}.live-editor{grid-template-columns:minmax(0,1fr) 325px;gap:25px}.reading-phone{width:325px}.expanded-phone{width:375px}.article-toolbar{padding:9px 15px}.article-writing-area{padding:27px}.cover-control{margin:23px 27px 0}.article-heading-input{padding:27px}.refined-login{margin:0 38px;gap:40px}.download-copy h2{font-size:28px}}
@media(max-width:960px){.topbar-inner{padding:0 26px;gap:35px}.brand-hero{gap:20px;padding:35px 30px 50px;min-height:580px}.brand-hero h1{font-size:45px}.app-stage{height:470px}.app-device{width:175px;height:379px;border-width:5px;border-radius:24px}.device-back{left:13px;top:78px}.device-front{right:14px;top:50px}.hero-copy>p{font-size:13px}.hero-copy .btn{font-size:12px;padding:10px 15px}.brand-kicker{font-size:11px}.stage-caption{font-size:10px}.product-grid{gap:12px}.product-tile{padding:23px}.product-tile h3{font-size:19px}.download-section{grid-template-columns:1fr 160px;padding:32px}.download-copy{grid-template-columns:54px 1fr;gap:17px}.download-copy .download-brand{width:54px;height:54px}.download-copy h2{font-size:24px}.download-copy .row{grid-column:1/-1}.refined-login{gap:25px;margin:0 26px}.login-brand-panel{padding:32px;min-height:560px}.login-brand-panel h1{font-size:30px}.login-app-preview{right:30px;width:190px}.login-brand-panel>p{font-size:11px}.login-form>h1{font-size:27px}.login-tabs{gap:21px}.login-tabs button{font-size:13px}.live-editor{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.reading-phone{width:300px;height:620px}.expanded-phone{width:375px;height:680px}.reading-nav{gap:19px}.reading-cover{height:160px}.reading-body{font-size:12px}.article-heading-input,.article-writing-area{padding:22px}.cover-control{margin:20px 22px 0}.article-heading-input .title-input{font-size:22px}.article-toolbar{flex-wrap:wrap;padding:9px 12px}.article-toolbar .grow{display:none}.article-toolbar .divider{margin:0 4px}.reading-copy{padding:18px 12px 25px}.reading-copy>h1{font-size:16px}.reading-bottom{gap:10px;padding:9px 10px}.reading-bottom .ico{width:17px;height:17px}.writing-visual{height:220px}.feature-content,.feature-small{padding:24px}.feature-content h2,.feature-small h2{font-size:24px}.feature-small .row{gap:12px}.feature-small .text-btn{font-size:11px}.mini-document{left:13%;width:75%;padding:20px}.download-qr img{width:125px;height:125px}}
@media(max-width:760px){.topbar{height:70px}.topbar-inner{padding:0 20px;gap:22px}.official-logo{width:45px;height:45px;border-radius:9px}.nav{gap:19px}.nav a{font-size:12px}.avatar-name{display:none}.topright .btn{font-size:12px;min-height:36px;padding:7px 12px}.brand-hero{grid-template-columns:1fr;gap:30px;padding:35px 24px 35px}.brand-hero h1{font-size:50px;line-height:1.18}.brand-hero h1 br:nth-of-type(1){display:none}.hero-copy>p{font-size:14px}.brand-kicker{font-size:11px;margin-bottom:20px}.brand-line{margin-top:23px;font-size:10px}.app-stage{height:440px;width:100%;max-width:500px;margin:auto;border-radius:110px 110px 23px 23px}.app-device{width:190px;height:413px}.device-back{left:13%;top:65px}.device-front{right:10%;top:25px}.stage-caption{display:none}.stage-disc{left:10%;top:110px}.product-section{padding:39px 0}.split-head h2{font-size:28px}.split-head p{font-size:12px}.product-grid{grid-template-columns:1fr}.product-tile{display:grid;grid-template-columns:40px 1fr;column-gap:17px;padding:23px}.product-tile .entry-icon{grid-row:1/3;margin:0;width:38px;height:38px}.product-tile h3{font-size:19px;margin-bottom:7px}.product-tile p{font-size:12px}.product-tile p br{display:none}.download-wrap{padding-bottom:0}.download-section{grid-template-columns:1fr;padding:25px;gap:20px}.download-copy{grid-template-columns:48px 1fr;gap:15px}.download-copy .download-brand{height:48px;width:48px}.download-copy h2{font-size:22px}.download-copy p{font-size:12px}.download-copy .row{margin-top:10px;gap:15px}.download-copy .text-btn{font-size:11px}.download-qr{display:none}.welcome h1{font-size:30px}.home-grid{grid-template-columns:1fr}.writing-visual{height:220px}.mini-document{left:19%;width:65%}.feature-content{padding:24px}.feature-content h2,.feature-small h2{font-size:25px}.feature-small{padding:24px}.feature-small .entry-icon{margin-bottom:17px}.feature-small .row{gap:18px}.refined-login{display:block;min-height:calc(100vh - 150px);margin:0;padding:35px 23px}.login-brand-panel{display:none}.refined-login .login-form{max-width:400px;padding:8px}.login-form>h1{font-size:28px}.login-tabs button{font-size:14px}.login-qr{width:216px;height:216px}.login-bottom{margin-top:16px}.article-edit-page{padding-top:22px}.live-editor{grid-template-columns:1fr}.live-preview{display:none;position:static;margin:8px auto 0;width:100%;max-width:375px}.live-editor.show-preview .writing-paper{display:none}.live-editor.show-preview .live-preview{display:block}.reading-phone{width:100%;height:650px}.expanded-phone{width:100%;height:650px}.reading-body{font-size:13px}.reading-cover{height:185px}.mobile-editor-tabs{display:flex;border-bottom:1px solid var(--line);gap:27px;margin-bottom:20px;padding:0 2px}.mobile-editor-tabs button{padding:8px 0 10px;font-size:13px;color:#999c8e}.mobile-editor-tabs button.active{color:#21251b;border-bottom:3px solid #ffc700}.article-toolbar{top:70px;gap:5px;padding:9px 13px;flex-wrap:wrap}.article-toolbar button{width:29px;min-width:29px;height:30px}.article-toolbar .divider{margin:0 2px}.article-toolbar .grow{display:none}.format-select select{font-size:11px;max-width:89px}.cover-control{margin:19px 20px 0;gap:12px;padding-bottom:17px}.cover-thumbnail{width:63px;height:44px}.cover-control .btn{padding:6px 7px;font-size:11px}.article-heading-input{padding:24px 20px 21px}.article-heading-input .title-input{font-size:22px}.article-writing-area{padding:24px 21px}.article-writing-area .editable{min-height:400px;font-size:14px}.writing-paper .editor-bottom{padding:15px 20px;font-size:9px}.article-list-tools{flex-wrap:wrap;gap:9px}.article-list-tools .tabs{width:100%;gap:27px;order:2}.article-list-tools .search{width:100%;margin:0 0 2px}.article-thumb{width:78px;height:61px}.article-row h3{font-size:15px}.article-row{padding:19px 0}.page-heading h1{font-size:29px}.knowledge-banner h1{font-size:29px}.knowledge-banner{margin-bottom:22px}.knowledge-banner p{font-size:12px!important}.search.big{padding:13px 15px}.notice{font-size:11px}.page-footer{font-size:10px;gap:9px}.page-footer .text-btn,.demo-indicator{font-size:10px}.page-footer .row{gap:14px}.topbar .download-link{display:none}.avatar-button>.ico{display:none}.row-actions{gap:6px}.source-panel .aside-card{padding:18px}.type-option{min-height:110px}}
@media(max-width:390px){.topbar-inner{padding:0 16px;gap:18px}.nav{gap:15px}.nav a{font-size:11px}.brand-hero h1{font-size:45px}.app-stage{height:400px}.app-device{width:173px;height:375px}.device-back{left:8%;top:50px}.device-front{right:6%;top:24px}.article-toolbar{padding:8px;gap:2px}.article-toolbar .divider{margin:0 2px}.article-toolbar button{width:27px;min-width:27px}.format-select select{max-width:82px}.cover-control .grow p{font-size:9px}.reading-bottom{gap:10px}.welcome h1{font-size:28px}.editor-top .save-label{font-size:9px}.page-footer>span{letter-spacing:0}}

.ut-layout{display:block;max-width:880px;margin:auto}.cover-thumbnail img{object-position:center 76%}.app-device img{height:calc(100% + 22px);transform:translateY(-18px)}.login-app-preview img{margin-top:-19px}

/* v09 home: a concise entry to the existing web tools. */
.web-intro{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:27px 30px;border:1px solid var(--line);border-radius:18px;background:#fff}
.web-intro h3{font-size:21px;line-height:1.5;margin:0 0 7px}
.web-intro p{font-size:13px;line-height:1.9;color:#73766b;margin:0}
.web-intro .btn{flex-shrink:0}
@media(max-width:760px){.web-intro{align-items:flex-start;flex-direction:column;gap:18px;padding:23px;margin-top:16px}.web-intro h3{font-size:19px}.web-intro p{font-size:12px}}

/* v09: keep the four App capabilities distinct. */
.product-section .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.product-section .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.product-section .product-grid{grid-template-columns:minmax(0,1fr)}}

.download-wrap .download-section{grid-template-columns:1fr}

.download-wrap .download-copy{grid-template-columns:70px 1fr auto}
.download-wrap .download-copy .row{grid-column:3;grid-row:1/3;margin:0}
@media(max-width:760px){.download-wrap .download-copy{grid-template-columns:48px 1fr}.download-wrap .download-copy .row{grid-column:1/-1;grid-row:auto;margin-top:10px}}