@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=JetBrains+Mono:wght@500&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-shell:#f6f4ef;--bg-rail:#ffffffbd;--bg-panel:#fff;--bg-elevated:#ffffffd1;--bg-elevated-strong:#fffffff0;--bg-accent:#e2efeb;--bg-accent-soft:#edf5f2;--border-soft:#17212b14;--border-strong:#17212b24;--text-primary:#17212b;--text-secondary:#687585;--text-muted:#9aa6b2;--text-inverse:#fff;--accent:#2f6f73;--accent-strong:#265d61;--accent-contrast:#fff;--success:#2fcb71;--danger:#c75a54;--danger-soft:#fcecea;--warning-soft:#fcf3df;--shadow-panel:0 28px 80px #141c2624;--shadow-soft:0 12px 32px #141c2614;--shadow-raised:0 18px 42px #141c261c;--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;font-family:SF Pro Display,SF Pro Text,PingFang SC,Noto Sans SC,IBM Plex Sans,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;overflow:hidden}body{color:var(--text-primary);background:radial-gradient(circle at 0 0,#2f6f731f,#0000 24%),radial-gradient(circle at 100% 100%,#cdb49124,#0000 26%),linear-gradient(#f8f6f1 0%,#f3efe7 100%);margin:0}code{color:var(--accent-strong);background:#0f8b8d17;border-radius:999px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.92em}button,input,textarea{font:inherit}button{cursor:pointer}input,textarea{border:1px solid #0000;outline:none}.app-shell{min-height:100vh;position:relative;overflow:hidden}.app-shell__backdrop,.app-shell__grain{pointer-events:none;position:absolute;inset:0}.app-shell__backdrop{background:linear-gradient(125deg,#ffffffb8,#0000 40%),radial-gradient(circle at 22% 16%,#2f6f7314,#0000 18%)}.app-shell__grain{opacity:.022;background-image:linear-gradient(#ffffff40 1px,#0000 1px),linear-gradient(90deg,#ffffff2e 1px,#0000 1px);background-size:120px 120px;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.app-loading{min-height:100vh;color:var(--text-primary);letter-spacing:.04em;place-items:center;display:grid}.auth-minimal{z-index:1;place-items:center;min-height:100vh;padding:32px 20px;display:grid;position:relative}.auth-card{background:#fffffffa;border:1px solid #12182014;border-radius:28px;width:min(100%,670px);padding:34px 36px 28px;box-shadow:0 40px 100px #0f172a14}.auth-card__badge{color:#fff;background:#090919;border-radius:999px;place-items:center;width:72px;height:72px;margin:0 auto 24px;display:grid}.auth-card__badge svg{width:34px;height:34px}.auth-card__header{text-align:center;margin-bottom:28px}.auth-card__header h1{margin:0 0 8px;font-size:27px;line-height:1.15}.auth-card__header p{color:#6c7280;margin:0;font-size:17px}.auth-card__form{gap:20px;display:grid}.field--minimal span{color:#0d1321;font-size:16px}.field--minimal input{background:#f3f4f7;border-color:#0000;border-radius:16px;padding:17px 18px;font-size:18px}.auth-card__options{justify-content:space-between;align-items:center;min-height:30px;display:flex}.auth-card__checkbox{color:#525b68;align-items:center;gap:12px;font-size:16px;display:inline-flex}.auth-card__checkbox input{width:18px;height:18px;margin:0}.auth-card__submit{background:#080817;border-radius:16px;min-height:56px;margin-top:4px}.auth-card__divider{text-align:center;color:#858d99;margin:28px 0 18px;position:relative}.auth-card__divider:before{content:"";background:#1218201a;height:1px;position:absolute;top:50%;left:0;right:0}.auth-card__divider span{background:#fff;padding:0 16px;position:relative}.auth-card__ghost{color:#111827;background:#fff;border:1px solid #1218201f;border-radius:16px;width:100%;min-height:56px}.auth-card__history{margin-top:22px}.auth-form{gap:16px;display:grid}.field{gap:8px;display:grid}.field span{color:var(--text-secondary);font-size:14px}.field input{border-radius:var(--radius-md);border-color:var(--border-soft);width:100%;color:var(--text-primary);background:#f8fafcf2;padding:15px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.field input:focus{border-color:#0f8b8d6b;transform:translateY(-1px);box-shadow:0 0 0 4px #0f8b8d1f}.primary-button{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--accent) 0%, #0e7490 100%);color:var(--accent-contrast);letter-spacing:.01em;border:0;padding:15px 18px;font-weight:600}.primary-button:disabled{opacity:.7;cursor:wait}.auth-form__error{border-radius:var(--radius-md);color:var(--danger);background:#be5b4d1a;margin:0;padding:12px 14px}.account-history{border-top:1px solid var(--border-soft);margin-top:0;padding-top:18px}.account-history__header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.account-history__list{gap:10px;display:grid}.account-history__item{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.account-history__pick,.account-history__remove{border-radius:var(--radius-md);border:0}.account-history__pick{color:var(--text-primary);background:#f7f8fa;justify-content:space-between;gap:12px;padding:14px 15px;display:flex}.account-history__public-id{font-family:JetBrains Mono,monospace}.account-history__username{color:var(--text-secondary)}.account-history__remove{color:var(--text-secondary);background:#1d22290f;padding:10px 12px}.auth-studio{z-index:1;background:radial-gradient(circle at 35% 22%,#2f6f7314,#0000 24%),radial-gradient(circle at 70% 18%,#d2e2f138,#0000 26%),linear-gradient(#fffffff5,#f7f8faf0);min-height:100vh;padding:22px 28px 40px;position:relative}.auth-studio__topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.auth-studio__brand{color:var(--text-primary);align-items:center;gap:12px;display:inline-flex}.auth-studio__brand strong{font-size:18px;font-weight:700}.auth-studio__brand-icon{color:#2d3946;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.auth-studio__brand-icon svg{width:22px;height:22px}.auth-studio__locale{color:var(--text-primary);background:0 0;border:0;font-weight:600}.auth-studio__content{gap:18px;width:min(100%,596px);margin:110px auto 0;display:grid}.auth-panel{background:#fffffff0;border:1px solid #17212b14;border-radius:22px;box-shadow:0 20px 44px #141c260f}.auth-panel__header{text-align:center;padding:28px 24px 18px}.auth-panel__header h1{letter-spacing:-.04em;margin:0;font-size:38px}.auth-panel__header p{color:var(--text-secondary);margin:12px 0 0;font-size:18px}.auth-panel__form{gap:18px;padding:0 24px 24px;display:grid}.field--studio{gap:10px}.field--studio span{color:#2f3a46;font-size:15px;font-weight:600}.field--studio input{color:var(--text-primary);background:#fffffff5;border:1px solid #17212b1a;border-radius:12px;padding:15px 16px;font-size:16px;box-shadow:inset 0 1px #fffc}.field--studio input::placeholder{color:#a0a9b4}.auth-panel__meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.auth-panel__checkbox{color:#394553;align-items:center;gap:10px;font-size:15px;display:inline-flex}.auth-panel__checkbox input{width:18px;height:18px;margin:0}.auth-panel__link{color:#4d80f0;background:0 0;border:0;font-weight:600}.auth-panel__submit{background:linear-gradient(135deg,#2c62db 0%,#396ef0 100%);border-radius:10px;min-height:48px;font-size:16px}.auth-panel--ghost{box-shadow:none;background:0 0;border:0;padding:10px 0 0}.auth-panel__switch-label{text-align:center;color:var(--text-secondary);margin:0 0 14px;font-size:14px;position:relative}.auth-panel__switch-label:before{content:"";background:#17212b14;height:1px;position:absolute;top:50%;left:0;right:0}.auth-panel__switch-label:after{content:"";background:#f8f9fb;border-radius:999px;width:44px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.auth-panel__switch-label{z-index:0;isolation:isolate;place-items:center;display:grid;position:relative}.auth-panel__switch-label:before,.auth-panel__switch-label:after{z-index:-1}.auth-panel__switch{color:#24303c;background:#fffffff5;border:1px solid #17212b14;border-radius:10px;width:100%;min-height:52px;font-size:16px;font-weight:600;box-shadow:0 16px 30px #141c260a}.auth-panel--history{box-shadow:none;background:0 0;border:0;padding:18px 0 0}.auth-panel--history .account-history{border-top:0;margin-top:0;padding-top:0}.auth-panel--history .account-history__header{color:var(--text-secondary);text-transform:none;letter-spacing:0;margin-bottom:10px;font-size:13px}.auth-panel--history .account-history__list{border-top:1px solid #17212b14;gap:0}.auth-panel--history .account-history__item{border-bottom:1px solid #17212b14;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:14px 0}.auth-panel--history .account-history__pick,.auth-panel--history .account-history__remove{background:0 0;border-radius:0;padding:0}.auth-panel--history .account-history__pick{align-items:center}.auth-panel--history .account-history__public-id{color:var(--text-primary);font-family:inherit;font-size:16px;font-weight:600}.auth-panel--history .account-history__username{font-size:14px}.auth-panel--history .account-history__remove{color:#4d80f0;font-weight:600}.wechat-shell{z-index:1;width:calc(100vw - 32px);height:calc(100vh - 32px);box-shadow:var(--shadow-panel);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff8f;border:1px solid #17212b0f;border-radius:32px;grid-template-columns:430px minmax(0,1fr);margin:16px;display:grid;position:relative;overflow:hidden}.wechat-sidebar{background:linear-gradient(#ffffffd1,#fcfbf8c2);border-right:1px solid #17212b14;flex-direction:column;min-height:0;display:flex;overflow:hidden}.wechat-sidebar__main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.wechat-sidebar__header{justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.wechat-sidebar__header h1{letter-spacing:-.05em;margin:0;font-size:34px;font-weight:700}.wechat-sidebar__actions{align-items:center;gap:8px;display:flex}.text-tab,.icon-button{color:var(--text-secondary);background:#ffffff94;border:1px solid #0000;border-radius:16px;place-items:center;width:42px;height:42px;transition:transform .16s,background-color .16s,color .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:0 8px 18px #141c260a}.secondary-button,.danger-button,.text-link{color:var(--text-primary);background:#ffffffd1;border:1px solid #17212b0f;border-radius:18px;padding:12px 18px;transition:transform .16s,box-shadow .16s,background-color .16s,border-color .16s;box-shadow:0 10px 24px #141c260a}.danger-button{background:var(--danger-soft);color:var(--danger);border-color:#c75a542e}.text-link{color:var(--accent-strong);box-shadow:none;background:0 0;border:0;padding:0}.text-tab svg,.icon-button svg{width:18px;height:18px}.text-tab.is-active,.text-tab:hover,.icon-button:hover{color:var(--text-primary);background:#ffffffeb;border-color:#17212b14;transform:translateY(-1px);box-shadow:0 14px 28px #141c2614}.notification-trigger{position:relative}.notification-dot{color:#fff;background:linear-gradient(135deg,#cc5a56 0%,#b44a48 100%);border:2px solid #fffffff0;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:11px;display:grid;position:absolute;top:-2px;right:-2px;box-shadow:0 8px 16px #b44a4847}.wechat-search{color:var(--text-muted);background:#ffffffdb;border:1px solid #17212b0f;border-radius:20px;flex:none;align-items:center;gap:10px;margin:4px 20px 16px;padding:15px 16px;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;display:flex;box-shadow:inset 0 1px #fff9,0 10px 24px #141c260a}.wechat-search:hover{border-color:#2f6f731f;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb3,0 14px 28px #141c260f}.wechat-search input{width:100%;color:var(--text-primary);background:0 0;border:0}.wechat-search svg{flex:none;width:18px;height:18px}.wechat-search input::placeholder{color:#9ca7b2}.sidebar-list{gap:12px;min-height:0;padding:0 20px 4px;display:grid;overflow:auto}.contacts-list-section .sidebar-list{box-shadow:none;background:0 0;border:0;padding:0}.sidebar-list__item{text-align:left;background:#ffffffd6;border:1px solid #17212b0f;border-radius:24px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:100%;padding:16px 18px;transition:transform .16s,background-color .16s,border-color .16s,box-shadow .16s;display:grid;box-shadow:0 10px 24px #141c260a}.sidebar-list__item:last-child{border-bottom:1px solid #17212b0f}.sidebar-list__item:hover,.sidebar-list__item.is-active{box-shadow:var(--shadow-soft);background:#fffffffa;border-color:#2f6f7329;transform:translateY(-1px)}.sidebar-list__meta{min-width:0}.sidebar-list__title-row,.sidebar-list__subtitle-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-list__title-row strong{letter-spacing:-.02em;font-size:16px;font-weight:650}.sidebar-list__title-row span,.sidebar-list__subtitle-row span{color:#8d98a4;font-size:12px}.sidebar-list__subtitle-row{margin-top:6px}.sidebar-list__subtitle-row .truncate{color:#6c7885;font-size:13px}.sidebar-list__badge{background:linear-gradient(135deg, var(--accent) 0%, #548a85 100%);text-align:center;border-radius:999px;flex:none;min-width:30px;padding:5px 8px;font-size:12px;font-weight:600;box-shadow:0 10px 18px #2f6f7338;color:#fff!important}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.avatar-badge{color:var(--accent-strong);background:linear-gradient(145deg,#ffffffeb,#eff5f1db),linear-gradient(135deg,#2f6f731f,#e1a85424);border:1px solid #ffffffb3;flex:none;place-items:center;font-weight:700;display:grid;position:relative;overflow:visible;box-shadow:inset 0 1px #fffc,0 12px 20px #141c260f}.avatar-badge--round{border-radius:999px}.avatar-badge--squircle{border-radius:16px}.avatar-badge img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.avatar-badge--sm{width:42px;height:42px}.avatar-badge--md{width:48px;height:48px}.avatar-badge--lg{width:58px;height:58px}.avatar-badge--group{color:#9a6700;background:linear-gradient(145deg,#fffcf5f5,#faf3e4e0),linear-gradient(135deg,#e1a85429,#ffe3bb3d)}.avatar-badge--soft{color:#52606d;background:linear-gradient(145deg,#fffffff5,#eff3f6e6)}.presence-dot{background:#94a3b89e;border:2px solid #fffffffa;border-radius:999px;width:12px;height:12px;position:absolute;bottom:0;right:0;box-shadow:0 4px 10px #141c261f}.presence-dot.is-online{background:var(--success)}.wechat-contacts-panel{gap:18px;min-height:0;padding:0 16px 18px;display:grid;overflow:auto}.wechat-sidebar__account{background:0 0;align-items:center;gap:10px;width:calc(100% - 32px);margin:12px 16px 16px;display:flex}.wechat-sidebar__account-main,.wechat-sidebar__account-logout{background:#ffffffd6;border:1px solid #17212b0f;border-radius:20px;transition:background-color .14s,transform .14s,box-shadow .14s,border-color .14s;box-shadow:0 10px 24px #141c260d}.wechat-sidebar__account-main{text-align:left;cursor:pointer;flex:1;align-items:center;gap:14px;min-width:0;padding:14px 16px;display:flex}.wechat-sidebar__account-logout{cursor:pointer;flex:none;place-items:center;width:48px;height:48px;display:grid}.wechat-sidebar__account-main:hover,.wechat-sidebar__account-logout:hover{box-shadow:var(--shadow-soft);background:#fffffff5;border-color:#2f6f7324;transform:translateY(-1px)}.wechat-sidebar__account-meta{flex:1;min-width:0}.wechat-sidebar__account-meta strong{font-size:17px;font-weight:650;display:block}.wechat-sidebar__account svg{color:#73808c;width:19px;height:19px}.wechat-inline-tabs{background:#ffffffb8;border:1px solid #17212b0d;border-radius:20px;align-self:start;gap:6px;padding:5px;display:inline-flex;box-shadow:inset 0 1px #ffffffb3}.wechat-inline-tabs button{color:var(--text-secondary);background:0 0;border:0;border-radius:16px;padding:11px 18px;font-weight:600;transition:background-color .16s,box-shadow .16s,color .16s}.wechat-inline-tabs button.is-active{color:var(--text-primary);background:#fffffffa;box-shadow:0 10px 22px #141c2614}.contacts-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contacts-tools--single{grid-template-columns:1fr}.contacts-tool-card{text-align:left;background:linear-gradient(#fffffff7,#f8faf8eb);border:1px solid #17212b0f;border-radius:24px;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;position:relative;box-shadow:0 14px 34px #141c260d}.contacts-tool-card:hover,.contacts-tool-card.is-active{box-shadow:var(--shadow-raised);border-color:#2f6f732e;transform:translateY(-1px)}.contacts-tool-card.is-active{background:linear-gradient(#eff7f4fa,#f9fcfbf5)}.contacts-tool-card__main{align-items:center;gap:14px;display:flex}.contacts-tool-card__icon{width:48px;height:48px;color:var(--accent-strong);background:linear-gradient(145deg,#ffffffeb,#e2efebf5);border-radius:18px;place-items:center;display:grid;box-shadow:inset 0 1px #fffc,0 10px 22px #141c2614}.contacts-tool-card__icon--muted{color:#63717f;background:linear-gradient(145deg,#fffffff0,#f1f4f6f5)}.contacts-tool-card__icon svg{width:20px;height:20px}.contacts-tool-card--action{min-height:106px}.contacts-tool-card__copy{gap:4px;display:grid}.contacts-tool-card__copy strong{letter-spacing:-.02em;font-size:18px;line-height:1.2;display:block}.contacts-tool-card__copy span{color:var(--text-secondary);font-size:13px}.contacts-tool-card__badge{background:var(--bg-accent);min-width:26px;color:var(--accent-strong);text-align:center;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700;position:absolute;top:16px;right:16px;box-shadow:0 10px 18px #2f6f731f}.contacts-list-section{gap:12px;min-height:0;display:grid}.contacts-list-section__header,.request-stack__header,.request-stack__label{justify-content:space-between;align-items:center;gap:10px;display:flex}.contacts-list-section__header span,.request-stack__header span,.request-stack__label span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.contacts-list-section__header strong,.request-stack__label strong{color:var(--text-primary);font-size:13px}.add-friend-panel{background:linear-gradient(#fffffffa,#f7faf9f5);border:1px solid #17212b0f;border-radius:24px;padding:18px;transition:transform .16s,box-shadow .16s,border-color .16s;box-shadow:0 16px 36px #141c260d}.add-friend-panel:hover{border-color:#2f6f731f;transform:translateY(-1px);box-shadow:0 20px 40px #141c2614}.add-friend-panel__header{align-items:center;gap:14px;margin-bottom:14px;display:flex}.add-friend-panel__header strong{letter-spacing:-.02em;font-size:20px;display:block}.add-friend-panel__icon{width:46px;height:46px;color:var(--accent-strong);background:linear-gradient(145deg,#ffffffeb,#e2efebf5);border-radius:18px;place-items:center;display:grid;box-shadow:inset 0 1px #fffc,0 10px 22px #141c2614}.add-friend-form{gap:12px;display:grid}.field--compact span{font-size:13px}.panel-empty{border:1px solid var(--border-soft);text-align:center;background:#f8fafc;border-radius:18px;place-items:center;min-height:220px;padding:24px;display:grid}.panel-empty--compact{min-height:140px}.panel-empty strong,.request-card strong{color:var(--text-primary);display:block}.panel-empty span,.request-card p,.request-card small{color:var(--text-secondary);margin:0}.request-stack{gap:14px;display:grid}.request-stack__section{gap:10px;display:grid}.request-card{background:#ffffffe6;border:1px solid #17212b0f;border-radius:22px;justify-content:space-between;align-items:center;gap:16px;padding:16px;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;box-shadow:0 12px 28px #141c260d}.request-card:hover{border-color:#2f6f731f;transform:translateY(-1px);box-shadow:0 18px 34px #141c2614}.request-card__profile{align-items:center;gap:12px;display:flex}.request-card.is-outgoing{background:#eaf3f0d1}.request-card__actions{gap:8px;display:flex}.request-card__actions button,.request-card__status{color:var(--accent-strong);background:#2f6f731f;border:1px solid #0000;border-radius:14px;padding:10px 14px;font-weight:600}.request-card__actions button.is-muted{color:var(--text-secondary);background:#1d22290d}.wechat-room{background:linear-gradient(#ffffff9e,#ffffff7a);flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.wechat-room__header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffa3;border-bottom:1px solid #17212b14;justify-content:space-between;align-items:center;min-height:106px;padding:22px 28px 20px;display:flex}.wechat-room__identity{align-items:center;gap:14px;display:flex}.avatar-trigger{cursor:pointer;background:#ffffff6b;border:1px solid #ffffffb3;border-radius:999px;padding:6px;transition:transform .14s,filter .14s,box-shadow .14s;box-shadow:0 10px 22px #141c260d}.avatar-trigger:hover{filter:brightness(.98);transform:translateY(-1px);box-shadow:0 16px 28px #141c2614}.wechat-room__identity strong{letter-spacing:-.04em;font-size:28px;line-height:1.1;display:block}.wechat-room__identity span{color:var(--text-secondary);margin-top:6px;font-size:14px;display:block}.wechat-room__toolbar{align-items:center;gap:12px;display:flex}.wechat-room__body{flex:1;min-height:0;padding:18px 28px 0;overflow:hidden}.message-feed{overscroll-behavior:contain;background:linear-gradient(#ffffffdb,#faf9f6c7);border:1px solid #17212b0d;border-radius:28px;flex-direction:column;gap:24px;height:100%;min-height:0;padding:22px 18px 28px;display:flex;overflow-y:auto;box-shadow:inset 0 1px #fffc,0 18px 38px #141c260d}.message-feed--empty{color:var(--text-secondary);place-items:center;display:grid}.message-feed__status{color:var(--text-secondary);background:#ffffffe0;border:1px solid #17212b0d;border-radius:999px;align-self:center;padding:9px 14px;font-size:12px;box-shadow:0 10px 20px #141c260a}.message-feed__divider{justify-content:center;align-items:center;margin:8px 0 6px;display:flex}.message-feed__divider span{color:#8e96a3;background:#ffffffe0;border:1px solid #17212b0d;border-radius:999px;padding:6px 12px;font-size:12px}.message-feed__divider--unread{margin:14px 0 8px}.message-feed__divider--unread span{color:#c62e58;background:#d7264d14}.chat-row{width:100%;margin:3px 0;display:flex}.chat-row.is-own{justify-content:flex-end}.chat-bubble{max-width:min(38%,540px);color:var(--text-primary);background:linear-gradient(#fffffff5,#f3f5f7eb);border:1px solid #17212b0d;border-radius:22px;padding:15px 18px 11px;box-shadow:0 14px 28px #141c260d}.chat-bubble.is-own{background:linear-gradient(135deg, var(--accent) 0%, #3e7b74 100%);color:#fff;border-color:#0000;box-shadow:0 16px 34px #2f6f7342}.chat-bubble__content{white-space:pre-wrap;word-break:break-word;font-size:16px;line-height:1.64}.chat-bubble__meta{opacity:.72;justify-content:flex-start;gap:10px;margin-top:8px;font-size:12px;display:flex}.chat-bubble__read-state{color:inherit;opacity:.9}.wechat-room__footer{background:linear-gradient(#fff0 0%,#faf8f4eb 36%);padding:18px 28px 28px}.chat-composer{padding-top:0}.chat-composer__surface{background:linear-gradient(#fffffffa,#f5f6f7f0);border:1px solid #17212b0d;border-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;width:100%;padding:14px 14px 14px 18px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;box-shadow:inset 0 1px #ffffffd1,0 16px 32px #141c260f}.chat-composer__surface:hover{border-color:#2f6f731a;transform:translateY(-1px);box-shadow:inset 0 1px #ffffffe0,0 22px 40px #141c2614}.chat-composer textarea{resize:none;width:100%;min-height:72px;max-height:140px;color:var(--text-primary);background:0 0;border:0;padding:14px 10px 14px 6px}.chat-composer textarea::placeholder{color:#98a4b0}.chat-composer__actions{align-items:center;height:100%;display:flex}.chat-composer__actions button{color:#fff;letter-spacing:.01em;background:linear-gradient(135deg,#15242e 0%,#07101c 100%);border:0;border-radius:22px;min-width:96px;min-height:56px;padding:0 24px;font-weight:700;box-shadow:0 18px 30px #07101c38}.wechat-empty{text-align:center;color:var(--text-secondary);flex:1;place-items:center;display:grid}.wechat-empty__icon{width:72px;height:72px;color:var(--accent-strong);background:linear-gradient(145deg,#fffffff5,#e7efebeb);border-radius:28px;place-items:center;margin:0 auto 18px;display:grid;box-shadow:0 18px 34px #141c2612}.wechat-empty__icon svg{width:34px;height:34px}.wechat-empty strong{color:var(--text-primary);margin-bottom:10px;font-size:24px;display:block}.wechat-empty p{margin:0}.slide-panel-backdrop{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f151c38;justify-content:flex-end;display:flex;position:fixed;inset:0}.slide-panel{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffd1;border:1px solid #ffffff80;border-radius:30px;flex-direction:column;width:min(100%,496px);height:100%;margin:14px 14px 14px 0;display:flex;box-shadow:0 30px 80px #0f172a2e}.dialog-backdrop{z-index:40;background:#090c1257;place-items:center;display:grid;position:fixed;inset:0}.dialog-card{background:#fffffffc;border:1px solid #12182014;border-radius:28px;width:min(100%,460px);box-shadow:0 28px 70px #0f172a29}.dialog-card__header{justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.dialog-card__header strong{font-size:18px;display:block}.dialog-card__header span{color:var(--text-secondary);margin-top:4px;font-size:13px;display:block}.dialog-card__body{padding:8px 20px 12px}.dialog-card__footer{justify-content:flex-end;gap:10px;padding:0 20px 20px;display:flex}.notification-list{gap:10px;display:grid}.notification-card{text-align:left;background:#ffffffeb;border:1px solid #17212b0f;border-radius:20px;width:100%;padding:15px 16px;transition:transform .16s,box-shadow .16s,border-color .16s,background-color .16s;box-shadow:0 10px 24px #141c260d}.notification-card:hover{border-color:#2f6f731f;transform:translateY(-1px);box-shadow:0 16px 32px #141c2614}.notification-card.is-unread{background:#e9f3f0eb;border-color:#2f6f7324}.notification-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.notification-card__head strong{font-size:14px}.notification-card__head span{color:var(--text-secondary);font-size:12px}.notification-card p{color:#5b6570;margin:8px 0 0;font-size:13px;line-height:1.5}.toast-stack{z-index:60;gap:10px;display:grid;position:fixed;bottom:20px;right:20px}.toast-item{color:#fff;border-radius:18px;min-width:220px;max-width:320px;padding:13px 15px;box-shadow:0 22px 40px #0f172a2e}.toast-item--success{background:#138a6a}.toast-item--error{background:#c44536}.toast-item--info{background:#1f2937}.slide-panel__header{border-bottom:1px solid #17212b12;justify-content:space-between;align-items:center;padding:22px 22px 16px;display:flex}.slide-panel__header strong{letter-spacing:-.03em;font-size:20px;display:block}.slide-panel__header span{color:var(--text-secondary);margin-top:4px;font-size:13px;display:block}.slide-panel__actions{padding:12px 18px 0}.slide-panel__body{flex:1;padding:20px 22px 24px;overflow:auto}.stack-sections,.stack-actions{gap:14px;display:grid}.form-error{color:#c44536;margin:0;font-size:13px}.profile-panel{background:#ffffffd1;border:1px solid #17212b0d;border-radius:22px;align-items:center;gap:14px;padding:16px;display:flex}.profile-panel--center{text-align:center;flex-direction:column;justify-content:center}.profile-panel__info strong{letter-spacing:-.02em;font-size:18px;display:block}.profile-panel__info span{color:var(--text-secondary);margin-top:4px;display:block}.avatar-preview{object-fit:cover;background:#f3f4f7;border-radius:24px;width:100px;height:100px;box-shadow:0 16px 28px #141c2614}.avatar-preview--empty{color:var(--text-secondary);place-items:center;display:grid}.group-actions{flex-wrap:wrap;gap:10px;display:flex}.member-list{gap:10px;display:grid}.member-list__item{background:#ffffffdb;border:1px solid #17212b0d;border-radius:20px;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 12px 26px #141c260d}.member-list__meta{flex:1;min-width:0}.member-list__meta strong{display:block}.member-list__meta span{color:var(--text-secondary);margin-top:4px;font-size:13px;display:block}.group-overview-card{background:radial-gradient(circle at 100% 0,#2f6f731f,#0000 32%),linear-gradient(#f8faf9fa,#fffffffa);border:1px solid #17212b0f;border-radius:28px;gap:16px;padding:18px;display:grid;box-shadow:0 18px 40px #141c260f}.group-detail-panel{gap:22px;display:grid}.group-overview-card__hero{background:#ffffffbd;border:1px solid #17212b0d;border-radius:26px;grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:16px 18px;display:grid}.group-overview-card__copy{gap:6px;display:grid}.group-overview-card__copy strong{letter-spacing:-.03em;font-size:22px}.group-overview-card__eyebrow{color:var(--text-secondary);font-size:13px}.group-overview-card__chips{flex-wrap:wrap;gap:8px;display:flex}.group-meta-pill{color:#9a6700;background:#e1a85429;border-radius:999px;align-items:center;padding:7px 11px;font-size:12px;font-weight:600;display:inline-flex}.group-meta-pill--soft{color:var(--accent-strong);background:#2f6f731a}.group-overview-card__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.group-stat-card{background:#ffffffe0;border:1px solid #17212b0d;border-radius:20px;padding:16px 18px;box-shadow:inset 0 1px #ffffffc2}.group-stat-card span{color:var(--text-secondary);font-size:12px;display:block}.group-stat-card strong{color:var(--text-primary);margin-top:8px;font-size:20px;line-height:1.1;display:block}.group-section{gap:16px;display:grid}.group-section__header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.group-section__header strong{color:var(--text-primary);letter-spacing:-.02em;font-size:18px}.group-section__header span{color:var(--text-secondary);font-size:13px}.group-action-panel{background:#ffffffb8;border:1px solid #17212b0d;border-radius:28px;gap:12px;padding:12px;display:grid;box-shadow:0 16px 34px #141c260d}.group-action-panel--compact{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.group-action-row{text-align:left;background:#ffffffe6;border:1px solid #17212b0f;border-radius:22px;padding:18px 20px;transition:transform .14s,border-color .14s,box-shadow .14s;box-shadow:0 14px 28px #141c260d}.group-action-row--compact{min-height:140px;padding:16px 18px}.group-action-row:hover{border-color:#2f6f732e;transform:translateY(-1px);box-shadow:0 18px 32px #141c2614}.group-action-row strong{color:var(--text-primary);font-size:16px;line-height:1.25;display:block}.group-action-row span{color:var(--text-secondary);font-size:13px;line-height:1.45;display:block}.group-action-row--muted{background:#f7f8fae0}.group-action-row--danger{background:#fceceae6;border-color:#c75a542e}.group-action-panel--danger{background:#fff8f7b8;border-color:#c75a5414}.member-list--group{gap:12px}.member-list-card{background:#ffffffb8;border:1px solid #17212b0d;border-radius:26px;padding:12px;box-shadow:0 18px 34px #141c260d}.member-list__item--rich{background:#fffffff0;border:1px solid #17212b0d;min-height:88px;padding:16px 18px}.member-list__meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.member-role-chip{color:#55606c;background:#0f172a0f;border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;line-height:1;display:inline-flex}.member-role-chip.is-owner{color:#9a6700;background:#e1a8542e}.member-role-chip.is-admin{color:var(--accent-strong);background:#0f8b8d1f}.member-list__action{color:var(--danger);background:#c75a541a;border:0;border-radius:14px;flex:none;padding:10px 14px;font-weight:600;box-shadow:inset 0 1px #fff9}.group-section--danger{padding-top:2px}.group-action-row__inner{align-items:center;gap:16px;width:100%;display:flex}.group-action-row--compact .group-action-row__inner{align-items:flex-start;height:100%}.group-action-row__icon{width:48px;height:48px;color:var(--accent-strong);background:linear-gradient(145deg,#fffffff0,#e2efebf5);border-radius:16px;flex:none;display:block;position:relative;overflow:hidden;box-shadow:0 10px 22px #141c260f}.group-action-row__icon--neutral{color:#60707f;background:linear-gradient(145deg,#fffffff0,#f0f3f5f5)}.group-action-row__icon--danger{color:var(--danger);background:linear-gradient(145deg,#fffffff5,#fceceaf5)}.group-action-row__icon svg,.group-action-row__inner>svg:last-child{width:18px;height:18px;display:block}.group-action-row__icon svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.group-action-row__inner>svg:last-child{color:#9aa6b2;flex:none;margin-left:auto}.group-action-row__copy{flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;display:flex}.group-action-row__copy strong{font-size:18px}.group-action-row__copy span{font-size:13px}.group-action-row--compact .group-action-row__copy strong{font-size:16px}.group-action-row--compact .group-action-row__copy span{font-size:12px}.group-action-row__arrow{background:#17212b0a;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.group-action-row--compact .group-action-row__arrow{align-self:flex-end}.group-action-row--danger .group-action-row__copy strong,.group-action-row--danger .group-action-row__copy span,.group-action-row--danger .group-action-row__inner>svg:last-child{color:var(--danger)}.select-list{gap:8px;max-height:260px;display:grid;overflow:auto}.select-list__item{color:var(--text-primary);text-align:left;background:#fff;border:1px solid #12182014;border-radius:14px;padding:11px 14px}.select-list__item.is-active{background:#0f8b8d14;border-color:#0f8b8d66}.select-friend-list{gap:10px;max-height:320px;display:grid;overflow:auto}.select-friend-list__item{width:100%;color:var(--text-primary);text-align:left;background:#fff;border:1px solid #12182014;border-radius:16px;align-items:center;gap:12px;padding:12px 14px;display:flex}.select-friend-list__item.is-active{background:#0f8b8d14;border-color:#0f8b8d66}.select-friend-list__meta{flex:1;min-width:0}.select-friend-list__meta strong{font-size:14px;display:block}.select-friend-list__meta span{color:var(--text-secondary);margin-top:4px;font-size:12px;display:block}.select-friend-list__check{background:#fff;border:1px solid #1218202e;border-radius:999px;flex:none;width:18px;height:18px}.select-friend-list__check.is-active{background:var(--accent);border-color:#0f8b8d66}.group-detail-panel .group-detail-card{background:#fffffff0;border:1px solid #17212b0f;border-radius:24px;gap:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;overflow:hidden;box-shadow:0 18px 36px #141c260d}.group-detail-panel .group-detail-card:hover{border-color:#2f6f731f;transform:translateY(-1px);box-shadow:0 22px 42px #141c2614}.group-detail-panel .group-detail-card__hero{grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:22px 20px;display:grid}.group-detail-panel .group-detail-card__copy{gap:6px;display:grid}.group-detail-panel .group-detail-card__copy strong{letter-spacing:-.03em;font-size:22px}.group-detail-panel .group-detail-card__eyebrow{color:var(--text-secondary);font-size:13px}.group-detail-panel .group-detail-card__tags{flex-wrap:wrap;gap:8px;display:flex}.group-detail-panel .group-detail-tag{color:#5f6d7b;background:#17212b0f;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.group-detail-panel .group-detail-tag--accent{color:#2a9e59;background:#2fcb711f}.group-detail-panel .group-detail-card__stats{border-top:1px solid #17212b0f;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.group-detail-panel .group-detail-card__stat{padding:18px 20px 20px}.group-detail-panel .group-detail-card__stat+.group-detail-card__stat{border-left:1px solid #17212b0f}.group-detail-panel .group-detail-card__stat span{color:var(--text-secondary);font-size:12px;display:block}.group-detail-panel .group-detail-card__stat strong{color:var(--text-primary);margin-top:10px;font-size:20px;display:block}.group-detail-panel .group-detail-block{gap:14px;display:grid}.group-detail-panel .group-detail-block__header{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.group-detail-panel .group-detail-block__header strong{color:var(--text-primary);letter-spacing:-.02em;font-size:18px}.group-detail-panel .group-detail-block__header span{color:var(--text-secondary);font-size:13px}.group-detail-panel .group-detail-list{background:#fffffff0;border:1px solid #17212b0f;border-radius:22px;display:grid;overflow:hidden;box-shadow:0 16px 32px #141c260d}.group-detail-panel .group-detail-list__item{text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;width:100%;padding:18px;transition:background-color .16s,transform .16s;display:grid}.group-detail-panel .group-detail-list__item:hover{background:#f7fafae0;transform:translateY(-1px)}.group-detail-panel .group-detail-list__item+.group-detail-list__item{border-top:1px solid #17212b0f}.group-detail-panel .group-detail-list__icon{width:40px;height:40px;color:var(--accent-strong);background:linear-gradient(145deg,#fffffff0,#e2efebf5);border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.group-detail-panel .group-detail-list__icon--neutral{color:#60707f;background:linear-gradient(145deg,#fffffff0,#f0f3f5f5)}.group-detail-panel .group-detail-list__icon--danger{color:var(--danger);background:linear-gradient(145deg,#fffffff5,#fceceaf5)}.group-detail-panel .group-detail-list__icon svg,.group-detail-panel .group-detail-list__item>svg:last-child{width:18px;height:18px}.group-detail-panel .group-detail-list__copy{gap:4px;display:grid}.group-detail-panel .group-detail-list__copy strong{font-size:17px}.group-detail-panel .group-detail-list__copy span{color:var(--text-secondary);font-size:13px}.group-detail-panel .group-detail-list__item>svg:last-child{color:#95a2af}.group-detail-panel .group-detail-list--danger{background:#fff7f6f0;border-color:#c75a541f}.group-detail-panel .group-detail-list__item--neutral{background:#f7f8fa8a}.group-detail-panel .group-detail-list__item--danger .group-detail-list__copy strong,.group-detail-panel .group-detail-list__item--danger .group-detail-list__copy span{color:var(--danger)}.group-detail-panel .group-member-card{background:#fffffff0;border:1px solid #17212b0f;border-radius:22px;overflow:hidden;box-shadow:0 16px 32px #141c260d}.group-detail-panel .group-member-card__row{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px;transition:background-color .16s,transform .16s;display:grid}.group-detail-panel .group-member-card__row:hover{background:#f7fafab8;transform:translateY(-1px)}.group-detail-panel .group-member-card__row--bordered{border-bottom:1px solid #17212b0f}.group-detail-panel .group-member-card__meta{min-width:0}.group-detail-panel .group-member-card__meta strong{font-size:16px;display:block}.group-detail-panel .group-member-card__subline{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.group-detail-panel .group-member-card__subline span:last-child{color:var(--text-secondary);font-size:13px}.group-detail-panel .group-member-card__action{color:var(--danger);background:#c75a5414;border:1px solid #c75a541f;border-radius:12px;flex:none;padding:9px 14px;font-weight:600}@media (width<=980px){.auth-card{padding:28px 22px 24px}.wechat-shell{grid-template-columns:1fr}.wechat-sidebar{border-bottom:1px solid #12182014;border-right:0;min-height:auto}.wechat-room{min-height:70vh}.chat-bubble{max-width:80%}.contacts-tools,.group-stat-grid,.group-action-grid,.group-action-panel--compact,.chat-composer__surface{grid-template-columns:1fr}.chat-composer__actions{justify-content:flex-end}}