/*
Theme Name: 智新聞（報紙版面）
Template: nvbase
Description: news.111.com.tw 專屬外觀：報紙頭版、深藍＋白、襯線大標、頭條輪播、熱門排行、專題報導。
Version: 1.0.0
*/
:root{
	--navy:#0b2545; --navy2:#13315c; --ink:#16181d; --muted:#5b6472; --rule:#d5d9e0;
	--paper:#fff; --tint:#f3f5f9; --red:#b3121b; --up:#c62828; --down:#1b7f3b;
	--serif:"Noto Serif TC","Songti TC","PMingLiU",serif; --sans:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--sans)}
a{color:inherit;text-decoration:none}
a:hover{color:var(--navy2);text-decoration:underline;text-underline-offset:3px}
img{max-width:100%;display:block}
.nv-wrap{max-width:1240px;margin:0 auto;padding-inline:20px}

/* ---------- 頂條 ---------- */
.n111-top{background:var(--navy);color:#cfd8e6;font-size:13px}
.n111-top-in{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px}
.nv-search{display:flex}
.nv-search input{border:0;border-radius:2px 0 0 2px;padding:4px 10px;width:180px;font:inherit;font-size:13px}
.nv-search button{border:0;background:#2a4a7a;color:#fff;padding:4px 12px;border-radius:0 2px 2px 0;cursor:pointer;font:inherit;font-size:13px}

/* ---------- 報頭 ---------- */
.n111-mast{border-bottom:1px solid var(--ink)}
.n111-mast-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding-block:22px 18px;position:relative}
.n111-mast-in::after{content:"";position:absolute;left:20px;right:20px;bottom:3px;border-bottom:3px solid var(--ink)}
.n111-title{text-align:center;display:block}
.n111-title:hover{text-decoration:none;color:inherit}
.n111-name{display:block;font:900 clamp(44px,7vw,84px)/1 var(--serif);letter-spacing:.12em;color:var(--navy)}
.n111-sub{display:block;margin-top:10px;font-size:13px;letter-spacing:.2em;color:var(--muted)}
.n111-ear{border:1px solid var(--ink);padding:8px 12px;font-size:13px;line-height:1.6;max-width:210px;display:flex;flex-direction:column}
.n111-ear b{font-family:var(--serif);font-size:14px;border-bottom:1px solid var(--rule);margin-bottom:3px}
.n111-ear-r{justify-self:end;text-align:right}
.n111-ear .up{color:var(--up)} .n111-ear .down{color:var(--down)}

/* ---------- 選單 ---------- */
.n111-nav{background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50}
.admin-bar .n111-nav{top:32px}
.n111-menu{list-style:none;margin:0;padding:0;display:flex;justify-content:center;flex-wrap:wrap}
.n111-menu a{display:block;padding:11px 18px;font:600 16px var(--serif);letter-spacing:.08em}
.n111-menu li.on a,.n111-menu a:hover{background:var(--navy);color:#fff;text-decoration:none}
.n111-burger{display:none;background:none;border:0;font:600 16px var(--serif);padding:10px 0;cursor:pointer;color:var(--navy)}

/* ---------- 快訊 ---------- */
.n111-ticker{border-bottom:1px solid var(--rule);background:var(--tint)}
.n111-ticker-in{display:flex;align-items:center;gap:14px;height:42px;overflow:hidden}
.n111-ticker-tag{background:var(--red);color:#fff;padding:2px 10px;font-size:14px;flex:none}
.n111-ticker-run{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.n111-ticker-track{display:flex;gap:40px;width:max-content;animation:n111run 70s linear infinite;font-size:15px}
.n111-ticker-run:hover .n111-ticker-track{animation-play-state:paused}
.n111-ticker-track time{color:var(--red);margin-right:8px;font-weight:700}
@keyframes n111run{to{transform:translateX(-50%)}}

/* ---------- 版頭（A1／A2…） ---------- */
.n111-pagehead{display:flex;align-items:baseline;gap:12px;border-top:3px solid var(--navy);border-bottom:1px solid var(--navy);padding:6px 0;margin:34px 0 18px}
.n111-pg{background:var(--navy);color:#fff;font:700 14px var(--sans);padding:1px 8px;letter-spacing:.05em}
.n111-pgname{font:900 22px var(--serif);color:var(--navy);letter-spacing:.1em}
.n111-pgdate,.n111-pgmore{margin-left:auto;font-size:14px;color:var(--muted)}
.n111-kicker{display:block;font-size:13px;font-weight:700;color:var(--red);letter-spacing:.05em}

/* ---------- A1 頭版 ---------- */
.n111-a1-grid{display:grid;grid-template-columns:1fr 2.1fr 1fr;gap:0}
.n111-a1-grid>*{padding-inline:22px}
.n111-a1-grid>*+*{border-left:1px solid var(--rule)}
.n111-a1-grid>:first-child{padding-left:0}.n111-a1-grid>:last-child{padding-right:0}
.n111-brief-item{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--rule)}
.n111-brief-item:last-child{border:0;margin:0}
.n111-brief-item h3{font:700 18px/1.45 var(--serif);margin:2px 0 6px}
.n111-brief-item p{margin:0;font-size:14px;color:var(--muted);line-height:1.7}

.n111-lead{position:relative}
.n111-slide{display:none}
.n111-slide.is-on{display:block;animation:n111fade .5s}
@keyframes n111fade{from{opacity:.3}to{opacity:1}}
.n111-slide-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--tint);margin-bottom:12px}
.n111-slide-img img{width:100%;height:100%;object-fit:cover}
.n111-slide h2{font:900 clamp(24px,2.6vw,34px)/1.35 var(--serif);margin:4px 0 10px;color:var(--ink)}
.n111-slide p{margin:0;color:#333;font-size:15.5px}
.n111-dots{display:flex;gap:6px;margin:14px 0 6px}
.n111-dots button{width:30px;height:30px;border:1px solid var(--navy);background:#fff;color:var(--navy);font:700 13px var(--sans);cursor:pointer}
.n111-dots button.is-on{background:var(--navy);color:#fff}

.n111-boxtitle{font:900 18px var(--serif);color:#fff;background:var(--navy);margin:0 0 6px;padding:6px 12px;letter-spacing:.1em}
.n111-hot ol{list-style:none;margin:0;padding:0;counter-reset:h}
.n111-hot li{counter-increment:h;display:grid;grid-template-columns:30px 1fr;gap:6px;padding:9px 0;border-bottom:1px dotted var(--rule);font-size:15px;line-height:1.55}
.n111-hot li::before{content:counter(h);font:900 22px/1 var(--serif);color:var(--navy)}
.n111-hot li:nth-child(n+4)::before{color:#9aa6b8}

/* ---------- 專題 ---------- */
.n111-topics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.n111-topic{border:1px solid var(--navy);padding:16px;display:flex;flex-direction:column}
.n111-topic-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}
.n111-topic-head b{font:900 20px var(--serif);color:var(--navy)}
.n111-topic-head span{font-size:13px;color:var(--muted)}
.n111-topic-lead{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--tint)}
.n111-topic-lead img{width:100%;height:100%;object-fit:cover}
.n111-topic-lead span{position:absolute;inset:auto 0 0 0;padding:28px 12px 10px;background:linear-gradient(transparent,rgba(5,20,40,.88));color:#fff;font:700 16px/1.45 var(--serif)}
.n111-topic ul{margin:12px 0;padding-left:18px;font-size:15px;line-height:1.6}
.n111-topic li{margin-bottom:6px}
.n111-more{margin-top:auto;font-size:14px;color:var(--navy2);font-weight:700}

/* ---------- 各版＋側欄 ---------- */
.n111-body{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start}
.n111-sec-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}
.n111-sec.is-flip .n111-sec-big{order:2}
.n111-sec-img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--tint);margin-bottom:10px}
.n111-sec-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.n111-sec-img:hover img{transform:scale(1.03)}
.n111-sec-big h3{font:900 21px/1.45 var(--serif);margin:0 0 6px}
.n111-sec-big p{margin:0;font-size:14.5px;color:var(--muted)}
.n111-sec-list{list-style:none;margin:0;padding:0}
.n111-sec-list li{padding:11px 0;border-bottom:1px solid var(--rule);font:600 16px/1.5 var(--serif)}
.n111-sec-list li:first-child{padding-top:0}
.n111-sec-list time{display:block;font:400 12.5px var(--sans);color:var(--muted);margin-top:3px}

.nv-side{position:sticky;top:60px;margin-top:34px;font-size:15px}
.nv-side>*+*{margin-top:22px}
.nv-widget-title{font:900 17px var(--serif);border-top:3px solid var(--navy);border-bottom:1px solid var(--navy);padding:5px 0;margin:0 0 10px;color:var(--navy)}

/* ---------- 圖片新聞 ---------- */
.n111-pics{background:var(--navy);margin:44px -20px 0;padding:4px 20px 30px}
.n111-pics .n111-pagehead{border-color:#fff}
.n111-pics .n111-pg{background:#fff;color:var(--navy)}
.n111-pics .n111-pgname{color:#fff}
.n111-pics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.n111-pics-grid a{color:#fff;display:block}
.n111-pics-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;margin-bottom:8px}
.n111-pics-grid span{font:600 15px/1.5 var(--serif);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ---------- 頁尾 ---------- */
.n111-foot{background:#081a33;color:#c7d0de;margin-top:50px;font-size:14.5px}
.n111-foot-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-block:40px 30px}
.n111-foot .n111-name{color:#fff;font-size:40px;text-align:left}
.n111-foot h4{color:#fff;font:700 16px var(--serif);margin:0 0 10px;border-bottom:1px solid #2a3d5c;padding-bottom:6px}
.n111-foot ul{list-style:none;margin:0;padding:0;columns:2}
.n111-foot li{margin-bottom:6px}
.n111-foot a:hover{color:#fff}
.n111-copy{text-align:center;border-top:1px solid #1d3150;padding:14px;font-size:13px;color:#8796ad}

/* ---------- 內頁（列表、單篇） ---------- */
.nv-layout{display:grid;grid-template-columns:1fr 320px;gap:36px;align-items:start;padding-block:10px 20px}
.nv-crumb{font-size:13px;color:var(--muted);margin:22px 0 10px}
.nv-crumb .sep{margin:0 6px}
.nv-page-head{border-top:3px solid var(--navy);border-bottom:1px solid var(--navy);padding:8px 0;margin-bottom:20px}
.nv-page-title{font:900 28px var(--serif);color:var(--navy);margin:0}
.nv-list-item{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--rule)}
.nv-list-item .nv-card-media{aspect-ratio:16/10;overflow:hidden;background:var(--tint)}
.nv-list-item .nv-card-media img{width:100%;height:100%;object-fit:cover}
.nv-list-item:not(:has(.nv-card-media)){grid-template-columns:1fr}
.nv-card-cat{font-size:13px;font-weight:700;color:var(--red)}
.nv-card-title{font:700 20px/1.45 var(--serif);margin:2px 0 6px}
.nv-card-excerpt{margin:0 0 6px;font-size:14.5px;color:var(--muted)}
.nv-card-time{font-size:13px;color:var(--muted)}
.nv-pagination{display:flex;flex-wrap:wrap;gap:6px;margin:26px 0}
.nv-pagination .page-numbers{border:1px solid var(--navy);padding:4px 12px;color:var(--navy)}
.nv-pagination .current{background:var(--navy);color:#fff}

.nv-article-head{border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:22px}
.nv-article-cat{font-weight:700;color:var(--red);font-size:14px}
.nv-article-title{font:900 clamp(26px,3.2vw,38px)/1.35 var(--serif);margin:6px 0 12px}
.nv-article-meta{font-size:14px;color:var(--muted);display:flex;gap:16px}
.nv-article-body{font-size:17.5px;line-height:1.95}
.nv-article-body p{margin:0 0 1.2em}
.nv-article-body img{height:auto}
.nv-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}
.nv-tags a{background:var(--tint);padding:2px 10px;font-size:14px}
.nv-sec-title{font:900 20px var(--serif);color:var(--navy);border-top:3px solid var(--navy);border-bottom:1px solid var(--navy);padding:5px 0;margin:34px 0 16px}
.nv-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.nv-related-grid .nv-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--tint);margin-bottom:8px}
.nv-related-grid .nv-card-media img{width:100%;height:100%;object-fit:cover}
.nv-related-grid .nv-card-title{font-size:15.5px}
.nv-prevnext{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);margin-top:30px;padding-top:14px;font:600 15px var(--serif)}
.nv-prevnext .next{text-align:right;margin-left:auto}
.nv-404{padding-block:40px}

/* ---------- 手機 ---------- */
@media (max-width:1020px){
	.n111-a1-grid{grid-template-columns:1fr 1fr}
	.n111-lead{grid-column:1/-1;order:-1;padding:0 0 22px!important;border:0!important}
	.n111-brief{padding-left:0}
	.n111-body,.nv-layout{grid-template-columns:1fr}
	.nv-side{position:static}
	.n111-topics-grid{grid-template-columns:1fr 1fr}
	.nv-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:700px){
	.n111-mast-in{grid-template-columns:1fr}
	.n111-ear{display:none}
	.n111-top .nv-search input{width:110px}
	.n111-date{font-size:12px;line-height:1.4}
	.n111-burger{display:block}
	.n111-menu{display:none;flex-direction:column}
	.n111-nav.is-open .n111-menu{display:flex}
	.n111-menu a{padding:9px 4px;border-top:1px solid var(--rule)}
	.n111-a1-grid,.n111-sec-grid,.n111-topics-grid{grid-template-columns:1fr}
	.n111-a1-grid>*{padding:0!important;border:0!important}
	.n111-hot{margin-top:20px}
	.n111-sec.is-flip .n111-sec-big{order:0}
	.n111-pics-grid{grid-template-columns:1fr 1fr}
	.n111-foot-in{grid-template-columns:1fr}
	.nv-list-item{grid-template-columns:120px 1fr;gap:12px}
	.nv-card-title{font-size:17px}
	.nv-list-item .nv-card-excerpt{display:none}
}