/* ============================================
   甘肃省图书馆 - 手机端样式 (≤750px)
   以 750px 为设计基准，使用 vw 等比缩放
   覆盖所有手机屏幕宽度：320px ~ 750px
   完全不影响 PC 端（> 750px）
   ============================================ */

@media screen and (max-width: 750px) {

  /* ==========================================
     1. 全局重置
     ========================================== */
  html { font-size: 16px; }
  body {
    min-width: auto;
    overflow-x: hidden;
    background: #eef6ff;
  }

  /* 二级页footer区域纯白底 */
  .page-content ~ footer {
    background: #fff;
  }
  .container {
    width: 100%;
    padding: 0 2.67vw;
  }

  /* 防 iOS 输入框自动缩放 */
  input, button, select, textarea {
    font-size: 16px;
  }

  /* ==========================================
     2. Header
     ========================================== */
  #header { position: relative; z-index: 999; }

  .header-tools { display: none !important; }

  .header-main {
    height: 14.67vw;
    min-height: auto;
    display: flex;
    align-items: center;
    padding: 0;
    border-bottom: 1px solid #eee;
    background: #fff;
  }

  .header-main .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2vw;
  }

  .logo {
    float: none;
    height: auto;
    padding-top: 0;
    margin-right: 0;
    flex-shrink: 0;
  }

  .logo img {
    width: 34.67vw;
    height: auto;
    margin-top: 0;
    margin-left: -0.27vw;   /* 左移2px @750 */
  }

  /* 手机端搜索框 */
  .m-search-box {
    display: flex !important;
    align-items: center;
    width: 33.73vw;         /* 253px @750 */
    height: 6.67vw;
    border: none;
    border-bottom: 1px solid #d0d8e0;
    padding: 0 1vw;
    margin: 0;
    flex: none;
    margin-right: -8vw;
  }

  .m-search-box input {
    flex: 1;
    min-width: 0;
    border: none;
    outline: none;
    font-size: 2.93vw;      /* 22px @750 */
    color: #888888;
    background: transparent;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .m-search-box input::placeholder { color: #888888; }

  .m-search-box img {
    width: auto;
    height: 5.2vw;          /* 39px @750 */
    cursor: pointer;
  }

  /* 汉堡按钮 */
  .menu-toggle {
    display: block !important;
    width: 6.4vw;
    height: 5.33vw;
    position: relative;
    cursor: pointer;
    flex-shrink: 0;
    z-index: 1000;
    margin-left: 4.67vw;    /* 竖线距搜索框35px @750 */
    margin-right: -10.1vw;     /* 贴右边 @750 */
  }

  .menu-toggle::before {
    content: '';
    position: absolute;
    left: -4.67vw;          /* 竖线距汉堡35px @750 */
    top: 50%;
    transform: translateY(-50%);
    width: 0.27vw;          /* 2px @750 */
    height: 5.2vw;          /* 39px @750 */
    background: #d0d8e0;
  }

  .menu-toggle span {
    display: block;
    width: 100%;
    height: 3px;
    background: #333;
    position: absolute;
    left: 0;
    transition: all 0.3s;
    border-radius: 2px;
  }

  .menu-toggle span:nth-child(1) { top: 0; }
  .menu-toggle span:nth-child(2) { top: 50%; margin-top: -2px; }
  .menu-toggle span:nth-child(3) { bottom: 0; }
  .menu-toggle.open span:nth-child(1) { top: 50%; margin-top: -2px; transform: rotate(45deg); }
  .menu-toggle.open span:nth-child(2) { opacity: 0; }
  .menu-toggle.open span:nth-child(3) { bottom: 50%; margin-bottom: -2px; transform: rotate(-45deg); }

  /* 导航菜单 - 全屏下拉 */
  .nav {
    float: none;
    height: auto;
    display: none;
    position: fixed;
    top: 14.67vw;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    flex-direction: column;
    align-items: stretch;
    padding: 0;
    gap: 0;
    z-index: 998;
    overflow-y: auto;
  }

  .nav.open { display: flex; }

  .nav-item {
    border-bottom: 1px solid #f0f0f0;
    min-height: 10.67vw;
    display: flex;
    align-items: center;
  }

  .nav-item a {
    padding: 2.13vw 2.67vw;
    font-size: 2.27vw;
    display: block;
    color: #333;
    width: 100%;
    min-height: 8vw;
    line-height: 8vw;
  }

  .nav-item::after { display: none !important; }

  .nav-item.active a {
    color: #2e6aba;
    font-weight: bold;
    background: #f8fafc;
  }

  /* 二级导航 */
  .nav-arrow { display: none; }

  .sub-panel {
    display: none !important;
    max-height: none !important;
  }

  .sub-panel.active {
    display: block !important;
    border-top: none;
    background: #fafafa;
  }

  .sub-panel-inner {
    width: 100%;
    flex-direction: column;
    gap: 0;
    padding: 0;
  }

  .sub-panel-inner a {
    font-size: 2vw;
    padding: 1.6vw 2.67vw 1.6vw 4.8vw;
    border-bottom: 1px solid #eee;
    display: block;
  }

  /* ==========================================
     3. 首页 - BG1 背景区
     ========================================== */
  .home-bg {
    background: none;
    height: auto;
  }

  /* PC 端搜索区手机端隐藏 */
  .search-tabs { display: none; }

  /* ==========================================
     4. 首页 - 三列板块
     ========================================== */
  .home-cols {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    flex-direction: column;
    gap: 0;
    padding: 0 2.67vw;
  }

  /* 中间栏 - 提至顶部做大 Banner */
  .col-mid {
    width: 100vw !important;
    order: -1;
    border-radius: 0;
    background: none !important;
    margin: 0 0 0 -2.67vw;
    height: auto;
    position: relative;
  }

  .mid-banner {
    border-radius: 0;
    height: auto;
    width: 100%;
    display: block;
  }

  .col-mid .mid-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(transparent, rgba(0,0,0,0.5));
    padding: 6vw 2.67vw 0.67vw;  /* 距底5px @750 */
    color: #fff;
  }

  .col-mid .mid-p { font-size: 3.2vw; padding-top: 0; }       /* 24px @750 */
  .col-mid .mid-date-label { font-size: 2.67vw; color: #dbdbdb; } /* 20px @750 */
  .col-mid .mid-meta { padding-top: 0.67vw; }  /* -15px @750 */
  .col-mid .mid-slider { font-size: 3.2vw; color: #fff; }    /* 24px @750 */
  .col-mid .ms-cur { font-size: 3.2vw; color: #f8c193; }     /* 金色 24px @750 */
  .col-mid .ms-arrow {
    width: 2.4vw;
    height: 2.4vw;
    border-width: 2px;
    color: #a3b0ab;
    border-color: #a3b0ab;
  }
  .col-mid .mid-p { color: #fff; }

  /* 手机端通知公告条（夹在Banner和特色资源之间） */
  .mobile-notice-bar {
    display: flex !important;
    align-items: center;
    width: 100%;
    background: transparent;
    order: 0;
    padding: 4vw 2.67vw;
    gap: 2.67vw;
  }

  .mobile-notice-bar .mnb-left {
    width: auto;
    height: 4vw;            /* 30px @750 */
    flex-shrink: 0;
  }

  .mobile-notice-bar .mnb-link {
    flex: 1;
    font-size: 3.2vw;       /* 24px @750 */
    color: #3f88da;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-notice-bar .mnb-right {
    width: auto;
    height: 4vw;            /* 30px @750 */
    flex-shrink: 0;
    cursor: pointer;
  }

  /* 左栏 */
  .col-left {
    width: 100% !important;
    order: 1;
    overflow: visible;
    background: none !important;
    border-radius: 1.07vw;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    height: auto;
  }

  .col-left .col-title,
  .col-left .col-res-list {
    background: #fff;
    margin: 0;
    border-radius: 0;
  }

  .col-left .col-title { border-radius: 0; }

  /* 右栏 */
  .col-right {
    width: 100% !important;
    order: 2;
    border-radius: 0;
    background: #fff;
    height: auto;
    margin-bottom: 2.67vw;
    padding: 0;
  }

  /* 栏目标题 */
  .col-title {
    padding: 3.33vw 2.67vw 0;  /* 40-15=25px @750 */
    display: flex;
    align-items: center;
    gap: 4vw;               /* 30px @750 */
  }

  .col-title img {
    height: 5.33vw;
    width: auto;
  }

  .col-title span { font-size: 5.33vw; font-weight: 900; text-shadow: 0.03vw 0 0 #333; }  /* 40px @750 */

  .col-title .more\+ {
    margin-left: auto;
    font-size: 3.2vw;
    color: #71a4e7;
  }

  /* 特色资源列表 */
  .col-res-list {
    padding: 6vw 2.67vw 8vw;  /* 60-15=45px @750 */
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.33vw 2vw;        /* 上+25px @750 */
  }

  .col-res-dot {
    width: 1.33vw;          /* 10px @750 */
    height: 1.33vw;
    margin-top: 0;
  }

  .col-res-item {
    font-size: 3.73vw;
    padding-left: 0.4vw;    /* 给菱形呼吸空间 */
    align-items: center;
    gap: 1vw;               /* 菱形距文字 */
  }

  /* 服务入口缩略图 */
  .col-res-thumbs {
    padding: 2.67vw;
    grid-template-columns: repeat(3, 28.67vw);  /* 215px @750 */
    gap: 4.67vw 4.4vw;      /* 上下35px 左右33px @750 */
    background: transparent;
    margin: 6vw 0 5.73vw;   /* 上+25px 下+43px @750 */
    justify-content: center;
  }

  .res-thumb {
    width: 28.67vw;         /* 215px @750 */
    height: 21.33vw;        /* 160px @750 */
    min-height: auto;
  }

  .res-thumb img {
    height: 6.27vw;         /* 47px @750 */
    width: auto;
  }

  .res-thumb span { font-size: 3.73vw; }  /* 28px @750 */

  /* 活动预告 */
  #yugao {
    padding: 13px 20px 12px;
    gap: 2vw;               /* 15px @750 */
  }

  #yugao span {
    font-size: 5.33vw;      /* 40px @750 */
    font-weight: 900;
    text-shadow: 0.03vw 0 0 #333;
  }

  .col-title .more\+ {
    font-size: 3.2vw;       /* 24px @750 */
    color: #71a4e7;
  }

  .week-range,
  .week-calendar { margin: 0 2.67vw; }

  .activity-list { padding: 3.2vw 2.67vw 0; }

  .act-item {
    display: flex;
    align-items: center;
    gap: 4.53vw;            /* 34px @750 */
    margin-bottom: 6.67vw;  /* +20px @750 */
  }

  .act-date {
    width: 17.33vw;         /* 130px @750 */
    height: 14.67vw;        /* 110px @750 */
    background: linear-gradient(to bottom, #cfe2f8 8.67vw, #fff 8.67vw);  /* 65px split */
    border-radius: 0.53vw;
    border: 1px solid #e0e0e0;
    box-shadow: 0 0.27vw 0.53vw rgba(0,0,0,0.08);
    display: grid;
    grid-template-rows: 8.67vw 6vw;  /* 65px + 45px */
    flex-shrink: 0;
  }

  .act-day {
    font-size: 4.8vw;       /* 36px @750 */
    color: #5e9eeb;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .act-ym {
    font-size: 3.2vw;       /* 24px @750 */
    color: #777;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .act-desc {
    font-size: 3.73vw;      /* 28px @750 */
    color: #333;
    line-height: 6.93vw;    /* 52px @750 */
    flex: 1;
  }

  /* 底部长条 */
  .home-bar { display: none; }

  /* ==========================================
     5. 首页 - BG2 图书轮播
     ========================================== */
  .home-bg2 {
    height: auto;
    background: none;
    padding: 8vw 2.67vw 0;  /* 上+40px 下0 @750 */
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .book-row {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    display: grid;
    grid-template-columns: 42.67vw 42.67vw;  /* 320px @750 */
    gap: 8vw 9.33vw;        /* 上下+40px 左右70px @750 */
    width: 100%;
    justify-content: center;
    order: 1;
  }

  .book-item img {
    width: 42.67vw;         /* 320px @750 */
    height: auto;
    border-radius: 0.53vw;
    -webkit-box-reflect: below 1.33vw linear-gradient(transparent 0%, transparent 94%, rgba(0,0,0,1) 100%);
  }

  .book-desc {
    width: 42.67vw;         /* 320px @750 */
    margin-top: 5.33vw;     /* 40px @750 */
    height: auto;
    min-height: 10vw;
    background-size: 100% 100%;
  }

  .book-desc span { font-size: 3.2vw; }

  .book-prev { order: 2; }
  .book-next { order: 3; }

  .book-arrow {
    position: relative;
    top: auto;
    left: auto !important;
    right: auto !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 5.33vw;          /* 40px @750 */
    height: 8vw;            /* 60px @750 */
    margin: 4.67vw 3.33vw 0; /* 距书底35px 箭头间距50px @750 */
    background: #f8fbff;
    border-radius: 0.53vw;
    font-size: 3.6vw;       /* 27px @750 */
    color: #99b8e5;
    cursor: pointer;
  }

  /* ==========================================
     6. 首页 - 底部甘图动态
     ========================================== */
  .home-bottom {
    height: auto;
    background: transparent;
    padding: 4.67vw 2.67vw 12vw;  /* 上35px 下+70px @750 */
    overflow: hidden;
  }

  .section-head {
    padding-top: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 3.33vw;            /* 25px @750 */
  }

  .section-head h2 {
    font-size: 5.33vw;      /* 40px @750 */
    font-weight: 900;
    text-shadow: 0.03vw 0 0 #333;
    flex: 1;
  }

  .section-head img { height: 4.8vw; }

  .section-more {
    display: block !important;
    font-size: 3.2vw;       /* 24px @750 */
    color: #71a4e7;
    flex-shrink: 0;
  }

  .btn-more { display: none; }

  .news-grid {
    width: 100%;
    grid-template-columns: 1fr;
    gap: 6vw;               /* 45px @750 */
    margin-top: 2.67vw;
  }

  .news-card {
    gap: 4.67vw;            /* 35px @750 */
    overflow: hidden;
    min-width: 0;
  }

  .nc-img {
    width: 22.27vw;         /* 167px @750 */
    height: 13.73vw;        /* 103px @750 */
    flex-shrink: 0;
  }

  .nc-desc {
    position: static !important;
    font-size: 3.73vw;      /* 28px @750 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 5.33vw;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
  }

  .nc-date {
    position: static !important;
    font-size: 2.93vw;      /* 22px @750 */
    color: #ffc067;
    text-align: right;
    bottom: auto !important;
    right: auto !important;
    margin-top: auto;
  }

  .nc-line {
    border-bottom: 1px solid #ffc067;  /* 实线 */
    position: static !important;
    bottom: auto !important;
    left: auto !important;
  }

  .nc-text {
    position: relative !important;
    height: 13.73vw;        /* 与左侧图片同高 103px @750 */
    display: flex;
    flex-direction: column;
    padding-bottom: 0;
    overflow: hidden;
    flex: 1;
    min-width: 0;
  }

  /* ==========================================
     7. 首页 - 浮动咨询（手机端隐藏）
     ========================================== */
  .float-consult { display: none; }

  /* ==========================================
     8. 首页 - 周历
     ========================================== */
  .week-range {
    height: 8.67vw;         /* 65px @750 */
    line-height: 8.67vw;
    font-size: 3.73vw;      /* 28px @750 */
    color: #2e6aba;
    padding: 0;
    border-radius: 1.6vw 1.6vw 0 0;
  }

  .week-calendar {
    border-radius: 0 0 1.6vw 1.6vw;
    display: flex;
    flex-direction: column;
    gap: 2vw;               /* 上半+15px @750 */
  }

  .wc-cell {
    font-size: 3.73vw;      /* 28px @750 */
    padding: 2vw 0;
  }

  .wc-cell .wc-num {
    font-size: 4.27vw;      /* 32px @750 */
    position: relative;
    z-index: 1;
  }

  .wc-cell.today .wc-num {
    color: #2e6aba;
    font-weight: bold;
  }

  .wc-cell.today::after {
    width: 6.32vw;          /* 47.4px @750 */
    height: 6.32vw;
    background: #cfe2f8;
    border-radius: 0.53vw;
    bottom: 2.13vw;         /* 上移16px @750 */
    left: 50%;
    transform: translateX(-50%);
    z-index: 0;
  }

  .wc-badge {
    width: 4.2vw;           /* 31.5px @750 */
    height: 4.2vw;
    font-size: 2.93vw;      /* 22px @750 */
    line-height: 4.2vw;
    top: -0.67vw;
    right: 0.67vw;          /* 左移10px @750 */
  }

  /* ==========================================
     9. Footer
     ========================================== */
  /* 手机端默认隐藏上半部，仅首页显示 */
  .footer-top { display: none; }
  .home-bg ~ footer .footer-top {
    display: block;
    height: auto;
    background: url('../assets/images/PHfooter.png') no-repeat center top;
    background-size: 100% 100%;
    padding-bottom: 7.47vw;  /* 56px @750 */
    margin-bottom: 0;
  }

  .footer-top::before { display: none; }

  .footer-top .container {
    padding-top: 13.33vw;
    position: relative;
  }

  .footer-links {
    flex-direction: column !important;
    gap: 6vw;
    align-items: flex-start;
    width: 100%;
    
  }

  .footer-links dl { text-align: left; }

  .footer-links dt { font-size: 4vw; }

  .footer-links dt::after {
    bottom: -3.73vw;        /* 距标题28px @750 */
    left: 0;
    width: 6.27vw;          /* 47px @750 */
    height: 0.53vw;
  }

  .footer-links dd:first-of-type { margin-top: 7.47vw; }  /* 28+28=56px @750 */

  .footer-links dl dd {
    display: inline-block;
    margin: 0 6.67vw 0 0;    /* 右距50px，留给竖线左右各25px @750 */
    padding: 0;
    position: relative;
    line-height: 4.93vw;    /* +10px @750 */
  }

  .footer-links dl dd::after {
    content: '';
    position: absolute;
    right: -3.33vw;         /* 竖线居中：50/2=25px @750 */
    top: 50%;
    transform: translateY(-50%);
    width: 0.27vw;          /* 2px @750 */
    height: 3.6vw;          /* 27px @750 */
    background: #a0b8cd;
  }

  .footer-links dl dd:last-child { margin-right: 0; }
  .footer-links dl dd:last-child::after { display: none; }

  .footer-links dd a { font-size: 3.2vw; color: #a0b8cd; }

  .footer-qrcode {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    margin-top: 9.07vw;     /* 距上68px @750 */
    padding-top: 10vw;      /* 距线下75px @750 */
    border-top: 0.4vw solid #2d5381;  /* 3px @750 */
  }

  .qrcode-list {
    flex-wrap: wrap;
    justify-content: center;
    gap: 8vw 9.33vw;        /* 上下60px 左右70px @750 */
  }

  .qrcode-item { width: 24.67vw; }   /* 185px @750 */
  .qrcode-item .qr-box {
    width: 24.67vw;         /* 185px @750 */
    height: 24.67vw;
    margin: 0 auto;
    border-radius: 2.67vw;
  }
  .qrcode-item .qr-box .qr-img-pc { display: none; }
  .qrcode-item .qr-box .qr-img-mobile { display: block !important; }
  .qrcode-item .qr-box img {
    max-width: 19.47vw;     /* 146px @750 */
    max-height: 19.47vw;
  }
  .qrcode-item p {
    font-size: 3.47vw;      /* 26px @750 */
    margin-top: 2.67vw;     /* 距二维码20px @750 */
    margin-bottom: 0;
  }

  /* 首页版权区 */
  .home-bg ~ footer .footer-bottom {
    height: auto;
    padding: 4.67vw 2.67vw 8vw;
    background: url('image/phfooterBG2.png') no-repeat center center;
    background-size: 100% 100%;
    margin: 0 !important;
    position: relative;
    top: -2px;
    border-top: none;
  }

  .home-bg ~ footer .footer-bottom::before {
    content: '';
    position: absolute;
    top: 0;
    left: 2.67vw;
    right: 2.67vw;
    height: 0.4vw;
    background: #2d5381;
  }

  /* 二级页版权区 */
  .page-content ~ footer .footer-bottom {
    height: auto;
    padding: 10vw 2.67vw 8vw;  /* 距上40px @750 */
    background: url('image/footer2BG.png') no-repeat center center / 100% 100% !important;
    margin: 0;
    border: none;
  }

  .page-content ~ footer .footer-bottom .container {
    color: #b5cde1;
  }

  .police-icon {
    width: 3.2vw;
    height: 3.2vw;
    vertical-align: middle;
  }

  .footer-bottom .container {
    display: block;
    text-align: left;
    font-size: 3.2vw;
    color: #7d96ac;
    line-height: 6.27vw;    /* 32+15=47px @750 */
  }

  .footer-bottom .container span:nth-child(1),
  .footer-bottom .container span:nth-child(2) {
    display: inline;
  }

  .footer-bottom .container span:nth-child(3),
  .footer-bottom .container span:nth-child(4) {
    display: block;
  }

  /* ==========================================
     10. 内页 - 手机端标题栏
     ========================================== */
  .mobile-page-title {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100vw;
    height: 10.4vw;         /* 78px @750 */
    background: url('image/PHBG.png') no-repeat center center;
    background-size: 100% 100%;
    font-size: 4.8vw;       /* 36px @750 */
    font-weight: 900;
    color: #fff;
    position: relative;
  }

  .mpt-hamburger {
    position: absolute;
    right: 2.67vw;
    top: 50%;
    transform: translateY(-50%);
    height: 4.53vw;         /* 34px @750 */
    width: auto;
    cursor: pointer;
    z-index: 101;
  }

  /* 汉堡下拉菜单 */
  .mpt-dropdown {
    display: none;
    position: absolute;
    top: 10.4vw;            /* 标题栏高度78px */
    left: 0;
    width: 100vw;
    background: #fff;
    z-index: 100;
    box-shadow: 0 2.67vw 4vw rgba(0,0,0,0.1);
  }

  .mpt-dropdown.open { display: block; }

  .mpt-menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mpt-menu-list li {
    border-bottom: 1px solid #f2f2f2;
  }

  .mpt-menu-list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 9.33vw;         /* 70px @750 */
    padding: 0 5.33vw;
    font-size: 3.2vw;       /* 24px @750 */
    color: #666;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0.53vw; /* 4px @750 */
  }

  .mpt-menu-list li.active a {
    color: #2e6aba;
    font-weight: normal;
  }

  .side-subnav-box { display: none; }

  /* ==========================================
     11. 内页 - Banner
     ========================================== */
  .page-banner-img {
    width: 100%;
    height: auto;
    display: block;
  }

  /* ==========================================
     11. 内页 - 面包屑
     ========================================== */
  .breadcrumb { display: none; }

  .breadcrumb .container {
    display: flex;
    align-items: center;
    gap: 1vw;
    padding: 0;
  }

  .breadcrumb img { height: 2.67vw; }

  /* ==========================================
     12. 内页 - 布局（侧边栏 + 内容区）
     ========================================== */
  .page-layout {
    flex-direction: column;
  }

  #sidebar { display: none; }

  .page-main {
    margin-left: 0;
    width: 100%;
    padding: 0 0vw 0vw;
    background: transparent;
    
  }

  .page-main-full {
    padding: 0 2.67vw 4vw;
    margin-left: 0;
    width: 100%;
  }

  .content-top-line { display: none; }  /* 去掉金线 */

  .content-divider {
    width: 100vw;
    height: 0.27vw;         /* 2px @750 */
    margin-top: 6.67vw;     /* 距发布时间50px @750 */
    margin-left: -5.34vw;
    background: #d0e8ff;
  }
  

  .activity-info-bar { display: none; }

  /* 侧边栏 */
  .side-title {
    width: 100%;
    height: 12vw;
    line-height: 12vw;
    font-size: 4.8vw;
  }

  .sidebar-nav {
    width: 100%;
    padding-bottom: 0;
  }

  .sidebar-list {
    background: transparent;
    padding-bottom: 0;
  }

  .sidebar-list .side-title { display: none; }

  .side-item { height: auto; }

  .side-item a {
    height: auto;
    padding: 3.2vw 4vw;
    font-size: 3.73vw;
    min-height: 11vw;
    gap: 3vw;
  }

  .side-item a img { height: 3.6vw; }

  .side-item::after { left: 4vw; right: 4vw; }

  /* 侧边栏子导航 */
  .subnav-item { font-size: 3.47vw; padding: 1.6vw 2.67vw; }

  .sub-recommend { padding: 5vw 4vw 0; }
  .rec-title { font-size: 3.73vw; }

  .sub-articles { padding: 4vw 3vw 0; gap: 2vw; }

  .sub-art-item {
    width: 100%;
    height: auto;
    min-height: 12vw;
    font-size: 3.2vw;
    padding: 2.67vw 4vw;
    text-indent: -2vw;
    padding-left: 6vw;
  }

  .subnav-zs { display: none; }
  .zs-left, .zs-right { display: none; }

  /* ==========================================
     13. 内页 - 内容区通用
     ========================================== */
  .content-title {
    font-size: 4.27vw;      /* 32px @750 */
    margin-top: 0;
    padding-top: 7vw;       /* 60px @750 */
  }

  .content-meta {
    margin-top: 4.5vw;     /* 距标题35px @750 */
    font-size: 2.93vw;      /* 22px @750 */
    flex-wrap: wrap;
    gap: 2vw 4vw;
  }

  .content-body {
    margin-top: 4vw;
    font-size: 3.73vw;
    line-height: 2;
  }

  .content-body p {
    text-indent: 2em;
    margin-bottom: 2vw;
  }


  /* ==========================================
     14. 内页 - 列表（新闻 / 活动）
     ========================================== */
  .list-wrap {
    background: transparent;
    margin-top: 3.33vw;     /* 25px @750 */
  }

  .list-wrap .list-top-line { display: none; }  /* 去掉金线 */

  .list-item {
    height: auto;
    flex-direction: column;
    padding: 0;
    margin-bottom: 6.93vw;  /* 项间距56px @750 */
    align-items: stretch;
    background: transparent;
  }

  .list-item::after { display: none; }  /* 去掉虚线 */

  .list-img {
    width: 100%;
    height: 54.67vw;        /* 410px @750 */
    margin: 0;
    aspect-ratio: auto;
    border-radius: 0;
    overflow: hidden;
  }

  .list-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0;
  }

  .list-text {
    height: 16vw;           /* 120px @750 */
    background: #f2fbff;
    margin: 0;
    padding: 3.47vw 2.67vw 1.33vw;  /* 上26px 下10px @750 */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    gap: 1.33vw;            /* 标题距日期10px @750 */
  }

  .list-item-title {
    font-size: 3.73vw;      /* 28px @750 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .list-item-date {
    font-size: 2.93vw;      /* 22px @750 */
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 1.13vw;            /* 蓝色小圆点8.5px @750 */
  }

  .list-item-date::before {
    content: '';
    display: inline-block;
    width: 1.13vw;          /* 8.5px @750 */
    height: 1.13vw;
    border-radius: 50%;
    background: #73a8df;
    flex-shrink: 0;
  }

  .list-item-desc { display: none; }  /* 隐藏摘要 */

  /* ==========================================
     15. 内页 - 通知公告列表
     ========================================== */
  .notice-item {
    height: 17.33vw;        /* 130px @750 */
    flex-wrap: nowrap;
    padding: 0;
    align-items: center;
  }

  .notice-title {
    font-size: 4vw;         /* 30px @750 */
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }

  .notice-date {
    font-size: 3.2vw;       /* 24px @750 */
    margin-left: 2.67vw;
    flex-shrink: 0;
    white-space: nowrap;
  }

  .notice-dot {
    flex-shrink: 0;
    margin-right: 1.6vw;
    margin-top: 0;
  }

  /* ==========================================
     16. 内页 - 资源页
     ========================================== */
  .page-main-res { padding: 0 2.67vw 4vw; }

  .page-main-res .content-top-line { display: none; }

  .res-bar { display: none; }

  .res-grid {
    grid-template-columns: 1fr;
    gap: 5.33vw;            /* 上下40px @750 */
    margin-top: 4vw;
  }

  .res-card {
    width: 100%;
    height: 13.33vw;        /* 100px @750 */
    min-height: auto;
    padding: 0 2.67vw 0 1.33vw;  /* 左10px @750 */
    display: flex;
    align-items: center;
    gap: 0;
    border: 1px solid #e8e8e8;
    border-radius: 1.6vw;
    box-shadow: 0 0.27vw 0.8vw rgba(0,0,0,0.06), 0 0 0.27vw rgba(0,0,0,0.04);
    position: relative;
  }

  .res-card img {
    width: 35.2vw;          /* 264px @750 */
    height: 12vw;           /* 90px @750 */
    max-width: none;
    max-height: none;
    margin: 0;
    flex-shrink: 0;
    object-fit: contain;
  }

  .res-card::after {
    content: '';
    position: absolute;
    left: 38.13vw;          /* 264+12+10=286px @750 */
    top: 50%;
    transform: translateY(-50%);
    width: 0.27vw;          /* 2px @750 */
    height: 6.13vw;         /* 46px @750 */
    background: #d7e8ff;
  }

  .res-card p {
    font-size: 3.2vw;       /* 24px @750 */
    color: #333;
    margin: 0 0 0 6.53vw;   /* 12+2+35=49px @750 */
    flex: 1;
    min-width: 0;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* 资源列表 */
  .res-list { margin-top: 4vw; }

  .res-list-item {
    height: 26.67vw;        /* 200px @750 */
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #dceaf8;
  }

  .res-list-item + .res-list-item { padding-top: 0; }

  .res-list-item h3 {
    font-size: 4vw;         /* 30px @750 */
    padding-left: 2.67vw;
    position: relative;
  }

  .res-list-item h3::before {
    width: 0.53vw;          /* 4px @750 */
    height: 3.87vw;         /* 29px @750 */
    background: #c9a86c;
  }

  .res-list-item p {
    font-size: 3.2vw;       /* 24px @750 */
    line-height: 1.8;
    margin-top: 2vw;        /* 距标题15px @750 */
    padding-left: 2.67vw;
  }

  /* ==========================================
     17. 内页 - 书目推荐
     ========================================== */
  .book-grid {
    justify-content: space-between;
    gap: 12vw 0;            /* 上下90px @750 */
    margin-top: 10vw;       /* 距标题栏75px @750 */
  }

  .book-card2 { width: 43vw; }     /* 一行两个 @750 */

  .book-card2-img {
    width: 43vw;
    height: 50.67vw;        /* 380px @750 */
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .book-card2-img img {
    max-width: 34.67vw;     /* 260px @750 */
    max-height: 42.93vw;    /* 322px @750 */
    width: auto;
    height: auto;
  }

  .book-card2-title {
    font-size: 3.2vw;
    margin-top: 3vw;
  }

  .page-main-book { padding: 0 0 4vw !important; }

  /* ==========================================
     18. 内页 - 服务卡片 / 资源卡片 / 阅读卡片
     ========================================== */
  .service-grid {
    grid-template-columns: 1fr;
    gap: 3vw;
  }

  .service-card { padding: 4vw; }
  .service-card h3 { font-size: 4vw; }
  .service-card p { font-size: 3.2vw; }

  .resource-grid {
    grid-template-columns: 1fr;
    gap: 3vw;
  }

  .resource-card { padding: 4vw; }
  .resource-card h4 { font-size: 3.73vw; }
  .resource-card p { font-size: 3.2vw; }

  .reading-grid {
    grid-template-columns: 1fr;
    gap: 3vw;
  }

  .reading-cover { height: 40vw; }
  .reading-info h4 { font-size: 3.73vw; }
  .reading-info p { font-size: 3.2vw; }

  /* ==========================================
     19. 内页 - 详情页
     ========================================== */
  .detail-wrap {
    padding: 4vw;
    border-radius: 0;
  }

  .detail-header { padding-bottom: 3vw; margin-bottom: 4vw; }

  .detail-title { font-size: 5.33vw; }

  .detail-meta { font-size: 3.2vw; }

  .detail-meta span {
    display: inline-block;
    margin-right: 3vw;
    margin-bottom: 1vw;
  }

  .detail-body { font-size: 3.73vw; line-height: 2; }

  /* ==========================================
     20. 内页 - 关于甘图
     ========================================== */
  .about-content {
    padding: 4vw;
    border-radius: 0;
  }

  .about-content p { font-size: 3.73vw; }

  .about-heading {
    font-size: 5.07vw;      /* 38px @750 */
    margin-top: 6.8vw;      /* 35+16=51px @750 */
  }

  .about-summary {
    font-size: 3.73vw;      /* 28px @750 */
    margin-top: 6.27vw;     /* 35+16=51px @750 */
  }

  .about-image .img-placeholder {
    width: 100%;
    height: 50vw;
    line-height: 50vw;
  }

  .sec-title { gap: 4vw; margin-top: 8vw; }

  .sec-title span {
    font-size: 4.8vw;       /* 36px @750 */
    font-family: "SimSun", "宋体", serif;
    font-weight: 900;
    text-shadow: 0.05vw 0 0 #333;
  }

  .sec-box {
    padding: 4vw 2.67vw;
    margin-top: 3vw;
  }

  .sec-box p {
    font-size: 3.73vw;
    line-height: 2;
    text-indent: 2em;
  }

  .sec-zs { width: auto; height: 4vw; }  /* 30px @750 */

  /* ==========================================
     21. 分页
     ========================================== */
  .pagination {
    padding: 8vw 0 0;
    font-size: 3.2vw;       /* 24px @750 */
    gap: 3.73vw;            /* 28px @750 */
    justify-content: center;
  }
  .pagination .pg-total { display: none !important; }
  .pagination .pg-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    line-height: normal;
    border: 1px solid #e8e8e8;
    border-radius: 1.07vw;  /* 8px @750 */
    color: #666666;
  }
  .pagination .pg-box + .pg-box { margin-left: 0; }
  .pagination .pg-prev,
  .pagination .pg-next {
    width: 17.73vw;         /* 133px @750 */
    height: 9.07vw;         /* 68px @750 */
  }
  .pagination .pg-num {
    width: 9.07vw;          /* 68px @750 */
    height: 9.07vw;
  }
  .pagination .pg-num.active {
    background: #26446a;
    color: #fff;
    border-color: #26446a;
  }
  .pagination .pg-prev.disabled,
  .pagination .pg-next.disabled { color: #ccc; }

  /* ==========================================
     22. 内页 - page-content
     ========================================== */
  .page-content {
    padding: 0 0 6vw;
    min-height: auto;
    background: #fff;
  }

  /* ==========================================
     23. news-item 通用列表
     ========================================== */
  .news-item {
    padding: 3vw 0;
  }

  .news-title {
    font-size: 3.47vw;
    padding-right: 4vw;
  }

  .news-date { font-size: 2.93vw; }

}