.btn-audio{background:transparent!important;border:none!important;color:#73d13d!important;cursor:pointer;padding:8px 12px!important;margin:0 8px!important;border-radius:50%!important;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:500!important;outline:none;position:relative;overflow:hidden;width:32px!important;height:32px!important;box-shadow:0 2px 4px rgba(82,196,26,.1)!important}.btn-audio:hover{background:rgba(82,196,26,.1)!important;color:#52c41a!important;box-shadow:0 4px 8px rgba(82,196,26,.2)!important}.btn-audio:hover,.btn-audio:hover svg{transform:scale(1.1)!important}.btn-audio:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.btn-audio svg{transition:transform .2s ease!important;width:16px!important;height:16px!important;fill:currentColor!important;flex-shrink:0!important}.btn-audio.loading svg{animation:pulse 1.5s infinite!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.btn-pinyin{background:transparent!important;border:none!important;color:#73d13d!important;cursor:pointer;padding:4px 8px!important;margin:0 4px!important;border-radius:4px!important;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block!important;font-size:16px!important;font-weight:500!important;outline:none;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(82,196,26,.1)!important}.btn-pinyin:hover{background:rgba(82,196,26,.1)!important;color:#52c41a!important;transform:scale(1.05)!important;box-shadow:0 4px 8px rgba(82,196,26,.2)!important}.btn-pinyin:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.navigation-buttons[data-v-3e9eb720]{display:flex;justify-content:center;align-items:center;gap:30px}.navigation-buttons .btn[data-v-3e9eb720]{font-size:18px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;flex-shrink:0}.navigation-buttons .btn[data-v-3e9eb720]:hover{transform:scale(1.1);background-color:#007bff;color:#fff}.navigation-buttons .text-success[data-v-3e9eb720]{white-space:nowrap;margin:0 20px}.navigation-buttons[data-v-8a690cd0]{display:flex;justify-content:center;align-items:center;gap:30px}.navigation-buttons .btn[data-v-8a690cd0]{font-size:18px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;flex-shrink:0}.navigation-buttons .btn[data-v-8a690cd0]:hover{transform:scale(1.1);background-color:#007bff;color:#fff}.navigation-buttons .text-success[data-v-8a690cd0]{white-space:nowrap;margin:0 20px}.page-header[data-v-7a533a12]{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.content-detail p[data-v-7a533a12]{line-height:1.8;margin-bottom:1rem}.hover-card[data-v-7a533a12]{transition:all .3s ease}.hover-card[data-v-7a533a12]:hover{transform:translateY(-5px);box-shadow:0 4px 15px rgba(82,196,26,.15)!important;border-color:#52c41a!important}.btn-outline-success[data-v-7a533a12],.btn-outline-success[data-v-7a533a12]:hover{border-width:2px}