.mb-webzine-list{display:flex;flex-direction:column;gap:16px;width:100%}.mb-webzine-item{display:flex;background:#fff;border-radius:12px;border:1px solid #e1e1e1;overflow:hidden;transition:all 0.25s cubic-bezier(.4,0,.2,1);box-sizing:border-box;position:relative;padding:24px;gap:24px;box-shadow:0 1px 3px rgb(0 0 0 / .04)}.mb-webzine-item:hover{border-color:#1a1a1a;background-color:#fcfcfc;transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .06)}.mb-webzine-item.is-current{border-left:5px solid #1a1a1a}.mb-webzine-thumb-wrap{flex-shrink:0;width:280px;position:relative}.mb-webzine-item.no-image{padding:24px 30px}.mb-webzine-item.no-image .mb-webzine-thumb-wrap{display:none!important}.mb-webzine-thumb-grid{display:grid;gap:2px;width:100%;height:180px;border-radius:10px;overflow:hidden;background:#f8fafc;border:1px solid #eee}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:1.5fr 1fr;grid-template-rows:1fr 1fr}.grid-3 .mb-webzine-thumb-item:first-child{grid-row:span 2}.grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.mb-webzine-thumb-item{position:relative;display:block;width:100%;height:100%}.mb-webzine-img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.mb-webzine-thumb-item:hover .mb-webzine-img{transform:scale(1.08)}.mb-webzine-more-overlay{position:absolute;inset:0;background:rgb(0 0 0 / .5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:800}.mb-webzine-comm-badge{position:absolute;right:8px;bottom:8px;background:rgb(0 0 0 / .7);color:#fff;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;backdrop-filter:blur(4px)}.mb-webzine-content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}.mb-webzine-meta-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mb-webzine-cat{color:#1a1a1a;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #1a1a1a;padding-bottom:2px}.mb-webzine-badge{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:800;color:#fff}.mb-webzine-badge.hot{background:#ff4d4d}.mb-webzine-badge.new{background:#10b981}.mb-webzine-title{font-size:20px;font-weight:800;color:#111;margin:0 0 10px;line-height:1.3}.mb-webzine-title a{color:inherit;text-decoration:none}.mb-webzine-title a:hover{text-decoration:underline}.mb-webzine-summary{font-size:14px;line-height:1.6;color:#555;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px;flex:1}.mb-webzine-meta-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px dashed #eee}.mb-webzine-author{display:flex;align-items:center;gap:8px}.mb-webzine-avatar,.mb-webzine-avatar-text{width:24px;height:24px;border-radius:50%;object-fit:cover;font-size:10px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center}.mb-webzine-author .nick{font-size:12px;font-weight:700;color:#333}.mb-webzine-stats{display:flex;align-items:center;gap:15px;font-size:11px;color:#999;margin-top:2px}.mb-webzine-stats span i{margin-right:4px}@media screen and (max-width:768px){.mb-webzine-item{padding:16px;gap:16px;align-items:flex-start}.mb-webzine-thumb-link{width:100px;height:75px}.mb-webzine-item.is-current{border-left-width:4px}.mb-webzine-title{font-size:16px;margin-bottom:6px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.mb-webzine-summary{display:none}.mb-webzine-meta-top{margin-bottom:6px;gap:6px}.mb-webzine-meta-bottom{padding-top:10px;flex-direction:column;align-items:flex-start;gap:8px}.mb-webzine-stats{width:100%;justify-content:flex-start;gap:12px;margin-top:0}}