.notification-page[data-v-4bb68c1e]{min-height:calc(100vh - 64px);padding:18px 22px 40px;background:#eef5f8;-webkit-box-sizing:border-box;box-sizing:border-box}.page-header[data-v-4bb68c1e]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;min-height:54px;margin-bottom:16px}.header-title[data-v-4bb68c1e],.page-header[data-v-4bb68c1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-title h2[data-v-4bb68c1e]{margin:0;color:#26383f;font-size:22px;font-weight:600}.header-title p[data-v-4bb68c1e]{margin:5px 0 0;color:#8c9a9f;font-size:12px}.back-button[data-v-4bb68c1e]{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;width:36px;height:36px;margin-right:12px;color:#53716d;border:1px solid #cfddda;border-radius:50%;outline:none;background:#fff;cursor:pointer}.back-button[data-v-4bb68c1e]:hover{color:#1f786b;border-color:#9fc6bf}.read-all-button[data-v-4bb68c1e]{color:#1f786b;border-color:#a9cbc5;background:#fff}.summary-row[data-v-4bb68c1e]{display:grid;grid-template-columns:repeat(2,minmax(0,230px));gap:14px;margin-bottom:16px}.summary-card[data-v-4bb68c1e]{height:86px;padding:0 20px;border:1px solid #e1e9eb;border-radius:6px;background:#fff;-webkit-box-shadow:0 3px 12px rgba(40,72,80,.04);box-shadow:0 3px 12px rgba(40,72,80,.04);-webkit-box-sizing:border-box;box-sizing:border-box}.summary-card[data-v-4bb68c1e],.summary-icon[data-v-4bb68c1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.summary-icon[data-v-4bb68c1e]{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:42px;height:42px;margin-right:14px;border-radius:50%;font-size:19px}.total-icon[data-v-4bb68c1e]{color:#348bc7;background:#e9f4fb}.unread-icon[data-v-4bb68c1e]{color:#e5a123;background:#fff4dc}.summary-label[data-v-4bb68c1e]{display:block;color:#87959a;font-size:12px}.summary-card strong[data-v-4bb68c1e]{display:block;margin-top:4px;color:#283a40;font-size:23px;font-weight:600}.record-panel[data-v-4bb68c1e]{overflow:hidden;border:1px solid #e1e9eb;border-radius:7px;background:#fff;-webkit-box-shadow:0 4px 16px rgba(40,72,80,.04);box-shadow:0 4px 16px rgba(40,72,80,.04)}.record-toolbar[data-v-4bb68c1e]{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;min-height:68px;padding:0 22px;border-bottom:1px solid #edf1f2}.record-toolbar h3[data-v-4bb68c1e]{margin:0;color:#2b3b41;font-size:17px;font-weight:600}.record-toolbar span[data-v-4bb68c1e]{display:inline-block;margin-top:4px;color:#9aa5a9;font-size:11px}.record-list[data-v-4bb68c1e]{min-height:420px;padding:14px 18px}.record-item[data-v-4bb68c1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:82px;margin-bottom:10px;padding:13px 16px;border:1px solid #edf1f2;border-radius:7px;background:#fafbfb;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;-webkit-transition:border-color .2s ease,background .2s ease,-webkit-transform .2s ease;transition:border-color .2s ease,background .2s ease,-webkit-transform .2s ease;transition:border-color .2s ease,background .2s ease,transform .2s ease;transition:border-color .2s ease,background .2s ease,transform .2s ease,-webkit-transform .2s ease}.record-item.unread[data-v-4bb68c1e]{border-color:#dbeae7;background:#f6faf9}.record-item[data-v-4bb68c1e]:hover{border-color:#bad5d0;background:#f4f9f8;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.record-icon[data-v-4bb68c1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex:none;flex:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:38px;height:38px;margin-right:14px;border-radius:50%;font-size:18px}.tone-warning[data-v-4bb68c1e]{color:#e8a21d;background:#fff3d9}.tone-primary[data-v-4bb68c1e]{color:#2c95cf;background:#e8f4fb}.tone-success[data-v-4bb68c1e]{color:#23a66f;background:#e7f7ef}.tone-danger[data-v-4bb68c1e]{color:#dc4e53;background:#fcebed}.record-content[data-v-4bb68c1e]{-webkit-box-flex:1;-ms-flex:1;flex:1;min-width:0}.message-heading[data-v-4bb68c1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.message-heading h4[data-v-4bb68c1e]{max-width:calc(100% - 54px);margin:0;overflow:hidden;color:#59676c;font-size:14px;font-weight:400;text-overflow:ellipsis;white-space:nowrap}.record-item.unread .message-heading h4[data-v-4bb68c1e]{color:#26383e;font-weight:600}.read-state[data-v-4bb68c1e]{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:9px;padding:2px 7px;color:#95a1a5;border-radius:9px;background:#edf1f2;font-size:10px}.read-state.unread[data-v-4bb68c1e]{color:#1f806e;background:#def2ed}.record-meta[data-v-4bb68c1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:8px;color:#9ba6aa;font-size:11px}.record-meta span[data-v-4bb68c1e]{margin-right:22px}.record-meta i[data-v-4bb68c1e]{margin-right:4px}.task-link[data-v-4bb68c1e]{-webkit-box-flex:0;-ms-flex:none;flex:none;margin-left:18px;padding:7px 0;color:#4b8279;border:0;outline:none;background:transparent;font-size:12px;cursor:pointer}.task-link[data-v-4bb68c1e]:hover{color:#17695d}.empty-state[data-v-4bb68c1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:400px;color:#9ba8ac}.empty-state i[data-v-4bb68c1e]{margin-bottom:14px;color:#c4d3d6;font-size:48px}.empty-state strong[data-v-4bb68c1e]{color:#66777d;font-size:15px}.empty-state span[data-v-4bb68c1e]{margin-top:7px;font-size:12px}.pagination[data-v-4bb68c1e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding:16px 20px 20px;border-top:1px solid #edf1f2}[data-v-4bb68c1e] .el-pagination.is-background .el-pager li:not(.disabled).active,[data-v-4bb68c1e] .el-radio-button__orig-radio:checked+.el-radio-button__inner{border-color:#1f786b;background:#1f786b;-webkit-box-shadow:-1px 0 0 0 #1f786b;box-shadow:-1px 0 0 0 #1f786b}@media (max-width:720px){.notification-page[data-v-4bb68c1e]{padding:14px 12px 30px}.page-header[data-v-4bb68c1e],.record-toolbar[data-v-4bb68c1e]{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.record-toolbar[data-v-4bb68c1e]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:16px;padding-bottom:16px}.record-toolbar .el-radio-group[data-v-4bb68c1e]{margin-top:13px}.summary-row[data-v-4bb68c1e]{grid-template-columns:1fr 1fr}.task-link[data-v-4bb68c1e]{display:none}}