.pronunciationPage{color:#192d32;background:#f8f5ed;min-height:100dvh;padding:24px;font-family:PingFang SC,Microsoft YaHei,sans-serif}.pronunciationShell{max-width:1120px;margin:0 auto}.pronunciationHeader{color:#516b6b;justify-content:space-between;align-items:center;gap:16px;font-size:15px;display:flex}.pronunciationHeader a{color:#245e57;padding:12px 0;font-weight:700;text-decoration:none}.pronunciationIntro{align-items:center;gap:20px;margin:24px 0;display:flex}.pronunciationBadge{color:#286655;background:#d9eee4;border-radius:28px;flex-shrink:0;place-items:center;width:80px;height:80px;font:700 60px Georgia,serif;display:grid}.pronunciationIntro h1{margin:0 0 8px;font-size:clamp(26px,4vw,38px)}.pronunciationIntro p{color:#516b6b;margin:0;line-height:1.7}.pronunciationStatus{background:#edf6ee;border:1px solid #c7ded2;border-radius:18px;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:10px 18px;display:flex}.pronunciationStatus p{margin:0;line-height:1.6}.pronunciationStatus button{color:#245e57;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #aecbbb;border-radius:12px;flex-shrink:0;padding:8px 14px}.pronunciationStatus button:disabled{opacity:.45;cursor:default}.pronunciationSection{margin-top:26px}.pronunciationSection h2{align-items:center;gap:14px;margin:0 0 14px;font-size:21px;display:flex}.pronunciationSection small{color:#617476;font-size:13px;font-weight:400}.pronunciationGrid{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;display:grid}.pronunciationGrid-words{grid-template-columns:repeat(4,minmax(0,1fr))}.pronunciationTile{cursor:pointer;min-width:0;font:inherit;touch-action:manipulation;background:#fffefa;border:2px solid #e0e6de;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px 8px 12px;display:flex;box-shadow:0 4px #e7e7dd}.pronunciationTile:hover{background:#fff;border-color:#88b8a3}.pronunciationTile:active{transform:translateY(2px);box-shadow:0 2px #e7e7dd}.pronunciationTile.isSpeaking{background:#eef8ef;border-color:#398466}.pronunciationPage button:focus-visible,.pronunciationPage a:focus-visible{outline-offset:4px;outline:3px solid #3073b6}.pronunciationSyllables{justify-content:center;gap:12px;display:flex}.pronunciationSyllable{flex-direction:column;align-items:center;gap:6px;display:flex}.pronunciationPinyin{color:#263d3f;font:25px/1.3 Times New Roman,serif}.pronunciationHanzi{color:#000;font-family:Kaiti SC,KaiTi,STKaiti,Microsoft YaHei,sans-serif;font-size:48px;line-height:1.2}.pronunciationHanzi.isZ{color:#d02029}@media (width<=850px){.pronunciationGrid-characters{grid-template-columns:repeat(4,minmax(0,1fr))}.pronunciationGrid-words{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.pronunciationPage{padding:14px}.pronunciationHeader{font-size:13px}.pronunciationIntro{gap:12px;margin:18px 0}.pronunciationBadge{border-radius:20px;width:56px;height:64px;font-size:46px}.pronunciationIntro p{font-size:14px}.pronunciationStatus{padding:10px;font-size:13px}.pronunciationStatus button{padding:6px 10px}.pronunciationGrid{gap:8px}.pronunciationTile{border-radius:14px;padding:12px 4px 10px}.pronunciationPinyin{font-size:22px}.pronunciationHanzi{font-size:38px}.pronunciationSection h2{font-size:19px}}.pronunciationSoundTabs{flex-wrap:wrap;gap:10px;margin:0 0 20px;display:flex}.pronunciationSoundTabs button{color:#245e57;cursor:pointer;background:#fff;border:1px solid #aac9b9;border-radius:14px;min-width:64px;min-height:48px;padding:8px 18px;font:24px Georgia,serif}.pronunciationSoundTabs button[aria-pressed=true]{color:#fff;background:#286655}.pronunciationBadge{width:auto;min-width:80px;padding:0 14px;font-size:40px}.pronunciationSyllables{flex-wrap:wrap;row-gap:12px;max-width:100%}.pronunciationEmpty{color:#516b6b;padding:30px 0}@media (width<=480px){.pronunciationBadge{min-width:56px;font-size:30px}}