/* AIOps CMS 外链样式 — 上传到 /static/css/aiops.css */
.aiops-page{box-sizing:border-box;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",system-ui,Arial,sans-serif;color:#333;background:#fff;line-height:1.8;font-size:14px;--blue:#0091d7;--blue-d:#0077a8;--blue-l:#eaf6fc;--blue-l2:#f4faff;--ink:#333;--ink2:#666;--ink3:#999;--line:#e5e5e5;--line2:#f1f1f1;--bg:#f7f7f7;width:100%;max-width:none;margin:0;padding:0;text-align:left}
.aiops-page *,.aiops-page *:before,.aiops-page *:after{box-sizing:border-box}
.aiops-page a{color:inherit;text-decoration:none}
.aiops-page .wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.aiops-page .sec{padding:70px 0;margin:0}
.aiops-page .bg-soft{background:var(--bg)}
.aiops-page .t1{font-size:38px;font-weight:700;letter-spacing:1px;line-height:1.4;color:var(--ink);margin:0}
.aiops-page .t2{font-size:28px;font-weight:700;margin:10px 0 0;color:var(--ink);position:relative;display:inline-block;padding-bottom:16px}
.aiops-page .t2:after{content:"";position:absolute;left:50%;bottom:0;width:40px;height:3px;background:var(--blue);transform:translateX(-50%)}
.aiops-page .t3{font-size:18px;font-weight:700;margin:0 0 12px;color:var(--ink)}
.aiops-page .t4{font-size:16px;margin:0 0 6px;font-weight:700;color:var(--ink)}
.aiops-page .txt{color:var(--ink2);font-size:14px;line-height:1.8;margin:0}
.aiops-page .em{font-weight:700}
.aiops-page .hero{background:var(--blue-l);position:relative;overflow:hidden;padding:90px 0 100px;text-align:center}
.aiops-page .hero .sub{font-size:16px;color:var(--ink2);margin:22px auto 0;max-width:700px}
.aiops-page .hero .ctas{margin-top:40px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.aiops-page .btn-lg{display:inline-block;padding:13px 36px;font-size:15px;cursor:pointer;border:0;line-height:1.4}
.aiops-page .btn-primary{background:var(--blue);color:#fff!important}
.aiops-page .btn-primary:hover{background:var(--blue-d);color:#fff!important}
.aiops-page .btn-ghost{background:#fff;color:var(--blue)!important;border:1px solid var(--blue)}
.aiops-page .btn-ghost:hover{background:var(--blue-l)}
.aiops-page .hero-stats{display:flex;gap:60px;justify-content:center;margin-top:64px;flex-wrap:wrap}
.aiops-page .hero-stats .num{font-size:38px;font-weight:700;color:var(--blue);display:block;line-height:1.2}
.aiops-page .hero-stats .lab{font-size:14px;color:var(--ink3)}
.aiops-page .eyebrow{display:inline-block;background:#fff;border:1px solid var(--blue);color:var(--blue);font-size:13px;padding:5px 18px;margin-bottom:24px}
.aiops-page .sec-head{text-align:center;margin-bottom:50px}
.aiops-page .sec-head .kicker{color:var(--blue);font-size:13px;letter-spacing:2px}
.aiops-page .sec-head .desc{color:var(--ink2);margin-top:18px;font-size:15px}
.aiops-page .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.aiops-page .card{background:#fff;border:1px solid var(--line);padding:30px 28px;margin:0;box-shadow:none;float:none;width:auto}
.aiops-page .card:hover{border-color:var(--blue)}
.aiops-page .card .tags{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.aiops-page .card .tag{font-size:12px;padding:3px 10px;background:var(--blue-l);color:var(--blue);border:1px solid #d6edf8}
.aiops-page .card.no-icon .t3{position:relative;padding-left:14px}
.aiops-page .card.no-icon .t3:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:4px;background:var(--blue)}
.aiops-page .arch{display:flex;flex-direction:column;max-width:1000px;margin:0 auto}
.aiops-page .arch-layer{background:#fff;border:1px solid var(--line)}
.aiops-page .layer-title{background:var(--blue);color:#fff;padding:14px 24px;display:flex;align-items:center;gap:12px;font-weight:700;font-size:15px}
.aiops-page .layer-title .num{width:24px;height:24px;background:rgba(255,255,255,.2);display:grid;place-items:center;font-size:13px;flex-shrink:0}
.aiops-page .layer-body{padding:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.aiops-page .arch-item{background:var(--blue-l2);border:1px solid var(--line2);padding:18px;text-align:center}
.aiops-page .arch-item:hover{border-color:var(--blue);background:var(--blue-l)}
.aiops-page .arch-item .ai{margin-bottom:6px;display:flex;justify-content:center}
.aiops-page .arch-item .ai svg{width:36px;height:36px}
.aiops-page .arch-item .nm{font-weight:700;font-size:14px;color:var(--ink)}
.aiops-page .arch-item .ds{font-size:12px;color:var(--ink3);margin-top:3px}
.aiops-page .brand-logo{width:44px;height:44px;object-fit:contain;margin:0 auto 8px;display:block}
.aiops-page .private-logo{width:44px;height:44px;font-size:38px;line-height:44px;color:var(--blue);background:var(--blue-l);border:1px solid #d6edf8;display:grid;place-items:center;margin:0 auto 8px;font-family:Arial}
.aiops-page .arch-down{text-align:center;color:var(--blue);font-size:20px;padding:4px 0}
.aiops-page .adv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.aiops-page .adv{display:flex;gap:18px;background:#fff;border:1px solid var(--line);padding:26px;align-items:flex-start}
.aiops-page .adv:hover{border-color:var(--blue)}
.aiops-page .adv .aic{width:50px;height:50px;flex-shrink:0;display:grid;place-items:center}
.aiops-page .adv .aic svg{width:40px;height:40px}
.aiops-page .adv .txt{font-size:13.5px}
.aiops-page .cases{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.aiops-page .case{background:#fff;border:1px solid var(--line);padding:28px 20px;text-align:center}
.aiops-page .case:hover{border-color:var(--blue)}
.aiops-page .case .ci{width:56px;height:56px;margin:0 auto 14px;display:grid;place-items:center;font-size:20px;font-weight:700;color:#fff;background:var(--blue)}
.aiops-page .case .t4{font-size:15px}
.aiops-page .case .txt{font-size:12.5px;color:var(--ink3)}
.aiops-page .feat{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line)}
.aiops-page .feat-item{padding:32px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.aiops-page .feat-item:hover{background:var(--blue-l2)}
.aiops-page .feat-item:nth-child(3n){border-right:0}
.aiops-page .feat-item:nth-child(n+4){border-bottom:0}
.aiops-page .feat-item .t4{position:relative;padding-left:14px;margin-bottom:8px}
.aiops-page .feat-item .t4:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:4px;background:var(--blue)}
.aiops-page .feat-item .txt{font-size:13px}
.aiops-page .cta-band{background:var(--blue);color:#fff;text-align:center;padding:64px 0}
.aiops-page .cta-band .t2{color:#fff;margin-top:0}
.aiops-page .cta-band .t2:after{display:none}
.aiops-page .cta-band .desc{font-size:15px;opacity:.92;margin-top:12px;color:#fff}
.aiops-page .cta-band .btn-lg{margin-top:28px;background:#fff;color:var(--blue)!important}
.aiops-page .cta-band .btn-lg:hover{background:var(--blue-l)}
@media(max-width:900px){
.aiops-page .cards,.aiops-page .adv-grid,.aiops-page .feat,.aiops-page .cases{grid-template-columns:1fr 1fr}
.aiops-page .layer-body{grid-template-columns:1fr 1fr}
.aiops-page .t1{font-size:28px}
}
@media(max-width:600px){
.aiops-page .cards,.aiops-page .adv-grid,.aiops-page .feat,.aiops-page .cases,.aiops-page .layer-body{grid-template-columns:1fr}
.aiops-page .t1{font-size:24px}
.aiops-page .hero{padding:60px 0 70px}
.aiops-page .sec{padding:48px 0}
}