/* =========================
 DOWNLOAD PAGE
 企业官网版
 不影响style.css
========================= */


/* 页面主体宽度 */

.download-hero,
.download-main,
.download-grid{

width:90%;
max-width:1420px;

margin-left:auto;
margin-right:auto;

}


/* =================
顶部大横幅
================= */


.download-hero{

  margin-top:45px;
  margin-bottom:45px;

  padding:55px;

  border-radius:24px;


  background:
  linear-gradient(
  120deg,
  rgba(15,35,70,.35),
  rgba(3,12,28,.55)
  );


  border:1px solid rgba(64,221,255,.18);


  box-shadow:
  0 0 35px rgba(64,221,255,.08),
  inset 0 0 30px rgba(64,221,255,.04);


}



.download-title h1{


font-size:52px;

margin:0 0 20px;


background:

linear-gradient(
90deg,
white,
#40ddff
);


-webkit-background-clip:text;

color:transparent;


}



.download-title p{


font-size:18px;

color:#b5cae8;

margin:8px 0;


}



.download-tags{


display:flex;

gap:25px;

margin-top:35px;


}



.download-tags span{


padding:12px 25px;


border-radius:30px;


border:

1px solid rgba(64,221,255,.3);


background:

rgba(64,221,255,.08);


color:#40ddff;


}


/* =================
最新版产品卡
================= */


.download-main{

margin-bottom:40px;

}



.download-card{


display:flex;

align-items:center;


gap:55px;


padding:45px;


border-radius:25px;


background:

linear-gradient(
150deg,
rgba(15,30,60,.85),
rgba(4,10,25,.9)
);


border:

1px solid rgba(64,221,255,.18);


}




.download-icon{


width:230px;

height:230px;


flex-shrink:0;


border-radius:35px;


display:flex;

align-items:center;

justify-content:center;


font-size:80px;

font-weight:700;


color:#55cfff;


background:

radial-gradient(
circle,
rgba(64,221,255,.25),
transparent 70%
);



border:

1px solid rgba(64,221,255,.3);


box-shadow:

0 0 50px rgba(0,160,255,.25);


}




.download-info{


flex:1;


}



.recommend{


display:inline-block;


padding:5px 18px;


background:#e5b93f;


color:#111;


border-radius:5px;


}



.download-info h2{


font-size:38px;

margin:20px 0 10px;


}



.download-info h3{


color:#40ddff;


font-size:22px;


}



.download-info p{


font-size:16px;

color:#9fb7d8;


line-height:2;


}




.download-feature{


display:flex;

gap:20px;

margin:25px 0;


}


.download-feature span{


padding:8px 15px;


border-radius:20px;


background:

rgba(64,221,255,.08);


color:#8edcff;


}



.download-buttons button{


padding:14px 35px;

margin-right:15px;


border-radius:8px;


border:1px solid #40ddff;


background:

rgba(64,221,255,.1);


color:white;


}


.download-buttons button:first-child{


background:#f4c74c;

color:#111;

border:none;


}




/* ======================
下面四个模块
====================== */


.download-grid{


display:grid;


grid-template-columns:

repeat(2,1fr);


gap:25px;


margin-bottom:70px;


}




.download-box{


min-height:220px;


padding:35px;


border-radius:22px;


background:

linear-gradient(
145deg,
rgba(15,35,65,.75),
rgba(5,12,28,.9)
);


border:

1px solid rgba(64,221,255,.15);


box-shadow:

inset 0 0 25px rgba(64,221,255,.03);


}



.download-box:before{


content:"";


display:block;


width:45px;

height:4px;


background:#40ddff;


margin-bottom:20px;


}



.download-box h2{


font-size:28px;


color:white;


}



.download-box p{


color:#a7bddb;


line-height:2;


font-size:15px;


}



/* =================
手机
================ */


@media(max-width:900px){


.download-card{

flex-direction:column;

}


.download-grid{

grid-template-columns:1fr;

}

}
/* =================================================
   下载中心企业化优化
   仅作用 download.html
================================================= */



/* ===============================
   顶部下载中心 HERO
================================ */


.download-hero{

    max-width:1400px;

    margin:60px auto 50px;

    padding:0 40px;

}



.download-title{

    text-align:center;

    padding:60px 40px;


    border-radius:26px;


    background:

    linear-gradient(
    135deg,
    rgba(15,35,70,.65),
    rgba(5,12,28,.75)
    );


    border:

    1px solid rgba(64,221,255,.18);


    box-shadow:

    0 0 45px rgba(0,160,255,.08),

    inset 0 0 30px rgba(64,221,255,.03);


}



.download-badge{


    display:inline-block;


    padding:8px 22px;


    border-radius:30px;


    background:

    rgba(64,221,255,.08);


    border:

    1px solid rgba(64,221,255,.3);


    color:#40ddff;


    font-size:13px;


    letter-spacing:3px;


    margin-bottom:25px;


}




.download-title h1{

    font-size:46px !important;

    margin-bottom:18px !important;

    background:none !important;

    color:#ffffff !important;

    -webkit-background-clip:initial !important;

    -webkit-text-fill-color:#ffffff !important;

}

    -webkit-background-clip:text;

    color:transparent;


}



.download-title p{


    color:#9db2cf;


    font-size:16px;


    line-height:2;


}





.download-tags{


    display:flex;


    justify-content:center;


    gap:18px;


    margin-top:30px;


    flex-wrap:wrap;


}



.download-tags span{


    padding:10px 22px;


    border-radius:30px;


    color:#40ddff;


    background:

    rgba(64,221,255,.08);


    border:

    1px solid rgba(64,221,255,.2);


}





/* ===============================
   主下载卡
================================ */


.download-main{


    max-width:1400px;


    margin:0 auto 60px;


    padding:0 40px;


}





.download-card{


    display:flex;


    gap:45px;


    align-items:center;


    padding:50px;


    border-radius:28px;



    background:

    linear-gradient(
    145deg,
    rgba(15,35,70,.75),
    rgba(5,12,28,.85)
    );



    border:

    1px solid rgba(64,221,255,.2);



    box-shadow:

    inset 0 0 35px rgba(64,221,255,.04);


}




.download-icon{


    width:160px;

    height:160px;


    border-radius:35px;


    display:flex;


    justify-content:center;


    align-items:center;


    font-size:70px;


    color:#40ddff;



    background:

    radial-gradient(
    circle,
    rgba(64,221,255,.18),
    transparent 70%
    );


    border:

    2px solid rgba(64,221,255,.4);


    box-shadow:

    0 0 45px rgba(64,221,255,.25);


}





.download-info{


    flex:1;


}



.recommend{


    color:#40ff88;


    font-size:13px;


    letter-spacing:2px;


    margin-bottom:12px;


}





.download-info h2{


    font-size:34px;


    color:white;


    margin-bottom:10px;


}



.download-info h3{


    color:#40ddff;


    font-weight:500;


    margin-bottom:25px;


}




.download-info p{


    color:#a8bdd8;


    line-height:2;


    font-size:15px;


}




/* 功能标签 */


.download-feature{


    display:flex;


    gap:12px;


    flex-wrap:wrap;


    margin:25px 0;


}



.download-feature span{


    padding:8px 16px;


    border-radius:20px;


    background:

    rgba(64,221,255,.08);


    color:#40ddff;


    border:

    1px solid rgba(64,221,255,.18);


    font-size:13px;


}





/* 版本信息 */


.version-info{


    display:flex;


    gap:20px;


    margin:25px 0;


}



.version-info div{


    padding:15px 22px;


    border-radius:14px;


    background:

    rgba(255,255,255,.03);


    border:

    1px solid rgba(255,255,255,.08);


    color:#91a9c8;


}



.version-info strong{


    display:block;


    color:white;


    margin-top:5px;


}





/* 按钮 */


.download-buttons{


    display:flex;


    gap:18px;


}



.download-buttons button{


    padding:13px 32px;


    border-radius:30px;


    cursor:pointer;


    font-size:14px;


}



.download-buttons button:first-child{


    background:#40ddff;


    border:none;


    color:#03111f;


}



.download-buttons button:last-child{


    background:transparent;


    color:#40ddff;


    border:

    1px solid #40ddff;


}





/* ===============================
   四个信息模块
================================ */


.download-grid{


    max-width:1400px;


    margin:0 auto 80px;


    padding:0 40px;


    display:grid;


    grid-template-columns:repeat(4,1fr);


    gap:24px;


}





.download-box{


    min-height:260px;


    padding:30px;


    border-radius:22px;



    background:

    linear-gradient(
    145deg,
    rgba(15,35,70,.65),
    rgba(5,15,35,.75)
    );



    border:

    1px solid rgba(64,221,255,.18);



    transition:.3s;


}



.download-box:hover{


    transform:translateY(-8px);


    border-color:#40ddff;


    box-shadow:

    0 0 35px rgba(64,221,255,.18);


}




.box-icon{


    width:42px;


    height:42px;


    border-radius:50%;


    display:flex;


    align-items:center;


    justify-content:center;


    color:#40ddff;


    border:

    1px solid rgba(64,221,255,.3);


    margin-bottom:20px;


}



.download-box h2{


    color:white;


    font-size:22px;


    margin-bottom:20px;


}



.download-box p{


    color:#9db2cf;


    font-size:14px;


    line-height:1.9;


}





/* ===============================
 服务保障
================================ */


.download-security{


    max-width:1200px;


    margin:0 auto 100px;


    text-align:center;


    padding:45px;


    border-radius:25px;


    background:

    rgba(15,35,70,.45);



    border:

    1px solid rgba(64,221,255,.18);


}



.download-security h2{


    color:white;


    font-size:30px;


}



.download-security p{


    color:#91a9c8;


    margin:15px;


}



.download-security div{


    display:flex;


    justify-content:center;


    gap:25px;


    margin-top:25px;


}



.download-security span{


    padding:12px 25px;


    border-radius:30px;


    color:#40ddff;


    border:

    1px solid rgba(64,221,255,.25);


    background:

    rgba(64,221,255,.06);


}





/* ===============================
 手机适配
================================ */


@media(max-width:900px){


.download-card{

flex-direction:column;

}


.download-grid{

grid-template-columns:1fr;

}


.version-info{

flex-direction:column;

}


}
/* 下载中心推荐标签恢复企业风格 */
.download-page .recommend,
.recommend{

    background:#d8b44a !important;

    color:#ffffff !important;

    -webkit-background-clip:initial !important;

    -webkit-text-fill-color:#ffffff !important;

    border-radius:6px;

    padding:6px 18px;

    display:inline-block;

    font-size:13px;

    letter-spacing:1px;

}