/* ============ Reset & Base (common) ============ */
*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.6 "Microsoft YaHei",Arial,Helvetica,sans-serif;color:#333;background:#f5f5f5}
ul,ol,li{list-style:none}
a{color:#333;text-decoration:none}
a:hover{text-decoration:none;color:#43B753}
img{border:0;vertical-align:middle}
input{border:none;outline:none}
em,i{font-style:normal}
h1,h2,h3,h4,h5,h6{font-weight:normal}

/* ============ Layout ============ */
.Header{width:100%;background:#fff;border-bottom:1px solid #e8e8e8;padding:10px 0}
.Top{width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.logo{display:flex;align-items:center}
.logo_img{height:36px;margin-right:8px}

/* ============ Search ============ */
.SearchBox{display:flex;align-items:center;width:360px;height:36px;border:2px solid #43B753;border-radius:4px;overflow:hidden}
.Search_Input,.s_input,.i-input{flex:1;height:100%;padding:0 10px;font-size:14px;border:none;outline:none}
.SearchBox button,.SearchBox .span{width:60px;height:100%;background:#43B753;color:#fff;border:none;cursor:pointer;font-size:14px;text-align:center;line-height:32px}

/* ============ Nav ============ */
.nav{width:100%;background:#43B753;height:44px;line-height:44px}
.nav a{color:#fff;font-size:14px;padding:0 20px;display:inline-block}
.nav a:hover{background:rgba(255,255,255,.15)}
.navi-index,.navi-soft,.navi-game,.navi-column,.navi-article{display:inline-block}
.breadcrumb{padding:12px 0;color:#999;font-size:12px}
.breadcrumb a{color:#999}

/* ============ App Detail ============ */
.AppBox{width:1200px;margin:0 auto;padding:20px 0}
.App-details{background:#fff;border-radius:8px;padding:24px;margin-bottom:16px}
.App-details-det{display:flex;align-items:flex-start;margin-bottom:20px}
.App-details-det img{width:100px;height:100px;border-radius:20px;margin-right:20px}
.app-details-appname{font-size:10px;font-weight:bold;color:#333;margin-bottom:6px}
.app-details-appinfo{font-size:13px;color:#999;line-height:1.8}
.app-details-appdes{font-size:13px;color:#666;margin-top:6px}

/* ============ Download Buttons ============ */
.download_btn_col{display:flex;gap:12px;margin-top:16px}
.high-speed-down-btn{display:inline-block;padding:10px 32px;background:#43B753;color:#fff;border-radius:6px;font-size:15px;cursor:pointer}
.normal-down-btn{display:inline-block;padding:10px 32px;background:#f0f0f0;color:#666;border-radius:6px;font-size:15px;cursor:pointer}

/* ============ Category / Tags ============ */
.App_Category{margin:16px 0}
.CategoryLink{display:inline-block;padding:4px 14px;margin:4px;background:#f5f5f5;border-radius:16px;font-size:13px;color:#666}
.CategoryLink:hover{background:#e8f5e9;color:#43B753}

/* ============ Screenshots ============ */
.App_ImgBox{margin:16px 0;overflow-x:auto;white-space:nowrap}
.App_ImgBox img{height:200px;border-radius:8px;margin-right:10px;display:inline-block}
.App-display-a{display:inline-block}

/* ============ Info Table ============ */
.App_Hots{margin-top:16px}
.fl{float:left;margin-right:16px}
.fr{float:right}
.fs10{font-size:10px}
.laohe20260331,.laohe20260420{overflow:hidden;padding:6px 0;border-bottom:1px solid #f0f0f0;font-size:13px;color:#666}
.laohe20260331 .fl,.laohe20260420 .fl{min-width:100px}

/* ============ Spread Box (通用展开区块) ============ */
.App_SpreadBox{background:#fff;border-radius:8px;padding:20px 24px;margin-bottom:16px}
.App_SpreadTitle{display:flex;justify-content:space-between;align-items:center;font-size:18px;font-weight:bold;color:#333;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}
.App_SpreadTitle .icon{width:20px;height:20px;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0iTTcgNWw2IDYtNiA2IiBmaWxsPSJub25lIiBzdHJva2U9IiM5OTkiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==) center/contain no-repeat}
.App_SpreadContent{font-size:14px;color:#666;line-height:1.8}

/* ============ App Introduce ============ */
.App_Introduce{font-size:14px;color:#555;line-height:2}
.App_Introduce .dna-a{color:#43B753}
.get_more{text-align:center;padding:12px;color:#43B753;font-size:14px;cursor:pointer;border-top:1px solid #f0f0f0;margin-top:12px}
.get_more_load{text-align:center;padding:12px}
.get_more_load img{width:24px;height:24px;margin-right:8px;vertical-align:middle}

/* ============ Version Update ============ */
.App_Update{font-size:14px;color:#666;line-height:1.8}
.b-text{color:#333;font-weight:bold;margin-bottom:8px}

/* ============ Classify Tags ============ */
.ClassifyBox{margin-bottom:16px}
.ClassifyBox ul{display:flex;flex-wrap:wrap;gap:8px}
.ClassifyBox li{padding:6px 16px;background:#f5f5f5;border-radius:16px;font-size:13px;cursor:pointer;transition:all .2s}
.ClassifyBox li:hover,.Classify_Checked{background:#e8f5e9;color:#43B753}
.Classify_Checked{background:#43B753!important;color:#fff!important}

/* ============ App List (推荐列表30个) ============ */
.mainpage{width:100%}
.mbt_27{margin-bottom:27px}
.list_con{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.app-list-con{background:#fff;border-radius:8px;overflow:hidden;transition:box-shadow .2s}
.app-list-con:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}
.app-list-img{width:64px;height:64px;border-radius:14px;float:left;margin:16px}
.app-list-details{overflow:hidden;padding:16px 16px 16px 0}
.app-list-name{margin-bottom:4px}
.app-list-name h2{font-size:15px;font-weight:bold;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-list-name h2 a{color:#333}
.app-list-des{margin-bottom:6px}
.app-list-des h3{font-size:12px;color:#999;font-weight:normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-list-info{font-size:12px;color:#999;display:flex;gap:12px}
.app-list-download{clear:both;padding:0 16px 12px;text-align:right}
.app-list-download a{display:inline-block;padding:5px 18px;background:#43B753;color:#fff;border-radius:4px;font-size:13px}
.app-list-download .detail{background:#f0f0f0;color:#666}

/* ============ App-everybody-dl (类似软件/猜你喜欢) ============ */
.App-everybody-dl{background:#fff;border-radius:8px;padding:20px 24px;margin-bottom:16px}
.App-everybody-dl .title{font-size:18px;font-weight:bold;color:#333;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}
.App-ul{display:flex;flex-wrap:wrap}
.li.fix,.li{width:80px;margin:8px;text-align:center;display:inline-block;vertical-align:top}
.li.fix .img,.li .img{width:60px;height:60px;border-radius:14px;margin:0 auto 6px;overflow:hidden;display:block}
.li.fix .img img,.li .img img{width:100%;height:100%}
.App-name{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.right{padding-left:0}

/* ============ Strategy List (相关攻略) ============ */
.StrategyList_Content{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f5f5f5}
.StrategyList_Content:last-child{border-bottom:none}
.StrategyList_ContentTitle{flex:1;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml0{margin-left:0}
.StrategyList_TimeBox{font-size:12px;color:#999;white-space:nowrap;margin-left:16px}

/* ============ Applications List (应用集) ============ */
.Applications_list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.Application_content{background:#f9f9f9;border-radius:8px;overflow:hidden;padding:12px}
.Application_img_set{display:flex;gap:6px;margin-bottom:10px}
.Application_img_set img{flex:1;height:80px;object-fit:cover;border-radius:4px}
.Application_img_set .small{flex:.8}
.Application_img_set .middle{flex:1}
.Application_img_set .bigger{flex:1.2}
.App_tit{font-size:14px;font-weight:bold;color:#333;margin-bottom:4px}
.App_user{font-size:12px;color:#999;margin-bottom:4px}
.App_oth{font-size:12px;color:#bbb;display:flex;gap:12px}
.App_oth img{width:14px;height:14px;vertical-align:middle}
.Appset{overflow:hidden}

/* ============ Comments ============ */
.App-details-comment{padding:0}
.App-details-comment ul{list-style:none}
.comment_con{display:flex;padding:16px 0;border-bottom:1px solid #f5f5f5}
.comment_con:last-child{border-bottom:none}
.comment_head{width:40px;height:40px;border-radius:50%;margin-right:12px;overflow:hidden;flex-shrink:0}
.comment_head img{width:100%;height:100%}
.comment_body{flex:1}
.comment_name{font-size:14px;font-weight:bold;color:#333;margin-bottom:4px}
.comment_date{font-size:12px;color:#999;margin-bottom:6px}
.comment_text{font-size:14px;color:#555;line-height:1.6}
.link_more{text-align:center;padding:16px;color:#43B753;cursor:pointer;font-size:14px}

/* ============ Footer ============ */
.Footer{background:#333;color:#aaa;padding:30px 0;text-align:center;font-size:13px;line-height:2}
.Footer a{color:#ccc}
.Footer-com{margin-bottom:8px}
.Footer-line{border-top:1px solid #444;padding-top:12px;margin-top:12px}

/* ============ Responsive ============ */
@media screen and (max-width:768px){
  .Top{width:100%;padding:0 12px}
  .AppBox{width:100%;padding:10px}
  .SearchBox{width:200px}
  .list_con{grid-template-columns:repeat(2,1fr);gap:10px}
  .Applications_list{grid-template-columns:1fr}
  .App-details{padding:16px}
  .nav a{padding:0 10px;font-size:13px}
  .App_ImgBox img{height:140px}
}
@media screen and (max-width:480px){
  .list_con{grid-template-columns:1fr}
  .SearchBox{width:140px;height:30px}
  .nav{height:38px;line-height:38px}
  .nav a{padding:0 8px;font-size:12px}
  .App-details-det img{width:72px;height:72px}
  .app-details-appname{font-size:18px}
  .App_ImgBox img{height:120px}
}