/* ===== 站内实测成绩墙(q/view.html 内) ===== */
.pfvw{margin:16px 0 4px}
.pfvw-hd{margin-bottom:12px}
.pfvw-t{font-size:15.5px;font-weight:800;color:#1e293b;display:flex;align-items:center;gap:6px}
.pfvw-sub{margin-top:5px;font-size:12px;color:#8ba0bc;line-height:1.7}
.pfvw-sub b{color:#5b6b83;font-weight:600}

.pfvw-wall{display:flex;flex-wrap:wrap;gap:10px}
.pfvw-item{
    width:150px;margin:0;background:#fff;border:1px solid #e9edf4;border-radius:12px;
    padding:5px 5px 3px;cursor:zoom-in;transition:.18s;flex:none;
}
.pfvw-item:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,24,37,.10);border-color:#d9d2ff}
.pfvw-shot{position:relative;background:#fff;display:flex;align-items:center;border-radius:8px;overflow:hidden;
    /* 统一正方形缩略图(2026-10-30 用户拍板):五张底图比例不一(640×640/731/510/410/442),
     *  原样排下边缘参差 —— 缩略图一律 1:1 居中裁切,像 Instagram 网格;
     *  ⚠ 点开放大看的是**完整原图**(克隆的 svg 会把 preserveAspectRatio 改回 meet),不丢内容。 */
    aspect-ratio:1/1;
}
.pfvw-shot svg{display:block;width:100%;height:100%}
/* 非 VIP 渐隐 —— 视觉口径和 CPU 详情页的跑分卡一致(那条也是 62% 高渐变) */
.pfvw-shot.is-locked .pfvw-fade{
    position:absolute;left:0;right:0;bottom:0;height:62%;
    background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.72) 42%,#fff 100%);
    pointer-events:none;
}
.pfvw-cap{font-size:11px;font-weight:600;color:#7b879b;text-align:center;padding:5px 0 4px}

.pfvw-foot{
    margin-top:10px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
    font-size:12px;color:#8ba0bc;
}
.pfvw-foot a{color:#6c5ce7;text-decoration:none;font-weight:600}
.pfvw-foot a:hover{text-decoration:underline}
.pfvw-vip{display:inline-flex;align-items:center;gap:5px;color:#92400e;background:#fffbeb;
    border:1px solid #fde68a;border-radius:20px;padding:3px 10px;font-size:11.5px}
.pfvw-vip a{color:#b45309}

/* 放大层(layer type 1 的内容) */
.pfvw-big{padding:12px}
/* ⚠ 放大层要**完整原图**:覆盖缩略图的 1:1 裁切(aspect-ratio auto + svg meet),别跟着裁 */
.pfvw-big .pfvw-shot{width:100%;max-width:400px;margin:0 auto;border-radius:10px;overflow:hidden;border:1px solid #eef2f8;aspect-ratio:auto}
.pfvw-big .pfvw-shot svg{width:100%;height:auto}
.pfvw-capline{margin-top:10px;font-size:12px;color:#8ba0bc;line-height:1.7;text-align:center}
.pfvw-capline b{color:#33415c}
.pfvw-vipnote{margin-top:8px;text-align:center;font-size:12.5px;color:#92400e;background:#fffbeb;
    border:1px solid #fde68a;border-radius:10px;padding:8px 10px;line-height:1.6}
.pfvw-vipnote a{color:#b45309;font-weight:600}

@media (max-width:640px){
    .pfvw-item{width:calc(33.33% - 7px)}
    .pfvw-t{font-size:14.5px}
}
@media (max-width:360px){
    .pfvw-item{width:calc(50% - 5px)}
}