:root{font-family:Inter,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#24352b;background:#fafbf8;font-synthesis:none;--green: #216447;--ink: #213a2e;--muted: #7b887e;--border: #e4e9df;--accent: #216447}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}input,textarea,select{min-width:0;width:100%;padding:11px 13px;border:1px solid #dce3d8;background:#fff;border-radius:8px;outline:none;color:#293c30}input:focus,textarea:focus,select:focus{border-color:#619578;box-shadow:0 0 0 3px #21644710}textarea{resize:vertical;line-height:1.8}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}input[type=color]{height:44px;padding:4px}label{font-size:13px;font-weight:550;display:flex;flex-direction:column;gap:9px;margin-bottom:19px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{font-weight:650;letter-spacing:-.025em;line-height:1.5}h1{font-size:34px;margin-bottom:12px}h2{font-size:27px;margin-bottom:12px}h3{font-size:18px;margin-bottom:10px}h4{font-size:15px;margin-bottom:7px}p{font-size:14px;line-height:1.9}small{font-size:11px}svg{flex-shrink:0;vertical-align:middle}button:focus-visible,a:focus-visible{outline:3px solid #a4c6ac;outline-offset:3px}::selection{background:#d4e8c8}.muted{color:var(--muted)}.green{color:var(--green)}.center{text-align:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;display:flex;gap:8px;align-items:center;margin-bottom:17px}.eyebrow>span{width:6px;height:6px;background:#618b57;border-radius:50%}.button{border:1px solid #dce4d8;background:#fff;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;line-height:1.4;font-size:13px;font-weight:550;white-space:nowrap;transition:background .18s,transform .18s}.button:hover:not(:disabled){background:#edf3e8}.button.dark{color:#fff;background:#254e39;border-color:#254e39}.button.dark:hover:not(:disabled){background:#173d29}.button.light{background:#fffef6;border-color:transparent}.button.small{padding:8px 12px;font-size:12px}.button.large{padding:15px 23px;font-size:14px}.button.full{width:100%}.text-link{background:none;border:0;display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:13px;padding:0;line-height:1.7}.text-link:hover{text-decoration:underline}.icon-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;padding:8px;border-radius:7px}.icon-button:hover{background:#edf2e8}.caption{font-size:11px;color:var(--muted);line-height:1.9;margin-top:12px}.badge{display:inline-flex;align-items:center;background:#eaf1e5;color:#48784f;font-size:11px;border:1px solid #dde8d6;border-radius:5px;padding:5px 9px;white-space:nowrap}.site-header{height:83px;border-bottom:1px solid var(--border);background:#fafbf8f5;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.header-inner{max-width:1280px;margin:auto;padding:0 40px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:650;letter-spacing:-.5px;white-space:nowrap}.brand-mark{display:block;width:42px;height:42px;flex:0 0 auto;border-radius:12px;filter:drop-shadow(0 5px 9px rgb(25 140 136 / 16%))}.brand-sub{font-size:12px;font-weight:500;letter-spacing:.5px;margin-left:12px;color:#637368}.site-header nav{display:flex;gap:32px;font-size:13px;color:#647267;align-self:stretch}.site-header nav>a{position:relative;display:flex;align-items:center;gap:5px}.site-header nav>a.selected,.site-header nav>a.router-link-exact-active{color:#264e36;font-weight:600}.site-header nav>a.selected:after,.site-header nav>a.router-link-exact-active:after{content:"";position:absolute;bottom:20px;width:14px;height:2px;left:calc(50% - 7px);background:#547e50;border-radius:2px}.nav-dot{width:4px;height:4px;border-radius:50%;background:#84a45f;margin-bottom:13px}.header-actions{display:flex;align-items:center;gap:16px}.credit-pill{display:flex;align-items:center;gap:6px;font-size:12px;color:#658158}.mobile-menu{display:none}.hero{max-width:1200px;margin:auto;min-height:526px;padding:70px 0 52px;display:grid;grid-template-columns:1.1fr 1fr;gap:15px;align-items:center}.hero .eyebrow{font-size:12px;letter-spacing:.8px}.hero h1{font-size:51px;line-height:1.45;font-weight:650;letter-spacing:-1.6px;position:relative;margin:19px 0 23px}.handwritten{font-weight:600}.underline{width:235px;height:15px;display:block;position:absolute;bottom:-2px;left:206px}.hero-copy>p{font-size:15px;color:#758176;line-height:1.9;letter-spacing:.4px}.hero-buttons{display:flex;gap:28px;align-items:center;margin:28px 0}.hero-benefits{display:flex;gap:24px;font-size:11px;color:#889184}.hero-benefits>span{display:flex;gap:5px;align-items:center}.hero-benefits svg{color:#6e9565}.hero-visual{position:relative;height:386px;isolation:isolate}.visual-orbit{position:absolute;width:400px;height:330px;border-radius:50%;background:radial-gradient(ellipse,#e7eed8a6,transparent 72%);left:70px;top:20px;z-index:-1}.hero-note{position:absolute;right:25px;top:10px;transform:rotate(5deg);border:1px solid #d8e2cd;background:#f4f7ec;padding:10px 14px;border-radius:5px;font-size:11px;display:flex;gap:8px;align-items:center}.hero-paper{position:absolute!important;box-shadow:0 12px 26px #4a573f13;border:7px solid #fff;background:#fff!important;border-radius:4px!important}.hero-paper.back{width:245px;height:287px;left:35px;top:32px;transform:rotate(-11deg)}.hero-paper.back .mini-sheet{transform:scale(1.18);box-shadow:none}.hero-paper.front{width:257px;height:308px;right:32px;top:53px;transform:rotate(9deg)}.hero-paper.front .mini-poster{transform:scale(1.35);box-shadow:none}.floating-card{position:absolute;bottom:8px;left:38px;background:#fff;border:1px solid #e0e7d9;border-radius:10px;padding:15px 21px;box-shadow:0 8px 26px #3b543917;display:flex;align-items:center;gap:13px;transform:rotate(-3deg);z-index:4}.floating-icon{font-size:28px;color:#608348}.floating-card strong{font-size:12px;display:block;margin-bottom:5px}.floating-card small{font-size:10px;color:#8b9488}.decor-plus{font-size:38px;position:absolute;color:#7d9f5b;top:6px;left:0}.visual-label{position:absolute;right:0;bottom:-14px;font-size:8px;color:#9aa48e;letter-spacing:2px}.value-strip{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:24px 0}.value-strip>div{border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:16px}.value-strip>div:last-child{border:0}.value-strip strong{font-size:22px;font-weight:600}.value-strip span{font-size:11px;color:#7d897b}.section{max-width:1200px;margin:65px auto 58px;scroll-margin-top:108px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:23px}.section-top h2{display:flex;align-items:center;gap:13px}.section-top .eyebrow{font-size:9px;color:#919b89;margin-bottom:10px}.section-top p{margin-bottom:0;font-size:13px}.count{font-size:11px;padding:3px 7px;border:1px solid #dce5d5;color:#799366;border-radius:5px;letter-spacing:0}.search{margin:0;flex-direction:row;gap:10px;border:1px solid #dfe6d9;border-radius:8px;background:#fff;padding:11px 13px;align-items:center;min-width:294px;color:#9aa58e}.search input{padding:0;border:0;font-size:12px;background:none;box-shadow:none}.search kbd{font:11px inherit;border:1px solid #e3e7df;border-radius:3px;padding:1px 5px;color:#a0a994}.filter-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:19px;margin-bottom:26px;gap:15px}.tabs{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tabs>button,.tabs>a{background:transparent;border:0;border-radius:7px;padding:10px 17px;color:#758173;font-size:12px;display:flex;gap:6px;align-items:center}.tabs>.active,.tabs>button:hover,.tabs>a:hover{background:#e8efdf;color:#3b6039;font-weight:600}.filter-hint{display:flex;align-items:center;gap:6px;color:#9aa28f;font-size:11px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.tool-card{border:1px solid #e1e7da;background:#fff;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #45573b10}.art-wrap{height:205px;margin:7px 7px 0;border-radius:7px;overflow:hidden;position:relative;background:#f1f4e9}.art-wrap>.tool-art{height:100%}.art-tag{position:absolute;top:13px;left:13px;font-size:9px;background:#ffffffb8;color:#6d7a60;border:1px solid #ffffffaa;border-radius:4px;padding:4px 7px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tool-card-body{padding:21px 22px 16px}.tool-card-body>div:first-child{display:flex;justify-content:space-between;align-items:center}.tool-card-body h3{font-size:17px;margin:0}.tool-card-body>div:first-child>svg{color:#899680}.tool-card-body p{font-size:11px;color:#84907e;margin:10px 0 21px;min-height:20px;line-height:1.8}.tool-card-bottom{border-top:1px solid #eff2e9;padding-top:14px;display:flex;justify-content:space-between;font-size:10px;color:#7b8970}.tool-card-bottom>span:last-child{display:flex;align-items:center;gap:6px;color:#567449}.tool-art{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.tool-art.handcopy{background:#eff3e3}.tool-art.worksheet{background:#eff2ed}.tool-art.xiaohongshu{background:#f7ebe5}.tool-art.article{background:#f0eee7}.tool-art.presentation{background:#e9eef3}.tool-art.knowledge-card{background:#f2eedf}.mini-poster{width:155px;height:181px;background:#fffcee;border:1px solid #e7e7cc;transform:rotate(-7deg);position:relative;box-shadow:4px 8px #d2dec961;padding:30px 16px 10px;overflow:hidden}.poster-title{font-family:STKaiti,Kaiti SC,serif;position:relative;font-size:19px;font-weight:600;text-align:center;display:block;line-height:1.5;z-index:2;color:#6a823d;letter-spacing:1px}.sun{position:absolute;top:5px;right:11px;color:#d7ac49;font-size:24px}.poster-leaf{position:absolute;left:4px;top:8px;font-size:38px;color:#9eaf6a;transform:rotate(28deg)}.poster-flower{position:absolute;right:3px;bottom:4px;color:#cd996f;font-size:43px}.poster-lines{height:48px;width:103px;margin:8px auto 0;border:1px dashed #c5ceac;border-radius:40% 20% 20% 30%;background:repeating-linear-gradient(transparent 0,transparent 8px,#bfc9a270 8px,#bfc9a270 9px)}.mini-sheet{width:207px;height:158px;padding:18px 15px;background:#fffef8;border:1px solid #e0e3d8;transform:rotate(6deg);box-shadow:6px 8px #d9dfd581}.mini-sheet>small{display:block;font-size:7px;letter-spacing:2px;text-align:center;color:#979b82;margin-bottom:23px}.sheet-grid{display:grid;grid-template-columns:repeat(3,1fr)}.sheet-grid>span{position:relative;border:1px solid #cbd4c8;background:linear-gradient(transparent 49%,#dde3d8 50%,transparent 51%),linear-gradient(90deg,transparent 49%,#dde3d8 50%,transparent 51%);font-family:Kaiti SC,serif;font-size:34px;line-height:40px;text-align:center;color:#50614b}.sheet-grid>span.trace{color:#bac1b3}.sheet-grid i{position:absolute;top:-14px;left:0;right:0;font:7px sans-serif;color:#99a18d}.sheet-grid>span:nth-child(n+4){margin-top:16px}.mini-social{width:155px;height:182px;background:#eadac6;padding:15px 17px;position:relative;transform:rotate(-5deg);box-shadow:7px 5px #fef7ef;border:1px solid #decfbf;overflow:hidden}.mini-social>span{font-size:7px;letter-spacing:1px;color:#8d705d}.mini-social>strong{font-size:26px;font-family:serif;line-height:1.5;display:block;margin-top:12px;position:relative;z-index:1;color:#695642}.social-circle{width:118px;height:118px;position:absolute;right:-37px;bottom:-8px;border-radius:50%;background:#b7b595;box-shadow:inset 0 0 0 18px #ccbea0}.mini-social>small{position:absolute;bottom:13px;font-size:6px;color:#826b52}.mini-article{width:150px;height:180px;background:#fffefa;border:1px solid #e6e3d8;padding:18px 15px;transform:rotate(-6deg);box-shadow:7px 7px #dcded1}.mini-article>small{font-size:6px;letter-spacing:1.5px;color:#7a8471;display:block;border-bottom:1px solid #dfe3d4;padding-bottom:10px}.mini-article strong{font:600 16px/1.6 serif;display:block;margin:9px 0;color:#3f5640}.mini-article>div{height:3px;width:24px;background:#82965d}.mini-article p{font-size:5px;line-height:2;margin:7px 0;color:#819076}.mini-article i{height:3px;background:#e3e7dc;display:block;margin:5px 0}.mini-slides{width:238px;height:145px;background:#fcfbf5;transform:rotate(-6deg);padding:19px 24px;box-shadow:7px 7px #cfd9df;position:relative;border:1px solid #dde3e4}.mini-slides>small{font-size:6px;letter-spacing:1px;color:#70908d}.mini-slides>strong{font-size:25px;line-height:1.4;color:#3d625f;display:block;margin-top:10px}.mini-slides>span{font-size:7px;color:#899992;position:absolute;bottom:10px;right:13px}.slide-chart{position:absolute;right:25px;bottom:27px;display:flex;align-items:end;gap:7px}.slide-chart i{height:30px;width:20px;background:#c7d7cf}.slide-chart i:nth-child(2){height:48px;background:#93b8ad}.slide-chart i:nth-child(3){height:70px;background:#5d9180}.mini-card{width:176px;height:177px;background:#fbf8eb;transform:rotate(5deg);padding:16px 17px;box-shadow:-7px 7px #e0dac2;border:1px solid #e2ddc9;position:relative;overflow:hidden}.mini-card>small{font-size:7px;color:#959571;letter-spacing:1px}.mini-card>strong{display:block;font-size:18px;line-height:1.6;margin-top:16px;color:#5a684a;font-family:serif;position:relative;z-index:2}.orbit{position:absolute;width:78px;height:78px;border:1px solid #a5b090;border-radius:50%;right:3px;bottom:1px;display:flex;align-items:center;justify-content:center;color:#9ba775;font-size:60px;transform:rotate(30deg)}.mini-card>span{position:absolute;bottom:14px;font-size:5px;color:#86896c;z-index:2}.subheading{display:flex;justify-content:space-between;align-items:center;margin:41px 0 19px}.subheading h3{font-size:18px;margin:0}.subheading>span{font-size:11px}.utility-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.utility-card{border:1px solid var(--border);border-radius:9px;background:#fff;padding:18px 16px;display:flex;gap:13px;align-items:center;min-width:0;transition:background .2s}.utility-card:hover{background:#f0f5e9}.utility-symbol{width:36px;height:37px;flex-shrink:0;border-radius:8px;background:#edf2e6;color:#79906b;display:flex;align-items:center;justify-content:center;font-size:22px}.utility-card>div{min-width:0;flex:1}.utility-card h4{font-size:12px;margin:0 0 6px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.utility-card h4>em{font-size:8px;font-style:normal;color:#8a9c77;font-weight:400}.utility-card p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:10px;color:#929c89;margin:0}.utility-card>svg{color:#8d9c80}.news-banner{max-width:1200px;margin:0 auto 65px;border:1px solid #dbe4d3;background:#edf3e6;border-radius:12px;padding:38px 44px;display:flex;align-items:center;justify-content:space-between;gap:24px}.news-banner .eyebrow{font-size:9px;color:#889c74;margin-bottom:9px}.news-banner h2{font-size:26px;margin:0 0 10px}.news-banner p{font-size:12px;color:#7e9270;margin:0}.site-footer{max-width:1200px;margin:auto;border-top:1px solid var(--border);padding:32px 0 35px;display:flex;justify-content:space-between;align-items:center;gap:25px}.site-footer .brand{font-size:15px;gap:8px}.site-footer p{font-size:10px;color:#939d8a;margin:8px 0 0}.footer-links{display:flex;gap:23px;font-size:11px;color:#859078}.site-footer>.muted{font-size:10px}.page-shell,.workspace-shell,.admin-shell{max-width:1200px;margin:43px auto 65px;min-height:55vh}.back-link{font-size:12px;color:#7c8b75;display:inline-flex;align-items:center;gap:7px;margin-bottom:24px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.workspace-heading .eyebrow{margin-bottom:10px;color:#849b76}.workspace-heading h1{font-size:30px;margin-bottom:7px}.workspace-heading p{margin-bottom:0}.notice{background:#f1f5e9;border:1px solid #dee7d3;border-radius:8px;font-size:12px;line-height:1.9;padding:14px 17px;margin:18px 0;color:#6d7d5c;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.notice a{text-decoration:underline}.workbench{display:grid;grid-template-columns:327px minmax(0,1fr);gap:22px;margin-top:24px}.editor-panel{background:#fff;border:1px solid var(--border);border-radius:11px;padding:22px;align-self:start}.segmented{display:flex;background:#eff3e9;padding:4px;border-radius:8px;margin-bottom:25px}.segmented>button{flex:1;border:0;background:transparent;border-radius:6px;padding:9px 4px;font-size:12px;display:flex;justify-content:center;gap:6px;align-items:center;color:#7b8b70}.segmented>button.active{background:#fff;color:#3c653e;box-shadow:0 2px 4px #3e523509}.field-row{display:flex;gap:12px;align-items:center;margin:12px 0}.field-row>label{flex:1;min-width:0;margin-bottom:0}.field-row>button{flex:1}.field-row>input,.field-row>select{flex:1;min-width:0}.check{flex-direction:row;align-items:center;font-weight:400;line-height:1.7}.theme-swatches{display:flex;gap:9px;flex-wrap:wrap}.theme-swatches>button{width:29px;height:29px;border:3px solid #fff;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;outline:1px solid #dee5d6}.theme-swatches>.selected{outline:2px solid #91a978}.editor-divider{border-top:1px solid var(--border);margin:23px 0}.upload-label{position:relative;background:#f6f8f2;border:1px dashed #cedac3;padding:11px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:row;border-radius:6px;font-weight:400;font-size:11px;color:#7a8d68;overflow:hidden;cursor:pointer;margin-top:13px}.upload-label input,.file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%}.preview-panel{min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;min-height:38px}.preview-toolbar>span{font-size:12px}.preview-toolbar small{margin-left:8px;font-size:10px}.preview-toolbar>div{display:flex;gap:7px}.preview-stage{min-height:520px;background:#ecefe7;background-image:radial-gradient(#cdd6c2 1px,transparent 1px);background-size:15px 15px;border:1px solid #e0e6d8;border-radius:10px;padding:36px;display:flex;justify-content:center;align-items:flex-start;overflow:hidden}.page-preview{aspect-ratio:3/4;width:100%;max-width:435px;position:relative;box-shadow:0 7px 24px #374d3218;padding:11% 10%;overflow:hidden;container-type:inline-size}.page-preview.landscape{aspect-ratio:16/9;max-width:760px;padding:7% 8%}.page-preview.square{aspect-ratio:1/1}.page-preview>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.page-content{position:relative;z-index:1}.page-content.overlay{background:#fffef7e8;border-radius:5px;padding:18px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.page-content>small{font-size:9px;letter-spacing:1.6px;opacity:.6}.page-content>h2{font-family:STSong,Songti SC,serif;font-size:clamp(18px,9cqw,37px);line-height:1.55;margin:24px 0 22px;white-space:pre-wrap;word-break:break-word}.page-content>p{font-size:clamp(11px,3.5cqw,15px);line-height:2;white-space:pre-wrap;word-break:break-word}.page-preview>footer{position:absolute;bottom:5%;left:10%;right:10%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;opacity:.65}.page-preview.landscape .page-content>h2{margin:13px 0 15px;font-size:clamp(18px,6cqw,35px)}.page-preview.landscape .page-content>p{font-size:clamp(10px,2.8cqw,14px)}.page-thumbnails{display:flex;overflow-x:auto;gap:9px;margin:16px 0;padding-bottom:7px}.page-thumbnails>button{background:#fff;border:1px solid #dce4d6;border-radius:6px;padding:10px 13px;font-size:11px;min-width:125px;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;color:#7b8b70;flex-shrink:0}.page-thumbnails>button.active{border-color:#6c9260;background:#edf4e7;color:#426238}.page-thumbnails span{margin-right:8px}.export-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;background:#fff;border:1px solid var(--border);padding:16px;border-radius:9px;margin-top:16px}.export-bar>span{font-size:12px;display:flex;align-items:center;gap:8px;margin-right:6px}.export-bar>small{font-size:10px;color:#90a07e;margin-left:auto}.article-preview{width:100%;max-width:560px;min-height:600px;padding:32px 34px;background:#fff;box-shadow:0 8px 22px #35492d10}.prose{font-size:15px;line-height:2;color:#435544;overflow-wrap:anywhere}.prose h1{font-size:29px}.prose h2{font-size:24px;color:var(--accent);border-left:4px solid var(--accent);padding-left:14px;margin:30px 0 15px}.prose h3{font-size:19px}.prose p{font-size:inherit}.prose img{max-width:100%;height:auto;border-radius:7px}.prose a{color:#377849;text-decoration:underline}.prose blockquote{border-left:3px solid #acbc8d;background:#f5f7ef;padding:10px 16px;margin:20px 0;color:#7b8b6b}.prose pre{overflow:auto;background:#eff2eb;padding:14px;border-radius:7px;font-size:12px}.prose table{font-size:12px}.prose code{background:#edf2e8;border-radius:4px;padding:2px 4px}.prose hr{border:0;border-top:1px solid var(--border);margin:25px 0}.worksheet-preview{max-width:520px;width:100%;background:#fff;padding:28px 22px;min-height:630px;box-shadow:0 8px 22px #35492d10}.worksheet-preview header{margin-bottom:25px}.worksheet-preview header>small{font-size:7px;letter-spacing:1px;color:#93a089}.worksheet-preview header h2{font-size:22px;margin-top:10px}.worksheet-preview header p{font-size:9px;color:#7a8b71}.practice-row{display:grid;grid-template-columns:repeat(var(--cols),1fr);margin:29px 0 16px}.practice-cell{position:relative;aspect-ratio:1/1;border:1px solid var(--worksheet-rule, #d99090);display:flex;align-items:center;justify-content:center;font-family:Kaiti SC,serif;font-size:32px;color:var(--worksheet-ink, #303030);background:linear-gradient(transparent 49%,var(--worksheet-soft-rule, #edd0d0) 50%,transparent 51%),linear-gradient(90deg,transparent 49%,var(--worksheet-soft-rule, #edd0d0) 50%,transparent 51%)}.practice-cell.mi{background:linear-gradient(45deg,transparent 49%,var(--worksheet-soft-rule, #edd0d0) 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,var(--worksheet-soft-rule, #edd0d0) 50%,transparent 51%),linear-gradient(transparent 49%,var(--worksheet-soft-rule, #edd0d0) 50%,transparent 51%),linear-gradient(90deg,transparent 49%,var(--worksheet-soft-rule, #edd0d0) 50%,transparent 51%)}.practice-cell.fang{background:none}.practice-cell.hui:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border:1px dashed var(--worksheet-soft-rule, #edd0d0)}.practice-cell.trace{color:var(--worksheet-trace, #e3aaa9)}.practice-cell .pinyin{position:absolute;top:-20px;font-family:sans-serif;font-size:9px;white-space:nowrap;color:#869b79}.pinyin-list>label{flex-direction:row;gap:4px;align-items:center;flex-wrap:wrap}.pinyin-list input,.pinyin-list select{width:80px;font-size:11px;padding:5px}.pinyin-list small{color:#8b987f}.code-editor{font-family:ui-monospace,Menlo,monospace;font-size:12px}.job-panel{background:#fff;border:1px solid var(--border);padding:18px;border-radius:9px;margin-bottom:20px}.job-panel>div:first-child{display:flex;gap:18px;align-items:center;font-size:12px;flex-wrap:wrap}.job-panel>div:first-child>a{margin-left:auto;color:#547749}.job-panel>p{font-size:12px;color:#9b7a46;margin:10px 0 0}.job-steps{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.job-steps>span{background:#f1f3ed;border-radius:5px;padding:7px 10px;font-size:10px;color:#7d8b73}.job-steps>.succeeded{background:#e8f2e1;color:#527741}.job-steps>.failed{background:#fcf0e9;color:#ab6d50}.job-steps>.uncertain{background:#faf1d8;color:#987935}.job-steps small{display:block;max-width:250px;margin-top:5px}.panel{border:1px solid var(--border);border-radius:10px;background:#fff;padding:25px;margin-bottom:20px;min-width:0}.utility-layout{display:grid;grid-template-columns:1fr 1fr;gap:23px}.utility-layout>.panel{margin-bottom:0}.file-drop{position:relative;min-height:150px;border:1px dashed #c8d6bc;border-radius:8px;background:#f6f9f0;display:flex;align-items:center;justify-content:center;padding:20px;color:#80966b;cursor:pointer;overflow:hidden}.file-drop strong{font-size:13px;font-weight:500}.file-drop span{font-size:10px;font-weight:400}.file-list{padding:0;list-style:none;margin:15px 0 22px}.file-list>li{font-size:11px;padding:8px 0;border-bottom:1px solid #edf1e6;display:flex;justify-content:space-between;overflow-wrap:anywhere;gap:10px}.file-list>li>span{color:#97a388;white-space:nowrap}.result-panel pre{white-space:pre-wrap;overflow:auto;font-size:12px;background:#f5f7f0;padding:15px;border-radius:7px;max-height:650px;overflow-wrap:anywhere}.result-panel h3{margin-top:18px}.empty{padding:60px 20px;text-align:center;line-height:2;color:#819273;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.empty>h2{font-size:23px}.empty>p{font-size:13px}.empty-symbol{font-size:55px;color:#a0b586;line-height:1;margin:15px}.error-text{color:#b1664b;font-size:12px;line-height:1.8}.hanzi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:30px 0}.hanzi-grid>article{border:1px solid var(--border);border-radius:9px;padding:17px}.hanzi-grid h2{font-size:42px}.stroke-sequence{display:flex;flex-wrap:wrap;gap:5px}.stroke-sequence svg{width:43px;height:43px;border:1px solid #d8e3d0}.timer-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:350px}.timer-panel h1{font-size:76px;font-weight:500;letter-spacing:-4px;font-variant-numeric:tabular-nums}.design-preview{padding:70px 45px;aspect-ratio:3/4;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;word-break:break-all}.design-preview strong{font-size:34px}.design-preview small{font-size:10px;letter-spacing:1.5px}.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.work-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#fff;min-width:0}.work-card>.panel{border:0;margin:0;border-radius:0;padding:19px}.work-mini{height:250px;background:#eaf0e2;overflow:hidden;padding:20px;display:flex;justify-content:center}.work-mini>.page-preview{width:200px;flex-shrink:0;padding:20px;min-height:270px;align-self:start;pointer-events:none}.work-mini .page-content h2{font-size:23px;margin:16px 0}.work-mini .page-content p{font-size:10px}.work-mini>.article-preview,.work-mini>.worksheet-preview{transform:scale(.57);transform-origin:top center;min-width:370px;padding:20px;pointer-events:none}.work-mini .page-preview footer{display:none}.work-meta{display:flex;justify-content:space-between;color:#80936e;font-size:11px;margin-bottom:8px}.line-tabs{border-bottom:1px solid var(--border);padding-bottom:13px;margin-bottom:26px}.task-card .section-top{margin-bottom:15px}.task-card h3{margin:8px 0 3px}.task-card .caption{margin:13px 0 0}.auth-page{max-width:1100px;margin:64px auto 80px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#fff}.auth-page>aside{padding:62px 45px;background:#e9f0df;position:relative;overflow:hidden}.auth-page>aside>svg{color:#5f8953;margin-bottom:55px}.auth-page>aside h1{font-family:serif;font-size:39px;line-height:1.6;color:#49663c;margin-bottom:27px}.auth-page>aside p{font-size:13px;color:#8b9b78}.auth-page>aside .eyebrow{font-size:8px;color:#90a479}.auth-decoration{position:absolute;bottom:-45px;right:0;font-family:Kaiti SC,serif;font-size:250px;color:#dfe8d3;transform:rotate(-12deg);pointer-events:none}.auth-form{padding:66px 53px}.auth-form>.eyebrow{color:#8ca178}.auth-form>h2{font-size:25px;margin-bottom:10px}.auth-form>.muted{font-size:12px;margin-bottom:30px}.auth-form form label{margin-bottom:21px}.auth-links{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:11px;color:#728963}.auth-links .text-link{font-size:11px}.auth-form>.caption{border-top:1px solid var(--border);padding-top:18px;margin-top:26px;font-size:10px}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:23px 0}.stat-grid>.panel{display:flex;flex-direction:column;gap:13px;margin:0}.stat-grid>.panel>span{font-size:12px;color:#839774}.stat-grid strong{font-size:32px;font-weight:600;line-height:1.5}.stat-grid .stat-text{font-size:25px}.stat-grid small{color:#90a07f;font-size:10px;overflow-wrap:anywhere}.record-row{display:flex;gap:25px;border-bottom:1px solid var(--border);padding:15px 0;font-size:12px}.page-intro{margin:60px 0 40px}.page-intro>.eyebrow{justify-content:center}.page-intro h1{font-size:38px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:35px 0}.price-card{padding:30px;border:1px solid var(--border);border-radius:12px;background:#fff;display:flex;flex-direction:column}.price-card.featured{background:#eaf1e1;border-color:#bed2ab}.price-card>.eyebrow{font-size:9px;color:#8ca077}.price-card h2{font-size:24px}.price{font-size:40px;margin:15px 0;font-weight:600;color:#486d37;letter-spacing:-1px}.price>small{font-size:10px;font-weight:400;color:#97a686;letter-spacing:0;margin-left:10px}.price-card>p{color:#849674;font-size:12px}.price-card ul{padding:22px 0 0;list-style:none;border-top:1px solid #e3e9da;margin-bottom:27px;flex:1}.price-card li{display:flex;gap:9px;align-items:center;font-size:12px;color:#758969;margin-bottom:15px}.price-card li>svg{color:#86a66e}.payment-select{max-width:250px;margin:20px auto}.order-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.order-card h3{margin:10px 0}.order-card small{overflow-wrap:anywhere;display:block}.order-card>strong{font-size:23px}.invite-panel{display:flex;flex-direction:column;align-items:center;text-align:center}.invite-panel>img{max-width:170px}.invite-panel input{font-size:11px;margin:8px 0 14px}.narrow{max-width:530px;margin:70px auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}th{font-weight:500;color:#7d906e;background:#f5f8f0;white-space:nowrap}td,th{padding:13px 15px;border-bottom:1px solid #e9eee2}td{color:#6b7d5f}.table-scroll{width:100%;overflow:auto;margin:15px 0}.journal-hero{border-bottom:1px solid var(--border);position:relative;overflow:hidden;padding:25px 0 45px;margin-bottom:42px}.journal-hero h1{font-size:49px;line-height:1.5;margin:20px 0}.journal-hero>p{color:#8a9b7c;font-size:14px}.journal-hero>.eyebrow{font-size:10px;color:#8fa57e}.journal-decor{font-size:240px;color:#e5edd9;position:absolute;right:75px;top:-15px;transform:rotate(-15deg);z-index:-1}.date-filter{flex-direction:row;align-items:center;gap:9px;margin:0;color:#8ba175}.date-filter select{border:0;background:none;padding:5px;font-size:12px;color:#7b9165;min-width:120px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.news-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;min-width:0;background:#fff}.news-card .panel{border:0;margin:0;padding:23px}.news-card h3{font-size:19px;margin:14px 0 12px}.news-card p{font-size:12px;color:#879978;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:20px}.news-cover{aspect-ratio:16/9;overflow:hidden}.news-cover img{width:100%;height:100%;object-fit:cover}.news-placeholder{height:185px;background:#e9efdf;padding:24px;position:relative;overflow:hidden}.news-placeholder>span{font-size:9px;letter-spacing:2px;color:#93a780;display:block}.news-placeholder>strong{font-size:38px;font-weight:400;color:#698453;display:block;margin-top:28px;letter-spacing:2px}.news-placeholder>i{font-size:135px;position:absolute;right:14px;bottom:-9px;font-style:normal;color:#d1dfbf}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:35px 0;font-size:12px;color:#82996e}.article-detail{max-width:790px;margin:18px auto 50px}.article-detail>.eyebrow{color:#8ca676}.article-detail>h1{font-size:35px;line-height:1.6}.article-detail>.lead{color:#859575;border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:32px;font-size:16px}.article-detail>.button{margin-top:30px}.related-tools{border-top:1px solid var(--border);margin-top:40px;padding-top:25px}.related-tools>.button{margin:5px}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:25px 0}.admin-stats>article{border:1px solid var(--border);border-radius:8px;background:#fff;padding:18px;display:flex;flex-direction:column;gap:12px}.admin-stats span{font-size:11px;color:#8b9c7e}.admin-stats strong{font-size:27px;font-weight:550}.admin-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:22px}.admin-nav{display:flex;flex-direction:column;gap:5px;align-self:start}.admin-nav>button{border:0;background:none;padding:11px 16px;text-align:left;font-size:12px;border-radius:6px;color:#7c916c}.admin-nav>.active{background:#e7f0dc;color:#4c703b;font-weight:600}.admin-content{padding:24px;min-height:550px}.admin-content h2{font-size:21px}.admin-content td{max-width:230px;font-size:11px}.admin-content td>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.admin-content th{font-size:11px}.table-actions>.text-link{font-size:10px;white-space:nowrap;display:block;margin:5px}.admin-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.admin-actions input{max-width:160px}.review-data{font-size:12px;background:#f3f7ed;padding:13px;border-radius:7px;margin:15px 0}.review-data pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}.code-generator{border-top:1px solid var(--border);padding-top:22px}.code-generator textarea{font-family:monospace;font-size:11px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#1c322b75;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:25px}.modal{width:460px;max-width:100%;background:#fff;border-radius:15px;padding:33px;box-shadow:0 20px 80px #10271730;max-height:90vh;overflow:auto}.modal.wide{width:590px}.modal>.eyebrow{color:#8da778}.modal h2{font-size:25px}.modal p{font-size:12px}.quote-items{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px 0;margin:22px 0}.quote-items>div{display:flex;justify-content:space-between;padding:9px 0;font-size:12px;color:#7b906d}.presentation-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#172b20;z-index:90;padding:30px;display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:25px;overflow:auto}.presentation-overlay>.page-preview{width:min(90vw,1200px);max-width:1200px;flex-shrink:0}.presentation-overlay>.field-row{color:#fff}.toasts{position:fixed;right:25px;bottom:25px;z-index:150;display:flex;flex-direction:column;gap:10px;max-width:380px}.toast{background:#254c37;color:#f5fbef;padding:16px 21px;border-radius:9px;box-shadow:0 8px 32px #1f382c26;font-size:13px;line-height:1.7}.toast.bad{background:#875844}@media(min-width:1440px){.hero,.section,.value-strip,.news-banner,.site-footer,.page-shell,.workspace-shell,.admin-shell{max-width:1240px}.hero{padding-top:79px;padding-bottom:67px;min-height:557px}.hero h1{font-size:55px}.underline{left:222px}.hero-visual{margin-left:25px}.art-wrap{height:218px}}@media(max-width:1279px){.hero,.section,.value-strip,.news-banner,.site-footer,.page-shell,.workspace-shell,.admin-shell{margin-left:35px;margin-right:35px}.header-inner{padding:0 35px;gap:18px}.site-header nav{gap:23px}.brand-sub{display:none}.hero h1{font-size:45px}.underline{width:210px;left:182px}.hero-paper.back{left:8px}.hero-paper.front{right:7px}.hero-note{right:3px}.floating-card{left:0;padding:14px}.value-strip>div{gap:12px}.value-strip strong{font-size:19px}.value-strip span{font-size:10px}.hero-benefits{gap:15px}.hero-buttons{gap:19px}.workbench{grid-template-columns:305px minmax(0,1fr)}.preview-stage{padding:27px}.auth-page{margin:50px 40px}.site-footer>.muted{display:none}}@media(max-width:1000px){.hero{grid-template-columns:1fr 1fr;min-height:490px;padding:52px 0}.hero h1{font-size:38px}.underline{left:154px;width:180px}.hero-copy>p{font-size:13px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:15px;margin:23px 0}.hero-visual{height:350px;transform:scale(.88);transform-origin:right center}.hero-paper.front{right:-12px}.hero-paper.back{left:-14px}.hero-benefits{gap:9px;font-size:9px}.visual-label{font-size:7px;bottom:-20px;right:0}.floating-card{left:-18px}.value-strip>div{flex-direction:column;gap:7px}.tool-grid,.news-grid{gap:17px}.tool-card-body{padding:18px 17px 14px}.tool-card-body p{min-height:38px}.art-wrap{height:185px}.utility-grid{grid-template-columns:repeat(2,1fr)}.filter-hint{display:none}.section-top{align-items:flex-start}.section-top .search{min-width:245px}.tabs>button,.tabs>a{padding:9px 12px;font-size:11px}.site-header nav{gap:20px}.header-actions{gap:9px}.workbench{grid-template-columns:280px minmax(0,1fr);gap:16px}.editor-panel{padding:18px}.preview-toolbar{flex-wrap:wrap}.preview-stage{padding:20px}.preview-toolbar>span{font-size:10px}.preview-toolbar .button{font-size:10px;padding:7px 9px}.export-bar{padding:11px;gap:6px}.export-bar>small{display:none}.worksheet-preview{padding:18px 12px}.practice-cell{font-size:22px}.worksheet-preview h2{font-size:18px}.article-preview{padding:25px 20px}.auth-form{padding:45px 30px}.auth-page>aside{padding:45px 30px}.auth-page>aside h1{font-size:33px}.pricing-grid,.works-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(3,1fr)}.admin-layout{grid-template-columns:155px minmax(0,1fr);gap:15px}.admin-nav>button{padding:10px;font-size:11px}.journal-decor{right:0}.order-card{flex-wrap:wrap}.news-card h3{font-size:17px}}@media(max-width:767px){.site-header{height:67px}.header-inner{padding:0 21px}.brand{font-size:21px}.brand-mark{width:34px;height:34px}.brand-sub{display:inline;font-size:10px;margin-left:7px}.mobile-menu{display:inline-flex}.header-actions>.button{font-size:10px;padding:8px 10px;max-width:120px;overflow:hidden}.header-actions>.button>svg{display:none}.credit-pill{display:none}.header-inner>nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fafcf7;border-bottom:1px solid var(--border);padding:20px;gap:5px;box-shadow:0 7px 15px #34472e0a}.header-inner>nav.open{display:flex;flex-direction:column}.site-header nav>a{padding:13px 17px;font-size:14px;border-radius:8px}.site-header nav>a.selected{background:#edf3e5}.site-header nav>a:after{display:none}.hero,.section,.value-strip,.news-banner,.site-footer,.page-shell,.workspace-shell,.admin-shell{margin-left:22px;margin-right:22px}.hero{grid-template-columns:1fr;padding:43px 0 20px;gap:0}.hero h1{font-size:39px;line-height:1.45;letter-spacing:-1.5px;margin:16px 0 22px}.hero .eyebrow{font-size:10px}.underline{left:157px;width:179px}.hero-copy>p{font-size:13px}.hero-buttons{flex-direction:row;align-items:center;gap:16px;margin:24px 0 20px}.hero-buttons>.button{padding:13px 16px;font-size:12px}.hero-buttons>.text-link{font-size:10px;gap:4px}.hero-benefits{font-size:9px;gap:16px}.hero-visual{height:323px;width:100%;max-width:420px;justify-self:center;transform:scale(.92);transform-origin:center center;margin-top:20px}.hero-paper.back{width:208px;height:248px;left:10px;top:25px}.hero-paper.front{width:220px;height:268px;right:9px;top:45px}.hero-paper.front .mini-poster{transform:scale(1.2)}.hero-paper.back .mini-sheet{transform:scale(.98)}.hero-note{right:0;top:1px;font-size:10px}.floating-card{left:5px;bottom:-3px;font-size:10px;padding:12px 16px}.floating-card strong{font-size:11px}.floating-card small{font-size:9px}.decor-plus{top:0;left:0;font-size:30px}.visual-label{display:none}.visual-orbit{left:0;max-width:100%}.value-strip{grid-template-columns:repeat(2,1fr);padding:5px 0;margin-top:27px}.value-strip>div{padding:18px 5px;flex-direction:row;justify-content:flex-start;gap:10px;border:0}.value-strip>div:nth-child(odd){border-right:1px solid var(--border)}.value-strip>div:nth-child(2n){padding-left:20px}.value-strip strong{font-size:18px;white-space:nowrap}.value-strip span{font-size:9px;max-width:85px;line-height:1.6}.section{margin-top:40px;margin-bottom:35px}.section-top{flex-direction:column;gap:18px;margin-bottom:21px}.section-top h2{font-size:24px;margin-bottom:9px}.section-top .eyebrow{font-size:8px}.section-top p{font-size:11px}.section-top .search{width:100%;min-width:0}.filter-row{margin-bottom:20px;padding-bottom:14px;flex-wrap:wrap}.tabs{gap:4px}.tabs>button,.tabs>a{font-size:10px;padding:9px 11px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:13px}.art-wrap{height:158px;margin:5px 5px 0}.art-wrap .mini-poster{transform:rotate(-7deg) scale(.72)}.art-wrap .mini-sheet{transform:rotate(6deg) scale(.67);flex-shrink:0}.art-wrap .mini-social{transform:rotate(-5deg) scale(.74);flex-shrink:0}.art-wrap .mini-article{transform:rotate(-6deg) scale(.76);flex-shrink:0}.art-wrap .mini-slides{transform:rotate(-6deg) scale(.57);flex-shrink:0}.art-wrap .mini-card{transform:rotate(5deg) scale(.71);flex-shrink:0}.art-tag{top:8px;left:8px;font-size:7px;padding:3px 5px}.tool-card{border-radius:9px}.tool-card-body{padding:14px 12px 11px}.tool-card-body h3{font-size:13px}.tool-card-body>div:first-child>svg{width:14px}.tool-card-body p{font-size:9px;line-height:1.8;margin:8px 0 13px;min-height:33px}.tool-card-bottom{font-size:8px;padding-top:11px;gap:5px}.tool-card-bottom>span:last-child{gap:2px}.tool-card-bottom svg{width:10px}.subheading{margin:30px 0 16px;display:block}.subheading h3{font-size:18px;margin-bottom:8px}.subheading>span{font-size:10px}.utility-grid{grid-template-columns:1fr;gap:10px}.utility-card{padding:15px}.utility-card h4{font-size:12px}.utility-card p{font-size:10px}.news-banner{padding:26px;border-radius:10px;align-items:flex-start;flex-direction:column;margin-bottom:35px}.news-banner h2{font-size:22px}.news-banner .eyebrow{font-size:7px}.news-banner p,.news-banner .button{font-size:11px}.site-footer{padding-top:25px;padding-bottom:30px;flex-direction:column;align-items:flex-start;gap:23px}.footer-links{gap:24px;font-size:10px}.site-footer .brand{font-size:14px}.page-shell,.workspace-shell,.admin-shell{margin-top:28px;margin-bottom:38px}.workspace-heading{align-items:flex-start;flex-direction:column;gap:13px;margin-bottom:18px}.workspace-heading h1{font-size:26px}.workspace-heading .eyebrow{font-size:8px}.workspace-heading p{font-size:12px}.back-link{font-size:11px;margin-bottom:20px}.workspace-heading .badge{font-size:9px}.notice{font-size:11px;padding:12px;gap:8px}.workbench{grid-template-columns:1fr;margin-top:18px;gap:22px}.editor-panel{padding:20px}.segmented{margin-bottom:22px}.editor-panel label{font-size:12px}.editor-panel .code-editor{min-height:260px}.preview-stage{min-height:400px;padding:23px}.preview-toolbar{flex-wrap:nowrap}.preview-toolbar>span{font-size:11px}.preview-toolbar small{display:none}.preview-toolbar .button{font-size:10px}.page-preview{max-width:420px}.page-content>small{font-size:7px}.page-content h2{font-size:31px}.page-preview>footer{font-size:7px}.page-content>p{font-size:12px}.export-bar{padding:13px;gap:6px}.export-bar>span{font-size:10px;width:100%;margin-bottom:5px}.export-bar .button{font-size:10px;padding:7px 10px}.page-thumbnails>button{font-size:10px;min-width:115px}.article-preview{padding:22px 18px;min-height:450px}.prose{font-size:13px}.prose h1{font-size:23px}.prose h2{font-size:21px}.prose h3{font-size:17px}.worksheet-preview{min-height:500px;padding:20px 14px}.worksheet-preview header p{font-size:7px}.worksheet-preview .practice-cell{font-size:24px}.worksheet-preview>.muted{font-size:8px}.utility-layout{grid-template-columns:1fr;gap:18px}.panel{padding:21px}.panel h2{font-size:22px}.panel h3{font-size:17px}.field-row{gap:8px;flex-wrap:wrap}.field-row>.button{font-size:11px}.field-row>input,.field-row>select{min-width:80px}.result-panel .empty{padding:30px 10px}.hanzi-grid{grid-template-columns:1fr 1fr;gap:11px}.hanzi-grid>article{padding:12px}.stroke-sequence svg{width:33px;height:33px}.timer-panel h1{font-size:68px}.design-preview{padding:55px 33px;max-height:540px}.design-preview strong{font-size:30px}.works-grid{grid-template-columns:1fr 1fr;gap:12px}.work-mini{height:180px;padding:14px}.work-mini>.page-preview{width:155px;min-height:235px;padding:17px}.work-mini .page-content h2{font-size:19px}.work-mini .page-content p{font-size:8px}.work-card>.panel{padding:14px}.work-card h3{font-size:13px}.work-meta{font-size:9px}.work-card small{font-size:8px}.work-mini>.article-preview,.work-mini>.worksheet-preview{transform:scale(.39)}.task-card .section-top{gap:15px}.task-card .button{padding:8px 10px;font-size:10px}.task-card .caption{font-size:9px}.page-shell>.section-top h1{font-size:28px}.auth-page{grid-template-columns:1fr;margin:25px 22px 45px;border-radius:11px}.auth-page>aside{padding:27px 27px 20px}.auth-page>aside>svg{display:none}.auth-page>aside>.eyebrow{margin-bottom:10px;font-size:7px}.auth-page>aside h1{font-size:27px;line-height:1.6;margin-bottom:8px}.auth-page>aside h1>br{display:none}.auth-page>aside p{font-size:10px;margin-bottom:0}.auth-decoration{font-size:165px;right:5px;bottom:-27px}.auth-form{padding:30px 25px}.auth-form>h2{font-size:23px}.auth-form>.eyebrow{font-size:9px}.auth-form>.muted{font-size:11px}.auth-form label{font-size:12px}.auth-links,.auth-links .text-link{font-size:10px}.auth-form>.caption{font-size:9px}.page-intro{margin:35px 0 25px}.page-intro h1{font-size:29px}.page-intro p{font-size:11px}.pricing-grid{grid-template-columns:1fr;gap:18px;margin:24px 0}.price-card{padding:26px}.price-card h2{font-size:24px}.price-card ul{margin-bottom:18px}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.stat-grid>.panel{padding:19px}.stat-grid>.panel>span{font-size:10px}.stat-grid strong{font-size:29px}.stat-grid .stat-text{font-size:21px}.stat-grid small{font-size:9px}.order-card{gap:16px;align-items:flex-start}.order-card>div:first-child{width:100%}.order-card>strong{font-size:24px}.order-card>div:last-child{margin-left:auto}.order-card .button{font-size:10px;padding:8px 10px}td,th{font-size:10px;padding:11px}.table-scroll{margin:12px 0}.record-row{font-size:10px;gap:15px}.journal-hero{padding:10px 0 28px;margin-bottom:29px}.journal-hero h1{font-size:35px;margin:18px 0}.journal-hero>.eyebrow{font-size:8px}.journal-hero p{font-size:11px}.journal-decor{font-size:175px;top:10px;right:-28px;opacity:.7}.news-page .section-top>h2{font-size:22px}.news-grid{grid-template-columns:1fr;gap:20px}.news-placeholder{height:175px}.news-card .panel{padding:23px}.news-card h3{font-size:20px}.news-card p{font-size:12px}.article-detail>h1{font-size:28px}.article-detail>.lead{font-size:13px}.article-detail>.eyebrow{font-size:9px}.admin-stats{grid-template-columns:repeat(3,1fr);gap:8px}.admin-stats>article{padding:13px;gap:8px}.admin-stats span{font-size:9px}.admin-stats strong{font-size:23px}.admin-layout{grid-template-columns:1fr}.admin-nav{flex-direction:row;overflow-x:auto;padding-bottom:8px;gap:5px}.admin-nav>button{white-space:nowrap;font-size:10px;padding:9px 12px}.admin-content{padding:17px}.admin-content .section-top{flex-direction:row;align-items:center}.admin-content h2{font-size:18px}.admin-content .caption{font-size:9px;margin:0}.admin-content .button{font-size:10px;padding:8px 10px}.admin-actions input{max-width:150px}.modal-backdrop{padding:16px}.modal{padding:25px;border-radius:12px;max-height:88vh}.modal h2{font-size:23px}.modal p{font-size:11px}.modal label{font-size:12px}.modal>.field-row .button{padding:10px 14px}.toasts{right:15px;left:15px;bottom:18px;max-width:none}.toast{font-size:12px;padding:14px 18px}.presentation-overlay{padding:22px 12px}.presentation-overlay .page-preview{width:95vw}.presentation-overlay .page-content h2{font-size:25px}.presentation-overlay .page-content p{font-size:11px}.presentation-overlay .page-content small{font-size:6px}.presentation-overlay .page-preview>footer{font-size:6px}.empty{padding:45px 12px}.empty>h2{font-size:21px}.empty>p{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.print-settings,.print-delivery{display:grid;gap:12px;padding:16px;border:1px solid #dce6dd;background:#f7f9f4;border-radius:14px}.print-section-editor{padding-top:12px;border-top:1px solid #dce6dd}.print-settings label,.print-delivery label{min-width:0}.proof-controls{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.handcopy-preview{width:min(100%,660px);background:#fffef9;color:var(--print-ink);padding:5%;border:2px solid var(--print-ink);border-radius:18px;box-shadow:0 15px 40px #253c3210}.handcopy-preview header{text-align:center;margin-bottom:24px}.handcopy-preview header small{font-size:28px}.handcopy-preview h2{font-size:clamp(20px,3vw,32px);margin:8px 0}.handcopy-preview-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.handcopy-preview-sections section{border:1px solid var(--print-ink);padding:16px;border-radius:12px;min-height:180px;overflow-wrap:anywhere}.handcopy-preview-sections section:last-child{grid-column:1 / -1}.handcopy-preview.stacked .handcopy-preview-sections{grid-template-columns:1fr}.handcopy-preview.columns .handcopy-preview-sections,.handcopy-preview.landscape .handcopy-preview-sections{grid-template-columns:repeat(3,minmax(0,1fr))}.handcopy-preview.columns .handcopy-preview-sections section:last-child,.handcopy-preview.landscape .handcopy-preview-sections section:last-child{grid-column:auto}.handcopy-preview-sections h3{font-size:16px;margin:0 0 10px}.handcopy-preview-sections p{font-size:14px;line-height:1.9;white-space:pre-wrap}.writing-lines{height:85px;background:repeating-linear-gradient(transparent 0 27px,#b7c7b6 27px,#b7c7b6 28px)}.handcopy-preview footer{text-align:center;margin:20px 0 8px;font-size:12px}.work-mini .handcopy-preview{padding:10px;max-height:220px;overflow:hidden}.catalog-skeleton{padding:18px;border:1px solid var(--line, #e4e8e2);border-radius:20px;background:#fff}.catalog-skeleton div{height:150px;background:#edf1e9;border-radius:12px}.catalog-skeleton p{height:16px;width:72%;background:#edf1e9;border-radius:6px}.catalog-skeleton p:last-child{width:46%}.news-card:has(.news-placeholder) .news-placeholder{height:90px}.news-card:has(.news-placeholder) .news-placeholder strong{font-size:26px}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,system-ui,sans-serif;font-size:16px;font-weight:400;--muted: #617167;--ink: #1e3329;--type-body: 15px;--type-small: 13px}body{line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:600;letter-spacing:-.025em;text-wrap:pretty}p{font-size:var(--type-body);line-height:1.85}small,.caption,.badge,.back-link,.text-link{font-size:var(--type-small)}label{font-size:14px;line-height:1.6;font-weight:500}.button,.tabs>button,.tabs>a,.search input{font-size:14px;font-weight:500}.button{min-height:42px;letter-spacing:.01em}.button.large{font-size:16px;min-height:50px}.button.small{font-size:13px;min-height:36px}.eyebrow{font-size:12px;letter-spacing:.09em;font-weight:600}.site-header nav{font-size:15px;font-weight:500}.brand{font-weight:600;letter-spacing:-.04em}.brand-sub{font-size:12px;letter-spacing:.06em}.header-actions .button,.credit-pill{font-size:13px}.hero h1{font-size:clamp(36px,4.2vw,56px);line-height:1.32;letter-spacing:-.045em;font-weight:600}.hero-copy>p{font-size:17px;color:#617167;letter-spacing:0}.hero .handwritten{font-weight:600}.hero .underline{opacity:.65;bottom:-12px}.hero-benefits,.hero-note{font-size:13px}.section-top h2,.page-intro h1{letter-spacing:-.035em}.section-top p,.page-intro p,.workspace-heading p{font-size:15px;color:var(--muted)}.filter-hint,.subheading>span{font-size:13px;color:var(--muted)}.art-tag{font-size:11px;font-weight:500;color:#486044}.tool-card-body h3{font-size:20px;line-height:1.5;letter-spacing:-.02em}.tool-card-body p{font-size:14px;color:var(--muted);line-height:1.8;min-height:50px}.tool-card-bottom{font-size:12px;color:#60705c;gap:10px;flex-wrap:wrap}.utility-card h4{font-size:16px;font-weight:600;line-height:1.5}.utility-card p{font-size:13px;color:var(--muted);line-height:1.75}.utility-card h4>em{font-size:11px;color:#47744e}.value-strip span{font-size:13px}.news-banner p,.site-footer p,.site-footer nav{font-size:13px;color:var(--muted)}.news-banner .eyebrow{font-size:11px}.workspace-heading h1{font-size:clamp(27px,3vw,36px)}.notice{font-size:14px;line-height:1.85}.page-shell input,.page-shell select,.page-shell textarea,.workspace-shell input,.workspace-shell select,.workspace-shell textarea{font-size:15px;line-height:1.65}.price-card>p,.price-card ul,.price-card li,.record-row{font-size:14px;line-height:1.85}.price-card>.eyebrow{font-size:12px}.price>small,.stat-grid small{font-size:13px}.page-shell td,.page-shell th{font-size:14px;line-height:1.7}.journal-hero>p,.article-detail>.lead{font-size:16px;color:var(--muted)}.journal-hero>.eyebrow{font-size:12px;color:#59774e}.date-filter select{font-size:14px;color:#4a6345}.news-page .filter-row{gap:16px;flex-wrap:wrap}.news-page .filter-row .caption{margin:0;font-size:12px}.news-card h3{font-size:20px;line-height:1.6}.news-card p{font-size:14px;color:var(--muted)}.news-card .muted{font-size:12px}.article-detail>h1{font-size:clamp(28px,3vw,38px);line-height:1.5}.article-detail .prose,.article-detail .prose p,.article-detail .prose li{font-size:17px;line-height:1.95}.pagination{font-size:14px}.typewriter-line{display:flex;align-items:center;gap:10px;margin:20px 0 24px;min-height:44px;max-width:100%}.typewriter-label{color:var(--muted);font-size:13px;white-space:nowrap}.typewriter-text{color:#216447;font-size:16px;font-weight:500;min-width:0;flex:1}.typing-caret{display:inline-block;height:1em;width:2px;vertical-align:-.1em;margin-left:3px;background:#55936a;animation:caret-blink 1s steps(1) infinite}.motion-toggle{border:1px solid #dbe5da;background:transparent;color:#60745e;border-radius:50%;width:32px;height:32px;flex:0 0 auto;display:grid;place-items:center}.motion-toggle:hover{background:#eaf1e5;color:#216447}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hero-copy{animation:hero-arrive .8s ease-out both}.hero-visual{animation:hero-arrive 1s ease-out both}.hero-paper.front{animation:paper-float 7s ease-in-out infinite}.hero-paper.back{animation:paper-float 8s ease-in-out -3s infinite}.hero .floating-card{animation:paper-float 9s ease-in-out -2s infinite}.hero.motion-paused *,.hero:hover .hero-paper{animation-play-state:paused}@keyframes caret-blink{50%{opacity:0}}@keyframes paper-float{0%,to{translate:0 0}50%{translate:0 -9px}}@keyframes hero-arrive{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(max-width:900px){.site-header nav{gap:22px}.hero h1{font-size:44px}.typewriter-line{max-width:440px}}@media(max-width:600px){.hero h1{font-size:clamp(33px,8.6vw,44px);line-height:1.4}.hero-copy>p{font-size:15px}.hero .eyebrow{font-size:11px}.hero .underline{left:4.1em;width:4.6em}.hero-benefits{font-size:11px;flex-wrap:wrap;gap:12px}.typewriter-line{gap:7px;min-height:52px}.typewriter-label{font-size:12px}.typewriter-text{font-size:14px}.tool-grid{grid-template-columns:1fr}.tool-card-body{padding:20px}.tool-card-body p{min-height:auto}.tool-card-bottom{padding-top:13px}.utility-card{padding:18px 16px}.art-wrap{height:190px}.site-header nav{font-size:16px}.page-shell input,.page-shell select,.page-shell textarea,.workspace-shell input,.workspace-shell select,.workspace-shell textarea{font-size:16px}.news-page .tabs{width:100%}.article-detail .prose,.article-detail .prose p,.article-detail .prose li{font-size:16px}.site-footer p{font-size:12px}}@media(prefers-reduced-motion:reduce){.hero-copy,.hero-visual,.hero-paper.front,.hero-paper.back,.hero .floating-card,.typing-caret{animation:none}.tool-card,.utility-card,.button{transition:none}}.search{display:flex}.tool-stats{display:flex;flex-wrap:wrap;gap:10px 14px;color:#657367;font-size:12px;margin:12px 0;font-variant-numeric:tabular-nums}.tool-stats>span{display:inline-flex;gap:5px;align-items:center;white-space:nowrap}.tool-sort{display:flex;flex-direction:row;align-items:center;gap:8px;margin:0}.tool-sort select{width:auto;min-width:150px;font-size:14px}.rank-note{margin:0 0 18px}.ranked-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ranked-tool{display:flex;gap:18px;padding:24px;background:#fff;border:1px solid var(--border);border-radius:14px;align-items:flex-start;transition:border-color .2s,background .2s}.ranked-tool:hover{border-color:#acc3a5;background:#f8fbf4}.rank-number{font-size:22px;font-weight:600;color:#899c80;font-variant-numeric:tabular-nums}.rank-body{min-width:0;flex:1}.rank-body h3{font-size:18px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}.rank-body p{font-size:14px;color:var(--muted)}.pinned-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px}.tool-community{margin:40px 0;padding:32px}.community-stats{display:flex;gap:24px;flex-wrap:wrap;font-size:14px;color:var(--muted);margin-bottom:12px}.community-score{color:var(--green);font-size:26px}.community-score small{color:var(--muted);font-size:13px}.review-form{padding:24px 0;margin-top:18px;border-top:1px solid var(--border)}.star-picker{display:flex;align-items:center;gap:4px;margin:12px 0 20px;color:#b78120}.star-picker button{background:none;border:0;padding:7px;color:inherit}.star-picker span{font-size:14px;margin-left:12px}.review-item{padding:24px 0;border-top:1px solid var(--border)}.review-item>div:first-child{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:14px}.review-item time{color:var(--muted);font-size:12px}.review-stars{color:#b78120;letter-spacing:2px}.review-comment,.review-reply p{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 0}.review-reply{background:#f0f5eb;border-radius:10px;padding:16px;margin-top:16px;font-size:14px}@media(max-width:700px){.ranked-tools{grid-template-columns:1fr}.ranked-tool{padding:20px 16px;gap:12px}.tool-community{padding:20px}.review-form .field-row{flex-wrap:wrap}.tool-sort{width:100%}.tool-sort select{flex:1}}@media(min-width:1200px){.pricing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.price-card{padding:24px}}.worksheet-preview{--worksheet-ink: #303030;--worksheet-rule: #d99090;--worksheet-soft-rule: #edd0d0;--worksheet-trace: #e3aaa9;color:var(--worksheet-ink)}.worksheet-preview.ink-red{--worksheet-ink: #b84343}.worksheet-preview.ink-mono{--worksheet-ink: #222;--worksheet-rule: #969696;--worksheet-soft-rule: #d0d0d0;--worksheet-trace: #b8b8b8}.worksheet-preview header p,.worksheet-preview header small,.practice-cell .pinyin{color:var(--worksheet-ink)}.print-theme-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0}.print-theme-picker button{border:1px solid #dce4d9;background:#fffefa;border-radius:10px;padding:12px 8px;cursor:pointer;color:#344d40;font:inherit}.print-theme-picker button.selected{border-color:#35765c;box-shadow:0 0 0 1px #35765c;background:#f0f7ef}.print-theme-picker button:focus-visible{outline:3px solid #35765c;outline-offset:3px}.print-theme-picker img{display:block;width:100%;height:48px;object-fit:contain;margin-bottom:8px}.print-theme-picker span{font-size:13px;font-weight:600}.handcopy-theme-art{display:block;width:100%;height:auto;margin:12px 0 18px}.handcopy-custom-art{width:100%;max-height:160px;object-fit:cover;border-radius:12px}.handcopy-preview.illustrated .handcopy-preview-sections{grid-template-columns:repeat(2,minmax(0,1fr))}.handcopy-preview.illustrated .handcopy-preview-sections>section:last-child{grid-column:2;grid-row:2}.handcopy-hero-art{grid-column:1;grid-row:2;position:relative;min-height:140px;overflow:hidden;align-self:center;aspect-ratio:210 / 180}.handcopy-hero-art img{position:absolute;left:0;top:0;width:476.19%;max-width:none;height:100%}