.cdr-page{--blue:#2853b2;--ink:#0f2748;--muted:#5d6f86;--line:#dde5f0;color:#172846;font-family:"Microsoft YaHei","PingFang SC",sans-serif;background:#fff;overflow:hidden}
.cdr-page *{box-sizing:border-box}
.cdr-wrap{width:min(980px,calc(100% - 96px));margin:0 auto}
.cdr-page small{display:block;color:var(--blue);font-size:13px;font-weight:700;letter-spacing:3px}
.cdr-page svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.cdr-empty{margin:0;color:var(--muted);font-size:15px}

/* Shared cases banner */
.cdr-hero{position:relative;height:450px;overflow:hidden}
.cdr-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.cdr-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,31,67,.82) 0%,rgba(8,31,67,.5) 46%,rgba(8,31,67,.12) 78%)}
.cdr-hero .cdr-wrap{position:relative;z-index:1;padding-top:118px}
.cdr-hero small{margin-bottom:14px;color:#9ec4ff}
.cdr-hero h1{margin:0;max-width:820px;color:#fff;font-size:36px;line-height:1.4;font-weight:750;text-shadow:0 2px 16px rgba(8,31,67,.45)}
.cdr-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px;color:rgba(255,255,255,.9);font-size:14px}
.cdr-meta span{display:inline-flex;align-items:center;gap:8px}
.cdr-meta svg{color:#9ec4ff}

.cdr-crumb{height:54px;border-bottom:1px solid var(--line);color:#8895a8;font-size:14px}
.cdr-crumb .cdr-wrap{height:100%;display:flex;align-items:center;gap:12px;white-space:nowrap;overflow:hidden}
.cdr-crumb a{color:#8895a8}
.cdr-crumb i{font-style:normal}

/* Quote */
.cdr-share{margin:48px auto 0;padding:28px 32px;display:grid;grid-template-columns:96px 1fr;gap:22px;align-items:start;background:#f4f7fc;border-left:3px solid var(--blue)}
.cdr-share__label{color:var(--blue);font-size:14px;font-weight:700;line-height:1.4;padding-top:2px}
.cdr-share blockquote{margin:0;color:var(--ink);font-size:17px;line-height:1.9;font-weight:500}

/* Overview */
.cdr-intro{padding:56px 0 8px}
.cdr-intro h2{margin:10px 0 16px;color:var(--ink);font-size:28px;font-weight:700}
.cdr-intro p{margin:0;color:var(--muted);font-size:16px;line-height:1.95}

/* Story sections — no photos */
.cdr-story{padding:28px 0 8px}
.cdr-section{padding:40px 0;border-top:1px solid var(--line)}
.cdr-section--alt{background:transparent}
.cdr-section--result{background:transparent}
.cdr-section__head{display:flex;align-items:flex-start;gap:22px;margin-bottom:18px}
.cdr-section__head strong{color:#c5d4ea;font-size:42px;line-height:1;font-weight:750;font-variant-numeric:tabular-nums}
.cdr-section__head>div{display:flex;align-items:center;gap:12px;padding-top:8px}
.cdr-section__head span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #c9d7ec;border-radius:50%;color:var(--blue);background:#fff}
.cdr-section__head svg{width:18px;height:18px}
.cdr-section__head h2{margin:0;color:var(--ink);font-size:26px;font-weight:700}
.cdr-section__body{padding-left:64px;max-width:820px}
.cdr-section__body p,.cdr-section__body ul,.cdr-section__body ol{margin:0 0 14px;color:var(--muted);font-size:16px;line-height:1.95}
.cdr-section__body ul,.cdr-section__body ol{padding-left:1.2em}
.cdr-section__body li{margin:0 0 8px}
.cdr-section--result .cdr-section__head strong{color:#a8bfdf}
.cdr-section--result .cdr-section__head h2{color:var(--blue)}

/* Nav */
.cdr-nav{padding:36px 0;display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cdr-nav a{color:var(--blue);font-size:14px;font-weight:600;line-height:1.5;transition:opacity .2s}
.cdr-nav a:hover{opacity:.75}
.cdr-nav__next{text-align:right;max-width:58%}

/* Related cases — text list */
.cdr-related{padding:64px 0 24px;background:#f7f9fc}
.cdr-related .cdr-wrap,.cdr-products .cdr-wrap{width:min(1180px,calc(100% - 96px))}
.cdr-related h2,.cdr-products h2{margin:10px 0 0;color:var(--ink);font-size:30px;font-weight:700}
.cdr-related-list{margin-top:28px;border-top:1px solid var(--line);background:#fff}
.cdr-rel{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:18px 24px;align-items:center;padding:22px 20px;border-bottom:1px solid var(--line);color:inherit;text-decoration:none;transition:background .2s}
.cdr-rel:hover{background:rgba(40,83,178,.035)}
.cdr-rel__num{color:var(--blue);font-size:22px;font-weight:750;letter-spacing:.04em}
.cdr-rel__body time{display:block;color:#7a8ba0;font-size:13px}
.cdr-rel__body h3{margin:6px 0 0;color:var(--ink);font-size:18px;line-height:1.45;font-weight:700}
.cdr-rel:hover .cdr-rel__body h3{color:var(--blue)}
.cdr-rel b{color:var(--blue);font-size:13px;font-weight:700;white-space:nowrap}

/* Related products — text cards, no images */
.cdr-products{padding:56px 0 88px;background:#f7f9fc}
.cdr-products header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.cdr-slider-buttons{display:flex;gap:10px}
.cdr-slider-buttons button{width:44px;height:44px;border:1px solid #bfd0ea;background:#fff;color:var(--blue);font-size:18px;cursor:pointer;transition:background .2s,color .2s}
.cdr-slider-buttons button:hover{background:var(--blue);color:#fff}
.cdr-product-viewport{overflow:hidden;margin-top:28px}
.cdr-product-track{display:flex;gap:20px;transition:transform .45s ease}
.cdr-product{flex:0 0 calc((100% - 40px)/3);min-height:190px;padding:0;border:1px solid var(--line);background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.cdr-product:hover{border-color:#9db8e4;box-shadow:0 10px 28px rgba(40,83,178,.08);transform:translateY(-2px)}
.cdr-product>div{padding:26px 24px}
.cdr-product h3{margin:0 0 12px;color:var(--ink);font-size:18px;line-height:1.4;font-weight:700}
.cdr-product p{min-height:72px;margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.cdr-product b{color:var(--blue);font-size:14px;font-weight:700}
.cdr-page+footer,.cdr-page+.site_shared_footer{margin-top:0}

@media(max-width:900px){
  .cdr-wrap,.cdr-related .cdr-wrap,.cdr-products .cdr-wrap{width:calc(100% - 48px)}
  .cdr-hero h1{font-size:28px}
  .cdr-share{grid-template-columns:1fr;gap:10px;padding:22px}
  .cdr-section__body{padding-left:0}
  .cdr-product{flex-basis:calc((100% - 20px)/2)}
}

@media(max-width:767px){
  .h_b_xt{display:none!important}
  .gw:has(+ .cdr-page){margin-top:68px!important}
  .cdr-page{overflow:visible;overflow-x:hidden}
  .cdr-wrap,.cdr-related .cdr-wrap,.cdr-products .cdr-wrap{width:100%!important;padding:0 20px}

  .cdr-hero{height:min(360px,62vh)!important}
  .cdr-hero>img{object-position:68% center}
  .cdr-hero:after{background:linear-gradient(180deg,rgba(8,31,67,.2) 8%,rgba(8,31,67,.62) 48%,rgba(8,31,67,.94) 100%)!important}
  .cdr-hero .cdr-wrap{display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:0 20px 28px!important;box-sizing:border-box}
  .cdr-page small{font-size:11px;letter-spacing:2px}
  .cdr-hero h1{font-size:22px!important;line-height:1.35}
  .cdr-meta{gap:8px 14px;margin-top:14px;font-size:12px}

  .cdr-crumb{height:auto!important;padding:12px 0;font-size:12px}
  .cdr-crumb .cdr-wrap{flex-wrap:wrap;white-space:normal!important;overflow:visible!important;gap:6px;line-height:1.45}

  .cdr-share{margin-top:24px!important;padding:16px!important}
  .cdr-share blockquote{font-size:14px!important;line-height:1.75}

  .cdr-intro{padding:32px 0 4px}
  .cdr-intro h2,.cdr-section__head h2,.cdr-related h2,.cdr-products h2{font-size:20px!important}
  .cdr-intro p,.cdr-section__body p,.cdr-section__body ul,.cdr-section__body ol{font-size:14px!important;line-height:1.8!important}

  .cdr-story{padding:12px 0}
  .cdr-section{padding:28px 0!important}
  .cdr-section__head{gap:14px;margin-bottom:12px}
  .cdr-section__head strong{font-size:28px!important}
  .cdr-section__head>div{padding-top:2px;gap:8px}
  .cdr-section__head span{width:30px;height:30px}
  .cdr-section__body{padding-left:0}

  .cdr-nav{flex-direction:column;gap:12px!important;padding:22px 0!important}
  .cdr-nav__next{text-align:left;max-width:none}

  .cdr-related{padding:36px 0 12px!important}
  .cdr-related-list{margin-top:16px}
  .cdr-rel{grid-template-columns:44px minmax(0,1fr);gap:8px 12px;padding:16px 12px}
  .cdr-rel b{grid-column:2;font-size:12px}
  .cdr-rel__num{font-size:18px}
  .cdr-rel__body h3{font-size:15px!important}

  .cdr-products{padding:28px 0 48px!important}
  .cdr-products header{flex-direction:column;align-items:flex-start;gap:12px}
  .cdr-slider-buttons button{width:40px;height:40px}
  .cdr-product{flex-basis:100%!important;min-height:0}
  .cdr-product-track{gap:0!important}
  .cdr-product>div{padding:18px 16px}
  .cdr-product h3{font-size:16px}
  .cdr-product p{min-height:0;max-height:4.8em;font-size:13px}
}