@charset "utf-8";
:root{--notice-brand:#7ca52c;--notice-soft:#f2f7e8;--notice-line:#e7e7e7}
.notice-page{min-height:calc(100vh - 120px);background:#f5f5f5}
.notice-head{padding:22px 16px 18px;background:#fff;border-bottom:8px solid #f5f5f5}
.notice-head h1{margin:0;font-size:23px}
.notice-head p{margin:7px 0 0;color:#777;font-size:12px}
.notice-list{padding:12px}
.notice-card{display:block;margin-bottom:9px;padding:15px 16px;border:1px solid var(--notice-line);border-radius:9px;background:#fff;color:#222}
.notice-card.important{border-color:#dce8c4;background:#fbfdf7}
.notice-card-head{display:flex;align-items:center;justify-content:flex-start;gap:6px}
.notice-badge{flex:0 0 auto;color:#557b13;font-size:12px;font-weight:900;white-space:nowrap}
.notice-card strong{min-width:0;font-size:14px;font-weight:600;line-height:1.45}
.notice-card-meta{display:flex;align-items:center;gap:10px;margin-top:8px;color:#999;font-size:11px}
.notice-empty{padding:70px 20px;border-radius:12px;background:#fff;text-align:center;color:#777}
.notice-more-button{display:block;width:min(100%,320px);height:44px;margin:14px auto 4px;border:1px solid #ddd;border-radius:9px;background:#fff;color:#555;font-size:13px;font-weight:700}
.notice-more-button:disabled{opacity:.6;cursor:wait}
.notice-detail{padding:18px 16px;background:#fff}
.notice-detail-head{padding-bottom:17px;border-bottom:1px solid var(--notice-line)}
.notice-detail-head h1{margin:10px 0 9px;font-size:20px;line-height:1.45}
.notice-detail-meta{display:flex;flex-wrap:wrap;gap:10px;color:#999;font-size:11px}
.notice-content{min-height:220px;padding:24px 0;color:#333;font-size:14px;line-height:1.75;overflow-wrap:anywhere}
.notice-content img{max-width:100%;height:auto}
.notice-list-link{display:flex;height:44px;border-radius:8px;background:#666;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800}