/* ============================================================
 * site.css —— 统一站点样式（由内联 STYLE 合并而来）
 * 加载顺序：在 pc.min.css / mobile.min.css 之后引入，覆盖同名旧规则。
 * 说明：原散布在各模板的内联 style 已迁移至此，便于统一维护、压缩缓存。
 * ============================================================ */

/* ---------- PC 头部布局（原 head.php 内联样式） ---------- */
#header-main {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
}
.header-logo {
    flex: 0 0 200px;
    min-width: 200px;
    max-width: 200px;
}
.header-logo img {
    height: 90px;
    width: auto;
    display: block;
    max-width: 100%;
}
.header-search {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 600px;
    margin: 0 20px;
}
.search-bar {
    display: flex;
    align-items: center;
    border: 2px solid #0099cc;
    border-radius: 4px;
    overflow: hidden;
    height: 36px;
}
.search-select {
    height: 100%;
    border: none;
    border-right: 1px solid #ccc;
    padding: 0 8px;
    font-size: 14px;
    color: #333;
    background: #f5f5f5;
    outline: none;
    cursor: pointer;
    min-width: 90px;
}
.search-input {
    flex: 1;
    height: 100%;
    border: none;
    padding: 0 10px;
    font-size: 15px;
    outline: none;
}
.search-btn {
    height: 100%;
    padding: 0 18px;
    background: #0099cc;
    color: #fff;
    border: none;
    font-size: 15px;
    cursor: pointer;
    white-space: nowrap;
}
.search-hot {
    font-size: 13px;
    color: #ff6600;
}
.search-hot span {
    color: #615f5f;
}
.header-actions {
    flex: 0 0 180px;
    min-width: 180px;
    max-width: 180px;
    text-align: right;
}
.btn-post {
    display: inline-block;
    background: #ff6600;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    margin-bottom: 5px;
}
.header-links {
    font-size: 14px;
    color: #666;
    font-weight: bold;
}
.header-links a {
    color: #666;
    text-decoration: none;
}

/* 由 JS 控制显隐的弹窗/按钮：默认隐藏，JS 通过内联 style 覆盖显示 */
#area-modal { display: none; }
.switch-area-btn-top { display: none; }

/* ---------- 首页 / 搜索页 零散内联样式合并 ---------- */
.visitor_title { display: flex; justify-content: space-between; align-items: center; }
.visitor_empty { padding: 10px; }
.search-result-title { margin-top: 10px; margin-bottom: 10px; }

/* ---------- 详情页 ---------- */
.thread-detail-title { color: #e60000; font-weight: bold; text-align: center; }
.boundary-line { border-bottom: 1px dotted #808080; }

/* ---------- 发布页提示 ---------- */
.fabu_tips p { margin: 8px 0; }

/* ---------- 移动端发布页头部（原 post.php 内联 table 样式） ---------- */
.wap-post-head { width: 100%; border-collapse: collapse; }
.wap-post-head-logo,
.wap-post-head-share { width: 30px; }
.wap-post-head-img { height: 30px; width: auto; }
.wap-post-head-title { text-align: center; font-size: 24px; color: #fff; }

/* 首页广告间隔 */
.home-ad-gap { margin-top: 2px; }

/* 移动端通用头部（详情页 / 文章页共用，原内联 flex 样式） */
.header-left { flex: 0 0 30px; }
.header-center { flex: 1 1 auto; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #fff; font-size: 16px; font-weight: bold; text-shadow: 1px 1px black; }
.header-right { flex: 0 0 30px; text-align: right; }
.header-left img,
.header-right img { height: 30px; width: auto; display: block; }
.header-right img { margin-left: auto; }