.notice-item{width:100%;text-align:left;font:inherit;background:#fff;cursor:pointer}.notice-item strong{display:block;font-size:21px;margin:12px 0 6px}.notice-dialog{border:0;width:min(560px,calc(100vw - 28px));padding:30px;box-shadow:0 24px 70px #10171938}.notice-dialog::backdrop{background:#10171980}.notice-dialog .dialog-close{position:absolute;right:14px;top:10px;border:0;background:transparent;font-size:24px;cursor:pointer}.notice-dialog h2{margin:14px 0 10px}.notice-dialog p{color:var(--soft);line-height:1.85;margin-bottom:22px}
.notice-list{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.notice-item{border:1px solid var(--line);border-radius:8px;padding:20px;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}.notice-item:hover{transform:translateY(-3px);border-color:#b7d2cc;box-shadow:0 14px 28px #19302a12}.notice-item strong{font-size:17px;line-height:1.45}.notice-item p{font-size:12px;line-height:1.7;color:var(--soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notice-index{font-size:12px}.notice-item small{font-size:10px}@media(max-width:1000px){.notice-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.notice-list{grid-template-columns:1fr;gap:12px}.notice-item{padding:18px}}
.notice-item:hover{padding-left:20px}