#canze-iiot-concept{--cz-bg:#0b3552;--cz-panel:#103d5a;--cz-border:#31566d;--cz-text:#eff7fc;--cz-muted:#a5c0d3;--cz-cyan:#61d5ed;--cz-green:#69dbba;--cz-gold:#edbb77;color:var(--cz-text);font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:var(--cz-bg);padding:32px;border-radius:16px;box-sizing:border-box}#canze-iiot-concept *{box-sizing:border-box}#canze-iiot-concept h2,#canze-iiot-concept h3,#canze-iiot-concept p{margin:0}#canze-iiot-concept button{font:inherit;color:inherit;cursor:pointer}#canze-iiot-concept .cz-top{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:26px;padding-right:68px}#canze-iiot-concept .cz-kicker{font-size:10px;letter-spacing:2px;color:var(--cz-cyan);margin-bottom:10px}#canze-iiot-concept h2{font-size:26px;font-weight:500;letter-spacing:1px;line-height:1.5}#canze-iiot-concept .cz-top p{color:var(--cz-muted);font-size:12px;line-height:1.8;margin-top:8px}#canze-iiot-concept .cz-concept{font-size:10px;border:1px solid var(--cz-border);padding:8px 12px;white-space:nowrap;color:var(--cz-muted);border-radius:5px}#canze-iiot-concept .cz-console{background:#0b2d46;border:1px solid var(--cz-border);border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #06243a44}#canze-iiot-concept .cz-console-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--cz-border)}#canze-iiot-concept .cz-logo{font-size:12px;letter-spacing:1.2px}#canze-iiot-concept .cz-dot{display:inline-block;width:6px;height:6px;background:var(--cz-cyan);border-radius:50%;margin-right:8px}#canze-iiot-concept .cz-notice{font-size:10px;color:var(--cz-gold)}#canze-iiot-concept .cz-metrics{display:grid;grid-template-columns:repeat(4,1fr);padding:22px 20px 20px;gap:20px;background:#103750}#canze-iiot-concept .cz-metric{border-right:1px solid var(--cz-border);padding-right:12px}#canze-iiot-concept .cz-metric:last-child{border:0}#canze-iiot-concept .cz-metric>span{display:block;font-size:11px;color:var(--cz-muted)}#canze-iiot-concept .cz-metric strong{display:block;font-family:"Segoe UI",sans-serif;font-size:30px;line-height:1.4;font-weight:500;letter-spacing:1px;font-variant-numeric:tabular-nums}#canze-iiot-concept .cz-metric strong small{font-size:13px;margin-left:3px}#canze-iiot-concept .cz-metric em{font-size:10px;font-style:normal;color:var(--cz-green)}#canze-iiot-concept .cz-main{display:grid;grid-template-columns:160px 1fr 210px;gap:0;min-height:350px}#canze-iiot-concept .cz-systems{padding:20px 12px;border-right:1px solid var(--cz-border)}#canze-iiot-concept h3{font-size:12px;font-weight:500;line-height:1.6}#canze-iiot-concept .cz-sub{font-size:9px;color:var(--cz-muted);letter-spacing:1px;margin-top:4px}#canze-iiot-concept .cz-system-list{display:grid;gap:5px;margin-top:16px}#canze-iiot-concept .cz-system-list button{display:flex;justify-content:space-between;align-items:center;gap:5px;width:100%;font-size:11px;border:1px solid transparent;border-radius:5px;padding:8px;background:none;text-align:left}#canze-iiot-concept .cz-system-list button span:last-child{font-size:9px;color:var(--cz-green)}#canze-iiot-concept .cz-system-list button[aria-pressed=true]{border-color:#4fa0c1;background:#164862}#canze-iiot-concept .cz-system-list button[data-system=water] span:last-child{color:var(--cz-gold)}#canze-iiot-concept .cz-twin{position:relative;min-width:0;padding:17px 15px 0;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,#145b7855,transparent 68%)}#canze-iiot-concept .cz-twin-header{display:flex;justify-content:space-between;font-size:10px;color:var(--cz-muted)}#canze-iiot-concept .cz-twin-header>span:first-child{color:var(--cz-cyan)}#canze-iiot-concept .cz-model{height:253px;position:relative;margin-top:8px;background:linear-gradient(#3c66801c 1px,transparent 1px),linear-gradient(90deg,#3c66801c 1px,transparent 1px);background-size:25px 25px}#canze-iiot-concept .cz-model svg{display:block;width:100%;height:100%}#canze-iiot-concept .cz-model-label{position:absolute;font-size:9px;padding:4px 7px;border:1px solid #3d7896;background:#0b3049;border-radius:4px;color:#bce8f6;white-space:nowrap}#canze-iiot-concept .cz-model-label:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cz-green);margin-right:5px}#canze-iiot-concept .cz-model-label.cz-warn{border-color:#a67e48;color:#f0c790}#canze-iiot-concept .cz-model-label.cz-warn:before{background:var(--cz-gold)}#canze-iiot-concept .cz-label-hvac{top:18px;left:43%}#canze-iiot-concept .cz-label-power{left:3%;top:95px}#canze-iiot-concept .cz-label-water{right:0;top:139px}#canze-iiot-concept .cz-label-elevator{right:0;top:64px}#canze-iiot-concept .cz-model-footer{border-top:1px solid #294d63;padding:12px 0;font-size:9px;display:flex;justify-content:space-between;color:var(--cz-muted);gap:8px}#canze-iiot-concept .cz-model-footer b{color:var(--cz-cyan);font-weight:400}#canze-iiot-concept .cz-alerts{padding:20px 16px;border-left:1px solid var(--cz-border)}#canze-iiot-concept .cz-alert-title{display:flex;justify-content:space-between;align-items:center}#canze-iiot-concept .cz-small-pill{font-size:9px;border-radius:3px;padding:2px 6px;background:#73542b44;color:var(--cz-gold)}#canze-iiot-concept .cz-alert-item{margin-top:19px;padding-bottom:15px;border-bottom:1px solid #294d63}#canze-iiot-concept .cz-alert-item strong{font-size:11px;font-weight:400;display:block;color:var(--cz-gold);margin-bottom:6px}#canze-iiot-concept .cz-alert-item p{font-size:10px;color:var(--cz-muted);line-height:1.9}#canze-iiot-concept .cz-alert-item .cz-tag{display:inline-block;font-size:9px;color:var(--cz-cyan);border:1px solid #32627d;border-radius:3px;padding:2px 6px;margin-top:8px}#canze-iiot-concept .cz-steps{margin-top:15px;display:grid;gap:12px;font-size:10px;color:var(--cz-muted)}#canze-iiot-concept .cz-steps>div{display:flex;align-items:center;gap:9px}#canze-iiot-concept .cz-step-circle{width:17px;height:17px;border:1px solid #356c84;border-radius:50%;display:grid;place-items:center;color:var(--cz-green);font-size:9px}#canze-iiot-concept .cz-steps>div:nth-child(3){color:var(--cz-cyan)}#canze-iiot-concept .cz-bottom{display:grid;grid-template-columns:1.3fr 1fr 1fr;border-top:1px solid var(--cz-border);background:#103750}#canze-iiot-concept .cz-bottom>section{padding:18px 20px;border-right:1px solid var(--cz-border);min-width:0}#canze-iiot-concept .cz-bottom>section:last-child{border:0}#canze-iiot-concept .cz-chart-head{display:flex;justify-content:space-between;align-items:center;gap:8px}#canze-iiot-concept .cz-chart-head>span{font-size:9px;color:var(--cz-green)}#canze-iiot-concept .cz-energy-chart{height:86px;width:100%;margin-top:8px;display:block}#canze-iiot-concept .cz-chart-labels{display:flex;justify-content:space-between;color:var(--cz-muted);font-size:9px}#canze-iiot-concept .cz-progress-row{display:flex;justify-content:space-between;font-size:10px;color:var(--cz-muted);margin-top:14px}#canze-iiot-concept .cz-progress-row b{font-weight:400;color:var(--cz-text)}#canze-iiot-concept .cz-progress{height:4px;background:#254f69;border-radius:5px;margin-top:7px;overflow:hidden}#canze-iiot-concept .cz-progress>span{display:block;height:100%;background:var(--cz-cyan)}#canze-iiot-concept .cz-insights{font-size:10px;color:var(--cz-muted);line-height:1.9;margin-top:12px}#canze-iiot-concept .cz-insights b{color:var(--cz-green);font-weight:400}#canze-iiot-concept .cz-detail{display:flex;align-items:center;gap:12px;padding:13px 20px;font-size:11px;border-top:1px solid var(--cz-border);color:#b4d7e8;min-height:58px}#canze-iiot-concept .cz-detail strong{font-weight:500;color:var(--cz-cyan);white-space:nowrap}#canze-iiot-concept .cz-detail p{line-height:1.8}#canze-iiot-concept .cz-loop{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 20px;padding-top:23px;color:#bbd2df;font-size:11px}#canze-iiot-concept .cz-loop span{white-space:nowrap}#canze-iiot-concept .cz-loop i{font-style:normal;color:#5d94ad}#canze-iiot-concept .cz-loop b{color:var(--cz-cyan);font-weight:400;margin-right:6px}#canze-iiot-concept .cz-point{fill:#73dece;stroke:#153d54;stroke-width:5}#canze-iiot-concept .cz-point.selected{fill:#f3ca8a;stroke:#f3ca8a44;stroke-width:13}#canze-iiot-concept button:focus-visible{outline:2px solid #f5ca8c;outline-offset:2px}
@media(max-width:800px){#canze-iiot-concept{padding:22px}#canze-iiot-concept .cz-top{padding-right:0}#canze-iiot-concept .cz-concept{display:none}#canze-iiot-concept .cz-main{grid-template-columns:135px 1fr}#canze-iiot-concept .cz-alerts{grid-column:1/-1;border-left:0;border-top:1px solid var(--cz-border);display:grid;grid-template-columns:1fr 1fr;gap:15px}#canze-iiot-concept .cz-alert-title{grid-column:1/-1}#canze-iiot-concept .cz-alert-item{margin:0;border:0;padding:0}#canze-iiot-concept .cz-steps{margin:0}#canze-iiot-concept .cz-bottom{grid-template-columns:1fr 1fr}#canze-iiot-concept .cz-bottom>section:last-child{grid-column:1/-1;border-top:1px solid var(--cz-border)}#canze-iiot-concept .cz-insights{display:flex;gap:18px;flex-wrap:wrap}#canze-iiot-concept .cz-notice{font-size:9px}}
@media(max-width:480px){#canze-iiot-concept{padding:16px;border-radius:10px}#canze-iiot-concept h2{font-size:22px}#canze-iiot-concept .cz-console-head{display:block;padding:14px}#canze-iiot-concept .cz-notice{margin-top:8px;display:block}#canze-iiot-concept .cz-metrics{grid-template-columns:1fr 1fr;gap:17px;padding:16px}#canze-iiot-concept .cz-metric:nth-child(2){border:0}#canze-iiot-concept .cz-metric strong{font-size:27px}#canze-iiot-concept .cz-main{grid-template-columns:1fr}#canze-iiot-concept .cz-systems{border-right:0;border-bottom:1px solid var(--cz-border);padding:16px}#canze-iiot-concept .cz-system-list{grid-template-columns:1fr 1fr;gap:4px}#canze-iiot-concept .cz-system-list button{min-height:44px;padding:8px;font-size:11px}#canze-iiot-concept .cz-model{height:270px}#canze-iiot-concept .cz-twin-header{font-size:11px}#canze-iiot-concept .cz-twin-header span:last-child{display:none}#canze-iiot-concept .cz-model-label{font-size:11px}#canze-iiot-concept .cz-label-elevator{top:84px}#canze-iiot-concept .cz-alerts{padding:16px;gap:12px}#canze-iiot-concept .cz-alert-item p,#canze-iiot-concept .cz-steps{font-size:11px}#canze-iiot-concept .cz-bottom{grid-template-columns:1fr}#canze-iiot-concept .cz-bottom>section{border-right:0;border-bottom:1px solid var(--cz-border)}#canze-iiot-concept .cz-detail{display:block;padding:15px}#canze-iiot-concept .cz-detail strong{display:block;margin-bottom:6px}#canze-iiot-concept .cz-loop{justify-content:flex-start;gap:10px;font-size:11px}}

#canze-iiot-concept{padding:0;border-radius:0;background:transparent;box-shadow:none}#canze-iiot-concept .cz-top{padding-right:0}#canze-iiot-concept p{color:inherit}.iiot-cta{display:flex;gap:24px;align-items:center;margin-top:28px}.iiot-cta p{font-size:12px!important;margin:0}.iiot-cta .button{margin-top:0}@media(max-width:700px){.iiot-cta{display:block}.iiot-cta p{margin-top:15px}.smart-band:has(#canze-iiot-concept){overflow:visible}}