/*==================================================================================
    Custom Stylesheet (Any custom styling you want to apply should be defined here).
====================================================================================*/

/* 统一两个按钮的基础样式，强制尺寸、内边距、行高完全一致 */
.banner-text-inner .btn,
.banner-text-inner .btn.addbtn {
    /* 强制统一高度、行高、内边距，确保垂直居中 */
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 30px !important;
    /* 统一显示模式、对齐方式 */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* 统一字体大小、粗细，避免文字高度差异 */
    font-size: 18px !important;
    font-weight: 500 !important;
    /* 统一圆角，匹配按钮设计 */
    border-radius: 25px !important;
    /* 统一垂直间距，避免错位 */
    vertical-align: middle !important;
}

/* 单独修正iOS按钮的额外样式，不影响尺寸 */
.addbtn {
    margin-top: 0 !important;
    margin-left: 15px !important; /* 电脑端两个按钮之间的间距 */
}

/* 手机端垂直排列，完全统一样式，消除高度差 */
@media (max-width: 767px) {
    .banner-text-inner .btn,
    .banner-text-inner .btn.addbtn {
        display: block !important;
        width: 200px !important;
        margin: 0 auto 15px auto !important;
        /* 手机端强制重置间距，避免叠加 */
        margin-left: auto !important;
        margin-right: auto !important;
    }
    /* 手机端iOS按钮取消左边距，垂直排列 */
    .addbtn {
        margin-left: auto !important;
    }
    
    /* 调整手机端菜单按钮的位置，使其不靠近侧边 */
    .menu-button {
        padding-right: 20px !important;
    }
}

/* 调整评论轮播导航按钮的位置，使其与文字居中对齐 */
.author-comment-carousel .owl-prev,
.author-comment-carousel .owl-next {
    top: 50% !important;
    transform: translateY(-50%) !important;
    right: -5% !important;
}

.author-comment-carousel .owl-prev {
    left: -5% !important;
}

/* 禁止横向滚动，确保页面宽度适配手机屏幕 */
body {
    overflow-x: hidden !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* 确保所有容器都不会超出屏幕宽度 */
.container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
}

/* 确保图片不会超出容器宽度 */
img {
    max-width: 100% !important;
    height: auto !important;
}