/* ============================================
   消息页面样式 — 暗金主题
   ============================================ */

:root {
    --bg-page: #0f1319;
    --bg-card-solid: rgba(255,255,255,0.03);
    --text-primary: #e8e6e3;
    --text-secondary: rgba(255,255,255,0.6);
    --text-muted: rgba(255,255,255,0.35);
    --gold: #D4A574;
    --gold-light: #E8C07A;
    --gold-dim: rgba(212,165,116,0.15);
    --border: rgba(212,165,116,0.08);
    --accent-red: #E94560;
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html, body { width:100%; height:100%; background:var(--bg-page); }
body { font-family:'Inter',-apple-system,'PingFang SC','Microsoft YaHei',sans-serif; color:var(--text-primary); -webkit-font-smoothing:antialiased; -webkit-tap-highlight-color:transparent; }

/* ====== Header ====== */
.page-header {
    position:fixed; top:0; left:0; right:0; height:50px;
    background:linear-gradient(180deg, rgba(15,19,25,0.98), rgba(15,19,25,0.92));
    backdrop-filter:blur(20px); display:flex; align-items:center; justify-content:space-between;
    padding:0 12px; z-index:100; border-bottom:1px solid var(--border);
}
.back-btn { width:36px; height:36px; display:flex; align-items:center; justify-content:center; background:none; border:none; color:var(--gold); cursor:pointer; border-radius:50%; }
.page-title { font-size:17px; font-weight:600; color:var(--text-primary); }
.header-space { width:36px; }

/* ====== Tabs ====== */
.msg-tabs {
    position:fixed; top:50px; left:0; right:0; height:44px;
    background:rgba(15,19,25,0.95); backdrop-filter:blur(20px);
    display:flex; z-index:90; border-bottom:1px solid var(--border);
}
.msg-tab {
    flex:1; height:44px; display:flex; align-items:center; justify-content:center;
    background:none; border:none; font-size:14px; font-weight:500;
    color:var(--text-muted); cursor:pointer; font-family:inherit; position:relative; transition:color 0.25s;
}
.msg-tab.active { color:var(--gold); font-weight:600; }
.msg-tab.active::after {
    content:''; position:absolute; bottom:0; left:25%; right:25%;
    height:2px; border-radius:1px; background:linear-gradient(90deg, transparent, var(--gold), transparent);
}

/* ====== 内容区 ====== */
.msg-main {
    position:fixed; top:94px; left:0; right:0;
    bottom:56px; bottom:calc(56px + env(safe-area-inset-bottom, 20px));
    overflow-y:auto; -webkit-overflow-scrolling:touch; padding-bottom:20px;
}
.msg-main::-webkit-scrollbar { display:none; }
.tab-panel { display:none; }
.tab-panel.active { display:block; }

/* ====== 消息列表 ====== */
.msg-list { padding:0; }
.empty-state { text-align:center; padding:60px 20px; color:var(--text-muted); font-size:14px; }

/* 单条消息卡片 */
.msg-card {
    background:var(--bg-card-solid); margin:10px 12px; border-radius:12px;
    overflow:hidden; border:1px solid var(--border); transition:border-color 0.3s;
}
.msg-card:active { border-color:rgba(212,165,116,0.2); }
.msg-card-header { display:flex; justify-content:space-between; align-items:center; padding:14px 16px 0; }
.msg-card-title { font-size:15px; font-weight:600; color:var(--text-primary); }
.msg-card-delete { width:28px; height:28px; display:flex; align-items:center; justify-content:center; background:none; border:none; color:var(--text-muted); cursor:pointer; font-size:16px; }
.msg-card-time { padding:4px 16px 12px; font-size:12px; color:var(--text-muted); }

.msg-toggle { display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-top:1px solid var(--border); cursor:pointer; user-select:none; }
.msg-toggle-text { font-size:13px; color:var(--text-secondary); }
.msg-toggle-arrow { font-size:12px; color:var(--text-muted); transition:transform 0.3s; }
.msg-toggle.open .msg-toggle-arrow { transform:rotate(180deg); }

.msg-detail { display:none; padding:0 16px 18px; animation:fadeIn 0.3s ease; }
.msg-detail.show { display:block; }
@keyframes fadeIn { from{opacity:0;transform:translateY(-6px)} to{opacity:1;transform:translateY(0)} }

.msg-detail .detail-row { font-size:14px; line-height:1.6; color:var(--text-secondary); margin-bottom:2px; }
.msg-detail .detail-label { color:var(--gold); font-weight:500; }
.msg-detail .detail-divider { height:1px; background:var(--border); margin:12px 0; }
.msg-detail .detail-body { font-size:14px; line-height:1.75; color:var(--text-secondary); margin-top:8px; }
.msg-detail .detail-tip { margin-top:16px; font-size:13px; color:var(--accent-red); line-height:1.6; }

/* ====== 公告卡片 ====== */
.notice-card { background:var(--bg-card-solid); margin:10px 12px; border-radius:12px; padding:16px; border:1px solid var(--border); }
.notice-card .notice-title { font-size:15px; font-weight:600; color:var(--text-primary); margin-bottom:8px; }
.notice-card .notice-time { font-size:12px; color:var(--text-muted); margin-bottom:10px; }
.notice-card .notice-body { font-size:14px; line-height:1.7; color:var(--text-secondary); }

/* 底部导航样式见 nav.css */