{"remainingRequest":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js!D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js??vue-loader-options!D:\\guoan\\ts-bigscreen-vue\\src\\views\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\guoan\\ts-bigscreen-vue\\src\\views\\index.vue","mtime":1741255161240},{"path":"D:\\guoan\\ts-bigscreen-vue\\babel.config.js","mtime":1740967860001},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1740984332670},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\cli-plugin-babel\\node_modules\\babel-loader\\lib\\index.js","mtime":1740984332280},{"path":"D:\\guoan\\ts-bigscreen-vue\\node_modules\\@vue\\vue-loader-v15\\lib\\index.js","mtime":1740984469533}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkucHVzaC5qcyI7CmltcG9ydCB7IGZvcm1hdE51bWJlciB9IGZyb20gIkAvdXRpbHMvZm9ybWF0IjsKaW1wb3J0IGRyYXdNaXhpbiBmcm9tICIuLi91dGlscy9kcmF3TWl4aW4iOwppbXBvcnQgQ29tbW9uSGVhZGVyIGZyb20gIkAvY29tcG9uZW50cy9Db21tb25IZWFkZXIiOwppbXBvcnQgRWR1Y2F0aW9uT3ZlcnZpZXcgZnJvbSAiQC9jb21wb25lbnRzL0VkdWNhdGlvbk92ZXJ2aWV3IjsKaW1wb3J0IFJlc2VhcmNoT3ZlcnZpZXcgZnJvbSAiQC9jb21wb25lbnRzL1Jlc2VhcmNoT3ZlcnZpZXciOwppbXBvcnQgU3RhZmZPdmVydmlldyBmcm9tICJAL2NvbXBvbmVudHMvU3RhZmZPdmVydmlldyI7CmltcG9ydCBBc3NldE92ZXJ2aWV3IGZyb20gIkAvY29tcG9uZW50cy9Bc3NldE92ZXJ2aWV3IjsKaW1wb3J0IExpdGVyYXR1cmVPdmVydmlldyBmcm9tICJAL2NvbXBvbmVudHMvTGl0ZXJhdHVyZU92ZXJ2aWV3IjsKaW1wb3J0IENhcmRPdmVydmlldyBmcm9tICJAL2NvbXBvbmVudHMvQ2FyZE92ZXJ2aWV3IjsKZXhwb3J0IGRlZmF1bHQgewogIG1peGluczogW2RyYXdNaXhpbl0sCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGxvYWRpbmc6IHRydWUsCiAgICAgIGRlY29yYXRpb25Db2xvcjogWyIjNTY4YWVhIiwgIiMwMDAwMDAiXSwKICAgICAgc2Nob29sRGF0YTogewogICAgICAgIHRvdGFsU3R1ZGVudHM6IDE4MDAwLAogICAgICAgIHVuZGVyZ3JhZHM6IDE2MDAwLAogICAgICAgIGdyYWR1YXRlczogNTAwLAogICAgICAgIGludGVybmF0aW9uYWxTdHVkZW50czogMTAwLAogICAgICAgIGV4Y2hhbmdlU3R1ZGVudHM6IDEwMCwKICAgICAgICB0b3RhbFN0YWZmOiAxMjAwLAogICAgICAgIHRlYWNoZXJzOiA5MDAsCiAgICAgICAgZG9jdG9yczogMzAwLAogICAgICAgIG1ham9yczogNjAsCiAgICAgICAgbWFzdGVyUHJvZ3JhbXM6IDEwLAogICAgICAgIGtleURpc2NpcGxpbmVzOiA0LAogICAgICAgIGNhbXB1c0FyZWE6IDEwMDAsCiAgICAgICAgYnVpbGRpbmdBcmVhOiA1MCwKICAgICAgICBsYWJzOiAxMDAsCiAgICAgICAgYm9va3M6IDIwMCwKICAgICAgICBlYm9va3M6IDMwMCwKICAgICAgICBqb3VybmFsczogMjAwMCwKICAgICAgICBwYXJ0bmVyc2hpcHM6IDUwCiAgICAgIH0sCiAgICAgIHJvdXRlck1hcDogewogICAgICAgIOenkeeglOamguWGtTogIi9yZXNlYXJjaC1kZXRhaWwiLAogICAgICAgIOaVmeWKoeamguWGtTogIi9lZHVjYXRpb24tZGV0YWlsIiwKICAgICAgICDmlZnogYzlt6XmpoLlhrU6ICIvc3RhZmYtZGV0YWlsIiwKICAgICAgICDotYTkuqfmpoLlhrU6ICIvYXNzZXQtZGV0YWlsIiwKICAgICAgICDmlofnjK7mpoLlhrU6ICIvbGl0ZXJhdHVyZS1kZXRhaWwiLAogICAgICAgIOS4gOWNoemAmuamguWGtTogIi9jYXJkLWRldGFpbCIKICAgICAgfQogICAgfTsKICB9LAogIGNvbXBvbmVudHM6IHsKICAgIENvbW1vbkhlYWRlcjogQ29tbW9uSGVhZGVyLAogICAgRWR1Y2F0aW9uT3ZlcnZpZXc6IEVkdWNhdGlvbk92ZXJ2aWV3LAogICAgUmVzZWFyY2hPdmVydmlldzogUmVzZWFyY2hPdmVydmlldywKICAgIFN0YWZmT3ZlcnZpZXc6IFN0YWZmT3ZlcnZpZXcsCiAgICBBc3NldE92ZXJ2aWV3OiBBc3NldE92ZXJ2aWV3LAogICAgTGl0ZXJhdHVyZU92ZXJ2aWV3OiBMaXRlcmF0dXJlT3ZlcnZpZXcsCiAgICBDYXJkT3ZlcnZpZXc6IENhcmRPdmVydmlldwogIH0sCiAgbW91bnRlZDogZnVuY3Rpb24gbW91bnRlZCgpIHsKICAgIHRoaXMuY2FuY2VsTG9hZGluZygpOwogIH0sCiAgbWV0aG9kczogewogICAgY2FuY2VsTG9hZGluZzogZnVuY3Rpb24gY2FuY2VsTG9hZGluZygpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKICAgICAgc2V0VGltZW91dChmdW5jdGlvbiAoKSB7CiAgICAgICAgX3RoaXMubG9hZGluZyA9IGZhbHNlOwogICAgICB9LCA1MDApOwogICAgfSwKICAgIGdldFJvdXRlckJ5VGl0bGU6IGZ1bmN0aW9uIGdldFJvdXRlckJ5VGl0bGUodGl0bGUpIHsKICAgICAgdmFyIHBhdGggPSB0aGlzLnJvdXRlck1hcFt0aXRsZV07CiAgICAgIGlmIChwYXRoKSB7CiAgICAgICAgdGhpcy4kcm91dGVyLnB1c2gocGF0aCk7CiAgICAgIH0KICAgIH0sCiAgICBmb3JtYXROdW1iZXI6IGZvcm1hdE51bWJlcgogIH0KfTs="},{"version":3,"names":["formatNumber","drawMixin","CommonHeader","EducationOverview","ResearchOverview","StaffOverview","AssetOverview","LiteratureOverview","CardOverview","mixins","data","loading","decorationColor","schoolData","totalStudents","undergrads","graduates","internationalStudents","exchangeStudents","totalStaff","teachers","doctors","majors","masterPrograms","keyDisciplines","campusArea","buildingArea","labs","books","ebooks","journals","partnerships","routerMap","科研概况","教务概况","教职工概况","资产概况","文献概况","一卡通概况","components","mounted","cancelLoading","methods","_this","setTimeout","getRouterByTitle","title","path","$router","push"],"sources":["src/views/index.vue"],"sourcesContent":["<template>\r\n  <div id=\"index\" ref=\"appRef\">\r\n    <div class=\"bg\">\r\n      <dv-loading v-if=\"loading\">Loading...</dv-loading>\r\n      <div v-else class=\"host-body\">\r\n        <!-- 顶部标题部分 -->\r\n        <div class=\"d-flex jc-center\">\r\n          <dv-decoration-10 class=\"dv-dec-10\" />\r\n          <div class=\"d-flex jc-center\">\r\n            <dv-decoration-8 class=\"dv-dec-8\" :color=\"decorationColor\" />\r\n            <div class=\"title\">\r\n              <div class=\"title-part\">\r\n                <img src=\"@/assets/logo.png\" alt=\"icon\" class=\"logo\" />\r\n                <span class=\"title-text\">智慧校园</span>\r\n              </div>\r\n              <dv-decoration-6\r\n                class=\"dv-dec-6\"\r\n                :reverse=\"true\"\r\n                :color=\"['#50e3c2', '#67a1e5']\"\r\n              />\r\n            </div>\r\n            <dv-decoration-8\r\n              class=\"dv-dec-8\"\r\n              :reverse=\"true\"\r\n              :color=\"decorationColor\"\r\n            />\r\n          </div>\r\n          <dv-decoration-10 class=\"dv-dec-10-s\" />\r\n        </div>\r\n\r\n        <!-- 学校概况信息卡片 -->\r\n        <div class=\"school-info-cards\">\r\n          <div class=\"info-card\">\r\n            <i class=\"el-icon-school\"></i>\r\n            <div class=\"info-content\">\r\n              <div class=\"main-info\">\r\n                <div class=\"info-label\">在校生总数</div>\r\n                <div class=\"info-value\">\r\n                  {{ formatNumber(schoolData.totalStudents) }}<b>人</b>\r\n                </div>\r\n              </div>\r\n              <div class=\"sub-info-container\">\r\n                <div class=\"sub-info\">\r\n                  本科生 {{ formatNumber(schoolData.undergrads) }}人\r\n                </div>\r\n                <div class=\"sub-info\">\r\n                  研究生 {{ formatNumber(schoolData.graduates) }}人\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"info-card\">\r\n            <i class=\"el-icon-user\"></i>\r\n            <div class=\"info-content\">\r\n              <div class=\"main-info\">\r\n                <div class=\"info-label\">教职工总数</div>\r\n                <div class=\"info-value\">\r\n                  {{ formatNumber(schoolData.totalStaff) }}<b>人</b>\r\n                </div>\r\n              </div>\r\n              <div class=\"sub-info-container\">\r\n                <div class=\"sub-info\">\r\n                  专任教师 {{ formatNumber(schoolData.teachers) }}人\r\n                </div>\r\n                <div class=\"sub-info\">\r\n                  博士学位 {{ formatNumber(schoolData.doctors) }}人\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"info-card\">\r\n            <i class=\"el-icon-notebook-2\"></i>\r\n            <div class=\"info-content\">\r\n              <div class=\"main-info\">\r\n                <div class=\"info-label\">本科专业数</div>\r\n                <div class=\"info-value\">{{ schoolData.majors }}<b>个</b></div>\r\n              </div>\r\n              <div class=\"sub-info-container\">\r\n                <div class=\"sub-info\">\r\n                  硕士点 {{ schoolData.masterPrograms }}个\r\n                </div>\r\n                <div class=\"sub-info\">\r\n                  重点学科 {{ schoolData.keyDisciplines }}个\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"info-card\">\r\n            <i class=\"el-icon-office-building\"></i>\r\n            <div class=\"info-content\">\r\n              <div class=\"main-info\">\r\n                <div class=\"info-label\">校园面积</div>\r\n                <div class=\"info-value\">\r\n                  {{ formatNumber(schoolData.campusArea) }}<b>亩</b>\r\n                </div>\r\n              </div>\r\n              <div class=\"sub-info-container\">\r\n                <div class=\"sub-info\">\r\n                  建筑 {{ schoolData.buildingArea }}万㎡\r\n                </div>\r\n                <div class=\"sub-info\">实验室 {{ schoolData.labs }}个</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"info-card\">\r\n            <i class=\"el-icon-reading\"></i>\r\n            <div class=\"info-content\">\r\n              <div class=\"main-info\">\r\n                <div class=\"info-label\">图书馆藏</div>\r\n                <div class=\"info-value\">{{ schoolData.books }}<b>万册</b></div>\r\n              </div>\r\n              <div class=\"sub-info-container\">\r\n                <div class=\"sub-info\">电子图书 {{ schoolData.ebooks }}万册</div>\r\n                <div class=\"sub-info\">期刊 {{ schoolData.journals }}种</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"info-card\">\r\n            <i class=\"el-icon-connection\"></i>\r\n            <div class=\"info-content\">\r\n              <div class=\"main-info\">\r\n                <div class=\"info-label\">国际合作</div>\r\n                <div class=\"info-value\">\r\n                  {{ formatNumber(schoolData.partnerships) }}<b>所</b>\r\n                </div>\r\n              </div>\r\n              <div class=\"sub-info-container\">\r\n                <div class=\"sub-info\">\r\n                  留学生 {{ formatNumber(schoolData.internationalStudents) }}人\r\n                </div>\r\n                <div class=\"sub-info\">\r\n                  交换生 {{ formatNumber(schoolData.exchangeStudents) }}人/年\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"dashboard-container\">\r\n          <div class=\"left-panel\">\r\n            <!-- 科研概况 -->\r\n            <common-header\r\n              title=\"科研概况\"\r\n              @click-more=\"(title) => getRouterByTitle('科研概况')\"\r\n            />\r\n            <div class=\"panel-item\">\r\n              <research-overview />\r\n            </div>\r\n            <!-- 教职工概况 -->\r\n            <common-header\r\n              title=\"教职工概况\"\r\n              @click-more=\"(title) => getRouterByTitle('教职工概况')\"\r\n            />\r\n            <div class=\"panel-item\">\r\n              <staff-overview />\r\n            </div>\r\n          </div>\r\n\r\n          <!-- 中间面板 -->\r\n          <div class=\"center-panel\">\r\n            <div class=\"center-top\">\r\n              <img\r\n                src=\"../assets/school.png\"\r\n                alt=\"校园图片\"\r\n                class=\"school-image\"\r\n              />\r\n            </div>\r\n            <div class=\"center-bottom\">\r\n              <!-- 教务概况 -->\r\n              <div class=\"bottom-item\">\r\n                <common-header\r\n                  title=\"教务概况\"\r\n                  @click-more=\"(title) => getRouterByTitle('教务概况')\"\r\n                />\r\n                <div class=\"panel-item\">\r\n                  <education-overview />\r\n                </div>\r\n              </div>\r\n              <!-- 资产概况 -->\r\n              <div class=\"bottom-item\">\r\n                <common-header\r\n                  title=\"资产概况\"\r\n                  @click-more=\"(title) => getRouterByTitle('资产概况')\"\r\n                />\r\n                <div class=\"panel-item\">\r\n                  <asset-overview />\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n\r\n          <div class=\"right-panel\">\r\n            <!-- 一卡通概况 -->\r\n            <common-header\r\n              title=\"一卡通概况\"\r\n              @click-more=\"(title) => getRouterByTitle('一卡通概况')\"\r\n            />\r\n            <div class=\"panel-item\">\r\n              <card-overview />\r\n            </div>\r\n            <!-- 文献概况 -->\r\n            <common-header\r\n              title=\"文献概况\"\r\n              @click-more=\"(title) => getRouterByTitle('文献概况')\"\r\n            />\r\n            <div class=\"panel-item\">\r\n              <literature-overview />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { formatNumber } from \"@/utils/format\";\r\nimport drawMixin from \"../utils/drawMixin\";\r\nimport CommonHeader from \"@/components/CommonHeader\";\r\nimport EducationOverview from \"@/components/EducationOverview\";\r\nimport ResearchOverview from \"@/components/ResearchOverview\";\r\nimport StaffOverview from \"@/components/StaffOverview\";\r\nimport AssetOverview from \"@/components/AssetOverview\";\r\nimport LiteratureOverview from \"@/components/LiteratureOverview\";\r\nimport CardOverview from \"@/components/CardOverview\";\r\n\r\nexport default {\r\n  mixins: [drawMixin],\r\n  data() {\r\n    return {\r\n      loading: true,\r\n      decorationColor: [\"#568aea\", \"#000000\"],\r\n      schoolData: {\r\n        totalStudents: 18000,\r\n        undergrads: 16000,\r\n        graduates: 500,\r\n        internationalStudents: 100,\r\n        exchangeStudents: 100,\r\n        totalStaff: 1200,\r\n        teachers: 900,\r\n        doctors: 300,\r\n        majors: 60,\r\n        masterPrograms: 10,\r\n        keyDisciplines: 4,\r\n        campusArea: 1000,\r\n        buildingArea: 50,\r\n        labs: 100,\r\n        books: 200,\r\n        ebooks: 300,\r\n        journals: 2000,\r\n        partnerships: 50,\r\n      },\r\n      routerMap: {\r\n        科研概况: \"/research-detail\",\r\n        教务概况: \"/education-detail\",\r\n        教职工概况: \"/staff-detail\",\r\n        资产概况: \"/asset-detail\",\r\n        文献概况: \"/literature-detail\",\r\n        一卡通概况: \"/card-detail\",\r\n      },\r\n    };\r\n  },\r\n  components: {\r\n    CommonHeader,\r\n    EducationOverview,\r\n    ResearchOverview,\r\n    StaffOverview,\r\n    AssetOverview,\r\n    LiteratureOverview,\r\n    CardOverview,\r\n  },\r\n  mounted() {\r\n    this.cancelLoading();\r\n  },\r\n  methods: {\r\n    cancelLoading() {\r\n      setTimeout(() => {\r\n        this.loading = false;\r\n      }, 500);\r\n    },\r\n    getRouterByTitle(title) {\r\n      const path = this.routerMap[title];\r\n      if (path) {\r\n        this.$router.push(path);\r\n      }\r\n    },\r\n    formatNumber,\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../assets/scss/index.scss\";\r\n\r\n.title {\r\n  position: relative;\r\n  padding: 0 50px;\r\n  margin-bottom: 10px;\r\n\r\n  .title-text {\r\n    font-size: 36px;\r\n    font-weight: bold;\r\n    background: linear-gradient(to top, #4a90e2, #ffffff);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    text-shadow: 0 0 10px rgba(74, 144, 226, 0.3);\r\n    font-family: \"Microsoft YaHei\", sans-serif;\r\n  }\r\n}\r\n\r\n.school-info-cards {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  margin: 10px 20px;\r\n  background: rgba(74, 144, 226, 0.05);\r\n  border-radius: 15px;\r\n  backdrop-filter: blur(5px);\r\n  position: relative;\r\n  border: 1px solid rgba(74, 144, 226, 0.1);\r\n  overflow: hidden;\r\n  box-shadow: 0 0 20px rgba(74, 144, 226, 0.05);\r\n\r\n  &::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 1px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(74, 144, 226, 0.5) 50%,\r\n      transparent 100%\r\n    );\r\n  }\r\n\r\n  &::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    height: 1px;\r\n    background: linear-gradient(\r\n      90deg,\r\n      transparent 0%,\r\n      rgba(74, 144, 226, 0.3) 50%,\r\n      transparent 100%\r\n    );\r\n  }\r\n\r\n  .info-card {\r\n    flex: 1;\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 15px;\r\n    padding: 20px 10px;\r\n    position: relative;\r\n    transition: all 0.3s ease;\r\n    min-width: 240px;\r\n\r\n    &:not(:last-child)::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      right: 0;\r\n      top: 15%;\r\n      height: 70%;\r\n      width: 1px;\r\n      background: linear-gradient(\r\n        to bottom,\r\n        transparent 0%,\r\n        rgba(74, 144, 226, 0.15) 50%,\r\n        transparent 100%\r\n      );\r\n    }\r\n\r\n    &:hover {\r\n      transform: translateY(-5px);\r\n      background: rgba(74, 144, 226, 0.08);\r\n      border-radius: 12px;\r\n      box-shadow: 0 5px 15px rgba(74, 144, 226, 0.1);\r\n\r\n      i {\r\n        transform: scale(1.1) translateY(-2px);\r\n        background: linear-gradient(135deg, #4a90e2, #36d1dc);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        filter: drop-shadow(0 2px 4px rgba(74, 144, 226, 0.2));\r\n      }\r\n\r\n      .info-content {\r\n        .main-info {\r\n          .info-value {\r\n            transform: scale(1.05);\r\n            filter: drop-shadow(0 2px 4px rgba(74, 144, 226, 0.3));\r\n          }\r\n        }\r\n\r\n        .sub-info-container {\r\n          .sub-info {\r\n            color: rgba(74, 144, 226, 0.9);\r\n            transform: translateX(-5px);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    i {\r\n      font-size: 40px;\r\n      color: #4a90e2;\r\n      transition: all 0.3s ease;\r\n      margin-top: 20px;\r\n      opacity: 0.9;\r\n      filter: drop-shadow(0 2px 2px rgba(74, 144, 226, 0.1));\r\n    }\r\n\r\n    .info-content {\r\n      flex: 1;\r\n      display: flex;\r\n      justify-content: space-between;\r\n      gap: 10px;\r\n\r\n      .main-info {\r\n        flex: 1;\r\n        margin: 0 -5px;\r\n        .info-label {\r\n          color: rgba(255, 255, 255, 0.9);\r\n          font-size: 18px;\r\n          margin-bottom: 10px;\r\n          font-weight: 500;\r\n        }\r\n\r\n        .info-value {\r\n          font-size: 34px;\r\n          font-weight: bold;\r\n          transition: all 0.3s ease;\r\n          background: linear-gradient(135deg, #4a90e2, #36d1dc);\r\n          -webkit-background-clip: text;\r\n          -webkit-text-fill-color: transparent;\r\n\r\n          b {\r\n            font-size: 16px;\r\n            font-weight: normal;\r\n            // margin-left: 4px;\r\n          }\r\n        }\r\n      }\r\n\r\n      .sub-info-container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        gap: 8px;\r\n        padding-left: 15px;\r\n        position: relative;\r\n        min-width: 100px;\r\n\r\n        &::before {\r\n          content: \"\";\r\n          position: absolute;\r\n          left: 0;\r\n          top: 10%;\r\n          height: 80%;\r\n          width: 1px;\r\n          background: linear-gradient(\r\n            to bottom,\r\n            transparent,\r\n            rgba(74, 144, 226, 0.1),\r\n            transparent\r\n          );\r\n        }\r\n\r\n        .sub-info {\r\n          color: rgba(255, 255, 255, 0.6);\r\n          font-size: 13px;\r\n          transition: all 0.3s ease;\r\n          text-align: left;\r\n          white-space: nowrap;\r\n\r\n          &:hover {\r\n            color: rgba(74, 144, 226, 0.9);\r\n            transform: translateX(5px);\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.dashboard-container {\r\n  display: flex;\r\n  width: 100%;\r\n  height: calc(95% - 150px);\r\n  padding: 0 20px 20px;\r\n  gap: 20px;\r\n  overflow-y: auto;\r\n\r\n  &::-webkit-scrollbar {\r\n    width: 0;\r\n    background: transparent;\r\n  }\r\n\r\n  .left-panel,\r\n  .right-panel {\r\n    flex: 1;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    height: 100%;\r\n\r\n    .panel-item {\r\n      flex: 1;\r\n      min-height: 0;\r\n      background: rgba(255, 255, 255, 0.05);\r\n      padding: 15px;\r\n      display: flex;\r\n      flex-direction: column;\r\n      border-radius: 12px;\r\n    }\r\n  }\r\n\r\n  .center-panel {\r\n    flex: 2;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 20px;\r\n    height: 100%;\r\n\r\n    .center-top {\r\n      flex: 3;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n      .school-image {\r\n        max-width: 100%;\r\n        max-height: 100%;\r\n        object-fit: contain;\r\n        border-radius: 12px;\r\n      }\r\n    }\r\n\r\n    .center-bottom {\r\n      flex: 2;\r\n      display: flex;\r\n      gap: 20px;\r\n\r\n      .bottom-item {\r\n        flex: 1;\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 20px;\r\n\r\n        .panel-item {\r\n          flex: 1;\r\n          min-height: 0;\r\n          background: rgba(255, 255, 255, 0.05);\r\n          padding: 0 15px;\r\n          display: flex;\r\n          flex-direction: column;\r\n          border-radius: 12px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>"],"mappings":";AAwNA,SAAAA,YAAA;AACA,OAAAC,SAAA;AACA,OAAAC,YAAA;AACA,OAAAC,iBAAA;AACA,OAAAC,gBAAA;AACA,OAAAC,aAAA;AACA,OAAAC,aAAA;AACA,OAAAC,kBAAA;AACA,OAAAC,YAAA;AAEA;EACAC,MAAA,GAAAR,SAAA;EACAS,IAAA,WAAAA,KAAA;IACA;MACAC,OAAA;MACAC,eAAA;MACAC,UAAA;QACAC,aAAA;QACAC,UAAA;QACAC,SAAA;QACAC,qBAAA;QACAC,gBAAA;QACAC,UAAA;QACAC,QAAA;QACAC,OAAA;QACAC,MAAA;QACAC,cAAA;QACAC,cAAA;QACAC,UAAA;QACAC,YAAA;QACAC,IAAA;QACAC,KAAA;QACAC,MAAA;QACAC,QAAA;QACAC,YAAA;MACA;MACAC,SAAA;QACAC,IAAA;QACAC,IAAA;QACAC,KAAA;QACAC,IAAA;QACAC,IAAA;QACAC,KAAA;MACA;IACA;EACA;EACAC,UAAA;IACArC,YAAA,EAAAA,YAAA;IACAC,iBAAA,EAAAA,iBAAA;IACAC,gBAAA,EAAAA,gBAAA;IACAC,aAAA,EAAAA,aAAA;IACAC,aAAA,EAAAA,aAAA;IACAC,kBAAA,EAAAA,kBAAA;IACAC,YAAA,EAAAA;EACA;EACAgC,OAAA,WAAAA,QAAA;IACA,KAAAC,aAAA;EACA;EACAC,OAAA;IACAD,aAAA,WAAAA,cAAA;MAAA,IAAAE,KAAA;MACAC,UAAA;QACAD,KAAA,CAAAhC,OAAA;MACA;IACA;IACAkC,gBAAA,WAAAA,iBAAAC,KAAA;MACA,IAAAC,IAAA,QAAAf,SAAA,CAAAc,KAAA;MACA,IAAAC,IAAA;QACA,KAAAC,OAAA,CAAAC,IAAA,CAAAF,IAAA;MACA;IACA;IACA/C,YAAA,EAAAA;EACA;AACA","ignoreList":[]}]}