/* 2026 最新消息列表
   來源：news/index.php（2026-10-05 由內嵌搬出，第一階段只搬家、規則未改） */

/* 頁首：base.css 的 .h26-top */
/* 列表：比照 2023 版卡片（主色底、圖片黑白 hover 轉彩色、圖片下緣箭頭、右下黑底按鈕），另加簡述 */
.n26-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; }
.n26-list li { margin: 0; }
.n26-list a { display: flex; flex-direction: column; height: 100%; padding: 3rem; border-radius: .3rem; background: var(--accent, #ffff1e); color: #000; text-decoration: none; overflow: hidden; }
.h26 .n26-list a:hover, .h26 .n26-list a:focus { background: var(--accent, #ffff1e) !important; color: #000 !important; }
.n26-list a:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.n26-list .ph { position: relative; display: block; aspect-ratio: 3 / 2; overflow: hidden; margin: -3rem -3rem 3rem; background: #161616; }
.n26-list .ph img { display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; filter: grayscale(100%); transition: transform .7s cubic-bezier(.86,0,.07,1), filter .7s cubic-bezier(.86,0,.07,1); }
.n26-list a:hover .ph img, .n26-list a:focus-visible .ph img { filter: grayscale(0%); transform: scale(1.1); }
.n26-list .ph .noph { position: absolute; inset: 0; display: grid; place-items: center; font-size: 5.6rem; color: rgba(255,255,255,.12); }
.n26-list .ph .arr { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; justify-content: center; color: var(--accent, #ffff1e); transform: translateY(4rem); transition: transform .2s; }
.n26-list .ph .arr svg { display: block; width: 55px; height: 23px; }
.n26-list a:hover .ph .arr, .n26-list a:focus-visible .ph .arr { transform: translateY(-2rem); }
.n26-list .t { margin: 0 0 .5rem; font-size: 1.7rem; font-weight: 700; line-height: 1.2; color: #000; }
.n26-list .d { display: block; font-size: 1.4rem; line-height: 1.7; color: #000; }
.n26-list .b { margin: 1.6rem 0 0; font-size: 1.4rem; line-height: 1.8; color: rgba(0,0,0,.75); text-align: justify; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.n26-list .more { align-self: flex-end; padding: 1.3rem 2.5rem; border: 3px solid #000; background: #000; color: var(--accent, #ffff1e); font-size: 1.3rem; line-height: 1.4; transition: background .3s, color .3s; }
.n26-list .gap { display: block; flex: 1 0 3rem; }
.n26-list a:hover .more, .n26-list a:focus-visible .more { background: var(--accent, #ffff1e); color: #000; }
@media (max-width: 1199px) { .n26-list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) {
	.n26-list { grid-template-columns: 1fr; gap: 3rem; }
	.n26-list a { padding: 5rem 3rem 3rem; }
	.n26-list .ph { margin: -5rem -3rem 3rem; }
	.n26-list .ph .arr { display: none; }
}