.t99-notice-state{text-align:center;color:#102d5d;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:310px;padding:40px 24px;display:flex}.t99-notice-state-icon{color:#14366c;background:linear-gradient(145deg,#e6f0ff,#f4f7fc);border:1px solid #e4ebf5;border-radius:26px;place-items:center;width:78px;height:78px;margin-bottom:8px;display:grid;box-shadow:0 8px 22px #12336b08}.t99-notice-state h3{max-width:320px;margin:0;font-size:19px;font-weight:750;line-height:1.4}.t99-notice-state p{color:#65748d;max-width:320px;margin:0;font-size:14px;line-height:1.65}.t99-notice-state .t99-notice-action{margin-top:12px}.t99-notice-action{color:#fff;min-height:46px;font:inherit;cursor:pointer;background:#e5243b;border:1px solid #e5243b;border-radius:11px;justify-content:center;align-items:center;gap:10px;padding:11px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.t99-notice-action-secondary{color:#102d5d;background:#fff;border-color:#cbd7e9}.t99-notice-list{color:#102d5d;min-width:0}.t99-notice-list ul{margin:0;padding:0;list-style:none}.t99-notice-group{color:#566886;margin:0;padding:17px 20px 10px;font-size:13px;font-weight:700}.t99-notice-row{text-align:left;color:#132e58;cursor:pointer;width:100%;font:inherit;background:#fff;border:0;border-bottom:1px solid #e8eef6;align-items:flex-start;gap:14px;min-width:0;padding:18px 20px;transition:background .18s,box-shadow .18s;display:flex}.t99-notice-row.is-unread{background:#f4f8ff}.t99-notice-row.is-selected{background:#e8f1ff;box-shadow:inset 3px 0 #e5243b}.t99-notice-row-icon{color:#14376b;background:#edf2f8;border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid}.t99-notice-row-copy{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.t99-notice-row-copy strong{overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.5}.t99-notice-row.is-unread .t99-notice-row-copy strong{font-weight:750}.t99-notice-row-copy>span{color:#62718a;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.t99-notice-row-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:10px;max-width:100px;display:flex}.t99-notice-row-meta time{color:#687992;text-align:right;font-size:11px;line-height:1.6}.t99-notice-unread{background:#e5243b;border-radius:50%;flex:0 0 8px;width:8px;height:8px;display:inline-block}.t99-notice-list.is-compact .t99-notice-group{padding:13px 4px 8px}.t99-notice-list.is-compact .t99-notice-row{border:1px solid #0000;border-radius:12px;gap:11px;margin-bottom:3px;padding:14px 12px}.t99-notice-list.is-compact .t99-notice-row-icon{border-radius:12px;flex-basis:44px;width:44px;height:44px}.t99-notice-list.is-compact .category-transaction{color:#20815a;background:#e7f5ed}.t99-notice-list.is-compact .category-event{color:#2860c6;background:#e5edff}.t99-notice-list.is-compact .category-security{color:#7447bc;background:#efe9fc}.t99-notice-list.is-compact .category-operation{color:#b8610d;background:#fff0df}.t99-notice-list.is-compact .category-marketing{color:#c32b51;background:#ffe8ed}.t99-notice-detail{color:#102d5d;min-width:0;padding:20px}.t99-notice-detail-heading{border-bottom:1px solid #e3eaf4;align-items:center;gap:20px;padding-bottom:20px;display:flex}.t99-notice-detail-heading>div{min-width:0}.t99-notice-detail-icon{color:#163b75;background:#edf3fc;border-radius:50%;flex:0 0 76px;place-items:center;width:76px;height:76px;display:grid}.t99-notice-detail-category{color:#657895;margin-bottom:7px;font-size:13px;font-weight:650;display:block}.t99-notice-detail-heading h2{letter-spacing:-.5px;overflow-wrap:anywhere;margin:0 0 9px;font-size:20px;font-weight:800;line-height:1.35}.t99-notice-detail-heading time{color:#65748c;font-size:13px}.t99-notice-detail-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:28px 0;font-size:14px;line-height:1.4}.t99-notice-detail-actions{flex-direction:column;gap:10px;padding-bottom:24px;display:flex}.t99-notice-read-status{color:#72819a;border-top:1px solid #e3eaf4;justify-content:center;align-items:center;gap:8px;margin:0;padding:22px 0;font-size:13px;display:flex}.t99-notice-support{color:#102d5d;background:#fff;border:1px solid #dfe7f3;border-radius:12px;align-items:center;gap:14px;padding:17px;text-decoration:none;transition:background .2s;display:flex}.t99-notice-support>span{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.t99-notice-support strong{font-size:14px}.t99-notice-support>span>span{color:#637591;font-size:12px;line-height:1.5}.t99-notice-drawer-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:210;background:#071b3a66;animation:.25s both t99-notice-fade;position:fixed;inset:0}.t99-notice-drawer{z-index:211;color:#102d5d;background:#fff;outline:none;flex-direction:column;width:min(460px,100vw);height:100dvh;animation:.26s cubic-bezier(.2,.8,.2,1) both t99-notice-slide;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 80px #0c254a26}.t99-notice-drawer[data-state=closed]{animation:.23s both t99-notice-slide-out}.t99-notice-drawer-overlay[data-state=closed]{animation:.23s both t99-notice-fade-out}.t99-notice-drawer-bar{padding:16px 22px;padding-top:max(16px, env(safe-area-inset-top));background:#fff;border-bottom:1px solid #e5ebf4;flex-shrink:0;align-items:center;gap:10px;min-height:76px;display:flex}.t99-notice-drawer-bar h2{flex:1;margin:0;font-size:19px;font-weight:750}.t99-notice-icon-button{color:#163669;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,transform .2s;display:inline-flex}.t99-notice-back{display:flex;transform:rotate(180deg)}.t99-notice-drawer-scroll{overscroll-behavior:contain;min-height:0;padding-bottom:max(24px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.t99-notice-drawer-scroll>.t99-notice-state{min-height:65dvh}.t99-notice-row:focus-visible,.t99-notice-action:focus-visible,.t99-notice-icon-button:focus-visible,.t99-notice-support:focus-visible{outline-offset:-3px;outline:3px solid #477bbc}.t99-notice-state-icon.is-loading{animation:1.5s ease-in-out infinite t99-notice-pulse}@keyframes t99-notice-pulse{50%{opacity:.45;transform:scale(.96)}}@keyframes t99-notice-slide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes t99-notice-slide-out{to{transform:translate(100%)}}@keyframes t99-notice-fade{0%{opacity:0}to{opacity:1}}@keyframes t99-notice-fade-out{to{opacity:0}}@media (max-width:767px){.t99-notice-drawer{width:100%}.t99-notice-detail{padding:16px}.t99-notice-detail-heading{align-items:flex-start;gap:14px}.t99-notice-detail-icon{flex-basis:58px;width:58px;height:58px}.t99-notice-detail-heading h2{font-size:23px}.t99-notice-drawer-bar{padding-left:14px;padding-right:14px}.t99-notice-row{gap:10px;padding:16px}.t99-notice-row-icon{flex-basis:42px;width:42px;height:42px}.t99-notice-row-meta{max-width:68px}.t99-notice-detail-body{font-size:14px}}.t99-notice-state,.t99-notice-state *,.t99-notice-list,.t99-notice-list *,.t99-notice-detail,.t99-notice-detail *,.t99-notice-drawer,.t99-notice-drawer *{box-sizing:border-box}.t99-notice-skeleton{flex-direction:column;gap:10px;width:min(100%,270px);margin-top:12px;display:flex}.t99-notice-skeleton span{background:#e8eef7;border-radius:6px;height:12px;animation:1.5s ease-in-out infinite t99-notice-pulse}.t99-notice-skeleton span:nth-child(2){width:85%;animation-delay:.12s}.t99-notice-skeleton span:nth-child(3){width:65%;animation-delay:.24s}@media (hover:hover) and (pointer:fine){.t99-notice-action:hover{background:#cc1730;transform:translateY(-1px);box-shadow:0 5px 16px #e5243b20}.t99-notice-action-secondary:hover{background:#edf3fc}.t99-notice-row:hover{background:#f2f6fc}.t99-notice-support:hover{background:#f4f7fc}.t99-notice-icon-button:hover{background:#edf3fc;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.t99-notice-drawer,.t99-notice-drawer[data-state=closed],.t99-notice-drawer-overlay,.t99-notice-drawer-overlay[data-state=closed],.t99-notice-state-icon.is-loading,.t99-notice-skeleton span{animation:none}.t99-notice-action,.t99-notice-row,.t99-notice-icon-button,.t99-notice-support{transition:none}.t99-notice-action:hover,.t99-notice-icon-button:hover{transform:none}}.t99-notice-mutation-error{color:#b6243b;padding:0 28px 28px;font-size:13px;line-height:1.6}
