<style>
/* === 搜索 === */
.site-search{position:relative;margin-bottom:1rem}
.site-search input{padding:12px 16px;width:100%;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;box-sizing:border-box;transition:border .2s}
.site-search input:focus{border-color:#2d3748;outline:none}
#siteSearchResults{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 8px 8px;z-index:100;max-height:60vh;overflow-y:auto;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.sr-count{padding:8px 16px;font-size:.8rem;color:#a0aec0;background:#f7fafc}
.sr-item{display:block;padding:10px 16px;text-decoration:none;color:#2d3748;border-bottom:1px solid #f0f0f0;transition:background .15s}
.sr-item:hover{background:#edf2f7}
.sr-cat{font-size:.75rem;color:#a0aec0;margin-left:8px}
.sr-empty{padding:24px 16px;text-align:center;color:#a0aec0}

/* === 相关推荐 === */
.related-box{margin:2rem 0;background:#f7fafc;border-radius:8px;padding:16px}
.related-box h3{margin:0 0 12px;font-size:1rem;color:#2d3748}
.related-links{list-style:none;padding:0;margin:0}
.related-links li{margin-bottom:6px}
.related-links a{color:#2d3748;text-decoration:none;font-size:.9rem}
.related-links a:hover{color:#3182ce}

/* === 夜间模式 === */
body.dark{background:#1a202c;color:#e2e8f0}
body.dark header{background:#2d3748}
body.dark a{color:#90cdf4}
body.dark .bestiary-table th{background:#1a202c}
body.dark .bestiary-table td{border-color:#4a5568}
body.dark .bestiary-table tr:nth-child(even){background:#2d3748}
body.dark .exchange-table th{background:#1a202c}
body.dark .exchange-table td{border-color:#4a5568}
body.dark .exchange-table tr:nth-child(even){background:#2d3748}
body.dark .fabric-card{background:#2d3748;border-color:#4a5568}
body.dark .related-box{background:#2d3748}
body.dark #siteSearchResults{background:#2d3748;border-color:#4a5568}
body.dark .sr-item{color:#e2e8f0;border-color:#4a5568}
body.dark .sr-item:hover{background:#4a5568}
body.dark .sr-count{background:#1a202c}
body.dark .sr-empty{color:#718096}
body.dark footer{color:#a0aec0}
body.dark .filter-bar input,body.dark .filter-bar select{background:#2d3748;color:#e2e8f0;border-color:#4a5568}
.dark-toggle{position:fixed;bottom:16px;right:16px;width:44px;height:44px;border-radius:50%;border:none;background:#2d3748;color:#fff;font-size:1.2rem;cursor:pointer;z-index:200;box-shadow:0 2px 8px rgba(0,0,0,.3);transition:all .2s}
.dark-toggle:hover{transform:scale(1.1)}
</style>
