:root{
  --pink:#00A887; --pink-deep:#00785f; --blue:#00A1D6;
  --bg:#f4f5f7; --card:#ffffff; --text:#212121; --sub:#99a2aa;
  --line:#e7e7e7; --gray-btn:#f4f4f4;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}
.hidden{display:none !important}
a{color:var(--blue);text-decoration:none;cursor:pointer}
img{object-fit:cover}
.uid{font-size:11px;color:var(--sub)}
.lv{font-style:normal;font-size:10px;color:#fff;border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:1px}
.lv1{background:#ccd0d8}.lv2{background:#b8d998}.lv3{background:#83c65f}
.lv4{background:#f0b864}.lv5{background:#f28c38}.lv6{background:#e84e4e}
.pink-name{color:var(--pink-deep);font-weight:600}
.coin-ico{display:inline-block;width:18px;height:18px;border-radius:50%;
  background:url(data:image/png;base64,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) center/cover;
  box-shadow:0 1px 3px rgba(120,80,10,.35);vertical-align:-3px;margin-right:5px}

/* ================= 顶栏 ================= */
.topbar{
  position:fixed;top:0;left:0;right:0;z-index:50;height:64px;
  background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.06);
  display:flex;align-items:center;gap:24px;padding:0 24px;
}
.tb-left{display:flex;align-items:center;gap:22px;flex:none}
.logo{font-size:20px;font-weight:800;color:var(--text);white-space:nowrap;cursor:pointer}
.logo .ver{font-size:11px;background:var(--pink);color:#fff;border-radius:8px;padding:1px 7px;margin-left:6px;vertical-align:2px}
.tb-left nav{display:flex;gap:4px}
.tb-left nav a{padding:6px 12px;border-radius:8px;font-size:14.5px;color:#555;cursor:pointer;transition:.15s}
.tb-left nav a:hover{background:var(--gray-btn)}
.tb-left nav a.on{color:var(--pink-deep);font-weight:700}
.tb-search{flex:1;max-width:420px;display:flex}
.tb-search input{
  flex:1;height:38px;border:1px solid var(--line);border-right:none;border-radius:10px 0 0 10px;
  padding:0 16px;font-size:14px;background:#f4f4f4;outline:none;transition:.2s;
}
.tb-search input:focus{background:#fff;border-color:var(--pink)}
.tb-search button{
  width:64px;border:none;border-radius:0 10px 10px 0;background:var(--pink);color:#fff;
  font-size:14px;cursor:pointer;
}
.tb-search button:hover{background:var(--pink-deep)}
.tb-right{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none}
.sign-btn{
  border:1px solid var(--pink);color:var(--pink);background:#fff;border-radius:8px;
  padding:7px 16px;font-size:13px;cursor:pointer;transition:.2s;
}
.sign-btn:hover{background:var(--pink);color:#fff}
.sign-btn.done{border-color:var(--line);color:var(--sub);background:var(--gray-btn);cursor:default}
.user-chip{display:flex;align-items:center;gap:10px;cursor:pointer;padding:4px 6px;border-radius:12px;transition:.15s}
.user-chip:hover{background:var(--gray-btn)}
.user-chip>img{width:40px;height:40px;border-radius:50%;border:2px solid var(--pink)}
.chip-text>div:first-child{font-size:14px;font-weight:600}
.coin-chip{font-size:12.5px;color:#8a6a3a;background:#fdf3d7;border:1px solid #f5e3ae;border-radius:999px;padding:4px 12px}

/* ================= 主布局 ================= */
.wrap{max-width:1240px;margin:0 auto;padding:84px 16px 50px;display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;box-shadow:0 2px 8px rgba(0,0,0,.03)}
.side-col{display:flex;flex-direction:column;gap:16px}

/* ================= 接力帖 ================= */
.post-head{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.post-head h1{font-size:21px;font-weight:800}
.tag-live{font-size:12px;color:#23a352;background:#e8f7ee;border:1px solid #bfe8cd;border-radius:999px;padding:3px 12px;animation:blink 2s ease-in-out infinite}
@keyframes blink{50%{opacity:.55}}
.img-box{background:#f7f7f7;border-radius:10px;overflow:hidden;text-align:center;
  display:flex;align-items:center;justify-content:center;min-height:200px}
.img-box img{width:100%;height:100%;object-fit:contain;display:block}   /* 比例由 JS 动态计算，全比例适配不裁切不变形 */
.post-info{display:flex;align-items:center;gap:8px;margin:14px 0;font-size:13.5px}
.post-info img{width:26px;height:26px;border-radius:50%}
.post-info .meta{color:var(--sub)}
.post-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding-top:16px;margin-top:4px}
.quad{display:flex;gap:10px;flex-wrap:wrap}
.pa{
  border:1px solid var(--line);background:#fff;color:#555;border-radius:10px;
  padding:9px 16px;font-size:14px;cursor:pointer;transition:.15s;
}
.pa:hover{color:var(--pink-deep);border-color:var(--pink);background:#e9f8f4}
.pa b{font-weight:600;margin-left:2px}
.pa-red{border-color:#c9ece2;color:var(--pink-deep);background:#e9f8f4;font-weight:700}
.pa-red:hover{background:var(--pink);color:#fff;border-color:var(--pink)}
.side-acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn-primary-s{
  border:none;background:var(--pink);color:#fff;border-radius:10px;
  padding:10px 20px;font-size:14px;font-weight:700;cursor:pointer;transition:.15s;
  box-shadow:0 4px 12px rgba(0,168,135,.35);
}
.btn-primary-s:hover{background:var(--pink-deep);transform:translateY(-1px)}
.btn-gray{background:#f4f4f4;color:#666;box-shadow:none;border:1px solid var(--line)}

/* 打分/投币弹出条 */
.pop-panel{
  margin-top:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  background:#fafafa;border:1px solid var(--line);border-radius:10px;padding:12px 16px;font-size:14px;
}
.pop-panel input[type=range]{width:200px;accent-color:var(--pink)}
.mini-btn{border:none;background:var(--pink);color:#fff;border-radius:8px;padding:8px 16px;font-size:13px;cursor:pointer;transition:.15s}
.mini-btn:hover{background:var(--pink-deep)}
.coin-n{background:linear-gradient(135deg,#f0c14b,#dfa12e)}
.my-score{font-size:12.5px;color:var(--sub)}

/* ================= 评论区（贴吧楼层风） ================= */
.comment-card{margin-top:16px;padding:0;overflow:hidden}
.cm-head{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}
.cm-title{font-size:16.5px;font-weight:800}
.cm-title b{color:var(--pink-deep);margin-left:2px}
.cm-tabs i{font-style:normal;font-size:13px;color:var(--sub);margin-left:14px;cursor:pointer}
.cm-tabs i.on{color:var(--pink-deep);font-weight:700}
.cm-input{display:flex;align-items:center;gap:12px;padding:16px 22px;border-bottom:1px solid var(--line);background:#fcfcfc}
.cm-input img{width:40px;height:40px;border-radius:50%;border:2px solid var(--pink)}
.cm-input input{flex:1;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 16px;font-size:14px;outline:none;background:#fff;transition:.2s}
.cm-input input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(0,168,135,.12)}
.cm-item{display:flex;gap:14px;padding:16px 22px;border-bottom:1px solid #f2f2f2}
.cm-item:last-child{border-bottom:none}
.cm-item>img{width:48px;height:48px;border-radius:50%;flex:none;cursor:pointer}
.cm-main{flex:1;min-width:0}
.cm-name-row{display:flex;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}
.cm-name{font-size:14.5px;font-weight:700;color:#61666d}
.cm-name.mine{color:var(--pink-deep)}
.lz{font-size:10.5px;color:#fff;background:var(--blue);border-radius:4px;padding:1px 6px;font-style:normal}
.cm-floor{margin-left:auto;color:var(--sub);font-size:12px}
.cm-floor .sofa{color:var(--pink-deep);font-weight:700}
.cm-text{font-size:14.5px;line-height:1.7;margin:6px 0;word-break:break-all}
.cm-acts{display:flex;gap:16px;font-size:12.5px;color:var(--sub)}
.cm-acts a{color:var(--sub)}
.cm-acts a:hover{color:var(--pink-deep)}
.cm-acts .liked{color:var(--pink-deep);font-weight:700}
.follow-tag{
  font-size:11.5px;color:var(--pink);border:1px solid var(--pink);border-radius:6px;
  padding:1px 8px;cursor:pointer;background:#fff;
}
.follow-tag.done{color:var(--sub);border-color:var(--line);background:var(--gray-btn);cursor:default}
.follow-tag.mutual{color:#23a352;border-color:#bfe8cd;background:#e8f7ee}
.cm-empty{padding:40px;text-align:center;color:var(--sub);font-size:13.5px}

/* ================= 右侧栏 ================= */
.stat-title{font-size:15px;font-weight:800;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center}
.stat-title a{font-size:12px;font-weight:400}
.up-card{display:flex;flex-direction:column;gap:12px}
.up-top{display:flex;align-items:center;gap:12px}
.up-top img{width:56px;height:56px;border-radius:50%;border:2px solid var(--pink)}
.up-name{font-size:16px;font-weight:800}
.up-stats{display:flex;gap:20px;font-size:13px;color:var(--sub)}
.up-stats b{color:var(--text);font-size:15px;margin-right:2px}
.up-follow{width:100%}
.up-card .mini-btn{width:100%;margin-top:8px;background:#fff;color:var(--blue);border:1px solid var(--blue)}

.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.stat-grid>div{background:#fafafa;border-radius:10px;padding:12px;text-align:center}
.stat-grid b{display:block;font-size:19px;font-weight:800;color:var(--pink-deep)}
.stat-grid span{font-size:12px;color:var(--sub)}

.act-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed #f0f0f0}
.act-row:last-child{border-bottom:none}
.act-row img{width:36px;height:36px;border-radius:50%}
.act-row .act-name{flex:1;font-size:13.5px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.act-row .uid{display:block}
.act-follow{font-size:11.5px;border:1px solid var(--pink);color:var(--pink);background:#fff;border-radius:6px;padding:3px 10px;cursor:pointer;flex:none}
.act-follow.done{color:var(--sub);border-color:var(--line);background:var(--gray-btn);cursor:default}

.past-row{display:flex;gap:10px;padding:8px 0;cursor:pointer;border-bottom:1px dashed #f0f0f0}
.past-row:last-child{border-bottom:none}
.past-row img{width:52px;height:52px;border-radius:8px;flex:none}
.past-row .p-title{font-size:13px;font-weight:600}
.past-row .p-meta{font-size:11.5px;color:var(--sub);margin-top:3px}

/* ================= 弹窗 ================= */
.modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(28,28,28,.5)}
.modal.show{display:flex}
.modal-card{background:#fff;border-radius:14px;width:min(94vw,600px);max-height:84vh;overflow:auto;padding:22px 24px;box-shadow:0 24px 70px rgba(0,0,0,.3);animation:pop .22s ease}
@keyframes pop{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}
.modal-head{display:flex;justify-content:space-between;align-items:center;font-size:17px;font-weight:800;margin-bottom:16px}
.modal-close{border:none;background:var(--gray-btn);color:#888;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:13px}
.modal-close:hover{background:#e7e7e7}

.history-list{display:flex;flex-direction:column;gap:12px}
.history-item{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px;transition:.15s}
.history-item:hover{border-color:var(--pink);box-shadow:0 4px 14px rgba(0,168,135,.12)}
.history-item img{width:72px;height:72px;border-radius:8px;flex:none}
.history-item .h-body{flex:1;min-width:0}
.history-item .h-title{font-weight:700;font-size:14px}
.history-item .h-meta{font-size:12px;color:var(--sub);margin-top:4px}
.h-badge{font-size:11px;color:var(--pink-deep);background:#e6f7f2;border:1px solid #bfe9de;border-radius:999px;padding:2px 10px;flex:none}

.profile-top{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.profile-top img{width:84px;height:84px;border-radius:50%;border:3px solid var(--pink)}
.profile-nick{font-size:19px;font-weight:800;display:flex;align-items:center;gap:8px}
.profile-fans{font-size:13px;color:#8a6a3a;margin-top:6px}
.profile-avatar-edit{margin-top:10px;display:flex;gap:8px;align-items:center}
.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-top:10px}
.profile-grid img{width:100%;height:110px;border-radius:10px;border:1px solid var(--line)}
.pg-views{font-size:11px;color:var(--sub);text-align:center;margin-top:3px}

.msg-layout{display:flex;gap:12px;min-height:300px}
.msg-friends{width:150px;flex:none;display:flex;flex-direction:column;gap:6px}
.msg-friend{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px;cursor:pointer;border:1px solid transparent}
.msg-friend:hover,.msg-friend.active{background:#fafafa;border-color:var(--line)}
.msg-friend img{width:30px;height:30px;border-radius:50%}
.msg-friend span{font-size:13px}
.msg-chat{flex:1;display:flex;flex-direction:column;border-left:1px dashed var(--line);padding-left:12px}
.msg-title{font-size:13px;font-weight:700;margin-bottom:8px}
.msg-list{flex:1;overflow-y:auto;max-height:280px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.msg-bubble{max-width:75%;padding:8px 13px;border-radius:14px;font-size:13px;line-height:1.5}
.msg-bubble.me{align-self:flex-end;background:var(--pink);color:#fff;border-bottom-right-radius:4px}
.msg-bubble.them{align-self:flex-start;background:#f4f4f4;border-bottom-left-radius:4px}
.msg-input{display:flex;gap:8px}
.msg-input input{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px 14px;font-size:13px;outline:none}
.msg-input input:focus{border-color:var(--pink)}
.msg-empty{font-size:13px;color:var(--sub);text-align:center;margin-top:40px;line-height:1.9}

/* ================= 登录 ================= */
.auth-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(28,28,28,.55);backdrop-filter:blur(3px);transition:opacity .4s}
.auth-overlay.hide{opacity:0;pointer-events:none}
.auth-card{position:relative;width:min(92vw,400px);background:#fff;border-radius:16px;padding:32px 30px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.auth-logo{font-size:23px;font-weight:800;margin-bottom:18px}
.auth-logo span{font-size:11px;background:var(--pink);color:#fff;border-radius:8px;padding:1px 8px;vertical-align:3px}
.auth-tabs{display:flex;border-bottom:2px solid var(--line);margin-bottom:22px}
.auth-tabs span{flex:1;padding:10px 0;font-size:15px;color:var(--sub);cursor:pointer}
.auth-tabs span.active{color:var(--pink-deep);font-weight:800;border-bottom:2px solid var(--pink);margin-bottom:-2px}
.auth-tabs span.off{cursor:not-allowed;opacity:.6}
.auth-card input{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 16px;font-size:15px;outline:none;margin-bottom:14px;transition:.2s}
.auth-card input:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(0,168,135,.12)}
.btn-primary{width:100%;border:none;border-radius:10px;padding:13px;font-size:15px;font-weight:700;color:#fff;cursor:pointer;background:var(--pink);transition:.2s}
.btn-primary:hover{background:var(--pink-deep)}
.auth-sent{font-size:13px;color:var(--sub);text-align:left;margin:-6px 0 12px}
.auth-tip{font-size:12px;color:var(--sub);margin-top:14px}
.auth-agree{font-size:11.5px;color:var(--sub);margin-top:20px}

/* Toast */
.toast{position:fixed;left:50%;bottom:44px;transform:translateX(-50%) translateY(20px);background:rgba(32,32,32,.94);color:#fff;padding:11px 24px;border-radius:10px;font-size:13.5px;opacity:0;transition:.3s;z-index:200;pointer-events:none;box-shadow:0 10px 26px rgba(0,0,0,.3)}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

/* 小屏适配 */
@media (max-width:1000px){
  .wrap{grid-template-columns:1fr;padding-top:76px}
  .tb-search{display:none}
  .tb-left nav{display:none}
  .post-actions{flex-direction:column;align-items:stretch}
  .side-acts{justify-content:flex-end}
}

/* 发布接力弹窗 */
.up-form{display:flex;flex-direction:column;gap:8px}
.up-preview{
  border:2px dashed #d9d9d9;border-radius:12px;background:#fafafa;
  min-height:180px;display:flex;align-items:center;justify-content:center;
  cursor:pointer;overflow:hidden;transition:.2s;margin-bottom:6px;
}
.up-preview:hover{border-color:var(--pink);background:#e9f8f4}
.up-preview img{width:100%;max-height:300px;object-fit:contain;display:block}
.up-preview span{color:var(--sub);font-size:14px}
.f-label{font-size:13px;color:#666;font-weight:600}
.f-row{display:flex;align-items:flex-end;gap:10px}
.f-row input,.f-row textarea{
  flex:1;border:1px solid var(--line);border-radius:10px;padding:11px 14px;
  font-size:14px;outline:none;font-family:inherit;resize:vertical;transition:.2s;
}
.f-row input:focus,.f-row textarea:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(0,168,135,.12)}
.f-count{font-size:12px;color:var(--sub);flex:none;padding-bottom:8px}
.f-count b{color:var(--pink-deep)}

/* 详情弹窗 */
.detail-body img{width:100%;max-height:320px;object-fit:contain;background:#f7f7f7;border-radius:10px}
.detail-body h3{font-size:18px;margin:14px 0 8px}
.dt-meta{font-size:12.5px;color:var(--sub);margin-bottom:12px;line-height:1.8}
.detail-body p{font-size:14.5px;line-height:1.9;color:#333;white-space:pre-wrap;word-break:break-all}

/* 飞行金币 */
.fly-coin{position:fixed;width:34px;height:34px;z-index:300;pointer-events:none;
  filter:drop-shadow(0 2px 3px rgba(120,80,10,.4))}

/* ================= 左下角在线人数 ================= */
.online-box{
  position:fixed;left:18px;bottom:18px;z-index:40;
  display:flex;align-items:center;gap:8px;
  background:#fff;border:1px solid var(--line);border-radius:999px;
  padding:9px 18px;font-size:13px;color:#555;
  box-shadow:0 6px 18px rgba(0,0,0,.10);
}
.online-box b{color:var(--pink-deep);font-size:15px;font-weight:800}
.live-dot{width:9px;height:9px;border-radius:50%;background:#23a352;animation:pulse 1.6s ease-in-out infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(35,163,82,.45)}50%{box-shadow:0 0 0 6px rgba(35,163,82,0)}}

/* ================= 右下角音乐播放器 ================= */
.music-box{
  position:fixed;right:18px;bottom:18px;z-index:40;
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid var(--line);border-radius:14px;
  padding:10px 16px 10px 10px;width:280px;
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}
.mb-play{
  width:40px;height:40px;flex:none;border:none;border-radius:50%;cursor:pointer;
  background:var(--pink);color:#fff;font-size:14px;transition:.2s;
  box-shadow:0 4px 10px rgba(0,168,135,.4);
}
.mb-play:hover{background:var(--pink-deep);transform:scale(1.06)}
.mb-info{flex:1;min-width:0}
.mb-title{font-size:12.5px;font-weight:700;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}
.mb-bar{height:5px;background:#f0f0f0;border-radius:999px;overflow:hidden}
.mb-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--pink),#66d9c2);border-radius:999px;transition:width .3s linear}
.mb-time{font-size:11px;color:var(--sub);flex:none}
@media (max-width:1000px){
  .music-box{width:220px;right:12px;bottom:12px}
  .online-box{left:12px;bottom:12px;padding:7px 14px}
}

/* ================= LV.7 满级：金色昵称 + 元老彩标 ================= */
.gold{
  background:linear-gradient(90deg,#f6d365,#fda085,#f6d365);
  -webkit-background-clip:text;background-clip:text;
  color:transparent !important;font-weight:800;
}
.lv7{background:linear-gradient(90deg,#f6d365,#fda085)}
.yuano{
  font-style:normal;font-size:10.5px;color:#fff;border-radius:4px;
  padding:1px 7px;margin-left:4px;vertical-align:1px;
  background:linear-gradient(90deg,#f093fb,#f5576c,#4facfe,#00f2fe);
  background-size:300% 100%;animation:yuanoFlow 4s linear infinite;
}
@keyframes yuanoFlow{to{background-position:300% 0}}

/* ================= 语音通话 ================= */
.msg-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.call-btn{border:1px solid var(--pink);color:var(--pink);background:#fff;border-radius:8px;
  padding:4px 12px;font-size:12.5px;cursor:pointer;transition:.2s}
.call-btn:hover{background:var(--pink);color:#fff}
.call-card{text-align:center;width:min(92vw,340px)}
.call-card>img{width:84px;height:84px;border-radius:50%;border:3px solid var(--pink);margin-bottom:12px}
.call-name{font-size:18px;font-weight:800;margin-bottom:6px}
.call-status{font-size:13px;color:var(--sub);animation:blink 1.4s ease-in-out infinite}
.call-timer{font-size:16px;color:var(--pink-deep);font-weight:800;margin-top:4px}
.call-acts{display:flex;justify-content:center;gap:18px;margin:20px 0 10px}
.call-a{width:60px;height:60px;border-radius:50%;border:1px solid var(--line);background:#f7f7f7;
  font-size:13px;cursor:pointer;transition:.2s}
.call-a:hover{transform:translateY(-2px)}
.call-a.on{background:var(--pink);color:#fff;border-color:var(--pink)}
.call-hang{background:#e84e4e;color:#fff;border-color:#e84e4e;font-weight:700}
.call-hang:hover{background:#d43a3a}
.call-tip{font-size:11px;color:var(--sub)}

/* ================= 手机端专项适配（≤768px · 9:21 竖屏优先） ================= */
@media (max-width: 768px) {
  html, body { overflow-x: hidden; }          /* 根治横向溢出 */

  /* 顶栏：52px 精简，头像外全隐藏文字 */
  .topbar { height: 52px; padding: 0 10px; gap: 10px; }
  .logo { font-size: 15px; white-space: nowrap; }
  .logo svg { width: 24px !important; height: 21px !important; margin-right: 4px !important; }
  .logo .ver { font-size: 9px; padding: 0 5px; }
  .tb-left nav { display: none; }
  .tb-search{
    display: flex; position: fixed; top: 52px; left: 0; right: 0; z-index: 45;
    max-width: none; padding: 6px 10px; background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.06);
  }
  .tb-search input{height: 34px; font-size: 13px; background: #f4f4f4;}
  .tb-search button{width: 56px;}
  .tb-right { gap: 8px; }
  .sign-btn { padding: 5px 10px; font-size: 12px; }
  .user-chip { padding: 2px; }
  .user-chip > img { width: 32px; height: 32px; }
  .chip-text, .coin-chip { display: none; }

  /* 主列：单列 + 底部给固定条留 120px 呼吸空间 */
  .wrap { display: block; padding: 112px 8px 130px; }   /* 顶栏52 + 搜索条约48 + 间距12 */
  .card { padding: 14px; border-radius: 10px; margin-bottom: 12px; }
  .post-head { flex-wrap: wrap; gap: 8px; margin-bottom: 10px; }
  .post-head h1 { font-size: 17px; }
  .tag-live { font-size: 11px; padding: 2px 9px; }
  .img-box img { max-height: none; }
  .post-info { flex-wrap: wrap; font-size: 12.5px; }
  #btnDetail { margin-left: 0 !important; }

  /* 操作区：四宫格 + 三宫格，告别挤牙膏 */
  .post-actions { flex-direction: column; align-items: stretch; gap: 8px; padding-top: 12px; }
  .quad { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
  .side-acts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
  .pa { padding: 9px 2px; font-size: 12px; text-align: center; border-radius: 8px; }
  .btn-primary-s { padding: 10px 0; font-size: 13px; width: 100%; }

  .pop-panel { flex-wrap: wrap; padding: 10px 12px; gap: 8px; }
  .pop-panel input[type=range] { width: 140px; }

  /* 评论区收紧 */
  .cm-head { padding: 12px 14px; }
  .cm-input { padding: 12px 14px; gap: 8px; }
  .cm-input img { width: 32px; height: 32px; }
  .cm-input input { height: 38px; font-size: 13px; }
  .cm-item { padding: 12px 14px; gap: 10px; }
  .cm-item > img { width: 36px; height: 36px; }
  .cm-name-row { gap: 5px; }

  /* 底部：音乐播放器变全宽横条，在线人数缩为小胶囊 */
  .music-box { left: 8px; right: 8px; bottom: 54px; width: auto; padding: 8px 12px 8px 8px; }
  .mb-play { width: 36px; height: 36px; flex: none; }
  .mb-title { font-size: 12px; margin-bottom: 5px; }
  .mb-time { font-size: 10.5px; }
  .online-box { left: 8px; bottom: 8px; padding: 5px 12px; font-size: 12px; }
  .online-box b { font-size: 13px; }

  /* 弹窗全屏化 */
  .modal-card { padding: 16px; width: 94vw; }
  .msg-layout { flex-direction: column; }
  .msg-friends { width: 100%; flex-direction: row; overflow-x: auto; }
  .msg-chat { border-left: none; padding-left: 0; }
  .auth-card { padding: 26px 20px; }
  .call-a { width: 54px; height: 54px; }
}

/* ================= V2.3：消息铃铛 / 通知 / 已读回执 ================= */
.bell-wrap{position:relative;border:none;background:none;cursor:pointer;padding:6px;line-height:0}
.bell-wrap svg{stroke:#555;transition:.2s}
.bell-wrap:hover svg{stroke:var(--pink-deep)}
#bellBadge{position:absolute;top:-4px;right:-8px;background:#e84e4e;color:#fff;font-size:10px;
  font-weight:700;font-style:normal;border-radius:999px;padding:1px 5px;line-height:1.4}
.nt-row{display:flex;gap:10px;align-items:flex-start;padding:10px 4px;border-bottom:1px dashed #f0f0f0}
.nt-row.unread{background:#f2fbf8;border-radius:8px;padding-left:8px}
.nt-tag{flex:none;font-size:11px;color:#fff;border-radius:6px;padding:2px 8px;margin-top:2px}
.nt-dm{background:#00A1D6}.nt-reply{background:#7fae6a}.nt-tip{background:#d99a24}
.nt-fav{background:#e86fa5}.nt-comment{background:#8a7fe8}
.nt-body{flex:1;font-size:13.5px;line-height:1.6;min-width:0;word-break:break-all}
.nt-time{font-size:11px;color:var(--sub);margin-top:2px}
.fr-un{font-style:normal;background:#e84e4e;color:#fff;font-size:10px;border-radius:999px;
  padding:1px 6px;margin-left:auto;flex:none}
.msg-tick{display:block;font-size:10px;text-align:right;opacity:.7;margin-top:3px}
@media (max-width:768px){ .bell-wrap{padding:4px} .bell-wrap svg{width:19px;height:19px} }

/* ================= V2.4：喷壶举报 ================= */
.pa.reported{color:var(--sub);border-color:var(--line);background:var(--gray-btn);cursor:default}
.nt-report{background:#e84e4e}
@media (max-width:768px){ .side-acts{grid-template-columns:repeat(4,1fr) !important} }

/* ================= 手机端显微镜搜索 ================= */
.mb-search-btn{display:none;border:none;background:none;cursor:pointer;padding:6px;line-height:0}
.mb-search-btn svg{stroke:#555;transition:.2s}
.mb-search-btn:hover svg{stroke:var(--pink-deep)}
.mb-search-panel{position:fixed;top:58px;left:0;right:0;z-index:45;display:flex;gap:8px;
  padding:10px 12px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.mb-search-panel input{flex:1;height:38px;border:1px solid var(--line);border-radius:10px;
  padding:0 14px;font-size:14px;outline:none}
.mb-search-panel input:focus{border-color:var(--pink)}
@media (max-width:1000px){ .mb-search-btn{display:block} }
@media (max-width:768px){ .mb-search-panel{top:52px} }

/* 搜索结果 */
.sr-title{font-size:14px;font-weight:800;margin:12px 0 6px;color:#333}

/* ================= 评论区折叠 / 一键到最新 ================= */
.cm-toggle{border:none;background:none;color:var(--pink-deep);font-size:12.5px;
  cursor:pointer;font-weight:700;margin-left:10px}
.cm-more{display:block;text-align:center;padding:11px;color:var(--pink-deep);
  font-size:13px;font-weight:600;cursor:pointer;background:#fafafa;
  border-top:1px dashed var(--line);transition:.15s}
.cm-more:hover{background:#f2fbf8}
.cm-jump{position:fixed;right:16px;bottom:130px;z-index:40;border:1px solid var(--line);
  background:#fff;border-radius:999px;padding:8px 14px;font-size:12.5px;font-weight:700;
  color:var(--pink-deep);cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.12);transition:.15s}
.cm-jump:hover{background:#f2fbf8;transform:translateY(-2px)}
@media (max-width:768px){ .cm-jump{right:12px;bottom:152px} }

.cm-jump.morph{animation:cmPop .35s ease}
@keyframes cmPop{40%{transform:scale(1.18)}}

/* ================= 好友栏 ================= */
.profile-friends-link{margin-top:8px;font-size:13px}
.profile-friends-link a{color:var(--blue);font-weight:600}
.fr-av{position:relative;flex:none;width:36px;height:36px}
.fr-av img{width:36px;height:36px;border-radius:50%;display:block}
.fr-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#c9c9c9;border:2px solid #fff}
.fr-dot.on{background:#23a352;box-shadow:0 0 5px rgba(35,163,82,.7)}
.fr-row{cursor:pointer}
.fr-unread{color:#e84e4e}

/* ================= 社区公约 ================= */
.auth-agree a{color:var(--blue);text-decoration:underline}
.agree-card{width:min(94vw,680px)}
.agree-body{max-height:65vh;overflow-y:auto;padding-right:6px;font-size:14px;line-height:1.9;color:#333}
.agree-body h3{font-size:15.5px;margin:18px 0 6px;color:var(--pink-deep)}
.agree-body p{margin-bottom:8px;text-align:justify}
.agree-ver{font-size:12px;color:var(--sub);text-align:center}

/* ================= 意见投稿箱（滑到页底浮现） ================= */
.fb-box{position:fixed;left:50%;transform:translateX(-50%) translateY(24px);bottom:140px;z-index:40;
  width:min(92vw,480px);display:flex;gap:12px;align-items:flex-start;
  background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;
  box-shadow:0 14px 34px rgba(0,0,0,.16);opacity:0;pointer-events:none;transition:.35s ease}
.fb-box.show{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}
.fb-mascot{width:52px;height:52px;flex:none;border-radius:50%;
  box-shadow:0 0 0 3px #f2fbf8,0 4px 10px rgba(0,0,0,.15)}
.fb-main{flex:1;min-width:0}
.fb-head{font-size:13px;font-weight:800;color:#333;margin-bottom:6px;display:flex;justify-content:space-between}
.fb-head span{font-weight:400;color:var(--sub);font-size:11.5px}
.fb-box textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:9px 12px;
  font-size:13.5px;font-family:inherit;resize:vertical;outline:none;box-sizing:border-box}
.fb-box textarea:focus{border-color:var(--pink)}
.fb-foot{display:flex;justify-content:flex-end;margin-top:8px}
@media (max-width:768px){ .fb-box{bottom:158px} .fb-mascot{width:44px;height:44px} }

/* ================= 小鹿娘意见箱（V2.5b 动效版） ================= */
.fb-mascot-btn{position:fixed;left:50%;transform:translateX(-50%);bottom:132px;z-index:40;
  border:none;background:none;cursor:pointer;padding:6px;line-height:0;
  filter:drop-shadow(0 6px 12px rgba(0,0,0,.28));transition:.2s}
.fb-mascot-btn:hover{transform:translateX(-50%) scale(1.1)}
.fb-girl{display:block;width:64px;height:64px;
  background:url('/assets/feedback-girl.png') 0 0/960px 64px no-repeat;
  image-rendering:pixelated;animation:fbPlay 1.6s steps(8) infinite}
@keyframes fbPlay{from{background-position-x:0}to{background-position-x:-896px}}
.fb-box{position:fixed;left:50%;transform:translateX(-50%);bottom:140px;z-index:41;
  width:min(92vw,480px);background:#fff;border:1px solid var(--line);border-radius:16px;
  padding:14px 16px;box-shadow:0 14px 34px rgba(0,0,0,.18);opacity:1;pointer-events:auto}
.fb-box .fb-head{justify-content:space-between;align-items:center}
.fb-close{border:none;background:#f4f4f4;border-radius:50%;width:24px;height:24px;
  cursor:pointer;color:#888;font-size:12px;line-height:1;flex:none}
.fb-close:hover{background:#e7e7e7}
@media (max-width:768px){ .fb-mascot-btn{bottom:152px} }

/* 语音接听 */
.call-ok{background:#23a352;color:#fff;border-color:#23a352;font-weight:700}
.call-ok:hover{background:#1d8f47}

/* ================= 语音消息（按住说话） ================= */
.rec-btn{flex:none;border:1px solid var(--line);background:#fff;border-radius:999px;
  padding:8px 14px;font-size:12.5px;color:#555;cursor:pointer;user-select:none;
  -webkit-user-select:none;touch-action:none;white-space:nowrap;transition:.15s}
.rec-btn:hover{border-color:var(--pink);color:var(--pink-deep)}
.rec-btn.rec-on{background:var(--pink);color:#fff;border-color:var(--pink)}
.voice-b{display:flex;align-items:center;gap:8px;cursor:pointer}
.vb-btn{border:none;background:rgba(255,255,255,.28);color:inherit;width:26px;height:26px;
  border-radius:50%;flex:none;font-size:12px;cursor:pointer}
.me .vb-btn{color:#fff}
.vb-track{flex:1;height:4px;background:rgba(128,128,128,.28);border-radius:99px;overflow:hidden}
.vb-track i{display:block;height:100%;width:0;background:#fff;border-radius:99px;transition:width .2s linear}
.them .vb-track i{background:var(--pink)}
.vb-dur{flex:none;font-size:11px;opacity:.85}
.voice-b.playing .vb-btn{animation:vpulse 1s infinite}
@keyframes vpulse{50%{transform:scale(1.22)}}
@media (max-width:768px){ .rec-btn{padding:7px 11px;font-size:12px} }

/* ================= 插头档案 ================= */
.plug-btn{border:none;background:none;cursor:pointer;padding:6px;line-height:0}
.plug-btn svg{stroke:#555;transition:.2s}
.plug-btn:hover svg{stroke:var(--pink-deep)}
.plug-card{text-align:center;width:min(92vw,380px)}
.plug-body{display:flex;gap:14px}
.plug-item{flex:1;background:#f2fbf8;border:1px solid #bfe9de;border-radius:14px;padding:20px 10px 14px}
.plug-item b{font-size:32px;color:var(--pink-deep);display:block;font-weight:800}
.plug-item span{font-size:12px;color:var(--sub)}
.plug-item em{display:block;font-style:normal;font-size:12.5px;color:#555;margin-top:6px;font-weight:600}


/* 手机端：隐藏装到桌面，头像挪到插头旁（顺序：签到|插头|头像|铃铛） */
@media (max-width:768px){
  #btnInstall{display:none !important}
  .tb-right .plug-btn{order:1}
  .tb-right .user-chip{order:2}
  .tb-right #btnBell{order:3}
}

/* 通知列表滑入渐显（折叠展开同款过渡） */
#bellList .nt-row{animation:ntIn .3s ease both}
#bellList .nt-row:nth-child(2){animation-delay:.05s}
#bellList .nt-row:nth-child(3){animation-delay:.1s}
@keyframes ntIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* 通知列表：可下滑滚动区（折叠+滑动并存） */
#bellList{max-height:52vh;overflow-y:auto;padding-right:4px}
#bellList::-webkit-scrollbar{width:6px}
#bellList::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:99px}

/* ===== 交互体感：按下即回弹（感觉秒回） ===== */
button{transition:transform .08s ease, background .15s, border-color .15s}
button:active{transform:scale(.94)}
.pill,.pa,.mini-btn,.sign-btn,.call-a,.rec-btn{will-change:transform}
/* 通知滚动区再高一点，更容易滑 */
#bellList{max-height:60vh}