/* ═══════════════════════════════════════════
   AI达人中心 V4.0 — 像素级栅格布局
   1480px画布 · 12栅格(260+960+260)
   ═══════════════════════════════════════════ */
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:#F6F7FB;color:#1e293b;font-size:13px}

/* ─── 画布 1480px ─── */
.v4-wrap{max-width:1480px;margin:0 auto;padding:0;background:#F6F7FB;min-height:100vh}

/* ─── 三栏flex无gap（栅格连续） ─── */
.v4-flex{display:flex;align-items:stretch;width:100%}
.v4-left{width:260px;flex-shrink:0;display:flex;flex-direction:column}
.v4-mid{width:960px;flex-shrink:0;display:flex;flex-direction:column}
.v4-right{width:260px;flex-shrink:0;display:flex;flex-direction:column}

/* ─── 通用卡片 ─── */
.v4-card{background:#fff;border-radius:12px;overflow:hidden}
.v4-card-hd{font-size:14px;font-weight:700;padding:14px 16px 8px;display:flex;align-items:center;gap:6px}
.v4-card-bd{padding:0 16px 14px}

/* ─── ===== 左侧 260px ===== ─── */

/* A1 AI信息卡 h=260 */
.v4-a1{text-align:center;padding:24px 20px 16px;height:260px}
.v4-av-w{position:relative;display:inline-block}
.v4-av{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid #eef2ff}
.v4-av-ph{width:80px;height:80px;border-radius:50%;background:#6366f1;display:inline-flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff}
.v4-st-dot{position:absolute;bottom:2px;right:2px;width:12px;height:12px;border-radius:50%;border:2px solid #fff}
.v4-nm{font-size:16px;font-weight:700;margin-top:10px}
.v4-id{font-size:11px;color:#64748b;margin-top:2px;font-family:'Courier New',monospace}
.v4-lv{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;font-size:11px;font-weight:700;margin-top:8px}
.v4-l1{background:#f8fafc;color:#94a3b8}.v4-l2{background:#eef2ff;color:#6366f1}
.v4-l3{background:#f0fdf4;color:#22c55e}.v4-l4{background:#f5f3ff;color:#8b5cf6}.v4-l5{background:#ede9fe;color:#7c3aed}
.v4-gw{text-align:left;margin-top:14px}
.v4-gl{font-size:11px;color:#64748b;display:flex;justify-content:space-between;margin-bottom:3px}
.v4-gb{height:8px;border-radius:4px;background:#f1f5f9;overflow:hidden}
.v4-gf{height:100%;border-radius:4px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .5s}
.v4-td{padding:8px 18px;border-top:1px solid #f1f5f9;height:36px;display:flex;justify-content:space-between;align-items:center;font-size:11px}
.v4-td .l{color:#64748b}.v4-td .r{font-weight:700;color:#6366f1}

/* A2 雷达卡 h=260 */
.v4-a2{height:260px}
.v4-radar-w{width:200px;height:200px;margin:8px auto 0;position:relative}

/* A3 商业目标 h=180 */
.v4-a3{flex:1;display:flex;flex-direction:column}
.v4-g{margin-bottom:6px;display:flex;align-items:center;gap:8px}
.v4-g:last-child{margin-bottom:0}
.v4-g-l{font-size:11px;color:#64748b;width:72px;flex-shrink:0}
.v4-g-t{flex:1;height:6px;border-radius:3px;background:#f1f5f9;overflow:hidden}
.v4-g-f{height:100%;border-radius:3px;transition:width .5s}
.v4-g-p{font-size:10px;color:#64748b;width:32px;text-align:right;font-weight:600}

/* ─── ===== 中间 960px ===== ─── */

/* B1 社交资产 h=140 4等分 */
.v4-b1{height:140px}
.v4-soc{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;height:100%}
.v4-soc-c{text-align:center;padding:20px 8px;border-radius:10px}
.v4-soc-c .v{font-size:24px;font-weight:700}
.v4-soc-c .l{font-size:12px;color:#64748b;margin-top:3px}
.v4-soc-c .d{font-size:10px;margin-top:2px;font-weight:500}

/* B2 趋势图 h=280 */
.v4-b2{height:280px}
.v4-chr-hd{display:flex;align-items:center;justify-content:space-between;padding:0 16px}
.v4-per{display:flex;gap:4px}
.v4-pb{padding:2px 10px;border-radius:5px;font-size:11px;border:1px solid #e2e8f0;background:#fff;color:#64748b;cursor:pointer}
.v4-pb.on{background:#eef2ff;color:#6366f1;border-color:#6366f1}
.v4-chr-w{height:230px;padding:0 16px 14px}

/* B3 关系质量 h=140 */
.v4-b3{height:140px}
.v4-qua{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.v4-qua-c{text-align:center;padding:18px 6px;border-radius:10px}
.v4-qua-c .g{font-size:26px;font-weight:700}
.v4-qua-c .n{font-size:13px;font-weight:600;color:#1e293b;margin-top:2px}
.v4-qua-c .p{font-size:10px;color:#64748b;margin-top:1px}
.v4-qua-c .t{font-size:10px;color:#94a3b8;margin-top:2px}

/* B4 行为表现 h=220 */
.v4-b4{height:220px}
.v4-beh{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.v4-beh-c{padding:14px 12px;border-radius:10px}
.v4-beh-c .ic{font-size:22px;margin-bottom:4px}
.v4-beh-c .tt{font-size:12px;font-weight:600;color:#1e293b;margin-bottom:8px}
.v4-bm{display:flex;flex-direction:column;gap:4px}
.v4-br{display:flex;justify-content:space-between;font-size:10px}
.v4-br .l{color:#64748b}.v4-br .r{font-weight:600;color:#1e293b}

/* B5 AI复盘 h=220 */
.v4-b5{flex:1;display:flex;flex-direction:column}
.v4-rv{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;height:100%}
.v4-rv-c{padding:14px;border-radius:10px}
.v4-rv-c .tt{font-size:12px;font-weight:600;margin-bottom:8px}
.v4-rs{display:flex;flex-direction:column;gap:3px}
.v4-rr{display:flex;justify-content:space-between;font-size:11px}
.v4-rr .l{color:#64748b}.v4-rr .r{font-weight:600}
.v4-re{font-size:10px;color:#64748b;margin-top:5px;padding:4px 6px;background:rgba(255,255,255,.5);border-radius:4px;border:1px dashed #d1d5db;cursor:text}

/* ─── ===== 右侧 260px ===== ─── */

/* C1 人类协作 h=320 */
.v4-c1{height:320px}
.v4-tsk{padding:0 16px 8px}
.v4-tsk-i{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;margin-bottom:8px;border-radius:10px}
.v4-tsk-i:last-child{margin-bottom:0}
.v4-tsk-ic{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}
.v4-tsk-b{flex:1;min-width:0}
.v4-tsk-t{font-size:12px;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:4px}
.v4-tsk-d{font-size:10px;color:#64748b;margin-top:1px}
.v4-tsk-act{margin-top:4px;display:flex;gap:4px}
.v4-tbn{padding:2px 8px;border-radius:4px;font-size:10px;border:none;cursor:pointer;font-weight:500}
.v4-prio{font-size:9px;padding:1px 5px;border-radius:3px;font-weight:700;color:#fff}

/* C2 风控安全 h=240 */
.v4-c2{flex:1;display:flex;flex-direction:column}
.v4-sf{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;height:100%}
.v4-sf-c{text-align:center;padding:16px 8px;border-radius:10px}
.v4-sf-c .ic{font-size:20px}
.v4-sf-c .v{font-size:12px;font-weight:600;margin-top:3px}
.v4-sf-c .l{font-size:10px;margin-top:2px}