.elementor-1679 .elementor-element.elementor-element-be4d745{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1679 .elementor-element.elementor-element-be4d745:not(.elementor-motion-effects-element-type-background), .elementor-1679 .elementor-element.elementor-element-be4d745 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carbidemfg.com/wp-content/uploads/2025/10/Tungsten-Carbide-Hard-Materials-2.jpg");}.elementor-1679 .elementor-element.elementor-element-9456b7f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1679 .elementor-element.elementor-element-ad88646{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1679 .elementor-element.elementor-element-2364fc7 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-1679 .elementor-element.elementor-element-2364fc7{text-align:start;}.elementor-1679 .elementor-element.elementor-element-2364fc7 .elementor-heading-title{font-size:40px;}.elementor-1679 .elementor-element.elementor-element-09d4205{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overflow:hidden;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-1679 .elementor-element.elementor-element-f804e78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1679 .elementor-element.elementor-element-89a524c > .elementor-widget-container{margin:18px 0px 12px 0px;}.elementor-1679 .elementor-element.elementor-element-89a524c .elementor-heading-title{font-size:30px;}.elementor-1679 .elementor-element.elementor-element-f6548c6{--grid-columns:1;--grid-row-gap:0px;--grid-column-gap:4px;}.elementor-1679 .elementor-element.elementor-element-97941d8{--display:flex;--min-height:0px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1679 .elementor-element.elementor-element-d94cd21 > .elementor-widget-container{margin:20px 0px 23px 0px;border-radius:0px 0px 0px 0px;}.elementor-1679 .elementor-element.elementor-element-d94cd21.elementor-element{--align-self:flex-start;}.elementor-1679 .elementor-element.elementor-element-9ea8667{text-align:center;}.elementor-1679 .elementor-element.elementor-element-4ee810c > .elementor-widget-container{padding:5px 5px 5px 5px;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:4px;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-4px;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-field-group.recaptcha_v3-bottomleft, .elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-field-type-html{padding-bottom:0px;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-button[type="submit"]{color:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-1679 .elementor-element.elementor-element-4ee810c{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-1679 .elementor-element.elementor-element-7b9517c{--display:flex;--min-height:401px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-1679 .elementor-element.elementor-element-31ec48b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 50px;--row-gap:0px;--column-gap:50px;}.elementor-1679 .elementor-element.elementor-element-f49c90e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1679 .elementor-element.elementor-element-5cbd8d7 > .elementor-widget-container{margin:30px 0px 20px 0px;}.elementor-1679 .elementor-element.elementor-element-5cbd8d7 .elementor-heading-title{font-size:30px;}.elementor-1679 .elementor-element.elementor-element-34b7e8f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1679 .elementor-element.elementor-element-56c9f5b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:80px;--margin-bottom:57px;--margin-left:0px;--margin-right:0px;}.elementor-1679 .elementor-element.elementor-element-653ebd4 > .elementor-widget-container{margin:30px 0px 20px 0px;}.elementor-1679 .elementor-element.elementor-element-653ebd4{text-align:center;}.elementor-1679 .elementor-element.elementor-element-653ebd4 .elementor-heading-title{font-size:30px;}.elementor-1679 .elementor-element.elementor-element-b586c6a{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1679 .elementor-element.elementor-element-2d76ff4.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-1679 .elementor-element.elementor-element-2d76ff4.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-1679 .elementor-element.elementor-element-2d76ff4.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-1679 .elementor-element.elementor-element-2d76ff4 .elementor-image-box-title{margin-bottom:9px;font-size:20px;}.elementor-1679 .elementor-element.elementor-element-2d76ff4 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1679 .elementor-element.elementor-element-2d76ff4 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-1679 .elementor-element.elementor-element-2d76ff4 .elementor-image-box-description{font-size:16px;}.elementor-1679 .elementor-element.elementor-element-b41f492.elementor-position-right .elementor-image-box-img{margin-left:18px;}.elementor-1679 .elementor-element.elementor-element-b41f492.elementor-position-left .elementor-image-box-img{margin-right:18px;}.elementor-1679 .elementor-element.elementor-element-b41f492.elementor-position-top .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-b41f492 .elementor-image-box-title{margin-bottom:14px;font-size:20px;}.elementor-1679 .elementor-element.elementor-element-b41f492 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1679 .elementor-element.elementor-element-b41f492 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-1679 .elementor-element.elementor-element-b41f492 .elementor-image-box-description{font-size:16px;}.elementor-1679 .elementor-element.elementor-element-24e526d.elementor-position-right .elementor-image-box-img{margin-left:18px;}.elementor-1679 .elementor-element.elementor-element-24e526d.elementor-position-left .elementor-image-box-img{margin-right:18px;}.elementor-1679 .elementor-element.elementor-element-24e526d.elementor-position-top .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-24e526d .elementor-image-box-title{margin-bottom:14px;font-size:20px;}.elementor-1679 .elementor-element.elementor-element-24e526d .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1679 .elementor-element.elementor-element-24e526d .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-1679 .elementor-element.elementor-element-24e526d .elementor-image-box-description{font-size:16px;}.elementor-1679 .elementor-element.elementor-element-a473646.elementor-position-right .elementor-image-box-img{margin-left:18px;}.elementor-1679 .elementor-element.elementor-element-a473646.elementor-position-left .elementor-image-box-img{margin-right:18px;}.elementor-1679 .elementor-element.elementor-element-a473646.elementor-position-top .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-a473646 .elementor-image-box-title{margin-bottom:14px;font-size:20px;}.elementor-1679 .elementor-element.elementor-element-a473646 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1679 .elementor-element.elementor-element-a473646 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-1679 .elementor-element.elementor-element-a473646 .elementor-image-box-description{font-size:16px;}.elementor-1679 .elementor-element.elementor-element-0a32039.elementor-position-right .elementor-image-box-img{margin-left:18px;}.elementor-1679 .elementor-element.elementor-element-0a32039.elementor-position-left .elementor-image-box-img{margin-right:18px;}.elementor-1679 .elementor-element.elementor-element-0a32039.elementor-position-top .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-0a32039 .elementor-image-box-title{margin-bottom:14px;font-size:20px;}.elementor-1679 .elementor-element.elementor-element-0a32039 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1679 .elementor-element.elementor-element-0a32039 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-1679 .elementor-element.elementor-element-0a32039 .elementor-image-box-description{font-size:16px;}.elementor-1679 .elementor-element.elementor-element-b6b13d1.elementor-position-right .elementor-image-box-img{margin-left:18px;}.elementor-1679 .elementor-element.elementor-element-b6b13d1.elementor-position-left .elementor-image-box-img{margin-right:18px;}.elementor-1679 .elementor-element.elementor-element-b6b13d1.elementor-position-top .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-b6b13d1 .elementor-image-box-title{margin-bottom:14px;font-size:20px;}.elementor-1679 .elementor-element.elementor-element-b6b13d1 .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1679 .elementor-element.elementor-element-b6b13d1 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-1679 .elementor-element.elementor-element-b6b13d1 .elementor-image-box-description{font-size:16px;}.elementor-1679 .elementor-element.elementor-element-a0f5a8f.elementor-position-right .elementor-image-box-img{margin-left:18px;}.elementor-1679 .elementor-element.elementor-element-a0f5a8f.elementor-position-left .elementor-image-box-img{margin-right:18px;}.elementor-1679 .elementor-element.elementor-element-a0f5a8f.elementor-position-top .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-a0f5a8f .elementor-image-box-title{margin-bottom:14px;font-size:20px;}.elementor-1679 .elementor-element.elementor-element-a0f5a8f .elementor-image-box-wrapper .elementor-image-box-img{width:60%;}.elementor-1679 .elementor-element.elementor-element-a0f5a8f .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-1679 .elementor-element.elementor-element-a0f5a8f .elementor-image-box-description{font-size:16px;}.elementor-1679 .elementor-element.elementor-element-cbe3bbd{--display:flex;--min-height:408px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.5;--margin-top:80px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;--padding-top:84px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1679 .elementor-element.elementor-element-cbe3bbd:not(.elementor-motion-effects-element-type-background), .elementor-1679 .elementor-element.elementor-element-cbe3bbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://carbidemfg.com/wp-content/uploads/2025/11/tungsten-carbide-tools-company-e1762933457880.jpg");}.elementor-1679 .elementor-element.elementor-element-cbe3bbd::before, .elementor-1679 .elementor-element.elementor-element-cbe3bbd > .elementor-background-video-container::before, .elementor-1679 .elementor-element.elementor-element-cbe3bbd > .e-con-inner > .elementor-background-video-container::before, .elementor-1679 .elementor-element.elementor-element-cbe3bbd > .elementor-background-slideshow::before, .elementor-1679 .elementor-element.elementor-element-cbe3bbd > .e-con-inner > .elementor-background-slideshow::before, .elementor-1679 .elementor-element.elementor-element-cbe3bbd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000087;--background-overlay:'';}.elementor-1679 .elementor-element.elementor-element-ecfbb3b{width:var( --container-widget-width, 46% );max-width:46%;--container-widget-width:46%;--container-widget-flex-grow:0;text-align:center;}.elementor-1679 .elementor-element.elementor-element-ecfbb3b > .elementor-widget-container{margin:-2px 0px 0px 0px;}.elementor-1679 .elementor-element.elementor-element-ecfbb3b.elementor-element{--align-self:center;}.elementor-1679 .elementor-element.elementor-element-ecfbb3b .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:var( --e-global-color-astglobalcolor5 );}.elementor-1679 .elementor-element.elementor-element-861d587{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-size:23px;line-height:33px;color:var( --e-global-color-astglobalcolor5 );}.elementor-1679 .elementor-element.elementor-element-861d587 > .elementor-widget-container{margin:11px 0px 0px 0px;padding:7px 0px 0px 0px;}.elementor-1679 .elementor-element.elementor-element-861d587.elementor-element{--align-self:center;}.elementor-1679 .elementor-element.elementor-element-861d587 p{margin-block-end:0px;}.elementor-1679 .elementor-element.elementor-element-7c0e2de{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;}.elementor-1679 .elementor-element.elementor-element-7c0e2de > .elementor-widget-container{margin:0px 0px 0px 0px;padding:18px 0px 18px 0px;}.elementor-1679 .elementor-element.elementor-element-7c0e2de.elementor-element{--align-self:center;}.elementor-1679 .elementor-element.elementor-element-7c0e2de .elementor-button-content-wrapper{flex-direction:row;}.elementor-1679 .elementor-element.elementor-element-7c0e2de .elementor-button{border-radius:3px 3px 3px 3px;padding:-1px -1px -1px -1px;}.elementor-1679 .elementor-element.elementor-element-3b2844e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:80px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1679 .elementor-element.elementor-element-48a7ea4 > .elementor-widget-container{margin:25px 0px 25px 0px;}.elementor-1679 .elementor-element.elementor-element-48a7ea4{text-align:center;}.elementor-1679 .elementor-element.elementor-element-c2e1996{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1679 .elementor-element.elementor-element-c2e1996 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.66 * 100% );}.elementor-1679 .elementor-element.elementor-element-c2e1996:after{content:"0.66";}.elementor-1679 .elementor-element.elementor-element-c2e1996 .elementor-post__thumbnail__link{width:100%;}.elementor-1679 .elementor-element.elementor-element-c2e1996 .elementor-post__meta-data span + span:before{content:"•";}.elementor-1679 .elementor-element.elementor-element-c2e1996 .elementor-post__text{margin-top:20px;}.elementor-1679 .elementor-element.elementor-element-c2e1996 .elementor-post__badge{right:0;}.elementor-1679 .elementor-element.elementor-element-c2e1996 .elementor-post__card .elementor-post__badge{margin:20px;}@media(max-width:1024px){.elementor-1679 .elementor-element.elementor-element-f6548c6{--grid-columns:2;}.elementor-1679 .elementor-element.elementor-element-b586c6a{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-1679 .elementor-element.elementor-element-be4d745{--content-width:1600px;}.elementor-1679 .elementor-element.elementor-element-f804e78{--width:100%;}.elementor-1679 .elementor-element.elementor-element-97941d8{--width:33%;}.elementor-1679 .elementor-element.elementor-element-f49c90e{--width:50%;}.elementor-1679 .elementor-element.elementor-element-34b7e8f{--width:50%;}.elementor-1679 .elementor-element.elementor-element-cbe3bbd{--content-width:1600px;}}@media(max-width:767px){.elementor-1679 .elementor-element.elementor-element-2364fc7{text-align:start;}.elementor-1679 .elementor-element.elementor-element-2364fc7 .elementor-heading-title{font-size:16px;}.elementor-1679 .elementor-element.elementor-element-f6548c6{--grid-columns:1;}.elementor-1679 .elementor-element.elementor-element-b586c6a{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1679 .elementor-element.elementor-element-2d76ff4 .elementor-image-box-img{margin-bottom:0px;}.elementor-1679 .elementor-element.elementor-element-b41f492 .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-24e526d .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-a473646 .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-0a32039 .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-b6b13d1 .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-a0f5a8f .elementor-image-box-img{margin-bottom:18px;}.elementor-1679 .elementor-element.elementor-element-c2e1996 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1679 .elementor-element.elementor-element-c2e1996:after{content:"0.5";}.elementor-1679 .elementor-element.elementor-element-c2e1996 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-97941d8 *//* -------------------------------------- */
/* 1. 容器和列表基础样式 */
/* -------------------------------------- */
.dynamic-navigation {
    width: 280px;
    background-color: #fcfcfc;
    border: 1px solid #eee;
    border-radius: 8px;
    overflow: hidden; /* 确保悬停背景不会溢出 */
}

.dynamic-navigation .nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* -------------------------------------- */
/* 2. 核心动态元素: nav-link */
/* -------------------------------------- */
.dynamic-navigation .nav-link {
    display: block;
    position: relative; /* 为伪元素定位提供基准 */
    padding: 14px 20px 14px 30px; /* 左侧留出更多空间 */
    text-decoration: none;
    color: #333;
    font-size: 17px;
    font-weight: 500;
    z-index: 1; /* 确保文字在背景之上 */
    transition: color 0.4s ease; /* 只有颜色有过渡效果 */
}

/* -------------------------------------- */
/* 3. 左侧强调线 (动态宽度) */
/* -------------------------------------- */
.dynamic-navigation .nav-link::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 3px; /* 默认宽度 */
    background-color: #007bff; /* 强调色 */
    transition: width 0.4s ease; /* 宽度过渡效果 */
    z-index: 2; /* 在文字之上，在滑动背景之下 */
}

/* -------------------------------------- */
/* 4. 滑动背景效果 (使用伪元素) */
/* -------------------------------------- */
.dynamic-navigation .nav-link::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 0; /* 默认宽度为0 */
    background-color: #e6f0ff; /* 悬停背景色（浅蓝色） */
    transition: width 0.4s ease; /* 宽度过渡效果 */
    z-index: 0; /* 确保背景在文字之下 */
}

/* -------------------------------------- */
/* 5. 悬停 (Hover) 状态 */
/* -------------------------------------- */
.dynamic-navigation .nav-item:hover .nav-link {
    color: #007bff; /* 悬停时文字变为强调色 */
    padding-left: 32px; /* 悬停时文字向右轻微移动 */
}

.dynamic-navigation .nav-item:hover .nav-link::before {
    width: 6px; /* 悬停时强调线变宽 */
}

.dynamic-navigation .nav-item:hover .nav-link::after {
    width: 100%; /* 悬停时背景从左侧滑出 */
}

/* -------------------------------------- */
/* 6. 激活 (Active) 状态 - 保持选中效果 */
/* -------------------------------------- */
.dynamic-navigation .nav-item.active .nav-link {
    color: #007bff;
    font-weight: 600;
}

.dynamic-navigation .nav-item.active .nav-link::before {
    width: 6px; /* 激活时强调线固定变宽 */
}

.dynamic-navigation .nav-item.active .nav-link::after {
    width: 100%; /* 激活时背景固定展开 */
}/* End custom CSS */