/* 文件说明：处理用户申诉台的登录验证、材料提交和进度查询。 */
@import url('/styles.css?v=20260813-persona-image-template');

body { min-height: 100vh; background: linear-gradient(135deg, #fff4f8, #f2f8ff); }
.appeal-page { max-width: 1080px; margin: 0 auto; padding: 28px 18px 64px; }
.appeal-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:20px; }
.appeal-brand { display:flex; align-items:center; gap:12px; }
.appeal-brand img { width:48px; height:48px; object-fit:contain; border-radius:14px; background:#fff; }
.appeal-brand h1 { margin:0; font-size:24px; }
.appeal-user { text-align:right; color:#667085; font-size:13px; }
.appeal-grid { display:grid; grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr); gap:18px; }
.appeal-card { background:rgba(255,255,255,.92); border:1px solid rgba(218,225,236,.9); border-radius:22px; padding:22px; box-shadow:0 18px 50px rgba(78,93,125,.09); }
.appeal-card h2 { margin-top:0; }
.appeal-card textarea { min-height:180px; }
.privacy-confirm { padding:14px; border-radius:14px; background:#fff5f8; color:#7d3b58; line-height:1.6; }
.chat-note { color:#a04c73; font-size:13px; }
.status-item { padding:14px 0; border-bottom:1px solid #edf0f5; }
.status-item:last-child { border:0; }
.status-pill { display:inline-flex; padding:4px 9px; border-radius:999px; background:#f3f5f9; font-size:12px; }
.chat-preview { max-height:360px; overflow:auto; font-size:13px; color:#566070; }
.chat-preview article { padding:10px 0; border-bottom:1px solid #edf0f5; }
.auth-wrap { min-height:80vh; display:grid; place-items:center; }
.auth-wrap .auth-card { width:min(430px, 100%); }
.evidence-images { display:flex; gap:10px; flex-wrap:wrap; }
.evidence-images img { max-width:220px; max-height:220px; border-radius:12px; border:1px solid #e3e7ef; }
@media(max-width:760px){ .appeal-grid{grid-template-columns:1fr}.appeal-header{align-items:flex-start}.appeal-user{max-width:45%} }