/* 苹果蓝 + 苹果红配色 */
:root {
    --apple-blue: #007AFF;
    --apple-red: #FF3B30;
    --text-main: #333;
    --text-gray: #888;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { 
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif; 
    background: #F7F8FA; /* ✅ 把 #fff 改成这个浅灰色，让弧形下的下半截默认变灰 */
    color: var(--text-main); 
    line-height: 1.6; 
}
a { text-decoration: none; color: inherit; transition: 0.3s; }
a:hover { color: var(--apple-blue); }
img { max-width: 100%; height: auto; display: block; }
ul, li { list-style: none; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

.header-wechat .container,
.header .container {
    padding-right: 4px;   /* 或 6px，根据视觉喜好调整 */
}


/* ====== 头部左侧：Logo + 标语独立容器 ====== */
.header .header-left {
    display: flex;
    align-items: center;
    gap: 14px;   /* Logo 和标语之间的间距 */
}

/* ====== Logo 保持原样 ====== */
.header .logo img {
    height: 45px;
    width: auto;
    object-fit: contain;
    display: block;
}

/* ====== 独立的标语胶囊（不依附于 logo） ====== */
.header .header-slogan {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 14px;    /* 上下 4px，左右 14px，比之前小 */
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);   /* 半透明白色背景 */
    color: #ffffff;
    font-size: 14px;      /* 字体大小适中小巧 */
    font-weight: 400;
    white-space: nowrap;  /* 防止换行 */
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ====== 悬停效果 ====== */
.header .header-slogan:hover {
    background: #ffffff;
    color: var(--apple-blue);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.2);
}

/* ====== 头部中间：搜索框 ====== */
.header .header-center {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 0;
}

/* 右侧容器 */
.header .header-right,
.header-wechat .header-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-shrink: 0;
}

/* ====== 头部搜索框 ====== */
.header-search {
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
    padding: 2px 2px 2px 16px;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    max-width: 320px;
    width: 100%;
}
.header-search:focus-within {
    background: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.4);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}

.header-search-input {
    background: transparent;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: 14px;
    padding: 6px 0;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
}
.header-search-input::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.header-search-btn {
    background: rgba(255, 255, 255, 0.2);
    border: none;
    border-radius: 999px;
    color: #fff;
    width: 32px;
    height: 32px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    flex-shrink: 0;
    position: relative;
}
/* 放大镜图标（纯CSS） */
.header-search-btn::before {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 6px;
}
.header-search-btn::after {
    content: "";
    display: block;
    width: 2px;
    height: 7px;
    background: #fff;
    position: absolute;
    bottom: 7px;
    right: 7px;
    transform: rotate(45deg);
    border-radius: 2px;
}
.header-search-btn:hover {
    background: rgba(255, 255, 255, 0.35);
    transform: scale(1.05);
}

/* ====== 官网首页头部 (苹果蓝版本，已删除重复绿色原版) ====== */
.header-wechat { background: var(--apple-blue); padding: 15px 0; }
.header-wechat .header-inner { display: flex; justify-content: space-between; align-items: center; }
.header-wechat .logo { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 18px; font-weight: 300; }
.header-wechat .logo svg { fill: #fff; }
.header-wechat .logo a { color: #fff; }
.header-wechat .lang-switch a { color: rgba(255,255,255,0.7); font-size: 14px; margin-left: 15px; }
.header-wechat .lang-switch a:hover { color: #fff; }

/* ====== 公共头部样式 ====== */
.header {     background: linear-gradient(135deg, 
    #007AFF 0%, 
    #007AFF 35%, 
    #2A7FFF 50%, 
    #FF3B30 75%, 
    #FF3B30 100%
);; padding: 10px 0; }

/* ====== 头部布局：左中右三栏 ====== */
.header .header-inner,
.header-wechat .header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}
.header-inner { display: flex; justify-content: space-between; align-items: center; }
.logo { display: flex; align-items: center; gap: 10px; color: #fff; font-size: 18px; font-weight: 300; }
.logo svg { width: 28px; height: 28px; fill: #fff; }
.logo a { color: #fff; }
.lang-switch{color: #fff;}
.lang-switch a { color: rgba(255,255,255,0.7); font-size: 14px; margin-left: 15px; }
.lang-switch a:hover { color: #fff; }


/* ====== 右上角导航链接改为苹果风胶囊按钮 ====== */
/* 让右侧容器用 Flex 布局，使按钮自动垂直居中且保持间隔 */
.header .lang-switch,
.header-wechat .lang-switch {
    display: flex;
    align-items: center;
    gap: 2px; /* 按钮之间的间距 */
}

/* 初始状态：半透明白色胶囊底，白字 */
.header .lang-switch a,
.header-wechat .lang-switch a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border-radius: 999px; /* 完美的胶囊圆角 */
    background: rgba(255, 255, 255, 0.08); /* 初始半透明背景 */
    color: #ffffff !important; /* 强制纯白文字 */
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); /* 苹果官方平滑动画曲线 */
}

/* 悬停状态：白底，蓝字，轻微上浮加苹果蓝阴影 */
.header .lang-switch a:hover,
.header-wechat .lang-switch a:hover {
    background: #ffffff; /* 悬停变白底 */
    color: var(--apple-blue) !important; /* 文字变为苹果蓝 */
    transform: translateY(-1px); /* 轻微上浮 */
    box-shadow: 0 4px 8px rgba(0, 122, 255, 0.2); /* 边缘散发苹果蓝光晕 */
}



/* 更多日志按钮：半透明白色胶囊底，白字 */
.lang-web a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 14px;
    border-radius: 999px; /* 完美的胶囊圆角 */
    background: rgba(255, 255, 255, 0.08); /* 初始半透明背景 */
    color: #ffffff !important; /* 强制纯白文字 */
    font-size: 20px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1); /* 苹果官方平滑动画曲线 */
}

/* 悬停状态：白底，蓝字，轻微上浮加苹果蓝阴影 */
.lang-web a:hover {
    background: #ffffff; /* 悬停变白底 */
    color: var(--apple-blue) !important; /* 文字变为苹果蓝 */
    transform: translateY(-1px); /* 轻微上浮 */
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.2); /* 边缘散发苹果蓝光晕 */
}




/* ====== 首页弧形大Banner (苹果蓝) ====== */
.banner-wrap {
    position: relative;
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 100px;
    color: #fff;
}
.banner-arc {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 150%;
    min-width: 1440px;
    height: 100%;
    background: linear-gradient(135deg, 
    #007AFF 0%, 
    #007AFF 35%, 
    #2A7FFF 50%, 
    #FF3B30 75%, 
    #FF3B30 100%
);
    border-radius: 0 0 50% 50%;
    z-index: 1;
}
.banner-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* 大Logo 缩小优化 */
.banner-logo { width: 220px; margin: 0 auto 0; display: flex; justify-content: center; }
.banner-logo img {
    max-width: 320px;
    width: 100%;
    height: auto;
    object-fit: contain;
    display: block;
}

/* 首页slogan常态样式，和头部header-slogan一致 */
.banner-slogan-wrap .header-slogan{
    display:inline-block;
    background:rgba(255,255,255,0.18);
    border-radius:999px;
    padding:5px 18px;
    color:#fff;
    font-size:16px;
    /* 加上transition，悬停平滑过渡 */
    transition: all 0.2s ease;
}
/* 首页slogan 悬停效果，直接复用你给的头部hover逻辑 */
.banner-slogan-wrap .header-slogan:hover {
    background: #ffffff;
    color: var(--apple-blue);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.2);
}



/* 更新日志 */
.update-area { width: 460px; margin: 0 auto 20px; border-top: 1px solid rgba(255,255,255,0.25); padding-top: 15px; }
.update-item { display: flex; justify-content: space-between; padding: 6px 0; }
.update-item a { color: #fff; font-size: 20px; max-width: 320px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.update-item a:hover { opacity: 0.8; }
.update-item span { color: rgba(255,255,255,0.7); font-size: 20px; }
.more-log { display: inline-block; margin-top: 20px; color: rgba(255,255,255,0.8); font-size: 20px; text-align: left; }
.more-log:hover { color: #fff; }

/* 更新日志 移动端适配 */
@media(max-width:767px){
    .update-area {
        width: 100%;
        padding:15px 12px 0;
        margin:0 auto 20px;
    }
    .update-item a {
        font-size:16px;
        max-width: 80%;
    }
    .update-item span {
        font-size:16px;
    }
    .more-log {
        font-size:16px;
    }
}


/* ====== 圆形下载按钮区 ====== */
.download-grid { display: flex; justify-content: center; gap: 24px; flex-wrap: wrap; margin-bottom: 50px;margin-top: 50px; }
.dl-circle { 
    width: 110px; height: 110px; border-radius: 50%; 
    background: rgba(255,255,255,0.12); 
    display: flex; flex-direction: column; align-items: center; justify-content: center; 
    transition: 0.3s; color: #fff; 
}
.dl-circle:hover { background: rgba(255,255,255,0.25); transform: translateY(-2px); color: #044893;font-weight: 500; }
.dl-circle img { width: 36px; height: 36px; margin-bottom: 6px; display: block; }
.dl-circle .text { font-size: 14px; }


/* ====== 中间一排三个胶囊按钮 ====== */
.extra-links {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
}
.extra-links a {
    display: inline-flex;    /* ✅ 强制改为行内元素，解决竖着堆叠的问题 */
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: rgba(255,255,255,0.15);
    color: #fff !important;  /* ✅ 强制纯白色，不会发灰 */
    padding: 12px 32px;
    border-radius: 999px;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    white-space: nowrap;     /* ✅ 防止内部文字意外换行 */
}
.extra-links a:hover {
    background: rgba(255,255,255,0.3);
    transform: translateY(-2px);
}
.extra-links a img {
    width: 18px;
    height: 18px;
    display: block;
    object-fit: contain;     /* 图标保持比例 */
}

/* 移动端取消这个最小宽度，只在pc生效 */
/*@media (max-width:768px){
    .banner-arc,.pc-arc{
        min-width: unset !important;
    }
}*/

/* ====== 下方的生态矩阵 (最终定稿版) ====== */
.matrix-grid { 
    display: grid; 
    grid-template-columns: repeat(4, 1fr); 
    gap: 36px; /* ✅ 间距拉大到 36px，进一步压缩卡片物理大小 */
    max-width: 1050px; /* ✅ 核心限制：定死矩阵总宽度，阻止其被宽屏拉伸变扁 */
    margin: 0 auto;    /* ✅ 让矩阵在 1000px 宽度的容器里水平居中 */
    padding: 20px 0 30px; 
    background: transparent; 
    position: relative; 
    z-index: 2; 
}

.matrix-item { 
    aspect-ratio: 1 / 1; 
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
    background: #fff; 
    border-radius: 20px; 
    border: 1px solid #e5e5e5; 
    padding: 16px 12px; 
    text-align: center; 
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
    cursor: pointer;
}
.matrix-item:hover { 
    box-shadow: 0 8px 25px rgba(0, 122, 255, 0.18);
    transform: translateY(-4px) scale(1.06); 
    border-color: transparent; /* ✅ 按要求：移除悬停时的蓝边线 */
    background: var(--apple-blue);  
}
.matrix-item img { 
    width: 40px; /* ✅ 图标再放大一些，从 32px 提升到 40px */
    height: 40px; 
    margin: 0 auto 12px; /* ✅ 图标与文字间距放大一倍（原先是 6px，现在是 12px） */
    display: block; 
    object-fit: contain;
}
.matrix-item .name { 
    font-size: 16px; /* ✅ 字再放大一些，从 15px 提升到 16px */
    font-weight: 600; 
    color: var(--text-main); 
    line-height: 1.2;
}





/* 内容详情页/列表页 (保留基础) */
.content-detail { width: 800px; margin: 60px auto; background: #fff; border-radius: 8px; padding: 40px; box-shadow: 0 2px 12px rgba(0,0,0,0.06); }
.content-detail h1 { font-size: 28px; margin-bottom: 20px; }
.list-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; padding: 40px 0; }
.list-card { border: 1px solid #f0f0f0; border-radius: 8px; overflow: hidden; transition: 0.3s; }
.list-card:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.06); transform: translateY(-3px); }

/* ====== 下载列表页-苹果蓝风格产品卡片 ====== */
.case-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.case-list .col-lg-6 {
    width: 50%;
    flex: 0 0 50%;
    padding: 15px;
    box-sizing: border-box;
}
.cases-item {
    display: flex; flex-direction: column; height: 100%;
    background: #fff; border-radius: 12px; 
    padding: 15px 15px 20px;
    border: 1px solid #f0f0f0; transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}
.cases-item:hover {
    transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.08);
    /* border-color: var(--apple-blue);*/
}
.cases-item--thumb {
    width: 100%; 
    height: 210px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 10px;
    overflow: hidden; border-radius: 8px;
    background: #f8f9fa;
}
.cases-item--thumb img {
    width: 100%; height: 100%; object-fit: contain;
}
.cases-item--info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 4px;
}
.cases-item--title {
    font-size: 17px; font-weight: 500; color: var(--text-main);
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    flex: 1;
    margin-right: 12px;
}
.cases-item--date {
    font-size: 13px; color: var(--text-gray);
    white-space: nowrap;
}
/* ====== 卡片角标样式 ====== */
.cases-item {
    position: relative;
    overflow: hidden;
}

/* 右上角日期角标 — 贴紧右上角 */
.cases-item--date-badge {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 14px;
    border-radius: 0 0 0 12px;  /* 只有左下角圆角，右上角直角 */
    letter-spacing: 0.5px;
    z-index: 2;
    border: none;
}
/* 左下角标题角标 */
.cases-item--title-badge {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background: linear-gradient(to right, rgba(0, 122, 255, 0.85), rgba(255, 59, 48, 0.75));
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 14px;
    border-radius: 0px;
    z-index: 2;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    border: 0px solid rgba(255, 255, 255, 0.1);
     /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); */  /* ← 注释掉或删除这行 */
    transition: all 0.3s ease;
}

/* 悬停时标题角标增强 */
.cases-item:hover .cases-item--title-badge {
    background: linear-gradient(to right, rgba(0, 122, 255, 0.95), rgba(255, 59, 48, 0.85));
    transform: scale(1.02);
}




/* 新增：置顶大图右上角 最新版本角标样式 */
.badge-new-version {
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    overflow: hidden;
    z-index: 20;
}
.badge-new-version span {
    position: absolute;
    top: 28px;
    right: -32px;
    width: 160px;
        background: linear-gradient(135deg, 
    #007AFF 0%,     
    #2A7FFF 40%, 
    #FF3B30 75%, 
    #FF3B30 100%
);
    color: #fff;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 0;
    transform: rotate(45deg);
    box-shadow: 0 2px 6px rgba(0,122,255,0.3);
}


/* ====== 置顶大图样式 ====== */
.case__area--list-first {
    margin-bottom: 20px;
}

.first__item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 置顶卡片悬停效果 */
.first__item:hover {
    transform: translateY(-6px) scale(1.01);
    box-shadow: 0 16px 48px rgba(0, 122, 255, 0.25);
}

/* ✅ 关键修复：图片缩放 + 平滑过渡 */
.first__item--img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    background: #f8f9fa;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);  /* ✅ 加过渡 */
}

/* ✅ 悬停时图片轻微放大（带过渡，不会跳变） */
.first__item:hover .first__item--img {
    transform: scale(1.05);  /* 从 1.03 改成 1.05，更明显 */
}

/* 悬停时遮罩层加深 */
.first__item:hover .first__item--cover {
    background: linear-gradient(to top, rgba(0, 122, 255, 0.92), rgba(0, 122, 255, 0.1));
}

.first__item--cover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, 
        rgba(0, 122, 255, 0.05) 0%, 
        rgba(0, 122, 255, 0.85) 60%,
        rgba(0, 122, 255, 0.92) 100%
    );
    padding: 70px 30px;
    color: #fff;
}
.first__item--cover .art-industry {
    display: inline-block;
    background: var(--apple-blue);
    padding: 4px 16px;
    border-radius: 12px;
    font-size: 13px;
    margin-bottom: 12px;
}

.first__item--cover-title {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 10px;
}

.first__item--cover .item-divider {
    width: 40px;
    height: 3px;
    background: #fff;
    margin-bottom: 15px;
}

.first__item--desc {
    font-size: 14px;
    opacity: 0.9;
    max-width: 640px;
}

.first__item--cover .item-list {
    margin-top: 10px;
    display: flex;
    gap: 0px;
    font-size: 13px;
    opacity: 0.8;
}

/* ====== 产品列表页 - 移动端卡片一个一排 ====== */
@media (max-width: 991px) {
    .case-list .col-12 {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px 12px;  /* 适当缩小左右内边距，防止溢出 */
    }
    .cases-item--thumb {
        height: 180px;  /* 手机端图片高度适当缩小 */
    }
}

@media (max-width: 480px) {
    .cases-item--thumb {
        height: 150px;  /* 小屏手机进一步缩小 */
    }
    .cases-item {
        padding: 10px 10px 14px;
    }
}




/* ==================== 下载祥情页 ==================== */
.pc-banner {
    position: relative;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 120px;
    color: #fff;
}
.pc-arc {
    position: absolute;
    top: 0; left: 50%;
    transform: translateX(-50%);
    width: 150%;
    min-width: 1440px;
    height: 100%;
    background: var(--apple-blue);
    border-radius: 0 0 50% 50%;
    z-index: 1;
}
.pc-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.pc-logo { width: 120px; margin: 0 auto 55px; display: flex; justify-content: center; }
.pc-title { font-size: 34px; font-weight: 480; margin-bottom: 30px; letter-spacing: 2px; }
.pc-subtitle { font-size: 18px; color: rgba(255,255,255,0.85); margin-bottom: 40px; letter-spacing: 6px; }
.pc-features { 
    background: rgba(255,255,255,0.1); padding: 20px 0 10px; border-radius: 12px; 
    width: 100%; max-width: 600px; text-align: left; 
}
.pc-features li { 
    padding: 8px 24px; font-size: 15px; color: #fff; 
    display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,0.05); 
}
.pc-features li:last-child { border-bottom: none; }
.pc-features li span { color: rgba(255,255,255,0.7); font-size: 13px; }


.pc-download { display: flex; flex-direction: column; align-items: center; margin-top: 60px; gap: 15px; }
.pc-btn-download {
    display: inline-flex; align-items: center; gap: 16px;
    background: rgba(255,255,255,0.15); border: 1px solid rgba(255,255,255,0.2);
    backdrop-filter: blur(4px); color: #fff; padding: 12px 40px 12px 24px;
    border-radius: 999px; font-size: 16px; font-weight: 500; transition: 0.3s; cursor: pointer;
}
.pc-btn-download:hover { background: rgba(255,255,255,0.25); transform: translateY(-2px); }
.pc-btn-download .icon { width: 32px; height: 32px; background: #fff; border-radius: 50%; display: inline-block; }
.pc-btn-download .info { 
    display: flex; 
    flex-direction: column; 
    align-items: center; /* ✅ 把 flex-start 改成 center，文字就会完美垂直水平居中 */
}
/* 下载按钮内部文字样式 */
.pc-btn-download .info .text { 
    font-size: 20px; 
    text-align: center; /* ✅ 追加这一行：文字强制居中 */
}
.pc-btn-download .info .tip { font-size: 12px; color: rgba(255,255,255,0.7); }
.timeinfo { 
    background: rgba(255,255,255,0.25);
    transform: translateY(-2px); 
    border-radius: 999px;
    margin-top: 6px;
    height: 26px;
    padding: 5px 16px;   /* 左右从 5px 增加到 16px */
    font-size: 11px; 
    text-align: center;
}

.pc-link-x86 {
    color: #ffffff;
    font-size: 13px;
    display: flex;
    align-items: center;
    gap: 4px;
    cursor: pointer;
    margin-top: 6px;
    transition: all 0.2s ease;
}
.pc-link-x86 a {
    color: inherit !important;
    text-decoration: none !important;
    border-bottom: none !important;
    transition: all 0.2s ease;
}
/* 文字悬浮改为浅蓝，和纯白区分开，变化肉眼清晰可见 */
.pc-link-x86:hover,
.pc-link-x86:hover a {
    color: #99d1ff !important;
}
.pc-link-x86 span { 
    font-size: 14px; 
    background: rgba(255,255,255,0.2); 
    border-radius: 50%; 
    width: 16px; 
    height: 16px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    transition: all 0.2s ease; 
}
/* 感叹号圆圈同步加深，双重提示 */
.pc-link-x86:hover span {
    background: rgba(255,255,255,0.55);
}
/* 底部界面展示区 */
.pc-image-area { 
    display: flex; 
    justify-content: center;
    align-items: center; 
    background: transparent; 
    padding: 0 0 0px; 
    margin-top: -100px; 
    position: relative; 
    z-index: 1; 
}

/* 控制图片大小 */
.pc-image-area .ui-svg { 
    /* ✅ 缩小尺寸：从 720px 改为 480px */
    max-width: 1400px;
    width: 100%;
    height: auto;
    display: block;
}
.ui-placeholder {
    width: 100%;
    max-width: 480px;
    height: 320px;
    background: #f7f8fa;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #999;
    font-size: 14px;
    border: 1px dashed #ddd;
    margin: 0 auto;
}



/* ============================================================
   下载详情页 - 移动端适配
   ============================================================ */

/* ---------- 平板适配 (≤991px) ---------- */
@media (max-width: 991px) {
    .pc-banner {
        padding-top: 40px;
        padding-bottom: 80px;
    }
    .pc-arc {
        width: 200%;
        min-width: unset;
        border-radius: 0 0 40% 40%;
    }
    .pc-title {
        font-size: 28px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }
    .pc-logo {
        width: 80px;
        margin: 0 auto 30px;
    }
    .pc-features {
        max-width: 100%;
        padding: 16px 0 8px;
    }
    .pc-features li {
        font-size: 14px;
        padding: 6px 18px;
        flex-wrap: wrap;
        gap: 4px;
    }
    .pc-features li span {
        font-size: 12px;
    }
    .pc-download {
        margin-top: 40px;
        gap: 12px;
    }
    .pc-btn-download {
        padding: 10px 28px 10px 18px;
        font-size: 14px;
        gap: 12px;
    }
    .pc-btn-download .icon {
        width: 28px;
        height: 28px;
    }
    .pc-btn-download .info .text {
        font-size: 18px;
        text-align: center;
        font-weight: 800;
    }
    .pc-btn-download .info .tip {
        font-size: 12px;
    }
    .timeinfo {
        height: 24px;
        padding: 4px 14px;
        font-size: 10px;
    }
    .pc-link-x86 {
        font-size: 12px;
    }
    .pc-link-x86 span {
        width: 14px;
        height: 14px;
        font-size: 12px;
    }
    /* 底部图片区域 */
    .pc-image-area {
        margin-top: -60px;
        padding: 0 10px;
    }
    .pc-image-area .ui-svg {
        max-width: 100%;
    }
}

/* ---------- 手机适配 (≤768px) ---------- */
@media (max-width: 768px) {
    .pc-banner {
        padding-top: 30px;
        padding-bottom: 60px;
    }
    .pc-arc {
        width: 220%;
        border-radius: 0 0 30% 30%;
    }
    .pc-content {
        padding: 0 20px;
        text-align: justify;
        text-align: center; 
    }
    .pc-title {
        font-size: 22px;
        margin-bottom: 16px;
        letter-spacing: 0.5px;
        line-height: 1.4;
    }
    .pc-logo {
        width: 60px;
        margin: 0 auto 20px;
    }
    .pc-subtitle {
        font-size: 14px;
        letter-spacing: 3px;
        margin-bottom: 24px;
    }
    .pc-features {
        padding: 12px 0 6px;
        border-radius: 8px;
    }
    .pc-features li {
        font-size: 14px;
        padding: 5px 14px;
        line-height: 1.6;
    }
    .pc-features li span {
        font-size: 11px;
    }
    .pc-download {
        margin-top: 30px;
        gap: 10px;
        width: 70%;
    }
    .pc-btn-download {
        padding: 10px 18px;
        font-size: 13px;
        gap: 10px;
        width: 100%;
        justify-content: center;
        border-radius: 999px;
    }
    .pc-btn-download .icon {
        width: 24px;
        height: 24px;
        flex-shrink: 0;
    }
    .pc-btn-download .info {
        align-items: flex-start;
        align-items: center;
    }
    .pc-btn-download .info .text {
        font-size: 16px;
        text-align: center;
        font-weight: 800;
    }
    .pc-btn-download .info .tip {
        font-size: 10px;
    }
    .timeinfo {
        height: 22px;
        padding: 3px 12px;
        font-size: 10px;
        margin-top: 4px;
    }
    .pc-link-x86 {
        font-size: 11px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .pc-link-x86 span {
        width: 13px;
        height: 13px;
        font-size: 11px;
    }
    /* 底部图片区域 - 手机 */
    .pc-image-area {
        margin-top: -40px;
        padding: 0 8px;
    }
    .pc-image-area .ui-svg {
        max-width: 100%;
        border-radius: 8px;
    }

    /* 搜索框GIF区域 - 手机 */
    .pc-banner .pc-search-gif-area {
        padding: 16px 0 0px !important;
    }
    .pc-banner .search-gif-wrap img {
        max-width: 100%;
    }
}

/* ---------- 小屏手机适配 (≤480px) ---------- */
@media (max-width: 480px) {
    .pc-banner {
        padding-top: 20px;
        padding-bottom: 50px;
    }
    .pc-arc {
        width: 250%;
        border-radius: 0 0 25% 25%;
    }
    .pc-title {
        font-size: 18px;
        margin-bottom: 12px;
        letter-spacing: 0;
    }
    .pc-logo {
        width: 48px;
        margin: 0 auto 16px;
    }
    .pc-subtitle {
        font-size: 12px;
        letter-spacing: 2px;
        margin-bottom: 18px;
    }
    .pc-features li {
        font-size: 12px;
        padding: 4px 12px;
    }
    .pc-features li span {
        font-size: 10px;
    }
    .pc-download {
        margin-top: 20px;
        gap: 5px;
    }
    .pc-btn-download {
        padding: 8px 14px;
        font-size: 12px;
        gap: 8px;
        border-radius: 999px;
    }
    .pc-btn-download .icon {
        width: 20px;
        height: 20px;
    }
    .pc-btn-download .info .text {
        font-size: 16px;
        text-align: center;
        font-weight: 800;
    }
    .pc-btn-download .info .tip {
        font-size: 10px;
    }
    .timeinfo {
        height: 20px;
        padding: 2px 10px;
        font-size: 9px;
    }
    .pc-link-x86 {
        font-size: 10px;
        gap: 2px;
    }
    .pc-link-x86 span {
        width: 12px;
        height: 12px;
        font-size: 10px;
    }
    /* 底部图片区域 - 小屏 */
    .pc-image-area {
        margin-top: -30px;
        padding: 0 6px;
    }
    .pc-image-area .ui-svg {
        border-radius: 6px;
    }

    /* 搜索框GIF区域 - 小屏 */
    .pc-banner .pc-search-gif-area {
        padding: 12px 0 0px !important;
    }
}



/* ====== 底部页脚 100% 微信官网复刻 ====== */
.footer {
    background: #ffffff; /* ✅ 页脚保持纯白底色 */
    padding: 32px 0 24px;
    border-top: 1px solid #e5e5e5; /* ✅ 添加微信官网那根极细的分隔线 */
    width: 100%;
    text-align: center;
}
.footer .container {
    display: flex;
    flex-direction: column;
    align-items: center; /* 强制水平居中 */
    gap: 6px;            /* 让行与行之间保留紧凑的间距 */
}
.footer-links {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 13px; /* ✅ 调小为 13px */
    color: #888; /* 微信灰色调 */
}
.footer-links a {
    color: #888;
    transition: color 0.2s;
}
.footer-links a:hover {
    color: #333; /* 悬停变成深色 */
}
.footer-links .divider {
    color: #d9d9d9;
    margin: 0 8px;
}
.footer-record, .footer-copy {
    font-size: 12px;  /* ✅ 备案和版权文字更小为 12px */
    color: #999;
}
.footer-record a {
    color: #999;
}
.footer-record a:hover {
    color: #333;
}







/* 蓝色banner内部的gif，清除原有上下padding，适配蓝色背景 */
.pc-banner .pc-search-gif-area {
  padding: 30px 0 0px 0 !important;
}
.pc-banner .search-gif-wrap img {
  max-width: 380px;
  width: 100%;
  height: auto;
}




/* 移动端适配 */
@media (max-width:768px){
    .pc-banner .pc-search-gif-area{
        padding:20px 10px 16px !important;
    }
    .pc-banner .search-gif-wrap img{
        max-width:100%;
    }
}



/* ========== 移动端统一媒体查询 ========== */
/* 768px手机端通用适配 */
@media (max-width: 768px) {
    .index-update-list { width: 100%; padding-left: 15px; padding-right: 15px; }
    .index-dl-circle { width: 80px; height: 80px; }
    .index-dl-circle img { width: 28px; height: 28px; }
    .index-extra-links a { font-size: 12px; padding: 6px 15px; }

    .update-area { width: 100%; padding-left: 10px; padding-right: 10px; }
    .download-grid { gap: 15px; }
    .dl-circle { width: 80px; height: 80px; }
    .dl-circle img { width: 28px; height: 28px; }
    .dl-circle .text { font-size: 12px; }
    .extra-links a { width: 45%; justify-content: center; padding: 6px 10px; font-size: 12px; }
    

    .case-list .col-12 { width: 100%; flex: 0 0 100%; }
    .cases-item--thumb { height: 135px; }
    .first__item--cover { padding: 20px 15px !important; }
    .first__item--cover-title { font-size: 20px !important; }
}
/* 平板991px适配 */
@media (max-width: 991px) {
    .case-list .col-md-6 { width: 50%; flex: 0 0 50%; }
}

/* 平板适配LOGO */
@media screen and (max-width:992px) {
    .banner-logo img {
        max-width: 340px;
    }
}
/* 手机适配LOGO */
@media screen and (max-width:768px) {
    .banner-logo img {
        max-width: 260px;
    }
}

/* 移动端头部适配 */
@media (max-width: 768px) {
    .header .header-inner,
    .header-wechat .header-inner {
        flex-wrap: wrap;
        gap: 8px;
    }
    .header .header-slogan {
        display: none;
    }
    .header .header-center {
        flex: 1;
        min-width: 120px;
        order: 2;
    }
    .header-search {
        max-width: 100%;
        padding-left: 12px;
    }
    .header-search-input {
        font-size: 13px;
    }
    .header-search-btn {
        width: 28px;
        height: 28px;
        font-size: 12px;
    }
    .header .header-right,
    .header-wechat .header-right {
        flex-shrink: 1;
        gap: 4px;
    }
    .header .lang-switch a,
    .header-wechat .lang-switch a {
        padding: 4px 10px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .header .header-left .logo img {
        height: 32px;
    }
    .header .header-center {
        min-width: 80px;
    }
    .header-search {
        padding-left: 10px;
    }
    .header-search-input {
        font-size: 12px;
    }
    .header-search-btn {
        width: 24px;
        height: 24px;
        font-size: 11px;
    }
    .header .lang-switch a,
    .header-wechat .lang-switch a {
        padding: 3px 8px;
        font-size: 11px;
    }
}

/* ====== 新增：新闻详情页 (苹果蓝纯净风格) ====== */
.article-detail {
    width: 100%;
    margin: 30px auto 30px;
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.06);
}
.article-detail .article-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--text-main);
    margin-bottom: 20px;
    line-height: 1.4;
}
.article-detail .article-meta {
    font-size: 14px;
    color: var(--text-gray);
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 20px;
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
}
.article-detail .article-meta-left {
    display: flex;
    align-items: center;
    gap: 16px;
}
/* 苹果迷你按钮，完全嵌套在article-meta下，无单独.meta选择器 */
.article-detail .article-meta .apple-btn-mini {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    height: 24px;
    border-radius: 999px;
    background-color: #007AFF !important;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: none !important;
    border: none;
    cursor: pointer;
}
.article-detail .article-meta .apple-btn-mini:hover {
    opacity: 0.9;
    color: #fff;
}
.article-detail .article-body {
    font-size: 15px; /* ✅ 字号已按要求调小 */
    line-height: 1.8;
    color: var(--text-main);
}
.article-detail .article-body p {
    margin-bottom: 20px;
}
.article-detail .article-body img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 20px auto;
    border-radius: 8px;
}
.article-detail .article-body h1, .article-detail .article-body h2, .article-detail .article-body h3 {
    margin: 24px 0 16px;
    font-weight: 500;
}

/* 文章分页导航 */
.article-page-nav {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid #f0f0f0;
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    color: var(--text-gray);
}
.article-page-nav a { color: var(--apple-blue); }
.article-page-nav a:hover { opacity: 0.8; }

/* 手机端适配 */
@media (max-width: 768px) {
    body{overflow-x:hidden;}
    .article-detail {
        padding: 20px;
        /* 原来：margin: 20px 10px 40px; 替换成下面居中写法 */
        margin: 20px auto 40px;
        max-width: 100%;
        box-sizing: border-box;
        width: 100%;
    }
    .article-detail .article-title {
        font-size: 22px;
    }
    .article-detail .article-body {
        font-size: 14px;
    }
    .article-detail .article-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    /* 修复底部导航在移动端偏右的问题 */
    .article-page-nav {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        box-sizing: border-box;
        width: 100%;
        left:0;
        transform:none;
    }
    .article-page-nav > div {
        width: 100%;
        text-align: left;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        box-sizing: border-box;
    }
}


/* ====== 苹果风突出按钮（纯色版） ====== */
.apple-btn {
    display: inline-block;
    padding: 14px 40px;
    border-radius: 999px; /* 胶囊圆角 */
    
    /* ✅ 改为纯苹果蓝，去掉了渐变 */
    background-color: #007AFF !important;
    
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.4);
    border: none;
    cursor: pointer;
    letter-spacing: 0.5px;
}
.apple-btn:hover {
    transform: translateY(-3px); /* 悬停轻微上浮 */
    box-shadow: 0 8px 24px rgba(0, 122, 255, 0.5);
    color: #fff;
    opacity: 0.95;
}
.apple-btn:active {
    transform: translateY(0); /* 点击下沉 */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}



/* ====== 苹果风迷你按钮（彻底缩小、压扁、无阴影） ====== */
.apple-btn-mini {
    display: inline-flex;         /* 改用 inline-flex，更容易垂直居中 */
    align-items: center;          /* 按钮内部文字强制居中 */
    justify-content: center;
    padding: 0 14px;              /* 左右间距缩小 */
    height: 24px;                 /* 强制固定高度，不再忽高忽低 */
    border-radius: 999px;         /* 胶囊圆角 */
    
    background-color: #007AFF !important;
    color: #fff;
    font-size: 12px;              /* 字号进一步缩小到 12px */
    font-weight: 500;
    text-decoration: none;
    transition: all 0.2s ease;
    box-shadow: none !important;  /* 彻底扁平 */
    border: none;
    cursor: pointer;
}
.apple-btn-mini:hover {
    opacity: 0.9;
    color: #fff;
}




/* ====== 超宽屏电脑适配 (大于 1440px) ====== */
@media (min-width: 1440px) {
    /* 如果你的素材足够宽，可以让网页主容器适当撑大 */
    .container {
        max-width: 1280px; /* 原先 1200px，适当加宽提升大屏视觉体验 */
    }
}


/* ====== 苹果风胶囊分页（完整版） ====== */
.pagination-wrap {
    text-align: center;
    margin-top: 10px;
    padding-bottom: 0px;
}
.pagination-wrap a,
.pagination-wrap span {
    display: inline-block;
    padding: 6px 16px;
    margin: 0 4px 8px 4px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-main);
    background: #E5E5EA;
    border: 1px solid transparent;
    transition: all 0.2s ease;
    text-decoration: none;
    cursor: pointer;
}
.pagination-wrap a:hover {
    background: var(--apple-blue);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.25);
    transform: translateY(-2px);
}
.pagination-wrap .current {
    background: var(--apple-blue);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3);
}
.pagination-wrap a.prev,
.pagination-wrap a.next {
    background: #ffffff;
    border: 1px solid #e5e5e5;
}
.pagination-wrap a.prev:hover,
.pagination-wrap a.next:hover {
    background: var(--apple-blue);
    border-color: var(--apple-blue);
}

/* ====== 移动端增强 ====== */
@media (max-width: 480px) {
    .pagination-wrap {
        margin-top: 6px;
        padding: 0 4px;
    }
    .pagination-wrap a,
    .pagination-wrap span {
        padding: 8px 12px;
        margin: 0 3px 6px 3px;
        font-size: 13px;
        min-width: 36px;
        border-radius: 18px;
    }
    .pagination-wrap a.prev,
    .pagination-wrap a.next {
        padding: 8px 10px;
        font-size: 12px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .pagination-wrap a,
    .pagination-wrap span {
        padding: 5px 10px;
        margin: 0 4px 8px 4px;
        font-size: 14px;
        min-width: 38px;
        border-radius: 20px;
    }
    .pagination-wrap a.prev,
    .pagination-wrap a.next {
        padding: 5px 10px;
        font-size: 13px;
    }
}



/* ====== 服务页（SERVICE）专属样式 ====== */
.service-header {
    background: var(--apple-blue);
    padding: 50px 0 50px;
    text-align: center;
    color: #fff;
}
.service-header h1 {
    font-size: 40px;
    font-weight: 300;
    letter-spacing: 2px;
    margin-bottom: 6px;
}
.service-header h3 {
    font-size: 18px;
    color: rgba(255,255,255,0.85);
    letter-spacing: 4px;
    margin-bottom: 12px;
}
.service-header p {
    max-width: 700px;
    margin: 0 auto;
    font-size: 15px;
    color: rgba(255,255,255,0.8);
    line-height: 1.6;
}

/* 服务页导航 */
.service-nav-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: -10px;
    padding: 40px 20px 0px;
    position: relative;
}
.service-nav-list a {
    background: #fff;
    padding: 8px 24px;
    border-radius: 999px;
    color: var(--text-main);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    border: 1px solid transparent;
    position: relative;
}
.service-nav-list a:hover,
.service-nav-list a.active {
    background: var(--apple-blue);
    color: #fff;
    box-shadow: 0 4px 12px rgba(0,122,255,0.3);
}
/* 激活按钮 向下三角箭头（匹配截图效果） */
.service-nav-list a.active::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -8px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid var(--apple-blue);
    filter: drop-shadow(0 4px 8px rgba(0, 122, 255, 0.45));
    z-index: 2;
}

/* 服务内容区 */
.service-content {
    padding: 10px 0px 30px;
    width: 100%;
    margin: 0 auto;
}
.service-content .about-wrapper {
    background: #fff;
    border-radius: 12px;
    padding: 20px 40px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    font-size: 15px;
    line-height: 1.8;
    color: var(--text-main);
}
.service-content .about-wrapper img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 20px 0;
}


/* 手机端适配 */
@media (max-width: 768px) {
    .service-header { padding: 60px 0 30px; }
    .service-header h1 { font-size: 28px; }
    .service-content { 
        padding: 20px 20px 20px;   /* 左右增加 20px 留白 */
    }
    .service-content .about-wrapper { 
        padding: 20px 20px;        /* 卡片内部左右内边距 */
    }

    .product-intro-block h2 {
        font-size: 18px;
    }
    .product-intro-block h3 {
        font-size: 16px;
    }

    .service-nav-list {
        gap: 8px !important;
        padding: 24px 12px 0 !important;
        margin-top: 0 !important;
    }
    .service-nav-list a {
        padding: 6px 14px !important;
        font-size: 13px !important;
    }
    /* 移动端缩小三角尺寸 */
    .service-nav-list a.active::after {
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid var(--apple-blue);
        bottom: -6px;
        filter: drop-shadow(0 3px 6px rgba(0, 122, 255, 0.4));
    }
}



/* ========== 产品介绍模块 终极修复版（彻底解决标题数字单独换行 + 全端兼容） ========== */
/* 全局隔离重置，隔绝页面其他样式污染 */
.product-intro-block * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /* 中文整句换行，英文单词不截断 */
    word-break: break-all;
    word-wrap: break-word;
    -webkit-word-break: break-all;
}

.product-intro-block {
    max-width: 100%; /* PC大屏固定内容宽度，不无限拉伸 */
    margin: 0 auto;
    padding: 0 20px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Segoe UI", Roboto, sans-serif;
}



/* ===== 一级标题（蓝色胶囊）===== */
.product-intro-block h2 {
    margin: 14px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e5e5ea;
}

.product-intro-block .blue-capsule {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 10px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    background: #007AFF;
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.5px; 
    white-space: nowrap;
    flex-shrink: 0; /* 蓝色标签绝不压缩 */
}

/* ===== 二级小标题 h3 优化层级间距 ===== */
.product-intro-block h3 {
    margin: 14px 0 12px;
    color: #007AFF;
    font-size: 14px;
    font-weight: 550;
    color: #1a1a1a;
    padding-left: 4px;
    border-left: 3px solid #007AFF;
    line-height: 1.4;
}

/* ===== 三级数字深灰胶囊【核心修复】===== */
.product-intro-block .gray-capsule {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 22px;
    padding: 0 4px;
    border-radius: 999px;
    -webkit-border-radius: 999px;
    background: #666666;
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    flex: 0 0 auto; /* 关键：固定尺寸，禁止压缩/换行 */
    flex-shrink: 0;
    white-space: nowrap;
    margin-right: 5px;
}

/* ===== 列表项【核心修复：拆分胶囊+文字容器】===== */
.product-intro-block .dot-list {
    padding-left: 0;
    margin: 10px 0 16px;
    list-style: none;
}

.product-intro-block .dot-list li {
    margin-bottom: 12px;
    font-size: 12px;
    color: #333;
    line-height: 1.7;
    font-weight: 400;
    display: flex;
    align-items: flex-start;
    gap: 7px;
    flex-wrap: nowrap; /* 全局禁止换行 */
    width: 100%;
}
/* 文字内容容器：自动占满剩余宽度，超长自动换行 */
.product-intro-block .dot-list li .text-content {
    flex: 1;
    min-width: 0; /* 修复flex子元素文字溢出不换行bug */
}

/* 仅三级小标题文字加粗，其余正文不加粗 */
.product-intro-block .dot-list li strong {
    font-weight: 600;
    color: #111;
}

/* ===== 正文通用样式 ===== */
.product-intro-block p {
    margin-bottom: 12px;
    font-size: 14px;
    color: #333333;
    line-height: 1.7;
    font-weight: 400;
}

.product-intro-block .text-red-highlight {
    color: #FF3B30;
    font-weight: 400;
}

/* 分割线 */
.product-intro-block .split-line {
    height: 1px;
    background: #e5e5ea;
    margin: 10px 0;
    width: 100%;
}

/* 用户卡片网格 */
.product-intro-block .user-card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
    margin-top: 10px;
}

.product-intro-block .user-card {
    background: #f5f6f8;
    padding: 12px;
    border-radius: 16px;
    font-size: 13px;
    color: #333;
    transition: 0.2s ease;
    font-weight: 400;
}

.product-intro-block .user-card.full-width {
    grid-column: 1 / -1;
}


/* 1. 卡片网格从2列改为3列，和原有样式完全兼容 */
.user-card-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

/* 2. 清除a标签卡片的默认链接样式，保证和div卡片视觉完全一致 */
a.user-card {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
a.user-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 122, 255, 0.18);
    border-color: #007AFF;
}

/* 3. 移动端适配：小屏幕自动改为1列，不会挤压变形 */
@media (max-width: 768px) {
    .user-card-grid {
        grid-template-columns: 1fr;
        gap: 15px;
    }
}



.blue-tag,
.red-tag {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 400;
    margin-right: 6px;
}

.blue-tag {
    background: #e6f2ff;
    color: #007AFF;
}

.red-tag {
    background: #ffe9e9;
    color: #FF3B30;
}





/* ====== 软件更新日志(Updates) 页面样式 (ul-前缀隔离无冲突｜苹果风圆角卡片复刻图2协议页) ====== */
.ul-container {
    display: flex;
    gap: 20px;
    padding: 30px 0 60px;
    align-items: flex-start;
    background: #F7F8FA;
}
/* 左侧侧边栏 - 独立苹果圆角白卡片 */
.ul-sidebar {
    width: 260px;
    flex-shrink: 0;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    padding: 24px 0;
    max-height: calc(100vh - 160px);
    overflow-y: auto;
    overflow-x: visible;   /* ✅ hidden → visible */
    position: sticky;
    top: 20px;
    padding-right: 4px;    /* ✅ 给右侧悬浮留空间 */
}
/* 自定义滚动条 - 苹果风格 */
.ul-sidebar::-webkit-scrollbar {
    width: 4px;
}

.ul-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.ul-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 122, 255, 0.3);
    border-radius: 10px;
}

.ul-sidebar::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 122, 255, 0.5);
}

.ul-sidebar-title {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-main);
    padding: 0 24px 16px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 12px;
}
.ul-sidebar .log-item {
    display: block;
    padding: 12px 20px;
    margin: 0 6px;
    color: #666;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 14px;
    border-left: 3px solid transparent;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    background: transparent;
    border-radius: 0;
}

/* 苹果风磨砂悬浮效果 — 浅灰色背景，轻微磨砂 */
.ul-sidebar .log-item:hover {
    background: rgba(0, 0, 0, 0.04);   /* ✅ 极浅灰色，不是蓝色 */
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--text-main);            /* ✅ 保持深色文字，不变蓝 */
    transform: translateX(2px) scale(1.02);
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
    border-left: 3px solid #ccc;        /* ✅ 灰色边框 */
    margin: 0 2px;
}

/* 选中状态 — 苹果蓝，保持磨砂 */
.ul-sidebar .log-item.active {
    background: rgba(0, 122, 255, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--apple-blue);
    font-weight: 500;
    border-left: 3px solid var(--apple-blue);
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 122, 255, 0.12);
    margin: 0 2px;
}

/* 右侧内容区域 - 独立苹果圆角白卡片 */
.ul-main {
    flex: 1;
    min-width: 0;
    min-height: 700px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    padding: 40px;
}
.ul-empty-tip {
    height: 600px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #aaa;
    font-size: 14px;
}
.ul-loading {
    color: var(--apple-blue);
    text-align: center;
    padding: 100px 0;
}
.ul-error-tip {
    color: var(--apple-red);
    text-align: center;
    padding: 100px 0;
}
.article-content-box h1 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 10px;
}
.article-content-box .meta {
    font-size: 14px;
    color: #999;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eee;
}
/* 列表卡片样式（备用列表页，保留圆角hover动效） */
.ul-main-title {
    font-size: 28px;
    font-weight: 300;
    margin-bottom: 30px;
    color: var(--text-main);
}
.ul-item {
    background: #fff;
    border-radius: 12px;
    padding: 24px 30px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    margin-bottom: 16px;
    transition: all 0.2s ease;
    display: block;
    text-decoration: none;
    border: 1px solid transparent;
}
.ul-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    border-color: var(--apple-blue);
}
.ul-item-title {
    font-size: 18px;
    font-weight: 500;
    color: var(--text-main);
    margin-bottom: 6px;
}
.ul-item-date {
    font-size: 14px;
    color: var(--text-gray);
    display: block;
}

/* 强化苹果磨砂浅阴影，贴近第二张协议页面视觉 */
.ul-sidebar, .ul-main, .ul-item {
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
}

/* 更新日志内容内图片统一苹果圆角 */
.article-content-box img {
    border-radius: 12px;
    overflow: hidden;
    display: block;
    max-width: 100%;
    margin: 12px 0 24px;
}




/* ====== 留言本专属样式（苹果风） ====== */

/* ---- 表单整体 ---- */
.gbook-form .field-group {
    margin-bottom: 22px;
}

/* ---- 标签：苹果蓝 + 加粗 ---- */
.gbook-form label {
    display: block;
    font-weight: 600;
    font-size: 16px;
    color: var(--apple-blue);
    margin-bottom: 6px;
    letter-spacing: 0.3px;
}
.gbook-form .required {
    color: var(--apple-red);
    margin-left: 2px;
    font-weight: 600;
}

/* ---- 输入框：iOS 风格 ---- */
.gbook-form input[type="text"],
.gbook-form textarea {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #e5e5ea;
    border-radius: 12px;
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    background: #fafafa;
    transition: all 0.25s ease;
    outline: none;
    box-sizing: border-box;
    color: var(--text-main);
}
.gbook-form input[type="text"]:focus,
.gbook-form textarea:focus {
    border-color: var(--apple-blue);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.12);
}
.gbook-form textarea {
    min-height: 120px;
    resize: vertical;
}

/* ---- 占位符样式 ---- */
.gbook-form input[type="text"]::placeholder,
.gbook-form textarea::placeholder {
    color: #b0b0b0;
    font-weight: 400;
}

/* ---- 验证码 + 提交按钮 同行 ---- */
.gbook-form .captcha-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-top: 4px;
}
.gbook-form .captcha-row label {
    flex-shrink: 0;
    margin-bottom: 0;
}
.gbook-form .captcha-row .captcha-input {
    width: 100px;
    flex-shrink: 0;
    padding: 8px 10px;
    border: 1.5px solid #e5e5ea;
    border-radius: 10px;
    font-size: 14px;
    background: #fafafa;
    outline: none;
    transition: all 0.25s ease;
    box-sizing: border-box;
    text-align: center;
    letter-spacing: 2px;
}
.gbook-form .captcha-row .captcha-input:focus {
    border-color: var(--apple-blue);
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.12);
}
.gbook-form .captcha-row .captcha-img {
    cursor: pointer;
    height: 32px;
    width: auto;
    border-radius: 8px;
    border: 1.5px solid #e5e5ea;
    flex-shrink: 0;
    transition: opacity 0.2s;
}
.gbook-form .captcha-row .captcha-img:hover {
    opacity: 0.8;
}
.gbook-form .captcha-row .submit-btn {
    flex-shrink: 0;
    padding: 8px 28px;
    font-size: 15px;
    border-radius: 999px;
}

/* ---- 卡片标题 ---- */
.gbook-card-title {
    font-size: 24px;
    font-weight: 600;
    color: var(--text-main);
    padding-bottom: 16px;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 28px;
    letter-spacing: -0.3px;
}
.gbook-card-title small {
    font-weight: 400;
    font-size: 14px;
    color: var(--text-gray);
    margin-left: 12px;
    letter-spacing: 0;
}

/* ---- 分割线 ---- */
.gbook-divider {
    height: 1px;
    background: linear-gradient(to right, #e5e5ea, #f0f0f0, #e5e5ea);
    margin: 32px 0;
}

/* ---- 列表标题行 ---- */
.gbook-list-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
}
.gbook-list-header .title {
    font-size: 18px;
    font-weight: 600;
    color: var(--text-main);
    letter-spacing: -0.2px;
}
.gbook-list-header .count {
    font-size: 13px;
    color: var(--text-gray);
    background: #f5f5f7;
    padding: 2px 14px;
    border-radius: 999px;
    font-weight: 500;
}

/* ---- 留言列表卡片 ---- */
.gbook-list-item {
    padding: 18px 20px;
    border-bottom: 1px solid #f5f5f7;
    transition: background 0.2s ease;
    border-radius: 8px;
    margin: 0 -8px;
}
.gbook-list-item:hover {
    background: #f8f9fc;
}
.gbook-list-item:last-child {
    border-bottom: none;
}

.gbook-list-item .question {
    font-weight: 600;
    font-size: 16px;
    color: var(--text-main);
    margin-bottom: 4px;
    letter-spacing: -0.2px;
}
.gbook-list-item .question::before {
    content: "Q: ";
    color: var(--apple-blue);
    font-weight: 700;
}

.gbook-list-item .answer {
    font-size: 15px;
    color: #555;
    margin: 8px 0 4px;
    padding-left: 10px;
    border-left: 3px solid var(--apple-blue);
    line-height: 1.7;
}
.gbook-list-item .answer::before {
    content: "A: ";
    color: var(--apple-blue);
    font-weight: 600;
}

.gbook-list-item .meta {
    display: flex;
    justify-content: space-between;
    font-size: 12px;
    color: var(--text-gray);
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 4px 12px;
    padding-top: 6px;
    border-top: 1px solid #f0f0f0;
}
.gbook-list-item .meta .contact {
    color: #888;
}
.gbook-list-item .meta .contact::before {
    content: "";
    font-size: 11px;
}
.gbook-list-item .meta .time {
    color: #aaa;
}
.gbook-list-item .meta .time::before {
    content: "";
    font-size: 11px;
}

/* ---- 回复样式 ---- */
.gbook-reply {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px dashed #e0e5ea;
    color: var(--apple-blue);
    font-size: 14px;
    background: #f8faff;
    padding: 10px 14px;
    border-radius: 8px;
    margin-left: -4px;
}
.gbook-reply strong {
    font-weight: 600;
}
.gbook-reply .reply-time {
    color: #999;
    font-size: 12px;
    margin-left: 8px;
}

/* ---- 空状态 ---- */
.gbook-empty {
    text-align: center;
    color: var(--text-gray);
    padding: 50px 0;
    font-size: 15px;
}
.gbook-empty::before {
    content: "💬 ";
    font-size: 32px;
    display: block;
    margin-bottom: 12px;
}

/* ---- 侧边栏留言项（覆盖 ul-sidebar 样式，更苹果） ---- */
.ul-sidebar .log-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 18px;
    margin: 0 6px;
    color: #666;
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 13px;
    border-left: 3px solid transparent;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f7;
    background: transparent;
    border-radius: 0;
}
.ul-sidebar .log-item .ver-only {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.ul-sidebar .log-item .time {
    flex-shrink: 0;
    font-size: 11px;
    color: #bbb;
    margin-left: 10px;
    font-weight: 400;
}


/* ====== 留言板专用：淡蓝色悬浮效果 ====== */
.gbook-sidebar .log-item:hover {
    background: rgba(0, 122, 255, 0.08) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    color: var(--apple-blue) !important;
    transform: translateX(2px) scale(1.02);
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0, 122, 255, 0.06);
    border-left: 3px solid var(--apple-blue) !important;
    margin: 0 2px;
}


.ul-sidebar .log-item.active {
    background: rgba(0, 122, 255, 0.10);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--apple-blue);
    font-weight: 600;
    border-left: 3px solid var(--apple-blue);
    border-radius: 10px;
    box-shadow: 0 4px 16px rgba(0, 122, 255, 0.10);
    margin: 0 2px;
}
.ul-sidebar .log-item.active .time {
    color: var(--apple-blue);
    opacity: 0.7;
}

/* ---- 侧边栏标题更苹果 ---- */
.ul-sidebar-title {
    font-size: 15px;
    font-weight: 700;
    color: var(--text-main);
    padding: 0 22px 14px;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 10px;
    letter-spacing: -0.2px;
}



/* ====== 登录页 & 注册页 共用样式（一套样式自适应） ====== */

/* 页面布局容器 */
.login-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 20px;
    min-height: 70vh;
}

/* 卡片 - 自适应宽度，最大480px */
.login-card {
    width: 100%;
    max-width: 720px;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.08);
    padding: 48px 44px 52px;
    transition: all 0.3s ease;
    box-sizing: border-box;
}

/* 卡片图标 */
/* 登录/注册页图标 - 图片适配圆形 */
.login-card .login-icon {
    text-align: center;
    margin-bottom: 18px;
}
.login-card .login-icon img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    object-fit: cover;
    display: inline-block;
    background: linear-gradient(135deg, rgba(0, 122, 255, 0.10), rgba(255, 59, 48, 0.08));
    padding: 4px;
}

/* 用户中心头像 - 图片适配圆形 */
.user-sidebar-header .user-avatar-mini {
    display: inline-block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    background: linear-gradient(135deg, rgba(0, 122, 255, 0.10), rgba(255, 59, 48, 0.06));
    flex-shrink: 0;
}
.user-sidebar-header .user-avatar-mini img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.login-card .login-icon span {
    display: inline-block;
    width: 72px;
    height: 72px;
    background: linear-gradient(135deg, rgba(0, 122, 255, 0.10), rgba(255, 59, 48, 0.08));
    border-radius: 50%;
    line-height: 72px;
    font-size: 32px;
}

/* 卡片标题 */
.login-card .login-title {
    font-size: 28px;
    font-weight: 600;
    color: var(--text-main);
    letter-spacing: -0.5px;
    margin-bottom: 4px;
    text-align: center;
}
.login-card .login-subtitle {
    font-size: 14px;
    color: var(--text-gray);
    text-align: center;
    margin-bottom: 32px;
    font-weight: 400;
}

/* ---- 表单组 ---- */
.login-card .form-group {
    margin-bottom: 18px;
}
.login-card .form-group label {
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: var(--text-main);
    margin-bottom: 5px;
}

/* ---- 必填星号 ---- */
.login-card .required {
    color: var(--apple-red);
    font-weight: 600;
}

/* ---- 输入框：iOS 风格 ---- */
.login-card .form-group input[type="text"],
.login-card .form-group input[type="password"] {
    width: 100%;
    padding: 11px 16px;
    border: 1.5px solid #e5e5ea;
    border-radius: 12px;
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    background: #fafafa;
    transition: all 0.25s ease;
    outline: none;
    box-sizing: border-box;
    color: var(--text-main);
}
.login-card .form-group input[type="text"]:focus,
.login-card .form-group input[type="password"]:focus {
    border-color: var(--apple-blue);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.12);
}
.login-card .form-group input::placeholder {
    color: #b0b0b0;
    font-weight: 400;
}

/* ---- 表单行（两列布局，窄屏自动变单列） ---- */
.login-card .form-row {
    display: flex;
    flex-wrap: wrap;  /* ✅ 窄屏自动换行 */
    gap: 14px;
}
.login-card .form-row .form-group {
    flex: 1 1 calc(50% - 7px);  /* ✅ 两列，换行后自动占满 */
    min-width: 140px;  /* ✅ 小于这个宽度就换行 */
    margin-bottom: 18px;
}

/* ---- 性别选择（苹果风格胶囊） ---- */
.login-card .gender-group {
    display: flex;
    flex-wrap: wrap;  /* ✅ 窄屏自动换行 */
    gap: 12px;
    padding-top: 2px;
}
.login-card .gender-option {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 18px;
    border-radius: 999px;
    border: 1.5px solid #e5e5ea;
    background: #fafafa;
    transition: all 0.25s ease;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-gray);
    user-select: none;
}
.login-card .gender-option:hover {
    border-color: var(--apple-blue);
    background: rgba(0, 122, 255, 0.04);
}
.login-card .gender-option input[type="radio"] {
    display: none;
}
.login-card .gender-option input[type="radio"]:checked + span {
    color: var(--apple-blue);
}
.login-card .gender-option:has(input:checked) {
    border-color: var(--apple-blue);
    background: rgba(0, 122, 255, 0.08);
    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.12);
}

/* ---- 验证码行 ---- */
.login-card .captcha-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;  /* ✅ 窄屏自动换行 */
    gap: 8px;
}
.login-card .captcha-row input[type="text"] {
    flex: 0 0 110px;
    padding: 10px 12px;
    border: 1.5px solid #e5e5ea;
    border-radius: 10px;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    background: #fafafa;
    transition: all 0.25s ease;
    outline: none;
    box-sizing: border-box;
    color: var(--text-main);
    text-align: center;
    letter-spacing: 2px;
}
.login-card .captcha-row input[type="text"]:focus {
    border-color: var(--apple-blue);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.12);
}
.login-card .captcha-row input[type="text"]::placeholder {
    letter-spacing: 0;
}
.login-card .captcha-row img {
    cursor: pointer;
    height: 34px;
    width: auto;
    border-radius: 8px;
    border: 1.5px solid #e5e5ea;
    flex-shrink: 0;
    transition: opacity 0.2s;
}
.login-card .captcha-row img:hover {
    opacity: 0.8;
}

/* ---- 按钮行（窄屏自动变纵向） ---- */
.login-card .btn-row {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;  /* ✅ 窄屏自动换行 */
    gap: 12px;
}
.login-card .btn-row .apple-btn {
    flex: 1 1 auto;
    min-width: 120px;  /* ✅ 小于这个宽度自动撑满 */
    text-align: center;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 999px;
    background-color: var(--apple-blue);
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(0, 122, 255, 0.35);
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
}
.login-card .btn-row .apple-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 122, 255, 0.45);
    opacity: 0.95;
}
.login-card .btn-row .apple-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* ---- 幽灵按钮 ---- */
.login-card .btn-row .btn-ghost {
    flex: 1 1 auto;
    min-width: 120px;
    text-align: center;
    padding: 12px 20px;
    font-size: 16px;
    border-radius: 999px;
    background: transparent;
    color: var(--apple-blue);
    border: 1.5px solid var(--apple-blue);
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
}
.login-card .btn-row .btn-ghost:hover {
    background: rgba(0, 122, 255, 0.06);
    transform: translateY(-2px);
}

/* ---- 底部辅助链接 ---- */
.login-card .login-footer {
    margin-top: 22px;
    text-align: center;
    font-size: 13px;
    color: var(--text-gray);
}
.login-card .login-footer a {
    color: var(--apple-blue);
    text-decoration: none;
    font-weight: 500;
}
.login-card .login-footer a:hover {
    text-decoration: underline;
}

/* ---- 错误提示 ---- */
.login-card .error-msg {
    background: rgba(255, 59, 48, 0.08);
    color: var(--apple-red);
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 16px;
    text-align: center;
    display: none;
}
.login-card .error-msg.show {
    display: block;
}

/* ====== 会员中心（userinfo）专属样式 ====== */

/* 左右两栏容器 - 与 newslist 的 ul-container 风格一致 */
.user-center-wrapper {
    display: flex;
    gap: 24px;
    padding: 30px 0 60px;
    align-items: flex-start;
}

/* ====== 左侧菜单 ====== */
.user-sidebar {
    width: 220px;
    flex-shrink: 0;
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    padding: 24px 0 16px;
    position: sticky;
    top: 20px;
}

/* 侧边栏头部 */
.user-sidebar-header {
    text-align: center;
    padding: 0 16px 20px;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: 12px;
}
.user-sidebar-header .user-avatar-mini {
    display: inline-block;
    width: 56px;
    height: 56px;
    background: linear-gradient(135deg, rgba(0, 122, 255, 0.10), rgba(255, 59, 48, 0.06));
    border-radius: 50%;
    line-height: 56px;
    font-size: 24px;
}
.user-sidebar-header .user-name-mini {
    font-size: 15px;
    font-weight: 600;
    color: var(--text-main);
    margin-top: 6px;
}
.user-sidebar-header .user-role-mini {
    font-size: 12px;
    color: var(--text-gray);
}

/* 侧边栏导航 */
.user-sidebar-nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0 10px;
}
.user-sidebar-nav a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
    color: var(--text-gray);
    transition: all 0.25s ease;
    text-decoration: none;
}
.user-sidebar-nav a:hover {
    background: rgba(0, 122, 255, 0.06);
    color: var(--text-main);
}
.user-sidebar-nav a.active {
    background: rgba(0, 122, 255, 0.10);
    color: var(--apple-blue);
    font-weight: 500;
}
.user-sidebar-nav a.logout {
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #f0f0f0;
    color: var(--apple-red);
}
.user-sidebar-nav a.logout:hover {
    background: rgba(255, 59, 48, 0.06);
}

/* ====== 右侧主卡片 ====== */
.user-main {
    flex: 1;
    min-width: 0;
}
.user-card {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    padding: 36px 40px 40px;
}

/* 卡片头部 */
.user-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 8px;
}
.user-card-header h2 {
    font-size: 22px;
    font-weight: 600;
    color: var(--text-main);
    margin: 0;
    letter-spacing: -0.3px;
}
.user-card-header span {
    font-size: 14px;
    color: var(--text-gray);
}

/* ---- 只读信息展示 ---- */
.user-info-readonly {
    background: #f8f9fc;
    border-radius: 12px;
    padding: 4px 0;
    margin-bottom: 4px;
}
.user-info-readonly .readonly-item {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    border-bottom: 1px solid #f0f0f0;
}
.user-info-readonly .readonly-item:last-child {
    border-bottom: none;
}
.user-info-readonly .readonly-label {
    font-size: 14px;
    color: var(--text-gray);
}
.user-info-readonly .readonly-value {
    font-size: 14px;
    color: var(--text-main);
    font-weight: 500;
}

/* ---- 分割线 ---- */
.user-divider {
    height: 1px;
    background: linear-gradient(to right, #e5e5ea, #f0f0f0, #e5e5ea);
    margin: 20px 0 22px;
}

/* ---- 复用 login-card 中的表单样式 ---- */
.user-form .form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.user-form .form-row .form-group {
    flex: 1 1 calc(50% - 7px);
    min-width: 140px;
    margin-bottom: 18px;
}
.user-form .form-group {
    margin-bottom: 18px;
}
.user-form .form-group label {
    display: block;
    font-weight: 600;
    font-size: 13px;
    color: var(--text-main);
    margin-bottom: 5px;
}
.user-form .form-group input[type="text"],
.user-form .form-group input[type="password"] {
    width: 100%;
    padding: 11px 16px;
    border: 1.5px solid #e5e5ea;
    border-radius: 12px;
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    background: #fafafa;
    transition: all 0.25s ease;
    outline: none;
    box-sizing: border-box;
    color: var(--text-main);
}
.user-form .form-group input[type="text"]:focus,
.user-form .form-group input[type="password"]:focus {
    border-color: var(--apple-blue);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.12);
}
.user-form .form-group input::placeholder {
    color: #b0b0b0;
    font-weight: 400;
}

/* ---- 性别（复用登录页样式） ---- */
.user-form .gender-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-top: 2px;
}
.user-form .gender-option {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 6px 18px;
    border-radius: 999px;
    border: 1.5px solid #e5e5ea;
    background: #fafafa;
    transition: all 0.25s ease;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-gray);
    user-select: none;
}
.user-form .gender-option:hover {
    border-color: var(--apple-blue);
    background: rgba(0, 122, 255, 0.04);
}
.user-form .gender-option input[type="radio"] {
    display: none;
}
.user-form .gender-option input[type="radio"]:checked + span {
    color: var(--apple-blue);
}
.user-form .gender-option:has(input:checked) {
    border-color: var(--apple-blue);
    background: rgba(0, 122, 255, 0.08);
    box-shadow: 0 0 0 3px rgba(0, 122, 255, 0.12);
}

/* ---- 按钮行 ---- */
.user-form .btn-row {
    margin-top: 8px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.user-form .btn-row .apple-btn {
    flex: 1 1 auto;
    min-width: 120px;
    text-align: center;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 999px;
    background-color: var(--apple-blue);
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(0, 122, 255, 0.35);
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
}
.user-form .btn-row .apple-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 122, 255, 0.45);
    opacity: 0.95;
}
.user-form .btn-row .btn-ghost {
    flex: 1 1 auto;
    min-width: 120px;
    text-align: center;
    padding: 12px 24px;
    font-size: 16px;
    border-radius: 999px;
    background: transparent;
    color: var(--apple-blue);
    border: 1.5px solid var(--apple-blue);
    cursor: pointer;
    font-weight: 500;
    transition: all 0.3s ease;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    text-decoration: none;
    display: inline-block;
    box-sizing: border-box;
}
.user-form .btn-row .btn-ghost:hover {
    background: rgba(0, 122, 255, 0.06);
    transform: translateY(-2px);
}

/* ---- 移动端自适应（一套代码自动适应） ---- */
@media (max-width: 768px) {
    .user-center-wrapper {
        flex-direction: column;
        padding: 20px 0 40px;
    }
    .user-sidebar {
        width: 100%;
        position: static;
        padding: 16px 0;
    }
    .user-sidebar-nav {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 4px;
        padding: 0 12px;
    }
    .user-sidebar-nav a {
        font-size: 13px;
        padding: 6px 14px;
        border-radius: 999px;
    }
    .user-sidebar-nav a.logout {
        margin-top: 0;
        padding-top: 6px;
        border-top: none;
    }
    .user-sidebar-header {
        display: flex;
        align-items: center;
        gap: 14px;
        padding: 0 16px 14px;
        text-align: left;
    }
    .user-sidebar-header .user-avatar-mini {
        width: 44px;
        height: 44px;
        line-height: 44px;
        font-size: 20px;
        flex-shrink: 0;
    }
    .user-sidebar-header .user-name-mini {
        margin-top: 0;
    }
    .user-card {
        padding: 24px 20px 28px;
    }
    .user-card-header {
        flex-direction: column;
        align-items: flex-start;
    }
    .user-card-header h2 {
        font-size: 20px;
    }
    .user-form .form-row .form-group {
        flex: 1 1 100%;
        min-width: unset;
    }
    .user-info-readonly .readonly-item {
        flex-direction: column;
        gap: 2px;
        padding: 8px 16px;
    }



    /* ===== 更新日志页 移动端适配 ===== */
    .ul-container {
        flex-direction: column;      /* 左右 → 上下 */
        padding: 20px 0 40px;
        gap: 16px;
    }
    .ul-sidebar {
        width: 100%;
        max-height: none;            /* 取消固定高度限制 */
        position: static;            /* 取消粘性定位 */
        overflow-y: visible;         /* 取消滚动条 */
        padding: 16px 0;
        box-shadow: 0 2px 12px rgba(0,0,0,0.04);
    }
    .ul-sidebar-title {
        font-size: 16px;
        padding: 0 16px 12px;
    }
    .ul-sidebar .log-item {
        padding: 10px 16px;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-left: none;
        margin: 0 8px;
        border-radius: 8px;
    }
    .ul-sidebar .log-item .time {
        font-size: 12px;
        color: #aaa;
        flex-shrink: 0;
    }
    .ul-main {
        padding: 24px 20px;
        min-height: 400px;
    }
    .ul-main .article-content-box h1 {
        font-size: 22px;
    }
    .ul-main .article-content-box .meta {
        font-size: 13px;
    }
    .article-content-box img {
        border-radius: 8px;
    }

}




/* ====== 订单列表专属样式 ====== */

/* ---- 订单项 ---- */
.order-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #f5f5f7;
    transition: background 0.2s ease, border-radius 0.2s ease;
    margin: 0 -8px;
    border-radius: 8px;
}
.order-item:hover {
    background: #f8f9fc;
    border-radius: 10px;
}
.order-item:last-child {
    border-bottom: none;
}

/* ---- 订单左侧（编号 + 状态） ---- */
.order-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.order-no {
    font-size: 15px;
    font-weight: 500;
    color: var(--text-main);
    text-decoration: none;
    transition: color 0.2s;
}
.order-no:hover {
    color: var(--apple-blue);
}

/* ---- 订单状态徽章 ---- */
.order-status {
    display: inline-block;
    font-size: 12px;
    padding: 2px 14px;
    border-radius: 999px;
    font-weight: 500;
    background: #f5f5f5;
    color: #888;
}
/* 状态颜色（根据您的系统实际输出值调整） */
.order-status:contains("已付款"),
.order-status:contains("已完成") {
    background: #e8f5e9;
    color: #2e7d32;
}
.order-status:contains("待付款"),
.order-status:contains("未付款") {
    background: #fff3e0;
    color: #e65100;
}
.order-status:contains("已取消"),
.order-status:contains("已关闭") {
    background: #fbe9e7;
    color: #c62828;
}
/* 如果状态值是数字（0,1,2），用属性选择器兜底 */
.order-status[class*="status-0"] { background: #fff3e0; color: #e65100; }
.order-status[class*="status-1"] { background: #e8f5e9; color: #2e7d32; }
.order-status[class*="status-2"] { background: #fbe9e7; color: #c62828; }

/* ---- 订单时间 ---- */
.order-time {
    font-size: 13px;
    color: var(--text-gray);
    white-space: nowrap;
    flex-shrink: 0;
}

/* ---- 空状态 ---- */
.order-empty {
    text-align: center;
    padding: 50px 0 30px;
    color: var(--text-gray);
}
.order-empty .empty-icon {
    font-size: 48px;
    margin-bottom: 12px;
    opacity: 0.5;
}
.order-empty p {
    font-size: 15px;
    margin-bottom: 16px;
}

/* ---- 移动端适配 ---- */
@media (max-width: 768px) {
    .order-item {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
        padding: 12px 14px;
    }
    .order-left {
        width: 100%;
        justify-content: space-between;
    }
    .order-time {
        font-size: 12px;
        color: #aaa;
    }
}


/* ====== 搜索页专属样式 ====== */

/* 搜索页外层容器 */
.search-wrapper {
    padding: 30px 0 60px;
}

/* 搜索标题 */
.search-header {
    text-align: center;
    margin-bottom: 28px;
}
.search-header h1 {
    font-size: 28px;
    font-weight: 600;
    color: var(--text-main);
    letter-spacing: -0.5px;
    margin-bottom: 4px;
}
.search-header p {
    font-size: 14px;
    color: var(--text-gray);
    margin: 0;
}

/* 搜索表单 */
.search-box {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    padding: 24px 28px;
    margin-bottom: 30px;
}
.search-form .search-row {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}
.search-form .search-input {
    flex: 3;
    padding: 12px 18px;
    border: 1.5px solid #e5e5ea;
    border-radius: 12px;
    font-size: 15px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    background: #fafafa;
    transition: all 0.25s ease;
    outline: none;
    color: var(--text-main);
    min-width: 180px;
}
.search-form .search-input:focus {
    border-color: var(--apple-blue);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.12);
}
.search-form .search-input::placeholder {
    color: #b0b0b0;
}
.search-form .search-select {
    flex: 1;
    padding: 12px 16px;
    border: 1.5px solid #e5e5ea;
    border-radius: 12px;
    font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    background: #fafafa;
    color: var(--text-main);
    outline: none;
    transition: all 0.25s ease;
    cursor: pointer;
    min-width: 100px;
    appearance: auto;
}
.search-form .search-select:focus {
    border-color: var(--apple-blue);
    box-shadow: 0 0 0 4px rgba(0, 122, 255, 0.12);
}
.search-form .search-btn {
    flex: 0 0 auto;
    padding: 12px 32px;
    border: none;
    border-radius: 999px;
    background-color: var(--apple-blue);
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", sans-serif;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 14px rgba(0, 122, 255, 0.35);
}
.search-form .search-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 122, 255, 0.45);
    opacity: 0.95;
}
.search-form .search-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

/* 搜索结果列表 */
.search-result {
    background: #ffffff;
    border-radius: 16px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    padding: 8px 0;
    min-height: 300px;
}
.result-item {
    padding: 18px 28px;
    border-bottom: 1px solid #f5f5f7;
    transition: background 0.2s ease;
}
.result-item:last-child {
    border-bottom: none;
}
.result-item:hover {
    background: #f8f9fc;
    border-radius: 8px;
    margin: 0 4px;
    padding-left: 24px;
    padding-right: 24px;
}

/* 结果头部（分类标签 + 日期） */
.result-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 6px;
    flex-wrap: wrap;
    gap: 6px;
}
.result-tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 14px;
    border-radius: 999px;
    background: rgba(0, 122, 255, 0.10);
    color: var(--apple-blue);
}
.result-date {
    font-size: 12px;
    color: var(--text-gray);
}

/* 结果主体（标题 + 描述） */
.result-body {
    padding-right: 4px;
}
.result-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-main);
    text-decoration: none;
    transition: color 0.2s;
    display: inline-block;
    margin-bottom: 4px;
    line-height: 1.5;
}
.result-title:hover {
    color: var(--apple-blue);
}
.result-desc {
    font-size: 14px;
    color: #888;
    line-height: 1.7;
    margin: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* 空状态 */
.result-empty {
    text-align: center;
    padding: 50px 20px 40px;
    color: var(--text-gray);
}
.result-empty .empty-icon {
    font-size: 48px;
    margin-bottom: 12px;
    opacity: 0.5;
}
.result-empty p {
    font-size: 15px;
    margin: 0 0 6px;
}
.result-empty p strong {
    color: var(--text-main);
}
.result-empty .empty-tip {
    font-size: 13px;
    color: #b0b0b0;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .search-wrapper {
        padding: 20px 0 40px;
    }
    .search-header h1 {
        font-size: 24px;
    }
    .search-box {
        padding: 16px 18px;
    }
    .search-form .search-row {
        flex-direction: column;
    }
    .search-form .search-input {
        flex: none;
        width: 100%;
    }
    .search-form .search-select {
        flex: none;
        width: 100%;
    }
    .search-form .search-btn {
        flex: none;
        width: 100%;
    }
    .result-item {
        padding: 14px 16px;
    }
    .result-item:hover {
        padding-left: 12px;
        padding-right: 12px;
    }
    .result-title {
        font-size: 15px;
    }
    .result-desc {
        font-size: 13px;
        -webkit-line-clamp: 3;
    }
}


/* aspcms {aspcms:page} 内容分页 .pages */
.pages {
  margin: 40px 0 24px !important;
  text-align: center !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  justify-content: center !important;
  align-items: center !important;
}

.pages a {
  display: inline-block !important;
  min-width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 10px !important;
  background-color: #f5f5f7 !important;
  color: #333 !important;
  border-radius: 24px !important;
  text-decoration: none !important;
}

.pages a:hover {
  background-color: #007AFF !important;
  color: #ffffff !important;
}

/* 终极强制覆盖span红色，提升权重 */
div.pages > span {
  display: inline-block !important;
  min-width: 38px !important;
  height: 38px !important;
  line-height: 38px !important;
  background-color: #007AFF !important;
  color: #ffffff !important;
  font-weight: bold !important;
  border-radius: 24px !important;
}
/* 对付ASPCMS输出的内联style红色文字hack */
div.pages > span[style*="color:red"],
div.pages > span[style*="color: red"]{
  color: #fff !important;
}

/* 移动端分页适配 */
@media screen and (max-width:767px) {
  .pages {
    gap: 4px !important;
    margin: 24px 0 16px !important;
  }
  .pages a,
  div.pages > span {
    min-width: 32px !important;
    height: 32px !important;
    line-height: 32px !important;
    font-size: 13px !important;
    padding: 0 6px !important;
  }
}

/* 768px及以下：生态矩阵 + 更多日志 + banner slogan + banner-wrap 统一合并 */
@media (max-width: 768px) {
    /* 首页弧形大Banner */
    .banner-wrap {
        padding-top: 35px;
        padding-bottom: 40px;
    }

    /* 生态矩阵 移动端强制一行4列适配 */
.matrix-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px; /* 移动端缩小间距 */
    max-width: 1050px;
    margin: 0 auto;
    padding: 20px 8px 20px; /* 左右增加内边距 */
    background: transparent;
    position: relative;
    z-index: 2;
}

    .matrix-item {
        aspect-ratio: 1 / 1;
        padding: 8px 4px; /* 缩小卡片内边距 */
        border-radius: 14px;
    }
    .matrix-item img {
        width: 28px; /* 图标缩小 */
        height: 28px;
        margin-bottom: 6px;
    }
    .matrix-item .name {
        font-size: 10.5px; /* 文字缩小 */
        line-height: 1.2;
    }

    /* 更多日志 移动端适配 */
    .lang-web .more-log {
        font-size:14px;
        margin-top:14px;
    }

    /* banner slogan 移动端适配 */
    /* 首页slogan胶囊标签移动端适配 */
    .banner-slogan-wrap .header-slogan {
        padding: 4px 12px;
        font-size: 14px;
    }



    /* 圆形下载按钮区 移动端适配 */
    .download-grid {
        gap: 12px;
        margin-top: 16px;
        margin-bottom: 30px;
    }
    .dl-circle {
        width: 80px;
        height: 80px;
    }
    .dl-circle img {
        width: 26px;
        height: 26px;
        margin-bottom: 4px;
    }
    .dl-circle .text {
        font-size: 12px;
    }

    /* 中间胶囊按钮 extra-links 移动端适配 */
    .extra-links {
        gap: 10px;
    }
    .extra-links a {
        padding: 10px 18px;
        font-size: 13px;
        gap: 6px;
    }
    .extra-links a img {
        width: 14px;
        height: 14px;
    }

    /* 底部页脚 移动端适配 */
    .footer {
        padding: 20px 0 16px;
    }
    .footer-links {
        font-size: 11.5px;
        gap:4px 0;
    }
    .footer-links .divider {
        margin: 0 4px;
    }
    .footer-record, .footer-copy {
        font-size: 11px;
    }


    /* banner大Logo 移动端适配 */
    .banner-logo {
        width: 180px;
    }
    .banner-logo img {
        max-width: 100%;
    }


/* header-wechat 移动端：搜索框居左，三个按钮同行居右 */
.header-wechat .header-inner {
    flex-wrap: nowrap !important;
    align-items: center;
}
.header-wechat .header-left {
    flex: 1;
    min-width: 0;
}
.header-wechat .header-right {
    flex-shrink: 0;
    margin-bottom: 0;
    justify-content: flex-end;
}
.header-wechat .header-center {
    display: none;
}



}