.elementor-275 .elementor-element.elementor-element-da88db8{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-275 .elementor-element.elementor-element-e15acc5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-275 .elementor-element.elementor-element-da294d1{--display:flex;--min-height:0px;--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;}.elementor-275 .elementor-element.elementor-element-d5e08db{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-275 .elementor-element.elementor-element-f7e5d44{--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 30px;--row-gap:0px;--column-gap:30px;}.elementor-275 .elementor-element.elementor-element-8179252{--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-275 .elementor-element.elementor-element-8179252:not(.elementor-motion-effects-element-type-background), .elementor-275 .elementor-element.elementor-element-8179252 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(207deg, #292929 0%, #000000 100%);}.woocommerce .elementor-275 .elementor-element.elementor-element-56da5d6 .flex-control-thumbs img{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-db66bb5{--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;--gap:10px 0px;--row-gap:10px;--column-gap:0px;}.elementor-widget-woocommerce-product-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-8ec85d7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.woocommerce .elementor-275 .elementor-element.elementor-element-ee86b41 .woocommerce-product-details__short-description{color:#8B8B8B;}.woocommerce .elementor-275 .elementor-element.elementor-element-a091329 .star-rating{color:var( --e-global-color-primary );}.woocommerce .elementor-275 .elementor-element.elementor-element-a091329 .star-rating::before{color:var( --e-global-color-primary );}.woocommerce .elementor-275 .elementor-element.elementor-element-a091329 .woocommerce-review-link{color:var( --e-global-color-primary );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-275 .elementor-element.elementor-element-0fec905 .price{color:#888888;font-family:"Roboto", Sans-serif;font-size:22px;font-weight:600;}.woocommerce .elementor-275 .elementor-element.elementor-element-0fec905 .price ins{color:#DDFF00;font-size:30px;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-275 .elementor-element.elementor-element-836ca3b .cart button, .elementor-275 .elementor-element.elementor-element-836ca3b .cart .button{font-size:15px;border-style:solid;border-width:2px 2px 2px 2px;border-radius:0px 0px 0px 0px;background-color:#DDFF0000;border-color:#FFFFFF;transition:all 0.2s;}.elementor-275 .elementor-element.elementor-element-836ca3b .cart button:hover, .elementor-275 .elementor-element.elementor-element-836ca3b .cart .button:hover{color:#000000;background-color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-836ca3b{--view-cart-spacing:0px;--button-spacing:8px;}.elementor-275 .elementor-element.elementor-element-836ca3b .quantity .qty{transition:all 0.2s;}.woocommerce .elementor-275 .elementor-element.elementor-element-836ca3b form.cart .variations{width:0%;}.elementor-widget-woocommerce-product-meta .product_meta .detail-container:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-275 .elementor-element.elementor-element-597bc03:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:last-child){padding-bottom:calc(20px/2);}.elementor-275 .elementor-element.elementor-element-597bc03:not(.elementor-woo-meta--view-inline) .product_meta .detail-container:not(:first-child){margin-top:calc(20px/2);}.elementor-275 .elementor-element.elementor-element-597bc03.elementor-woo-meta--view-inline .product_meta .detail-container{margin-right:calc(20px/2);margin-left:calc(20px/2);}.elementor-275 .elementor-element.elementor-element-597bc03.elementor-woo-meta--view-inline .product_meta{margin-right:calc(-20px/2);margin-left:calc(-20px/2);}body:not(.rtl) .elementor-275 .elementor-element.elementor-element-597bc03.elementor-woo-meta--view-inline .detail-container:after{right:calc( (-20px/2) + (-1px/2) );}body:not.rtl .elementor-275 .elementor-element.elementor-element-597bc03.elementor-woo-meta--view-inline .detail-container:after{left:calc( (-20px/2) - (1px/2) );}.elementor-275 .elementor-element.elementor-element-597bc03{color:#A7A7A7;}.elementor-275 .elementor-element.elementor-element-597bc03 a{font-weight:600;color:var( --e-global-color-primary );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-275 .elementor-element.elementor-element-a86c929{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1px;}.elementor-275 .elementor-element.elementor-element-a86c929 .elementor-divider-separator{width:100%;}.elementor-275 .elementor-element.elementor-element-a86c929 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-7d80faf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:600;color:#FFFFFF;}.elementor-275 .elementor-element.elementor-element-05bbc6c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-5dffc3f .elementor-icon-wrapper{text-align:center;}.elementor-275 .elementor-element.elementor-element-5dffc3f .elementor-icon{font-size:40px;}.elementor-275 .elementor-element.elementor-element-5dffc3f .elementor-icon svg{height:40px;}.elementor-275 .elementor-element.elementor-element-aa7941e .elementor-icon-wrapper{text-align:center;}.elementor-275 .elementor-element.elementor-element-aa7941e .elementor-icon{font-size:40px;}.elementor-275 .elementor-element.elementor-element-aa7941e .elementor-icon svg{height:40px;}.elementor-275 .elementor-element.elementor-element-ad69bd3 .elementor-icon-wrapper{text-align:center;}.elementor-275 .elementor-element.elementor-element-ad69bd3 .elementor-icon{font-size:40px;}.elementor-275 .elementor-element.elementor-element-ad69bd3 .elementor-icon svg{height:40px;}.elementor-275 .elementor-element.elementor-element-f68b3b2 .elementor-icon-wrapper{text-align:center;}.elementor-275 .elementor-element.elementor-element-f68b3b2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-f68b3b2.elementor-view-framed .elementor-icon, .elementor-275 .elementor-element.elementor-element-f68b3b2.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-f68b3b2.elementor-view-framed .elementor-icon, .elementor-275 .elementor-element.elementor-element-f68b3b2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-f68b3b2 .elementor-icon{font-size:40px;}.elementor-275 .elementor-element.elementor-element-f68b3b2 .elementor-icon svg{height:40px;}.elementor-275 .elementor-element.elementor-element-be5cb65 .elementor-icon-wrapper{text-align:center;}.elementor-275 .elementor-element.elementor-element-be5cb65.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-be5cb65.elementor-view-framed .elementor-icon, .elementor-275 .elementor-element.elementor-element-be5cb65.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-be5cb65.elementor-view-framed .elementor-icon, .elementor-275 .elementor-element.elementor-element-be5cb65.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-275 .elementor-element.elementor-element-be5cb65 .elementor-icon{font-size:40px;}.elementor-275 .elementor-element.elementor-element-be5cb65 .elementor-icon svg{height:40px;}.elementor-275 .elementor-element.elementor-element-09e0ca2{--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;}.elementor-275 .elementor-element.elementor-element-4dcda22{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.woocommerce .elementor-275 .elementor-element.elementor-element-d75498f .woocommerce-tabs ul.wc-tabs li.active a{color:var( --e-global-color-primary );}.woocommerce .elementor-275 .elementor-element.elementor-element-d75498f .woocommerce-tabs .woocommerce-Tabs-panel{border-color:#3B3B3B;}.woocommerce .elementor-275 .elementor-element.elementor-element-d75498f .woocommerce-Tabs-panel{color:#FFFFFF;}.woocommerce .elementor-275 .elementor-element.elementor-element-d75498f .woocommerce-Tabs-panel h2{color:#FFFFFF;}@media(min-width:768px){.elementor-275 .elementor-element.elementor-element-da294d1{--content-width:1600px;}.elementor-275 .elementor-element.elementor-element-f7e5d44{--content-width:1600px;}.elementor-275 .elementor-element.elementor-element-8179252{--width:40%;}.elementor-275 .elementor-element.elementor-element-db66bb5{--width:60%;}.elementor-275 .elementor-element.elementor-element-09e0ca2{--content-width:1600px;}}/* Start custom CSS for woocommerce-product-images, class: .elementor-element-56da5d6 *//* =========================================
   WooCommerce Product Gallery - Esports Style
   ========================================= */

/* --- 1. 改造 "Sale!" 促销徽章 --- */
.woocommerce span.onsale {
    background-color: #ff0055 !important; /* 激战红/粉 */
    color: #fff !important;
    border-radius: 2px !important; /* 改为直角/微圆角 */
    padding: 6px 16px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    font-style: italic; /* 斜体文字 */
    font-size: 14px !important;
    line-height: 1.2 !important;
    
    /* 位置调整 */
    top: 20px !important;
    left: 20px !important;
    right: auto !important;
    min-height: auto !important;
    width: auto !important;
    
    /* 电竞风倾斜效果 */
    transform: skewX(-15deg);
    box-shadow: 0 0 10px rgba(255, 0, 85, 0.5); /* 红色发光 */
    z-index: 99;
}



/* --- 4. 底部缩略图 (Thumbnails) --- */
.flex-control-thumbs {
    margin-top: 15px !important; /* 与主图的间距 */
    display: flex;
    gap: 10px; /* 缩略图之间的间距 */
    overflow: visible;
}


.flex-control-thumbs img {
    border-radius: 4px !important;
    border: 1px solid transparent !important; /* 默认透明边框 */
    opacity: 0.5 !important; /* 未选中时变暗 */
    transition: all 0.3s ease;
    filter: grayscale(80%); /* 未选中时带一点黑白滤镜 */
}

/* 缩略图悬停 & 选中状态 */
.flex-control-thumbs img:hover,
.flex-control-thumbs img.flex-active {
    opacity: 1 !important;
    filter: grayscale(0%) !important;
    border-color: #DDFF00 !important; /* 选中变成霓虹青色边框 */
}
/* =========================================
   修复：鼠标悬停放大时背景变白的问题
   ========================================= */

/* 1. 针对放大镜生成的图片元素 (.zoomImg) 去掉背景 */
.woocommerce-product-gallery .zoomImg {
    background-color: transparent !important; 
    /* 如果透明不行，可以试试强制改成你的深色背景，例如: background-color: #1a1a1a !important; */
}

/* 2. 针对图片容器本身的悬停状态 */
.woocommerce-product-gallery__image:hover,
.woocommerce-product-gallery__image {
    background-color: transparent !important;
    background: none !important;
}

/* 3. 确保外层包裹器也是透明的 */
.woocommerce-product-gallery,
.woocommerce-product-gallery__wrapper {
    background-color: transparent !important;
}

/* (可选) 如果你的图片是透明PNG，防止加载瞬间闪白屏，可以给它垫个底色 */
figure.woocommerce-product-gallery__wrapper {
    background-color: #0b0c15 !important; /* 你网站的深色背景色 */
}
/* =========================================
   修复：透明PNG图片放大时的重影问题
   ========================================= */

/* 逻辑：当鼠标悬停在图片区域时，把底层的原图（小图）透明度变为0
   这样你就只能看到顶层的放大图，而不会透视看到下面的图了 */
.woocommerce-product-gallery__image:hover img.wp-post-image {
    opacity: 0 !important;
    transition: opacity 0.2s ease; /* 增加一点过渡，防止闪烁 */
}

/* 确保放大后的图片显示出来 (防止意外被隐藏) */
.woocommerce-product-gallery__image:hover img.zoomImg {
    opacity: 1 !important;
}/* 清除产品图片区域底部的间距 */
.woocommerce-product-gallery,
.woocommerce div.product div.images {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 如果底部缩略图下方还有多余间距，把这个也加上 */
.woocommerce-product-gallery .flex-control-thumbs {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-title, class: .elementor-element-8ec85d7 *//* 只去掉产品标题底部的 0.5em margin，保留顶部 */
.woocommerce div.product .product_title,
.woocommerce div.product .product_title.entry-title {
    margin-bottom: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-short-description, class: .elementor-element-ee86b41 *//* 去掉产品短描述的内间距 */
.woocommerce-product-details__short-description {
    padding: 0 !important;
    margin: 0 !important; /* 建议同时去掉外边距，防止还有空隙 */
}

/* 如果短描述内部的 P 标签还有默认间距，可以用下面这行去掉 */
.woocommerce-product-details__short-description p {
    margin-bottom: 0 !important;
    padding: 0 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-add-to-cart, class: .elementor-element-836ca3b *//* 组合写法：去边距 + 固定高度 */
.woocommerce-js div.product form.cart .button.single_add_to_cart_button {
    padding: 0 !important;      /* 去掉边距 */
    height: 50px !important;    /* 设置你想要的高度，例如 50px */
    line-height: 50px !important; /* 让文字垂直居中 */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-data-tabs, class: .elementor-element-d75498f *//* =========================================
   WooCommerce Tabs & Reviews - Esports Style
   ========================================= */

/* --- 1. Tab 导航栏顶部样式 --- */
.woocommerce-tabs ul.tabs {
    background: transparent !important;
    padding: 0 !important;
    overflow: visible !important;
}

.woocommerce-tabs ul.tabs li {
    background: transparent !important;
    border: none !important;
    margin-right: 20px !important;
    border-radius: 0 !important;
}

.woocommerce-tabs ul.tabs li a {
    color: #888 !important; /* 未选中文字颜色：灰色 */
    font-weight: 600 !important;
    font-size: 16px !important;
    padding: 10px 0 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    transition: all 0.3s ease;
}

/* 选中状态 & 鼠标悬停 */
.woocommerce-tabs ul.tabs li.active a,
.woocommerce-tabs ul.tabs li a:hover {
    color: #DDFF00 !important; /* 霓虹青色高亮 */
}

/* 选中时的底部光条 */
.woocommerce-tabs ul.tabs li.active a::after {
    content: '';
    position: absolute;
    bottom: -1px; /* 紧贴底边 */
    left: 0;
    width: 100%;
    height: 2px;
    background: #DDFF00;
    box-shadow: 0 0 10px #DDFF00;
}


/* --- 2. 评论展示区域 (已发布的评论) --- */
#reviews .commentlist li .comment_container {
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

#reviews .commentlist li .comment-text {
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    background-color: rgba(255, 255, 255, 0.02) !important; /* 极淡的背景块 */
    padding: 15px !important;
    border-radius: 4px;
}

/* 评论者名字 */
.woocommerce-review__author {
    color: #fff !important;
    font-weight: bold;
    font-size: 14px;
}

/* 评论日期 */
.woocommerce-review__published-date {
    color: #666 !important;
}

/* 星星颜色 */
.star-rating span::before,
.star-rating::before {
    color: #ff0055 !important; /* 改为激战粉红色，更醒目 */
}


/* --- 3. "Add a review" 表单区域 --- */

/* 外层大框框：去掉默认白边框，改为深色卡片 */
#review_form_wrapper {
    background: #0b0c15 !important; /* 深色背景 */
    border: 1px solid #333 !important; /* 深灰色边框 */
    padding: 30px !important;
    border-radius: 6px;
    margin-top: 20px;
}

/* 标题文字 "Add a review" */
#reply-title {
    color: #fff !important;
    font-size: 20px;
    text-transform: uppercase;
    font-style: italic; /* 斜体增加速度感 */
}

/* 提示文字 label */
#review_form label {
    color: #aaa !important;
}

/* --- 4. 关键：输入框美化 (Input & Textarea) --- */
#review_form input[type="text"],
#review_form input[type="email"],
#review_form textarea {
    background-color: #000 !important; /* 纯黑背景 */
    color: #fff !important;            /* 白字 */
    border: 1px solid #333 !important; /* 暗边框 */
    border-radius: 2px !important;
    padding: 12px !important;
    transition: all 0.3s ease;
}

/* 输入框聚焦时的效果 */
#review_form input:focus,
#review_form textarea:focus {
    border-color: #00f3ff !important; /* 聚焦变青色 */
    box-shadow: 0 0 8px rgba(0, 243, 255, 0.2) !important;
    outline: none;
}


/* --- 5. 提交按钮 (Submit Button) --- */
#review_form_wrapper #submit {
    background-color: #ff0055 !important; /* 激战红/粉 */
    color: #fff !important;
    border: none !important;
    border-radius: 0 !important; /* 直角 */
    padding: 10px 30px !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 10px;
    
    /* 倾斜变形，呼应之前的倒计时样式 */
    transform: skewX(-15deg); 
    display: inline-block;
    transition: all 0.3s ease;
}

/* 按钮内文字纠正回来，不倾斜 */
#review_form_wrapper #submit span {
    display: block;
    transform: skewX(15deg); 
}

/* 按钮悬停 */
#review_form_wrapper #submit:hover {
    background-color: #fff !important;
    color: #ff0055 !important;
    box-shadow: 0 0 15px #ff0055; /* 发光 */
}/* End custom CSS */