/* โหมดมืดของ show_picture.php — สร้างอัตโนมัติจากสีในหน้า อย่าแก้ไฟล์นี้ด้วยมือ ให้รันสคริปต์สร้างใหม่ */
html[data-theme="dark"] body{background:#0f0c14;color:#d5cfdb}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:#1d1920}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:#f472b6}
html[data-theme="dark"] .util-bar{background:#25121d;border-bottom:1px solid rgba(236,72,153,.15)}
html[data-theme="dark"] .util-link{color:#aba0b7;border:1px solid #372f3f;background:#1a161d}
html[data-theme="dark"] .util-link:hover{color:#ec4899;border-color:rgba(236,72,153,.25);background:#25121d}
html[data-theme="dark"] nav{background:#1a161d;border-bottom:1px solid rgba(236,72,153,.15)}
html[data-theme="dark"] .nav-emblem{background:linear-gradient(135deg,#ec4899,#be185d)}
html[data-theme="dark"] .nav-title strong{color:#ddd9e2}
html[data-theme="dark"] .nav-title span{color:#aba0b7}
html[data-theme="dark"] .nav-links a{color:#aba0b7}
html[data-theme="dark"] .nav-links a:hover,html[data-theme="dark"] .nav-links a.active{color:#ec4899;background:#25121d}
html[data-theme="dark"] .nav-dropdown-menu{background:#1a161d;border:1px solid rgba(236,72,153,.15)}
html[data-theme="dark"] .nav-dropdown-item{color:#aba0b7}
html[data-theme="dark"] .nav-dropdown-item:hover{color:#ec4899;background:#25121d}
html[data-theme="dark"] .nav-sub-menu{background:#1a161d;border:1px solid rgba(236,72,153,.15)}
html[data-theme="dark"] .nav-sub-item{color:#aba0b7}
html[data-theme="dark"] .nav-sub-item:hover{color:#ec4899;background:#25121d}
html[data-theme="dark"] .nav-cta{background:linear-gradient(135deg,#ec4899,#be185d)}
html[data-theme="dark"] .page-hero{background:linear-gradient(135deg,#25121d 0%,#28131f 50%,#2d1623 100%);border-bottom:1px solid rgba(236,72,153,.15)}
html[data-theme="dark"] .breadcrumb{color:#aba0b7}
html[data-theme="dark"] .breadcrumb a{color:#ec4899}
html[data-theme="dark"] .breadcrumb-sep{color:#94a3b8}
html[data-theme="dark"] .hero-title{color:#ddd9e2}
html[data-theme="dark"] .hero-meta-item{color:#aba0b7}
html[data-theme="dark"] .album-detail{color:#aba0b7}
html[data-theme="dark"] .photo-item{background:#28131f}
html[data-theme="dark"] .cover-badge{background:#ec4899}
html[data-theme="dark"] .empty-box{color:#aba0b7}
html[data-theme="dark"] .btn-back{background:#1a161d;border:1.5px solid #372f3f;color:#aba0b7}
html[data-theme="dark"] .btn-back:hover{border-color:rgba(236,72,153,.25);color:#ec4899;background:#25121d}
html[data-theme="dark"] .lb-dot.active{background:#1a161d}
html[data-theme="dark"] footer{background:#0f172a}
html[data-theme="dark"] .footer-emblem{background:linear-gradient(135deg,#ec4899,#be185d)}
html[data-theme="dark"] .float-top{background:#1a161d;border:1.5px solid #372f3f;color:#aba0b7}
html[data-theme="dark"] .float-top:hover{border-color:#ec4899;color:#ec4899;background:#25121d}
html[data-theme="dark"] [style*="color:var(--muted)"]{color:#aba0b7!important}
html[data-theme="dark"] [style*="background:var(--pink)"]{background:#ec4899!important}