.grade-class-container[data-v-42eb0f38]{padding:24px;background:#fff;min-height:100vh;overflow-y:auto;scroll-behavior:smooth}.grade-class-container .loading-container[data-v-42eb0f38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:300px}.grade-class-container .grade-list[data-v-42eb0f38]{max-width:1200px;margin:0 auto}.grade-class-container .class-grid[data-v-42eb0f38]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px}.grade-class-container .class-card[data-v-42eb0f38]{border-radius:20px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.04);box-shadow:0 4px 16px rgba(0,0,0,.06),0 8px 32px rgba(0,0,0,.04);border:1px solid #f5f5f5;-webkit-transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.grade-class-container .class-card[data-v-42eb0f38] .ant-card-body{padding:28px 32px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.grade-class-container .class-card[data-v-42eb0f38]:hover{-webkit-transform:translateY(-4px) scale(1.02);transform:translateY(-4px) scale(1.02);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.08),0 16px 48px rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.08),0 16px 48px rgba(0,0,0,.08);border-color:#e6f7ff;background:linear-gradient(145deg,#fff,#f8fbff)}.grade-class-container .class-card:hover .class-name[data-v-42eb0f38]{color:#1890ff;-webkit-transform:translateX(4px);transform:translateX(4px)}.grade-class-container .class-card[data-v-42eb0f38]:active{-webkit-transform:translateY(-2px) scale(1.01);transform:translateY(-2px) scale(1.01);background:linear-gradient(145deg,#f8fbff,#fff)}.grade-class-container .class-content[data-v-42eb0f38]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;gap:16px}.grade-class-container .class-name[data-v-42eb0f38]{font-size:17px;color:#262626;font-weight:600;-webkit-transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.grade-class-container .class-people[data-v-42eb0f38]{padding:4px 12px;background:#f5f5f5;border-radius:20px;font-size:14px;color:#666;-webkit-transition:all .3s;transition:all .3s}.grade-class-container .arrow-icon[data-v-42eb0f38]{font-size:16px;color:#bfbfbf;-webkit-transition:all .3s;transition:all .3s}@media screen and (max-width:768px){.grade-class-container[data-v-42eb0f38]{padding:16px}.grade-class-container .grade-list[data-v-42eb0f38]{max-width:100%}.grade-class-container .class-grid[data-v-42eb0f38]{grid-template-columns:1fr;gap:20px}.grade-class-container .class-card[data-v-42eb0f38]{border-radius:16px}.grade-class-container .class-card[data-v-42eb0f38] .ant-card-body{padding:20px 24px}.grade-class-container .class-name[data-v-42eb0f38]{font-size:16px}}