/* ============================================================
   17玩网 · 全站深色主题（暗黑游戏门户风格）
   挂在 content/header.html 里，全站所有页面统一生效
   用 !important 覆盖各模板里的白色卡片/深色文字
   ============================================================ */

/* ---------- 1. 全局背景：整条容器链都变深色 ---------- */
html, body, #page, .site, #content, .site-content, .site_container,
#primary, .content-area, #main, .site-main, .site-footer{
	background:#0d0b14 !important;
}
body{color:#c9c4d6 !important;}

/* ---------- 2. 顶部导航 ---------- */
.site-header, .site-branding{background:#14111f !important;border-bottom:1px solid #241e35 !important;}
#primary-nav, .primary-navigation, .menu-nav-container{background:transparent !important;}
#primary-menu > li > a{color:#c9c4d6 !important;}
#primary-menu > li > a:hover,
#primary-menu > li.current-menu-item > a{color:#ff7a33 !important;background:transparent !important;}
#primary-menu li ul.sub-menu{background:#1a1530 !important;border:1px solid #2a2340 !important;box-shadow:0 6px 20px rgba(0,0,0,.6) !important;}
#primary-menu li ul.sub-menu li a{color:#b9b2cd !important;}
#primary-menu li ul.sub-menu li a:hover{color:#ff7a33 !important;background:#221b3a !important;}

/* ---------- 3. 通用白色卡片 → 深色 ---------- */
.wdj-box, .hm-card, .hm-sec,
.tag-head, .rank-head, .rank-box,
.widget, .sidebar .widget, #secondary .widget,
.footer-content, .wdj-dark{
	background:transparent !important;
	border-color:#241e35 !important;
	box-shadow:none !important;
}
.widget-title{
	background:transparent !important;
	border-bottom:1px solid #241e35 !important;
	color:#f0edf7 !important;
}
.widget-title:before{background:linear-gradient(180deg,#ff5a00,#ff8a3d) !important;}

/* 页面标题 / 面包屑 / 分隔行 */
.wdj-pagehead, .wdj-pagehead h1, .wdj-crumb, .wdj-crumb a,
.wdj-cats, .wdj-sort, .wdj-pager, .wdj-apps,
.tag-head, .tag-head h1, .tag-head .note,
.rank-head h1, .rank-head .note{background:transparent !important;}
.wdj-pagehead, .wdj-cats, .wdj-sort, .wdj-pager,
.tag-head, .rank-head{border-color:#241e35 !important;}
.wdj-pagehead h1, .tag-head h1, .rank-head h1, .wdj-dark .pagehead h1{color:#f0edf7 !important;}
.wdj-crumb, .wdj-crumb a, .wdj-pagehead .sub, .tag-head .note, .rank-head .note{color:#7a7392 !important;}
.wdj-crumb a:hover{color:#ff7a33 !important;}

/* ---------- 4. 列表项（栏目页 / 详情页 / 标签页 / 榜单页）---------- */
.wdj-app, .rank-row, .tag-card .in, .hm-game, .wdj-apps .wdj-app{border-color:#1f1a30 !important;}
.wdj-app:hover, .rank-row:hover, .hm-game:hover, .tag-card .in:hover{background:#191428 !important;}
.wdj-app-main h3 a, .rank-main h3, .rank-main h3 a,
.tag-card h3, .tag-card h3 a, .hm-game .t,
.wdj-dark .main h3 a{color:#f0edf7 !important;}
.wdj-app-main h3 a:hover, .rank-row:hover .rank-main h3,
.tag-card:hover h3, .hm-game:hover .t{color:#ff7a33 !important;}
.wdj-app-meta, .wdj-app-desc, .rank-main p, .tag-card p,
.hm-game .m, .rank-meta, .wdj-dark .meta, .wdj-dark .desc{color:#8a83a4 !important;}
.wdj-app-meta em, .rank-meta .score{color:#ff7a33 !important;}
.wdj-app-tag, .wdj-dark .tag{
	color:#ff9a5c !important;background:rgba(255,90,0,.12) !important;
	border:1px solid rgba(255,90,0,.28) !important;
}
.wdj-app-icon, .wdj-dark .icon{background:#1c1730 !important;box-shadow:0 4px 16px rgba(0,0,0,.5) !important;}
.rank-no, .wdj-rankno{color:#4c4468 !important;}
.rank-no.top, .wdj-rankno.top{color:#ff5a00 !important;}
.wdj-empty, .rank-empty, .tag-empty, .wdj-dark .empty{color:#7a7392 !important;}

/* 分类胶囊 / 标签胶囊 / 排序 */
.wdj-cats a, .wdj-sort a, .tag-card, .wdj-tag{
	background:transparent !important;color:#a79fc2 !important;
}
.wdj-cats a, .wdj-tag{background:#1c1730 !important;}
.wdj-cats a:hover, .wdj-sort a:hover, .wdj-tag:hover{color:#ff7a33 !important;}
.wdj-cats a.on{background:linear-gradient(135deg,#ff5a00,#ff8a3d) !important;color:#fff !important;}
.wdj-sort a.on{color:#ff7a33 !important;}

/* ---------- 5. 按钮（全部改方块 + 橙色）---------- */
.wdj-app-btn a, .wdj-dark .wdj-dbtn a, .tag-card .in a,
.wdj-box .btn a, .wdj-dark .wdj-dbtn a{
	background:linear-gradient(135deg,#ff5a00,#ff8a3d) !important;
	color:#fff !important;border-radius:0 !important;
	padding:4px 20px !important;font-size:13px !important;font-weight:bold !important;
	box-shadow:0 3px 12px rgba(255,90,0,.3) !important;
}
.wdj-app-btn a:hover{background:linear-gradient(135deg,#ff6a12,#ffa05c) !important;}

/* ---------- 6. 首页（应用宝式）---------- */
.hm-sechead h2{color:#f0edf7 !important;}
.hm-sechead .more{color:#7a7392 !important;}
.hm-sechead .more:hover{color:#ff7a33 !important;}
.hm-grid, .hm-sec, .hm-card{background:transparent !important;}
.hm-hero .hm-rank{background:transparent !important;}
.hm-rank .tabs{border-bottom-color:#241e35 !important;}
.hm-rank .tabs a{color:#a79fc2 !important;}
.hm-rank .tabs a.on{color:#ff7a33 !important;}
.hm-rank li{border-color:#1f1a30 !important;}
.hm-rank .nm{color:#c9c4d6 !important;}
.hm-rank .dl{color:#7a7392 !important;}
.hm-slider{border:1px solid #241e35;}

/* ---------- 7. 详情页 ---------- */
.game-detail-title, .game-detail h1{color:#f0edf7 !important;}
.game-detail-meta li, .game-detail-meta span{color:#8a83a4 !important;}
.game-detail-info, .game-intro, .game-screens, .game-comments,
.game-related-posts, .game-detail-icon{background:transparent !important;}
.game-intro h3, .game-screens h3, .game-comments h3,
.game-related-posts h3{color:#f0edf7 !important;border-color:#241e35 !important;}
.game-intro, .game-intro p, .game-intro div, .game-intro span,
.game-intro li{color:#b9b2cd !important;}
.game-detail-actions .gd-stat{color:#7a7392 !important;}
.game-detail-meta a{color:#ff7a33 !important;}

/* ---------- 8. 右侧栏（白色版也一起变深）---------- */
#secondary .widget, .sidebar .widget{background:transparent !important;border:0 !important;}
#secondary .widget-title, .sidebar .widget-title{color:#f0edf7 !important;}
#secondary ul li, .sidebar ul li{border-bottom:1px dashed #221c33 !important;}
#secondary ul li a, .sidebar ul li a, .post-list a,
.entry-wrap a{color:#c9c4d6 !important;}
#secondary ul li a:hover, .sidebar ul li a:hover, .post-list a:hover{color:#ff7a33 !important;}
.sidebar .post-list span{color:#4c4468 !important;}

/* ---------- 9. 页脚 ---------- */
#site-bottom, .site-footer{background:#0f0d17 !important;color:#8f8aa0 !important;}
#site-bottom a{color:#8f8aa0 !important;}
#site-bottom a:hover{color:#ff7a33 !important;}

/* ---------- 10. 搜索框 / 表单 ---------- */
input[type=text], input[type=search], textarea, select{
	background:#1c1730 !important;color:#c9c4d6 !important;
	border:1px solid #2a2340 !important;
}
input[type=submit], button{
	background:linear-gradient(135deg,#ff5a00,#ff8a3d) !important;
	color:#fff !important;border-radius:0 !important;
}

/* ---------- 11. 分页 ---------- */
.navigation a, .nav-links a, .pager a{
	background:#1c1730 !important;color:#a79fc2 !important;border-radius:0 !important;
}
.navigation a:hover, .nav-links a:hover, .pager a:hover,
.navigation .current, .nav-links .current, .pager .current{
	background:linear-gradient(135deg,#ff5a00,#ff8a3d) !important;color:#fff !important;
}

/* ---------- 12. 顶部导航下拉菜单（补：首项 / 当前项 / 悬停态一起压掉）---------- */
#primary-nav ul.sub-menu,
#primary-nav .sub-menu,
#primary-menu ul.sub-menu{
	background-color:#1a1530 !important;
	background-image:none !important;
	border:1px solid #2a2340 !important;
	box-shadow:0 6px 20px rgba(0,0,0,.6) !important;
}
#primary-nav ul.sub-menu li,
#primary-nav ul.sub-menu li:hover,
#primary-nav ul.sub-menu li.sfHover,
#primary-nav ul.sub-menu li:first-child,
#primary-nav ul.sub-menu li:first-of-type,
#primary-nav ul.sub-menu li.current-menu-item,
#primary-nav ul.sub-menu li.current_page_item,
#primary-nav ul.sub-menu li.current-menu-ancestor,
#primary-nav ul.sub-menu li.current-cat{
	background-color:transparent !important;
	background-image:none !important;
	border:0 !important;
}
#primary-nav ul.sub-menu li a,
#primary-nav ul.sub-menu li a:link,
#primary-nav ul.sub-menu li a:visited,
#primary-nav ul.sub-menu li:first-child a,
#primary-nav ul.sub-menu li.current-menu-item a,
#primary-nav ul.sub-menu li.sfHover a{
	background-color:transparent !important;
	background-image:none !important;
	color:#b9b2cd !important;
}
#primary-nav ul.sub-menu li a:hover,
#primary-nav ul.sub-menu li.sfHover a{
	color:#ff7a33 !important;
	background-color:#221b3a !important;
}