.blog-wrapper{grid-template-columns:2.7fr 1fr;max-width:1000px;margin:40px auto;display:grid}.blog-list{padding:10px}.blog-item{border-bottom:1px solid #eee;gap:20px;margin-bottom:30px;padding-bottom:20px;display:flex}.blog-thumb img{object-fit:cover;width:250px;height:180px}.blog-info h2{margin-bottom:10px;font-size:20px}.blog-info a{color:#000;text-decoration:none}.blog-info a:hover{color:red}.blog-desc{color:#444}.blog-sidebar{border-left:1px solid #eee;padding-left:20px}.search-box{margin-bottom:30px;display:flex;position:relative}.search-box input{border:1px solid #ddd;flex:1;padding:10px}.search-box button{color:#000;background:#fff;border:none;width:50px}.seo-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.search-result{z-index:999;background:#fff;border:1px solid #ddd;width:100%;max-height:300px;position:absolute;top:100%;left:0;overflow-y:auto}.search-item{cursor:pointer;border-bottom:1px solid #eee;gap:10px;padding:10px;display:flex}.search-item:hover{background:#f5f5f5}.search-thumb{object-fit:cover;width:70px;height:50px}.search-info h4{margin:0;font-size:14px}.search-info p{color:#666;font-size:12px}.recent-posts{margin-top:20px}.recent-posts h3{margin-bottom:15px;font-size:18px}.recent-posts ul{padding:0;list-style:none}.recent-item{border-bottom:1px solid #eee;gap:10px;padding:10px 0;display:flex}.thumb img{object-fit:cover;width:100px}.recent-posts a{color:red;text-decoration:none}.video-thumb{cursor:pointer;position:relative}.video-thumb img{border-radius:8px;width:100%}.play-btn{color:#fff;background:#0009;border-radius:50%;padding:10px 20px;font-size:40px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-wrapper{aspect-ratio:16/9;background:#000;width:90%;margin:20px}.video-wrapper iframe{border:none;width:100%;height:100%}.social-share{justify-content:center;gap:18px;margin-top:20px;display:flex}.social-share a{color:#666;background:#f2f2f2;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex}.social-share svg{width:18px;height:18px}.social-share a:first-child:hover{color:#fff;background:#0664fe}.social-share a:nth-child(2):hover{color:#fff;background:#0697fe}.social-share a:nth-child(3):hover{color:#fff;background:linear-gradient(135deg,#4285f4 0%,#ea4335 25%,#fbbc05 50%,#34a853 100%)}.social-share a:nth-child(4):hover{color:#fff;background:#cb0000}.social-share a:nth-child(5):hover{color:#fff;background:#00368e}@media (max-width:768px){.blog-wrapper{grid-template-columns:1fr}.blog-sidebar{display:none}}
.search-box{max-width:300px;position:relative}.search-box input{width:100%;padding:10px}.search-result{z-index:999;background:#fff;border:1px solid #ddd;width:100%;max-height:300px;position:absolute;top:100%;left:0;overflow-y:auto}.search-item{cursor:pointer;border-bottom:1px solid #eee;gap:10px;padding:10px;display:flex}.search-item:hover{background:#f5f5f5}.search-thumb{object-fit:cover;width:70px;height:50px}.search-info h4{margin:0;font-size:14px}.search-info p{color:#666;font-size:12px}.search-btn{cursor:pointer;background:#fff;border:1px solid #ddd;justify-content:center;align-items:center;width:50px;display:flex}.search-icon{fill:#000;width:18px;height:18px}