/* Round4 mobile and tablet rules. Loaded after pages.css. */

@media (max-width:1319px){
	.grid5{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:1023px){
	.lay{grid-template-columns:1fr}
	.grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
	.grid5{grid-template-columns:repeat(4,minmax(0,1fr))}
	.authw{grid-template-columns:1fr}
	.aart{display:none}
	.e404{grid-template-columns:1fr}
	.ulay{grid-template-columns:1fr}
	.umenu{display:flex;overflow-x:auto}
	.umenu a{border-left:0;border-bottom:3px solid transparent;white-space:nowrap}
	.umenu a.on{border-bottom-color:var(--am);background:transparent}
}
@media (max-width:767px){
	html,body{overflow-x:hidden}
	.lay{grid-template-columns:minmax(0,1fr)}
	.wrap,.lay,main,aside,.pn,.pad,.ph,.ct,.mdl,.shero,.e4l,.acard,.bd0 .wrap{min-width:0;max-width:100%}
	header{display:none}
	.mhead{display:block;background:var(--top);position:relative;z-index:40}
	.mbar{display:flex;align-items:center;height:52px;padding:0 6px 0 4px;gap:2px}
	.mbar .logo{font-size:16px;gap:8px;color:#fff}
	.mbar .logo i{width:22px;height:22px}
	.mbar .sp{flex:1}
	.ib{width:40px;height:40px;display:grid;place-items:center;color:#D0D3D8;background:transparent;border:0;padding:0}
	.mtabs{display:flex;flex-direction:row;align-items:stretch;overflow-x:auto;height:42px;border-top:1px solid var(--topline);position:relative;padding-left:6px;background:var(--top)}
	.mtabs a{display:flex;flex-direction:row;align-items:center;gap:5px;padding:0 12px;font-size:14px;color:#B9BEC6;white-space:nowrap;position:relative;flex:none;height:42px;background:transparent}
	.mtabs a b{font:600 12px var(--mono);color:#9AA1AB}
	.mtabs a.on{color:#fff;font-weight:800;background:transparent}
	.mtabs a.on b{color:#FFB800}
	.mtabs a.on:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;background:#FFB800}
	.mtabs a.tbd{color:#9AA1AB;background:transparent}
	.subbar .hw{display:none}
	.subbar .wrap{height:34px;flex-wrap:nowrap;overflow:hidden}
	.filter,.pager,.msband{display:none}
	.mfbar,.mpager{display:flex}
	.sband{display:flex;gap:12px;padding:14px 16px;align-items:center}
	.sband .bg,.sband .st{display:none}
	.sband .big{font-size:44px;line-height:1;flex:none}
	.sband h1{font-size:22px}
	.sband p{font-size:12px;margin:0}
	.subtabs,.mfbar,.toolbar,.utool,.shots,.stills,.tabs2,.umenu,.utabs{max-width:100%;overflow-x:auto}
	.subtabs a,.mfbar details{flex:none}
	.toolbar,.utool{flex-wrap:wrap}
	.slider{height:214px}
	.slider .cap h2{font-size:21px}
	.secs{grid-template-columns:repeat(2,minmax(0,1fr))}
	.navg{grid-template-columns:repeat(3,minmax(0,1fr))}
	.g3,.g4,.grid3,.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.f5,.grid5,.grid6{grid-template-columns:repeat(3,minmax(0,1fr))}
	.gc .m .sz,.gc .m .dt{display:none}
	.dlw{display:none}
	.mdl{display:block}
	.bd0 .hdr{display:block}
	.bd0 .poster{width:118px;max-width:118px;float:left;margin:0 12px 8px 0}
	.bd0 h1{font-size:26px}
	.artp h1{font-size:22px}
	.topg{grid-template-columns:1fr}
	.shots,.stills{display:flex;overflow-x:auto;grid-template-columns:none}
	.shots>*{flex:none;width:78px}
	.stills>div,.stills>*{flex:none;width:168px}
	.e4l{padding:28px 16px}
	.e4l .code{font-size:96px}
	.setg{grid-template-columns:1fr}
	.dlt,.dlt tbody,.dlt tr,.dlt td{display:block;width:100%}
	.dlt thead{display:none}
	.dlt tr{padding:10px 0;border-bottom:1px solid var(--line)}
	.res{flex-wrap:wrap}
	.res .tg,.res .tf{width:120px}
	.res .act{width:auto;flex-direction:row;align-items:center}
	.mono,.hint,.chip,.subbar .gg,.sec small,.sec.tbd .t,.nw li em,.rk li small,.rk li i,.gc .th .c,.gc .th .v,.fc .q,.sband .tx .mono,.subtabs a small{font-size:12px}
	.uband{flex-wrap:wrap;padding:16px}
	.uband .st{margin-left:0;width:100%}
	.srow{flex-wrap:wrap}
	.srow .r{margin-left:0}
}

/* ==========================================================================
   v1.0.2 · Fluid desktop layout (自适应铺满，两边留小边距) — 2026-09-29
   Desktop only (>=1101px); tablet/mobile rules above are untouched.
   ========================================================================== */
@media (min-width:1101px){
	/* one container for header, notice bar, main/sidebar, link blocks, footer */
	.wrap{width:auto;max-width:none;margin-left:clamp(16px,2vw,32px);margin-right:clamp(16px,2vw,32px)}
	/* main fills the rest, sidebar stays fixed */
	.lay{grid-template-columns:minmax(0,1fr) 330px}
	/* hero slider grows a little with the wider column */
	.slider{height:clamp(340px,21vw,480px)}
	/* top featured row (max 4 picks) keeps 4 equal columns and simply widens */
	/* section tiles */
	.secs{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
	/* homepage section cards: more per row on wider screens */
	.home main .g3,.grid3,.grid4{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
	.home main .f5,.grid5,.grid6{grid-template-columns:repeat(auto-fill,minmax(165px,1fr))}
	/* link blocks */
	.navg{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
}
/* ultrawide: stop growing at 2400px and center */
@media (min-width:2464px){
	.wrap{max-width:2400px;margin-left:auto;margin-right:auto}
}

/* ==========================================================================
   v1.0.3 · Detail page images (desktop) + content gallery + lightbox — 2026-09-29
   ========================================================================== */
@media (min-width:1101px){
	/* hero / gallery: cap the height, keep the whole image visible on a dark stage */
	.topg>div:first-child{container-type:inline-size;min-width:0}
	.topg .cover{aspect-ratio:auto;width:100%;height:min(480px,56.25cqw);background:#07080A;cursor:zoom-in}
	.topg .cover img.zy-shot,.topg .cover .zy-visual{object-fit:contain;object-position:center}
	/* thumbnail strip: small proportional thumbs instead of 5 huge columns */
	.topg .shots{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px}
	.topg .shots>button,.topg .shots>div{background:#07080A}
	/* in-page tab links (资源介绍 / 截图 / 下载地址 / 评论) were unstyled and ran together */
	.tabs2 a{padding:9px 18px;font-size:14px;color:var(--mute);position:relative}
	.tabs2 a:hover{color:var(--amt)}
}
/* post-content gallery (built by lightbox.js on desktop only) */
.ct .zy-gal{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:10px;margin:8px 0 14px}
.ct .zy-gi{display:block;position:relative;aspect-ratio:16/9;overflow:hidden;background:#07080A;border:1px solid var(--line);clip-path:var(--cut8);cursor:zoom-in}
.ct .zy-gi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0;transition:transform .25s ease,opacity .25s ease}
.ct .zy-gi:hover img{transform:scale(1.04)}
.ct .zy-gi:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .2s}
.ct .zy-gi:hover:after,.ct .zy-gi:focus-visible:after{box-shadow:inset 0 0 0 2px var(--am)}
/* lightbox */
html.zy-lb-open{overflow:hidden}
.zy-lb{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(5,6,7,.94);padding:48px 72px}
.zy-lb.on{display:flex}
.zy-lb-f{margin:0;display:flex;flex-direction:column;align-items:center;max-width:100%;max-height:100%}
.zy-lb-f img{max-width:calc(100vw - 160px);max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;display:block;box-shadow:0 20px 60px rgba(0,0,0,.6);cursor:pointer}
.zy-lb.single .zy-lb-f img{cursor:zoom-out}
.zy-lb-f figcaption{display:flex;gap:14px;align-items:center;margin-top:10px;color:#C9CDD3;font-size:13px}
.zy-lb-n{font:700 12px var(--mono);letter-spacing:1px;background:#FFB800;color:#000;padding:1px 8px}
.zy-lb-n:empty{display:none}
.zy-lb button{position:absolute;border:0;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;cursor:pointer;font-family:var(--sans);line-height:1}
.zy-lb button:hover,.zy-lb button:focus-visible{background:#FFB800;color:#000;outline:none}
.zy-lb-x{top:14px;right:16px;width:42px;height:42px;font-size:28px}
.zy-lb-p,.zy-lb-nx{top:50%;transform:translateY(-50%);width:48px;height:72px;font-size:36px}
.zy-lb-p{left:12px}.zy-lb-nx{right:12px}
.zy-lb.single .zy-lb-p,.zy-lb.single .zy-lb-nx{display:none}
@media (max-width:760px){.zy-lb{padding:48px 8px}.zy-lb-f img{max-width:calc(100vw - 16px)}.zy-lb-p,.zy-lb-nx{width:36px;height:56px;font-size:28px}}


/* Responsive layout refinement 2026-09-30 */
/* Layout refinement: append after the existing mobile.css rules.
 * Retains the theme's light/dark tokens and all navigation entry points. */

.wrap {
	width: calc(100% - 48px);
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}
.lay {
	grid-template-columns: minmax(0, 1fr) 304px;
	gap: 20px;
	align-items: start;
}
.lay > main,
.lay > aside,
.topg,
.topg > div,
.hdr > div,
.shots,
.stills,
.recs,
.secs,
.gc .bd,
.gc .m {
	min-width: 0;
	max-width: 100%;
}

/* The image column must be allowed to shrink below its children's width. */
.topg {
	grid-template-columns: minmax(0, 1fr) 290px;
	gap: 18px;
	align-items: start;
}
.topg > div:first-child { container-type: normal; }
.topg .cover {
	width: 100%;
	height: auto;
	max-height: 480px;
	aspect-ratio: 16 / 9;
	background: var(--bg);
}
.topg .cover img.zy-shot,
.topg .cover .zy-visual { object-fit: contain; object-position: center; }
.topg .shots {
	display: flex;
	flex-wrap: nowrap;
	grid-template-columns: none;
	width: 100%;
	gap: 8px;
	padding: 3px 2px 8px;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	scrollbar-width: thin;
	scrollbar-color: var(--line2) transparent;
}
.topg .shots > button,
.topg .shots > div {
	flex: 0 0 96px;
	width: 96px;
	min-width: 0;
	aspect-ratio: 16 / 9;
	background: var(--bg);
}
.topg .kv > div { min-width: 0; }
.topg .kv span { width: 84px; }
.topg .kv b { min-width: 0; overflow-wrap: anywhere; line-height: 1.65; }
.jump {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 11px 14px;
	line-height: 1.5;
}
.small2 a,
.small2 button { min-height: 40px; display: grid; place-items: center; }

/* Keep article copy readable without stretching the whole page on wide monitors. */
.ct { font-size: 16px; line-height: 1.9; overflow-wrap: anywhere; }
.ct p { margin-bottom: 16px; }
.ct h2,
.ct h3 { font-size: 18px; line-height: 1.5; margin: 24px 0 12px; }
.ct h3:before { flex: none; }
.ct h4 { font-size: 16px; line-height: 1.6; margin: 20px 0 8px; color: var(--tx); }
.ct img,
.ct video,
.ct iframe { max-width: 100%; }
.ct pre { max-width: 100%; overflow: auto; white-space: pre; }
.ct table { max-width: 100%; }
.artp h1 { overflow-wrap: anywhere; }
.metar { gap: 6px 18px; line-height: 1.75; }
.artp .lab { flex-wrap: wrap; }
.artp .lab .mono { overflow-wrap: anywhere; }

/* These links are in-page navigation, with real spacing and scroll affordance. */
.tabs2 {
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	min-width: 0;
	max-width: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	overflow-x: auto;
	overflow-y: hidden;
	overscroll-behavior-inline: contain;
	scrollbar-width: thin;
	scrollbar-color: var(--line2) transparent;
}
.tabs2 > a,
.tabs2 > span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 46px;
	padding: 10px 16px;
	font-size: 14px;
	line-height: 1.5;
	white-space: nowrap;
	color: var(--sub);
	position: relative;
}
.tabs2 > a:hover { color: var(--amt); background: var(--amb); }
.tabs2 > a.on,
.tabs2 > span.on,
.tabs2 > a[aria-current="location"] {
	color: var(--tx);
	font-weight: 800;
	box-shadow: inset 0 -3px var(--am);
}
.tabs2 > span.on:after { content: none; }
.tabs2 > a:focus-visible,
.shots > button:focus-visible,
.jump:focus-visible,
.small2 > a:focus-visible,
.small2 > button:focus-visible { outline: 2px solid var(--am); outline-offset: -2px; }
#intro,
#zy-shots,
#dl,
#dl-m,
#comments { scroll-margin-top: 20px; }

/* Download markup comes from template-parts/download-box.php. */
.dlw .h { flex-wrap: wrap; gap: 6px 14px; }
.dlw td { overflow-wrap: anywhere; }
.dlw code { display: inline-block; max-width: 100%; white-space: normal; overflow-wrap: anywhere; vertical-align: middle; }
.dlw .go { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 9px 16px; }
.dlw .f { flex-wrap: wrap; gap: 6px 18px; }
.mdl {
	min-width: 0;
	max-width: 100%;
	border: 1px solid var(--am);
	background: var(--p1);
	color: var(--tx);
	box-shadow: var(--shadow);
}
.mdl > .h { padding: 16px 14px; background: var(--amb); border-bottom: 1px solid var(--ambd); }
.mdl .h .t { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.mdl .h .mono { color: var(--amt); font-size: 11px; }
.mdl .h h2 { font-size: 19px; line-height: 1.4; }
.mdl .h .s { margin-top: 5px; color: var(--sub); font-size: 12px; line-height: 1.7; }
.mdl > .r { padding: 16px 14px; border-bottom: 1px solid var(--line); }
.mdl .l1 { display: flex; align-items: flex-start; gap: 8px; min-width: 0; line-height: 1.6; }
.mdl .l1 .n { flex: none; font: 800 20px/1.3 var(--disp); color: var(--amt); }
.mdl .l1 > b { flex: 1; min-width: 0; font-size: 15px; overflow-wrap: anywhere; }
.mdl .l1 .sz { flex: none; font-size: 12px; color: var(--sub); }
.mdl .r > small { display: block; margin-top: 5px; color: var(--mute); font-size: 12px; }
.mdl .codes { display: grid; gap: 8px; margin: 12px 0; }
.mdl .codes > div {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	min-width: 0;
	min-height: 44px;
	padding: 4px 10px;
	border: 1px solid var(--line);
	background: var(--p2);
	color: var(--sub);
	font-size: 12px;
}
.mdl .codes b { flex: 1; min-width: 0; text-align: right; font: 600 13px/1.7 var(--mono); color: var(--tx); overflow-wrap: anywhere; }
.mdl .codes .none b { font-family: var(--sans); font-weight: 400; color: var(--mute); }
.mdl .codes [data-copy] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 44px;
	min-height: 44px;
	margin-left: 6px;
	padding: 0 6px;
	font: 600 12px/1.4 var(--sans);
	color: var(--amt);
}
.mdl .go {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	padding: 11px 14px;
	border: 1px solid var(--am);
	background: var(--am);
	color: #000;
	font-size: 15px;
	font-weight: 800;
	line-height: 1.5;
	clip-path: var(--cut8);
}
.mdl .go.o { background: var(--amb); color: var(--amt); clip-path: none; }
.mdl > .f { padding: 12px 14px; color: var(--mute); background: var(--p2); font-size: 12px; line-height: 1.8; }
.mdl .go:focus-visible,
.mdl [data-copy]:focus-visible { outline: 2px solid var(--amt); outline-offset: 2px; }

/* A finite desktop card grid avoids oversized cards and very long title rows. */
.home main .g3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.home .recs { grid-template-columns: repeat(auto-fit, minmax(min(220px, 100%), 1fr)); }
.home .secs { grid-template-columns: repeat(auto-fit, minmax(min(210px, 100%), 1fr)); }
.gc h2,
.gc h3,
.gc h4 {
	white-space: normal;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.55;
	min-height: 3.1em;
	overflow: hidden;
}
.gc .th .v { max-width: calc(100% - 16px); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home .recs span { line-height: 1.5; overflow-wrap: anywhere; }
.home .ph { height: auto; min-height: 52px; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }
.home .ph .tabs { min-width: 0; flex-wrap: wrap; }
.home .ph .tabs a { display: inline-flex; align-items: center; min-height: 30px; }
.sec > div { min-width: 0; }
.sec b { overflow-wrap: anywhere; }
.welcome { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; }
.welcome > div { min-width: 0; }
.welcome .bb { grid-column: 1 / -1; display: flex; gap: 8px; margin-left: 0; width: 100%; }
.welcome .bb a { flex: 1; text-align: center; white-space: nowrap; min-height: 40px; }
.mtabs { scrollbar-width: none; }
.mtabs::-webkit-scrollbar { display: none; }

@media (min-width: 1101px) {
	header .wrap { gap: 14px; }
	#zy-nav { flex: 1 1 auto; overflow-x: auto; scrollbar-width: thin; }
	#zy-nav > a { flex: none; padding-left: 11px; padding-right: 11px; }
	header form.search { flex: 0 1 250px; min-width: 190px; margin-left: 0; }
	header form.search label { width: auto; flex: 1; min-width: 0; }
	header form.search button { flex: 0 0 48px; }
	header .mode,
	header .auth,
	header .logo { flex: none; }
	.slider { height: clamp(320px, 25vw, 400px); }
}

@media (max-width: 1100px) {
	.wrap { width: calc(100% - 32px); }
	.lay { grid-template-columns: minmax(0, 1fr); gap: 18px; }
	.lay > aside { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
	.lay > aside > .w { margin-bottom: 0; }
	.grid3,
	.grid4 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.home .recs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}

@media (min-width: 768px) and (max-width: 1100px) {
	header .wrap { flex-wrap: nowrap; min-height: 62px; gap: 12px; }
	header form.search { flex: 1 1 260px; min-width: 160px; margin-left: auto; }
	header form.search label { width: auto; flex: 1; min-width: 0; }
	header form.search button { flex: 0 0 48px; }
}

@media (max-width: 767px) {
	.wrap { width: calc(100% - 24px); }
	.lay { margin-top: 12px; gap: 14px; }
	.lay > aside { display: block; }
	.lay > aside > .w { margin-bottom: 12px; }
	.artp,
	.pad { padding: 16px 14px; }
	.artp h1 { font-size: 23px; line-height: 1.45; margin-top: 10px; }
	.artp .lab { gap: 6px 10px; }
	.artp .lab .mono { font-size: 11px; letter-spacing: .4px; }
	.metar { gap: 5px 12px; padding-bottom: 12px; font-size: 12px; }
	.topg { grid-template-columns: minmax(0, 1fr); gap: 14px; margin-top: 14px; }
	.topg > div { width: 100%; min-width: 0; }
	.topg .cover { width: 100%; height: auto; aspect-ratio: 16 / 9; }
	.topg .shots > button,
	.topg .shots > div { flex-basis: 88px; width: 88px; }
	.topg .kv { font-size: 14px; }
	.topg .kv span { width: 88px; padding: 9px 12px; font-size: 12px; }
	.topg .kv b { padding: 8px 12px; }
	.jump { min-height: 48px; }
	.small2 { gap: 8px; }
	.small2 a,
	.small2 button { min-height: 44px; }
	.tabs2 { gap: 0; margin: 18px 0; scroll-padding-inline: 4px; }
	.tabs2 > a,
	.tabs2 > span { min-height: 46px; padding: 11px 15px; }
	.ct { font-size: 16px; line-height: 1.9; }
	.ct .zy-gal { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
	.stills { gap: 8px; padding-bottom: 6px; }
	.stills > div,
	.stills > button { flex: 0 0 160px; width: 160px; aspect-ratio: 16 / 9; }
	.stills > div:first-child { aspect-ratio: 16 / 9; }

	/* Use the existing mobile menu/search rather than removing navigation. */
	.mbar { min-height: 56px; height: auto; padding: 4px 8px; }
	.mbar .ib { width: 44px; height: 44px; flex: none; }
	.mtabs { min-height: 46px; height: auto; padding-left: 6px; }
	.mtabs a { min-height: 46px; height: auto; padding: 0 13px; }
	.msearch { min-width: 0; padding: 10px 12px; }
	.msearch input { min-width: 0; height: 44px; font-size: 16px; }
	.msearch button { height: 44px; min-width: 56px; }
	.drawer .ds { min-height: 44px; }
	.drawer .ds input { font-size: 16px; }
	.subbar .wrap { min-height: 36px; height: auto; padding-top: 7px; padding-bottom: 7px; gap: 8px; }
	.subbar .wrap > span:not(.gg):not(.hw) { min-width: 0; font-size: 12px; line-height: 1.6; }

	.home main .g3,
	.g3,
	.g4,
	.grid3,
	.grid4,
	.home .recs,
	.home .secs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.g3,
	.g4,
	.grid3,
	.grid4 { padding: 12px; gap: 10px; }
	.home .recs { gap: 10px; }
	.home .recs > a { aspect-ratio: 16 / 10; }
	.home .recs span { padding: 24px 8px 7px; font-size: 12px; line-height: 1.4; }
	.home .recs span b { font-size: 10px; letter-spacing: 0; }
	.gc .bd { padding: 9px 9px 11px; }
	.gc h2,
	.gc h3,
	.gc h4 { font-size: 14px; line-height: 1.5; min-height: 3em; }
	.gc .m { gap: 6px; margin-top: 6px; }
	.gc .m .chip { max-width: calc(100% - 36px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
	.home .ph { gap: 7px 8px; padding: 10px 12px; }
	.home .ph h2 { font-size: 16px; }
	.home .ph h2 small { font-size: 10px; margin-left: 6px; }
	.home .ph .tabs { order: 4; width: 100%; flex-wrap: nowrap; overflow-x: auto; gap: 5px; }
	.home .ph .tabs a { flex: none; min-height: 36px; padding: 6px 12px; }
	.home .ph .more { min-height: 36px; display: inline-flex; align-items: center; font-size: 12px; }
	.home .sec { gap: 8px; padding: 12px 10px; min-height: 64px; }
	.home .sec .n { font-size: 24px; }
	.home .sec b { font-size: 13px; line-height: 1.4; }
	.home .sec small { font-size: 10px; letter-spacing: .4px; }
	.navg { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.fc2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 16px; }
	.fc2 > div:first-child { grid-column: 1 / -1; }
	.copy { align-items: flex-start; line-height: 1.8; }
}

@media (max-width: 399px) {
	.wrap { width: calc(100% - 20px); }
	.artp,
	.pad { padding: 14px 12px; }
	.artp h1 { font-size: 21px; }
	.g3,
	.g4,
	.grid3,
	.grid4 { padding: 10px; gap: 8px; }
	.home .sec { gap: 6px; padding-left: 8px; padding-right: 8px; }
	.home .sec .n { font-size: 21px; }
	.gc .th .v { font-size: 10px; padding: 1px 4px; right: 6px; }
	.mbar { padding-left: 4px; padding-right: 4px; }
	.mbar .logo { gap: 7px; font-size: 15px; }
}

.mdl .codes button[data-copy]{background:transparent;border:0;cursor:pointer}
.zy-download-block{min-width:0;margin-top:24px}
.home-empty h2{font-size:22px;margin-bottom:10px}
.home-empty p{font-size:15px;line-height:1.8;color:var(--sub)}