/* Sandbox Client · 官网微缩版
   逻辑画布固定 1600×900，由宿主容器按宽度整体缩放；配色沿用客户端 A 方案（石板灰蓝 + 天青）。
   内容一律用灰白占位块，只有展示特点的地方（Tee 皮肤、自己发出的消息与动态、状态）显示真实内容。 */

.mc-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:var(--mc-frame-radius,14px);background:#0b1016;isolation:isolate;contain:layout paint}
.mc{
  --acc:58 155 253;--ok:52 199 120;--warn:245 166 35;--bad:239 83 80;--gold:250 196 54;
  --bg:#0e131b;--side:#0a0f15;--panel:#121923;--panel2:#171f2b;--panel3:#1c2532;
  --line:rgba(148,163,184,.12);--line2:rgba(148,163,184,.2);
  --tx:#e8eef6;--dim:#8f9bad;--faint:#5f6b7c;
  --ph:rgba(205,214,226,.12);--ph2:rgba(225,232,241,.2);--ph3:rgba(235,240,247,.32);
  --glide:cubic-bezier(.2,.85,.25,1);
  --spring:linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.991 45.7%,1.006 50.1%,1.015 55%,1.017 63.9%,1.001 85%,1);
  position:absolute;left:0;top:0;width:1600px;height:900px;transform-origin:0 0;
  display:grid;grid-template-columns:200px 1fr;background:var(--bg);color:var(--tx);
  font:400 14px/1.45 "Segoe UI Variable Text","Segoe UI","Microsoft YaHei UI","PingFang SC",sans-serif;
  -webkit-font-smoothing:antialiased;user-select:none;overflow:hidden;letter-spacing:0;
}
.mc *,.mc *::before,.mc *::after{box-sizing:border-box}
.mc button{font:inherit;color:inherit;cursor:pointer}
/* 按钮默认值清零：用 :where 保持最低优先级，不覆盖客户端自己的按钮样式；这样嵌在任何页面里都和官网里一致 */
:where(.mc) button{border:0;background:none;padding:0}
:where(.mc) button{background:none;border:0;padding:0}
.mc input,.mc textarea{font:inherit;color:var(--tx);user-select:text}
.mc .ic{width:20px;height:20px;fill:currentColor;flex:none;display:block}
.mc :focus-visible{outline:2px solid rgb(var(--acc)/.8);outline-offset:2px;border-radius:8px}
.mc [hidden]{display:none!important}

/* 占位块 */
.mc .ph{display:block;height:10px;border-radius:999px;background:var(--ph);flex:none}
.mc .ph.s{height:8px}.mc .ph.l{height:14px}.mc .ph.xl{height:22px;border-radius:7px}.mc .ph.xxl{height:40px;border-radius:10px}
.mc .ph.hi{background:var(--ph2)}.mc .ph.hi2{background:var(--ph3)}
.mc .ph-stack{display:flex;flex-direction:column;gap:8px;min-width:0}
.mc .ph-img{display:block;position:relative;overflow:hidden;background:var(--tone,#1b2431)}
.mc .ph-img::after{content:"";position:absolute;inset:0;background:
  radial-gradient(120% 90% at 78% 18%,rgba(255,255,255,.06),transparent 55%),
  linear-gradient(180deg,transparent 40%,rgba(5,8,12,.45));pointer-events:none}
.mc .ph-av{display:block;border-radius:50%;background:var(--tone,#263142);flex:none;position:relative}

/* 按压：轻微缩小后弹回 */
.mc .press{transition:transform .32s var(--spring),background-color .18s,border-color .18s,color .18s,box-shadow .2s,opacity .2s}
.mc .press:active{transform:scale(.96);transition-duration:.08s}

/* ── 侧栏 ── */
.mc-side{position:relative;background:var(--side);border-right:1px solid rgba(148,163,184,.07);display:flex;flex-direction:column}
.mc-brand{display:flex;gap:10px;padding:39px 24px 0 29px;height:96px;align-items:flex-start}
.mc-brand>div{padding-top:1px}
.mc-brand img{width:44px;height:44px;display:block;flex:none}
.mc-brand b{display:block;font:800 21px/1.15 "Segoe UI Variable Display","Segoe UI",sans-serif;letter-spacing:.2px}
.mc-brand span{display:block;font:700 12px/1.3 "Segoe UI",sans-serif;letter-spacing:2.7px;color:rgb(var(--acc));margin-top:0}
.mc-nav{position:relative;margin-top:55px;display:flex;flex-direction:column}
.mc-nav button{position:relative;z-index:1;height:61px;margin-bottom:38px;font-size:18px;color:var(--dim);transition:color .2s}
.mc-nav button:hover{color:var(--tx)}
.mc-nav button.on{color:#fff;font-weight:600}
.mc-nav-ind{position:absolute;left:0;right:0;top:0;height:61px;background:linear-gradient(90deg,rgb(var(--acc)/.18),rgb(var(--acc)/.05));
  transition:transform .42s var(--glide);pointer-events:none}
.mc-nav-ind::after{content:"";position:absolute;right:0;top:12px;bottom:12px;width:3px;border-radius:3px;background:rgb(var(--acc))}
.mc-dock{margin-top:auto;height:62px;display:flex;align-items:center;gap:10px;padding:0 14px 0 14px;background:rgba(255,255,255,.025);border-top:1px solid rgba(148,163,184,.06);text-align:left;width:100%}
.mc-dock:hover{background:rgba(255,255,255,.05)}
.mc-tee-av{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#2c3a4f,#141c27);display:grid;place-items:center;overflow:hidden;flex:none;position:relative}
.mc-tee-av canvas{width:135%;height:auto;max-width:none;flex:none;transform:translateY(4%)}
.mc-dock .who{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.mc-dock .st{display:flex;align-items:center;gap:6px;font-size:11px;color:rgb(var(--ok))}
.mc-dock .st i,.mc .st-dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
.mc-dock .ic{width:14px;height:14px;color:var(--faint)}
.mc .st-online{color:rgb(var(--ok))!important}.mc .st-away{color:rgb(var(--warn))!important}.mc .st-busy{color:rgb(var(--bad))!important}.mc .st-invisible,.mc .st-offline{color:#7d8796!important}

/* ── 主区 ── */
.mc-main{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden}
.mc-top{height:84px;flex:none;display:flex;align-items:flex-end;padding:0 28px 0 14px;border-bottom:1px solid rgba(148,163,184,.07);position:relative}
.mc-tabs{position:relative;display:flex;gap:1px;height:100%;align-items:flex-end}
.mc-tabs button{height:35px;padding:0 24px;font-size:19px;line-height:21px;color:var(--dim);transition:color .2s;display:flex;align-items:flex-start}
.mc-tabs button:hover{color:var(--tx)}
.mc-tabs button.on{color:#fff;font-weight:700}
.mc-tab-ind{position:absolute;bottom:0;left:0;height:3px;border-radius:3px;background:rgb(var(--acc));transition:transform .42s var(--glide),width .42s var(--glide)}
.mc-back{display:flex;align-items:center;gap:8px;height:40px;margin-bottom:20px;font-size:16px;font-weight:600;color:var(--tx);padding:0 10px 0 4px;border-radius:10px}
.mc-back:hover{background:rgba(255,255,255,.05)}
.mc-tools{position:absolute;right:15px;top:13px;z-index:8;display:flex;align-items:center;gap:9px}
.mc-tool{width:33px;height:33px;border-radius:9px;display:grid;place-items:center;color:#c6d0dd;position:relative}
.mc-tool .ic{width:18px;height:18px}
.mc-tool.coin{width:auto;padding:0 8px;display:flex;align-items:center;gap:7px;margin-right:9px}
.mc-tool:hover{background:rgba(255,255,255,.06);color:#fff}
.mc-tool.on{background:rgba(255,255,255,.08);color:#fff}
.mc-coin{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe08a,#f2a91b 60%,#c27a06);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);display:grid;place-items:center;font:800 6px/1 "Segoe UI",sans-serif;color:#7a4300}
.mc-badge{position:absolute;top:4px;right:5px;width:6px;height:6px;min-width:0;padding:0;border-radius:50%;background:#ff8a2a;font-size:0;line-height:0;box-shadow:0 0 0 2px var(--bg);transform-origin:center}
.mc-badge.bump{animation:mcPop .5s var(--spring)}
@keyframes mcPop{0%{transform:scale(.4)}100%{transform:scale(1)}}

.mc-view{position:relative;flex:1;min-height:0}
.mc-page{position:absolute;inset:0;padding:24px 28px 24px;overflow:hidden}
.mc-page.scroll{overflow-y:auto;scrollbar-width:none}
.mc-page.scroll::-webkit-scrollbar{display:none}
/* 横向切换 / 原地缩放进入 */
.mc-enter-l{animation:mcInL .38s var(--glide) both}.mc-enter-r{animation:mcInR .38s var(--glide) both}
.mc-enter-z{animation:mcInZ .46s cubic-bezier(.16,1,.3,1) .04s both}
@keyframes mcInL{from{opacity:0;transform:translateX(-36px)}}
@keyframes mcInR{from{opacity:0;transform:translateX(36px)}}
@keyframes mcInZ{from{opacity:0;transform:translateY(14px)}}
.mc-stagger>*{animation:mcItem .42s var(--glide) both;animation-delay:calc(var(--i,0)*35ms)}
@keyframes mcItem{from{opacity:0;transform:translateX(14px)}}

/* ── 按钮 ── */
.mc .btn-play{display:flex;align-items:center;justify-content:center;gap:12px;height:54px;padding:0 34px;border-radius:12px;font-size:19px;font-weight:700;color:#fff;
  background:linear-gradient(180deg,#56acff,#2f86ef);box-shadow:0 10px 28px -8px rgb(var(--acc)/.75),inset 0 1px 0 rgba(255,255,255,.28)}
.mc .btn-play:hover{box-shadow:0 14px 34px -8px rgb(var(--acc)/.9),inset 0 1px 0 rgba(255,255,255,.3);filter:brightness(1.06)}
.mc .btn-play .ic{width:18px;height:18px}
.mc .btn-glass{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 26px;border-radius:12px;font-size:17px;font-weight:600;color:#e8f2ff;
  background:rgb(var(--acc)/.16);border:1px solid rgb(var(--acc)/.32);backdrop-filter:blur(12px)}
.mc .btn-glass:hover{background:rgb(var(--acc)/.26)}
.mc .btn-round{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgb(var(--acc)/.14);border:1px solid rgb(var(--acc)/.32);color:#dbeaff}
.mc .btn-round:hover{background:rgb(var(--acc)/.26)}
.mc .btn-round .ic{width:24px;height:24px}
.mc .btn-s{height:34px;padding:0 16px;border-radius:9px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}
.mc .btn-s.pri{background:linear-gradient(180deg,#4ea6ff,#2f86ef);color:#fff}
.mc .btn-s.pri:hover{filter:brightness(1.08)}
.mc .btn-s.sec{background:rgba(255,255,255,.07);border:1px solid var(--line);color:var(--tx)}
.mc .btn-s.sec:hover{background:rgba(255,255,255,.11)}
.mc .btn-s[disabled]{opacity:.45;cursor:default}
.mc .btn-ic{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#c9d3e0}
.mc .btn-ic:hover{background:rgba(255,255,255,.1);color:#fff}
.mc .btn-ic.acc{color:rgb(var(--acc));background:rgb(var(--acc)/.12);border-color:rgb(var(--acc)/.3)}
.mc .btn-ic.acc:hover{background:rgb(var(--acc)/.22)}
.mc .btn-ic[disabled]{opacity:.35;cursor:default}
.mc .chip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;border:1px solid var(--line2);font-size:11px;color:#c4cedb;gap:5px}

/* ── 首页（对照客户端实测：左列 341 / 间距 16 / 右侧 1025；卡片 322×126） ── */
.mc .pg-home-home{padding:0 2px 0 16px}
.mc .home{display:grid;grid-template-columns:341px 1fr;column-gap:16px;height:100%}
.mc .home-side{margin-top:17px;border:1px solid var(--line);border-radius:12px 12px 0 0;border-bottom:0;background:rgba(255,255,255,.018);padding:8px 6px 0;min-height:0;overflow:hidden}
.mc .home-list{display:flex;flex-direction:column;gap:4.5px;height:100%;overflow:hidden;padding:0 2.5px}
.mc .gcard{position:relative;flex:none;height:126px;border-radius:10px;overflow:hidden;border:1px solid var(--line);text-align:left;display:block;width:100%}
.mc .gcard .ph-img{position:absolute;inset:0;transition:transform .5s var(--glide)}
.mc .gcard:hover .ph-img{transform:scale(1.04)}
.mc .gcard .in{position:relative;padding:11px 19px 11px;height:100%;display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(10,14,20,.86),rgba(10,14,20,.28))}
.mc .gcard .num{font:800 21px/24px "Segoe UI Variable Display","Segoe UI",sans-serif;color:#6b7686;position:relative;align-self:flex-start}
.mc .gcard.on{border-color:rgb(var(--acc)/.6);box-shadow:0 0 0 1px rgb(var(--acc)/.25)}
.mc .gcard.on .num{color:rgb(var(--acc))}
.mc .gcard.on .num::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:rgb(var(--acc))}
.mc .gcard .t{margin-top:21px;display:block}
.mc .gcard .row{margin-top:auto;display:flex;gap:7px;align-items:center}
.mc .gcard .chp{display:inline-flex;align-items:center;justify-content:center;height:15px;padding:0 6px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05)}
.mc .gcard .chp .ph{height:5px;background:rgba(255,255,255,.35)}
.mc .gcard .onl{margin-left:auto;display:flex;align-items:center;gap:5px;font-size:9px;color:var(--dim)}
.mc .gcard .onl i{width:5px;height:5px;border-radius:50%;background:rgb(var(--acc))}
.mc .gcard .onl.off i{background:#5f6b7c}
.mc .gcard .onl small{font-size:9px}
.mc .gcard.cs{opacity:.62;cursor:default}
.mc .gcard .fav{position:absolute;right:12px;top:12px;width:16px;height:16px;color:rgb(var(--gold))}
.mc .home-empty{flex:1;display:grid;place-items:center;color:var(--faint);font-size:14px;border:1px dashed var(--line2);border-radius:12px;max-height:200px}
.mc .hero{position:relative;overflow:hidden;display:flex;flex-direction:column}
.mc .hero-art{position:absolute;inset:0;transition:opacity .45s}
.mc .hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,16,.6),rgba(8,11,16,.05) 60%),linear-gradient(0deg,rgba(8,11,16,.9),transparent 55%);z-index:1}
.mc .hero-info{position:relative;z-index:2;margin-top:auto;padding:0 33px 28px;display:flex;flex-direction:column}
.mc .hero-info .hh{display:flex;flex-direction:column;gap:17px}
.mc .hero-info .chips{display:flex;gap:10px}
.mc .hero-info .hd{margin-top:21px}
.mc .hero-actions{display:flex;gap:9px;align-items:center;margin-top:23px}
.mc .hero-actions .btn-play{width:265px;height:54px;padding:0;border-radius:8px;font-size:20px}
.mc .hero-actions .btn-glass{width:200px;height:54px;padding:0;border-radius:8px;font-size:17px}
.mc .hero-actions .btn-round{width:54px;height:54px}
.mc .facts{display:flex;margin-top:35px;height:54px}
.mc .fact{width:165px;display:flex;align-items:center;gap:12px;padding:0 0 0 17px;border-left:1px solid rgba(255,255,255,.08);color:#aab5c4}
.mc .fact:first-child{border-left:0}
.mc .fact .ic{width:24px;height:24px;flex:none}
.mc .fact small{font-size:11px;color:#b8c2d0}
.mc .hero-thumbs{position:relative;z-index:2;display:grid;grid-template-columns:repeat(5,1fr);gap:9.5px;padding:0 24px 17px}
.mc .thumb{height:109px;border-radius:8px;border:1px solid var(--line);overflow:hidden;position:relative;opacity:.72;transition:opacity .2s,border-color .2s}
.mc .thumb:hover{opacity:1}
.mc .thumb.on{opacity:1;border-color:rgb(var(--acc)/.75);box-shadow:0 0 0 1px rgb(var(--acc)/.3)}
.mc .thumb .ph-img{position:absolute;inset:0}

/* ── 详情（对照客户端实测） ── */
.mc-main[data-page="home-detail"] .mc-top{height:0;border:0;overflow:hidden}
.mc .pg-home-detail{padding:73px 28px 25px}
.mc .detail{position:relative;display:grid;grid-template-columns:877px 424px;grid-template-rows:657px 117px;column-gap:43px;row-gap:28px;height:100%}
.mc .detail-back{position:absolute;left:0;top:-54px;margin:0;z-index:2;height:29px;padding:0 12px 0 4px}
.mc .detail-media{display:flex;flex-direction:column;gap:17px;min-width:0}
.mc .detail-main{position:relative;flex:none;height:513px;border-radius:14px;overflow:hidden;border:1px solid var(--line)}
.mc .detail-main .ph-img{position:absolute;inset:0}
.mc .detail-thumbs{display:flex;gap:16px;overflow:hidden}
.mc .detail-thumbs .thumb{flex:none;width:164px;height:125px;border-radius:10px}
.mc .detail-side{display:flex;flex-direction:column;padding-top:27px;min-width:0}
.mc .d-title{height:73px;display:flex;align-items:center;justify-content:space-between}
.mc .d-type{height:31px;margin-top:13px;display:flex;align-items:center}
.mc .d-desc{margin-top:22px;height:56px;gap:16px;justify-content:center}
.mc .star-btn{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#8d98a9}
.mc .star-btn:hover{background:rgba(255,255,255,.06)}
.mc .star-btn .ic{width:30px;height:30px}
.mc .star-btn.on{color:rgb(var(--gold))}
.mc .star-btn.on .ic{animation:mcPop .45s var(--spring)}
.mc .detail-live{display:flex;align-items:center;margin-top:33px;height:59px}
.mc .detail-live>div{width:212px;display:flex;align-items:center;gap:14px;color:#c6d0dd}
.mc .detail-live .ic{width:34px;height:34px}
.mc .detail-live small{font-size:15px;color:#c2ccd9}
.mc .detail-live .sep{flex:none;width:1px;height:46px;background:var(--line);margin:0}
.mc .detail-live>div:last-child{padding-left:24px}
.mc .detail-act{display:flex;justify-content:space-between;align-items:center;margin-top:31px;height:84px}
.mc .detail-act .btn-play{width:309px;height:77px;font-size:26px;border-radius:8px;padding:0}
.mc .detail-act .btn-play .ic{width:16px;height:16px}
.mc .detail-act .btn-round{width:84px;height:84px;flex:none}
.mc .detail-act .btn-round .ic{width:34px;height:34px}
.mc .detail-news{margin-top:41px;height:174px;padding-top:23px;border-top:1px solid var(--line)}
.mc .detail-news h5{margin:0 0 14px;display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800}
.mc .detail-news h5 i{width:4px;height:18px;border-radius:2px;background:rgb(var(--acc))}
.mc .nw-t{display:flex;align-items:center;gap:14px}
.mc .nw-link{margin-top:14px;display:inline-flex;gap:6px;align-items:center;font-size:15px;font-weight:700;color:rgb(var(--acc));border-radius:8px}
.mc .nw-link span{transition:transform .3s var(--spring)}
.mc .nw-link:hover span{transform:translateX(4px)}
.mc .detail-foot{grid-column:1/-1;display:flex;align-items:center;border-top:1px solid var(--line);padding-top:0}
.mc .detail-foot .grow{flex:1}
.mc .detail-foot .it{display:flex;gap:12px;align-items:center;color:var(--dim)}
.mc .detail-foot .it.first{width:188px}
.mc .detail-foot .it .ic{width:28px;height:28px}
.mc .detail-foot small{font-size:14px;color:#c2ccd9}
.mc .detail-foot .vsep{width:1px;height:46px;background:var(--line);margin:0 29px}
.mc .ach-n{display:flex;align-items:center;gap:6px;color:var(--faint)}
.mc .ach-n i{font-style:normal}
.mc .ach-entry{border-radius:10px;padding:4px 8px;margin:-4px -8px;text-align:left}
.mc .ach-entry:hover{background:rgba(255,255,255,.05)}

/* ── 服务器大厅 ── */
.mc .seg{position:relative;display:flex;padding:4px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line)}
.mc .seg button{position:relative;z-index:1;height:38px;padding:0 18px;border-radius:9px;font-size:14px;color:var(--dim);display:flex;align-items:center;gap:8px;white-space:nowrap;transition:color .2s}
.mc .seg button b{font-weight:700;color:var(--tx)}
.mc .seg button.on{color:#fff}
.mc .seg-ind{position:absolute;top:4px;bottom:4px;left:0;border-radius:9px;background:rgb(var(--acc)/.16);border:1px solid rgb(var(--acc)/.45);transition:transform .4s var(--glide),width .4s var(--glide)}
.mc .ping{display:inline-block;width:8px;height:8px;border-radius:50%}

/* ── 社交 · 好友 ── */
.mc .pg-friends{padding:14px 22px 0 21px}
.mc .fr-bar{display:flex;align-items:center;gap:9px;margin-bottom:15px;height:51px}
.mc .fr-bar .seg{flex:none;width:854px;height:51px;padding:3.5px;border-radius:10px}
.mc .fr-bar .seg button{flex:1;justify-content:center;height:44px;padding:0 8px;gap:9px}
.mc .fr-bar .grow{flex:1}
.mc .search-x{display:flex;align-items:center;height:35px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.035);overflow:hidden;width:35px;transition:width .38s var(--glide),border-color .2s}
.mc .search-x.open{width:240px;border-color:rgb(var(--acc)/.55)}
.mc .search-x button{width:33px;height:33px;display:grid;place-items:center;flex:none;color:#c9d3e0}
.mc .search-x input{border:0;background:none;outline:none;width:180px;font-size:14px}
.mc .search-x input::placeholder{color:var(--faint)}
.mc .fr-grid{display:grid;grid-template-columns:repeat(3,443px);column-gap:14px;row-gap:12px}
.mc .fcard{position:relative;height:190px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.mc .fcard>.ph-img{position:absolute;inset:0;opacity:.75}
.mc .fcard .in{position:relative;height:100%;padding:20px 20px 18px;display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(14,19,27,.92),rgba(14,19,27,.55))}
.mc .fcard .who{display:flex;align-items:center;gap:18px;text-align:left;border-radius:12px;margin:-6px;padding:6px}
.mc .fcard .who:hover .ph-av{box-shadow:0 0 0 3px rgb(var(--acc)/.45)}
.mc .fcard .ph-av{width:72px;height:72px;box-shadow:0 0 0 3px rgba(255,255,255,.08);transition:box-shadow .25s}
.mc .fcard .ph-av.ring-ok{box-shadow:0 0 0 3px rgb(var(--ok)/.35)}
.mc .fcard .st-chip{position:absolute;right:14px;top:14px;height:24px;padding:0 10px;border-radius:999px;font-size:11px;font-weight:600;display:flex;align-items:center;gap:6px;background:rgba(10,14,20,.7);border:1px solid currentColor}
.mc .fcard .bot{margin-top:auto;display:flex;align-items:flex-end;gap:10px}
.mc .fcard .bot .ph-stack{flex:1;gap:8px}
.mc .fcard.off .who,.mc .fcard.off .bot .ph-stack{opacity:.55}
.mc .fr-foot{text-align:center;color:var(--faint);font-size:12px;margin-top:18px;height:15px}
.mc .fr-empty{grid-column:1/-1;height:200px;display:grid;place-items:center;color:var(--faint);border:1px dashed var(--line2);border-radius:14px}

/* ── 社交 · 私信 ── */
.mc .pg-dm{padding:14px 22px 14px 21px}
.mc .dm{display:grid;grid-template-columns:325px 1fr;gap:15px;height:100%}
.mc .dm-list{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--line);background:var(--panel);overflow:hidden}
.mc .dm-search{display:flex;gap:10px;padding:12px 10px 0 11px;height:68px;flex:none}
.mc .dm-search label{flex:1;display:flex;align-items:center;gap:10px;height:41px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--faint)}
.mc .dm-search label:focus-within{border-color:rgb(var(--acc)/.55)}
.mc .dm-search input{border:0;background:none;outline:none;width:100%;font-size:13px}
.mc .dm-search input::placeholder{color:var(--faint)}
.mc .dm-search .ic{width:16px;height:16px}
.mc .dm-rows{flex:1;overflow-y:auto;scrollbar-width:none}
.mc .dm-row{display:flex;align-items:center;gap:12px;width:100%;height:78px;padding:0 12px;text-align:left;border-top:1px solid rgba(148,163,184,.06);position:relative;transition:background .2s}
.mc .dm-row:hover{background:rgba(255,255,255,.035)}
.mc .dm-row.on{background:rgb(var(--acc)/.1);box-shadow:inset 3px 0 0 rgb(var(--acc))}
.mc .dm-row .ph-av{width:50px;height:50px}
.mc .dm-row .ph-av i{position:absolute;right:0;bottom:1px;width:11px;height:11px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2.5px var(--panel)}
.mc .dm-row .mid{flex:1;min-width:0;display:flex;flex-direction:column;gap:9px}
.mc .dm-row .prev{font-size:13px;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc .dm-row .time{align-self:flex-start;margin-top:18px;font-size:11px;color:var(--faint)}
.mc .dm-row .unread{position:absolute;right:16px;bottom:16px;min-width:18px;height:18px;border-radius:9px;background:rgb(var(--acc));color:#fff;font:700 10px/18px "Segoe UI",sans-serif;text-align:center;padding:0 5px}
.mc .dm-thread{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--line);background:var(--panel);overflow:hidden;min-width:0}
.mc .dm-head{height:65px;flex:none;display:flex;align-items:center;gap:14px;padding:0 18px 0 18px;border-bottom:1px solid rgba(148,163,184,.08)}
.mc .dm-head .who{display:flex;flex-direction:column;gap:7px;text-align:left;flex:1;min-width:0}
.mc .dm-head .who small{font-size:11px;display:flex;align-items:center;gap:6px}
.mc .dm-head .acts{display:flex;align-items:center;gap:12px}
/* 顶部「加入游戏」：客户端 .pmx-join（描边、天青字） */
.mc .dm-head .join{height:41px;width:116px;flex:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:5px;border:1px solid rgba(248,248,248,.318);background:linear-gradient(180deg,rgba(42,47,54,.62),rgba(22,27,33,.8));color:rgb(var(--acc));font-size:12.5px;font-weight:700;transition:background .2s,border-color .2s}
.mc .dm-head .join .ic{width:15px;height:15px}
.mc .dm-head .join:hover{border-color:rgb(var(--acc)/.7);background:linear-gradient(180deg,rgba(52,58,66,.7),rgba(28,34,41,.85))}
.mc .dm-head .join[disabled]{opacity:.42;filter:grayscale(.35);cursor:default}
.mc .dm-head .tool{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;color:#c2ccd9}
.mc .dm-head .tool:hover{background:rgba(255,255,255,.06);color:#fff}
/* 消息区：客户端 .pmx-history 内边距 16/29/32、行距 12（×0.625） */
.mc .dm-body{flex:1;overflow-y:auto;scrollbar-width:none;padding:10px 18px 20px;display:flex;flex-direction:column;gap:7.5px}
.mc .dm-day{display:flex;align-items:center;gap:19px;color:#9ca2a9;font-size:10.6px;width:100%;flex:none}
.mc .dm-day::before,.mc .dm-day::after{content:"";height:1px;flex:1;background:rgba(115,120,126,.22)}
/* 一条消息：头像 34 | 时间在上、气泡在下；头像与气泡顶端对齐 */
.mc .msg{display:flex;gap:9.4px;align-items:flex-start;width:100%;flex:none}
.mc .msg[hidden]{display:none}
.mc .msg.me{flex-direction:row-reverse}
.mc .msg .av{flex:none;width:34px;height:34px;border-radius:50%;display:block}
.mc .msg .av .ph-av,.mc .msg .mc-tee-av{width:34px;height:34px;border:1px solid rgba(248,248,248,.176)}
.mc .msg button.av{border-radius:50%;transition:box-shadow .15s}
.mc .msg button.av:hover{box-shadow:0 0 0 2px #0b0f15,0 0 0 3.5px rgb(var(--acc))}
.mc .msg .mb{min-width:0;max-width:78%;display:flex;flex-direction:column;align-items:flex-start;gap:4.4px}
.mc .msg.me .mb{align-items:flex-end}
.mc .msg .tm{color:#989da4;font-size:8.75px;font-weight:500;line-height:1;margin-bottom:1px;white-space:nowrap}
.mc .msg .bub{width:max-content;max-width:100%;padding:12px 11px;border:1px solid rgba(108,113,120,.23);border-radius:6px;background:linear-gradient(180deg,rgba(40,45,52,.86),rgba(30,35,41,.89));color:#e8eff0;display:flex;flex-direction:column;gap:8px}
.mc .msg.me .bub{border-color:rgba(248,248,248,.275);background:linear-gradient(180deg,rgba(56,62,69,.72),rgba(40,45,52,.82))}
.mc .msg .bub .ph{height:8px}
.mc .msg .bub:has(.txt){padding:8px 11px}
.mc .msg .txt{font-size:11.9px;line-height:1.35;white-space:pre-wrap;word-break:break-word;user-select:text}
.mc .msg.new .bub,.mc .msg.new .invite,.mc .msg.new .photo{transform-origin:10% 100%;animation:mcMsgIn .34s cubic-bezier(.2,.9,.3,1.1) both}
.mc .msg.me.new .bub{transform-origin:90% 100%}
.mc .msg.new .tm,.mc .msg.new .av{animation:mcFade .28s ease both}
@keyframes mcMsgIn{from{opacity:0;transform:translateY(6px) scale(.94)}}
/* 图片消息：图在上，说明是一个小气泡 */
.mc .msg .photo{width:288px;border:1px solid rgba(108,113,120,.23);border-radius:6px;background:linear-gradient(180deg,rgba(40,45,52,.86),rgba(30,35,41,.89));padding:4px;display:flex;flex-direction:column;gap:4px}
.mc .msg .photo .media{width:100%;height:160px;border-radius:4px;overflow:hidden}
.mc .msg .photo .cap{border-radius:4px;padding:9px 10px}
/* 游戏邀请卡：客户端 .pmx-game-card（宽 333） */
.mc .invite{position:relative;width:333px;border-radius:7px;overflow:hidden;border:1px solid rgba(248,248,248,.12);background:linear-gradient(180deg,rgba(32,37,44,.95),rgba(24,29,35,.95))}
.mc .invite .ph-img{height:110px}
.mc .invite .in{padding:10px 12px 11px;display:flex;flex-direction:column;gap:7px}
.mc .invite .chs{display:flex;gap:4px}
.mc .invite .chs .ph{width:36px;height:14px;border-radius:4px;background:rgba(248,248,248,.08)}
.mc .invite .row{display:flex;align-items:center;justify-content:space-between;gap:10px}
.mc .invite .meta{display:flex;align-items:center;gap:4px;font-size:8px;color:var(--dim)}
.mc .invite .meta b{font-size:8.5px;color:rgb(var(--acc));font-weight:700}
.mc .invite .meta .ping{width:5px;height:5px;border-radius:50%;background:rgb(52 199 120);margin-left:6px}
.mc .invite .meta .ic{width:10px;height:10px}
.mc .invite .btn-s{height:32px;width:104px;padding:0;font-size:11px;border-radius:6px}
.mc .invite .tag{position:absolute;right:8px;top:8px;z-index:1;height:16px;padding:0 7px;gap:4px;font-size:8px;border-radius:999px;background:rgba(10,14,20,.72);display:inline-flex;align-items:center}
.mc .invite .tag i{width:4px;height:4px;border-radius:50%;background:currentColor}
.mc .invite .tag.ok{color:rgb(52 199 120);border:1px solid rgb(52 199 120 / .5)}
.mc .invite .tag.full{color:rgb(245 166 35);border:1px solid rgb(245 166 35 / .5)}
.mc .typing{display:flex;flex-direction:row!important;gap:4px;padding:13px 12px!important}
.mc .typing i{width:6px;height:6px;border-radius:50%;background:#7f8b9c;animation:mcDot 1s infinite}
.mc .typing i:nth-child(2){animation-delay:.15s}.mc .typing i:nth-child(3){animation-delay:.3s}
@keyframes mcDot{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-3px)}}
/* 输入区：客户端 .pmx-composer 内边距 10/24/12；发送按钮 58×21，空时灰色禁用 */
.mc .dm-compose{flex:none;height:93px;border-top:1px solid rgba(148,163,184,.08);padding:6px 15px 7.5px;position:relative;background:linear-gradient(180deg,rgba(19,23,29,.88),rgba(11,16,22,.9))}
.mc .dm-compose .tools{display:flex;gap:7px;margin-bottom:3px;height:18px}
.mc .dm-compose .tools button{width:18px;height:18px;border-radius:9px;display:grid;place-items:center;color:#a9b4c3}
.mc .dm-compose .tools button:hover{background:rgba(255,255,255,.06);color:#fff}
.mc .dm-compose .tools .ic{width:13px;height:13px}
.mc .dm-compose textarea{width:100%;height:58px;resize:none;border:0;outline:none!important;padding:0 70px 2.5px 0;background:none;font-size:9.4px;line-height:15px;color:#edf3fa}
.mc .dm-compose textarea::placeholder{color:#6f7680}
.mc .dm-compose .send{position:absolute;right:14px;bottom:8px;width:58px;height:21px;border-radius:5px;font-size:8.75px;font-weight:800;line-height:1;color:#fcfcfc;border:1px solid rgba(248,248,248,.41);background:linear-gradient(135deg,rgb(58,155,253),rgb(31,122,209));transition:background .2s,color .2s,border-color .2s,filter .2s}
.mc .dm-compose .send:hover:not([disabled]){filter:brightness(1.08)}
.mc .dm-compose .send[disabled]{color:#5f636a;background:rgba(34,39,46,.55);border-color:rgba(74,79,87,.35);cursor:default}
.mc .emoji-pop{position:absolute;left:14px;bottom:100%;margin-bottom:6px;width:304px;padding:10px;border-radius:14px;background:#1a2230;border:1px solid var(--line2);box-shadow:0 18px 40px rgba(0,0,0,.45);display:grid;grid-template-columns:repeat(8,1fr);gap:2px;z-index:5;transform-origin:20px 100%;animation:mcPopIn .26s var(--spring)}
.mc .emoji-pop button{height:34px;border-radius:8px;font-size:20px;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif}
.mc .emoji-pop button:hover{background:rgba(255,255,255,.08)}
@keyframes mcPopIn{from{opacity:0;transform:scale(.9)}}
.mc .dm-empty{flex:1;display:grid;place-items:center;color:var(--faint)}

/* ── 社交 · 动态 ── */
.mc .pg-feed{padding:14px 22px 0 21px}
.mc .feed-bar{display:flex;align-items:center;gap:14px;height:34px;margin-bottom:4px;padding-top:6px;position:relative}
.mc .dd{display:flex;align-items:center;gap:5px;height:23px;padding:0 7px;border-radius:7px;font-size:10.5px;font-weight:700}
.mc .dd.open{color:rgb(var(--acc));background:rgb(var(--acc)/.1)}
.mc .dd:hover{background:rgba(255,255,255,.05)}
.mc .dd .ic{width:14px;height:14px;transition:transform .25s}
.mc .dd.open .ic{transform:rotate(180deg)}
.mc .menu{position:absolute;z-index:46;min-width:138px;padding:5px;border-radius:10px;background:#1a2230;border:1px solid var(--line2);box-shadow:0 18px 40px rgba(0,0,0,.45);transform-origin:top left;animation:mcPopIn .24s var(--spring)}
.mc .menu button{display:flex;align-items:center;gap:9px;width:100%;height:32px;padding:0 10px;border-radius:7px;font-size:12px;text-align:left;color:#d4dce7}
.mc .menu button:hover{background:rgba(255,255,255,.07);color:#fff}
.mc .menu button.on{color:rgb(var(--acc));background:rgb(var(--acc)/.16)}
.mc .menu button .ic{width:14px;height:14px}
.mc .menu button.danger{color:#ff8a87}
.mc .feed{display:grid;grid-template-columns:652px 693px;gap:13px;align-items:start}
.mc .feed-col{display:flex;flex-direction:column;gap:12px}
.mc .post{border-radius:12px;border:1px solid var(--line);background:var(--panel);padding:10px 13px 0;display:flex;flex-direction:column;gap:9px}
.mc .post.new{animation:mcInZ .4s var(--glide) both;border-color:rgb(var(--acc)/.4)}
.mc .post .au{display:flex;align-items:center;gap:8px;height:26px}
.mc .post .au .ph-av,.mc .post .au .mc-tee-av{width:26px!important;height:26px!important}
.mc .post .au .ph-stack{gap:5px}
.mc .post .ph-stack{gap:5px}
.mc .post .ph.hi{height:10px}
.mc .post .ph.l{height:12px}
.mc .post .au .more{margin-left:auto;width:21px;height:21px;border-radius:8px;display:grid;place-items:center;color:var(--faint)}
.mc .post .au .more:hover{background:rgba(255,255,255,.06);color:#fff}
.mc .post .txt{font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word;user-select:text}
.mc .post .media{height:170px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.mc .post .tags{display:flex;gap:8px}
.mc .post .tags .ph{width:50px;height:18px;border-radius:5px;background:rgb(var(--acc)/.16)}
.mc .post .acts{display:grid;grid-template-columns:repeat(4,1fr);border-top:0;margin:0 -6px;height:32px;align-items:center}
.mc .post .acts button{height:23px;display:flex;align-items:center;gap:6px;padding:0 8px;font-size:9px;color:var(--dim);border-radius:8px}
.mc .post .acts button:nth-child(2){justify-content:center}.mc .post .acts button:nth-child(3){justify-content:center}.mc .post .acts button:last-child{justify-content:flex-end}
.mc .post .acts button:hover{color:#fff}
.mc .post .acts .ic{width:11px;height:11px}
.mc .post .acts button.on.like{color:#ff5d7a}
.mc .post .acts button.on.mark{color:rgb(var(--gold))}
.mc .post .acts button.on .ic{animation:mcPop .45s var(--spring)}
.mc .cmts{display:flex;flex-direction:column;gap:10px;padding:4px 0 12px;border-top:1px solid rgba(148,163,184,.06)}
.mc .cmt{display:flex;gap:10px;align-items:flex-start;font-size:13px}
.mc .cmt .ph-av{width:26px;height:26px}
.mc .cmt .body{display:flex;flex-direction:column;gap:6px;padding-top:4px;min-width:0}
.mc .cmt .txt{font-size:13px}
.mc .cmt-in{display:flex;gap:8px;align-items:center}
.mc .cmt-in input{flex:1;height:36px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.03);padding:0 12px;outline:none;font-size:13px}
.mc .cmt-in input:focus{border-color:rgb(var(--acc)/.55)}

/* ── 商城 / 库存（客户端里同样是待开放占位） ── */
.mc .soon{height:100%;display:grid;place-items:center;text-align:center}
.mc .soon .box{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--dim)}
.mc .soon .ic{width:46px;height:46px;color:#556274}
.mc .soon b{font-size:20px;color:var(--tx)}

/* ── 设置（对照客户端：无顶栏，三列卡片） ── */
.mc-main[data-view="settings"] .mc-top{height:0;border:0;overflow:hidden}
.mc-main[data-view="settings"] .mc-page{padding:60px 18px 10px}
.mc .set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch;height:100%}
.mc .set-col{display:flex;flex-direction:column;gap:16px;min-width:0}
.mc .set-card{flex:1 1 auto;display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--line);background:var(--panel);padding:12px 18px 4px}
.mc .set-card h4{flex:none;margin:0 0 4px;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;height:30px}
.mc .set-card h4 .hi{width:22px;height:22px;border-radius:7px;background:rgb(var(--acc)/.14);color:rgb(var(--acc));display:grid;place-items:center}
.mc .set-card h4 .hi .ic{width:13px;height:13px}
.mc .set-sub{flex:none;font-size:10px;font-weight:700;color:rgb(var(--acc));margin:2px 0 -2px}
.mc .set-me{flex:none;display:flex;align-items:center;gap:14px;padding:6px 0 12px}
.mc .set-row{flex:1 1 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;border-top:1px solid rgba(148,163,184,.06)}
.mc .set-row.tall{min-height:64px}
.mc .set-col:first-child .set-row{min-height:52px}
.mc .set-row .ph-stack{flex:none;gap:7px}
.mc .set-row .ctl{display:flex;align-items:center;gap:10px;margin-left:auto}
.mc .set-row .unb{opacity:.8}
.mc .set-foot{flex:none;display:flex;align-items:center;gap:10px;padding:12px 0 12px;border-top:1px solid rgba(148,163,184,.06)}
.mc .set-foot .grow{flex:1}
.mc .btn-s.sm{height:28px;padding:0 12px;font-size:11px;border-radius:7px}
.mc .btn-s.danger{color:#ff8a87;background:rgb(var(--bad)/.1);border-color:rgb(var(--bad)/.4)}
.mc .tg{width:40px;height:22px;border-radius:11px;background:rgba(255,255,255,.12);position:relative;flex:none;transition:background .25s}
.mc .tg::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .35s var(--spring);box-shadow:0 1px 3px rgba(0,0,0,.4)}
.mc .tg.on{background:rgb(var(--acc))}
.mc .tg.on::after{transform:translateX(18px)}
.mc .mini-seg{position:relative;display:flex;padding:3px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.mc .mini-seg button{position:relative;z-index:1;height:24px;padding:0 10px;border-radius:6px;font-size:11px;color:var(--dim);white-space:nowrap;transition:color .2s}
.mc .mini-seg button.on{color:rgb(var(--acc));font-weight:700}
.mc .mini-seg .seg-ind{top:3px;bottom:3px;border-radius:6px;background:rgb(var(--acc)/.14);border:1px solid rgb(var(--acc)/.35)}
.mc .slider{width:120px;accent-color:rgb(var(--acc))}
.mc .vol{font-size:10px;color:var(--dim);width:30px;text-align:right}
.mc .sel{display:flex;align-items:center;justify-content:space-between;gap:20px;height:28px;width:146px;padding:0 10px;border-radius:7px;border:1px solid var(--line2);background:rgba(255,255,255,.04);font-size:11px;font-weight:600}
.mc .sel .ic{width:12px;height:12px;color:var(--dim)}
.mc .set-row.ver .ctl{gap:12px}
.mc .lnk{font-size:10px;font-weight:700;color:rgb(var(--acc));border-radius:5px}
.mc .lnk:hover{text-decoration:underline}
.mc .keys{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mc .krow{display:flex;align-items:center;justify-content:space-between;gap:20px;height:50px;padding:0 18px;border-top:1px solid rgba(148,163,184,.06)}
.mc .krow:first-child{border-top:0}
.mc kbd{font:600 12px/1 "Segoe UI",sans-serif;padding:6px 10px;border-radius:7px;background:rgba(255,255,255,.07);border:1px solid var(--line2);color:#dbe3ee}

/* ── 浮层 ── */
.mc .pop{position:absolute;z-index:45;border-radius:16px;background:#161e2a;border:1px solid var(--line2);box-shadow:0 30px 60px -10px rgba(0,0,0,.6);animation:mcPopIn .3s var(--spring)}
.mc .pop.out{animation:mcPopOut .2s ease forwards}
@keyframes mcPopOut{to{opacity:0;transform:scale(.95)}}
.mc .ntf{right:15px;top:54px;width:337px;height:702px;display:flex;flex-direction:column;transform-origin:calc(100% - 38px) 0;border-radius:14px}
.mc .ntf-head{display:flex;align-items:center;gap:8px;padding:12px 14px 10px;flex:none}
.mc .ntf-head .bt{width:24px;height:24px;border-radius:7px;background:rgb(var(--acc)/.14);color:rgb(var(--acc));display:grid;place-items:center}
.mc .ntf-head .bt .ic{width:14px;height:14px}
.mc .ntf-head b{font-size:14px}
.mc .ntf-head .cnt{font-style:normal;font-size:9px;font-weight:700;min-width:16px;height:16px;padding:0 5px;border-radius:8px;background:rgb(var(--acc)/.2);color:rgb(var(--acc));display:grid;place-items:center}
.mc .ntf-head .grow{flex:1}
.mc .ntf-head .hb{display:flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:6px;font-size:9px;color:rgb(var(--acc));border:1px solid var(--line2);background:rgba(255,255,255,.03)}
.mc .ntf-head .hb:hover{background:rgba(255,255,255,.08)}
.mc .ntf-head .hb .ic{width:10px;height:10px}
.mc .ntf-pills{display:flex;gap:7px;padding:0 14px 10px;flex:none;border-bottom:1px solid var(--line)}
.mc .ntf-pills button{height:22px;padding:0 10px;border-radius:999px;font-size:9px;color:#b9c3d0;border:1px solid var(--line2);background:rgba(255,255,255,.03);margin-bottom:0;transition:background .2s,color .2s,border-color .2s}
.mc .ntf-pills button.on{color:rgb(var(--acc));border-color:rgb(var(--acc)/.6);background:rgb(var(--acc)/.14);font-weight:700}
.mc .ntf-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding:10px 10px 8px;display:flex;flex-direction:column;gap:8px}
.mc .ncard{position:relative;flex:none;display:flex;gap:10px;padding:11px 12px 11px 14px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(148,163,184,.1);transition:transform .32s var(--glide),opacity .32s,margin .32s,height .32s,padding .32s,background .2s}
.mc .ncard.unread::before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2.5px;border-radius:2px;background:rgb(var(--acc))}
.mc .ncard.unread{background:rgb(var(--acc)/.05)}
.mc .ncard .ph-av{width:34px;height:34px;flex:none}
.mc .ncard .sysi{display:grid;place-items:center;background:#1c2a3b;color:rgb(var(--acc));border:1px solid var(--line)}
.mc .ncard .sysi .ic{width:16px;height:16px}
.mc .ncard .body .ph{max-width:100%}
.mc .ncard .body{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px;padding-top:2px}
.mc .ncard .l1{display:flex;align-items:center;gap:8px}
.mc .ncard .l1 .tm{margin-left:auto}
.mc .ncard .ph.lk{background:rgb(var(--acc)/.35)}
.mc .ncard .acts{display:flex;justify-content:flex-end;gap:7px;margin-top:3px}
.mc .ncard .acts .done{font-size:10px;color:rgb(var(--ok));display:flex;align-items:center;gap:5px}
.mc .ncard .acts .done .ic{width:12px;height:12px}
.mc .ncard .x{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;color:var(--faint);flex:none}
.mc .ncard .x:hover{background:rgba(255,255,255,.08);color:#fff}
.mc .ncard .x .ic{width:10px;height:10px}
.mc .ncard.gone{transform:translateX(60px);opacity:0;pointer-events:none}
.mc .ntf-empty{padding:60px 0;text-align:center;color:var(--faint);font-size:13px}
.mc .ntf-foot{display:flex;align-items:center;gap:8px;height:28px;margin:0 10px 10px;padding:0 10px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.03);font-size:10px;color:rgb(var(--acc));flex:none}
.mc .ntf-foot .ic{width:11px;height:11px}
.mc .ntf-foot .ic:last-child{margin-left:auto}
.mc .ntf-foot:hover{background:rgba(255,255,255,.07)}
.mc .coin-pop{right:15px;top:54px;width:325px;padding:14px 15px 15px;border-radius:14px;transform-origin:calc(100% - 50px) 0}
.mc .coin-pop .bal{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.mc .coin-pop .bal small{font-size:9px;color:var(--dim)}
.mc .mc-coin.lg{width:28px;height:28px;font-size:9px}
.mc .mc-coin.sm{width:12px;height:12px;font-size:5px}
.mc .coin-pop .lab{font-size:9px;font-weight:700;color:var(--dim);margin:8px 0 5px}
.mc .coin-pop .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mc .coin-pop .opt{height:44px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.02);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;transition:border-color .2s,background .2s}
.mc .coin-pop .opt b{display:flex;align-items:center;gap:6px;font-size:12px}
.mc .coin-pop .opt small{font-size:8px;color:var(--dim)}
.mc .coin-pop .opt:hover{background:rgba(255,255,255,.05)}
.mc .coin-pop .opt.on{border-color:rgb(var(--acc)/.85);background:rgb(var(--acc)/.12)}
.mc .coin-pop .cus{display:flex;align-items:center;gap:8px;height:30px;margin-top:8px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:rgba(255,255,255,.02)}
.mc .coin-pop .cus input{flex:1;border:0;background:none;outline:none;font-size:10px;min-width:0}
.mc .coin-pop .cus input::placeholder{color:var(--faint)}
.mc .coin-pop .cus em{font-style:normal;font-size:10px;color:rgb(var(--acc));font-weight:700}
.mc .coin-pop .cus.on,.mc .coin-pop .cus:focus-within{border-color:rgb(var(--acc)/.7)}
.mc .coin-pop .meth{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mc .coin-pop .meth button{height:29px;border-radius:7px;border:1px solid var(--line);background:rgba(255,255,255,.02);display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;font-weight:700;color:#b9c3d0}
.mc .coin-pop .meth button i{width:9px;height:9px;border-radius:50%;border:1.5px solid #7d8796}
.mc .coin-pop .meth button.on{border-color:rgb(var(--acc)/.7);background:rgb(var(--acc)/.12);color:#fff}
.mc .coin-pop .meth button.on i{border-color:rgb(var(--acc));box-shadow:inset 0 0 0 2px #121923;background:rgb(var(--acc))}
.mc .coin-pop .pay{width:100%;height:34px;margin-top:12px;font-size:11px;border-radius:8px}
.mc .coin-pop .pay:disabled{opacity:.4;cursor:default}
.mc .pc-tile .in{flex-direction:row;align-items:center;justify-content:space-between}
.mc .pc-tile .in .l,.mc .pc-tile .in .r{display:flex;flex-direction:column;gap:10px}
.mc .pc-tile .in .r{align-items:flex-end}
.mc .pc-tile .chs{display:flex;gap:5px}
.mc .pc-tile .chs .ph{height:11px;border-radius:999px}
.mc .acct{left:0;bottom:64px;width:200px;padding:10px 10px 8px;border-radius:14px 14px 0 0;border-bottom:0;transform-origin:30px 100%}
.mc .ap-row{display:flex;align-items:center;gap:10px;width:100%;height:42px;padding:0 8px 0 6px;border-radius:9px;font-size:12px;font-weight:700;color:#e2e9f2;text-align:left}
.mc .ap-row:hover{background:rgba(255,255,255,.06)}
.mc .ap-row.card{border:1px solid var(--line);background:rgba(255,255,255,.03);margin-bottom:4px}
.mc .ap-row .tile{width:24px;height:24px;border-radius:7px;background:rgb(var(--acc)/.14);color:rgb(var(--acc));display:grid;place-items:center;flex:none}
.mc .ap-row .tile .ic{width:14px;height:14px}
.mc .ap-row .t{flex:1}
.mc .ap-row>.ic{width:12px;height:12px;color:var(--faint)}
.mc .ap-row.out .tile{background:rgb(var(--bad)/.14);color:#ff7a77}
.mc .ap-label{font-size:10px;font-weight:700;color:var(--dim);margin:10px 6px 6px}
.mc .ap-st{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:8px}
.mc .ap-st button{position:relative;height:32px;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:11px;font-weight:600;color:#c9d3e0;background:rgba(255,255,255,.03);border:1px solid transparent}
.mc .ap-st button:hover{background:rgba(255,255,255,.07)}
.mc .ap-st .st-dot{width:7px;height:7px}
.mc .ap-st .ic{position:absolute;right:8px;width:12px;height:12px;opacity:0;color:rgb(var(--acc))}
.mc .ap-st button.on{border-color:rgb(var(--acc)/.5);background:rgb(var(--acc)/.12);color:#fff}
.mc .ap-st button.on .ic{opacity:1}
.mc .mc-dock .ic{transition:transform .3s var(--glide)}
.mc .mc-dock.on .ic{transform:rotate(-90deg)}

/* 模态：单层蒙版，窗口从点击处展开 */
.mc-modal{position:absolute;inset:0;z-index:40;display:grid;place-items:center;background:rgba(6,9,13,.55);backdrop-filter:blur(8px);animation:mcFade .22s ease both}
.mc-modal.out{animation:mcFadeOut .2s ease forwards}
.mc-modal.out .win{animation:mcWinOut .2s ease forwards}
@keyframes mcFade{from{opacity:0}}
@keyframes mcFadeOut{to{opacity:0}}
@keyframes mcWinOut{to{opacity:0;transform:scale(.96)}}
.mc .win{position:relative;border-radius:18px;background:#141b26;border:1px solid var(--line2);box-shadow:0 40px 80px -20px rgba(0,0,0,.7);animation:mcWin .36s var(--spring) both}
@keyframes mcWin{from{opacity:0;transform:translate(var(--fx,0),var(--fy,0)) scale(.6)}}
.mc .win .close{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);color:#c6d0dd;z-index:2}
.mc .win .close:hover{background:rgba(255,255,255,.08);color:#fff}
.mc .win .close .ic{width:18px;height:18px}

/* 资料卡 */
.mc .pc{width:664px;padding:24px 26px 18px;display:flex;flex-direction:column;gap:16px}
.mc .pc-id{display:flex;align-items:center;gap:22px;padding-right:40px}
.mc .pc-id .ph-av{width:86px;height:86px;box-shadow:0 0 0 4px rgba(255,255,255,.08)}
.mc .pc-id .ph-av.ring-ok{box-shadow:0 0 0 4px rgb(var(--ok)/.4)}
.mc .pc-id .ph-av.ring-acc{box-shadow:0 0 0 4px rgb(var(--acc)/.45)}
.mc .pc-id .ph-av.self{background:radial-gradient(circle at 50% 35%,#2c3a4f,#141c27);display:grid;place-items:center;overflow:hidden}
.mc .pc-id .ph-av.self canvas{width:128%;max-width:none;transform:translateY(4%)}
.mc .pc-id .nm{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}
.mc .pc-id .line{display:flex;align-items:center;gap:8px;font-size:13px}
.mc .pc-id .acts{display:flex;gap:10px;align-self:flex-start;margin-top:22px}
.mc .pc-id .acts .btn-s{height:40px;padding:0 18px;font-size:14px}
.mc .pc-id .acts .btn-ic{width:40px;height:40px}
.mc .pc-stats{display:grid;grid-template-columns:1.25fr repeat(4,1fr);border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}
.mc .pc-stats>div{padding:14px 18px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-left:1px solid var(--line)}
.mc .pc-stats>div:first-child{border-left:0}
.mc .pc-stats small{font-size:11px;color:var(--dim)}
.mc .pc-skin{flex-direction:row!important;align-items:center;gap:12px!important}
.mc .pc-skin canvas{width:64px;height:auto;flex:none;image-rendering:auto;transition:transform .5s var(--spring)}
.mc .pc-skin:hover canvas{transform:translateY(-3px) rotate(-4deg)}
.mc .pc-skin b{font:700 15px/1.1 "Segoe UI",sans-serif;display:block}
.mc .pc-skin .skin-pick{display:flex;flex-direction:column;gap:4px;text-align:left}
.mc .pc-mod{display:flex;flex-direction:column;gap:10px}
.mc .pc-mod-h{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700}
.mc .pc-tiles{display:grid;gap:10px}
.mc .pc-tile{height:70px;border-radius:12px;overflow:hidden;border:1px solid var(--line);position:relative}
.mc .pc-tile .ph-img{position:absolute;inset:0}
.mc .pc-tile .in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;gap:9px;padding:0 18px;background:linear-gradient(90deg,rgba(14,19,27,.85),transparent)}
.mc .pc-ach{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.mc .pc-ach>div{display:flex;flex-direction:column;align-items:center;gap:9px}
.mc .pc-ach .b{width:56px;height:56px;border-radius:14px;background:var(--tone,#232d3b);box-shadow:inset 0 0 0 2px rgba(255,255,255,.08)}
.mc .pc-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;gap:12px}
.mc .pc-foot .avs{display:flex}
.mc .pc-foot .avs .ph-av{width:24px;height:24px;margin-right:-6px;box-shadow:0 0 0 2px #141b26}

/* 发布动态 */
.mc .compose{width:640px;padding:26px 28px 22px;display:flex;flex-direction:column;gap:16px}
.mc .compose h3{margin:0;font-size:18px}
.mc .compose textarea{height:160px;resize:none;border-radius:12px;border:1px solid var(--line2);background:rgba(255,255,255,.03);padding:14px 16px;outline:none;font-size:14px;line-height:1.6}
.mc .compose textarea:focus{border-color:rgb(var(--acc)/.6)}
.mc .compose .row{display:flex;align-items:center;gap:8px}
.mc .compose .row .grow{flex:1}
.mc .compose .count{font-size:12px;color:var(--faint)}

/* 进入游戏 */
.mc .launch{position:absolute;inset:0;z-index:50;display:grid;place-items:center;background:#070a0f;animation:mcFade .3s ease both}
.mc .launch .ph-img{position:absolute;inset:0;opacity:.35;--tone:#16202d}
.mc .launch .box{position:relative;width:560px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}
.mc .launch .bar{width:100%;height:6px;border-radius:3px;background:rgba(255,255,255,.08);overflow:hidden}
.mc .launch .bar i{display:block;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,#3d97f7,#7cc0ff);transition:width .35s ease}
.mc .launch .step{font-size:14px;color:var(--dim);height:20px}
.mc .launch .end{display:flex;flex-direction:column;align-items:center;gap:16px;animation:mcInZ .4s var(--glide) both}
.mc .launch .end b{font-size:26px;font-weight:700}
.mc .launch .end p{margin:0;color:var(--dim);font-size:15px}
.mc .launch .end .row{display:flex;gap:12px;margin-top:6px}
.mc .launch .end .btn-play{height:50px;font-size:17px}
.mc .launch .end .btn-s{height:50px;padding:0 24px;font-size:15px}

/* 提示条 */
.mc-toast{position:absolute;left:50%;bottom:34px;z-index:60;transform:translateX(-50%);padding:11px 20px;border-radius:12px;background:#222c3a;border:1px solid var(--line2);box-shadow:0 18px 40px rgba(0,0,0,.5);font-size:13px;display:flex;align-items:center;gap:10px;animation:mcToast .34s var(--spring) both;white-space:nowrap}
.mc-toast .ic{width:16px;height:16px;color:rgb(var(--acc))}
.mc-toast.out{animation:mcFadeOut .2s ease forwards}
@keyframes mcToast{from{opacity:0;transform:translate(-50%,14px)}}

/* 导览高亮（宿主页面驱动时） */
.mc-spot{position:absolute;z-index:70;pointer-events:none;border-radius:14px;box-shadow:0 0 0 2px rgb(var(--acc)),0 0 0 8px rgb(var(--acc)/.18);transition:all .5s var(--glide);opacity:0}
.mc-spot.on{opacity:1}

@media (prefers-reduced-motion:reduce){
  .mc *,.mc *::before,.mc *::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}
}

/* ── 服务器大厅（对照客户端 R256） ── */
.mc .sb-page{display:flex;flex-direction:column;height:100%}
.mc-main[data-page="home-lobby"] .mc-top{height:45px;overflow:visible}
.mc-top .mc-back{position:absolute;left:28px;top:19px;height:29px;margin:0;padding:0 12px 0 4px}
.mc .pg-home-lobby{padding:28px 28px 20px}
.mc .sb-head{display:flex;align-items:center;height:88px;padding:0 0 0 10px;border-bottom:1px solid rgba(148,163,184,.1);margin-bottom:25px;flex:none;gap:0}
.mc .sb-left{display:flex;align-items:center;gap:0}
.mc .sb-globe{width:50px;height:50px;border-radius:8px;background:#3a9bfd;display:grid;place-items:center;color:#fff;box-shadow:0 0 15px rgba(0,0,0,.216)}
.mc .sb-globe .ic{width:25px;height:25px}
.mc .sb-title{margin:0 68px 0 23px;font:800 31px/1 "Segoe UI Variable Display","Segoe UI","Microsoft YaHei UI",sans-serif;letter-spacing:-.01em}
.mc .sb-quick,.mc .sb-refresh{height:53px;padding:0 24px;border-radius:7.5px;display:flex;align-items:center;justify-content:center;gap:9px;font-size:21.3px;font-weight:750}
.mc .sb-refresh{font-size:19.4px;background:rgba(29,34,41,.6)!important;border:1px solid rgb(72,83,97)!important;color:#fff}
.mc .sb-quick{width:165px}.mc .sb-refresh{width:129px;margin-left:22px}
.mc .sb-quick{color:#fcfcfc;background:#3a9bfd;box-shadow:0 0 16px rgba(0,0,0,.235)}
.mc .sb-quick:hover{filter:brightness(1.07)}
.mc .sb-quick .ic,.mc .sb-refresh .ic{width:19px;height:19px}
.mc .sb-refresh{border:1px solid var(--line2);background:rgba(255,255,255,.03)}
.mc .sb-refresh:hover{background:rgba(255,255,255,.08)}
.mc .sb-stats{display:flex;gap:30px;margin-left:auto;margin-right:46px}
.mc .sb-stat{display:flex;align-items:center;gap:10px;color:#9aa6b6}
.mc .sb-stat .ic{width:18px;height:18px}
.mc .sb-stat b{display:block;font-size:17px;line-height:1.1;color:var(--tx);font-variant-numeric:tabular-nums}
.mc .sb-stat small{display:block;font-size:11px;color:var(--dim)}
.mc .sb-sep{width:1px;height:28px;background:var(--line)}
.mc .sb-create{height:33px;width:154px;padding:0 10px;border-radius:8px;border:1px solid var(--line2);background:rgba(255,255,255,.03);display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;margin-right:46px}
.mc .sb-create:hover{background:rgba(255,255,255,.08)}
.mc .sb-create .ic{width:14px;height:14px}
.mc .sb-create .vip{font-size:9px;font-weight:800;color:rgb(var(--gold));background:rgb(var(--gold)/.14);border-radius:5px;padding:2px 5px}
.mc .sb-only{position:relative;display:flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;color:#d3d9e0;cursor:pointer}
.mc .sb-only input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}
.mc .sb-only .box{width:17.5px;height:17.5px;border-radius:2.5px;border:1px solid rgba(255,255,255,.35);background:rgba(17,22,28,.8);display:grid;place-items:center;color:transparent;transition:background .2s,border-color .2s,color .2s}
.mc .sb-only .box .ic{width:13px;height:13px}
.mc .sb-only input:checked+.box{background:rgb(var(--acc));border-color:rgb(var(--acc));color:#fff}
.mc .sb-only input:focus-visible+.box{outline:2px solid rgb(var(--acc)/.8);outline-offset:2px}
.mc .sb-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:188px;gap:15px;overflow:hidden}
.mc .sb-card{position:relative;border-radius:13px;overflow:hidden;border:1px solid var(--line);background:var(--panel)}
.mc .sb-card .art{position:absolute;inset:0;background:radial-gradient(90% 120% at 82% 20%,rgba(255,255,255,.07),transparent 60%),radial-gradient(60% 80% at 20% 100%,rgba(0,0,0,.35),transparent 70%),var(--tone);transition:transform .8s var(--glide)}
.mc .sb-card:hover .art{transform:scale(1.05)}
.mc .sb-card:hover{border-color:var(--line2)}
.mc .sb-card .in{position:relative;height:100%;padding:19px 14px 15px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(10,14,20,.25),rgba(10,14,20,.55))}
.mc .sb-card .top{display:flex;align-items:center;justify-content:space-between;gap:10px;height:24px}
.mc .sb-card .nm{display:flex;align-items:center;gap:8px;min-width:0}
.mc .sb-card .nm .ic{width:15px;height:15px;color:#cdd6e2}
.mc .sb-card .tagc{font-size:9px;font-weight:700;color:rgb(var(--acc));background:rgb(var(--acc)/.14);border-radius:4px;padding:2px 5px;white-space:nowrap}
.mc .sig{display:flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:6px;background:rgba(8,11,16,.62);font-size:11px;font-weight:700;white-space:nowrap}
.mc .sig .bars{display:flex;align-items:flex-end;gap:2px;height:10px}
.mc .sig .bars i{width:2.5px;border-radius:1px;background:currentColor;opacity:.3}
.mc .sig .bars i:nth-child(1){height:3px}.mc .sig .bars i:nth-child(2){height:5px}.mc .sig .bars i:nth-child(3){height:7px}.mc .sig .bars i:nth-child(4){height:9px}.mc .sig .bars i:nth-child(5){height:11px}
.mc .sig.ok{color:rgb(var(--ok))}.mc .sig.ok .bars i{opacity:1}
.mc .sig.warn{color:rgb(var(--warn))}.mc .sig.warn .bars i:nth-child(-n+4){opacity:1}
.mc .sig.bad{color:rgb(var(--bad))}.mc .sig.bad .bars i:nth-child(-n+2){opacity:1}
.mc .sb-card .mid{display:flex;align-items:center;justify-content:space-between;margin-top:auto;margin-bottom:9px;height:50px}
.mc .favs{display:flex;align-items:center}
.mc .sb-fav{margin-right:-8px;border-radius:50%;box-shadow:0 0 0 2px rgba(14,19,27,.9);transition:transform .3s var(--spring)}
.mc .sb-fav:hover{transform:translateY(-3px);z-index:2}
.mc .sb-more{margin-left:0;width:34px;height:34px;border-radius:50%;background:rgba(40,48,60,.95);box-shadow:0 0 0 2px rgba(14,19,27,.9);font-size:11px;font-weight:700;color:#aab6c6;position:relative}
.mc .sb-more:hover{background:rgba(60,70,86,.95);color:#fff}
.mc .cnt{display:flex;align-items:center;gap:6px;color:#9aa6b6;margin-left:auto}
.mc .cnt .ic{width:18px;height:18px}
.mc .cnt b{font-size:22px;color:var(--tx);font-variant-numeric:tabular-nums;line-height:1}
.mc .cnt small{font-size:16px;color:var(--dim)}
.mc .sb-join{height:47px;border-radius:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.08);color:rgb(var(--acc));font-size:18px;font-weight:800;transition:background .2s,transform .3s var(--spring)}
.mc .sb-join:hover:not(:disabled){background:rgba(255,255,255,.16)}
.mc .sb-join:disabled{color:#7c8696;background:rgba(255,255,255,.06);cursor:not-allowed}
.mc .sb-empty{flex:1;display:grid;place-content:center;justify-items:center;gap:12px;color:var(--faint)}
.mc .sb-empty[hidden]{display:none}
.mc .sb-empty .ic{width:44px;height:44px}
.mc .sb-empty p{margin:0}


/* ── 动态：发布按钮 / 话题条 / 展开 / 引用 ── */
.mc .pub{height:28px!important;width:89px;padding:0!important;color:rgb(var(--acc));border-color:rgb(var(--acc)/.45)!important;font-size:11px!important;border-radius:7px!important}
.mc .pub .ic{width:12px;height:12px}
.mc .feed-sub{height:27px;margin-bottom:8px}
.mc .feed-sub:empty{height:0;margin-bottom:0}
.mc .topics{display:flex;align-items:center;gap:5px;height:27px}
.mc .topics small{font-size:8.1px;font-weight:700;color:#8b9097;width:36px;flex:none}
.mc .chips{display:flex;gap:5px}
.mc .topic{height:18px;width:70px;padding:0 8px;border-radius:999px;border:1px solid var(--line2);display:inline-flex;align-items:center;justify-content:space-between;gap:3px;background:rgba(248,248,248,.04);font-size:9px;color:#b9bec6;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .3s var(--spring)}
.mc .topic:hover{background:rgb(var(--acc)/.16);border-color:rgb(var(--acc)/.48);color:#fff;transform:translateY(-1px)}
.mc .topic.on{background:rgb(var(--acc)/.24);border-color:rgb(var(--acc));color:rgb(var(--acc));font-weight:700;box-shadow:0 0 14px rgb(var(--acc)/.18)}
.mc .topic .tt{display:flex;align-items:center;gap:1px;font-size:8.1px;font-weight:600;min-width:0;overflow:hidden}
.mc .topic .tt .ph{height:5px;flex:none}
.mc .topic b{flex:none;font-size:6.9px;font-weight:700;line-height:9px;padding:.6px 3.75px;border-radius:6px;background:rgba(248,248,248,.09);color:rgb(var(--acc))}
.mc .topic.on b{background:rgb(var(--acc)/.3);color:#fff}
.mc .topic .ic{width:12px;height:12px}
.mc .topic.cus{color:#c9a8ff;border-color:rgba(168,128,255,.4);background:rgba(168,128,255,.08)}
.mc .trf{width:17.5px;height:17.5px;margin-left:1px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;color:var(--dim)}
.mc .trf:hover{color:#fff;background:rgba(255,255,255,.07)}
.mc .trf .ic{width:11px;height:11px}
.mc .expand{align-self:center;display:flex;align-items:center;gap:5px;height:24px;padding:0 12px;border-radius:999px;border:1px solid var(--line2);font-size:11px;color:#c4cedb;background:rgba(255,255,255,.03)}
.mc .expand:hover{background:rgba(255,255,255,.08);color:#fff}
.mc .expand .ic{width:11px;height:11px}
.mc .quote{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03)}

/* ── 通用小图标按钮 ── */
.mc .pmb{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#aab5c4;flex:none}
.mc .pmb:hover{background:rgba(255,255,255,.07);color:#fff}
.mc .pmb .ic{width:16px;height:16px}
.mc .pmb.round{border:1px solid var(--line2);border-radius:50%}
.mc .grow{flex:1}

/* ── 动态详情（评论）弹窗 ── */
.mc .pm{width:420px;height:492px;display:flex;flex-direction:column;border-radius:18px;overflow:hidden}
.mc .pm-h{display:flex;align-items:center;gap:10px;padding:14px 14px 12px 18px;border-bottom:1px solid var(--line);flex:none}
.mc .pm-h small{font-size:10px;color:var(--faint)}
.mc .pm-scroll{flex:1;overflow-y:auto;scrollbar-width:none;padding:16px 18px 8px}
.mc .pm-post{display:flex;flex-direction:column;gap:12px}
.mc .pm-post .txt{font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word;user-select:text}
.mc .pm-post .media{height:150px;border-radius:10px;overflow:hidden;border:1px solid var(--line)}
.mc .pm-post .tags{display:flex;gap:8px}
.mc .pm-post .tags .ph{width:54px;height:20px;border-radius:6px;background:rgb(var(--acc)/.16)}
.mc .pm-acts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:14px 0 14px}
.mc .pm-acts button{height:40px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px;color:var(--dim)}
.mc .pm-acts button:hover{color:#fff}
.mc .pm-acts .ic{width:16px;height:16px}
.mc .pm-acts button.on.like{color:#ff5d7a}.mc .pm-acts button.on.mark{color:rgb(var(--gold))}
.mc .pm-acts button.on .ic{animation:mcPop .45s var(--spring)}
.mc .pm-ch{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.mc .pm-ch b{font-size:13px}
.mc .pm-sort{position:relative;display:flex;padding:2px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line)}
.mc .pm-sort button{position:relative;z-index:1;height:22px;padding:0 11px;border-radius:999px;font-size:10px;color:var(--dim);transition:color .2s}
.mc .pm-sort button.on{color:rgb(var(--acc));font-weight:700}
.mc .pm-sort .seg-ind{top:2px;bottom:2px;border-radius:999px;background:rgb(var(--acc)/.16);border:1px solid rgb(var(--acc)/.4)}
.mc .pm-c{display:flex;gap:10px;padding:12px 0;border-top:1px solid rgba(148,163,184,.07)}
.mc .pm-c:first-child{border-top:0}
.mc .pm-c .b{flex:1;min-width:0}
.mc .pm-c .txt{font-size:12px;line-height:1.5;margin-top:5px;word-break:break-word;user-select:text}
.mc .pm-c .gif{display:block;width:112px;height:70px;border-radius:8px;margin-top:8px}
.mc .pm-c .m{display:flex;gap:10px;font-size:10px;color:var(--faint);margin-top:8px}
.mc .pm-c .m button{color:var(--dim)}.mc .pm-c .m button:hover{color:#fff}
.mc .pm-c .lk{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--faint);align-self:flex-start;margin-top:4px}
.mc .pm-c .lk .ic{width:13px;height:13px}
.mc .pm-c .lk.on{color:#ff5d7a}
.mc .pm-c .lk:hover{color:#fff}
.mc .pm-in{position:relative;display:flex;align-items:center;gap:6px;padding:10px 14px 12px;border-top:1px solid var(--line);flex:none}
.mc .pm-in input{flex:1;height:36px;border-radius:9px;border:1px solid rgb(var(--acc)/.5);background:rgba(6,9,13,.5);padding:0 12px;outline:none;font-size:12px}
.mc .pm-in input::placeholder{color:var(--faint)}
.mc .pm-send{height:36px;padding:0 16px;color:#fff;background:linear-gradient(180deg,#9b6dff,#7c4ee8)}
.mc .pm-send:hover{filter:brightness(1.08)}
.mc .pm-in .emoji-pop{left:10px}

/* ── 发布 / 转发动态 ── */
.mc .cp{width:536px}
.mc .cp-h{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 12px 22px;border-bottom:1px solid var(--line)}
.mc .cp-h b{font-size:14px}
.mc .cp-box{margin:18px 22px 0;border:1px solid rgb(var(--acc)/.6);border-radius:10px;background:rgba(6,9,13,.5)}
.mc .cp-box textarea{display:block;width:100%;height:170px;resize:none;border:0;outline:none;background:none;padding:12px 14px;font-size:12px;line-height:1.6;color:var(--tx)}
.mc .cp-box textarea::placeholder{color:var(--faint)}
.mc .cp-tools{position:relative;display:flex;align-items:center;gap:6px;padding:8px 10px;border-top:1px solid var(--line)}
.mc .cp-tools button{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;border:1px solid var(--line2);color:rgb(var(--acc));background:rgba(255,255,255,.03)}
.mc .cp-tools button:hover{background:rgb(var(--acc)/.16)}
.mc .cp-tools .ic{width:14px;height:14px}
.mc .cp-tools i{width:1px;height:16px;background:var(--line2);margin:0 3px}
.mc .cp-tools .count{font-size:10px;color:var(--faint)}
.mc .cp-topics{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 22px}
.mc .cp-topics small{font-size:10px;font-weight:700;color:var(--dim)}
.mc .cp-quote{display:flex;flex-direction:column;gap:8px;margin:0 22px 14px;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.mc .cp-f{display:flex;align-items:center;gap:10px;padding:12px 22px 16px;border-top:1px solid var(--line)}
.mc .cp-f .btn-s{height:32px;font-size:12px}
.mc .cp .emoji-pop{left:10px}
.mc .remark-in{height:44px;border-radius:10px;border:1px solid var(--line2);background:rgba(255,255,255,.03);padding:0 14px;outline:none;font-size:15px}
.mc .remark-in:focus{border-color:rgb(var(--acc)/.6)}
.mc .remark{font:700 14px/1.2 "Segoe UI","Microsoft YaHei UI",sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;display:block}
.mc .remark.big{font-size:26px;font-weight:800;max-width:220px}

/* ── 添加好友 ── */
.mc .af{width:886px;padding-bottom:17px}
.mc .af-h{display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 18px 0 26px;border-bottom:1px solid var(--line)}
.mc .af-h h3{margin:0;font-size:21px;font-weight:800}
.mc .af-search{display:flex;align-items:center;gap:12px;margin:16px 26px;height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--line2);background:rgba(6,9,13,.4);color:var(--dim)}
.mc .af-search:focus-within{border-color:rgb(var(--acc)/.6)}
.mc .af-search input{flex:1;border:0;background:none;outline:none;font-size:14px}
.mc .af-search input::placeholder{color:var(--faint)}
.mc .af-body{padding:0 26px}
.mc .af-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:32px;row-gap:12px}
.mc .af-col{display:flex;flex-direction:column;gap:8px;min-width:0;position:relative}
.mc .af-grid>.af-col:nth-child(1)::after,.mc .af-grid>.af-col:nth-child(2)::before{content:none}
.mc .af-t{display:flex;align-items:center;justify-content:space-between;height:26px}
.mc .af-t b{font-size:17px;font-weight:800;color:rgb(var(--acc))}
.mc .af-t button{display:flex;align-items:center;gap:3px;font-size:12px;color:rgb(var(--acc));border-radius:6px}
.mc .af-t button .ic{width:11px;height:11px}
.mc .af-row{display:flex;align-items:center;gap:14px;height:77px;padding:0 14px;border-radius:10px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:background .2s}
.mc .af-row:hover{background:rgba(255,255,255,.05)}
.mc .af-row .ph-av{width:54px;height:54px;box-shadow:0 0 0 2px rgba(255,255,255,.08)}
.mc .af-row .a{display:flex;gap:8px}
.mc .afb{width:44px;height:44px;border-radius:9px;border:1px solid var(--line2);display:grid;place-items:center;color:rgb(var(--acc));background:rgba(255,255,255,.02);transition:background .2s,transform .3s var(--spring)}
.mc .afb:hover{background:rgb(var(--acc)/.16)}
.mc .afb .ic{width:20px;height:20px}
.mc .afb.ok{border-color:rgb(var(--acc)/.6)}
.mc .afd{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:rgb(var(--ok));padding:0 6px;animation:mcPop .4s var(--spring)}
.mc .afd .ic{width:14px;height:14px}

/* ── 新私信 ── */
.mc .nd{width:424px;height:456px;display:flex;flex-direction:column}
.mc .nd-h{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px 20px;border-bottom:1px solid var(--line)}
.mc .nd-h b{font-size:14px}
.mc .nd-search{display:flex;align-items:center;gap:10px;margin:14px 20px 0;height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--line2);background:rgba(6,9,13,.45);color:var(--faint)}
.mc .nd-search:focus-within{border-color:rgb(var(--acc)/.7)}
.mc .nd-search input{flex:1;border:0;background:none;outline:none;font-size:12px}
.mc .nd-search .ic{width:14px;height:14px}
.mc .nd-pills{display:flex;gap:8px;margin:12px 20px}
.mc .nd-pills button{height:22px;padding:0 11px;border-radius:999px;font-size:10px;color:#c4cedb;border:1px solid var(--line2);background:rgba(255,255,255,.03);transition:background .2s,color .2s,border-color .2s}
.mc .nd-pills button.on{color:rgb(var(--acc));border-color:rgb(var(--acc)/.6);background:rgb(var(--acc)/.14)}
.mc .nd-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 20px 20px;overflow-y:auto;scrollbar-width:none;align-content:start}
.mc .nd-i{display:flex;align-items:center;gap:10px;height:50px;padding:0 10px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.03);text-align:left;transition:background .2s,border-color .2s}
.mc .nd-i:hover{background:rgb(var(--acc)/.1);border-color:rgb(var(--acc)/.35)}
.mc .nd-i .ph-av i{position:absolute;right:-1px;bottom:0;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 2px #141b26}
.mc .nd-i small{font-size:10px;display:flex;align-items:center;gap:4px}
.mc .nd-empty{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;height:200px;color:var(--faint);font-size:13px}
.mc .nd-empty small{font-size:11px}

/* ── 私信：聊天内搜索 ── */
.mc .dm-thread{position:relative}
.mc .dm-find{position:absolute;right:14px;top:80px;z-index:4;display:flex;align-items:center;gap:8px;height:36px;padding:0 6px 0 12px;border-radius:10px;background:rgba(18,25,35,.96);border:1px solid var(--line2);box-shadow:0 12px 30px rgba(0,0,0,.4);animation:mcPopIn .26s var(--spring);transform-origin:top right;backdrop-filter:blur(8px)}
.mc .dm-find.out{animation:mcPopOut .16s ease forwards}
.mc .dm-find label{display:flex;align-items:center;gap:8px;color:var(--faint)}
.mc .dm-find label .ic{width:14px;height:14px}
.mc .dm-find input{border:0;background:none;outline:none;width:230px;font-size:12px}
.mc .dm-find input::placeholder{color:var(--faint)}
.mc .dm-find .kinds{display:flex;gap:2px}
.mc .dm-find .kinds button{height:22px;padding:0 9px;border-radius:6px;font-size:10px;color:var(--dim)}
.mc .dm-find .kinds button.on{color:rgb(var(--acc));background:rgb(var(--acc)/.14);font-weight:700}
.mc .dm-find .tm{display:flex;gap:5px;align-items:center;height:22px;padding:0 8px;border-radius:6px;font-size:10px;color:rgb(var(--acc));border:1px solid rgb(var(--acc)/.3)}
.mc .dm-find .tm .ic{width:12px;height:12px}
.mc .dm-find .x{width:24px;height:24px;border-radius:6px;display:grid;place-items:center;color:var(--dim)}
.mc .dm-find .x:hover{background:rgba(255,255,255,.08);color:#fff}
.mc .dm-find .x .ic{width:13px;height:13px}
.mc .dm-find-empty{align-self:center;color:var(--faint);font-size:12px;margin-top:60px}
.mc .dm-head .tool.on{background:rgb(var(--acc)/.14);color:rgb(var(--acc))}
.mc .dm-row .flags{position:absolute;right:62px;top:22px;display:flex;gap:4px;color:var(--faint)}
.mc .dm-row .flags .ic{width:12px;height:12px}

.mc .menu.sel-menu{min-width:0;padding:5px;border-radius:12px}
.mc .menu.sel-menu button{height:34px;font-size:12px;padding:0 12px}

.mc .cp-topics .topic{width:auto;height:20px;padding:0 9px;justify-content:center;gap:4px;font-size:9px}

/* 「我的主页」栏：客户端 .afx-my-home-bar（替代热门话题条） */
.mc .myhome{display:flex;align-items:center;height:27px;gap:6px}
.mc .myhome .l{font-size:8.8px;font-weight:700;color:#dbe1e9}
.mc .myhome .n{height:11.3px;padding:0 3.75px;border-radius:5.6px;background:rgba(248,248,248,.133);color:rgb(var(--acc));font-size:7.2px;font-weight:700;display:inline-flex;align-items:center}
.mc .myhome .acts{display:flex;gap:5px;margin-left:3px}
.mc .myhome .acts button{width:17.5px;height:17.5px;border-radius:3.75px;display:grid;place-items:center;color:#979da4}
.mc .myhome .acts button:hover{background:rgba(255,255,255,.06);color:#fff}
.mc .myhome .acts .ic{width:10px;height:10px}
.mc .myhome .st{font-size:8.1px;font-weight:500;color:#8b9097;padding:1.25px 3.75px;border-radius:3.75px}
.mc .myhome .st b{font-weight:700;color:#dbe1e9}
.mc .myhome .st:hover{background:rgba(255,255,255,.05)}
.mc .myhome .st+.st{margin-left:4px}
/* 自己的资料卡「编辑资料」：客户端 75×31.5、8.4px 字 */
.mc .pc-id .acts .btn-s.edit{height:31.5px;width:75px;padding:0;font-size:8.4px;font-weight:700;border-radius:6.25px;background:linear-gradient(135deg,rgb(58,155,253),rgb(1,100,181))}
/* 服务器大厅（R9 实测）：返回为 15.6px 半粗；顶栏下没有分隔线；创建私人服务器为深色渐变次级按钮 */
.mc .mc-back{font-size:15.6px;font-weight:560;color:#eaf2f4}
.mc .mc-back .ic{width:19px;height:19px}
.mc-main[data-page="home-lobby"] .mc-top{border-bottom:0}
.mc .sb-create{background:linear-gradient(180deg,rgba(32,37,43,.78),rgba(22,27,33,.88))!important;border:1px solid rgba(97,109,124,.52)!important;border-radius:6.25px!important;color:#d1d7de;font-size:11.3px;box-shadow:inset 0 1px 0 rgba(0,0,0,.016),0 5px 14px rgba(0,0,0,.1)}