<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thư Viện – Trường Đại Học Nam Cần Thơ</title>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Be+Vietnam+Pro:wght@300;400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"/>
<link rel="icon" href="https://thuvien.nctu.edu.vn/dist/image/2025_Jun_17_logoDNC.png" type="image/x-icon">
<link rel="stylesheet" href="https://thuvien.nctu.edu.vn/dist/assets/css/new/css_new_header.css?ver=1">
</head>
<body>

<!-- TOPBAR -->
<div class="topbar">
  <div class="topbar-inner">
    <span><i class="fa fa-map-marker-alt" style="color:var(--gold);margin-right:5px"></i> Số 168 Nguyễn Văn Cừ nối dài, Phường An Bình, TP. Cần Thơ</span>
    <div>
      <a href="#"><i class="fab fa-facebook"></i></a>
      <a href="#"><i class="fab fa-youtube"></i></a>
      <!-- <a href="#"><i class="fab fa-tiktok"></i></a> -->
      <a href="#" style="margin-left:18px"><i class="fa fa-phone"></i> 0292 3508 789</a>
    </div>
  </div>
</div>

<!-- HEADER -->
<header>
  <div class="header-inner">
    <a href="https://thuvien.nctu.edu.vn/index.php/new/home2" class="logo">
      <div class="logo-icon"></div>
      <img src="https://thuvien.nctu.edu.vn/dist/image/logo2.png" alt="Logo Thư Viện" class="logo-img">
      <div class="logo-text">
        
        <!-- <div class="brand">Thư Viện – Đại Học Nam Cần Thơ</div> -->
        <!-- <div class="sub">Southern Can Tho University Library</div> -->
      </div>
    </a>
    <nav>
      <a href="#" class="active">Trang chủ</a>
      
      <!-- Ebook dropdown -->
      <div class="nav-item">
        <a href="#news">Ebooks <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Ebooks </div>
          <a href="https://sachweb.com/ebookthuvien/tvdhnamcantho/"><i class="fa fa-comments"></i> Văn học - Chính trị - Xã hội</a>
          <a href="https://ebooknctu.sachbanquyen.com.vn/customer/login"><i class="fa fa-university"></i> Kiến Trúc - Y Dược</a>
          <a href="https://ebooknctu.nxbbachkhoa.vn/"><i class="fa fa-wrench"></i> Kỹ Thuật - BKHN</a>
          <a href="https://link.gale.com/apps/menu?u=vnnctu"><i class="fa fa-line-chart"></i> Kinh tế</a>
        </div>
      </div>

      <!-- Tài liệu điện tử dropdown -->
      <div class="nav-item">
        <a href="#gallery">Tài liệu điện tử <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Tài liệu điện tử</div>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-kinh-te"><i class="fa fa-line-chart"></i> Khoa Kinh tế</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/tai-lieu-dien-tu"><i class="fa fa-stethoscope"></i> Khoa Y</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-duoc"><i class="fa fa-pills"></i> Khoa Dược</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-ngon-ngu-anh"><i class="fa fa-language"></i> Khoa Ngoại ngữ</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-co-khi-dong-luc"><i class="fa fa-cogs"></i> Khoa Cơ khí Động lực</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-cong-nghe-thong-tin"><i class="fa fa-laptop-code"></i> Khoa Công nghệ Thông tin</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-du-lich"><i class="fa fa-plane"></i> Khoa Du lịch</a>
        </div>
      </div>

      <!-- Tài liệu nội sinh dropdown -->
      <div class="nav-item">
        <a href="#video">Tài liệu nội sinh <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Tài liệu nội sinh</div>
          <a href="http://113.161.234.52:8080/digital/handle/123456789/1"><i class="fa fa-book"></i> Giáo trình - Bài giảng</a>
          <a href="http://113.161.234.52:8080/digital/handle/123456789/3"><i class="fa fa-graduation-cap"></i> Khóa luận Đại học</a>
          <a href="http://113.161.234.52:8080/digital/handle/123456789/274"><i class="fa fa-user-graduate"></i> Luận văn Thạc sĩ</a>
          <a href="http://113.161.234.52:8080/digital/handle/123456789/571"><i class="fa fa-flask"></i> Nghiên cứu Khoa học</a>
        </div>
      </div>

      <!-- Tin tức dropdown -->
      <div class="nav-item">
        <a href="#news">Tin tức <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Tin tức</div>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/2"><i class="fa fa-newspaper"></i> Tin tức & Sự kiện</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/8"><i class="fa fa-bullhorn"></i> Thông báo</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/7"><i class="fa fa-book"></i> Sách mới</a>
          <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/6"><i class="fa fa-gift"></i> Sách tặng</a>
        </div>
      </div>

      <!-- CSDL dropdown -->
      <div class="nav-item">
        <a href="#database">Hướng dẫn <i class="fa fa-chevron-down caret"></i></a>
        <div class="dropdown">
          <div class="dd-header">Hướng dẫn</div>
          <a href="https://drive.google.com/file/d/1whN-XCSO2sDQNuytLKrUBKtA3bWc14_-/view?usp=sharing"><i class="fa fa-file-pdf"></i> File hướng dẫn</a>
          <a href="https://www.youtube.com/watch?v=Ji5-o8fNzYw"><i class="fa fa-video"></i> Video hướng dẫn</a>
        </div>
      </div>

      <a href="https://drive.google.com/file/d/1-qw4tUlxr8L92UNiTLnzOsQMoKe5zR70/view">Nội quy - Qui định</a>

      <a href="https://thuvien.nctu.edu.vn:8000/cgi-bin/koha/opac-user.pl">Gia hạn</a>
    </nav>
      <button class="burger" id="burgerBtn" aria-label="Menu">
        <span></span><span></span><span></span>
      </button>
  </div>
  <div class="mobile-nav" id="mobileNav">
    <a href="#">🏠 Trang chủ</a>
    <a href="#news" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-news')">📰 Ebooks <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-news" style="display:none">
      <a href="#news">Văn học - Chính trị - Xã hội</a>
      <a href="#news">KTr - Y Dược - KTế</a>
      <a href="#news">Kỹ Thuật - BKHN</a>
      <a href="#news">Kinh tế</a>
    </div>
    <a href="#news" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-news')">📰 Tin tức <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-news" style="display:none">
      <a href="#news">Tin tức & Sự kiện</a>
      <a href="#news">Thông báo</a>
      <a href="#news">Hoạt động nổi bật</a>
    </div>
    <a href="#gallery" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-gallery')">🖼️ Góc ảnh <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-gallery" style="display:none">
      <a href="#gallery">Ảnh hoạt động</a>
      <a href="#gallery">Không gian thư viện</a>
      <a href="#gallery">Sinh viên & Học tập</a>
    </div>
    <a href="#video">🎬 Video Clip</a>
    <a href="#books" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-books')">📖 Sách mới <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-books" style="display:none">
      <a href="#books">Công nghệ & CNTT</a>
      <a href="#books">Kinh tế & Quản trị</a>
      <a href="#books">Luật & Xã hội</a>
      <a href="#books">Y – Dược</a>
    </div>
    <a href="#database" style="display:flex;align-items:center;justify-content:space-between" onclick="toggleMobSub(event,'mob-db')">🗄️ Cơ sở dữ liệu <i class="fa fa-chevron-down" style="font-size:.65rem;opacity:.5"></i></a>
    <div class="mob-sub" id="mob-db" style="display:none">
      <a href="#database">CSDL trực tuyến</a>
      <a href="#database">Sách điện tử</a>
      <a href="#database">Tạp chí khoa học</a>
    </div>
    <a href="#hours">🕐 Giờ hoạt động</a>
  </div>
</header>
<script>

  // MOBILE NAV
  document.getElementById('burgerBtn').onclick = () => {
    document.getElementById('mobileNav').classList.toggle('open');
  };

  // DROPDOWN — JS-controlled with close delay so cursor can travel to menu
  (function() {
    const items = document.querySelectorAll('.nav-item');
    let closeTimers = new WeakMap();

    items.forEach(item => {
      // Open immediately on mouseenter
      item.addEventListener('mouseenter', () => {
        // Cancel any pending close for this item
        if (closeTimers.has(item)) {
          clearTimeout(closeTimers.get(item));
          closeTimers.delete(item);
        }
        // Close all others instantly
        items.forEach(other => {
          if (other !== item) {
            other.classList.remove('open');
            if (closeTimers.has(other)) {
              clearTimeout(closeTimers.get(other));
              closeTimers.delete(other);
            }
          }
        });
        item.classList.add('open');
      });

      // Close with 180ms delay — gives cursor time to reach the dropdown
      item.addEventListener('mouseleave', () => {
        const t = setTimeout(() => {
          item.classList.remove('open');
          closeTimers.delete(item);
        }, 180);
        closeTimers.set(item, t);
      });
    });

    // Close all when clicking outside
    document.addEventListener('click', (e) => {
      if (!e.target.closest('.nav-item')) {
        items.forEach(i => i.classList.remove('open'));
      }
    });
  })();

  // MOBILE SUBMENU TOGGLE
  function toggleMobSub(e, id) {
    e.preventDefault();
    const sub = document.getElementById(id);
    const icon = e.currentTarget.querySelector('.fa-chevron-down');
    if (sub.style.display === 'none' || sub.style.display === '') {
      sub.style.display = 'block';
      if(icon) icon.style.transform = 'rotate(180deg)';
    } else {
      sub.style.display = 'none';
      if(icon) icon.style.transform = '';
    }
  }
</script><link rel="stylesheet" href="https://thuvien.nctu.edu.vn/dist/assets/css/new/css_new_home.css?ver=1">
<style>
:root {
  --navy:#0a1a3b; --gold:#c9922a; --gold-light:#f0b84a;
  --cream:#fdf6ec; --accent:#1a4580;
  --gray-100:#f4f4f4; --gray-200:#e5e5e5; --gray-500:#888; --gray-700:#444;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ font-family:'Be Vietnam Pro',sans-serif; background:#fff; color:var(--navy); }
a{ text-decoration:none; color:inherit; }
::-webkit-scrollbar{ width:4px; }
::-webkit-scrollbar-thumb{ background:var(--gold); border-radius:4px; }

/* READING PROGRESS */
#reading-bar{ position:fixed; top:0; left:0; height:3px; width:0%; background:linear-gradient(90deg,var(--gold),var(--gold-light)); z-index:9999; transition:width .1s linear; }

/* BREADCRUMB */
.breadcrumb-bar{ background:var(--cream); border-bottom:1px solid var(--gray-200); }
.breadcrumb{ max-width:min(82vw,1560px); margin:0 auto; padding:11px 20px; display:flex; align-items:center; gap:6px; font-size:.72rem; color:var(--gray-500); flex-wrap:wrap; }
.breadcrumb a{ color:var(--gray-700); transition:.15s; }
.breadcrumb a:hover{ color:var(--gold); }
.breadcrumb .sep{ color:var(--gray-200); }
.breadcrumb .cur{ color:var(--navy); font-weight:600; }

/* PAGE */
.page-wrap{ max-width:min(82vw,1560px); margin:0 auto; padding:40px 20px 72px; }
.detail-layout{ display:grid; grid-template-columns:1fr 300px; gap:44px; align-items:start; }

/* ══ MAIN ══ */

/* HEADER BÀI VIẾT */
.nd-header{ margin-bottom:24px; }
.nd-tag-label{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(201,146,42,.12); color:var(--gold);
  font-size:.65rem; font-weight:700; text-transform:uppercase;
  letter-spacing:.07em; padding:5px 12px; border-radius:20px;
  margin-bottom:14px;
}
.nd-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.3rem,2.5vw,1.9rem);
  font-weight:900; color:var(--navy);
  line-height:1.3; margin-bottom:14px;
}
.nd-meta{
  display:flex; gap:16px; flex-wrap:wrap;
  font-size:.75rem; color:var(--gray-500);
  padding-bottom:14px; border-bottom:1px solid var(--gray-200);
  margin-bottom:16px;
}
.nd-meta i{ color:var(--gold); margin-right:4px; }

/* SHARE */
.nd-share{ display:flex; align-items:center; gap:8px; margin-bottom:28px; }
.share-label{ font-size:.72rem; font-weight:600; color:var(--gray-500); }
.share-btn{ width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; font-size:.75rem; cursor:pointer; transition:.2s; border:1.5px solid var(--gray-200); color:var(--gray-700); }
.share-btn:hover{ transform:translateY(-2px); }
.share-btn.fb{ background:#1877f2; border-color:#1877f2; color:#fff; }
.share-btn.zalo{ background:#0068ff; border-color:#0068ff; color:#fff; font-size:.6rem; font-weight:700; }
.share-btn.link:hover{ background:var(--cream); border-color:var(--gold); color:var(--gold); }

/* MÔ TẢ NGẮN */
.nd-desc{
  font-size:.9rem; line-height:1.9; color:var(--gray-700);
  background:var(--cream); border-left:3px solid var(--gold);
  border-radius:0 10px 10px 0; padding:16px 20px;
  margin-bottom:28px;
}
.nd-desc p{ margin-bottom:8px; }
.nd-desc p:last-child{ margin-bottom:0; }
.nd-desc [style*="font-family"]{ font-family:'Be Vietnam Pro',sans-serif !important; }
.nd-desc [style*="font-size"]{ font-size:.88rem !important; }

/* IFRAME WRAPPER */
.iframe-section{ margin-bottom:28px; }
.iframe-topbar{
  display:flex; align-items:center; justify-content:space-between;
  background:var(--navy); color:#fff; padding:12px 18px;
  border-radius:12px 12px 0 0; font-size:.78rem; font-weight:600;
}
.iframe-topbar .doc-title{ display:flex; align-items:center; gap:8px; }
.iframe-topbar .doc-title i{ color:var(--gold-light); }
.iframe-actions{ display:flex; gap:8px; }
.iframe-btn{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(255,255,255,.1); color:#fff;
  font-size:.7rem; font-weight:600; padding:6px 12px;
  border-radius:6px; border:1px solid rgba(255,255,255,.2);
  cursor:pointer; transition:.2s; text-decoration:none;
}
.iframe-btn:hover{ background:var(--gold); border-color:var(--gold); color:var(--navy); }
.iframe-wrap{
  position:relative; width:100%;
  border:1.5px solid var(--gray-200); border-top:none;
  border-radius:0 0 12px 12px; overflow:hidden;
  box-shadow:0 8px 32px rgba(10,26,59,.1);
}
.iframe-wrap iframe{
  width:100% !important;
  height:750px !important;
  border:none; display:block;
}
/* Mobile: giảm chiều cao iframe */
@media(max-width:768px){
  .iframe-wrap iframe{ height:500px !important; }
}
@media(max-width:480px){
  .iframe-wrap iframe{ height:400px !important; }
}

/* TAGS */
.nd-tags{ display:flex; gap:8px; flex-wrap:wrap; margin-top:20px; padding-top:16px; border-top:1px solid var(--gray-200); }
.nd-tag-item{ display:inline-flex; align-items:center; gap:4px; background:var(--gray-100); color:var(--gray-700); font-size:.68rem; font-weight:600; padding:5px 12px; border-radius:20px; transition:.2s; }
.nd-tag-item:hover{ background:rgba(201,146,42,.1); color:var(--gold); }

/* ══ SIDEBAR ══ */
.detail-sidebar{ position:sticky; top:88px; display:flex; flex-direction:column; gap:20px; }
.sb-card{ background:#fff; border:1.5px solid var(--gray-200); border-radius:14px; overflow:hidden; }
.sb-head{ display:flex; align-items:center; gap:8px; padding:13px 16px; border-bottom:1px solid var(--gray-200); background:var(--cream); }
.sb-head i{ color:var(--gold); font-size:.82rem; }
.sb-head h3{ font-size:.82rem; font-weight:700; color:var(--navy); }

/* Bài liên quan */
.sb-related-list{ padding:8px 12px; }
.sb-related-item{ display:flex; gap:10px; padding:10px 0; border-bottom:1px solid var(--gray-200); transition:.2s; }
.sb-related-item:last-child{ border-bottom:none; }
.sb-related-item:hover .sb-rel-title{ color:var(--gold); }
.sb-rel-img{ width:72px; height:52px; border-radius:8px; overflow:hidden; flex-shrink:0; }
.sb-rel-img img{ width:100%; height:100%; object-fit:cover; display:block; transition:.3s; }
.sb-related-item:hover .sb-rel-img img{ transform:scale(1.07); }
.sb-rel-info{ flex:1; min-width:0; }
.sb-rel-title{ font-size:.74rem; font-weight:600; color:var(--navy); line-height:1.4; margin-bottom:4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sb-rel-date{ font-size:.65rem; color:var(--gray-500); }

/* Tin mới nhất */
.sb-latest-list{ padding:8px 12px; }
.sb-latest-item{ display:flex; align-items:flex-start; gap:10px; padding:10px 0; border-bottom:1px solid var(--gray-200); transition:.2s; }
.sb-latest-item:last-child{ border-bottom:none; }
.sb-latest-item:hover .sb-lat-title{ color:var(--gold); }
.sb-lat-num{ width:26px; height:26px; border-radius:6px; flex-shrink:0; background:linear-gradient(135deg,var(--navy),var(--accent)); color:#fff; font-size:.65rem; font-weight:700; display:flex; align-items:center; justify-content:center; margin-top:1px; }
.sb-lat-info{ flex:1; min-width:0; }
.sb-lat-title{ font-size:.74rem; font-weight:600; color:var(--navy); line-height:1.4; margin-bottom:4px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sb-lat-date{ font-size:.65rem; color:var(--gray-500); }

/* BACK TO TOP */
#btt{ position:fixed; bottom:24px; right:20px; width:40px; height:40px; border-radius:10px; background:var(--navy); color:#fff; border:none; cursor:pointer; display:none; align-items:center; justify-content:center; font-size:.85rem; box-shadow:0 4px 16px rgba(10,26,59,.25); transition:.25s; z-index:100; }
#btt.show{ display:flex; }
#btt:hover{ background:var(--gold); color:var(--navy); transform:translateY(-2px); }

/* RESPONSIVE */
@media(max-width:1024px){
  .detail-layout{ grid-template-columns:1fr 260px; gap:28px; }
}
@media(max-width:768px){
  .detail-layout{ grid-template-columns:1fr; }
  .detail-sidebar{ position:static; }
  .page-wrap{ max-width:100%; padding:20px 16px 48px; }
  .nd-meta{ gap:10px; }
  .iframe-topbar{ flex-direction:column; align-items:flex-start; gap:8px; }
}
</style>
<body>

<div id="reading-bar"></div>

<!-- BREADCRUMB -->
<div class="breadcrumb-bar">
  <div class="breadcrumb">
    <a href="https://thuvien.nctu.edu.vn/index.php">
      <i class="fa fa-home" style="font-size:.65rem"></i> Trang chủ
    </a>
    <span class="sep"><i class="fa fa-chevron-right" style="font-size:.55rem"></i></span>
    <a href="https://thuvien.nctu.edu.vn/index.php/news/topic/8">Thông báo</a>
    <span class="sep"><i class="fa fa-chevron-right" style="font-size:.55rem"></i></span>
    <span class="cur">THỐNG KÊ SINH VIÊN VÀO THƯ VIỆN TỪ NGÀY 01/01/2025 ĐẾN NGÀY&#8230;</span>
  </div>
</div>

<!-- MAIN -->
<div class="page-wrap">
  <div class="detail-layout">

    <!-- ══ NỘI DUNG CHÍNH ══ -->
    <div class="detail-main">

      <!-- TIÊU ĐỀ -->
      <div class="nd-header">
        <div class="nd-tag-label">
          <i class="fa fa-bullhorn"></i> Thông báo
        </div>
        <h1 class="nd-title">THỐNG KÊ SINH VIÊN VÀO THƯ VIỆN  TỪ NGÀY 01/01/2025 ĐẾN NGÀY 31/08/2025</h1>
        <div class="nd-meta">
          <span>
            <i class="fa fa-calendar"></i>
            31/08/2025          </span>
          <span>
            <i class="fa fa-eye"></i>
            2,812 lượt xem
          </span>
          <span>
            <i class="fa fa-user"></i> Ban Thư viện
          </span>
        </div>
      </div>

      <!-- SHARE -->
      <div class="nd-share">
        <span class="share-label">Chia sẻ:</span>
        <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fthuvien.nctu.edu.vn%2Findex.php%2Fnews%2Fthong-ke-sinh-vien-vao-thu-vien-tu-ngay-01012025-den-ngay-31082025"
           target="_blank" class="share-btn fb">
          <i class="fab fa-facebook-f"></i>
        </a>
        <div class="share-btn zalo" onclick="shareZalo()">Z</div>
        <div class="share-btn link" onclick="copyLink(this)">
          <i class="fa fa-link"></i>
        </div>
      </div>

      <!-- MÔ TẢ NGẮN (text) — JS tách ra từ content -->
      <div class="nd-desc" id="ndDesc" style="display:none"></div>

      <!-- IFRAME SECTION — JS render vào đây -->
      <div class="iframe-section" id="iframeSection"></div>

      <!-- Content gốc — ẩn đi, JS xử lý -->
      <div id="rawContent" style="display:none">
        <p><iframe height="800" src="https://drive.google.com/file/d/1NPVOJWoRBfm1VDFNLQnBHfZpyMnwydD_/preview" width="100%"></iframe></p>
      </div>

      <!-- TAGS -->
      
    </div>

    <!-- ══ SIDEBAR ══ -->
    <div class="detail-sidebar">

      <!-- Bài viết liên quan -->
            <div class="sb-card">
        <div class="sb-head">
          <i class="fa fa-bell"></i>
          <h3>Thông báo liên quan</h3>
        </div>
        <div class="sb-related-list">
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/thu-vien-hoat-dong-gio-hanh-chinh-trong-thoi-gian-giang-vien-sinh-vien-nghi-le" class="sb-related-item">
            <div class="sb-rel-img">
              <img src="https://thuvien.nctu.edu.vn/upload/ThongBaoNghiTet20261.jpg" alt="">
            </div>
            <div class="sb-rel-info">
              <div class="sb-rel-title">THƯ VIỆN HOẠT ĐỘNG GIỜ HÀNH CHÍNH TRONG THỜI GIAN GIẢNG VIÊN, SINH VIÊN NGHỈ LỄ</div>
              <div class="sb-rel-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                09/02/2026              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/thong-ke-sinh-vien-vao-thu-vien-tu-ngay-01092025-den-ngay-30092025" class="sb-related-item">
            <div class="sb-rel-img">
              <img src="https://thuvien.nctu.edu.vn/upload/" alt="">
            </div>
            <div class="sb-rel-info">
              <div class="sb-rel-title">THỐNG KÊ SINH VIÊN VÀO THƯ VIỆN  TỪ NGÀY 01/09/2025 ĐẾN NGÀY 30/09/2025</div>
              <div class="sb-rel-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                03/10/2025              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/thong-ke-sinh-vien-cac-khoa-vao-thu-vien-duoc-cong-diem-ren-luyen-hkii-nam-2024-2025" class="sb-related-item">
            <div class="sb-rel-img">
              <img src="https://thuvien.nctu.edu.vn/upload/" alt="">
            </div>
            <div class="sb-rel-info">
              <div class="sb-rel-title">THỐNG KÊ SINH VIÊN CÁC KHOA VÀO THƯ VIỆN ĐƯỢC CỘNG ĐIỂM RÈN LUYỆN HKII NĂM 2024 - 2025</div>
              <div class="sb-rel-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                21/03/2025              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/thong-ke-luot-sinh-vien-toan-truong-su-dung-thu-vien-tu-01012024-den-01122024" class="sb-related-item">
            <div class="sb-rel-img">
              <img src="https://thuvien.nctu.edu.vn/upload/" alt="">
            </div>
            <div class="sb-rel-info">
              <div class="sb-rel-title">THỐNG KÊ LƯỢT SINH VIÊN TOÀN TRƯỜNG SỬ DỤNG THƯ VIỆN  TỪ 01/01/2024 ĐẾN 01/12/2024</div>
              <div class="sb-rel-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                02/12/2024              </div>
            </div>
          </a>
                  </div>
      </div>
      
      <!-- Tin mới nhất -->
            <div class="sb-card">
        <div class="sb-head">
          <i class="fa fa-bolt"></i>
          <h3>Tin mới nhất</h3>
        </div>
        <div class="sb-latest-list">
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/dnc-cham-sach-khoi-nguon-tri-thuc-2026-proud-of-vietnam-a-journey-a-journey-of-of-unity-sacrifice-unity-sacrifice-and-and-hope-hope" class="sb-latest-item">
            <div class="sb-lat-num">1</div>
            <div class="sb-lat-info">
              <div class="sb-lat-title">DNC - Chạm Sách, Khởi Nguồn Tri Thức 2026 | Proud Of Vietnam A Journey A Journey Of Of Unity, Sacrifice Unity, Sacrifice And And Hope Hope</div>
              <div class="sb-lat-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                30/07/2026              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/dnc-cham-sach-khoi-nguon-tri-thuc-2026-thang-tu-trong-tim-nguoi-tre-viet-nam" class="sb-latest-item">
            <div class="sb-lat-num">2</div>
            <div class="sb-lat-info">
              <div class="sb-lat-title">DNC - Chạm Sách, Khởi Nguồn Tri Thức 2026 | Tháng Tư Trong Tim Người Trẻ Việt Nam</div>
              <div class="sb-lat-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                28/07/2026              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/dnc-cham-sach-khoi-nguon-tri-thuc-2026-vat-va-4-nam-hay-40-nam" class="sb-latest-item">
            <div class="sb-lat-num">3</div>
            <div class="sb-lat-info">
              <div class="sb-lat-title">DNC - Chạm Sách, Khởi Nguồn Tri Thức 2026 | Vất Vả 4 Năm Hay 40 Năm</div>
              <div class="sb-lat-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                25/07/2026              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/dnc-cham-sach-khoi-nguon-tri-thuc-2026-bup-sen-xanh" class="sb-latest-item">
            <div class="sb-lat-num">4</div>
            <div class="sb-lat-info">
              <div class="sb-lat-title">DNC - Chạm Sách, Khởi Nguồn Tri Thức 2026 | Búp Sen Xanh</div>
              <div class="sb-lat-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                23/07/2026              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/dnc-cham-sach-khoi-nguon-tri-thuc-2026-mo-cua-tuong-lai-hanh-trinh-cham-vao-tri-thuc" class="sb-latest-item">
            <div class="sb-lat-num">5</div>
            <div class="sb-lat-info">
              <div class="sb-lat-title">DNC - Chạm Sách, Khởi Nguồn Tri Thức 2026 | Mở Cửa Tương Lai – Hành Trình Chạm Vào Tri Thức</div>
              <div class="sb-lat-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                23/07/2026              </div>
            </div>
          </a>
                  </div>
      </div>
      
    </div>

  </div>
</div>

<button id="btt" onclick="window.scrollTo({top:0,behavior:'smooth'})">
  <i class="fa fa-arrow-up"></i>
</button>

<script>
// READING PROGRESS
window.addEventListener('scroll', () => {
  const total = document.documentElement.scrollHeight - document.documentElement.clientHeight;
  document.getElementById('reading-bar').style.width = (total > 0 ? window.scrollY / total * 100 : 0) + '%';
  document.getElementById('btt').classList.toggle('show', window.scrollY > 400);
});

// XỬ LÝ CONTENT
(function processContent() {
  const raw     = document.getElementById('rawContent');
  const descEl  = document.getElementById('ndDesc');
  const iframeSection = document.getElementById('iframeSection');

  // Tách iframe ra khỏi content
  const iframes = Array.from(raw.querySelectorAll('iframe'));

  // Lấy phần text (bỏ các p chứa iframe)
  const clone = raw.cloneNode(true);
  clone.querySelectorAll('iframe').forEach(f => {
    const p = f.closest('p');
    if (p) p.remove(); else f.remove();
  });
  const textContent = clone.innerText.trim();

  // Hiển thị mô tả nếu có text
  if (textContent.length > 5) {
    // Lấy HTML text (không có iframe)
    clone.querySelectorAll('[style*="font-family"]').forEach(el => {
      el.style.fontFamily = 'Be Vietnam Pro, sans-serif';
    });
    descEl.innerHTML = clone.innerHTML;
    descEl.style.display = 'block';
  }

  // Render từng iframe
  if (iframes.length) {
    iframes.forEach((iframe, idx) => {
      const src = iframe.src || iframe.getAttribute('src') || '';

      // Lấy link mở trực tiếp từ Google Drive preview
      // https://drive.google.com/file/d/FILE_ID/preview → /view
      const openUrl = src.replace('/preview', '/view');
      const downloadUrl = src.replace('/preview', '/uc?export=download');

      const section = document.createElement('div');
      section.innerHTML = `
        <div class="iframe-topbar">
          <div class="doc-title">
            <i class="fa fa-file-pdf"></i>
            <span>Tài liệu đính kèm${iframes.length > 1 ? ' (' + (idx+1) + '/' + iframes.length + ')' : ''}</span>
          </div>
          <div class="iframe-actions">
            <a href="${openUrl}" target="_blank" class="iframe-btn">
              <i class="fa fa-external-link-alt"></i> Mở rộng
            </a>
            <a href="${downloadUrl}" target="_blank" class="iframe-btn">
              <i class="fa fa-download"></i> Tải xuống
            </a>
          </div>
        </div>
        <div class="iframe-wrap">
          <iframe src="${src}" allowfullscreen></iframe>
        </div>
      `;
      iframeSection.appendChild(section);
    });
  }
})();

// SHARE
function copyLink(btn) {
  navigator.clipboard.writeText(window.location.href).catch(() => {});
  const orig = btn.innerHTML;
  btn.innerHTML = '<i class="fa fa-check"></i>';
  btn.style.cssText = 'background:var(--cream);border-color:var(--gold);color:var(--gold)';
  setTimeout(() => { btn.innerHTML = orig; btn.style.cssText = ''; }, 2000);
}
function shareZalo() {
  window.open('https://zalo.me/share?u=' + encodeURIComponent(window.location.href), '_blank');
}
</script><!-- FOOTER -->
<footer>
  <div class="footer-main">
    <div class="footer-brand">
      <div class="name">📚 Thư Viện – Trường ĐH Nam Cần Thơ</div>
      <p>Trung tâm học liệu phục vụ giảng dạy, nghiên cứu và học tập của cán bộ, giảng viên và sinh viên toàn trường.</p>
      <div class="social-links">
        <a href="#"><i class="fab fa-facebook-f"></i></a>
        <a href="#"><i class="fab fa-youtube"></i></a>
        <a href="#"><i class="fab fa-tiktok"></i></a>
        <a href="#"><i class="fab fa-zalo"></i></a>
      </div>
    </div>
    <div class="footer-col">
      <h4>Dịch vụ</h4>
      <a href="#">Mượn trả sách</a>
      <!-- <a href="#">Đặt sách trước</a> -->
      <a href="#">Tra cứu tài liệu</a>
      <a href="#">Phòng học nhóm</a>
      <!-- <a href="#">In ấn & Photocopy</a> -->
    </div>
    <div class="footer-col">
      <h4>Tài nguyên</h4>
      <a href="#">CSDL trực tuyến</a>
      <a href="#">Sách điện tử</a>
      <a href="#">Tạp chí khoa học</a>
      <a href="#">Luận văn – Luận án</a>
      <a href="#">Tài liệu nội sinh</a>
    </div>
    <div class="footer-col">
      <h4>Hỗ trợ</h4>
      <a href="#">Hướng dẫn sử dụng</a>
      <!-- <a href="#">Câu hỏi thường gặp</a> -->
      <a href="#">Nội quy thư viện</a>
      <a href="#">Góp ý & Phản hồi</a>
      <a href="#">Liên hệ</a>
    </div>
  </div>
  <div class="footer-bottom">
    © 2025 Thư Viện Trường Đại Học Nam Cần Thơ. Bảo lưu mọi quyền.
  </div>
</footer>