@charset "utf-8";
/* theme_tianjin 津门游戏 - PC 皮肤覆盖（炭黑 + 琥珀金质感风） */

/* ---- 品牌色重定义（默认 #1587a8 -> 琥珀金 #f59e0b）---- */
.mainBg{background-color:#f59e0b !important;}
.mainBorder{border-color:#f59e0b !important;}
.nav a:hover,.nav .current,.phbBox li .info .btn:hover,.smallSlider .smallDot i.current,.walkthroughLike ul li .btn:hover,.cont404 .btn:hover{background-color:#d9870a !important;}
.titMod h3{border-bottom-color:#f59e0b !important;}
.crumbs a:hover,.moreLink:hover{color:#d9870a !important;}
a:hover{color:#d9870a;}

/* ---- 整体背景 ---- */
.tj-body{background:#f2f3f5;}

/* ---- 顶部条 ---- */
.tj-topbar{height:34px;line-height:34px;background:#15171c;color:#8b8f99;font-size:12px;}
.tj-topbar .tj-slogan{float:left;}
.tj-topbar .tj-topnav{float:right;}
.tj-topbar .tj-topnav a{color:#b9bdc7;margin-left:18px;}
.tj-topbar .tj-topnav a:hover{color:#f59e0b;}

/* ---- 头部：炭黑 + 内嵌导航 ---- */
.tj-header{background:#23262e;background:linear-gradient(180deg,#2a2e38,#20232b);border-bottom:3px solid #f59e0b;}
.tj-header .w1200{height:78px;display:flex;align-items:center;}
.tj-logo{display:flex;align-items:center;height:78px;margin-right:36px;}
.tj-logo img{max-height:46px;}
.tj-logo .tj-logo-ico{display:inline-block;width:40px;height:40px;margin-right:10px;border-radius:50%;background:linear-gradient(135deg,#ffd166,#f59e0b);background-image:url(/static/themes/theme_tianjin/img/crown.svg);background-size:24px 24px;background-position:center;background-repeat:no-repeat;}
.tj-logo b{font-size:25px;font-weight:800;color:#fff;letter-spacing:1px;}
.tj-logo b:first-letter{color:#f59e0b;}
.tj-search{display:flex;width:300px;height:42px;border-radius:21px;overflow:hidden;background:#15171c;border:1px solid #3a3f4c;}
.tj-search input{flex:1;height:42px;line-height:42px;border:0;outline:0;padding:0 18px;font-size:13px;color:#fff;background:transparent;}
.tj-search input::placeholder{color:#7a7f8c;}
.tj-search button{width:52px;height:42px;border:0;cursor:pointer;background:#f59e0b;}
.tj-search button:hover{background:#d9870a;}
.tj-search .tj-ico-search{display:inline-block;width:18px;height:18px;background:url(/static/themes/theme_tianjin/img/search.svg) no-repeat center/contain;}
.tj-nav{display:flex;flex:1;justify-content:flex-end;}
.tj-nav a{display:block;height:78px;line-height:78px;padding:0 18px;color:#c7cbd4;font-size:16px;font-weight:600;}
.tj-nav a:hover{color:#fff;}
.tj-nav a.current{color:#f59e0b;}

/* ---- 卡片细节 ---- */
.dfwrap .tabBox,.dfwrap .phbWrap,.dfwrap .hotTag,.dfwrap .titMod{border-radius:8px;}

/* ---- 页脚 ---- */
.tj-footer{background:#20232b;color:#8b8f99;padding:30px 0;margin-top:24px;}
.tj-footer .tj-foot-nav{text-align:center;padding-bottom:14px;border-bottom:1px solid #333845;}
.tj-footer .tj-foot-nav a{color:#c7cbd4;margin:0 16px;font-size:14px;}
.tj-footer .tj-foot-nav a:hover{color:#f59e0b;}
.tj-footer .tj-foot-copy{text-align:center;padding-top:16px;font-size:13px;}
.tj-footer .tj-foot-copy a{color:#8b8f99;}
.tj-footer .tj-foot-copy a:hover{color:#f59e0b;}
.tj-footer .tj-foot-tip{text-align:center;padding-top:8px;font-size:12px;color:#646a78;line-height:20px;}

/* ===================== 首页版式：杂志 Magazine ===================== */
.tj-home{padding-top:14px;}
.tj-mosaic{margin-bottom:18px;}
.tj-mosaic-big{float:left;width:780px;height:380px;border-radius:10px;overflow:hidden;position:relative;}
.tj-mosaic-big img{width:780px;height:380px;object-fit:cover;display:block;transition:transform .5s;}
.tj-mosaic-big:hover img{transform:scale(1.05);}
.tj-mosaic-cap{position:absolute;left:0;right:0;bottom:0;padding:40px 24px 20px;background:linear-gradient(transparent,rgba(0,0,0,.78));}
.tj-mosaic-cap .tj-tag{display:inline-block;padding:2px 10px;font-size:12px;color:#23262e;background:#f59e0b;border-radius:4px;margin-bottom:10px;font-weight:700;}
.tj-mosaic-cap b{display:block;font-size:22px;color:#fff;font-weight:700;}
.tj-mosaic-side{float:right;width:392px;height:380px;display:flex;flex-direction:column;justify-content:space-between;}
.tj-mosaic-side a{position:relative;height:182px;border-radius:10px;overflow:hidden;display:block;}
.tj-mosaic-side img{width:100%;height:182px;object-fit:cover;display:block;}
.tj-mosaic-side b{position:absolute;left:0;right:0;bottom:0;padding:24px 16px 12px;color:#fff;font-size:15px;font-weight:600;background:linear-gradient(transparent,rgba(0,0,0,.7));}
.tj-sec{background:#fff;border-radius:10px;padding:18px 20px;margin-bottom:18px;}
.tj-sec-hd{display:flex;align-items:center;margin-bottom:16px;}
.tj-sec-hd .tj-line{width:6px;height:20px;background:#f59e0b;border-radius:3px;margin-right:10px;}
.tj-sec-hd h3{font-size:19px;font-weight:800;color:#23262e;}
.tj-sec-hd .tj-more{margin-left:auto;font-size:13px;color:#aaa;}
.tj-sec-hd .tj-more:hover{color:#d9870a;}
.tj-editor{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.tj-ed-card{display:flex;padding:14px;border-radius:10px;background:#faf8f4;transition:.2s;}
.tj-ed-card:hover{background:#fff5e6;box-shadow:0 8px 20px rgba(245,158,11,.14);}
.tj-ed-card img{width:84px;height:84px;border-radius:18px;object-fit:cover;margin-right:14px;}
.tj-ed-info{flex:1;min-width:0;}
.tj-ed-info b{display:block;font-size:15px;color:#23262e;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tj-ed-info em{font-style:normal;font-size:12px;color:#d9870a;}
.tj-ed-info p{font-size:12px;color:#888;line-height:18px;height:36px;overflow:hidden;margin:6px 0 8px;}
.tj-ed-dl{display:inline-block;padding:4px 14px;font-size:12px;color:#23262e;background:linear-gradient(135deg,#ffd166,#f59e0b);border-radius:14px;font-weight:600;}
.tj-rowscroll{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;}
.tj-mini{display:block;text-align:center;}
.tj-mini img{width:78px;height:78px;border-radius:18px;object-fit:cover;transition:.2s;}
.tj-mini:hover img{transform:translateY(-4px);box-shadow:0 8px 16px rgba(0,0,0,.12);}
.tj-mini p{margin-top:8px;font-size:12px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tj-mini:hover p{color:#d9870a;}
.tj-bottom{display:flex;gap:18px;}
.tj-rankwrap{flex:1;background:#23262e;border-radius:10px;padding:18px 20px;}
.tj-rankwrap .tj-sec-hd h3{color:#fff;}
.tj-rank{list-style:none;}
.tj-rank li{display:flex;align-items:center;height:38px;border-bottom:1px solid #333845;}
.tj-rank li a{flex:1;font-size:14px;color:#c7cbd4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tj-rank li a:hover{color:#f59e0b;}
.tj-rank li em{font-style:normal;font-size:12px;color:#6b7280;margin-left:8px;}
.tj-rank li i{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;border-radius:6px;font-size:12px;font-style:normal;color:#23262e;background:#4b5163;margin-right:12px;font-weight:700;}
.tj-rank li i.tj-rk1{background:#f59e0b;}
.tj-rank li i.tj-rk2{background:#ffc14d;}
.tj-rank li i.tj-rk3{background:#ffd98a;}
.tj-tagwrap{width:360px;background:#fff;border-radius:10px;padding:18px 20px;}
.tj-tags{display:flex;flex-wrap:wrap;gap:10px;}
.tj-tags a{padding:6px 14px;background:#faf3e6;border-radius:16px;font-size:13px;color:#9a6b00;}
.tj-tags a:hover{background:#f59e0b;color:#fff;}