:root{color:#171518;font-synthesis:none;--coral:#ff4f5e;--plum:#24192b;--paper:#fbfaf8;--muted:#777178;background:#efefef;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.stage{background:radial-gradient(circle at 70% 20%,#fff 0,#f3f1f0 42%,#e9e7e5 100%);justify-content:center;align-items:center;gap:clamp(40px,8vw,130px);min-height:100vh;padding:32px;display:flex}aside{width:410px}aside .brand{align-items:center;gap:12px;font-size:22px;display:flex}aside .brand span{background:var(--coral);color:#fff;border-radius:15px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}aside>h1{letter-spacing:-2px;margin:48px 0 20px;font-size:52px;line-height:1.18}aside>p{color:#716a70;max-width:380px;font-size:18px;line-height:1.8}.feature-list{flex-wrap:wrap;gap:10px;margin:28px 0 70px;display:flex}.feature-list span{background:#ffffffa8;border:1px solid #d9d5d4;border-radius:99px;padding:10px 14px;font-size:13px}aside>small{color:#999}.phone{background:#101010;border:8px solid #181718;border-radius:48px;width:390px;height:min(844px,100vh - 36px);padding:5px;overflow:hidden;box-shadow:0 30px 90px #372a3050}.phone-inner{background:var(--paper);border-radius:36px;height:100%;position:relative;overflow:hidden}.screen{background:var(--paper);height:calc(100% - 70px)}.topbar{justify-content:space-between;align-items:center;height:54px;padding:17px 18px 10px;font-size:14px;display:flex}.topbar .time{font-weight:700}.topbar strong{font-size:16px}.topbar i{font-size:7px}.screen-scroll{scrollbar-width:none;height:calc(100% - 54px);padding:8px 17px 30px;overflow:auto}.screen-scroll::-webkit-scrollbar{display:none}.screen h1{letter-spacing:-.8px;margin:7px 0 16px;font-size:24px;line-height:1.3}.segment{gap:34px;margin:0 0 16px;font-size:16px;display:flex}.segment b{position:relative}.segment b:after{content:"";background:var(--coral);border-radius:3px;width:22px;height:3px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.city-banner{color:#fff;background:#668cb7;border-radius:19px;justify-content:space-between;align-items:flex-end;height:134px;padding:18px;display:flex;position:relative;overflow:hidden}.city-banner:before,.city-banner:after{content:"";border:1px solid #ffffff50;border-radius:50%;position:absolute}.city-banner:before{width:130px;height:130px;top:-50px;right:-24px}.city-banner:after{width:85px;height:85px;top:-15px;right:16px}.city-banner.amber{background:linear-gradient(135deg,#a86d3e,#e4aa6e)}.city-banner.plum{background:linear-gradient(135deg,#32213c,#724b71)}.city-banner div,.city-banner button{z-index:1;position:relative}.city-banner small{opacity:.82}.city-banner h2{margin:6px 0 3px;font-size:22px}.city-banner p{opacity:.92;margin:0;font-size:12px}.city-banner button{color:#2f2b2e;background:#fff;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:650}.dots{text-align:center;height:26px;padding-top:8px}.dots i{cursor:pointer;background:#d8d4d3;border-radius:9px;width:5px;height:5px;margin:0 3px;display:inline-block}.dots i.active{background:var(--coral);width:15px}.profile-card{color:#fff;border-radius:22px;height:275px;position:relative;overflow:hidden}.profile-card>img{object-fit:cover;width:100%;height:100%}.image-shade{background:linear-gradient(#0000,#161216cc);position:absolute;inset:30% 0 0}.online{background:#141313b9;border-radius:99px;padding:6px 9px;font-size:11px;position:absolute;top:14px;right:14px}.online:before{content:"";background:#67d36f;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.profile-copy{position:absolute;bottom:17px;left:17px}.profile-copy h2{margin:0 0 4px;font-size:25px}.profile-copy p{margin:0 0 5px;font-size:13px}.profile-copy small{opacity:.82}.like-button{width:48px;height:48px;color:var(--coral);background:#fff;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:16px;right:15px;box-shadow:0 7px 22px #0004}.like-button.liked{background:var(--coral);color:#fff}.section-head{justify-content:space-between;align-items:center;margin:22px 0 14px;display:flex}.section-head h2{margin:0;font-size:17px}.section-head button{color:#777;font-size:12px}.people-row{gap:15px;padding-bottom:5px;display:flex;overflow:auto}.person{flex-direction:column;align-items:center;gap:3px;min-width:66px;display:flex}.person>span,.avatar{color:#514b4f;border:3px solid #fff;border-radius:50%;place-items:center;width:50px;height:50px;font-weight:700;display:grid;box-shadow:0 0 0 1px #dfd8d4}.person b{font-size:12px}.person small{color:#847e82;font-size:9px}.safety-link{color:#5f595e;border-top:1px solid #eee6e3;align-items:center;gap:10px;width:100%;margin-top:22px;padding:15px;display:flex}.safety-link svg:last-child{margin-left:auto}nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffc;border-top:1px solid #ece8e6;justify-content:space-around;height:70px;padding:8px 5px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}nav button{color:#6e686d;flex-direction:column;align-items:center;gap:3px;min-width:56px;font-size:10px;display:flex}nav button.active{color:var(--coral);font-weight:700}.icon{display:block}.round-mini{border:1px solid #ddd;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.feed{padding-top:16px}.post{background:#fff;border:1px solid #eee9e6;border-radius:20px;margin-bottom:14px;padding:14px}.post-user{align-items:center;gap:10px;display:flex}.post-user div{flex-direction:column;gap:3px;display:flex}.post-user b{font-size:14px}.post-user small{color:#999;font-size:10px}.post-user button{color:var(--coral);margin-left:auto;font-size:12px}.post>p{font-size:13px;line-height:1.6}.sunset{background:linear-gradient(175deg,#7a76a5 0,#f6a57a 55%,#704d51 56%,#2d2e38 100%);border-radius:14px;height:170px;position:relative;overflow:hidden}.sunset i{background:#20232b;width:55px;height:75px;position:absolute;bottom:18px}.sunset i:first-child{left:25px}.sunset i:nth-child(2){height:110px;left:112px}.sunset i:nth-child(3){height:65px;right:25px}.post-actions{justify-content:space-between;margin-top:12px;display:flex}.post-actions button{color:#777;font-size:12px}.post-actions button.active{color:var(--coral)}.audio{color:#6a496f;background:#f3edf4;border-radius:16px;align-items:center;gap:5px;width:100%;height:50px;padding:0 14px;display:flex}.audio i{background:#8b678e;border-radius:3px;width:3px;height:12px}.audio i:nth-of-type(2){height:22px}.audio i:nth-of-type(4){height:18px}.audio small{margin-left:auto}.messages{padding-top:18px}.notice-strip{color:#fff;background:#2d2134;border-radius:18px;grid-template-columns:auto auto 1fr auto;align-items:center;gap:10px;padding:15px;font-size:13px;display:grid}.notice-strip b{background:var(--coral);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.notice-strip span{opacity:.7;font-size:10px}.messages h1{margin-top:28px}.chat-row{text-align:left;border-bottom:1px solid #eee9e6;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:13px 0;display:grid}.chat-row div{min-width:0}.chat-row p{color:#8d868b;white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-size:11px;overflow:hidden}.chat-row>small{color:#aaa;font-size:9px}.voice{color:#fff;background:radial-gradient(circle at 50% 15%,#563951 0,#2d2034 35%,#1d1724 100%);height:calc(100% - 70px)}.topbar.dark{color:#fff}.voice-body{flex-direction:column;height:calc(100% - 54px);padding:10px 18px 20px;display:flex}.room-meta{justify-content:space-between;display:flex}.room-meta span{color:#ff98a1;background:#704459;border-radius:99px;padding:6px 9px;font-size:11px}.room-meta small{opacity:.7}.host{flex-direction:column;align-items:center;margin-top:13px;display:flex}.host-avatar{color:#4d3136;background:#e8c4ae;width:70px;height:70px;box-shadow:0 0 0 4px #ff7d8c}.host b{margin-top:8px}.host small{opacity:.7;margin-top:3px;font-size:10px}.waveform{justify-content:center;align-items:center;gap:4px;height:40px;display:flex}.waveform i{background:#a34c6b;border-radius:4px;width:2px}.seats{grid-template-columns:repeat(3,1fr);gap:15px 8px;margin-top:8px;display:grid}.seats button{color:#fff;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.seats button b{font-size:11px}.seats button small{background:#806675;border-radius:50%;place-items:center;width:17px;height:17px;font-size:9px;display:grid;position:absolute;top:33px;left:21px}.empty-seat{color:#a89aa9;border:1px solid #756777;border-radius:50%;place-items:center;width:50px;height:50px;display:grid}.room-chat{margin-top:auto}.room-chat p{background:#ffffff0d;border-radius:8px;width:max-content;max-width:100%;margin:5px 0;padding:7px 9px;font-size:10px}.room-chat b{color:#d9a3d0}.voice-actions{grid-template-columns:48px 1fr 48px;gap:10px;margin-top:12px;display:grid}.voice-actions button{background:var(--coral);color:#fff;border-radius:25px;justify-content:center;align-items:center;gap:8px;height:48px;font-weight:650;display:flex}.voice-actions button.joined{background:#71596f}.voice-actions .circle{background:#ffffff18}.profile{padding-top:18px}.me{align-items:center;gap:12px;display:flex}.avatar.coral{color:#9c3540;background:#ffbac0;width:64px;height:64px}.me h1{margin:0;font-size:20px}.me p{color:#888;margin:4px 0 0;font-size:11px}.me button{border:1px solid #ddd4d2;border-radius:99px;margin-left:auto;padding:7px 10px;font-size:11px}.vip-entry{color:#fbe8c8;text-align:left;background:linear-gradient(135deg,#2a202c,#4b3244);border-radius:20px;align-items:center;width:100%;margin:22px 0;padding:18px;display:flex}.vip-entry div{flex:1}.vip-entry small{opacity:.7}.vip-entry h2{margin:7px 0;font-size:19px}.vip-entry p{opacity:.75;margin:0;font-size:10px}.profile-grid{grid-template-columns:repeat(3,1fr);padding:12px 0 20px;display:grid}.profile-grid button{border-right:1px solid #eee;flex-direction:column;gap:5px;display:flex}.profile-grid button:last-child{border:0}.profile-grid small{color:#888;font-size:10px}.settings{border-top:8px solid #f2efed}.settings button{text-align:left;border-bottom:1px solid #eee;align-items:center;gap:12px;width:100%;padding:15px 4px;display:flex}.settings button>span{width:34px;height:34px;color:var(--coral);background:#f7ecee;border-radius:12px;place-items:center;display:grid}.settings button div{flex-direction:column;flex:1;gap:4px;display:flex}.settings button small{color:#999;font-size:9px}.settings em{color:#a79fa4;font-size:10px;font-style:normal}.vip-page{z-index:5;background:#f7f5f4;padding-bottom:82px;position:absolute;inset:0;overflow:auto}.vip-page>header{background:#fff;justify-content:space-between;align-items:center;height:55px;padding:16px;display:flex}.vip-page>header button{font-size:13px}.vip-hero{color:#f5d1a0;background:linear-gradient(135deg,#211a22,#392a36);border-radius:20px 20px 0 0;align-items:center;gap:15px;margin:12px 12px 0;padding:25px 20px;display:flex}.vip-hero>span{font-size:38px}.vip-hero h1{margin:0 0 7px;font-size:21px}.vip-hero p{color:#d6c4cf;margin:0;font-size:10px}.vip-panel{background:#fff;border-radius:0 0 20px 20px;margin:0 12px;padding:16px}.vip-panel h3{margin:8px 0 12px;font-size:13px}.plans{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.plans button{border:1px solid #e9e2df;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:105px;display:flex}.plans button>span{color:#b886b6;font-size:28px}.plans button small{color:#aaa;font-size:9px}.plans button.selected{border-color:var(--coral);background:#fff9f8}.plans button.selected small{color:var(--coral)}.periods{background:#f6f3f2;border-radius:99px;padding:3px;display:flex}.periods button{border-radius:99px;flex:1;padding:7px;font-size:11px}.periods button.selected{background:var(--coral);color:#fff}.vip-panel ul{margin:0;padding:0;list-style:none}.vip-panel li{border-bottom:1px solid #eee;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:11px 0;display:grid}.vip-panel li>span{color:#9b6aa1;background:#f2e7f3;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.vip-panel li div{flex-direction:column;gap:3px;display:flex}.vip-panel li b{font-size:12px}.vip-panel li small{color:#999;font-size:9px}.vip-panel li>div+*{color:var(--coral)}.vip-page footer{background:#fff;border-top:1px solid #eee;justify-content:space-between;align-items:center;width:374px;height:78px;padding:12px 16px;display:flex;position:fixed;bottom:0}.vip-page footer b{font-size:22px}.vip-page footer button{background:var(--coral);color:#fff;border-radius:14px;padding:13px 25px}.toast{color:#fff;z-index:20;white-space:nowrap;background:#181518e8;border-radius:99px;padding:11px 18px;font-size:12px;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}@media (width<=850px){.stage{background:#fff;padding:0;display:block}aside{display:none}.phone{border:0;border-radius:0;width:100%;height:100vh;padding:0}.phone-inner{border-radius:0}.vip-page footer{width:100%}.toast{bottom:90px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.photo-avatar{background-color:#e8e3df;background-image:url(/assets/people-sheet.png)!important;background-repeat:no-repeat!important;background-size:205% 205%!important}.photo-avatar.p1{background-position:0 0!important}.photo-avatar.p2{background-position:100% 0!important}.photo-avatar.p3{background-position:0 100%!important}.photo-avatar.p4{background-position:100% 100%!important}.brand .brand-mask{justify-content:center;align-items:center;gap:3px;width:42px;height:42px;display:flex}.brand-mask i{background:#fffffff0;border-radius:9px;width:4px}.brand-mask i:first-child{height:11px}.brand-mask i:nth-child(2){height:20px}.brand-mask i:nth-child(3){height:15px}.room-avatar{color:#fff;background:#2d2134;box-shadow:0 0 0 1px #d9cfd9}nav .icon{flex:none;overflow:visible}