*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f5f5;--card-bg:#fff;--text:#333;--text-secondary:#666;--border:#e0e0e0;--primary:#4a90d9;--primary-hover:#357abd;--sidebar-bg:#2c3e50;--sidebar-text:#ecf0f1;--sidebar-active:#3498db;--phonetics-color:#8e44ad;--chinese-color:#e74c3c}body{background:var(--bg);color:var(--text);height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;overflow:hidden}#app{height:100vh;display:flex}.sidebar[data-v-05cd9c1e]{background:var(--sidebar-bg);width:240px;min-width:240px;color:var(--sidebar-text);flex-direction:column;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.sidebar.collapsed[data-v-05cd9c1e]{width:48px;min-width:48px}.sidebar-header[data-v-05cd9c1e]{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-header h2[data-v-05cd9c1e]{white-space:nowrap;font-size:16px;font-weight:600}.toggle-btn[data-v-05cd9c1e]{color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:18px}.toggle-btn[data-v-05cd9c1e]:hover{background:#ffffff1a}.lesson-list[data-v-05cd9c1e]{flex:1;padding:8px;overflow-y:auto}.lesson-item[data-v-05cd9c1e]{width:100%;color:var(--sidebar-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.lesson-item[data-v-05cd9c1e]:hover{background:#ffffff1a}.lesson-item.active[data-v-05cd9c1e]{background:var(--sidebar-active)}.lesson-count[data-v-05cd9c1e]{opacity:.7;font-size:11px}.content[data-v-25c68543]{background:var(--bg);flex:1;padding:24px;overflow-y:auto}.loading[data-v-25c68543]{height:100%;color:var(--text-secondary);justify-content:center;align-items:center;font-size:18px;display:flex}.lesson-header[data-v-25c68543]{border-bottom:2px solid var(--border);margin-bottom:24px;padding-bottom:16px}.lesson-title-row[data-v-25c68543]{align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.lesson-header h1[data-v-25c68543]{font-size:24px;font-weight:700}.entry-count[data-v-25c68543]{color:var(--text-secondary);font-size:14px}.speed-control[data-v-25c68543]{align-items:center;gap:6px;display:flex}.speed-label[data-v-25c68543]{color:var(--text-secondary);font-size:13px}.speed-btn[data-v-25c68543]{border:1px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;border-radius:4px;padding:4px 12px;font-size:13px;transition:all .15s}.speed-btn[data-v-25c68543]:hover{border-color:var(--primary);color:var(--primary)}.speed-btn.active[data-v-25c68543]{background:var(--primary);color:#fff;border-color:var(--primary)}.entries[data-v-25c68543]{flex-direction:column;gap:8px;display:flex}.entry-card[data-v-25c68543]{background:var(--card-bg);border:1px solid var(--border);border-radius:8px;grid-template-columns:160px 1fr 1fr;align-items:center;gap:16px;padding:12px 16px;transition:box-shadow .15s;display:grid}.entry-card[data-v-25c68543]:hover{box-shadow:0 2px 8px #00000014}.entry-chinese[data-v-25c68543]{color:var(--chinese-color);font-size:15px;font-weight:500}.entry-english[data-v-25c68543]{color:var(--text);cursor:pointer;align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex}.entry-english[data-v-25c68543]:hover{color:var(--primary)}.speak-icon[data-v-25c68543]{opacity:0;font-size:14px;transition:opacity .15s}.entry-card:hover .speak-icon[data-v-25c68543]{opacity:.6}.entry-phonetics[data-v-25c68543]{color:var(--phonetics-color);cursor:pointer;font-family:Courier New,monospace;font-size:15px}.entry-phonetics[data-v-25c68543]:hover{color:var(--primary)}@media (width<=768px){.content[data-v-25c68543]{padding:16px}.entry-card[data-v-25c68543]{grid-template-columns:1fr;gap:6px}.entry-chinese[data-v-25c68543]{font-size:14px}.entry-english[data-v-25c68543]{font-size:15px}}