/* 宿枫农讯 · 共用设计系统（shared.css）
   由各入口 HTML 通过 <link rel="stylesheet" href="assets/shared.css"> 引入。
   仅放跨页面共用的设计令牌与基础组件；各页面独有样式仍内联在各自 HTML 中。 */

:root{
  --green:#0e7a4f; --green-d:#0a5c3c; --green-l:#e6f4ee;
  --orange:#e07b1f; --orange-l:#fdf1e3;
  --red:#d9463e; --red-l:#fdeceb;
  --blue:#2c6fbb; --blue-l:#e8f0fb;
  --ink:#1f2a26; --ink-2:#5b6b64; --ink-3:#94a39c;
  --line:#e3e9e6; --bg:#f4f7f5; --card:#ffffff;
  --radius:14px;
  --pagew:760px; /* 页面内容宽度基准：底部导航与内容同宽，宽屏自动放大 */
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6}
.wrap{max-width:var(--pagew);margin:0 auto;padding:0 14px 110px}

/* 通用卡片 */
.card{background:var(--card);border-radius:var(--radius);padding:14px;margin-bottom:12px;box-shadow:0 2px 10px rgba(20,60,40,.05)}
.card h3{font-size:15px;margin-bottom:10px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.card h3 .more{margin-left:auto;font-size:12px;color:var(--blue);font-weight:400;cursor:pointer}

/* 标签 */
.tag{font-size:10.5px;padding:2px 8px;border-radius:20px;font-weight:500;white-space:nowrap}
.tag.g{background:var(--green-l);color:var(--green)}
.tag.o{background:var(--orange-l);color:var(--orange)}
.tag.b{background:var(--blue-l);color:var(--blue)}
.tag.r{background:var(--red-l);color:var(--red)}
.tag.gr{background:#f0f3f1;color:var(--ink-3)}

/* 品类 chips */
.chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0 6px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:20px;padding:6px 14px;font-size:13px;color:var(--ink-2);cursor:pointer}
.chip.on{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}

/* 筛选行 */
.filter{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:10px;font-size:12px}

/* 涨跌色 */
.up{color:var(--red)} .dn{color:var(--green)}

/* 表单行 */
.frow{margin-bottom:10px}
.frow label{display:block;font-size:12px;color:var(--ink-2);margin-bottom:4px}
.frow input{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:15px;outline:none;background:#fff;color:var(--ink)}
.frow input:focus{border-color:var(--green)}

/* 主按钮 */
.btn{display:block;width:100%;padding:12px;border:none;border-radius:12px;background:var(--green);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.15s}
.btn:hover{background:var(--green-d)}
.btn:disabled{background:var(--line);color:var(--ink-3);cursor:not-allowed}
.codebtn{border:1px solid var(--green);color:var(--green);background:#fff;border-radius:10px;padding:0 14px;font-size:12.5px;cursor:pointer;white-space:nowrap}
.codebtn:disabled{border-color:var(--line);color:var(--ink-3);cursor:not-allowed}

/* 底部弹出 sheet */
.sheet-mask{position:fixed;inset:0;background:rgba(15,25,20,.45);z-index:150;opacity:0;pointer-events:none;transition:.25s}
.sheet-mask.show{opacity:1;pointer-events:auto}
.sheet{position:fixed;left:0;right:0;bottom:0;z-index:151;background:#fff;border-radius:18px 18px 0 0;transform:translateY(105%);transition:.28s cubic-bezier(.2,.8,.25,1);padding:14px 16px calc(16px + env(safe-area-inset-bottom,0px));max-width:1024px;margin:0 auto;box-shadow:0 -6px 24px rgba(20,60,40,.18)}
.sheet.show{transform:none}
.sheet-h{font-size:15px;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:var(--green-d)}
.sheet-h span{cursor:pointer;color:var(--ink-3);font-size:16px;padding:2px 6px}

/* 轻提示 */
.toast{position:fixed;left:50%;bottom:80px;transform:translateX(-50%);background:rgba(20,30,25,.92);color:#fff;padding:9px 16px;border-radius:22px;font-size:13px;z-index:200;opacity:0;pointer-events:none;transition:.2s;max-width:80%;text-align:center}
.toast.show{opacity:1}

/* 空状态 */
.empty{padding:30px;text-align:center;color:var(--ink-3);font-size:13px}