:root{--ink:#202634;--muted:#8d95a5;--line:#edf0f6;--green:#6758ed;--paper:#fff;--shadow:0 12px 40px #30345b0a}
@media(min-width:701px){.app-shell.page-view{grid-template-columns:92px 1fr}.page-view .sidebar{display:none}}
.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}.section-heading h3{font-size:17px}.section-heading span{color:#969daf;font-size:12px}.album-intro{padding:56px 24px;text-align:center;background:linear-gradient(135deg,#f0eaff,#eaf3ff);border-radius:24px}.album-intro h2{margin:20px 0 10px}.album-intro p{color:#8990a3;margin-bottom:25px}.album-intro-icon{display:grid;place-items:center;width:82px;height:82px;border-radius:26px;background:#ffffffb8;color:#8e78e7;margin:auto}.album-intro-icon svg{width:38px;height:38px}.album-empty{grid-column:1/-1;color:#9299aa;line-height:1.8}.album-cover{position:relative;overflow:hidden}.album-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.album-cover small{z-index:1;background:#fff9;padding:4px 10px;border-radius:8px}.album-info b{overflow-wrap:anywhere}.settings-list{padding:4px 22px!important}.setting-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:21px 0;border:0;border-bottom:1px solid #f0f1f7;background:transparent;text-align:left;color:#454b61;font-size:15px}.setting-row:last-child{border:0}.setting-row small{display:block;color:#9ca3b4;margin-top:7px;font-size:12px}.setting-row>span:last-child{color:#babdca;font-size:23px}.setting-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.page-title{gap:16px;flex-wrap:wrap}.page-title .actions{flex-wrap:wrap}.brand span{font-size:9px;letter-spacing:0}
.btn.primary:hover{background:#6550db;border-color:#6550db}.room-item:nth-child(2n+1) .avatar{background:linear-gradient(135deg,#d9d2ff,#f1dbf5);color:#7860bd}
.profile-person{display:grid!important;grid-template-columns:76px minmax(0,1fr);gap:16px!important}.profile-person>div{min-width:0}.profile-person h2{overflow-wrap:anywhere;font-size:22px}.profile-person>.btn{grid-row:2;justify-self:stretch}.profile-person>#edit-profile{grid-column:1}.profile-person>#edit-avatar{grid-column:2;justify-self:start}
body{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;background:#f6f7fb;color:#222837;font-size:14px;letter-spacing:0}
button,input,textarea,select{font-family:inherit}button{transition:background .15s,transform .15s}button:active{transform:scale(.98)}
h1,h2,h3{font-family:inherit;letter-spacing:-.4px;color:#202534}input,textarea,select{border-radius:12px;border:1px solid #e8ebf2;background:#f8f9fc;color:#242a3a;font-size:14px;padding:12px 14px}input:focus,textarea:focus,select:focus{outline:2px solid #a397ff50;border-color:#9b8bf4}
.btn{border-radius:12px;border:1px solid #e6e9f2;background:#fff;color:#4c5264;font-size:13px;font-weight:600;padding:11px 18px}.btn.primary{background:#7059ed;border-color:#7059ed;color:#fff;box-shadow:0 4px 12px #7059ed20}.text-btn{color:#7860d7}.icon-btn{color:#7c8398;border-radius:12px}.icon-btn:hover{background:#f0edff;color:#7059ed}
.app-shell{grid-template-columns:92px 310px 1fr;background:#fff}.rail{background:#f7f8fc;border:0;padding-top:28px}.rail>.brand{margin-bottom:36px}.brand{color:#292f41;font-weight:750}.brand img{border-radius:14px}.rail-btn{color:#979dae;margin:5px 0;border-radius:18px;font-size:11px;padding:15px 0}.rail-btn .icon{width:23px;height:23px}.rail-btn.active{background:#ece8fe;color:#7059ed}.rail-bottom{padding-bottom:16px}
.sidebar{background:#fff;border-right:1px solid #edf0f6;padding:32px 18px 20px}.side-heading{padding:0 10px}.side-heading h2{font-size:25px;font-weight:750}.side-label{font-size:11px;color:#a0a6b6;margin:26px 12px 12px;letter-spacing:1px}.side-footer{color:#c1c5d0}.room-item{padding:15px 12px;gap:14px;border-radius:16px;margin:4px 0}.room-item.selected{background:#f1edff}.room-item:hover{background:#f7f5ff}.room-copy b{font-size:14px;font-weight:650;color:#33364a}.room-copy p{font-size:11px;color:#a3a8b8;margin-top:7px}.avatar{height:46px;width:46px;border-radius:16px;background:linear-gradient(135deg,#d9d2ff,#f1dbf5);color:#7860bd;font-family:inherit;font-size:19px;font-weight:650;overflow:hidden;flex-shrink:0}.room-item:nth-child(2n) .avatar{background:linear-gradient(135deg,#c5e8ed,#dbeaf8);color:#548595}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.large{width:76px;height:76px;border-radius:25px;font-size:28px}
.main-pane{background:#f6f7fb}.main-header{background:#ffffffed;border-bottom:1px solid #edf0f6;padding:22px 32px;min-height:91px}.header-person h3{font-size:17px;font-weight:700}.header-person p{font-size:11px;color:#a2a8b7}.header-actions{gap:10px}.welcome{background:radial-gradient(ellipse at 50% 45%,#ebe7ff70,transparent 60%);gap:15px}.welcome-logo{background:#fff;border:0;box-shadow:0 12px 36px #6d59c21a;border-radius:28px}.welcome h1{font-size:32px;font-weight:750;margin-top:20px}.welcome p{color:#a0a4b5;font-size:14px}.chat-stream{padding:24px 32px;background:#f6f7fb}.message{gap:12px;margin-bottom:23px}.message .avatar{width:37px;height:37px;border-radius:13px;font-size:15px}.message-meta{color:#a5abbb;font-size:10px;margin-bottom:7px}.bubble{border:0;border-radius:3px 17px 17px 17px;background:white;padding:13px 17px;color:#343748;box-shadow:0 3px 12px #333a5005;font-size:14px;line-height:1.65}.message.mine .bubble{background:#7763ed;color:white;border-radius:17px 3px 17px 17px}.message-tools{opacity:.65;font-size:10px;margin-top:7px}.message-tools button,.message-tools a{color:#9ba1b4}.composer{background:white;border-top:1px solid #edf0f6;padding:14px 28px 22px}.composer-tools{padding-bottom:8px}.compose-row{gap:12px;align-items:flex-end}.compose-row textarea{background:#f5f6fa;border:0;border-radius:15px;min-height:46px;font-size:14px}.compose-row>.btn{border-radius:15px;height:46px;width:50px;display:grid;place-items:center;padding:0}
.content-page{padding:32px 36px;max-width:1100px;width:100%;margin:auto}.page-title h1{font-size:26px;font-weight:750}.page-title p{color:#9da3b4;font-size:12px}.card{background:white;border:1px solid #edf0f6;border-radius:20px;box-shadow:none;padding:24px;margin-bottom:18px}.card h3{font-size:15px}.person-row{border-color:#f0f1f7;padding:18px 0}.person-row h3{font-size:14px}.person-row p{color:#999fb0}.search-row{gap:10px;margin-bottom:14px}.search-row input{background:#f4f5fa;border:0}.album-cover{background:linear-gradient(140deg,#eee9ff,#edf1fa);color:#9c8bc8;border-radius:18px 18px 0 0}.album-card{border:1px solid #edf0f6;background:#fff;border-radius:18px}.album-info{padding:18px}.album-info b{color:#44485d}.album-info span{color:#969daf}.badge{background:#ece8fe;color:#826cce}.notice{border-radius:14px;background:#f3f0fc;border-color:#ebe5f8;color:#827896}.muted{color:#9299aa}
.modal{border-radius:24px;padding:26px;background:#fff}.modal h2{font-size:21px;font-weight:700}.modal footer{border-color:#f0f1f7}.empty-icon{background:#f0edff;color:#a096c5}.empty h2{font-size:18px;color:#8990a3}.empty p{color:#a5abbb}.gate{background:#fff}.gate-story{background:linear-gradient(140deg,#ede9ff,#f1effb 55%,#dfeff5);color:#494064}.gate-story h1{font-family:inherit;font-size:56px;font-weight:750;line-height:1.25;color:#3f345e}.gate-story h1 em{color:#8264d5}.gate-story p{color:#998bad}.story-foot{color:#a298b3}.gate-form{background:#fff}.gate-top{color:#a2a5b8}.auth-card h2{font-family:inherit;font-size:32px;font-weight:750}.pill{background:#f2effb;color:#8b7fa3;border:0;border-radius:10px}.tabs{border-color:#eceef4}.tabs button.active{color:#7962d7;border-color:#7962d7}.orbit{border-color:#ccc4e660}.orbit-inner{background:#ffffff90;color:#a496c3}.gate-bottom{color:#a2a7b9}.check-label{font-size:12px;line-height:1.6;color:#858b9d}#toast{background:#353045}
@media(max-width:700px){.app-shell{padding-bottom:76px}.sidebar{padding:24px 12px}.rail{background:#ffffffed;border-top:1px solid #f0f1f6;height:76px;padding-top:3px}.rail-bottom{display:none}.rail-btn{margin:0;width:64px;border-radius:15px;padding:9px 0;gap:4px}.rail-btn.active{background:transparent;color:#7059ed}.rail-btn.active .icon{background:#eee9ff;border-radius:10px;padding:5px;box-sizing:content-box;width:20px;height:20px}.side-heading h2{font-size:26px}.side-label{margin-top:24px}.room-item{padding:16px 12px}.main-header{min-height:75px;padding:15px}.main-header .avatar{display:inline-flex;width:34px;height:34px;border-radius:11px;font-size:14px}.header-person{gap:9px}.header-person h3{font-size:15px}.header-actions{gap:0}.header-actions .icon-btn{width:33px}.chat-stream{padding:22px 14px}.composer{padding:9px 14px 14px}.content-page{padding:25px 18px}.card{padding:18px}.gate-form{padding:28px 24px}.auth-card{padding:45px 0}.message-content{max-width:78%}.page-title h1{font-size:25px}.album-grid{gap:12px}.header-person p{font-size:10px}}

.support-number{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0 28px}.support-number strong{font-size:28px;letter-spacing:2px;user-select:text}.support-qr{border-top:1px solid #eee;padding-top:20px}.support-qr img{display:block;width:260px;max-width:100%;height:auto;margin:20px 0;background:white;border-radius:12px}
.chat-sticker{width:150px;max-width:100%;height:140px}.sticker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sticker-grid button,.emoji-choice{border:0;background:transparent;cursor:pointer;padding:3px}.sticker-dialog{max-width:520px}.emoji-row{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0}.emoji-choice{font-size:28px}.bubble:has(.chat-sticker){background:transparent;padding:0}
.group-notice{border:0;border-bottom:1px solid #eee;background:#f7f4ff;color:#6856a5;padding:12px 22px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.group-notice-text{white-space:pre-wrap;overflow-wrap:anywhere}.group-file-link{color:inherit;text-decoration:none}

/* 高级简约社交视觉 */
:root{--green:#171c1f;--ink:#191d20;--muted:#85898b;--line:#e8e7e3;--paper:#fff;--shadow:0 24px 70px #21272b12}body{background:#f3f3f1;color:var(--ink)}h1,h2,h3{color:#191d20}.btn{border-radius:999px;padding:11px 20px;border-color:#e4e3df}.btn.primary{background:#171c1f;border-color:#171c1f;box-shadow:none}.btn.primary:hover{background:#303638;border-color:#303638}.icon-btn{border-radius:50%}.icon-btn:hover{background:#eeede9;color:#171c1f}.text-btn{color:#555d60}.muted{color:#8c9092}
.app-shell{background:#f4f4f2}.rail{background:#fff;border-right:1px solid #ecebe7}.rail-btn{border-radius:16px;color:#969a9c}.rail-btn.active{background:#171c1f;color:#fff}.sidebar{background:#f9f9f7;border-color:#ecebe7}.room-item{cursor:pointer;border-radius:18px}.room-item:hover,.room-item.selected{background:#ebeae6}.room-copy b{color:#22272a}.main-pane,.chat-stream{background:#f3f3f1}.main-header,.composer{background:#fffffff2;border-color:#e8e7e3}.compose-row textarea{background:#f1f1ee;border-radius:22px;padding-left:17px}.message.mine .bubble{background:#22282a;color:#fff}.bubble{border-radius:5px 18px 18px 18px}.message.mine .bubble{border-radius:18px 5px 18px 18px}.card,.album-card{border-color:#e8e7e3;border-radius:24px}.content-page{max-width:1120px}.page-title h1{font-size:32px;letter-spacing:-1px}.avatar{border-radius:50%;background:linear-gradient(145deg,#d8d6d0,#eeece7);color:#596062}.avatar.large{border-radius:50%}.avatar-link{border:0;background:transparent;padding:0;display:inline-flex;border-radius:50%;flex:0 0 auto}.avatar-link:hover .avatar{box-shadow:0 0 0 4px #deddd8}.avatar-link:focus-visible{outline:2px solid #171c1f;outline-offset:3px}.message>.avatar-link .avatar{width:37px;height:37px;font-size:15px}.header-person>.avatar-link .avatar{width:46px;height:46px}
.gate-story{background:radial-gradient(circle at 72% 20%,#e9cdb7 0,transparent 23%),radial-gradient(circle at 25% 80%,#283239 0,transparent 38%),linear-gradient(155deg,#a6b1bd 0%,#d9cec5 42%,#777e82 100%);color:#fff}.gate-story:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#16202720,#10171970)}.gate-story .brand,.gate-story .story-body,.gate-story .story-foot{position:relative;z-index:1}.gate-story .brand{color:#fff}.gate-story h1{color:#fff;font-weight:400;letter-spacing:5px}.gate-story h1 em{color:#fff}.gate-story p,.gate-story .eyebrow,.story-foot{color:#f5f3ef;letter-spacing:4px}.gate-form{background:#fbfbfa}.auth-card{max-width:520px}.auth-card h2{font-weight:600;font-size:38px}.tabs button.active{color:#171c1f;border-color:#171c1f}.register-grid,.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.register-grid .full,.profile-form-grid .full{grid-column:1/-1}.auth-card form>.btn{min-height:50px}.search-card{background:linear-gradient(135deg,#fff,#f2f1ed)}
.my-page{max-width:920px}.my-profile-card{background:#fff;border-radius:28px;overflow:hidden;margin-bottom:20px;border:1px solid #e7e6e2}.my-cover{height:230px;position:relative;background:radial-gradient(circle at 20% 35%,#e7cbb6 0,transparent 24%),linear-gradient(145deg,#7f8b95,#d4cbc4 52%,#747b7f);background-size:cover;background-position:center}.my-cover:after,.profile-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#18202455)}.cover-edit{position:absolute;right:18px;top:18px;z-index:1;border:1px solid #ffffff80;background:#171c1f99;color:#fff;border-radius:999px;padding:9px 15px;backdrop-filter:blur(8px)}.my-profile-body{padding:0 34px 30px;display:grid;grid-template-columns:auto 1fr auto;gap:15px 20px;align-items:center}.my-profile-body>.avatar{width:94px;height:94px;margin-top:-47px;position:relative;z-index:2;border:5px solid #fff}.my-name h2{font-size:25px;margin:14px 0 5px}.my-name p{margin:0;color:#9a9d9e}.my-signature,.my-meta,.my-edit-actions{grid-column:1/-1}.my-signature{font-size:15px;margin:5px 0 0}.my-meta{display:flex;gap:8px;flex-wrap:wrap}.my-meta span{padding:6px 11px;border-radius:999px;background:#f1f0ed;color:#686e70;font-size:12px}.my-edit-actions{display:flex;gap:10px}.member-card{background:#1c2224;color:#fff}.member-card h3,.member-card .eyebrow{color:#fff}.member-card .muted{color:#bdc1c2}
.profile-page{height:100%;overflow:auto;background:#f3f3f1}.profile-cover{height:clamp(230px,38vh,410px);position:relative;background:radial-gradient(circle at 75% 28%,#dcbba5,transparent 22%),linear-gradient(150deg,#8c98a1,#d5cac2 55%,#536067);background-size:cover;background-position:center}.profile-cover>span{position:absolute;left:30px;bottom:28px;z-index:1;color:#fff;font-size:10px;letter-spacing:3px}.profile-back{position:absolute;top:22px;left:22px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#171c1f80;color:#fff;font-size:20px;backdrop-filter:blur(9px)}.profile-sheet{width:min(840px,calc(100% - 32px));margin:-36px auto 40px;background:#fff;border-radius:28px;position:relative;z-index:2;padding:0 34px 36px;box-shadow:0 20px 60px #24292c12}.profile-identity{display:flex;align-items:center;gap:18px}.profile-identity>.avatar{width:106px;height:106px;border:6px solid #fff;margin-top:-48px}.profile-identity h1{font-size:29px;margin:16px 0 6px}.profile-identity p{color:#9a9d9f;margin:0}.profile-actions{margin-left:auto}.profile-signature{font-size:15px;line-height:1.9;margin:26px 0}.profile-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.profile-facts>div{padding:15px;background:#f5f4f1;border-radius:16px}.profile-facts span{display:block;color:#9b9e9f;font-size:10px;margin-bottom:7px}.profile-facts strong{font-size:13px}.profile-section{margin-top:30px;padding-top:26px;border-top:1px solid #ecebe7}.profile-section h2{margin:9px 0;font-size:20px}.profile-section p{color:#73787a}
.avatar-preview{width:150px;height:150px;object-fit:cover;border-radius:50%;display:block;margin:auto}.cover-preview{width:100%;aspect-ratio:2.15;object-fit:cover;border-radius:18px}.profile-form-grid input,.profile-form-grid textarea,.profile-form-grid select{background:#f7f7f5}.modal:has(.profile-form-grid){width:min(680px,94vw)}
.sticker-dialog{width:min(760px,94vw);max-width:760px;max-height:86vh;border:0;border-radius:26px;padding:24px}.sticker-dialog .modal-head{position:sticky;top:-24px;background:#fff;z-index:2;padding:18px 0 12px}.emoji-row{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:12px;background:#f5f4f1;border-radius:18px}.emoji-choice{font-size:25px;border-radius:10px!important;padding:7px!important}.emoji-choice:hover{background:#e7e5df}.sticker-title{font-size:12px;font-weight:600;letter-spacing:2px;margin:22px 0 12px;color:#787d7e}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:10px}.sticker-grid button{border-radius:17px;padding:0;overflow:hidden}.chat-sticker{width:100%;height:auto;display:block}
@media(max-width:700px){.rail-btn.active{color:#171c1f}.rail-btn.active .icon{background:#171c1f;color:#fff}.gate-form{min-height:100dvh}.auth-card{padding-top:30px}.register-grid,.profile-form-grid{grid-template-columns:1fr}.register-grid .full,.profile-form-grid .full{grid-column:auto}.my-cover{height:180px}.my-profile-body{padding:0 20px 24px;grid-template-columns:auto 1fr}.my-profile-body>#view-profile{grid-column:1/-1}.my-profile-body>.avatar{width:82px;height:82px;margin-top:-41px}.profile-cover{height:260px}.profile-sheet{width:calc(100% - 20px);padding:0 20px 28px}.profile-identity{align-items:flex-end;flex-wrap:wrap}.profile-identity>.avatar{width:88px;height:88px}.profile-identity h1{font-size:23px}.profile-actions{width:100%;margin:0}.profile-actions .btn{width:100%}.profile-facts{grid-template-columns:1fr 1fr}.emoji-row{grid-template-columns:repeat(8,1fr)}.sticker-grid{grid-template-columns:repeat(3,1fr)}.sticker-dialog{padding:18px}.page-title h1{font-size:29px}}

.my-cover-image,.profile-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

.group-directory{margin-top:22px}.group-directory .card-head{align-items:center}.group-directory .card-head p{margin:6px 0 0}.group-directory-row>.avatar{width:46px;height:46px}.message{touch-action:pan-y}.message .bubble{transition:transform .16s ease,box-shadow .16s ease}.message.long-pressing .bubble{transform:scale(.975);box-shadow:0 0 0 3px #7763ed22}
@media(max-width:700px){.group-directory .card-head{align-items:flex-start}.group-directory .card-head>.actions{justify-content:flex-end}.group-directory-row{display:grid;grid-template-columns:auto 1fr auto}.group-directory-row>.btn{white-space:nowrap}}