.reference-content .menu-toggle span{background-color: #232527;}.reference-content .breadcrumb{display: none;}.reference-content .lab-mill-topic{
        --lb-blue: #075bd5;
        --lb-cyan: #16a6ea;
        --lb-deep: #063676;
        --lb-navy: #032451;
        --lb-ink: #162b45;
        --lb-muted: #66778c;
        --lb-line: #dce7f2;
        --lb-soft: #f3f8fe;
        --lb-white: #fff;
        --lb-shadow: 0 12px 34px rgba(16, 63, 116, 0.09);
      }.reference-content .lab-mill-topic{
        overflow: hidden;
        background: #fff;
        color: var(--lb-ink);
        font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
        font-size: 13px;
        line-height: 1.7;
        margin-top: 80px;
      }.reference-content .lab-mill-topic,.reference-content .lab-mill-topic *{
        box-sizing: border-box;
      }.reference-content .lab-mill-topic img{
        display: block;
        max-width: 100%;
      }.reference-content .lb-container{
        width: min(1450px, calc(100% - 48px));
        margin: 0 auto;
      }.reference-content .lb-section{
        padding: 70px 0;
      }.reference-content .lb-soft{
        background: var(--lb-soft);
      }.reference-content .lb-card{
        background: #fff;
        border: 1px solid var(--lb-line);
        border-radius: 9px;
        box-shadow: 0 5px 20px rgba(24, 68, 116, 0.045);
      }.reference-content .lb-heading{
        margin-bottom: 29px;
      }.reference-content .lb-heading .lb-kicker{
        margin: 0 0 7px;
        color: var(--lb-blue);
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.14em;
      }.reference-content .lb-heading h2{
        margin: 0;
        color: var(--lb-deep);
        font-size: clamp(20px, 2.7vw, 34px);
        line-height: 1.28;
        font-weight: 850;
      }.reference-content .lb-heading h2:before{
        content: "";
        display: inline-block;
        width: 5px;
        height: 27px;
        margin-right: 12px;
        border-radius: 4px;
        background: linear-gradient(var(--lb-cyan), var(--lb-blue));
        vertical-align: -4px;
      }.reference-content .lb-heading p{
        max-width: 920px;
        margin: 9px 0 0;
        color: var(--lb-muted);
      }.reference-content .lb-btn{
        display: inline-flex;
        min-height: 46px;
        padding: 0 25px;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--lb-blue);
        border-radius: 5px;
        background: linear-gradient(90deg, #0985e7, #0757c8);
        color: #fff !important;
        font: inherit;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
        transition: 0.2s;
      }.reference-content .lb-btn:hover{
        transform: translateY(-2px);
        box-shadow: 0 10px 24px rgba(7, 91, 213, 0.25);
      }.reference-content .lb-hero{
        position: relative;
        min-height: 490px;
        background:
          url("https://img0.tencanballmills.com/202610/reference/202607/selection-guide/experimental-ball-mill/img/bg.webp")
            center / cover no-repeat;
        color: #fff;
      }.reference-content .lb-hero:before{
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.22;
        background-image:
          linear-gradient(rgba(105, 203, 255, 0.19) 1px, transparent 1px),
          linear-gradient(90deg, rgba(105, 203, 255, 0.19) 1px, transparent 1px);
        background-size: 48px 48px;
        mask-image: linear-gradient(90deg, transparent, #000);
      }.reference-content .lb-hero-inner{
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1fr 1fr;
        min-height: 490px;
        align-items: center;
      }.reference-content .lb-hero-copy{
        padding: 60px 0;
      }.reference-content .lb-hero h1{
        margin: 8px 0 0;
        font-size: clamp(43px, 4.4vw, 60px);
        line-height: 1.08;
        font-weight: 900;
      }.reference-content .lb-hero-sub{
        margin: 8px 0 16px;
        color: #fff;
        font-size: 22px;
        font-weight: 700;
      }.reference-content .lb-hero-desc{
        max-width: 600px;
        margin: 0 0 24px;
        color: #cce4f7;
      }.reference-content .lb-actions{
        display: flex;
        gap: 12px;
      }.reference-content .lb-hero-visual{
        align-self: end;
        padding: 38px 0 36px;
      }.reference-content .lb-hero-visual img{
        width: 100%;
        object-fit: contain;
        filter: drop-shadow(0 22px 22px rgba(0, 0, 0, 0.28));
      }.reference-content .lb-hero-points{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 0;
        margin-top: 28px;
        border-top: 1px solid rgba(255, 255, 255, 0.19);
      }.reference-content .lb-hero-point{
        padding: 14px 7px 0;
        text-align: center;
      }.reference-content .lb-hero-point b{
        display: block;
        color: #fff;
        font-size: 17px;
      }.reference-content .lb-hero-point span{
        color: #cce6f8;
        font-size: 11px;
      }.reference-content .lb-principle-layout{
        display: grid;
        grid-template-columns: 0.55fr 1.45fr;
        gap: 25px;
        align-items: stretch;
      }.reference-content .lb-principle-copy{
        padding: 28px;
        background: linear-gradient(145deg, #064495, #087ed8);
        color: #fff;
      }.reference-content .lb-principle-copy h3{
        margin: 0;
        font-size: 24px;
      }.reference-content .lb-principle-copy p{
        margin: 11px 0 20px;
        color: #d7ebfb;
      }.reference-content .lb-principle-copy ul{
        margin: 0;
        padding: 0;
        list-style: none;
      }.reference-content .lb-principle-copy li{
        position: relative;
        padding: 7px 0 7px 20px;
        border-top: 1px solid rgba(255, 255, 255, 0.17);
        font-size: 13px;
      }.reference-content .lb-principle-copy li:before{
        content: "";
        position: absolute;
        left: 2px;
        top: 16px;
        width: 7px;
        height: 7px;
        border-radius: 50%;
        background: #61d2ff;
      }.reference-content .lb-motion-grid{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        align-items: start;
      }.reference-content .lb-motion{
        padding: 4px 0;
        text-align: center;
      }.reference-content .lb-motion figure{
        width: min(100%,190px);
        margin: 0 auto 8px;
      }.reference-content .lb-motion figure img{
        width: 100%;
        height: 100%;
        object-fit: contain;
      }.reference-content .lb-motion h3{
        margin: 0 0 3px;
        color: var(--lb-blue);
        font-size: 17px;
        line-height: 1.4;
        font-weight: 800;
      }.reference-content .lb-motion p{
        margin: 0;
        color: #4e5f73;
        font-size: 12px;
        line-height: 1.65;
      }.reference-content .lb-product-grid{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 17px;
      }.reference-content .lb-product{
        display: grid;
        grid-template-columns: 42% 1fr;
        align-items: start;
        min-height: 235px;
        overflow: hidden;
        transition: 0.2s;
      }.reference-content .lb-product:hover{
        transform: translateY(-4px);
        box-shadow: var(--lb-shadow);
      }.reference-content .lb-product figure{
        aspect-ratio: 1 / 1;
        height: auto;
        margin: 0;
        padding: 13px;
        background: linear-gradient(#fbfdff, #edf5fb);
      }.reference-content .lb-product figure img{
        width: 100%;
        height: 100%;
        border-radius: 8px;
      }.reference-content .lb-product-body{
        padding: 20px 18px;
      }.reference-content .lb-type{
        display: inline-block;
        padding: 2px 8px;
        background: #e9f4ff;
        color: var(--lb-blue);
        font-size: 10px;
        font-weight: 700;
      }.reference-content .lb-product h3{
        margin: 8px 0 5px;
        color: var(--lb-deep);
        font-size: 18px;
      }.reference-content .lb-product p{
        margin: 0;
        color: var(--lb-muted);
        font-size: 12px;
      }.reference-content .lb-spec{
        display: flex;
        justify-content: space-between;
        padding: 5px 0;
        border-top: 1px dashed #dce6ef;
        color: #586e83;
        font-size: 11px;
      }.reference-content .lb-product .lb-spec:first-of-type{
        margin-top: 10px;
      }.reference-content .lb-product a{
        display: inline-block;
        margin-top: 7px;
        color: var(--lb-blue);
        font-size: 12px;
        font-weight: 700;
        text-decoration: none;
      }.reference-content .lb-steps{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 38px;
      }.reference-content .lb-step{
        position: relative;
        padding: 24px 20px;
        min-height: 210px;
      }.reference-content .lb-step:not(:last-child):after{
        content: "›";
        position: absolute;
        right: -31px;
        top: 40%;
        color: var(--lb-blue);
        font-size: 42px;
        font-weight: 300;
      }.reference-content .lb-step-head{
        display: flex;
        align-items: center;
        gap: 11px;
      }.reference-content .lb-step-num{
        display: grid;
        width: 43px;
        height: 43px;
        place-items: center;
        border-radius: 50%;
        background: var(--lb-blue);
        color: #fff;
        font-size: 13px;
        font-weight: 800;
      }.reference-content .lb-step h3{
        margin: 0;
        color: var(--lb-deep);
        font-size: 17px;
      }.reference-content .lb-step ul{
        margin: 15px 0 0;
        padding: 0;
        list-style: none;
        color: var(--lb-muted);
        font-size: 12px;
      }.reference-content .lb-step li{
        padding: 3px 0;
      }.reference-content .lb-step li:before{
        content: "✓";
        margin-right: 7px;
        color: var(--lb-blue);
        font-weight: 800;
      }.reference-content .lb-material-grid{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
        gap: 20px;
      }.reference-content .lb-material{
        padding: 0;
        overflow: hidden;
        text-align: center;
      }.reference-content .lb-material-image{
        aspect-ratio: 4 / 3;
        overflow: hidden;
      }.reference-content .lb-material-image img{
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.35s ease;
      }.reference-content .lb-material:hover .lb-material-image img{
        transform: scale(1.05);
      }.reference-content .lb-material strong{
        display: block;
        padding: 14px 12px;
        color: var(--lb-deep);
        font-size: 15px;
        line-height: 1.45;
      }.reference-content .lb-app-grid{
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        gap: 12px;
      }.reference-content .lb-app{
        padding: 18px 8px;
        text-align: center;
        border-bottom: 3px solid var(--lb-blue);
      }.reference-content .lb-app-image,.reference-content .lb-jar-image,.reference-content .lb-ball-image{
        width: 64px;
        height: 64px;
        margin: 0 auto 8px;
      }.reference-content .lb-app-image img,.reference-content .lb-jar-image img,.reference-content .lb-ball-image img{
        display: block;
        width: 100%;
        height: 100%;
        object-fit: contain;
      }.reference-content .lb-app strong{
        display: block;
        margin-top: 0;
        color: var(--lb-deep);
        font-size: 12px;
      }.reference-content .lb-app span{
        color: var(--lb-muted);
        font-size: 10px;
      }.reference-content .lb-media-layout{
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 22px;
      }.reference-content .lb-media-box{
        padding: 25px;
      }.reference-content .lb-media-box h3{
        margin: 0 0 17px;
        color: var(--lb-deep);
        font-size: 20px;
      }.reference-content .lb-jar-row,.reference-content .lb-ball-row{
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 10px;
      }.reference-content .lb-jar-item,.reference-content .lb-ball-item{
        text-align: center;
      }.reference-content .lb-jar-item span,.reference-content .lb-ball-item span{
        color: #53687d;
        font-size: 10px;
      }.reference-content .lb-media-note{
        margin-top: 18px;
        padding: 13px;
        border-left: 3px solid var(--lb-blue);
        background: #eef6ff;
        color: #456179;
        font-size: 12px;
      }.reference-content .lb-table-wrap{
        overflow-x: auto;
        border: 0;
        border-radius: 0;
      }.reference-content .lb-table{
        width: 100%;
        min-width: 1200px;
        border-collapse: collapse;
        background: #f5f5f5;
        color: #111;
        font-size: 12px;
      }.reference-content .lb-table th{
        padding: 13px 10px;
        border: 1px solid #102d6d;
        background: #2857ad;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.35;
        text-align: center;
        white-space: nowrap;
      }.reference-content .lb-table td{
        padding: 13px 12px;
        border: 1px solid #fff;
        color: #111;
        line-height: 1.65;
        text-align: center;
        vertical-align: middle;
      }.reference-content .lb-table tbody tr:nth-child(odd){
        background: #f5f5f5;
      }.reference-content .lb-table tbody tr:nth-child(even){
        background: #dce6f8;
      }.reference-content .lb-table td:first-child{
        color: #111;
        font-weight: 700;
        white-space: nowrap;
      }


      @media (max-width: 1100px) {.reference-content .lb-motion-grid{
          grid-template-columns: 1fr 1fr;
        }.reference-content .lb-app-grid{
          grid-template-columns: repeat(4, 1fr);
        }.reference-content .lb-media-layout{
          grid-template-columns: 1fr;
        }
      }
      @media (max-width: 768px) {.reference-content .lb-container{
          width: 94%;
        }.reference-content .lb-section{
          padding: 50px 0;
        }.reference-content .lb-hero,.reference-content .lb-hero-inner{
          min-height: auto;
        }.reference-content .lb-hero-inner{
          grid-template-columns: 1fr;
        }.reference-content .lb-hero-copy{
          padding: 49px 0 5px;
          text-align: center;
        }.reference-content .lb-hero h1{
          font-size: 41px;
        }.reference-content .lb-hero-desc{
          margin-left: auto;
          margin-right: auto;
        }.reference-content .lb-actions{
          justify-content: center;
        }.reference-content .lb-hero-visual{
          padding: 18px 0 35px;
        }.reference-content .lb-hero-visual img{
          max-height: 260px;
        }.reference-content .lb-principle-layout{
          grid-template-columns: 1fr;
        }.reference-content .lb-product-grid{
          grid-template-columns: 1fr;
        }.reference-content .lb-product{
          grid-template-columns: 40% 1fr;
        }.reference-content .lb-steps{
          grid-template-columns: 1fr;
          gap: 14px;
        }.reference-content .lb-step{
          min-height: auto;
        }.reference-content .lb-step:after{
          display: none;
        }.reference-content .lb-app-grid{
          grid-template-columns: repeat(2, 1fr);
        }.reference-content .lb-jar-row,.reference-content .lb-ball-row{
          grid-template-columns: repeat(4, 1fr);
        }
      }
      @media (max-width: 480px) {.reference-content .lb-hero h1{
          font-size: 34px;
        }.reference-content .lb-actions{
          display: grid;
        }.reference-content .lb-btn{
          width: 100%;
        }.reference-content .lb-hero-points{
          grid-template-columns: 1fr 1fr;
        }.reference-content .lb-motion-grid,.reference-content .lb-app-grid{
          grid-template-columns: 1fr;
        }.reference-content .lb-product{
          grid-template-columns: 1fr;
        }.reference-content .lb-jar-row,.reference-content .lb-ball-row{
          grid-template-columns: repeat(3, 1fr);
        }.reference-content .lb-hero-sub{
          font-size: 15px;
        }
      }