/* ============================================================
   軟體到手 igotsoftware — 軟體介紹文章
   文章是主角:短導讀 → 主圖 → 章節與截圖交錯 → 下載。
   宋體標題帶文章感,黑體長文好讀,橘色只用在連結、章節編號與目前位置。
   ============================================================ */

:root{
	--page:#FAF9F6;
	--sheet:#FFFFFF;
	--ink:#283038;
	--muted:#687078;
	--accent:#D95B24;
	--accent-soft:#FBF1EA;
	--rule:#E7E4DE;
	--rule-soft:#F0EEE9;
	/* 全站黑體:英數走 Inter、中文走 Noto Sans TC,兩者的字面高度與筆畫粗細相近,
	   中英混排時視覺一致。系統字放在後面當 fallback。 */
	--sans:"Inter","Noto Sans TC","Microsoft JhengHei","PingFang TC",
		-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
	--wide:1160px;
	--pad:1.5rem;
	--rail:280px;
	--gap:3.25rem;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto} *{animation:none!important;transition:none!important} }
body{margin:0;font-family:var(--sans);font-size:1.0625rem;line-height:1.8;letter-spacing:normal;
	color:var(--ink);background:var(--page);
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
	/* 中文標點不落在行首,長網址才允許斷開 */
	line-break:strict;overflow-wrap:break-word}
img{max-width:100%;height:auto}
h1,h2,h3{color:var(--ink);letter-spacing:normal;text-wrap:balance}
h1{font-weight:700}
h2,h3{font-weight:600}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:.2em}
a:hover{color:var(--accent);text-decoration-color:var(--accent)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;background:var(--ink);color:#fff;padding:.5rem .9rem;z-index:99}

/* ---------- 頁首:單列,logo 左、導覽中、搜尋右 ---------- */
.topbar{border-bottom:1px solid var(--rule);background:var(--page)}
.topbar-in{max-width:var(--wide);margin:0 auto;padding:0 var(--pad);
	min-height:76px;display:flex;align-items:center;gap:2rem}
.brand{margin:0;flex:0 0 auto}
.brand a{display:inline-flex;align-items:center;gap:.65rem;margin-top:10px;text-decoration:none}
.brand-ic{width:28px;height:28px;display:block}
.brand-zh{font-weight:700;font-size:1.3rem;letter-spacing:.04em;color:var(--ink);line-height:1;margin-left:-.25rem}
.brand-en{font-weight:600;font-size:.76rem;letter-spacing:.1em;
	color:var(--muted);padding-left:.65rem;border-left:1px solid var(--rule);line-height:1}
.topnav{flex:1 1 auto;display:flex;gap:1.7rem;font-size:.95rem;white-space:nowrap}
.topnav a{text-decoration:none;color:var(--muted);font-weight:500}
.topnav a:hover{color:var(--accent)}
.topnav a.on{color:var(--ink);font-weight:600}
.searchbox{flex:0 0 240px;display:flex;gap:.4rem}
.searchbox input{flex:1;min-width:0;font:inherit;font-size:.92rem;padding:.42rem .75rem;
	border:1px solid var(--rule);border-radius:4px;background:var(--sheet);color:var(--ink)}
.searchbox button{flex:0 0 auto;display:grid;place-items:center;width:2.2rem;
	font-weight:500;color:#fff;background:var(--ink);border:0;border-radius:4px;cursor:pointer}
.searchbox button svg{width:15px;height:15px;display:block}
.menu-toggle{display:none;font:inherit;background:none;border:1px solid var(--rule);
	border-radius:4px;padding:.35rem .8rem;cursor:pointer;color:var(--muted)}
@media (max-width:1024px){
	.topbar-in{min-height:64px;flex-wrap:wrap;gap:.9rem;padding-top:.75rem;padding-bottom:.75rem}
	.menu-toggle{display:block;order:2;margin-left:auto}
	.searchbox{order:3;flex:1 1 100%}
	.topnav{order:4;display:none;flex:1 1 100%;flex-direction:column;gap:.6rem;white-space:normal}
	.topnav.open{display:flex}
}

/* ---------- 版面:左文章 + 右輔助欄 ---------- */
.wrap{max-width:var(--wide);margin:0 auto;padding:0 var(--pad)}
.wrap.page{padding-bottom:4rem}
.cols{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);column-gap:var(--gap);align-items:stretch}
.art{grid-column:1;min-width:0}
.side{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:2rem;
	padding-top:1.9rem;font-size:.9375rem;line-height:1.7}
.main{min-width:0}
@media (max-width:1024px){
	.cols{display:block}
	.side{margin-top:3rem;padding-top:0}
}
@media (max-width:40rem){
	:root{--pad:1.25rem}
	body{font-size:1.0625rem;line-height:1.8}
	.art-lead{font-size:1.0625rem}
	/* 長中文標題在窄螢幕不要頂到邊 */
	.art h1{font-size:1.625rem;line-height:1.45}
}

/* ---------- 文章首屏 ---------- */
.crumbs{font-size:.8125rem;color:var(--muted);padding:1.3rem 0 0;margin-bottom:12px;line-height:1.7}
.crumbs a{font-size:14px;letter-spacing:2px;text-decoration:none;color:var(--muted)}
.crumbs a:hover{color:var(--accent)}
.crumbs .sep{padding:0 .4rem;color:var(--rule)}
.crumbs .here{color:var(--ink)}
.crumbs a.cate{color:var(--accent);font-weight:900;font-size:18px;letter-spacing:5px}
.crumbs a.cate:hover{text-decoration:underline}


.art-notice{font-size:.9rem;color:var(--accent);background:var(--accent-soft);
	padding:.6rem .9rem;border-radius:4px;margin:1.2rem 0 0}
.art h1{margin:0 0 .8rem;font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.4;font-weight:700;letter-spacing:2px}
.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
	font-size:.8125rem;color:var(--muted);margin:0 0 1.3rem}
.art-ic{width:20px;height:20px;border-radius:4px}
.art-meta .dot{width:3px;height:3px;border-radius:50%;background:var(--rule);display:inline-block}
.art-lead{font-size:1.125rem;line-height:1.8;color:var(--ink)}

/* ---------- 截圖 ---------- */
.shot{margin:0 0 2.4rem}
.shot-fr{position:relative;display:block;border:1px solid var(--rule);border-radius:6px;
	overflow:hidden;background:var(--sheet)}
.shot-fr>img{display:block;width:100%;height:auto}
/* 圖檔左下角在抓取時已蓋上站方浮水印,前台不需要再疊一層 */
.shot figcaption{font-size:.84rem;color:var(--muted);margin-top:.55rem;line-height:1.6}
.shot-hero{margin-bottom:2.8rem}

/* ---------- 章節 ---------- */
.art p{margin:0 0 1.25rem;line-height:1.8;letter-spacing:2px}
.art p:last-child{margin-bottom:0}
.art-sec{margin:3.1rem 0}
.art-sec h2{display:flex;gap:.85rem;align-items:baseline;margin:0 0 1.05rem;
	font-size:clamp(1.375rem,2vw,1.5rem);line-height:1.5;font-weight:600;
	letter-spacing:1px;scroll-margin-top:1.5rem}
.secnum{flex:0 0 auto;font-weight:600;font-size:1rem;
	color:var(--accent);font-variant-numeric:tabular-nums}
.art-sec h3{font-size:1.1875rem;line-height:1.55;font-weight:600;margin:1.9rem 0 .55rem;scroll-margin-top:1.5rem}
.h2-plain{display:block;font-size:1.35rem;margin:0 0 1rem;scroll-margin-top:1.5rem}
.art-sec h3:first-of-type{margin-top:1.4rem}

/* 提醒:淺米底 + 細橘左線,不用整段紅字 */
.verdict{background:var(--accent-soft);border-left:3px solid var(--accent);
	padding:1rem 1.25rem;margin:2.4rem 0;border-radius:0 4px 4px 0}
.verdict-h{font-weight:600;font-size:.9375rem;color:var(--ink);margin:0 0 .35rem}
.verdict p{font-size:.95rem;line-height:1.75;color:var(--ink);margin:0}

/* ---------- 下載 ---------- */
.art-end-line{display:flex;flex-wrap:wrap;gap:.7rem;margin:0 0 .7rem}
.art-end-note{font-size:.85rem;color:var(--muted);margin:0}
.btn-out{display:inline-block;font-size:.9375rem;font-weight:500;color:var(--accent);
	background:transparent;border:1px solid var(--accent);padding:.5rem 1.15rem;
	border-radius:4px;text-decoration:none}
.btn-out:hover{background:var(--accent);color:#fff;text-decoration:none}

/* ---------- 版本紀錄 ---------- */
.vlog{list-style:none;margin:0;padding:0;font-size:15px;letter-spacing:1px}
.vlog li{display:flex;flex-wrap:wrap;gap:.3rem .9rem;align-items:baseline;
	padding:.5rem 0;border-bottom:1px solid var(--rule-soft)}
.vlog li:last-child{border-bottom:0}
.vlog .d{flex:0 0 6rem;color:var(--muted);font-size:.87rem}
.vlog .v{min-width:0}
.vlog .v a{text-decoration:none}
.vlog .v a:hover{text-decoration:underline}
.vlog .sz{color:var(--muted);font-size:.87rem;margin-left:auto;white-space:nowrap}
.vlog-more summary{cursor:pointer;font-size:.89rem;color:var(--muted);padding:.5rem 0}
.vlog-more[open] summary{color:var(--ink)}
.more-line{margin:.9rem 0 0!important;font-size:.9rem}

.art-extra{margin:2.75rem 0}
.art-extra h2{font-size:1.15rem;margin:0 0 .8rem;padding-bottom:.5rem;border-bottom:1px solid var(--rule)}
.changelog{font-size:.94rem;line-height:1.8}
.changelog p{margin:0 0 .7rem}

.art-tags{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;
	margin:2.6rem 0 0;padding-top:1.3rem;border-top:1px solid var(--rule)}
.tagchip{font-size:15px;letter-spacing:1px;color:var(--muted);background:var(--sheet);
	border:1px solid var(--rule);padding:.2rem .65rem;border-radius:999px;
	text-decoration:none;transition:color .15s,border-color .15s}
a.tagchip:hover,a.tagchip:focus-visible{color:var(--accent);border-color:var(--accent)}

/* 標籤頁下方的共同標籤 */
.reltags{margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--rule)}
.reltags h2{font-size:1.0625rem;font-weight:600;letter-spacing:2px;margin:0 0 .9rem}

/* 膠囊列:分類頁的子分類切換、標籤頁的相關標籤 */
.chiprow{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem}
.chip{display:inline-flex;align-items:baseline;gap:.35rem;
	font-size:.9375rem;letter-spacing:1px;color:var(--ink);text-decoration:none;
	background:var(--sheet);border:1px solid var(--rule);border-radius:999px;
	padding:.28rem .8rem;transition:color .15s,border-color .15s}
.chip b{font-weight:400;font-size:.8125rem;letter-spacing:0;color:var(--muted)}
.chip:hover,.chip:focus-visible{color:var(--accent);border-color:var(--accent)}
.chip.on{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}
.chip.on b{color:var(--accent)}

/* ---------- 輔助欄 ---------- */
.side h2,.toc summary{font-weight:600;font-size:.9375rem;
	color:var(--ink);margin:0 0 .75rem}
.toc{padding-top:1.6rem;border-top:1px solid var(--rule);
	position:sticky;top:1.5rem;
	/* 視窗不夠高時才讓目錄自己捲,不影響側欄其他模組 */
	max-height:calc(100vh - 3rem);overflow-y:auto;overscroll-behavior:contain}
/* 手機版:目錄由 JS 搬到主圖之後,取消黏住並改成淺底區塊。
   這段必須放在上面的 .toc 之後 —— 特異性相同時由後者勝出 */
@media (max-width:1024px){
	.toc{position:static;max-height:none;overflow:visible;
		padding:.9rem 1.1rem;margin:0 0 2.2rem;
		background:var(--accent-soft);border:0;border-radius:4px}
	.toc summary{margin-bottom:0}
	.toc details[open] summary{margin-bottom:.7rem}
}

.toc details{margin:0}
.toc summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.4rem;padding-right:3px}
.toc summary::-webkit-details-marker{display:none}
.toc summary::after{content:"";width:.4rem;height:.4rem;border-right:1.5px solid var(--muted);
	border-bottom:1.5px solid var(--muted);transform:rotate(45deg);margin-left:auto;margin-bottom:.2rem}
.toc details[open] summary::after{transform:rotate(-135deg);margin-bottom:-.1rem}
.toc ol{list-style:none;margin:0;padding:0;counter-reset:toc;
	border-left:1px solid var(--rule)}
.toc li{counter-increment:toc}
.toc a{display:flex;gap:.55rem;padding:.36rem 0 .36rem .85rem;
	font-size:15px;letter-spacing:2px;font-weight:500;line-height:1.6;color:var(--muted);text-decoration:none}
.toc a::before{content:counter(toc,decimal-leading-zero);flex:0 0 auto;
	color:var(--rule);font-variant-numeric:tabular-nums;font-size:.8rem}
.toc a:hover{color:var(--accent)}
.toc a.on{color:var(--accent);box-shadow:inset 2px 0 0 var(--accent)}
.toc a.on span{font-weight:800}

/* 附錄項目(下載、版本紀錄)不是文章小標,編號淡化 */
.toc-plain a::before{color:var(--rule-soft)}

/* 軟體小檔案:做成便條卡。頂端一道橘色貼條、紙色底、
   每列用虛線分隔,像隨手記下的規格備忘 */
.factcard{position:relative;background:#FFF;letter-spacing:2px;border:1px solid var(--rule);
	border-radius:4px;padding:1.15rem 1.25rem 1.25rem}
.factcard::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;
	height:3px;background:var(--accent);border-radius:4px 4px 0 0}
.factcard h2{margin:0 0 .85rem;padding-bottom:.6rem;border-bottom:1px solid var(--rule)}
.factcard dl{margin:0;font-size:.875rem;line-height:1.7}
.factcard div{display:flex;gap:.9rem;align-items:baseline;
	padding:.42rem 0;border-bottom:1px dashed #E3DDD2}
.factcard div:last-child{border-bottom:0;padding-bottom:0}
.factcard dt{flex:0 0 3rem;color:var(--muted);margin:0;font-size:.8125rem}
.factcard dd{flex:1 1 0;margin:0;color:var(--ink);min-width:0;overflow-wrap:anywhere}
.factcard dd a{color:var(--accent);text-decoration:none}
.factcard dd a:hover{text-decoration:underline}
.side>*:last-child{margin-bottom:2rem}

.readmore ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1rem}
.readmore li{display:flex;gap:.8rem;align-items:flex-start;min-width:0}
.readmore img{flex:0 0 42px;width:42px;height:42px;border-radius:6px;margin-top:.15rem}
.readmore li>div{min-width:0}
.readmore a{font-weight:500;font-size:16px;letter-spacing:2px;line-height:1.6;
	color:var(--ink);text-decoration:none;display:block;overflow-wrap:anywhere}
.readmore a:hover{color:var(--accent)}
.rm-desc{display:block;font-size:14px;letter-spacing:1px;color:var(--muted);line-height:1.6;margin-top:.2rem}

.sidelist{list-style:none;margin:0;padding:0;font-size:15px;letter-spacing:1px}
.sidelist li{padding:.3rem 0}
.sidelist a{display:flex;justify-content:space-between;gap:.7rem;align-items:baseline;
	text-decoration:none;color:var(--muted);min-width:0}
.sidelist a:hover{color:var(--accent)}
.sidelist a.on{color:var(--ink);font-weight:500}
.sidelist .m{flex:0 0 auto;color:var(--rule);font-size:.84rem;font-variant-numeric:tabular-nums}

/* ---------- 列表(首頁 / 分類 / 熱門 / 搜尋)---------- */
.sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;
	margin:2.6rem 0 .9rem;padding-bottom:.5rem;border-bottom:1px solid var(--rule)}
.sec-h h2{font-size:1.25rem;font-weight:600;letter-spacing:1px;margin:0}
.sec-h .more,.sec-h .cnt{font-size:.86rem;color:var(--muted);text-decoration:none;white-space:nowrap}
.sec-h .more:hover{color:var(--accent)}
.card{background:transparent}
.card-pad{padding:0}
.prose{line-height:1.8;letter-spacing:2px}
.prose p:last-child{margin-bottom:0}

.reglist{list-style:none;margin:0;padding:0}
.reglist>li{margin:0}
.regrow{display:flex;align-items:flex-start;gap:.85rem;padding:1rem 0;border-bottom:1px solid var(--rule-soft)}
.reglist>li:last-child .regrow{border-bottom:0}
.regrow>*{min-width:0}
.regrow>div{flex:1 1 0}
.regrow>.ic{flex:0 0 34px;width:34px;height:34px;border-radius:6px;margin-top:.2rem}
.regrow>.rank{flex:0 0 1.6rem;font-size:.9rem;color:var(--muted);text-align:right;
	font-variant-numeric:tabular-nums;margin-top:.3rem}
.regrow>.rt,.regrow>.sz,.regrow>.d{flex:0 0 auto;margin-left:auto;text-align:right;
	font-size:14px;letter-spacing:1px;color:var(--muted);white-space:nowrap;line-height:1.6}
.regrow .nm{font-weight:600;font-size:1.0625rem;letter-spacing:1px;line-height:1.55}
.regrow .nm a{text-decoration:none}
.regrow .nm a:hover{color:var(--accent)}
.regrow .byname{display:inline-block;font-size:.8rem;color:var(--muted);margin:.1rem 0}
.regrow .ds{font-size:15px;letter-spacing:1px;color:var(--muted);line-height:1.7;
	display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.regrow .ds:empty,.regrow .rt:empty{display:none}
.regrow .sub{display:block;font-size:14px;letter-spacing:1px;color:var(--muted);line-height:1.5;margin-top:.1rem}
@media (max-width:44rem){ .regrow .ds{-webkit-line-clamp:3} }

/* ---------- 首頁 ---------- */
.hp-hero{padding:3rem 0 2.4rem;text-align:center}
.hp-hero h1{margin:0 0 .6rem;font-size:clamp(1.625rem,3vw,2.25rem);line-height:1.4;font-weight:700}
.hp-hero p{margin:0;font-size:.95rem;color:var(--muted);letter-spacing:.06em}

.hp-sec{margin:0 0 3rem}
.hp-h{display:flex;align-items:baseline;gap:1rem;margin:0 0 1.2rem}
.hp-h h2{font-size:1.25rem;font-weight:600;margin:0;white-space:nowrap}
.hp-h::after{content:"";flex:1;height:1px;background:var(--rule)}
.hp-h .more{order:3;font-size:.86rem;color:var(--muted);text-decoration:none;white-space:nowrap}
.hp-h .more:hover{color:var(--accent)}

/* 精選:一大兩小 */
.feat{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:1.8rem;align-items:start}
.feat-img{display:block;border:1px solid var(--rule);border-radius:6px;overflow:hidden;background:var(--sheet)}
.feat-img img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top center}
.feat-kicker{margin:.85rem 0 .35rem;font-size:.82rem;color:var(--accent);letter-spacing:.05em}
.feat-main h3{margin:0 0 .4rem;font-size:clamp(1.25rem,2vw,1.5rem);line-height:1.5;font-weight:600}
.feat-main h3 a{text-decoration:none}
.feat-main h3 a:hover{color:var(--accent)}
.feat-lead{margin:0;font-size:15px;letter-spacing:1px;color:var(--muted);line-height:1.8}
.feat-side{display:flex;flex-direction:column;gap:1.5rem}
.feat-item{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem}
.feat-item .feat-img img{aspect-ratio:16/10}
.feat-item h3{margin:0 0 .3rem;font-size:1.05rem;line-height:1.5}
.feat-item h3 a{text-decoration:none}
.feat-item h3 a:hover{color:var(--accent)}
.feat-item p{margin:0;font-size:.88rem;color:var(--muted);line-height:1.75}
@media (min-width:56rem){
	.feat-item{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:.9rem}
}
@media (max-width:56rem){ .feat{grid-template-columns:1fr;gap:2.2rem} }

/* 分類快捷 */
.hp-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;
	margin:0 0 3rem;padding:1.4rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.hp-chips a{font-size:.9rem;color:var(--ink);text-decoration:none;
	border:1px solid var(--rule);border-radius:999px;padding:.3rem .95rem;background:var(--sheet)}
.hp-chips a:hover{border-color:var(--accent);color:var(--accent)}
.hp-chips .chip-all{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}

/* 主體兩欄 */
.hp-cols{display:grid;grid-template-columns:minmax(0,1fr) var(--rail);column-gap:var(--gap);align-items:start}
.hp-side{display:flex;flex-direction:column;gap:2.4rem;min-width:0}
@media (max-width:1024px){ .hp-cols{display:block} .hp-side{margin-top:3rem} }

.hp-list{list-style:none;margin:0;padding:0}
.hp-list>li{display:flex;gap:1.1rem;align-items:flex-start;
	padding:1.2rem 0;border-bottom:1px solid var(--rule-soft)}
.hp-list>li:first-child{padding-top:0}
.hp-list>li:last-child{border-bottom:0}
.hp-list>li>div{flex:1 1 0;min-width:0}
.hp-thumb{flex:0 0 220px;display:block;border:1px solid var(--rule);border-radius:6px;
	overflow:hidden;background:var(--sheet)}
.hp-thumb img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:top center}
.hp-kicker{margin:0 0 .3rem;font-size:.8rem;color:var(--accent);letter-spacing:.05em}
.hp-list h3{margin:0 0 .35rem;font-size:1.12rem;letter-spacing:1px;line-height:1.55}
.hp-list h3 a{text-decoration:none}
.hp-list h3 a:hover{color:var(--accent)}
.hp-lead{margin:0 0 .45rem;font-size:15px;letter-spacing:1px;color:var(--muted);line-height:1.75}
.hp-tag{margin:0;font-size:.8rem;color:var(--rule)}
@media (max-width:40rem){
	.hp-list>li{flex-direction:column;gap:.8rem}
	.hp-thumb{flex:none;width:100%}
}

.hp-rank{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.hp-rank li{display:flex;gap:.75rem;align-items:flex-start;min-width:0}
.hp-rank .rk{flex:0 0 1.5rem;height:1.5rem;display:grid;place-items:center;
	font-size:.8rem;color:#fff;background:var(--accent);border-radius:50%;margin-top:.1rem}
.hp-rank li:nth-child(n+4) .rk{background:var(--muted)}
.hp-rank div{min-width:0}
.hp-rank a{display:block;font-weight:500;font-size:.9375rem;
	line-height:1.5;text-decoration:none}
.hp-rank a:hover{color:var(--accent)}
.hp-rank span{display:block;font-size:.82rem;color:var(--muted);line-height:1.6;margin-top:.1rem}

.hp-ver{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.hp-ver li{display:flex;gap:.75rem;align-items:center;min-width:0}
.hp-ver img{flex:0 0 34px;width:34px;height:34px;border-radius:6px}
.hp-ver div{min-width:0}
.hp-ver a{display:block;font-weight:500;font-size:.9375rem;
	line-height:1.5;text-decoration:none}
.hp-ver a:hover{color:var(--accent)}
.hp-ver span{display:block;font-size:.82rem;color:var(--muted);line-height:1.6}

.hp-guides{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.6rem}
.hp-guides h3{margin:0 0 .4rem;font-size:1.05rem;line-height:1.55}
.hp-guides h3 a{text-decoration:none}
.hp-guides h3 a:hover{color:var(--accent)}
.hp-guides p{margin:0;font-size:15px;letter-spacing:1px;color:var(--muted);line-height:1.75}

.hp-note{margin:2.6rem 0 0;padding-top:1.4rem;border-top:1px solid var(--rule);
	font-size:.85rem;color:var(--muted);text-align:center}

/* ---------- 分頁 ---------- */
.pager{display:flex;flex-wrap:wrap;gap:.35rem;margin:2.4rem 0 0;font-size:15px;letter-spacing:1px}
.pager a,.pager span{padding:.32rem .72rem;border:1px solid var(--rule);border-radius:4px;
	text-decoration:none;color:var(--muted)}
.pager .here{background:var(--accent);border-color:var(--accent);color:#fff}

/* ---------- 其他頁面 ---------- */
.warn-card{border-left:3px solid var(--accent);background:var(--accent-soft);
	padding:1.1rem 1.3rem;border-radius:0 4px 4px 0}
.warn-badge{font-size:14px;letter-spacing:1px;color:var(--accent);margin:0 0 .6rem}
.guide-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;
	padding:.95rem 0;border-bottom:1px solid var(--rule-soft)}
.guide-row:last-child{border-bottom:0}
.guide-row h3{margin:0;flex:1 1 16rem;font-size:1.05rem;letter-spacing:1px}
.guide-date{font-size:14px;letter-spacing:1px;color:var(--muted);white-space:nowrap}
.date-h{font-weight:600;font-size:1rem;letter-spacing:1px;color:var(--muted);
	margin:2rem 0 .5rem;padding-bottom:.4rem;border-bottom:1px solid var(--rule)}
.date-h.now{color:var(--ink)}
.intro-text{color:var(--muted);line-height:1.8;letter-spacing:2px}
.mono{font-family:inherit;font-variant-numeric:tabular-nums}

/* ---------- 廣告:未填充時不留大面積空白 ---------- */
/* AdSense 會在 ins 上寫 inline 寬度,窄螢幕會撐出橫向捲軸,只能用 !important 壓回來 */
.adbox{margin:2.4rem 0;max-width:100%;overflow:hidden}
.adbox ins{max-width:100%!important}
.adbox:empty{display:none}
.adbox ins[data-ad-status="unfilled"]{display:none!important}
.adbox-side{margin:0}

/* ---------- 頁尾 ---------- */
.footer{border-top:1px solid var(--rule);margin-top:3.5rem;padding:2.4rem 0 2.6rem;
	font-size:.91rem;color:var(--muted)}
.footer-in{max-width:var(--wide);margin:0 auto;padding:0 var(--pad);
	display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1.8rem}
.footer h2{font-size:.97rem;margin:0 0 .5rem}
.footer-in p{font-size:15px;letter-spacing:1px}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{padding:.15rem 0}
.footer a{color:var(--muted)}
.footer a:hover{color:var(--accent)}
.copy{max-width:var(--wide);margin:1.8rem auto 0;padding:0 var(--pad);font-size:.84rem;color:var(--muted)}

/* ---------- 最新更新 ---------- */
.up-hero{padding:2.2rem 0 1.8rem;border-bottom:1px solid var(--rule);margin-bottom:2.2rem}
.up-hero h1{margin:0 0 .5rem;font-size:clamp(1.5rem,2.6vw,1.9rem);line-height:1.4;
	font-weight:700;letter-spacing:2px}
.up-hero p{margin:0;font-size:15px;letter-spacing:1px;color:var(--muted)}
.up-empty{color:var(--muted);letter-spacing:1px}

.up-day{margin:0 0 2.6rem}
.up-dayh{display:flex;align-items:baseline;gap:1rem;margin:0 0 .2rem;
	padding-bottom:.6rem;border-bottom:2px solid var(--ink)}
.up-dayh h2{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:2px}
.up-dayh h2 a{text-decoration:none}
.up-dayh h2 a:hover{color:var(--accent)}
.up-cnt{margin-left:auto;font-size:14px;letter-spacing:1px;color:var(--muted);white-space:nowrap}

.up-list{list-style:none;margin:0;padding:0}
/* 三欄:軟體 / 版本與平台 / 相關資訊。窄螢幕收成單欄 */
.up-row{display:grid;grid-template-columns:minmax(0,1fr) 13rem 8rem;gap:1rem;
	align-items:start;padding:1rem 0;border-bottom:1px solid var(--rule-soft)}
.up-list>li:last-child{border-bottom:0}

.up-sw{display:flex;gap:.85rem;align-items:flex-start;min-width:0}
.up-sw>img{flex:0 0 38px;width:38px;height:38px;border-radius:7px;margin-top:.1rem}
.up-sw>div{min-width:0}
.up-name{display:block;font-size:1.0625rem;font-weight:600;letter-spacing:1px;
	line-height:1.5;color:var(--ink);text-decoration:none}
.up-name:hover{color:var(--accent)}
.up-desc{display:block;font-size:14px;letter-spacing:1px;color:var(--muted);
	line-height:1.65;margin-top:.15rem}

.up-ver>b{display:block;font-size:1rem;font-weight:600;letter-spacing:.5px;
	line-height:1.5;color:var(--ink);font-variant-numeric:tabular-nums;word-break:break-word}
.up-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.4rem}
.up-chip{font-size:12px;letter-spacing:1px;color:var(--muted);background:var(--sheet);
	border:1px solid var(--rule);padding:.1rem .55rem;border-radius:999px;white-space:nowrap}
.up-chip.lic{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft)}

.up-more{margin-top:.5rem}
.up-more summary{cursor:pointer;font-size:13px;letter-spacing:1px;color:var(--accent);
	list-style:none;display:inline-flex;align-items:center;gap:.3rem}
.up-more summary::-webkit-details-marker{display:none}
.up-more summary::after{content:"";width:.34rem;height:.34rem;border-right:1.5px solid currentColor;
	border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-bottom:.2rem}
.up-more[open] summary::after{transform:rotate(-135deg);margin-bottom:-.1rem}
.up-more ul{list-style:none;margin:.5rem 0 0;padding:.6rem .8rem;
	background:var(--soft-bg);border-radius:4px;display:flex;flex-direction:column;gap:.4rem}
.up-more li{display:flex;align-items:baseline;gap:.7rem;font-size:13px;letter-spacing:1px}
.up-more li>span{color:var(--muted);flex:1 1 auto}
.up-more a{color:var(--accent);text-decoration:none;white-space:nowrap}
.up-more a:hover{text-decoration:underline}

.up-meta{text-align:right}
.up-meta a{display:inline-block;font-size:14px;letter-spacing:1px;
	color:var(--accent);text-decoration:none;white-space:nowrap}
.up-meta a:hover{text-decoration:underline}
.up-meta a::after{content:" →"}
.up-size{display:block;font-size:13px;letter-spacing:1px;color:var(--muted);
	margin-top:.3rem;font-variant-numeric:tabular-nums}

@media (max-width:52rem){
	.up-row{grid-template-columns:minmax(0,1fr) 10rem;gap:.8rem}
	.up-meta{grid-column:2;text-align:left}
	.up-meta a::after{content:" →"}
}
@media (max-width:34rem){
	.up-row{grid-template-columns:1fr;gap:.7rem}
	/* 上一個斷點把 .up-meta 指到第 2 欄,單欄時要收回來,
	   否則 grid 會為它長出一個隱式欄,版面仍是兩欄 */
	.up-meta{grid-column:auto;display:flex;align-items:baseline;gap:1rem;text-align:left}
	.up-ver,.up-meta{padding-left:calc(38px + .85rem)}
	.up-size{margin-top:0}
}