/* ============================================================
   符文谷 ·「我的」（登录 / 注册申请 / 好友 / 消息）
   ============================================================ */
.mine-card{
  max-width:640px;margin:0 auto;padding:18px;
  background:var(--card);border:1px solid var(--border);border-radius:16px;
  box-shadow:0 14px 34px rgba(15,23,42,.08);
}
.mine-narrow{max-width:420px;}

.mine-tabs{display:flex;gap:6px;margin-bottom:16px;}
.mine-tabs button{
  padding:7px 14px;font-size:13px;font-weight:600;cursor:pointer;border-radius:9px;
  border:1px solid var(--border);background:var(--bg);color:var(--text-secondary);
}
.mine-tabs button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);}
.mine-dot{
  display:inline-block;min-width:16px;margin-left:5px;padding:0 4px;border-radius:8px;
  font-size:10.5px;font-style:normal;line-height:16px;text-align:center;
  background:var(--danger);color:#fff;
}
.mine-tabs button.on .mine-dot{background:#fff;color:var(--accent);}

.mine-form{display:flex;flex-direction:column;gap:10px;}
.mine-form label{
  display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--text-secondary);
}
.mine-form input,.mine-form textarea{
  padding:9px 12px;font-size:13.5px;font-family:inherit;
  border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);
}
.mine-form textarea{resize:vertical;line-height:1.7;}
.mine-form input:focus,.mine-form textarea:focus{outline:none;border-color:var(--accent);}
.mine-go{margin-top:4px;}
.mine-tip{margin:10px 0 0;font-size:12px;line-height:1.8;color:var(--text-secondary);}
.mine-err{margin:0;min-height:16px;font-size:12.5px;color:var(--danger);}
.mine-ok{color:var(--accent);}

/* 已登录头部 */
.mine-head{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.mine-avatar{
  flex:none;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  font-size:19px;font-weight:700;color:var(--on-accent);background:var(--accent);
}
.mine-who{flex:1;min-width:0;}
.mine-who b{display:block;font-size:15px;color:var(--text);}
.mine-who span{font-size:12px;color:var(--text-secondary);}
.mine-badge{
  display:inline-block;margin-left:6px;padding:1px 7px;border-radius:4px;font-style:normal;
  font-size:10.5px;background:var(--bg);color:var(--text-secondary);border:1px solid var(--border);
}
.mine-badge-adm{background:var(--accent);color:var(--on-accent);border-color:transparent;}

.mine-pane{min-height:120px;}
.mine-sub{margin:14px 0 6px;font-size:12px;font-weight:600;color:var(--text-secondary);}

/* 发消息 / 加好友 输入行 */
.mine-send{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap;}
.mine-input{
  padding:8px 12px;font-size:13px;font-family:inherit;
  border:1px solid var(--border);border-radius:9px;background:var(--bg);color:var(--text);
}
.mine-input:focus{outline:none;border-color:var(--accent);}
.mine-grow{flex:1;min-width:150px;}

.mine-list{display:flex;flex-direction:column;gap:8px;}
.mine-item{
  padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:var(--bg);
}
.mine-item.unread{border-color:var(--accent);background:var(--accent-soft);}
.mine-item-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.mine-item-top b{font-size:13.5px;color:var(--text);}
.mine-time{margin-left:auto;font-size:11.5px;color:var(--text-secondary);}
.mine-item-body{margin-top:5px;font-size:13px;line-height:1.8;color:var(--text);word-break:break-word;}
.mine-item-acts{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;}
.mine-empty{padding:26px 0;text-align:center;font-size:12.5px;color:var(--text-secondary);}
.mine-readall{margin-top:12px;}
.mine-danger:hover{border-color:var(--danger);color:var(--danger);}

@media(max-width:640px){
  .mine-card{padding:14px;border-radius:14px;}
  .mine-send{flex-direction:column;}
  .mine-grow{width:100%;}
}