@keyframes fadeInLeft-7cae74b2{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.article-list[data-v-7cae74b2]{border-radius:0 0 4px 4px;overflow:hidden}.article-list .article-card[data-v-7cae74b2]{animation:fadeInLeft-7cae74b2 .6s ease forwards;background:#fff;border-bottom:1px solid #f0f0f0;border-radius:8px;box-shadow:0 1px 3px #00000008;cursor:pointer;display:flex;gap:20px;margin-bottom:20px;opacity:0;padding:20px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.article-list .article-card[data-v-7cae74b2]:first-child{animation-delay:.1s}.article-list .article-card[data-v-7cae74b2]:nth-child(2){animation-delay:.2s}.article-list .article-card[data-v-7cae74b2]:nth-child(3){animation-delay:.3s}.article-list .article-card[data-v-7cae74b2]:nth-child(4){animation-delay:.4s}.article-list .article-card[data-v-7cae74b2]:nth-child(5){animation-delay:.5s}.article-list .article-card[data-v-7cae74b2]:nth-child(6){animation-delay:.6s}.article-list .article-card[data-v-7cae74b2]:hover{border-color:transparent;box-shadow:0 8px 20px #00000014;transform:translateY(-4px)}.article-list .article-card .article-img[data-v-7cae74b2]{border-radius:4px;flex-shrink:0;height:100px;overflow:hidden;width:180px}.article-list .article-card .article-img img[data-v-7cae74b2]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.article-list .article-card .article-img:hover img[data-v-7cae74b2]{transform:scale(1.06)}.article-list .article-card .article-info[data-v-7cae74b2]{display:flex;flex:1;flex-direction:column;justify-content:space-between}.article-list .article-card .article-info .article-title[data-v-7cae74b2]{color:#333;font-size:16px;font-weight:700;margin-bottom:8px;transition:color .3s}.article-list .article-card .article-info:hover .article-title[data-v-7cae74b2]{color:#0049a9}.article-list .article-card .article-info .article-desc[data-v-7cae74b2]{color:#666;font-size:12px;line-height:1.6}.article-list .article-card .article-info .article-bottom[data-v-7cae74b2]{align-items:center;display:flex;justify-content:space-between;margin-top:8px}.article-list .article-card .article-info .article-bottom .date[data-v-7cae74b2]{color:#999;font-size:12px}.article-list .article-card .article-info .article-bottom .stat[data-v-7cae74b2]{display:flex;gap:16px}.article-list .article-card .article-info .article-bottom .stat .stat-item[data-v-7cae74b2]{align-items:center;color:#999;display:flex;font-size:12px;gap:4px;transition:color .3s}@keyframes fadeInLeft-f5c4a76a{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.media-container[data-v-f5c4a76a]{background:#fff;border-radius:0 0 4px 4px;overflow:hidden;padding:20px}.media-container .media-tab-group[data-v-f5c4a76a]{display:flex;gap:20px;margin-bottom:24px}.media-container .media-tab-group .media-tab[data-v-f5c4a76a]{border-radius:4px;color:#666;cursor:pointer;font-size:13px;padding:4px 8px;transition:all .3s}.media-container .media-tab-group .media-tab.active[data-v-f5c4a76a]{background:#e8f0fc;color:#0049a9}.media-container .media-tab-group .media-tab[data-v-f5c4a76a]:not(.active):hover{background:#f5f7fa;color:#0049a9}.media-container .media-list[data-v-f5c4a76a]{display:flex;flex-direction:column;gap:20px}.media-container .media-list .media-card[data-v-f5c4a76a]{align-items:stretch;animation:fadeInLeft-f5c4a76a .6s ease forwards;border-radius:8px;display:flex;gap:20px;opacity:0;padding:8px;transition:all .3s cubic-bezier(.25,.8,.25,1)}.media-container .media-list .media-card[data-v-f5c4a76a]:first-child{animation-delay:.1s}.media-container .media-list .media-card[data-v-f5c4a76a]:nth-child(2){animation-delay:.2s}.media-container .media-list .media-card[data-v-f5c4a76a]:nth-child(3){animation-delay:.3s}.media-container .media-list .media-card[data-v-f5c4a76a]:nth-child(4){animation-delay:.4s}.media-container .media-list .media-card[data-v-f5c4a76a]:nth-child(5){animation-delay:.5s}.media-container .media-list .media-card[data-v-f5c4a76a]:nth-child(6){animation-delay:.6s}.media-container .media-list .media-card[data-v-f5c4a76a]:nth-child(7){animation-delay:.7s}.media-container .media-list .media-card[data-v-f5c4a76a]:hover{background:#fafbfc;box-shadow:0 8px 20px #00000012;transform:translateY(-3px)}.media-container .media-list .media-img[data-v-f5c4a76a]{border-radius:4px;flex-shrink:0;height:100px;overflow:hidden;position:relative;width:180px}.media-container .media-list .media-img img[data-v-f5c4a76a]{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease;width:100%}.media-container .media-list .media-img:hover img[data-v-f5c4a76a]{transform:scale(1.06)}.media-container .media-list .media-img .media-time[data-v-f5c4a76a]{background:rgba(0,0,0,.5);border-radius:2px;bottom:8px;color:#fff;font-size:10px;padding:2px 4px;position:absolute;right:8px}.media-container .media-list .media-info[data-v-f5c4a76a]{display:flex;flex:1;flex-direction:column}.media-container .media-list .media-info .media-title[data-v-f5c4a76a]{color:#333;font-size:16px;font-weight:500;margin-bottom:8px;transition:color .3s}.media-container .media-list .media-info .media-card:hover .media-title[data-v-f5c4a76a]{color:#0049a9}.media-container .media-list .media-info .media-tag[data-v-f5c4a76a]{border-radius:4px;color:#fff;font-size:12px;margin-bottom:8px;padding:3px 8px;transition:transform .3s;width:-moz-fit-content;width:fit-content}.media-container .media-list .media-info .media-card:hover .media-tag[data-v-f5c4a76a]{transform:scale(1.03)}.media-container .media-list .media-info .tag-action[data-v-f5c4a76a]{background:#3a8bff}.media-container .media-list .media-info .tag-edu[data-v-f5c4a76a]{background:#84b200}.media-container .media-list .media-info .tag-teach[data-v-f5c4a76a]{background:#f90}.media-container .media-list .media-info .tag-anim[data-v-f5c4a76a]{background:#ff653a}.media-container .media-list .media-info .tag-audio[data-v-f5c4a76a]{background:#12cea6}.media-container .media-list .media-info .tag-guide[data-v-f5c4a76a]{background:#9c27b0}.media-container .media-list .media-info .media-bottom[data-v-f5c4a76a]{align-items:center;display:flex;justify-content:space-between;margin-top:auto}.media-container .media-list .media-info .media-bottom .date[data-v-f5c4a76a]{color:#999;font-size:12px}.media-container .media-list .media-info .media-bottom .stat[data-v-f5c4a76a]{display:flex;gap:16px}.media-container .media-list .media-info .media-bottom .stat .stat-item[data-v-f5c4a76a]{align-items:center;color:#999;display:flex;font-size:12px;gap:4px;transition:color .3s}