.irow{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .15s;box-shadow:0 2px 12px var(--shadow);margin-bottom:8px}
.irow:hover{box-shadow:0 4px 20px rgba(47,124,255,.12);border-color:#B8CFFE;transform:translateY(-1px)}
.iicon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.iname{font-weight:800;font-size:15px;color:var(--text)}
.imeta{color:var(--muted);font-size:13px;font-weight:600;margin-top:2px}
.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:800}
.bok{background:var(--ok-s);color:var(--ok)}
.bwarn{background:var(--warn-s);color:var(--warn)}
.berr{background:var(--err-s);color:var(--err)}
.bmut{background:var(--bg);color:var(--muted);border:1px solid var(--border)}
.bpri{background:var(--soft);color:var(--primary)}
.bpur{background:var(--purple-s);color:var(--purple)}
.chip{display:inline-flex;align-items:center;padding:7px 13px;border-radius:999px;background:var(--surface);border:1.5px solid var(--border);cursor:pointer;font-size:13px;font-weight:700;color:var(--muted);transition:all .15s;margin-right:7px;margin-bottom:7px}
.chip:hover,.chip.on{background:var(--soft);border-color:var(--primary);color:var(--primary)}
.qa{border-radius:var(--r2);padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;border:none;min-height:88px;gap:7px}
.qa:hover{filter:brightness(1.08);transform:translateY(-1px)}
.arow{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border);cursor:pointer}
.arow:last-child{border-bottom:none}
.aicon{width:34px;height:34px;border-radius:10px;background:#FFF2E6;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.ring{position:relative;width:100px;height:100px;flex-shrink:0}
.ring svg{width:100px;height:100px}
.ringc{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.ringv{font-size:19px;font-weight:900;color:#FF8A21}
.ringls{font-size:10px;font-weight:700;color:#7A90B5}
.expbox{flex:1;border:1px solid rgba(93,69,34,.45);border-radius:14px;padding:12px;background:rgba(255,247,230,.08)}
.tipbar{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r2);padding:13px 58px 13px 14px;display:flex;align-items:center;gap:9px;position:relative;margin-top:12px}
.tiptxt{
  color:var(--muted);
  font-size:16px;
  font-weight:600;
  line-height:1.6;
  flex:1;
  transition: opacity 0.5s ease;
}
.tipbtn{position:absolute;right:9px;bottom:50%;transform:translateY(50%);width:40px;height:40px;border-radius:13px;background:var(--primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;font-weight:900}
.gcard{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:16px;display:flex;align-items:center;gap:13px;cursor:pointer;transition:all .15s;box-shadow:0 2px 12px var(--shadow);margin-bottom:8px}
.gcard:hover{box-shadow:0 4px 20px rgba(47,124,255,.12);border-color:#B8CFFE;transform:translateY(-1px)}
.gibox{width:50px;height:50px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}
.mrow{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px var(--shadow);margin-bottom:8px}
.mavatar{width:40px;height:40px;border-radius:13px;background:var(--soft);border:2px solid #B8CFFE;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:var(--primary);flex-shrink:0}
.tog{position:relative;width:44px;height:24px;cursor:pointer;flex-shrink:0}
.tog input{opacity:0;width:0;height:0;position:absolute}
.togtr{position:absolute;inset:0;background:var(--border);border-radius:99px;transition:.2s}
.tog input:checked+.togtr{background:var(--primary)}
.togth{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:.2s;box-shadow:0 1px 4px rgba(0,0,0,.18)}
.tog input:checked~.togth{left:23px}
.ov{position:fixed;inset:0;background:rgba(11,18,32,.55);z-index:100;display:none;align-items:center;justify-content:center;padding:16px}
.ov.on{display:flex}
.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);width:100%;max-width:520px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px rgba(11,18,32,.22)}
.mhd{padding:22px 24px 0;display:flex;align-items:center;justify-content:space-between}
.mhd h2{font-size:19px;font-weight:900;color:var(--text)}
.mclose{background:var(--bg);border:1.5px solid var(--border);border-radius:9px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);font-size:17px;transition:all .15s}
.mclose:hover{background:var(--err-s);border-color:var(--err);color:var(--err)}
.mbody{padding:20px 24px 24px}
.srow{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--border)}
.srow:last-child{border-bottom:none}
.sti{font-size:14px;font-weight:800;color:var(--text)}
.ssub{font-size:12px;color:var(--muted);font-weight:600;margin-top:2px}
.div{border:none;border-top:1px solid var(--border);margin:13px 0}
#toasts{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:8px}
.toast{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r3);padding:11px 15px;font-size:13px;font-weight:700;color:var(--text);min-width:230px;animation:tin .25s ease;display:flex;align-items:center;gap:9px;box-shadow:0 4px 20px var(--shadow)}
.toast.ok{border-left:3px solid var(--ok)}
.toast.err{border-left:3px solid var(--err)}
.toast.wn{border-left:3px solid var(--warn)}
@keyframes tin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
#rlabel{
  display:block;
  font-size:11px;
  font-weight:700;
  color:var(--muted);
  margin-top:2px;
}

.agree{
    margin:18px 0;
}

.agree-label{
    display:flex;
    align-items:flex-start;
    gap:10px;
    cursor:pointer;
    line-height:1.5;
}

.agree-label input[type="checkbox"]{
    width:16px;
    height:16px;
    margin-top:3px;
    flex-shrink:0;
}

.agree-label span{
    flex:1;
}

.agree-label a{
    color:var(--primary);
    font-weight:700;
    text-decoration:none;
}