.blogDetail{background:#fff;max-width:900px;margin:0 auto;padding:60px}.blogDetailHeader{margin-bottom:50px}.blogDetailTitle{color:#000;margin:0 0 30px;font-size:42px;font-weight:700;line-height:1.3}.blogDetailMeta{border-bottom:2px solid #e2e3e4;flex-flow:wrap;align-items:center;gap:20px;margin-bottom:40px;padding-bottom:30px;display:flex}.blogDetailStats{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.blogDetailDate{color:#7ab52b;font-size:16px;font-weight:600}.blogDetailViews{color:#666;align-items:center;gap:5px;font-size:14px;font-weight:500;display:flex}.blogDetailComments{color:#666;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:14px;font-weight:500;transition:color .2s;display:flex}.blogDetailComments:hover{color:#7ab52b}.blogAuthors{flex-wrap:wrap;gap:20px;display:flex}.blogAuthorCard{background:#f1f1f1;align-items:center;gap:15px;padding:15px 20px;display:flex}.blogAuthorAvatar{object-fit:cover;width:50px;height:50px}.blogAuthorInfo{flex-direction:column;gap:5px;display:flex}.blogAuthorName{color:#000;font-size:16px;font-weight:600}.blogAuthorRole{color:#666;font-size:14px}.blogDetailImageWrapper{width:100%;height:500px;margin-bottom:50px;overflow:hidden}.blogDetailImage{object-fit:cover;width:100%;height:100%}.blogDetailContent{flex-direction:column;gap:50px;display:flex}.blogTextSection{color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:18px;line-height:1.6}.blogTextSection h1,.blogTextSection h2,.blogTextSection h3,.blogTextSection h4,.blogTextSection h5,.blogTextSection h6{color:#1a1a1a;margin-top:1.5em;margin-bottom:.6em;font-weight:700;line-height:1.3}.blogTextSection h1:first-child,.blogTextSection h2:first-child,.blogTextSection h3:first-child,.blogTextSection h4:first-child,.blogTextSection h5:first-child,.blogTextSection h6:first-child{margin-top:0}.blogTextSection h1{margin-top:0;margin-bottom:.8em;font-size:2.25em}.blogTextSection h2{border-bottom:2px solid #e2e3e4;margin-top:1.8em;padding-bottom:.3em;font-size:1.875em}.blogTextSection h3{margin-top:1.6em;font-size:1.5em}.blogTextSection h4{margin-top:1.4em;font-size:1.25em;font-weight:600}.blogTextSection h5{margin-top:1.3em;font-size:1.125em;font-weight:600}.blogTextSection h6{color:#666;margin-top:1.2em;font-size:1em;font-weight:600}.blogTextSection p{text-align:justify;margin-bottom:1em;line-height:1.7}.blogTextSection p:last-child{margin-bottom:0}.blogTextSection ul,.blogTextSection ol{margin:1em 0;padding-left:1.8em}.blogTextSection ul li,.blogTextSection ol li{margin-bottom:.5em;padding-left:.3em;line-height:1.6}.blogTextSection ul li:last-child,.blogTextSection ol li:last-child{margin-bottom:0}.blogTextSection ul li p,.blogTextSection ol li p{margin-top:.2em;margin-bottom:.4em}.blogTextSection ul{list-style-type:none}.blogTextSection ul li{position:relative}.blogTextSection ul li:before{content:"•";color:#7ab52b;font-size:1.2em;font-weight:700;position:absolute;top:-.05em;left:-1.2em}.blogTextSection ul ul{margin-top:.4em;margin-bottom:.4em;padding-left:1.5em}.blogTextSection ul ul li:before{content:"◦";font-size:1.1em}.blogTextSection ul ul ul li:before{content:"▪";font-size:.9em}.blogTextSection ol{counter-reset:item;list-style-type:decimal}.blogTextSection ol li::marker{color:#7ab52b;font-weight:600}.blogTextSection ol ol{margin-top:.4em;margin-bottom:.4em;padding-left:1.5em;list-style-type:lower-alpha}.blogTextSection ol ol ol{list-style-type:lower-roman}.blogTextSection img{border-radius:4px;max-width:100%;height:auto;margin:1.5em auto;display:block;box-shadow:0 2px 8px #0000001a}.blogTextSection blockquote{color:#555;background:#f8f9fa;border-left:4px solid #7ab52b;border-radius:0 4px 4px 0;margin:1.5em 0;padding:1em 1.3em;font-style:italic;line-height:1.6}.blogTextSection blockquote p{margin-bottom:.6em}.blogTextSection blockquote p:last-child{margin-bottom:0}.blogTextSection a{color:#7ab52b;border-bottom:1px solid #0000;text-decoration:none;transition:all .2s}.blogTextSection a:hover{color:#689d22;border-bottom-color:#689d22}.blogTextSection code{color:#e83e8c;background:#f4f4f4;border-radius:3px;padding:.2em .4em;font-family:Courier New,Courier,monospace;font-size:.9em}.blogTextSection pre{background:#f4f4f4;border-radius:4px;margin:2em 0;padding:1.5em;overflow-x:auto}.blogTextSection pre code{color:inherit;background:0 0;padding:0}.blogTextSection table{border-collapse:collapse;width:100%;margin:2em 0;font-size:.95em}.blogTextSection table th,.blogTextSection table td{text-align:left;border:1px solid #e2e3e4;padding:.75em 1em}.blogTextSection table th{color:#1a1a1a;background:#f8f9fa;font-weight:600}.blogTextSection table tr:nth-child(2n){background:#fafafa}.blogTextSection hr{border:none;border-top:2px solid #e2e3e4;margin:3em 0}.blogTextSection strong,.blogTextSection b{color:#1a1a1a;font-weight:700}.blogTextSection em,.blogTextSection i{font-style:italic}.blogTextSection u{-webkit-text-decoration:underline #7ab52b;text-decoration:underline #7ab52b}.blogTextSection del,.blogTextSection s{opacity:.7;text-decoration:line-through}.blogTextSection mark{background:#fff3cd;border-radius:2px;padding:.1em .3em}.blogProducts{border-top:2px solid #e2e3e4;border-bottom:2px solid #e2e3e4;padding:40px 0}.blogProductsTitle{color:#000;text-align:center;margin:0 0 30px;font-size:28px;font-weight:700}.blogProductsGrid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;display:grid}.blogProductCard{background:#e2e3e4;border:1px solid #0000;flex-direction:column;align-items:center;gap:15px;padding:20px;text-decoration:none;transition:all .3s;display:flex}.blogProductCard:hover{background:#f1f1f1;border:1px solid #7ab52b;transform:translateY(-5px)}.blogProductImage{object-fit:contain;width:100%;height:200px}.blogProductName{color:#000;text-align:center;margin:0;font-size:16px;font-weight:500}@media (max-width:1024px){.blogDetail{padding:40px 30px}.blogDetailTitle{font-size:36px}.blogDetailImageWrapper{height:400px}.blogTextSection{font-size:17px}}@media (max-width:768px){.blogDetail{padding:20px 15px}.blogDetailHeader{margin-bottom:30px}.blogDetailTitle{margin-bottom:20px;font-size:28px}.blogDetailMeta{gap:15px;margin-bottom:30px;padding-bottom:20px}.blogDetailStats{gap:15px}.blogDetailDate{font-size:14px}.blogDetailViews,.blogDetailComments{font-size:13px}.blogAuthors{gap:15px}.blogAuthorCard{gap:12px;padding:12px 15px}.blogAuthorAvatar{width:40px;height:40px}.blogAuthorName{font-size:14px}.blogAuthorRole{font-size:12px}.blogDetailImageWrapper{height:250px;margin-bottom:30px}.blogDetailContent{gap:30px}.blogTextSection{font-size:16px}.blogTextSection h1{font-size:1.75em}.blogTextSection h2{font-size:1.5em}.blogTextSection h3{font-size:1.3em}.blogTextSection h4{font-size:1.15em}.blogTextSection h5,.blogTextSection h6{font-size:1em}.blogTextSection ul,.blogTextSection ol{padding-left:1.5em}.blogTextSection blockquote{margin:1.2em 0;padding:.8em 1em}.blogTextSection table{font-size:.85em}.blogTextSection table th,.blogTextSection table td{padding:.5em .7em}.blogTextSection pre{margin:1.5em 0;padding:1em;font-size:.85em}.blogProducts{padding:30px 0}.blogProductsTitle{margin-bottom:20px;font-size:24px}.blogProductsGrid{grid-template-columns:repeat(2,1fr);gap:15px}.blogProductCard{gap:10px;padding:15px}.blogProductImage{height:150px}.blogProductName{font-size:14px}}@media (max-width:480px){.blogDetail{padding:15px 10px}.blogDetailTitle{font-size:24px}.blogDetailImageWrapper{height:200px;margin-bottom:20px}.blogDetailMeta{flex-direction:column;align-items:flex-start;gap:10px}.blogTextSection{font-size:15px}.blogTextSection h1{font-size:1.5em}.blogTextSection h2{font-size:1.35em}.blogTextSection h3{font-size:1.2em}.blogProductsGrid{grid-template-columns:1fr;gap:12px}.blogProductImage{height:180px}}