.notice-tabs[data-v-fae1577f]{background-color:var(--color-fill-btn2);border-radius:6px;height:38px;margin:12px 8px;padding:0;display:flex;position:relative}.notice-tab-indicator[data-v-fae1577f]{background-color:var(--color-fill-bg1);border-radius:8px;width:50%;transition:transform .3s;position:absolute;top:0;bottom:0;left:0}.notice-tabs-letter .notice-tab-indicator[data-v-fae1577f]{transform:translate(100%)}.notice-tab[data-v-fae1577f]{color:var(--color-text1);font-size:var(--font-size-12);z-index:1;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;gap:7px;padding:0;font-weight:700;display:flex;position:relative}.notice-tab.active[data-v-fae1577f]{background-color:#0000}.notice-tab-badge[data-v-fae1577f]{color:var(--color-white);font-size:var(--font-size-10);background-color:var(--color-red);border-radius:999px;min-width:16px;height:16px;padding:0 4px;font-weight:700;line-height:16px}.notice-list[data-v-c1c23f23]{flex:1 1 0;min-height:0;margin:0 8px;padding-bottom:100px;overflow-y:auto}.notice-item[data-v-c1c23f23]{background-color:var(--color-fill-bg1);cursor:pointer;text-align:left;border:0;border-radius:4px;justify-content:space-between;align-items:center;width:100%;height:70px;margin-bottom:8px;padding:0 8px 0 12px;display:flex}.notice-text[data-v-c1c23f23]{flex-direction:column;flex:auto;justify-content:center;min-width:0;display:flex}.notice-title[data-v-c1c23f23]{color:var(--color-text1);font-size:var(--font-size-12);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.notice-time[data-v-c1c23f23]{color:var(--color-text3);font-size:var(--font-size-12);white-space:nowrap;margin-top:4px;font-weight:400}.notice-trailing[data-v-c1c23f23]{flex:none;align-items:center;margin-left:4px;display:flex}.notice-red-dot[data-v-c1c23f23]{background-color:var(--color-red);border-radius:50%;width:8px;height:8px;margin-right:6px}.notice-trailing img[data-v-c1c23f23]{object-fit:contain;width:24px;height:24px}.notice-empty[data-v-c1c23f23]{color:var(--color-text4);font-size:var(--font-size-12);flex-direction:column;justify-content:center;align-items:center;width:100%;margin:48px 8px 24px;font-weight:400;display:flex}.notice-empty img[data-v-c1c23f23]{object-fit:fill;width:164px;height:164px}.notice-bottom-bar[data-v-91edef1d]{height:calc(50px + max(var(--safe-bottom), 20px));background-color:var(--color-fill-btn2);padding-bottom:max(var(--safe-bottom), 20px);flex:none}.notice-bottom-inner[data-v-91edef1d]{justify-content:space-between;align-items:center;height:50px;display:flex}.notice-unread-control[data-v-91edef1d]{color:var(--color-text3);font-size:var(--font-size-14);align-items:center;margin-left:12px;font-weight:400;display:flex}.notice-switch[data-v-91edef1d]{border:1px solid var(--color-border-default);background-color:var(--color-fill-bg3);cursor:pointer;border-radius:10px;align-items:center;width:40px;height:20px;margin-left:8px;padding:0 2px;display:flex}.notice-switch.open[data-v-91edef1d]{background-color:var(--color-theme);justify-content:flex-end}.notice-switch span[data-v-91edef1d]{background-color:var(--color-text3);width:16px;height:16px;box-shadow:0 1px 8px var(--color-black10);border-radius:50%}.notice-switch.open span[data-v-91edef1d]{background-color:var(--color-text1)}.notice-all-read[data-v-91edef1d]{color:var(--color-theme);font-size:var(--font-size-14);cursor:pointer;background:0 0;border:0;align-items:center;margin-right:12px;padding:0;font-weight:400;display:flex}.notice-all-read img[data-v-91edef1d]{object-fit:contain;width:24px;height:24px;margin-right:0}.notice-page[data-v-7ae64ccc]{min-height:calc(100vh - var(--safe-header));background-color:var(--color-fill-btn2);flex-direction:column;display:flex}.notice-content[data-v-7ae64ccc]{background-color:var(--color-fill-bg3);flex-direction:column;flex:1 1 0;min-height:0;display:flex}.notice-page-hor[data-v-7ae64ccc]{min-height:calc(100vh - var(--safe-header));height:calc(100vh - var(--safe-header));background-color:var(--color-fill-bg3);overflow:hidden}.notice-page-hor .notice-content[data-v-7ae64ccc]{background-color:var(--color-fill-line);min-height:0;overflow:hidden}.notice-page-hor[data-v-7ae64ccc] .notice-bottom-bar{height:50px;padding-bottom:0}