.pixel-agent-page{
  --pixel-bg:#08152f;
  --pixel-bg-2:#0c1d42;
  --pixel-panel:#132b59;
  --pixel-panel-2:#19366b;
  --pixel-line:#4267a6;
  --pixel-line-soft:#2d4f87;
  --pixel-text:#eef4ff;
  --pixel-text-soft:#9fb5dc;
  --pixel-green:#44e38f;
  --pixel-yellow:#ffd329;
  --pixel-red:#ff5b6f;
  --pixel-cyan:#53d7ff;
  --pixel-shadow:rgba(0,0,0,.34);
  --pixel-inner:rgba(255,255,255,.05);
  --pixel-grid-a:#183161;
  --pixel-grid-b:#21396c;
  background:#050e22;
  color:var(--pixel-text);
  padding:40px 0 80px;
}

.agent-center-pixel-shell{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(55% 25% at 50% 0%, rgba(173,32,32,.24), rgba(173,32,32,0) 65%),
    linear-gradient(180deg, #050d1f 0%, #08152f 100%);
}

.agent-center-pixel-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px);
  background-size:18px 18px;
  opacity:.22;
}

.pixel-agent-page .weour-container{
  position:relative;
  z-index:2;
  width:min(1400px, 94vw);
  max-width:min(1400px, 94vw);
}

/* =========================
   Topbar
   ========================= */
.pixel-topbar{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:18px;
  overflow:hidden;
}

.pixel-topbar::after{
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:-10px;
  height:120px;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%, rgba(186,36,36,.28), rgba(186,36,36,0) 68%);
  filter:blur(18px);
  animation:topGlowShift 8s ease-in-out infinite;
}

.pixel-brand{
  display:flex;
  align-items:center;
  gap:16px;
  position:relative;
  z-index:2;
}

.pixel-brand-bot{
  position:relative;
  width:78px;
  height:78px;
  border-radius:18px;
  border:3px solid #2d0e10;
  background:
    radial-gradient(circle at 35% 30%, #ff8585, #d92626 68%);
  box-shadow:
    0 6px 0 rgba(0,0,0,.25),
    inset 0 -6px 0 rgba(0,0,0,.12);
  overflow:hidden;
  flex:0 0 78px;
}

.pixel-brand-bot .bot-eye{
  position:absolute;
  top:26px;
  width:12px;
  height:12px;
  background:#dff6ff;
  border-radius:3px;
  box-shadow:0 0 0 2px rgba(0,0,0,.12);
  animation:botBlink 6.5s infinite;
  transform-origin:center center;
}

.pixel-brand-bot .eye-left{ left:20px; }
.pixel-brand-bot .eye-right{ right:20px; }

.pixel-brand-bot .bot-mouth{
  position:absolute;
  left:50%;
  bottom:20px;
  width:26px;
  height:8px;
  transform:translateX(-50%);
  background:#ffd35a;
  border-radius:0 0 6px 6px;
}

.pixel-brand-bot .bot-antenna{
  position:absolute;
  left:50%;
  top:8px;
  width:4px;
  height:14px;
  transform:translateX(-50%);
  background:#ffcf66;
}

.pixel-brand-bot .bot-antenna::before{
  content:"";
  position:absolute;
  left:50%;
  top:-8px;
  width:10px;
  height:10px;
  transform:translateX(-50%);
  background:#ffd35a;
  border-radius:50%;
}

.pixel-brand-name{
  font-size:68px;
  line-height:.95;
  font-weight:800;
  letter-spacing:-.03em;
  color:#fff;
  text-shadow:0 3px 0 rgba(0,0,0,.25);
}

.pixel-brand-sub{
  margin-top:6px;
  font-size:13px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#f0b1b1;
}

.pixel-topbar-badge{
  position:relative;
  z-index:2;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:96px;
  padding:18px 34px;
  background:var(--pixel-yellow);
  color:#111;
  font-size:58px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
  text-transform:uppercase;
  border:4px solid #111;
  box-shadow:0 8px 0 #8a6a00;
  border-radius:14px;
  animation:badgeFloat 3.6s ease-in-out infinite;
}

/* =========================
   Dashboard Frame
   ========================= */
.pixel-dashboard-frame{
  border:3px solid #5a76a8;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(15,34,70,.98) 0%, rgba(10,24,56,.98) 100%);
  box-shadow:
    0 0 0 3px rgba(15,31,69,.85),
    0 18px 42px rgba(0,0,0,.28);
  overflow:hidden;
}

.pixel-dashboard-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 18px;
  border-bottom:2px solid rgba(113,143,194,.35);
  background:linear-gradient(180deg, rgba(22,38,76,.98), rgba(14,28,60,.98));
}

.pixel-dashboard-title,
.pixel-dashboard-time,
.pixel-panel-title,
.room-title{
  font-family:monospace;
  text-transform:uppercase;
  letter-spacing:.14em;
  font-weight:700;
}

.pixel-dashboard-title,
.pixel-dashboard-time{
  font-size:14px;
  color:#d9e7ff;
}

.pixel-dashboard-grid{
  display:grid;
  grid-template-columns:240px minmax(0, 1fr) 252px;
  gap:14px;
  padding:14px;
}

.pixel-sidebar{
  min-height:980px;
}

/* =========================
   Sidebars
   ========================= */
.pixel-sidebar{
  border:2px solid var(--pixel-line);
  border-radius:14px;
  background:
    linear-gradient(180deg, rgba(11,26,58,.95) 0%, rgba(8,20,46,.98) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  padding:14px;
}

.pixel-panel-title{
  font-size:13px;
  color:#f2f6ff;
  margin-bottom:12px;
}

.pixel-panel-title.small{
  margin-bottom:10px;
}

.pixel-search-row{
  position:relative;
  margin-bottom:12px;
}

.pixel-search-row input{
  width:100%;
  height:34px;
  background:#0d1f46;
  border:2px solid #2b4f8e;
  color:#d9e7ff;
  padding:0 34px 0 10px;
  border-radius:8px;
  outline:none;
}

.pixel-search-row input::placeholder{
  color:#88a0ca;
}

.pixel-search-icon{
  position:absolute;
  right:10px;
  top:50%;
  transform:translateY(-50%);
  color:#8aa9d5;
  font-size:13px;
}

.pixel-filter-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:14px;
  font-size:12px;
  color:#9bb0d5;
  font-family:monospace;
}

.pixel-agent-list{
  display:flex;
  flex-direction:column;
  gap:10px;
}

.pixel-agent-card{
  display:flex;
  gap:10px;
  align-items:flex-start;
  padding:10px;
  background:linear-gradient(180deg, #163262, #122956);
  border:2px solid #345c98;
  border-radius:12px;
  transition:
    transform .18s ease,
    border-color .18s ease,
    box-shadow .18s ease;
}

.pixel-agent-card:hover{
  transform:translateY(-1px);
  border-color:#67cfff;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 8px 18px rgba(0,0,0,.16);
}

.pixel-agent-main{
  flex:1;
  min-width:0;
}

.pixel-agent-name-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:2px;
}

.pixel-agent-name-row strong{
  font-size:22px;
  letter-spacing:-.02em;
  line-height:1;
  color:#f4f7ff;
}

.pixel-gear,
.pixel-lock{
  font-size:14px;
  opacity:.85;
}

.pixel-agent-state{
  font-size:12px;
  font-family:monospace;
  margin-bottom:8px;
  letter-spacing:.04em;
  color:#8fff9f;
}

.pixel-agent-card.idle .pixel-agent-state{
  color:#ffcf66;
}

.pixel-agent-bar{
  height:10px;
  background:#0b1d42;
  border:1px solid #274b83;
  border-radius:999px;
  overflow:hidden;
}

.pixel-agent-bar span{
  display:block;
  position:relative;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, #69fff1, #39df7c);
  animation:progressBreath 2.8s ease-in-out infinite;
}

.pixel-agent-bar span::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,.22), rgba(255,255,255,0));
  transform:translateX(-120%);
  animation:taskSweep 3.8s linear infinite;
}

.pixel-agent-avatar{
  position:relative;
  width:46px;
  height:46px;
  border-radius:10px;
  border:2px solid #87abf0;
  box-shadow:
    inset 0 -4px 0 rgba(0,0,0,.15),
    0 0 0 1px rgba(255,255,255,.04);
  flex:0 0 46px;
}

.pixel-agent-avatar::before{
  content:"";
  position:absolute;
  left:10px;
  top:7px;
  width:22px;
  height:12px;
  background:#4d2f1d;
  border-radius:10px 10px 5px 5px;
}

.pixel-agent-avatar::after{
  content:"";
  position:absolute;
  left:12px;
  bottom:7px;
  width:18px;
  height:11px;
  background:#7aa7ff;
  border-radius:4px;
}

.pixel-agent-avatar.atlas{
  background:
    radial-gradient(circle at 50% 30%, #ffd3bc 16%, transparent 17%),
    linear-gradient(180deg, #4e84ff 0%, #5b72e8 100%);
}
.pixel-agent-avatar.atlas::before{ background:#5a351c; }

.pixel-agent-avatar.clawd{
  background:
    radial-gradient(circle at 50% 30%, #f4cfba 16%, transparent 17%),
    linear-gradient(180deg, #757d92 0%, #666d82 100%);
}
.pixel-agent-avatar.clawd::before{ background:#3b2a20; }

.pixel-agent-avatar.clip{
  background:
    radial-gradient(circle at 50% 30%, #ffd7c2 16%, transparent 17%),
    linear-gradient(180deg, #c773ff 0%, #9658f0 100%);
  box-shadow:
    inset 0 -4px 0 rgba(0,0,0,.15),
    0 0 0 1px rgba(255,255,255,.04),
    inset 6px 0 0 rgba(255,255,255,.04);
}
.pixel-agent-avatar.clip::before{ background:#6a3820; }

.pixel-agent-avatar.closer{
  background:
    radial-gradient(circle at 50% 30%, #ffd6be 16%, transparent 17%),
    linear-gradient(180deg, #f19b57 0%, #db722b 100%);
}
.pixel-agent-avatar.closer::before{ background:#4b2b18; }

.pixel-agent-avatar.nova{
  background:
    radial-gradient(circle at 50% 30%, #fbd7c4 16%, transparent 17%),
    linear-gradient(180deg, #7c94ff 0%, #5875f4 100%);
}
.pixel-agent-avatar.nova::before{ background:#37271e; }

.pixel-agent-avatar.oracle{
  background:
    radial-gradient(circle at 50% 30%, #ffd6c0 16%, transparent 17%),
    linear-gradient(180deg, #6f77ff 0%, #4b58df 100%);
}
.pixel-agent-avatar.oracle::before{ background:#2c1d18; }

.pixel-agent-avatar.pixel{
  background:
    radial-gradient(circle at 50% 30%, #ffd7bf 16%, transparent 17%),
    linear-gradient(180deg, #ffb055 0%, #ef871f 100%);
}
.pixel-agent-avatar.pixel::before{ background:#5d3317; }

.pixel-agent-avatar.sage{
  background:
    radial-gradient(circle at 50% 30%, #ffd8c2 16%, transparent 17%),
    linear-gradient(180deg, #6fd58a 0%, #37b466 100%);
}
.pixel-agent-avatar.sage::before{ background:#50311d; }

.pixel-agent-avatar.scribe{
  background:
    radial-gradient(circle at 50% 30%, #ffd8c4 16%, transparent 17%),
    linear-gradient(180deg, #b588ff 0%, #845be2 100%);
  box-shadow:
    inset 0 -4px 0 rgba(0,0,0,.15),
    0 0 0 1px rgba(255,255,255,.04),
    inset -6px 0 0 rgba(255,255,255,.04);
}
.pixel-agent-avatar.scribe::before{ background:#4e2f1f; }

.pixel-dot{
  width:12px;
  height:12px;
  display:inline-block;
  border-radius:50%;
  border:2px solid rgba(255,255,255,.18);
  background:#4c617e;
  box-shadow:0 0 0 2px rgba(0,0,0,.18);
}

.pixel-dot.online{
  background:#37db78;
  animation:pixelPulseGreen 2.4s ease-in-out infinite;
}

.pixel-dot.warn{
  background:#f6c356;
  animation:pixelPulseWarn 2s ease-in-out infinite;
}

.pixel-dot.offline{
  background:#ff586d;
  animation:pixelPulseRed 1.25s ease-in-out infinite;
}

.pixel-status-list{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-bottom:14px;
}

.pixel-status-card{
  padding:12px 12px 10px;
  background:linear-gradient(180deg, #14305e, #102550);
  border:2px solid #345c98;
  border-radius:12px;
  transition:
    transform .18s ease,
    border-color .18s ease;
}

.pixel-status-card:hover{
  transform:translateY(-1px);
  border-color:#67cfff;
}

.pixel-status-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:6px;
}

.pixel-status-row strong{
  font-size:22px;
  line-height:1;
}

.pixel-status-meta{
  font-size:13px;
  color:var(--pixel-text-soft);
  letter-spacing:.02em;
}

.pixel-live-stream{
  position:relative;
  overflow:hidden;
  margin-top:12px;
  padding:12px;
  background:linear-gradient(180deg, #0f244b, #0c1e40);
  border:2px solid #345c98;
  border-radius:12px;
}

.pixel-live-stream::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:42%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(109,241,220,.08), rgba(255,255,255,0));
  pointer-events:none;
  animation:taskSweep 5.5s linear infinite;
}

.pixel-live-stream ul{
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.pixel-live-stream li{
  font-size:12px;
  line-height:1.55;
  color:#dce8ff;
  border-bottom:1px dashed rgba(130,164,220,.18);
  padding-bottom:8px;
}

.pixel-live-stream li span{
  color:#70f8be;
  font-family:monospace;
  margin-right:6px;
}

/* =========================
   Pixel Map
   ========================= */
.pixel-map{
  min-height:980px;
  display:grid;
  grid-template-columns:1.18fr 1.18fr .92fr .92fr;
  grid-template-rows:160px 160px 160px 160px 148px;
  gap:12px;
  border:2px solid var(--pixel-line);
  border-radius:14px;
  padding:12px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(135deg, var(--pixel-grid-a) 25%, var(--pixel-grid-b) 25%, var(--pixel-grid-b) 50%, var(--pixel-grid-a) 50%, var(--pixel-grid-a) 75%, var(--pixel-grid-b) 75%, var(--pixel-grid-b) 100%);
  background-size:16px 16px, 16px 16px, 30px 30px;
  background-position:0 0, 0 0, 0 0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
  align-content:start;
}

.room{
  position:relative;
  overflow:hidden;
  border:2px solid #4f6fa9;
  border-radius:10px;
  background:
    linear-gradient(180deg, rgba(38,60,108,.96), rgba(23,43,84,.98));
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    inset 0 -18px 24px rgba(0,0,0,.08);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease;
}

.room:hover{
  transform:translateY(-1px);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 12px 20px rgba(0,0,0,.12);
}

.room::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px);
  background-size:10px 10px;
  opacity:.22;
}

.room-title{
  position:absolute;
  left:10px;
  top:8px;
  z-index:5;
  padding:2px 0;
  font-size:12px;
  color:#f5f8ff;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
}

.room-status-dot{
  position:absolute;
  top:10px;
  right:10px;
  z-index:5;
}

.room-status-dot.online{
  animation:pixelPulseGreen 2.6s ease-in-out infinite;
}
.room-status-dot.warn{
  animation:pixelPulseWarn 2s ease-in-out infinite;
}
.room-status-dot.offline{
  animation:pixelPulseRed 1.15s ease-in-out infinite;
}

.room-conference{ grid-column:1 / 3; grid-row:1 / 3; }
.room-scribe{ grid-column:3 / 4; grid-row:1 / 2; }
.room-atlas{ grid-column:4 / 5; grid-row:1 / 2; }
.room-clawd{ grid-column:3 / 4; grid-row:2 / 3; }
.room-sentinel{ grid-column:4 / 5; grid-row:2 / 3; }
.room-office{ grid-column:1 / 2; grid-row:3 / 4; }
.room-pixel{ grid-column:3 / 4; grid-row:3 / 4; }
.room-nova{ grid-column:4 / 5; grid-row:3 / 4; }
.room-kitchen{ grid-column:1 / 2; grid-row:4 / 5; }
.room-gym{ grid-column:2 / 3; grid-row:4 / 5; }
.room-vibe{ grid-column:3 / 4; grid-row:4 / 5; }
.room-trendy{ grid-column:4 / 5; grid-row:4 / 5; }
.room-clip{ grid-column:1 / 2; grid-row:5 / 6; }
.room-closer{ grid-column:2 / 3; grid-row:5 / 6; }
.room-oracle{ grid-column:3 / 5; grid-row:5 / 6; }

.table-round{
  position:absolute;
  width:180px;
  height:180px;
  border-radius:50%;
  background:#8c6039;
  left:50%;
  top:58%;
  transform:translate(-50%, -50%);
  box-shadow:inset -8px -8px 0 rgba(0,0,0,.14);
}

.chair{
  position:absolute;
  width:24px;
  height:18px;
  background:#3f5b93;
  border-radius:5px;
}
.chair-top{ left:50%; top:86px; transform:translateX(-50%); }
.chair-left{ left:90px; top:162px; }
.chair-right{ right:90px; top:162px; }
.chair-bottom{ left:50%; bottom:74px; transform:translateX(-50%); }

.room-board{
  position:absolute;
  right:34px;
  top:48px;
  width:62px;
  height:42px;
  background:#dfe7f7;
  border:4px solid #8397bc;
}

.room-radio{
  position:absolute;
  right:100px;
  top:52px;
  width:24px;
  height:16px;
  background:#8c97b2;
}

.conference-paper{
  position:absolute;
  width:18px;
  height:14px;
  background:#eef3fb;
  border:2px solid #a8b8d7;
  z-index:2;
}
.paper-a{ left:120px; top:168px; }
.paper-b{ right:110px; top:180px; }

.conference-cup{
  position:absolute;
  width:10px;
  height:12px;
  background:#d6edf9;
  border:2px solid #85b8cf;
  border-radius:0 0 3px 3px;
  z-index:2;
}
.conference-cup::after{
  content:"";
  position:absolute;
  right:-5px;
  top:2px;
  width:4px;
  height:5px;
  border:2px solid #85b8cf;
  border-left:none;
  border-radius:0 4px 4px 0;
}
.cup-a{ left:186px; top:186px; }
.cup-b{ right:168px; top:154px; }

.room-plant{
  position:absolute;
  width:18px;
  height:26px;
  background:#7a5934;
  border-radius:0 0 4px 4px;
}
.room-plant::before{
  content:"";
  position:absolute;
  left:-6px;
  top:-16px;
  width:30px;
  height:20px;
  background:#46a15d;
  border-radius:18px;
}
.plant-a{ left:26px; top:72px; }
.plant-b{ left:58px; top:72px; }
.plant-c{ right:18px; top:94px; }

.plant-large{
  position:absolute;
  left:18px;
  bottom:18px;
  width:20px;
  height:28px;
  background:#7a5934;
}
.plant-large::before{
  content:"";
  position:absolute;
  left:-10px;
  top:-22px;
  width:38px;
  height:26px;
  background:#47a565;
  border-radius:22px;
}

.server-rack{
  position:absolute;
  top:54px;
  width:56px;
  bottom:18px;
  background:
    repeating-linear-gradient(
      180deg,
      #15213d 0 6px,
      #6cf0c8 6px 10px,
      #15213d 10px 18px
    );
  border:2px solid #334f82;
}
.rack-1{ left:96px; }
.rack-2{ left:160px; }

.office-desk{
  position:absolute;
  left:26px;
  bottom:24px;
  width:100px;
  height:52px;
  background:#5f4733;
  border-bottom:6px solid #442f21;
}

.office-side-cabinet{
  position:absolute;
  right:18px;
  bottom:20px;
  width:24px;
  height:54px;
  background:#7f5f3b;
  border-bottom:5px solid #5b4027;
}

.office-light-bar{
  position:absolute;
  left:88px;
  top:44px;
  width:110px;
  height:6px;
  background:linear-gradient(90deg, #7ef5dd, #5be8b2);
  box-shadow:0 0 10px rgba(114,248,208,.35);
}

.monitor,
.nova-monitor,
.warning-screen,
.alert-panel,
.clip-terminal{
  position:absolute;
  background:#223563;
  border:2px solid #4f6da2;
}

.monitor-1{
  left:34px;
  bottom:86px;
  width:36px;
  height:24px;
  background:#3aa4f5;
  box-shadow:0 0 8px rgba(83,215,255,.12);
}

.monitor-2{
  left:76px;
  bottom:86px;
  width:36px;
  height:24px;
  background:#7dc7ff;
  box-shadow:0 0 8px rgba(83,215,255,.12);
}

.wall-poster,
.frame{
  position:absolute;
  background:#d8e2f4;
  border:3px solid #7a90b7;
}
.wall-poster{ right:18px; top:58px; width:24px; height:34px; }
.frame-a{ right:18px; top:16px; width:18px; height:24px; }

.fridge{
  position:absolute;
  left:18px;
  top:54px;
  width:48px;
  height:92px;
  background:#d9e1f3;
  border:3px solid #9faeca;
}

.kitchen-counter{
  position:absolute;
  left:76px;
  right:18px;
  top:104px;
  height:38px;
  background:#d9e1f3;
  border:3px solid #9faeca;
}

.cabinet{
  position:absolute;
  background:#f1f4fb;
  border:3px solid #b7c2d8;
}
.cabinet-top{ left:76px; top:54px; width:84px; height:28px; }
.cabinet-bottom{ left:164px; top:54px; width:48px; height:28px; }

.water-dispenser{
  position:absolute;
  right:22px;
  bottom:18px;
  width:24px;
  height:48px;
  background:#dbe7fb;
  border:3px solid #8ea4ca;
}
.water-dispenser::before{
  content:"";
  position:absolute;
  left:2px;
  top:-12px;
  width:14px;
  height:16px;
  background:#7dccff;
  border:3px solid #91b5e0;
  border-radius:10px;
}

.kitchen-microwave{
  position:absolute;
  left:154px;
  top:90px;
  width:28px;
  height:18px;
  background:#dbe5f7;
  border:3px solid #9cb0d3;
}

.kitchen-cup{
  position:absolute;
  width:10px;
  height:12px;
  background:#f7efe2;
  border:2px solid #d2b38b;
  border-radius:0 0 3px 3px;
}
.kitchen-cup::after{
  content:"";
  position:absolute;
  right:-4px;
  top:2px;
  width:3px;
  height:5px;
  border:2px solid #d2b38b;
  border-left:none;
  border-radius:0 4px 4px 0;
}
.cup-kitchen{ left:126px; top:114px; }

.gym-bench{
  position:absolute;
  left:34px;
  right:34px;
  top:88px;
  height:20px;
  background:#d4e2ff;
  border:3px solid #97acd3;
}

.gym-barbell{
  position:absolute;
  left:28px;
  right:28px;
  top:58px;
  height:8px;
  background:#6a7fa7;
}
.gym-barbell::before,
.gym-barbell::after{
  content:"";
  position:absolute;
  top:-6px;
  width:12px;
  height:20px;
  background:#94a9d1;
}
.gym-barbell::before{ left:0; }
.gym-barbell::after{ right:0; }

.scribe-desk,
.atlas-desk,
.closer-desk,
.dj-table{
  position:absolute;
  left:26px;
  right:26px;
  bottom:20px;
  height:46px;
  background:#654a34;
  border-bottom:6px solid #483121;
}

.book-stack{
  position:absolute;
  left:92px;
  bottom:78px;
  width:30px;
  height:20px;
  background:#d4c86e;
  box-shadow:0 -8px 0 #9ac8ff;
}

.quill{
  position:absolute;
  right:44px;
  bottom:74px;
  width:18px;
  height:4px;
  background:#fff;
  transform:rotate(-45deg);
}

.robot-arm{
  position:absolute;
  left:36px;
  bottom:74px;
  width:60px;
  height:16px;
  background:#8992a7;
}
.robot-arm::before{
  content:"";
  position:absolute;
  left:18px;
  top:-18px;
  width:16px;
  height:20px;
  background:#6b7384;
}

.robot-base{
  position:absolute;
  left:102px;
  bottom:52px;
  width:34px;
  height:34px;
  background:#48536d;
}

.coffee-mug{
  position:absolute;
  right:34px;
  bottom:58px;
  width:18px;
  height:18px;
  background:#eb8a35;
}

.easel{
  position:absolute;
  left:34px;
  bottom:28px;
  width:6px;
  height:80px;
  background:#b98e5d;
  box-shadow:52px 0 0 #b98e5d;
}

.canvas{
  position:absolute;
  left:44px;
  bottom:44px;
  width:44px;
  height:40px;
  background:#f5eddb;
  border:4px solid #d3b98c;
}

.palette{
  position:absolute;
  right:36px;
  bottom:72px;
  width:22px;
  height:16px;
  background:#d1b06d;
  border-radius:10px;
}

.speaker{
  position:absolute;
  bottom:28px;
  width:24px;
  height:58px;
  background:#1a2236;
  border:3px solid #3b4d73;
  animation:progressBreath 2.2s ease-in-out infinite;
}
.speaker-left{ left:26px; }
.speaker-right{
  right:26px;
  animation-delay:.4s;
}

.globe{
  position:absolute;
  right:40px;
  bottom:78px;
  width:24px;
  height:24px;
  background:#4a88ff;
  border-radius:50%;
  border:3px solid #84b17b;
}

.paper-stack{
  position:absolute;
  left:108px;
  bottom:72px;
  width:22px;
  height:16px;
  background:#f1f3f9;
  box-shadow:0 -6px 0 #cdd8ef;
}

.monitor-wall{
  position:absolute;
  left:18px;
  right:18px;
  top:48px;
  height:52px;
  background:
    repeating-linear-gradient(
      90deg,
      #243458 0 22px,
      #7bd5ff 22px 26px
    );
  border:3px solid #4a6598;
}

.monitor-wall::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:10px;
  background:linear-gradient(180deg, rgba(83,215,255,.34), rgba(83,215,255,0));
  animation:scanMove 3.2s linear infinite;
  pointer-events:none;
}

.warning-screen{
  right:26px;
  bottom:30px;
  width:38px;
  height:26px;
  background:#ff6474;
  box-shadow:0 0 8px rgba(83,215,255,.12);
  animation:signalFlicker 1.8s steps(1, end) infinite;
}

.sentinel-mini-panel{
  position:absolute;
  left:24px;
  bottom:26px;
  width:22px;
  height:16px;
  background:#23365f;
  border:2px solid #5a78aa;
}

.sentinel-mini-panel-2{
  left:54px;
  bottom:26px;
  background:#3d5f97;
}

.nova-monitor{
  position:absolute;
  overflow:hidden;
  box-shadow:0 0 8px rgba(83,215,255,.12);
}
.nova-monitor::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  height:8px;
  background:linear-gradient(180deg, rgba(83,215,255,.32), rgba(83,215,255,0));
  animation:scanMove 4s linear infinite;
}

.mini-bot{
  position:absolute;
  right:26px;
  bottom:24px;
  width:18px;
  height:26px;
  background:#84b9ff;
}

.flower{
  position:absolute;
  right:26px;
  bottom:26px;
  width:12px;
  height:12px;
  background:#ff6ca4;
  border-radius:50%;
  box-shadow:
    -10px 0 0 #ff6ca4,
    0 -10px 0 #ff6ca4,
    -10px -10px 0 #ff6ca4;
}

.clip-terminal{
  position:absolute;
  left:18px;
  bottom:22px;
  width:72px;
  height:56px;
  background:#142445;
  border:3px solid #375a90;
}

.clip-bars{
  position:absolute;
  left:104px;
  top:38px;
  width:92px;
  height:54px;
  background:
    repeating-linear-gradient(
      180deg,
      #0f1d3f 0 7px,
      #69f4c5 7px 13px,
      #0f1d3f 13px 19px
    );
  border:3px solid #36598d;
  animation:workflowLineFlow 2.8s linear infinite;
}

.clip-mini-screen{
  position:absolute;
  left:32px;
  top:42px;
  width:34px;
  height:20px;
  background:#53d7ff;
  border:2px solid #8ab9ef;
  box-shadow:0 0 8px rgba(83,215,255,.12);
}

.oracle-console{
  position:absolute;
  left:22px;
  right:22px;
  top:34px;
  height:34px;
  background:#243458;
  border:3px solid #5670a5;
}

.alert-panel{
  position:absolute;
  left:34px;
  bottom:24px;
  width:46px;
  height:24px;
  background:#e74e66;
  border:2px solid #b9364e;
  animation:signalFlicker 1.8s steps(1, end) infinite;
}

.alert-panel-2{
  left:90px;
  bottom:24px;
  width:34px;
  background:#ffd35b;
  border-color:#c8a032;
  animation:signalFlicker 1.8s steps(1, end) infinite;
}

.oracle-grid{
  position:absolute;
  right:26px;
  top:30px;
  width:120px;
  bottom:20px;
  background:
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px),
    linear-gradient(180deg, #16284d, #132342);
  background-size:12px 12px, 12px 12px, 100% 100%;
  border:2px solid #3d5d94;
  animation:workflowLineFlow 6s linear infinite;
}

.deal-card{
  position:absolute;
  right:30px;
  bottom:62px;
  width:24px;
  height:16px;
  background:#ffd85a;
  border:2px solid #c7a22a;
}

.deal-card-2{
  right:58px;
  bottom:52px;
  background:#9ee1ff;
  border-color:#6ea9db;
}

.phone-dock{
  position:absolute;
  right:30px;
  bottom:30px;
  width:20px;
  height:26px;
  background:#2b3f68;
  border:2px solid #617fb0;
}

/* =========================
   Character System
   ========================= */
.avatar{
  position:absolute;
  width:16px;
  height:18px;
  border-radius:3px;
}

.avatar::before{
  content:"";
  position:absolute;
  left:3px;
  top:-6px;
  width:10px;
  height:10px;
  background:#ffd8c2;
  border-radius:50%;
}

.avatar.atlas{ background:#5b8cff; }
.avatar.atlas::after{
  content:"";
  position:absolute;
  top:-10px;
  left:2px;
  width:12px;
  height:6px;
  background:#3b2a20;
}

.avatar.clawd{ background:#6f7a8f; }
.avatar.clawd::after{
  content:"";
  position:absolute;
  left:2px;
  top:-8px;
  width:12px;
  height:4px;
  background:#222;
}

.avatar.clip{ background:#b06cff; }
.avatar.clip::after{
  content:"";
  position:absolute;
  right:-3px;
  top:-3px;
  width:4px;
  height:8px;
  background:#fff;
}

.avatar.closer{ background:#ff9a3d; }
.avatar.closer::after{
  content:"";
  position:absolute;
  left:5px;
  top:-3px;
  width:6px;
  height:6px;
  background:#fff;
  border-radius:50%;
}

.avatar.nova{ background:#7c8cff; }
.avatar.nova::after{
  content:"";
  position:absolute;
  left:-2px;
  top:2px;
  width:20px;
  height:2px;
  background:#6fffcf;
}

.avatar.oracle{ background:#6c5cff; }
.avatar.oracle::after{
  content:"";
  position:absolute;
  left:3px;
  top:2px;
  width:10px;
  height:2px;
  background:#ff5c5c;
}

.avatar.pixel{ background:#ffb84d; }
.avatar.pixel::after{
  content:"";
  position:absolute;
  left:-3px;
  top:-3px;
  width:4px;
  height:4px;
  background:#ff5c8a;
}

.avatar.sage{ background:#5ed38a; }
.avatar.sage::after{
  content:"";
  position:absolute;
  left:2px;
  top:-3px;
  width:12px;
  height:2px;
  background:#fff;
}

.avatar.sentinel{ background:#ff5c5c; }
.avatar.sentinel::after{
  content:"";
  position:absolute;
  left:-2px;
  top:-2px;
  width:20px;
  height:2px;
  background:#ff5c5c;
  opacity:.6;
}

.avatar.scribe{ background:#a87cff; }
.avatar.scribe::after{
  content:"";
  position:absolute;
  right:-4px;
  top:2px;
  width:4px;
  height:6px;
  background:#fff;
}

/* avatar positions */
.avatar-atlas{ left:134px; bottom:54px; }
.avatar-sage{ left:170px; bottom:54px; }
.avatar-closer{ left:206px; bottom:54px; }
.avatar-clawd{ left:54px; bottom:34px; }
.avatar-closer-2{ left:134px; bottom:18px; }
.avatar-nova{ left:112px; bottom:18px; }
.avatar-scribe{ left:46px; bottom:22px; }
.avatar-clawd-2{ left:44px; bottom:22px; }
.avatar-pixel{ right:26px; bottom:18px; }
.avatar-vibe{ left:116px; bottom:22px; }
.avatar-atlas-2{ left:44px; bottom:22px; }
.avatar-sentinel{ left:46px; bottom:20px; }
.avatar-nova-2{ left:44px; bottom:22px; }
.avatar-trendy{ left:110px; bottom:22px; }
.avatar-oracle{ left:146px; bottom:16px; }
.avatar-clip{ right:24px; bottom:16px; }
.avatar-closer-3{ left:34px; bottom:16px; }

/* =========================
   Copy Block
   ========================= */
.agent-center-copy-block{
  margin-top:32px;
  padding:28px;
  border:2px solid #395e9a;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(9,24,56,.95) 0%, rgba(7,18,43,.98) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

.agent-center-copy-head h1{
  margin:8px 0 10px;
  font-size:42px;
  line-height:1.08;
  color:#fff;
}

.agent-center-copy-head p{
  max-width:900px;
  color:#b6c9ea;
  font-size:18px;
  line-height:1.8;
}

.agent-center-copy-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:18px;
  margin-top:24px;
}

.copy-card{
  padding:22px;
  border:2px solid #355b97;
  border-radius:14px;
  background:linear-gradient(180deg, #102754, #0d2048);
}

.copy-card h2{
  margin:0 0 10px;
  font-size:24px;
  color:#fff;
}

.copy-card p,
.copy-card li{
  color:#b4c7e9;
  line-height:1.8;
}

.copy-card ul{
  margin:0;
  padding-left:18px;
}

.agent-center-links{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}

.agent-center-links a{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:0 14px;
  border:2px solid #3f64a0;
  border-radius:10px;
  color:#e8f1ff;
  text-decoration:none;
  background:linear-gradient(180deg, #153263, #122a57);
  transition:
    transform .22s ease,
    box-shadow .22s ease,
    border-color .22s ease,
    background-color .22s ease;
}

.agent-center-links a:hover{
  transform:translateY(-1px);
  border-color:#67cfff;
  color:#fff;
}

.agent-center-cta{
  margin-top:24px;
  padding:22px;
  border:2px solid #4467a3;
  border-radius:16px;
  background:
    radial-gradient(40% 100% at 0% 50%, rgba(255,211,41,.08), rgba(255,211,41,0) 70%),
    linear-gradient(180deg, #122955, #0d1f45);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 12px 24px rgba(0,0,0,.12);
}

.agent-center-cta h2{
  margin:0 0 10px;
  font-size:30px;
  color:#fff;
}

.agent-center-cta p{
  max-width:820px;
  color:#b8c9e7;
  font-size:17px;
  line-height:1.75;
}

.agent-center-cta-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}

/* =========================
   Motion
   ========================= */
@keyframes pixelPulseGreen{
  0%,100%{
    opacity:.9;
    box-shadow:0 0 0 rgba(68,227,143,0);
  }
  50%{
    opacity:1;
    box-shadow:0 0 10px rgba(68,227,143,.45);
  }
}

@keyframes pixelPulseWarn{
  0%,100%{
    opacity:.88;
    box-shadow:0 0 0 rgba(255,211,41,0);
  }
  50%{
    opacity:1;
    box-shadow:0 0 10px rgba(255,211,41,.42);
  }
}

@keyframes pixelPulseRed{
  0%,100%{
    opacity:.85;
    box-shadow:0 0 0 rgba(255,91,111,0);
  }
  50%{
    opacity:1;
    box-shadow:0 0 12px rgba(255,91,111,.5);
  }
}

@keyframes topGlowShift{
  0%{
    transform:translateX(-4%);
    opacity:.55;
  }
  50%{
    transform:translateX(4%);
    opacity:.85;
  }
  100%{
    transform:translateX(-4%);
    opacity:.55;
  }
}

@keyframes progressBreath{
  0%,100%{
    filter:saturate(1) brightness(1);
  }
  50%{
    filter:saturate(1.18) brightness(1.12);
  }
}

@keyframes scanMove{
  0%{
    transform:translateY(-110%);
    opacity:0;
  }
  15%{
    opacity:.38;
  }
  50%{
    opacity:.18;
  }
  100%{
    transform:translateY(220%);
    opacity:0;
  }
}

@keyframes taskSweep{
  0%{
    transform:translateX(-120%);
    opacity:0;
  }
  20%{
    opacity:.18;
  }
  80%{
    opacity:.08;
  }
  100%{
    transform:translateX(120%);
    opacity:0;
  }
}

@keyframes signalFlicker{
  0%,100%{
    opacity:.92;
  }
  20%{
    opacity:.55;
  }
  24%{
    opacity:1;
  }
  60%{
    opacity:.78;
  }
  64%{
    opacity:1;
  }
}

@keyframes workflowLineFlow{
  0%{
    background-position:0 0;
  }
  100%{
    background-position:0 28px;
  }
}

@keyframes botBlink{
  0%,44%,48%,100%{
    transform:scaleY(1);
  }
  46%{
    transform:scaleY(.15);
  }
}

@keyframes badgeFloat{
  0%,100%{
    transform:translateY(0);
  }
  50%{
    transform:translateY(-1px);
  }
}

/* =========================
   Responsive
   ========================= */
@media (max-width: 1280px){
  .pixel-dashboard-grid{
    grid-template-columns:220px minmax(0,1fr) 230px;
  }

  .pixel-brand-name{
    font-size:54px;
  }

  .pixel-topbar-badge{
    font-size:46px;
    min-height:82px;
  }
}

@media (max-width: 1100px){
  .pixel-topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .pixel-dashboard-grid{
    grid-template-columns:1fr;
  }

  .pixel-sidebar,
  .pixel-map{
    min-height:auto;
  }

  .pixel-map{
    grid-template-columns:repeat(2, minmax(0, 1fr));
    grid-template-rows:auto;
  }

  .room{
    min-height:220px;
  }

  .room-conference,
  .room-office,
  .room-kitchen,
  .room-gym,
  .room-scribe,
  .room-clawd,
  .room-pixel,
  .room-vibe,
  .room-atlas,
  .room-sentinel,
  .room-nova,
  .room-trendy,
  .room-clip,
  .room-closer,
  .room-oracle{
    grid-column:auto;
    grid-row:auto;
  }

  .agent-center-copy-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width: 680px){
  .pixel-agent-page{
    padding:22px 0 56px;
  }

  .pixel-brand{
    align-items:flex-start;
  }

  .pixel-brand-bot{
    width:60px;
    height:60px;
    border-radius:14px;
    flex-basis:60px;
  }

  .pixel-brand-bot .bot-eye{
    top:20px;
    width:10px;
    height:10px;
  }

  .pixel-brand-bot .eye-left{ left:15px; }
  .pixel-brand-bot .eye-right{ right:15px; }

  .pixel-brand-bot .bot-mouth{
    bottom:15px;
    width:22px;
    height:7px;
  }

  .pixel-brand-name{
    font-size:40px;
  }

  .pixel-topbar-badge{
    font-size:34px;
    min-height:68px;
    padding:14px 20px;
  }

  .pixel-dashboard-grid{
    padding:10px;
    gap:10px;
  }

  .pixel-map{
    grid-template-columns:1fr;
    padding:10px;
  }

  .room{
    min-height:240px;
  }

  .agent-center-copy-block{
    padding:20px;
  }

  .agent-center-copy-head h1{
    font-size:30px;
  }

  .agent-center-copy-head p,
  .agent-center-cta p{
    font-size:15px;
  }

  .copy-card h2,
  .agent-center-cta h2{
    font-size:24px;
  }
}

@media (prefers-reduced-motion: reduce){
  .pixel-topbar::after,
  .pixel-topbar-badge,
  .pixel-brand-bot .bot-eye,
  .pixel-dot,
  .room-status-dot,
  .pixel-agent-bar span,
  .pixel-agent-bar span::after,
  .pixel-live-stream::after,
  .warning-screen,
  .alert-panel,
  .alert-panel-2,
  .monitor-wall::after,
  .clip-bars,
  .oracle-grid,
  .nova-monitor::after,
  .speaker{
    animation:none !important;
  }
}

/* =========================
   Agent Center Bug Fix Patch
   - search overflow
   - map extra bottom space
   ========================= */

/* 1) 全局盒模型修正，避免 input / panel 撑破容器 */
.pixel-agent-page *,
.pixel-agent-page *::before,
.pixel-agent-page *::after{
  box-sizing:border-box;
}

/* 左侧搜索框不要溢出 */
.pixel-search-row{
  width:100%;
  max-width:100%;
  overflow:hidden;
}

.pixel-search-row input{
  display:block;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
}

/* 左侧栏内部元素都不允许横向撑破 */
.pixel-sidebar-left,
.pixel-sidebar-left .pixel-panel-title,
.pixel-sidebar-left .pixel-filter-row,
.pixel-sidebar-left .pixel-agent-list,
.pixel-sidebar-left .pixel-agent-card,
.pixel-sidebar-left .pixel-agent-main{
  min-width:0;
}

/* 2) 地图不要再被 min-height 硬撑大 */
.pixel-map{
  min-height:auto !important;
  height:auto;
  align-content:start;
  align-items:stretch;
}

/* 桌面端按实际 5 行高度收口，去掉底部大空白 */
@media (min-width: 1101px){
  .pixel-map{
    grid-template-rows:160px 160px 160px 160px 148px;
  }
}

/* 平板和手机端同样取消硬撑高 */
@media (max-width: 1100px){
  .pixel-map{
    min-height:auto !important;
    height:auto;
  }
}

/* 保险：右侧/左侧栏允许比地图高，但不反向把地图撑出空白 */
.pixel-dashboard-grid{
  align-items:start;
}

/* 房间内部如果内容少，不额外撑高 */
.room{
  min-height:0;
}

/* 小修：搜索框图标不挤占内容 */
.pixel-search-icon{
  pointer-events:none;
}

/* =========================
   Agent Center Final Bug Fix Patch
   1) add missing module
   2) remove extra bottom blank
   3) strengthen live task motion
   ========================= */

/* ---------- 1. 地图增加中间真实模块 ---------- */
.room-core{
  grid-column: 2 / 3;
  grid-row: 3 / 4;
}

.core-panel{
  position:absolute;
  left:22px;
  right:22px;
  top:48px;
  bottom:22px;
  border:2px solid #4667a3;
  background:
    linear-gradient(180deg, rgba(19,39,81,.96), rgba(14,29,63,.98));
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03);
}

.core-bars{
  position:absolute;
  left:42px;
  right:42px;
  top:68px;
  height:54px;
  background:
    repeating-linear-gradient(
      180deg,
      #102041 0 8px,
      #66efc3 8px 13px,
      #102041 13px 20px
    );
  border:2px solid #36598d;
  animation: workflowLineFlow 2.4s linear infinite;
}

.core-node{
  position:absolute;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#6ce9ff;
  box-shadow:0 0 8px rgba(108,233,255,.35);
}

.node-a{ left:56px; top:72px; }
.node-b{ left:120px; top:98px; background:#ffd45b; box-shadow:0 0 8px rgba(255,212,91,.28); }
.node-c{ right:54px; top:82px; background:#7af28d; box-shadow:0 0 8px rgba(122,242,141,.28); }

.avatar-core{
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
}

/* ---------- 2. 彻底去掉底部多余空白 ---------- */
/* 核心：让 dashboard 三列从顶部开始，不互相拉伸高度 */
.pixel-dashboard-grid{
  align-items:start !important;
}

/* 左右栏不要用固定高把中间地图撑大 */
.pixel-sidebar{
  min-height:auto !important;
  align-self:start;
}

/* 地图按内容高度走，不再吃默认 stretch */
.pixel-map{
  min-height:auto !important;
  height:auto !important;
  align-self:start;
  align-content:start;
  justify-content:stretch;
}

/* 保险：地图底部不额外留行高 */
@media (min-width: 1101px){
  .pixel-map{
    grid-template-rows:160px 160px 160px 160px 148px;
  }
}

/* 平板和手机同样从顶部排版 */
@media (max-width: 1100px){
  .pixel-dashboard-grid{
    align-items:start !important;
  }

  .pixel-sidebar,
  .pixel-map{
    min-height:auto !important;
    height:auto !important;
    align-self:start;
  }

  .room-core{
    grid-column:auto;
    grid-row:auto;
  }
}

/* ---------- 3. LIVE TASK STREAM 动效增强 ---------- */
.pixel-live-stream{
  position:relative;
  overflow:hidden;
}

.pixel-live-stream::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:-35%;
  width:35%;
  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(109,241,220,.14), rgba(255,255,255,0));
  pointer-events:none;
  animation: livePanelSweep 4.8s linear infinite;
}

.pixel-live-stream ul li{
  position:relative;
  animation: liveLinePulse 3.2s ease-in-out infinite;
}

.pixel-live-stream ul li:nth-child(1){ animation-delay:0s; }
.pixel-live-stream ul li:nth-child(2){ animation-delay:.35s; }
.pixel-live-stream ul li:nth-child(3){ animation-delay:.7s; }
.pixel-live-stream ul li:nth-child(4){ animation-delay:1.05s; }
.pixel-live-stream ul li:nth-child(5){ animation-delay:1.4s; }

.pixel-live-stream li span{
  display:inline-block;
  animation: pixelPulseGreen 2.2s ease-in-out infinite;
}

/* 右栏轻微呼吸高亮 */
.pixel-live-stream{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.03),
    0 0 0 rgba(109,241,220,0);
  animation: streamBoxGlow 3.8s ease-in-out infinite;
}

/* ---------- extra keyframes ---------- */
@keyframes livePanelSweep{
  0%{
    transform:translateX(0);
    opacity:0;
  }
  15%{
    opacity:.2;
  }
  50%{
    opacity:.08;
  }
  100%{
    transform:translateX(420%);
    opacity:0;
  }
}

@keyframes liveLinePulse{
  0%,100%{
    opacity:.88;
    transform:translateX(0);
  }
  50%{
    opacity:1;
    transform:translateX(1px);
  }
}

@keyframes streamBoxGlow{
  0%,100%{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.03),
      0 0 0 rgba(109,241,220,0);
  }
  50%{
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 0 18px rgba(109,241,220,.06);
  }
}

/* =========================
   Agent Center Final Polish Patch
   1) room proportion tuning
   2) top poster treatment
   3) lower copy compression
   ========================= */

/* ---------- 1. 房间比例微调 ---------- */
/* 地图整体略收紧，让内容更满，底部视觉更紧凑 */
@media (min-width: 1101px){
  .pixel-map{
    grid-template-rows: 152px 152px 150px 150px 136px !important;
    gap: 10px;
    padding: 10px;
  }

  .room{
    border-radius: 9px;
  }

  /* 会议室略缩一点，减少“头重脚轻” */
  .table-round{
    width: 168px;
    height: 168px;
    top: 57%;
  }

  .chair-top{ top: 80px; }
  .chair-left{ left: 82px; top: 154px; }
  .chair-right{ right: 82px; top: 154px; }
  .chair-bottom{ bottom: 66px; }

  /* 中下区域人物和家具再往上提一点，避免房间显空 */
  .avatar-clawd{ bottom: 28px; }
  .avatar-closer-2{ bottom: 14px; }
  .avatar-nova{ bottom: 14px; }
  .avatar-scribe{ bottom: 18px; }
  .avatar-clawd-2{ bottom: 18px; }
  .avatar-pixel{ bottom: 14px; }
  .avatar-vibe{ bottom: 18px; }
  .avatar-atlas-2{ bottom: 18px; }
  .avatar-sentinel{ bottom: 16px; }
  .avatar-nova-2{ bottom: 18px; }
  .avatar-trendy{ bottom: 18px; }
  .avatar-clip{ bottom: 12px; }
  .avatar-closer-3{ bottom: 12px; }
  .avatar-oracle{ bottom: 12px; }

  /* 新增的 Workflow Core 更像中枢块 */
  .room-core .core-panel{
    left: 18px;
    right: 18px;
    top: 42px;
    bottom: 18px;
  }

  .room-core .core-bars{
    left: 34px;
    right: 34px;
    top: 60px;
    height: 48px;
  }

  .avatar-core{
    bottom: 14px;
  }

  /* 底部三房更像收口层 */
  .room-clip,
  .room-closer,
  .room-oracle{
    min-height: 136px;
  }
}

/* ---------- 2. 顶部标题海报化 ---------- */
.pixel-topbar{
  margin-bottom: 20px;
  padding: 6px 0 4px;
}

.pixel-topbar::before{
  content:"";
  position:absolute;
  inset: 8px 0 auto 0;
  height: 118px;
  pointer-events:none;
  background:
    radial-gradient(32% 70% at 22% 50%, rgba(18,42,92,.32), rgba(18,42,92,0) 72%),
    radial-gradient(36% 80% at 78% 50%, rgba(164,27,27,.24), rgba(164,27,27,0) 74%);
  filter: blur(14px);
  opacity: .9;
}

.pixel-brand{
  gap: 18px;
}

.pixel-brand-copy{
  position: relative;
  z-index: 2;
}

.pixel-brand-name{
  font-size: 74px;
  line-height: .92;
  letter-spacing: -.045em;
  text-shadow:
    0 4px 0 rgba(0,0,0,.22),
    0 0 18px rgba(255,255,255,.04);
}

.pixel-brand-sub{
  margin-top: 8px;
  font-size: 12px;
  letter-spacing: .24em;
  color: #ffbcbc;
}

.pixel-topbar-badge{
  min-height: 104px;
  padding: 20px 36px;
  font-size: 60px;
  border-radius: 12px;
  box-shadow:
    0 8px 0 #8a6a00,
    0 18px 34px rgba(0,0,0,.16);
}

/* 顶部整体更像海报条 */
.pixel-dashboard-frame{
  box-shadow:
    0 0 0 3px rgba(15,31,69,.85),
    0 18px 42px rgba(0,0,0,.28),
    0 0 28px rgba(60,120,255,.06);
}

/* ---------- 3. 下半部分文案区压缩 ---------- */
.agent-center-copy-block{
  margin-top: 22px;
  padding: 20px 22px;
  border-radius: 16px;
}

.agent-center-copy-head .weour-eyebrow{
  margin-bottom: 6px;
}

.agent-center-copy-head h1{
  margin: 4px 0 8px;
  font-size: 34px;
  line-height: 1.02;
  letter-spacing: -.03em;
}

.agent-center-copy-head p{
  max-width: 820px;
  font-size: 15px;
  line-height: 1.75;
}

.agent-center-copy-grid{
  margin-top: 16px;
  gap: 14px;
}

.copy-card{
  padding: 16px 18px;
  border-radius: 12px;
}

.copy-card h2{
  margin: 0 0 8px;
  font-size: 20px;
}

.copy-card p,
.copy-card li{
  font-size: 14px;
  line-height: 1.72;
}

.copy-card ul{
  padding-left: 16px;
}

.agent-center-links{
  gap: 10px;
  margin-top: 16px;
}

.agent-center-links a{
  min-height: 38px;
  padding: 0 12px;
  font-size: 13px;
  border-radius: 9px;
}

.agent-center-cta{
  margin-top: 18px;
  padding: 18px 18px 16px;
  border-radius: 14px;
}

.agent-center-cta h2{
  margin: 0 0 8px;
  font-size: 24px;
  line-height: 1.08;
}

.agent-center-cta p{
  max-width: 760px;
  font-size: 14px;
  line-height: 1.7;
}

.agent-center-cta-actions{
  gap: 10px;
  margin-top: 12px;
}

/* 如果你主题按钮本身很高，这里顺手压一点 */
.agent-center-cta-actions .weour-btn-primary,
.agent-center-cta-actions .weour-btn-secondary{
  min-height: 40px;
  padding: 0 16px;
  border-radius: 10px;
}

/* ---------- 右侧状态栏和左栏再略收紧一点 ---------- */
.pixel-sidebar{
  padding: 12px;
}

.pixel-panel-title{
  margin-bottom: 10px;
}

.pixel-agent-list,
.pixel-status-list{
  gap: 8px;
}

.pixel-agent-card{
  padding: 9px;
  border-radius: 11px;
}

.pixel-status-card{
  padding: 10px 10px 9px;
  border-radius: 11px;
}

.pixel-status-row strong,
.pixel-agent-name-row strong{
  font-size: 18px;
}

.pixel-status-meta{
  font-size: 12px;
}

.pixel-agent-state{
  font-size: 11px;
  margin-bottom: 6px;
}

.pixel-live-stream{
  margin-top: 10px;
  padding: 10px;
  border-radius: 11px;
}

.pixel-live-stream li{
  font-size: 11px;
  line-height: 1.6;
  padding-bottom: 7px;
}

/* ---------- 响应式收口 ---------- */
@media (max-width: 1280px){
  .pixel-brand-name{
    font-size: 62px;
  }

  .pixel-topbar-badge{
    font-size: 50px;
    min-height: 90px;
  }

  .agent-center-copy-head h1{
    font-size: 30px;
  }
}

@media (max-width: 680px){
  .pixel-topbar{
    padding: 0;
  }

  .pixel-brand-name{
    font-size: 42px;
  }

  .pixel-brand-sub{
    letter-spacing: .16em;
    font-size: 11px;
  }

  .pixel-topbar-badge{
    font-size: 34px;
    min-height: 68px;
    padding: 14px 20px;
  }

  .agent-center-copy-block{
    margin-top: 16px;
    padding: 16px;
  }

  .agent-center-copy-head h1{
    font-size: 28px;
  }

  .copy-card{
    padding: 14px 14px;
  }

  .copy-card h2{
    font-size: 18px;
  }

  .agent-center-cta h2{
    font-size: 22px;
  }
}