@charset "utf-8";
/* ============================================================
   谷普下载站 · 首页新版样式  gupu_index_v2.css
   品牌蓝 #37b1fa，现代卡片式布局
   在 base.css 之后加载，覆盖头部/导航/页脚与首页组件
   ============================================================ */
:root{
    --gp-accent:#37b1fa;
    --gp-accent-d:#1f98ef;
    --gp-green:#41c35e;
    --gp-red:#ff5555;
    --gp-orange:#ff9900;
    --gp-star:#ffb400;
    --gp-line:#eef2f6;
}

/* ============ 覆盖共享头部 ============ */
.head-full{background:#37b1fa;}
.head-full strong{color:#fff;height:34px;line-height:34px;font-size:13px;}
.head-full p.topHref a{color:#eaf6ff;border-left:1px solid rgba(255,255,255,.25);height:34px;line-height:34px;}
.head-full p.topHref a:hover{color:#fff;}

.head-logo{height:96px;}
.head-logo .m-search-box .keyword_input{border:2px solid #37b1fa;border-right:0;border-radius:20px 0 0 20px;}
.head-logo .m-search-box .schbtn{background:#37b1fa;border-radius:0 20px 20px 0;}
.head-logo .m-search-box .schbtn:hover{background:#1f98ef;}

.g-nav-box{background:#37b1fa;box-shadow:0 2px 8px rgba(55,177,250,.18);}
.g-nav-box a:hover{background:#1f98ef;}
.g-nav-box a.hover,.g-nav-box a.active{background:#1f98ef;}

/* ============ 通用标题（含蓝竖条） ============ */
.f-title{position:relative;font-size:16px;font-weight:700;color:#222;padding-left:12px;margin-bottom:12px;line-height:1.4;}
.f-title:before{content:"";position:absolute;left:0;top:3px;width:4px;height:16px;background:var(--gp-accent);border-radius:2px;}
.f-title b{font-weight:700;color:#222;}

/* 区块头部容器（标题 + 标签 + 更多） */
.m-title{position:relative;border-bottom:1px solid var(--gp-line);padding:0 0 12px;margin-bottom:14px;line-height:1.5;}
.m-title .f-title{font-size:20px;display:inline-block;margin-bottom:0;padding-left:14px;vertical-align:middle;}
.m-title .f-title:before{top:5px;height:18px;}
.f-tabnav{display:inline-block;margin-left:18px;vertical-align:middle;}
.f-tabnav span{display:inline-block;padding:2px 14px;font-size:13px;color:#666;border-radius:13px;cursor:pointer;margin-right:4px;transition:all .15s;}
.f-tabnav span.hover{background:var(--gp-accent);color:#fff;}
.f-more{position:absolute;right:0;top:2px;font-size:13px;font-weight:400;color:#999;}
.f-more:hover{color:var(--gp-accent);}

/* ============ 频道横幅 ============ */
.g-index-banner{height:118px;margin:16px 0;border-radius:12px;position:relative;overflow:hidden;
    background:linear-gradient(120deg,#2f9fef 0%,#37b1fa 45%,#5ec7ff 100%);color:#fff;padding:0 40px;}
.g-index-banner h2{font-size:30px;font-weight:700;padding-top:24px;letter-spacing:1px;}
.g-index-banner p{font-size:14px;color:#eaf6ff;margin-top:8px;}
.g-index-banner .ban-ico{position:absolute;right:28px;top:-12px;font-size:118px;opacity:.16;line-height:1;}

/* ============ 分类快捷导航 ============ */
.g-cate-nav{background:#fff;border-radius:12px;padding:18px 22px;margin-bottom:16px;}
.g-cate-nav ul{overflow:hidden;}
.g-cate-nav li{float:left;width:12.5%;text-align:center;padding:8px 0;}
.g-cate-nav li a{display:block;}
.g-cate-nav .cate-ico{display:inline-block;width:50px;height:50px;line-height:50px;border-radius:14px;
    color:#fff;font-size:22px;font-weight:700;text-align:center;margin-bottom:6px;}
.g-cate-nav li p{font-size:13px;color:#333;}
.g-cate-nav li a:hover p{color:var(--gp-accent);}

/* ============ 推荐板块 ============ */
.g-block{background:#fff;border-radius:12px;padding:20px 22px;margin-bottom:16px;}
.g-main{overflow:hidden;}
.g-tj-lbox{float:left;width:850px;}
.g-tj-rbox{float:right;width:300px;}

/* 推荐宫格 */
.f-tabcon{overflow:hidden;margin:0 -6px;}
.f-tabcon li{float:left;width:16.666%;padding:0 6px 14px;}
.f-tabcon li a{display:block;text-align:center;padding:12px 4px;border-radius:12px;transition:all .18s;}
.f-tabcon li a:hover{background:#f4faff;transform:translateY(-3px);}
.f-tabcon li a img{width:64px;height:64px;border-radius:16px;box-shadow:0 5px 14px rgba(0,0,0,.08);}
.f-tabcon li a span{display:block;font-size:13px;color:#333;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.f-tabcon li a:hover span{color:var(--gp-accent);}

/* ============ 排行列表 ============ */
.m-topdiv li{position:relative;padding:8px 0;border-bottom:1px dashed #f0f0f0;overflow:hidden;}
.m-topdiv li:last-child{border-bottom:0;}
.m-topdiv li .rk{float:left;width:22px;height:22px;line-height:22px;text-align:center;background:#f2f2f2;
    color:#666;font-size:12px;border-radius:4px;margin-right:10px;margin-top:13px;}
.m-topdiv li:nth-child(1) .rk{background:var(--gp-red);color:#fff;}
.m-topdiv li:nth-child(2) .rk{background:var(--gp-green);color:#fff;}
.m-topdiv li:nth-child(3) .rk{background:var(--gp-orange);color:#fff;}
.m-topdiv li .r-ico{float:left;width:46px;height:46px;line-height:46px;border-radius:12px;color:#fff;text-align:center;
    font-size:18px;font-weight:700;margin-right:10px;overflow:hidden;background:#f2f6fa;}
.m-topdiv li .r-ico img{width:100%;height:100%;object-fit:cover;}
.m-topdiv li .r-txt{overflow:hidden;padding-right:56px;}
.m-topdiv li .r-txt a{display:block;font-size:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m-topdiv li .r-txt a:hover{color:var(--gp-accent);}
.m-topdiv li .r-txt span{display:block;font-size:12px;color:#999;margin-top:2px;}
.m-topdiv li .r-down{position:absolute;right:0;top:50%;transform:translateY(-50%);padding:4px 12px;
    background:#f0f7ff;color:var(--gp-accent);font-size:12px;border-radius:12px;}
.m-topdiv li .r-down:hover{background:var(--gp-accent);color:#fff;}

/* ============ 三列布局（最新更新 + 总排行） ============ */
.g-phb{overflow:hidden;}
.g-phb .phb-col{float:left;width:33.33%;padding:0 12px;}

/* 最新更新列表 */
.m-nlist li{position:relative;padding:9px 0 9px 16px;border-bottom:1px dashed #f0f0f0;overflow:hidden;}
.m-nlist li:last-child{border-bottom:0;}
.m-nlist li:before{content:"";position:absolute;left:0;top:17px;width:6px;height:6px;border-radius:50%;background:var(--gp-accent);}
.m-nlist li em{float:right;font-style:normal;font-size:12px;color:#bbb;}
.m-nlist li em font{color:#999;}
.m-nlist li span a{display:inline-block;padding:1px 8px;background:#eef6ff;color:var(--gp-accent);
    font-size:12px;border-radius:4px;margin-right:8px;}
.m-nlist li a{font-size:14px;color:#333;}
.m-nlist li a:hover{color:var(--gp-accent);}

/* ============ 友情链接 ============ */
.m-link a{display:inline-block;color:#666;font-size:13px;margin:0 14px 8px 0;}
.m-link a:hover{color:var(--gp-accent);}

/* ============ 页脚 ============ */
.g-foot-box{background:#2b3542;margin-top:40px;}
.g-foot-box p a{color:#aab4c0;}
.g-foot-box p a:hover{color:#fff;}

/* ============ 图标配色 ============ */
.c0{background:linear-gradient(135deg,#37b1fa,#1f98ef);}
.c1{background:linear-gradient(135deg,#41c35e,#2ba84a);}
.c2{background:linear-gradient(135deg,#ff9900,#ff7700);}
.c3{background:linear-gradient(135deg,#ff5555,#ee3333);}
.c4{background:linear-gradient(135deg,#9c6bff,#7b4dff);}
.c5{background:linear-gradient(135deg,#00c4b4,#00a08f);}
.c6{background:linear-gradient(135deg,#ff6fae,#ff4d94);}
.c7{background:linear-gradient(135deg,#5b8def,#3b6fe0);}
.c8{background:linear-gradient(135deg,#f5a623,#e0921c);}
.c9{background:linear-gradient(135deg,#26c6da,#00acc1);}