*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Noto Serif SC","Songti SC","SimSun",-apple-system,"PingFang SC",serif;color:#2c241b;background:#f6f2e9;line-height:1.8;max-width:760px;margin:0 auto;padding:12px 18px 56px}
.breadcrumb{font-size:14px;color:#8a7d6b;margin-bottom:18px}
.breadcrumb a{color:#8a5a2b;text-decoration:none;font-weight:500}
.breadcrumb a:hover{text-decoration:underline}
article h1{font-size:32px;margin:8px 0 4px;text-align:center;letter-spacing:2px;color:#2c241b}
.subtitle{font-size:17px;color:#705e4d;text-align:center;margin-bottom:18px;letter-spacing:1px}
h2{font-size:20px;margin:28px 0 12px;border-left:4px solid #8a5a2b;padding-left:12px;color:#2c241b}
h3{font-size:17px;margin:16px 0 8px;color:#4a3b2c}
p{font-size:16px;margin:10px 0;color:#3a2f24;text-align:justify}

/* 核心释义框 */
.meaning-card{background:#fffdf7;border:1px solid #e0d6c2;border-radius:8px;padding:18px 20px;margin:16px 0;box-shadow:inset 0 0 20px rgba(138,90,43,0.04)}
.meaning-card p{font-size:17px;line-height:1.8;color:#2c241b}

/* 文言原文与白话译文 */
.ancient-box{background:#fcf9f2;border:1px solid #dcd1ba;border-left:4px solid #8a5a2b;border-radius:0 8px 8px 0;padding:16px 20px;margin:14px 0}
.ancient-box .source-tag{font-size:13px;color:#8a5a2b;font-weight:600;margin-bottom:6px;display:inline-block;background:#f0e6d6;padding:2px 8px;border-radius:4px}
.ancient-box p.ancient-text{font-size:17px;font-family:"Noto Serif SC","Songti SC",serif;color:#2a2015;line-height:1.9}
.trans-box{background:#ffffff;border:1px dashed #d8caa9;border-radius:8px;padding:16px 20px;margin:14px 0}
.trans-box p.trans-text{font-size:16px;color:#4a3f33;line-height:1.8}

/* 典故渊源与背景详析 */
.story-box{background:#fffdf7;border:1px solid #e0d6c2;border-radius:8px;padding:18px 20px;margin:14px 0}
.story-box p{font-size:16px;line-height:1.85;color:#33291e}

/* 文化内涵与语法例句 */
.culture-box,.grammar-box{background:#fffdf7;border:1px solid #e0d6c2;border-radius:8px;padding:16px 20px;margin:14px 0}
.grammar-box .example-p{background:#f9f5ec;border-left:3px solid #b08d57;padding:8px 14px;border-radius:0 4px 4px 0;margin-top:10px;font-size:15px;color:#44382b}

/* 四个字逐字拆解注音与演变链接 */
.char-decomp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin:18px 0}
.char-decomp-card{background:#fffdf7;border:1px solid #ded4bf;border-radius:8px;padding:16px 12px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.03);transition:transform .2s ease,box-shadow .2s ease}
.char-decomp-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(138,90,43,0.12)}
.cdc-char{font-size:34px;font-weight:bold;color:#2c241b;line-height:1.2;font-family:"Noto Serif SC","Songti SC",serif;display:block;text-decoration:none}
.cdc-pinyin{font-size:14px;color:#8a5a2b;font-weight:500;margin:4px 0 10px}
.cdc-link a{display:inline-block;font-size:13px;color:#8a5a2b;background:#f7f0e4;border:1px solid #dccbb0;border-radius:6px;padding:5px 10px;text-decoration:none;font-weight:500;transition:all .2s ease}
.cdc-link a:hover{background:#8a5a2b;color:#fff;border-color:#8a5a2b}

/* 近义词与反义词矩阵互链网 */
.matrix-section{background:#fffdf7;border:1px solid #e0d6c2;border-radius:8px;padding:18px 20px;margin:18px 0}
.matrix-block{margin:12px 0 16px}
.matrix-block:last-child{margin-bottom:0}
.matrix-title{font-size:15px;font-weight:bold;color:#6b5845;margin-bottom:10px;display:flex;align-items:center;gap:6px}
.matrix-grid{display:flex;flex-wrap:wrap;gap:10px}
.matrix-chip{display:inline-block;padding:6px 14px;border-radius:6px;font-size:15px;text-decoration:none;transition:all .2s ease}
.matrix-chip.syn{background:#f3f7f0;border:1px solid #c7dcbf;color:#2b6127}
.matrix-chip.syn:hover{background:#2b6127;color:#fff;border-color:#2b6127}
.matrix-chip.ant{background:#fbf2f0;border:1px solid #eccbc6;color:#8f3325}
.matrix-chip.ant:hover{background:#8f3325;color:#fff;border-color:#8f3325}
.matrix-chip.rel{background:#faf5eb;border:1px solid #dfd2b9;color:#544130}
.matrix-chip.rel:hover{background:#8a5a2b;color:#fff;border-color:#8a5a2b}
.matrix-tag{display:inline-block;padding:5px 12px;border-radius:6px;font-size:14px;background:#f3efe6;border:1px solid #e0d6c2;color:#706253}

/* 百科与问答 */
.baike{background:#f6f9f7;border:1px solid #cfe3d8;border-radius:8px;padding:16px 20px;margin:18px 0}
.baike h2{border-left-color:#2c7a5f;color:#1f5c46}
.baike-source{font-size:13px;color:#8a7d6b;margin-top:8px}
.baike-source a{color:#2c7a5f;text-decoration:none}
.faq dl dt{font-weight:700;margin-top:14px;color:#2c241b}
.faq dl dd{margin:6px 0 0 0;color:#55483b}

/* 移动端竖屏排版与呼吸感节奏优化 */
@media screen and (max-width: 640px) {
  body{padding:12px 14px 52px;line-height:1.85}
  article h1{font-size:30px;margin:10px 0 6px;letter-spacing:1.5px}
  .subtitle{font-size:15px;margin-bottom:14px}
  h2{font-size:19px;margin:22px 0 10px;padding-left:10px;border-left-width:4px}
  p{font-size:15.5px;margin:10px 0;line-height:1.85;color:#33291e}
  .meaning-card,.ancient-box,.trans-box,.story-box,.culture-box,.grammar-box,.matrix-section{padding:14px 14px;margin:14px 0;border-radius:10px}
  .char-decomp-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}
  .char-decomp-card{padding:14px 8px;border-radius:10px;background:#faf7f0}
  .cdc-char{font-size:36px;line-height:1.1}
  .cdc-pinyin{font-size:13px;margin:4px 0 8px}
  .matrix-chip{padding:5px 10px;font-size:13.5px}
  .cta-box{margin:24px 0 18px}
  .cta-btn{padding:12px 24px;font-size:15px;width:100%;text-align:center}
}
.seo-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:2px;font-size:13.5px;line-height:1.6;background:var(--seo-bc-bg,#f6f1e6);border:1px solid var(--seo-bc-bd,#e6d9bf);border-radius:10px;padding:8px 14px;margin:0 0 18px;color:var(--seo-bc-muted,#8a7a62)}
.seo-breadcrumb a{color:var(--seo-bc-link,#8a5a2b);text-decoration:none;font-weight:500}
.seo-breadcrumb a:hover{color:var(--seo-bc-hover,#c0392b);text-decoration:underline}
.seo-breadcrumb .bc-sep{color:var(--seo-bc-sep,#c9b389);font-size:12px;margin:0 5px;font-family:serif}
.seo-breadcrumb .bc-current{color:var(--seo-bc-cur,#3d3327);font-weight:700;max-width:14em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:640px){.seo-breadcrumb{font-size:13px;padding:7px 12px;border-radius:8px}.seo-breadcrumb .bc-current{max-width:9em}}
.copybook-card{margin:22px 0;background:linear-gradient(180deg,var(--seo-cb-bg,#fffdf7),var(--seo-cb-bg2,#f8f2e4));border:1px solid var(--seo-cb-bd,#e0d2b8);border-radius:12px;padding:18px 16px 14px;box-shadow:0 6px 20px -10px var(--seo-cb-shadow,rgba(138,90,43,.28))}
.copybook-card .cb-head{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:4px}
.copybook-card .cb-badge{display:inline-block;background:var(--seo-cb-seal,#8b1a1a);color:#fff;font-size:12px;font-weight:700;padding:2px 9px;border-radius:4px;letter-spacing:3px;flex:none}
.copybook-card .cb-title{font-size:18px;font-weight:700;color:var(--seo-cb-title,#6e4520);margin:0}
.copybook-card .cb-note{font-size:13px;color:var(--seo-cb-note,#8a7a62);margin:2px 0 14px}
.cb-grids{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.cb-group{display:flex;flex-direction:column;gap:6px;align-items:center}
.cb-row{display:flex;gap:8px}
.cb-cell{position:relative;width:var(--seo-cell,72px);height:var(--seo-cell,72px);background:var(--seo-cell-bg,#fffefb);border:2px solid var(--seo-cell-bd,#a98455);border-radius:2px;overflow:hidden;flex:none}
.cb-cell .ch{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"STKaiti","KaiTi","Noto Serif SC","Songti SC",serif;font-size:calc(var(--seo-cell,72px)*.62);font-weight:700;line-height:1;z-index:1}
.cb-cell .diag{position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - .75px),var(--seo-cell-guide,#dcc7a5) 50%,transparent calc(50% + .75px)),linear-gradient(to top left,transparent calc(50% - .75px),var(--seo-cell-guide,#dcc7a5) 50%,transparent calc(50% + .75px))}
.cb-cell.tian::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1.5px dashed var(--seo-cell-guide,#dcc7a5)}
.cb-cell.tian::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px dashed var(--seo-cell-guide,#dcc7a5)}
.cb-cell.mi::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1.5px dashed var(--seo-cell-guide,#dcc7a5)}
.cb-cell.mi::after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px dashed var(--seo-cell-guide,#dcc7a5)}
.cb-model .ch{color:var(--seo-cb-ink,#2b2620)}
.cb-trace .ch{color:var(--seo-cb-trace,rgba(178,44,32,.34))}
.cb-empty .ch{color:var(--seo-cb-ghost,rgba(122,104,76,.14))}
.cb-legend{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;font-size:12.5px;color:var(--seo-cb-note,#8a7a62);margin-top:12px}
.cb-legend b{color:var(--seo-cb-ink,#2b2620);font-weight:700}
.cb-legend .lg-trace{color:var(--seo-cb-trace2,#b22c20)}
.cb-legend .lg-ghost{color:var(--seo-cb-ghost2,#a08c6e)}
.cb-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:13px;padding-top:12px;border-top:1px dashed var(--seo-cb-bd,#e0d2b8)}
.cb-cta{display:inline-block;background:var(--seo-cb-btn,#8a5a2b);color:#fff;font-size:15px;font-weight:600;padding:9px 20px;border-radius:8px;text-decoration:none;letter-spacing:1px}
.cb-cta:hover{background:var(--seo-cb-btnh,#7a4a1f)}
.cb-hint{font-size:12px;color:var(--seo-cb-ghost2,#a08c6e)}
@media(max-width:640px){.copybook-card{padding:14px 12px 12px;border-radius:10px}.copybook-card .cb-title{font-size:16.5px}.cb-grids{gap:10px}.cb-row{gap:6px}:root{--seo-cell:56px}.cb-cell .ch{font-size:calc(var(--seo-cell)*.62)}.cb-cta{font-size:14px;padding:8px 16px}.cb-foot{justify-content:center;text-align:center}}
.cb-wx-banner{display:flex;align-items:center;gap:13px;margin:14px 0 2px;padding:11px 14px;background:linear-gradient(135deg,#101d16 0%,#13291d 55%,#0f2418 100%);border:1px solid #1f4230;border-radius:10px}
.cb-qr{flex:0 0 62px;width:62px;height:62px;position:relative;display:block;background:#fff;border-radius:7px;padding:5px;box-shadow:0 0 0 1px rgba(255,255,255,.12)}
.cb-qr .qr-dotfield{display:block;width:100%;height:100%;background-image:radial-gradient(#22332b 27%,transparent 29%),radial-gradient(#22332b 27%,transparent 29%);background-size:9px 9px;background-position:0 0,4.5px 4.5px;border-radius:3px}
.cb-qr .qr-c{position:absolute;width:14px;height:14px;border:3px solid #22332b;border-radius:3px;background:#fff}
.cb-qr .qr-c::after{content:"";position:absolute;inset:2px;background:#22332b;border-radius:1px}
.cb-qr .q-tl{top:4px;left:4px}
.cb-qr .q-tr{top:4px;right:4px}
.cb-qr .q-bl{bottom:4px;left:4px}
.cb-wx-text{flex:1;min-width:0;display:block}
.cb-wx-title{display:block;font-size:15px;line-height:1.5;color:#eafff2;font-weight:700;margin:0}
.cb-wx-title::before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#07c160;margin-right:7px;vertical-align:1px;box-shadow:0 0 6px rgba(7,193,96,.8)}
.cb-wx-sub{display:block;font-size:12.5px;line-height:1.5;color:rgba(220,244,230,.66);margin:3px 0 0}
@media(max-width:640px){.cb-wx-banner{gap:10px;padding:9px 11px}.cb-qr{flex-basis:52px;width:52px;height:52px}.cb-wx-title{font-size:13.5px}.cb-wx-sub{font-size:11.5px}}
.rel-links-card{margin:0 0 22px;background:linear-gradient(180deg,var(--seo-cb-bg,#fffdf7),var(--seo-cb-bg2,#f8f2e4));border:1px solid var(--seo-cb-bd,#e0d2b8);border-left:4px solid var(--seo-cb-seal,#a33c2e);border-radius:12px;padding:16px 18px 14px;box-shadow:0 6px 20px -10px var(--seo-cb-shadow,rgba(138,90,43,.28))}
.rel-links-card .rl-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:2px}
.rel-links-card .rl-badge{flex:none;display:inline-block;padding:2px 9px;font-size:12px;font-weight:700;letter-spacing:3px;color:#fff;background:var(--seo-cb-seal,#a33c2e);border-radius:4px}
.rel-links-card .rl-title{font-size:16.5px;font-weight:700;color:var(--seo-cb-title,#6e4520);margin:0}
.rel-links-card .rl-note{font-size:13px;color:var(--seo-cb-note,#8a7a62);margin:3px 0 6px}
.rel-links-card .rl-block{margin:11px 0 0}
.rel-links-card .rl-sub{font-size:14px;font-weight:700;color:var(--seo-cb-title,#7a4a22);margin:0 0 8px;padding-left:10px;border-left:3px solid var(--seo-cell-bd,#c79a5e)}
.rel-links-card .rl-chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.rel-links-card .rl-chip{display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 12px;font-size:13.5px;line-height:1.5;color:var(--seo-cb-title,#7a4a22);background:var(--seo-cell-bg,#fffefb);border:1px solid var(--seo-cb-bd,#e0d2b8);border-radius:10px;text-decoration:none;text-align:center;transition:color .18s,border-color .18s,background .18s,transform .12s,box-shadow .18s;-webkit-tap-highlight-color:transparent;user-select:none}
.rel-links-card .rl-chip:hover{color:var(--seo-cb-btnh,#c0392b);border-color:var(--seo-cb-btnh,#c0392b);background:rgba(178,44,32,.05);text-decoration:none;box-shadow:0 2px 8px -3px rgba(178,44,32,.25)}
.rel-links-card .rl-chip:active{transform:scale(.96);background:rgba(178,44,32,.1);color:var(--seo-cb-btnh,#c0392b)}
.rel-links-card .rl-chip.evo{background:var(--seo-cb-bg,#f6f0e3)}
@media(max-width:640px){.rel-links-card{padding:13px 13px 12px;border-radius:10px}.rel-links-card .rl-title{font-size:15.5px}.rel-links-card .rl-chips{grid-template-columns:repeat(2,1fr);gap:9px}.rel-links-card .rl-chip{font-size:13px;padding:10px 8px;min-height:46px;border-radius:9px}}
.pinyin-audio-card{margin:22px 0;background:linear-gradient(135deg,#fbf7ec,#f6efe0);border:1px solid var(--seo-cb-bd,#e0d2b8);border-radius:12px;padding:16px 18px 14px;box-shadow:0 6px 20px -10px var(--seo-cb-shadow,rgba(138,90,43,.28))}
.pinyin-audio-card .pa-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:4px}
.pinyin-audio-card .pa-badge{flex:none;display:inline-block;background:#0a7d43;color:#fff;font-size:12px;font-weight:700;letter-spacing:3px;padding:2px 9px;border-radius:4px}
.pinyin-audio-card .pa-title{font-size:16.5px;font-weight:700;color:#5a3a1a;margin:0}
.pinyin-audio-card .pa-note{font-size:13px;color:var(--seo-cb-note,#8a7a62);margin:2px 0 12px}
.pinyin-audio-card audio{width:100%;height:44px;margin:2px 0 10px}
.pinyin-audio-card audio:focus-visible{outline:2px solid #0a7d43;outline-offset:2px}
.pinyin-audio-card .pa-script{font-size:13.5px;line-height:1.8;color:#6e5c44;background:rgba(255,255,255,.65);border-left:3px solid #0a7d43;border-radius:0 8px 8px 0;padding:8px 12px;margin:0}
.pinyin-audio-card .pa-script b{color:#8b1a1a}
@media(max-width:640px){.pinyin-audio-card{padding:13px 13px 12px}.pinyin-audio-card .pa-title{font-size:15.5px}.pinyin-audio-card audio{height:40px}}
.stroke-card{margin:22px 0;background:var(--seo-cb-bg,#fffdf7);border:1px solid var(--seo-cb-bd,#e0d2b8);border-radius:12px;padding:16px 18px 14px;box-shadow:0 6px 20px -10px var(--seo-cb-shadow,rgba(138,90,43,.28))}
.stroke-card .sc-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:4px}
.stroke-card .sc-badge{flex:none;display:inline-block;background:#2b4a7a;color:#fff;font-size:12px;font-weight:700;letter-spacing:3px;padding:2px 9px;border-radius:4px}
.stroke-card .sc-title{font-size:16.5px;font-weight:700;color:var(--seo-cb-title,#6e4520);margin:0}
.stroke-card .sc-note{font-size:13px;color:var(--seo-cb-note,#8a7a62);margin:2px 0 12px}
.stroke-anim{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:6px 0 4px}
.stroke-anim .sa-unit{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:5px}
.stroke-anim .sa-cell{position:relative;width:84px;height:84px;background:var(--seo-cell-bg,#fffefb);border:2px solid var(--seo-cell-bd,#a98455);border-radius:4px;overflow:hidden}
.stroke-anim .sa-cell svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.stroke-anim .sa-cell svg .st-path{fill:none;stroke:var(--seo-cb-ink,#2b2620);stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}
.stroke-anim .sa-cell svg .st-guide{fill:none;stroke:var(--seo-cell-guide,#dcc7a5);stroke-width:1.5px}
.stroke-anim .sa-cell svg .st-next{stroke:rgba(178,44,32,.28)}
.stroke-anim .sa-num{font-size:12.5px;color:var(--seo-cb-note,#8a7a62);line-height:1.4;text-align:center}
.stroke-anim .sa-num b{color:var(--seo-cb-title,#7a4a22);font-weight:700}
.stroke-anim .sa-cell.sa-anim .st-path{opacity:0;animation:stStrokeReveal .45s steps(1,end) forwards}
@keyframes stStrokeReveal{to{opacity:1}}
.stroke-steps{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0;padding:0;list-style:none}
.stroke-steps .ss-chip{display:inline-flex;align-items:center;justify-content:center;min-width:34px;padding:4px 10px;font-size:13px;line-height:1.5;color:#2b4a7a;background:rgba(43,74,122,.07);border:1px solid rgba(43,74,122,.25);border-radius:999px}
.stroke-steps .ss-chip b{font-weight:700;margin-right:2px}
.stroke-hint{font-size:12px;color:var(--seo-cb-ghost2,#a08c6e);margin:9px 0 0;text-align:center}
/* 尊重用户减速动效偏好：动画替换为静态全显 */
@media(prefers-reduced-motion:reduce){.stroke-anim .sa-anim .st-path{animation:none;opacity:1}}
@media(max-width:640px){.stroke-card{padding:13px 13px 12px}.stroke-anim .sa-cell{width:64px;height:64px}.stroke-anim .sa-cell svg .st-path{stroke-width:9px}.stroke-anim{gap:7px}.stroke-steps .ss-chip{font-size:12px;min-width:30px}}
.print-sheet{margin:22px 0;background:var(--seo-cb-bg,#fffdf7);border:1px solid var(--seo-cb-bd,#e0d2b8);border-radius:12px;padding:16px 18px 14px;box-shadow:0 6px 20px -10px var(--seo-cb-shadow,rgba(138,90,43,.28))}
.print-sheet .ps-head{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:4px}
.print-sheet .ps-badge{flex:none;display:inline-block;background:#8a5a2b;color:#fff;font-size:12px;font-weight:700;letter-spacing:3px;padding:2px 9px;border-radius:4px}
.print-sheet .ps-title{font-size:16.5px;font-weight:700;color:var(--seo-cb-title,#6e4520);margin:0}
.print-sheet .ps-note{font-size:13px;color:var(--seo-cb-note,#8a7a62);margin:2px 0 12px}
.print-sheet .ps-btn{display:inline-block;background:#8a5a2b;color:#fff;font-size:14.5px;font-weight:600;padding:9px 22px;border-radius:8px;text-decoration:none;letter-spacing:1px;border:none;cursor:pointer}
.print-sheet .ps-btn:hover{background:#7a4a1f}
.print-sheet .ps-btn:active{transform:scale(.97)}
.print-sheet .ps-tips{font-size:12.5px;color:var(--seo-cb-note,#8a7a62);margin:10px 0 0;line-height:1.7}
/* A4 练习排版（屏幕隐藏，打印独占页面） */
.print-practice{display:none}
@media print{
  @page{size:A4 portrait;margin:14mm 12mm}
  body{background:#fff!important}
  body>*{display:none!important}
  body>.print-practice{display:block!important}
  .print-practice{display:block;font-family:"STKaiti","KaiTi","Noto Serif SC","Songti SC",serif;color:#111}
  .pp-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2.5px solid #333;padding-bottom:4mm;margin-bottom:5mm}
  .pp-head h1{font-size:17pt;margin:0;letter-spacing:2px}
  .pp-head .pp-meta{font-size:10.5pt;color:#444;font-family:sans-serif}
  .pp-row{display:flex;flex-wrap:wrap;gap:0;margin-bottom:6mm}
  .pp-unit{flex:0 0 25%;box-sizing:border-box;padding:1.5mm;display:flex;flex-direction:column;align-items:center}
  .pp-py{font-size:12pt;height:7mm;line-height:7mm;font-family:"Songti SC","SimSun",serif;color:#222;letter-spacing:1px}
  .pp-grid{position:relative;width:32mm;height:32mm;border:1.2mm solid #444;box-sizing:border-box;background:#fff}
  .pp-grid::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:.4mm dashed #999}
  .pp-grid::after{content:"";position:absolute;top:50%;left:0;right:0;border-top:.4mm dashed #999}
  .pp-grid .pp-char{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:21.5mm;font-weight:700;color:#111;line-height:1}
  .pp-grid .pp-char.pp-trace{color:rgba(178,44,32,.3)}
  .pp-grid .pp-char.pp-ghost{color:rgba(17,17,17,.12)}
  .pp-count{font-size:9.5pt;color:#555;margin-top:1.5mm;font-family:sans-serif}
  .pp-stroke-line{font-size:10.5pt;color:#333;border-top:1px solid #bbb;margin-top:4mm;padding-top:2mm;font-family:sans-serif}
  .pp-foot{font-size:9.5pt;color:#666;text-align:center;border-top:1px solid #ccc;margin-top:5mm;padding-top:2mm;font-family:sans-serif}
  .print-practice,.print-practice *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
@media(max-width:640px){.print-sheet .ps-btn{width:100%;text-align:center;font-size:14px;padding:10px 0}.print-sheet{padding:13px 13px 12px}}
