/* ==========================================================================
   index.css — 首页专用样式
   加载方：Views/Home/Index.cshtml（通过 _PublicLayout 的 @section Styles）
   关联 CSS：public-core.css（变量）/ public-layout.css（导航/底栏/Swiper）
   消费的变量：--carouselH, --chapterFontsize, --newsFontsize, --cardHeight 等
             （见 public-core.css §4.1-4.4）
   ========================================================================== */
body .magnify {
    height: 35vh;
}

body .magnify > .magnify-lens {
    border: 1px solid white;
}

.zoom {
    display: block;
}

#section5to6 {
    /* 新闻动态 */
    height: 100%;
    width: 100%;
    background-color: #f7f7f7;
    position: relative;
}

#section5to6 h1 {
    margin-bottom: 5%;
}

#section5to6 .swiper-slide {
    padding: 0 0 !important;
}

.mySwiper6 * {
    text-align: center;
    position: relative;
    background-color: #f7f7f7;
}

.mySwiper6 div {
    height: 100%;
    position: relative;
}

.mySwiper6 img {
    max-width: 80vw;
    height: var(--sellingH);
    margin: 0 auto;
    position: relative;
    object-fit: contain;
    padding: 3%;
}

.mySwiper6 b {
    font-family: 'Szaipa Noto Sans SC', 'Szaipa Noto Sans SC GB', sans-serif;
    font-weight: 500;
    font-size: 1.1rem;
}

.mySwiper6 p {
    padding-top: 1em;
    font-family: 'Szaipa Noto Sans SC', 'Szaipa Noto Sans SC GB', sans-serif;
    font-weight: 300;
    font-size: 1rem;
    line-height: 1.8em;
    margin-bottom: 2em;
}

.mySwiper6 span {
    display: block;
    color: grey;
    font-size: .8rem;
    margin-top: -0.3em;
}

html {
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

/* Swiper1 */
.black {
    background-color: black;
    width: 100%;
    height: 100%;
}

.swiper-slide a {
    color: black;
    text-decoration: none;
}

.swiper {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    font-size: 18px;
    background: #fff;
    padding: 0 7vw 0 7vw;
}

.swiper-slide img {
    display: block;
    object-fit: cover;
}

.swiper-slide {
    width: 100vw;
}

.swiper-slide:nth-child(2n) {
    width: 100vw;
}

.swiper-slide:nth-child(3n) {
    width: 100vw;
}

.mySwiper .swiper-pagination-bullet {
    width: 0.5vw;
    height: 1vh;
    background-color: white;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 1.5vh;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 0.2vw);
}

/* 主要样式表 */

#topBtn {
    display: none;

    position: fixed;
    bottom: 5vh;
    right: 4vw;
    z-index: 999;
    background-color: transparent;
    border: none;
    outline: none;
    cursor: pointer;
}

/* Section02 活动轮播 */

.carouselZoom:hover .logoCon img {
    transform: scale(1.1);
    animation: zoomDot1 100ms linear;
}

.carouselZoom:hover .imgCon {
    transform: translate(-50%, -50%) scale(1.04);
    animation: zoomDot04 100ms linear;
}

.main {
    position: absolute;
    right: 7%;
    top: 0;
    height: 100%;
    width: 80vw;
    background-color: black;
}

.sec {
    position: absolute;
    right: 7%;
    top: 0;
    height: 100%;
    width: 85%;
    background-color: black;
    display: none;
}

.trd {
    position: absolute;
    right: 7%;
    top: 0;
    height: 100%;
    width: 85%;
    background-color: black;
    display: none;
}

.outterL {
    width: 7%;
    height: 100%;
    position: absolute;
    left: 0;
}

.outterR {
    width: 7%;
    height: 100%;
    position: absolute;
    right: 0;
}

.inner_new {
    font-size: var(--carouselTXT);
    color: black;
    position: absolute;
    top: 50%;
    left: 50%;
    white-space: nowrap;
}

.rotate_new {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-90deg);
    transform: translateX(-50%) translateY(-50%) rotate(-90deg);
}

.carousel {
    position: relative;
    margin-top: 4vh;
}

.logoCon {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    width: 6.5vw;
}

.logoCon img {
    width: 6.3vw;
    height: auto;
}

.imgCon {
    width: 70%;
    height: 85%;
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-size: cover;
}

/* Section03 目录 */

.btn02 {
    height: auto;
    width: 2.5vw;
    float: right;
}

#scroll-1 {
    height: 100vh;
    width: 100%;
    position: relative;
}

.content {
    width: 17vw;
    font-size: 1.7rem;
    overflow: hidden;
    position: absolute;
    bottom: 10vh;
    left: 7vw;
    list-style: none;
    margin: 0;
    padding: 0;
}

.content li {
    margin-bottom: 3vh;
    cursor: pointer;
    border-bottom: 0.5px solid black;
    padding-bottom: 1.2vh;
}

.content li>a {
    text-decoration: none;
    color: black;
}

.logo2 {
    width: 8vw;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.line {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

    height: auto;
    width: 41.5vw;
}

/* Section04 章节 */

.chapter {
    font-size: var(--title);
    margin-top: var(--chapterTop);
}

.chapterTXT {
    position: relative;
    margin-top: 25vh;
    margin-bottom: var(--chapterBottom);
    text-align: justify;
    font-weight: 300;
    font-family: 'Szaipa Noto Sans SC', 'Szaipa Noto Sans SC GB', sans-serif;
    font-size: var(--chapterFontsize);
    line-height: 2em;
}

.autoHidden {
    height: 25em;
    padding-top: 1em;
    overflow: hidden;
}

.autoHidden::after {
    content: "......";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 4em;
    height: 2em;
    text-align: right;
    color: black;

    background: -webkit-linear-gradient(left, transparent, #fff 55%);
    background: -o-linear-gradient(right, transparent, #fff 55%);
    background: -moz-linear-gradient(right, transparent, #fff 55%);
    background: linear-gradient(to right, transparent, #fff 55%);
}

.chapterAllmobile {
    position: absolute;
    right: 0;
    bottom: -2vh;
    cursor: pointer;
    border-bottom: solid 0.5px black;
}

.chapterAllpc {
    cursor: pointer;
    border-bottom: solid .5px black;
    margin-top: 20vh;
    width: 4em;
    transform: translateX(-4em);
    font-size: 1rem;
}

.zhangcheng {
    margin-top: 6vh;
    display: block;
    position: relative;
    overflow: hidden;
    background-color: black;
    height: var(--zhangcheng);
}

.zhangcheng-image {
    position: absolute;
    top: 7.5%;
    left: 0;
    display: block;
    width: 100%;
    height: 85%;
    object-fit: fill;
}

/* 原Section05全部删除 */

/* Section06 新闻动态 */

.allNews {
    background-color: transparent;
    border: none;
    box-shadow: none;
    width: 100%;
    height: 6vh;
    margin-top: 6vh;
    margin-bottom: 6vh;
    cursor: default;
}

.allNews a {
    border: 1px solid #bf272d;
    border-radius: var(--newsRadius);
    padding: .5vh .5vw;
    font-size: var(--newsPtag);
    color: #bf272d;
    text-decoration: none;
    height: 100%;
    width: auto;
}

.important .col-lg1 .enter {
    /* 这一条很重要！在响应式设计布局确定以后需要添加新的条件进入！ */
    /* 这一条很重要！在响应式设计布局确定以后需要添加新的条件进入！ */
    /* 这一条很重要！在响应式设计布局确定以后需要添加新的条件进入！ */

    display: none;
    opacity: 0;
    visibility: hidden;

    /* 这一条很重要！在响应式设计布局确定以后需要添加新的条件进入！ */
    /* 这一条很重要！在响应式设计布局确定以后需要添加新的条件进入！ */
    /* 这一条很重要！在响应式设计布局确定以后需要添加新的条件进入！ */
}

.important:hover {
    background-color: #00000003;
}

.normal:hover {
    background-color: #00000003;
}

.news h1 {
    padding-top: 13vh;
    font-size: var(--title);
}

.news ul {
    /* 每个新闻信息的上下边距 */
    padding-bottom: var(--newsPadding);
    border-bottom: 0;
    list-style: none;
}

.news ul.normal {
    margin: 0;
    padding: 0 0 2vh 0;
}

.news ul>li {
    margin-top: 2vh;
    color: black;
    font-family: var(--fontLight);
    font-size: var(--newsFontsize);
}

.news li {
    list-style: none;
}

.news {
    /* 重要新闻的样式 */
    margin-top: 2vh;
    color: black;
    font-weight: 300;
    font-family: 'Szaipa Noto Sans SC', 'Szaipa Noto Sans SC GB', sans-serif;
    font-size: var(--newsFontsize);
    overflow: hidden;
}

.news a {
    color: #bf272d;
    text-decoration: none;
}

.news .normal .title {
    /* 普通新闻的样式 */
    margin-top: 2vh;
    color: black;
    font-size: var(--newsFontsize);
}

.news .normal .title a {
    color: inherit;
    text-decoration: none;
}

.date {
    cursor: auto !important;
    margin-top: 2vh;
    color: black;
    font-size: var(--newsFontsize);
    padding-left: 2em;
}

.hr {
    /* 普通分割线 */
    height: 0.5px;
    width: 100%;
    margin-top: 4vh;
    border-bottom: var(--normalNewsLine);
}

.enter {
    /* 确认按钮 */
    height: auto;
    width: var(--newsEnter);
    vertical-align: middle;
}

.normal:hover,
.date,
.title,
.enter {
    transform: var(--newsHoverValue);
    transition: var(--newsHoverAnime);
}

.normal:hover,
.normal:active,
.normal:focus,
.date,
.title,
.enter {
    transform: var(--newsHoverValue);
    transition: var(--newsHoverAnime);
}

.important {
    /* 标记为重要的下划线 */
    padding: 3vh 0 3vh 0 !important;
}

.important .date {
    margin-top: 0;
}

.important:hover,
.date,
.importantTXT {
    transform: var(--newsHoverValue);
    transition: var(--newsHoverAnime);
}

.importantTXT {
    position: relative;
}

.importantTXT .enter {
    position: absolute;
    bottom: 0;
    right: -1.4vw;
}

.importantTXT a {
    color: black;
    text-decoration: none;
}

.importantTXT p {
    /* 标记为重要的h2、VIEW MORE以及设定img */
    color: black;
    margin-top: 20px;
    padding-right: 15%;
    text-align: justify;
    font-weight: 200;
    font-family: 'Szaipa Noto Sans SC', 'Szaipa Noto Sans SC GB', sans-serif;
    font-size: var(--newsPtag);
    /* 2026-10-28：公众号同步的简介较长，首页卡片最多显示 3 行（与新闻列表页一致） */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
}

.importantTXT div {
    width: 80%;
    height: 80%;
    margin-top: 20px;
    margin-bottom: 10px;
    display: flex;
    align-items: left;
    justify-content: left;
    overflow: hidden;
}

.importantTXT div>img {
    /* 使div内img实现类似bgimage的对齐效果 */
    width: 40%;
    max-height: 40vh;
    object-fit: cover;
}

.importantTXT span {
    font-size: var(--newsSpantag);
    border-bottom: 1px solid black;
    padding-bottom: 2px;
    margin-bottom: 30px;
}

/* Section07展会活动 */

/* 展会活动轮播 */
.exhibitionSlider {
    margin-top: 5vh;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.exhibitionSlide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s;
}

.exhibitionSlide img {
    height: inherit;
    width: inherit;
    object-fit: cover;
}

.exhibitionSlide.borderActive {
    opacity: 1;
}

.processing-lunbo {
    /* 轮播大小 */
    /* 2024.11.28 由70vh更改为50vh,修复了同屏无法直接观看活动标题的错误 */
    height: 50vh;
    width: 80vw;
    color: transparent;
}

/* 正在进行的轮播文本大小 */

.exhibition {
    position: relative;
}

#section07 .exhibition h1 {
    font-family: 'Szaipa Noto Serif SC', 'Szaipa Noto Serif SC GB', serif;
    font-weight: 600;
    font-size: var(--exhibitionH1);
    padding-top: 4vh;
    padding-bottom: 0;
    margin-bottom: 1.5vh;
}

#section07 .exhibition h3 {
    font-family: 'Szaipa Noto Serif SC', 'Szaipa Noto Serif SC GB', serif;
    font-weight: 300;
    font-size: var(--exhibitionH3);
    line-height: 1.7em;
}

.more {
    margin-top: 10px;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: 1px solid black;
    font-size: var(--exhibitionMore);
    font-weight: 300;
    font-family: 'Szaipa Noto Sans SC', 'Szaipa Noto Sans SC GB', sans-serif;
}

.more a {
    color: black;
    text-decoration: none;
}

.card-container {
    position: relative;
    display: flex;
    overflow: hidden;
}

.card {
    margin-top: 6vh;
    margin-right: 3vw;
    position: relative;
    width: var(--cardWidth);
    height: var(--cardHeight);
    overflow: hidden;
}

.card img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: inherit;
    height: var(--cardHeight);
    object-fit: cover;
    z-index: 1;
}

.card:hover img {
    width: 105%;
    height: 105%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 200ms ease-in-out;
}

.filter-ing:hover .card a {
    font-size: 4rem;
}

.card p {
    /* 展览简讯 */
    width: 80%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translate(0%, -50%);
    color: white;
    text-shadow: 1px 1px 8px #00000040;
    font-size: var(--cardTXT);
    line-height: 1.5em;
    text-align: left;
    z-index: 10;
}

.card span {
    /* 查看更多 */
    position: absolute;
    bottom: 20px;
    right: 20px;
    color: white;
    font-size: var(--cardTXT);
    text-shadow: 1px 1px 8px #00000020;
    border-bottom: 1px solid white;
    padding-bottom: 1vh;
    z-index: 15;
}

.filter-ing {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(211, 46, 46, 0.568);
    width: 100%;
    height: 100%;
}

.filter-end {
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000080;
    width: 100%;
    height: 100%;
}

.ended {
    display: flex;
    flex-wrap: wrap;
}

.ended img {
    filter: grayscale(0%);
}

#section04 h1,
#section05 h1,
#section05guwen h1,
#section07 h1 {
    padding-top: 11vh;
    padding-bottom: 3vh;
    font-size: var(--title);
}

.exhibitionBtn a {
    text-decoration: none;
    color: black;
    cursor: default;
}

.exhibitionBtn {
    border: 1px solid black;
    color: black;
    border-radius: var(--buttonRadius);
    padding: 5px 20px 5px 20px;
    background-color: transparent;
    box-shadow: none;
    margin-right: 1vw;
    font-size: var(--zhuangtai);
    cursor: default;
}

.exhibitionBtn .active {
    border: 1px solid #bf272d;
    padding: 5px 20px 5px 20px;
    background-color: transparent;
    box-shadow: none;
    margin-right: 1vw;
}

.active a {
    color: #bf272d;
}

.active {
    color: #bf272d !important;
    border: 1px solid #bf272d !important;
}

/* Section框架设定样式 */

/* 移动端 */

.section09m {
    /* FOOTER */
    height: 100%;
    width: 100%;
    background-color: black;
    color: #939393;
    overflow: hidden;
}

/* 桌面端 */

#section02 {
    /* 轮播 */
    position: relative;
    height: var(--sectionHeight);
    width: 100%;
    background-color: white;
}

/* 高 DPI 设备可能给出极高但很“长”的 CSS 视口（例如 2156×2416）。
   该场景按 vh 放大会让首屏标题和轮播远大于 1080p；以 16:9 为上限，
   宽屏仍保持原比例，长屏则维持接近 1080p 的视觉尺寸。 */
@media only screen and (min-width: 62em) {
    #section02 {
        --sectionHeight: min(100vh, 56.25vw);
        --carouselH: min(65vh, 36.5625vw);
        --logoTXT: min(19.5vh, 10.96875vw);
    }
}

#section03 {
    /* 目录 */
    position: relative;
    height: var(--sectionHeight);
    width: 100%;
    background-color: white;
}

#section04 {
    /* 章程 */
    position: relative;
    height: var(--sectionHeight);
    width: 100%;
    background-color: white;
}

#section05 {
    /* 核心成员 */
    position: relative;
    min-height: 10vh;
    height: auto;
    width: 100%;
    background-color: #f7f7f7;
    padding-bottom: 3vh;
}

#section05guwen {
    /* 顾问团队 */
    position: relative;
    min-height: 5vh;
    height: auto;
    width: 100%;
    background-color: #f7f7f7;
    padding-bottom: 3vh;
}

#section06 {
    /* 新闻动态 */
    height: 100%;
    width: 100%;
    background-color: #f7f7f7;
    position: relative;
}

#section07 {
    /* 展讯 */
    height: 100%;
    width: 100%;
    background-color: white;
    position: relative;
}

.section09 {
    /* FOOTER */
    height: 40vh;
    width: 100%;
    background-color: black;
    color: #939393;
    overflow: hidden;
}

/* 07专用 */
#processing {
    display: block;
}

#ended {
    display: none;
}

/* 05专用 SWITCH-CONTAINER */
.switch-container03 {
    background-color: black;
    z-index: 30;
    height: 112vh;
    width: 100vw;
    position: relative;

    padding-right: 10vw;
    overflow-x: scroll;
}

.switch-container02 {
    background-color: black;
    z-index: 25;
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 100%;

    /* 以后再改 */
    /* 以后再改 */
    /* 以后再改 */

    display: none;
}

.switch-container02 img {
    height: 95vh;
    width: 95vw;
    padding-top: 5vh;
}

.switch-container01 {
    background-color: black;
    z-index: 520;
    height: 65vh;
    width: 100vw;
    position: absolute;
    top: 100vh;
}

.switch-container00 {
    overflow-y: scroll;
    position: sticky;
}

/*  后期更新 */

/* 后续修补 */
.entitle {
    font-style: normal;
    font-weight: 300;
    font-family: 'Szaipa Noto Sans SC', 'Szaipa Noto Sans SC GB', sans-serif;
    vertical-align: text-top;
    font-size: 1.3rem;
    padding-right: 1em;
    line-height: 1.3em;
}

/* 新增的展会Swiper */
.mySwiper10 .swiper {
    height: 100%;
    width: 100%;
}

.mySwiper10 .swiper-slide {
    height: auto;
    width: 100%;
    padding: 0;
}

.mySwiper10 .swiper-pagination {
    background-color: transparent;
    top: auto;
    bottom: var(--indexProgressBar);
    height: .5vh;
}

.mySwiper10 .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    opacity: .7;
}

/* 新增展会prevEl/nextEl */
.swiper-button-prev {
    position: absolute;
    left: 0%;
    width: 10vw;
    height: 10vh;
    color: #3a79fe;
}

.swiper-button-next {
    position: absolute;
    right: 0%;
    width: 10vw;
    height: 10vh;
    color: #3a79fe;
}

#section07 .swiper-button-next,
#section07 .swiper-button-prev {
    transform: translateY(81.5vh);

}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 4rem;
}

/* Section05 核心成员(新) */
/* Core member / advisor avatars. A single flat flex-wrap list replaces the old table that duplicated
       every person 2-3 times (desktop cells + mobile-only rows + opacity:0 fillers) just to vary heads/row.
       Heads-per-row is now one width value per breakpoint: ~6/row on desktop, 3/row on mobile (<=991px). */
.member {
    position: relative;
    margin-top: 3vh;
    transform: translateX(2%);
    display: flex;
    flex-wrap: wrap;
}

.member a {
    color: black;
    text-decoration: none;
}

.member-item {
    position: relative;
    display: block;
    width: 13vw;
    text-align: center;
}

.member-placeholder {
    display: none;
}

@media only screen and (max-width: 61.9375em) {
    .member {
        width: 100%;
        transform: none;
        align-items: flex-start;
    }

    .member-item,
    .member-placeholder {
        box-sizing: border-box;
        flex: 0 0 33.333333%;
        width: 33.333333%;
        max-width: 33.333333%;
    }

    .member-placeholder {
        display: block;
        visibility: hidden;
        pointer-events: none;
    }
}

.member img {
    width: 100%;
    height: auto;
    display: block;
}

.member p {
    width: min(var(--memberImgW), 100%);
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    font-size: 1.3rem;
    padding-top: 1em;
    margin-bottom: 30%;
    line-height: 1.3em;
    text-align: center;
}

.member p>span {
    font-size: 1.1rem;
}

.after {
    position: relative;
    width: min(var(--memberImgW), 100%);
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
}

.after::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff000a10;
    width: var(--memberImgW);
    height: 100%;
    z-index: 10;
    opacity: 0;
    transition: all 500ms ease-in-out;
}

.after::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 107%;
    height: 105%;
    z-index: -1;
    background-color: #276bbf;
    opacity: 0;
    transition: all 1s;
}

.after:hover::before,
.after:hover::after {
    opacity: 1;
}

/* 手机首页沿用发布版的窄内容列：成员、新闻与展会以同一条左右留白对齐，
   不让 sm 栅格在 xs 屏幕退化为贴边的全宽内容。 */
@media only screen and (max-width: 47.9375em) {

    /* 首屏在手机端按文字标识 + 轮播的实际高度收口，避免 40vh 的固定区块在轮播后留下空白。 */
    #section02 {
        height: calc(var(--logoTXT) + var(--carouselH) + 4vh);
    }

    /* 章程不沿用桌面版的整屏高度和两侧占位列；内容按标题、图片、简介连续排布。 */
    #section04 {
        display: flow-root;
        height: auto;
        min-height: 0;
    }

    #section04 > .col-xs20 > .col-xs2 {
        display: none;
    }

    #section04 > .col-xs20 > .col-xs16 {
        float: none;
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    #section04 h1 {
        padding-top: 6vh;
        padding-bottom: 4vh;
    }

    /* PC 版右侧简介在 xs 屏不参与排版；手机只显示图片下方的简介。 */
    #section04 .chapterTXT.autoHidden {
        display: none;
    }

    /* 轮播两侧的竖排展讯在窄屏缩小一档，给长标题保留完整显示空间。 */
    #section02 .inner_new {
        font-size: .7rem;
    }

    #section05>.col-sm2,
    #section05guwen>.col-sm2,
    #section06>.col-sm2,
    #section07>.col-sm2 {
        display: none;
    }

    #section05>.col-sm16,
    #section05guwen>.col-sm16,
    #section06>.col-sm16,
    #section07>.col-sm16 {
        float: none;
        width: 80%;
        margin-right: auto;
        margin-left: auto;
    }

    .news {
        margin-top: 0;
    }

    #section04 h1,
    #section5to6 h1,
    #section05 h1,
    #section05guwen h1,
    #section06 h1,
    #section07 h1 {
        /* 手机端标题保持一行优先，和发布版的视觉比例一致。 */
        font-size: 1.5rem;
        line-height: 1.35;
    }

    #section04 .entitle,
    #section5to6 .entitle,
    #section05 .entitle,
    #section05guwen .entitle,
    #section06 .entitle,
    #section07 .entitle {
        font-size: inherit;
        padding-right: .45em;
    }

    /* 正文不跟随桌面端标题放大；保留发布版的紧凑阅读比例。 */
    #section04 .chapterTXT {
        font-size: 1rem;
        line-height: 2em;
    }

    .member {
        margin-top: 1.25vh;
    }

    .member p {
        width: 75%;
        margin-right: auto;
        margin-left: auto;
        padding-top: .45em;
        margin-bottom: 16%;
        font-size: .8rem;
        line-height: 1.35;
        text-align: center;
    }

    .member p>span {
        font-size: .5rem;
    }

    .member .after {
        width: 75%;
        box-sizing: border-box;
        margin-right: auto;
        margin-left: auto;
    }

    .member img {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }

    .news {
        --newsFontsize: 1rem;
        --newsPtag: 1rem;
        --newsSpantag: .9rem;
        --newsEnter: 1rem;
        --newsPadding: 1.1vh;
    }

    /* 首页新闻在窄屏仍保持发布版的日期 / 内容 / 箭头三列。 */
    #section06>.news {
        width: 84%;
        margin-right: auto;
        margin-left: auto;
    }

    #section06 .news ul {
        display: grid;
        grid-template-columns: minmax(0, 27%) minmax(0, 1fr) minmax(1rem, 6%);
        align-items: start;
        width: 100%;
        box-sizing: border-box;
    }

    #section06 .news ul>li,
    #section06 .news .normal .title,
    #section06 .news .date {
        float: none;
        width: auto;
        min-height: 0;
        padding-right: 0;
        padding-left: 0;
        margin-top: 0;
        box-sizing: border-box;
    }

    #section06 .news ul>.date {
        grid-column: 1;
        line-height: 1.35;
        overflow-wrap: anywhere;
    }

    #section06 .news ul>.title {
        grid-column: 2;
        line-height: 1.45;
    }

    #section06 .news ul>li:last-child {
        grid-column: 3;
        justify-self: end;
    }

    #section06 .news ul.important {
        padding: 1.25rem 0 1.1rem !important;
    }

    #section06 .importantTXT div {
        width: 72%;
        height: auto;
        margin-top: .7rem;
        margin-bottom: .45rem;
    }

    #section06 .importantTXT div>img {
        width: 100%;
        max-height: 12rem;
    }

    #section06 .importantTXT span {
        display: inline-block;
        margin-bottom: .25rem;
        font-size: .7rem;
    }

    #section06 .news .normal {
        padding: 1rem 0 !important;
    }

    .news h1 {
        padding-top: 3.5vh !important;
        padding-bottom: 1.2vh;
    }

    .news ul>li,
    .news .normal .title,
    .date {
        margin-top: .8vh;
    }

    .important {
        padding: 1.25vh 0 !important;
    }

    .importantTXT p {
        margin-top: .45rem;
        padding-right: 8%;
    }

    .importantTXT div {
        width: 80%;
        margin-top: .45rem;
        margin-bottom: .35rem;
    }

    .importantTXT span {
        margin-bottom: .35rem;
        padding-bottom: .1rem;
    }

    .hr {
        margin-top: 1.4vh;
    }

    #section07 .mob07 {
        padding-top: 5vh !important;
    }

    .exhibitionBtn {
        padding: .25rem .45rem;
        margin-right: .35rem;
        font-size: .52rem;
    }

    #section07 .exhibition h1 {
        padding-top: 2.25vh;
        margin-bottom: .8vh;
        font-size: .82rem;
    }

    #section07 .exhibition h3,
    .more {
        font-size: .55rem;
        line-height: 1.5;
    }
}

/* ==========================================================================
   Index 首页响应式选择器 — 从 legacy responsive.css 迁移
   来源：szaipa2022/Content/Model/css/responsive.css 第 273–313 行
   迁移日期：2026-08-04
   ========================================================================== */

@media only screen and (max-width: 991px) {
    /* 章程 */
    .chapterTXT {
        margin-top: 5vh;
    }

    .chapterAll {
        top: auto;
        bottom: -5vh;
    }

    /* 新闻（.date 的 padding-left 重置也在 newsread.css 中处理） */
    .allNews {
        margin-top: 3vh;
        margin-bottom: 4vh;
    }

    .allNews a {
        padding: .6vh 2vw;
    }

    /* 展会活动 */
    .processing-lunbo {
        height: 40vh;
        padding-bottom: 8vh;
    }
}

/* Section05 核心成员(新) */

/* ==========================================================================
   2026-10-28 手机端首页按旧站比例还原
   旧站手机版：<meta viewport initial-scale=0.4> + 根字号 26px，页面按约 937px 宽排版再缩到 0.4，
   所以屏幕上 1rem ≈ 10.4px、1px ≈ 0.4px。新站是 initial-scale=1 + 根字号约 15.4px，
   沿用旧的 rem/px 数值会让下面几块整体放大约 1.5 倍（展会卡片文字 23px、超出卡片），
   而 7 月为"紧凑"手调的成员头衔又缩到了 7.7px。
   以下数值都按旧站在 375 宽手机上的实测像素换算（实测 px ÷ 15.375 = rem）。
   ========================================================================== */
@media only screen and (max-width: 47.9375em) {
    /* 核心成员 / 顾问团队：名字 13.5px、头衔 11.4px；文字区和旧版表格单元一样宽，不再挤在头像宽度里折行 */
    .member p {
        width: 100%;
        font-size: .88rem;
        line-height: 1.3;
    }

    .member p>span {
        font-size: .74rem;
    }

    /* 新闻动态：日期 / 标题 13.5px，重要新闻简介 11.4px */
    .news {
        --newsFontsize: .88rem;
        --newsPtag: .74rem;
    }

    /* 首页新闻箭头与新闻列表页一致：贴整行右边缘、约 11.5px（见 public-pages.css 同名说明） */
    #section06 .news {
        --newsEnter: .75rem;
    }

    #section06 .news ul.important {
        position: relative;
    }

    #section06 .news .importantTXT {
        position: static;
        transform: none;
    }

    #section06 .news .importantTXT .enter {
        right: 0;
        bottom: 1.1rem;
    }

    /* 首页重要新闻简介同样左对齐（两端对齐会把短行的字拉散），宽度与标题一致 */
    #section06 .importantTXT p {
        padding-right: 0;
        text-align: left;
    }

    /* 新闻日期：旧版日期两行、紧贴标题（日期列 27% 放不下"2026年08月04日"）。
       改为日期列按内容宽、一行显示，字号比标题小一档（约 11px），与标题之间留 .75rem 间距。 */
    #section06 .news ul {
        grid-template-columns: max-content minmax(0, 1fr) minmax(1rem, 6%);
        column-gap: .75rem;
    }

    #section06 .news ul>.date {
        font-size: .72rem;
        line-height: 1.85;
        white-space: nowrap;
        overflow-wrap: normal;
    }

    /* 在售艺术品：说明 10.4px、作者名 11.4px、联系方式 8.3px */
    .mySwiper6 p {
        font-size: .68rem;
    }

    .mySwiper6 b {
        font-size: .74rem;
    }

    .mySwiper6 span {
        font-size: .54rem;
    }

    /* 展会活动卡片：简讯与「查看更多」15.6px；距卡片边缘 12px / 8px（旧版 30px、20px 缩放后的实际大小） */
    #section07 {
        --cardTXT: 1rem;
    }

    #section07 .card p {
        left: 12px;
    }

    #section07 .card span {
        right: 8px;
        bottom: 8px;
    }
}