.system-notice-card{margin:12px;padding:20px;background:#fff;border-radius:12px;line-height:1.8;color:#303133;white-space:pre-wrap;overflow-wrap:anywhere}
.notice-welfare-refresh,.notice-welfare-pager button{border:1px solid #dce5ef;border-radius:7px;background:#fff;color:#4285f4;padding:8px 14px;font:inherit;cursor:pointer}
#noticeContent>.notice-welfare-refresh{margin:0 12px 12px}
.notice-welfare-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:16px 10px;color:#8996ab;font-size:13px}
.notice-welfare-pager button:disabled{opacity:.45;cursor:default}
.welfare-packet-list{display:flex;flex-direction:column;gap:14px;margin:14px}
.welfare-packet-card{background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#ff8a95);border-radius:14px;padding:16px;color:#fff;box-shadow:0 3px 10px #ee5a6f40;overflow:hidden}
.welfare-packet-card.is-claimed{background:linear-gradient(135deg,#95a5a6,#7f8c8d,#95a5a6);opacity:.85}
.welfare-packet-card.is-finished{background:linear-gradient(135deg,#bdc3c7,#95a5a6,#bdc3c7);opacity:.7}
.welfare-packet-head{display:flex;align-items:center;gap:12px}.welfare-packet-head>div{min-width:0;flex:1}.welfare-packet-head h3{margin:0 0 6px;font-size:18px;overflow-wrap:anywhere;color:inherit}.welfare-packet-head time{font-size:12px;opacity:.9}
.welfare-packet-icon{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;background:#fff3;border-radius:10px;font-size:28px}
.welfare-packet-progress-text{display:flex;justify-content:space-between;gap:8px;margin:16px 0 8px;font-size:13px;flex-wrap:wrap}
.welfare-packet-track{height:5px;background:#fff3;border-radius:5px;overflow:hidden}.welfare-packet-track>div{height:100%;background:linear-gradient(90deg,#fff,#fff5f5)}
.welfare-packet-claim{margin-top:16px;width:100%;border:1px solid #fff5;border-radius:8px;padding:10px;background:#fff3;color:#fff;font:inherit;font-weight:600;cursor:pointer}.welfare-packet-claim:disabled{cursor:default;opacity:.8}