.banner-bg{background-image:url(../img/news/banner-bg.webp);background-size:cover;background-position:center;height:15.16rem;display:flex;align-items:center;margin:0}.banner-bg .banner-content{width:100%;display:flex;justify-content:center;align-items:center;gap:1rem}.banner-bg .banner-content img{height:5.625rem}.banner-bg .banner-content P{color:#C8937B;margin:0;word-wrap:nowrap;text-wrap:nowrap;font-size:1.8rem;line-height:1.5}@media (max-width: 768px){.banner-bg .banner-content{flex-direction:column;text-align:center;padding:0 1rem}.banner-bg .banner-content p{font-size:1.4rem}.banner-bg .banner-content img{height:4rem}}@media (max-width: 480px){.banner-bg .banner-content p{font-size:1.2rem}.banner-bg .banner-content img{height:3rem}}.related-product{background-color:#C8937B;background-image:url("../img/case_article/related.svg");background-size:100%;background-position:left top;background-repeat:no-repeat;padding:4rem 0}.related-product .related-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem}.related-product .related-top h2{color:#fff;font-size:2.2rem;margin:0}.related-product .related-top a{color:#fff}.related-product .related-top a:hover{color:#fff !important;opacity:0.8}.related-product .related-content .product-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:1.5rem}.related-product .related-content .product-card{background:#fff;border-radius:8px;overflow:hidden}.related-product .related-content .product-card.large{grid-column:span 3}.related-product .related-content .product-card.large .card-content{display:flex;align-items:stretch}.related-product .related-content .product-card.large .product-image{flex:0 0 50%;height:400px;padding:2rem;object-fit:contain}.related-product .related-content .product-card.large .product-image img{width:100%;height:100%;object-fit:contain}.related-product .related-content .product-card.large .product-info{flex:0 0 50%;padding:2rem;display:flex;flex-direction:column;justify-content:center;background-color:rgba(200,147,123,0.5)}.related-product .related-content .product-card.small .product-image{height:250px}.related-product .related-content .product-card.small .product-image img{width:100%;height:100%;object-fit:contain;padding:1rem}.related-product .related-content .product-card.small .product-info{height:100%;padding:1.5rem;background-color:rgba(200,147,123,0.5)}.related-product .related-content .product-card h3{color:#1a1a1a;margin-bottom:1rem;font-size:1.5rem}.related-product .related-content .product-card p{color:#666;margin-bottom:1.5rem;line-height:1.6}.related-product .related-content .product-card .learn-more{color:#ac6249;font-weight:500}.related-product .related-content .product-card .learn-more:hover{color:#C8937B}@media (max-width: 992px){.related-product .related-content .product-row{grid-template-columns:repeat(2, 1fr)}.related-product .related-content .product-card.large{grid-column:span 2}.related-product .related-content .product-card.large .card-content{flex-direction:column}.related-product .related-content .product-card.large .product-image{flex:0 0 300px;height:300px}}@media (max-width: 768px){.related-product .related-content .product-row{grid-template-columns:1fr}.related-product .related-content .product-card.large{grid-column:span 1}.related-product .related-content .product-card.large .product-image{flex:0 0 250px;height:250px}.related-product .related-content .product-card.small .product-image{height:250px}}@media (max-width: 576px){.related-product .related-content .product-row{grid-template-columns:1fr}.related-product .related-content .product-card.large .product-image,.related-product .related-content .product-card.small .product-image{height:250px}}.related-case{padding:4rem 0;background-color:#f6f2ee}.related-case h2{font-size:2.2rem;color:#ac6249;margin-bottom:3rem;text-align:center}.related-case .related-case-content{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem}.related-case .related-case-content .case-card{background:#fff;border-radius:8px;overflow:hidden;transition:transform 0.3s ease}.related-case .related-case-content .case-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,0.1)}.related-case .related-case-content .case-card:hover .case-image img{transform:scale(1.05)}.related-case .related-case-content .case-card .case-image{height:250px;overflow:hidden}.related-case .related-case-content .case-card .case-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s ease}.related-case .related-case-content .case-card .case-info{padding:1.5rem}.related-case .related-case-content .case-card .case-info .case-category{display:inline-block;padding:0.3rem 1rem;background-color:rgba(172,98,73,0.1);color:#ac6249;border-radius:20px;font-size:0.9rem;margin-bottom:1rem}.related-case .related-case-content .case-card .case-info h3{font-size:1.2rem;color:#333;margin-bottom:1rem;line-height:1.4}.related-case .related-case-content .case-card .case-info p{color:#666;font-size:0.9rem;line-height:1.6;margin-bottom:1rem}.related-case .related-case-content .case-card .case-info .case-bottom{display:flex;align-items:center;justify-content:space-between;gap:0.5rem}.related-case .related-case-content .case-card .case-info .case-bottom p{margin:0;display:flex;align-items:center;gap:0.5rem}.related-case .related-case-content .case-card .case-info .case-bottom p img{width:1rem}.related-case .related-case-content .case-card .case-info .case-bottom .read-more{color:#ac6249;font-weight:500}.related-case .related-case-content .case-card .case-info .case-bottom .read-more:hover{color:#C8937B}@media (max-width: 992px){.related-case .related-case-content{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 768px){.related-case{padding:3rem 0}.related-case h2{font-size:1.8rem;margin-bottom:2rem}.related-case .related-case-content{grid-template-columns:1fr;gap:1.5rem}.related-case .related-case-content .case-card .case-image{height:200px}.related-case .related-case-content .case-card .case-info{padding:1.2rem}.related-case .related-case-content .case-card .case-info h3{font-size:1.1rem}}@media (max-width: 480px){.related-case{padding:2rem 0}.related-case h2{font-size:1.5rem}.related-case .related-case-content{gap:1rem}}.related-case-bottom{margin:4rem 0;display:flex;flex-direction:column;gap:1rem}.related-case-bottom p{margin:0;font-size:.88rem;color:#666}.case-cta{padding:4rem 0}.case-cta .cta-wrapper{background-image:url("../img/case_article/cc.webp");background-size:cover;background-position:center;background-repeat:no-repeat;padding:3rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-radius:8px;overflow:hidden}.case-cta .cta-text{flex:0 0 50%}.case-cta .cta-text h2{font-size:2.2rem;color:#ac6249;margin-bottom:1rem}.case-cta .cta-text p{font-size:1.1rem;color:#fff;line-height:1.6}.case-cta .cta-image{flex:0 0 15%;text-align:center}.case-cta .cta-image img{width:50%;height:auto}.case-cta .cta-buttons{flex:0 0 25%;display:flex;flex-direction:column;gap:1rem}.case-cta .cta-buttons .cta-btn{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:1rem 2rem;background-color:#ac6249;color:#fff;border-radius:2rem;transition:all 0.3s ease}.case-cta .cta-buttons .cta-btn.w{background-color:#fff !important;color:#ac6249;border:1px solid #ac6249}.case-cta .cta-buttons .cta-btn.w:hover{background-color:#ac6249 !important;color:#fff}.case-cta .cta-buttons .cta-btn img{width:1.5rem;height:1.5rem}.case-cta .cta-buttons .cta-btn:hover{background-color:#C8937B;color:#fff !important;transform:translateY(-2px)}@media (max-width: 992px){.case-cta{padding:2rem;flex-direction:column;text-align:center;background-size:cover;gap:1.5rem}.case-cta .cta-text{flex:none;width:100%}.case-cta .cta-text h2{font-size:1.8rem}.case-cta .cta-text p{margin-bottom:1rem}.case-cta .cta-image{flex:none;width:100%;margin:1rem 0}.case-cta .cta-image img{width:auto;max-width:120px;height:auto}.case-cta .cta-buttons{flex:none;width:100%;max-width:400px;margin:0 auto}.case-cta .cta-buttons .cta-btn{width:100%;padding:0.8rem 1.5rem}}@media (max-width: 768px){.case-cta{padding:1.5rem}.case-cta .cta-text h2{font-size:1.5rem}.case-cta .cta-text p{font-size:0.9rem}.case-cta .cta-image{margin:0.5rem 0}.case-cta .cta-image img{max-width:100px}}@media (max-width: 480px){.case-cta{padding:1.2rem}.case-cta .cta-text h2{font-size:1.3rem}.case-cta .cta-image img{max-width:80px}.case-cta .cta-buttons .cta-btn{padding:0.7rem 1rem;font-size:0.9rem}}article{padding:4rem 0}article .article-header{text-align:center;margin-bottom:3rem}article .article-header h1{font-size:2.5rem;color:#ac6249;margin-bottom:1.5rem}article .article-header .article-meta{display:flex;justify-content:center;gap:2rem;color:#666}article .article-header .article-meta span{display:flex;align-items:center;gap:0.5rem}article .article-header .article-meta span img{width:1.2rem;height:1.2rem}article .article-content{max-width:900px;margin:0 auto}article .article-content .article-summary{background-color:#f6f2ee;padding:2rem;border-radius:8px;margin-bottom:3rem}article .article-content .article-summary p{color:#666;line-height:1.8;margin:0}article .article-content .article-main h2{font-size:1.8rem;color:#ac6249;margin:2.5rem 0 1.5rem}article .article-content .article-main p{color:#333;line-height:1.8;margin-bottom:1.5rem}article .article-content .article-main ul{list-style:disc;padding-left:1.5rem;margin-bottom:1.5rem}article .article-content .article-main ul li{color:#333;line-height:1.8;margin-bottom:0.5rem}article .article-content .article-main .article-image{width:100%;border-radius:8px;margin-bottom:2rem}article .article-content .article-main .equipment-showcase{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin:2rem 0}article .article-content .article-main .equipment-showcase .equipment-item{text-align:center}article .article-content .article-main .equipment-showcase .equipment-item img{width:100%;border-radius:8px;margin-bottom:1rem}article .article-content .article-main .equipment-showcase .equipment-item p{margin:0;color:#666}article .article-content .article-main .result-data{display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;margin:2rem 0;text-align:center}article .article-content .article-main .result-data .data-item{background-color:#f6f2ee;padding:2rem;border-radius:8px}article .article-content .article-main .result-data .data-item .number{font-size:2.5rem;color:#ac6249;font-weight:bold}article .article-content .article-main .result-data .data-item p{margin:0.5rem 0 0;color:#666}@media (max-width: 992px){article{padding:3rem 0}article .article-header h1{font-size:2rem}}@media (max-width: 768px){article .article-content .equipment-showcase,article .article-content .result-data{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){article{padding:2rem 0}article .article-header h1{font-size:1.5rem}article .article-header .article-meta{flex-direction:column;gap:1rem}article .article-content .equipment-showcase,article .article-content .result-data{grid-template-columns:1fr}}.article-meta .share-wrapper{position:relative;cursor:pointer}.article-meta .share-wrapper:hover .share-dropdown{display:block}.article-meta .share-wrapper .share-dropdown{display:none;position:absolute;top:100%;right:0;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-radius:8px;padding:0.5rem;z-index:100;min-width:150px;margin-top:0.5rem}.article-meta .share-wrapper .share-dropdown::before{content:'';position:absolute;top:-8px;right:20px;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff}.article-meta .share-wrapper .share-dropdown .share-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;color:#333;text-decoration:none;transition:background-color 0.3s}.article-meta .share-wrapper .share-dropdown .share-item img{width:1.2rem;height:1.2rem}.article-meta .share-wrapper .share-dropdown .share-item:hover{background-color:#f5f5f5}.toast-message{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,0.8);color:#fff;padding:0.8rem 1.5rem;border-radius:4px;z-index:1000;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%, 20px)}15%{opacity:1;transform:translate(-50%, 0)}85%{opacity:1;transform:translate(-50%, 0)}100%{opacity:0;transform:translate(-50%, -20px)}}
