/* ===== 黄河大保护·独立核心站 基础样式 ===== */
* { margin:0; padding:0; box-sizing:border-box; }
ul,ol{ list-style:none; }
a{ text-decoration:none; color:#176e3c; }
body{
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  color:#222; background:#f2f4f3; font-size:16px; line-height:1.7;
  -webkit-text-size-adjust:100%;
}
html{ -webkit-text-size-adjust:100%; }

/* 内容容器：全站统一宽度，与首页一致 */
.content{ max-width:430px; margin:0 auto; padding:12px; background:#fff; min-height:100vh; }

/* 卡片 */
.card{ background:#fff; border-radius:12px; padding:14px; margin-bottom:12px; box-shadow:0 1px 4px rgba(0,0,0,.04); }
.card-h{ font-size:16px; font-weight:bold; margin-bottom:10px; color:#176e3c; display:flex; align-items:center; justify-content:space-between; }

/* 按钮 */
.btn{ display:inline-block; padding:10px 18px; border-radius:24px; background:#1f8a4c; color:#fff; border:none; font-size:15px; cursor:pointer; text-align:center; }
.btn.block{ display:block; width:100%; }
.btn.ghost{ background:#fff; color:#1f8a4c; border:1px solid #1f8a4c; }
.btn.danger{ background:#e24c4c; }
.btn.sm{ padding:6px 12px; font-size:13px; border-radius:18px; }
.btn[disabled]{ opacity:.5; cursor:not-allowed; }

/* 表单 */
.form-row{ margin-bottom:14px; }
.form-row label{ display:block; font-size:14px; color:#555; margin-bottom:6px; }
.form-row input[type=text],.form-row input[type=password],.form-row input[type=tel],.form-row textarea,.form-row select{
  width:100%; padding:11px 12px; border:1px solid #d9e2dd; border-radius:10px; font-size:15px; box-sizing:border-box; background:#fafbfa;
}
.form-row textarea{ min-height:110px; resize:vertical; }

/* 文章/详情排版 */
.article-detail{ background:#fff; padding:14px; border-radius:12px; }
.article-detail .tybt{ font-size:20px; font-weight:bold; text-align:center; line-height:1.5; margin-bottom:8px; word-break:break-word; }
.article-detail .tybs{ text-align:center; color:#999; font-size:13px; margin-bottom:12px; }
.tynr{ font-size:16px; line-height:1.9; word-break:break-word; }
.tynr p{ margin-bottom:14px; text-indent:0; }
/* 插图统一居中 */
.tynr p img,.tynr img{ display:block; margin:10px auto; max-width:100%; height:auto; border-radius:8px; }
/* 编辑 / 来源：文章结尾下一行，灰色，区别于正文 */
.editor-line{ margin-top:18px; padding-top:12px; border-top:1px dashed #e2e8e4; color:#9aa3a0; font-size:13px; line-height:1.9; }
.editor-line .e-item{ margin-right:16px; }

/* 列表项 */
.list-item{ display:flex; gap:12px; padding:12px 0; border-bottom:1px solid #f0f2f1; }
.list-item .li-thumb{ width:96px; height:72px; border-radius:8px; object-fit:cover; flex-shrink:0; background:#eee; }
.list-item .li-body{ flex:1; min-width:0; }
.list-item .li-title{ font-size:16px; font-weight:bold; line-height:1.4; margin-bottom:6px; }
.list-item .li-meta{ font-size:12px; color:#999; }

/* 徽章 */
.badge{ display:inline-block; padding:2px 8px; border-radius:10px; font-size:12px; }
.badge.exc{ background:#fff3d6; color:#b8860b; }
.badge.top{ background:#e7f3ec; color:#176e3c; }
.badge.rec{ background:#e6f0fb; color:#2f6fb0; }
.badge.ok{ background:#e7f3ec; color:#1f8a4c; }
.badge.wait{ background:#fff4e0; color:#c98a00; }
.badge.rej{ background:#fdeaea; color:#d64545; }

/* 宫格 */
.grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.grid .g-cell{ background:#fff; border-radius:12px; padding:14px 6px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.04); }
.grid .g-cell .g-ico{ width:34px; height:34px; margin:0 auto 6px; color:#1f8a4c; }
.grid .g-cell .g-lbl{ font-size:13px; color:#444; }

/* 提示页 */
.msg-box{ text-align:center; padding:50px 20px; }
.msg-box .ico{ font-size:48px; margin-bottom:14px; }
.msg-box .t{ font-size:18px; margin-bottom:18px; }
.msg-box.ok .ico{ color:#1f8a4c; }
.msg-box.err .ico{ color:#e24c4c; }

/* 身份卡 */
.id-card{ background:linear-gradient(135deg,#1f8a4c,#0c502a); color:#fff; border-radius:14px; padding:16px; margin-bottom:12px; }
.id-card .name{ font-size:20px; font-weight:bold; }
.id-card .role{ display:inline-block; margin-top:8px; background:rgba(255,255,255,.18); padding:3px 12px; border-radius:14px; font-size:13px; }

/* 统计块 */
.stat-row{ display:flex; gap:10px; }
.stat-row .stat{ flex:1; background:#fff; border-radius:12px; padding:14px; text-align:center; box-shadow:0 1px 4px rgba(0,0,0,.04); }
.stat-row .stat .num{ font-size:22px; font-weight:bold; color:#176e3c; }
.stat-row .stat .lbl{ font-size:12px; color:#888; margin-top:4px; }

/* 地图卡 */
.map-card{ width:100%; height:240px; border-radius:12px; overflow:hidden; margin:10px 0; }
.geo-pick{ position:fixed; inset:0; background:#fff; z-index:9999; display:none; flex-direction:column; }
.geo-pick.show{ display:flex; }

/* 顶部横幅（非App） */
.site-head{ display:none; }
@media (min-width:768px){
  .content{ box-shadow:0 0 20px rgba(0,0,0,.05); }
}