@charset "utf-8";
/* theme_fm89 FM89游戏库 - PC 皮肤覆盖（深蓝科技风 / 靛蓝主色） */

/* ---- 品牌色重定义（默认 #1587a8 -> 靛蓝 #2f54eb）---- */
.mainBg{background-color:#2f54eb !important;}
.mainBorder{border-color:#2f54eb !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:#1d3bc4 !important;}
.titMod h3{border-bottom-color:#2f54eb !important;}
.crumbs a:hover,.moreLink:hover{color:#2f54eb !important;}
a:hover{color:#2f54eb;}

/* ---- 整体背景 ---- */
.fm-body{background:#f0f2f7;}

/* ---- 头部：深蓝单行（Logo + 内联导航 + 右侧搜索）---- */
.fm-header{background:#1b2238;background:linear-gradient(90deg,#171d30,#212a47);box-shadow:0 2px 10px rgba(0,0,0,.18);}
.fm-header .w1200{height:72px;display:flex;align-items:center;}
.fm-logo{display:flex;align-items:center;height:72px;margin-right:40px;}
.fm-logo img{max-height:44px;}
.fm-logo .fm-logo-ico{display:inline-block;width:38px;height:38px;margin-right:10px;border-radius:9px;background:linear-gradient(135deg,#5b78ff,#2f54eb);background-image:url(/static/themes/theme_fm89/img/cube.svg);background-size:24px 24px;background-position:center;background-repeat:no-repeat;}
.fm-logo b{font-size:24px;font-weight:800;color:#fff;letter-spacing:1px;}
.fm-nav{display:flex;flex:1;}
.fm-nav li{list-style:none;}
.fm-nav a{display:block;height:72px;line-height:72px;padding:0 22px;color:#c4ccdd;font-size:16px;font-weight:600;position:relative;}
.fm-nav a:hover{color:#fff;}
.fm-nav a.current{color:#fff;}
.fm-nav a.current:after{content:"";position:absolute;left:22px;right:22px;bottom:14px;height:3px;border-radius:3px;background:#5b78ff;}
.fm-search{display:flex;width:230px;height:40px;border-radius:20px;overflow:hidden;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);}
.fm-search input{flex:1;height:40px;line-height:40px;border:0;outline:0;padding:0 16px;font-size:13px;color:#fff;background:transparent;}
.fm-search input::placeholder{color:#9aa4bd;}
.fm-search button{width:48px;height:40px;border:0;cursor:pointer;background:#2f54eb;}
.fm-search button:hover{background:#1d3bc4;}
.fm-search .fm-ico-search{display:inline-block;width:18px;height:18px;background:url(/static/themes/theme_fm89/img/search.svg) no-repeat center/contain;}

/* ---- 卡片：科技感圆角 + 轻投影 ---- */
.dfwrap .tabBox,.dfwrap .phbWrap,.dfwrap .hotTag,.dfwrap .titMod{border-radius:10px;}
.dfwrap .tabBox{box-shadow:0 2px 10px rgba(31,45,90,.06);}

/* ---- 页脚 ---- */
.fm-footer{background:#171d30;color:#8b93ac;padding:30px 0;margin-top:24px;}
.fm-footer .fm-foot-nav{text-align:center;padding-bottom:14px;border-bottom:1px solid #2a3252;}
.fm-footer .fm-foot-nav a{color:#c4ccdd;margin:0 16px;font-size:14px;}
.fm-footer .fm-foot-nav a:hover{color:#5b78ff;}
.fm-footer .fm-foot-copy{text-align:center;padding-top:16px;font-size:13px;}
.fm-footer .fm-foot-copy a{color:#8b93ac;}
.fm-footer .fm-foot-copy a:hover{color:#5b78ff;}
.fm-footer .fm-foot-tip{text-align:center;padding-top:8px;font-size:12px;color:#646c87;line-height:20px;}

/* ===================== 首页版式：Dashboard 卡片网格 ===================== */
.fm-home{padding-top:14px;}
.fm-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px;}
.fm-tile{display:block;padding:22px 20px;border-radius:12px;color:#fff;position:relative;overflow:hidden;}
.fm-tile b{display:block;font-size:20px;font-weight:800;}
.fm-tile span{display:block;font-size:13px;opacity:.9;margin-top:6px;}
.fm-tile:after{content:"";position:absolute;right:-10px;bottom:-10px;width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.16);}
.fm-tile:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.12);}
.fm-tile,.fm-tile:hover{transition:.2s;}
.fm-tile-1{background:linear-gradient(135deg,#5b78ff,#2f54eb);}
.fm-tile-2{background:linear-gradient(135deg,#22d3ee,#0891b2);}
.fm-tile-3{background:linear-gradient(135deg,#f472b6,#db2777);}
.fm-tile-4{background:linear-gradient(135deg,#34d399,#059669);}
.fm-panel{background:#fff;border-radius:12px;padding:18px 20px;margin-bottom:16px;box-shadow:0 2px 10px rgba(31,45,90,.05);}
.fm-panel-hd{display:flex;align-items:center;margin-bottom:16px;}
.fm-panel-hd h3{font-size:17px;font-weight:700;color:#1b2238;padding-left:12px;border-left:4px solid #2f54eb;line-height:18px;}
.fm-panel-hd a{margin-left:auto;font-size:13px;color:#99a;}
.fm-panel-hd a:hover{color:#2f54eb;}
.fm-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.fm-gcard{display:block;text-align:center;padding:16px 8px;border-radius:12px;background:#f7f9ff;transition:.2s;}
.fm-gcard:hover{background:#eef2ff;box-shadow:0 6px 18px rgba(47,84,235,.12);}
.fm-gcard img{width:78px;height:78px;border-radius:18px;object-fit:cover;}
.fm-gcard b{display:block;margin-top:10px;font-size:13px;color:#1b2238;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fm-gcard em{font-style:normal;display:inline-block;margin-top:6px;padding:2px 10px;font-size:11px;color:#2f54eb;background:#e7ecff;border-radius:10px;}
.fm-cols{display:flex;gap:16px;margin-bottom:16px;}
.fm-col-main{flex:1;background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 2px 10px rgba(31,45,90,.05);}
.fm-col-side{width:340px;background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 2px 10px rgba(31,45,90,.05);}
.fm-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.fm-row{display:flex;align-items:center;padding:8px;border-radius:8px;transition:.15s;}
.fm-row:hover{background:#f7f9ff;}
.fm-row img{width:52px;height:52px;border-radius:12px;object-fit:cover;margin-right:10px;}
.fm-row-info{flex:1;min-width:0;}
.fm-row-info b{display:block;font-size:14px;color:#1b2238;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fm-row-info em{font-style:normal;font-size:12px;color:#99a;}
.fm-row-dl{padding:4px 12px;font-size:12px;color:#2f54eb;border:1px solid #2f54eb;border-radius:12px;}
.fm-row:hover .fm-row-dl{background:#2f54eb;color:#fff;}
.fm-rank{list-style:none;}
.fm-rank li{display:flex;align-items:center;height:38px;border-bottom:1px dashed #eef0f5;}
.fm-rank li a{flex:1;font-size:14px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fm-rank li a:hover{color:#2f54eb;}
.fm-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:#fff;background:#c4ccdd;margin-right:12px;}
.fm-rank li i.fm-rk1{background:#2f54eb;}
.fm-rank li i.fm-rk2{background:#5b78ff;}
.fm-rank li i.fm-rk3{background:#8ba3ff;}
.fm-news{list-style:none;}
.fm-news li{display:flex;align-items:center;height:36px;border-bottom:1px dashed #eef0f5;}
.fm-news li a{flex:1;font-size:14px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fm-news li a:hover{color:#2f54eb;}
.fm-news li i{font-style:normal;font-size:12px;color:#bbb;}
.fm-chips{display:flex;flex-wrap:wrap;gap:8px;}
.fm-chips a{padding:5px 12px;background:#f0f3fa;border-radius:8px;font-size:12px;color:#555;}
.fm-chips a:hover{background:#2f54eb;color:#fff;}