/* AIPM · 孩子记分奖励系统  v3 */

.rw-wrap{padding-top:4px}

/* ══ 记分规则（页面最顶部，强调） ═══════════════════ */
.rw-rulesbanner{border:2px solid #ddd6fe;background:linear-gradient(180deg,#faf9ff,#fff)}
.rw-rulesbanner h3{font-size:15px}
.rw-unit{margin-left:auto;font-size:11px;font-weight:600;color:#7c3aed;background:#f3f0ff;padding:3px 9px;border-radius:11px}

.rw-rulelist{display:flex;flex-direction:column;gap:6px}
.rw-rulerow{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;background:#fff;border:1px solid #eef2ff}
.rw-rule-no{font-size:13px;font-weight:800;color:#a5b4fc;width:16px;flex-shrink:0;text-align:center}
.rw-rule-ic{font-size:20px;line-height:1;flex-shrink:0}
.rw-rule-tx{flex:1;min-width:0}
.rw-rule-t{font-size:13.5px;font-weight:700;color:#1a1a2e}
.rw-rule-d{font-size:11px;color:#9aa0b5;margin-top:1px}
.rw-rule-min{font-size:17px;font-weight:800;color:#4f46e5;white-space:nowrap;flex-shrink:0}
.rw-rule-min small{font-size:10px;font-weight:500;color:#a5b4fc;margin-left:1px}

.rw-usebox{margin-top:11px;padding:11px 13px;border-radius:10px;background:#f8f9ff;border:1px dashed #ddd6fe}
.rw-usebox-t{font-size:12.5px;font-weight:700;color:#4f46e5;margin-bottom:6px}
.rw-usebox ul{margin:0;padding-left:17px}
.rw-usebox li{font-size:11.5px;color:#5b6178;line-height:1.85}
.rw-usebox b{color:#4f46e5}

/* ══ 孩子切换栏 ═══════════════════════════════════ */
.rw-kidbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.rw-kidbar .rw-kids{margin-bottom:0;flex:1}
.rw-kidnone{font-size:12px;color:#bbb}
.rw-kidadd{padding:6px 13px;border-radius:20px;border:1px dashed #c7d2fe;background:#fff;color:#4f46e5;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.rw-kidadd:hover{background:#f5f3ff;border-style:solid}

/* 孩子切换（旧样式保留） */
.rw-kids{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.rw-kid{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;border:1px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .15s}
.rw-kid:hover{background:#f5f3ff}
.rw-kid.ac{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border-color:transparent}

/* ══ 积分总览 ════════════════════════════════════ */
.rw-hero{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:14px;padding:16px;color:#fff;margin-bottom:12px;box-shadow:0 4px 14px rgba(79,70,229,.25)}
.rw-hero-avatar{font-size:34px;line-height:1}
.rw-hero-info{flex:1;min-width:0}
.rw-hero-name{font-size:16px;font-weight:700}
.rw-hero-sub{font-size:11px;opacity:.85;margin-top:2px}
.rw-hero-points{text-align:right;white-space:nowrap}
.rw-hero-points span{font-size:30px;font-weight:800;display:block;line-height:1.1}
.rw-hero-points small{font-size:11px;opacity:.85}

/* ══ 家长模式 ════════════════════════════════════ */
.rw-parentbar{display:flex;justify-content:flex-end;margin-bottom:10px}
.rw-pbtn{padding:7px 14px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:#4f46e5}
.rw-pbtn:hover{background:#f5f3ff}
.rw-pbadge{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#059669;background:#ecfdf5;padding:7px 14px;border-radius:20px}
.rw-pbadge a{color:#059669;text-decoration:underline}
.rw-tip2{font-size:11px;color:#999}
.rw-pforgot{font-size:11.5px;color:#8b93a7;text-decoration:underline;cursor:pointer}

/* ══ 卡片 ════════════════════════════════════════ */
.rw-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 1px 4px rgba(0,0,0,.05)}
.rw-card h3{font-size:14px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.rw-day,.rw-tip{font-size:11px;color:#bbb;font-weight:400}
.rw-toggle{margin-left:auto;font-size:11px;color:#4f46e5;font-weight:500}

/* ══ 列表项 ══════════════════════════════════════ */
.rw-list{display:flex;flex-direction:column;gap:8px}
.rw-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#fafafe;border:1px solid #f0f0f5}
.rw-item.done{background:#f0fdf4;border-color:#dcfce7}
.rw-item.pend{background:#fffbeb;border-color:#fef3c7}
.rw-ic{font-size:20px;line-height:1}
.rw-tx{flex:1;min-width:0}
.rw-t{font-size:13px;font-weight:600;word-break:break-all}
.rw-m{font-size:11px;color:#999;margin-top:2px}
.rw-empty{text-align:center;color:#bbb;font-size:12px;padding:16px}

/* ══ 按钮 ════════════════════════════════════════ */
.rw-btn{padding:6px 12px;border-radius:8px;border:none;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff}
.rw-btn:hover{opacity:.9}
.rw-btn:disabled{background:#e5e7eb;color:#aaa;cursor:not-allowed}
.rw-btn.ghost{background:#fff;border:1px solid #e5e7eb;color:#666}
.rw-btn.ok{background:#059669}
.rw-btn.no{background:#ef4444}
.rw-btn.x{padding:4px 9px;background:#fff;border:1px solid #e5e7eb;color:#bbb}
.rw-btn.x:hover{color:#ef4444;border-color:#fecaca}

/* ══ 待确认 ══════════════════════════════════════ */
.rw-pending{margin-bottom:12px}
.rw-pending-in{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:14px}
.rw-pending-in h3{font-size:13px;font-weight:700;color:#b45309;margin-bottom:10px}

/* ══ 口令表单 ════════════════════════════════════ */
.rw-pwform{display:flex;flex-direction:column;gap:7px;margin-top:4px}
.rw-pwform input{padding:9px 11px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;background:#fafafa;width:100%}
.rw-pwform input:focus{outline:none;border-color:#4f46e5;background:#fff}
.rw-pwbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}
.rw-resetcard{border:1px solid #fde68a;background:#fffdf6}
.rw-warnbox{font-size:12px;color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:9px;padding:10px 12px;line-height:1.7;margin-bottom:10px}
.rw-okbox{font-size:12px;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9px;padding:10px 12px;margin-bottom:10px}

/* 注册制：首次设置家长口令 */
.rw-regcard{border:2px solid #ddd6fe;background:linear-gradient(180deg,#faf9ff,#fff)}
.rw-infobox{font-size:12px;color:#4c4470;background:#f6f4ff;border:1px solid #e4e0ff;border-radius:9px;padding:11px 13px;line-height:1.75;margin-bottom:10px}
.rw-infobox b{color:#4f46e5}
.rw-code{font-family:Consolas,Monaco,monospace;font-size:11.5px;background:#1e2233;color:#a5f3fc;padding:9px 12px;border-radius:8px;overflow-x:auto;margin:0 0 10px}
.rw-card code{font-family:Consolas,Monaco,monospace;font-size:11px;background:#f3f4f6;padding:1px 5px;border-radius:5px;color:#4f46e5}

/* ══ 手动加减分 ══════════════════════════════════ */
.rw-manual{display:flex;gap:8px;flex-wrap:wrap}
.rw-manual input{padding:8px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;background:#fafafa;min-width:0}
.rw-manual input:focus{outline:none;border-color:#4f46e5}
.rw-manual input[type=number]{width:110px}
.rw-manual input[type=text]{flex:1}
.rw-manual button{padding:8px 16px;border-radius:8px;border:none;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:13px;font-weight:600;cursor:pointer}

/* ══ 流水分色 ════════════════════════════════════ */
.rw-delta{font-size:14px;font-weight:800;white-space:nowrap}
.rw-delta.p{color:#059669}
.rw-delta.n{color:#dc2626}

/* ══ 配置区 ══════════════════════════════════════ */
.rw-sub{margin-top:12px;padding-top:12px;border-top:1px dashed #eee}
.rw-sub h4{font-size:12px;font-weight:700;color:#666;margin-bottom:8px}
.rw-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:16px;background:#f3f4f6;font-size:12px;margin:0 6px 6px 0}
.rw-chip a{color:#bbb;text-decoration:none;font-weight:700;cursor:pointer;padding:0 1px}
.rw-chip a:hover{color:#4f46e5}
.rw-add{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.rw-add input,.rw-add select{padding:7px 9px;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;background:#fafafa;min-width:0}
.rw-add input:focus,.rw-add select:focus{outline:none;border-color:#4f46e5}
.rw-add input[type=number]{width:80px}
.rw-add .grow{flex:1}

/* ══ 今日兑换状态 ════════════════════════════════ */
.rw-rules{border:1px solid #eef2ff;background:linear-gradient(180deg,#fbfcff,#fff)}
.rw-rstate{padding:9px 12px;border-radius:9px;font-size:13px;font-weight:700;margin-bottom:10px}
.rw-rstate.good{background:#ecfdf5;color:#047857}
.rw-rstate.wait{background:#fffbeb;color:#b45309}
.rw-rstate.bad{background:#fef2f2;color:#b91c1c}
.rw-rbar{height:8px;border-radius:6px;background:#eef2f7;overflow:hidden;margin-bottom:8px}
.rw-rbar-in{height:100%;border-radius:6px;background:linear-gradient(90deg,#4f46e5,#7c3aed);transition:width .3s}
.rw-rline{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#555;margin-bottom:4px;flex-wrap:wrap}
.rw-rline b{color:#1a1a2e}
.rw-rline.rw-muted{color:#999;font-size:11px}
.rw-rline.rw-muted b{color:#666}

/* ══ 家长快速记分 ════════════════════════════════ */
.rw-quick{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
.rw-qbtn{display:flex;flex-direction:column;align-items:center;gap:3px;padding:11px 6px;border-radius:10px;border:1px solid #eef2ff;background:#fbfcff;cursor:pointer;transition:all .15s}
.rw-qbtn:hover{background:#f5f3ff;border-color:#ddd6fe;transform:translateY(-1px)}
.rw-qbtn:active{transform:translateY(0)}
.rw-qic{font-size:19px;line-height:1}
.rw-qt{font-size:11px;font-weight:600;color:#444;text-align:center}
.rw-qd{font-size:12px;font-weight:800;color:#4f46e5}

.rw-rulebtns{display:flex;gap:8px;flex-wrap:wrap}
.rw-rulebtns .rw-btn{padding:8px 13px}

/* ══ 窄屏 ════════════════════════════════════════ */
@media (max-width:420px){
  .rw-quick{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}
  .rw-hero-points span{font-size:26px}
  .rw-rule-t{font-size:12.5px}
  .rw-rule-d{font-size:10.5px}
  .rw-rule-min{font-size:15px}
  .rw-rule-ic{font-size:18px}
}