
/* ===== 首屏跑分面板(壬 · 双塔并列) =====
   手机端 display:none —— 站主要求整块不在手机版出现 */
.zhsp {
    border: 1px solid #ece9fb; border-radius: 16px;
    background: linear-gradient(170deg, #f8f6ff 0%, #fcfbff 48%, #ffffff 100%);
    padding: 13px 14px 12px; display: flex; flex-direction: column;
    box-shadow: 0 4px 16px rgba(108, 92, 231, .07);
    position: relative; z-index: 1;
}
.zhsp-hd { display: flex; align-items: center; gap: 6px; padding-bottom: 10px; border-bottom: 1px solid #eee9fb; }
.zhsp-hd img { width: 18px; height: 18px; display: block; }
.zhsp-hd b { font-size: 12px; font-weight: 800; letter-spacing: .01em; color: #14171e; }
.zhsp-hd .zhsp-bench {
    margin-left: auto; font-family: var(--mono, monospace); font-size: 9.5px; font-weight: 600;
    color: #5b4bc4; background: #f2efff; border: 1px solid #ece9fb; border-radius: 6px; padding: 1px 6px;
}
.zhsp-twin { display: grid; grid-template-columns: 1fr 1fr; }
.zhsp-col { padding: 10px 0 2px; min-width: 0; }
.zhsp-col + .zhsp-col { border-left: 1px dashed #efeafb; padding-left: 12px; margin-left: 12px; }
.zhsp-col .k { font-size: 10.5px; color: #7c7a8a; letter-spacing: .01em; }
.zhsp-col .n { display: flex; align-items: baseline; gap: 3px; margin: 1px 0 8px; }
.zhsp-col .n b {
    font-family: var(--mono, monospace); font-size: 23px; font-weight: 800;
    letter-spacing: -.04em; line-height: 1.1; color: #14171e;
}
.zhsp-col.is-pri .n b { color: #5b4bc4; }
.zhsp-col .n .u { font-size: 9px; color: #a5a3b1; font-family: var(--mono, monospace); }
.zhsp-track { display: block; height: 6px; border-radius: 3px; background: #eef0f7; overflow: hidden; }
.zhsp-fill { display: block; height: 100%; border-radius: 3px; background: linear-gradient(90deg, #8f82f5, #6c5ce7); }
.zhsp-col.is-pri .zhsp-fill { background: linear-gradient(90deg, #6c5ce7, #5b4bc4); }
.zhsp-cap { margin-top: 6px; font-size: 9.5px; color: #a5a3b1; line-height: 1.5; }
.zhsp-cap b { font-family: var(--mono, monospace); font-size: 10px; font-weight: 700; color: #5b4bc4; }
.zhsp-foot { margin-top: 9px; padding-top: 8px; border-top: 1px solid #eee9fb; font-size: 10px; color: #a5a3b1; line-height: 1.55;
    display: flex; align-items: baseline; justify-content: space-between; gap: 8px; }
.zhsp-foot .zhsp-domain { font-family: var(--mono, monospace); font-size: 10px; color: #d2d6de; letter-spacing: .01em; }
.zhsp-foot b { color: #5b4bc4; font-weight: 700; font-family: var(--mono, monospace); }
.zhsp-foot a { color: #5b4bc4; text-decoration: none; }
.zhsp-foot a:hover { text-decoration: underline; }
/* 768 是本页版式塌陷的断点(view.html 里 .xinyue_wp 也在这个宽度转 100%),
   到这里整块不显示;hero.html 同步在 ≤768 把第三列收掉,免得留空轨道。 */
@media (max-width: 768px) {
    .zhsp { display: none !important; }
}
