{source}<!--
觀察雜誌首頁主題文章 Slider v2
HTML 結構版：需另外載入 observer-home-slider.css 與 observer-home-slider.js
每一組 <article class="obs-slider__slide"> 就是一張輪播。
-->

<section class="obs-slider" aria-label="主題文章輪播" data-autoplay="true" data-interval="5800">
<div class="obs-slider__viewport">
<div class="obs-slider__track">

<article class="obs-slider__slide is-active">
<div class="obs-slider__content">
<p class="obs-slider__eyebrow">主題文章</p>
<h2 class="obs-slider__title">20萬人在凱道怒吼：我們受夠了│紀欣</h2>
<p class="obs-slider__excerpt">7月25日，一場由台北市長蔣萬安率先發動的「我是人、我反毒台」集會在凱道舉行</p>
<a class="obs-slider__more" href="/https://observer-taipei.com/magazine-list/111-2026/353-202608no156">閱讀更多</a>
</div>
<a class="obs-slider__media" href="/https://observer-taipei.com/magazine-list/111-2026/353-202608no156" aria-label="閱讀「現狀」各說各話，如何維持？">
<img src="https://observer-taipei.com/images/banners/156BANNER.jpg" alt="20萬人在凱道怒吼：我們受夠了│紀欣" width="1200" height="630" loading="eager">
</a>
</article>

<article class="obs-slider__slide is-active">
<div class="obs-slider__content">
<p class="obs-slider__eyebrow">主題文章</p>
<h2 class="obs-slider__title">「現狀」各說各話，如何維持？│紀欣</h2>
<p class="obs-slider__excerpt">6月初《聯合報》民調顯示，台灣63%的民眾支持「永遠維持現狀」，創下歷年調查以來的新高。</p>
<a class="obs-slider__more" href="https://observer-taipei.com/magazine-list/111-2026/352-202607no155">閱讀更多</a>
</div>
<a class="obs-slider__media" href="https://observer-taipei.com/magazine-list/111-2026/352-202607no155" aria-label="閱讀「現狀」各說各話，如何維持？">
<img src="https://observer-taipei.com/images/banners/cover155BANNER.jpg" alt="「現狀」各說各話，如何維持？" width="1200" height="630" loading="eager">
</a>
</article>

<article class="obs-slider__slide">
<div class="obs-slider__content">
<p class="obs-slider__eyebrow">主題文章</p>
<h2 class="obs-slider__title">「加大國防才有和平」謊言可以休矣！│紀欣</h2>
<p class="obs-slider__excerpt">針對習近平面告川普「台獨與台海和平水火不容」、美方應慎重處理台灣問題，本文進一步分析兩岸和平的新形勢。</p>
<a class="obs-slider__more" href="https://observer-taipei.com/magazine-list/111-2026/349-202606no154">閱讀更多</a>
</div>
<a class="obs-slider__media" href="https://observer-taipei.com/magazine-list/111-2026/349-202606no154" aria-label="閱讀「加大國防才有和平」謊言可以休矣！">
<img src="https://observer-taipei.com/images/banners/cover154BANNER.jpg" alt="「加大國防才有和平」謊言可以休矣！" width="1200" height="630" loading="lazy">
</a>
</article>

<article class="obs-slider__slide">
<div class="obs-slider__content">
<p class="obs-slider__eyebrow">主題文章</p>
<h2 class="obs-slider__title">國共峰會後兩岸關係發展│紀欣</h2>
<p class="obs-slider__excerpt">4月10日的國共峰會才過了半個多月，兩岸關係發展已有明顯變化。</p>
<a class="obs-slider__more" href="https://observer-taipei.com/magazine-list/111-2026/348-202605no153">閱讀更多</a>
</div>
<a class="obs-slider__media" href="https://observer-taipei.com/magazine-list/111-2026/348-202605no153" aria-label="閱讀國共峰會後兩岸關係發展">
<img src="https://observer-taipei.com/images/banners/cover153BANNER.jpg" alt="國共峰會後兩岸關係發展" width="1200" height="630" loading="lazy">
</a>
</article>

<article class="obs-slider__slide">
<div class="obs-slider__content">
<p class="obs-slider__eyebrow">主題文章</p>
<h2 class="obs-slider__title">中東戰火對台衝擊擴大中│紀欣</h2>
<p class="obs-slider__excerpt">美國與以色列對伊朗發動戰事後，區域局勢持續升高，對台灣的政治與經濟衝擊也逐步擴大。</p>
<a class="obs-slider__more" href="https://observer-taipei.com/magazine-list/111-2026/346-202604no152">閱讀更多</a>
</div>
<a class="obs-slider__media" href="https://observer-taipei.com/magazine-list/111-2026/346-202604no152" aria-label="閱讀中東戰火對台衝擊擴大中">
<img src="https://observer-taipei.com/images/banners/cover152BANNER.jpg" alt="中東戰火對台衝擊擴大中" width="1200" height="630" loading="lazy">
</a>
</article>

</div>

<button class="obs-slider__arrow obs-slider__arrow--prev" type="button" aria-label="上一篇"><span aria-hidden="true">‹</span></button>
<button class="obs-slider__arrow obs-slider__arrow--next" type="button" aria-label="下一篇"><span aria-hidden="true">›</span></button>
</div>

<div class="obs-slider__dots" aria-label="輪播頁面"></div>
<p class="obs-slider__status sr-only" aria-live="polite"></p>
</section>{/source}