/* ===== 暴雨被困 · 大楼围猎 ===== */

.st-wrap{
  background:linear-gradient(170deg,#080c12 0%,#0e141e 40%,#0a1018 100%);
  color:#d8d0c0;
  font-family:'Microsoft YaHei','PingFang SC',sans-serif;
  line-height:2;
  font-size:14px;
  padding:20px 18px;
  border-radius:14px;
  margin:8px 0;
  border:1px solid rgba(200,150,80,.08);
  box-shadow:0 4px 24px rgba(0,0,0,.6);
  position:relative;
  overflow:hidden;
}
.st-wrap::before{
  content:'';
  position:absolute;
  top:-20%;right:-10%;
  width:260px;height:260px;
  background:radial-gradient(circle,rgba(200,150,80,.03) 0%,transparent 60%);
  pointer-events:none;
}
.st-wrap::after{
  content:'';
  position:absolute;
  bottom:-15%;left:-8%;
  width:200px;height:200px;
  background:radial-gradient(circle,rgba(100,140,180,.02) 0%,transparent 55%);
  pointer-events:none;
}

.st-time{
  color:#6a7a8a;
  font-size:11px;
  letter-spacing:2px;
  padding:0 0 8px 0;
  border-bottom:1px solid rgba(200,150,80,.06);
  margin-bottom:12px;
}

.st-observe{
  color:#8a9a9a;
  font-size:13px;
  font-style:italic;
  background:rgba(200,150,80,.02);
  border-left:2px solid rgba(200,150,80,.12);
  padding:10px 14px;
  margin:10px 0;
  border-radius:0 8px 8px 0;
  line-height:1.8;
}

.st-msg{
  margin:6px 0;
  padding:4px 0;
  line-height:1.7;
}
.st-name{
  color:#c89650;
  font-weight:bold;
  font-size:13px;
  margin-right:4px;
}
.st-text{
  color:#d0c8b8;
  font-size:13px;
}
.st-img{
  color:#7a8a9a;
  font-size:12px;
  background:rgba(200,150,80,.04);
  padding:2px 8px;
  border-radius:4px;
  border:1px solid rgba(200,150,80,.06);
}
.st-voice{
  color:#8a9a8a;
  font-size:12px;
  background:rgba(100,180,120,.04);
  padding:2px 8px;
  border-radius:4px;
  border:1px solid rgba(100,180,120,.08);
}
.st-recall{
  color:#6a6068;
  font-size:12px;
  font-style:italic;
}

.st-private{
  background:rgba(200,150,80,.02);
  border:1px solid rgba(200,150,80,.08);
  border-radius:10px;
  padding:12px 16px;
  margin:14px 0;
}
.st-private-h{
  color:#c89650;
  font-size:12px;
  margin-bottom:8px;
  letter-spacing:1px;
  font-weight:bold;
}
.st-private .st-msg{
  margin:3px 0;
}

.st-body{
  color:#d0c8b8;
  font-size:14px;
  line-height:2;
  padding:10px 0;
  text-align:justify;
  letter-spacing:.3px;
}

.st-acts{
  background:rgba(200,150,80,.015);
  border:1px solid rgba(200,150,80,.06);
  border-radius:10px;
  padding:14px 16px;
  margin-top:16px;
}
.st-acts-h{
  color:#c89650;
  font-size:13px;
  font-weight:bold;
  margin-bottom:10px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(200,150,80,.06);
  letter-spacing:2px;
}
.st-acts-i{
  padding:6px 0;
  font-size:13px;
  color:#b8b0a0;
  line-height:1.7;
}
.st-acts-i:last-child{
  color:#6a7a8a;
  font-size:12px;
  margin-top:4px;
  padding-top:8px;
  border-top:1px dashed rgba(200,150,80,.04);
}

.st-panel{
  background:rgba(8,12,18,.6);
  border:1px solid rgba(200,150,80,.06);
  border-radius:10px;
  padding:14px 16px;
  margin-top:18px;
}
.st-panel-h{
  color:#c89650;
  font-size:13px;
  font-weight:bold;
  margin-bottom:10px;
  padding-bottom:6px;
  border-bottom:1px solid rgba(200,150,80,.06);
  letter-spacing:2px;
}
.st-panel-r{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:3px 0;
  font-size:12px;
  color:#a8a098;
}
.st-panel-k{
  color:#6a7a8a;
  min-width:90px;
  flex-shrink:0;
}
.st-panel-v{
  color:#d8d0c0;
  text-align:right;
}

.st-reason{
  background:rgba(60,80,100,.03);
  border:1px dashed rgba(200,150,80,.06);
  border-radius:8px;
  margin-bottom:16px;
  font-size:12px;
  color:#7a8a8a;
  line-height:1.8;
}
.st-reason summary{
  padding:8px 12px;
  cursor:pointer;
  user-select:none;
  color:#5a6a7a;
  font-size:11px;
  letter-spacing:1px;
}
.st-reason[open] summary{
  border-bottom:1px dashed rgba(200,150,80,.05);
  margin-bottom:4px;
}
.st-reason-in{
  padding:8px 12px 10px;
}
.st-reason-r{
  padding:2px 0;
  display:flex;
  gap:6px;
}
.st-reason-k{
  color:#5a6a7a;
  min-width:80px;
  flex-shrink:0;
}
.st-reason-v{
  color:#8a9a9a;
}

.st-mem{
  background:rgba(30,50,70,.02);
  border:1px solid rgba(200,150,80,.04);
  border-radius:10px;
  margin-top:16px;
  font-size:12px;
  color:#7a8088;
  line-height:1.8;
}
.st-mem summary{
  padding:10px 14px;
  cursor:pointer;
  user-select:none;
  color:#5a6a7a;
  font-size:12px;
  letter-spacing:1px;
}
.st-mem[open] summary{
  border-bottom:1px solid rgba(200,150,80,.04);
}
.st-mem-in{
  padding:10px 14px;
}
.st-mem-s{
  margin-bottom:12px;
}
.st-mem-s:last-child{
  margin-bottom:0;
}
.st-mem-t{
  color:#8a7a5a;
  font-size:11px;
  font-weight:bold;
  margin-bottom:6px;
  letter-spacing:1px;
}
.st-mem-item{
  padding:3px 0;
  color:#6a7078;
  font-size:12px;
}
.st-mem-w{
  color:#4a5a6a;
  font-size:11px;
  padding:8px 0 0 0;
  border-top:1px solid rgba(200,150,80,.04);
  margin-top:8px;
}

.st-card{
  background:rgba(200,150,80,.01);
  border:1px solid rgba(200,150,80,.04);
  border-radius:6px;
  margin:6px 0;
  font-size:12px;
}
.st-card summary{
  padding:6px 10px;
  cursor:pointer;
  user-select:none;
  color:#8a7a5a;
  font-size:12px;
}
.st-card[open] summary{
  border-bottom:1px solid rgba(200,150,80,.04);
}
.st-card-in{
  padding:8px 10px;
  color:#8a8880;
  line-height:1.8;
}

.st-wrap details{
  margin:10px 0;
}
.st-wrap details summary{
  cursor:pointer;
  user-select:none;
}

/* 低电量警告 */
.st-panel-r:has(.st-panel-k:contains("电量")) .st-panel-v:contains("%"){
  /* 保留给JS或后续处理 */
}

/* 时间紧迫感 */
.st-panel-r:has(.st-panel-k:contains("解封")) .st-panel-v{
  letter-spacing:1px;
}

/* 被关注度指示 */
.st-panel-r:has(.st-panel-k:contains("被关注")) .st-panel-v{
  color:#a09070;
}