body{font-family:Arial,sans-serif;margin:0;padding:0}.header-info{text-align:left;margin-bottom:40px;line-height:30px}.header-info h1{font-size:24px;margin:0;display:inline;font-family:黑体,SimHei,sans-serif}.header-info p{margin:5px 0;font-size:14px;font-family:宋体,SimSun,serif}.header-info p.inline{display:inline;font-weight:700;font-family:LXGW WenKai,LXGW Wenkai,楷体,KaiTi,serif}.header-info p.block{display:block;font-family:黑体,SimHei,sans-serif;margin-top:10px}.tracing-area{display:grid;gap:35px 0;width:100%;max-width:100%;background-color:#fff;margin:20px auto 0;page-break-inside:avoid}.tracing-wrapper{position:relative;height:0;padding-bottom:100%;background-color:#fff;justify-content:center;box-sizing:border-box;border:1px solid #d3d3d3;aspect-ratio:1/1;z-index:1}.tracing-wrapper:hover{z-index:6}.pinyin-wrapper,.tracing-wrapper{width:100%;display:flex;align-items:center}.pinyin-wrapper{position:absolute;top:-34px;height:31px;flex-direction:column;justify-content:space-between;pointer-events:auto;z-index:3;background-color:transparent;cursor:default}.pinyin-lines{position:absolute;width:100%;height:1px;background-color:#000;left:0}.pinyin-line1{top:0}.pinyin-line2{top:10px}.pinyin-line3{top:20px}.pinyin-line4{top:30px}.pinyin-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9em;line-height:1;text-align:center;width:100%;cursor:default;z-index:1;white-space:nowrap}.pinyin-wrapper.polyphone{background:#ffe4e4!important;cursor:default}.pinyin-wrapper.polyphone .pinyin-text{position:relative;z-index:2}.pinyin-selector{display:none;position:absolute;top:calc(100% + 2px);left:50%;transform:translateX(-50%);background:#fff;border:1px solid #ddd;box-shadow:0 4px 10px rgba(0,0,0,.15);z-index:13;padding:4px 6px;border-radius:6px;white-space:nowrap}.pinyin-wrapper.polyphone.selector-open .pinyin-selector{display:block}.pinyin-wrapper.selector-left .pinyin-selector{left:auto;right:0;transform:none}.pinyin-option{display:flex;align-items:center;padding:0;cursor:default;gap:4px;position:relative;font-size:12px;line-height:1.4;margin:2px 0;color:#333}.pinyin-option input[type=radio]{margin:0}.mini-line,.pinyin-grid-mini{display:none}.mini-line:first-child{top:0}.mini-line:nth-child(2){top:11px}.mini-line:nth-child(3){top:22px}.mini-line:nth-child(4){top:33px}.mini-text{font-size:12px;top:0;color:#333}.pinyin-option:hover{background-color:#f4f4f4}.warning-box{display:none;padding:15px;background-color:#ffe4e4;border:1px solid #ffa39e;color:#cf1322;border-radius:10px;margin-top:20px;font-size:14px;line-height:1.5}.warning-box strong{display:block;margin-bottom:5px;font-size:16px;color:#f5222d}.tracing-wrapper:after,.tracing-wrapper:before{content:"";position:absolute;background-color:inherit;border-color:inherit;border-style:dashed;border-width:.5px}.tracing-wrapper:before{top:50%;left:0;width:100%;height:.01px;background-color:transparent;border-top:.1px dashed rgba(0,0,0,.1);transform:translateY(-50%)}.tracing-wrapper:after{left:50%;top:0;width:.01px;height:100%;background-color:transparent;border-left:.1px dashed rgba(0,0,0,.1);transform:translateX(-50%)}.tracing-wrapper .diagonal-1,.tracing-wrapper .diagonal-2{content:"";position:absolute;width:141%;height:.01px;background-color:transparent;border-top:.1px dashed rgba(0,0,0,.1)}.tracing-wrapper .diagonal-1{transform:rotate(45deg);top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.tracing-wrapper .diagonal-2{transform:rotate(-45deg);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.tracing-number{font-family:LXGW WenKai,LXGW Wenkai,Kaiti SC,STKaiti,KaiTi,楷体,BiauKai,serif;color:#000;position:absolute;margin:0;z-index:2;line-height:1;text-align:center;white-space:nowrap;pointer-events:none}.content-modal,.tracing-number{top:50%;left:50%;transform:translate(-50%,-50%)}.content-modal{display:none;position:fixed;background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:5;width:500px;max-width:80%;padding:20px}.content-modal textarea{width:100%;height:100px;border:1px solid #ddd;box-sizing:border-box;padding:10px;resize:none;white-space:pre-wrap}.content-modal button{margin-top:10px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;cursor:default}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:4}@media print{body{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact}.warning-box{display:none!important}.header-info h1{font-size:24px}.header-info p{font-size:14px}.container{margin:0;padding:0;width:100%;max-width:100%}.left-panel{padding:10px;margin:0}.tracing-area{width:100%}.header-info{page-break-before:always}.pinyin-lines{border-bottom:1px solid #d3d3d3!important}.pinyin-wrapper.polyphone{background-color:transparent!important}}@page{size:A4 portrait;margin:8mm}@media print{.warning-box{display:none!important}.container{display:block!important;margin:0!important;padding:0!important;width:100%!important;max-width:100%!important}.left-panel{width:194mm!important;max-width:194mm!important;padding:0!important;margin:0 auto!important;overflow:visible!important}.header-info{width:100%!important;margin:0 0 12mm!important;page-break-before:auto!important;text-align:left!important}.tracing-area{width:100%!important;max-width:100%!important;margin:3mm auto 8mm!important;gap:35px 0!important;page-break-inside:auto!important}.pinyin-wrapper{top:-34px!important}}#pages-container{width:100%;margin:0 auto}.left-panel{width:194mm!important;max-width:194mm!important;flex:0 0 194mm!important;overflow:visible!important}@media screen{.header-info{margin:0 0 12mm!important}.tracing-area{margin:3mm auto 8mm!important;gap:35px 0!important}}.print-page{width:100%;margin:0 auto}@media print{#pages-container{width:100%!important}.print-page{break-after:page;break-inside:avoid}.print-page:last-child{break-after:auto}}.tracing-area{gap:var(--guide-gap,24px) 0!important;margin:6mm auto 10mm!important;padding-top:0!important}.tracing-wrapper{width:100%!important;aspect-ratio:1/1!important;height:auto!important;padding-bottom:0!important;border-left-width:1px!important;border-right-width:0!important;border-top-width:0!important;border-bottom-width:0!important;border-style:solid!important;background:#fff!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}.tracing-area.cols-12 .tracing-wrapper:nth-child(12n),.tracing-area.cols-15 .tracing-wrapper:nth-child(15n),.tracing-area.cols-18 .tracing-wrapper:nth-child(18n){border-right-width:1px!important}.tracing-wrapper.last-row-cell{border-bottom-width:0!important;box-shadow:inset 0 -1px 0 var(--grid-color,#d3d3d3)!important}.pinyin-wrapper{top:calc(-1 * var(--guide-gap, 24px))!important;height:var(--guide-gap,24px)!important}.pinyin-lines{height:1px!important}.pinyin-line1{top:0!important}.pinyin-line2{top:33.333%!important;opacity:.35}.pinyin-line3{top:66.666%!important;opacity:.35}.pinyin-line4{top:calc(100% - 1px)!important}.tracing-number{font-family:LXGW WenKai,LXGW Wenkai,Kaiti SC,STKaiti,KaiTi,楷体,BiauKai,serif!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;line-height:1!important;text-align:center!important}.pinyin-text{top:50%!important;transform:translate(-50%,-52%)!important}@media print{.header-info{margin:0 0 12mm!important;page-break-before:auto!important;text-align:left!important}.tracing-area{margin:6mm auto 10mm!important;gap:var(--guide-gap,24px) 0!important;padding-top:0!important}.pinyin-wrapper{top:calc(-1 * var(--guide-gap, 24px))!important;height:var(--guide-gap,24px)!important}.pinyin-lines{border-bottom:none!important}}:root{--a4-page-width:210mm;--a4-page-height:297mm;--a4-margin:8mm;--a4-content-width:194mm;--header-gap:20px}#pages-container{width:100%!important;max-width:100%!important;margin:0 auto!important}.left-panel{width:var(--a4-content-width)!important;max-width:var(--a4-content-width)!important;flex:0 0 var(--a4-content-width)!important;margin:0 auto!important}.print-page{width:100%!important;margin:0 auto!important}.header-info{margin:0 0 var(--header-gap)!important;page-break-before:auto!important}@media print{body{margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.content-modal,.modal-overlay,.warning-box{display:none!important}.container{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#fff!important}.left-panel{width:var(--a4-content-width)!important;max-width:var(--a4-content-width)!important;margin:0 auto!important;padding:0!important;overflow:visible!important}.print-page{width:100%!important;margin:0 auto!important;break-after:page!important;break-inside:avoid!important}.print-page:last-child{break-after:auto!important}.header-info{margin:0 0 var(--header-gap)!important;page-break-before:auto!important;text-align:left!important}.tracing-area{width:100%!important;max-width:100%!important;margin:calc(var(--guide-gap, 24px) + 2mm) auto 0!important;gap:var(--guide-gap,24px) 0!important;padding-top:0!important;box-sizing:border-box!important;padding-right:1px!important}}.print-page.measure-page{width:194mm!important;max-width:194mm!important;margin:0!important;visibility:hidden!important;pointer-events:none!important}@media screen{.tracing-area{overflow:visible!important}.tracing-wrapper{z-index:1!important}.tracing-wrapper:focus-within,.tracing-wrapper:hover{z-index:7!important}.pinyin-wrapper{z-index:8!important}.pinyin-selector{z-index:9!important}}@media screen{.tracing-area.selector-layer-open .tracing-wrapper{z-index:1!important}.tracing-area.selector-layer-open{position:relative!important;isolation:isolate!important;overflow:visible!important}.tracing-area.selector-layer-open .tracing-wrapper:not(.selector-open){z-index:0!important;pointer-events:none!important}.tracing-area.selector-layer-open .tracing-wrapper.selector-open{z-index:10!important;pointer-events:auto!important}.tracing-area.selector-layer-open .tracing-wrapper.selector-open .pinyin-wrapper{z-index:11!important}.tracing-area.selector-layer-open .tracing-wrapper.selector-open .pinyin-selector{z-index:12!important;background:#fff!important;opacity:1!important}.tracing-area.selector-layer-open .tracing-wrapper.selector-open .pinyin-option{background:#fff!important;position:relative!important;z-index:1!important}}.tracing-wrapper .diagonal-1,.tracing-wrapper .diagonal-2{width:141%!important;height:.01px!important;background-color:transparent!important;border-top-width:.1px!important;border-top-style:dashed!important;border-top-color:currentColor!important}@media screen and (max-width:900px){html.has-mobile-fixed-panel .left-panel{height:auto!important;min-height:var(--shell-screen-card-height)!important;overflow:visible!important}html.has-mobile-fixed-panel #pages-container,html.has-mobile-fixed-panel .page-content-slot,html.has-mobile-fixed-panel .print-page{overflow:visible!important}}.content-modal{z-index:15!important;pointer-events:auto!important}.modal-overlay{z-index:14!important;pointer-events:auto!important}@media screen and (max-width:900px){.content-modal{top:8px!important;left:8px!important;right:8px!important;bottom:8px!important;width:auto!important;max-width:none!important;max-height:none!important;transform:none!important;margin:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;touch-action:pan-y!important;padding-bottom:calc(20px + env(safe-area-inset-bottom, 0px))!important}.content-modal textarea{min-height:120px!important;height:38vh!important;max-height:52vh!important}.content-modal button{width:100%!important;display:block!important;margin-top:10px!important}}.tracing-wrapper{color:var(--grid-color,#d3d3d3)}.tracing-wrapper .diagonal-1,.tracing-wrapper .diagonal-2,.tracing-wrapper:after,.tracing-wrapper:before{border-top-color:currentColor!important;border-left-color:currentColor!important}:root{--shell-card-padding-y:40px;--shell-header-gap:20px}.header-info{margin:0 0 var(--shell-header-gap)!important;line-height:30px!important;text-align:left!important}@media print{html.is-cn-en-page .container .left-panel.has-shell-print-pages #pages-container>.print-page{width:100%!important;margin:0 auto!important;box-sizing:border-box!important;padding-left:var(--shell-card-padding-x)!important;padding-right:var(--shell-card-padding-x)!important;padding-bottom:0!important}html.is-cn-en-page .container .left-panel.has-shell-print-pages #pages-container>.print-page .header-info{margin:0 0 var(--shell-header-gap)!important;page-break-before:auto!important;text-align:left!important}.tracing-area{margin:0 auto!important}}