/* =========================================================
   91赚 · 新视觉主题 (theme.css)
   设计方向：翡翠绿主色 + 暖橙CTA，现代圆角卡片，清爽留白
   仅覆盖视觉层，不改动任何 HTML 内容 / 文案 / 链接
   加载顺序：在 style.css 之后，故同权重下本文件生效
   ========================================================= */

/* ---------- 设计变量 ---------- */
:root{
  --brand:#0FB37A;          /* 翡翠绿 */
  --brand-2:#00C2A8;        /* 青绿 */
  --brand-grad:linear-gradient(135deg,#0FB37A 0%,#00C2A8 100%);
  --cta:#FF8A3D;            /* 暖橙 */
  --cta-2:#FF7A2E;
  --cta-grad:linear-gradient(135deg,#FF9F2E 0%,#FF7A2E 100%);
  --bg:#F4F7FA;             /* 页面底色 */
  --card:#FFFFFF;
  --ink:#1F2A37;            /* 标题 */
  --body:#5B6675;           /* 正文 */
  --muted:#93A0B0;          /* 次要 */
  --line:#EDF1F5;           /* 描边 */
  --shadow:0 8px 24px rgba(18,42,58,.07);
  --shadow-hover:0 14px 32px rgba(18,42,58,.13);
  --r:16px;                 /* 卡片圆角 */
  --r-sm:12px;
  --pill:999px;
}

/* ---------- 全局底色 / 文字 / 链接 ---------- */
html{color:var(--body)!important;background:var(--bg)!important;}
a{color:var(--ink);}
a:hover{color:var(--brand)!important;}
::selection{background:var(--brand)!important;color:#fff;}
::-moz-selection{background:var(--brand)!important;color:#fff;}

/* 字号与标题层次 */
body{font-size:15px;line-height:1.85;}
h1,h2,h3,h4,h5,h6{color:var(--ink)!important;font-weight:700;}

/* 渐变文字（部分标题用到）改为绿→橙 */
.gradient{
  background-image:linear-gradient(-30deg,#0FB37A,#00C2A8 35%,#FF9F2E 75%,#0FB37A)!important;
  -webkit-text-fill-color:transparent!important;
}

/* ---------- 头部 / 导航 ---------- */
.header-top{
  background:var(--brand-grad)!important;
  color:#fff!important;
  height:36px;line-height:36px;
}
.header-top a{color:#fff!important;padding:0 .6em;}
.header-top a:hover{background:rgba(255,255,255,.22)!important;color:#fff!important;}
.header-top .line{background:rgba(255,255,255,.4)!important;}

.header{background:#fff!important;box-shadow:0 2px 18px rgba(18,42,58,.07)!important;}
.header-fixed{box-shadow:0 2px 18px rgba(18,42,58,.07)!important;}
.logo-area{padding-top:16px;}

.pc-nav li a{color:var(--ink)!important;font-weight:600;font-size:16px;}
.pc-nav li a:hover{color:var(--brand)!important;}
.pc-nav li a::before,.pc-nav .active::before{background-color:var(--brand)!important;}
.pc-nav .active{color:var(--brand)!important;}
.pc-nav .active a{color:var(--brand)!important;}
.pc-nav li .iconfont{color:var(--cta)!important;}
.dropdown-nav{background-color:#fff!important;box-shadow:var(--shadow)!important;border:1px solid var(--line)!important;}
.dropdown-nav .active a,.dropdown-nav .active a:hover,.dropdown-nav li a:hover{background-color:var(--brand)!important;color:#fff!important;}

/* 搜索框：圆角胶囊 */
.s-input{border:1px solid var(--line)!important;background:#F4F7FA!important;border-radius:var(--pill)!important;height:38px!important;line-height:38px!important;}
.s-button{color:var(--brand)!important;}

/* ---------- 轮播 Banner：圆角 + 阴影 ---------- */
.swiper-container{
  border-radius:18px!important;overflow:hidden!important;
  box-shadow:var(--shadow)!important;margin-bottom:28px!important;
  height:260px!important;
}
.swiper-container img{height:260px!important;border-radius:18px;}
.swiper-pagination-bullet-active{background-color:var(--brand)!important;}
.swiper-slide .p{
  background:linear-gradient(transparent,rgba(0,0,0,.55));
  padding:1.2em 1em!important;font-weight:600!important;
}

/* ---------- 区块标题（热门应用 等） ---------- */
.c-title{font-size:20px!important;font-weight:800!important;color:var(--ink)!important;padding-left:14px!important;letter-spacing:.5px;}
.c-title:after{content:""!important;width:6px!important;height:20px!important;left:-2px!important;border-radius:6px!important;background:var(--brand)!important;opacity:1!important;}

/* ---------- App 网格卡片（首页中部 / 猜你喜欢） ---------- */
#middle_1 .item,
.related-item .item{
  background:var(--card);
  border:1px solid var(--line)!important;
  border-radius:var(--r)!important;
  box-shadow:var(--shadow);
  padding:1.3em .8em!important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
#middle_1 .item:hover,
.related-item .item:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow-hover);
  border-color:#cdeee2!important;
  background:#fff!important;
}
#middle_1 .thumbnail img,
.related-item .thumbnail img{
  width:64px!important;height:64px!important;border-radius:18px!important;
  box-shadow:0 6px 14px rgba(15,179,122,.20);
}
#middle_1 .item .title,
.related-item .item .title{font-weight:700!important;color:var(--ink)!important;font-size:15px!important;}
#middle_1 .item .sub,
.related-item .item .sub{color:var(--muted)!important;}

/* 网格卡片的“获取”按钮：常驻暖橙胶囊（移动端也可见） */
#middle_1 .download,
.related-item .download{
  position:static!important;left:auto!important;bottom:auto!important;transform:none!important;
  display:inline-block!important;margin:8px 0 0!important;
  padding:.25em 1em!important;border:none!important;
  background:var(--cta-grad)!important;color:#fff!important;border-radius:var(--pill)!important;
  font-weight:700!important;font-size:12px!important;
  box-shadow:0 3px 8px rgba(255,122,46,.25);
}
#middle_1 .item:hover .sub,
.related-item .item:hover .sub{opacity:.7!important;}

/* ---------- App 行卡片（#full-app / .app-list） ---------- */
#full-app .item,
.app-list{
  background:var(--card);
  border:1px solid var(--line)!important;
  border-radius:var(--r)!important;
  box-shadow:var(--shadow);
  transition:transform .25s ease,box-shadow .25s ease;
}
#full-app .item:hover,
.app-list:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);background:#fff!important;}
#full-app .thumbnail img,
#full-app .img,
.app-list .figure img{
  border-radius:16px!important;box-shadow:0 4px 12px rgba(18,42,58,.10);
}
#full-app .title,
.app-list .content .title{font-weight:700!important;color:var(--ink)!important;}

/* 行卡片里的下载按钮：暖橙胶囊（缩小版，不遮挡文字） */
#full-app .download,
.app-list .download{
  border:none!important;
  background:var(--cta-grad)!important;color:#fff!important;
  border-radius:var(--pill)!important;font-weight:700!important;
  padding:.25em .9em!important;
  font-size:12px!important;
  box-shadow:0 3px 8px rgba(255,122,46,.25);
  display:inline-block!important;
}
#full-app .download:hover,
.app-list .download:hover{background:var(--cta-grad)!important;color:#fff!important;filter:brightness(1.05);}

/* 顶部“吐血推荐”角标改绿 */
#top_recommend::after{border-top:60px solid var(--brand)!important;border-right:60px solid transparent!important;}

/* “顶”角标改翡翠绿 */
.app-list .istop,
.article-list .istop{border:1px solid var(--brand)!important;color:var(--brand)!important;font-weight:600!important;}

/* ---------- 热榜 widget（table_card） ---------- */
.table_card .active{color:var(--brand)!important;background:#fff!important;}
.table_card .tab li:hover{color:var(--brand)!important;background:#F2FBF8!important;}
.table_card .tab{border-bottom:2px solid var(--line)!important;}
.table_card .tabCon{background:#fff!important;}

/* ---------- 文章列表卡片 ---------- */
.article-list{
  background:var(--card);border:1px solid var(--line)!important;
  border-radius:var(--r)!important;box-shadow:var(--shadow);
  transition:transform .25s ease,box-shadow .25s ease;
}
.article-list:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);background:#fff!important;}
.article-list .content .title{font-weight:700!important;color:var(--ink)!important;}

/* ---------- App 详情页 ---------- */
.app-main{padding:2em!important;}
.app-main figure img{border-radius:22px!important;box-shadow:0 8px 20px rgba(15,179,122,.18);}
.app-main figure .download{
  background:var(--cta-grad)!important;border:none!important;color:#fff!important;
  border-radius:var(--pill)!important;font-weight:700!important;opacity:1!important;
  box-shadow:0 6px 14px rgba(255,122,46,.32);
}
.app-main figure .download:hover{opacity:1!important;filter:brightness(1.05);}
.app-main .main h1{font-size:22px!important;font-weight:800!important;}
.app-main .head-info{border-bottom:1px solid var(--line)!important;}

/* 标签：统一翡翠绿系 */
.app-main .main a.tags{background:#E8F8F1!important;color:#0B8F63!important;font-weight:600!important;border-radius:var(--pill)!important;}

/* 详情正文 */
.app-content h1,.app-content h2,.app-content h3,.app-content h4,.app-content h5,.app-content h6{color:var(--ink)!important;}
.app-content blockquote{border-left:4px solid var(--brand)!important;background:#F2FBF8!important;color:var(--body)!important;}
.app-content a{color:var(--brand)!important;}
.app-content a:hover{border-bottom:1px dashed var(--brand)!important;}
.app-content .title-css{background:#E8F8F1!important;color:#0B8F63!important;}
.app-content .title-css .i{background-color:var(--brand)!important;}

/* ---------- 分页 ---------- */
.page-numbers{background:var(--brand)!important;color:#fff!important;}
a.page-numbers{background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;}
a.page-numbers:hover{background:var(--brand)!important;color:#fff!important;border-color:var(--brand)!important;}

/* ---------- 页脚：深色现代 ---------- */
.footer{background:#0F1B24!important;color:#8FA3B3!important;padding:2.6em 1.5em!important;font-size:.92em;}
.footer a{color:#CFE9E0!important;}
.footer a:hover{color:var(--brand)!important;}
.footer .icp,.footer .contact{padding-left:8px;}

/* 回顶部按钮 */
.toolbar .btn{background:var(--brand)!important;opacity:.85!important;border-radius:12px!important;}
.toolbar .btn:hover{opacity:1!important;}

/* ---------- 移动端适配（仅视觉，不影响原布局宽度） ---------- */
@media screen and (max-width:1200px){
  .swiper-container{height:38vw!important;border-radius:14px!important;}
  .swiper-container img{height:38vw!important;}
  #middle_1 .download,
  .related-item .download{display:block!important;position:static!important;margin:10px auto 0!important;}
  #middle_1 .item,
  .related-item .item{padding:1em .4em!important;}
  .app-list,.article-list,#full-app .item{padding:1.1em!important;}
}