/* 更新日誌／指定漫畫列表共用；樣式只作用於此容器。 */
.comic-updates{--cu-ink:#234e55;--cu-muted:#668183;--cu-accent:#137f79;--cu-line:rgba(92,159,155,.24);--cu-soft:#edf5f4;--cu-card:rgba(255,255,255,.86);color:var(--cu-ink);padding:12px 0 28px}
html[data-comic-theme=night] .comic-updates{--cu-ink:#e1f0ec;--cu-muted:#a5c1bd;--cu-accent:#94ddcf;--cu-line:rgba(139,206,194,.26);--cu-soft:#344648;--cu-card:rgba(42,57,59,.9)}
.comic-updates [hidden]{display:none!important}
.comic-updates .cu-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;padding:12px 20px;border:1px solid var(--cu-line);border-radius:18px;background:linear-gradient(120deg,rgba(87,178,165,.15),rgba(66,143,168,.05));box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.comic-updates .cu-heading{display:flex;align-items:center;gap:11px;min-width:0}
.comic-updates .cu-heading::before{content:"";flex:none;width:4px;height:24px;border-radius:5px;background:linear-gradient(#48b7ad,#2588a2)}
.comic-updates .cu-header h1{margin:0;color:var(--cu-ink);font-size:24px;font-weight:600;line-height:1.2;transform:translateY(2px);letter-spacing:.02em;white-space:nowrap}
.comic-updates .cu-tabs{display:flex;flex:none;gap:4px;padding:4px;border:1px solid var(--cu-line);border-radius:12px;background:rgba(95,161,157,.06)}
.comic-updates .cu-tabs a{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 17px;min-height:36px;border:1px solid transparent;border-radius:8px;color:var(--cu-muted);font-size:13px;line-height:1.4;white-space:nowrap;text-decoration:none}
.comic-updates .cu-tabs .mdi{font-size:17px;line-height:1}
.comic-updates .cu-tabs a[aria-current]{color:var(--cu-accent);border-color:var(--cu-line);background:var(--cu-card);box-shadow:0 2px 8px rgba(13,63,65,.08),inset 0 1px 0 rgba(255,255,255,.2)}
.comic-updates .cu-tabs a:hover{color:var(--cu-accent)}
.comic-updates .cu-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px 16px}
.comic-updates .cu-card{min-width:0;padding:8px;border:1px solid var(--cu-line);border-radius:14px;background:var(--cu-card);box-shadow:0 5px 18px rgba(16,54,58,.05);overflow:hidden}
.comic-updates .cu-cover{display:block;position:relative;aspect-ratio:3/4;border-radius:9px;overflow:hidden;isolation:isolate;background:var(--cu-soft)}
.comic-updates .cu-cover img{display:block;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover;object-position:center;border:0;border-radius:0}
.comic-updates .cu-cover::after{content:"";position:absolute;inset:55% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(8,27,34,.35))}
.comic-updates .cu-range{position:absolute;z-index:1;bottom:7px;left:7px;max-width:calc(100% - 14px);padding:4px 7px;border:1px solid rgba(207,244,235,.3);border-radius:6px;background:rgba(17,76,79,.9);color:#f2fffb;font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 7px rgba(0,25,32,.14)}
.comic-updates .cu-end{position:absolute;z-index:1;right:7px;top:7px;max-width:calc(100% - 14px);padding:3px 5px;border:1px solid rgba(222,247,240,.3);border-radius:5px;background:rgba(23,54,61,.85);color:#effbf7;font-size:10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comic-updates .cu-end:empty{display:none}
.comic-updates .cu-info{padding:9px 2px 1px;min-width:0}
.comic-updates .cu-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:3em;overflow:hidden;overflow-wrap:anywhere;color:var(--cu-ink);font-size:14px;font-weight:600;line-height:1.5;text-decoration:none}
.comic-updates .cu-title:hover{color:var(--cu-accent)}
.comic-updates .cu-date{display:flex;align-items:center;gap:5px;margin-top:6px;color:var(--cu-muted);font-size:11px;line-height:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.comic-updates .cu-date .mdi{font-size:13px;line-height:1;opacity:.8}
.comic-updates .cu-pager{margin:24px 0 6px}
.comic-updates.cu-enhanced .cu-pager{display:none}
.comic-updates .cu-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:84px;margin-top:12px;padding:20px 10px 4px;color:var(--cu-muted);text-align:center}
.comic-updates .cu-status{margin:0;font-size:12px;line-height:20px}
.comic-updates .cu-loader[aria-busy=true] .cu-status::before{content:"";display:inline-block;width:13px;height:13px;margin-right:8px;border:2px solid var(--cu-line);border-top-color:var(--cu-accent);border-radius:50%;vertical-align:-2px;animation:cu-spin .8s linear infinite}
.comic-updates .cu-loader button{padding:8px 18px;min-height:36px;border:1px solid var(--cu-line);border-radius:9px;background:linear-gradient(140deg,rgba(145,212,203,.16),rgba(69,147,162,.08));color:var(--cu-accent);font:inherit;font-size:12px;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}
.comic-updates .cu-loader button:hover{border-color:var(--cu-accent)}
.comic-updates .cu-appended{animation:cu-appear .24s ease-out both}
.comic-updates a:focus-visible,.comic-updates button:focus-visible{outline:2px solid #2eaaa0;outline-offset:3px}
@supports(backdrop-filter:blur(12px)){.comic-updates .cu-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}}
@keyframes cu-spin{to{transform:rotate(360deg)}}
@keyframes cu-appear{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:991.98px){.comic-updates .cu-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px}}
@media(max-width:767.98px){.comic-updates{padding:8px 0 24px}.comic-updates .cu-header{padding:8px 12px;margin-bottom:15px;gap:8px;border-radius:13px}.comic-updates .cu-heading{gap:8px}.comic-updates .cu-heading::before{width:4px;height:20px}.comic-updates .cu-header h1{font-size:19px}.comic-updates .cu-tabs{padding:3px;gap:2px;border-radius:10px}.comic-updates .cu-tabs a{min-height:30px;padding:5px 10px;font-size:12px;gap:4px;border-radius:7px}.comic-updates .cu-tabs .mdi{font-size:15px}.comic-updates .cu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px 8px}.comic-updates .cu-card{padding:5px;border-radius:11px}.comic-updates .cu-cover{border-radius:7px}.comic-updates .cu-range{left:4px;bottom:4px;max-width:calc(100% - 8px);padding:3px 4px;border-radius:5px;font-size:10px}.comic-updates .cu-info{padding:7px 1px 1px}.comic-updates .cu-title{font-size:12px}.comic-updates .cu-date{margin-top:4px;gap:3px;font-size:10px}.comic-updates .cu-date .mdi{font-size:11px}}
@media(max-width:359px){.comic-updates .cu-header{padding:8px 10px}.comic-updates .cu-header h1{font-size:19px}.comic-updates .cu-tabs a{padding:6px 8px}.comic-updates .cu-tabs .mdi{display:none}}
@media(prefers-reduced-motion:reduce){.comic-updates .cu-appended,.comic-updates .cu-loader[aria-busy=true] .cu-status::before{animation:none}}