/* ============================================================
   我的账号页专属
   —— 登录卡复用云端组件 aut（与投稿页同一套），这里只管数据列表
   —— 列表行不用卡片硬描边：行是高频重复元素，描边密度会糊成一团
     （docs/22 §2：行式列表用分隔线，不画框）
   ============================================================ */
.me-block{ margin-top:var(--sp-6); }
/* 云端组件宿主：桌面别拉满整行；底部留出与页脚的呼吸 */
.aut-host{ margin-top:var(--sp-4); max-width:32em; margin-bottom:var(--sp-7); }
.me-nick-row{ display:flex; gap:var(--sp-3); max-width:32em; }
.me-nick-row .f-input{ flex:1; min-width:0; }
.me-list{ list-style:none; margin:0; padding:0; }
.me-list li{
  display:flex; gap:1em; align-items:baseline;
  padding:.8em 0; border-bottom:2px solid var(--line-hard);
}
.me-list li:last-child{ border-bottom:0; }
.me-list .me-t{ flex:1; min-width:0; overflow-wrap:anywhere; }
.me-list time{ font-family:var(--mono); font-size:var(--fs-xs); color:var(--text-2); white-space:nowrap; }
/* 状态章：全墨色系，不用彩色（章是状态不是装饰） */
.me-st{ font-family:var(--mono); font-size:var(--fs-xs); font-weight:700; white-space:nowrap;
        border:2px solid var(--ink); border-radius:var(--r-sm); padding:.1em .5em; }
.me-st.pending{ background:var(--paper); }
.me-st.ok{ background:var(--ink); color:var(--cream); }
.me-st.bad{ background:transparent; color:var(--text-2); border-color:var(--text-2); }
.me-empty{ color:var(--text-2); margin:.6em 0 0; }
/* 留言原文截两行，点了过去看上下文 */
.me-cite{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
          margin:.15em 0 0; }
.me-cite a{ color:inherit; text-decoration:underline; text-underline-offset:3px; }
.me-links{ margin-top:var(--sp-4); display:flex; gap:1.4em; flex-wrap:wrap; }
@media (max-width:719px){
  .me-list li{ flex-wrap:wrap; gap:.4em .9em; }
  .me-list time{ order:3; }
}
@media (prefers-reduced-motion: reduce){
  .me-list a, .me-links a{ transition:none; }
}