.pinyin-result{font-size:1.2rem;line-height:1.8;padding:15px;border-radius:8px;background-color:var(--bg-light);min-height:100px;white-space:pre-wrap;word-break:break-word}.pinyin-tone1{color:var(--primary-color)}.pinyin-tone2{color:#f7a54a}.pinyin-tone3{color:#4af78c}.pinyin-tone4{color:#f74a6c}.compare-above{display:inline-block;text-align:center;margin:0 2px;line-height:1.2}.compare-above .pinyin-part{display:block;font-size:0.85em;color:var(--primary-color)}.compare-above .hanzi-part{display:block;font-size:1.1em}.compare-below{display:inline-block;text-align:center;margin:0 2px;line-height:1.2}.compare-below .hanzi-part{display:block;font-size:1.1em}.compare-below .pinyin-part{display:block;font-size:0.85em;color:var(--primary-color)}.compare-left,.compare-right{display:inline-block;text-align:center;margin:0 2px;line-height:1.2}.compare-left{display:flex;align-items:center}.compare-right{display:flex;align-items:center}.compare-left .pinyin-part,.compare-right .pinyin-part{font-size:0.85em;color:var(--primary-color)}.compare-left .pinyin-part{margin-right:5px}.compare-right .pinyin-part{margin-left:5px}