:root{
  --chat-bg:#eef3ff;
  --chat-bg-2:#f8fbff;
  --nav-bg:rgba(255,255,255,.86);
  --panel:#ffffff;
  --text:#132033;
  --sub:#7b8798;
  --line:#dfe7f3;
  --wechat:#7ee787;
  --wechat-pressed:#6fd978;
  --white:#ffffff;
  --blue:#3d7cff;
  --purple:#8b5cff;
  --green:#20c997;
  --danger:#e5484d;
  --admin-bg:#eef4fb;
  --shadow:0 18px 60px rgba(30,60,110,.16);
  --soft-shadow:0 18px 50px rgba(38,72,135,.14);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text)}
button,input,textarea{font:inherit}button{cursor:pointer;border:0}.hidden{display:none!important}.muted{color:var(--sub)}
.error-text{min-height:22px;color:var(--danger);font-size:14px}.eyebrow{color:var(--blue);font-size:12px;letter-spacing:.18em;font-weight:800}
.text-input,.textarea{width:100%;border:1px solid #e5ebf3;background:#f8fbff;border-radius:16px;padding:14px 16px;outline:none;transition:.2s}.text-input:focus,.textarea:focus{border-color:var(--blue);box-shadow:0 0 0 4px rgba(61,139,255,.1)}.textarea{min-height:92px;resize:vertical}.field-label{display:block;margin:16px 0 8px;font-size:13px;font-weight:800}.primary-btn{width:100%;padding:15px 18px;border-radius:18px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 12px 24px rgba(61,139,255,.28)}.primary-btn.small{width:auto;padding:12px 16px}.ghost-btn{padding:11px 14px;border-radius:14px;background:#eef4ff;color:#286de0;font-weight:800}.danger-btn{padding:11px 14px;border-radius:14px;background:#fff1f0;color:#d9363e;font-weight:900;border:1px solid #ffd6d6}.danger-btn:hover{background:#ffe7e6}.group-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.group-actions .ghost-btn,.group-actions .danger-btn{white-space:nowrap}

/* 登录页与聊天页：产品级轻社群视觉 */
.chat-body{min-height:100vh;background:radial-gradient(circle at 12% 0%,#dbe8ff 0,#eef4ff 32%,#f6f8fc 70%);overflow:hidden}.chat-body::before{content:'';position:fixed;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.62));pointer-events:none}.app-shell{height:100dvh;max-width:480px;margin:0 auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#f8fbff 0%,#edf3ff 34%,#f6f8fb 100%);box-shadow:0 24px 80px rgba(26,50,95,.22);overflow:hidden;position:relative}.app-shell::before{content:'';position:absolute;left:-80px;top:-100px;width:230px;height:230px;border-radius:999px;background:rgba(61,124,255,.16);filter:blur(4px);pointer-events:none}.app-shell::after{content:'';position:absolute;right:-90px;top:110px;width:210px;height:210px;border-radius:999px;background:rgba(139,92,255,.12);filter:blur(6px);pointer-events:none}.login-shell{background:linear-gradient(155deg,#f5f8ff 0%,#eaf1ff 58%,#ffffff 100%)}.chat-topbar{height:78px;min-height:78px;padding:12px 14px 10px;padding-top:max(12px,env(safe-area-inset-top));background:var(--nav-bg);backdrop-filter:blur(18px);display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border-bottom:1px solid rgba(211,220,235,.72);box-shadow:0 10px 28px rgba(48,75,125,.08);z-index:3}.chat-topbar::before{content:'‹';width:38px;height:38px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.72);font-size:32px;font-weight:300;color:#26384f;line-height:1;box-shadow:0 8px 20px rgba(31,61,110,.08)}.chat-topbar>div{text-align:center;min-width:0}.chat-topbar h1{margin:0;font-size:18px;line-height:24px;font-weight:800;color:#132033;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-topbar p{margin:3px 0 0;color:#7c8da6;font-size:12px;line-height:16px}.icon-btn{width:38px;height:38px;border-radius:14px;background:rgba(255,255,255,.72);color:#26384f;font-weight:800;font-size:0;box-shadow:0 8px 20px rgba(31,61,110,.08)}.icon-btn::before{content:'···';font-size:22px;letter-spacing:1px;line-height:1;color:#26384f}.login-topbar::before{content:'‹'}.login-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:38px 28px 30px;background:transparent;position:relative;z-index:2}.login-avatar{width:76px;height:76px;border-radius:24px;background:linear-gradient(135deg,#3d7cff,#8b5cff);color:#fff;display:grid;place-items:center;font-size:32px;font-weight:900;margin-bottom:22px;box-shadow:0 18px 36px rgba(61,124,255,.32)}.login-panel h2{margin:0 0 8px;font-size:24px;font-weight:900;color:#132033}.login-hint{margin:0 0 26px;color:#738399;font-size:14px;line-height:1.7;text-align:center;max-width:330px}.wechat-input{width:100%;height:52px;border:1px solid rgba(202,214,233,.9);border-radius:18px;background:rgba(255,255,255,.9);color:#132033;font-size:16px;padding:0 16px;outline:none;box-shadow:0 10px 28px rgba(52,78,120,.08);transition:.18s}.wechat-input:focus{border-color:#7aa5ff;box-shadow:0 0 0 4px rgba(61,124,255,.12),0 14px 30px rgba(52,78,120,.1)}.wechat-input::placeholder{color:#a2adbd}.wechat-login-btn{width:100%;height:52px;border-radius:18px;background:linear-gradient(135deg,#2f77ff,#8b5cff);color:#fff;font-size:16px;font-weight:900;margin-top:14px;box-shadow:0 16px 30px rgba(61,124,255,.28)}.wechat-login-btn:active{transform:translateY(1px)}.login-error{width:100%;text-align:left;margin:10px 0 0}.phone-shell,.hero-card,.brand-mark{display:contents}

.notice-card{margin:14px 14px 4px;padding:12px 14px;border-radius:18px;background:rgba(255,255,255,.76);backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(48,75,125,.09);display:flex;gap:10px;align-items:flex-start;color:#4c5e75;z-index:2}.notice-card span{padding:3px 8px;border-radius:999px;background:linear-gradient(135deg,#edf4ff,#f4f0ff);color:#3d7cff;font-size:12px;font-weight:900;line-height:18px;white-space:nowrap}.notice-card p{margin:3px 0 0;line-height:20px;font-size:13px;color:#53657d;word-break:break-word}.message-list{flex:1;overflow:auto;padding:12px 14px 16px;scroll-behavior:smooth;background:transparent;-webkit-overflow-scrolling:touch;position:relative;z-index:2}.message-list::-webkit-scrollbar{width:0;height:0}.message-row{display:flex;gap:10px;margin:14px 0;align-items:flex-start}.message-row.mine{flex-direction:row-reverse}.avatar{width:40px;height:40px;border-radius:15px;background:linear-gradient(135deg,#5da2ff,#7c5cff);display:grid;place-items:center;color:#fff;font-size:17px;font-weight:900;flex:none;box-shadow:0 10px 22px rgba(55,95,170,.18)}.mine .avatar{background:linear-gradient(135deg,#26d07c,#8eea6a);color:#fff}.bubble-wrap{max-width:calc(100% - 96px);display:flex;flex-direction:column}.mine .bubble-wrap{align-items:flex-end}.msg-meta{font-size:12px;color:#7c8da6;margin:0 0 5px 2px;line-height:16px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mine .msg-meta{text-align:right;margin-right:2px}.bubble{position:relative;padding:11px 13px;border-radius:18px 18px 18px 6px;background:rgba(255,255,255,.92);box-shadow:0 10px 26px rgba(48,75,125,.09);line-height:1.55;font-size:15px;color:#152236;word-break:break-word;white-space:pre-wrap;min-height:40px;display:flex;align-items:center;border:1px solid rgba(221,229,242,.75)}.other .bubble::before{content:'';position:absolute;left:-4px;top:17px;width:10px;height:10px;background:rgba(255,255,255,.92);border-left:1px solid rgba(221,229,242,.75);border-bottom:1px solid rgba(221,229,242,.75);transform:rotate(45deg);border-radius:2px}.mine .bubble{background:linear-gradient(135deg,#8cf08f,#78e67c);color:#102414;border-color:rgba(103,205,110,.65);border-radius:18px 18px 6px 18px;box-shadow:0 12px 28px rgba(38,176,92,.16)}.mine .bubble::after{content:'';position:absolute;right:-4px;top:17px;width:10px;height:10px;background:#83eb86;border-right:1px solid rgba(103,205,110,.65);border-top:1px solid rgba(103,205,110,.65);transform:rotate(45deg);border-radius:2px}.mine .bubble:active{background:var(--wechat-pressed)}.system-line{width:fit-content;max-width:82%;text-align:center;color:#718098;background:rgba(255,255,255,.62);font-size:12px;line-height:18px;margin:14px auto;padding:5px 10px;border-radius:999px;box-shadow:0 8px 20px rgba(48,75,125,.06)}.typing-hint{min-height:24px;margin:0 16px 4px;color:#76869a;font-size:12px;line-height:24px;position:relative;z-index:2}.typing-hint::before{content:'●';display:inline-block;margin-right:6px;color:#4f8bff;animation:pulse 1.2s infinite ease-in-out}@keyframes pulse{0%,100%{opacity:.28}50%{opacity:1}}.online-member-list{margin-top:16px;display:grid;gap:10px}.online-member{display:flex;gap:11px;align-items:center;padding:12px;border:1px solid #e8eef7;border-radius:16px;background:linear-gradient(135deg,#fbfdff,#f4f7ff)}.online-member span{width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#3d7cff,#8b5cff);color:#fff;display:grid;place-items:center;font-weight:900}.online-member b{display:block;font-size:14px;color:#132033}.online-member small{display:block;color:#7b8798;margin-top:2px}.composer{min-height:68px;display:flex;gap:8px;padding:9px 10px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-top:1px solid rgba(211,220,235,.72);align-items:center;box-shadow:0 -12px 30px rgba(48,75,125,.08);position:relative;z-index:3}.composer-field{min-width:0;flex:1;position:relative}.composer-field input{width:100%;height:46px;border:1px solid #e0e8f4;border-radius:18px;padding:9px 54px 9px 14px;background:#f8fbff;color:#132033;font-size:15px;outline:none;transition:.18s}.composer-field input:focus{border-color:#85aaff;background:#fff;box-shadow:0 0 0 4px rgba(61,124,255,.1)}.composer-field input::placeholder{color:#9caabd}.composer-field small{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;color:#9aa9bc;pointer-events:none}.round-btn{width:38px;height:42px;border-radius:15px;background:#f0f5ff;color:#576a83;font-size:21px;font-weight:700;display:grid;place-items:center;flex:none}.send-btn{height:42px;min-width:58px;padding:0 14px;border-radius:16px;background:linear-gradient(135deg,#2f77ff,#6f5cff);color:#fff;font-size:15px;font-weight:900;box-shadow:0 10px 22px rgba(61,124,255,.22)}.send-btn:disabled{background:#d6deea;color:#fff;box-shadow:none;cursor:not-allowed}.safe-bottom{padding-bottom:max(9px,env(safe-area-inset-bottom))}.drawer{position:fixed;inset:0;background:rgba(17,30,52,.34);display:grid;place-items:end center;padding:14px;z-index:10;backdrop-filter:blur(8px)}.drawer-card{width:min(420px,100%);background:#fff;border-radius:26px 26px 0 0;padding:20px;box-shadow:0 -18px 50px rgba(20,42,84,.18)}.drawer-card h2{margin:8px 0 4px}.drawer-card .icon-btn{float:right;background:#f2f6ff}.drawer-card .icon-btn::before{content:'×';font-size:26px}

/* 后台管理 */
.admin-body{min-height:100vh;padding:20px;background:linear-gradient(145deg,#f6f9ff 0%,#eaf2ff 48%,#f9fbff 100%)}.admin-login-card{width:min(420px,100%);margin:8vh auto;background:#fff;border-radius:30px;padding:28px;box-shadow:var(--shadow)}.admin-layout{max-width:1180px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:8px 0 18px}.admin-header h1{margin:0}.admin-header p{margin:4px 0 0;color:#788397}.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:18px}.panel{background:#fff;border-radius:26px;padding:18px;box-shadow:var(--shadow);min-width:0}.inline-form{display:flex;gap:8px;align-items:center;margin:10px 0;flex-wrap:wrap}.inline-form .text-input{flex:1;min-width:160px}.role-input{max-width:110px}.list{display:grid;gap:10px;margin-top:12px}.list-item{text-align:left;background:#f7faff;border:1px solid #e5ebf3;border-radius:18px;padding:14px;color:#182235}.list-item.active{border-color:#3d8bff;box-shadow:0 0 0 4px rgba(61,139,255,.1)}.list-item small,.table-row small{display:block;margin-top:5px;color:#788397;word-break:break-all}.detail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.tabs{display:flex;background:#f1f5fb;border-radius:16px;padding:4px;margin:18px 0 12px}.tab{flex:1;border-radius:13px;background:transparent;padding:11px;font-weight:900;color:#788397}.tab.active{background:#fff;color:#286de0;box-shadow:0 6px 14px rgba(30,60,110,.08)}.table-list{display:grid;gap:10px;margin-top:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0}.stat-card{background:#f7faff;border:1px solid #e5ebf3;border-radius:16px;padding:12px}.stat-card b{display:block;font-size:22px;color:#182235}.stat-card small{display:block;margin-top:4px;color:#788397}.table-row{display:flex;justify-content:space-between;gap:10px;align-items:center;border:1px solid #e5ebf3;border-radius:18px;padding:12px;background:#fbfdff}.table-row button{margin-left:6px;padding:8px 10px;border-radius:10px;background:#eef4ff;color:#286de0}.empty-state{text-align:center;color:#788397;padding:80px 20px}.toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:#172033;color:#fff;padding:12px 16px;border-radius:999px;box-shadow:var(--shadow)}

@media (min-width:481px){.chat-body{background:#d9d9d9}.app-shell{border-left:1px solid #d0d0d0;border-right:1px solid #d0d0d0}}
@media (max-width:820px){.admin-body{padding:12px}.admin-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-header{align-items:flex-start}.detail-head{flex-direction:column}.login-panel{padding-left:22px;padding-right:22px}.admin-header h1{font-size:24px}}
@media (max-width:430px){.group-actions,.group-actions .ghost-btn,.group-actions .danger-btn{width:100%}.app-shell{max-width:none}.chat-topbar{height:calc(52px + env(safe-area-inset-top));min-height:calc(52px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.message-list{padding-left:10px;padding-right:10px}.bubble-wrap{max-width:calc(100% - 88px)}.bubble{font-size:16px}.composer{gap:6px}.send-btn{min-width:50px;padding:0 10px}.admin-login-card{padding:22px}.inline-form{align-items:stretch}.primary-btn.small,.ghost-btn{width:100%}}

/* 聊天完整功能增强 */
.status-ok{color:#18a058;font-weight:800}.status-watch{color:#d48806;font-weight:800}.new-msg-btn{position:absolute;left:50%;bottom:88px;transform:translateX(-50%);z-index:4;padding:8px 14px;border-radius:999px;background:linear-gradient(135deg,#3d7cff,#8b5cff);color:#fff;font-size:13px;font-weight:900;box-shadow:0 12px 28px rgba(61,124,255,.28)}.to-bottom-btn{position:absolute;right:18px;bottom:88px;z-index:4;width:38px;height:38px;border-radius:999px;background:#fff;color:#3d7cff;font-size:20px;font-weight:900;box-shadow:0 12px 28px rgba(48,75,125,.16)}.quick-panel{position:relative;z-index:3;display:flex;gap:8px;flex-wrap:wrap;padding:10px 12px 14px;background:rgba(255,255,255,.9);border-top:1px solid rgba(211,220,235,.72);box-shadow:0 -10px 24px rgba(48,75,125,.06)}.quick-panel button{min-width:42px;height:38px;padding:0 12px;border-radius:14px;background:#f1f5ff;color:#26384f;font-weight:800}.quick-panel#emojiPanel button{font-size:20px;padding:0;width:42px}.drawer-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 14px}.drawer-actions .ghost-btn,.drawer-actions .danger-btn{width:auto}.chat-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:20;max-width:min(360px,86vw);padding:10px 14px;border-radius:999px;background:#172033;color:#fff;font-size:13px;font-weight:800;box-shadow:0 16px 38px rgba(20,42,84,.22)}.bubble{cursor:pointer}.bubble:hover{filter:brightness(.995)}
@media (max-width:430px){.chat-topbar{height:calc(72px + env(safe-area-inset-top));min-height:calc(72px + env(safe-area-inset-top))}.quick-panel{padding-bottom:max(14px,env(safe-area-inset-bottom))}.new-msg-btn,.to-bottom-btn{bottom:84px}.drawer-actions .ghost-btn,.drawer-actions .danger-btn{width:100%}}

/* 图片与语音消息 */
.media-image{display:block;max-width:min(260px,62vw);border-radius:18px;overflow:hidden;border:1px solid rgba(221,229,242,.75);box-shadow:0 12px 28px rgba(48,75,125,.12);background:#fff}.media-image img{display:block;width:100%;max-height:320px;object-fit:cover}.media-caption{display:block;margin-top:6px;color:#7c8da6;font-size:12px}.media-audio{min-width:220px;max-width:min(300px,64vw);padding:11px 13px;border-radius:18px;background:rgba(255,255,255,.92);border:1px solid rgba(221,229,242,.75);box-shadow:0 10px 26px rgba(48,75,125,.09)}.mine .media-audio{background:linear-gradient(135deg,#8cf08f,#78e67c);border-color:rgba(103,205,110,.65)}.media-audio span{display:block;margin-bottom:8px;font-size:14px;font-weight:900;color:#26384f}.media-audio audio{width:100%;height:34px}.voice-bar{position:fixed;left:50%;bottom:94px;transform:translateX(-50%);z-index:30;display:flex;gap:8px;align-items:center;width:min(430px,92vw);padding:12px;border-radius:20px;background:#172033;color:#fff;box-shadow:0 18px 45px rgba(20,42,84,.28)}.voice-bar span{flex:1;font-weight:900}.voice-bar button{height:36px;padding:0 12px;border-radius:13px;background:#fff;color:#172033;font-weight:900}.voice-bar #cancelVoiceBtn{background:#fff1f0;color:#d9363e}
@media (max-width:430px){.media-image{max-width:68vw}.media-audio{min-width:190px;max-width:68vw}.voice-bar{bottom:82px}}

/* 微信式按住说话 */
.voice-toggle-btn{font-size:19px}.hold-voice-btn{height:46px;flex:1;border-radius:18px;background:#f8fbff;border:1px solid #e0e8f4;color:#25354a;font-size:15px;font-weight:900;box-shadow:inset 0 -1px 0 rgba(20,42,84,.04);user-select:none;touch-action:none}.hold-voice-btn:active,.hold-voice-btn.recording{background:#dfe6f1;color:#132033;box-shadow:inset 0 2px 8px rgba(20,42,84,.12)}.composer.voice-mode .composer-field,.composer.voice-mode .send-btn{display:none}.voice-bar{justify-content:center;text-align:center}.voice-bar span::before{content:'🎙 ';}