.banner[data-v-e5d376bc]{width:100%;position:relative;overflow:hidden}.banner-slides[data-v-e5d376bc]{width:100%;height:300px;position:relative}.banner-slide[data-v-e5d376bc]{opacity:0;transition:opacity .6s;position:absolute;inset:0}.banner-slide.active[data-v-e5d376bc]{opacity:1}.banner-slide img[data-v-e5d376bc]{object-fit:cover;width:100%;height:100%}.banner-dots[data-v-e5d376bc]{z-index:10;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.banner-dot[data-v-e5d376bc]{cursor:pointer;background:#ffffff80;border-radius:50%;width:10px;height:10px;transition:all .3s}.banner-dot.active[data-v-e5d376bc]{background:#fff;border-radius:5px;width:28px}@media (width<=768px){.banner-slides[data-v-e5d376bc]{height:200px}}@media (width<=480px){.banner-slides[data-v-e5d376bc]{height:150px}}.video-card[data-v-9405961b]{cursor:pointer;background:#f8f8f8;border-radius:6px;flex-direction:column;padding:16px;transition:box-shadow .3s,transform .3s;display:flex;position:relative}.video-card[data-v-9405961b]:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.card-cover[data-v-9405961b]{aspect-ratio:16/9;background:#e0e0e0;border-radius:4px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.card-cover img[data-v-9405961b]{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-card:hover .card-cover img[data-v-9405961b]{transform:scale(1.05)}.play-overlay[data-v-9405961b]{opacity:.8;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card:hover .play-overlay[data-v-9405961b]{opacity:1}.duration[data-v-9405961b]{color:#fff;background:#0009;border-radius:2px;padding:1px 6px;font-size:12px;position:absolute;bottom:6px;right:6px}.card-content[data-v-9405961b]{-webkit-line-clamp:3;color:#3c3c3c;white-space:pre-line;-webkit-box-orient:vertical;flex-shrink:0;height:63px;margin-top:10px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.card-meta[data-v-9405961b]{flex-shrink:0;justify-content:space-between;align-items:center;height:18px;margin-top:10px;font-size:12px;display:flex}.meta-author[data-v-9405961b]{color:#3c3c3c;align-items:center;display:flex;overflow:hidden}.meta-icon[data-v-9405961b]{flex-shrink:0;margin-right:4px}.meta-text[data-v-9405961b]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meta-comments[data-v-9405961b]{color:#999;flex-shrink:0;align-items:center;display:flex}.video-modal[data-v-e6b710f1]{z-index:9999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.video-wrap[data-v-e6b710f1]{flex-direction:column;align-items:center;width:80%;max-width:800px;max-height:90vh;display:flex;position:relative}.close-btn[data-v-e6b710f1]{cursor:pointer;opacity:.8;background:0 0;border:none;padding:4px;line-height:1;transition:opacity .3s;position:absolute;top:-40px;right:0}.close-btn[data-v-e6b710f1]:hover{opacity:1}.video-player[data-v-e6b710f1]{object-fit:contain;background:#000;border-radius:6px;outline:none;width:100%;max-height:90vh}@media (width<=768px){.video-wrap[data-v-e6b710f1]{width:95%}}*{box-sizing:border-box;margin:0;padding:0}html{overflow-y:auto}body{color:#3c3c3c;background:#fff;font-family:Microsoft YaHei,PingFang SC,Helvetica Neue,Arial,sans-serif}ul{list-style:none}.page[data-v-d9b4ea2a]{width:100%;padding:20px}.video-grid[data-v-d9b4ea2a]{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.sentinel[data-v-d9b4ea2a]{justify-content:center;align-items:center;height:50px;display:flex}.loading-text[data-v-d9b4ea2a]{color:#999;font-size:14px}.loading-text[data-v-d9b4ea2a]:before{content:"";vertical-align:middle;border:2px solid #ddd;border-top-color:#d9261c;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.8s linear infinite spin-d9b4ea2a;display:inline-block}@keyframes spin-d9b4ea2a{to{transform:rotate(360deg)}}.no-more[data-v-d9b4ea2a]{color:#999;font-size:14px}@media (width<=1200px){.video-grid[data-v-d9b4ea2a]{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.video-grid[data-v-d9b4ea2a]{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.video-grid[data-v-d9b4ea2a]{grid-template-columns:1fr}}
