/*
Theme Name:App 2023
Theme URI:https://www.haozhuti.cn/
Author:好主题网
Author URI:https://www.haozhuti.cn/
Description:
Version: 1.16.4
License:GNU General Public License v2 or later
License URI:http://www.gnu.org/licenses/gpl-2.0.htmlText 
Domain:haozhuti
*/

#page-nav {
	padding: 20px 0;
	text-align: center;
	/* margin-top:20px; */
}

#page-nav ul {
	display: inline-block;
	/* background-color:#fff;
	*/
}

#page-nav ul li {
	float: left;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border: 1px solid #ddd;
	transition: all 0.2s linear;
	list-style: none;
	background-image: none;
	padding: 0;
	margin-right: 5px;
	background-color: #fff !important;
}

#page-nav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #666;
	background-color: #fff;

}

#page-nav ul li:last-of-type {
	width: 26px;
}




#page-nav ul li.current a{
	background-color: #494949;
	color: #fff;
}
#page-nav ul li.current a:hover{
	color: #fff;
}




#page-nav ul li a:hover{
	color: red;
}

#page-nav ul::before {
	content: '';
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}

.hztclearfix::after {
	clear: both;
	content: '';
	height: 0;
	visibility: hidden;
	display: block;
}

.aligncenter{
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}






/* v8 screenshot/gallery performance refinements */
.showImg img{cursor:zoom-in;}
.pswp{z-index:100000;}

/* === App 2023 v16.4 Stable Original Style ===
 * Visual-only refresh. Intentionally avoids layout geometry overrides.
 */
:root{
  --hzt-o-accent:#fb371f;
  --hzt-o-accent-2:#ff765c;
  --hzt-o-soft:#fff4f1;
  --hzt-o-ink:#252a31;
  --hzt-o-muted:#8b929c;
  --hzt-o-shadow:0 8px 24px rgba(30,39,53,.065);
  --hzt-o-shadow-hover:0 12px 30px rgba(30,39,53,.10);
}
body{background:#f6f8fb;color:var(--hzt-o-ink)}
a{transition:color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}
a:hover{color:var(--hzt-o-accent)}
.nav .current>a,.nav .current-menu-item>a{color:var(--hzt-o-accent)!important;text-shadow:0 1px 0 rgba(255,255,255,.7)}

/* Home modules */
.hRec,.hGame,.hSoft,.hRank,.hTopic,.ztNew{
  background:#fff;
  border-radius:12px;
  box-shadow:var(--hzt-o-shadow);
}
.hTit,.gsTit{
  background:linear-gradient(90deg,var(--hzt-o-soft),rgba(255,255,255,0) 62%);
  box-shadow:inset 4px 0 0 var(--hzt-o-accent);
  border-radius:7px;
}
.hTit h2,.gsTit strong{color:#272c34;font-weight:700}
.hRec img,.hG img,.hS img,.hTopic img,.ztNew img{border-radius:10px}
.hG li,.hS li,.hRBox li{transition:box-shadow .18s ease,background-color .18s ease,transform .18s ease}
.hG li:hover,.hS li:hover,.hRBox li:hover{background:#fff8f6;box-shadow:0 7px 18px rgba(251,55,31,.07);transform:translateY(-1px)}
.hGRank,.hRBoxR{background:linear-gradient(180deg,#fff,#fffaf7);border-radius:12px;box-shadow:0 7px 20px rgba(251,55,31,.06)}

/* Archive, category and search lists */
.gsList,.rankCont{
  background:#fff;
  border-radius:12px;
  box-shadow:var(--hzt-o-shadow);
}
.gsList li,.rankCont li{background:#fff;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.gsList li:hover,.rankCont li:hover{background:#fff9f7;box-shadow:0 7px 20px rgba(35,43,55,.055);transform:translateY(-1px)}
.gsList img,.rankCont img{border-radius:12px}
.gsList .btn,.rankCont .btn,.adrBtn,.downBtn,.downbtn{
  color:#fff!important;
  background:linear-gradient(135deg,var(--hzt-o-accent-2),var(--hzt-o-accent))!important;
  border-radius:20px!important;
  box-shadow:0 6px 16px rgba(251,55,31,.18);
  text-shadow:0 1px 1px rgba(150,30,15,.15);
}
.gsList .btn:hover,.rankCont .btn:hover,.adrBtn:hover,.downBtn:hover,.downbtn:hover{box-shadow:0 8px 20px rgba(251,55,31,.26);transform:translateY(-1px);color:#fff!important}

/* Topic pages */
.ztCont,.ztDeInfo,.hTopic,.ztNew,.hZ,.hN{
  background:#fff;
  border-radius:12px;
  box-shadow:var(--hzt-o-shadow);
}
.ztCont img,.ztDeInfo img,.hTopic img,.ztNew img{border-radius:11px}
.ztCont li,.hZ li,.hN li{transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.ztCont li:hover,.hZ li:hover,.hN li:hover{background:#fff8f6;box-shadow:0 6px 18px rgba(251,55,31,.06);transform:translateY(-1px)}

/* Detail page */
.gsDTop,.gameCont,.gasoInfo,.gaRecList,.relGameZt,.hzt-v16-panel,.hzt-v16-sidebar .ztRecR{
  background:#fff;
  border-radius:12px;
  box-shadow:var(--hzt-o-shadow);
}
.gsDTop{box-shadow:inset 0 3px 0 var(--hzt-o-accent),var(--hzt-o-shadow)}
.gsDTop .info h1,.gsDTop h1{color:#20252b;text-shadow:0 1px 0 #fff}
.hzt-detail-flags span{background:var(--hzt-o-soft)!important;color:var(--hzt-o-accent)!important;border-radius:12px!important}
.csJump{background:linear-gradient(90deg,#fff,var(--hzt-o-soft),#fff);border-radius:10px;box-shadow:0 5px 16px rgba(32,42,55,.045)}
.csJump a.current,.csJump .current{color:var(--hzt-o-accent)!important;font-weight:700}
.gameCont .gsTit,.gasoInfo .gsTit,.gaRecList .gsTit,.relGameZt .gsTit{box-shadow:inset 4px 0 0 var(--hzt-o-accent)}
.gameCont .cont p{font-size:16px;line-height:1.9;color:#343940}
.gameCont .cont h2,.gameCont .cont h3{color:var(--hzt-o-accent)}
.gameCont .cont img,.showImg img{border-radius:10px;box-shadow:0 5px 18px rgba(25,34,48,.08)}
.gaRecList li,.relGameZt li{transition:background-color .18s ease,transform .18s ease}
.gaRecList li:hover,.relGameZt li:hover{background:#fff8f6;transform:translateY(-1px)}

/* Sidebar / ranking */
.wrapR>div,.hzt-v16-sidebar>div{border-radius:12px;box-shadow:var(--hzt-o-shadow);background:#fff}
.rankHotR .tBox li,.rankHotR .fBox li{transition:background-color .18s ease}
.rankHotR .tBox li:hover,.rankHotR .fBox li:hover{background:#fff7f4}
.rankMenu a.current{color:var(--hzt-o-accent)!important;font-weight:700}

/* Pagination and footer */
#page-nav ul li,.pagecode a,.pagecode span,.hzt-topic-pagination a,.hzt-topic-pagination span{border-radius:8px!important;box-shadow:0 3px 10px rgba(30,40,55,.05)}
#page-nav ul li.current a,.pagecode .current,.hzt-topic-pagination .current{background:var(--hzt-o-accent)!important;color:#fff!important}
footer{background:linear-gradient(180deg,rgba(255,255,255,.92),#fff);box-shadow:0 -6px 22px rgba(29,39,52,.035)}
footer a:hover{color:var(--hzt-o-accent)!important}


/* === App 2023 v16.4 Stable Visual Corrections === */
/* Home header: make navigation and first content block read as one composition. */
.hzt-home header{padding-top:20px;height:72px;}
.hzt-home .hRec{margin-top:8px;    padding-top: 18px}

/* Keep the original icon language; remove the competing red inset rule. */
.hTit{box-shadow:none!important;background:linear-gradient(90deg,#fff8f5 0%,#fff 68%)!important;}
.gsTit{box-shadow:none!important;background:transparent!important;}
.gameCont .gsTit,.gasoInfo .gsTit,.gaRecList .gsTit,.relGameZt .gsTit{box-shadow:none!important;}
.hTit h2,.hTit strong{color:#272c34!important;}

/* Category/title areas use the original gradient marker only, not a second red edge. */
.wrapper .gsTit,.gsList .gsTit,.rankCont .gsTit{box-shadow:none!important;}

/* Download is the primary CTA: restore green Android identity instead of theme-red. */
.downBtn .adrBtn,.adown .adrBtn,.adrBtn{
  background:linear-gradient(135deg,#20d99a,#12b985)!important;
  box-shadow:0 7px 18px rgba(18,185,133,.22)!important;
  color:#fff!important;
}
.downBtn .adrBtn:hover,.adown .adrBtn:hover,.adrBtn:hover{
  background:linear-gradient(135deg,#28e5a5,#0fab7b)!important;
  box-shadow:0 9px 22px rgba(18,185,133,.30)!important;
  color:#fff!important;
}
/* Keep list-card CTAs in the site accent, but avoid affecting the main download button. */
.gsList .btn,.rankCont .btn,.downBtn .iosBtn,.downBtn .orderBtn{
  color:#fff!important;
}

/* Homepage ranking had a fixed legacy height that created a large empty tail. */
.hRBoxL,.hRBoxM,.hRBoxR{height:700px;}
.hRank{padding-bottom:0;}

/* Footer: no old logo placeholder, tighter close to the homepage content. */
footer>div{padding-top:34px;padding-bottom:34px;}
footer .img:empty{display:none!important;}


/* === App 2023 v16.4 Polished Visual Harmonization === */
/* PC top composition: reduce layer separation between header and hero area. */
.hzt-home header{padding-top:14px!important;height:80px!important;margin-bottom:0!important;}
.hzt-home .hRec{margin-top:0!important;}
.hzt-home .wrapper,.hzt-home .wrap{margin-top:0!important;}
.hzt-home .hGame,.hzt-home .hSoft,.hzt-home .hRank,.hzt-home .hTopic{padding-top:18px!important;}

/* Ranking headers must stay visible on light cards. */
.hGRank{background:#fff!important;border-radius:14px!important;box-shadow:0 10px 28px rgba(30,40,55,.06)!important;padding:12px 16px 16px!important;height:auto!important;min-height:520px;}
.hSoft .hGRank{background:#fff!important;}
.hGRank>a{display:flex!important;align-items:center;justify-content:center;height:auto!important;min-height:42px;padding:0 14px;margin:0 0 10px;border-radius:22px;background:linear-gradient(90deg,#fff7f3,#fff2ee)!important;color:#252a31!important;font-size:22px;font-weight:700;line-height:42px;}
.hGRank>a:before{content:"";display:inline-block;width:8px;height:8px;margin-right:10px;border-radius:50%;background:#fb371f;box-shadow:12px 0 0 rgba(251,55,31,.22);}
.hGRank li a{color:#333!important;}
.hRBoxL,.hRBoxM,.hRBoxR{height:auto!important;min-height:620px;}
.hRBoxL>a,.hRBoxM>a,.hRBoxR>a{display:flex!important;align-items:center;justify-content:center;min-height:44px;margin:0 16px 10px;border-radius:22px;background:linear-gradient(90deg,#fff7f3,#fff)!important;color:#252a31!important;}
.hRBoxL>a strong,.hRBoxM>a strong,.hRBoxR>a strong{color:#252a31!important;}
.hRBoxL>a:before,.hRBoxM>a:before,.hRBoxR>a:before{content:"";display:inline-block;width:34px;height:4px;border-radius:4px;background:linear-gradient(90deg,#7fb0ff,#fb371f);margin-right:12px;}

/* Restore detail-page CTA area: button green, container transparent, spacing compact. */
.gsDTop{padding:22px 27px 18px!important;}
.crumb{margin-bottom:12px!important;}
.downBtn,.downbtn{width:auto!important;background:transparent!important;box-shadow:none!important;padding:0!important;margin-top:18px!important;}
.downBtn a,.downBtn button{margin-bottom:0!important;}
.downBtn .adrBtn{min-width:210px;}

/* Sidebar cards should size to content instead of leaving tall empty blocks. */
.wrapR .ztRecR,.wrapR .rankHotR,.hzt-v16-sidebar .ztRecR,.hzt-v16-sidebar .rankHotR{height:auto!important;min-height:0!important;}
.hzt-v16-sidebar .ztRecR{padding-bottom:22px!important;}

/* Footer and homepage close-out spacing. */
.hRank{margin-bottom:18px!important;padding-bottom:0!important;}
footer{margin-top:24px!important;}