.article-list[data-v-dc40f8f6]{padding:40px 0}.article-items[data-v-dc40f8f6]{list-style:none;padding:0;margin:0;display:grid;gap:24px}.article-item[data-v-dc40f8f6]{background:var(--bg);border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.42,0,.58,1);box-shadow:var(--shadow-card);position:relative;overflow:hidden;border:1px solid var(--border);display:flex;flex-direction:column}.article-item[data-v-dc40f8f6]:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover)}.article-content[data-v-dc40f8f6]{padding:32px;display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.article-main[data-v-dc40f8f6]{flex:1;display:flex;flex-direction:column;gap:12px}.article-title[data-v-dc40f8f6]{font-size:1.15em;margin:0;font-weight:500;letter-spacing:-.01em;line-height:1.4;color:var(--text-primary);text-decoration:none;transition:color .2s ease;cursor:pointer;display:block}.article-title[data-v-dc40f8f6]:hover{color:var(--accent)}.article-meta[data-v-dc40f8f6]{display:flex;gap:16px;align-items:flex-start;margin-left:32px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;flex-shrink:0}.article-date[data-v-dc40f8f6]{font-size:.9em;color:var(--text-secondary);white-space:nowrap}.article-tags[data-v-dc40f8f6]{display:flex;gap:8px;flex-wrap:wrap}.article-tag[data-v-dc40f8f6]{font-size:.8em;color:var(--text-tertiary);white-space:nowrap;font-weight:400}.pagination[data-v-dc40f8f6]{display:flex;justify-content:center;align-items:center;margin-top:40px;gap:12px}.pagination-btn[data-v-dc40f8f6]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--text-primary);border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;font-size:.9em;background:none;padding:0}.pagination-btn[data-v-dc40f8f6]:hover:not(:disabled){color:var(--accent)}.pagination-btn[data-v-dc40f8f6]:disabled{opacity:.5;cursor:not-allowed}.page-numbers[data-v-dc40f8f6]{display:flex;gap:6px}.page-number[data-v-dc40f8f6]{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:none;background:none;color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-size:.9em;padding:0}.page-number.dots[data-v-dc40f8f6]{cursor:default}.page-number[data-v-dc40f8f6]:hover:not(.active):not(.dots){color:var(--accent)}.page-number.active[data-v-dc40f8f6]{color:var(--accent);font-weight:500}@media(max-width:640px){.article-list[data-v-dc40f8f6]{padding:20px 0}.article-content[data-v-dc40f8f6]{padding:24px;flex-direction:column;align-items:flex-start;gap:16px}.article-main[data-v-dc40f8f6]{width:100%}.article-title[data-v-dc40f8f6]{font-size:1.1em}.article-meta[data-v-dc40f8f6]{margin-left:0;gap:12px}}