:root{--bg:#f6f6fb;--ink:#202135;--muted:#9292a6;--primary:#7657ff;--pink:#fa5179;--card:#fff;--line:#eeeeF5}*{box-sizing:border-box}body{margin:0;font:14px -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{border:0;cursor:pointer}.boot{height:100vh;display:grid;place-content:center;gap:8px;text-align:center;color:var(--muted)}.boot b{font-size:28px;color:var(--primary)}.shell{display:grid;grid-template-columns:220px minmax(0,1fr);max-width:1440px;min-height:100vh;margin:auto;background:var(--bg)}.side{background:#171525;color:#b9b6ca;padding:26px 16px;position:sticky;top:0;height:100vh}.brand{font-size:23px;font-weight:800;color:#fff;margin:0 10px 38px}.brand i{font-style:normal;color:#ff6688}.nav{display:grid;gap:8px}.nav button{background:transparent;color:inherit;border-radius:12px;padding:13px 15px;text-align:left;font-weight:600}.nav button.active,.nav button:hover{background:#302c4b;color:#fff}.side-foot{position:absolute;bottom:25px;left:24px;right:24px;border-top:1px solid #3a3650;padding-top:18px}.wallet{display:flex;justify-content:space-between;color:#ffdc64}.content{padding:26px 38px;overflow:hidden}.top{display:flex;align-items:center;gap:16px;margin-bottom:27px}.top h1{margin:0;font-size:25px}.spacer{flex:1}.userchip{display:flex;gap:9px;align-items:center;background:#fff;padding:6px 11px 6px 6px;border-radius:99px}.avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#e6e5ef}.hero{min-height:188px;border-radius:22px;padding:33px 40px;color:#fff;background:linear-gradient(115deg,#7555ff,#a55aff 55%,#fb74a1);position:relative;overflow:hidden}.hero:after{content:'🎮';position:absolute;right:7%;bottom:-27px;font-size:180px;opacity:.18}.hero h2{margin:0 0 9px;font-size:29px}.hero p{opacity:.84;margin:0 0 20px}.primary{background:#fff;color:#7454ff;border-radius:10px;padding:10px 17px;font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;margin:27px 0 15px}.section-head h2{font-size:18px;margin:0}.filters{display:flex;gap:9px;flex-wrap:wrap}.filters button{background:#fff;border:1px solid var(--line);padding:7px 13px;border-radius:99px;color:#67677b}.filters button.active{background:#eeeaff;color:var(--primary);border-color:#d7ceff}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(206px,1fr));gap:17px}.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #30207b09}.card .cover{height:122px;background:linear-gradient(135deg,#eae7ff,#ffddeb);display:grid;place-items:center}.card .cover img{height:98px;width:98px;border-radius:50%;border:4px solid #fff}.card-body{padding:13px}.host-row{display:flex;justify-content:space-between;font-weight:700}.tag{display:inline-block;margin-top:7px;background:#f3f2f8;color:#716f84;font-size:12px;padding:4px 7px;border-radius:5px}.intro{height:20px;overflow:hidden;color:var(--muted);margin:8px 0}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:11px;color:#ff4d77}.card-footer button{background:var(--primary);border-radius:7px;color:#fff;padding:7px 12px}.dot{display:inline-block;width:7px;height:7px;background:#40cb7b;border-radius:50%;margin-right:4px}.modal-mask{position:fixed;inset:0;background:#17152599;display:grid;place-items:center;z-index:4;padding:18px}.modal{background:#fff;max-width:430px;width:100%;border-radius:20px;padding:25px;position:relative}.close{position:absolute;right:15px;top:13px;background:none;font-size:24px;color:#8d8b99}.modal h2{margin-top:0}.modal input,.chat-input input{width:100%;border:1px solid var(--line);border-radius:9px;padding:12px;margin:6px 0}.modal .submit{width:100%;padding:12px;background:var(--primary);color:white;border-radius:9px;margin-top:10px}.auth-switch{text-align:center;color:var(--primary);margin:15px 0 0}.chat-layout{display:grid;grid-template-columns:260px minmax(0,1fr);height:calc(100vh - 90px);background:#fff;border-radius:16px;overflow:hidden}.chat-list{border-right:1px solid var(--line);padding:13px}.chat-peer{display:flex;gap:10px;padding:11px;border-radius:10px;align-items:center}.chat-peer.active{background:#f0edff}.chat-peer small{color:var(--muted)}.chat-main{display:flex;flex-direction:column}.chat-title{padding:19px;border-bottom:1px solid var(--line);font-weight:700}.messages{flex:1;overflow:auto;padding:20px;background:#fafaff}.msg{display:flex;gap:8px;margin:10px 0;max-width:76%}.msg.mine{margin-left:auto;flex-direction:row-reverse}.bubble{padding:10px 13px;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000000c;line-height:1.4}.mine .bubble{background:#7557ff;color:#fff}.gift-bubble{background:#fff2c9!important;color:#a26400!important}.chat-input{display:flex;gap:9px;padding:13px;border-top:1px solid var(--line)}.chat-input input{margin:0}.chat-input button{padding:0 14px;border-radius:8px;background:var(--primary);color:#fff}.giftbar{display:flex;justify-content:space-around;padding:13px;border-top:1px solid var(--line)}.giftbar button{background:#fff5f8;border-radius:8px;padding:7px;color:#e94872}.room{max-width:900px;margin:auto}.stage{border-radius:22px;min-height:370px;background:radial-gradient(circle at 50% 25%,#574797,#1d1937 65%);padding:28px;color:#fff;text-align:center}.stage h2{margin:5px}.speaker{width:142px;height:142px;border:5px solid #a99cff;border-radius:50%;padding:5px;margin:50px auto 15px}.speaker img{width:100%;height:100%;border-radius:50%}.voice-actions{display:flex;gap:14px;justify-content:center;margin-top:30px}.voice-actions button{width:52px;height:52px;border-radius:50%;font-size:20px}.voice-actions .end{background:#fa5576}.panel{background:#fff;border-radius:15px;padding:19px;margin-top:16px}.profile{max-width:760px}.profile-top{display:flex;gap:18px;align-items:center}.profile-top .avatar{width:72px;height:72px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.stats div{background:#fff;border-radius:12px;padding:15px}.stats b{display:block;font-size:19px}.login-note{color:var(--muted);font-size:12px;margin:10px 0 0}@media(max-width:720px){.shell{display:block;padding-bottom:62px}.side{position:fixed;z-index:3;top:auto;bottom:0;left:0;right:0;height:62px;padding:5px 7px;background:#fff;border-top:1px solid var(--line)}.brand,.side-foot{display:none}.nav{display:flex;justify-content:space-around}.nav button{font-size:11px;padding:7px 8px;color:#79778a;text-align:center}.nav button:before{content:'●';display:block;font-size:13px}.nav button.active{background:#f0edff;color:var(--primary)}.content{padding:17px 14px}.top{margin-bottom:17px}.top h1{font-size:20px}.hero{min-height:154px;padding:25px 20px;border-radius:16px}.hero h2{font-size:22px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.card .cover{height:97px}.card .cover img{width:76px;height:76px}.card-body{padding:10px;font-size:12px}.intro{margin:5px 0}.card-footer{padding-top:8px}.card-footer button{padding:5px 8px}.chat-layout{position:fixed;inset:0;height:auto;border-radius:0;grid-template-columns:1fr;z-index:5}.chat-list{display:none}.chat-title{padding-top:18px}.giftbar{overflow:auto;gap:7px}.giftbar button{white-space:nowrap}.stage{min-height:430px;border-radius:16px}.profile-top{align-items:flex-start}}