.article-list-container[data-v-a61af165]{--bg-color:#f9f8f4;--text-main:#2c2c2c;--text-sub:#666;--accent-color:#3e6b52;--border-color:#e0e0e0;--code-font:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 .1rem}.article-item[data-v-a61af165]{border-bottom:1px solid var(--border-color);cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.66667rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1.94444rem 0;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease}.article-item:hover .article-content-wrapper[data-v-a61af165]{-webkit-transform:translateX(.55556rem);transform:translate(.55556rem)}.article-item:hover .article-image[data-v-a61af165]{-webkit-filter:opacity(1) grayscale(0);filter:opacity(1) grayscale(0);mix-blend-mode:normal;-webkit-transform:scale(1.03);transform:scale(1.03)}.article-item:hover .article-content-wrapper[data-v-a61af165]:before{opacity:1}.article-content-wrapper[data-v-a61af165]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0;position:relative;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.article-content-wrapper[data-v-a61af165]:before{background-color:var(--accent-color);bottom:.27778rem;content:"";left:-1.38889rem;opacity:0;position:absolute;top:.27778rem;-webkit-transition:opacity .3s;transition:opacity .3s;width:.20833rem}.article-meta-top[data-v-a61af165]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#999;font-family:var(--code-font);font-size:.8rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:.69444rem}.article-meta-top[data-v-a61af165],.meta-tags[data-v-a61af165]{display:-webkit-box;display:-ms-flexbox;display:flex}.meta-tags[data-v-a61af165]{gap:.55556rem}.meta-tags .tag[data-v-a61af165]{background-color:#e8e8e8;border-radius:.13889rem;color:#444;font-size:.75rem;font-weight:600;padding:.13889rem .55556rem;text-transform:uppercase}.meta-tags .tag.tag-primary[data-v-a61af165]{background-color:#3e6b5226;color:var(--accent-color)}.meta-date[data-v-a61af165]{color:var(--text-sub);font-size:.8rem}.article-title[data-v-a61af165]{color:var(--text-main);display:block;font-size:1.35rem;font-weight:700;line-height:1.3;margin-bottom:.83333rem;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color .2s;transition:color .2s}.article-title[data-v-a61af165]:hover{color:var(--accent-color)}.article-summary[data-v-a61af165]{color:var(--text-sub);display:-webkit-box;font-size:.95rem;line-height:1.6;margin-bottom:1.11111rem;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-image-wrapper[data-v-a61af165]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#eaeaea;border:1px solid var(--border-color);border-radius:.27778rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;-webkit-transition:border-color .3s;transition:border-color .3s;width:16.66667rem}.article-image[data-v-a61af165]{display:block;-webkit-filter:opacity(.9) grayscale(20%);filter:opacity(.9) grayscale(20%);height:100%;margin:auto;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}@media (max-width:768px){.article-item[data-v-a61af165]{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;gap:16px;padding:20px 0}.article-image-wrapper[data-v-a61af165]{display:-webkit-box;display:-ms-flexbox;display:flex;height:180px;margin:0 0 12px;width:100%}.article-title[data-v-a61af165]{font-size:1.2rem}.article-item:hover .article-content-wrapper[data-v-a61af165]{-webkit-transform:none;transform:none}.article-content-wrapper[data-v-a61af165]:before{display:none}}