/* Unified news detail template styles (based on news-detail-12) */
:root { --main-color:#1e90ff; --main-gradient: linear-gradient(135deg,#0066cc,#1e90ff); }

/* Header */
header { background:#fff !important; padding:10px 0 !important; position:fixed !important; top:0; left:0; width:100%; z-index:1000; box-shadow:none !important; }
header .container { width:90% !important; max-width:1300px !important; margin:0 auto !important; display:flex !important; justify-content:space-between !important; align-items:center !important; height:50px !important; padding:0 !important; position:relative !important; }
.logo { position:absolute !important; left:-45px !important; display:flex !important; align-items:center !important; }
.logo img { height:35px !important; margin-right:10px !important; }
.logo-text { color:#222 !important; font-weight:bold !important; letter-spacing:.5px !important; }
nav { position:absolute !important; right:-45px !important; }
nav ul { display:flex !important; list-style:none !important; margin:0 !important; padding:0 !important; }
nav li { margin:0 15px !important; }
nav a { color:#222 !important; text-decoration:none !important; font-weight:500 !important; padding-bottom:5px !important; position:relative !important; }
nav a:hover, nav a.active { color:var(--main-color) !important; }
nav a:after { content:''; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:0; height:2px; background:var(--main-gradient); transition:width .3s; }
nav a:hover:after, nav a.active:after { width:100%; }

/* Dropdown */
.dropdown { position:relative !important; }
.dropdown-content { display:none !important; position:absolute !important; background:#fff !important; width:120px !important; box-shadow:0 4px 24px rgba(30,144,255,.08) !important; z-index:1001 !important; border-radius:6px !important; overflow:hidden !important; top:100% !important; left:50% !important; transform:translateX(-50%) !important; margin-top:5px !important; }
.dropdown-content a { color:#222 !important; padding:12px 16px !important; display:block !important; text-align:center !important; font-size:14px !important; white-space:nowrap !important; }
.dropdown-content a:hover { background:#f0f7ff !important; color:#1e90ff !important; }
.dropdown:hover .dropdown-content { display:block !important; }

/* Banner & breadcrumb */
.news-detail-banner { height:360px !important; display:flex !important; align-items:flex-end !important; text-align:center !important; padding-bottom:50px !important; color:#fff !important; background-size:cover !important; background-position:center !important; }
.news-detail-banner .container { position:relative !important; z-index:2 !important; max-width:900px !important; }
.news-detail-banner h1 { font-size:2.4rem !important; font-weight:700 !important; text-shadow:0 2px 5px rgba(0,0,0,.7) !important; }
.news-meta-top { display:flex !important; justify-content:center !important; gap:25px !important; margin-top:12px !important; }
.breadcrumb { background:#fff !important; border-bottom:1px solid #eee !important; padding:15px 0 !important; }
.breadcrumb .container { max-width:900px !important; }

/* Content */
.news-detail-content { padding:60px 0 70px !important; background:#f9f9f9 !important; }
.news-article { background:#fff !important; border-radius:8px !important; box-shadow:0 5px 20px rgba(0,0,0,.06) !important; padding:30px !important; max-width:900px !important; margin:0 auto !important; }
.news-article p { margin:0 0 16px !important; color:#444 !important; text-indent:2em !important; }
.news-inline-image { width:100% !important; border-radius:6px !important; margin:18px 0 !important; display:block !important; }

/* Footer */
footer { background:#f5f5f5 !important; color:#333 !important; padding:40px 0 20px !important; }
.footer-content { display:flex !important; flex-wrap:wrap !important; justify-content:space-between !important; }
.copyright { text-align:center !important; color:#777 !important; font-size:13px !important; padding-top:15px !important; border-top:1px solid #e0e0e0 !important; margin-top:20px !important; }