/* 查询结果页内部美化：不改变窗口外框、标题栏和页面背景。 */

.shield-site .profile-head {
  position: relative;
  align-items: center;
  justify-content: center;
  min-height: 154px;
  gap: clamp(22px, 5vw, 76px);
  padding: 24px 30px;
  background: linear-gradient(180deg, rgba(247, 251, 255, .92), rgba(243, 249, 255, .65));
}
.shield-site .profile-head > :not(.spirit-layer) { position: relative; z-index: 1; }
.shield-site .profile-main { flex: 0 1 auto; text-align: center; gap: 7px; }
.shield-site .profile-qq { color: #5c8fd8; font-size: 30px; line-height: 1.2; }
.shield-site .profile-score { justify-content: center; font-size: 14px; }
.shield-site .profile-score .score-value { font-size: 22px; }
/* 综合评分两侧的浅蓝方括号，对齐旧版 [ 128 ] 的写法 */
.shield-site .profile-score .score-bracket {
  color: #66ccff;
  font-size: 20px;
  font-weight: 700;
}
.shield-site .profile-score { gap: 6px; }
/* 综合评分为纯数字，用 Rubik 保证各设备字形一致；
   配合 tabular-nums 让位数对齐、读数更快（Rubik 原生支持等宽数字） */
.shield-site .profile-score .score-value {
  font-family: "Rubik", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
  font-variant-numeric: tabular-nums;
}
.shield-site .profile-side { max-width: 360px; gap: 7px; }
.shield-site .profile-side::before,
.shield-site .profile-side::after { content: none; }
.shield-site .profile-blacklist { padding: 5px 10px; }

/* 档案大框随记录状态变色：正常蓝 / 避雷橙 / 违规红（描边与硬阴影同步）。 */
.shield-site .window[data-state="warn"] { --win-edge: #c07d18; --win-shadow-color: #f0dcb4; }
.shield-site .window[data-state="bad"] { --win-edge: #b04a45; --win-shadow-color: #edd0cd; }

/* 违规 / 避雷详情：多行键值，右侧栏内左对齐展示。
   无记录时仍是单行小标签，不受影响。 */
.shield-site .profile-blacklist.is-bad {
  display: grid;
  gap: 4px;
  justify-self: stretch;
  width: 100%;
  max-width: 360px;
  text-align: left;
}
.shield-site .blacklist-head {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 700;
  line-height: 1.5;
}
.shield-site .blacklist-head .icon { flex-shrink: 0; }
.shield-site .blacklist-row {
  display: grid;
  grid-template-columns: 4.5em minmax(0, 1fr);
  gap: 8px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
}
.shield-site .blacklist-label {
  color: var(--danger);
  opacity: .82;
}
.shield-site .blacklist-value {
  color: var(--ink);
  font-weight: 600;
  word-break: break-all;
}

/* 避雷是「前科记录」，严重度低于违规：改用橙色警示框，与红色区分。 */
.shield-site .profile-blacklist.is-warn {
  color: #b26a12;
  background: #fff6e8;
  border-color: #e8b96a;
}
.shield-site .profile-blacklist.is-warn .blacklist-label { color: #b26a12; }

/* 特效层仍只在文字下方，不改变布局。 */
.shield-site .spirit-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  contain: paint;
  pointer-events: none;
  background: radial-gradient(62% 120% at 42% 68%, rgba(133, 182, 236, .16), rgba(133, 182, 236, 0) 72%);
}
.shield-site .spirit-layer canvas { display: block; width: 100%; height: 100%; }

/* 各区块更紧凑。区块不跨行，接稿信息与其它标签才能自然排在第三行。 */
.shield-site .profile-sections { gap: 15px 16px; padding: 20px 30px 5px; }
.shield-site .profile-section { padding: 14px 17px 15px; }
/* 尾部两栏只剩一个时（缺接稿或缺标签）占满整行 */
.shield-site .profile-section.span-full { grid-column: 1 / -1; }
/* 活跃数据统计比右侧雷达矮，按内容高度收缩，避免被拉出大片空白 */
.shield-site .profile-section[data-title="活跃数据统计"] { align-self: start; }
/* 仅桌面：活跃数据用 3 列紧凑排布，两个时间项合占一行；
   平板（≤1050）与手机沿用 responsive.css 的窄列规则，由下方媒体查询接管。 */
@media (min-width: 1051px) {
  .shield-site .profile-section[data-title="活跃数据统计"] .info-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px 15px; }
  .shield-site .profile-section[data-title="活跃数据统计"] .info-item:nth-child(4) { grid-column: span 2; }
  .shield-site .profile-section[data-title="活跃数据统计"] .info-item:nth-child(5) { grid-column: span 1; }
}
.shield-site .profile-section[data-title="数据分析"] { display: grid; align-content: start; }
.shield-site .profile-section[data-kind="radar"] .radar-svg { max-width: 185px; }
.shield-site .section-title { margin-bottom: 13px; padding-bottom: 8px; }
.shield-site .info-grid { gap: 12px 15px; }
.shield-site .info-item { gap: 5px; }
.shield-site .info-label { font-size: 11px; }
.shield-site .info-value { font-size: 13px; line-height: 1.45; }

/* 认证信息沿用旧版 Color.css 的发光三色：GreenYY / RedTT / OrangeYY，
   即绿=已认证、红=未认证或异常、橙=中间态，带同色系外发光。 */
.shield-site .info-value.is-ok { color: #33cc33; text-shadow: 0 0 18px #66ff66; font-weight: 600; }
.shield-site .info-value.is-no { color: #ff0000; text-shadow: 0 0 18px #ff3333; font-weight: 600; }
.shield-site .info-value.is-warn { color: #ff8c00; text-shadow: 0 0 18px #ffa500; font-weight: 600; }
/* 绿/红另带旧版的粒子光屑 GIF（GreenYY / RedTT 的 background-image）；
   橙色 OrangeYY 在旧版没有粒子层，此处保持一致。 */
.shield-site .info-value.is-ok .info-text,
.shield-site .info-value.is-no .info-text { background-image: url(x/LZ.gif); }

/* 子指标数字按评级着色，对齐旧版 new_get.php 的色阶：
   E 红 → D 浅红 → C 紫 → B 蓝 → A 绿 → S 金 → SSR 彩色流光。
   旧版数值自带发光，这里保留轻微 text-shadow 还原观感，让数字一眼可辨好坏。 */
.shield-site .info-value[data-rating] .info-text,
.shield-site .info-value .value-bracket { font-weight: 600; }
/* 方括号沿用旧版的浅蓝 #66CCFF，与彩色数字形成固定的“数据槽”观感 */
.shield-site .info-value .value-bracket { color: #66ccff; }
/* 方括号紧贴数值：抵消 flex gap，读作 [129 △D△]，去掉括号内的空档 */
.shield-site .info-value .value-bracket:first-child { margin-right: -7px; }
.shield-site .info-value .value-bracket:last-child { margin-left: -7px; }
/* 数字用 Rubik 等宽数字，位数对齐、读数更清晰，且不随系统字体变化。
   只作用于带方括号的数值项，避免影响「已认证手机」这类文字。 */
.shield-site .info-value[data-num] .info-text {
  font-family: "Rubik", "SFMono-Regular", Menlo, Consolas, "Liberation Mono", "Courier New", monospace;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.2px;
}
.shield-site .info-value[data-rating="E"] .info-text { color: #ff0000; text-shadow: 0 0 8px rgba(255, 51, 51, .35); }
.shield-site .info-value[data-rating="D"] .info-text { color: #ff6666; text-shadow: 0 0 8px rgba(255, 102, 102, .35); }
.shield-site .info-value[data-rating="C"] .info-text { color: #cc66ff; text-shadow: 0 0 8px rgba(204, 102, 255, .35); }
.shield-site .info-value[data-rating="B"] .info-text { color: #6699ff; text-shadow: 0 0 8px rgba(102, 153, 255, .35); }
.shield-site .info-value[data-rating="A"] .info-text { color: #33cc33; text-shadow: 0 0 8px rgba(51, 204, 51, .35); }
/* 只变色不出评级的字段（最后活跃时间）：复用同一套色阶，
   但文字不带发光——旧版这里只设 color，没有 text-shadow。 */
.shield-site .info-value[data-tone="E"] .info-text { color: #ff0000; }
.shield-site .info-value[data-tone="D"] .info-text { color: #ff6666; }
.shield-site .info-value[data-tone="C"] .info-text { color: #cc66ff; }
.shield-site .info-value[data-tone="B"] .info-text { color: #6699ff; }
.shield-site .info-value[data-tone="A"] .info-text { color: #33cc33; }
/* S / SS 金色：对齐旧版 GlodCC 的 #FFCC66，并加大发光强度 */
.shield-site .info-value[data-rating="S"] .info-text,
.shield-site .info-value[data-rating="SS"] .info-text { color: #ffc233; text-shadow: 0 0 10px rgba(255, 204, 0, .65); }
/* SSR / ULTIMATE：彩色渐变 + 循环流光，与综合评分同源 */
.shield-site .info-value[data-rating="SSR"] .info-text,
.shield-site .info-value[data-rating="ULTIMATE"] .info-text {
  background-image: linear-gradient(90deg, #ffa745, #fe869f, #ef7ac8, #a083ed, #43aeff, #a083ed, #ef7ac8, #fe869f, #ffa745);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: ssr-streamer 3s linear infinite;
  font-weight: 700;
}

/* 子指标里的评级融入数值：去掉独立徽章的边框底色，只留文字，
   与前面的数字同色同发光，整体读作 [ 128 ◈S◈ ]。
   徽章各档颜色与数字色阶本来就一致（见下方色阶定义），无需再改色；
   选择器带 [data-rating] 提高特异性，压过后面各档徽章的边框底色规则。 */
.shield-site .info-value .rating-badge[data-rating] {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: 11px;
  font-weight: 700;
}
/* 粒子层：对应旧版 Color.css 带 background-image: url(X/LZ.gif) 的彩色 class。
   旧版数字指标里挂粒子的只有 GreenYY(A) / GlodCC(S·SS) / SSR_H(SSR·ULTIMATE)；
   E/D/C/B 都是内联 color（如 D 是 <font color="#FF6666">），没有粒子。
   RedTT 只用于认证信息与勋章，数字指标从未使用。
   用 width: fit-content 让粒子只覆盖文字本身，不铺满整个网格单元。 */
.shield-site .info-value[data-rating="A"],
.shield-site .info-value[data-rating="S"],
.shield-site .info-value[data-rating="SS"],
.shield-site .info-value[data-rating="SSR"],
.shield-site .info-value[data-rating="ULTIMATE"] {
  width: fit-content;
  background-image: url(x/LZ.gif);
  border-radius: 3px;
}
/* 综合评分：粒子层包住「数字+分+评级」整段（旧版 .SSR_H / GreenYY / GlodCC 的包裹范围） */
.shield-site .profile-score .score-num[data-rating="A"],
.shield-site .profile-score .score-num[data-rating="S"],
.shield-site .profile-score .score-num[data-rating="SS"],
.shield-site .profile-score .score-num[data-rating="SSR"],
.shield-site .profile-score .score-num[data-rating="ULTIMATE"] {
  background-image: url(x/LZ.gif);
  border-radius: 3px;
}

/* 评级恢复像素边框，只按等级变色；颜色取自参考规则。 */
.shield-site .rating-badge {
  gap: 3px;
  padding: 2px 6px;
  font-size: 11px;
  border: 2px solid;
  text-shadow: none;
  font-weight: 700;
}
/* 评级徽章色阶与子指标数字保持一致（E 红 → D 浅红 → C 紫 → B 蓝 → A 绿 → S 金 → SSR 渐变）。 */
.shield-site .rating-badge[data-rating="E"] { color: #ff0000; background: #fff1f1; border-color: #e8a3a3; }
.shield-site .rating-badge[data-rating="D"] { color: #ff6666; background: #fff4f4; border-color: #f0b8b8; }
.shield-site .rating-badge[data-rating="C"] { color: #cc66ff; background: #faf2ff; border-color: #d9a3f0; }
.shield-site .rating-badge[data-rating="B"] { color: #6699ff; background: #f0f5ff; border-color: #a3c2f0; }
.shield-site .rating-badge[data-rating="A"] { color: #33cc33; background: #f2fcf2; border-color: #8fd88f; }
/* S / SS：金色 + 发光。色值与数字同档取 #ffc233，
   融入数值行时与前面的亮金数字保持一致，不再显暗。 */
.shield-site .rating-badge[data-rating="S"],
.shield-site .rating-badge[data-rating="SS"] {
  color: #ffc233;
  background: #fffaf0;
  border-color: #f0cf7a;
  text-shadow: 0 0 10px rgba(255, 204, 0, .7);
  box-shadow: 0 0 9px rgba(255, 204, 102, .6), inset 0 0 0 1px rgba(255, 255, 255, .7);
}
/* SSR / ULTIMATE：保留像素边框，文字用彩色渐变 + 循环流光。
   综合评分与各子指标（所在群数、总计活跃等）共用同一套。 */
.shield-site .rating-badge[data-rating="SSR"],
.shield-site .rating-badge[data-rating="ULTIMATE"] {
  padding: 2px 6px;
  border: 2px solid #d685c8;
  background: linear-gradient(180deg, #fff7fa, #ffedf7);
  box-shadow: 0 0 8px rgba(255, 167, 69, .30), 0 0 14px rgba(239, 122, 200, .22);
  font-weight: 800;
}
/* 文字层单独承载彩色渐变，边框与底色不受 background-clip 影响。 */
.shield-site .rating-badge[data-rating="SSR"] .rating-star,
.shield-site .rating-badge[data-rating="SSR"] .rating-name,
.shield-site .rating-badge[data-rating="ULTIMATE"] .rating-star,
.shield-site .rating-badge[data-rating="ULTIMATE"] .rating-name {
  color: #ffa745;
  background-image: linear-gradient(90deg, #ffa745, #fe869f, #ef7ac8, #a083ed, #43aeff, #a083ed, #ef7ac8, #fe869f, #ffa745);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 8px rgba(255, 167, 69, .34), 0 0 14px rgba(239, 122, 200, .22);
  animation: ssr-streamer 3s linear infinite;
}

/* 标签特殊等级：跟随 new_get.php 的勋章阶层，只替换颜色与文案，不改变外框结构。 */
.shield-site .tag.tag-ssr {
  background: linear-gradient(180deg, #fff7fa, #ffedf7);
  border-color: #ef7ac8;
  box-shadow: 0 0 8px rgba(255, 167, 69, .22), 0 0 13px rgba(239, 122, 200, .16);
  font-weight: 800;
}
.shield-site .tag-icon { -webkit-text-fill-color: initial; color: initial; }

/* SSR 彩色渐变字体：对齐 Color.css 的 SSR 色带，并保留循环流光动画。 */
.shield-site .ssr-text {
  color: #ffa745;
  background-image: linear-gradient(90deg, #ffa745, #fe869f, #ef7ac8, #a083ed, #43aeff, #a083ed, #ef7ac8, #fe869f, #ffa745);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 10px rgba(255, 167, 69, .38), 0 0 18px rgba(239, 122, 200, .26);
  animation: ssr-streamer 3s linear infinite;
}

@keyframes ssr-streamer {
  0% { background-position: 0% 0; }
  100% { background-position: 200% 0; }
}

/* SSR 流光为站点标识性效果，按需求在减弱动效下也保留；
   若日后想恢复无障碍兜底，删除本段即可。 */
@media (prefers-reduced-motion: reduce) {
  .shield-site .ssr-text,
  .shield-site .score-value[data-rating="SSR"],
  .shield-site .score-value[data-rating="ULTIMATE"],
  .shield-site .info-value[data-rating="SSR"] .info-text,
  .shield-site .info-value[data-rating="ULTIMATE"] .info-text,
  .shield-site .rating-badge[data-rating="SSR"],
  .shield-site .rating-badge[data-rating="ULTIMATE"],
  .shield-site .rating-badge[data-rating="SSR"] .rating-star,
  .shield-site .rating-badge[data-rating="SSR"] .rating-name,
  .shield-site .rating-badge[data-rating="ULTIMATE"] .rating-star,
  .shield-site .rating-badge[data-rating="ULTIMATE"] .rating-name {
    animation: ssr-streamer 3s linear infinite !important;
  }
}
.shield-site .tag.tag-gold {
  color: #e8a825;
  background: #fffaf0;
  border-color: #e4bf62;
  text-shadow: 0 0 8px rgba(255, 204, 102, .55);
}
.shield-site .tag.tag-blue {
  color: #3399ff;
  background: #f0f7ff;
  border-color: #8fc0ef;
}
.shield-site .tag.tag-red {
  color: #d94848;
  background: #fff1f1;
  border-color: #d98f8f;
}

/* 综合评分随评级变色；SSR / ULTIMATE 追加循环流光。
   色阶严格对齐 Core_信用分计算.php：E 黑 / D 银 / C 紫 / B 蓝 / A 绿 / S 金。
   与子指标的 E 红 / D 浅红是旧版固有的两套色阶，不要混用。 */
.shield-site .profile-score .score-num {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 0 3px;
}
/* 「分」跟随分数同步变色（含 SSR 流光），不再用固定的灰蓝 */
.shield-site .profile-score .score-num .score-unit { margin-left: 0; }
.shield-site .score-value[data-rating="E"],
.shield-site .score-num[data-rating="E"] .score-unit { color: #000000; }
.shield-site .score-value[data-rating="D"],
.shield-site .score-num[data-rating="D"] .score-unit { color: #c0c0c0; }
.shield-site .score-value[data-rating="C"],
.shield-site .score-num[data-rating="C"] .score-unit { color: #cc66ff; }
.shield-site .score-value[data-rating="B"],
.shield-site .score-num[data-rating="B"] .score-unit { color: #6699ff; }
.shield-site .score-value[data-rating="A"],
.shield-site .score-num[data-rating="A"] .score-unit { color: #33cc33; }
.shield-site .score-value[data-rating="S"],
.shield-site .score-value[data-rating="SS"],
.shield-site .score-num[data-rating="S"] .score-unit,
.shield-site .score-num[data-rating="SS"] .score-unit { color: #ffc233; text-shadow: 0 0 10px rgba(255, 204, 0, .65); }
.shield-site .score-value[data-rating="SSR"],
.shield-site .score-value[data-rating="ULTIMATE"],
.shield-site .score-num[data-rating="SSR"] .score-unit,
.shield-site .score-num[data-rating="ULTIMATE"] .score-unit {
  background-image: linear-gradient(90deg, #ffa745, #fe869f, #ef7ac8, #a083ed, #43aeff, #a083ed, #ef7ac8, #fe869f, #ffa745);
  background-size: 200% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: ssr-streamer 3s linear infinite;
}

/* 综合评分旁的评级：只要文字，不加边框，并与分数同色（沿用分数的 E黑/D银 色阶）。
   粒子由外层 .score-num 统一提供，这里不再单独挂，避免两层 GIF 叠加。 */
.shield-site .profile-score .rating-badge {
  padding: 0 4px;
  border: 0;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
}
.shield-site .profile-score .rating-badge[data-rating="E"] { color: #000000; }
.shield-site .profile-score .rating-badge[data-rating="D"] { color: #c0c0c0; }
.shield-site .profile-score .rating-badge[data-rating="C"] { color: #cc66ff; }
.shield-site .profile-score .rating-badge[data-rating="B"] { color: #6699ff; }
.shield-site .profile-score .rating-badge[data-rating="A"] { color: #33cc33; }
.shield-site .profile-score .rating-badge[data-rating="S"],
.shield-site .profile-score .rating-badge[data-rating="SS"] { color: #ffc233; }
.shield-site .profile-score .rating-badge[data-rating="SSR"],
.shield-site .profile-score .rating-badge[data-rating="ULTIMATE"] {
  text-shadow: 0 0 12px rgba(255, 167, 69, .52), 0 0 22px rgba(239, 122, 200, .34);
}

@media (max-width: 780px) {
  /* 覆盖 responsive.css 中的手机端单列规则：认证/云存储等仍保持两列。 */
  .shield-site .info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .shield-site .profile-head { justify-content: flex-start; min-height: 0; gap: 12px; padding: 15px 15px 13px; }
  .shield-site .profile-main { text-align: left; gap: 5px; }
  .shield-site .profile-score { justify-content: flex-start; gap: 6px; }
  .shield-site .profile-qq { font-size: 20px; line-height: 1.15; }
  .shield-site .profile-score .score-value { font-size: 20px; }
  .shield-site .profile-side { max-width: none; width: 100%; text-align: left; gap: 5px; }
  .shield-site .profile-blacklist { padding: 4px 8px; font-size: 11px; }
  .shield-site .profile-sections { gap: 11px; padding: 14px 14px 3px; }
  .shield-site .profile-section { padding: 12px 13px 12px; }
  .shield-site .section-title { margin-bottom: 10px; padding-bottom: 6px; }
  .shield-site .info-grid { gap: 9px 12px; }
  .shield-site .info-item { gap: 3px; }
  .shield-site .info-label { font-size: 10px; }
  .shield-site .info-value { font-size: 12px; line-height: 1.35; }
  .shield-site .rating-badge { padding: 1px 5px; font-size: 10px; }
  /* 活跃数据在手机上退化为两列，桌面 3 列规则不适用于此宽度 */
  .shield-site .profile-section[data-title="活跃数据统计"] .info-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* 页脚拆两行：查询时间一行，免责提示一行 */
  .shield-site .profile-foot {
    display: grid;
    gap: 3px;
    line-height: 1.6;
  }
  .shield-site .profile-foot .foot-sep { display: none; }
}

@media (max-width: 420px) {
  .shield-site .profile-head { gap: 9px; padding: 12px 12px 10px; }
  .shield-site .profile-avatar { width: 46px; height: 46px; }
  .shield-site .profile-avatar img { width: 40px; height: 40px; }
  .shield-site .profile-sections { padding: 12px 12px 3px; }
  .shield-site .profile-qq { font-size: 18px; }
  .shield-site .profile-score .score-value { font-size: 18px; }
  .shield-site .profile-score { font-size: 11px; }
}

@media (max-width: 330px) {
  .shield-site .info-grid { grid-template-columns: minmax(0, 1fr); }
}