[data-v-60f2f2d3]:root{--primary-color:#8366e7;--primary-light:#79bbff;--primary-dark:#337ecc;--success-color:#67c23a;--warning-color:#e6a23c;--danger-color:#f56c6c;--info-color:#909399;--text-primary:#303133;--text-regular:#606266;--text-secondary:#909399;--text-placeholder:#c0c4cc;--border-base:#dcdfe6;--border-light:#e4e7ed;--border-lighter:#ebeef5;--border-extra-light:#f2f6fc;--bg-color:#fff;--bg-page:#f2f3f5;--bg-overlay:rgba(0,0,0,.8);--shadow-base:0 2px 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);--shadow-light:0 2px 12px 0 rgba(0,0,0,.1);--shadow-dark:0 4px 8px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.08);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-xxl:24px;--border-radius-base:4px;--border-radius-small:2px;--border-radius-large:8px;--border-radius-round:20px;--container-max-width:1212px;--breakpoint-xs:480px;--breakpoint-sm:768px;--breakpoint-md:992px;--breakpoint-lg:1212px;--breakpoint-xl:1920px}[data-theme=dark][data-v-60f2f2d3]{--text-primary:#e5eaf3;--text-regular:#cfd3dc;--text-secondary:#a3a6ad;--text-placeholder:#8d9095;--border-base:#4c4d4f;--border-light:#414243;--border-lighter:#363637;--border-extra-light:#2b2b2c;--bg-color:#1d1e1f;--bg-page:#0a0a0a;--bg-overlay:hsla(0,0%,100%,.8)}.news-card[data-v-60f2f2d3]{background-color:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;cursor:pointer;display:flex;flex-direction:column;height:360px;opacity:1;overflow:hidden;transition:all .3s ease;width:316px}.news-card[data-v-60f2f2d3]:hover .brand-arrow{background-color:#000}.news-card[data-v-60f2f2d3]:hover .brand-arrow span{background:#fff!important}.news-card[data-v-60f2f2d3]:hover{transform:translateY(-10px)}.news-card.clickable[data-v-60f2f2d3]{cursor:pointer}.news-card.clickable[data-v-60f2f2d3]:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-10px)}.news-card .news-image[data-v-60f2f2d3]{height:157px}.news-card .news-image img[data-v-60f2f2d3]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.news-card .news-content[data-v-60f2f2d3]{display:flex;flex:1;flex-direction:column;justify-content:space-between;padding:24px}.news-card .news-content .news-title[data-v-60f2f2d3]{color:#000;font-size:16px;line-height:30px}.news-card .news-content .news-meta[data-v-60f2f2d3]{align-items:center;display:flex;justify-content:space-between}.news-card .news-content .news-meta .news-date[data-v-60f2f2d3]{color:#878787;font-size:16px;line-height:30px}.news-card .brand-content[data-v-60f2f2d3]{display:flex;flex:1;flex-direction:column;height:100%;justify-content:space-between;padding:24px 24px 36px}.news-card .brand-content .brand-row-first[data-v-60f2f2d3]{align-items:center;display:flex;justify-content:space-between;overflow:hidden;width:100%}.news-card .brand-content .brand-row-first .brand-logo[data-v-60f2f2d3]{align-items:center;border:1px solid #e5e5e5;border-radius:50%;display:flex;flex-shrink:0;height:64px;justify-content:center;margin-right:16px;overflow:hidden;width:64px}.news-card .brand-content .brand-row-first .brand-logo img[data-v-60f2f2d3]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.news-card .brand-content .brand-row-first .brand-info[data-v-60f2f2d3]{display:flex;flex:1;flex-direction:column;justify-content:space-between;overflow:hidden}.news-card .brand-content .brand-row-first .brand-info .brand-description[data-v-60f2f2d3]{color:#818790;font-size:14px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-card .brand-content .brand-row-first .brand-info .brand-name[data-v-60f2f2d3]{color:#000;font-size:20px;font-weight:500;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.news-card .brand-content .brand-row-second[data-v-60f2f2d3]{align-items:flex-start;display:flex}.news-card .brand-content .brand-row-second .brand-intro[data-v-60f2f2d3]{color:#000;display:-webkit-box;flex:1;font-size:14px;line-height:24px;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-right:16px;overflow:hidden;text-overflow:ellipsis}.news-card .brand-content .brand-row-second[data-v-60f2f2d3] .brand-arrow{align-items:center;border:1px solid #e5e5e5;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;width:48px}.news-card .brand-content .brand-row-second[data-v-60f2f2d3] .brand-arrow span{background:#74777f}