:root{--primary:#6958d8;--primary-dark:#5544c2;--ink:#262639;--muted:#8a8b9c;--line:#eaebf2;--paper:#f7f8fc;--font:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--paper);margin:0;font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;transition:background .15s,transform .15s}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #beb5ff}button{background:0 0;border:0}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dedfe9;border-radius:10px;outline:none;padding:12px 13px}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6958d814}input::placeholder,textarea::placeholder{color:#a1a1b1}textarea{resize:vertical}h1,h2,h3,h4,p{margin:0}label{font-size:13px;font-weight:500;display:block}label input,label textarea,label select{margin-top:8px;margin-bottom:19px;display:block}strong{font-weight:600}.app{height:100dvh;min-height:500px;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;flex:0 0 254px;padding:30px 18px 0;display:flex}.brand{color:#333049;letter-spacing:1px;align-items:center;gap:11px;padding:0 12px;font-size:24px;font-weight:800;display:flex}.brand-symbol{background:var(--primary);color:#fff;border-radius:14px;justify-content:center;align-items:center;width:43px;height:43px;display:flex;box-shadow:0 5px 13px #6958d821}.brand small{letter-spacing:3.2px;color:#9b94bc;font-size:8px;font-weight:600;line-height:15px;display:block}.workspace-label{color:#a0a0b1;justify-content:space-between;margin:33px 12px 15px;font-size:11px;display:flex}.workspace-label span{letter-spacing:1px;font-size:8px}.side-actions{padding:0 8px}.primary{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 3px 5px #6958d80d}.primary:hover:not(:disabled){background:var(--primary-dark)}.primary.full{width:100%;min-height:45px;margin-top:5px}.side-actions .primary{width:100%}.join-button{color:#727086;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 0;font-size:12px;display:flex}.join-button:hover{color:var(--primary)}.section-title{color:#9696a6;letter-spacing:1px;justify-content:space-between;align-items:center;margin:25px 12px 13px;font-size:11px;display:flex}.section-title span{background:#f1f1f8;border-radius:4px;padding:1px 5px;font-size:10px}.room-list{flex:1;min-height:80px;overflow:auto}.room-item{text-align:left;border-radius:11px;align-items:center;gap:11px;width:100%;margin:3px 0;padding:12px 10px;display:flex}.room-item:hover{background:#f7f6fb}.room-item.active{background:#eeebfc}.room-item>span:nth-child(2){flex:1;min-width:0}.room-item strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.room-item small{color:#9290a8;margin-top:5px;font-size:10px;display:block}.room-item.active strong{color:var(--primary-dark)}.room-item i{background:var(--primary);border-radius:50%;width:5px;height:5px}.avatar{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;display:flex}.avatar.small{border-radius:11px;width:33px;height:33px;font-size:13px}.violet{color:#7b62c6;background:#eae4fd}.mint{color:#45977f;background:#dff2eb}.peach{color:#c7835c;background:#ffeadf}.blue{color:#5b87bc;background:#dfeaf9}.side-empty{text-align:center;color:#a5a4b3;padding:30px 0;font-size:12px;line-height:2.2}.side-note{color:#aaa0d3;background:#f8f7fc;border-radius:10px;align-items:flex-start;gap:8px;margin:18px 7px 8px;padding:14px 10px;display:flex}.side-note p{color:#858097;font-size:10px;line-height:1.7}.side-note small{color:#b1aabd;margin-top:3px;font-size:9px;display:block}.help-link{color:#8d8b9f;align-items:center;gap:8px;margin:8px 13px 20px;font-size:11px;display:flex}.help-link svg:last-child{margin-left:auto}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding:19px 8px;display:flex}.profile>span:nth-child(2){flex:1;min-width:0}.profile strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;display:block;overflow:hidden}.profile small{color:#9d9aaf;margin-top:5px;font-size:9px;display:block}.icon-button{color:#8c899e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--primary);background:#f0edf9}.main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.topbar{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:91px;padding:0 33px;display:flex}.room-heading{align-items:center;gap:13px;min-width:0;display:flex}.header-icon{color:var(--primary);background:#f1eefb;border:1px solid #ebe7fa;border-radius:14px;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.room-heading h1{white-space:nowrap;text-overflow:ellipsis;max-width:35vw;font-size:16px;font-weight:600;overflow:hidden}.room-heading p{color:#a0a0af;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:44vw;margin-top:6px;font-size:10px;display:flex;overflow:hidden}.status-dot{background:#67bba2;border-radius:50%;width:5px;height:5px;display:inline-block}.status-dot.warning{background:#eab974}.header-actions{align-items:center;gap:14px;display:flex}.subtle{color:#77738e;border-radius:8px;align-items:center;gap:7px;padding:10px;font-size:12px;display:inline-flex}.subtle:hover{background:#eeebf9}.compact{border-radius:9px;padding:10px 14px;font-size:11px}.mobile{display:none}.welcome{grid-template-columns:1fr 360px;align-items:center;gap:4vw;width:min(1050px,92%);margin:auto;padding:35px 12px;display:grid;overflow:auto}.eyebrow{color:#8a7bb5;letter-spacing:1px;align-items:center;gap:7px;font-size:11px;display:flex}.eyebrow>span{background:#a895df;border-radius:50%;width:6px;height:6px}.welcome-story h2{letter-spacing:1px;margin:20px 0 17px;font-size:clamp(32px,3.4vw,52px);font-weight:700;line-height:1.5}.welcome-story h2 span{color:var(--primary)}.welcome-story>p{color:#8d8a9e;font-size:13px;line-height:2.1}.story-art{max-width:410px;height:210px;margin-top:18px;position:relative}.art-orbit{outline-offset:-8px;background:radial-gradient(circle,#e7e0fa,#0000 70%);border-radius:50%;outline:1px dashed #ded6ef;width:175px;height:175px;position:absolute;top:12px;left:80px}.art-chat{color:#9283b5;background:#fff;border:1px solid #ece7f8;border-radius:16px;align-items:center;gap:16px;padding:17px 21px;font-size:13px;display:flex;position:absolute;box-shadow:0 10px 25px #8c7cba0d}.art-chat.a{top:25px;left:12px;transform:rotate(-6deg)}.art-chat.b{color:#7e68b8;white-space:nowrap;background:#ebe5fa;top:105px;left:80px;transform:rotate(4deg)}.art-badge{color:#a69ab8;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:0;left:24px}.art-dot{background:#e4bda4;border-radius:50%;position:absolute}.art-dot.d1{width:9px;height:9px;top:46px;left:310px}.art-dot.d2{background:#afcfc2;width:6px;height:6px;top:136px;left:36px}.feature-row{color:#a09aaf;flex-wrap:wrap;gap:20px;margin-top:27px;font-size:10px;display:flex}.feature-row span{align-items:center;gap:5px;display:flex}.account-card{background:#fff;border:1px solid #e8e6f0;border-radius:20px;padding:28px 28px 22px;box-shadow:0 15px 50px #54456f07}.account-tabs{border-bottom:1px solid var(--line);gap:23px;margin-bottom:25px;display:flex}.account-tabs button{color:#aaa5b8;padding:0 0 12px;font-size:12px}.account-tabs button.active{color:var(--primary);border-bottom:2px solid var(--primary);font-weight:600}.account-card h3{margin-bottom:8px;font-size:21px}.account-card>p{color:#a09aaf;margin-bottom:25px;font-size:11px;line-height:1.8}.account-card label{font-size:11px}.account-card input{padding:12px;font-size:12px}.account-card label input{margin-bottom:16px}.account-card .account-foot{color:#a5a0b2;justify-content:center;align-items:center;gap:5px;margin:18px 0 0;font-size:10px;display:flex}.empty-home{text-align:center;max-width:680px;margin:auto;padding:30px}.empty-symbol{color:#a58bd7;background:#ece7f8;border-radius:29px;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto 28px;display:inline-flex;transform:rotate(-6deg)}.empty-home .eyebrow{justify-content:center;margin-bottom:15px}.empty-home h2{font-size:33px;font-weight:600;line-height:1.6}.empty-home>p{color:#a09aaa;margin:17px 0 28px;font-size:12px;line-height:1.9}.empty-home>div{justify-content:center;gap:12px;display:flex}.outlined{background:#fff;border:1px solid #ddd7ec;padding:12px 17px}.empty-features{color:#aaa2b5;margin-top:60px;font-size:10px;gap:35px!important}.empty-features span{align-items:center;gap:6px;display:flex}.empty-features svg{width:16px}.loading{color:#a094b9;flex:1;justify-content:center;align-items:center;gap:9px;min-height:200px;font-size:13px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{color:#b56a5a;z-index:3;background:#fff0ed;border-bottom:1px solid #f4d7cf;justify-content:space-between;align-items:center;padding:8px 24px;font-size:12px;display:flex}.announcement{color:#a38b59;background:#fdfbf5;border-bottom:1px solid #f0ece2;align-items:center;gap:9px;padding:12px 30px;font-size:11px;display:flex}.announcement strong{white-space:nowrap;font-size:10px}.announcement p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:90px;line-height:1.7;overflow:auto}.announcement svg{flex-shrink:0}.messages{scrollbar-width:thin;scrollbar-color:#dfdbea transparent;flex:1;min-height:0;padding:0 34px 24px;overflow:auto}.day-divider{color:#aaa5b8;justify-content:center;align-items:center;gap:15px;margin:28px auto;font-size:10px;display:flex}.day-divider:before,.day-divider:after{content:"";background:#e5e1ee;width:40px;height:1px}.message{align-items:flex-start;gap:12px;margin:20px 0;display:flex}.message>.avatar{border-radius:11px;width:35px;height:35px;font-size:13px}.message-content{max-width:min(70%,600px)}.message-meta{color:#8d859e;align-items:center;gap:8px;margin:0 0 7px;font-size:10px;display:flex}.message-meta strong{color:#777086;font-size:11px}.message-meta time{color:#b4aebe;font-size:9px}.owner-tag{color:#9e83c3;background:#eee6f6;border:1px solid #e7dff0;border-radius:4px;padding:1px 4px;font-size:8px}.bubble{text-align:left;background:#fff;border:1px solid #e9e5ef;border-radius:2px 13px 13px;max-width:100%;padding:12px 15px;font-size:13px;line-height:1.85;display:inline-block;box-shadow:0 2px 2px #55456f02}.bubble p{white-space:pre-wrap;overflow-wrap:anywhere}.message.own{flex-direction:row-reverse}.own .message-content{text-align:right}.own .message-meta{justify-content:flex-end}.own .bubble{color:#5b4e86;background:#ece7fc;border-color:#e4dcf7;border-radius:13px 2px 13px 13px}.with-image{padding:5px}.with-image p{padding:7px 10px}.image-message{text-align:left;padding:0;display:block}.image-message img{object-fit:contain;border-radius:9px;width:auto;min-width:50px;max-width:100%;max-height:320px;display:block}.chat-empty{color:#9f95b0;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 0;display:flex}.chat-empty .empty-symbol{width:72px;height:72px;margin-bottom:22px}.chat-empty h3{color:#8e819f;font-size:16px;font-weight:500}.chat-empty p{margin:10px 0 18px;font-size:11px}.text-button{color:var(--primary);align-items:center;gap:6px;padding:4px 0;font-size:11px;display:inline-flex}.text-button:hover{text-decoration:underline}.history-button{color:#a795bc;background:#efebf6;border-radius:20px;margin:20px auto 0;padding:7px 15px;font-size:10px;display:block}.composer-wrap{background:var(--paper);flex-shrink:0;padding:0 30px 14px}.composer{background:#fff;border:1px solid #dfdbe9;border-radius:13px;overflow:hidden;box-shadow:0 3px 8px #6958d804}.composer:focus-within{border-color:#b8a8e6;box-shadow:0 0 0 3px #6958d808}.composer textarea{resize:none;height:72px;min-height:52px;max-height:170px;box-shadow:none;background:0 0;border:none;border-radius:13px;padding:17px 18px 0;font-size:13px;line-height:1.7}.composer-tools{justify-content:space-between;align-items:center;padding:5px 10px 10px;display:flex}.composer-tools>div{align-items:center;display:flex}.keyboard-tip{color:#b9b2c4;margin-left:9px;font-size:9px}.send-button{border-radius:8px;padding:9px 15px;font-size:11px}.composer-caption{color:#b1a8be;justify-content:center;align-items:center;gap:5px;margin:9px 3px 0;font-size:9px;display:flex;position:relative}.composer-caption span{position:absolute;right:0}.muted .composer{background:#efedf4}.mute-notice{color:#b29159;align-items:center;gap:7px;padding:10px 0;font-size:11px;display:flex}.file-preview{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;width:max-content;max-width:100%;margin-bottom:8px;padding:8px 12px;display:flex}.file-preview img{object-fit:cover;border-radius:6px;width:44px;height:44px}.file-preview>span{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:10px;overflow:hidden}.file-preview small{color:#aaa;margin-top:5px;font-size:9px;display:block}.members-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;flex-shrink:0;width:282px;display:flex}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:91px;padding:0 19px;display:flex}.panel-title h2{font-size:14px;font-weight:500}.panel-title h2 span{color:#9992aa;margin-left:4px;font-size:10px}.admin-card{background:#f8f6fd;border:1px solid #ece7f6;border-radius:12px;margin:23px 19px 8px;padding:16px}.admin-card>span{color:#917bb7;align-items:center;gap:6px;font-size:12px;display:flex}.admin-card>p{color:#aea1bf;margin-top:8px;font-size:10px}.toggle-row{text-align:left;color:#8e819f;border-top:1px solid #e9e2f3;border-bottom:1px solid #e9e2f3;justify-content:space-between;align-items:center;width:100%;margin:17px 0;padding:12px 0;font-size:11px;display:flex}.toggle-row small{color:#b5a8c4;margin-top:5px;font-size:9px;display:block}.toggle-row i{background:#d9d3e6;border-radius:12px;width:30px;height:17px;position:relative}.toggle-row i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0001}.toggle-row.on i{background:var(--primary)}.toggle-row.on i:after{transform:translate(13px)}.member-label{color:#aaa0b6;margin:20px 21px 10px;font-size:10px}.member-list{flex:1;padding:0 19px;overflow:auto}.member{align-items:center;gap:9px;padding:12px 0;display:flex}.member>div{flex:1;min-width:0}.member strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;display:block;overflow:hidden}.member strong small{color:#b0a7bb;font-size:9px}.member p{color:#a69aaf;margin-top:5px;font-size:9px}.mute-button{color:#ac91bc;background:#f7f3fa;border-radius:5px;padding:5px 8px;font-size:9px}.mute-button.unmute{color:#73a58b;background:#eaf5ef}.member-bottom{border-top:1px solid var(--line);color:#b1a5be;justify-content:center;align-items:center;gap:7px;padding:22px;font-size:9px;display:flex}.search{color:#ac9dbb;border:1px solid #e7e2ef;border-radius:9px;align-items:center;margin:0 8px 10px;padding:0 9px;display:flex}.search input{box-shadow:none;border:0;margin:0;padding:9px;font-size:11px}.toast{z-index:70;color:#fff;white-space:nowrap;background:#625674;border:1px solid #756487;border-radius:11px;align-items:center;gap:8px;padding:12px 20px;font-size:12px;display:flex;position:fixed;bottom:35px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #3020402a}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#29233f52;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border:1px solid #f3eef7;border-radius:20px;width:440px;max-width:100%;max-height:90dvh;padding:25px 28px;overflow:auto;box-shadow:0 25px 80px #28203e30}.dialog-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.dialog-title h2{font-size:19px;font-weight:600}.dialog-intro{color:#a495ad;margin-bottom:23px;font-size:12px;line-height:1.9}.dialog label{color:#8a7799;font-size:12px}.dialog input,.dialog select,.dialog textarea{font-size:13px}.invite-code{text-align:center;background:#f7f3fc;border:1px dashed #d8cce9;border-radius:12px;margin-bottom:22px;padding:22px 8px}.invite-code small{color:#b09fc0;font-size:10px;display:block}.invite-code strong{color:#80639f;letter-spacing:2px;margin:14px 0;font-family:ui-monospace,monospace;font-size:23px;display:block}.invite-code>span{color:#b5a5c4;font-size:10px}.invite-reset{border-top:1px solid #eee7f4;margin-top:24px;padding-top:18px}.invite-reset p{color:#af9fbb;margin-bottom:10px;font-size:10px;line-height:1.9}.muted-text{margin:10px 0;line-height:1.8;color:#b0a2bc!important;font-size:10px!important}.help-content p{color:#9b8ba9;margin:8px 0 14px;font-size:12px;line-height:1.9}.help-content h4{color:#867292;margin-top:20px;font-size:13px}.lightbox{z-index:80;background:#17111eea;justify-content:center;align-items:center;padding:50px 20px;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;max-width:100%;max-height:100%}.lightbox>.icon-button{color:#fff;background:#fff1;position:absolute;top:20px;right:20px}.sidebar-backdrop{display:none}@media (width>=1600px){.sidebar{flex-basis:280px}.messages,.composer-wrap{padding-left:6%;padding-right:6%}.welcome{gap:80px}.members-panel{width:310px}}@media (width<=1200px){.welcome{grid-template-columns:1fr 330px;gap:25px;width:96%}.welcome-story h2{font-size:34px}.welcome-story{padding-left:10px}.story-art{transform-origin:0;height:185px;transform:scale(.85)}.feature-row{gap:10px;font-size:9px}.sidebar{flex-basis:225px;padding-left:12px;padding-right:12px}.members-panel{z-index:20;height:100%;position:absolute;top:0;right:0;box-shadow:-15px 0 50px #3a285a13}.topbar{padding:0 23px}.header-actions{gap:5px}}@media (width<=960px){.welcome{grid-template-columns:1fr;max-width:470px;padding:25px}.welcome-story{display:none}.account-card{box-shadow:none}.room-heading h1{max-width:32vw}.header-icon{display:none}.empty-home h2{font-size:29px}.keyboard-tip{display:none}}@media (width<=768px){.app{min-height:0}.sidebar{z-index:31;width:276px;padding-top:25px;display:none;position:fixed;inset:0 auto 0 0}.sidebar-open .sidebar{display:flex}.sidebar-backdrop{z-index:30;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2c233d60;display:block;position:fixed;inset:0}.mobile{display:inline-flex}.topbar{gap:6px;height:72px;padding:0 12px}.room-heading{flex:1}.room-heading h1{max-width:42vw;font-size:15px}.room-heading p{max-width:45vw;font-size:9px}.header-actions{gap:2px}.header-actions>.icon-button{display:none}.header-actions .subtle{padding:8px}.header-actions .primary{padding:9px}.header-actions .primary span,.header-actions .subtle span{display:none}.welcome{width:100%;max-width:440px;margin:auto;padding:23px}.account-card{border-radius:16px;padding:25px 23px}.account-card h3{font-size:23px}.account-card input{min-height:45px;font-size:16px}.account-card .primary{height:47px}.account-tabs button{font-size:13px}.empty-home{padding:25px 22px}.empty-home h2{font-size:29px}.empty-home>p{max-width:280px;margin:17px auto 25px}.empty-home .primary,.empty-home .subtle{padding:13px;font-size:12px}.empty-features{margin-top:40px;gap:18px!important}.messages{padding:0 15px 15px}.message{gap:8px}.message-content{max-width:77%}.message>.avatar{border-radius:10px;width:31px;height:31px}.bubble{padding:10px 13px;font-size:14px}.with-image{padding:5px}.image-message img{max-height:270px}.composer-wrap{padding:0 11px max(8px,env(safe-area-inset-bottom))}.composer textarea{height:66px;padding:12px 12px 0;font-size:16px}.composer-tools{padding:3px 6px 7px}.send-button{padding:9px 13px;font-size:12px}.composer-caption{margin:7px 2px 0;font-size:8px}.announcement{gap:6px;padding:10px 15px}.announcement strong{font-size:9px}.announcement p{font-size:10px}.members-panel{z-index:32;width:min(100%,345px)}.panel-title{height:72px}.dialog{border-radius:16px;padding:22px}.dialog-title h2{font-size:18px}.dialog input,.dialog select,.dialog textarea{font-size:16px}.modal-backdrop{padding:18px}.error-banner{padding:7px 13px;font-size:11px}.invite-code strong{font-size:21px}.mute-notice{font-size:10px;line-height:1.6}.toast{max-width:92%;font-size:11px;bottom:24px}.day-divider{margin:22px auto}.file-preview>span{max-width:150px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.dialog-error{color:#b56a5a;background:#fff0ed;border-radius:8px;margin-bottom:18px;padding:10px 12px;font-size:12px;line-height:1.8}