.notice-toolbar,.notice-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:20px 0}.notice-toolbar select{max-width:200px}.notice-row{display:flex;width:100%;align-items:center;gap:16px;text-align:left;border:0;border-bottom:1px solid #e9eef5;background:white;padding:22px;color:#25364c;cursor:pointer;transition:background .2s}.notice-row:hover{background:#f3f7ff}.notice-row>span:nth-child(2){flex:1;min-width:0}.notice-row strong{display:block;font-size:15px;overflow-wrap:anywhere}.notice-row small,.notice-person small,.notice-history small{display:block;color:#7b8799;margin-top:7px}.notice-icon{background:#edf3ff;color:#517bc1;border-radius:12px;padding:12px;font-size:24px}.notice-badge{background:#edf3ff;color:#5075b0;border-radius:20px;padding:5px 10px;font-size:12px;white-space:nowrap}.notice-badge.is-late{background:#fff1e8;color:#af5924}.notice-empty{padding:35px;text-align:center;color:#8a97aa}.notice-sheet{max-width:850px!important}.notice-form{display:grid;gap:18px}.notice-form label{display:grid;gap:8px;font-weight:600}.notice-form input:not([type=checkbox]),.notice-form textarea,#ntWithdrawReason,.notice-receipt textarea{width:100%;box-sizing:border-box}.notice-check,.notice-person{display:flex!important;align-items:center;gap:12px!important}.notice-recipients{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:300px;overflow:auto}.notice-person{border:1px solid #e2e9f3;border-radius:12px;padding:14px;font-weight:400!important}.notice-person[hidden],.notice-receipt[hidden]{display:none!important}.notice-muted{color:#7a889b;font-size:13px}.notice-files{display:flex;gap:8px;flex-wrap:wrap}.notice-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.notice-summary{padding:18px;background:linear-gradient(120deg,#eff5ff,#f7fbfd);border-radius:16px}.notice-summary h2{font-size:22px}.notice-summary p{color:#718096;font-size:13px}.notice-requirement{padding:16px 20px;border-left:3px solid #7fabea;background:#f6f9ff;margin:22px 0}.notice-receipt{padding:20px;border:1px solid #e1e8f2;border-radius:14px;margin-top:14px}.notice-receipt header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.notice-receipt small{color:#8a97a8}.notice-history{margin-top:24px;border-top:1px solid #e7edf5;padding-top:20px}.notice-history article{padding:14px;border-left:2px solid #d8e5f6;margin:12px 0}.notice-history summary{cursor:pointer;color:#6382ad}#homeNotices{margin:18px 0}#noticeFoot{padding:20px} @media(max-width:600px){.notice-row{padding:16px;gap:10px;flex-wrap:wrap}.notice-row .notice-badge{margin-left:46px}.notice-icon{padding:8px;font-size:20px}.notice-recipients{grid-template-columns:1fr}.notice-receipt header{flex-wrap:wrap}}

/* 与全站列表标题、表单控件及弹窗留白保持一致。 */
.notice-page-hint{margin:0 0 20px;color:#7c8ea1;font-size:13px;line-height:1.8}
#viewNotifications .notice-toolbar{margin:0 0 20px;padding:14px 18px;background:var(--surface,#fff);border:1px solid var(--line,#e1e8f2);border-radius:12px;gap:12px}
.notice-toolbar label{font-size:13px;color:#4f657b;white-space:nowrap}
.notice-toolbar select{height:42px;min-width:180px;padding:8px 12px;border:1px solid #dce5ee}
#noticeList{overflow:hidden}.notice-row:last-child{border-bottom:0}
#noticeBody .notice-form{gap:18px}
#noticeBody .notice-form label{font-size:13px;font-weight:550;color:#4f657b;line-height:1.6}
#noticeBody .notice-form input:not([type=checkbox]):not([type=file]),#noticeBody textarea{display:block;width:100%;min-width:0;padding:10px 12px;border:1px solid #dce5ee;border-radius:9px;background:#fff;color:#31485f;font-family:inherit;font-size:14px;line-height:1.6;box-sizing:border-box;transition:border-color .18s,box-shadow .18s}
#noticeBody .notice-form input:not([type=checkbox]):not([type=file]){height:44px}
#noticeBody textarea{min-height:100px;resize:vertical}
#noticeBody input:focus,#noticeBody textarea:focus{outline:none;border-color:#8bb5d5;box-shadow:var(--focus-ring,0 0 0 3px #367fbd20)}
#noticeBody input[type=file]{font:inherit;padding:10px;border:1px dashed #dce5ee;border-radius:9px;background:#f8fafc;font-weight:400}
#noticeBody input[type=file]::file-selector-button{padding:7px 12px;margin-right:12px;border:1px solid #dce5ee;border-radius:7px;background:#fff;color:#4f657b;cursor:pointer}
#noticeBody .notice-check{padding:12px 14px;background:#f6f9fc;border-radius:9px}
#noticeBody .notice-person:has(input:checked){border-color:#8bb5d5;background:#f1f7fc}
#noticeBody .notice-muted{margin:0;font-weight:400}
#homeNotices.notice-alert{--notice-alert-rgb:213,151,36;border:1px solid #e9bd63;background:#fffcf3;animation:notice-breathe 2.8s ease-in-out infinite}
#homeNotices.notice-alert .ui-panel-head{background:#fff7df}
#homeNotices.notice-alert .ui-panel-title::before{content:'';display:inline-block;width:8px;height:8px;margin-right:9px;border-radius:50%;background:rgb(var(--notice-alert-rgb));box-shadow:0 0 0 4px rgba(var(--notice-alert-rgb),.12)}
#homeNotices.notice-alert .notice-row{background:transparent}
#homeNotices.notice-alert .notice-row:hover{background:rgba(var(--notice-alert-rgb),.07)}
#homeNotices.notice-alert-overdue{--notice-alert-rgb:211,77,77;border-color:#e9a0a0;background:#fff8f7}
#homeNotices.notice-alert-overdue .ui-panel-head{background:#ffedeb}
#homeNotices.notice-alert-overdue .notice-badge.is-late{background:#ffe3df;color:#b44444}
@keyframes notice-breathe{0%,100%{box-shadow:0 0 0 0 rgba(var(--notice-alert-rgb),.05)}50%{box-shadow:0 0 0 4px rgba(var(--notice-alert-rgb),.12),0 4px 20px rgba(var(--notice-alert-rgb),.12)}}
@media(prefers-reduced-motion:reduce){#homeNotices.notice-alert{animation:none;box-shadow:0 0 0 2px rgba(var(--notice-alert-rgb),.10)}}
@media(max-width:600px){#viewNotifications .list-head{gap:12px;flex-wrap:wrap}.notice-toolbar select{flex:1;max-width:none;min-width:0}#noticeBody .notice-form{gap:16px}}

/* 通知详情：清晰区分通知、要求、反馈与辅助时间。 */
#noticeBody .notice-detail{font-size:14px;color:#40546a;line-height:1.75}
#noticeBody .notice-detail h2,#noticeBody .notice-detail h3,#noticeBody .notice-detail h4,#noticeBody .notice-detail p{margin:0}
#noticeBody .notice-detail .notice-summary{padding:24px;background:#f3f7fc;border:1px solid #e9eff6;border-radius:14px}
#noticeBody .notice-detail h2{font-size:24px;line-height:1.4;font-weight:650;color:#20374f;margin:12px 0 20px;overflow-wrap:anywhere}
.notice-detail .notice-meta{display:flex;flex-wrap:wrap;gap:16px 36px;font-size:12px;color:#8190a2}
.notice-detail .notice-meta strong{display:block;margin-top:4px;color:#52677d;font-size:13px;font-weight:500}
#noticeBody .notice-detail h3{font-size:16px;font-weight:650;color:#263f59;line-height:1.5}
#noticeBody .notice-detail .notice-content-section{padding:26px 4px}
#noticeBody .notice-detail .notice-content-section>.notice-text{margin-top:12px;line-height:1.9}
#noticeBody .notice-detail .notice-requirement{margin:0 0 30px;padding:20px 22px;border-left:3px solid #91b4de;border-radius:0 10px 10px 0;background:#f6f9fd}
#noticeBody .notice-detail .notice-requirement .notice-text{margin-top:10px;font-size:14px;line-height:1.9}
.notice-required-tag{display:inline-block;margin-top:12px;font-size:12px;color:#986f2e;background:#fff2d6;padding:3px 9px;border-radius:5px}
.notice-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
#noticeBody .notice-section-head p{margin-top:6px;color:#8190a2;font-size:12px}
.notice-filter-label{display:flex;align-items:center;gap:10px;font-size:12px;color:#7d8da0}
#ntReceiptFilter{height:40px;min-width:140px;padding:8px 30px 8px 12px;border:1px solid #dce5ee;border-radius:9px;background:#fff;font:inherit;font-size:13px;color:#40546a}
#noticeBody .notice-detail .notice-receipt{padding:0;margin:0 0 16px;overflow:hidden;border:1px solid #e2e9f2;border-radius:12px;box-shadow:0 3px 10px #243d5704}
#noticeBody .notice-detail .notice-receipt header{padding:20px 22px;margin:0;border-bottom:1px solid #edf1f6;background:#fff;align-items:flex-start}
#noticeBody .notice-detail h4{font-size:15px;font-weight:650;color:#29425b;line-height:1.6}
#noticeBody .notice-detail .notice-person-meta{margin-top:6px;font-size:12px;color:#7d8da0}
.notice-person-meta span{display:inline-block;margin-left:12px;color:#929eae}
.notice-detail .notice-badge{display:inline-flex;align-items:center;font-size:12px;line-height:1.5;padding:5px 10px;flex-shrink:0}
.notice-status-accepted{color:#357964;background:#eaf6f0}.notice-status-returned{color:#a77124;background:#fff3db}.notice-status-submitted{color:#5075b0;background:#edf3ff}
.notice-feedback-content{padding:20px 22px;background:#fafbfd}
.notice-field-caption{display:block;font-size:12px;color:#8190a2;font-weight:500;margin-bottom:8px;line-height:1.6}
#noticeBody .notice-detail .notice-feedback-content>.notice-text{font-size:14px;color:#40546a;line-height:1.9}
.notice-receipt-times{display:flex;flex-wrap:wrap;gap:6px 24px;padding:12px 22px;border-top:1px solid #edf1f6;font-size:12px;color:#8a97a8;background:#fff}
.notice-review-area{padding:20px 22px;border-top:1px solid #edf1f6}.notice-review-area .notice-actions{margin:16px 0 0;justify-content:flex-end}
.notice-attachment-block{margin-top:16px}.notice-attachment-block a{display:inline-block;margin:0 8px 8px 0;padding:7px 10px;border:1px solid #e2e9f2;border-radius:7px;background:white;font-size:13px;overflow-wrap:anywhere}
#noticeBody .notice-detail .notice-history{margin-top:28px;padding-top:20px;font-size:13px}
#noticeBody .notice-detail .notice-history article .notice-text{margin-top:8px}
#noticeFoot:has(#ntWithdraw){justify-content:flex-end}#noticeFoot #ntWithdraw{flex:0 0 auto;width:auto;min-width:112px}
@media(max-width:600px){#noticeBody .notice-detail .notice-summary{padding:20px}#noticeBody .notice-detail h2{font-size:21px}.notice-section-head{align-items:flex-start;flex-direction:column}.notice-filter-label{width:100%;justify-content:space-between}#ntReceiptFilter{flex:1;max-width:210px}#noticeBody .notice-detail .notice-receipt header,.notice-feedback-content,.notice-review-area{padding:16px}.notice-receipt-times{padding:12px 16px;flex-direction:column}.notice-person-meta span{display:block;margin:3px 0 0}}

/* 状态色表达业务含义，内容区域使用中性色，避免蓝色承担所有层级。 */
:root{--notice-success-bg:#dcfce7;--notice-success-text:#166534;--notice-info-bg:#dbeafe;--notice-info-text:#1e40af;--notice-warning-bg:#fef3c7;--notice-warning-text:#92400e;--notice-danger-bg:#fee2e2;--notice-danger-text:#991b1b;--notice-neutral-bg:#e5e7eb;--notice-neutral-text:#4b5563}
.notice-badge.notice-status-completed,.notice-badge.notice-status-accepted{background:var(--notice-success-bg);color:var(--notice-success-text)}
.notice-badge.notice-status-published,.notice-badge.notice-status-submitted{background:var(--notice-info-bg);color:var(--notice-info-text)}
.notice-badge.notice-status-pending,.notice-badge.notice-status-returned{background:var(--notice-warning-bg);color:var(--notice-warning-text)}
.notice-badge.notice-status-draft,.notice-badge.notice-status-withdrawn{background:var(--notice-neutral-bg);color:var(--notice-neutral-text)}
.notice-badge.is-late,#homeNotices.notice-alert-overdue .notice-badge.is-late{background:var(--notice-danger-bg);color:var(--notice-danger-text)}
.notice-badge{font-weight:600}
#noticeBody .notice-detail .notice-summary{background:#f7f8fa;border-color:#e5e7eb}
#noticeBody .notice-detail .notice-requirement{background:#f8fafc;border-left-color:#94a3b8}
#noticeBody .notice-detail h2,#noticeBody .notice-detail h3,#noticeBody .notice-detail h4,.notice-row strong{color:#1f2937}
#noticeBody .notice-detail .notice-text{color:#475569}
#noticeBody .notice-detail .notice-meta,#noticeBody .notice-detail .notice-field-caption,.notice-row small{color:#64748b}
#noticeFoot .notice-delete-button{color:#b42318;border-color:#f0cbc6;flex:0 0 auto;width:auto;margin-right:auto}#noticeFoot .notice-delete-button:hover{background:#fff1ef}#noticeFoot #ntDeleteConfirm{background:#b42318;border-color:#b42318;color:#fff}.notice-delete-confirm h3{font-size:18px;color:#263f59;margin:0 0 18px;overflow-wrap:anywhere}.notice-delete-confirm p{line-height:1.8;margin:12px 0}