.notification-layout[data-v-73b39da5]{width:100%;min-height:100%;padding:0 20px 20px 20px;-webkit-box-sizing:border-box;box-sizing:border-box}.filter-bar[data-v-73b39da5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;padding:16px 20px;border-radius:8px;margin-bottom:16px;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px}.filter-tab[data-v-73b39da5],.filter-tabs[data-v-73b39da5]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.filter-tab[data-v-73b39da5]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px 20px;background:#f5f5f5;border-radius:6px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;border:2px solid transparent}.filter-tab[data-v-73b39da5]:hover{background:#e8e8e8}.filter-tab.active[data-v-73b39da5]{background:#e6f7ff;border-color:#1890ff;color:#1890ff;font-weight:500}.filter-tab span[data-v-73b39da5]{font-size:14px}.notification-content[data-v-73b39da5]{background:#fff;border-radius:8px;min-height:400px}.empty-container[data-v-73b39da5]{padding:60px 20px;text-align:center}.notification-list[data-v-73b39da5]{padding:16px}.notification-item[data-v-73b39da5]{padding:20px;background:#fafafa;border-radius:8px;margin-bottom:12px;border:1px solid #f0f0f0;-webkit-transition:all .3s ease;transition:all .3s ease}.notification-item[data-v-73b39da5]:hover{-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);border-color:#d9d9d9}.remind-content[data-v-73b39da5]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.sender-name[data-v-73b39da5]{font-weight:700;font-size:15px;color:#262626}.action-text[data-v-73b39da5]{font-size:13px;color:#595959}.target-type[data-v-73b39da5]{font-weight:700;font-size:14px;color:#1890ff}.target-detail[data-v-73b39da5]{font-size:13px;color:#595959}.create-time[data-v-73b39da5]{font-size:12px;color:#9e9e9e;margin-left:auto}.notice-content[data-v-73b39da5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}.notice-main[data-v-73b39da5]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px}.notice-label[data-v-73b39da5]{font-size:13px;color:#595959}.course-name[data-v-73b39da5]{font-weight:700;font-size:15px;color:#1890ff}.notice-action[data-v-73b39da5]{font-size:13px;color:#595959}.notice-content-text[data-v-73b39da5]{font-weight:700;color:#dc143c}.notice-meta[data-v-73b39da5]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding-top:8px;border-top:1px dashed #f0f0f0}.publisher[data-v-73b39da5]{font-weight:700;color:#dc143c;font-size:13px}@media screen and (max-width:768px){.notification-layout[data-v-73b39da5]{padding:0 12px 12px 12px}.filter-bar[data-v-73b39da5]{padding:12px 16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.filter-tabs[data-v-73b39da5]{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.filter-tab[data-v-73b39da5]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:12px 16px}.notification-list[data-v-73b39da5]{padding:12px}.notification-item[data-v-73b39da5]{padding:16px}.remind-content[data-v-73b39da5]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:6px}.create-time[data-v-73b39da5]{margin-left:0}.notice-main[data-v-73b39da5],.notice-meta[data-v-73b39da5]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.notice-meta[data-v-73b39da5]{gap:4px}}@media screen and (max-width:480px){.filter-tab[data-v-73b39da5]{padding:10px 12px;font-size:13px}.filter-tab span[data-v-73b39da5]{font-size:13px}.course-name[data-v-73b39da5],.sender-name[data-v-73b39da5]{font-size:14px}.action-text[data-v-73b39da5],.notice-action[data-v-73b39da5],.notice-label[data-v-73b39da5],.target-detail[data-v-73b39da5]{font-size:12px}}