.reference-content{
        --st-blue: #075bd8;
        --st-deep: #073b8d;
        --st-ink: #17243c;
        --st-muted: #66758e;
        --st-line: #e2eaf5;
        --st-white: #fff;
        --st-panel-border: #dbe6f7;
      }.reference-content .breadcrumb{
        display: none;
      }.reference-content *{
        box-sizing: border-box;
      }.reference-content{
        scroll-behavior: smooth;
      }.reference-content{
        margin: 0;
        background: var(--st-white);
        color: var(--st-ink);
        font-family: "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
      }.reference-content .stir-topic{
        overflow: hidden;
        font-size: 15px;
        line-height: 1.7;
      }.reference-content .stir-topic img{
        display: block;
        max-width: 100%;
      }.reference-content .st-container{
        width: min(1450px, calc(100% - 48px));
        margin: 0 auto;
      }.reference-content .st-section{
        padding: 68px 0;
      }.reference-content .st-section.st-soft{
        background: #f8fbff;
      }.reference-content .st-heading{
        margin-bottom: 28px;
      }.reference-content .st-heading h2{
        margin: 0;
        color: var(--st-deep);
        font-size: clamp(25px, 2.5vw, 34px);
        line-height: 1.25;
        font-weight: 800;
      }.reference-content .st-heading p{
        margin: 9px 0 0;
        color: var(--st-muted);
      }.reference-content .st-card{
        background: var(--st-white);
        border: 1px solid var(--st-line);
        border-radius: 12px;
        box-shadow: 0 5px 20px rgba(28, 68, 129, 0.045);
      }.reference-content .st-hero{
        position: relative;
        min-height: 430px;
        display: flex;
        align-items: center;
        background-image: url("https://img0.tencanballmills.com/202610/reference/202607/selection-guide/stirring-ball-mill/img/bg.webp");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      }.reference-content .st-hero:after{
        content: "";
        position: absolute;
        inset: 0;
        opacity: 0.35;
        background-image:
          linear-gradient(rgba(14, 100, 205, 0.08) 1px, transparent 1px),
          linear-gradient(90deg, rgba(14, 100, 205, 0.08) 1px, transparent 1px);
        background-size: 48px 48px;
        mask-image: linear-gradient(90deg, transparent, #000);
      }.reference-content .st-hero-inner{
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1.1fr 0.9fr;
        align-items: center;
        min-height: 430px;
      }.reference-content .st-hero-copy{
        padding: 55px 0;
      }.reference-content .st-eyebrow{
        margin: 0 0 9px;
        color: var(--st-blue);
        font-size: 14px;
        font-weight: 800;
        letter-spacing: 0.14em;
      }.reference-content .st-hero h1{
        margin: 0;
        color: #06469d;
        font-size: clamp(40px, 4.4vw, 60px);
        line-height: 1.12;
        font-weight: 900;
      }.reference-content .st-hero-sub{
        margin: 15px 0 24px;
        color: #314e73;
        font-size: 18px;
        max-width: 570px;
      }.reference-content .st-hero-tags{
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
      }.reference-content .st-hero-tags span{
        padding: 7px 14px;
        border: 1px solid rgba(6, 85, 203, 0.16);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.82);
        color: #26507f;
        font-size: 13px;
      }.reference-content .st-hero-visual{
        align-self: center;
      }.reference-content .st-hero-visual img{
        width: 100%;
        max-height: 365px;
        object-fit: contain;
        mix-blend-mode: multiply;
      }.reference-content .st-quick{
        position: relative;
        z-index: 2;
        margin-top: -24px;
      }.reference-content .st-quick-grid{
        display: grid;
        grid-template-columns: 1.05fr repeat(5, minmax(0, 1fr));
        align-items: center;
        min-height: 200px;
        padding: 24px 8px;
      }.reference-content .st-quick-title{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-self: stretch;
        padding: 0 28px 0 18px;
        border-right: 1px solid #e7edf6;
      }.reference-content .st-quick-title strong{
        color: #063f9c;
        font-size: 24px;
        line-height: 1.25;
        font-weight: 800;
        letter-spacing: 0.02em;
      }.reference-content .st-quick-title-rule{
        display: block;
        width: 66px;
        height: 5px;
        margin-top: 18px;
        border-radius: 999px;
        background: linear-gradient(90deg, #075bd8 0 52%, #aac9ff 52% 100%);
      }.reference-content .st-quick-factor{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        align-self: stretch;
        min-width: 0;
        min-height: 118px;
        padding: 0 15px;
        text-align: center;
        border-right: 1px solid #e7edf6;
      }.reference-content .st-quick-factor:last-child{
        border-right: 0;
      }.reference-content .st-quick-icon{
        display: grid;
        width: 55px;
        height: 55px;
        margin-bottom: 7px;
        place-items: center;
        color: #075bd8;
      }.reference-content .st-quick-icon svg{
        display: block;
        width: 100%;
        height: 100%;
        overflow: visible;
      }.reference-content .st-quick-factor strong{
        display: block;
        color: #0751c5;
        font-size: 16px;
        line-height: 1.45;
        font-weight: 800;
      }.reference-content .st-quick-factor small{
        display: block;
        margin-top: 4px;
        color: #4f586a;
        font-size: 13px;
        line-height: 1.62;
      }.reference-content .st-model-grid{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
      }.reference-content .st-model{
        position: relative;
        overflow: hidden;
        border-color: #dce8f7;
        border-radius: 14px;
        box-shadow: 0 7px 24px rgba(28, 68, 129, 0.05);
      }.reference-content .st-model-no{
        position: absolute;
        z-index: 2;
        top: 14px;
        left: 14px;
        display: grid;
        width: 39px;
        height: 39px;
        place-items: center;
        border-radius: 5px;
        background: linear-gradient(135deg, #0a66e7, #034dbb);
        color: #fff;
        font-size: 16px;
        font-weight: 800;
        box-shadow: 0 5px 12px rgba(7, 91, 216, 0.22);
      }.reference-content .st-model figure{
        height: 242px;
        margin: 0;
        padding: 20px 26px 14px;
        background: #fff;
      }.reference-content .st-model figure img{
        width: 100%;
        height: 100%;
        object-fit: contain;
      }.reference-content .st-model-content{
        padding: 13px 14px 18px;
        border-top: 1px solid #e6edf7;
      }.reference-content .st-model-content h3{
        margin: 0 0 12px;
        color: #0751c5;
        font-size: 20px;
        line-height: 1.35;
        font-weight: 800;
        text-align: center;
      }.reference-content .st-model-spec{
        display: block;
        margin: -6px 0 11px;
        color: #5b6b82;
        font-size: 13px;
        text-align: center;
      }.reference-content .st-model-fields{
        display: grid;
        gap: 7px;
      }.reference-content .st-model-field{
        display: grid;
        grid-template-columns: 24px auto minmax(0, 1fr);
        gap: 8px;
        align-items: center;
        min-height: 42px;
        padding: 7px 10px;
        border-radius: 6px;
        background: linear-gradient(100deg, #f1f6ff, #f8fbff);
      }.reference-content .st-model-field-icon{
        display: grid;
        width: 22px;
        height: 22px;
        place-items: center;
        color: #0b5ed7;
      }.reference-content .st-model-field-icon svg{
        width: 100%;
        height: 100%;
      }.reference-content .st-model-field b{
        color: #47566c;
        font-size: 12px;
        white-space: nowrap;
      }.reference-content .st-model-field span:last-child{
        color: #52627a;
        font-size: 12px;
        line-height: 1.4;
        text-align: right;
      }.reference-content .st-material-matrix{
        margin-top: 24px;
        overflow-x: auto;
        border: 1px solid #d9e7f7;
        border-radius: 10px;
        box-shadow: 0 6px 22px rgba(27, 79, 151, 0.05);
      }.reference-content .st-material-grid{
        display: grid;
        grid-template-columns: 180px repeat(5, minmax(170px, 1fr));
        min-width: 1100px;
      }.reference-content .st-material-head{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 104px;
        padding: 8px;
        color: #fff;
        background: linear-gradient(135deg, #0a67de, #0752bc);
        border-right: 1px solid rgba(255, 255, 255, 0.25);
        font-size: 15px;
        font-weight: 800;
        text-align: center;
      }.reference-content .st-material-head img{
        height: 48px;
        object-fit: contain;
        border-radius: 50%;
      }.reference-content .st-material-corner{
        font-size: 16px;
      }.reference-content .st-material-row-label,.reference-content .st-material-value{
        display: flex;
        align-items: center;
        min-height: 54px;
        padding: 9px 12px;
        border-top: 1px solid #e3edf9;
        border-right: 1px solid #e3edf9;
      }.reference-content .st-material-row-label{
        justify-content: center;
        gap: 12px;
        padding: 10px 14px;
        color: #0751c5;
        background: #f0f6ff;
        font-size: 14px;
        font-weight: 800;
      }.reference-content .st-material-row-label svg{
        flex: 0 0 25px;
        width: 25px;
        height: 25px;
        stroke-linecap: round;
        stroke-linejoin: round;
      }.reference-content .st-material-value{
        justify-content: center;
        color: #42516a;
        background: #fff;
        font-size: 12px;
        line-height: 1.55;
        text-align: center;
      }.reference-content .st-material-tips{
        display: grid;
        grid-template-columns: 1.05fr repeat(4, 1fr);
        margin-top: 24px;
        overflow: hidden;
        border: 1px solid var(--st-panel-border);
        border-radius: 14px;
        background: linear-gradient(115deg, #eef6ff 0%, #ffffff 46%, #eaf4ff 100%);
        box-shadow: 0 8px 25px rgba(27, 79, 151, 0.07);
      }.reference-content .st-material-tips-title,.reference-content .st-material-tip{
        min-height: 126px;
      }.reference-content .st-material-tips-title{
        display: flex;
        align-items: center;
        gap: 13px;
        padding: 20px;
        color: #0648b0;
        font-size: 23px;
        font-weight: 800;
        line-height: 1.4;
      }.reference-content .st-material-tips-title svg{
        width: 38px;
        height: 38px;
        flex: 0 0 38px;
        stroke-linecap: round;
        stroke-linejoin: round;
      }.reference-content .st-material-tip{
        display: grid;
        grid-template-columns: 50px minmax(0, 1fr);
        gap: 13px;
        align-items: center;
        padding: 17px 16px;
        border-left: 1px solid #d7e6f6;
      }.reference-content .st-material-tip svg{
        width: 46px;
        height: 46px;
        color: #075bd8;
        stroke-linecap: round;
        stroke-linejoin: round;
      }.reference-content .st-material-tip strong{
        display: block;
        margin-bottom: 6px;
        color: #0751c5;
        font-size: 15px;
        line-height: 1.25;
      }.reference-content .st-material-tip span{
        display: block;
        color: #526078;
        font-size: 12px;
        line-height: 1.65;
      }
      @media (max-width: 1024px) {.reference-content .st-material-tips{
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }.reference-content .st-material-tips-title{
          grid-column: 1 / -1;
          min-height: auto;
          padding: 18px 22px;
        }.reference-content .st-material-tip{
          min-height: 108px;
          padding: 16px 20px;
          border-top: 1px solid #d7e6f6;
        }.reference-content .st-material-tip:nth-child(2),.reference-content .st-material-tip:nth-child(4){
          border-left: 0;
        }
      }
      @media (max-width: 480px) {.reference-content .st-material-tips{
          grid-template-columns: 1fr;
        }.reference-content .st-material-tips-title{
          grid-column: auto;
        }.reference-content .st-material-tip{
          min-height: auto;
          padding: 15px 18px;
          border-top: 1px solid #dce8f6;
          border-left: 0;
        }
      }.reference-content .st-rotation-heading h2:before{
        display: none;
      }.reference-content .st-rotation-heading h2{
        color: #0b348b;
      }.reference-content .st-rotation-card{
        overflow: hidden;
        padding: 25px 24px 20px;
        border-color: #d4e0f4;
        border-radius: 16px;
        box-shadow: 0 7px 22px rgba(20, 69, 145, 0.1);
      }.reference-content .st-rotation-card h3{
        margin: 0 0 14px;
        color: #09358b;
        font-size: clamp(21px, 2vw, 27px);
        font-weight: 800;
      }.reference-content .st-rotation-stage{
        display: grid;
        grid-template-columns: minmax(205px, 0.82fr) minmax(345px, 1.35fr) minmax(205px, 0.82fr);
        gap: 0;
        align-items: center;
      }.reference-content .st-rotation-callouts{
        position: relative;
        z-index: 3;
        display: grid;
        gap: 30px;
      }.reference-content .st-rotation-callout{
        position: relative;
        display: grid;
        grid-template-columns: 42px 1fr;
        gap: 11px;
        align-items: start;
        color: #173869;
      }.reference-content .st-rotation-callouts--left{
        transform: translateX(42px);
      }.reference-content .st-rotation-callouts--right{
        transform: translate(-52px,30px);
      }.reference-content .st-rotation-callout img,.reference-content .st-rotation-callout svg{
        width: 40px;
        height: 40px;
      }.reference-content .st-rotation-callout strong,.reference-content .st-energy-step strong{
        display: block;
        color: #0b3d9b;
        font-size: 16px;
        font-weight: 800;
      }.reference-content .st-rotation-callout span,.reference-content .st-energy-step span{
        display: block;
        margin-top: 5px;
        color: #536d96;
        font-size: 13px;
        line-height: 1.65;
      }.reference-content .st-rotation-figure{
        position: relative;
        z-index: 1;
        text-align: center;
      }.reference-content .st-rotation-figure img{
        width: 100%;
        max-height: 440px;
        object-fit: contain;
      }.reference-content .st-energy-card{
        display: grid;
        grid-template-columns: 130px repeat(3, 1fr);
        align-items: stretch;
        margin-top: 18px;
        overflow: hidden;
        border-color: #cbdcf4;
        border-radius: 12px;
      }.reference-content .st-energy-title{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px 25px 20px 16px;
        color: #fff;
        background: linear-gradient(135deg, #0861d7, #063390);
        font-size: 17px;
        font-weight: 800;
        line-height: 1.45;
        text-align: center;
      }.reference-content .st-energy-title:after{
        position: absolute;
        top: 50%;
        right: -16px;
        width: 17px;
        height: 34px;
        content: "";
        background: #0b3e9e;
        clip-path: polygon(0 0, 100% 50%, 0 100%);
        transform: translateY(-50%);
      }.reference-content .st-energy-step{
        position: relative;
        min-height: 150px;
        padding: 18px 18px 14px;
        text-align: center;
      }.reference-content .st-energy-step:not(:last-child):after{
        position: absolute;
        top: 44px;
        right: -13px;
        z-index: 2;
        color: #2b80ed;
        content: "➜";
        font-size: 32px;
        line-height: 1;
      }.reference-content .st-energy-step img{
        display: block;
        height: 80px;
        margin: 0 auto 5px;
        object-fit: contain;
      }.reference-content .st-energy-step strong{
        font-size: 15px;
      }.reference-content .st-speed-advice{
        margin-top: 34px;
      }.reference-content .st-speed-advice h3{
        margin: 0 0 17px;
        color: #0b3d9b;
        font-size: clamp(21px, 2vw, 27px);
        font-weight: 800;
      }.reference-content .st-speed-grid{
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 14px;
      }.reference-content .st-speed-card{
        padding: 15px 12px 13px;
        border-color: #d8e5f7;
        border-radius: 10px;
        box-shadow: 0 4px 14px rgba(25, 70, 139, 0.055);
        text-align: center;
      }.reference-content .st-speed-card h4{
        margin: 0;
        color: #0d57c6;
        font-size: 17px;
        font-weight: 800;
      }.reference-content .st-speed-card img{
        display: block;
        width: 92px;
        height: 92px;
        margin: 8px auto 7px;
        object-fit: contain;
      }.reference-content .st-speed-card dl{
        margin: 0;
        color: #526985;
        font-size: 12px;
        line-height: 1.55;
        text-align: left;
      }.reference-content .st-speed-card dl div{
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 3px;
        padding: 8px 0;
        border-top: 1px solid #e3ebf7;
      }.reference-content .st-speed-card dt{
        color: #0b58c8;
        font-weight: 800;
      }.reference-content .st-speed-card dd{
        margin: 0;
      }.reference-content .st-media-recommendation{ margin-top: 38px; }.reference-content .st-media-recommendation h3,.reference-content .st-process-tips h3{ margin: 0 0 17px; color: #0b3d9b; font-size: clamp(21px, 2vw, 27px); font-weight: 800; }.reference-content .st-media-grid{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 11px; }.reference-content .st-media-card{ position: relative; padding: 14px 10px 11px; border-color: #d8e5f7; border-radius: 10px; box-shadow: 0 4px 14px rgba(25, 70, 139, 0.05); text-align: center; }.reference-content .st-media-card h4{ position: relative; z-index: 2; min-height: 30px; margin: 0; color: #0d57c6; background: #fff; font-size: 15px; font-weight: 800; line-height: 1.3; }.reference-content .st-media-card img{ position: relative; z-index: 1; display: block; width: 142px; height: 106px; margin: -2px auto 2px; object-fit: contain; transform: scale(1.22); transform-origin: center; }.reference-content .st-media-card dl{ position: relative; z-index: 2; margin: 0; color: #526985; background: #fff; font-size: 12px; line-height: 1.55; text-align: left; }.reference-content .st-media-card dl div{ display: grid; grid-template-columns: minmax(0, 1fr); gap: 3px; padding: 7px 0; border-top: 1px solid #e3ebf7; }.reference-content .st-media-card dt{ color: #0b58c8; font-weight: 800; }.reference-content .st-media-card dd{ margin: 0; }.reference-content .st-process-tips{ margin-top: 38px; padding: 22px; border-color: #d7e5f8; border-radius: 15px; background: linear-gradient(135deg, #fff 0%, #f4f8ff 100%); }.reference-content .st-process-tip-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.reference-content .st-process-tip{ display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: center; min-height: 102px; padding: 14px 10px; border-radius: 11px; background: rgba(255, 255, 255, 0.76); }.reference-content .st-process-tip img{ width: 62px; height: 62px; object-fit: contain; }.reference-content .st-process-tip strong{ display: block; color: #0b58c8; font-size: 15px; font-weight: 800; }.reference-content .st-process-tip span{ display: block; margin-top: 5px; color: #526985; font-size: 12px; line-height: 1.55; }.reference-content .st-custom-grid{
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
      }.reference-content .st-custom{
        display: grid;
        grid-template-columns: 54px 1fr;
        gap: 14px;
        align-items: center;
        padding: 22px;
      }.reference-content .st-custom svg{
        width: 46px;
        height: 46px;
        padding: 9px;
        border-radius: 10px;
        background: #eef5ff;
        color: var(--st-blue);
      }.reference-content .st-custom h3{
        margin: 0;
        color: var(--st-deep);
        font-size: 17px;
      }.reference-content .st-custom p{
        margin: 4px 0 0;
        color: var(--st-muted);
        font-size: 13px;
      }.reference-content .st-why{
        padding: 62px 0;
        background: #f1f7ff;
      }.reference-content .st-why-grid{
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
      }.reference-content .st-why-card{
        padding: 24px;
        text-align: center;
      }.reference-content .st-why-card b{
        display: grid;
        width: 52px;
        height: 52px;
        margin: 0 auto 12px;
        place-items: center;
        border-radius: 50%;
        background: var(--st-blue);
        color: #fff;
        font-size: 20px;
      }.reference-content .st-why-card strong{
        display: block;
        color: var(--st-deep);
      }.reference-content .st-why-card span{
        color: var(--st-muted);
        font-size: 13px;
      }
      @media (max-width: 1024px) {.reference-content .st-quick-grid{
          grid-template-columns: repeat(3, minmax(0, 1fr));
          padding: 20px 12px;
        }.reference-content .st-quick-title{
          grid-column: 1 / -1;
          align-items: center;
          min-height: 72px;
          padding: 0 0 16px;
          border-right: 0;
          border-bottom: 1px solid #e7edf6;
        }.reference-content .st-quick-title-rule{
          margin-top: 10px;
        }.reference-content .st-quick-factor:nth-child(4){
          border-right: 0;
        }.reference-content .st-custom-grid{
          grid-template-columns: 1fr 1fr;
        }.reference-content .st-rotation-figure img{
        max-height: 300px;
        }.reference-content .st-rotation-callout strong,.reference-content .st-energy-step strong{ font-size: 15px;}.reference-content .st-rotation-callout span,.reference-content .st-energy-step span{font-size: 12px; line-height: 1.2; margin-top: 0;}
      }
      @media (max-width: 768px) {.reference-content .st-container{
          width: min(100% - 28px, 720px);
        }.reference-content .st-section{
          padding: 48px 0;
        }.reference-content .st-hero,.reference-content .st-hero-inner{
          min-height: auto;
        }.reference-content .st-hero-inner,.reference-content .st-model-grid{
          grid-template-columns: 1fr;
        }.reference-content .st-custom-grid{
          grid-template-columns: repeat(3, 1fr);
        }.reference-content .st-hero-copy{
          padding: 46px 0 10px;
          text-align: center;
        }.reference-content .st-hero h1{
          font-size: 38px;
        }.reference-content .st-hero-sub{
          margin-right: auto;
          margin-left: auto;
        }.reference-content .st-hero-tags{
          justify-content: center;
        }.reference-content .st-hero-visual{
          padding: 10px 0 30px;
        }.reference-content .st-hero-visual img{
          max-height: 280px;
        }.reference-content .st-quick{
          margin-top: 24px;
        }.reference-content .st-quick-grid,.reference-content .st-why-grid{
          grid-template-columns: 1fr 1fr;
        }.reference-content .st-quick-title{
          grid-column: 1 / -1;
        }.reference-content .st-quick-factor{
          min-height: 130px;
          border-bottom: 1px solid #e7edf6;
        }.reference-content .st-quick-factor:nth-child(4){
          border-right: 1px solid #e7edf6;
        }.reference-content .st-quick-factor:nth-child(odd){
          border-right: 0;
        }.reference-content .st-quick-factor:last-child{border-right: 1px solid #e7edf6;}
      }
      @media (max-width: 480px) {.reference-content .st-hero h1{
          font-size: 33px;
        }.reference-content .st-quick-grid{grid-template-columns: 1fr 1fr;}.reference-content .st-quick-title{ grid-column: 1 / -1;}.reference-content .st-why-grid{
          grid-template-columns: 1fr;
        }.reference-content .st-quick-factor,.reference-content .st-quick-factor:nth-child(4){
          min-height: 112px;
          border-right: 0;
        }
      }.reference-content .st-material-head img[data-material-placeholder]{
        border: 1px dashed rgba(255, 255, 255, 0.58);
        border-radius: 6px;
        background: rgba(255, 255, 255, 0.12);
      }
      @media (max-width: 768px) {.reference-content .st-rotation-card{
          padding: 20px 16px 16px;
        }.reference-content .st-rotation-stage{
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 16px;
        }.reference-content .st-rotation-figure{
          order: -1;
          grid-column: 1 / -1;
          margin: 0;
        }.reference-content .st-rotation-callouts{
          display: contents;
          transform: none;
        }.reference-content .st-rotation-callout{
          grid-template-columns: 40px minmax(0, 1fr);
          gap: 10px;
          min-height: 72px;
        }.reference-content .st-speed-grid{
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }
      }
      @media (max-width: 480px) {.reference-content .st-rotation-stage,.reference-content .st-energy-card,.reference-content .st-speed-grid{
          grid-template-columns: 1fr;
        }.reference-content .st-energy-title:after,.reference-content .st-energy-step:not(:last-child):after{
          display: none;
        }
      }      @media (max-width: 1024px) {.reference-content .st-media-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }.reference-content .st-process-tip-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
      }
      @media (max-width: 768px) {.reference-content .st-media-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
      }
      @media (max-width: 480px) {.reference-content .st-media-grid,.reference-content .st-process-tip-grid{ grid-template-columns: 1fr; }
      }.reference-content .st-particle-layout{ display: grid; grid-template-columns: minmax(0, 1.72fr) minmax(280px, 0.88fr); gap: 20px; align-items: stretch; }.reference-content .st-particle-table{ overflow: hidden; border: 1px solid #dbe6f7; border-radius: 10px; background: #fff; }.reference-content .st-particle-table-head,.reference-content .st-particle-row{ display: grid; grid-template-columns: 1.38fr 0.82fr 0.76fr 1.34fr; }.reference-content .st-particle-table-head{ min-height: 47px; color: #fff; background: linear-gradient(90deg, #0d5cd0, #063892); font-weight: 800; }.reference-content .st-particle-table-head span{ display: flex; align-items: center; justify-content: center; padding: 8px; border-right: 1px solid rgba(255,255,255,.42); text-align: center; }.reference-content .st-particle-table-head span:last-child{ border-right: 0; }.reference-content .st-particle-row{ min-height: 98px; border-top: 1px solid #dbe6f7; }.reference-content .st-particle-row > div{ display: flex; align-items: center; justify-content: center; padding: 10px; border-right: 1px solid #dbe6f7; color: #33496b; font-size: 14px; text-align: center; }.reference-content .st-particle-row > div:last-child{ border-right: 0; }.reference-content .st-particle-row > .st-particle-type{ justify-content: flex-start; gap: 10px; text-align: left; }.reference-content .st-particle-type img,.reference-content .st-particle-type svg{ width: 58px; height: 58px; flex: 0 0 58px; object-fit: contain; }.reference-content .st-particle-type strong{ display: block; color: #1e3969; font-size: 16px; }.reference-content .st-particle-type span{ display: block; margin-top: 3px; color: #1e3969; font-weight: 700; }.reference-content .st-particle-row > .st-particle-ball{ color: #263d64; font-size: 18px; font-weight: 800; }.reference-content .st-particle-row > .st-particle-target{ color: #405476; font-size: 16px; }.reference-content .st-particle-row > .st-particle-desc{ justify-content: flex-start; color: #4e617f; font-size: 12px; line-height: 1.7; text-align: left; }.reference-content .st-particle-note{ display: flex; gap: 8px; align-items: flex-start; margin-top: 13px; padding: 11px 13px; border-radius: 7px; color: #536b8d; background: #eff5ff; font-size: 12px; line-height: 1.65; }.reference-content .st-particle-note b{ display: grid; width: 17px; height: 17px; flex: 0 0 17px; place-items: center; border: 1px solid #2169d6; border-radius: 50%; color: #2169d6; font-size: 11px; }.reference-content .st-ball-choice{ padding: 18px 16px; border-color: #dbe6f7; border-radius: 14px; box-shadow: 0 5px 18px rgba(20, 62, 129, .08); }.reference-content .st-ball-choice h3{ margin: 0 0 14px; color: #0c409d; font-size: 21px; font-weight: 800; }.reference-content .st-ball-choice-step{ position: relative; display: grid; grid-template-columns: 45px minmax(0, 1fr); gap: 10px; align-items: center; min-height: 63px; padding: 9px 10px; border: 1px solid #e1eaf7; border-radius: 10px; background: #fff; }.reference-content .st-ball-choice-step + .st-ball-choice-step{ margin-top: 16px; }.reference-content .st-ball-choice-step:not(:last-child):after{ position: absolute; bottom: -19px; left: 50%; z-index: 1; color: #0e60ce; content: "↓"; font-size: 25px; line-height: 1; transform: translateX(-50%); }.reference-content .st-ball-choice-step img,.reference-content .st-ball-choice-step svg{ width: 40px; height: 40px; object-fit: contain; }.reference-content .st-ball-choice-step strong{ display: block; color: #0b4da9; font-size: 15px; font-weight: 800; }.reference-content .st-ball-choice-step span{ display: block; margin-top: 3px; color: #586d8d; font-size: 11px; line-height: 1.55; }
      @media (max-width: 1024px) {.reference-content .st-particle-layout{ grid-template-columns: 1fr; }.reference-content .st-ball-choice{ max-width: none; }
      }
      @media (max-width: 768px) {.reference-content .st-particle-layout{
          grid-template-columns: minmax(0, 1fr);
          min-width: 0;
        }.reference-content .st-particle-layout > div,.reference-content .st-ball-choice{
          width: 100%;
          min-width: 0;
          max-width: 100%;
        }.reference-content .st-particle-table{ overflow-x: auto; }.reference-content .st-particle-table-head,.reference-content .st-particle-row{ min-width: 690px; }.reference-content .st-ball-choice-step{ grid-template-columns: 42px minmax(0, 1fr); }.reference-content .st-ball-choice-step:not(:last-child):after{ left: calc(50% - 22px); }
      }
      @media (max-width: 480px) {.reference-content .st-ball-choice,.reference-content .st-process-tips{ padding: 16px; }.reference-content .st-particle-note{ font-size: 11px; }
      }.reference-content .st-method-compare{ display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); gap: 16px; align-items: center; }.reference-content .st-method-panel{ overflow: hidden; padding: 12px; border-color: #dce7f7; border-radius: 14px; box-shadow: 0 5px 18px rgba(29, 69, 137, .06); }.reference-content .st-method-panel h3{ display: flex; align-items: center; justify-content: center; gap: 20px; width: min(100%, 280px); margin: 0 auto 14px; padding: 8px 16px; border-radius: 28px; color: #0b459f; background: #eff4ff; font-size: 22px; font-weight: 800; }.reference-content .st-method-panel h3 img,.reference-content .st-method-panel h3 svg{ width: 36px; height: 36px; object-fit: contain; }.reference-content .st-method-info{ overflow: hidden; border: 1px solid #e1eaf7; border-radius: 9px; }.reference-content .st-method-info-row{ display: grid; grid-template-columns: 37px 84px minmax(0, 1fr); gap: 8px; align-items: center; min-height: 62px; padding: 9px 12px; border-top: 1px solid #e1eaf7; }.reference-content .st-method-info-row:first-child{ border-top: 0; }.reference-content .st-method-info-row img,.reference-content .st-method-info-row svg{ width: 25px; height: 25px; object-fit: contain; }.reference-content .st-method-info-row strong{ color: #1358bb; font-size: 14px; font-weight: 800; }.reference-content .st-method-info-row span{ color: #53657d; font-size: 13px; line-height: 1.65; }.reference-content .st-method-compare .st-method-vs{ display: grid; width: 50px; height: 50px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(135deg, #1a70e0, #073a97); box-shadow: 0 4px 12px rgba(15, 81, 181, .2); font-size: 19px; font-weight: 900; }
      @media (max-width: 768px) {.reference-content .st-method-compare{ grid-template-columns: 1fr; gap: 12px; }.reference-content .st-method-compare .st-method-vs{ margin: 0 auto; }
      }
      @media (max-width: 480px) {.reference-content .st-method-panel{ padding: 10px; }.reference-content .st-method-panel h3{ gap: 12px; font-size: 19px; }.reference-content .st-method-info-row{ grid-template-columns: 31px 70px minmax(0, 1fr); gap: 6px; padding: 8px; }.reference-content .st-method-info-row strong{ font-size: 13px; }.reference-content .st-method-info-row span{ font-size: 12px; }
      }.reference-content .st-system-grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }.reference-content .st-system-card{ overflow: hidden; padding: 14px; border-color: #dbe6f7; border-radius: 13px; box-shadow: 0 4px 16px rgba(20, 68, 135, .06); }.reference-content .st-system-card h3{ margin: 0 0 12px; color: #0d50b1; font-size: 17px; font-weight: 800; }.reference-content .st-system-card > img{ display: block; width: 100%; height: 132px; margin-bottom: 10px; border-radius: 7px; object-fit: cover; }.reference-content .st-system-card ul{ display: grid; gap: 8px; margin: 0; padding: 0; color: #50637f; font-size: 12px; line-height: 1.55; list-style: none; }.reference-content .st-system-card li{ position: relative; padding-left: 12px; }.reference-content .st-system-card li:before{ position: absolute; top: .65em; left: 0; width: 5px; height: 5px; border-radius: 50%; content: ""; background: #0c57c6; }.reference-content .st-system-card b{ color: #1d498f; }.reference-content .st-application-heading{ margin: 35px 0 17px; color: #0d50b1; font-size: 23px; font-weight: 800; }.reference-content .st-application-heading:before{ display: inline-block; width: 10px; height: 10px; margin-right: 10px; border-radius: 1px; content: ""; background: #0e56c1; vertical-align: 2px; }.reference-content .st-application-grid{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px; }.reference-content .st-application-card{ min-height: 170px; padding: 17px 10px 13px; border-color: #e0e9f7; border-radius: 11px; box-shadow: 0 4px 14px rgba(22, 66, 127, .045); text-align: center; }.reference-content .st-application-card img,.reference-content .st-application-card svg{ display: block; width: 62px; height: 62px; margin: 0 auto; object-fit: contain; }.reference-content .st-application-card strong{ display: block; margin-top: 9px; color: #0d50b1; font-size: 15px; font-weight: 800; }.reference-content .st-application-card span{ display: block; margin-top: 7px; color: #596b85; font-size: 11px; line-height: 1.6; }.reference-content .st-contact{ padding: 44px 0; background: #f3f7fd; border-top: 1px solid #e2eaf5; }.reference-content .st-contact-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; align-items: center; gap: 26px; }.reference-content .st-contact-item{ display: flex; align-items: center; gap: 13px; min-width: 0; }.reference-content .st-contact-item svg{ flex: 0 0 34px; width: 34px; height: 34px; color: var(--st-blue); }.reference-content .st-contact-item div{ min-width: 0; }.reference-content .st-contact-item strong{ display: block; color: var(--st-deep); font-size: 15px; }.reference-content .st-contact-item span,.reference-content .st-contact-item a{ color: #40516a; text-decoration: none; font-size: 14px; line-height: 1.55; }.reference-content .st-contact-item a:hover{ color: var(--st-blue); }.reference-content .st-contact-button{ display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 22px; color: #fff; background: var(--st-blue); border-radius: 6px; box-shadow: 0 8px 18px rgba(4, 75, 181, .2); font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform .2s ease, background .2s ease; }.reference-content .st-contact-button:hover{ color: #fff; background: var(--st-deep); transform: translateY(-2px); }
      @media (max-width: 1024px) {.reference-content .st-system-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }.reference-content .st-application-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }.reference-content .st-contact-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
      }
      @media (max-width: 768px) {.reference-content .st-system-grid{ grid-template-columns: 1fr 1fr; }.reference-content .st-application-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }.reference-content .st-contact{ padding: 34px 0; }.reference-content .st-contact-grid{ grid-template-columns: 1fr; align-items: start; gap: 18px; }.reference-content .st-contact-button{ width: 100%; }
      }
      @media (max-width: 480px) {.reference-content .st-application-grid,.reference-content .st-system-grid,.reference-content .st-custom-grid{ grid-template-columns: 1fr;}
      }