.blog-container[data-v-d4d444e0]{max-width:900px;margin:80px auto 50px;padding:20px;font-family:Arial,sans-serif;color:#333}h1[data-v-d4d444e0]{font-size:2.5em;color:#2c3e50;margin-bottom:20px;text-align:center}p[data-v-d4d444e0]{font-size:1.1em;line-height:1.6;margin-bottom:30px;text-align:center;color:#555}.article-list[data-v-d4d444e0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.article-card[data-v-d4d444e0]{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;display:flex;flex-direction:column}.article-card[data-v-d4d444e0]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001f}.article-card a[data-v-d4d444e0],.article-card-link[data-v-d4d444e0]{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.article-thumbnail[data-v-d4d444e0]{width:100%;aspect-ratio:16 / 9;overflow:hidden;background-color:#f5f7fa}.article-thumbnail picture[data-v-d4d444e0]{display:block;width:100%;height:100%}.article-thumbnail img[data-v-d4d444e0]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease;display:block}.article-card:hover .article-thumbnail img[data-v-d4d444e0]{transform:scale(1.05)}.article-card-body[data-v-d4d444e0]{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.article-meta[data-v-d4d444e0]{display:flex;align-items:center;gap:8px;margin-bottom:10px}.article-date[data-v-d4d444e0]{display:inline-flex;align-items:center;gap:6px;font-size:.85em;color:#7f8c8d}.date-icon[data-v-d4d444e0]{color:#3498db;font-size:.9em}.article-card h2[data-v-d4d444e0]{font-size:1.35em;color:#34495e;margin-bottom:12px;line-height:1.45;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-description[data-v-d4d444e0]{font-size:.92em;color:#666;margin-bottom:15px;line-height:1.6;min-height:auto;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-align:left}.article-card-footer[data-v-d4d444e0]{margin-top:auto;padding-top:12px;border-top:1px solid #f0f2f5;display:flex;justify-content:flex-end}.read-more[data-v-d4d444e0]{display:inline-flex;align-items:center;gap:4px;color:#3498db;font-weight:700;font-size:.9em;transition:color .2s ease}.article-card:hover .read-more[data-v-d4d444e0]{color:#2980b9}.article-card:hover .read-more .arrow[data-v-d4d444e0]{transform:translate(3px)}.arrow[data-v-d4d444e0]{display:inline-block;transition:transform .2s ease}@media(prefers-color-scheme:dark){.blog-container[data-v-d4d444e0]{color:#e0e0e0}h1[data-v-d4d444e0]{color:#ecf0f1}p[data-v-d4d444e0]{color:#bdc3c7}.article-card[data-v-d4d444e0]{background-color:#34495e;box-shadow:0 4px 15px #0000004d}.article-card[data-v-d4d444e0]:hover{box-shadow:0 8px 25px #0006}.article-thumbnail[data-v-d4d444e0]{background-color:#2c3e50}.article-meta .article-date[data-v-d4d444e0]{color:#bdc3c7}.date-icon[data-v-d4d444e0]{color:#85c1e9}.article-card h2[data-v-d4d444e0]{color:#ecf0f1}.article-description[data-v-d4d444e0]{color:#bdc3c7}.article-card-footer[data-v-d4d444e0]{border-top-color:#465b6e}.read-more[data-v-d4d444e0]{color:#85c1e9}.article-card:hover .read-more[data-v-d4d444e0]{color:#aed6f1}}@media(max-width:768px){.blog-container[data-v-d4d444e0]{margin-top:70px;padding:15px}h1[data-v-d4d444e0]{font-size:2em}p[data-v-d4d444e0]{font-size:1em}.article-list[data-v-d4d444e0]{grid-template-columns:1fr;gap:20px}.article-card-body[data-v-d4d444e0]{padding:16px 18px 18px}.article-card h2[data-v-d4d444e0]{font-size:1.2em}.article-description[data-v-d4d444e0]{font-size:.9em;min-height:auto}}.pagination[data-v-d4d444e0]{display:flex;justify-content:center;align-items:center;margin-top:50px;gap:15px}.pagination-btn[data-v-d4d444e0]{padding:10px 20px;border:none;background-color:#3498db;color:#fff;border-radius:5px;cursor:pointer;font-weight:700;transition:background-color .3s}.pagination-btn[data-v-d4d444e0]:hover:not(:disabled){background-color:#2980b9}.pagination-btn[data-v-d4d444e0]:disabled{background-color:#bdc3c7;cursor:not-allowed;opacity:.7}.pagination-ellipsis[data-v-d4d444e0]{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#777;font-weight:700}@media(prefers-color-scheme:dark){.pagination-ellipsis[data-v-d4d444e0]{color:#bdc3c7}}.page-numbers[data-v-d4d444e0]{display:flex;gap:10px}.page-number[data-v-d4d444e0]{width:36px;height:36px;border:1px solid #ddd;background-color:#fff;color:#333;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-weight:700}.page-number.active[data-v-d4d444e0]{background-color:#3498db;color:#fff;border-color:#3498db}.page-number[data-v-d4d444e0]:hover:not(.active){background-color:#f0f0f0}@media(prefers-color-scheme:dark){.page-number[data-v-d4d444e0]{background-color:#2c3e50;color:#ecf0f1;border-color:#465b6e}.page-number.active[data-v-d4d444e0]{background-color:#3498db;color:#fff;border-color:#3498db}.page-number[data-v-d4d444e0]:hover:not(.active){background-color:#34495e}.pagination-btn[data-v-d4d444e0]:disabled{background-color:#4a6278;color:#95a5a6}}@media(max-width:480px){.pagination[data-v-d4d444e0]{flex-wrap:wrap;gap:10px}.pagination-btn[data-v-d4d444e0]{padding:8px 15px;font-size:.9em}}