.notice-board{background:linear-gradient(135deg,#e0f7e9,#c1f0d1);border:2px solid #138808;border-radius:12px;padding:20px;box-shadow:0 6px 20px #00000026;max-height:400px;overflow-y:auto;scroll-behavior:smooth}.notice-title{font-size:24px;font-weight:700;color:#138808;text-align:center;margin-bottom:20px;position:sticky;top:0;background:linear-gradient(135deg,#e0f7e9,#c1f0d1);z-index:1;padding:10px 0;border-bottom:2px solid #138808;border-radius:8px 8px 0 0}.notice-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.notice-item{padding:12px 18px;border-radius:8px;border-left:4px solid #138808;background:#fffc;transition:all .3s ease,box-shadow .3s ease;cursor:pointer}.notice-item:hover{background:#138808;color:#fff;transform:translate(5px);box-shadow:0 4px 15px #0003}.notice-date{font-size:12px;color:#555;display:block;margin-bottom:5px}.notice-text{font-size:16px;font-weight:500}.notice-board::-webkit-scrollbar{width:8px}.notice-board::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.notice-board::-webkit-scrollbar-thumb{background:#138808;border-radius:10px}