/* ── 实时查询补充样式 v5 ── */

/* 加载中 */
.res.loading{
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:38px 16px;gap:10px;
}
.spin{
  width:30px;height:30px;border-radius:50%;
  border:2.5px solid rgba(127,196,255,.18);
  border-top-color:#7fc4ff;
  animation:spinRot .8s linear infinite;
}
@keyframes spinRot{to{transform:rotate(360deg)}}
.loadtxt{font-size:13px;color:#bcd9f5;font-weight:600}
.loadtxt b{color:#ffd77a}
.res.loading .sml{font-size:11px;color:#7e8fa8}

/* 实时徽章 */
.live-badge{
  margin-left:auto;font-size:10px;font-weight:700;letter-spacing:.5px;
  padding:2.5px 8px;border-radius:20px;
  background:linear-gradient(135deg,rgba(110,220,150,.22),rgba(110,220,150,.1));
  border:1px solid rgba(110,220,150,.4);color:#9be8b8;
  animation:livePulse 1.8s ease-in-out infinite;
}
@keyframes livePulse{0%,100%{opacity:1}50%{opacity:.55}}

.live-panel{border-color:rgba(110,220,150,.28)}

/* 装扮区 */
.outfit-box{
  margin-top:12px;padding:10px 11px;border-radius:11px;
  background:rgba(127,196,255,.05);border:1px solid rgba(127,196,255,.14);
}
.outfit-title{font-size:11.5px;font-weight:700;color:#9fc6ea;margin-bottom:7px}
.outfit-box .meta-line{margin:0}
.outfit-box .chip{font-size:10.5px}

/* 候选列表（本地多结果） */
.cand{
  display:flex;justify-content:space-between;align-items:center;gap:10px;
  padding:10px 11px;margin-top:7px;border-radius:10px;cursor:pointer;
  background:rgba(127,196,255,.07);border:1px solid rgba(127,196,255,.18);
  transition:.16s;-webkit-tap-highlight-color:transparent;
}
.cand:hover{background:rgba(127,196,255,.14);border-color:rgba(127,196,255,.34)}
.cand-id{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#a8c4dd;word-break:break-all}
.cand-val{font-size:12.5px;color:#ffd77a;font-weight:700;white-space:nowrap}
.cand-val em{font-style:normal;font-size:10.5px;color:#9fc6ea;margin-left:5px}

@media (prefers-reduced-motion: reduce){
  .spin,.live-badge{animation:none}
}
/* ── 志莽行书（子集：清风大人）── */
@font-face{
  font-family: 'ZhiMang';
  src: url(data:font/woff2;base64,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) format('woff2');
  font-display: block;
}

/* ── 页脚开发者 · 逐字跑马灯跳动 ── */
.ft-dev{
  font-size: 12.5px;
  color: #6b7e9c;
  margin: 0 0 4px;
}
.wave{ display: inline-block; }
.wave i{
  display: inline-block;
  font-style: normal;
  font-family: 'ZhiMang', system-ui, sans-serif;
  font-size: 15px;
  animation: waveJump 1.4s ease-in-out infinite;
  transform-origin: center bottom;
}
.wave i:nth-child(1){ animation-delay: 0s;    }
.wave i:nth-child(2){ animation-delay: .14s;  }
.wave i:nth-child(3){ animation-delay: .28s;  }
.wave i:nth-child(4){ animation-delay: .42s;  }
@keyframes waveJump{
  0%, 60%, 100% { transform: translateY(0);    }
  30%           { transform: translateY(-5px); }
}

/* 光遇小人图标 */
.pico{
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  margin-right: 2px;
}
.pico svg{
  display: block;
  filter: drop-shadow(0 0 5px rgba(127,196,255,.4));
}

@media (prefers-reduced-motion: reduce){
  .wave i{ animation: none; }
}
/* ── 常显区块（不折叠，用于简短说明） ── */
.fold.static-fold{
  background: rgba(20,30,52,.5);
  border: 1px solid rgba(120,160,230,.14);
  border-radius: 14px;
  margin-bottom: 10px;
}
.fold.static-fold .fold-title{
  padding: 15px 18px 11px;
  font-size: 13.5px;
  color: #b9cde8;
  font-weight: 600;
  letter-spacing: .4px;
  line-height: 1.4;
}
.fold.static-fold .fold-body{
  padding: 0 16px 14px;
}
.fold.static-fold .note-list li{
  font-size: 12.5px;
  line-height: 1.75;
}
/* ══════════ 功能 Tab ══════════ */
.tabs-bar{
  display:flex;gap:8px;margin-bottom:14px;
  background:rgba(20,30,52,.55);padding:5px;border-radius:13px;
  border:1px solid rgba(120,160,230,.14);
}
.tab-btn{
  flex:1;padding:10px 8px;font-size:13px;font-weight:600;
  background:transparent;border:none;border-radius:10px;
  color:#8296b3;cursor:pointer;transition:.18s;
  -webkit-tap-highlight-color:transparent;
}
.tab-btn.active{
  background:linear-gradient(135deg,rgba(127,196,255,.22),rgba(127,196,255,.1));
  color:#cfe4ff;box-shadow:0 0 0 1px rgba(127,196,255,.3) inset;
}
.tab-btn:active{transform:scale(.98)}

/* ══════════ 先祖收集 ══════════ */
.spirit-panel .ptitle{gap:8px}
.sp-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 6px}
.sp-note{margin:8px 0 0;padding:7px 11px;border-radius:9px;background:rgba(255,200,120,.08);
  border:1px solid rgba(255,200,120,.18);font-size:12.5px;color:#f0d9a8;text-align:center}
.sp-note b{color:#ffd77a;font-weight:700}
.sp-sum-item{
  background:rgba(127,196,255,.06);border:1px solid rgba(127,196,255,.16);
  border-radius:11px;padding:11px 12px;
}
.sp-sum-item em{font-size:11px;color:#8fa6c2;font-style:normal;display:block;margin-bottom:5px}
.sp-sum-item b{font-size:21px;color:#ffd77a;font-weight:700;line-height:1.2}
.sp-sum-item b span{font-size:13px;color:#7f93b3;font-weight:500}
.sp-mini-bar{
  height:4px;background:rgba(127,196,255,.12);border-radius:3px;
  margin-top:8px;overflow:hidden;
}
.sp-mini-bar i{display:block;height:100%;background:linear-gradient(90deg,#7fc4ff,#ffd77a);border-radius:3px;transition:.3s}

.sp-section-title{
  font-size:12.5px;font-weight:700;color:#9fc6ea;
  margin:16px 0 9px;padding-left:2px;
}

.sp-groups{display:flex;flex-direction:column;gap:7px}
.sp-group{
  background:rgba(20,30,52,.5);border:1px solid rgba(120,160,230,.14);
  border-radius:11px;overflow:hidden;
}
.sp-group>summary{
  display:flex;align-items:center;gap:9px;padding:11px 13px;
  cursor:pointer;list-style:none;font-size:12.5px;color:#c2d6ef;
  -webkit-tap-highlight-color:transparent;user-select:none;
}
.sp-group>summary::-webkit-details-marker{display:none}
.sp-map{min-width:76px;font-weight:600}
.sp-count{font-size:11.5px;color:#9be8b8;font-variant-numeric:tabular-nums}
.sp-bar{
  flex:1;height:4px;background:rgba(127,196,255,.12);border-radius:3px;
  overflow:hidden;min-width:40px;
}
.sp-bar i{display:block;height:100%;background:linear-gradient(90deg,#7fc4ff,#9be8b8);border-radius:3px}

.sp-items{
  display:flex;flex-wrap:wrap;gap:6px;
  padding:4px 13px 13px;
}
.emote-grid{padding:0}
.sp-chip{
  display:inline-block;font-size:11px;padding:4.5px 9px;border-radius:8px;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
  color:#7d8ca6;white-space:nowrap;
}
.sp-chip.done{
  background:rgba(110,220,150,.13);border-color:rgba(110,220,150,.3);color:#9be8b8;
}