.notice-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,1fr);gap:24px;align-items:start}.notice-layout aside{display:grid;gap:24px}.notice-count{display:inline-grid;place-items:center;min-width:23px;height:23px;padding:0 6px;background:#6b56aa;color:white;border-radius:20px;font-size:12px}.notice-bell{gap:9px}.notice-item{padding:24px 20px;margin:12px -4px;border:1px solid #eae5f4;border-radius:14px}.notice-item.unread{background:#f7f4ff;border-left:4px solid #7560b2}.notice-item h3{font-size:18px;margin:10px 0}.notice-item p{line-height:1.7;color:#655c78}.notice-kind{font-size:10px;letter-spacing:1.5px;color:#725cae;font-weight:700}.notice-item-footer{display:flex;gap:16px;justify-content:space-between;align-items:center;flex-wrap:wrap}.notice-item time{font-size:12px;color:#777086}.notice-empty{text-align:center;padding:55px 15px;color:#776e88}.notice-empty>span{font-size:55px;color:#8b76bd}.notice-layout fieldset{border:0;padding:12px 0;margin:12px 0}.notice-layout legend{font-size:14px;font-weight:700}.notice-check{display:flex!important;align-items:center;gap:12px!important;margin:14px 0!important;font-weight:400!important}.notice-check input{width:19px!important;height:19px;accent-color:#6b56aa}.notice-phone{background:linear-gradient(135deg,#f5f1ff,#fff)!important}.notice-phone .linkbtn{display:block;margin:18px 0}.notice-setup{background:#fff8e9;padding:16px;border-radius:12px;line-height:1.7}.notice-welcome video{width:100%;border-radius:14px;background:#242533;margin:12px 0;max-height:52vh}.notice-welcome h2{font-size:29px;line-height:1.3}.notice-welcome details{padding:15px 0}.notice-welcome summary{cursor:pointer;color:#6b56aa;font-weight:600}.notice-welcome li{line-height:1.7;margin:9px 0}.notice-welcome .dialog-actions{flex-wrap:wrap}#modal:has(.notice-welcome){max-width:850px;width:calc(100% - 32px)}@media(max-width:900px){.notice-layout{grid-template-columns:1fr}.notice-bell{font-size:11px}.notice-layout .panel{padding:23px}.notice-welcome h2{font-size:23px}}