/* public/me-pages.css — 会员中心页面统一框架（个人资料 / 我的订单 / 我的文章 / 我的收藏 / 我的消息 / 发布文章）
   内容宽度与首页一致（960px）：页面顶部为页头 + 快捷切换条，下方为该页自己的内容区。 */
.wrap.me-wrap{max-width:960px}
.me-headbar{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 4px}
.me-headbar h1{font-size:22px;margin:0;color:var(--text)}
.me-crumb{font-size:12.5px;color:#9aa0b4}
.me-crumb a{color:#9aa0b4;text-decoration:none}
.me-crumb a:hover{color:var(--primary)}
.me-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.me-tabs .chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text);font-size:13px;text-decoration:none;transition:.15s}
.me-tabs .chip:hover{border-color:var(--primary);color:var(--primary)}
.me-tabs .chip.active{background:var(--primary);border-color:var(--primary);color:#fff}
.me-list{display:flex;flex-direction:column;gap:12px}
.me-tip{font-size:12.5px;color:#8a90a6;margin:0 0 10px}
.me-card{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px rgba(15,23,42,.04)}
.me-card img.me-thumb{width:96px;height:60px;object-fit:cover;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);flex:0 0 auto}
.me-card-main{flex:1;min-width:0}
.me-card-main a.me-title{display:block;font-size:15px;font-weight:600;color:var(--text);text-decoration:none;line-height:1.45}
.me-card-main a.me-title:hover{color:var(--primary)}
.me-card-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:12px;color:#9aa0b4;margin-top:6px}
.me-card-meta .tag{color:var(--primary);background:rgba(91,94,245,.10);border-radius:6px;padding:1px 7px}
.me-card-meta .free{color:#10b981;background:rgba(16,185,129,.12);font-weight:600}
.me-card-meta .st-ok{color:#10b981;font-weight:600}
.me-card-meta .st-wait{color:#d97706;font-weight:600}
.me-card-meta .st-bad{color:#d6455a;font-weight:600}
.me-card-desc{font-size:13px;color:#78829b;line-height:1.7;margin:7px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.me-card-actions{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}
.me-card-actions .btn-ghost{padding:7px 12px;font-size:13px}
.me-card-actions .btn-green{border-color:#10b981;color:#10b981}
.me-card-actions .btn-green:hover{background:rgba(16,185,129,.08)}
.me-empty{text-align:center;color:#9aa0b4;font-size:13.5px;padding:56px 16px;background:var(--surface);border:1px dashed var(--border);border-radius:14px;line-height:2}
.me-empty a{color:var(--primary);font-weight:600}
.me-msg{font-size:13px;margin:2px 0 12px}
.me-msg.ok{color:#10b981}
.me-msg.err{color:#d6455a}
.msg-item{display:block;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 16px;text-decoration:none;color:inherit;margin-bottom:10px}
.msg-item.unread{background:#f3f5ff;border-color:#d7dcfb}
[data-theme="dark"] .msg-item.unread{background:#232843;border-color:#3b4363}
.msg-title{font-size:13.5px;color:var(--text)}
.msg-title b{color:var(--primary)}
.msg-preview{font-size:13px;color:#5b6178;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msg-time{font-size:12px;color:#9aa0b4}
.msg-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}
.loading{color:#9aa0b4;text-align:center;padding:60px 0}
@media(max-width:760px){
  .me-card{flex-direction:column}
  .me-card img.me-thumb{width:100%;height:auto;max-height:140px}
  .me-card-actions{width:100%;justify-content:flex-start}
}

/* 按钮禁用态（未开通 / 未付款时「产品领取」置灰不可点） */
.me-card-actions .btn-ghost:disabled,
.me-card-actions .btn-ghost[disabled]{
  opacity:.55;cursor:not-allowed;
  color:#9aa0b4;border-color:var(--border);background:var(--surface-2);
}
.me-card-actions .btn-ghost:disabled:hover{color:#9aa0b4;border-color:var(--border)}
#me-msg.me-msg{display:block}
#me-msg.me-msg[hidden]{display:none}

/* 内容卡切换防跳动：内容区预留稳定高度，加载骨架不再引起页面上下/左右闪移 */
main.wrap.me-wrap{min-height:calc(100vh - 150px)}
.me-list .loading{min-height:220px;display:flex;align-items:center;justify-content:center}