.mxi-hero{position:relative;background:radial-gradient(120% 140% at 70% 30%,#123a44 0%,#0b2530 45%,#071820 100%);border-radius:20px;overflow:hidden;color:#fff;display:grid;grid-template-columns:400px 1fr;min-height:360px}
.mxi-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 22px)}
.mxi-hl{position:relative;padding:30px 28px;display:flex;flex-direction:column;gap:14px;z-index:2}
.mxi-hl .ey{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1.2px;color:#fcd34d;text-transform:uppercase}
.mxi-hl .ey i{width:9px;height:9px;border-radius:50%;background:#fbbf24;box-shadow:0 0 0 0 rgba(251,191,36,.7);animation:mxip 1.6s infinite}
.mxi-hl h2{margin:0;font-size:31px;line-height:1.15;font-weight:800;letter-spacing:-.6px;color:#fff}.mxi-hl h2 em{font-style:normal;color:#fbbf24}
.mxi-chips{display:flex;flex-wrap:wrap;gap:7px}.mxi-chips button{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:#e2e8f0;border-radius:99px;padding:6px 11px;font:700 12.5px/1 inherit;cursor:pointer}
.mxi-chips button b{color:#fbbf24;margin-left:4px}.mxi-chips button.on,.mxi-chips button:hover{background:#fbbf24;color:#0b2530;border-color:#fbbf24}.mxi-chips button.on b,.mxi-chips button:hover b{color:#0b2530}
.mxi-cta{align-self:flex-start;background:#fbbf24;color:#0b2530!important;font-weight:800;border-radius:11px;padding:11px 17px;font-size:14px}
.mxi-mapw{position:relative;z-index:1;display:flex;align-items:center;padding:16px}
.mxi-map{width:100%;height:auto;overflow:visible}.mxi-dots circle{fill:rgba(148,197,210,.22)}
.mxi-c{cursor:pointer}.mxi-c .h{fill:rgba(251,191,36,.12);animation:mxih 3.2s ease-in-out infinite;animation-delay:var(--d);transform-box:fill-box;transform-origin:center}
.mxi-c .o{fill:rgba(251,191,36,.38);stroke:rgba(253,224,71,.85);stroke-width:1.3;animation:mxib 3.2s ease-in-out infinite;animation-delay:var(--d)}
.mxi-c .m{fill:#fde68a;filter:drop-shadow(0 0 6px #fbbf24)}.mxi-c:hover .o,.mxi-c.on .o{fill:rgba(251,191,36,.7)}
@keyframes mxih{0%,100%{opacity:.2;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}
@keyframes mxib{0%,100%{opacity:.55}45%{opacity:1}55%{opacity:.25}}
@keyframes mxip{70%{box-shadow:0 0 0 9px rgba(251,191,36,0)}100%{box-shadow:0 0 0 0 rgba(251,191,36,0)}}
.mxi-tip{position:absolute;pointer-events:none;background:#fff;color:#0f172a;font:700 12.5px/1.2 inherit;border-radius:8px;padding:6px 9px;box-shadow:0 6px 18px rgba(0,0,0,.3);transform:translate(-50%,-130%);opacity:0;transition:opacity .15s;z-index:5;white-space:nowrap}
.mxi-sb{display:flex;align-items:center;justify-content:space-between;margin:20px 0 10px}.mxi-sb h3{margin:0;font-size:18px;font-weight:800;color:#c8102e}.mxi-sb small{color:#64748b;font-size:12.5px;margin-left:8px;font-weight:600}
.mxi-son{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.mxi-sk{flex:0 0 250px;scroll-snap-align:start;background:#fff;border:1px solid #e5e9f0;border-radius:14px;padding:13px;display:flex;flex-direction:column;gap:8px}.mxi-sk:hover{border-color:#c8102e}
.mxi-sk b{font-size:14px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.mxi-sk span.k{font-size:12.5px;color:#475569;line-height:1.35}
.mxi-sk small{font-size:11.5px;color:#64748b;margin-top:auto}
.mxi-r{display:inline-block;align-self:flex-start;font-size:11px;font-weight:800;border-radius:6px;padding:3px 7px;text-transform:uppercase;letter-spacing:.3px}
.mxi-r.r{background:#c8102e;color:#fff}.mxi-r.o{background:#fef3c7;color:#92400e}.mxi-r.y{background:#dcfce7;color:#166534}.mxi-r.n{background:#f1f5f9;color:#475569}
.mxi-gr{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.mxi-k{background:#fff;border:1px solid #e5e9f0;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:8px;transition:.15s}.mxi-k:hover{border-color:#c8102e;transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,23,42,.08)}
.mxi-kh{display:flex;align-items:center;gap:9px;font-size:11.5px;font-weight:800;color:#334155;text-transform:uppercase;line-height:1.25}
.mxi-kh img,.mxi-kh .ph{width:36px;height:36px;border-radius:9px;object-fit:contain;background:#f3f5f9;flex-shrink:0}.mxi-kh .ph{display:grid;place-items:center;color:#c8102e;font-weight:800}
.mxi-k b{font-size:15px;line-height:1.35}.mxi-tg{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.mxi-tg span{font-size:11.5px;font-weight:650;background:#f3f5f9;color:#475569;border-radius:6px;padding:3px 7px}
.mxi-tg span.ilgi{background:#fff7ed;color:#c2410c}
.mxi-gz{display:none!important}
.mxi-hero{grid-template-columns:440px 1fr;grid-template-rows:1fr auto}
.mxi-sy{display:flex;gap:8px;flex-wrap:wrap;font-weight:800;font-size:12.5px}.mxi-sy span{border-radius:7px;padding:5px 9px}.mxi-sy .u{background:rgba(34,197,94,.16);color:#4ade80}.mxi-sy .d{background:rgba(248,113,113,.16);color:#fca5a5}.mxi-sy .n{background:rgba(148,163,184,.14);color:#cbd5e1}
.mxi-one{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.96);color:#0f172a!important;border-radius:16px;padding:14px;position:relative;overflow:hidden;min-height:118px;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.mxi-one.on{animation:mxio .55s ease}@keyframes mxio{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.mxi-ol{width:64px;height:64px;border-radius:14px;background:#f3f5f9;flex-shrink:0;display:grid;place-items:center;overflow:hidden}.mxi-ol img{width:100%;height:100%;object-fit:contain}
.mxi-ot{display:flex;flex-direction:column;gap:4px;min-width:0}.mxi-ot b{font-size:15.5px;line-height:1.25}.mxi-ot span{font-size:14px;color:#334155;font-weight:650}.mxi-ot em{font-style:normal;font-size:12.5px;color:#c8102e;font-weight:700}
.mxi-ob{position:absolute;left:0;bottom:0;height:3px;width:100%;background:#eef2f6}.mxi-ob i{display:block;height:100%;background:#c8102e;width:0}.mxi-one.on .mxi-ob i{animation:mxibar 5.2s linear}@keyframes mxibar{to{width:100%}}
.mxi-band{grid-column:1/-1;position:relative;z-index:2;background:rgba(3,12,18,.75);border-top:1px solid rgba(255,255,255,.08);overflow:hidden;height:46px}
.mxi-bt{display:inline-flex;height:100%;align-items:center;white-space:nowrap;animation:mxiband 150s linear infinite}.mxi-band:hover .mxi-bt{animation-play-state:paused}
@keyframes mxiband{to{transform:translateX(-50%)}}
.mxi-bt button{background:none;border:0;border-right:1px solid rgba(255,255,255,.08);color:#cbd5e1;font:600 13px/1 inherit;padding:0 18px;height:100%;cursor:pointer}.mxi-bt button:hover{background:rgba(255,255,255,.06);color:#fff}
.mxi-bt b{color:#fff;letter-spacing:.2px}.mxi-up{color:#4ade80}.mxi-dn{color:#f87171}.mxi-nt{color:#fbbf24}
.mxi-r.b{background:#e0e7ff;color:#3730a3}
.mxi-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}.mxi-tabs button{border:1px solid #e5e9f0;background:#fff;border-radius:99px;padding:8px 13px;font:700 13px/1 inherit;cursor:pointer;color:#334155}
.mxi-tabs button b{color:#c8102e;margin-left:3px}.mxi-tabs button.on{background:#0f172a;color:#fff;border-color:#0f172a}.mxi-tabs button.on b{color:#fbbf24}
.mxi-ilf{background:#c8102e;color:#fff;border-radius:99px;padding:8px 13px;font-weight:700;font-size:13px;cursor:pointer}
.mxi-band{grid-column:1/-1;grid-row:1;background:#fbbf24;border-top:0;border-bottom:1px solid rgba(0,0,0,.08)}.mxi-bt button{color:#1f2937;border-right-color:rgba(0,0,0,.1)}.mxi-bt button:hover{background:rgba(255,255,255,.35);color:#000}
.mxi-bt b{color:#0f172a}.mxi-up{color:#15803d}.mxi-dn{color:#b91c1c}.mxi-nt{color:#7c2d12}
.mxi-hl{grid-row:2}.mxi-mapw{grid-row:2}
.mxi-tl{background:#fff;border:1px solid #e5e9f0;border-radius:16px;padding:8px 14px}
.mxi-tg2{display:grid;grid-template-columns:76px 1fr;gap:12px;border-bottom:1px solid #eef2f6;padding:10px 0}.mxi-tg2:last-child{border-bottom:0}
.mxi-tg2 time{color:#6d28d9;font-weight:800;text-align:center;font-size:13px;line-height:1.1;position:sticky;top:80px;align-self:start}.mxi-tg2 time b{display:block;font-size:30px;color:#4c1d95}
.mxi-tr{display:flex;flex-direction:column;border-left:3px solid #ddd6fe;padding-left:12px}
.mxi-k.mxi-row{display:flex;flex-direction:row;align-items:center;gap:12px;padding:9px 8px;border:0;border-bottom:1px dashed #eef2f6;border-radius:10px;background:none;box-shadow:none;transform:none;min-height:0}.mxi-k.mxi-row:hover{background:#faf5ff;transform:none;box-shadow:none}
.mxi-lg{width:40px;height:40px;flex-shrink:0;border-radius:50%;background:#f3f5f9;overflow:hidden;display:grid;place-items:center}.mxi-lg img{width:100%;height:100%;object-fit:contain}
.mxi-rt{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.mxi-rt b{font-size:13.5px;color:#0f172a}.mxi-rt span{font-size:13.5px;color:#334155}.mxi-rt em{font-style:italic;color:#ff3d00;font-size:12.5px}
.mxi-row .mxi-r{flex-shrink:0}
@media(max-width:640px){.mxi-tg2{grid-template-columns:52px 1fr;gap:8px}.mxi-tg2 time b{font-size:24px}.mxi-row .mxi-r{display:none}}
@media(max-width:1000px){.mxi-hero{grid-template-columns:1fr}.mxi-mapw{grid-row:3}}
@media(max-width:1000px){.mxi-hero{grid-template-columns:1fr}.mxi-mapw{padding:0 10px 14px}.mxi-gr{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.mxi-hl{padding:22px 18px}.mxi-hl h2{font-size:24px}.mxi-gr{grid-template-columns:1fr}.mxi-sk{flex-basis:78%}}