.homePage{font-family:OPPOSANS-R,OPPOSANS-L,OPPOSANS-M,OPPOSANS-B,OPPOSANS-H!important;width:100%;min-height:100%}.homePage .home-dashboard{width:100%;min-height:calc(100vh - 140px);padding:0;overflow:visible}.homePage .hero-banner{display:flex;align-items:center;justify-content:space-between;padding:32px 32px 28px;background:linear-gradient(135deg,#1a2a4a,#2d5f9e 40%,#3a7fc8 70%,#5a9fd8);color:#fff;position:relative;overflow:hidden}.homePage .hero-banner:before{content:"";position:absolute;top:-40px;right:-40px;width:280px;height:280px;background:hsla(0,0%,100%,.04);border-radius:50%}.homePage .hero-banner:after{content:"";position:absolute;bottom:-60px;right:120px;width:180px;height:180px;background:hsla(0,0%,100%,.06);border-radius:50%}.homePage .hero-left{position:relative;z-index:1}.homePage .greeting-time{font-size:14px;opacity:.75;letter-spacing:2px}.homePage .hero-title{margin:6px 0 16px;font-size:32px;font-weight:700;letter-spacing:1px;color:#fff}.homePage .hero-meta{display:flex;gap:10px;flex-wrap:wrap}.homePage .meta-tag{display:flex;align-items:center;gap:5px;padding:5px 12px;background:hsla(0,0%,100%,.15);border:1px solid hsla(0,0%,100%,.25);font-size:13px;color:#fff}.homePage .hero-right{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.homePage .avatar-wrapper{position:relative;width:72px;height:72px}.homePage .hero-avatar{width:72px;height:72px;object-fit:cover;border:3px solid hsla(0,0%,100%,.5);border-radius:50%}.homePage .avatar-status{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid #2d5f9e}.homePage .avatar-status.active{background:#19be6b}.homePage .avatar-status.locked{background:#ed4014}.homePage .version-stack{display:flex;align-items:center;gap:0;background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.2)}.homePage .version-item{padding:8px 14px;text-align:center}.homePage .version-label{font-size:11px;color:hsla(0,0%,100%,.65)}.homePage .version-value{margin-top:3px;font-size:13px;font-weight:600;color:#fff}.homePage .version-divider{width:1px;height:36px;background:hsla(0,0%,100%,.2)}.homePage .stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px 24px 0}.homePage .stat-card{display:flex;align-items:center;gap:14px;padding:22px 20px;background:#fff;border:1px solid #e8eaec;position:relative;overflow:hidden;transition:box-shadow .2s}.homePage .stat-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}.homePage .stat-card .stat-icon-wrap{width:52px;height:52px;line-height:52px;text-align:center;font-size:26px;flex-shrink:0}.homePage .stat-card .stat-body{flex:1;min-width:0}.homePage .stat-card .stat-num{font-size:28px;font-weight:700;color:#17233d;line-height:1.1}.homePage .stat-card .stat-label{margin-top:4px;font-size:13px;color:#808695}.homePage .stat-card .stat-sub{margin-top:4px;font-size:11px;color:#c0c4cc}.homePage .stat-card .stat-accent{position:absolute;bottom:0;left:0;width:100%;height:3px}.homePage .stat-user{border-right:0}.homePage .stat-user .stat-icon-wrap{color:#2d8cf0;background:#eaf4ff}.homePage .stat-user .stat-accent{background:linear-gradient(90deg,#2d8cf0,#5a9fd8)}.homePage .stat-agent{border-right:0}.homePage .stat-agent .stat-icon-wrap{color:#19be6b;background:#e8f8f0}.homePage .stat-agent .stat-accent{background:linear-gradient(90deg,#19be6b,#6dd5a0)}.homePage .stat-vm{border-right:0}.homePage .stat-vm .stat-icon-wrap{color:#f90;background:#fff4e5}.homePage .stat-vm .stat-accent{background:linear-gradient(90deg,#f90,#ffb84d)}.homePage .stat-device .stat-icon-wrap{color:#ed4014;background:#fff0ed}.homePage .stat-device .stat-accent{background:linear-gradient(90deg,#ed4014,#ff7875)}.homePage .detail-row{display:grid;grid-template-columns:1fr 1.3fr;gap:16px;padding:16px 24px 0}.homePage .detail-card{background:#fff;border:1px solid #e8eaec;overflow:hidden}.homePage .detail-card-header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #f0f0f0}.homePage .detail-card-icon{width:36px;height:36px;line-height:36px;text-align:center;font-size:18px;color:#fff;background:#2d8cf0;flex-shrink:0}.homePage .detail-card-icon.success{background:#19be6b}.homePage .detail-card-titles{flex:1;min-width:0}.homePage .detail-card-title{font-size:15px;font-weight:600;color:#17233d}.homePage .detail-card-sub{margin-top:3px;font-size:12px;color:#808695}.homePage .detail-tag{flex-shrink:0}.homePage .detail-card-body{padding:8px 20px 16px}.homePage .detail-row-item{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #f5f5f5}.homePage .detail-row-item:last-child{border-bottom:0}.homePage .detail-item-label{display:flex;align-items:center;gap:6px;font-size:13px;color:#808695}.homePage .detail-item-value{display:flex;align-items:center;gap:8px;font-size:13px;color:#17233d;font-weight:500}.homePage .role-name{color:#808695;font-weight:400}.homePage .agent-item{padding:10px 0}.homePage .agent-item .agent-left{min-width:0}.homePage .agent-item .agent-name{font-size:13px;font-weight:600;color:#17233d}.homePage .agent-item .agent-meta{margin-top:3px;font-size:11px;color:#808695}.homePage .agent-item .agent-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.homePage .agent-item .bind-dot{width:8px;height:8px;border-radius:50%}.homePage .agent-item .bind-dot.bound{background:#19be6b}.homePage .agent-item .bind-dot.unbound{background:#c0c4cc}.homePage .agent-item .bind-text{font-size:12px;color:#808695}.homePage .section-card{margin:16px 24px 0;background:#fff;border:1px solid #e8eaec}.homePage .section-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f0f0f0}.homePage .section-header-left{display:flex;align-items:center;gap:12px}.homePage .section-icon{width:36px;height:36px;line-height:36px;text-align:center;font-size:18px;color:#fff;background:#f90}.homePage .section-icon.primary{background:#2d8cf0}.homePage .section-icon.warning{background:#f90}.homePage .section-icon.success{background:#19be6b}.homePage .section-title{font-size:15px;font-weight:600;color:#17233d}.homePage .section-sub{margin-top:3px;font-size:12px;color:#808695}.homePage .section-header-right{display:flex;align-items:center;gap:0}.homePage .mini-stat{display:flex;flex-direction:column;align-items:center;padding:0 12px}.homePage .mini-stat-num{font-size:18px;font-weight:700;color:#17233d;line-height:1}.homePage .mini-stat-label{margin-top:3px;font-size:11px;color:#808695}.homePage .mini-stat-divider{width:1px;height:28px;background:#e8eaec}.homePage .vm-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}.homePage .vm-card{padding:14px;background:#f8f9fb;border:1px solid #e8eaec;transition:border-color .2s,box-shadow .2s}.homePage .vm-card:hover{border-color:#2d8cf0;box-shadow:0 2px 10px rgba(45,140,240,.1)}.homePage .vm-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.homePage .vm-name{font-size:13px;font-weight:600;color:#17233d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.homePage .vm-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.homePage .vm-status-dot.online{background:#19be6b;box-shadow:0 0 4px rgba(25,190,107,.5)}.homePage .vm-status-dot.standby{background:#f90}.homePage .vm-status-dot.offline{background:#c0c4cc}.homePage .vm-card-tags{display:flex;gap:6px;margin-top:8px}.homePage .vm-card-ip{display:flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;color:#2d8cf0}.homePage .vm-card-comment{margin-top:5px;font-size:11px;color:#808695;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.homePage .page-footer{display:flex;align-items:center;justify-content:space-between;margin:20px 24px 24px;padding:20px 24px;background:#fff;border:1px solid #e8eaec}.homePage .footer-brand{font-size:14px;font-weight:600;color:#17233d}.homePage .footer-company{margin-top:3px;font-size:12px;color:#808695}.homePage .footer-slogan{text-align:center}.homePage .slogan-quote{font-size:16px;font-style:italic;color:#3171ab;font-weight:600}.homePage .slogan-sub{margin-top:4px;font-size:12px;color:#808695}.homePage .footer-version{font-size:13px;font-weight:600;color:#17233d;text-align:right}.homePage .footer-date{margin-top:3px;font-size:12px;color:#808695;text-align:right}.homePage .empty-tip{padding:28px;color:#808695;text-align:center;font-size:13px}@media screen and (max-width:1200px){.homePage .stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.homePage .detail-row{grid-template-columns:1fr}.homePage .vm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (max-width:768px){.homePage .hero-banner{flex-direction:column-reverse;align-items:flex-start;gap:20px}.homePage .hero-right{flex-direction:row;align-items:center}.homePage .stats-row{grid-template-columns:1fr;padding:0 16px}.homePage .detail-row{padding:16px 16px 0}.homePage .vm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.homePage .section-card{margin:16px 16px 0}.homePage .page-footer{flex-direction:column;gap:12px;text-align:center;margin:0 16px 16px}.homePage .section-header{flex-direction:column;align-items:flex-start;gap:12px}.homePage .section-header-right{width:100%}}