:root{--ink:#20352f;--muted:#6f7d77;--green:#17765c;--green-dark:#0e5d47;--mint:#e8f4ef;--bg:#f4f1ea;--guide:#8d9994}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.6}.site-header{height:58px;display:flex;align-items:center;max-width:1180px;margin:auto;padding:0 24px}.brand{color:var(--ink);font-family:Georgia,serif;font-weight:700;text-decoration:none;letter-spacing:.08em}.hero{text-align:center;padding:30px 20px 28px;background:radial-gradient(circle at 50% -30%,#fff 0,transparent 62%)}.eyebrow{display:inline-block;color:var(--green);font-size:13px;font-weight:700;letter-spacing:.12em;margin-bottom:9px}.hero h1{font:700 clamp(34px,5vw,50px)/1.15 Georgia,"STKaiti",serif;margin:0 0 12px;letter-spacing:.04em}.hero p{margin:0;color:var(--muted)}.workspace{width:min(1180px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:380px minmax(0,1fr);gap:32px;align-items:start}.panel{background:#fff;border:1px solid #e0ddd5;border-radius:14px;padding:21px;box-shadow:0 10px 35px rgba(41,55,49,.06)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.panel-heading>div{display:flex;align-items:center}.panel h2,.preview-toolbar h2{font-size:16px;margin:0}.panel-heading>span{font-size:11px;color:var(--muted)}.step{display:inline-grid;place-items:center;color:var(--green);background:var(--mint);font:700 11px/1 Georgia,serif;width:25px;height:25px;border-radius:50%;margin-right:8px}textarea{width:100%;resize:vertical;border:1px solid #d6dcd8;border-radius:9px;padding:11px 13px;font:16px/1.55 "Comic Sans MS","Segoe Print",cursive;color:var(--ink);outline:0}textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(23,118,92,.1)}.hint{font-size:11px;color:var(--muted);margin:5px 0 11px}.presets{border-bottom:1px solid #e7e6e0;padding-bottom:14px;margin-bottom:16px}.presets>b{font-size:12px}.presets>div{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.presets button{border:0;border-radius:18px;padding:5px 8px;background:#f1f4f2;color:#50615b;font-size:10px;cursor:pointer}.presets button:hover{color:var(--green);background:var(--mint)}fieldset{border:0;padding:0;margin:0 0 17px}legend{font-size:14px;font-weight:700;margin-bottom:8px}.mode-list{display:grid;gap:7px}.mode-list input,.size-list input{position:absolute;opacity:0}.mode-list span{display:flex;flex-direction:column;border:1px solid #d9dedb;border-radius:8px;padding:7px 11px;cursor:pointer}.mode-list b{font-size:13px}.mode-list small{font-size:10px;color:var(--muted)}.mode-list input:checked+span{border-color:var(--green);background:var(--mint);box-shadow:inset 3px 0 var(--green)}.size-list{display:grid;gap:7px}.size-list.three{grid-template-columns:repeat(3,1fr)}.size-list span{min-height:42px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d9dedb;border-radius:8px;font-size:12px;cursor:pointer}.size-list small{font-size:9px;color:var(--muted)}.size-list input:checked+span{color:var(--green);border-color:var(--green);background:var(--mint);font-weight:700}.summary{padding:10px 12px;border-radius:8px;background:#f2f7f4;color:var(--green);font-size:11px}.preview-section{min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-toolbar>div{display:flex;gap:9px;align-items:center}.preview-toolbar i{width:8px;height:8px;border-radius:50%;background:var(--green)}.preview-toolbar span{font-size:12px;color:var(--muted);background:#e9e7df;border-radius:20px;padding:2px 8px}.preview-toolbar button{border:0;border-radius:8px;background:var(--green);color:#fff;padding:10px 15px;font-weight:700;cursor:pointer}.preview-toolbar button:hover{background:var(--green-dark)}.paper-stack{--preview-scale:1;display:grid;gap:22px;justify-content:center}.paper-preview{width:calc(210mm * var(--preview-scale));height:calc(297mm * var(--preview-scale))}.paper{width:210mm;height:297mm;padding:14mm 12mm 12mm;background:#fff;overflow:hidden;box-shadow:0 15px 50px rgba(32,53,47,.15);transform:scale(var(--preview-scale));transform-origin:top left}.paper-head{height:19mm;border-bottom:.3mm solid #d7d7d2;margin-bottom:7mm}.paper-head-top{display:flex;justify-content:space-between;align-items:start}.paper-title{font:700 5.5mm/1 Georgia,"Microsoft YaHei",sans-serif}.paper-meta{font-size:2.8mm;color:#666}.paper-subtitle{font-size:2.7mm;color:#66716c;margin-top:4mm}.practice-area{height:245mm;display:flex;flex-direction:column}.practice-line{flex:0 0 auto;width:186mm;break-inside:avoid;page-break-inside:avoid}.line-svg{display:block;width:186mm;overflow:visible}.guide{fill:none;stroke:var(--guide);stroke-width:.42}.guide.mid{stroke-dasharray:2.1 1.7;stroke-width:.34}.model{font-family:"Comic Sans MS","Segoe Print","Bradley Hand",cursive;fill:#505753}.model.trace{opacity:.31}.model.copy{opacity:.66}.print-tip{text-align:center;font-size:12px;color:var(--muted);margin:12px 0}.info{width:min(1100px,calc(100% - 40px));margin:64px auto 35px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info>div{background:rgba(255,255,255,.55);border-top:2px solid var(--green);padding:22px}.info span{float:left;margin-right:12px;color:var(--green);font:28px Georgia,serif}.info h2{font-size:17px;margin:3px 0 12px}.info p{clear:both;color:var(--muted);font-size:14px;margin:0}footer{text-align:center;color:var(--muted);font-size:12px;padding:18px 20px 34px}footer a{color:var(--green)}.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}
@media(max-width:980px){.workspace{width:min(100% - 32px,860px);display:block}.panel{width:min(100%,680px);margin:auto}.preview-section{margin-top:32px}.paper-stack{overflow:hidden}}
@media(max-width:600px){.site-header{height:50px}.hero{padding:25px 18px 23px}.hero h1{font-size:34px}.hero p{font-size:15px}.workspace{width:min(100% - 24px,560px)}.panel{padding:18px}.preview-toolbar{position:sticky;top:0;z-index:4;background:var(--bg);padding:8px 0}.preview-toolbar h2{font-size:14px}.preview-toolbar button{font-size:12px;padding:9px}.info{grid-template-columns:1fr}}
@page{size:A4 portrait;margin:0}@media print{html,body{width:210mm;background:#fff}.no-print{display:none!important}.workspace,.preview-section,.paper-stack{display:block;width:210mm;margin:0;padding:0}.paper-stack{gap:0}.paper-preview{width:210mm;height:297mm;break-after:page;page-break-after:always}.paper-preview:last-child{break-after:auto;page-break-after:auto}.paper{width:210mm;height:297mm;padding:14mm 12mm 12mm;margin:0;box-shadow:none;transform:none!important}.practice-line{break-inside:avoid;page-break-inside:avoid}}