body{background:#f5f5f5 url("assets/reference-bac.jpg") center top/cover fixed no-repeat}.index_banner,.index_nav{background:#fff}.index_con_1{cursor:pointer;transition:transform .18s,box-shadow .18s}.index_con_1:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000012}.index_con .row .col-xs-4:nth-child(n+3){display:none}.index_con .row .col-xs-4{width:50%}.index_con .row>.col-xs-4:nth-child(2n+1){clear:both}.index_con_1_gonggao p{margin:0 0 16px}.download-code{font-family:SimHei,sans-serif;color:#000}.violet{color:#5f497a}.tag{border:1px solid #000;padding:1px 3px;font-family:"Times New Roman",serif;font-size:16px}.source-card-frame{display:block!important;margin:0!important;line-height:0!important}.source-card-frame a{display:block;position:relative;overflow:hidden;border-radius:5px;background:#202737;line-height:0}.source-card-image{display:block!important;width:100%!important;height:auto!important;margin:0!important}.source-card-frame span{position:absolute;right:10px;bottom:9px;padding:6px 9px;border-radius:14px;background:#000a;color:#fff;font-size:12px;line-height:1;letter-spacing:0}.download_con{padding:42px 0 58px;background:rgba(247,247,247,.86)}.download_con .max_w1200{max-width:920px;padding:42px 46px;border-radius:8px;background:#fff;text-align:center;box-shadow:0 12px 34px #1a274113}.download_con h2{margin:0;padding-bottom:14px;color:#25344a;font-size:30px}.download_con p{margin:17px 0 30px;color:#8c96a3}.download-links{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.download-links a{position:relative;padding:17px 20px 17px 54px;border:1px solid #f7d588;border-radius:6px;background:linear-gradient(120deg,#ffb423,#f5a309);color:#fff;text-align:left;text-decoration:none;font-size:16px;font-weight:600}.download-links a:before{content:'↓';position:absolute;left:19px;top:13px;width:27px;height:27px;border:1px solid #fff9;border-radius:50%;line-height:25px;text-align:center;font-size:22px;font-weight:400}.copyright{background:transparent}@media(max-width:768px){body{background-position:center top;background-attachment:scroll}.index_con .row .col-xs-4{width:100%}.index_con_1:has(.source-card-image){min-height:0}.download_con{padding:20px 10px}.download_con .max_w1200{padding:27px 16px}.download_con h2{font-size:24px}.download-links{grid-template-columns:1fr;gap:10px}.download-links a{padding:14px 17px 14px 49px}.download-links a:before{left:15px;top:10px}}

/* Keep the embedded download guide inside its card on all screen sizes. */
.source-card-frame{position:relative;display:block!important;margin:0!important;overflow:hidden;border-radius:6px;background:#f1f3f6;line-height:0!important}.source-card-frame .source-card-image{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;object-fit:contain}.source-card-frame span{position:absolute;right:10px;bottom:9px;padding:6px 9px;border-radius:14px;background:rgba(0,0,0,.62);color:#fff;font-size:12px;line-height:1}

/* Reference-page image card: show the guide as a clean image only. */
.index_con .row .image-only-card{
  min-height:0;
  padding:0;
  overflow:hidden;
  background:#fff;
  line-height:0;
  border-radius:4px;
  transform:none!important;
  box-shadow:none!important;
}
.index_con .row .image-only-card .source-card-image{
  display:block;
  width:100%;
  height:auto;
  margin:0;
  border:0;
}
@media(max-width:768px){
  .index_con .row .image-only-card{padding:0}
}

/* Match the reference grid: two records still occupy third-width cards on desktop. */
.index_con .row .col-xs-4{width:33.333333%}
.index_con .row>.col-xs-4:nth-child(2n+1){clear:none}
.index_con .row>.col-xs-4:nth-child(3n+1){clear:both}
@media(max-width:1000px){
  .index_con .row .col-xs-4{width:50%}
  .index_con .row>.col-xs-4:nth-child(3n+1){clear:none}
  .index_con .row>.col-xs-4:nth-child(2n+1){clear:both}
}
@media(max-width:768px){
  .index_con .row .col-xs-4{width:100%}
}

/* Same background sizing behaviour as tg998.vip. */
html{min-height:100%}
body{min-height:100%;background-image:url("assets/reference-bac.jpg");background-size:100% 100%;background-position:top center;background-repeat:no-repeat;background-attachment:scroll}
@media(max-width:768px){body{background-size:auto 100%;background-position:center top}}