/* Bayocean AI · 实时分析台 (bo-ai-live) */
.ai-hero.ai-hero-live .ai-hero-grid{grid-template-columns:1fr;gap:34px}
.ai-hero.ai-hero-live p{max-width:760px}
.ail-stage{perspective:1800px;perspective-origin:50% 30%;margin-top:6px;min-width:0;width:100%}
.ai-hero-live .ai-hero-grid>div{min-width:0}
.ail{--gold:#efd58a;--gold2:#c9a54a;--up:#3ddc84;--dn:#ff5c6c;--mid:#f2c14e;--blue:#4d8cff;--line:rgba(255,255,255,.09);--mute:#8ea0b3;--txt:#dfe7ef;
  background:#050d18;border:1px solid rgba(120,160,220,.22);box-shadow:0 40px 120px rgba(0,0,0,.6),0 0 0 1px rgba(0,0,0,.6),0 0 60px rgba(77,140,255,.08),inset 0 0 90px rgba(20,60,120,.15);
  font-family:ui-monospace,Menlo,Consolas,"SF Mono",monospace;font-size:11px;color:var(--txt);position:relative;overflow:hidden;direction:ltr;text-align:left;min-width:0;width:100%;contain:layout;
  transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s ease-out;will-change:transform;
  animation:ail-in 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes ail-in{0%{opacity:0;transform:rotateX(16deg) translateY(60px) scale(.96)}100%{opacity:1;transform:rotateX(0) translateY(0) scale(1)}}
.ail *{box-sizing:border-box}
.ail:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px);pointer-events:none;z-index:5}
.ail-scan{position:absolute;left:0;right:0;height:120px;top:-120px;background:linear-gradient(180deg,transparent,rgba(120,180,255,.06) 60%,rgba(239,213,138,.10) 98%,transparent);pointer-events:none;z-index:6;animation:ail-scan 7s linear infinite}
@keyframes ail-scan{0%{top:-120px}100%{top:110%}}
.ail-corner{position:absolute;width:18px;height:18px;border:2px solid var(--gold);z-index:7;opacity:.85;animation:ail-corner 3s ease-in-out infinite}
.ail-corner.tl{top:-1px;left:-1px;border-right:0;border-bottom:0}.ail-corner.tr{top:-1px;right:-1px;border-left:0;border-bottom:0}.ail-corner.bl{bottom:-1px;left:-1px;border-right:0;border-top:0}.ail-corner.br{bottom:-1px;right:-1px;border-left:0;border-top:0}
@keyframes ail-corner{0%,100%{opacity:.5}50%{opacity:1;box-shadow:0 0 10px rgba(239,213,138,.6)}}
.ail-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(77,140,255,.14),transparent 40%)}
.ail-brand{display:flex;align-items:center;gap:12px;white-space:nowrap}
.ail-mark{width:30px;height:30px;border:1px solid var(--gold);color:var(--gold);display:grid;place-items:center;font-weight:700;font-size:11px;position:relative}
.ail-mark:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(239,213,138,.35);animation:ail-spin 6s linear infinite}
@keyframes ail-spin{to{transform:rotate(360deg)}}
.ail-brand b{color:#fff;font-size:14px;letter-spacing:.1em}.ail-brand small{color:var(--mute);letter-spacing:.14em;font-size:10px;display:block}
.ail-live{background:#c8202f;color:#fff;padding:3px 8px;font-size:10px;letter-spacing:.14em;margin-left:8px;animation:ail-blink 1.6s ease-in-out infinite}.ail-live.demo{background:#3a4a5e;animation:none}
@keyframes ail-blink{0%,100%{opacity:1}50%{opacity:.55}}
.ail-kpis{display:flex;gap:22px;flex-wrap:nowrap;overflow:hidden;min-width:0}.ail-kpi small{display:block;color:var(--mute);font-size:9px;letter-spacing:.12em;white-space:nowrap}.ail-kpi b{font-size:15px;color:#fff;font-weight:600;white-space:nowrap}
.ail .up{color:var(--up)}.ail .dn{color:var(--dn)}.ail .mid{color:var(--mid)}.ail .gold{color:var(--gold)}
.ail-clock{font-size:16px;color:#fff;letter-spacing:.08em;text-align:right;white-space:nowrap}.ail-clock small{display:block;color:var(--mute);font-size:9px;letter-spacing:.14em}
.ail-ticker{border-bottom:1px solid var(--line);background:rgba(0,0,0,.35);overflow:hidden;position:relative;min-width:0;width:100%;contain:layout}
.ail-ticker-track{display:flex;width:max-content;animation:ail-marquee 40s linear infinite}.ail-ticker:hover .ail-ticker-track{animation-play-state:paused}
@keyframes ail-marquee{to{transform:translateX(-50%)}}
.ail-ticker-track div{padding:7px 18px;border-right:1px solid var(--line);display:flex;gap:12px;align-items:baseline;cursor:pointer;white-space:nowrap}.ail-ticker-track div:hover,.ail-ticker-track div.on{background:rgba(239,213,138,.08)}
.ail-ticker-track b{color:#fff;font-weight:600}.ail-ticker-track span{font-size:10px}.ail-ticker-track div.on b{color:var(--gold)}
.ail-grid{display:grid;grid-template-columns:300px 1fr 330px;border-bottom:1px solid var(--line)}
.ail-grid>div{border-right:1px solid var(--line);padding:12px 14px;min-width:0}.ail-grid>div:last-child{border-right:0}
.ail h4{margin:0 0 10px;font-size:10px;letter-spacing:.14em;color:var(--gold);font-weight:600;display:flex;justify-content:space-between;align-items:center;gap:8px}.ail h4 i{font-style:normal;color:var(--mute);font-weight:400;letter-spacing:.08em;white-space:nowrap}
.ail-price{font-size:34px;color:#fff;font-weight:600;letter-spacing:.02em;line-height:1;transition:color .3s}.ail-price small{font-size:12px;color:var(--mute);margin-left:6px}.ail-price.flash-up{color:var(--up)}.ail-price.flash-dn{color:var(--dn)}
.ail-chg{font-size:12px;margin:4px 0 12px}
.ail-kv{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dashed rgba(255,255,255,.07)}.ail-kv span{color:var(--mute)}.ail-kv b{color:#fff;font-weight:500;text-align:right}
.ail-bar{height:6px;background:rgba(255,255,255,.08);position:relative;margin:6px 0 2px}.ail-bar i{position:absolute;top:0;bottom:0;left:0;background:linear-gradient(90deg,#4d8cff,#efd58a);transition:width 1s}.ail-bar em{position:absolute;top:-4px;width:2px;height:14px;background:#fff;transition:left 1s}
.ail-mm{display:flex;justify-content:space-between;color:var(--mute);font-size:9px}
.ail-zone{display:grid;grid-template-columns:44px 1fr 66px;gap:8px;align-items:center;padding:4px 0;font-size:10px}.ail-zone .z{height:8px;background:rgba(255,255,255,.06);position:relative}.ail-zone .z i{position:absolute;top:0;bottom:0;left:0;transition:width 1s}.ail-zone .z.r i{background:rgba(255,92,108,.45)}.ail-zone .z.s i{background:rgba(61,220,132,.45)}.ail-zone .p{color:#fff;text-align:right}
.ail-note{margin:0;color:#b6c3ce;line-height:1.7;font-size:10.5px;font-family:"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif}
.ail-tfs{display:flex;gap:4px}.ail-tfs span{padding:2px 8px;border:1px solid var(--line);color:var(--mute);font-size:10px;cursor:pointer;transition:.2s}.ail-tfs span:hover{border-color:var(--gold);color:var(--gold)}.ail-tfs span.on{background:var(--gold);color:#0b1220;border-color:var(--gold)}
.ail canvas{display:block;width:100%;height:auto}
.ail-grid>.ail-z1{display:flex;flex-direction:column}.ail-chart-box{flex:1;min-height:300px;position:relative}.ail-chart-box canvas{position:absolute;inset:0;width:100%;height:100%}
.ail-legend{display:flex;gap:14px;font-size:10px;color:var(--mute);margin-top:6px;flex-wrap:wrap}.ail-legend i{display:inline-block;width:8px;height:8px;margin-right:4px;vertical-align:middle}
.ail-pat{border:1px solid var(--line);padding:8px 10px;margin-bottom:8px;background:rgba(255,255,255,.02);position:relative;overflow:hidden;animation:ail-fade .6s both}.ail-pat:after{content:"";position:absolute;left:-60%;top:0;bottom:0;width:40%;background:linear-gradient(90deg,transparent,rgba(239,213,138,.08),transparent);animation:ail-sheen 5s linear infinite}
@keyframes ail-sheen{to{left:130%}}@keyframes ail-fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ail-pat b{color:#fff;font-weight:600}.ail-pat .d{float:right;font-size:10px}.ail-pat small{display:block;color:var(--mute);margin-top:3px;font-size:10px}.ail-pat .sc{height:3px;background:rgba(255,255,255,.08);margin-top:6px}.ail-pat .sc i{display:block;height:100%;background:var(--gold);transition:width 1s}
.ail-empty{color:var(--mute);padding:10px 0;font-size:10px}
.ail-heat{display:grid;grid-template-columns:64px repeat(4,1fr);gap:4px;margin-top:6px}.ail-heat div{height:26px;display:grid;place-items:center;font-size:10px;font-weight:600;transition:background .6s,border-color .6s}.ail-heat .h{color:var(--mute);font-weight:400;height:18px}.ail-heat .n{color:var(--mute);font-weight:400;justify-items:start;cursor:pointer}.ail-heat .n:hover{color:var(--gold)}
.ail-heat .u{background:rgba(61,220,132,.22);color:#9af5c3;border:1px solid rgba(61,220,132,.5)}.ail-heat .d{background:rgba(255,92,108,.22);color:#ffb3ba;border:1px solid rgba(255,92,108,.5)}.ail-heat .r{background:rgba(242,193,78,.14);color:#f6d98a;border:1px solid rgba(242,193,78,.4)}.ail-heat .x{background:rgba(255,255,255,.04);color:var(--mute)}
.ail-heat .pulse{animation:ail-pulse .8s}@keyframes ail-pulse{0%{box-shadow:0 0 0 0 rgba(239,213,138,.7)}100%{box-shadow:0 0 0 10px rgba(239,213,138,0)}}
.ail-core{display:grid;grid-template-columns:300px 1fr 330px;border-bottom:1px solid var(--line);min-height:430px}
.ail-core>div{border-right:1px solid var(--line);padding:12px 14px;position:relative;min-width:0}.ail-core>div:last-child{border-right:0}.ail-core>.c{padding:0;position:relative}
.ail-core>.c canvas{position:absolute;inset:0;width:100%;height:100%}
.ail-lane{margin-bottom:9px}.ail-lane .l{display:flex;justify-content:space-between;font-size:10px;margin-bottom:2px}.ail-lane .l span{color:#fff}.ail-lane .l b{font-weight:500}.ail-lane canvas{height:22px}
.ail-res{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px;cursor:pointer}.ail-res:hover b{color:var(--gold)}.ail-res b{width:58px;color:#fff;font-weight:600}.ail-res .dir{width:40px}.ail-res .bb{flex:1;height:5px;background:rgba(255,255,255,.08)}.ail-res .bb i{display:block;height:100%;transition:width 1s}.ail-res .lv{width:44px;text-align:right;color:var(--mute)}
.ail-bottom{display:grid;grid-template-columns:1fr 1fr}.ail-bottom>div{border-right:1px solid var(--line);padding:12px 14px;min-width:0}.ail-bottom>div:last-child{border-right:0}
.ail-foot{display:flex;justify-content:space-between;gap:12px;padding:8px 16px;border-top:1px solid var(--line);color:var(--mute);font-size:10px;letter-spacing:.06em;background:rgba(0,0,0,.35);flex-wrap:wrap}
.ail-z1{transform:translateZ(14px)}.ail-z2{transform:translateZ(28px)}
@media (max-width:1100px){.ail-grid,.ail-core{grid-template-columns:260px 1fr}.ail-grid>div:last-child,.ail-core>div:last-child{grid-column:1/-1;border-right:0;border-top:1px solid var(--line)}}
@media (max-width:760px){.ail{animation:none;transform:none!important}.ail-grid,.ail-core,.ail-bottom{grid-template-columns:1fr}.ail-grid>div,.ail-core>div,.ail-bottom>div{border-right:0;border-bottom:1px solid var(--line)}.ail-core>.c{min-height:320px}.ail-kpis{display:none}.ail-top{flex-wrap:wrap}.ail-price{font-size:28px}}