.ha-dialog { border: 0; border-radius: 10px; padding: 40px; width: min(700px,92vw); max-height: 85vh; overflow: auto; color: #333; box-shadow: 0 20px 80px #0004; }
.ha-dialog::backdrop { background: #071a32a6; backdrop-filter: blur(3px); }
.ha-dialog h2 { font-size: 28px; font-weight: 400; margin: 0 30px 22px 0; color: #004097; }
.ha-dialog__close { position: absolute; right: 15px; top: 8px; font-size: 32px; color: #444; }
#site-search { display: flex; gap: 10px; }
#site-search input { width: 100%; min-width: 0; padding: 12px; border: 1px solid #ccd2d9; border-radius: 4px; }
#site-search button { background: #004097; color: #fff; padding: 0 22px; border-radius: 4px; }
#search-results { margin-top: 20px; }
.ha-search-result { display: block; padding: 12px 0; color: #004097; border-bottom: 1px solid #eee; text-align: left; width: 100%; }
.ha-search-result strong,.ha-search-result span { display: block; }
#detail-body p { line-height: 1.8; margin: 14px 0; }
#detail-body img { max-width: 100%; max-height: 350px; object-fit: contain; display: block; margin: 20px auto; border-radius: 8px; }
.ha-preview-note { font-size: 13px; color: #888; border-top: 1px solid #eee; padding-top: 16px; }
@media(max-width:768px) { .ha-dialog { padding: 30px 22px; }.ha-dialog h2 { font-size: 23px; } }