.screen-container{display:flex;width:100%;height:100%;color:#fff;padding:2.5vh 1vw;box-sizing:border-box;font-family:Microsoft YaHei,sans-serif;gap:1.5vw}.left-panel{width:20%;min-width:280px;display:flex;flex-direction:column}.right-section{flex:1;display:flex;flex-direction:column}.bottom-section{flex:1;display:flex;gap:1.5vw}.panel-section{height:calc(50% - 1vh);overflow:hidden}.mt-20{margin-top:2vh}.panel-header{height:4.1vh;background:linear-gradient(90deg,#06c,#0080ff);display:flex;align-items:center;line-height:4.1vh;margin-bottom:.7vh;padding-left:20px;position:relative}.panel-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#b1251e}.title{font-size:1.2rem;font-weight:700;color:#fff}.warning-list{padding:8px;height:calc(100% - 4.8vh)}.warning-item{display:flex;align-items:center;height:25%;line-height:25%;padding:0 8px}.warning-item.clickable{cursor:pointer;transition:all .3s;border-radius:4px}.warning-item.clickable:hover{background:hsla(0,0%,100%,.1)}.warning-icon{width:2rem;height:2rem}.icon-wrapper{margin-right:10px;text-align:center}.label{flex:1;color:#c3e3ff;font-size:1.1rem}.value-wrapper{text-align:right}.value{font-size:1.4rem;font-weight:700;margin-right:4px;color:#fff}.value.highlight{color:#faad14}.unit{font-size:1rem;color:#fff}.top-cards{display:flex;gap:1.2vw;margin-bottom:1.5vh}.card-item{flex:1;height:14vh;background:rgba(30,145,246,.3);border:2px solid #1e91f6;border-radius:4px;cursor:pointer;transition:all .3s;display:flex;justify-content:center;align-items:center}.card-item:hover{transform:scale(1.05);background:rgba(30,145,246,.5);border-color:#40a9ff}.card-inner{text-align:center}.card-icon{margin-bottom:8px}.card-icon img{height:3.5rem;filter:brightness(0) invert(1)}.card-name{font-size:1.1rem;font-weight:700;color:#fff}.indicator-section{width:30%;min-width:280px;display:flex;flex-direction:column}.indicator-list{padding:8px;flex:1}.indicator-item{display:flex;align-items:center;height:11.11111%;line-height:11.11111%;padding:0 8px}.indicator-item.clickable{cursor:pointer;transition:all .3s;border-radius:4px}.indicator-item.clickable:hover{background:hsla(0,0%,100%,.1)}.indicator-icon{width:2rem;height:2rem}