1 line
8.4 KiB
CSS
1 line
8.4 KiB
CSS
.card-list-container[data-v-5429db0e]{width:100%;padding:0}.card-grid[data-v-5429db0e]{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:10px 0}.card[data-v-5429db0e]{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-5429db0e]:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.card-content[data-v-5429db0e]{padding:16px;display:flex;flex-direction:column;height:100%}.card-title[data-v-5429db0e]{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-5429db0e]{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.article-tag[data-v-5429db0e]{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-5429db0e]{background-color:#e6f7ff;color:#1890ff}.highlight[data-v-5429db0e]{background-color:#f6ffed;color:#52c41a}.top[data-v-5429db0e]{background-color:#fff7e6;color:#fa8c16}.card-meta[data-v-5429db0e]{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.85rem;color:#666}.card-tags-list[data-v-5429db0e]{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.card-tag[data-v-5429db0e]{background-color:#f5f5f5;padding:2px 8px;border-radius:4px;font-size:.7rem;color:#666}.table-container[data-v-5429db0e]{width:100%;overflow-x:hidden}.articles-table[data-v-5429db0e]{width:100%;border-collapse:separate;border-spacing:0 8px;table-layout:fixed}.articles-table tr[data-v-5429db0e]{background-color:#fff;cursor:pointer;transition:all .2s ease;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05);position:relative}.articles-table tr[data-v-5429db0e]:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1);background-color:#fff;z-index:1}.articles-table tr:hover .title-cell[data-v-5429db0e]{color:#3273dc}.articles-table tr:hover .arrow-icon[data-v-5429db0e]{opacity:1;transform:translateX(4px)}.articles-table tr td[data-v-5429db0e]{padding:12px 16px;vertical-align:middle}.articles-table tr td[data-v-5429db0e]:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.articles-table tr td[data-v-5429db0e]:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.rank-cell[data-v-5429db0e]{width:60px;text-align:center;padding-right:0!important}.rank-num[data-v-5429db0e]{display:inline-flex;justify-content:center;align-items:center;width:24px;height:24px;border-radius:4px;background-color:#f0f0f0;color:#999;font-size:.9rem;font-weight:700;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.rank-num.rank-1[data-v-5429db0e]{background:linear-gradient(135deg,gold,#fdb931);color:#fff;box-shadow:0 2px 4px rgba(253,185,49,.3)}.rank-num.rank-2[data-v-5429db0e]{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);color:#fff;box-shadow:0 2px 4px hsla(0,0%,74%,.3)}.rank-num.rank-3[data-v-5429db0e]{background:linear-gradient(135deg,#cd7f32,sienna);color:#fff;box-shadow:0 2px 4px rgba(160,82,45,.3)}.title-cell[data-v-5429db0e]{font-size:1rem;color:#333;transition:color .2s;overflow:hidden}.title-content[data-v-5429db0e]{display:flex;align-items:center;gap:8px;overflow:hidden}.article-title[data-v-5429db0e]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.mini-tags[data-v-5429db0e]{display:flex;gap:4px;flex-shrink:0}.mini-tag[data-v-5429db0e]{font-size:.7rem;padding:1px 4px;border-radius:2px;border:1px solid transparent}.mini-tag.official[data-v-5429db0e]{color:#1890ff;border-color:rgba(24,144,255,.3);background-color:rgba(24,144,255,.05)}.mini-tag.highlight[data-v-5429db0e]{color:#52c41a;border-color:rgba(82,196,26,.3);background-color:rgba(82,196,26,.05)}.mini-tag.top[data-v-5429db0e]{color:#fa8c16;border-color:rgba(250,140,22,.3);background-color:rgba(250,140,22,.05)}.meta-cell[data-v-5429db0e]{text-align:right;white-space:nowrap;color:#999;font-size:.85rem;width:180px;padding-left:20px}.article-section[data-v-5429db0e]{display:inline-block;margin-right:12px;padding:2px 8px;background-color:#f5f5f5;border-radius:10px;font-size:.75rem;color:#666}.article-date[data-v-5429db0e]{display:inline-block;min-width:80px}.arrow-icon[data-v-5429db0e]{display:inline-block;margin-left:8px;font-size:1.2rem;line-height:1;color:#ccc;opacity:0;transition:all .2s ease;transform:translateX(0)}@media(max-width:768px){.meta-cell[data-v-5429db0e]{width:auto}.meta-cell .article-date[data-v-5429db0e],.meta-cell .article-section[data-v-5429db0e]{display:none}.meta-cell .arrow-icon[data-v-5429db0e]{opacity:1}.rank-cell[data-v-5429db0e]{width:40px}}.pagination[data-v-5429db0e]{display:flex;justify-content:center;align-items:center;margin-top:30px}.pagination-btn[data-v-5429db0e]{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-5429db0e]:hover:not(:disabled){color:#1890ff;border-color:#1890ff}.pagination-btn[data-v-5429db0e]:disabled{color:#d9d9d9;cursor:not-allowed;background-color:#f5f5f5}.page-info[data-v-5429db0e]{margin:0 15px;color:#666}.loading[data-v-5429db0e]{display:flex;justify-content:center;align-items:center;padding:30px 0;flex-direction:column}.loading .loading-spinner[data-v-5429db0e]{width:40px;height:40px;border:3px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#1890ff;animation:spin-5429db0e 1s ease-in-out infinite;margin-bottom:10px}@keyframes spin-5429db0e{to{transform:rotate(1turn)}}.no-data[data-v-5429db0e]{grid-column:1/-1;text-align:center;padding:30px 0;color:#999;font-size:1rem}@media(max-width:1024px){.card-grid[data-v-5429db0e]{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.card-grid[data-v-5429db0e]{grid-template-columns:1fr}.card-title[data-v-5429db0e]{font-size:1.1rem}.pagination-btn[data-v-5429db0e]{padding:5px 12px}}.strategy-view[data-v-2521448c]{background-color:#f5f5f7;min-height:100vh;padding-top:60px}.container[data-v-2521448c]{max-width:1200px;margin:0 auto;padding:2rem 1rem}.page-title[data-v-2521448c]{font-size:2rem;font-weight:700;margin-bottom:1.5rem;color:#333;text-align:center}.intro-card[data-v-2521448c]{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-2521448c]: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-2521448c]{color:#555;line-height:1.6;margin-bottom:1rem;position:relative;z-index:1}.intro-text[data-v-2521448c]:last-child{margin-bottom:0}.tag-selection[data-v-2521448c]{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 2px 10px rgba(0,0,0,.05)}.tag-header[data-v-2521448c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.tag-title[data-v-2521448c]{font-size:1.2rem;font-weight:600;color:#333;margin:0}.tag-controls[data-v-2521448c]{display:flex;gap:.8rem}.tag-control-btn[data-v-2521448c]{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-2521448c]: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-2521448c]:active{transform:translateY(0);box-shadow:0 2px 4px rgba(50,115,220,.2);background:linear-gradient(90deg,#2960bd,#356ccc)}.tags-container[data-v-2521448c]{display:flex;flex-wrap:wrap;gap:.8rem}.tag-chip[data-v-2521448c]{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-2521448c]:hover{background-color:#e0e0e0}.tag-chip.active[data-v-2521448c]{background-color:#3273dc;color:#fff}.tag-chip .check-icon[data-v-2521448c]{font-size:.8rem}@media(max-width:768px){.tag-header[data-v-2521448c]{flex-direction:column;align-items:flex-start;gap:1rem}.page-title[data-v-2521448c]{font-size:1.6rem;text-align:left}.tag-selection[data-v-2521448c]{padding:1rem}.intro-card[data-v-2521448c]{padding:1.2rem 1rem}.intro-text[data-v-2521448c]{font-size:.95rem}}.tag-loading-error[data-v-2521448c]{color:#c62828;font-size:.9rem;margin-top:.5rem;padding-left:1.5rem} |