/* ===== 状态栏 HTML 美化（路线乙）===== */

.xf-panel{
  background:linear-gradient(165deg,#1a1530 0%,#2a2048 60%,#1a1530 100%);
  border:1px solid rgba(212,175,55,.45);
  border-radius:16px;
  padding:16px 18px 14px;
  margin:16px 0 4px;
  box-shadow:0 6px 28px rgba(0,0,0,.4),inset 0 0 24px rgba(212,175,55,.06);
  font-family:'PingFang SC','Microsoft YaHei',sans-serif;
  color:#e8e2f5;
}

/* 标题 */
.xf-panel .xf-title{
  text-align:center;
  color:#f5e6b3;
  font-weight:bold;
  letter-spacing:4px;
  font-size:1.05em;
  padding-bottom:10px;
  margin-bottom:6px;
  text-shadow:0 0 10px rgba(212,175,55,.5);
  border-bottom:1px solid rgba(212,175,55,.25);
}

/* 每个分区 */
.xf-panel .xf-sec{
  display:block;
  padding:9px 0;
  border-bottom:1px dashed rgba(212,175,55,.15);
}
.xf-panel .xf-sec:last-child{border-bottom:none;}

/* 分区小标题 */
.xf-panel .xf-h{
  display:block;
  color:#d4af37;
  font-weight:bold;
  font-size:.96em;
  margin-bottom:5px;
  letter-spacing:.5px;
}

/* 普通信息行 */
.xf-panel .xf-row{
  display:block;
  color:#cfc6e6;
  font-size:.9em;
  line-height:1.75;
  padding-left:4px;
}

/* 仙女心声：柔紫斜体+左描金竖线 */
.xf-panel .xf-heart{
  display:block;
  margin-top:5px;
  padding:6px 10px;
  color:#c9b8f0;
  font-style:italic;
  font-size:.9em;
  background:rgba(255,143,171,.08);
  border-left:2px solid #ff8fab;
  border-radius:0 8px 8px 0;
}

/* 好感度进度条 */
.xf-panel .xf-bar{
  width:100%;
  height:12px;
  background:rgba(255,255,255,.08);
  border-radius:8px;
  overflow:hidden;
  margin:6px 0;
  border:1px solid rgba(212,175,55,.25);
}
.xf-panel .xf-bar-fill{
  height:100%;
  background:linear-gradient(90deg,#ff8fab,#ffb3c6,#f5e6b3);
  border-radius:8px;
  box-shadow:0 0 10px rgba(255,143,171,.6);
  transition:width .5s ease;
}

/* 推荐行动选项 */
.xf-panel .xf-opt{
  display:block;
  margin:5px 0;
  padding:7px 12px;
  background:linear-gradient(90deg,rgba(61,45,107,.5),rgba(61,45,107,.15));
  border:1px solid rgba(138,110,200,.3);
  border-radius:10px;
  color:#e2dcf2;
  font-size:.9em;
  transition:all .25s ease;
}
.xf-panel .xf-opt:hover{
  background:linear-gradient(90deg,rgba(212,175,55,.25),rgba(61,45,107,.2));
  border-color:rgba(212,175,55,.5);
  transform:translateX(3px);
}
/* 亲密/特殊选项：桃粉调 */
.xf-panel .xf-opt-x{
  background:linear-gradient(90deg,rgba(255,143,171,.22),rgba(61,45,107,.15));
  border-color:rgba(255,143,171,.4);
  color:#ffd3de;
}