/* ============================================================
   行业内刊 neikan.css —— 蓝湖实测（画板 1920×5826 @1x，主背景 #FFFFFF）
   约定：设计值 D(px@1920) → clamp(round(D*0.625)px, D/19.2 vw, Dpx)
   结构：Hero(#F5F5F7 底,代码标题+副标题+5封面缩略图[占位]) → 栏目标题 → 5 期数整卡(整图含文字+封面,按钮叠加)
   ============================================================ */

.neikan-page {
    background: #FFFFFF;
}

/* ============ Hero（y100-800 高700 底 #F5F5F7，全出血）============ */
.neikan-hero {
    background: #F5F5F7;
    padding-top: clamp(56px, 4.635vw, 89px);          /* 标题距 Hero 顶 89 */
    padding-bottom: clamp(23px, 1.927vw, 37px);       /* 缩略图距 Hero 底 37 */
}
.neikan-hero-title {                                  /* 98/107.5 Heavy #1D1D1F 居中 */
    font-size: clamp(61px, 5.104vw, 98px);
    line-height: clamp(67px, 5.599vw, 107.5px);
    font-weight: 700;
    color: #1D1D1F;
    text-align: center;
}
.neikan-hero-sub {                                    /* 45.69/50.13 #1D1D1F 居中 */
    margin-top: clamp(20px, 1.667vw, 32px);           /* 距标题 32 */
    font-size: clamp(29px, 2.38vw, 45.69px);
    line-height: clamp(31px, 2.611vw, 50.13px);
    font-weight: 700;
    color: #1D1D1F;
    text-align: center;
}
/* Hero 一排 5 个内刊封面缩略图（用户提供切图 neikan-thumb-1~5） */
.neikan-thumbs {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(32px, 2.656vw, 51px);                  /* 封面间距 51（180 宽，中心距 231） */
    margin-top: clamp(25px, 2.083vw, 40px);
    flex-wrap: wrap;
}
.neikan-thumb {
    width: clamp(113px, 9.375vw, 180px);              /* 可见封面 180×244 */
    aspect-ratio: 180 / 244;
    border-radius: 6px;
    object-fit: cover;
    display: block;
}

/* ============ 栏目标题（代码文字，全站统一 51.38/72 Heavy #1D1D1F 居中）============ */
.neikan-sectitle {
    margin-top: clamp(99px, 8.229vw, 158px);          /* 距 Hero 底 158 */
    margin-bottom: clamp(55px, 4.583vw, 88px);        /* 距首卡 88 */
    font-size: clamp(32px, 2.676vw, 51.38px);
    line-height: clamp(45px, 3.75vw, 72px);
    font-weight: 700;
    color: #1D1D1F;
    text-align: center;
}

/* ============ 5 张期数整卡（容器宽 1426×751，#F5F5F7 底已烘焙进图，无圆角无阴影，卡间距 50）============ */
.neikan-list {
    padding-bottom: clamp(60px, 5vw, 96px);            /* 末卡距页脚留白，避免整卡直接贴住 footer */
}
.neikan-card + .neikan-card {
    margin-top: clamp(31px, 2.604vw, 50px);
}
.neikan-card-wrap {
    position: relative;
    line-height: 0;
}
.neikan-card-img {
    width: 100%;
    display: block;
}
/* "立即阅读"按钮：宽 124.5/1426=8.73%，绝对定位（left/top 为蓝湖实测相对卡片左上角百分比） */
.neikan-read {
    position: absolute;
    width: 8.73%;
    line-height: 0;
    display: block;
    transition: opacity .2s ease;
}
.neikan-read img {
    width: 100%;
    display: block;
}
.neikan-read:hover {
    opacity: .88;
}
.neikan-c1 .neikan-read { left: 9.82%;  top: 85.75%; } /* 第5期 文字左 · 组158409 */
.neikan-c2 .neikan-read { left: 54.91%; top: 86.42%; } /* 第4期 文字右 · 组158408 */
.neikan-c3 .neikan-read { left: 9.82%;  top: 75.63%; } /* 第3期 文字左 · 组158407 */
.neikan-c4 .neikan-read { left: 54.91%; top: 87.22%; } /* 第2期 文字右 · 组158406 */
.neikan-c5 .neikan-read { left: 8.98%;  top: 83.36%; } /* 第1期 文字左 · 组744 */