.page[data-v-a20caeca]{max-width:860px;margin:0 auto;padding:24px 16px}.no-access[data-v-a20caeca]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 20px}.na-icon[data-v-a20caeca]{font-size:44px}.na-text[data-v-a20caeca]{font-size:15px;color:var(--text2);font-weight:600}.wb-top[data-v-a20caeca]{margin-bottom:16px}.wb-head-row[data-v-a20caeca]{display:flex;align-items:center;gap:12px;margin-bottom:8px}.wb-acts[data-v-a20caeca]{display:flex;align-items:center;gap:8px}.btn[data-v-a20caeca]{border-radius:8px;padding:6px 14px;font-size:12px;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text);font-weight:600}.sort-sel[data-v-a20caeca]{border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:12px;background:#fff;color:var(--text);outline:none}.btn.play[data-v-a20caeca]{background:linear-gradient(135deg,#2e9e5b,#1d8a4f);color:#fff;border:none}.btn.due[data-v-a20caeca]{background:#ffecec;border-color:#f5c6c6;color:#e5484d;font-weight:700}.btn.del[data-v-a20caeca]{background:#ffecec;border-color:#f5c6c6;color:#e5484d}.btn[data-v-a20caeca]:disabled{opacity:.5;cursor:not-allowed}.wb-empty[data-v-a20caeca]{text-align:center;padding:60px 20px;color:var(--text2);font-size:14px}.wb-empty-icon[data-v-a20caeca]{font-size:44px;margin-bottom:10px}.wb-grid[data-v-a20caeca]{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.wb-card[data-v-a20caeca]{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;cursor:pointer;position:relative;transition:all .15s}.wb-card[data-v-a20caeca]:hover{border-color:var(--accent);box-shadow:0 4px 16px rgba(79,110,246,.1);transform:translateY(-1px)}.wb-card.sel[data-v-a20caeca]{border-color:var(--accent);background:#f4f6ff}.wb-cb[data-v-a20caeca]{position:absolute;top:8px;right:8px}.wb-del[data-v-a20caeca]{position:absolute;top:6px;right:10px;background:none;border:none;font-size:13px;color:var(--text2);cursor:pointer;opacity:.5}.wb-del[data-v-a20caeca]:hover{opacity:1;color:#e5484d}.wb-word[data-v-a20caeca]{font-size:15px;font-weight:700;color:var(--text);font-family:Georgia,serif}.wb-phon[data-v-a20caeca]{font-size:11px;color:#8b9cf8;margin-top:2px}.wb-trans[data-v-a20caeca]{font-size:12px;color:#2e9e5b;margin-top:6px;line-height:1.6;white-space:pre-line}.wb-source[data-v-a20caeca]{font-size:11px;color:var(--text2);margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-src-link[data-v-a20caeca]{color:var(--accent);text-decoration:none;font-weight:600}.wb-src-link[data-v-a20caeca]:hover{text-decoration:underline}.wb-time[data-v-a20caeca]{font-size:10px;color:#bcc4d0;margin-top:4px}.wb-due[data-v-a20caeca]{position:absolute;bottom:8px;right:10px;font-size:11px;color:#e5484d;font-weight:700}