.hanzi-writer-container[data-v-bb8439c0]{position:relative;width:100%;height:100%}.panel-info[data-v-11f15da3]{border:1px solid #bcdff1;border-radius:6px;background:#f9fdff}.panel-heading[data-v-11f15da3]{background-color:#d9edf7;padding:8px 12px;font-weight:700;color:#31708f}.panel-body[data-v-11f15da3]{padding:10px;display:flex;flex-wrap:wrap}.stroke-item[data-v-11f15da3]{display:inline-block;text-align:center}.stroke-label[data-v-11f15da3]{font-size:10px;color:#555}.phoneme-chip[data-v-fc40c9db]{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:16px;background:#ca000014;transition:background .2s}.phoneme-chip[data-v-fc40c9db]:hover{background:#ca000026}.phoneme-chip .phoneme-text[data-v-fc40c9db]{font-weight:500;color:#1d1d1d;text-decoration:none}.phoneme-chip .phoneme-text[data-v-fc40c9db]:hover{color:#ca0000}.phoneme-chip .phoneme-btn[data-v-fc40c9db]{transition:transform .15s}.phoneme-chip .phoneme-btn[data-v-fc40c9db]:hover{transform:scale(1.1)}.phoneme-chip .phoneme-btn.playing[data-v-fc40c9db]{animation:pulse-fc40c9db 1s infinite}@keyframes pulse-fc40c9db{0%{box-shadow:0 0 #ca000066}70%{box-shadow:0 0 0 8px #ca000000}to{box-shadow:0 0 #ca000000}}