.blog-page{background-color:#fafafa;min-height:100vh}.blog-container{max-width:1200px;margin:0 auto;padding:40px 20px}.blog-hero{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);border-radius:24px;margin-bottom:60px;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 20px 60px #667eea4d}.blog-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 80%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 40% 40%,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.blog-title{text-shadow:0 4px 20px #0000004d;background:linear-gradient(135deg,#fff 0%,#f0f8ff 100%);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:3.5rem;font-weight:800;position:relative}.blog-subtitle{opacity:.95;text-shadow:0 2px 10px #0003;z-index:1;max-width:700px;margin:0 auto;font-size:1.3rem;font-weight:400;line-height:1.7;position:relative}.blog-content{margin-bottom:60px}.blog-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:40px;display:grid}.blog-card{background:#fff;border:1px solid #f0f0f0;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 4px 20px #00000014}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.blog-card-cover{position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:200px;transition:transform .3s}.blog-card:hover .blog-card-image{transform:scale(1.05)}.blog-card-overlay{position:absolute;top:16px;left:16px}.category-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#1890ff;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #0003}.blog-card-content{padding:24px}.blog-card-title{color:#262626;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:16px;font-size:1.4rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-excerpt{color:#595959;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-meta{margin-bottom:20px}.blog-meta-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.blog-meta-item{color:#8c8c8c;align-items:center;gap:6px;font-size:13px;display:flex}.blog-meta-item .icon{font-size:14px}.reading-time{color:#1890ff;font-weight:500}.blog-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.blog-tag{color:#595959;background:#f6f6f6;border:1px solid #e8e8e8;border-radius:12px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s}.blog-tag:hover{color:#1890ff;background:#e6f7ff;border-color:#91d5ff}.read-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1890ff,#36cfc9);border:none;border-radius:25px;width:100%;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #1890ff4d}.read-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66}.blog-pagination{text-align:center;padding:40px 0}.load-more-btn{color:#fff;cursor:pointer;background:#1890ff;border:none;border-radius:30px;padding:16px 40px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #1890ff4d}.load-more-btn:hover{background:#40a9ff;transform:translateY(-2px);box-shadow:0 6px 20px #1890ff66}@media (max-width:767px){.blog-container{padding:20px 15px}.blog-hero{border-radius:20px;margin-bottom:40px;padding:50px 20px}.blog-title{font-size:2.5rem}.blog-subtitle{font-size:1.1rem}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card-content{padding:20px}.blog-meta-row{flex-direction:column;align-items:flex-start;gap:8px}.blog-meta-item{font-size:12px}}@media (max-width:639px){.blog-container{padding:15px 10px}.blog-hero{border-radius:18px;padding:40px 20px}.blog-title{font-size:2.2rem}.blog-card-title{font-size:1.2rem}.blog-card-content{padding:16px}}@media (prefers-color-scheme:dark){.blog-page{background-color:#141414}.blog-card{background:#1f1f1f;border-color:#303030}.blog-card-title{color:#fff}.blog-excerpt{color:#d9d9d9}.blog-tag{color:#d9d9d9;background:#262626;border-color:#434343}.blog-tag:hover{color:#91d5ff;background:#003a8c;border-color:#1890ff}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-card{animation:.6s forwards fadeInUp}.blog-card:first-child{animation-delay:.1s}.blog-card:nth-child(2){animation-delay:.2s}.blog-card:nth-child(3){animation-delay:.3s}.blog-card:nth-child(4){animation-delay:.4s}.blog-card:nth-child(5){animation-delay:.5s}.blog-card:nth-child(6){animation-delay:.6s}