.maimemo-atlas { color:#3c3978; }
.maimemo-atlas * { box-sizing:border-box; }
.atlas-hero { display:flex; justify-content:space-between; gap:22px; align-items:flex-end; padding:22px; border:2px solid #3731c9; background:linear-gradient(118deg,#dff5ff 0 57%,#ffe0f0 57%); box-shadow:3px 3px 0 #ec60b4; }
.atlas-kicker,.atlas-panel header p { margin:0 0 7px; color:#e553aa; font-family:'DotGothic16','Segoe UI',sans-serif; font-size:9px; font-weight:700; letter-spacing:.06em; }
.atlas-hero h1 { margin:0; color:#4039bb; font-family:'DotGothic16','Microsoft YaHei',sans-serif; font-size:30px; line-height:1.25; letter-spacing:0; }
.atlas-hero h1 em { color:#e754ab; font-style:normal; }
.atlas-hero > div > p:last-child { margin:10px 0 0; color:#57518e; font-size:11px; }
.atlas-hero-side { display:grid; grid-template-columns:auto auto; gap:8px; align-items:stretch; }
.atlas-sync { min-width:150px; padding:9px 11px; border:2px solid #3731c9; background:#fffeb3; box-shadow:2px 2px 0 #736de0; }
.atlas-sync span,.atlas-sync small { display:block; color:#665f9c; font-size:8px; }.atlas-sync b { display:block; margin:5px 0 2px; color:#4038bb; font-size:12px; }
.atlas-command { align-self:stretch; padding:8px 10px; border:2px solid #3731c9; color:#fff; background:#e95cad; box-shadow:2px 2px 0 #4c44c6; font:700 9px 'DotGothic16','Microsoft YaHei',sans-serif; cursor:pointer; }.atlas-command:hover { background:#5149cc; }.atlas-command:disabled { opacity:.6; cursor:wait; }
.atlas-metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:14px; }
.atlas-metric { min-width:0; padding:14px; border:2px solid #3731c9; border-top-width:5px; background:#fff; box-shadow:3px 3px 0 #d8a7eb; }.atlas-metric.cyan { border-top-color:#77d9f1; }.atlas-metric.pink { border-top-color:#ed5bad; }.atlas-metric.lime { border-top-color:#bdde54; }.atlas-metric.violet { border-top-color:#7569d7; }
.atlas-metric span,.atlas-metric small { display:block; color:#6b659d; font-size:9px; }.atlas-metric b { display:block; overflow:hidden; margin:9px 0 5px; color:#4039bb; font:700 27px/1 Georgia,'Times New Roman',serif; text-overflow:ellipsis; white-space:nowrap; }.atlas-metric i { color:#e555a9; font-style:normal; }
.atlas-grid { display:grid; grid-template-columns:1.15fr 1fr .88fr; gap:12px; margin-top:13px; }.atlas-panel { min-width:0; overflow:visible; border:2px solid #3731c9; background:#fff; box-shadow:3px 3px 0 #d8a7eb; }.atlas-panel>header { display:flex; justify-content:space-between; gap:10px; align-items:flex-start; padding:13px 14px 0; }.atlas-panel h2 { margin:0; color:#4039bb; font-size:14px; line-height:1.3; }.atlas-panel header>b { color:#e553aa; font:700 20px/1 Georgia,'Times New Roman',serif; }.atlas-panel footer { display:flex; justify-content:space-between; padding:0 14px 12px; color:#7770a8; font-size:9px; }
.memory-panel,.trend-panel { min-height:310px; }.atlas-bars { display:grid; align-items:stretch; gap:6px; height:208px; padding:16px 14px 14px; }.memory-bars { grid-template-columns:repeat(6,minmax(34px,1fr)); }.atlas-trend-bars { grid-template-columns:repeat(7,minmax(30px,1fr)); }.atlas-bar { min-width:0; display:grid; grid-template-rows:22px minmax(120px,1fr) 16px; gap:5px; height:100%; text-align:center; }.atlas-bar b { display:block; overflow:visible; color:#675f99; font-size:9px; font-weight:700; line-height:1.2; white-space:nowrap; }.atlas-bar-plot { display:flex; flex-direction:column; justify-content:flex-end; align-items:stretch; min-height:0; height:100%; border-bottom:1px solid #d2ceec; }.atlas-bar i { display:block; width:100%; height:auto; flex:0 0 var(--bar-height); min-height:5px; border:1px solid #4039bb; background:#78d8ef; }.atlas-bar:nth-child(2) i { background:#a5e2ed; }.atlas-bar:nth-child(3) i { background:#fff09c; }.atlas-bar:nth-child(4) i { background:#f19bd1; }.atlas-bar:nth-child(5) i { background:#a69aeb; }.atlas-bar:nth-child(6) i { background:#7d73df; }.trend-bar i { background:#f19bd1; }.trend-bar:last-child i { background:#77d9ef; }.atlas-bar span { overflow:visible; color:#7770a8; font-size:9px; line-height:1.1; text-overflow:clip; white-space:nowrap; }
.forecast-panel { align-self:start; padding-bottom:14px; color:#3d3171; background:#fffafd; box-shadow:3px 3px 0 #ec65b3; }.forecast-panel header { padding-bottom:10px; border-bottom:1px solid #cfc6ea; background:linear-gradient(90deg,#ffe3f2 0 52%,#d9f3f3 52%); }.forecast-panel header p { color:#ad3e80; }.forecast-panel h2 { color:#4039bb; }.forecast-panel header>span { padding:3px 5px; border:1px solid #8e79c9; color:#5e4aa5; background:#fff; font-size:8px; }.forecast-total { display:flex; align-items:baseline; gap:6px; padding:18px 14px 5px; }.forecast-total b { color:#d93e91; font:700 48px/1 Georgia,'Times New Roman',serif; letter-spacing:0; }.forecast-total span { color:#4b3c85; font-size:12px; font-weight:700; }.forecast-panel>p { min-height:0; margin:0; padding:8px 14px 13px; color:#453a73; font-size:11px; font-weight:500; line-height:1.8; }.forecast-control { padding:12px 14px 7px; border-top:1px solid #cfc6ea; background:#f4f0ff; }.forecast-control label { display:flex; justify-content:space-between; color:#40346e; font-size:10px; font-weight:700; }.forecast-control output { color:#cc3889; font-weight:800; }.forecast-control input[type=range] { width:100%; margin:8px 0 5px; accent-color:#e96fac; }.forecast-control input[type=number] { width:74px; padding:5px 7px; border:1px solid #7569c8; color:#372b70; background:#fff; font-size:11px; font-weight:700; }.forecast-panel>small { display:block; padding:4px 14px 0; color:#62588b; font-size:9px; font-weight:500; line-height:1.6; }.queue-panel { grid-column:3; grid-row:2; }
.queue-panel { min-height:268px; }.queue-ring { position:relative; display:grid; place-items:center; width:132px; height:132px; margin:11px auto 5px; }.queue-ring svg { position:absolute; width:100%; height:100%; transform:rotate(-90deg); }.queue-ring circle { fill:none; stroke:#e9e7f7; stroke-width:10; }.queue-ring #queue-ring-progress { stroke:#eb5dad; stroke-linecap:butt; stroke-dasharray:289; stroke-dashoffset:289; transition:stroke-dashoffset .5s; }.queue-ring div { display:grid; justify-items:center; }.queue-ring b { color:#4039bb; font:700 28px/1 Georgia,'Times New Roman',serif; }.queue-ring span { margin-top:3px; color:#746da4; font-size:9px; }.queue-panel dl { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:0 9px 12px; }.queue-panel dl div { padding:5px; border-right:1px solid #d2ceec; text-align:center; }.queue-panel dl div:last-child { border:0; }.queue-panel dt { color:#7770a8; font-size:8px; }.queue-panel dd { margin:4px 0 0; color:#4039bb; font-size:13px; font-weight:700; }
.words-panel { margin-top:13px; }.words-panel header { padding-bottom:12px; border-bottom:1px solid #cbc6e9; }.words-panel header>span { color:#716aa1; font-size:9px; }.atlas-word-list { display:grid; grid-template-columns:repeat(4,1fr); }.atlas-word { display:grid; grid-template-columns:7px 1fr; gap:8px; padding:12px 14px; border-right:1px solid #d2ceec; }.atlas-word:nth-child(4n) { border-right:0; }.word-state { grid-row:span 2; width:7px; height:7px; margin-top:4px; background:#77d9ef; }.atlas-word b { overflow:hidden; color:#4039bb; font:700 13px/1.25 Georgia,'Times New Roman',serif; text-overflow:ellipsis; white-space:nowrap; }.atlas-word small { color:#746da4; font-size:9px; }
@media (max-width:1000px) { .atlas-grid { grid-template-columns:1fr 1fr; }.forecast-panel,.queue-panel { grid-column:auto; grid-row:auto; }.atlas-metrics { grid-template-columns:repeat(2,1fr); }.atlas-word-list { grid-template-columns:repeat(2,1fr); }.atlas-word:nth-child(4n) { border-right:1px solid #d2ceec; }.atlas-word:nth-child(2n) { border-right:0; } }
@media (max-width:620px) { .atlas-hero { display:block; padding:15px; }.atlas-hero h1 { font-size:25px; }.atlas-hero-side { grid-template-columns:1fr auto; margin-top:16px; }.atlas-metrics,.atlas-grid { grid-template-columns:1fr; }.atlas-metric { min-height:97px; }.memory-panel,.trend-panel,.queue-panel { min-height:292px; }.atlas-bars { min-width:382px; height:210px; }.memory-panel,.trend-panel { overflow-x:auto; overflow-y:visible; }.forecast-panel { min-height:0; }.forecast-total b { font-size:46px; }.atlas-word-list { grid-template-columns:1fr; }.atlas-word,.atlas-word:nth-child(2n) { border-right:0; border-bottom:1px solid #d2ceec; }.atlas-word:last-child { border-bottom:0; } }