/* ═══ iplocation：论坛来源信息 / 楼层特效 / 主页定位胶囊 ═══ */

/* 主帖「发布于」后的设备与城市 */
.nq-src{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--muted);white-space:nowrap}
.nq-src .nq-dev,.nq-src .nq-loc{display:inline-flex;align-items:center;gap:3px}
.nq-src .nq-loc{color:#6b7fd0}
.nq-src .nq-sep{font-style:normal;color:var(--border)}

/* 右上角楼层称号 */
.f-ptime{display:inline-flex;align-items:center;gap:6px}
.nq-floor{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;border-radius:999px;
  font-size:11.5px;font-weight:700;line-height:1.5;white-space:nowrap;position:relative;overflow:hidden}
.nq-floor::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);
  background-size:220% 100%;animation:nq-shine 2.8s linear infinite}
.nq-floor-normal{background:#f1f4fa;color:#7d8aa5}
.nq-floor-normal::after{display:none}
.nq-floor-op{background:linear-gradient(120deg,#ffe9b3,#ffc861);color:#7a4b00}
.nq-floor-sofa{background:linear-gradient(120deg,#fff0c2,#ffd166,#ffb547,#ffd166);color:#8a4b00;
  background-size:220% 100%;box-shadow:0 2px 10px rgba(255,178,59,.34);animation:nq-pop .55s cubic-bezier(.2,1.6,.4,1),nq-glow 2.4s ease-in-out infinite}
.nq-floor-bench{background:linear-gradient(120deg,#e3edff,#b8d0ff,#d9e5ff);color:#2c53a8;box-shadow:0 2px 9px rgba(90,130,240,.22)}
.nq-floor-floor{background:linear-gradient(120deg,#dcf7e9,#a9e6c6,#d5f4e3);color:#166b48;box-shadow:0 2px 9px rgba(40,170,110,.2)}
.nq-floor-base{background:linear-gradient(120deg,#e9edf5,#cbd5e6,#e4e9f2);color:#5b6780}
.nq-floor-lucky{background:linear-gradient(120deg,#ffd6e8,#ffe9a8,#c9f5d8,#cfe3ff,#e5d2ff,#ffd6e8);
  background-size:300% 100%;color:#8b2f86;box-shadow:0 2px 14px rgba(214,90,190,.35);
  animation:nq-lucky 3s linear infinite,nq-pop .6s cubic-bezier(.2,1.7,.4,1)}
.nq-floor-time{font-size:11.5px;color:var(--muted);white-space:nowrap}

@keyframes nq-shine{0%{background-position:200% 0}100%{background-position:-120% 0}}
@keyframes nq-pop{0%{transform:scale(.5) rotate(-8deg);opacity:0}70%{transform:scale(1.12) rotate(3deg)}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes nq-glow{0%,100%{box-shadow:0 2px 10px rgba(255,178,59,.3)}50%{box-shadow:0 3px 18px rgba(255,178,59,.65)}}
@keyframes nq-lucky{0%{background-position:0 0}100%{background-position:300% 0}}

/* 回复条底部：左「时间·城市·设备」，右「点赞/鸡蛋/回复」 */
.f-rfoot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;flex-wrap:wrap}
.f-rfoot .f-rops{margin-top:0;margin-left:auto;flex-wrap:wrap}
.f-rmeta{display:inline-flex;align-items:center;gap:9px;font-size:12px;color:var(--muted);min-width:0;flex-wrap:wrap}
.f-rmeta .nq-loc{display:inline-flex;align-items:center;gap:2px;color:#6b7fd0}
.f-rmeta .nq-dev{display:inline-flex;align-items:center;gap:2px}
.f-rmeta i{font-style:normal;color:var(--border)}

/* 用户主页定位胶囊 */
.nq-loc-chip{display:inline-flex;align-items:center;gap:4px;color:#5b72c9!important}
.msp-meta .nq-loc{display:inline-flex;align-items:center;gap:3px}

/* 暗色主题 */
html[data-theme=dark] .nq-floor-normal{background:rgba(255,255,255,.09);color:#a8b4c8}
html[data-theme=dark] .nq-floor-base{background:rgba(120,140,180,.2);color:#b7c2d6}
html[data-theme=dark] .nq-src .nq-loc,html[data-theme=dark] .f-rmeta .nq-loc,
html[data-theme=dark] .nq-loc-chip{color:#9db2ff}
html[data-theme=dark] .nq-floor-sofa{color:#5a3200}
html[data-theme=dark] .nq-floor-bench{color:#18356f}
html[data-theme=dark] .nq-floor-floor{color:#0d4a30}

/* 手机窄屏：徽章与时间不挤压用户名 */
@media(max-width:820px){
  .nq-floor{font-size:11px;padding:2px 7px}
  .nq-floor-time{display:none}
  .f-rmeta{font-size:11.5px;gap:7px}
  .nq-src{font-size:11.5px}
}
@media(max-width:420px){
  .f-rfoot{gap:4px}
  .f-rfoot .f-rops{gap:0}
  .f-rfoot .f-op{padding:4px 6px;font-size:12.5px}
}