/* 赚金鱼币模块 v7.70：余额总览 + 三大赚币区块 + 收支明细 */
.earn-balance {
  display: flex; align-items: center; justify-content: space-between;
  background: linear-gradient(135deg, #1fa87a, #0d4d3a);
  border-radius: 16px; padding: 18px 16px; color: #fff; margin: 4px 0 12px;
  box-shadow: 0 6px 18px rgba(15, 77, 58, .25);
}
.eb-main { display: flex; align-items: center; gap: 12px; }
.eb-coin { font-size: 38px; }
.eb-main b { font-size: 28px; display: block; line-height: 1.1; }
.eb-main small, .eb-side small { opacity: .8; font-size: 11px; }
.eb-side { display: flex; gap: 16px; text-align: center; }
.eb-side b { font-size: 16px; display: block; }
.eb-side small { display: block; margin-top: 2px; }

.earn-card {
  background: #fff; border-radius: 14px; padding: 14px; margin-bottom: 12px;
  box-shadow: 0 2px 10px rgba(20, 60, 45, .06);
}
.ec-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.ec-icon {
  width: 40px; height: 40px; border-radius: 12px; flex-shrink: 0;
  display: flex; align-items: center; justify-content: center; font-size: 22px;
}
.ec-head b { font-size: 15px; color: #173d2b; display: block; }
.ec-head small { font-size: 11px; color: #7a998b; }

.ec-rules { list-style: none; margin: 0 0 12px; padding: 0; }
.ec-rules li {
  display: flex; justify-content: space-between; align-items: center;
  padding: 8px 2px; font-size: 13px; color: #33544a;
  border-bottom: 1px dashed #eef4f0;
}
.ec-rules li:last-child { border-bottom: none; }
.plus { color: #e8a020; font-weight: 700; }

.ec-btn { display: block; text-align: center; text-decoration: none; padding: 11px 0; font-size: 14px; }
.ec-foot { margin-top: 10px; font-size: 11px; color: #7a998b; text-align: center; }

/* 分享/活动 */
.ec-share {
  background: #fdfaf3; border: 1px dashed #ecd9a8; border-radius: 10px;
  padding: 12px; margin-bottom: 12px;
}
.ec-share-title { margin: 0 0 10px; font-size: 13px; color: #33544a; }
.ec-share-row { display: flex; gap: 8px; }
.ec-share-row input {
  flex: 1; min-width: 0; border: 1px solid #e3d5ae; border-radius: 8px;
  padding: 9px 10px; font-size: 12px; color: #8a7a4a; background: #fff;
}
.ec-share-row button { border: none; border-radius: 8px; padding: 0 16px; font-size: 13px; }
.ec-tip { display: block; margin-top: 8px; font-size: 10px; color: #b0a071; }

.ec-acts { display: flex; flex-direction: column; gap: 10px; }
.ec-act {
  position: relative; background: #f6faf8; border-radius: 10px;
  padding: 12px 74px 12px 12px;
}
.ec-act b { font-size: 13px; color: #173d2b; display: block; margin-bottom: 4px; }
.ec-act small { font-size: 11px; color: #7a998b; line-height: 1.5; }
.ec-act-tag {
  position: absolute; right: 12px; top: 50%; transform: translateY(-50%);
  font-size: 10px; color: #fff; background: #1fa87a; border-radius: 10px; padding: 3px 8px;
}
.ec-act-tag.soon { background: #b9cdc3; }

/* 明细 */
.ec-log { display: flex; flex-direction: column; }
.ec-log-row {
  display: flex; justify-content: space-between; align-items: center;
  padding: 9px 2px; border-bottom: 1px solid #f2f7f4; font-size: 12px;
}
.ec-log-row:last-child { border-bottom: none; }
.ec-log-row .lr-l { color: #33544a; }
.ec-log-row .lr-l small { display: block; color: #9ab3a8; font-size: 10px; margin-top: 2px; }
.ec-log-row .lr-r { font-weight: 700; white-space: nowrap; }
.ec-log-row .lr-r.in { color: #e8a020; }
.ec-log-row .lr-r.out { color: #4d8a68; }
.ec-empty { text-align: center; color: #9ab3a8; font-size: 12px; padding: 14px 0; }

/* 未登录引导 */
.ec-login-tip {
  text-align: center; padding: 22px 12px; font-size: 13px; color: #7a998b;
}
.ec-login-tip a { color: #18a058; font-weight: 700; }