.article-list[data-v-ee7d7672]{width:100%}.image-text-layout[data-v-ee7d7672]{display:flex;flex-direction:column;gap:10px}.image-text-item[data-v-ee7d7672]{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;overflow:hidden;transition:all .3s ease}.image-text-item[data-v-ee7d7672]:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.article-image[data-v-ee7d7672]{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-left:10px}.article-image img[data-v-ee7d7672]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.placeholder-image[data-v-ee7d7672]{align-items:center;background:#f5f5f5;border:2px dashed #ccc;color:#999;display:flex;font-size:12px;justify-content:center}.image-small[data-v-ee7d7672]{height:60px;width:80px}.image-medium[data-v-ee7d7672]{height:90px;width:120px}.image-large[data-v-ee7d7672]{height:120px;width:160px}.article-content[data-v-ee7d7672]{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:12px}.article-title[data-v-ee7d7672]{border-bottom:1px solid #f0f0f0;color:#333;font-size:15px;font-weight:400;padding-bottom:6px}.article-summary[data-v-ee7d7672],.article-title[data-v-ee7d7672]{display:-webkit-box;line-height:1.4;margin:0 0 6px;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-summary[data-v-ee7d7672]{color:#666;font-size:13px}.article-meta[data-v-ee7d7672]{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.article-author[data-v-ee7d7672],.article-category[data-v-ee7d7672],.article-date[data-v-ee7d7672],.article-views[data-v-ee7d7672]{color:#999;font-size:12px}.article-category[data-v-ee7d7672]{background:#e6f3ff;border-radius:3px;color:#06c;font-size:12px;padding:2px 6px}.text-only-layout[data-v-ee7d7672]{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.text-only-item[data-v-ee7d7672]{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 15px;transition:background-color .3s ease}.text-only-item[data-v-ee7d7672]:last-child{border-bottom:none}.text-only-item[data-v-ee7d7672]:hover{background-color:#f8f9fa}.text-only-item .article-content[data-v-ee7d7672]{padding:0}.text-only-item .article-title[data-v-ee7d7672]{display:-webkit-box;font-size:15px;margin-bottom:4px;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;border-bottom:1px solid #f0f0f0;overflow:hidden;padding-bottom:4px}.text-only-item .article-meta[data-v-ee7d7672]{justify-content:flex-end}.card-layout[data-v-ee7d7672]{display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.card-item[data-v-ee7d7672]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;overflow:hidden;transition:all .3s ease}.card-item[data-v-ee7d7672]:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.card-image[data-v-ee7d7672]{height:180px;overflow:hidden;width:100%}.card-image img[data-v-ee7d7672]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-image .placeholder-image[data-v-ee7d7672]{align-items:center;background:#f5f5f5;border:2px dashed #ccc;color:#999;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.card-content[data-v-ee7d7672]{padding:20px}.card-title[data-v-ee7d7672]{color:#333;font-size:18px;font-weight:700;line-height:1.4;margin:0 0 10px;-webkit-line-clamp:2;line-clamp:2}.card-summary[data-v-ee7d7672],.card-title[data-v-ee7d7672]{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.card-summary[data-v-ee7d7672]{color:#666;font-size:14px;line-height:1.5;margin:0 0 15px;-webkit-line-clamp:3;line-clamp:3}.card-meta[data-v-ee7d7672]{align-items:center;display:flex;justify-content:space-between}.card-date[data-v-ee7d7672]{color:#999;font-size:14px}.card-category[data-v-ee7d7672]{background:#e6f3ff;border-radius:4px;color:#06c;font-size:12px;padding:4px 8px}@media (max-width:768px){.image-text-item[data-v-ee7d7672]{flex-direction:column}.article-image[data-v-ee7d7672]{height:150px;width:100%}.image-large[data-v-ee7d7672],.image-medium[data-v-ee7d7672],.image-small[data-v-ee7d7672]{height:100%;width:100%}.card-layout[data-v-ee7d7672]{grid-template-columns:1fr}.article-meta[data-v-ee7d7672]{align-items:flex-start;flex-direction:column;gap:5px}.text-only-item .article-meta[data-v-ee7d7672]{justify-content:flex-start}}@media (max-width:480px){.article-content[data-v-ee7d7672]{padding:12px}.card-content[data-v-ee7d7672]{padding:15px}.article-title[data-v-ee7d7672]{font-size:15px}.card-title[data-v-ee7d7672]{font-size:16px}}