.collection-box[data-v-6c3f3e3b]{margin:0 auto;padding:20px}.loading-state[data-v-6c3f3e3b]{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner[data-v-6c3f3e3b]{animation:spin-6c3f3e3b 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin-6c3f3e3b{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.collection-list[data-v-6c3f3e3b]{display:flex;flex-direction:column;gap:20px;overflow:hidden;width:100%}.collection-list-item[data-v-6c3f3e3b]{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;transition:transform .2s}.collection-list-item[data-v-6c3f3e3b]:hover{transform:translateY(-2px)}.collection-list-left[data-v-6c3f3e3b]{border:1px solid #e2e8f0;border-radius:8px;margin:10px;padding:32px 15px;width:300px}.collection-title[data-v-6c3f3e3b]{background:#fff;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 2px 8px #0000000f;color:#333;font-size:16px;font-weight:600;line-height:1.4;margin-top:15px;overflow:hidden;padding:12px 15px;position:relative;text-align:center;text-overflow:ellipsis;transition:all .3s ease;white-space:nowrap}.collection-title[data-v-6c3f3e3b]:before{background:linear-gradient(45deg,#3498db,#2980b9);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.collection-title[data-v-6c3f3e3b]:hover{box-shadow:0 4px 12px #0000001a;color:#3498db;transform:translateY(-2px)}.collection-list-left-img[data-v-6c3f3e3b]{border-radius:8px;box-shadow:0 4px 12px #00000014;height:150px;overflow:hidden;position:relative;width:100%}.collection-list-left-img[data-v-6c3f3e3b]:after{background:linear-gradient(0deg,rgba(0,0,0,.4),transparent);bottom:0;content:"";height:50%;left:0;pointer-events:none;position:absolute;width:100%}.collection-list-left-img .article-count[data-v-6c3f3e3b]{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffffe6;border-radius:20px;bottom:10px;box-shadow:0 2px 6px #0000001a;color:#333;font-size:13px;font-weight:500;padding:6px 12px;position:absolute;right:10px;transition:transform .2s ease;z-index:2}.collection-list-left-img .article-count[data-v-6c3f3e3b]:hover{transform:translateY(-2px)}.type-tag[data-v-6c3f3e3b]{background:linear-gradient(45deg,#3498db,#2980b9);border-radius:20px;box-shadow:0 2px 6px #00000026;color:#fff;font-size:13px;font-weight:500;left:10px;padding:6px 12px;position:absolute;top:10px;transition:all .3s ease;z-index:2}.type-tag[data-v-6c3f3e3b]:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.collection-list-right[data-v-6c3f3e3b]{display:flex;flex:1;flex-direction:row;flex-wrap:nowrap;gap:15px;max-height:none;overflow-x:auto;padding:20px}.collection-list-right[data-v-6c3f3e3b]::-webkit-scrollbar{height:6px;width:auto}.collection-list-right[data-v-6c3f3e3b]::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:3px}.collection-list-right-item[data-v-6c3f3e3b]{background-color:#f8f9fa;border:1px solid transparent;border-radius:6px;max-width:280px;min-width:280px;padding:12px 15px;transition:all .3s ease}.collection-list-right-item[data-v-6c3f3e3b]:hover{background-color:#e9ecef;border-color:#e2e8f0;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-5px)}.collection-list-right-item a[data-v-6c3f3e3b]{color:#2c3e50;display:block;font-size:14px;line-height:1.4;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.collection-list-right-item a[data-v-6c3f3e3b]:hover{color:#3498db}.collection-list-right-item .article-cover[data-v-6c3f3e3b]{background-color:#f5f5f5;border-radius:6px;height:100px;margin:10px 0;overflow:hidden;width:100%}.collection-list-right-item .article-cover .cover-img[data-v-6c3f3e3b]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease;width:100%}.collection-list-right-item .article-cover .cover-img[data-v-6c3f3e3b]:hover{transform:scale(1.05)}.collection-list-right-item .article-cover .no-cover[data-v-6c3f3e3b]{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.collection-list-right-item .article-cover .no-cover i[data-v-6c3f3e3b]{font-size:32px;margin-bottom:8px}.collection-list-right-item .article-cover .no-cover span[data-v-6c3f3e3b]{font-size:14px}.collection-list-right-item .article-info[data-v-6c3f3e3b]{color:#666;display:-webkit-box;font-size:13px;line-height:1.5;margin-top:10px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.collection-box[data-v-6c3f3e3b]{padding:10px;width:95%}.collection-list-item[data-v-6c3f3e3b]{flex-direction:column}.collection-list-left[data-v-6c3f3e3b]{width:100%}.collection-list-right[data-v-6c3f3e3b]{gap:10px;padding:15px}.collection-list-right-item[data-v-6c3f3e3b]{max-width:220px;min-width:220px;padding:10px}.collection-list-right-item .article-cover[data-v-6c3f3e3b]{height:80px}.collection-list-right-item .article-info[data-v-6c3f3e3b]{font-size:12px;-webkit-line-clamp:1}}.load-more-container[data-v-6c3f3e3b]{display:flex;justify-content:center;margin:20px 0}.load-more-btn[data-v-6c3f3e3b]{background:var(--primary-color,#3498db);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;min-width:300px;padding:10px 40px;transition:all .3s ease}.load-more-btn[data-v-6c3f3e3b]:hover{background:var(--primary-color-dark,#2980b9);box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.load-more-btn[data-v-6c3f3e3b]:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.no-more[data-v-6c3f3e3b]{color:#999;font-size:14px;text-align:center}