.notice-page{background:radial-gradient(circle at 100% 5%,rgba(66,23,105,.42),transparent 30%),#11121b}.notice-hero{display:flex;margin:18px 15px;padding:18px;align-items:center;border:1px solid #3d3550;border-radius:15px;background:#211c31}.notice-hero>i{display:grid;width:52px;height:52px;margin-right:13px;place-items:center;border-radius:14px;background:#4c2583;font-size:27px;font-style:normal}.notice-hero b,.notice-hero small{display:block}.notice-hero b{font-size:18px}.notice-hero small{margin-top:6px;color:#a9a5b3;font-size:11px}.notice-list{padding:0 15px}.notice-card{margin-bottom:11px;border:1px solid #373342;border-radius:13px;background:#22202b;overflow:hidden}.notice-card>button{display:flex;width:100%;min-height:67px;padding:12px 14px;align-items:center;border:0;background:transparent;color:#fff;text-align:left}.notice-card>button>i{margin-right:11px;font-style:normal}.notice-card>button span{min-width:0;flex:1}.notice-card>button b,.notice-card>button small{display:block}.notice-card>button small{margin-top:5px;color:#8f8b98;font-size:10px}.notice-card>button em{transform:rotate(90deg);color:#aaa6b3;font-size:22px;font-style:normal;transition:transform .2s}.notice-card.open>button em{transform:rotate(-90deg)}.notice-content{display:none;padding:0 17px 17px;color:#c5c1cc;font-size:13px;line-height:1.8}.notice-card.open .notice-content{display:block}