/* ============================================================
   features2.css — 第二批功能页样式（群机器人/自动回复/群发/定时/统计/
   标签/新朋友/会话分组/已读回执/聊天背景编辑器）
   统一前缀 f2-，严格复用 base.css 设计令牌。
   ============================================================ */

/* ---------- 页面通用骨架 ---------- */
.f2-scroll{
  flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;
  padding-bottom:24px;
}
.f2-group{background:#fff;margin-top:10px;}
.f2-group:first-child{margin-top:0;}
.f2-group-title{
  padding:8px 15px 4px;font-size:13px;color:var(--wx-text-sub);line-height:1.4;
}
.f2-group-title .f2-tip-sub{display:block;font-size:12px;color:var(--wx-text-faint);margin-top:2px;}
.f2-row{
  display:flex;align-items:center;gap:12px;
  padding:12px 15px;background:#fff;position:relative;
}
.f2-row + .f2-row::before{
  content:"";position:absolute;left:15px;right:0;top:0;height:.5px;background:var(--wx-line-soft);
}
.f2-row .f2-main{flex:1;min-width:0;}
.f2-row .f2-label{font-size:16px;}
.f2-row .f2-desc{font-size:13px;color:var(--wx-text-sub);margin-top:2px;line-height:1.4;}
.f2-row .f2-side{flex:none;color:var(--wx-text-sub);font-size:14px;}
.f2-row:active{background:#F2F2F2;}

/* ---------- 开关 ---------- */
.f2-switch{
  width:50px;height:30px;border-radius:15px;background:#E5E5E5;
  position:relative;flex:none;transition:background .2s;cursor:pointer;
}
.f2-switch::after{
  content:"";position:absolute;top:2px;left:2px;width:26px;height:26px;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s;
}
.f2-switch.on{background:var(--wx-green);}
.f2-switch.on::after{transform:translateX(20px);}

/* ---------- 头像 + 名称 ---------- */
.f2-avatar{
  width:42px;height:42px;border-radius:6px;object-fit:cover;background:#d8d8d8;flex:none;
}
.f2-avatar.sm{width:34px;height:34px;border-radius:5px;}
.f2-avatar.lg{width:54px;height:54px;border-radius:8px;}
.f2-name{font-size:16px;flex:none;}
.f2-sub{font-size:13px;color:var(--wx-text-sub);margin-top:2px;}

/* ---------- 通用按钮 ---------- */
.f2-btn{
  display:block;width:100%;padding:11px 0;text-align:center;
  background:var(--wx-green);color:#fff;border-radius:6px;font-size:16px;
}
.f2-btn:active{background:var(--wx-green-dark);}
.f2-btn.plain{background:#fff;color:var(--wx-text-main);}
.f2-btn.gray{background:#F2F2F2;color:var(--wx-text-main);}
.f2-btn.danger{background:var(--wx-red);}
.f2-btn[disabled]{opacity:.5;}
.f2-btn.block-area{margin:12px 15px 0;width:auto;}
.f2-btn.small{width:auto;padding:6px 14px;font-size:14px;border-radius:5px;}

/* ---------- 输入 ---------- */
.f2-input,.f2-textarea{
  width:100%;background:#F4F4F4;border-radius:6px;padding:9px 11px;font-size:15px;
  color:var(--wx-text-main);
}
.f2-textarea{min-height:72px;resize:none;line-height:1.5;}
.f2-field{padding:10px 15px;background:#fff;}
.f2-field + .f2-field::before{
  content:"";position:absolute;left:15px;right:0;top:0;height:.5px;background:var(--wx-line-soft);
}
.f2-field{position:relative;}
.f2-field-label{font-size:13px;color:var(--wx-text-sub);margin-bottom:6px;}

/* ---------- 多选条（好友/群选择器） ---------- */
.f2-pick-bar{
  display:flex;align-items:center;gap:8px;
  padding:10px 15px;background:#fff;overflow-x:auto;no-scrollbar;
}
.f2-pick-chip{
  display:flex;align-items:center;gap:6px;flex:none;
  background:#F2F2F2;border-radius:16px;padding:4px 10px 4px 4px;font-size:13px;
}
.f2-pick-chip img{width:24px;height:24px;border-radius:4px;object-fit:cover;}
.f2-pick-chip .x{color:var(--wx-text-faint);font-size:15px;line-height:1;padding:0 2px;}
.f2-pick-add{
  flex:none;width:34px;height:34px;border-radius:6px;border:1px dashed #C7C7CC;
  display:flex;align-items:center;justify-content:center;color:var(--wx-text-sub);font-size:20px;
}

/* ---------- 选择列表（好友/群） ---------- */
.f2-picklist .f2-row .f2-check{
  width:22px;height:22px;border-radius:50%;border:1.5px solid #C7C7CC;flex:none;
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;
  transition:all .15s;
}
.f2-picklist .f2-row.sel .f2-check{background:var(--wx-green);border-color:var(--wx-green);}
.f2-picklist .f2-row.sel .f2-check::after{content:"✓";}

/* ---------- 规则卡片（机器人/自动回复） ---------- */
.f2-rule{
  background:#fff;margin:8px 12px;border-radius:8px;padding:0;overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.f2-rule-head{
  display:flex;align-items:center;gap:10px;padding:11px 13px;border-bottom:.5px solid var(--wx-line-soft);
}
.f2-rule-head .f2-rule-avatar{width:34px;height:34px;border-radius:5px;object-fit:cover;background:#ddd;}
.f2-rule-head .f2-rule-name{flex:1;font-size:15px;font-weight:500;}
.f2-rule-body{padding:11px 13px;}
.f2-kw-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px;}
.f2-kw{
  background:#EFF9F1;color:var(--wx-green-dark);border-radius:4px;
  padding:3px 8px;font-size:13px;display:flex;align-items:center;gap:5px;
}
.f2-kw .kx{color:var(--wx-green);cursor:pointer;}
.f2-kw-add{
  background:#F4F4F4;color:var(--wx-text-sub);border-radius:4px;
  padding:3px 9px;font-size:13px;
}
.f2-reply-preview{
  background:#F7F7F7;border-radius:5px;padding:8px 10px;font-size:14px;
  color:var(--wx-text);line-height:1.5;
}
.f2-rule-foot{
  display:flex;align-items:center;justify-content:space-between;
  padding:9px 13px;border-top:.5px solid var(--wx-line-soft);
}
.f2-rule-foot .f2-foot-label{font-size:13px;color:var(--wx-text-sub);}

/* ---------- 优先级标签 ---------- */
.f2-prio{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:22px;height:22px;border-radius:4px;background:#FFF3E0;color:#E8890C;
  font-size:12px;padding:0 6px;flex:none;
}
.f2-prio.hi{background:#FFEBEB;color:var(--wx-red);}

/* ---------- 记录/时间线 ---------- */
.f2-log{background:#fff;margin-top:10px;}
.f2-log-item{
  display:flex;gap:11px;padding:11px 15px;position:relative;
}
.f2-log-item + .f2-log-item::before{
  content:"";position:absolute;left:50px;right:0;top:0;height:.5px;background:var(--wx-line-soft);
}
.f2-log-dot{
  width:34px;height:34px;border-radius:6px;flex:none;object-fit:cover;background:#ddd;
}
.f2-log-main{flex:1;min-width:0;}
.f2-log-title{font-size:15px;}
.f2-log-text{font-size:14px;color:var(--wx-text);margin-top:2px;line-height:1.4;
  overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.f2-log-time{font-size:12px;color:var(--wx-text-faint);margin-top:3px;}
.f2-log-status{font-size:12px;flex:none;align-self:flex-start;}
.f2-log-status.ok{color:var(--wx-green);}
.f2-log-status.wait{color:#E8890C;}
.f2-log-status.fail{color:var(--wx-red);}

/* ---------- 统计 ---------- */
.f2-stat-grid{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 12px 0;
}
.f2-stat-card{
  background:#fff;border-radius:8px;padding:13px 14px;
}
.f2-stat-card .f2-num{font-size:24px;font-weight:600;line-height:1.1;}
.f2-stat-card .f2-num small{font-size:12px;font-weight:400;color:var(--wx-text-sub);margin-left:2px;}
.f2-stat-card .f2-cap{font-size:12px;color:var(--wx-text-sub);margin-top:4px;}
.f2-chart-wrap{background:#fff;margin:10px 12px;border-radius:8px;padding:13px 12px 8px;}
.f2-chart-title{font-size:14px;font-weight:500;padding:0 3px 8px;}
.f2-chart-canvas{width:100%;height:180px;display:block;}
.f2-word-cloud{display:flex;flex-wrap:wrap;gap:8px;padding:4px 3px 8px;}
.f2-word{
  background:#F2F2F2;border-radius:4px;padding:4px 9px;color:var(--wx-text);
}
.f2-word b{font-weight:600;}

/* ---------- 标签 ---------- */
.f2-tag-cloud{display:flex;flex-wrap:wrap;gap:9px;padding:13px 15px;}
.f2-tag{
  display:flex;align-items:center;gap:6px;
  background:#F2F2F2;border-radius:16px;padding:6px 12px;font-size:14px;
}
.f2-tag .f2-tag-del{color:var(--wx-text-faint);font-size:14px;cursor:pointer;}
.f2-tag.create{border:1px dashed #C7C7CC;color:var(--wx-text-sub);}
.f2-tag.checked{background:#EFF9F1;color:var(--wx-green-dark);}

/* ---------- 新朋友 ---------- */
.f2-friendreq{display:flex;align-items:center;gap:11px;padding:11px 15px;background:#fff;position:relative;}
.f2-friendreq + .f2-friendreq::before{
  content:"";position:absolute;left:66px;right:0;top:0;height:.5px;background:var(--wx-line-soft);
}
.f2-friendreq .f2-req-main{flex:1;min-width:0;}
.f2-friendreq .f2-req-msg{font-size:13px;color:var(--wx-text-sub);margin-top:2px;}
.f2-req-btns{display:flex;gap:8px;flex:none;}
.f2-req-btn{
  padding:6px 13px;border-radius:5px;font-size:13px;background:#F2F2F2;color:var(--wx-text-main);
}
.f2-req-btn.primary{background:var(--wx-green);color:#fff;}
.f2-req-btn.done{background:#fff;color:var(--wx-text-faint);}

/* ---------- 会话分组（折叠） ---------- */
.f2-group-fold .f2-fold-head{
  display:flex;align-items:center;gap:9px;padding:10px 15px;background:#fff;
  border-bottom:.5px solid var(--wx-line-soft);cursor:pointer;
}
.f2-fold-arrow{
  width:0;height:0;border-left:6px solid #999;border-top:5px solid transparent;border-bottom:5px solid transparent;
  transition:transform .18s;flex:none;
}
.f2-group-fold.closed .f2-fold-arrow{transform:rotate(-90deg);}
.f2-fold-name{flex:1;font-size:15px;font-weight:500;}
.f2-fold-count{font-size:12px;color:var(--wx-text-sub);}
.f2-fold-body{overflow:hidden;}
.f2-group-fold.closed .f2-fold-body{display:none;}

/* ---------- 已读回执 ---------- */
.f2-readmsg{display:flex;margin:10px 12px;gap:9px;align-items:flex-end;}
.f2-readmsg.me{flex-direction:row-reverse;}
.f2-bubble{
  max-width:70%;padding:8px 11px;border-radius:var(--wx-radius-bubble);font-size:15px;line-height:1.4;
  background:#fff;position:relative;
}
.f2-readmsg.me .f2-bubble{background:var(--wx-green-light);}
.f2-read-state{
  font-size:11px;color:var(--wx-text-faint);margin-top:3px;
}
.f2-readmsg.me .f2-read-state{text-align:right;}
.f2-read-state .rd{color:var(--wx-green);}
.f2-avatars-row{display:flex;align-items:center;margin-top:4px;}
.f2-avatars-row img{
  width:20px;height:20px;border-radius:4px;object-fit:cover;border:1.5px solid #fff;margin-left:-6px;
}
.f2-avatars-row img:first-child{margin-left:0;}

/* ---------- 背景编辑器预览 ---------- */
.f2-bg-preview{
  margin:12px;border-radius:10px;overflow:hidden;height:320px;position:relative;
  box-shadow:var(--wx-shadow-pop);
}
.f2-bg-preview .f2-pv-bubble{
  position:absolute;padding:7px 11px;border-radius:var(--wx-radius-bubble);font-size:14px;line-height:1.4;
  box-shadow:var(--wx-shadow-msg);
}
.f2-bg-opt-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:4px 15px 10px;
}
.f2-bg-opt{
  height:86px;border-radius:7px;position:relative;overflow:hidden;
  border:2px solid transparent;
}
.f2-bg-opt.sel{border-color:var(--wx-green);}
.f2-bg-opt .f2-bg-name{
  position:absolute;left:0;right:0;bottom:0;font-size:11px;text-align:center;
  background:rgba(0,0,0,.35);color:#fff;padding:2px 0;
}
.f2-color-row{display:flex;gap:10px;flex-wrap:wrap;padding:6px 15px 10px;}
.f2-color-dot{
  width:38px;height:38px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #ddd;
  position:relative;
}
.f2-color-dot.sel::after{
  content:"✓";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  color:#fff;font-size:18px;text-shadow:0 0 3px rgba(0,0,0,.4);
}

/* ---------- 底部操作条（固定在内容区底） ---------- */
.f2-actionbar{
  flex:none;background:#fff;border-top:.5px solid var(--wx-line);
  padding:9px 15px calc(9px + env(safe-area-inset-bottom));
  display:flex;gap:10px;align-items:center;
}
.f2-actionbar .f2-sel-count{font-size:13px;color:var(--wx-text-sub);flex:1;}

/* ---------- 空状态 ---------- */
.f2-empty{text-align:center;color:var(--wx-text-faint);padding:46px 20px;font-size:14px;}
.f2-empty .f2-empty-ico{font-size:46px;display:block;margin-bottom:10px;opacity:.5;}

/* ---------- 小标签（角标/徽标） ---------- */
.f2-badge{
  min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:var(--wx-red);color:#fff;font-size:11px;line-height:18px;text-align:center;flex:none;
}
.f2-badge.gray{background:#C7C7CC;}

/* ---------- 折叠面板里的会话行 ---------- */
.f2-sess-row{display:flex;align-items:center;gap:10px;padding:10px 15px 10px 30px;background:#fff;position:relative;}
.f2-sess-row + .f2-sess-row::before{
  content:"";position:absolute;left:45px;right:0;top:0;height:.5px;background:var(--wx-line-soft);
}
.f2-sess-row .f2-sess-name{flex:1;font-size:15px;}
.f2-sess-row .f2-sess-act{font-size:13px;color:var(--wx-blue);}

/* ---------- 时间段选择（定时消息） ---------- */
.f2-datetime{display:flex;gap:10px;padding:11px 15px;background:#fff;align-items:center;}
.f2-datetime input{
  flex:1;background:#F4F4F4;border-radius:6px;padding:8px 10px;font-size:15px;
}

/* ---------- 群成员头像堆叠 ---------- */
.f2-stack{display:flex;flex:none;}
.f2-stack img{
  width:30px;height:30px;border-radius:5px;object-fit:cover;border:1.5px solid #fff;margin-left:-8px;
}
.f2-stack img:first-child{margin-left:0;}

/* ---------- 分隔说明文字 ---------- */
.f2-note{padding:10px 15px;font-size:12px;color:var(--wx-text-faint);line-height:1.5;}

/* ---------- 搜索框 ---------- */
.f2-search{
  margin:8px 12px;background:#F1F1F1;border-radius:8px;
  display:flex;align-items:center;gap:7px;padding:7px 11px;
}
.f2-search .f2-search-ico{color:#B2B2B2;font-size:14px;}
.f2-search input{flex:1;background:transparent;font-size:15px;color:var(--wx-text-main);}
.f2-search input::placeholder{color:var(--wx-text-faint);}

/* ---------- 分段切换（tabs） ---------- */
.f2-seg{
  display:flex;background:#fff;margin:10px 12px 0;border-radius:8px;overflow:hidden;
  border:.5px solid var(--wx-line);
}
.f2-seg .f2-seg-item{
  flex:1;text-align:center;padding:9px 0;font-size:14px;color:var(--wx-text-sub);
  border-right:.5px solid var(--wx-line-soft);
}
.f2-seg .f2-seg-item:last-child{border-right:none;}
.f2-seg .f2-seg-item.on{color:var(--wx-green);font-weight:600;background:#F2FBF5;}

/* ---------- 进度条 ---------- */
.f2-progress{height:6px;border-radius:3px;background:#ECECEC;overflow:hidden;flex:1;}
.f2-progress i{display:block;height:100%;background:var(--wx-green);border-radius:3px;transition:width .3s;}
.f2-progress.red i{background:var(--wx-red);}
.f2-progress.orange i{background:#F0A030;}

/* ---------- 已读明细成员行 ---------- */
.f2-member-row{
  display:flex;align-items:center;gap:10px;padding:10px 15px;background:#fff;position:relative;
}
.f2-member-row + .f2-member-row::before{
  content:"";position:absolute;left:60px;right:0;top:0;height:.5px;background:var(--wx-line-soft);
}
.f2-member-row .f2-m-state{font-size:12px;flex:none;width:42px;text-align:right;}
.f2-member-row .f2-m-state.rd{color:var(--wx-green);}
.f2-member-row .f2-m-state.un{color:var(--wx-text-faint);}

/* ---------- 测试控制台（机器人/自动回复） ---------- */
.f2-console{
  margin:10px 12px;background:#1f2430;border-radius:8px;padding:10px 12px;
  font-family:Menlo,Consolas,monospace;font-size:12px;color:#b8c0cc;max-height:160px;overflow-y:auto;
}
.f2-console .cl-line{padding:2px 0;line-height:1.5;}
.f2-console .cl-in{color:#8fd6a4;}
.f2-console .cl-out{color:#ffd479;}
.f2-console .cl-sys{color:#7f8aa0;}

/* ---------- 标签输入 ---------- */
.f2-taginput{
  display:flex;flex-wrap:wrap;gap:7px;align-items:center;
  padding:8px 12px;background:#fff;
}
.f2-taginput .f2-ti{
  background:#F2F2F2;border-radius:4px;padding:4px 8px;font-size:13px;
  display:flex;align-items:center;gap:5px;
}
.f2-taginput .f2-ti .x{color:#999;cursor:pointer;}
.f2-taginput input{flex:1;min-width:90px;font-size:14px;background:transparent;}

/* ---------- 气泡样式预览（背景编辑器） ---------- */
.f2-bubble-pick{display:flex;gap:10px;padding:8px 15px;}
.f2-bubble-pick .bp{
  flex:1;border-radius:8px;padding:10px;font-size:12px;text-align:center;
  border:2px solid transparent;color:#fff;
}
.f2-bubble-pick .bp.sel{border-color:var(--wx-green);}

/* ---------- 迷你统计条（发送记录进度） ---------- */
.f2-stat-line{display:flex;align-items:center;gap:8px;padding:2px 0;}
.f2-stat-line .lbl{width:60px;font-size:12px;color:var(--wx-text-sub);flex:none;}
.f2-stat-line .val{width:36px;font-size:12px;text-align:right;flex:none;}

/* ---------- 空搜索/分隔 ---------- */
.f2-divider{height:10px;background:var(--wx-bg);}

/* ---------- 卡片内标题 ---------- */
.f2-card-title{
  padding:10px 14px 4px;font-size:14px;font-weight:600;
}
.f2-card-sub{padding:0 14px;font-size:12px;color:var(--wx-text-sub);}

/* ---------- 头像在线点 ---------- */
.f2-ava-wrap{position:relative;flex:none;}
.f2-ava-wrap .online-dot{
  position:absolute;right:-2px;bottom:-2px;width:11px;height:11px;border-radius:50%;
  background:var(--wx-green);border:2px solid #fff;
}

/* ---------- 开关行（紧凑） ---------- */
.f2-toggle-row{
  display:flex;align-items:center;justify-content:space-between;
  padding:11px 15px;background:#fff;
}
.f2-toggle-row .lbl{font-size:15px;}
.f2-toggle-row .sub{font-size:12px;color:var(--wx-text-sub);margin-top:2px;}

/* ---------- 时间线圆点 ---------- */
.f2-timeline{padding:6px 15px;}
.f2-tl-item{display:flex;gap:10px;padding:6px 0;}
.f2-tl-dot{width:8px;height:8px;border-radius:50%;background:var(--wx-green);margin-top:6px;flex:none;}
.f2-tl-dot.gray{background:#C7C7CC;}
.f2-tl-time{font-size:12px;color:var(--wx-text-faint);width:42px;flex:none;}
.f2-tl-txt{font-size:14px;flex:1;}

/* ---------- 头像大字占位 ---------- */
.f2-avatar.letter{
  display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;
}

/* ---------- 大按钮组（两列） ---------- */
.f2-duo{display:flex;gap:10px;padding:12px 15px;}
.f2-duo .f2-btn{flex:1;}

/* ---------- 滑出面板遮罩 ---------- */
.f2-mask-sheet{
  position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:900;
}


/* ============================================================
   features2.css — 补充：图表/列表/表单细节
   ============================================================ */

/* ---------- 柱状图坐标轴 ---------- */
.f2-chart-wrap .axis{display:flex;justify-content:space-between;font-size:11px;color:var(--wx-text-faint);padding:2px 4px 0;}

/* ---------- 饼图占位 ---------- */
.f2-donut{display:flex;align-items:center;gap:14px;padding:6px 4px 10px;}
.f2-donut .hole{width:96px;height:96px;border-radius:50%;flex:none;position:relative;}
.f2-donut .hole .center{
  position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:#fff;border-radius:50%;
}
.f2-donut .hole .center b{font-size:20px;}
.f2-donut .hole .center span{font-size:11px;color:var(--wx-text-sub);}
.f2-donut .legend{flex:1;font-size:13px;}
.f2-donut .lg-row{display:flex;align-items:center;gap:7px;padding:3px 0;}
.f2-donut .lg-dot{width:9px;height:9px;border-radius:2px;flex:none;}
.f2-donut .lg-name{flex:1;}
.f2-donut .lg-val{color:var(--wx-text-sub);}

/* ---------- 表单行（label 左 / 控件右） ---------- */
.f2-form-row{
  display:flex;align-items:center;gap:12px;padding:11px 15px;background:#fff;position:relative;
}
.f2-form-row + .f2-form-row::before{
  content:"";position:absolute;left:15px;right:0;top:0;height:.5px;background:var(--wx-line-soft);
}
.f2-form-row .fl-label{width:88px;flex:none;font-size:15px;}
.f2-form-row .fl-ctrl{flex:1;}
.f2-form-row select.f2-input{appearance:none;-webkit-appearance:none;}

/* ---------- 时间选择 chips ---------- */
.f2-chips{display:flex;flex-wrap:wrap;gap:8px;padding:9px 15px;background:#fff;}
.f2-chip{
  padding:5px 12px;border-radius:15px;background:#F2F2F2;font-size:13px;color:var(--wx-text-main);
}
.f2-chip.on{background:#EFF9F1;color:var(--wx-green-dark);font-weight:500;}

/* ---------- 头像网格（新朋友推荐） ---------- */
.f2-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:10px 12px;background:#fff;}
.f2-grid3 .g-cell{display:flex;flex-direction:column;align-items:center;gap:6px;}
.f2-grid3 .g-cell img{width:54px;height:54px;border-radius:7px;object-fit:cover;}
.f2-grid3 .g-cell .g-name{font-size:12px;text-align:center;}

/* ---------- 标签建议条 ---------- */
.f2-suggest{display:flex;flex-wrap:wrap;gap:7px;padding:8px 15px;background:#F7F7F7;}

/* ---------- 列表项右侧数字 ---------- */
.f2-row .f2-num{font-size:13px;color:var(--wx-text-sub);}

/* ---------- 顶部摘要条 ---------- */
.f2-summary{
  margin:10px 12px 0;background:linear-gradient(135deg,#07C160,#06AD56);
  border-radius:10px;padding:14px 15px;color:#fff;
}
.f2-summary .s-t{font-size:13px;opacity:.9;}
.f2-summary .s-n{font-size:26px;font-weight:600;margin-top:2px;}
.f2-summary .s-d{font-size:12px;opacity:.85;margin-top:3px;}

/* ---------- 可点击行高亮 ---------- */
.f2-row.tappable:active{background:#D9D9D9;}

/* ---------- 分隔小标题（内容区） ---------- */
.f2-sec{
  padding:14px 15px 6px;font-size:13px;color:var(--wx-text-sub);
}