.card-container{display:flex;flex-wrap:wrap;flex:1 1 0%;align-items:flex-start;justify-content:space-between;gap:15px;margin:15px 20px 0;width:100%;height:100%;box-sizing:border-box}.card-container h5{width:100%;height:24px;margin:0;color:var(--text-title);position:relative;padding-left:16px}.card-container h5::before{content:'';display:inline-block;width:4px;height:20px;background:var(--border-left-primary);border-radius:2px;position:absolute;left:0;top:2px}.card-container .card{display:flex;flex-direction:row;align-items:center;gap:10px;width:calc(50% - 7.5px);height:190px;background:var(--content-bg);border:1px solid var(--content-border);border-radius:8px;box-shadow:0 2px 8px var(--content-shadow);padding:5px;margin:0;box-sizing:border-box}.card-thumb{width:230px;height:170px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.card-thumb a{display:flex;position:relative}.card-thumb a img{display:block;width:220px;height:170px;object-fit:cover;border-radius:5px}.card-thumb a span{position:absolute;left:0;top:0;display:none;background:var(--info-bg);color:var(--info-text);font-size:12px;padding:3px 8px;border-radius:5px 0 5px 0;z-index:2}.card-detail{display:flex;flex-direction:column;margin-right:10px;height:170px;flex:1 1 0%;min-width:0;position:relative}.card-detail .card-main{min-height:0}.card-detail .card-main a{color:var(--text-title);font-weight:700;line-height:1.3}.card-detail .card-main a.current,.card-detail .card-main a:hover{color:var(--link-color)}.card-detail .card-main p{position:relative;top:5px;color:var(--text-secondary);font-size:14px;line-height:1.5}.card-detail .card-meta{display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;bottom:0;width:100%;margin:0;padding:0;list-style:none}.card-detail .card-meta li{margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:2px}.card-detail .card-meta li a,.card-detail .card-meta li span,.card-detail .card-meta li time{color:var(--text-secondary);font-size:12px}.card-detail .card-meta li a.current,.card-detail .card-meta li a:hover{color:var(--link-color)}.card-detail .card-meta li img{width:12px;height:12px;margin-left:6px}.page-nav{width:100%;height:35px;display:flex;align-items:center;justify-content:center;margin:auto 0 15px;box-sizing:border-box}.page-nav ol{display:flex;align-items:center;justify-content:center;padding:0;margin:0;list-style:none;gap:8px}.page-nav ol li{margin:0;width:30px;height:30px;border-radius:6px}.page-nav a,.page-nav span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--hover-original-bg);color:#fff;border-radius:6px}.page-nav li.next,.page-nav li.prev{width:70px;min-width:70px;max-width:70px}.page-nav a:hover,.page-nav li.current a,.page-nav span:hover{background:var(--hover-bg);color:#fff}@media (max-width:1100px){.card-container{gap:10px}.card-container .card{width:100%}}@media (max-width:768px){.card-container .card{height:150px}.card-thumb,.card-thumb a img{width:140px;height:136px}.card-detail{height:136px}.card-detail a{font-size:.9rem}.card-detail .card-main .card-content{font-size:.66rem}.card-detail .card-meta li a,.card-detail .card-meta li span,.card-detail .card-meta li time,.card-detail .card-meta time{font-size:.62rem}.card-detail .card-meta li img{width:.62rem;height:.62rem}.card-detail .card-meta .card-vcl{display:none}.page-nav ol li{width:1.5rem;height:1.5rem}.page-nav a,.page-nav span{font-size:.65rem}.page-nav ol li.next,.page-nav ol li.prev{width:2.5rem;min-width:2.5rem;max-width:2.5rem}}