:root {
    --padding-56: min(56px, 3.6%);
    --margin-34: min(34px, 5.5%);
}
h1,h2,h3,h4,h5,h6 {
    margin: 0px;
    padding: 0px;
}
h1 {
    font-size: clamp(36px, 3vw, 50px);
}
h2 {
    font-size: clamp(20px, 3vw, 36px);
}
h3 {
    font-size: clamp(20px, 3vw, 26px);
}
h4 {
    font-size: clamp(18px, 2vw, 20px);
}
h5 {
    font-size: clamp(16px, 2vw, 18px);
}
h6 {
    font-size: clamp(36px, 4vw, 50px);
}
p {
    font-size: clamp(14px, 2vw, 18px);
}
.ph {
    font-size: clamp(36px, 4vw, 50px);
}
.pt {
    font-size: clamp(12px, 4vw, 14px);
}
.product-detail-container {
    width: 100%;
    max-width: 1400px;
    padding: 0px;
    box-sizing: content-box;
}
.picture-img {
    height: 100%;
    object-fit: cover;
    display: block;
}
.product-feature-menu-height, .product-detail-menu .detail-menu-tabs a {
    height: 64px;
}
#face-parameter, #recommend-accessories, #product-spec, #product-customize {
    top: -64px;
}

.text-max-line {
    max-width: 1000px;
}

/* part-1 */
.cover-title {
    /*background: #080808;*/
    /*background: radial-gradient(circle at 20% 46%, #444444 -15%, #080808 29%);*/
    background: linear-gradient(322deg, #080808 4.27%, #1A1A1A 64.04%);
    padding-top: var(--padding-56);
    padding-bottom: var(--padding-56);
}
.product-cover {

}
.product-cover .col-md-6 {
    padding: 0px;
}
.product-title {
    color: var(--theme-color);
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.product-description {
    color: #FFF;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.product-fun {
    margin-top: var(--margin-34);
    min-height: clamp(200px, 2vw, 50px);
}
.product-fun p {
    line-height: 1.8;
}
.product-fun p:first-child {
    margin-top: 0px;
}
.product-navigation-group {
    padding-bottom: min(4px, 1%);
    display: flex;
    /*grid-template-columns: repeat(4, 0.1fr); !* 创建4列，每列等宽 *!*/
    /*gap: 7px; !* 元素之间的间距 *!*/
    gap: 18px;
}
.product-navigation-btn {
    color: white;
    border: white 1px solid;
    border-radius: 18px;
    padding: 8px 30px;
    min-width: 120px;
    text-align: center;
    transition: color .3s, border-radius .3s;
}

.product-navigation-btn:hover, .product-navigation-btn:active, .product-navigation-btn:focus {
    color: var(--theme-color);
    border: var(--theme-color) 1px solid;
}
.product-navigation-btn.proscribe:hover, .product-navigation-btn.proscribe:active, .product-navigation-btn.proscribe:focus {
    cursor: no-drop;
    color: var(--text-666);
    border: var(--text-666) 1px solid;
}
.product-os-list {
    margin-top: min(18px, 4%);
}
.product-os-item {
    padding: 0px clamp(8px, 2vw, 26px);
    border-right: 1px #898989 solid;
}
.product-os-item img{
    display: block;
    margin: 0px auto;
    margin-bottom: 6px;
}
.product-os-item:first-child {
    padding-left: 0px;
}
.product-os-item:last-child {
    padding-right: 0px;
    border-right: none;
}
/* part-2 */
#product-feature {
    height: 88px;
    top: -44px;
}
.product-detail-menu {
    background: #161616;
    position: sticky;
    top: 0px;
    z-index: 100;
}
.product-detail-menu .product-name {
    font-size: min(20px, 4%);
}
.product-detail-menu .detail-menu-tabs {
    width: inherit;
    margin-right: min(56px, 8%);
}
.product-detail-menu .detail-menu-tabs ul{
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    justify-content: right;
}
.product-detail-menu .detail-menu-tabs li {
    color: #999999;
    font-size: 16px;
    margin-left: min(29px, 5%);
    margin-right: min(29px, 5%);
    text-align: center;

}
.product-detail-menu .detail-menu-tabs li:first-child {
    margin-left: 0px;
}
.product-detail-menu .detail-menu-tabs li:last-child {
    margin-right: 0px;
}
.product-detail-menu .detail-menu-tabs a {
    min-width: max-content;
    display: flex;
    align-items: center;
    color: #999999;
    transition: color .3s;

}
.product-detail-menu .detail-menu-tabs a:hover {
    color: white;
}
.product-detail-menu .detail-menu-tabs li a.active {
    color: white;
    background: none;
    border: none;
}
.product-detail-menu .text-right > .flex {
    justify-content: flex-end;
}
.product-detail-menu .text-right .btn-theme {
    height: 40px;
    border-radius: 40px;
    padding: 12px 24px;
    width: max-content;
    font-size: 16px;
}
.product-detail-menu .text-right .btn-theme:hover, .product-detail-menu .text-right .btn-theme:focus, .product-detail-menu .text-right .btn-theme:active, .product-detail-menu .text-right .btn-theme:visited {
    color: white;
}

/* part-3 */
.background-fixed {
    position: fixed !important;
    top: 0px;
}
.product-introduce {
    position: relative;
    height: 100%;
    background-position: 0px 0px;
    background: #07070F;
}
.product-introduce .introduce-img {
    height: 100vh;
    width: 100%;
    position: sticky;
    z-index: 1;
    top: 0px;
    /*background-attachment: fixed !important;*/
    /*position: fixed;*/
    /*top: 0px;*/
}
.product-introduce .product-part-bg-content {
    position: relative;
    z-index: 10;
    left: 0px;
    right: 0px;
    margin: auto;
    margin-top: min(-300px, -16%);
    padding-bottom: min(50px, 3%);

}
.product-introduce .product-part-bg-content h6 {
    padding-top: min(78px, 6%);
    margin-bottom: min(36px, 5%);
}
.product-introduce .product-part-bg-content h3 {
    line-height: clamp(16px, 2vw, 24px);
    margin-bottom: min(120px, 10%);
}
#introduce-blur-layer {
    width: 100%;
    height: 100%;
    transition: all .3s linear;
    display: flex;
    justify-content: center;
    align-items: center;
}
.blur-layer {
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.333); /* 可选：添加半透明背景 */
}
.introduce-fun {
    width: 100%;
    max-width: 1200px;
    margin: 0px auto;
    margin-top: min(230px, 16%);
}
.introduce-fun-item {
    height: 280px;
    width: 100%;
    max-width: 300px;
    cursor: pointer;
    overflow: hidden;
}
.introduce-fun img {
    margin-bottom: 34px;
}
.introduce-fun-desc {
    height: 100%;
    background: rgba(27, 27, 27, 0.9);
    /*transform: translateY(100%);*/
    padding: 0px clamp(34px, 3vw, 4px);
    opacity: 0;
    transition: opacity .3s;
}
.introduce-fun-item:hover .introduce-fun-desc {
    /*transform: translateY(0%);*/
    opacity: 1;
}

/* part-4 */
.product-introduce2 {
    height: 750px;
}
.product-introduce2 > picture {
    position: absolute;
    width: 100%;
    top: 0px;
    z-index: 10;
}
.product-part-bg-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    margin: 0px auto;
    max-width: max-content;
}
.product-introduce2 h6 {
    padding-top: min(38px, 3%);
    margin-bottom: min(36px, 2%);
}

/* part-5 */
.product-interface {
    height: max-content;
    background:radial-gradient(circle at 20% -24%, #fff0e8 1%, rgba(255, 255, 0, 0) 51%) top left, radial-gradient(circle at 80% 100%, #fff0e8 -27%, rgba(255, 255, 0, 0) 36%) bottom right, white no-repeat;
    padding-bottom: min(75px, 6%);;
}
.product-interface h6 {
    padding-top: min(86px, 10%);
    padding-bottom: min(72px, 8%);
}
/* part-6 */

/* part-7 */
.product-customize {
    background: #161616;
    padding-top: min(86px, 8%);
}
.product-customize > .product-detail-container {
    padding-bottom: min(72px, 8%);
}
.product-customize h6 {
    margin-bottom: min(20px, 5%);
}
.customize-item {
    width: 33.33%;
    height: 600px;
}
.customize-item-desc > div {
    margin-top: min(-20px, -10%);
}
.customize-item-desc {
    height: 100%;
}
.more-go {
    left: 0px;
    right: 0px;
    bottom: min(80px, 14%);
    margin: 0px auto;
}
.customize-item-effect {
    height: 0px;
    background: linear-gradient(180deg, rgba(255, 102, 0, 0.00) 0%, rgba(255, 102, 0, 0.45) 100%);
    transition: height .3s;
    bottom: 0px;
    width: 100%;
}
.customize-item:hover .customize-item-effect {
    height: 43.3%;
}


@media (max-width: 1260px) {
    .cover-title-right {
        margin-top: min(40px, 5%);
        flex-direction: column-reverse;
    }

    .product-detail-menu .text-right > div {
        flex-wrap: wrap;
    }
}
@media (max-height: 1080px) {
    .product-introduce .product-part-bg-content h1 {
        margin-bottom: min(40px, 3%);
    }
    .product-introduce .product-part-bg-content {
        margin-top: min(-300px, -16%);
        padding-bottom: min(50px, 3%);
    }
    .introduce-fun {
        margin-top: min(105px, 8%);
    }

}
@media (max-height: 900px) {
    .product-introduce .product-part-bg-content h1 {
        margin-bottom: min(40px, 3%);
    }
    .product-introduce .product-part-bg-content {
        margin-top: min(-300px, -16%);
        padding-bottom: min(60px, 5%);
        max-height: 100vh;
    }
    .introduce-fun {
        margin-top: min(80px, 7%);
    }
    #product-feature {
        top: 40px;
    }
}