.reference-content{
      --cr-blue: #075bd8;
      --cr-navy: #05377f;
      --cr-cyan: #0c87e8;
      --cr-ink: #18253d;
      --cr-muted: #68778f;
      --cr-line: #e1eaf5;
      --cr-pale: #f2f7ff;
      --cr-white: #fff;
      --cr-red: #e33f48;
      --cr-shadow: 0 10px 32px rgba(13, 64, 143, .08)
    }.reference-content *{line-height: 1.2;}.reference-content .breadcrumb{display: none;}.reference-content .crusher-topic{
      margin-bottom: 0;
      background: #fff;
      color: var(--cr-ink);
      font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
      overflow: hidden;
      font-size: 15px;
      line-height: 1.7
    }.reference-content .crusher-topic,.reference-content .crusher-topic *{
      box-sizing: border-box
    }.reference-content .crusher-topic + .site-footer{
      margin-top: 0 !important
    }.reference-content .crusher-topic img{
      display: block;
      max-width: 100%
    }.reference-content .cr-container{
      width: min(1450px, calc(100% - 48px));
      margin: 0 auto
    }.reference-content .cr-section{
      padding: 68px 0
    }.reference-content .cr-section.cr-soft{
      background: #f8fbff
    }.reference-content .cr-heading{
      margin-bottom: 28px
    }.reference-content .cr-heading h2{
      margin: 0;
      color: var(--cr-navy);
      font-size: clamp(20px, 2.5vw, 32px);
      line-height: 1.25;
      font-weight: 800
    }.reference-content .cr-heading h2:before{
      content: "";
      display: inline-block;
      width: 5px;
      height: 25px;
      margin-right: 12px;
      border-radius: 8px;
      background: var(--cr-blue);
      vertical-align: -3px
    }.reference-content .cr-heading p{
      margin: 9px 0 0;
      color: var(--cr-muted)
    }.reference-content .cr-card{
      background: #fff;
      border: 1px solid var(--cr-line);
      border-radius: 12px;
      box-shadow: 0 5px 20px rgba(28, 68, 129, .045)
    }.reference-content .cr-button{
      display: inline-flex;
      min-height: 46px;
      padding: 0 27px;
      align-items: center;
      justify-content: center;
      border: 0;
      border-radius: 7px;
      background: linear-gradient(90deg, #0870e9, #064dc6);
      color: #fff !important;
      font: inherit;
      font-weight: 700;
      text-decoration: none;
      cursor: pointer;
      transition: .2s ease
    }.reference-content .cr-button:hover{
      transform: translateY(-2px);
      box-shadow: 0 10px 24px rgba(5, 86, 213, .22)
    }.reference-content #top{
      background: url("https://img0.tencanballmills.com/202610/reference/202607/selection-guide/crusher-selection-guide/img/bg.webp") center top / 100% auto no-repeat;
    }.reference-content .cr-hero{
      position: relative;
      min-height: 520px;
      display: flex;
      align-items: center;
      color: #fff
    }.reference-content .cr-hero:after{
      content: "";
      position: absolute;
      inset: 0;
      opacity: .22;
      background-image: linear-gradient(rgba(255, 255, 255, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .16) 1px, transparent 1px);
      background-size: 50px 50px;
      mask-image: linear-gradient(90deg, #000, transparent)
    }.reference-content .cr-hero-inner{
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 1fr .95fr;
      align-items: center;
      min-height: 430px
    }.reference-content .cr-hero-copy{
      padding: 55px 0
    }.reference-content .cr-eyebrow{
      margin: 0 0 10px;
      color: #bfe2ff;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: .16em
    }.reference-content .cr-hero h1{
      margin: 0;
      font-size: clamp(42px, 4.7vw, 64px);
      line-height: 1.08;
      font-weight: 900;
      margin-bottom: 36px;
    }.reference-content .cr-hero h1 span{
      color: #b9e4ff
    }.reference-content .cr-hero-sub{
      margin: 16px 0 24px;
      color: #dcecff;
      font-size: 18px;
      line-height: 1.2;
    }.reference-content .cr-hero-points{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6px;
    }.reference-content .cr-hero-points span:before{
      content: "✓";
      margin-right: 8px;
      color: #8fe1ff;
      font-weight: 900
    }.reference-content .cr-hero-visual{
      align-self: end;
      padding-bottom: 26px
    }.reference-content .cr-hero-visual img{
      width: 100%;
      max-height: 370px;
      object-fit: contain;
      mix-blend-mode: screen
    }.reference-content .cr-factors{
      margin-top: -25px;
      position: relative;
      z-index: 2
    }.reference-content .cr-factor-grid{
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      padding: 10px
    }.reference-content .cr-factor{
      padding: 20px 13px;
      text-align: center;
      border-right: 1px solid var(--cr-line)
    }.reference-content .cr-factor:last-child{
      border: 0
    }.reference-content .cr-factor img{
      max-width: 80px;
      margin: 0 auto;
      object-fit: contain
    }.reference-content .cr-factor strong{
      display: block;
      margin-top: 7px;
      color: var(--cr-navy);
      font-size: 14px;
      line-height: 1;
    }.reference-content .cr-factor small{
      color: var(--cr-muted)
    }.reference-content .cr-model-grid{
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px
    }.reference-content .cr-model{
      overflow: hidden
    }.reference-content .cr-model figure{
      height: 190px;
      margin: 0;
      padding: 11px
    }.reference-content .cr-model figure img{
      width: 100%;
      height: 100%;
      object-fit: contain
    }.reference-content .cr-model-body{
      padding: 15px;
      border-top: 1px solid var(--cr-line)
    }.reference-content .cr-model-body h3{
      min-height: 44px;
      margin: 0 0 10px;
      color: var(--cr-navy);
      font-size: 16px;
      text-align: center
    }.reference-content .cr-spec{
      display: flex;
      justify-content: space-between;
      padding: 5px 0;
      border-bottom: 1px dashed #e8edf5;
      color: var(--cr-muted);
      font-size: 12px
    }.reference-content .cr-spec b{
      color: #3a4a62;
      font-size: 11px;
    }.reference-content .cr-table-wrap{
      margin-top: 24px;
      overflow-x: auto;
      border: 1px solid #dbe5f2;
      border-radius: 10px
    }.reference-content .cr-table{
      width: 100%;
      min-width: 1180px;
      table-layout: fixed;
      border-collapse: collapse;
      background: #fff;
      font-size: 13px
    }.reference-content .cr-table th,.reference-content .cr-table td{
      border: 1px solid #e6edf6;
      text-align: center;
      vertical-align: middle
    }.reference-content .cr-table th{
      padding: 13px 10px;
      border-color: #113f85;
      background: #075bd7;
      color: #fff
    }.reference-content .cr-table td{
      padding: 12px 10px;
      color: #405069;
      line-height: 1.65
    }.reference-content .cr-table th:nth-child(1){ width: 10% }.reference-content .cr-table th:nth-child(2){ width: 9% }.reference-content .cr-table th:nth-child(3){ width: 8% }.reference-content .cr-table th:nth-child(4){ width: 18% }.reference-content .cr-table th:nth-child(5){ width: 26% }.reference-content .cr-table th:nth-child(6){ width: 8% }.reference-content .cr-table th:nth-child(7){ width: 8% }.reference-content .cr-table th:nth-child(8){ width: 13% }.reference-content .cr-table tbody tr:nth-child(even){
      background: #f7faff
    }.reference-content .cr-table .cr-feed-options{
      min-width: 0;
      text-align: left
    }.reference-content .cr-table .cr-feed-option{
      display: grid;
      grid-template-columns: 42% 58%;
      align-items: center;
      min-height: 44px
    }.reference-content .cr-table .cr-feed-option + .cr-feed-option{
      border-top: 1px solid #dbe5f2
    }.reference-content .cr-table .cr-feed-option b{
      padding: 8px;
      color: #243a59;
      text-align: center
    }.reference-content .cr-table .cr-feed-option span{
      padding: 8px 10px;
      border-left: 1px solid #dbe5f2
    }.reference-content .cr-steps{
      margin-top: 32px
    }.reference-content .cr-steps-title{
      position: relative;
      margin: 0 0 20px;
      padding-left: 13px;
      color: #18253d;
      font-size: 24px;
      line-height: 1.25;
      font-weight: 800
    }.reference-content .cr-steps-title:before{
      content: "";
      position: absolute;
      top: .08em;
      bottom: .08em;
      left: 0;
      width: 5px;
      border-radius: 6px;
      background: var(--cr-blue)
    }.reference-content .cr-steps-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 36px
    }.reference-content .cr-step{
      position: relative;
      min-height: 160px;
      padding: 22px 24px;
      border: 2px solid transparent;
      border-radius: 12px;
      background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, #5f9ff1 0%, #95d8f4 100%) border-box;
      box-shadow: none;
      overflow: visible
    }.reference-content .cr-step:nth-child(2){
      background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, #48bbc3 0%, #9ae2d9 100%) border-box
    }.reference-content .cr-step:nth-child(3){
      background:
        linear-gradient(#fff, #fff) padding-box,
        linear-gradient(135deg, #ff9b30 0%, #ffd09a 100%) border-box
    }.reference-content .cr-step-heading{
      display: flex;
      align-items: center;
      gap: 16px
    }.reference-content .cr-step-number{
      color: var(--cr-blue);
      font-size: 34px;
      line-height: 1;
      font-weight: 800
    }.reference-content .cr-step:nth-child(2) .cr-step-number{
      color: #16a7a2
    }.reference-content .cr-step:nth-child(3) .cr-step-number{
      color: #f08b12
    }.reference-content .cr-step-heading h3{
      margin: 0;
      color: #1c2430;
      font-size: 18px;
      font-weight: 800
    }.reference-content .cr-step-content{
      display: grid;
      grid-template-columns: 76px minmax(0, 1fr);
      align-items: center;
      gap: 14px;
      margin-top: 14px
    }.reference-content .cr-step-content img{
      width: 76px;
      height: 76px;
      object-fit: contain
    }.reference-content .cr-step-content ul{
      margin: 0;
      padding-left: 18px;
      color: #5d6c84;
      font-size: 13px;
      line-height: 1.8
    }.reference-content .cr-step-content li::marker{
      color: var(--cr-blue)
    }.reference-content .cr-step:nth-child(2) .cr-step-content li::marker{
      color: #16a7a2
    }.reference-content .cr-step:nth-child(3) .cr-step-content li::marker{
      color: #f08b12
    }.reference-content .cr-step:not(:last-child):after{
      content: "";
      position: absolute;
      top: calc(50% - 11px);
      right: -29px;
      z-index: 2;
      width: 24px;
      height: 22px;
      background: #2f81dd;
      clip-path: polygon(0 42%, 60% 42%, 60% 0, 100% 50%, 60% 100%, 60% 58%, 0 58%)
    }.reference-content .cr-rule-head{
      padding: 18px 0;
      background: linear-gradient(90deg, #064494, #0786e7);
      color: #fff
    }.reference-content .cr-rule-head .cr-container{
      display: flex;
      align-items: center;
      justify-content: space-between
    }.reference-content .cr-rule-head h2{
      margin: 0;
      font-size: 27px
    }.reference-content .cr-rule-head span{
      color: #c9e9ff
    }.reference-content .cr-rule{
      padding: 6px
    }.reference-content .cr-rule-grid{
      display: grid;
      grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
      gap: 28px;
      align-items: start
    }.reference-content .cr-rule-intro{
      margin-bottom: 14px
    }.reference-content .cr-feed-intro{
      margin-top: 42px
    }.reference-content .cr-hardness-title{
      margin: 0;
      color: var(--cr-blue);
      font-size: 18px;
      font-weight: 800
    }.reference-content .cr-hardness-description{
      margin: 6px 0 14px;
      color: var(--cr-muted);
      font-size: 13px;
      line-height: 1.65
    }.reference-content .cr-hardness-panel img{
      width: 100%;
      max-height: 390px;
      object-fit: contain
    }.reference-content .cr-recommend-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px
    }.reference-content .cr-recommend-card{
      display: flex;
      min-height: 290px;
      flex-direction: column;
      overflow: hidden;
      border: 1px solid #a4c7f3;
      border-radius: 10px;
      background: #fff
    }.reference-content .cr-recommend-card > h3{
      min-height: 43px;
      margin: 0;
      padding: 12px 8px 7px;
      color: #1a58b5;
      font-size: 14px;
      line-height: 1.45;
      text-align: center
    }.reference-content .cr-recommend-card figure{
      height: 102px;
      margin: 0;
      padding: 0 10px
    }.reference-content .cr-recommend-card figure img{
      width: 100%;
      height: 100%;
      object-fit: contain
    }.reference-content .cr-recommend-card h4{
      margin: 6px 8px 8px;
      color: #1760c2;
      font-size: 14px;
      line-height: 1.45;
      text-align: center
    }.reference-content .cr-recommend-reason{
      flex: 1;
      padding: 0 12px 10px;
      color: #5b6d86;
      font-size: 12px;
      line-height: 1.65
    }.reference-content .cr-recommend-reason b{
      display: block;
      margin-bottom: 3px;
      color: #31557f
    }.reference-content .cr-recommend-reason ul{
      margin: 0;
      padding-left: 17px
    }.reference-content .cr-recommend-advice{
      margin: 0 10px;
      padding: 5px 8px;
      border-radius: 6px;
      background: #095bd5;
      color: #fff;
      font-size: 12px;
      font-weight: 700;
      text-align: center
    }.reference-content .cr-recommend-note{
      margin: 5px 8px 10px;
      color: #596b86;
      font-size: 11px;
      line-height: 1.35;
      text-align: center
    }.reference-content .cr-feed-selection{
      padding: 24px
    }.reference-content .cr-feed-selection-layout{
      display: grid;
      grid-template-columns: minmax(0, .92fr) minmax(0, 1.28fr);
      gap: 24px;
      align-items: center
    }.reference-content .cr-feed-stages{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 15px
    }.reference-content .cr-feed-stage{
      position: relative;
      min-width: 0;
      padding: 12px;
      border: 1px solid #b6cff0;
      border-radius: 9px;
      background: #fff;
      text-align: center
    }.reference-content .cr-feed-stage:not(:last-child):after{
      content: "";
      position: absolute;
      top: calc(50% - 11px);
      right: -20px;
      z-index: 2;
      width: 18px;
      height: 22px;
      background: #2580de;
      clip-path: polygon(0 42%, 58% 42%, 58% 0, 100% 50%, 58% 100%, 58% 58%, 0 58%)
    }.reference-content .cr-feed-stage strong{
      display: block;
      margin-bottom: 9px;
      color: #1760c2;
      font-size: 14px
    }.reference-content .cr-feed-stage figure{
      height: 94px;
      margin: 0 0 8px;
      overflow: hidden;
      border-radius: 5px;
      background: #edf4fd
    }.reference-content .cr-feed-stage figure img{
      width: 100%;
      height: 100%;
      object-fit: cover
    }.reference-content .cr-feed-stage span{
      display: block;
      color: #536986;
      font-size: 12px
    }.reference-content .cr-feed-table-wrap{
      overflow-x: auto;
      border: 1px solid #c7d9f1;
      border-radius: 9px
    }.reference-content .cr-feed-table{
      width: 100%;
      min-width: 560px;
      table-layout: fixed;
      border-collapse: collapse;
      background: #fff;
      font-size: 12px
    }.reference-content .cr-feed-table th,.reference-content .cr-feed-table td{
      padding: 10px;
      border: 1px solid #dbe6f3;
      line-height: 1.55;
      text-align: center;
      vertical-align: middle
    }.reference-content .cr-feed-table th{
      border-color: #1651aa;
      background: #1759bf;
      color: #fff;
      font-weight: 700
    }.reference-content .cr-feed-table td{
      color: #4e617b
    }.reference-content .cr-feed-table td:first-child{
      color: #304d76;
      font-weight: 700
    }.reference-content .cr-feed-table th:nth-child(1){ width: 22% }.reference-content .cr-feed-table th:nth-child(2){ width: 32% }.reference-content .cr-feed-table th:nth-child(3){ width: 46% }.reference-content .cr-risk-intro{
      margin-top: 42px
    }.reference-content .cr-risk-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 22px
    }.reference-content .cr-risk-card{
      min-width: 0;
      padding: 18px;
      border: 1px solid #c6dcf8;
      border-radius: 14px;
      background: #fff;
      box-shadow: 0 8px 20px rgba(25, 82, 166, .05)
    }.reference-content .cr-risk-card-head{
      display: flex;
      align-items: center;
      gap: 11px;
      margin-bottom: 13px
    }.reference-content .cr-risk-icon{
      display: grid;
      width: 38px;
      height: 38px;
      flex: 0 0 38px;
      place-items: center;
      border-radius: 10px;
      background: #edf5ff;
      color: #1261d0
    }.reference-content .cr-risk-icon svg{
      width: 25px;
      height: 25px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round
    }.reference-content .cr-risk-card h4{
      margin: 0;
      color: #253853;
      font-size: 17px
    }.reference-content .cr-risk-card-body{
      display: grid;
      grid-template-columns: 126px minmax(0, 1fr);
      gap: 14px;
      align-items: start
    }.reference-content .cr-risk-card figure{
      margin: 0;
      overflow: hidden;
      border-radius: 7px;
      background: #edf4fd
    }.reference-content .cr-risk-card figure img{
      width: 100%;
      height: 100%;
      object-fit: cover
    }.reference-content .cr-risk-card ul{
      margin: 0;
      padding-left: 17px;
      color: #566b87;
      font-size: 13px;
      line-height: 1.72
    }.reference-content .cr-capacity-intro{
      margin-top: 42px
    }.reference-content .cr-capacity-flow{
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 32px
    }.reference-content .cr-capacity-stage{
      position: relative;
      min-width: 0;
      overflow: visible;
      padding: 14px 14px 12px;
      border: 1px solid #9dbff0;
      border-radius: 12px;
      background: #fff;
      text-align: center;
      box-shadow: 0 8px 20px rgba(25, 82, 166, .05)
    }.reference-content .cr-capacity-stage:not(:last-child):after{
      position: absolute;
      z-index: 2;
      top: calc(50% - 13px);
      right: -25px;
      width: 22px;
      height: 26px;
      background: #2777d5;
      clip-path: polygon(0 24%, 55% 24%, 55% 0, 100% 50%, 55% 100%, 55% 76%, 0 76%);
      content: ""
    }.reference-content .cr-capacity-stage-head{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 8px;
      color: #1562cc
    }.reference-content .cr-capacity-stage-head strong{
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-size: 16px
    }.reference-content .cr-capacity-stage-head svg{
      width: 25px;
      height: 25px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round
    }.reference-content .cr-capacity-tag{
      padding: 3px 8px;
      border-radius: 5px;
      background: #e9f1ff;
      color: #4d75b5;
      font-size: 12px;
      white-space: nowrap
    }.reference-content .cr-capacity-stage figure{
      height: 92px;
      margin: 7px 0;
      overflow: hidden
    }.reference-content .cr-capacity-stage figure img{
      width: 100%;
      height: 100%;
      object-fit: contain
    }.reference-content .cr-capacity-stage h4{
      margin: 0;
      color: #075bc8;
      font-size: 15px;
      line-height: 1.4
    }.reference-content .cr-capacity-stage p{
      margin: 11px -14px -12px;
      padding: 8px 10px;
      border: 1px solid #c7dbf6;
      border-radius: 9px;
      color: #506781;
      font-size: 13px
    }.reference-content .cr-capacity-reference{
      display: grid;
      grid-template-columns: auto minmax(0, 1fr);
      align-items: center;
      gap: 17px;
      margin-top: 18px;
      color: #1b58bb;
      font-size: 13px
    }.reference-content .cr-capacity-scale{
      position: relative;
      display: flex;
      justify-content: space-between;
      padding-top: 12px
    }.reference-content .cr-capacity-scale:before{
      position: absolute;
      top: 3px;
      right: 3px;
      left: 0;
      height: 4px;
      border-radius: 99px;
      background: #1760cf;
      content: ""
    }.reference-content .cr-capacity-scale:after{
      position: absolute;
      top: -5px;
      right: 0;
      width: 24px;
      height: 20px;
      background: #1760cf;
      clip-path: polygon(0 40%, 58% 40%, 58% 0, 100% 50%, 58% 100%, 58% 60%, 0 60%);
      content: ""
    }.reference-content .cr-cheatsheet-intro{
      margin-top: 42px
    }.reference-content .cr-cheatsheet-grid{
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      gap: 9px
    }.reference-content .cr-cheatsheet-item{
      min-width: 0;
      min-height: 155px;
      padding: 15px 13px;
      border: 1px solid #c6dcf8;
      border-radius: 10px;
      background: #fff
    }.reference-content .cr-cheatsheet-top{
      display: flex;
      align-items: flex-start;
      gap: 9px
    }.reference-content .cr-cheatsheet-number{
      flex: 0 0 auto;
      color: #0f5fd0;
      font-size: 27px;
      font-weight: 800;
      line-height: 1
    }.reference-content .cr-cheatsheet-item h4{
      margin: 0;
      color: #185ab9;
      font-size: 14px;
      line-height: 1.3
    }.reference-content .cr-cheatsheet-bottom{
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 8px;
      align-items: center;
      margin-top: 14px
    }.reference-content .cr-cheatsheet-icon{
      display: grid;
      width: 42px;
      height: 42px;
      place-items: center;
      color: #1162d1
    }.reference-content .cr-cheatsheet-icon svg{
      width: 38px;
      height: 38px;
      fill: none;
      stroke: currentColor;
      stroke-width: 1.8;
      stroke-linecap: round;
      stroke-linejoin: round
    }.reference-content .cr-cheatsheet-item p{
      margin: 0;
      color: #697990;
      font-size: 12px;
      line-height: 1.65
    }.reference-content .cr-capacity-note{
      display: flex;
      justify-content: space-around;
      gap: 16px;
      margin: 14px 0 0;
      padding: 11px 16px;
      border: 1px solid #d4e2f5;
      border-radius: 9px;
      background: #fff;
      color: #64758d;
      font-size: 13px
    }.reference-content .cr-risk-advice{
      margin: 10px 0 3px;
      color: #1261d0;
      font-size: 13px;
      font-weight: 700
    }.reference-content .cr-properties{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px
    }.reference-content .cr-property-image,.reference-content .cr-flow-image{
      padding: 18px
    }.reference-content .cr-property-image img,.reference-content .cr-flow-image img{
      width: 100%;
      max-height: 330px;
      object-fit: cover;
      object-position: center
    }.reference-content .cr-property-cards{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px
    }.reference-content .cr-property{
      padding: 19px
    }.reference-content .cr-property h3{
      margin: 0;
      color: var(--cr-navy);
      font-size: 17px
    }.reference-content .cr-property p{
      margin: 5px 0 0;
      color: var(--cr-muted);
      font-size: 13px
    }.reference-content .cr-service-grid{
      display: grid;
      grid-template-columns: repeat(6, 1fr);
      gap: 13px;
      margin-top: 23px
    }.reference-content .cr-service{
      padding: 17px 10px;
      text-align: center
    }.reference-content .cr-service svg{
      width: 32px;
      height: 32px;
      color: var(--cr-blue)
    }.reference-content .cr-service strong{
      display: block;
      margin-top: 5px;
      color: var(--cr-navy);
      font-size: 13px
    }.reference-content .cr-service span{
      color: var(--cr-muted);
      font-size: 11px
    }.reference-content .cr-material-layout{
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 24px
    }.reference-content .cr-material-samples{
      padding: 18px
    }.reference-content .cr-material-samples img{
      width: 100%;
      max-height: 300px;
      object-fit: cover;
      object-position: center
    }.reference-content .cr-application{
      padding: 23px
    }.reference-content .cr-application h3{
      margin: 0 0 12px;
      color: var(--cr-navy)
    }.reference-content .cr-chip-list{
      display: flex;
      flex-wrap: wrap;
      gap: 9px
    }.reference-content .cr-chip{
      padding: 8px 13px;
      border-radius: 20px;
      background: #edf5ff;
      color: #28598f;
      font-size: 13px
    }.reference-content .cr-principle-grid{
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 18px;
      margin-top: 24px
    }.reference-content .cr-principle-card{
      padding: 22px 14px 18px;
      border: 1.5px solid #79aaff;
      border-radius: 24px;
      background: #fff;
      text-align: center
    }.reference-content .cr-principle-card h3{
      margin: 0;
      color: #075bde;
      font-size: 24px;
      font-weight: 800
    }.reference-content .cr-principle-steps{
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      column-gap: 16px;
      row-gap: 8px;
      margin: 0;
      padding: 0;
      list-style: none;
      color: #1d2b3f;
      font-size: 14px;
      line-height: 1.7;
      text-align: left
    }.reference-content .cr-principle-steps li{
      padding-left: 22px;
      position: relative;
      font-size: 12px;
    }.reference-content .cr-principle-steps li:nth-child(3){
      grid-column: 1 / -1;
      width: 100%;
      max-width: 32rem;
      justify-self: center
    }.reference-content .cr-principle-steps li:before{
      position: absolute;
      left: 0;
      color: var(--cr-blue);
      font-weight: 800
    }.reference-content .cr-principle-steps li:nth-child(1):before{ content: "1." }.reference-content .cr-principle-steps li:nth-child(2):before{ content: "2." }.reference-content .cr-principle-steps li:nth-child(3):before{ content: "3." }.reference-content .cr-green-grid{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 16px;
      margin-top: 23px
    }.reference-content .cr-green{
      padding: 22px;
      text-align: center
    }.reference-content .cr-green svg{
      width: 39px;
      height: 39px;
      color: #129667
    }.reference-content .cr-green strong{
      display: block;
      margin-top: 7px;
      color: var(--cr-navy)
    }.reference-content .cr-green span{
      color: var(--cr-muted);
      font-size: 12px
    }.reference-content .cr-warning-grid{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
      margin-top: 22px
    }.reference-content .cr-warning{
      padding: 18px;
      border-top: 4px solid var(--cr-red)
    }.reference-content .cr-warning h3{
      margin: 0;
      color: #b32934;
      font-size: 15px
    }.reference-content .cr-warning p{
      margin: 5px 0 0;
      color: var(--cr-muted);
      font-size: 12px
    }.reference-content .cr-support{
      padding: 62px 0;
      background: #f0f7ff
    }.reference-content .cr-support-grid{
      display: grid;
      grid-template-columns: repeat(7, 1fr);
      gap: 13px
    }.reference-content .cr-support-item{
      padding: 17px 10px;
      text-align: center
    }.reference-content .cr-support-item b{
      display: grid;
      width: 40px;
      height: 40px;
      margin: 0 auto 8px;
      place-items: center;
      border-radius: 50%;
      background: var(--cr-blue);
      color: #fff
    }.reference-content .cr-support-item strong{
      display: block;
      color: var(--cr-navy);
      font-size: 13px
    }.reference-content .cr-support-item small{
      color: var(--cr-muted)
    }.reference-content .cr-test-layout{
      display: grid;
      grid-template-columns: 1.1fr .9fr;
      gap: 24px
    }.reference-content .cr-test-image{
      padding: 16px
    }.reference-content .cr-test-image img{
      width: 100%;
      height: 100%;
      min-height: 390px;
      object-fit: cover;
      object-position: center
    }.reference-content .cr-form{
      padding: 25px
    }.reference-content .cr-form h3{
      margin: 0 0 17px;
      color: var(--cr-navy);
      font-size: 22px
    }.reference-content .cr-field{
      margin-bottom: 13px
    }.reference-content .cr-field label{
      display: block;
      margin-bottom: 5px;
      color: #35465d;
      font-size: 13px;
      font-weight: 700
    }.reference-content .cr-field input,.reference-content .cr-field textarea,.reference-content .cr-field select{
      width: 100%;
      padding: 11px 13px;
      border: 1px solid #dce5f1;
      border-radius: 7px;
      color: #273950;
      background: #fff;
      outline: none;
      font: inherit
    }.reference-content .cr-field input:focus,.reference-content .cr-field textarea:focus,.reference-content .cr-field select:focus{
      border-color: #6299e5;
      box-shadow: 0 0 0 3px rgba(39, 111, 222, .1)
    }.reference-content .cr-field textarea{
      min-height: 80px;
      resize: vertical
    }.reference-content .cr-form .cr-button{
      width: 100%
    }.reference-content .cr-form-msg{
      min-height: 23px;
      margin: 8px 0 0;
      color: #15803d;
      font-size: 13px
    }.reference-content .cr-advantages{
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 16px;
      margin-top: 30px
    }.reference-content .cr-adv{
      padding: 20px;
      text-align: center
    }.reference-content .cr-adv svg{
      width: 37px;
      height: 37px;
      color: var(--cr-blue)
    }.reference-content .cr-adv strong{
      display: block;
      margin-top: 7px;
      color: var(--cr-navy)
    }.reference-content .cr-adv span{
      color: var(--cr-muted);
      font-size: 12px
    }.reference-content .cr-faq{
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 23px
    }.reference-content .cr-faq-item{
      overflow: hidden
    }.reference-content .cr-faq-item button{
      width: 100%;
      display: flex;
      justify-content: space-between;
      gap: 18px;
      padding: 17px 19px;
      border: 0;
      background: #fff;
      color: #273b59;
      font: inherit;
      font-weight: 700;
      text-align: left;
      cursor: pointer
    }.reference-content .cr-faq-item button span{
      color: var(--cr-blue);
      font-size: 20px
    }.reference-content .cr-faq-answer{
      display: none;
      padding: 0 19px 18px;
      color: var(--cr-muted);
      font-size: 13px
    }.reference-content .cr-faq-item.is-open .cr-faq-answer{
      display: block
    }.reference-content .cr-clients{
      margin-top: 25px;
      padding: 17px
    }.reference-content .cr-clients img{
      width: 100%;
      max-height: 250px;
      object-fit: cover;
      object-position: center
    }.reference-content .cr-cta{
      padding: 45px 0;
      background: linear-gradient(100deg, #064596, #087fe5);
      color: #fff
    }.reference-content .cr-cta-inner{
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 30px
    }.reference-content .cr-cta h2{
      margin: 0;
      font-size: clamp(26px, 3vw, 39px)
    }.reference-content .cr-cta p{
      margin: 7px 0 0;
      color: #dcecff
    }.reference-content .cr-cta .cr-button{
      background: #fff;
      color: var(--cr-blue) !important;
      white-space: nowrap
    }.reference-content .clients-marquee-group{
      display: grid;
      grid-template-columns: repeat(6, minmax(0, 1fr));
      align-items: stretch;
      gap: 0;
      margin-top: 38px;
      padding: 0;
      overflow: hidden;
      border: 1px solid var(--pm-line);
      border-radius: 8px;
      background: #fff;
    }.reference-content .clients-marquee-group img{
      display: block;
      flex: none;
      width: 100%;
      height: 74px;
      padding: 10px;
      border-right: 1px solid var(--pm-line);
      border-bottom: 1px solid var(--pm-line);
      background: #fff;
      object-fit: contain;
      filter: none;
      opacity: 1;
      transition: none;
    }




    @media(max-width:1240px) {.reference-content #top{background-size: 140% auto;}
    }

    @media(max-width:1100px) {.reference-content #top{background-size: 180% auto;}.reference-content .cr-factor-grid{
        grid-template-columns: repeat(3, 1fr)
      }.reference-content .cr-factor:nth-child(3){
        border-right: 0
      }.reference-content .cr-model-grid{
        grid-template-columns: repeat(3, 1fr)
      }.reference-content .cr-service-grid{
        grid-template-columns: repeat(3, 1fr)
      }.reference-content .cr-support-grid{
        grid-template-columns: repeat(4, 1fr)
      }.reference-content .cr-advantages{
        grid-template-columns: repeat(3, 1fr)
      }.reference-content .clients-marquee-group{
        grid-template-columns: repeat(3, minmax(0, 1fr));
      }

    }

    @media(max-width:990px) {.reference-content .cr-rule-grid{grid-template-columns: 1fr;}.reference-content .cr-hardness-panel img{max-height:none;}.reference-content .cr-feed-selection-layout{grid-template-columns: 1fr;}.reference-content .cr-risk-card-body{grid-template-columns: 1fr;}.reference-content .cr-capacity-flow{grid-template-columns: 1fr 1fr;}.reference-content .cr-cheatsheet-grid{grid-template-columns: repeat(3, minmax(0, 1fr));}.reference-content .cr-cheatsheet-item{min-height:auto;}.reference-content .cr-principle-grid,.reference-content .cr-principle-steps{grid-template-columns: 1fr;}.reference-content .cr-principle-steps li:nth-child(3){max-width:none}
    }


    @media(max-width:768px) {.reference-content #top{background-size: 220% auto;}.reference-content .cr-container{
        width: 94%
      }.reference-content .cr-section{
        padding: 48px 0
      }.reference-content .cr-hero,.reference-content .cr-hero-inner{
        min-height: auto
      }.reference-content .cr-hero-inner{
        grid-template-columns: 1fr
      }.reference-content .cr-hero-copy{
        padding: 46px 0 8px;
        text-align: center
      }.reference-content .cr-hero h1{
        font-size: 39px
      }.reference-content .cr-hero-sub{
        margin-left: auto;
        margin-right: auto;
        font-size: 13px;
      }.reference-content .cr-hero-points{
        margin: auto;
        text-align: left
      }.reference-content .cr-hero-visual{
        padding: 10px 0 30px
      }.reference-content .cr-hero-visual img{
        max-height: 280px
      }.reference-content .crusher-topic{font-size: 13px;}.reference-content .cr-factors{
        margin-top: 0
      }.reference-content .cr-model-grid{
        grid-template-columns: 1fr 1fr
      }.reference-content .cr-risk-card figure img{max-height: 240px;}.reference-content .cr-model figure{
        height: 220px
      }.reference-content .cr-steps-grid{
        grid-template-columns: 1fr
      }.reference-content .cr-step:after{
        display: none
      }.reference-content .cr-rule-head .cr-container{
        display: block
      }.reference-content .cr-rule-grid,.reference-content .cr-properties,.reference-content .cr-material-layout,.reference-content .cr-test-layout{
        grid-template-columns: 1fr
      }.reference-content .cr-recommend-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }.reference-content .cr-feed-selection-layout{
        grid-template-columns: 1fr
      }.reference-content .cr-risk-grid{
        grid-template-columns: 1fr
      }.reference-content .cr-capacity-flow{
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 26px
      }.reference-content .cr-capacity-stage:nth-child(2):after{
        display: none
      }.reference-content .cr-capacity-reference{
        grid-template-columns: 1fr
      }.reference-content .cr-cheatsheet-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr))
      }.reference-content .cr-principle-grid,.reference-content .cr-green-grid,.reference-content .cr-warning-grid{
        grid-template-columns: 1fr 1fr
      }.reference-content .cr-property-cards{
        grid-template-columns: 1fr
      }.reference-content .cr-service-grid{
        grid-template-columns: 1fr 1fr
      }.reference-content .cr-support-grid{
        grid-template-columns: 1fr 1fr
      }.reference-content .cr-advantages{
        grid-template-columns: 1fr 1fr
      }.reference-content .cr-faq{
        grid-template-columns: 1fr
      }.reference-content .cr-clients{
        overflow-x: auto
      }.reference-content .cr-clients img{
        width: 900px;
        max-width: none
      }.reference-content .cr-cta-inner{
        display: grid;
        text-align: center
      }.reference-content .cr-cta .cr-button{
        justify-self: center
      }.reference-content .cr-capacity-note{
        display: grid;
        justify-content: start
      }
    }
    @media(max-width:580px) {.reference-content .cr-principle-grid{grid-template-columns: 1fr}.reference-content .cr-factor-grid{grid-template-columns: 1fr 1fr;}.reference-content .cr-factor:nth-child(3){border-right: 1px solid var(--cr-line);}.reference-content .cr-model-grid{grid-template-columns: 1fr}
    }

    @media(max-width:480px) {.reference-content .cr-recommend-grid{
        grid-template-columns: 1fr
      }.reference-content .cr-feed-stages{
        grid-template-columns: 1fr
      }.reference-content .cr-capacity-flow{
        grid-template-columns: 1fr
      }.reference-content .cr-capacity-stage:after{
        display: none
      }.reference-content .cr-cheatsheet-grid{
        grid-template-columns: 1fr
      }.reference-content .cr-feed-stage:after{
        display: none
      }.reference-content .cr-hero h1{
        font-size: 33px
      }.reference-content .cr-hero-points{
        grid-template-columns: 1fr
      }.reference-content .cr-green-grid,.reference-content .cr-warning-grid,.reference-content .cr-service-grid,.reference-content .cr-support-grid,.reference-content .cr-advantages{
        grid-template-columns: 1fr
      }.reference-content .cr-button{
        width: 100%
      }.reference-content .clients-marquee-group{
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }