.blog-section{background-color:#fafafa;padding-top:60px;font-family:inherit}[dir=dark] .blog-section{background-color:var(--bg-primary,#0a0a0a)}.eco-hero-container{background:url(/image/BlogBackground.png) 50%/cover no-repeat;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:none;height:100vh;margin:0;display:flex;position:relative;overflow:hidden}.eco-hero-container:before{content:"";z-index:1;background:linear-gradient(#0000004d 0%,#0a0a0acc 100%);position:absolute;inset:0}.eco-center-content{z-index:2;text-align:center;-webkit-backdrop-filter:blur(24px);background:linear-gradient(145deg,#1e1e1e66 0%,#0003 100%);border:1px solid #ffffff0d;border-color:#ffffff26 #ffffff0d #ffffff0d #ffffff1a;border-radius:32px;flex-direction:column;align-items:center;max-width:900px;padding:60px 40px;animation:6s ease-in-out infinite alternate subtle-float;display:flex;position:relative;transform:translateY(0);box-shadow:0 30px 60px #0009,inset 0 0 0 1px #ffffff05}@keyframes subtle-float{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.eco-title{background:linear-gradient(135deg,#fff 0%,#fcd49c 40%,#b88645 100%);-webkit-text-fill-color:transparent;letter-spacing:-2px;filter:drop-shadow(0 10px 20px #b886454d);-webkit-background-clip:text;margin-bottom:24px;font-size:clamp(3rem,6vw,5.5rem);font-weight:800;line-height:1.1}.eco-subtitle{color:#e5e7eb;letter-spacing:.5px;text-shadow:0 4px 10px #000c;max-width:600px;margin-bottom:20px;font-size:1.3rem;font-weight:400;line-height:1.6}.eco-floating-cards-wrapper{z-index:1;pointer-events:none;position:absolute;inset:0}.eco-floating-wrapper{pointer-events:auto;opacity:0;animation:.8s cubic-bezier(.34,1.56,.64,1) forwards card-entrance;position:absolute}.eco-floating-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#14141499;border:1px solid #ffffff1a;border-radius:20px;width:260px;padding:12px;text-decoration:none;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s;animation:6s ease-in-out infinite alternate levitate;display:block;box-shadow:0 20px 40px #0000004d}@keyframes card-entrance{0%{opacity:0;transform:translateY(60px)scale(.8)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes levitate{0%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(-20px)}}.eco-floating-card:hover{z-index:10;border-color:#ffffff4d;animation-play-state:paused;box-shadow:0 30px 60px #10b98133;transform:scale(1.05)!important}.eco-pos-1{animation-delay:1.5s;top:10%;right:5%}.eco-pos-2{animation-delay:3s;bottom:15%;left:2%}.eco-pos-3{animation-delay:4.5s;top:25%;left:1%}.eco-pos-4{animation-delay:6s;bottom:20%;right:2%}[dir=ltr] .eco-pos-1{left:2%;right:auto}[dir=ltr] .eco-pos-2{left:auto;right:10%}[dir=ltr] .eco-pos-3{left:auto;right:5%}[dir=ltr] .eco-pos-4{left:80%;right:auto}.eco-card-image{border-radius:12px;width:100%;height:140px;margin-bottom:12px;position:relative;overflow:hidden}.eco-card-content{padding:4px}.eco-card-category{color:var(--primary-color,#10b981);margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.eco-card-title{color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:1rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:992px){.eco-hero-container{height:100vh;padding:20px}.eco-floating-cards-wrapper{display:none}}.blog-feed-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto;display:grid}.blog-card{-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid #0000000a;border-radius:16px;flex-direction:column;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000005}[dir=dark] .blog-card{background:#ffffff05;border:1px solid #ffffff0d}.blog-card:hover{color:inherit;text-decoration:none;transform:translateY(-6px);box-shadow:0 12px 30px #0000000f}[dir=dark] .blog-card:hover{box-shadow:0 12px 30px #0000004d}.blog-image-wrapper{width:100%;height:220px;position:relative;overflow:hidden}.blog-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-card:hover .blog-image-wrapper img{transform:scale(1.05)}.blog-content{flex-direction:column;flex:1;padding:24px;display:flex}.blog-author-meta{margin-bottom:var(--spacing-sm);color:var(--text-secondary);align-items:center;gap:12px;font-size:13px;font-weight:500;display:flex}.blog-author-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px;box-shadow:0 2px 5px #0000001a}.blog-author-name{color:var(--text-primary);font-weight:700}.blog-date-read{opacity:.8;align-items:center;gap:6px;display:flex}.blog-date-read:before{content:"·";opacity:.5;font-weight:700}.blog-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.35rem;font-weight:800;line-height:1.4;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-title,.featured-card:hover .featured-title{color:var(--primary-color,#1a73e8)}.blog-excerpt{color:var(--text-secondary);margin-bottom:var(--spacing-lg);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-tags{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;display:flex}.blog-tag{color:var(--text-secondary);background-color:#0000000a;border:1px solid #00000005;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}[dir=dark] .blog-tag{background-color:#ffffff0d;border-color:#ffffff05}.blog-tag:hover{background-color:var(--primary-color,#1a73e81a);color:var(--primary-color,#1a73e8);border-color:#0000}.blog-controls{max-width:1200px;margin:0 auto var(--spacing-3xl);gap:var(--spacing-md);padding-bottom:var(--spacing-lg);border-bottom:1px solid #0000000d;flex-direction:column;display:flex}[dir=dark] .blog-controls{border-bottom-color:#ffffff0d}.blog-search-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000d;border-radius:100px;align-items:center;width:100%;padding:14px 28px;transition:box-shadow .3s,border-color .3s;display:flex;box-shadow:0 4px 15px #00000005}[dir=dark] .blog-search-bar{background:#ffffff08;border-color:#ffffff0d}.blog-search-bar:focus-within{border-color:var(--primary-color,#1a73e84d);box-shadow:0 8px 25px #0000000d}.blog-search-icon{color:var(--text-secondary);margin-inline-end:14px;font-size:1.3rem}.blog-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.blog-search-input::placeholder{color:#0000004d}[dir=dark] .blog-search-input::placeholder{color:#ffffff4d}.blog-categories{scrollbar-width:none;gap:12px;padding-bottom:8px;display:flex;overflow-x:auto}.blog-categories::-webkit-scrollbar{display:none}.blog-category-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#fff9;border:1px solid #0000000d;border-radius:100px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}[dir=dark] .blog-category-btn{background:#ffffff05;border-color:#ffffff0d}.blog-category-btn:hover{color:var(--text-primary);background:#ffffffe6;transform:translateY(-2px);box-shadow:0 4px 10px #00000008}[dir=dark] .blog-category-btn:hover{background:#ffffff1a}.blog-category-btn.active{background:var(--primary-color,#1a73e8);color:#fff;border-color:#0000;font-weight:600;box-shadow:0 4px 15px #1a73e84d}@media (max-width:992px){.split-hero-container{grid-template-columns:1fr;gap:40px}.split-hero-content{text-align:center;padding-inline-end:0}.sh-categories-wrap{justify-content:center}}@media (max-width:768px){.blog-feed-grid{grid-template-columns:1fr;gap:24px}.sh-card-image{height:250px}.sh-title{font-size:2rem}}.load-more-btn{background:var(--primary-color,#10b981);color:#fff;cursor:pointer;border:none;border-radius:100px;padding:14px 40px;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #10b98140}.load-more-btn:hover{background:var(--primary-dark,#059669);color:#fff;transform:translateY(-4px);box-shadow:0 12px 30px #10b98166}[dir=dark] .load-more-btn{background:var(--primary-color,#10b981);color:#fff}[dir=dark] .load-more-btn:hover{box-shadow:0 12px 30px #10b98180}
.blog-page{min-height:100vh}.blog-hero{background:var(--gradient-primary);padding:var(--spacing-3xl)0;text-align:center;color:#fff}.blog-hero-title{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md);color:#fff;font-weight:800}.blog-hero-description{font-size:var(--font-size-xl);color:#ffffffe6;max-width:600px;margin:0 auto}@media (max-width:768px){.blog-hero-title{font-size:var(--font-size-4xl)}}