.blog-m-container{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);width:100%;min-height:100vh;padding-top:96px;padding-bottom:64px}.blog-main,.blog-container{max-width:900px;margin:0 auto;padding:0 20px}.blog-header{text-align:center;border-bottom:2px solid #e5e7eb;margin-bottom:48px;padding-bottom:32px}.blog-header h1{letter-spacing:-.02em;color:#111;margin:0 0 12px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.2}.blog-header p{color:#666;margin:0;font-size:1.125rem;font-weight:500}.blog-list{flex-direction:column;gap:24px;display:flex}.blog-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #00000014}.blog-item:hover{border-color:#111;transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.blog-item-header{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.blog-item-title{color:#111;font-size:1.75rem;font-weight:700;line-height:1.3;text-decoration:none;transition:color .3s}.blog-item-title:hover{color:#1f2937}.blog-item-date{color:#999;font-size:.9rem;font-weight:500}.blog-item-description{color:#666;margin:0 0 16px;font-size:1.0625rem;line-height:1.7}.blog-item-meta{color:#999;flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:.875rem;display:flex}.blog-item-author,.blog-item-reading-time{align-items:center;gap:4px;display:inline-flex}.blog-item-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.blog-tag{color:#555;background:#f5f5f5;border:1px solid #0000;border-radius:24px;padding:6px 14px;font-size:.85rem;font-weight:500;transition:all .25s;display:inline-block}.blog-tag:hover{color:#111;background:#eee;border-color:#999}.blog-item-link{color:#111;align-items:center;gap:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.blog-item-link:hover{color:#666;gap:12px}.blog-empty{text-align:center;color:#999;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:12px;padding:64px 32px;font-size:1.125rem}@media (max-width:768px){.blog-m-container{padding-top:80px;padding-bottom:48px}.blog-main,.blog-container{padding:0 16px}.blog-header{margin-bottom:32px;padding-bottom:24px}.blog-header h1{font-size:2rem}.blog-item{padding:24px}.blog-item-title{font-size:1.5rem}.blog-item-meta{flex-direction:column;gap:8px}.blog-list{gap:16px}}