body{font-family:Arial,sans-serif;margin:0;padding:0}.header-info{text-align:left;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}.header-info p.block{display:block;margin-top:10px}.tracing-area{display:grid;gap:var(--guide-gap,24px) 0;width:100%;max-width:100%;margin:0 auto 10mm;padding-top:calc(var(--guide-gap, 24px) + 2px);overflow:visible}.tracing-wrapper{position:relative;width:100%;aspect-ratio:1/1;border:1px solid #d3d3d3;box-sizing:border-box;display:flex;align-items:center;justify-content:center;overflow:visible}.tracing-wrapper:after,.tracing-wrapper:before{content:"";position:absolute;background-color:transparent}.tracing-wrapper:before{left:0;top:50%;width:100%;border-top:1px dashed rgba(0,0,0,.12);transform:translateY(-50%)}.tracing-wrapper:after{top:0;left:50%;height:100%;border-left:1px dashed rgba(0,0,0,.12);transform:translateX(-50%)}.tracing-wrapper .diagonal-1,.tracing-wrapper .diagonal-2{position:absolute;width:141%;border-top:1px dashed rgba(0,0,0,.12)}.tracing-wrapper .diagonal-1{top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.tracing-wrapper .diagonal-2{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;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;z-index:1}.pinyin-wrapper{top:calc(-1 * var(--guide-gap, 24px));height:var(--guide-gap,24px);display:flex;flex-direction:column;justify-content:space-between;pointer-events:auto;overflow:visible}.pinyin-lines,.pinyin-wrapper{position:absolute;left:0;width:100%}.pinyin-lines{height:1px;background-color:#d3d3d3;z-index:1}.pinyin-line1{top:0}.pinyin-line2{top:33.333%}.pinyin-line3{top:66.666%}.pinyin-line4{top:calc(100% - 1px)}.pinyin-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);font-size:1.2em;text-align:center;width:100%;pointer-events:auto;white-space:nowrap;z-index:2}.pinyin-text:hover,.tracing-number:hover{color:red}.pinyin-wrapper.polyphone{background:#ffe4e4}.pinyin-wrapper.pinyin-bg-hidden{background:transparent!important}.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%);z-index:10;background:#fff;border:1px solid #ddd;border-radius:6px;box-shadow:0 4px 10px rgba(0,0,0,.15);padding:4px 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;gap:4px;font-size:12px;line-height:1.4;margin:2px 0;color:#333}.pinyin-option input{margin:0}.hidden{display:none}.content-modal{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border:1px solid #ccc;box-shadow:0 2px 10px rgba(0,0,0,.1);z-index:3;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:pointer}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2}.control-panel>.checkbox-group,.control-panel>.hint-box,.control-panel>.pinyin-manual-box,.control-panel>.radio-group,.control-panel>.warning-box{grid-column:1/-1;width:100%;box-sizing:border-box}.checkbox-group,.pinyin-manual-box,.radio-group{border:1px solid #d9dde3;border-radius:10px;background:#fff;padding:10px 12px;margin:0}.checkbox-group,.radio-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#pinyinOptions label,.checkbox-group label,.radio-group label{display:inline-flex;align-items:center;gap:4px;margin:0;white-space:nowrap;color:#3f4650;font-size:15px;line-height:1.2}#pinyinOptions{display:inline-flex;align-items:center;gap:10px}#pinyinOptions label input,.checkbox-group label input,.radio-group label input{margin:0}.pinyin-manual-box>label{display:block;margin-bottom:8px;line-height:1.3;color:#3f4650;font-size:16px}.pinyin-manual-box .pinyin-hint{color:#e53935;font-size:12px}.pinyin-manual-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px}#manualCharInput,#manualPinyinInput{width:100%;min-width:0;margin:0!important}.pinyin-manual-actions{display:flex;justify-content:center;gap:8px;margin-top:8px}.pinyin-manual-actions button{width:auto!important;min-width:88px;margin:0!important;padding:8px 12px!important;line-height:1.2}.warning-box{display:none;border:1px solid #ffa39e;border-radius:10px;background:#ffecec;color:#cf1322;font-size:14px;line-height:1.5;padding:12px;writing-mode:horizontal-tb;text-align:center}.warning-box strong{display:block;margin-bottom:4px;font-size:15px;text-align:center}.hint-box{text-align:left;writing-mode:horizontal-tb}.click-restore-tip{position:fixed;left:0;top:0;pointer-events:none;z-index:11;padding:3px 8px;border-radius:6px;border:1px solid rgba(0,0,0,.15);background:rgba(0,0,0,.75);color:#fff;font-size:12px;line-height:1.2;white-space:nowrap;opacity:0;transform:translateZ(0);transition:opacity .08s linear}.click-restore-tip.show{opacity:1}@media print{.pinyin-wrapper.polyphone{background:transparent!important}.click-restore-tip,.content-modal,.modal-overlay,.pinyin-manual-box,.warning-box{display:none!important}}#pages-container,.print-page{width:100%;margin:0 auto}.print-page.measure-page{width:194mm!important;max-width:194mm!important;margin:0!important;visibility:hidden!important;pointer-events:none!important}#pages-container{width:100%!important;max-width:100%!important;margin:0 auto!important}.left-panel{width:194mm!important;max-width:194mm!important;flex:0 0 194mm!important;margin:0 auto!important;overflow:visible!important}.print-page{width:100%!important;margin:0 auto!important}.tracing-area{gap:var(--guide-gap,24px) 0!important;margin:0 auto 10mm!important;padding-top:calc(var(--guide-gap, 24px) + 2px)!important;padding-right:1px!important}.tracing-area,.tracing-wrapper{box-sizing:border-box!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;display:flex!important;align-items:center!important;justify-content:center!important}.tracing-wrapper.last-row-cell{border-bottom-width:.1px!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:after,.tracing-wrapper:before{background-color:inherit!important;border-color:inherit!important;border-style:dashed!important;border-width:.5px!important}.tracing-wrapper .diagonal-1,.tracing-wrapper .diagonal-2,.tracing-wrapper:after,.tracing-wrapper:before{content:""!important;position:absolute!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}}.tracing-wrapper .diagonal-1,.tracing-wrapper .diagonal-2{border-top:.1px dashed currentColor!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;position:absolute!important;transform:translate(-50%,-50%)!important;line-height:1!important;text-align:center!important;z-index:2!important}.pinyin-text,.tracing-number{top:50%!important;left:50%!important}.pinyin-text{transform:translate(-50%,-52%)!important;color:var(--ppxx-pinyin-color,#d3d3d3)}@media screen{.header-info{margin:0 0 6mm!important}.tracing-area{margin:2mm auto 4mm!important;gap:var(--guide-gap,24px) 0!important}}@media print{.header-info{margin:0 0 6mm!important;page-break-before:auto!important;text-align:left!important}.tracing-area{margin:4mm auto!important;gap:var(--guide-gap,24px) 0!important;padding-top:calc(var(--guide-gap, 24px) + 2px)!important}.pinyin-wrapper{top:calc(-1 * var(--guide-gap, 24px))!important;height:var(--guide-gap,24px)!important}.pinyin-lines{border-bottom:none!important}}@media screen{.tracing-area{overflow:visible!important}.tracing-wrapper{z-index:1!important}.tracing-wrapper:focus-within,.tracing-wrapper:hover{z-index:4!important}.pinyin-wrapper{z-index:5!important}.pinyin-selector{z-index:6!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:7!important;pointer-events:auto!important}.tracing-area.selector-layer-open .tracing-wrapper.selector-open .pinyin-wrapper{z-index:8!important}.tracing-area.selector-layer-open .tracing-wrapper.selector-open .pinyin-selector{z-index:9!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{border-top-width:.1px!important;border-top-style:dashed!important;border-top-color:currentColor!important}.tracing-wrapper:before{top:50%!important;left:0!important;width:100%!important;height:.01px!important;background-color:transparent!important;border-top:.1px dashed rgba(0,0,0,.1)!important;transform:translateY(-50%)!important}.tracing-wrapper:after{left:50%!important;top:0!important;width:.01px!important;height:100%!important;background-color:transparent!important;border-left:.1px dashed rgba(0,0,0,.1)!important;transform:translateX(-50%)!important}.tracing-wrapper .diagonal-1,.tracing-wrapper .diagonal-2{width:141%!important;height:.01px!important;background-color:transparent!important;border-top:.1px dashed rgba(0,0,0,.1)!important}.tracing-wrapper .diagonal-1{top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(45deg)!important}.tracing-wrapper .diagonal-2{top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(-45deg)!important}.content-modal{z-index:13!important;pointer-events:auto!important}.modal-overlay{z-index:12!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}