.elementor-8790 .elementor-element.elementor-element-7d362175{--display:flex;--min-height:800px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-8790 .elementor-element.elementor-element-7d362175:not(.elementor-motion-effects-element-type-background), .elementor-8790 .elementor-element.elementor-element-7d362175 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-31c5f4a );}.elementor-8790 .elementor-element.elementor-element-6e397ebd{--display:flex;--padding-top:0%;--padding-bottom:0%;--padding-left:20%;--padding-right:20%;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-5cd1a5ea img{max-width:45%;border-radius:500px 500px 500px 500px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-4ea45c7c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-8790 .elementor-element.elementor-element-4ea45c7c .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );text-transform:var( --e-global-typography-primary-text-transform );font-style:var( --e-global-typography-primary-font-style );text-decoration:var( --e-global-typography-primary-text-decoration );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:#000000;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-24e956fc{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:1px;}.elementor-8790 .elementor-element.elementor-element-24e956fc .elementor-divider-separator{width:6%;margin:0 auto;margin-center:0;}.elementor-8790 .elementor-element.elementor-element-24e956fc .elementor-divider{text-align:center;padding-block-start:2px;padding-block-end:2px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-7ecdabd2{text-align:center;font-family:var( --e-global-typography-text-font-family ), sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:#3D4E60;}.elementor-8790 .elementor-element.elementor-element-7ecdabd2 p{margin-block-end:0px;}.elementor-widget-button .elementor-button{font-family:var( --e-global-typography-accent-font-family ), sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );line-height:var( --e-global-typography-accent-line-height );}.elementor-8790 .elementor-element.elementor-element-5251c852 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-177b705-font-family ), sans-serif;font-size:var( --e-global-typography-177b705-font-size );font-weight:var( --e-global-typography-177b705-font-weight );text-transform:var( --e-global-typography-177b705-text-transform );font-style:var( --e-global-typography-177b705-font-style );text-decoration:var( --e-global-typography-177b705-text-decoration );line-height:var( --e-global-typography-177b705-line-height );letter-spacing:var( --e-global-typography-177b705-letter-spacing );background-image:linear-gradient(80deg, var( --e-global-color-c67afec ) 0%, var( --e-global-color-dbb759f ) 100%);border-style:none;border-radius:0px 0px 0px 0px;padding:16px 36px 16px 36px;}.elementor-8790 .elementor-element.elementor-element-5251c852 .elementor-button:hover, .elementor-8790 .elementor-element.elementor-element-5251c852 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(229deg, var( --e-global-color-dfd2b4a ) 0%, var( --e-global-color-48e614a ) 100%);}.elementor-8790 .elementor-element.elementor-element-5251c852{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}:root{--page-title-display:none;}@media(max-width:1440px){.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-4ea45c7c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-7ecdabd2{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8790 .elementor-element.elementor-element-5251c852 .elementor-button{font-size:var( --e-global-typography-177b705-font-size );line-height:var( --e-global-typography-177b705-line-height );letter-spacing:var( --e-global-typography-177b705-letter-spacing );}}@media(max-width:1024px){.elementor-8790 .elementor-element.elementor-element-7d362175{--border-radius:0px 0px 0px 0px;--padding-top:100px;--padding-bottom:100px;--padding-left:25px;--padding-right:25px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-5cd1a5ea img{max-width:55%;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-4ea45c7c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-7ecdabd2{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8790 .elementor-element.elementor-element-5251c852{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8790 .elementor-element.elementor-element-5251c852 .elementor-button{font-size:var( --e-global-typography-177b705-font-size );line-height:var( --e-global-typography-177b705-line-height );letter-spacing:var( --e-global-typography-177b705-letter-spacing );}}@media(max-width:767px){.elementor-8790 .elementor-element.elementor-element-7d362175{--min-height:618px;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-8790 .elementor-element.elementor-element-6e397ebd{--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-4ea45c7c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8790 .elementor-element.elementor-element-4ea45c7c .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-8790 .elementor-element.elementor-element-7ecdabd2{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );}.elementor-8790 .elementor-element.elementor-element-5251c852{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-8790 .elementor-element.elementor-element-5251c852 .elementor-button{font-size:var( --e-global-typography-177b705-font-size );line-height:var( --e-global-typography-177b705-line-height );letter-spacing:var( --e-global-typography-177b705-letter-spacing );padding:10px 10px 10px 10px;}}/* Start custom CSS for button, class: .elementor-element-5251c852 */<!-- HTML -->
<button class="metal-btn heavy">
  <span class="glow-text">GET QUOTE</span>
  <div class="screw"></div><div class="screw"></div>
</button>

<!-- CSS -->
<style>
.metal-btn.heavy {
  background: linear-gradient(145deg, #4a4a4a, #2b2b2b);
  border: 3px solid #D30D2B;
  border-bottom-width: 6px;
  box-shadow: 
    0 6px 10px rgba(0,0,0,0.5),
    inset 0 4px 8px rgba(255,255,255,0.1);
  position: relative;
  padding: 15px 35px;
  border-radius: 2px; /* 硬朗直角 */
}

/* 铆钉效果 */
.screw {
  position: absolute;
  width: 8px; height: 8px;
  background: radial-gradient(circle, #aaa 30%, #777 100%);
  border-radius: 50%;
  top: 5px;
}
.screw:first-child { left: 10px; }
.screw:last-child { right: 10px; }

/* 金属腐蚀纹理 */
.metal-btn.heavy::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" opacity="0.2"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.8"/></filter><rect width="100%" height="100%" filter="url(%23noise)"/></svg>');
}

/* 动态红光 */
.glow-text {
  text-shadow: 0 0 8px #D30D2B, 0 0 16px rgba(211,13,43,0.7);
  animation: pulse-glow 2s infinite;
}
@keyframes pulse-glow {
  0%,100% { text-shadow: 0 0 8px #D30D2B; }
  50% { text-shadow: 0 0 20px #D30D2B, 0 0 30px rgba(211,13,43,0.9); }
}
</style>
2. 未来科技感金属按钮（高端设备适用）
html
<button class="metal-btn tech">
  <span>DOWNLOAD SPEC</span>
  <div class="light-bar"></div>
</button>

<style>
.metal-btn.tech {
  background: 
    linear-gradient(135deg, 
      rgba(51,51,51,0.8) 0%,
      rgba(26,26,26,0.9) 100%),
    radial-gradient(circle at top left, 
      rgba(211,13,43,0.3) 0%,
      transparent 40%);
  border: 1px solid rgba(211,13,43,0.5);
  backdrop-filter: blur(4px);
  border-radius: 0;
  clip-path: polygon(
    0 0, calc(100% - 15px) 0, 100% 15px,
    100% 100%, 15px 100%, 0 calc(100% - 15px)
  );
}

/* 扫描光条 */
.light-bar {
  position: absolute;
  bottom: -2px; left: 0;
  height: 3px;
  width: 30%;
  background: linear-gradient(90deg, transparent, #D30D2B, transparent);
  animation: scan 3s infinite;
}
@keyframes scan {
  0% { left: -10%; }
  100% { left: 110%; }
}
</style>/* End custom CSS */