/* ============================================
   球王之争 · 内置CSS (builtInCss)
   状态栏 + 自制行动建议区（替代suggested_questions）
   绿茵金杯风 · 玻璃拟态 · 三色进度条
   ============================================ */

/* ===== 状态栏 (.qw) ===== */
.qw{
  background:rgba(8,16,10,.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(200,160,48,.3);
  border-radius:16px;
  padding:13px 16px;
  margin-top:14px;
  font-family:'PingFang SC','Microsoft YaHei',sans-serif;
  color:#c8d6c0;
  font-size:12.5px;
  line-height:1.9;
  box-shadow:0 8px 32px rgba(30,80,40,.35),inset 0 1px 0 rgba(200,160,48,.12);
}

.qw-t{
  font-weight:800;
  color:#d4b040;
  font-size:13px;
  margin-bottom:6px;
  letter-spacing:.5px;
  text-shadow:0 0 10px rgba(200,160,48,.5);
}

.qw-r{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:5px;
}

.qw-l{
  color:#6a8a5a;
  min-width:62px;
  font-weight:600;
}

.qw-v{
  color:#d8e6d0;
  font-weight:700;
}

/* ---- 三色进度条 ---- */
.qw-bar{
  flex:1;
  display:flex;
  gap:2px;
  height:11px;
}

.qw-bar i{
  flex:1;
  background:rgba(200,160,48,.08);
  border-radius:2px;
}

/* 好感：金绿色 */
.qw-bar i.on{
  background:rgba(180,200,70,.92);
  box-shadow:0 0 8px rgba(180,200,70,.7);
}

/* 暴露风险：红色 */
.qw-bar i.hot{
  background:rgba(220,80,60,.92);
  box-shadow:0 0 8px rgba(220,80,60,.7);
}

/* 绿奴觉醒：灰紫色 */
.qw-bar i.sin{
  background:rgba(140,100,200,.88);
  box-shadow:0 0 6px rgba(140,100,200,.6);
}

.qw-p{
  min-width:36px;
  text-align:right;
  font-weight:800;
  color:#d4b040;
}

/* ---- 分割线 ---- */
.qw-hr{
  height:1px;
  background:rgba(200,160,48,.2);
  margin:7px 0;
}


/* ===== 自制行动建议区 (.act) ===== */
/* 替代平台 <suggested_questions>，可折叠 + 每条点击复制 */

.act{
  max-width:680px;
  margin:12px 0 0;
  background:rgba(8,16,10,.92);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(200,160,48,.25);
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 8px 32px rgba(30,80,40,.35);
  font-family:'PingFang SC','Microsoft YaHei',sans-serif;
}

.act>summary{
  list-style:none;
  cursor:pointer;
  padding:13px 16px;
  font-size:13px;
  font-weight:700;
  color:#d4b040;
  letter-spacing:1px;
  user-select:none;
}

.act>summary::-webkit-details-marker{display:none;}

.act[open]>summary{
  border-bottom:1px solid rgba(200,160,48,.15);
}

.act-list{
  padding:12px;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.act-i{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 12px;
  background:rgba(200,160,48,.04);
  border:1px solid rgba(200,160,48,.1);
  border-radius:11px;
  cursor:pointer;
  transition:border-color .3s,background .3s;
}

.act-i:hover{
  background:rgba(200,160,48,.1);
  border-color:rgba(200,160,48,.35);
}

.act-n{
  width:24px;
  height:24px;
  flex-shrink:0;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:800;
  color:#0a160e;
  background:linear-gradient(135deg,#d4b040,#8a7020);
}

.act-t{
  flex:1;
  font-size:13px;
  color:#c8d6c0;
  line-height:1.5;
}