@charset "utf-8";
/* theme_fyxz 飞鱼下载 - PC 皮肤覆盖（清爽天青 / 圆角悬浮风） */

/* ---- 品牌色重定义（默认 #1587a8 -> 天青 #06b6d4）---- */
.mainBg{background-color:#06b6d4 !important;}
.mainBorder{border-color:#06b6d4 !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:#0594ad !important;}
.titMod h3{border-bottom-color:#06b6d4 !important;}
.crumbs a:hover,.moreLink:hover{color:#0594ad !important;}
a:hover{color:#0594ad;}

/* ---- 整体背景：顶部青色渐变带 ---- */
.fy-body{background:#eef6f8;position:relative;}
.fy-body:before{content:"";position:absolute;top:0;left:0;right:0;height:230px;z-index:0;background:linear-gradient(135deg,#22d3ee 0%,#06b6d4 55%,#0e7490 100%);}
.fy-body>*{position:relative;z-index:1;}

/* ---- 头部：透明，承载白色悬浮导航条 ---- */
.fy-header{padding:26px 0 16px;}
.fy-header .w1200{height:64px;display:flex;align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(8,90,110,.18);padding:0 24px;box-sizing:border-box;}
.fy-logo{display:flex;align-items:center;height:64px;margin-right:30px;}
.fy-logo img{max-height:42px;}
.fy-logo .fy-logo-ico{display:inline-block;width:40px;height:40px;margin-right:10px;border-radius:50%;background:linear-gradient(135deg,#67e8f9,#06b6d4);background-image:url(/static/themes/theme_fyxz/img/fish.svg);background-size:26px 26px;background-position:center;background-repeat:no-repeat;}
.fy-logo b{font-size:24px;font-weight:800;color:#0594ad;letter-spacing:1px;}
.fy-nav{display:flex;flex:1;}
.fy-nav a{display:block;height:64px;line-height:64px;padding:0 18px;color:#475569;font-size:16px;font-weight:600;position:relative;}
.fy-nav a:hover{color:#06b6d4;}
.fy-nav a.current{color:#06b6d4;}
.fy-nav a.current:after{content:"";position:absolute;left:18px;right:18px;bottom:12px;height:3px;border-radius:3px;background:#06b6d4;}
.fy-search{display:flex;width:220px;height:40px;border-radius:20px;overflow:hidden;background:#f1f5f9;border:1px solid #e2e8f0;}
.fy-search input{flex:1;height:40px;line-height:40px;border:0;outline:0;padding:0 16px;font-size:13px;background:transparent;}
.fy-search button{width:48px;height:40px;border:0;cursor:pointer;background:#06b6d4;}
.fy-search button:hover{background:#0594ad;}
.fy-search .fy-ico-search{display:inline-block;width:18px;height:18px;background:url(/static/themes/theme_fyxz/img/search.svg) no-repeat center/contain;}

/* ---- 卡片：圆角 + 轻投影 ---- */
.dfwrap .tabBox,.dfwrap .phbWrap,.dfwrap .hotTag,.dfwrap .titMod{border-radius:12px;}
.dfwrap .tabBox{box-shadow:0 4px 16px rgba(8,90,110,.06);}

/* ---- 页脚 ---- */
.fy-footer{background:#0e2a33;color:#8fb3bd;padding:30px 0;margin-top:24px;}
.fy-footer .fy-foot-nav{text-align:center;padding-bottom:14px;border-bottom:1px solid #1b3d47;}
.fy-footer .fy-foot-nav a{color:#bfe0e8;margin:0 16px;font-size:14px;}
.fy-footer .fy-foot-nav a:hover{color:#22d3ee;}
.fy-footer .fy-foot-copy{text-align:center;padding-top:16px;font-size:13px;}
.fy-footer .fy-foot-copy a{color:#8fb3bd;}
.fy-footer .fy-foot-copy a:hover{color:#22d3ee;}
.fy-footer .fy-foot-tip{text-align:center;padding-top:8px;font-size:12px;color:#5f828c;line-height:20px;}

/* ===================== 首页版式：极简留白卡片 ===================== */
.fy-home{padding-top:16px;}
.fy-quick{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:20px;}
.fy-quick a{display:flex;flex-direction:column;align-items:center;justify-content:center;height:96px;background:#fff;border-radius:16px;box-shadow:0 4px 16px rgba(8,90,110,.06);transition:.2s;}
.fy-quick a:hover{transform:translateY(-4px);box-shadow:0 10px 24px rgba(6,182,212,.18);}
.fy-quick a b{width:46px;height:46px;line-height:46px;text-align:center;border-radius:14px;font-size:18px;font-weight:800;color:#fff;background:linear-gradient(135deg,#67e8f9,#06b6d4);}
.fy-quick a span{margin-top:8px;font-size:13px;color:#334155;}
.fy-card{background:#fff;border-radius:18px;padding:22px 24px;margin-bottom:20px;box-shadow:0 4px 16px rgba(8,90,110,.06);}
.fy-card-hd{display:flex;align-items:center;margin-bottom:18px;}
.fy-card-hd h3{font-size:18px;font-weight:700;color:#0f2a33;}
.fy-card-hd a{margin-left:auto;font-size:13px;color:#94a3b8;}
.fy-card-hd a:hover{color:#06b6d4;}
.fy-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;}
.fy-item{display:block;text-align:center;padding:14px 8px;border-radius:16px;transition:.2s;}
.fy-item:hover{background:#f0fbfd;}
.fy-item img{width:84px;height:84px;border-radius:22px;object-fit:cover;}
.fy-item b{display:block;margin-top:10px;font-size:14px;color:#1e293b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fy-item em{font-style:normal;font-size:12px;color:#94a3b8;}
.fy-two{display:flex;gap:20px;}
.fy-newscard{flex:1;margin-bottom:0;}
.fy-rankcard{width:360px;margin-bottom:0;}
.fy-news{list-style:none;}
.fy-news li{border-bottom:1px solid #f1f5f9;}
.fy-news li:last-child{border-bottom:0;}
.fy-news li a{display:flex;align-items:center;padding:12px 0;}
.fy-news li img{width:120px;height:70px;border-radius:12px;object-fit:cover;margin-right:14px;}
.fy-news li div{flex:1;min-width:0;}
.fy-news li b{display:block;font-size:15px;color:#1e293b;font-weight:500;line-height:22px;max-height:44px;overflow:hidden;}
.fy-news li i{display:block;font-style:normal;font-size:12px;color:#94a3b8;margin-top:8px;}
.fy-news li a:hover b{color:#06b6d4;}
.fy-rank{list-style:none;}
.fy-rank li{display:flex;align-items:center;height:42px;border-bottom:1px solid #f1f5f9;}
.fy-rank li:last-child{border-bottom:0;}
.fy-rank li a{flex:1;font-size:14px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fy-rank li a:hover{color:#06b6d4;}
.fy-rank li i{display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;border-radius:50%;font-size:12px;font-style:normal;color:#fff;background:#cbd5e1;margin-right:12px;}
.fy-rank li i.fy-rk1{background:#06b6d4;}
.fy-rank li i.fy-rk2{background:#22d3ee;}
.fy-rank li i.fy-rk3{background:#67e8f9;}
.fy-tags{display:flex;flex-wrap:wrap;gap:12px;}
.fy-tags a{padding:8px 18px;background:#f0fbfd;border-radius:20px;font-size:13px;color:#0e7490;}
.fy-tags a:hover{background:#06b6d4;color:#fff;}