@charset "utf-8";
/* ============================================================
   谷普下载站 · 电脑软件(PC)详情/列表页样式  gupu_pc.css
   品牌蓝 #37b1fa，覆盖头部/导航/页脚 + PC 内容组件
   加载顺序：base.css → down.css/downlist.css → gupu_unify.css → 本文件
   只做「视觉覆盖」，不动布局类，避免塌版
   ============================================================ */
:root{
    --gp-accent:#37b1fa;
    --gp-accent-d:#1f98ef;
    --gp-green:#41c35e;
    --gp-red:#ff5555;
    --gp-orange:#ff9900;
    --gp-star:#ffb400;
    --gp-star-off:#c5d4e0;
    --gp-text:#444;
    --gp-gray:#808080;
    --gp-line:#eef2f6;
    --gp-bg:#f5f7fa;
}

/* ============ 覆盖共享头部/页脚（与首页一致） ============ */
.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;}
.g-foot-box{background:#2b3542;margin-top:40px;}
.g-foot-box p a{color:#aab4c0;}
.g-foot-box p a:hover{color:#fff;}

body{background:var(--gp-bg);}
a{transition:color .15s;}

/* ============ 面包屑 ============ */
.g-location{height:auto;line-height:normal;padding:14px 0;color:#999;font-size:13px;}
.g-location a{color:#666;}
.g-location a:hover{color:var(--gp-accent);}

/* ============ 信息卡（详情页顶部） ============ */
.g-skymian{
    box-sizing:border-box;width:1200px;margin:14px auto;background:#fff;border-radius:14px;
    padding:26px 30px;position:relative;overflow:visible;box-shadow:0 2px 10px rgba(0,0,0,.03);
}
.g-skymian h1{font-size:26px;color:#222;line-height:1.4;font-weight:700;height:auto;}
.g-skymian span.m-gopl{position:absolute;right:30px;top:26px;font-size:14px;color:#999;cursor:pointer;}
.g-skymian span.m-gopl:hover{color:var(--gp-accent);}
.g-skymian-cont{margin-top:18px;overflow:hidden;height:auto;}
.g-skymian-list{float:left;width:780px;}
.g-skymian-list i{
    float:left;width:112px;height:112px;line-height:112px;border-radius:20px;overflow:hidden;
    text-align:center;font-size:44px;font-weight:700;color:#fff;margin-right:22px;
    background:linear-gradient(135deg,#37b1fa,#1f98ef);
    box-shadow:0 8px 20px rgba(55,177,250,.25);font-style:normal;
}
.g-skymian-list i img{width:100%;height:100%;object-fit:cover;}
.g-skymian-list ul{overflow:hidden;width:auto;}
.g-skymian-list ul li{float:left;width:33.33%;height:30px;line-height:30px;font-size:14px;color:#666;}
.g-skymian-list ul li em{font-style:normal;color:#999;}
.g-skymian-list ul li a{color:var(--gp-accent);}
.g-skymian-list ul li.kfs{width:66%;}

/* 评分 */
.m-skydf{float:right;width:320px;margin-top:6px;background:#f8fbff;border-radius:12px;padding:14px 18px;height:auto;}
.m-skydf .m-skydf_l{float:none;width:auto;color:#999;font-size:14px;}
.m-skydf .processingbar{font-size:30px;font-weight:700;color:var(--gp-accent);line-height:1;}
.m-skydf .processingbar i{font-size:14px;font-weight:400;color:#999;margin-left:2px;}
.m-skydf .m-up,.m-skydf .m-downl{color:#999;font-size:12px;}

/* ============ 下载按钮 ============ */
.g-dbtn{margin-top:22px;clear:both;}
.g-dbtn-list li{float:left;margin-right:16px;list-style:none;width:auto;height:auto;background:none;border-radius:0;position:static;}
.g-dbtn-list li.m-goabtn a,.g-dbtn-list li#wpbtn a{
    display:inline-block;min-width:220px;height:54px;line-height:54px;text-align:center;border-radius:27px;
    background:linear-gradient(135deg,#37b1fa,#1f98ef);color:#fff;font-size:19px;font-weight:700;
    box-shadow:0 8px 20px rgba(55,177,250,.35);padding:0 30px;
}
.g-dbtn-list li.m-goabtn a b{font-weight:700;color:#fff;position:static;padding-left:0;width:auto;}
.g-dbtn-list li#wpbtn a{background:linear-gradient(135deg,#41c35e,#2ba84a);box-shadow:0 8px 20px rgba(65,195,94,.3);}
.g-dbtn-list li.m-goabtn a:hover,.g-dbtn-list li#wpbtn a:hover{opacity:.92;color:#fff;transform:translateY(-1px);}
.g-dbtn-list li.m-goabtn a i{display:none;}
.g-dbtn #nodown{display:inline-block;height:54px;line-height:54px;padding:0 30px;border-radius:27px;background:#f2f2f2;color:#999;font-size:16px;}

/* ============ 内容区 ============ */
.g-contbg{box-sizing:border-box;width:1200px;margin:14px auto;overflow:hidden;}
.m-w820{box-sizing:border-box;float:left;width:860px;background:#fff;border-radius:14px;padding:26px 30px;box-shadow:0 2px 10px rgba(0,0,0,.03);}
.g-w320{float:right;width:318px;}

/* 区块标题 */
.m-titleh5{
    position:relative;font-size:20px;font-weight:700;color:#222;
    padding:0 0 12px 14px;margin-bottom:16px;border-bottom:1px solid var(--gp-line);line-height:1.4;
}
.m-titleh5:before{content:"";position:absolute;left:0;top:4px;width:4px;height:18px;background:var(--gp-accent);border-radius:2px;}

/* 正文 */
#m-miandiv{font-size:15px;line-height:30px;color:var(--gp-text);word-break:break-word;}
#m-miandiv p{margin-bottom:12px;}
#m-miandiv img{max-width:60%;display:block;margin:12px auto;border-radius:8px;}
#m-miandiv a{color:var(--gp-accent);}
#m-miandiv h3,#m-miandiv h4{
    position:relative;font-size:17px;font-weight:700;color:#1a1a1a;margin:20px 0 10px;padding-left:13px;border-left:0;text-indent:0;
}
#m-miandiv h3:before,#m-miandiv h4:before{
    content:"";position:absolute;left:0;top:3px;width:4px;height:18px;background:var(--gp-accent);border-radius:2px;
}

/* 下载地址 */
.g-downpc{margin-top:24px;}
.u-down-list .u-link-list h4{font-size:15px;color:#222;margin-bottom:10px;}
.u-down-list .u-link-list{background:#f8fbff;border:1px solid #e8f3fe;border-radius:12px;padding:18px 20px;}
.u-down-list .u-link-list ul{overflow:hidden;}
.u-down-list .u-link-list ul li{float:left;margin-right:12px;}
.u-down-list .u-link-list ul a{
    display:inline-block;padding:9px 22px;border-radius:20px;background:var(--gp-green);color:#fff;font-size:14px;
}
.u-down-list .u-link-list ul a:hover{opacity:.9;color:#fff;}

/* 评论 */
.g-pl-cont{margin-top:24px;}
.g-pl-new .nick_name{margin-bottom:8px;color:#666;font-size:14px;}
.g-pl-new input[type=text]{height:34px;border:1px solid #e5e9ef;border-radius:6px;padding:0 10px;}
.g-pl-new textarea{width:100%;height:90px;border:1px solid #e5e9ef;border-radius:8px;padding:10px;font-size:14px;resize:none;}
.g-pl-new .m-comment-btn{margin-top:8px;overflow:hidden;}
.g-pl-new .m-comment-btn .word_count{color:#999;font-size:12px;line-height:34px;}
.g-pl-new .m-comment-btn input[type=button]{
    float:right;height:36px;padding:0 22px;border:0;border-radius:18px;background:var(--gp-accent);color:#fff;font-size:14px;cursor:pointer;
}
.g-pl-new .m-comment-btn input[type=button]:hover{background:var(--gp-accent-d);}

/* ============ 侧栏 ============ */
.g-title-right{border-bottom:1px solid var(--gp-line);overflow:hidden;}
.u-noborder{border:0;}
.g-w320 .m-rbox{background:#fff;border-radius:14px;padding:18px 20px;margin-bottom:16px;box-shadow:0 2px 10px rgba(0,0,0,.03);}
.g-w320 .g-title-right h4{font-size:17px;font-weight:700;color:#222;padding-left:12px;position:relative;margin:0 0 12px;border-left:0;height:auto;line-height:1.4;}
.g-w320 .g-title-right h4:before{content:"";position:absolute;left:0;top:3px;width:4px;height:16px;background:var(--gp-accent);border-radius:2px;}
.g-w320 .g-title-right h4 strong{font-weight:700;color:#222;}

/* 排行 */
.m-topdiv{margin:0;overflow:hidden;}
.m-topdiv li{position:relative;padding:8px 0;border-bottom:1px dashed #f0f0f0;overflow:hidden;width:100%;float:none;}
.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:13px 10px 0 0;}
.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;overflow:hidden;text-align:center;background:#f2f6fa;margin-right:10px;}
.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;}

/* 栏目最新 */
.m-tdiv li{padding:8px 0;border-bottom:1px dashed #f0f0f0;overflow:hidden;}
.m-tdiv li:last-child{border-bottom:0;}
.m-tdiv li a{display:block;overflow:hidden;}
.m-tdiv li img{float:left;width:46px;height:46px;border-radius:12px;margin-right:10px;object-fit:cover;}
.m-tdiv li strong{display:block;font-size:13px;color:#333;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.m-tdiv li b{display:block;font-size:12px;color:#999;font-weight:400;margin-top:2px;}
.m-tdiv li a:hover strong{color:var(--gp-accent);}

/* ============ 列表页 ============ */
.g-content{box-sizing:border-box;width:1200px;margin:14px auto;overflow:hidden;}
.g-content .g-content-l{box-sizing:border-box;float:left;width:860px;background:#fff;border-radius:14px;padding:20px 24px;box-shadow:0 2px 10px rgba(0,0,0,.03);border:0;}
.g-content .g-content-r{float:right;width:318px;}

/* 区块标题（列表页用 f-title） */
.f-title{width:auto;position:relative;font-size:20px;font-weight:700;color:#222;padding-left:14px;margin:0 0 14px;line-height:1.4;}
.f-title b{font-weight:700;color:#222;padding-left:0;border-left:0;font-size:20px;}
.f-title:before{content:"";position:absolute;left:0;top:4px;width:4px;height:18px;background:var(--gp-accent);border-radius:2px;}

/* 列表条目 */
.g-content .g-content-l ul>li{
    display:flex;align-items:center;width:auto;margin:0;padding:18px 0;border-bottom:1px solid #f5f5f5;overflow:hidden;
}
.g-content .g-content-l ul>li:last-child{border-bottom:0;}
.g-content .g-content-l ul>li a.tu{display:block;float:none;width:88px;height:88px;border-radius:20px;overflow:hidden;flex:none;margin:0 18px 0 0;background:#f2f6fa;}
.g-content .g-content-l ul>li a.tu img{width:100%;height:100%;object-fit:cover;}
.g-content .g-content-l ul>li p.info{float:none;flex:1;width:auto;overflow:hidden;}
.g-content .g-content-l ul>li p.info b{display:block;height:auto;line-height:1.4;margin-bottom:6px;}
.g-content .g-content-l ul>li p.info b a{font-size:17px;color:#222;}
.g-content .g-content-l ul>li p.info b a:hover{color:var(--gp-accent);}
.g-content .g-content-l ul>li p.info span{display:block;font-size:13px;color:#999;line-height:1.6;height:42px;overflow:hidden;}
.g-content .g-content-l ul>li p.type{float:none;flex:none;width:150px;margin-left:20px;padding:0 0 0 20px;border-left:1px dashed #e5e3e3;font-size:12px;color:#999;text-align:right;}
.g-content .g-content-l ul>li p.type span{display:block;padding:0;line-height:1.9;font-size:12px;}

/* 分页 */
.m-page .tspage .tsp_nav a{background:#f2f5f8;color:#555;border-radius:6px;}
.m-page .tspage .tsp_nav a:hover{background:var(--gp-accent);color:#fff;}
.m-page .tspage .tsp_nav b{background:var(--gp-accent);color:#fff;border-radius:6px;}

/* 列表页右侧排行 */
.g-content .g-content-r .m-phb{background:#fff;border-radius:14px;padding:18px 20px;box-shadow:0 2px 10px rgba(0,0,0,.03);border:0;margin:0;}
.g-content .g-content-r .f-title{width:auto;margin:0 0 12px;}