.banner2{min-height: 600px;}
.banner2 .w1200{height: 480px;}

:root{
--primary:#123b7a;--green:#18c29c;--border:#e8edf4;--bg:#f7faff;
}
.container{width:1200px;margin:auto}
section{padding:80px 0}
h2.title{text-align:center;font-size:36px;color:var(--primary);margin-bottom:50px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.surface .grid3{grid-template-columns:repeat(2,1fr)}
.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,.05);}
.card h3{color:var(--primary);margin:10px 0 0;font-size:20px}
.card p{color:#777778;line-height:1.5}
.flex{display: flex;gap: 20px;}
.tag{color:var(--green);font-weight:bold;padding:5px 0 10px;}
.ph .iconfont{font-size: 36px;border-radius: 50%;width: 60px;height: 60px;border:3px solid #e3f5f6;display: flex;align-items: center;justify-content: center;color:#19459c}
.ph .iconfont.jiuss_lib24{font-weight: 700;}
.quality{background:var(--bg)}
.quality-grid{display:grid;grid-template-columns:2fr 1.3fr 1.3fr 1fr;gap:40px}
.btn{display:inline-block;background:linear-gradient(90deg,#1452d6,#29a7ff);color:#fff;padding:14px 28px;border-radius:999px;text-decoration:none}
ul{list-style:none}
.quality li{margin:14px 0;display: flex;gap: 10px;padding: 5px 0;color:#414e64}
.quality-title p{line-height: 1.8;color:#5e6370}
.faq-item{border-bottom:1px solid #e5e5e5}
.faq-q{padding:24px;cursor:pointer;font-weight:bold;display:flex;justify-content:space-between}
.faq-a{display:none;padding:0 24px 24px}
.faq-item.active .faq-a{display:block}
@media(max-width:1280px){.container{width:95%}}
.evidence{background: #f9fafe;}
.surface{background: #fff;}
.card2{background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 4px 12px rgba(0,0,0,.05);padding-bottom: 10px;}
.card2 h3{color:var(--primary);margin:10px 0 0}
.card2 p{color:#777778}
.card_title{display: flex;gap: 20px;padding: 20px 20px 0;}
.card_title .iconfont{font-size: 36px;width: 80px;height: 80px;border-radius: 50%;border: 3px solid #e3f5f6;display: flex;align-items: center;justify-content: center;color:#19459c;}
.quality li .iconfont{font-size: 24px;color:#38ad99;}
.quality-grid h3{padding-bottom: 20px;color:#01205d}
.qualitybox{padding: 30px 0 0 20px;border-left: 1px solid #dbe2ec;}
.btn .iconfont{font-size: 20px;}

.faq-wrap{
    padding:100px 0;background: #fff;
}

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

.faq-item{
    background:#f8fffb;
    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:#15b793;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:#15b793}
.faq-item.active .faq-icon .iconfont{transform: rotate(90deg);}
/* ===== evidence-quality.css — 响应式适配 ===== */
@media screen and (max-width:1024px){
  .grid3{grid-template-columns:repeat(2,1fr)}
  .quality-grid{grid-template-columns:1fr 1fr}
  h2.title{font-size:28px}
}

@media screen and (max-width:480px){
  .grid3{grid-template-columns:1fr}
  .card{flex-direction:column;padding:15px}
  .ph{display:flex;align-items:center;gap:10px}
  .quality-grid{grid-template-columns:1fr}
  .qualitybox{padding-left:0;border-left:none;padding-top:10px}
  .card_title .iconfont{width:50px;height:50px;font-size:24px}
  .card2 img{width:100%}
  .faq-item{border-radius:8px;margin-bottom:10px}
  .faq-question{font-size:15px;padding:15px}
  .faq-answer{font-size:13px;padding:0 15px 15px}
}

/* Fix: override mob.css section rule (evidence-quality.css loads after mob.css) */
@media screen and (max-width:820px){
  section{padding:40px 0}
}
@media screen and (max-width:480px){
  section{padding:30px 0}
}