/* vocab.css — 生词本页（统一深色紫蓝） */
.vb-head{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.vb-h2{ font-size:20px; font-weight:800; margin:0; color:var(--text); }
.vb-count{ color:var(--sub-text); font-size:13px; margin-left:auto; }
.vb-list{ display:flex; flex-direction:column; gap:12px; }
.vb-item{ display:flex; align-items:center; gap:16px; background:var(--card-bg); border:1px solid var(--border); border-radius:var(--radius-sm); padding:16px 18px; }
.vb-main{ flex:1; min-width:0; }
.vb-word{ font-size:18px; font-weight:800; color:var(--text); }
.vb-pho{ font-size:13px; color:var(--accent); font-family:"Cambria Math",Consolas,monospace; margin-left:8px; }
.vb-pos{ display:inline-block; font-size:12px; color:#7c3aed; font-style:italic; margin-left:8px; }
.vb-meaning{ font-size:14px; color:var(--text); margin-top:4px; line-height:1.6; word-break:break-word; }
.vb-side{ display:flex; flex-direction:column; align-items:flex-end; gap:8px; }
.vb-srs{ font-size:12px; color:var(--sub-text); white-space:nowrap; }
.vb-actions{ display:flex; gap:8px; }
.vb-review,.vb-remove{ padding:6px 12px; border:1px solid var(--border-strong,#333); background:rgba(255,255,255,.04); color:var(--text); border-radius:8px; cursor:pointer; font-size:13px; transition:all .15s; }
.vb-review:hover{ background:var(--chip-bg); color:var(--accent); border-color:var(--accent); }
.vb-remove:hover{ background:var(--error,#e05050); color:#fff; border-color:var(--error,#e05050); }
.vb-speak{ margin-left:10px; padding:3px 9px; border:1px solid var(--border-strong,#333); background:rgba(255,255,255,.05); color:var(--sub-text); border-radius:6px; cursor:pointer; font-size:12px; transition:all .15s; }
.vb-speak:hover{ background:var(--chip-bg); color:var(--accent); border-color:var(--accent); }
.vb-empty,.vb-loading{ color:var(--sub-text); font-size:14px; padding:24px 4px; text-align:center; }
.vb-login-tip{ text-align:center; padding:48px 20px; }
.vb-login-emoji{ font-size:52px; }
.vb-login-title{ font-size:19px; font-weight:800; color:var(--text); margin:12px 0 6px; }
.vb-login-desc{ color:var(--sub-text); font-size:14px; margin-bottom:18px; }
.vb-login-tip .btn{ margin:0 6px; }