.csr-page{--blue:#2853b2;--ink:#0f2748;--muted:#5d6f86;--line:#dde5f0;color:#172846;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#fff;overflow:hidden}
.csr-page *{box-sizing:border-box}
.csr-wrap{width:min(1180px,calc(100% - 96px));margin:0 auto}
.csr-hero{height:450px;position:relative}
.csr-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.csr-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(243,247,252,.16),transparent 58%)}
.csr-hero .csr-wrap{position:relative;z-index:1;padding-top:115px}
.csr-page small{display:block;color:var(--blue);font-size:14px;font-weight:700;letter-spacing:4px}
.csr-hero h1{margin:18px 0 0;color:var(--ink);font-size:48px;line-height:1.2;font-weight:700}
.csr-crumb{height:58px;border-bottom:1px solid var(--line);color:#8895a8;font-size:14px}
.csr-crumb .csr-wrap{height:100%;display:flex;align-items:center;gap:13px}
.csr-crumb a{color:#8895a8}
.csr-crumb i{font-style:normal}
.csr-heading{padding:72px 0 36px}
.csr-heading h2{margin:12px 0 0;color:var(--ink);font-size:36px;line-height:1.35;font-weight:700}
.csr-heading>p{margin:16px 0 0;max-width:640px;color:var(--muted);font-size:16px;line-height:1.85}

/* Text-only case list */
.csr-list{padding-bottom:96px;border-top:1px solid var(--line)}
.csr-case{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:28px 36px;align-items:start;padding:36px 8px 36px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .22s ease,padding .22s ease}
.csr-case:hover{background:linear-gradient(90deg,rgba(40,83,178,.035),transparent 72%);padding-left:12px}
.csr-case__index{padding-top:4px}
.csr-case__index span{display:block;color:var(--blue);font-size:28px;font-weight:750;letter-spacing:.04em;line-height:1;font-variant-numeric:tabular-nums}
.csr-case__body{min-width:0}
.csr-case__meta{display:flex;align-items:center;gap:12px;color:var(--blue);font-size:13px;font-weight:600}
.csr-case__meta i{display:block;width:4px;height:4px;border-radius:50%;background:#a8b8d0}
.csr-case__meta time{color:#7a8ba0;font-weight:500}
.csr-case__body h3{margin:12px 0 0;color:var(--ink);font-size:24px;line-height:1.45;font-weight:700;transition:color .2s}
.csr-case:hover .csr-case__body h3{color:var(--blue)}
.csr-case__body p{margin:14px 0 0;max-width:760px;color:var(--muted);font-size:15px;line-height:1.9}
.csr-case__go{display:inline-flex;align-items:center;gap:10px;margin-top:8px;padding:10px 0;color:var(--blue);font-size:14px;font-weight:700;white-space:nowrap;transition:gap .22s ease,transform .22s ease}
.csr-case__go b{font-size:16px;font-weight:600;line-height:1}
.csr-case:hover .csr-case__go{gap:14px;transform:translateX(2px)}
.csr-page+footer,.csr-page+.site_shared_footer{margin-top:0}

@media(max-width:900px){
  .csr-wrap{width:calc(100% - 48px)}
  .csr-case{grid-template-columns:64px minmax(0,1fr);gap:18px 20px;padding:28px 0}
  .csr-case__go{grid-column:2;margin-top:0;padding-top:0}
  .csr-case__body h3{font-size:20px}
}

@media(max-width:767px){
  .h_b_xt { display: none !important; }

  .csr-page {
    overflow: visible;
    overflow-x: hidden;
  }
  .csr-wrap {
    width: 100% !important;
    padding: 0 20px;
  }

  .csr-hero {
    height: min(320px, 58vh) !important;
    margin-top: 68px;
  }
  .csr-hero > img { object-position: 68% center; }
  .csr-hero:after {
    background: linear-gradient(180deg, transparent 22%, rgba(243,247,252,.55) 58%, rgba(243,247,252,.96) 100%) !important;
  }
  .csr-hero .csr-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
    padding: 0 20px 36px !important;
    box-sizing: border-box;
  }
  .csr-page small {
    font-size: 11px;
    letter-spacing: 2px;
  }
  .csr-hero h1 {
    margin-top: 8px;
    font-size: 32px !important;
  }

  .csr-crumb {
    height: 48px !important;
    font-size: 13px;
  }
  .csr-crumb .csr-wrap { gap: 8px; }

  .csr-heading { padding: 32px 0 18px !important; }
  .csr-heading h2 {
    margin-top: 8px;
    font-size: 24px !important;
    line-height: 1.3;
  }
  .csr-heading > p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.75;
  }

  .csr-list { padding-bottom: 48px; }
  .csr-case {
    grid-template-columns: 44px minmax(0,1fr);
    gap: 10px 14px;
    padding: 22px 0 !important;
  }
  .csr-case:hover { padding-left: 0 !important; background: transparent; }
  .csr-case__index span { font-size: 20px; }
  .csr-case__meta {
    gap: 8px;
    font-size: 12px;
    flex-wrap: wrap;
  }
  .csr-case__body h3 {
    margin-top: 8px !important;
    font-size: 17px !important;
    line-height: 1.4;
  }
  .csr-case__body p {
    margin-top: 8px;
    font-size: 13px !important;
    line-height: 1.75 !important;
  }
  .csr-case__go {
    grid-column: 2;
    margin-top: 4px;
    font-size: 13px;
  }
}