.card-container{display:flex;flex-wrap:wrap;gap:15px;margin:0 20px;width:100%;height:100%;box-sizing:border-box;flex:1 1 0%;align-items:flex-start;margin-top:15px;justify-content:space-between}.card-container .card{display:flex;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;box-shadow:var(--card-shadow);padding:5px;margin:0;width:calc(50% - 7.5px);height:190px;box-sizing:border-box;gap:10px;flex-direction:row;align-items:center}.card .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{width:220px;height:170px;object-fit:cover;border-radius:5px;display:block}.card-thumb a span{display:none;position:absolute;left:0;top:0;background:rgba(0,0,0,.7);color:#fff;font-size:12px;padding:3px 8px;border-radius:5px 0 5px 0;z-index:2}.card .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-main .card-title{color:var(--text-primary);font-weight:700;line-height:1.3}.card-main .card-content{color:var(--meta-color);font-size:14px;top:5px;line-height:1.5;position:relative}.card-detail .card-meta{display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;list-style:none;color:var(--meta-color);position:absolute;left:0;bottom:0;width:100%}.card-meta li{margin:0;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.card-meta li a,.card-meta li img,.card-meta li span,.card-meta li time{font-size:12px}.card-meta li img{width:12px;height:12px;vertical-align:middle;margin-left:5px}.card-meta .card-vcl{gap:3px}.archive-title{width:100%;display:block;height:16px;line-height:16px;overflow:hidden}.page-nav{width:100%;height:35px;display:flex;align-items:center;justify-content:center;margin-top:auto;margin-bottom:15px;box-sizing:border-box}.page-nav ol{display:flex;align-items:center;justify-content:center;padding:0;margin:0;list-style:none}.page-nav ol li{list-style:none;margin:0 8px;width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px;box-sizing:border-box;transition:background .2s;cursor:pointer}.page-nav ol li a,.page-nav ol li span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:inherit;text-decoration:none;font-size:inherit;border-radius:6px;box-sizing:border-box}.page-nav ol li.next,.page-nav ol li.prev{width:70px;min-width:70px;max-width:70px}@media (max-width:1100px){.card-container{gap:10px}.card-container .card{width:100%}footer{min-height:80px!important}footer .container{align-items:center;flex-direction:column}}@media (max-width:768px){.card-container .card{height:150px}.card .card-thumb,.card-thumb a img{width:140px;height:136px}.card .card-detail{height:136px}.card .card-detail a{font-size:.9rem}.card .card-detail p{font-size:.66rem}.card-meta a,.card-meta time{font-size:.62rem!important}.card-meta li img{width:.62rem;height:.62rem}.card-meta .card-vcl{display:none}.page-nav ol li{width:1.25rem;height:1.25rem;font-size:.62rem}.page-nav ol li.next,.page-nav ol li.prev{width:2.5rem;min-width:2.5rem;max-width:2.5rem}}