/* Hailang updates: approved full-page design, scoped to this page. */
@media(min-width:801px){.hailang-updates .updates-panel-head h2{font-size:22px}}
.hailang-updates { color:#14243c; background:#f2f7fb; }
.updates-main { padding:20px 0 24px; }
.updates-breadcrumb { font-size:14px; line-height:20px; color:#738197; margin-bottom:12px; }
.updates-heading { display:flex; align-items:center; gap:24px; height:40px; margin-bottom:12px; }
.updates-heading h1 { font-size:28px; line-height:40px; margin:0; }
.updates-heading p,.updates-heading > span { font-size:14px; color:#738197; margin:0; }
.updates-heading > span { margin-left:auto; }
.updates-calendar { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); background:white; border:1px solid #e0eaf2; border-radius:4px; height:96px; padding:7px; gap:8px; margin-bottom:20px; }
.updates-day { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border:1px solid transparent; border-radius:4px; background:white; font-family:inherit; cursor:pointer; color:#14243c; padding:5px 0; min-width:0; }
.updates-weekday { font-size:14px; line-height:20px; color:#738197; }
.updates-day strong { font-size:22px; line-height:28px; }
.updates-day-state { font-size:12px; line-height:16px; min-height:16px; }
.updates-day.is-selected { border-color:#087df0; background:#eef7ff; color:#087df0; }
.updates-day.is-selected .updates-weekday { color:#087df0; font-weight:600; }
.updates-today { position:absolute; right:5px; top:6px; padding:0 5px; border:1px solid #d9e3ed; border-radius:3px; background:white; color:#738197; font-size:12px; line-height:18px; }
.updates-day:disabled { color:#a6b1bd; background:#f7f9fb; cursor:not-allowed; }
.updates-day:disabled .updates-weekday { color:#a6b1bd; }
.updates-filters { display:flex; align-items:center; gap:24px; border:1px solid #e0eaf2; border-radius:4px; background:white; padding:13px 23px; min-height:62px; margin-bottom:20px; }
.updates-filters label { display:flex; align-items:center; gap:18px; color:#738197; font-size:14px; }
.updates-filters select { width:164px; height:34px; border:1px solid #dce6ef; border-radius:3px; background:white; padding:0 12px; font-family:inherit; font-size:16px; color:#14243c; }
.updates-apply { min-height:34px; padding:0 14px; border:1px solid #dce6ef; border-radius:3px; color:#087df0; background:white; cursor:pointer; }
.updates-reset,.updates-shelf { font-size:14px; color:#087df0; }.updates-shelf { margin-left:auto; }
.updates-panel { padding:0 19px; border:1px solid #e0eaf2; background:white; border-radius:4px; }
.updates-panel-head { height:59px; display:flex; align-items:center; gap:20px; }
.updates-panel-head h2 { font-size:24px; line-height:30px; margin:0; padding-left:14px; border-left:4px solid #087df0; white-space:nowrap; }
.updates-panel-head > span { font-size:14px; color:#738197; }
.updates-panel-head button { margin-left:auto; width:104px; height:34px; border:1px solid #dce6ef; border-radius:3px; background:white; color:#087df0; font-size:14px; cursor:pointer; }
.updates-table { width:100%; border-collapse:collapse; table-layout:fixed; }
.uc-time{width:9.1%}.uc-book{width:28.8%}.uc-author{width:14.2%}.uc-chapter{width:23.6%}.uc-genre{width:7.6%}.uc-status{width:10.8%}.uc-action{width:5.9%}
.updates-table th { text-align:left; height:42px; font-size:14px; font-weight:400; background:#f5f8fb; color:#738197; }
.updates-table td { height:62px; border-bottom:1px solid #edf1f6; color:#738197; font-size:14px; padding:0 12px 0 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.updates-table td:first-child,.updates-table th:first-child { padding-left:18px; }
.updates-table time { font-size:16px; }
.updates-book { display:flex; align-items:center; gap:16px; color:#14243c; min-width:0; }
.updates-book img { width:36px; height:50px; object-fit:cover; flex-shrink:0; }
.updates-book strong { font-size:18px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.updates-table .updates-chapter { font-size:16px; color:#61718a; }.updates-chapter a { display:block; overflow:hidden; text-overflow:ellipsis; }
.updates-read { color:#087df0; font-size:14px; }.updates-table tbody tr:nth-child(-n+3) time,.updates-table tbody tr:nth-child(-n+3) .updates-chapter { color:#087df0; }
.updates-table-foot { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:62px; font-size:14px; color:#738197; padding:10px 4px; }
.updates-table-foot a { color:#087df0; white-space:nowrap; }
.updates-table .updates-empty td { text-align:center; height:180px; white-space:normal; padding:32px; line-height:26px; }
.updates-more { display:flex; align-items:center; justify-content:space-between; gap:20px; height:72px; margin-top:20px; padding:10px 23px; background:white; border:1px solid #e0eaf2; border-radius:4px; }
.updates-more h2 { font-size:18px; line-height:26px; margin:0; }.updates-more p { font-size:14px; margin:0; color:#738197; }
.updates-more > a { min-height:40px; padding:8px 24px; border-radius:3px; color:white; background:#087df0; font-size:16px; font-weight:600; white-space:nowrap; }
.hailang-updates a:focus-visible,.hailang-updates button:focus-visible,.hailang-updates select:focus-visible { outline:2px solid #087df0; outline-offset:3px; }
@media(max-width:1000px) { .updates-filters { gap:12px; flex-wrap:wrap; }.updates-heading > span { font-size:12px; }.updates-today { right:2px; top:1px; font-size:10px; }.updates-book strong{font-size:16px}.updates-table .updates-chapter{font-size:14px} }
@media(max-width:700px) {
 .updates-heading { height:auto; flex-wrap:wrap; gap:4px 16px; }.updates-heading h1 {font-size:24px}.updates-heading > span{width:100%;margin:6px 0;font-size:13px}.updates-heading p{font-size:13px}
 .updates-calendar { gap:3px; padding:5px; height:102px; }.updates-day{padding:18px 0 0}.updates-weekday{font-size:12px}.updates-day strong{font-size:14px;line-height:20px}.updates-day-state{font-size:10px}.updates-today{top:1px;left:4px;right:4px;padding:0;font-size:10px;line-height:14px;text-align:center}
 .updates-filters{padding:12px;gap:10px}.updates-filters label{gap:8px}.updates-filters select{width:115px;font-size:14px}.updates-shelf{width:100%;margin:0}
 .updates-panel{padding:0 12px}.updates-panel-head{height:auto;min-height:80px;flex-wrap:wrap;padding:14px 0;gap:10px}.updates-panel-head h2{font-size:20px}.updates-panel-head > span{font-size:12px}.updates-panel-head button{width:82px;height:32px;font-size:12px}
 .updates-table,.updates-table tbody{display:block}.updates-table colgroup,.updates-table thead{display:none}.updates-table tr{display:grid;grid-template-columns:48px minmax(0,1fr) 44px;grid-template-rows:34px 28px;gap:0 8px;padding:12px 0;border-bottom:1px solid #edf1f6}
 .updates-table td{display:block;height:auto;min-width:0;padding:0!important;border:0}.updates-table td:first-child{grid-column:1;grid-row:1/3;align-self:center}.updates-table time{font-size:12px}.updates-table td:nth-child(2){grid-column:2;grid-row:1}.updates-book{gap:8px}.updates-book img{width:24px;height:32px}.updates-book strong{font-size:15px}
 .updates-table td.updates-author,.updates-table td.updates-genre,.updates-table td.updates-status{display:none}.updates-table td.updates-chapter{grid-column:2;grid-row:2;padding-left:32px!important;align-self:center;font-size:12px}.updates-table td:last-child{grid-column:3;grid-row:1/3;align-self:center}.updates-read{font-size:12px}
 .updates-table tr.updates-empty{display:block}.updates-table .updates-empty td{padding:24px 12px!important;height:auto;white-space:normal}
 .updates-table-foot{font-size:12px}.updates-more{height:auto;min-height:100px;flex-wrap:wrap;padding:12px}.updates-more h2{font-size:16px}.updates-more > a{font-size:14px}
}