html[data-lang=en] .lang-zh,html:not([data-lang]) .lang-zh,html[data-lang=zh] .lang-en{display:none!important}.office-wrapper{overflow:hidden;-webkit-overflow-scrolling:touch}.pixel-office{position:relative;width:768px;height:448px;margin:0 auto;border:3px solid #2a2a3a;border-radius:6px;overflow:hidden;box-shadow:0 0 30px #8953d122,0 0 0 1px #8953d133}:global([data-theme=light]) .pixel-office{border-color:#ccc;box-shadow:0 4px 32px #00000014}#office-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges;cursor:default;width:768px;height:448px}.office-live-badge{position:absolute;top:8px;left:10px;display:flex;align-items:center;gap:5px;font-size:10px;color:#4ade80;letter-spacing:.05em;pointer-events:none;opacity:.85}.live-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8088;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1}50%{opacity:.4}}.pixel-office-scale-wrapper{width:100%;overflow:hidden}.pixel-office{transform-origin:top left}.agent-detail-overlay{display:none;position:fixed;inset:0;z-index:1000;background:#0009;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(4px)}.agent-detail-overlay.is-open{display:flex;animation:overlay-in .2s ease-out}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.agent-detail-card{background:#12122a;border:2px solid #2a2a3a;border-radius:8px;padding:1.75rem;max-width:480px;width:100%;position:relative;animation:card-in .25s ease-out;box-shadow:0 0 40px #8953d133}:global([data-theme=light]) .agent-detail-card{background:#fffaef;border-color:#e5e7eb;box-shadow:0 4px 32px #0000001a}@keyframes card-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.detail-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;line-height:1;transition:color .15s;padding:0 .25rem}.detail-close:hover{color:#fff}:global([data-theme=light]) .detail-close:hover{color:#111}.detail-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.85rem}.detail-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.detail-name{font-size:1.2rem;font-weight:700;color:#fff}:global([data-theme=light]) .detail-name{color:#111}.detail-role{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.08em}.detail-level{font-family:monospace;font-size:12px;color:#8953d1;margin-left:auto;padding:3px 8px;border:1px solid rgba(137,83,209,.35);border-radius:999px;white-space:nowrap}.detail-stats{font-size:.8rem;font-weight:600;letter-spacing:.02em;margin-bottom:.6rem}.detail-desc{font-size:.95rem;line-height:1.65;color:#aaa;margin-bottom:1.1rem}:global([data-theme=light]) .detail-desc{color:#555}.detail-examples{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-direction:column;gap:.35rem}.detail-examples li{display:flex;align-items:center;gap:.5rem;font-family:serif;font-size:.85rem;color:#ccc}:global([data-theme=light]) .detail-examples li{color:#444}.detail-examples li:before{content:"";width:4px;height:4px;border-radius:50%;background:#8953d1;flex-shrink:0}.detail-latest{border-top:1px solid #2a2a3a;padding-top:.75rem;font-size:.8rem;color:#666}:global([data-theme=light]) .detail-latest{border-top-color:#e5e7eb;color:#888}.detail-latest strong{color:#8953d1}.detail-recent-list{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-direction:column;gap:.25rem}.detail-recent-list li{font-size:.8rem;color:#888}:global([data-theme=light]) .detail-recent-list li{color:#666}.detail-recent-time{color:#8953d1;font-weight:600;margin-right:.3rem}#v4-bubble-overlay{position:absolute;top:0;left:0;width:768px;height:448px;pointer-events:none;overflow:visible}.v4-bubble{position:absolute;display:flex;align-items:center;gap:3px;padding:4px 7px;border-radius:12px;background:#ffffffeb;border:1px solid rgba(137,83,209,.25);font-size:14px;line-height:1;box-shadow:0 2px 8px #0000001f;white-space:nowrap;transform:translate(-50%);animation:v4-float-up 2.8s ease-out forwards;z-index:10}:global([data-theme=dark]) .v4-bubble,.dark .v4-bubble{background:#19192deb;border-color:#8953d166;color:#e5e7eb}@media(prefers-color-scheme:dark){.v4-bubble{background:#19192deb;border-color:#8953d166;color:#e5e7eb}}@keyframes v4-float-up{0%{opacity:0;transform:translate(-50%) translateY(0)}15%{opacity:1;transform:translate(-50%) translateY(-4px)}70%{opacity:1;transform:translate(-50%) translateY(-22px)}to{opacity:0;transform:translate(-50%) translateY(-36px)}}.workload-chart{display:flex;flex-direction:column;gap:.5rem}.workload-row{display:grid;grid-template-columns:140px 1fr 80px;align-items:center;gap:.75rem;transition:transform .15s}.workload-row:hover{transform:scale(1.015)}.workload-row:hover .workload-bar-fill{filter:brightness(1.15);box-shadow:0 0 14px var(--bar-color, #8953d1) 66!important}.workload-label{display:flex;flex-direction:column;gap:.15rem;min-width:0}.workload-name{font-size:.85rem;font-weight:600;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:global([data-theme=light]) .workload-name{color:#222}.workload-model-tag{font-size:.6rem;color:#555;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:global([data-theme=light]) .workload-model-tag{color:#aaa}.workload-sessions{font-size:.65rem;color:#666;letter-spacing:.04em}:global([data-theme=light]) .workload-sessions{color:#999}.workload-bar-track{background:#16162a;border-radius:8px;height:16px;overflow:hidden;position:relative}:global([data-theme=light]) .workload-bar-track{background:#f0f0f0}.workload-bar-fill{height:100%;border-radius:8px;width:0;transition:width .8s cubic-bezier(.4,0,.2,1);position:relative}.workload-tokens{font-size:.8rem;color:#aaa;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}:global([data-theme=light]) .workload-tokens{color:#555}.workload-footer{margin-top:.5rem}.workload-loading{padding:.5rem 0}.feed-header-row{display:flex;justify-content:flex-end;margin-bottom:.75rem}.feed-list{display:flex;flex-direction:column;gap:0}.feed-item{display:flex;align-items:flex-start;gap:.85rem;padding:.7rem 0;border-bottom:1px solid #1f1f30}:global([data-theme=light]) .feed-item{border-bottom-color:#e5e7eb}.feed-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.feed-content{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0}.feed-agent{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.feed-desc{line-height:1.5}.feed-time{font-size:.7rem;white-space:nowrap;margin-top:4px}
