:root{--bg:#0a0b0e;--bg-2:#101218;--panel:rgba(22,24,32,0.72);--panel-solid:#161820;--border:rgba(255,255,255,0.08);--border-strong:rgba(255,255,255,0.14);--text:#e7e9ee;--muted:#9aa0ad;--faint:#6b7280;--red:#e0392b;--red-soft:rgba(224,57,43,0.14);--user:#3ba55d;--user-soft:rgba(59,165,93,0.12);--staff:#e0392b;--staff-soft:rgba(224,57,43,0.12);--radius:16px;--shadow:0 24px 60px -24px rgba(0,0,0,0.7);--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(1100px 600px at 50% -10%,rgba(224,57,43,.16),transparent 60%),radial-gradient(900px 500px at 100% 0,rgba(59,130,246,.08),transparent 55%),var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.55}a{color:#7fb2ff;text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:860px;margin:0 auto;padding:48px 20px 96px}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.2px;margin-bottom:28px;color:var(--text)}.brand .dot{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,var(--red),#ff7a5c);box-shadow:0 6px 18px -6px var(--red)}.brand small{color:var(--faint);font-weight:500}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.head{padding:26px 28px;position:relative;overflow:hidden}.head:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--red),transparent 70%)}.head h1{margin:0;font-size:30px;letter-spacing:-.5px}.head .ref{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px;text-transform:uppercase;letter-spacing:.6px}.pill.closed{background:var(--red-soft);color:#ff8a7a;border:1px solid rgba(224,57,43,.35)}.pill.open{background:var(--user-soft);color:#6ee7a0;border:1px solid rgba(59,165,93,.35)}.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px 24px;gap:14px 24px;margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}.meta .k{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--faint);margin-bottom:3px}.meta .v{font-size:14px;color:var(--text);font-weight:500}.timeline{margin-top:30px;display:flex;flex-direction:column;gap:4px}.daysep{text-align:center;color:var(--faint);font-size:12px;margin:22px 0 10px;position:relative}.daysep span{background:var(--bg);padding:0 12px;position:relative;z-index:1}.daysep:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}.msg{display:flex;gap:14px;padding:12px 14px;border-radius:14px;transition:background .15s ease}.msg:hover{background:rgba(255,255,255,.025)}.avatar{width:42px;height:42px;border-radius:50%;flex-shrink:0;object-fit:cover;background:var(--panel-solid);border:2px solid var(--border-strong)}.msg.user .avatar{border-color:rgba(59,165,93,.6)}.msg.staff .avatar{border-color:rgba(224,57,43,.6)}.body{min-width:0;flex:1 1}.line{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.name{font-weight:650;font-size:15px}.tag{font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:2px 7px;border-radius:6px}.msg.user .tag{background:var(--user-soft);color:#6ee7a0}.msg.staff .tag{background:var(--staff-soft);color:#ff8a7a}.time{font-size:12px;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.content{margin-top:4px;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;color:#dfe2e9}.content.empty{color:var(--faint);font-style:italic}.atts{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}.att-img{max-width:320px;max-height:320px;border-radius:12px;display:block}.att-file,.att-img{border:1px solid var(--border)}.att-file{display:inline-flex;align-items:center;gap:8px;background:var(--panel-solid);border-radius:10px;padding:8px 12px;font-size:13px;color:var(--text)}.att-file:hover{border-color:var(--border-strong);text-decoration:none}.empty-state{text-align:center;padding:80px 20px}.empty-state .big{font-size:64px;margin-bottom:6px}.empty-state h2{margin:0 0 8px;font-size:22px}.empty-state p{color:var(--muted);margin:0}.foot{margin-top:40px;color:var(--faint);font-size:13px}.foot,.hero{text-align:center}.hero{padding:70px 20px 40px}.hero h1{font-size:44px;letter-spacing:-1px;margin:0 0 12px;background:linear-gradient(135deg,#fff,#ffb4a6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{color:var(--muted);max-width:520px;margin:0 auto;font-size:17px}@media (max-width:520px){.wrap{padding:28px 14px 64px}.head h1{font-size:24px}.avatar{width:36px;height:36px}}