.banner2{min-height: 600px;background: url(/assets/images/resources/banner.jpg) #050f28 center top no-repeat;}
.banner2 .w1200{height: 480px;}

.container{
    width:1200px;
    margin:auto;
}

.resource-section{
    padding:80px 0;background: #fafbfd;
}

.section-tag{
    font-size:16px;
    letter-spacing:4px;
    margin-bottom:40px;
    position:relative;
}
.section-tag span{color:transparent;background: var(--jianbian);background-clip: text;}
.section-tag:after{
    content:'';
    width:60px;
    height:3px;
    background:var(--jianbian);
    display:block;
    margin-top:10px;
}

.main-title{
    text-align:center;
    font-size:36px;
    font-weight:700;color:#112e68
}

.sub-title{
    text-align:center;
    margin-top:10px;
    color:#6d7b98;
}

.resource-group{
    margin-top:50px;
}

.group-title{
    font-size:22px;
    font-weight:700;
    margin-bottom:20px;
}
.group-title .iconfont{
    font-size: 24px;margin-right: 5px;
}
.blue{
    color:#0f6fff;
}

.green{
    color:#15c0aa;
}

.purple{
    color:#7552ff;
}

.card-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:30px;
}

.resource-card{
    background:#fff;
    border-radius:18px;
    padding:20px 20px 20px 0;
    display:flex;


    box-shadow:
    0 10px 30px rgba(0,0,0,.06);
}
.resource-card img{max-width: 220px;}
.icon-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#0f6fff;
}
.icon-placeholder span{background: #edf2fa;padding:0 10px;border-radius: 5px;font-size: 14px;text-transform: uppercase;}
.green-icon{
    border-color:#17bea9;
    color:#17bea9;
}
.green-icon span{background: #e7f9f0;}
.purple-icon{
    border-color:#7552ff;
    color:#7552ff;
}
.purple-icon span{background: #f5f0ff;}
.num{
    font-size:30px;
    color:#0f6fff;
    font-weight:700;
}

.green-text{
    color:#17bea9;
}

.purple-text{
    color:#7552ff;
}

.card-right h3{
    margin-top:10px;
    font-size:20px;
}

.card-right p{
    margin-top:15px;
    color:#66748d;
    line-height:1.8;
}

.btn{
    display:inline-block;
    margin-top:20px;

    padding:
    12px 28px;

    border-radius:12px;

    color:#fff;
    text-decoration:none;

    font-weight:600;
}

.blue-btn{
    background:#0f6fff;
}

.green-btn{
    background:#17bea9;
}

.purple-btn{
    background:#7552ff;
}
.btn .iconfont{font-size: 20px;}
.btn div{display: flex;align-items: center;gap: 10px;justify-content:center;}
.partner-section{
    padding:100px 0;
    background: #fff;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-top:50px;
}

.feature-card{
    background:#fff;
    border-radius:18px;
    padding:40px 25px;
    text-align:center;

    box-shadow:
    0 10px 25px rgba(0,0,0,.06);
}

.feature-card h3{
    font-size:18px;
    margin:15px auto;color:#112e68;
}

.feature-card p{
    color:#7c869b;
    line-height:1.8;
}
.featuricon .iconfont{width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: linear-gradient(var(--white), var(--white)), linear-gradient(120deg, #0069D7 35%, #53F1A4 96%);display: flex;align-items: center;justify-content: center;margin: auto;}
/*.feature-card:nth-child(1) .featuricon .iconfont::before{font-size: 48px;color: transparent;background: linear-gradient(120deg, #0069D7 35%, #5d9df3 96%);background-clip: text;font-weight: 600;}*/
/*.feature-card:nth-child(2) .featuricon .iconfont::before{font-size: 48px;color: transparent;background: linear-gradient(120deg, #0069D7 35%, #5d9df3 96%);background-clip: text;}*/
/*.feature-card:nth-child(3) .featuricon .iconfont::before{font-size: 48px;color: transparent;background: var(--jianbian);background-clip: text;}*/
/*.feature-card:nth-child(4) .featuricon .iconfont::before{font-size: 48px;color: transparent;background: linear-gradient(120deg, #53F1A4 35%, #53F1A4 96%);background-clip: text;}*/
.feature-card .featuricon .iconfont::before{font-size: 48px;color: transparent;background: var(--jianbian);background-clip: text;}
.faq-wrap{
    margin-top:100px;
}

.faq-title{
    text-align:center;
    font-size:36px;
    margin-bottom:40px;color:#3099ef
}

.faq-item{
    background:#f8fbff;
    margin-bottom:15px;
    border-radius:12px;
    overflow:hidden;
}

.faq-question{
    padding:25px 30px;
    font-size:20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px #e6e6e6 dashed;color:#112e68
}
.faqquestion{
    display: flex;
    align-items: center;
    gap: 10px;
}
.faq-question .iconfont{font-size: 30px;color:#3099ef;transition: 0.3s;display: inline-block;cursor: pointer;}
.faq-answer{
    padding:0 30px 25px;
    color:#6d7b98;
    line-height:1.8;display: none;
}
.faq-item.active .faq-answer{display: flex;gap: 10px;}
.faq-answer .iconfont{font-size: 30px;color:#3099ef}
.faq-item.active .faq-icon .iconfont{transform: rotate(90deg);}
/* ===== resources.css — 响应式适配 ===== */
@media screen and (max-width:1024px){
  .card-grid{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .main-title{font-size:28px}
}

@media screen and (max-width:480px){
  .card-grid{gap:15px}
  .card-right h3{font-size:16px;margin-top:5px}
  .card-right p{font-size:13px;margin-top:8px}
  .btn{padding:10px 20px;font-size:13px}
  .feature-grid{grid-template-columns:1fr;gap:12px}
  .feature-card{padding:20px 15px}
  .faq-title{font-size:20px}
  .faq-question{font-size:15px;padding:12px 15px}
  .faq-answer{font-size:13px;padding:0 15px 15px}
  .section-tag{font-size:13px}
  .sub-title{font-size:13px}
  .icon-placeholder span{font-size: 12px;margin-top: 10px;padding: 0 5px;}
}
.editbtn .btn{
    display: inline-block;
    background: linear-gradient(90deg, #1452d6, #29a7ff);
    color: #fff;
    padding: 14px 28px;
    border-radius: 999px;
    text-decoration: none;
}