@charset "UTF-8";:root{--primary-color: #2c3e50;--secondary-color: #34495e;--accent-color: #e74c3c;--success-color: #27ae60;--warning-color: #f39c12;--info-color: #3498db;--light-gray: #ecf0f1;--dark-gray: #95a5a6;--text-color: #2c3e50;--bg-color: #f8f9fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Microsoft JhengHei,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.img-responsive{max-width:100%;height:auto;display:block}.img-cover{width:100%;height:100%;object-fit:cover;object-position:center}.img-contain{width:100%;height:100%;object-fit:contain;object-position:center}.featured-image{width:100%;height:auto;max-height:500px;object-fit:cover;object-position:center;border-radius:12px;box-shadow:0 4px 15px #0000001a;margin:1rem 0}.card-image{width:100%;height:250px;object-fit:cover;object-position:center;border-radius:8px 8px 0 0}.content-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:1rem 0}.image-container{position:relative;overflow:hidden;border-radius:8px}.image-placeholder{width:100%;height:200px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:center;justify-content:center;color:#6c757d;border-radius:8px}.image-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin:1rem 0}.image-grid .image-grid-item{aspect-ratio:16/9;overflow:hidden;border-radius:8px}.image-grid .image-grid-item img{width:100%;height:100%;object-fit:cover;object-position:center}.navbar-brand{font-weight:600;font-size:1.4rem;color:var(--primary-color)!important}.navbar-brand i{color:var(--accent-color);margin-right:8px}.navbar-light .navbar-nav .nav-link{color:var(--text-color);font-weight:500;transition:color .3s ease}.navbar-light .navbar-nav .nav-link:hover{color:var(--accent-color)}.navbar-light .navbar-nav .nav-link i{margin-right:5px}.blog-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #2c3e501a;margin-bottom:30px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--light-gray)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #2c3e5026}.blog-card-image{width:100%;height:250px;object-fit:cover;object-position:center}.blog-card-content{padding:25px}.blog-card-title{font-size:1.4rem;font-weight:600;margin-bottom:12px;color:var(--primary-color);line-height:1.4}.blog-card-excerpt{color:var(--dark-gray);font-size:.95rem;margin-bottom:15px;line-height:1.6}.blog-card-meta{display:flex;align-items:center;gap:15px;font-size:.85rem;color:var(--dark-gray)}.blog-card-meta .meta-item{display:flex;align-items:center;gap:5px}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);font-weight:500}.btn-primary:hover{background-color:var(--secondary-color);border-color:var(--secondary-color)}.btn-outline-primary{color:var(--primary-color);border-color:var(--primary-color);font-weight:500}.btn-outline-primary:hover{background-color:var(--primary-color);border-color:var(--primary-color)}.loading-spinner{border:4px solid var(--light-gray);border-top:4px solid var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{background-color:var(--primary-color)!important;margin-top:50px;padding:40px 0 20px}.footer .footer-brand{font-size:1.3rem;font-weight:600;margin-bottom:15px}.footer .footer-brand i{color:var(--accent-color);margin-right:8px}.footer .footer-description{color:var(--light-gray);font-size:.9rem;line-height:1.6}.footer .footer-links{list-style:none;padding:0}.footer .footer-links li{margin-bottom:8px}.footer .footer-links li a{color:var(--light-gray);text-decoration:none;transition:color .3s ease}.footer .footer-links li a:hover{color:var(--accent-color)}.footer .footer-links li a i{margin-right:8px;width:16px}.footer .footer-divider{border-color:var(--secondary-color);margin:30px 0 20px}.footer .footer-copyright{font-size:.85rem;color:var(--light-gray);margin-bottom:0}@media (max-width: 768px){.container{padding:0 15px}.blog-card-content{padding:20px}.blog-card-title,.navbar-brand{font-size:1.2rem}.card-image{height:200px}.featured-image{max-height:300px}}.page-header{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;padding:40px 0;margin-bottom:30px}.page-header .page-title{font-size:2.5rem;font-weight:700;margin-bottom:10px}.page-header .page-subtitle{font-size:1.1rem;opacity:.9}