:root{color-scheme:light;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif;--surface: #f7f8fb;--surface-raised: #ffffff;--surface-soft: #f0f2f7;--surface-strong: #e6e9f0;--text: #1b1d24;--text-muted: #727782;--line: rgb(31 35 48 / 12%);--primary: #456fbe;--primary-soft: #e9f0ff;--danger: #b54343;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizeLegibility}html.theme-dark{color-scheme:dark;--surface: #101114;--surface-raised: #181a1f;--surface-soft: #20232a;--surface-strong: #2b2f38;--text: #f2f3f5;--text-muted: #a4a8b1;--line: rgb(255 255 255 / 12%);--primary: #91b7ff;--primary-soft: #1b2b48;--danger: #ff9b94}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}.message-scroll.uncle-huang-background{background-image:linear-gradient(color-mix(in srgb,var(--surface) 88%,transparent),color-mix(in srgb,var(--surface) 88%,transparent)),url(/assets/general/group.webp);background-position:center;background-size:cover;background-repeat:no-repeat;background-attachment:local}.chat-panel.sticker-panel-open{grid-template-rows:64px minmax(0,1fr) auto auto}.bubble.has-sticker{padding:0!important;overflow:visible!important;background:transparent!important;box-shadow:none!important}.message-sticker{display:block;width:158px;height:158px;object-fit:contain}.quoted-message-sticker,.quote-preview-sticker{display:block;width:64px;height:64px;object-fit:contain}.sticker-missing{display:grid;place-items:center;width:46px;height:46px;border:1px solid var(--line);border-radius:9px;color:var(--text-muted);font-size:1.4rem}.sticker-missing-message{width:150px;height:150px;background:var(--surface-soft)}.composer-row>button.sticker-picker-toggle{border:1px solid var(--line);background:var(--surface);color:var(--text-muted)}.sticker-picker-toggle svg{width:23px;height:23px;fill:none;stroke:currentcolor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.composer-row>button.sticker-picker-toggle.active,.composer-row>button.sticker-picker-toggle:hover:not(:disabled),.composer-row>button.sticker-picker-toggle:focus-visible{border-color:var(--text-muted);background:var(--surface-soft);color:var(--text)}.sticker-picker{display:flex;min-height:0;max-height:min(540px,60dvh);flex-direction:column;overflow:hidden;border-top:1px solid var(--line);background:var(--surface-raised)}.sticker-picker-header{display:flex;min-height:50px;flex:0 0 auto;align-items:center;padding:6px clamp(14px,3vw,36px);border-bottom:1px solid var(--line)}.sticker-pack-tabs{display:flex;min-width:0;gap:6px;overflow-x:auto}.sticker-pack-button{display:grid;width:44px;height:44px;flex:0 0 auto;padding:2px;place-items:center;overflow:hidden;border:2px solid transparent;border-radius:11px;background:transparent;cursor:pointer}.sticker-pack-button img{display:block;width:38px;height:38px;object-fit:contain}.sticker-pack-button:hover,.sticker-pack-button:focus-visible{background:var(--surface-soft)}.sticker-pack-button.active{border-color:var(--text-muted);background:var(--surface-soft)}.sticker-picker-close{display:grid;width:38px;height:38px;margin-left:auto;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-muted);font-size:1.45rem;cursor:pointer}.sticker-picker-close:hover,.sticker-picker-close:focus-visible{background:var(--surface-soft);color:var(--text)}.sticker-grid{display:grid;min-height:0;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;padding:12px clamp(14px,3vw,36px);overflow-y:auto}.sticker-grid button{display:grid;position:relative;min-width:0;aspect-ratio:1;padding:6px;place-items:center;border:2px solid transparent;border-radius:14px;background:transparent;cursor:pointer}.sticker-grid button:hover,.sticker-grid button:focus-visible{background:var(--surface-soft)}.sticker-grid button.selected{border-color:var(--text-muted);background:var(--surface-soft)}.sticker-grid img{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:768px){.sticker-picker{max-height:min(320px,42dvh)}.sticker-picker-header{min-height:48px;padding-inline:10px}.sticker-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:8px}.sticker-grid button{padding:4px;border-radius:12px}.message-sticker{width:152px;height:152px}}.message-mention{color:var(--primary);font-weight:700}.composer-input-shell{position:relative;flex:1;min-width:0;overflow:hidden;border-radius:19px;background:var(--surface)}.composer-input-mirror{position:absolute;inset:1px;box-sizing:border-box;overflow:hidden;padding:10px 14px;color:var(--text);line-height:1.35;overflow-wrap:anywhere;pointer-events:none;white-space:pre-wrap}.composer textarea{-webkit-text-fill-color:transparent}.composer-input-shell.composing .composer-input-mirror{visibility:hidden}.composer-input-shell.composing textarea{color:var(--text);-webkit-text-fill-color:var(--text)}.composer-mention{color:var(--primary)}.composer textarea::placeholder{color:var(--text-muted);-webkit-text-fill-color:var(--text-muted);opacity:1}.mention-menu{position:absolute;z-index:8;bottom:calc(100% - 5px);left:clamp(14px,3vw,36px);display:grid;min-width:210px;max-width:calc(100% - 28px);padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface-raised);box-shadow:0 10px 30px #00000029}.mention-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--text);text-align:left;cursor:pointer}.mention-menu button:hover,.mention-menu button.active{background:var(--primary-soft)}.mention-menu button>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;background:var(--surface-strong);color:var(--primary);font-size:.75rem;font-weight:700}.mention-menu strong{font-size:.86rem}.scroll-to-latest{position:absolute;z-index:6;left:50%;bottom:82px;display:grid;place-items:center;width:38px;height:38px;padding:0;transform:translate(-50%);border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--surface-raised) 94%,transparent);color:var(--text-muted);box-shadow:0 4px 14px #00000024;cursor:pointer}.scroll-to-latest:hover,.scroll-to-latest:focus-visible{color:var(--primary);border-color:var(--primary)}.scroll-to-latest.without-composer{bottom:18px}.scroll-to-latest svg{width:23px;height:23px;fill:none;stroke:currentcolor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:768px){.scroll-to-latest{bottom:80px;width:40px;height:40px}.composer-input-shell{border-radius:21px}.composer-input-mirror{padding:12px 15px;font-size:1rem}}button,input{font:inherit}button{color:inherit}::selection{background:#8e77ff61}