.role-page[data-v-8c494870]{padding:20px;background-color:#f7f9fc;min-height:100vh;font-family:PingFang SC,Helvetica Neue,Helvetica,Microsoft YaHei,Arial,sans-serif}.role-page-header[data-v-8c494870]{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.role-page-header .role-page-title[data-v-8c494870]{font-size:26px;font-weight:600;color:#2c3e50;margin-bottom:24px;text-align:center;position:relative;padding-bottom:16px}.role-page-header .role-page-title[data-v-8c494870]:after{content:"";position:absolute;width:70px;height:4px;background:linear-gradient(90deg,#4b6cb7,#182848);bottom:0;left:50%;transform:translateX(-50%);border-radius:3px}.role-page-header .grade-selector[data-v-8c494870]{background-color:#fff;border-radius:8px;padding:12px 20px;box-shadow:0 2px 12px rgba(0,0,0,.06)}.role-page-header .grade-selector .selector-label[data-v-8c494870]{font-size:15px;font-weight:500;color:#606266;margin-right:12px}.role-page-header .grade-selector .grade-select[data-v-8c494870]{width:180px}.role-container[data-v-8c494870]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;margin-bottom:32px}.role-container .role-card[data-v-8c494870]{border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden;background-color:#fff;transition:all .3s cubic-bezier(.25,.8,.25,1);border:1px solid #ebeef5;height:100%;display:flex;flex-direction:column}.role-container .role-card[data-v-8c494870]:hover{transform:translateY(-6px);box-shadow:0 10px 30px rgba(0,0,0,.12)}.role-container .role-card .role-title[data-v-8c494870]{padding:18px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4b6cb7,#182848);display:flex;align-items:center;justify-content:center;letter-spacing:1px}.role-container .role-card .role-title .role-icon[data-v-8c494870]{margin-right:10px;font-size:20px}.role-container .role-card .role-content[data-v-8c494870]{padding:22px;flex:1;display:flex;flex-direction:column;gap:16px}.role-container .role-card .sub-title[data-v-8c494870]{font-size:15px;color:#5a6678;margin-bottom:12px;font-weight:500;display:flex;align-items:center}.role-container .role-card .sub-title[data-v-8c494870]:before{content:"";display:inline-block;width:4px;height:16px;background:#4b6cb7;margin-right:8px;border-radius:2px}.role-container .role-card .subject-list[data-v-8c494870]{margin-bottom:16px}.role-container .role-card .tag-group[data-v-8c494870]{display:flex;flex-wrap:wrap;gap:10px}.role-container .role-card .grade-item[data-v-8c494870]{display:flex;flex-direction:column;width:100%;margin-bottom:16px;background-color:#f9fafc;border-radius:8px;padding:12px}.role-container .role-card .grade-item .grade-name[data-v-8c494870]{font-weight:600;color:#2c3e50;margin-bottom:10px;padding-bottom:8px;border-bottom:1px dashed #e0e6ed}.role-container .role-card .grade-item .subject-container[data-v-8c494870]{display:flex;flex-wrap:wrap;gap:12px}.role-container .role-card .grade-item .subject-wrapper[data-v-8c494870]{display:inline-flex;flex-direction:column;gap:8px;margin-bottom:10px;background-color:#f0f5ff;border-radius:6px;padding:12px;width:100%}.role-container .role-card .grade-item .subject-wrapper .subject-head[data-v-8c494870]{font-weight:500;font-size:14px;color:#1d4ed8;background:rgba(29,78,216,.1);border:none}.role-container .role-card .tag[data-v-8c494870]{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;font-size:13px;transition:all .2s}.role-container .role-card .tag[data-v-8c494870]:hover{transform:scale(1.05)}.role-container .role-card .tag.subject-tag[data-v-8c494870]{background-color:#ecf6ff;color:#1890ff;border:1px solid #a8d0ff;font-weight:500}.role-container .role-card .tag.class-tag[data-v-8c494870]{background-color:#f0fff4;color:#52c41a;border:1px solid #b7eb8f}.role-container .role-card .empty-data[data-v-8c494870]{width:100%;padding:15px;text-align:center;color:#909399;font-size:14px;background-color:#f9fafc;border-radius:6px}.classlist-container[data-v-8c494870]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.classlist-container .class-section[data-v-8c494870]{background-color:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);padding:20px}.classlist-container .class-section .section-title[data-v-8c494870]{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid #ebeef5}.classlist-container .class-section .class-items[data-v-8c494870]{display:flex;flex-wrap:wrap;gap:12px}.classlist-container .class-section .class-item[data-v-8c494870]{background-color:#f0f7ff;border-radius:6px;padding:10px 16px;color:#1d4ed8;font-size:14px;transition:all .2s}.classlist-container .class-section .class-item[data-v-8c494870]:hover{transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.08)}@media (max-width:768px){.role-page[data-v-8c494870]{padding:15px}.role-page-header[data-v-8c494870]{margin-bottom:24px}.role-page-header .role-page-title[data-v-8c494870]{font-size:22px;margin-bottom:20px}.role-page-header .grade-selector[data-v-8c494870]{width:100%;padding:10px 15px}.role-page-header .grade-selector .grade-select[data-v-8c494870]{width:140px}.classlist-container[data-v-8c494870],.role-container[data-v-8c494870]{grid-template-columns:1fr;gap:16px}.role-card .role-title[data-v-8c494870]{padding:14px;font-size:16px}.role-card .role-content[data-v-8c494870]{padding:16px;gap:12px}.role-card .tag[data-v-8c494870]{padding:5px 10px;font-size:12px}.role-card .grade-item[data-v-8c494870]{padding:10px;margin-bottom:12px}.role-card .grade-item .grade-name[data-v-8c494870]{margin-bottom:8px;padding-bottom:6px}}@media (min-width:769px) and (max-width:1024px){.role-container[data-v-8c494870]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}