.news-page{font-family:Roboto,sans-serif;background:#f8f9fa;min-height:100vh;padding:60px 0}.news-page .content{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.news-page .page-header{text-align:center;margin-bottom:60px;padding:0 20px}.news-page .page-title{font-size:3rem;color:#2c3e50;margin:0 0 20px;font-weight:300;line-height:1.2}.news-page .page-subtitle{font-size:1.2rem;color:#666;margin:0;font-weight:300;line-height:1.6}.news-page .news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-gap:40px;gap:40px;margin-bottom:60px}.news-page .news-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:all .3s ease;position:relative;display:flex;flex-direction:column}.news-page .news-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.news-page .news-media{position:relative;width:100%;height:250px;overflow:hidden}.news-page .news-image{width:100%;height:100%;transition:transform .3s ease}.news-page .news-card:hover .news-image{transform:scale(1.05)}.news-page .news-video{width:100%;height:100%;background:#000}.news-page .news-video iframe{width:100%;height:100%;border:none}.news-page .news-video.original-iframe{background:transparent}.news-page .news-video.original-iframe iframe{width:100%;height:100%;border:none}.news-page .news-video.video-error{background:#f8f9fa;display:flex;align-items:center;justify-content:center}.news-page .error-content{text-align:center;color:#666}.news-page .error-icon{font-size:2rem;margin-bottom:1rem}.news-page .error-text{font-size:1rem;margin-bottom:1rem;color:#d32f2f}.news-page .retry-video-button{background:#6b0000;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.news-page .retry-video-button:hover{background:#870000}.news-page .news-placeholder{width:100%;height:100%;background-color:#f5f5f5;display:flex;align-items:center;justify-content:center;color:#999;font-size:1rem}.news-page .news-content{padding:30px;display:flex;flex-direction:column;flex-grow:1}.news-page .news-header{margin-bottom:15px}.news-page .news-title{font-size:24px;color:#2c3e50;margin:0 0 10px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;box-shadow:none;text-align:left;padding:0}.news-page .news-body{flex-grow:1;margin-bottom:25px}.news-page .news-description{color:#666;font-size:1rem;line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-page .news-footer{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #f0f0f0;gap:15px}.news-page .news-meta{flex-shrink:0}.news-page .news-date{color:#999;font-size:.9rem;font-weight:400;white-space:nowrap}.news-page .read-more-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#6b0000;color:#fff;text-decoration:none;border-radius:25px;font-size:.9rem;font-weight:500;transition:all .3s ease;border:2px solid #6b0000;flex-shrink:0;white-space:nowrap}.news-page .read-more-button:hover{background:#fff;color:#6b0000;transform:translateY(-2px);box-shadow:0 4px 12px rgba(107,0,0,.3)}.news-page .read-more-text{font-weight:500}.news-page .read-more-arrow{font-size:1.1rem;transition:transform .3s ease}.news-page .read-more-button:hover .read-more-arrow{transform:translateX(3px)}.news-page .news-navigation{text-align:center}.news-page .load-more-button{display:inline-flex;align-items:center;gap:10px;background:#6b0000;color:#fff;border:none;padding:15px 40px;border-radius:25px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.news-page .load-more-button:hover{background:#870000;transform:translateY(-2px);box-shadow:0 6px 20px rgba(107,0,0,.3)}.news-page .button-text{font-weight:500}.news-page .button-icon{font-size:1.2rem;transition:transform .3s ease}.news-page .load-more-button:hover .button-icon{transform:translateY(2px)}.news-page .loading-more,.news-page .loading-spinner{text-align:center;padding:2rem;font-size:1.1rem;color:#666}.news-page .error-message{text-align:center;padding:2rem;color:#d32f2f}.news-page .error-message h2{margin-bottom:1rem}.news-page .retry-button{background-color:#6b0000;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:25px;cursor:pointer;font-size:1rem;margin-top:1rem;transition:all .3s ease}.news-page .retry-button:hover{background-color:#870000;transform:translateY(-2px)}.news-page .no-more-news{text-align:center;padding:2rem;color:#666;font-style:italic}@media (max-width:1024px){.news-page .news-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.news-page .page-title{font-size:2.5rem}}@media (max-width:768px){.news-page{padding:40px 0}.news-page .content{padding:0 15px}.news-page .page-header{margin-bottom:40px}.news-page .page-title{font-size:2rem}.news-page .page-subtitle{font-size:1.1rem}.news-page .news-grid{grid-template-columns:1fr;gap:25px}.news-page .news-media{height:220px}.news-page .news-content{padding:25px}.news-page .news-title{font-size:1.3rem}.news-page .news-footer{flex-direction:column;align-items:flex-start;gap:15px}.news-page .read-more-button{align-self:stretch;justify-content:center}}@media (max-width:480px){.news-page{padding:30px 0}.news-page .content{padding:0 10px}.news-page .page-title{font-size:1.8rem}.news-page .page-subtitle{font-size:1rem}.news-page .news-media{height:200px}.news-page .news-content{padding:20px}.news-page .news-title{font-size:1.2rem}.news-page .news-description{font-size:.95rem}.news-page .read-more-button{padding:12px 24px;font-size:.85rem}}