/*****************************
* PHPwork官方网址： ruanjiesoft.com
* PHPwork应用官方QQ群： 317075601
* PHPwork应用开发者QQ： 1980572700
* 不得使用本软件用于非法用途，不得违反国家法律。
*************************************/

a,a:link{ color: #000; text-decoration: none;}

.weui-media-box__title { max-height: 55px;
	display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;
	white-space: normal;
}

.container{max-width:1080px !important;margin:0 auto;margin-bottom:60px;}

.rj-soft_img {  position:relative;margin-right: 10px;width:90px;    height: 80px;}
.rj-soft_img img{border-radius: 10px;width: 80px}
.rj-soft_img .rj-label{position: absolute;left:0;bottom:0;padding:2px 5px;border-radius:0 10px 0 4px;color:#fff;font-size:10px;}

.rj-btn_down{right:10px;border: none;min-width: 60px;height: 26px;padding: 0 8px;background-color: #07c160;border-radius:14px;color: #fff;font-size: 14px;line-height: 26px;}	

.rj-index-article_category{width: 100%;white-space: nowrap;overflow-x: auto;overflow-y:hidden; -webkit-overflow-scrolling:touch;}
.rj-index-article_category a{padding:5px;color:#000;font-size: 16px;}

/* 卡片式 */
.rj-card{margin:10px 8px;border-radius:5px;overflow: hidden;box-shadow: 0 0 4px rgba(221, 221, 221,0.5);background-color:#fff;padding:14px 12px;max-width:340px;margin-left:auto;margin-right:auto;}

.rj-card .weui-cell{min-height:38px !important;padding:6px 8px !important;}
.rj-card .weui-cell__hd img{width:22px !important;margin-right:8px !important;}
.rj-card .weui-cell__bd p{font-size:14px !important;}

/* 首页搜索 */
.rj_search{/*position: fixed;z-index:999;*/box-sizing: border-box;width:100%;padding:8px 10px;/*background-color:#f2f2f2;*/background: none;}
.rj_search span{display:inline-block; position:relative;}
.rj_search span .layui-icon-search{position:absolute;top:8px;left:5px;}
.rj_search input[name=key]{box-sizing:border-box;border:0;padding:4px 2px 2px 30px;width:100%;border-radius:5px;height:30px;color:#000;}
.rj_search input:focus{border:1px solid #eee !important}
.rj_search input[type="submit"]{margin-left:5px;border:0;background:none;color:#000;line-height:20px;width:95%}

/* 首页公告 */
.rj-notice{ display:flex;width:100%;padding-left: 10px;padding-right: 10px;margin-top: 5px;height: 25px;}
.rj-notice .notice_icon img{ width: 20px;}
.rj-notice .notice-swiper { height: auto; width:90%; background-color: #fff;font-size: 14px;padding-left: 5px;}
.rj-notice .notice-swiper .swiper-container { width: 100%; height: 25px; }
.rj-notice .notice-swiper .swiper-slide { height: 20px; line-height: 20px; }
.rj-notice .notice-swiper .swiper-slide a { color: #333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap; }
.rj-notice .notice-swiper .swiper-pagination { position: absolute; }
.rj-notice .notice-swiper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 3px 0; display: block; }
.rj-notice .notice-swiper .swiper-button-next, .notice-swiper .swiper-button-prev { position: absolute; left: auto; right: 0; top: -22px; margin: 0; width: 16px; height: 16px; background-size: 16px 10px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.rj-notice .notice-swiper .swiper-button-prev { margin-right: 20px; }

/* 公告栏内陷式卡片效果 */
.rj-notice-mini .notice-swiper {
    background: none !important;
    box-shadow: inset 2px 2px 8px #e3eefd, inset -2px -2px 8px #fff;
    border-radius: 8px;
    padding: 0 8px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 软件分类页 */
.rj-category_tab{position: relative;}
.rj-category_tab .rj-nav{ position: fixed;top:0;bottom:53px; width:25%;background-color: #F5F5F5;overflow: hidden;OVERFLOW-Y: auto; OVERFLOW-X:hidden;}
.rj-category_tab .rj-nav ul li{ height: 50px;line-height: 55px;text-align: center;font-size:15px;color:#000}
.rj-category_tab .rj-list{ float: right;margin:0 0 70px 0;width: 75%;height:calc(100vh - 70px); min-height: 500px; overflow: hidden;OVERFLOW-Y: auto; OVERFLOW-X:hidden;}

.rj-category_tab .rj-nav .rj-category_selected{background:#fff;border-left:3px solid #07c160;color:#07c160 !important;}


/* 我的头像 */
.rj-my_head{text-align: center;padding: 30px 15px 20px 15px;display: flex;align-items: center;}
.rj-my_head .rj_avatar{width:70px;height:70px;border-radius: 50%; box-shadow: 0 0 10px 6px rgba(255, 255, 255, 0.5) ;}
.rj-my_head .rj_nickname{padding-left: 15px;}
.rj-my_head .rj_nickname div{text-align: left;}
.rj-my-loginbar .rj-download-count {
    font-size: 15px;
    padding: 0 15px 10px 15px;
    text-align: right;
}
.rj-my-loginbar .rj-download-count span {
    color: #f00;
}

/* 退出 */
.rj-my_logout{padding:20px 0;text-align:center;}
.rj-my_logout a{color:#666;}

.rj-copyright,.rj-copyright a{padding:10px 5px;text-align: center;font-size: 12px;color: #666;}

/* 底部导航 */
.rj-tabbar{position: fixed;z-index: 500;display: flex;bottom: 0;width: 100%;max-width:1080px !important;
	background-color: #fff;box-shadow:0 -4px 5px rgba(192, 191, 196, 0.2); }
.rj-tabbar a{ flex: 1;padding: 5px 0 0; }
.rj-tabbar .rj-tabbar_img{height: 27px;width: 27px; margin: 0 auto;}
.rj-tabbar .rj-tabbar_img img{width: 100%;}
.rj-tabbar .rj_tabbar_label{margin:0;text-align: center;   color: #000; font-size: 12px; line-height: 1.8;}

/* 单页 */
.rj-title{padding:10px;line-height:150%;margin-top:30px;font-size:18px;text-align:center;}
.rj-content{padding:10px; min-height:200px;background-color:rgba(255,255,255,0.8);}
.rj-content img{ max-width: 100% !important;height: auto !important;}

/*二级页面*/
.rj-top_title_back_home{display: flex;padding: 5px;justify-content: space-between;align-items: center;color: #000;text-align: center;}


/* pc 屏幕大于 800px */
@media screen and (min-width:800px) {
	.container,.rj-tabbar{max-width:677px !important;}

    /* 软件分类 */
    .rj-category_tab .rj-nav{width:180px;}
}

/* 根据系统的深色模式响应深色变量 */
@media (prefers-color-scheme: dark) {
	html{filter: invert(1) hue-rotate(180deg);}
	body{background: #fff;}
	img,video{filter: invert(1) hue-rotate(180deg);}

	input::placeholder{color:rgba(0,0,0,.3);}

	.weui-panel,.weui-cells{background-color:#fff !important;}

}

/* 磨砂玻璃风格底部 */
.glass-footer {
    position: relative;
    background: radial-gradient(circle at 12% 55%, rgba(33, 150, 243, .15), hsla(0, 0%, 100%, 0) 25%), 
                radial-gradient(circle at 85% 33%, rgba(108, 99, 255, .175), hsla(0, 0%, 100%, 0) 25%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.07);
    padding: 20px 0;
}

.footer-container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 20px;
}

.footer-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-left {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.footer-logo img {
    height: 35px;
    opacity: 0.9;
}

.footer-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.copyright {
    color: #666;
    font-size: 13px;
}

.beian {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #666;
    font-size: 12px;
}

.beian img {
    height: 12px;
    opacity: 0.8;
}

.footer-links {
    display: flex;
    align-items: center;
    gap: 5px;
}

.footer-links a {
    color: #666;
    font-size: 14px;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 4px;
    transition: all 0.3s ease;
}

.footer-links a:hover {
    color: #2196F3;
    background: rgba(255, 255, 255, 0.2);
}

.footer-links .divider {
    width: 1px;
    height: 12px;
    background: rgba(0, 0, 0, 0.1);
    margin: 0 10px;
}

/* 软件库卡片式UI */
.card-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  gap: 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 4px 24px 0 rgba(33, 150, 243, 0.07), 0 1.5px 4px 0 rgba(0,0,0,0.04);
  padding: 20px;
  margin-bottom: 24px;
  transition: box-shadow 0.2s;
  position: relative;
  overflow: hidden;
}
.card:hover {
  box-shadow: 0 8px 32px 0 rgba(33, 150, 243, 0.13), 0 3px 8px 0 rgba(0,0,0,0.08);
  z-index: 2;
}
.card .card-header {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.card .card-img {
  width: 64px;
  height: 64px;
  border-radius: 12px;
  object-fit: cover;
  margin-right: 16px;
  box-shadow: 0 2px 8px rgba(33,150,243,0.08);
}
.card .card-title {
  font-size: 18px;
  font-weight: 600;
  color: #222;
}
.card .card-meta {
  font-size: 13px;
  color: #888;
  margin-bottom: 8px;
}
.card .card-desc {
  font-size: 15px;
  color: #444;
  margin-bottom: 10px;
}
.card .card-actions {
  display: flex;
  gap: 12px;
  margin-top: 10px;
}
.card .card-actions button,
.card .card-actions a {
  border: none;
  background: #2196f3;
  color: #fff;
  border-radius: 8px;
  padding: 6px 18px;
  font-size: 15px;
  cursor: pointer;
  transition: background 0.2s;
}
.card .card-actions button:hover,
.card .card-actions a:hover {
  background: #1769aa;
}

.rj-download-dialog {
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow: 0 8px 32px 0 rgba(33, 150, 243, 0.13), 0 3px 8px 0 rgba(0,0,0,0.08) !important;
}
.rj-download-dialog .layui-layer-content {
  border-radius: 18px !important;
  padding: 0 !important;
}

/* 下载弹窗美观按钮样式 */
.rj-download-dialog .download-links {
  margin-bottom: 16px;
}
.rj-download-dialog .download-link-btn {
  width: 100%;
  margin-bottom: 14px;
  height: 48px;
  font-size: 16px;
  display: flex;
  align-items: center;
  border-radius: 12px;
  background: #fff;
  border: 1.5px solid #e3e8f0;
  color: #222;
  box-shadow: 0 2px 8px rgba(33,150,243,0.06);
  padding-left: 18px;
  gap: 12px;
  transition: box-shadow 0.2s, border 0.2s, background 0.2s;
  cursor: pointer;
}
.rj-download-dialog .download-link-btn:hover:not([disabled]) {
  border: 1.5px solid #2196f3;
  box-shadow: 0 4px 16px rgba(33,150,243,0.12);
  background: #f0f7ff;
  color: #2196f3;
}
.rj-download-dialog .download-link-btn[disabled],
.rj-download-dialog .download-link-btn.layui-btn-disabled {
  background: #f3f3f3;
  color: #bbb;
  border: 1.5px solid #e3e8f0;
  cursor: not-allowed;
  box-shadow: none;
}
.rj-download-dialog .download-link-icon {
  font-size: 22px;
  margin-right: 10px;
}
.rj-download-dialog .download-link-title {
  flex: 1;
  text-align: left;
  font-weight: 500;
}
.rj-download-dialog .download-link-vip {
  background: #ff6b35;
  color: #fff;
  border-radius: 8px;
  font-size: 12px;
  padding: 2px 8px;
  margin-left: 8px;
}

/* 半拟态+半卡片风格美化 */
.soft-detail-bg {
    background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf3 100%);
    min-height: 100vh;
}
.neumorph-card {
    background: #f7faff;
    border-radius: 18px;
    box-shadow: 6px 6px 18px #e0e4ea, -6px -6px 18px #ffffff;
    padding: 18px 18px 14px 18px;
    margin-bottom: 18px;
    position: relative;
    border: 1px solid #f0f3fa;
}
.neumorph-btn {
    background: linear-gradient(90deg, #6db3f2 0%, #4ea3f9 100%);
    border: none;
    border-radius: 20px;
    box-shadow: 2px 2px 8px #d1d9e6, -2px -2px 8px #fff;
    color: #fff;
    font-size: 16px;
    height: 38px;
    width: 44%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    transition: box-shadow 0.2s;
}
.neumorph-btn:hover {
    box-shadow: 1px 1px 4px #b0b8c6, -1px -1px 4px #fff;
    background: linear-gradient(90deg, #4ea3f9 0%, #6db3f2 100%);
}

/* 应用截图横向滚动条美化 */
.soft-screenshots-scroll {
    overflow-x: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE 10+ */
}
.soft-screenshots-scroll::-webkit-scrollbar {
    display: none; /* Chrome/Safari/Edge */
}

.soft-screenshots-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 8px;
    gap: 8px;
}
.soft-screenshots-dots .dot {
    width: 8px;
    height: 8px;
    background: #b3c6e0;
    border-radius: 50%;
    transition: all 0.2s;
    display: inline-block;
}
.soft-screenshots-dots .dot.active {
    width: 16px;
    height: 10px;
    background: #4ea3f9;
}

/* fantasy_city主题核心UI样式迁移 */
:root {
  --main-color: #3872ff;
  --main-color-hover: #2556c8;
  --card-bg: #f6f6f6;
  --card-border: #fff;
  --text-main: #000;
  --text-sub: #666;
  --radius-main: 12px;
}

/* 按钮 */
.fant-btn, .neumorph-btn, .layui-btn, .my-button {
  background: var(--main-color) !important;
  color: #fff !important;
  border: none;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
  width: 100%;
  box-shadow: 0 2px 8px #e3eefd;
  transition: all 0.2s;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.fant-btn:hover, .neumorph-btn:hover, .layui-btn:hover, .my-button:hover {
  background: var(--main-color-hover) !important;
  color: #fff !important;
}

/* 卡片 */
.fant-card, .neumorph-card, .rj-card, .rj-card1, .rj-card2, .rj-card3 {
  background: var(--card-bg);
  border: 2px solid var(--card-border);
  border-radius: var(--radius-main);
  box-shadow: 0 0 12px rgb(0 0 0 / 15%);
  margin: 12px 0;
  padding: 14px 10px;
}

/* 文字 */
body, .fant-card, .neumorph-card {
  color: var(--text-main);
  font-size: 15px;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;
}
.fant-sub, .rj-content, .rj-tabbar .rj_tabbar_label {
  color: var(--text-sub);
  font-size: 13px;
}

/* 输入框/搜索框 */
input, .fant-input, .rj_search input[name=key] {
  background: #f6f6f6;
  border-radius: 6px;
  border: 1px solid #eee;
  color: #000;
  font-size: 15px;
  outline: none;
  box-shadow: none;
}
input:focus, .fant-input:focus {
  border: 1.5px solid var(--main-color);
}

/* 底部/顶部导航 */
.fant-navbar, .rj-tabbar {
  background: #fff;
  box-shadow: 0 -4px 5px rgba(192, 191, 196, 0.2);
  border-radius: 0 0 12px 12px;
}
.fant-navbar a.active, .rj-tabbar a.active {
  color: var(--main-color) !important;
}

/* 响应式适配 */
.container {
  margin: 0 auto;
  padding: 0 8px;
}

/* 首页公告专用更小卡片 */
.fant-card.notice-mini {
    font-size: 13px;
    padding: 6px 6px 4px 6px !important;
    margin-bottom: 8px !important;
}

/* 小屏适配：适度缩小应用卡片、图片、字体、按钮 */
@media screen and (max-width: 600px) {
  .fant-card, .rj-card, .neumorph-card {
    padding: 12px 4px !important;
    margin: 10px 2px !important;
    border-radius: 8px !important;
    max-width: 98vw !important;
  }
  .rj-card .weui-cell{min-height:46px !important;}
  .rj-card .weui-cell__hd img{width:28px !important;margin-right:12px !important;}
  .rj-card .weui-cell__bd p{font-size:15px !important;}
  .weui-media-box.weui-media-box_appmsg {
    padding: 10px 0 !important;
    min-height: 70px;
  }
  .rj-soft_img {
    width: 64px !important;
    height: 64px !important;
    margin-right: 8px !important;
  }
  .rj-soft_img img {
    width: 58px !important;
    height: 58px !important;
    border-radius: 10px !important;
  }
  .weui-media-box__bd {
    font-size: 14px !important;
    width: 140px !important;
  }
  .weui-media-box__bd div {
    font-size: 13px !important;
    padding-bottom: 2px !important;
  }
  .fant-btn, .rj-btn_down {
    font-size: 13px !important;
    min-width: 64px !important;
    padding: 5px 14px !important;
    height: 26px !important;
  }
}

/* 分类页卡片样式优先级修正，防止被小屏缩小影响 */
.rj-card .weui-media-box.weui-media-box_appmsg {
  width: 250px !important;
  min-height: 78px !important;
  padding: 10px 16px !important;
}
.rj-card .rj-soft_img {
  width: 78px !important;
  height: 78px !important;
  margin-right: 12px !important;
}
.rj-card .rj-soft_img img {
  width: 100% !important;
  height: 100% !important;
  border-radius: 10px !important;
}
.rj-card .weui-media-box__bd {
  font-size: 15px !important;
  width: auto !important;
}
.rj-card .weui-media-box__title {
  font-size: 16px !important;
}
.rj-card .weui-media-box__desc {
  font-size: 12px !important;
}

.intro-neumorph-inset {
  background: #f7faff;
  border-radius: 14px;
  box-shadow: inset 2px 2px 12px #e3eefd, inset -2px -2px 12px #fff;
  border: 1px solid #f0f3fa;
  margin: 0 2px 0 2px;
  font-size: 15px;
  color: #333;
}