1 line
7.4 KiB
CSS
1 line
7.4 KiB
CSS
.card-list-container[data-v-4c3bb6b4]{width:100%;padding:20px 0}.card-grid[data-v-4c3bb6b4]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card[data-v-4c3bb6b4]{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s;cursor:pointer;height:100%}.card[data-v-4c3bb6b4]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.card-content[data-v-4c3bb6b4]{padding:16px;display:flex;flex-direction:column;height:100%}.card-title[data-v-4c3bb6b4]{margin:0 0 12px 0;font-size:1.2rem;line-height:1.4;font-weight:600;color:#333;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card-tags[data-v-4c3bb6b4]{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.article-tag[data-v-4c3bb6b4]{padding:2px 8px;border-radius:4px;font-size:.7rem;font-weight:500;box-shadow:0 1px 2px rgba(0,0,0,.08)}.official[data-v-4c3bb6b4]{background-color:#e6f7ff;color:#1890ff}.highlight[data-v-4c3bb6b4]{background-color:#f6ffed;color:#52c41a}.top[data-v-4c3bb6b4]{background-color:#fff7e6;color:#fa8c16}.card-meta[data-v-4c3bb6b4]{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.85rem;color:#666}.card-tags-list[data-v-4c3bb6b4]{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.card-tag[data-v-4c3bb6b4]{background-color:#f5f5f5;padding:2px 8px;border-radius:4px;font-size:.7rem;color:#666}.table-container[data-v-4c3bb6b4]{width:100%;overflow-x:auto}.articles-table[data-v-4c3bb6b4]{width:100%;border-collapse:collapse;box-shadow:0 2px 8px rgba(0,0,0,.06);background-color:#fff;border-radius:8px;overflow:hidden}.articles-table td[data-v-4c3bb6b4],.articles-table th[data-v-4c3bb6b4]{padding:12px 16px;text-align:left}.articles-table th[data-v-4c3bb6b4]{background-color:#f5f5f5;font-weight:600;color:#333}.articles-table tr[data-v-4c3bb6b4]{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background-color .2s}.articles-table tr[data-v-4c3bb6b4]:last-child{border-bottom:none}.articles-table tr[data-v-4c3bb6b4]:hover{background-color:#f9f9f9}.pagination[data-v-4c3bb6b4]{display:flex;justify-content:center;align-items:center;margin-top:30px}.pagination-btn[data-v-4c3bb6b4]{padding:6px 14px;background-color:#fff;border:1px solid #d9d9d9;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .3s}.pagination-btn[data-v-4c3bb6b4]:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.pagination-btn[data-v-4c3bb6b4]:disabled{color:#d9d9d9;cursor:not-allowed;background-color:#f5f5f5}.page-info[data-v-4c3bb6b4]{margin:0 15px;color:#666}.loading[data-v-4c3bb6b4]{display:flex;justify-content:center;align-items:center;padding:30px 0;flex-direction:column}.loading .loading-spinner[data-v-4c3bb6b4]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1890ff;animation:spin-4c3bb6b4 1s ease-in-out infinite;margin-bottom:10px}@keyframes spin-4c3bb6b4{to{transform:rotate(1turn)}}.no-data[data-v-4c3bb6b4]{grid-column:1/-1;text-align:center;padding:30px 0;color:#999;font-size:1rem}@media(max-width:1024px){.card-grid[data-v-4c3bb6b4]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.card-grid[data-v-4c3bb6b4]{grid-template-columns:1fr}.card-title[data-v-4c3bb6b4]{font-size:1.1rem}.pagination-btn[data-v-4c3bb6b4]{padding:5px 12px}}.resource-view[data-v-0aab4a81]{background-color:#f5f5f7;min-height:100vh;padding-top:60px}.container[data-v-0aab4a81]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.page-title[data-v-0aab4a81]{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#333;text-align:center}.intro-card[data-v-0aab4a81]{background-color:#fff;border-radius:8px;padding:1.5rem 2rem;margin-bottom:2rem;box-shadow:0 2px 10px rgba(0,0,0,.05);border-left:4px solid #3273dc;position:relative;overflow:hidden}.intro-card[data-v-0aab4a81]:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:radial-gradient(circle at top right,rgba(50,115,220,.08),transparent 70%);z-index:0}.intro-text[data-v-0aab4a81]{color:#555;line-height:1.6;margin-bottom:1rem;position:relative;z-index:1}.intro-text[data-v-0aab4a81]:last-child{margin-bottom:0}.filter-control[data-v-0aab4a81]{background-color:#fff;border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem;box-shadow:0 2px 10px rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s ease;border-left:4px solid #722ed1}.filter-control[data-v-0aab4a81]:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.filter-title[data-v-0aab4a81]{margin:0;font-size:1.2rem;font-weight:600;color:#333}.filters-container[data-v-0aab4a81]{margin-bottom:2rem;animation:slideDown-0aab4a81 .3s ease}@keyframes slideDown-0aab4a81{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tag-selection[data-v-0aab4a81]{background-color:#fff;border-radius:8px;padding:1.5rem;margin-bottom:1rem;box-shadow:0 2px 10px rgba(0,0,0,.05)}.college-category[data-v-0aab4a81]{border-left:4px solid #3273dc}.resource-category[data-v-0aab4a81]{border-left:4px solid #52c41a}.resource-category .tag-control-btn[data-v-0aab4a81]{background:linear-gradient(90deg,#52c41a,#73d13d);box-shadow:0 3px 6px rgba(82,196,26,.2)}.resource-category .tag-control-btn[data-v-0aab4a81]:hover{background:linear-gradient(90deg,#49ad18,#67bc35);box-shadow:0 5px 10px rgba(82,196,26,.3)}.resource-category .tag-control-btn[data-v-0aab4a81]:active{background:linear-gradient(90deg,#3f9714,#579b2d);box-shadow:0 2px 4px rgba(82,196,26,.2)}.resource-category .tag-chip.active[data-v-0aab4a81]{background-color:#52c41a}.tag-header[data-v-0aab4a81]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tag-title[data-v-0aab4a81]{font-size:1.2rem;font-weight:600;color:#333;margin:0}.tag-controls[data-v-0aab4a81]{display:flex;gap:.8rem;align-items:center}.toggle-icon[data-v-0aab4a81]{font-size:1rem;color:#722ed1;transition:transform .3s ease}.toggle-icon.is-active[data-v-0aab4a81]{transform:rotate(180deg)}.tag-control-btn[data-v-0aab4a81]{padding:.6rem 1.2rem;border:none;background:linear-gradient(90deg,#3273dc,#4286f4);color:#fff;border-radius:30px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease;box-shadow:0 3px 6px rgba(50,115,220,.2)}.tag-control-btn[data-v-0aab4a81]:hover{transform:translateY(-2px);box-shadow:0 5px 10px rgba(50,115,220,.3);background:linear-gradient(90deg,#2e69cc,#3b7ce3)}.tag-control-btn[data-v-0aab4a81]:active{transform:translateY(0);box-shadow:0 2px 4px rgba(50,115,220,.2);background:linear-gradient(90deg,#2960bd,#356ccc)}.tags-container[data-v-0aab4a81]{display:flex;flex-wrap:wrap;gap:.8rem}.tag-chip[data-v-0aab4a81]{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background-color:#f1f1f1;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .2s}.tag-chip[data-v-0aab4a81]:hover{background-color:#e0e0e0}.tag-chip.active[data-v-0aab4a81]{background-color:#3273dc;color:#fff}.tag-chip .check-icon[data-v-0aab4a81]{font-size:.8rem}@media(max-width:768px){.tag-header[data-v-0aab4a81]{flex-direction:column;align-items:flex-start;gap:1rem}.page-title[data-v-0aab4a81]{font-size:1.6rem;text-align:left}.tag-selection[data-v-0aab4a81]{padding:1rem}.intro-card[data-v-0aab4a81]{padding:1.2rem 1rem}.intro-text[data-v-0aab4a81]{font-size:.95rem}.tag-controls[data-v-0aab4a81]{width:100%;justify-content:space-between}.filter-control[data-v-0aab4a81]{padding:.8rem 1rem}} |