/* 我的绩效 页样式（从 index.html 内联 CSS 数组搬出，规则未改） */
.pf-wrap{padding:0}
.pf-rank{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px 14px 0}
.pf-top6{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;padding:14px 14px 0}
.pf-top6 .pf-rank,.pf-top6 .pf-types{display:contents}
.pf-top6 .rbc,.pf-top6 .pt{padding:10px 11px}
.pf-top6 .rbc .rv{font-size:19px}
.pf-top6 .rbc .rk,.pf-top6 .pt .k{font-size:11.5px}
.pf-top6 .rbc .rd,.pf-top6 .pt .d{font-size:11px;line-height:1.45}
.pf-top6 .pt .v{font-size:19px}
.rbc{border-radius:8px;padding:15px 17px;color:#fff;position:relative;overflow:hidden}
.rbc.total{background:linear-gradient(135deg,#1e40af,#3b82f6)}
.rbc.today{background:linear-gradient(135deg,#b45309,#f59e0b)}
.rbc.rank{background:linear-gradient(135deg,#166534,#22c55e)}
.rbc .bdg{position:absolute;top:11px;right:13px;background:rgba(255,255,255,.22);border-radius:20px;padding:2px 9px;font-size:11px;font-weight:600}
.rbc .rk{font-size:12px;opacity:.85;margin-bottom:4px}
.rbc .rv{font-size:29px;font-weight:800;line-height:1.1}
.rbc .rv small{font-size:13px;font-weight:400;opacity:.85;margin-left:3px}
.rbc .rd{font-size:11.5px;opacity:.82;margin-top:5px}
.pf-types{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 14px 0}
.pt{border:1px solid #eef2f7;border-radius:8px;padding:12px 14px;background:#fff}
.pt.sys{border-left:4px solid #2563eb}.pt.tmp{border-left:4px solid #f59e0b}.pt.sum{border-left:4px solid #16a34a;background:#f8fdf9}
.pt .k{font-size:11.5px;color:#64748b}.pt .v{font-size:22px;font-weight:700;color:#0f172a}
.pt .v small{font-size:11px;font-weight:400;color:#94a3b8;margin-left:3px}
.pt .d{font-size:11px;color:#94a3b8;margin-top:2px}
.pf-tlhd{display:grid;grid-template-columns:62px 76px 1fr 84px 74px 52px;gap:9px;padding:9px 14px;background:#f8fafc;font-size:11.5px;color:#475569;font-weight:600;border-top:1px solid #eef2f7;border-bottom:1px solid #e5e9f0;margin-top:14px}
.pf-tlrow{display:grid;grid-template-columns:62px 76px 1fr 84px 74px 52px;gap:9px;padding:10px 14px;border-bottom:1px solid #f1f5f9;align-items:center;font-size:13px}
.pf-tlrow:hover{background:#f8fbff}
.pf-tg{display:inline-block;padding:1px 7px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}
.pf-tg.up{background:#dbeafe;color:#1d4ed8}.pf-tg.sf{background:#d6e4ff;color:#0284c7}
.pf-tg.sys{background:#e0f2fe;color:#0369a1}.pf-tg.tmp{background:#fef3c7;color:#b45309}
.pf-tg.dg{background:#dcfce7;color:#15803d}.pf-tg.ing{background:#dbeafe;color:#1d4ed8}
.pf-tg.wait{background:#f1f5f9;color:#64748b}.pf-tg.rw{background:#fee2e2;color:#b91c1c}
.pf-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid #eef2f7;background:#fbfdff}
.pf-bar label{font-size:12px;color:#64748b}
.pf-bar select,.pf-bar input{font-family:inherit;font-size:13px;padding:4px 8px;border:1px solid #d8dfe9;border-radius:6px;background:#fff}
.pf-bar .sp{margin-left:auto;font-size:12px;color:#0284c7;font-weight:600}
.pf-sum{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:14px}
.pf-sum>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;padding:9px 11px}
.pf-sum .k{font-size:11px;color:#64748b}
.pf-sum .v{font-size:19px;font-weight:700;color:#0f172a}
.pf-sum .v small{font-size:11px;font-weight:400;color:#94a3b8}
.pf-gantt{position:relative;height:80px;margin:0 14px;background:#fbfdff;border:1px solid #eef2f7;border-radius:8px;overflow:hidden}
.pf-gantt .ot{position:absolute;top:0;bottom:0;background:#fff7ed;border-left:1px dashed #fdba74;border-right:1px dashed #fdba74}
.pf-gantt .ot b{position:absolute;top:2px;left:5px;font-size:10px;color:#c2410c}
.pf-gantt .gl{position:absolute;top:0;bottom:0;width:1px;background:#eef2f7}
.pf-gantt .gl.g6{background:#e2e8f0}
.pf-gb{position:absolute;height:20px;border-radius:4px;font-size:10px;color:#fff;padding:0 4px;line-height:20px;overflow:hidden;white-space:nowrap}
.pf-gb.up{background:#2563eb}.pf-gb.self{background:#0ea5e9}.pf-gb.rw{background:#dc2626}
.pf-axis{display:flex;margin:4px 14px 0}
.pf-axis span{flex:1;text-align:center;font-size:10px;color:#94a3b8}
.pf-list{padding:6px 14px 14px}
.pf-row{display:flex;gap:10px;padding:9px 0;border-bottom:1px dotted #eef2f7;align-items:flex-start}
.pf-row:last-child{border-bottom:0}
.pf-t{width:44px;flex:0 0 44px;font-size:12px;color:#94a3b8;text-align:right;padding-top:1px}
.pf-c{flex:1;min-width:0}
.pf-c .ti{font-size:13px;font-weight:600;margin-bottom:2px}
.pf-c .me{font-size:11.5px;color:#64748b}
.pf-sc{width:44px;flex:0 0 44px;text-align:right;font-size:13px;font-weight:700;color:#b45309}
.pf-tag{display:inline-block;padding:0 6px;border-radius:4px;font-size:10.5px;font-weight:600;margin-left:5px}
.pf-tag.up{background:#dbeafe;color:#1d4ed8}.pf-tag.self{background:#d6e4ff;color:#0284c7}
.pf-tag.rw{background:#fee2e2;color:#b91c1c}.pf-tag.ot{background:#ffedd5;color:#c2410c}
.pf-dims{padding:0 14px 14px}
.pf-dim{display:grid;grid-template-columns:76px 1fr 44px 54px;gap:9px;align-items:center;font-size:12px;margin-bottom:8px}
.pf-dim .nm{color:#475569;font-weight:600}
.pf-dim .tr{height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}
.pf-dim .tr i{display:block;height:100%;background:#2563eb}
.pf-dim .val{text-align:right;font-weight:700;color:#0f172a}
.pf-dim .wt{text-align:right;color:#94a3b8;font-size:10.5px}
.pf-total{margin:2px 14px 14px;padding-top:10px;border-top:1px dashed #e2e8f0;font-size:13px;display:flex;align-items:center;gap:10px}
.pf-total b{font-size:20px;color:#b45309}
.pf-total span{color:#64748b;font-size:11.5px}
.pf-note{margin:0 14px 14px;background:#f0f7ff;border:1px solid #bae6fd;color:#0284c7;padding:8px 11px;border-radius:7px;font-size:12px}
.pf-trend{display:flex;align-items:flex-end;gap:4px;height:70px;padding:6px 14px 0}
.pf-trend .b{flex:1;background:#bfdbfe;border-radius:3px 3px 0 0;min-height:3px;position:relative}
.pf-trend .b span{position:absolute;top:-14px;left:0;right:0;text-align:center;font-size:9px;color:#64748b}
/* ═══ 2026-10-20 老张：「系统任务 / 临时任务 / 合计」三卡合并成「绩效评定」一张，跨后 3 列 ═══ */
.pf-top6 .pf-eval{grid-column:span 3;display:grid;grid-template-columns:126px 1fr 170px;grid-template-rows:auto 18px;
border:1px solid #eef2f7;border-radius:8px;background:#fff;overflow:hidden}
.pf-eval .ev-l{padding:9px 12px;border-right:1px solid #f1f5f9;background:#f7fbff}
.pf-eval .ev-l .k{font-size:11px;color:#64748b}
.pf-eval .ev-l .v{font-size:25px;font-weight:800;color:#0ea5e9;line-height:1.08}
.pf-eval .ev-l .v small{font-size:11px;font-weight:400;color:#94a3b8;margin-left:2px}
.pf-eval .ev-l .d{font-size:10.5px;color:#94a3b8;margin-top:1px}
.pf-eval .ev-m{display:grid;grid-template-columns:repeat(3,1fr);align-content:center}
.pf-eval .ev-m .c{padding:6px 4px;text-align:center;border-right:1px solid #f6f8fb}
.pf-eval .ev-m .c:last-child{border-right:0}
.pf-eval .ev-m b{display:block;font-size:16px;color:#0f172a;line-height:1.25}
.pf-eval .ev-m span{font-size:10px;color:#94a3b8}
.pf-eval .ev-r{padding:8px 10px;border-left:1px solid #f1f5f9;font-size:10.5px;color:#475569;line-height:1.62}
.pf-eval .ev-r b{color:#0f172a}
.pf-eval .ev-bar{grid-column:1/-1;display:flex;border-top:1px solid #f1f5f9}
.pf-eval .ev-bar i{display:flex;align-items:center;justify-content:center;font-style:normal;
font-size:10px;color:#fff;font-weight:600;white-space:nowrap;overflow:hidden}
.pf-eval .ev-bar .b1{background:#0ea5e9}.pf-eval .ev-bar .b2{background:#38bdf8}.pf-eval .ev-bar .b3{background:#7dd3fc}
/* ═══ 2026-10-20 老张：绩效评定可展开 —— 日/周/月三级评定 + 交付清单 + 趋势 ═══ */
.pf-eval{cursor:pointer;position:relative}
.pf-eval:hover{border-color:#7dd3fc;box-shadow:0 3px 12px rgba(24,144,255,.10)}
.pf-eval .ev-more{position:absolute;right:9px;top:7px;font-size:10.5px;color:#0ea5e9;background:#e0f2fe;
border:1px solid #7dd3fc;border-radius:10px;padding:0 7px;line-height:16px}
.pfov{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:9000;display:flex;align-items:center;justify-content:center;padding:22px}
.pfov-p{background:#fff;border-radius:14px;width:min(1000px,96vw);max-height:90vh;overflow:auto;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.pfov-h{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid #eef2f7;position:sticky;top:0;background:#fff;z-index:3}
.pfov-h h3{font-size:15.5px;font-weight:600}
.pfov-h .sub{font-size:11.5px;color:#9aa5b4}
.pfov-seg{display:flex;border:1px solid #e5e8ef;border-radius:8px;overflow:hidden;margin-left:auto}
.pfov-seg button{border:0;background:#fff;padding:6px 15px;font-size:12.5px;cursor:pointer;font-family:inherit;color:#4a5568}
.pfov-seg button.on{background:#0ea5e9;color:#fff;font-weight:600}
.pfov-x{cursor:pointer;color:#b0b8c4;font-size:17px;padding:0 6px;line-height:1}
.pfov-b{padding:18px 20px 26px}
.ev-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ev-kpi{border:1px solid #eef2f7;border-radius:10px;padding:12px 14px;background:#fbfdff}
.ev-kpi .v{font-size:25px;font-weight:800;color:#0ea5e9;line-height:1.1}
.ev-kpi .v.g{color:#52c41a}.ev-kpi .v.o{color:#fa8c16}.ev-kpi .v.n{color:#0f172a}
.ev-kpi .v small{font-size:12px;font-weight:400;color:#94a3b8;margin-left:2px}
.ev-kpi .k{font-size:11.5px;color:#8c98a8;margin-top:3px}
.ev-sec{margin-top:20px}
.ev-sec h4{font-size:13.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}
.ev-sec h4 em{font-style:normal;font-size:11.5px;color:#9aa5b4;font-weight:400}
.ev-tb{width:100%;border-collapse:collapse}
.ev-tb th{font-size:11.5px;color:#8c98a8;font-weight:500;text-align:left;padding:8px 10px;background:#fafbfd;border-bottom:1px solid #f0f2f6}
.ev-tb td{padding:9px 10px;font-size:12.5px;border-bottom:1px solid #f6f8fb;vertical-align:top}
.ev-tb tr:last-child td{border-bottom:0}
.ev-cmt{background:#f7fbff;border:1px solid #d6e9ff;border-radius:10px;padding:13px 16px;font-size:12.5px;line-height:1.95;color:#334155}
.ev-cmt b{color:#0ea5e9}
.ev-cmt .warn{color:#d46b08}
.ev-cmt .good{color:#389e0d}
.ev-trend{display:flex;align-items:flex-end;gap:5px;height:70px}
.ev-trend i{flex:1;background:linear-gradient(180deg,#8fd3ff,#0ea5e9);border-radius:3px 3px 0 0;min-height:2px}
.ev-trend i.zero{background:#eef2f7}
.ev-xaxis{display:flex;gap:5px;margin-top:5px}
.ev-xaxis span{flex:1;text-align:center;font-size:10px;color:#b0b8c4}
.ev-legend{font-size:11px;color:#9aa5b4;margin-top:8px}
/* ═══ 2026-10-20 任务内情：点开看每一轮对话 ═══ */
.ev-tb tr.ev-clickable{cursor:pointer}
.ev-tb tr.ev-clickable:hover{background:#f7fbff}
.ev-rounds{padding:8px 12px 10px;background:#fafcff;border-left:3px solid #7dd3fc;border-radius:0 6px 6px 0;margin:2px 0}
.ev-rd{display:flex;align-items:baseline;gap:10px;font-size:12px;line-height:1.9;color:#475569}
.ev-rd .t{color:#0ea5e9;font-weight:600;font-family:Consolas,monospace;width:42px;flex:0 0 auto}
.ev-rd .n{color:#b0b8c4;font-size:11px;width:44px;flex:0 0 auto}
.ev-rd .x{flex:1}
.ev-rd .rw{color:#cf1322;font-size:11px}
/* ═══ 2026-10-20 能力画像（四维雷达 + 团队对比）═══ */
.ev-ability{display:grid;grid-template-columns:230px 1fr;gap:18px;align-items:center}
.ev-radar{text-align:center}
.ev-radar svg{display:block;margin:0 auto}
.ev-bars{display:flex;flex-direction:column;gap:9px}
.ev-barrow{display:flex;align-items:center;gap:10px;font-size:12.5px}
.ev-barrow .nm{width:66px;color:#4a5568;flex:0 0 auto}
.ev-barrow .track{flex:1;height:14px;background:#f2f5fa;border-radius:7px;overflow:hidden}
.ev-barrow .track i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#8fd3ff,#0ea5e9)}
.ev-barrow .vl{width:74px;text-align:right;color:#0f172a;font-weight:600;flex:0 0 auto}
.ev-summary{margin-top:14px;background:#f7fbff;border:1px solid #d6e9ff;border-radius:10px;padding:12px 15px;font-size:12.5px;line-height:1.9;color:#334155}
.ev-summary b{color:#0ea5e9}
.ev-team{display:flex;flex-direction:column;gap:7px;margin-top:10px}
.ev-trow{display:flex;align-items:center;gap:9px;font-size:12px}
.ev-trow .nm{width:64px;color:#4a5568}
.ev-trow .bk{flex:1;height:16px;background:#f2f5fa;border-radius:4px;overflow:hidden}
.ev-trow .bk i{display:block;height:100%;background:linear-gradient(90deg,#b7eb8f,#52c41a)}
.ev-trow .vv{width:52px;text-align:right;color:#389e0d;font-weight:600}
.ev-trow.me .nm{font-weight:700;color:#0ea5e9}
.ev-trow.me .bk i{background:linear-gradient(90deg,#8fd3ff,#0ea5e9)}
.ev-trow.me .vv{color:#0ea5e9}
/* ═══ 2026-10-20 老张：绩效评定 与 本月任务汇总 拆成两块 ═══ */
.pf-top6 .pf-eval{grid-column:span 2}
.pf-top6 .pf-eval{grid-template-columns:120px 1fr}
.pf-eval .ev-r{display:none}
.pf-month{border:1px solid #eef2f7;border-radius:8px;padding:10px 12px;background:#f8fdf9;border-left:4px solid #16a34a}
.pf-month .k{font-size:11.5px;color:#4a5568;display:flex;align-items:center;gap:4px}
.pf-month .k span{font-size:10px;color:#0ea5e9;font-weight:400}
.pf-month .v{font-size:23px;font-weight:700;color:#15803d;line-height:1.2;margin-top:2px}
.pf-month .v small{font-size:11px;font-weight:400;color:#94a3b8;margin-left:3px}
.pf-month .d{font-size:10.5px;color:#7b8794;line-height:1.5;margin-top:2px}