/* ============================================================
   小飞猪游戏平台 玩家端公共样式（白底蓝字）
   规则：白底、不可点文字黑色、链接/按钮 #1d4ed8、19px 宋体、420px 列居中
   平台全部玩家页面（login/register/recover/portal/community/topics/post/new_post/settings/support）
   统一引用本文件，页面内 <style> 只写本页特有布局
   ============================================================ */

html { font-size: 19px; font-family: "STSong","SimSun","Songti SC","Source Han Serif SC","Noto Serif SC",serif; }
/* body 必须显式声明 font-family：首页引用的 layui.css 直接给 body 设了无衬线字体，继承自 html 的字体会被它覆盖 */
body { margin: 0; padding: 10px; font-size: 19px; line-height: 1.35; background: #fff; color: #000; font-family: "STSong","SimSun","Songti SC","Source Han Serif SC","Noto Serif SC",serif; }
.page { max-width: 420px; margin: 0 auto; }
p { margin: 0; }
a { color: #1d4ed8; text-decoration: none; }
hr { border: none; border-top: 1px solid #e2e8f0; margin: 8px 0; }

/* 顶部导航 + 标签栏 */
.top-bar { display: flex; justify-content: space-between; align-items: center; }
.tab-bar { margin: 6px 0; }
.tab-link { color: #1d4ed8; margin-right: 5px; }
.tab-link.active { color: #000; font-weight: bold; }

/* 分区盒 */
.section { border: 1px solid #e2e8f0; border-radius: 6px; padding: 8px; margin: 10px 0; }
.section-title { color: #1d4ed8; font-weight: bold; margin-bottom: 6px; }

/* 文本 */
.muted { color: #64748b; }
.info-line { margin: 3px 0; }
.tip { color: #000; margin: 8px 0; }
.pre-line { white-space: pre-line; overflow-wrap: break-word; }
.post-title { font-weight: bold; margin-bottom: 6px; }
.floor { margin: 8px 0; }
.topic-row { margin: 6px 0; }

/* 公告条 */
.notice-bar { border: 1px solid #e2e8f0; border-radius: 6px; padding: 5px 8px; margin: 6px 0; background: #f8fafc; }

/* 分页：仅一页时不渲染 */
.pagination { margin: 10px 0; }
.pagination a, .pagination span { margin: 0 5px; }

/* 玩法入口两列 */
.play-grid { margin: 4px 0; }
.play-grid a { display: inline-block; width: 47%; margin: 2px 0; word-break: break-all; }

/* 表单控件（浅色） */
input[type="text"], input[type="password"], input[type="email"], textarea, select {
    width: 100%; box-sizing: border-box; background: #fff; color: #000;
    border: 1px solid #cbd5e1; border-radius: 4px; padding: 4px 6px;
    font-family: inherit; font-size: 19px;
}
textarea { height: 90px; }
.form-item { margin: 10px 0; }
.form-item label { display: block; margin-bottom: 4px; }
.radio-row { font-size: 19px; color: #000; margin: 6px 0; }
.radio-row label { margin-right: 16px; cursor: pointer; }

/* 游戏卡片 */
.game-card { margin: 8px 0; }
.game-enter-btn { color: #1d4ed8; cursor: pointer; }
.game-entering { opacity: 0.5; pointer-events: none; }

/* 聊天广场输入框（行内窄宽） */
.chat-input { width: 65%; background: #fff; color: #000; border: 1px solid #cbd5e1; border-radius: 4px; padding: 4px 6px; font-family: inherit; font-size: 19px; }

/* 页脚与加载 */
.footer { margin-top: 14px; }
.loading-tip { color: #64748b; padding: 20px 0; text-align: center; }

/* 验证码行 + 操作按钮（设置子页共用；按钮文字居中为浏览器默认行为） */
.code-row { display: flex; gap: 8px; }
.code-row input { flex: 1; width: auto; }
.send-btn { width: 130px; flex-shrink: 0; color: #1d4ed8; background: #fff; border: 1px solid #cbd5e1; border-radius: 4px; font-family: inherit; font-size: 19px; cursor: pointer; }
.submit-btn { width: 100%; margin-top: 10px; padding: 8px; color: #1d4ed8; background: #f0f6ff; border: 1px solid #b6d0f5; border-radius: 4px; font-family: inherit; font-size: 19px; cursor: pointer; }

/* 轻量提示行（代替弹窗）：错误红、成功蓝，4秒自动消失 */
.msg-line { margin: 8px 0 0; min-height: 1.35em; color: #b91c1c; overflow-wrap: break-word; }
.msg-line.ok { color: #1d4ed8; }