@charset "UTF-8";
/* Entry CSS - base reset + layout only. Component CSS loaded dynamically by JS chunks */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-size:14px;color:#303133;background-color:#f5f7fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
#app{height:100%}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
img{max-width:100%;height:auto}

/* Layout */
.layout-container{min-height:100vh;width:100%}
.main-container{margin-left:220px;transition:margin-left .2s cubic-bezier(.25,.1,.25,1);display:flex;flex-direction:column;min-height:100vh;position:relative}
.sidebar-collapsed .main-container{margin-left:64px}
.content-area{flex:1;padding:20px;overflow-y:auto;overflow-x:hidden}
.layout-footer{padding:16px 20px;text-align:center;color:#909399;font-size:13px;border-top:1px solid #eee}
.mobile-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1000}

/* Mobile */
@media(max-width:768px){
  .main-container{margin-left:0!important}
  .content-area{padding:12px}
}

/* Scrollbar */
::-webkit-scrollbar{width:6px;height:6px}
::-webkit-scrollbar-thumb{background:#c0c4cc;border-radius:3px}
::-webkit-scrollbar-track{background:transparent}

/* Loading */
.loading-mask{position:fixed;inset:0;background:rgba(255,255,255,.8);z-index:9999;display:flex;align-items:center;justify-content:center}