.notice-page{max-width:1050px;padding-top:36px;padding-bottom:60px;min-height:65vh}.notice-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.notice-heading h1{font-size:1.75rem;margin:4px 0 10px;line-height:1.4}.notice-heading p{margin:0;font-size:0.875rem}.notice-heading form{flex-shrink:0}.notice-heading button{font-size:0.875rem;box-shadow:none}.notice-tabs{display:flex;gap:28px;border-bottom:1px solid #e4eae6;margin-bottom:26px}.notice-tabs a{padding:12px 0;color:#88948d;font-size:0.875rem;border-bottom:2px solid transparent}.notice-tabs a.active{color:#00b366;border-color:#00b366}.notice-group{background:#fff;border:1px solid #e4ebe7;border-radius:9px;margin:0 0 24px;padding:24px;box-shadow:0 3px 12px rgba(32,62,44,.04)}.notice-group>h2{font-size:0.9375rem;font-weight:600;margin:0 0 18px;color:#55685d}.notice-item{display:flex;gap:16px;padding:20px 16px;border-radius:7px}.notice-item.is-unread{background:#f3faf6}.notice-icon{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:7px;background:#edf5f0;color:#4d9670;font-size:1.1875rem}.notice-content{flex:1;min-width:0}.notice-item-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.notice-item-heading h3{font-size:1rem;font-weight:600;margin:0;color:#364b3e;line-height:1.5}.notice-item time{font-size:0.875rem;color:#98a49c;white-space:nowrap}.notice-item p{font-size:0.875rem;line-height:1.8;color:#7f8d84;margin:9px 0 14px;overflow-wrap:anywhere}.notice-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0}.notice-actions .button{font-size:0.875rem;padding:8px 14px;box-shadow:none;line-height:1.4375rem}.notice-read{border:0;background:transparent;color:#8d9d93;cursor:pointer;font:inherit;font-size:0.875rem;padding:6px 0}.notice-read:hover{color:#00b366}.notice-history{border-top:1px solid #e9eeeb;margin-top:16px;padding-top:14px}.notice-history summary{font-size:0.875rem;color:#8f9d94;cursor:pointer;margin:0 16px 12px}.notice-history .notice-item+.notice-item{border-top:1px solid #eef2ef}.notice-empty{padding:65px 24px;text-align:center;border:1px dashed #dfe7e2;border-radius:10px;color:#8a998f}.notice-empty>i{font-size:2.25rem;color:#a1bead}.notice-empty h2{font-size:1.3125rem;margin:18px 0 10px;color:#4f6558}.notice-empty p{font-size:0.875rem}.notice-empty a{font-size:0.875rem}.notice-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#6b7e72!important;font-size:1.3125rem}.notice-bell span{position:absolute;right:-1px;top:-2px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#00b366;color:#fff;font-size:0.875rem;line-height:1.0625rem;text-align:center}.notice-header-widget{display:flex;align-items:center;justify-content:center;padding:0 14px!important}.notice-device-list article{display:flex;gap:16px;border-bottom:1px solid #edf1ee;padding:20px 0}.notice-device-list article>i{font-size:1.5rem;color:#77a087}.notice-device-list strong{font-size:0.9375rem}.notice-device-list p,.notice-device-list small{font-size:0.875rem;color:#93a198;margin:5px 0}.notice-back{display:inline-block;margin-bottom:20px;font-size:0.875rem}
@media(max-width:700px){.notice-heading{align-items:flex-start;flex-direction:column;gap:18px}.notice-group{padding:16px}.notice-item{padding:16px 10px;gap:10px}.notice-item-heading{flex-direction:column;gap:4px}.notice-page{padding-top:24px}.notice-heading h1{font-size:1.5rem}.notice-icon{flex-basis:30px;height:30px;font-size:1rem}.notice-heading button{padding:9px 12px}.notice-tabs{gap:24px}.notice-bell.mobile-button{width:30px!important;margin:0 5px!important}}