.notice-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}
.notice-head h3{margin:0;color:var(--deep);font-size:32px;font-weight:950}
.notice-head p{margin:6px 0 0;color:var(--muted);font-weight:750}
.notice-table-wrap{overflow:hidden;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.notice-table{width:100%;border-collapse:collapse}
.notice-table caption{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.notice-table th{padding:16px 14px;background:#edf6ff;color:var(--deep);font-weight:950;border-bottom:1px solid var(--line)}
.notice-table td{padding:16px 14px;border-bottom:1px solid #edf2f8;text-align:center;color:#4c5b79;font-weight:750}
.notice-table tr:last-child td{border-bottom:0}
.notice-table td.title{text-align:left;color:var(--ink);font-weight:900}
.notice-table td.title a:hover{color:var(--blue);text-decoration:underline}
.notice-empty{padding:48px 20px;text-align:center;color:var(--muted);font-weight:800}
.notice-view{padding:34px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}
.notice-view-title{margin:0 0 12px;color:var(--deep);font-size:32px;font-weight:950;letter-spacing:-.03em}
.notice-view-meta{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--line);color:var(--muted);font-weight:750}
.notice-view-content{min-height:180px;color:#2d3a5a;font-size:18px;font-weight:650;line-height:1.8;white-space:pre-wrap}
.notice-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}
.pagination{display:flex;justify-content:center;gap:6px;margin-top:26px}
.pagination a,.pagination span{display:inline-flex;min-width:38px;height:38px;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--deep);font-weight:850}
.pagination .active{background:var(--deep);color:#fff;border-color:var(--deep)}
@media (max-width:700px){
    .notice-head{display:block}
    .notice-table thead{display:none}
    .notice-table,.notice-table tbody,.notice-table tr,.notice-table td{display:block;width:100%}
    .notice-table tr{border-bottom:1px solid var(--line);padding:12px 0}
    .notice-table td{border-bottom:0;text-align:left;padding:7px 18px}
    .notice-table td::before{content:attr(data-label);display:inline-block;min-width:64px;color:var(--blue);font-weight:950}
    .notice-table td.title::before{display:none}
    .notice-view{padding:24px}
    .notice-view-title{font-size:27px}
}