/* Global reset, buttons and reusable utility classes */

/* ==================================================================
   01. GLOBAL LAYOUT RESET / 全局布局重置（影响所有页面）
================================================================== */

/* 1. 仅清除网格容器本身的物理间距 */
.row, .col, .col-inner {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* 2. 精准清除段落、标题的外边距，并彻底切断图片底部的所有幽灵高度与填充 */
.col-inner p,
.col-inner h1,
.col-inner h2,
.col-inner h3,
.col-inner h4 {
    margin: 0 !important;
    padding-bottom: 0 !important;
}

/* 针对图片组件的深度清除 */
.col-inner .img,
.col-inner .img-inner,
.col-inner img {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important; /* 强制消除基于百分比的长宽比占位 */
    height: 100% !important;       /* 确保在等高模式下强制拉伸贴边 */
    display: block !important;     /* 消除 inline 元素的基线空白 */
    line-height: 0 !important;     /* 消除行高带来的底部间隙 */
}

/* 3. 限制按钮默认底部，但允许你在面板通过 margin 调节 */
.col-inner .button {
    margin-bottom: 0 !important;
}

/* ==================================================================
   03. REUSABLE UTILITY CLASSES / 通用工具类
================================================================== */

.my-tag {
    display: inline-block !important;
    border: 1px solid #005732 !important; /* 绿色边框 */
    color: #005732 !important;            /* 绿色文字 */
    padding: 4px 16px !important;         /* 内边距控制大小 */
    border-radius: 20px !important;       /* 圆角 */
    font-size: 14px !important;           /* 字号 */
    font-weight: 600 !important;          /* 字体加粗 */
    text-align: center !important;
}

/* 强制对 Banner 容器及其溢出的背景图片和遮罩层实施圆角裁剪 */
.custom-banner-radius {
    border-radius: 21px !important; /* 圆角大小，可根据需求修改 */
    overflow: hidden !important;    /* 核心：必须隐藏溢出部分，否则背景图依然是直角 */
}

.no-shadow {
    text-shadow:none !important;
}

/* ==================================================================
   05. GRID SPACING HELPERS / 网格间距
================================================================== */

/* 只增加上下两行之间的距离，不影响左右列间距 */
.friend-grid-gap > .row,
.friend-grid-gap.row {
    row-gap: 50px !important;
}