body{font-family:Arial,sans-serif;margin:0;padding:0}:root{--shell-card-padding-y:26px;--shell-header-gap:10px}#pages-container,.print-page{width:100%;margin:0 auto}.header-info{text-align:left;margin:0 0 20px;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:楷体,KaiTi,serif}.header-info p.block{display:block;font-family:黑体,SimHei,sans-serif;margin-top:10px}.tracing-area{display:flex;flex-direction:column;gap:10px 0;max-width:100%;margin:0 auto;page-break-inside:auto}.tracing-area,.tracing-row{width:100%;background-color:#fff}.tracing-row{position:relative;height:var(--cell-size);display:grid;grid-template-columns:repeat(var(--columns),1fr);box-sizing:border-box}.tracing-row:after{content:"";position:absolute;inset:0;pointer-events:none;top:50%;bottom:auto;height:.01px;background-color:transparent;border-top:.1px dashed rgba(0,0,0,.1);transform:translateY(-50%)}.tracing-cell{position:relative;width:100%;height:100%;border-top:1px solid var(--grid-color,#d3d3d3);border-bottom:1px solid var(--grid-color,#d3d3d3);border-left:1px solid var(--grid-color,#d3d3d3);box-sizing:border-box}.tracing-cell:last-child{border-right:1px solid var(--grid-color,#d3d3d3)}.tracing-cell:before{content:"";position:absolute;left:50%;top:0;width:.01px;height:100%;background-color:transparent;border-left:.1px dashed rgba(0,0,0,.1);transform:translateX(-50%);pointer-events:none}.tracing-row.mizi .tracing-cell .diagonal-1,.tracing-row.mizi .tracing-cell .diagonal-2{position:absolute;width:141%;height:.01px;background-color:transparent;border-top:.1px dashed rgba(0,0,0,.1);pointer-events:none}.tracing-row.mizi .tracing-cell .diagonal-1{top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}.tracing-row.mizi .tracing-cell .diagonal-2{top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.tracing-number{font-family:KaiTi,楷体,cursive;color:#000;position:absolute;line-height:1;margin:0;z-index:1}.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: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}@page{size:A4 portrait;margin:8mm}@media print{body{-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;-ms-print-color-adjust:exact;print-color-adjust:exact}.tracing-area{display:flex!important;flex-direction:column!important;width:100%!important;max-width:100%!important;background-color:#fff!important;gap:10px 0!important}.tracing-area,.tracing-row{page-break-inside:auto!important;box-sizing:border-box!important}.tracing-row{display:grid!important}.container{display:block!important;margin:0;padding:0;width:100%;max-width:100%}.left-panel{width:194mm!important;max-width:194mm!important;padding:0!important;margin:0 auto!important;overflow:visible!important}.header-info h1{font-size:24px}.header-info p{font-size:14px}.print-page{break-after:page;break-inside:auto}.print-page:last-child{break-after:auto}.header-info{margin:0 0 20px!important;page-break-before:auto!important;break-inside:avoid!important}}@media screen{:root{--music-screen-bg:#eeeff2;--music-card-width:194mm;--music-card-padding-y:40px;--music-card-padding-x:20px;--music-card-border:#e6e6e8;--music-card-shadow:0 6px 18px rgba(0,0,0,.12)}body{background:var(--music-screen-bg)!important}.container{width:min(96%,calc(var(--music-card-width) + 360px))!important;max-width:calc(var(--music-card-width) + 360px)!important;margin:18px auto 0!important;padding:0!important;gap:20px!important;align-items:flex-start!important;background:transparent!important}.left-panel{width:var(--music-card-width)!important;max-width:var(--music-card-width)!important;flex:0 0 var(--music-card-width)!important;margin:0!important;padding:var(--music-card-padding-y) var(--music-card-padding-x)!important;background:#fff!important;border:1px solid var(--music-card-border)!important;box-shadow:var(--music-card-shadow)!important;overflow:visible!important;box-sizing:border-box!important}.control-panel{background-color:transparent!important;border-left:none!important}}:root{--a4-page-width:210mm;--a4-page-height:297mm;--a4-margin:8mm;--a4-content-width:194mm}#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}@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{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}.print-page:last-child{break-after:auto!important}.header-info{margin:0 0 var(--header-gap)!important;page-break-before:auto!important}.tracing-area{width:100%!important;max-width:100%!important;margin:0 auto!important}}:root{--header-fixed-height:96px;--header-gap:20px;--panel-top-padding:20px}.left-panel{padding-top:var(--panel-top-padding)!important}.header-info{margin:0 0 var(--header-gap)!important;height:var(--header-fixed-height)!important;box-sizing:border-box!important}.header-info h1,.header-info p{margin:0!important}.header-info h1,.header-info p.block,.header-info p.inline{line-height:1.2!important}.header-info p.block{margin-top:10px!important}@media print{.left-panel{padding-top:var(--panel-top-padding)!important}.header-info{margin:0 0 var(--header-gap)!important;height:var(--header-fixed-height)!important}}@media print{.header-info,.tracing-area{box-sizing:border-box!important}.tracing-area{gap:10px 0!important;margin:0 auto!important}.tracing-row{box-sizing:border-box!important}.tracing-row:after{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-cell{border-top:1px solid var(--grid-color,#d3d3d3)!important;border-bottom:1px solid var(--grid-color,#d3d3d3)!important;border-left:1px solid var(--grid-color,#d3d3d3)!important;box-sizing:border-box!important}.tracing-cell:last-child{border-right:1px solid var(--grid-color,#d3d3d3)!important}.tracing-cell:before{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-row:after{top:50%!important;bottom:auto!important;height:.01px!important;background-color:transparent!important;border-top:.1px dashed rgba(0,0,0,.1)!important;transform:translateY(-50%)!important}.tracing-cell:before{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-row.mizi .tracing-cell .diagonal-1,.tracing-row.mizi .tracing-cell .diagonal-2{border-top:.1px dashed rgba(0,0,0,.1)!important}.tracing-row.mizi .tracing-cell .diagonal-1{top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(45deg)!important}.tracing-row.mizi .tracing-cell .diagonal-2{top:50%!important;left:50%!important;transform:translate(-50%,-50%) rotate(-45deg)!important}.tracing-cell:before,.tracing-row.mizi .tracing-cell .diagonal-1,.tracing-row.mizi .tracing-cell .diagonal-2,.tracing-row:after{border:.5px dashed rgba(0,0,0,.1)!important}.tracing-row.mizi .tracing-cell .diagonal-1,.tracing-row.mizi .tracing-cell .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 print{.print-page .tracing-area{display:block!important;gap:0!important}.print-page .tracing-area .tracing-row{margin:0 0 var(--row-gap,10px)!important;break-inside:avoid!important;page-break-inside:avoid!important}.print-page .tracing-area .tracing-row:last-child{margin-bottom:0!important}}@media print{html.is-tem-page .container .left-panel #pages-container>.print-page{min-height:auto!important;break-after:auto!important;break-inside:auto!important;overflow:visible!important}html.is-tem-page .container .left-panel #pages-container>.print-page+.print-page{break-before:page!important}#pages-container>.print-page:before{content:none!important;display:none!important;height:0!important}html.is-safari.is-tem-page .container .left-panel #pages-container>.print-page{padding-top:0!important}html.is-safari.is-tem-page .container .left-panel #pages-container>.print-page:before{content:""!important;display:block!important;height:calc(var(--shell-card-padding-y) + var(--shell-safari-print-extra-top) + var(--shell-tem-print-top-extra))!important}}.tracing-cell,.tracing-row{color:var(--grid-color,#d3d3d3)}.tracing-cell:before,.tracing-row.mizi .tracing-cell .diagonal-1,.tracing-row.mizi .tracing-cell .diagonal-2,.tracing-row:after{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;text-align:left!important;line-height:30px!important}@media print{html.is-tem-page .container .left-panel.has-shell-print-pages #pages-container>.print-page{width:100%!important;margin:0 auto!important;min-height: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-safari.is-tem-page .container .left-panel.has-shell-print-pages #pages-container>.print-page{padding-top:calc(var(--shell-card-padding-y) + var(--shell-safari-print-extra-top) + var(--shell-tem-print-top-extra))!important}html.is-tem-page .container .left-panel.has-shell-print-pages #pages-container>.print-page:before{content:none!important;display:none!important;height:0!important}html.is-tem-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}}