:root{--vc-bg:#081225;--vc-card:rgba(255,255,255,.1);--vc-border:rgba(255,255,255,.2)}
.voice-page{min-height:calc(100vh - 90px);padding:38px 16px;background:radial-gradient(circle at 15% 10%,#173a70 0,transparent 35%),linear-gradient(145deg,#07101f,#111b38);color:#fff}
.voice-shell{width:min(1120px,96vw);margin:auto;padding:30px;border:1px solid var(--vc-border);border-radius:30px;background:rgba(6,15,32,.72);backdrop-filter:blur(24px);box-shadow:0 28px 80px rgba(0,0,0,.38)}
.voice-header{display:flex;gap:18px;align-items:center}.voice-logo{width:76px;height:76px;border-radius:50%;object-fit:cover}.voice-header h1{margin:0;font-size:clamp(28px,4vw,48px)}.voice-header p{margin:8px 0 0;color:#cbd5e1}.plan-badge{margin-left:auto;padding:8px 16px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#7c3aed);font-weight:800}
.voice-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.voice-controls.ee{grid-template-columns:repeat(4,minmax(0,1fr))}.field{display:grid;gap:7px}.field label{color:#cbd5e1;font-size:13px}.field select,.field input{border:1px solid var(--vc-border);border-radius:14px;padding:12px;background:rgba(255,255,255,.09);color:#fff}.field option{color:#111}
.chat-box{height:460px;overflow:auto;padding:16px;border-radius:24px;background:rgba(0,0,0,.24);border:1px solid var(--vc-border)}.empty{display:grid;place-items:center;min-height:100%;text-align:center;color:#b9c7db;line-height:1.8}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.card{padding:16px;border:1px solid var(--vc-border);border-radius:18px;background:var(--vc-card)}.card b{display:block;margin-bottom:8px;color:#9fc5ff}.card textarea{width:100%;min-height:100px;border:0;background:transparent;color:#fff;resize:vertical;font:inherit}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.voice-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:20px}.btn-v{border:0;border-radius:999px;padding:13px 22px;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed);cursor:pointer;font-weight:750}.btn-v.secondary{background:#334155}.btn-v.warn{background:#9a3412}.btn-v:disabled{opacity:.45;cursor:not-allowed}.status{text-align:center;min-height:24px;margin:12px;color:#c7d2fe}.records{margin-top:22px}.records table{width:100%;border-collapse:collapse}.records th,.records td{padding:10px;border-bottom:1px solid var(--vc-border);text-align:left;vertical-align:top}.hidden{display:none!important}
@media(max-width:760px){.voice-shell{padding:20px}.voice-controls,.voice-controls.ee,.pair{grid-template-columns:1fr}.chat-box{height:520px}.voice-header{align-items:flex-start}.plan-badge{font-size:12px}}


/* =========================================================
   Product 3：语言下拉框棕色文字
   只作用于多语言语音聊天页面的两个语言选择框。
   ========================================================= */
.voice-page #sourceLanguage,
.voice-page #targetLanguage,
.voice-page select.language-select-brown,
.voice-page .field select.language-select-brown {
    color: #8B4513 !important;
    -webkit-text-fill-color: #8B4513 !important;
    font-weight: 800 !important;
}

.voice-page #sourceLanguage option,
.voice-page #targetLanguage option,
.voice-page select.language-select-brown option,
.voice-page .field select.language-select-brown option {
    color: #8B4513 !important;
    -webkit-text-fill-color: #8B4513 !important;
    background: #fff8ee !important;
    font-weight: 700 !important;
}