[data-v-f0d6d8f0]:export{menutext:#bfcbd9;menuactivetext:var(--el-color-primary-light-3);submenuactivetext:"transparent";menubg:"transparent";menuhover:"transparent";submenubg:"transparent";submenuhover:"transparent";sidebarwidth:270px}.page-wrapper[data-v-f0d6d8f0]{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:40px;padding:40px 24px;background-color:#f5f7fa;height:100%;flex-wrap:wrap}.left-panel[data-v-f0d6d8f0],.right-panel[data-v-f0d6d8f0]{flex:1;max-width:500px;width:100%}.card[data-v-f0d6d8f0]{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 20px rgba(0,0,0,.06);display:flex;flex-direction:column;gap:16px;height:600px;overflow:scroll}.section-title[data-v-f0d6d8f0],.title[data-v-f0d6d8f0]{font-size:20px;font-weight:600;color:#333;text-align:center;margin-bottom:16px}.audio-controls[data-v-f0d6d8f0]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.audio-controls .el-button[data-v-f0d6d8f0]{flex:1}.record-card[data-v-f0d6d8f0]{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.06)}.record-card[data-v-f0d6d8f0]:hover{box-shadow:0 6px 16px rgba(0,0,0,.1)}.record-header[data-v-f0d6d8f0]{display:flex;justify-content:space-between;font-size:14px;color:#888;margin-bottom:8px}.record-user[data-v-f0d6d8f0]{font-weight:500;color:var(--el-color-primary)}.record-time[data-v-f0d6d8f0]{color:#999;font-size:13px}.record-content[data-v-f0d6d8f0]{font-size:16px;color:#333;line-height:1.6;word-break:break-word}.empty-state[data-v-f0d6d8f0]{text-align:center;color:#999;font-size:15px;padding:40px 0}