.reading-library[data-v-deaa5e6a]{margin:0 auto;max-width:1200px;padding:20px}.header[data-v-deaa5e6a]{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.title-section h1[data-v-deaa5e6a]{color:#333;font-size:32px;margin:0 0 10px}.title-section p[data-v-deaa5e6a]{color:#666;margin:0}.search-bar[data-v-deaa5e6a]{display:flex;gap:10px}.search-bar input[data-v-deaa5e6a]{border:1px solid #ddd;border-radius:25px;font-size:14px;padding:10px 20px;width:250px}.search-bar button[data-v-deaa5e6a]{background:linear-gradient(135deg,#247cf0,#2f87f5);border:none;border-radius:25px;box-shadow:0 8px 18px rgba(36,124,240,.22);color:#fff;cursor:pointer;font-size:14px;padding:10px 25px;transition:transform .2s,box-shadow .2s}.search-bar button[data-v-deaa5e6a]:hover{box-shadow:0 12px 24px rgba(36,124,240,.28);transform:translateY(-1px)}.filter-section[data-v-deaa5e6a]{display:flex;flex-wrap:wrap;gap:40px;margin-bottom:30px}.filter-group[data-v-deaa5e6a]{align-items:center;display:flex;gap:15px}.filter-label[data-v-deaa5e6a]{color:#333;font-weight:600}.filter-options[data-v-deaa5e6a]{display:flex;flex-wrap:wrap;gap:10px}.filter-options button[data-v-deaa5e6a]{background:#fff;border:1px solid #ddd;border-radius:20px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .3s}.filter-options button[data-v-deaa5e6a]:hover{background:#f4f9ff;border-color:#247cf0;color:#247cf0}.filter-options button.active[data-v-deaa5e6a]{background:linear-gradient(135deg,#247cf0,#2f87f5);border-color:transparent;box-shadow:0 8px 18px rgba(36,124,240,.2);color:#fff}.article-grid[data-v-deaa5e6a]{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.article-card[data-v-deaa5e6a]{background:#fff;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.08);cursor:pointer;padding:20px;transition:transform .3s,box-shadow .3s}.article-card[data-v-deaa5e6a]:hover{box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-5px)}.card-header[data-v-deaa5e6a]{display:flex;gap:10px;margin-bottom:15px}.grade-tag[data-v-deaa5e6a]{background:#e8f4fd;color:#2563eb;font-weight:500}.category-tag[data-v-deaa5e6a],.grade-tag[data-v-deaa5e6a]{border-radius:12px;font-size:12px;padding:4px 10px}.category-tag[data-v-deaa5e6a]{background:#fef3c7;color:#d97706}.article-title[data-v-deaa5e6a]{color:#1f2937;font-size:18px;font-weight:600;margin:0 0 8px}.article-title-cn[data-v-deaa5e6a]{color:#666;font-size:14px;margin:0 0 12px}.article-desc[data-v-deaa5e6a]{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:13px;line-height:1.6;margin:0 0 15px;overflow:hidden}.card-footer[data-v-deaa5e6a]{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.difficulty[data-v-deaa5e6a],.word-count[data-v-deaa5e6a]{color:#9ca3af;font-size:12px}.tags[data-v-deaa5e6a]{display:flex;flex-wrap:wrap;gap:6px}.tag[data-v-deaa5e6a]{background:#f3f4f6;border-radius:8px;color:#6b7280;font-size:11px;padding:3px 8px}.empty-state[data-v-deaa5e6a]{color:#9ca3af;padding:60px 0;text-align:center}