@font-face{font-family:Ma Shan Zheng;src:url(../fonts/MaShanZheng-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans SC;src:url(../fonts/NotoSansSC-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:LXGWWenKaiTC-Regular;src:url(../fonts/LXGWWenKaiTC-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ChineseKaiti;src:url(../fonts/%E6%96%B9%E6%AD%A3%E6%A5%B7%E4%BD%93%E7%AE%80%E4%BD%93.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap;ascent-override:100%}:root{font-family:Roboto,Helvetica,Arial,sans-serif}body{margin:0;min-height:100vh;background:#f6efe4}#root{min-height:100vh}.copybook-screen{padding:24px 12px 48px;overflow-x:auto}.copybook-controls{width:100%;max-width:210mm;margin:0 auto 24px}.copybook-page{width:210mm;height:297mm;background:#fff;box-shadow:0 8px 20px #0000001f;border-radius:6px;zoom:var(--page-scale, 1)}.copybook-page-inner{height:100%;padding:var(--page-margin) calc(var(--page-margin) * 1.6) var(--page-margin) 0;box-sizing:border-box;display:flex;flex-direction:column;gap:4mm}.copybook-section{display:flex;flex-direction:column;gap:0}.copybook-header{height:var(--page-header-height);display:flex;align-items:center;justify-content:flex-end;gap:12px;border-bottom:.3mm solid #111;padding-bottom:2mm;margin-left:75px}.copybook-header-link{font-size:2.8mm;line-height:1;color:#111;white-space:nowrap}.copybook-hanzi-header{height:var(--hanzi-header-height);width:100%;display:grid;align-items:center;justify-content:start;gap:0;border:none;box-sizing:border-box;overflow:hidden;padding-left:calc(var(--cell-size) * 1.1 + 2mm)}.copybook-hanzi-header-cell{position:relative;width:var(--hanzi-header-cell-size);height:var(--hanzi-header-cell-size);box-sizing:border-box;display:flex;align-items:center;justify-content:center}.copybook-hanzi-header-cell:last-child{border-right:none}.copybook-hanzi-header-text{font-family:ChineseKaiti,KaiTi,STKaiti,LXGWWenKaiTC-Regular,Ma Shan Zheng,SimSun,sans-serif;font-size:calc(var(--hanzi-header-cell-size) * .72);line-height:1;color:#000}.copybook-hanzi-header-strokes{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.copybook-hanzi-header-strokes path{fill:#000;stroke:none}.copybook-grid{display:grid;align-content:start;gap:0}.copybook-grid-with-pinyin{display:grid;grid-template-columns:calc(var(--cell-size) * 1.1) 1fr;column-gap:2mm;align-items:start}.copybook-pinyin-column{display:flex;flex-direction:column}.copybook-pinyin-cell{height:var(--cell-size);display:flex;align-items:center;justify-content:flex-end;padding-right:0;box-sizing:border-box}.copybook-pinyin-text{font-family:Noto Sans SC,Roboto,Helvetica,Arial,sans-serif;font-size:calc(var(--cell-size) * .3);color:#111;white-space:nowrap}.copybook-cell{position:relative;width:var(--cell-size);height:var(--cell-size);box-sizing:border-box;border:.35mm solid #111}.copybook-cell:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:.18mm dashed rgba(0,0,0,.45);transform:translateY(-50%);z-index:0}.copybook-cell:after{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:.18mm dashed rgba(0,0,0,.45);transform:translate(-50%);z-index:0}.copybook-cell-diagonal{position:absolute;left:50%;top:50%;width:141.42%;border-top:.18mm dashed rgba(0,0,0,.45);transform-origin:center;pointer-events:none;z-index:0}.copybook-cell-diagonal-1{transform:translate(-50%,-50%) rotate(45deg)}.copybook-cell-diagonal-2{transform:translate(-50%,-50%) rotate(-45deg)}.copybook-grid-tian .copybook-cell-diagonal{display:none}.copybook-cell-hanzi{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:ChineseKaiti,KaiTi,STKaiti,LXGWWenKaiTC-Regular,SimSun,sans-serif;font-size:calc(var(--cell-size) * .78);color:#666;z-index:1}.copybook-cell-example .copybook-cell-hanzi{color:#00000047}.copybook-cell-example-first .copybook-cell-hanzi{color:#000}.copybook-cell-strokes{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.copybook-cell-strokes path{fill:#00000047;stroke:none}.copybook-cell-example-first .copybook-cell-strokes path{fill:#000}@media print{@page{size:A4;margin:0}body{background:#fff;margin:0}.screen-only{display:none!important}.copybook-screen{padding:0}.copybook-screen .MuiStack-root{display:block!important;gap:0!important}.copybook-screen .MuiStack-root>:not(style)+:not(style){margin:0!important}.copybook-page{box-shadow:none;border-radius:0;zoom:1;break-after:page;page-break-after:always;break-inside:avoid;page-break-inside:avoid;overflow:hidden}.copybook-page:last-of-type{break-after:auto;page-break-after:auto}.copybook-section,.copybook-grid,.copybook-hanzi-header{break-inside:avoid;page-break-inside:avoid}}