<!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; }

/* ══ BOOK TOP: ảnh + thông tin ══ */
.book-top{ display:grid; grid-template-columns:300px 1fr; gap:36px; align-items:start; margin-bottom:40px; }

/* Cột trái — gallery ảnh */
.book-gallery{ display:flex; flex-direction:column; gap:10px; }
.book-main-img{
  position:relative; border-radius:14px; overflow:hidden;
  box-shadow:0 12px 40px rgba(10,26,59,.2);
  background:var(--gray-100); aspect-ratio:3/4;
}
.book-main-img img{ width:100%; height:100%; object-fit:cover; display:block; cursor:zoom-in; transition:.3s; }
.book-main-img img:hover{ transform:scale(1.03); }
.book-main-img .img-badge{ position:absolute; top:12px; left:12px; background:var(--gold); color:var(--navy); font-size:.6rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; padding:4px 10px; border-radius:4px; }
.book-thumbs{ display:grid; grid-template-columns:repeat(4,1fr); gap:8px; }
.book-thumb{ border-radius:8px; overflow:hidden; cursor:pointer; border:2px solid transparent; transition:.2s; aspect-ratio:3/4; background:var(--gray-100); }
.book-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }
.book-thumb.active{ border-color:var(--gold); }
.book-thumb:hover{ border-color:var(--gold-light); }
/* Khi chưa có ảnh thumbnail */
.book-thumbs:empty{ display:none; }

/* Cột phải — thông tin */
.book-info{ display:flex; flex-direction:column; gap:0; }
.book-badges{ display:flex; gap:7px; flex-wrap:wrap; margin-bottom:14px; }
.book-badge{ display:inline-flex; align-items:center; gap:4px; font-size:.62rem; font-weight:700; text-transform:uppercase; letter-spacing:.07em; padding:4px 11px; border-radius:20px; }
.badge-new{ background:rgba(201,146,42,.12); color:var(--gold); border:1px solid rgba(201,146,42,.3); }
.badge-cat{ background:rgba(26,69,128,.1); color:var(--accent); border:1px solid rgba(26,69,128,.2); }
.book-title-main{ font-family:'Playfair Display',serif; font-size:clamp(1.3rem,2.2vw,1.75rem); font-weight:900; color:var(--navy); line-height:1.3; margin-bottom:20px; }

/* Bảng thông tin */
.book-meta-table{ border:1.5px solid var(--gray-200); border-radius:12px; overflow:hidden; margin-bottom:24px; }
.book-meta-row{ display:grid; grid-template-columns:130px 1fr; border-bottom:1px solid var(--gray-200); }
.book-meta-row:last-child{ border-bottom:none; }
.bmt-key{ padding:11px 16px; background:var(--cream); font-size:.74rem; font-weight:600; color:var(--gray-700); display:flex; align-items:center; gap:8px; }
.bmt-key i{ color:var(--gold); font-size:.72rem; width:14px; text-align:center; }
.bmt-val{ padding:11px 16px; font-size:.82rem; color:var(--navy); display:flex; align-items:center; min-height:42px; }
.bmt-val.empty{ color:var(--gray-500); font-style:italic; font-size:.75rem; }

/* Nút OPAC */
.opac-btn{
  display:inline-flex; align-items:center; gap:10px;
  background:linear-gradient(135deg,var(--navy),var(--accent));
  color:#fff; font-size:.85rem; font-weight:600;
  padding:13px 24px; border-radius:10px;
  transition:.25s; margin-bottom:16px; width:100%;
  box-shadow:0 4px 16px rgba(10,26,59,.2);
  justify-content:center;
}
.opac-btn:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(10,26,59,.3); }
.opac-btn i{ font-size:.88rem; }

/* Share */
.nd-share{ display:flex; align-items:center; gap:8px; }
.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); }

/* ══ PHẦN MÔ TẢ + GALLERY ảnh bên trong ══ */
.section-divider{ display:flex; align-items:center; gap:14px; margin-bottom:20px; }
.section-divider h2{ font-family:'Playfair Display',serif; font-size:1rem; font-weight:700; color:var(--navy); white-space:nowrap; }
.section-divider::after{ content:''; flex:1; height:2px; background:var(--gray-200); }

/* Mô tả text từ CKEditor */
.nd-desc{ font-size:.88rem; line-height:1.9; color:var(--gray-700); margin-bottom:32px; }
.nd-desc p{ margin-bottom:12px; }
.nd-desc strong{ color:var(--navy); }
.nd-desc a{ color:var(--gold); text-decoration:underline; }
/* Override CKEditor inline styles */
.nd-desc [style*="font-family"]{ font-family:'Be Vietnam Pro',sans-serif !important; }
.nd-desc [style*="font-size:16px"]{ font-size:.88rem !important; }
.nd-desc [style*="font-size:20px"]{ font-family:'Playfair Display',serif !important; font-size:1.05rem !important; color:var(--navy) !important; }
.nd-desc [style*="color:#3498db"]{ color:var(--navy) !important; }

/* Gallery ảnh nội dung */
.photo-gallery{ columns:3; column-gap:10px; margin-bottom:28px; }
.gallery-item{ break-inside:avoid; margin-bottom:10px; border-radius:10px; overflow:hidden; cursor:zoom-in; position:relative; box-shadow:0 2px 10px rgba(10,26,59,.08); transition:.25s; }
.gallery-item:hover{ transform:translateY(-3px); box-shadow:0 8px 24px rgba(10,26,59,.15); }
.gallery-item img{ width:100%; height:auto; display:block; transition:.35s; }
.gallery-item:hover img{ transform:scale(1.04); }
.gallery-item .item-overlay{ position:absolute; inset:0; background:rgba(10,26,59,.3); display:flex; align-items:center; justify-content:center; opacity:0; transition:.25s; }
.gallery-item:hover .item-overlay{ opacity:1; }
.gallery-item .item-overlay i{ color:#fff; font-size:1.3rem; }
.gallery-item .item-num{ position:absolute; top:7px; left:7px; background:rgba(10,26,59,.55); color:#fff; font-size:.58rem; font-weight:700; padding:2px 7px; border-radius:4px; }

/* 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); }

/* Photo strip sidebar */
.sb-photo-strip{ display:grid; grid-template-columns:repeat(3,1fr); gap:6px; padding:10px; }
.sb-photo-strip img{ width:100%; aspect-ratio:3/4; object-fit:cover; border-radius:6px; cursor:zoom-in; transition:.2s; }
.sb-photo-strip img:hover{ opacity:.8; transform:scale(1.03); }

/* 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); }

/* LIGHTBOX */
.lightbox{ display:none; position:fixed; inset:0; background:rgba(0,0,0,.93); z-index:9000; align-items:center; justify-content:center; backdrop-filter:blur(6px); }
.lightbox.open{ display:flex; }
.lb-inner{ position:relative; display:flex; flex-direction:column; align-items:center; }
.lb-inner img{ max-width:90vw; max-height:82vh; object-fit:contain; border-radius:8px; display:block; }
.lb-close{ position:absolute; top:-44px; right:0; background:none; border:none; color:#fff; font-size:1.4rem; cursor:pointer; opacity:.7; transition:.2s; }
.lb-close:hover{ opacity:1; }
.lb-prev,.lb-next{ position:fixed; top:50%; transform:translateY(-50%); background:rgba(255,255,255,.1); border:1.5px solid rgba(255,255,255,.2); color:#fff; width:46px; height:46px; border-radius:50%; cursor:pointer; font-size:.95rem; display:flex; align-items:center; justify-content:center; transition:.2s; }
.lb-prev{ left:16px; } .lb-next{ right:16px; }
.lb-prev:hover,.lb-next:hover{ background:var(--gold); border-color:var(--gold); color:var(--navy); }
.lb-caption{ color:rgba(255,255,255,.6); font-size:.75rem; margin-top:10px; text-align:center; }
.lb-counter{ color:rgba(255,255,255,.35); font-size:.7rem; margin-top:5px; }

/* 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; }
  .book-top{ grid-template-columns:240px 1fr; gap:24px; }
  .photo-gallery{ columns:2; }
}
@media(max-width:768px){
  .detail-layout{ grid-template-columns:1fr; }
  .detail-sidebar{ position:static; }
  .book-top{ grid-template-columns:1fr; }
  .book-gallery{ flex-direction:row; gap:12px; }
  .book-main-img{ width:160px; flex-shrink:0; }
  .book-thumbs{ grid-template-columns:repeat(2,1fr); flex:1; }
  .page-wrap{ max-width:100%; padding:20px 16px 48px; }
  .photo-gallery{ columns:2; }
  .book-meta-row{ grid-template-columns:110px 1fr; }
}
@media(max-width:480px){
  .book-gallery{ flex-direction:column; }
  .book-main-img{ width:100%; }
  .book-thumbs{ grid-template-columns:repeat(4,1fr); }
  .photo-gallery{ columns:2; }
}
</style>
</head>
<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/7">Sách mới bổ sung</a>
    <span class="sep"><i class="fa fa-chevron-right" style="font-size:.55rem"></i></span>
    <span class="cur">Giáo Trình Kiến Trúc Và Thiết Kế Phần Mềm</span>
  </div>
</div>

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

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

      <!-- PHẦN TRÊN: ẢNH + THÔNG TIN -->
      <div class="book-top">

        <!-- Cột trái: Gallery ảnh -->
        <div class="book-gallery">
          <div class="book-main-img">
            <div class="img-badge">Sách mới</div>
            <!-- Ảnh bìa từ DB -->
            <img id="mainBookImg"
                 src="https://thuvien.nctu.edu.vn/upload/gtkientrucvathietkephanmem-bia.png"
                 alt="Giáo Trình Kiến Trúc Và Thiết Kế Phần Mềm"
                 onclick="openLb(0)">
          </div>
          <!-- Thumbnails — JS sẽ render vào đây -->
          <div class="book-thumbs" id="bookThumbs"></div>
        </div>

        <!-- Cột phải: Thông tin sách -->
        <div class="book-info">

          <div class="book-badges">
            <span class="book-badge badge-new"><i class="fa fa-star"></i> Sách mới</span>
            <span class="book-badge badge-cat"><i class="fa fa-book"></i> Thư viện DNC</span>
          </div>

          <h1 class="book-title-main">Giáo Trình Kiến Trúc Và Thiết Kế Phần Mềm</h1>

          <!-- Bảng thông tin — JS tự điền từ content CKEditor -->
          <div class="book-meta-table">
            <div class="book-meta-row">
              <div class="bmt-key"><i class="fa fa-user"></i> Tác giả</div>
              <div class="bmt-val" id="meta-author"><span class="empty">Đang tải...</span></div>
            </div>
            <div class="book-meta-row">
              <div class="bmt-key"><i class="fa fa-building"></i> NXB</div>
              <div class="bmt-val" id="meta-publisher"><span class="empty">Đang tải...</span></div>
            </div>
            <div class="book-meta-row">
              <div class="bmt-key"><i class="fa fa-calendar"></i> Năm XB</div>
              <div class="bmt-val" id="meta-year"><span class="empty">Đang tải...</span></div>
            </div>
            <div class="book-meta-row">
              <div class="bmt-key"><i class="fa fa-barcode"></i> ISBN</div>
              <div class="bmt-val" id="meta-isbn"><span class="empty">Đang tải...</span></div>
            </div>
            <div class="book-meta-row">
              <div class="bmt-key"><i class="fa fa-file-alt"></i> Số trang</div>
              <div class="bmt-val" id="meta-pages"><span class="empty">Đang tải...</span></div>
            </div>
            <div class="book-meta-row">
              <div class="bmt-key"><i class="fa fa-map-marker-alt"></i> Vị trí kệ</div>
              <div class="bmt-val" id="meta-location"><span class="empty">Đang tải...</span></div>
            </div>
          </div>

          <!-- Nút OPAC — JS tự lấy link từ content -->
          <a href="#" id="opacBtn" class="opac-btn" target="_blank" style="display:none">
            <i class="fa fa-search"></i>
            Tra cứu trên OPAC Koha
            <i class="fa fa-external-link-alt" style="font-size:.72rem;opacity:.7"></i>
          </a>

          <!-- Chia sẻ -->
          <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%2Fgiao-trinh-kien-truc-va-thiet-ke-phan-mem"
               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>

        </div>
      </div>

      <!-- PHẦN MÔ TẢ -->
      <div class="section-divider"><h2>Giới thiệu sách</h2></div>

      <!-- Content CKEditor — ẩn ảnh, chỉ hiện text -->
      <div class="nd-desc" id="ndDesc">
        <p style="text-align:center"><strong><span style="color:#3498db"><span style="font-size:24px">GI&Aacute;O TR&Igrave;NH KIẾN TR&Uacute;C V&Agrave; THIẾT KẾ PHẦN MỀM</span></span></strong></p>

<p style="text-align:center">&nbsp;</p>

<p><span style="font-size:16px">Gi&aacute;o tr&igrave;nh cung cấp cho bạn đọc c&aacute;c nguy&ecirc;n l&yacute;, kh&aacute;i niệm, v&agrave; phương ph&aacute;p để tạo ra c&aacute;c m&ocirc; h&igrave;nh thiết kế chất lượng cao. Qua gi&aacute;o tr&igrave;nh n&agrave;y, bạn đọc sẽ c&oacute; kiến thức rộng về c&aacute;ch thức thiết kế một phần mềm n&oacute;i chung v&agrave; c&aacute;ch thức thiết kế một phần mềm theo hướng mẫu, web hoặc dịch vụ n&oacute;i ri&ecirc;ng.</span></p>

<p><span style="font-size:16px">Gi&aacute;o tr&igrave;nh được tổ chức th&agrave;nh 8 chương bao gồm c&aacute;c nội dung tổng quan về từng phần tử của m&ocirc; h&igrave;nh thiết kế, v&agrave; một số hướng thiết kế quan trọng hiện nay.</span></p>

<p style="text-align:center"><img src="http://thuvien.nctu.edu.vn/upload/gtkientrucvathietkephanmem.jpg" style="height:450px; width:600px" /></p>

<p style="text-align:center"><span style="font-size:16px"><a href="http://thuvien.nctu.edu.vn:8000/cgi-bin/koha/opac-detail.pl?biblionumber=4413">Nam Can Tho university catalog &rsaquo; Chi tiết t&agrave;i liệu: Gi&aacute;o tr&igrave;nh kiến tr&uacute;c v&agrave; thiết kế phần mềm (nctu.edu.vn)</a></span></p>
      </div>

      <!-- Gallery ảnh — JS render vào đây -->
      <div id="photoGalleryWrap" style="display:none">
        <div class="section-divider"><h2>Hình ảnh sách</h2></div>
        <div class="photo-gallery" id="photoGallery"></div>
      </div>

      <!-- Tags -->
      
    </div>

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

      <!-- Photo strip -->
      <div class="sb-card" id="sbPhotoCard" style="display:none">
        <div class="sb-head">
          <i class="fa fa-images"></i>
          <h3>Ảnh sách (<span id="sbPhotoCount">0</span>)</h3>
        </div>
        <div class="sb-photo-strip" id="sbPhotoStrip"></div>
      </div>

      <!-- Sách liên quan -->
            <div class="sb-card">
        <div class="sb-head">
          <i class="fa fa-book-open"></i>
          <h3>Sách liên quan</h3>
        </div>
        <div class="sb-related-list">
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/di-truyen-y-hoc" class="sb-related-item">
            <div class="sb-rel-img">
              <img src="https://thuvien.nctu.edu.vn/upload/DiTruyenYHoc_opac-image.png" alt="">
            </div>
            <div class="sb-rel-info">
              <div class="sb-rel-title">Di Truyền Y Học</div>
              <div class="sb-rel-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                29/05/2026              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/sach-chuyen-khao-khoang-cach-quoc-gia-trong-nghien-cuu-kinh-doanh-quoc-te-ly-thuyet-va-bang-chung-thuc-nghiem-tai-viet-nam" class="sb-related-item">
            <div class="sb-rel-img">
              <img src="https://thuvien.nctu.edu.vn/upload/KhoangCachQuocGiaTrongNghienCuuQTe_opac-image.png" alt="">
            </div>
            <div class="sb-rel-info">
              <div class="sb-rel-title">Sách Chuyên Khảo – Khoảng Cách Quốc Gia Trong Nghiên Cứu Kinh Doanh Quốc Tế: Lý Thuyết Và Bằng Chứng Thực Nghiệm Tại Việt Nam</div>
              <div class="sb-rel-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                27/05/2026              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/nguyen-ly-may" class="sb-related-item">
            <div class="sb-rel-img">
              <img src="https://thuvien.nctu.edu.vn/upload/NguyenLyMay_opac-image.png" alt="">
            </div>
            <div class="sb-rel-info">
              <div class="sb-rel-title">Nguyên Lý Máy</div>
              <div class="sb-rel-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                25/05/2026              </div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/nhi-khoa-tap-vi" class="sb-related-item">
            <div class="sb-rel-img">
              <img src="https://thuvien.nctu.edu.vn/upload/NhiKhoaTapVI_Opac_Image.jpg" alt="">
            </div>
            <div class="sb-rel-info">
              <div class="sb-rel-title">Nhi Khoa Tập VI</div>
              <div class="sb-rel-date">
                <i class="fa fa-calendar" style="margin-right:3px"></i>
                22/05/2026              </div>
            </div>
          </a>
                  </div>
      </div>
      
      <!-- Sách mới nhất -->
            <div class="sb-card">
        <div class="sb-head">
          <i class="fa fa-bolt"></i>
          <h3>Sách 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>

<!-- LIGHTBOX -->
<div class="lightbox" id="lightbox" onclick="lbClickOutside(event)">
  <button class="lb-close" onclick="closeLb()"><i class="fa fa-times"></i></button>
  <button class="lb-prev" onclick="lbNav(-1)"><i class="fa fa-chevron-left"></i></button>
  <div class="lb-inner">
    <img id="lbImg" src="" alt="">
    <div class="lb-caption" id="lbCaption"></div>
    <div class="lb-counter" id="lbCounter"></div>
  </div>
  <button class="lb-next" onclick="lbNav(1)"><i class="fa fa-chevron-right"></i></button>
</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 CKEDITOR ──
const LB_IMGS = [];

(function processContent() {
  const desc = document.getElementById('ndDesc');

  // 1. QUÉT ẢNH → gallery + thumbnails + lightbox
  const imgs = Array.from(desc.querySelectorAll('img'));
  if (imgs.length) {
    // Ảnh đầu tiên = bìa → đã có sẵn từ $post['image'], bỏ qua
    // Tất cả ảnh → lightbox array
    imgs.forEach(img => {
      LB_IMGS.push({ src: img.src, cap: img.alt || '' });
      // Ẩn <p> chứa ảnh trong phần mô tả
      const p = img.closest('p');
      if (p) p.style.display = 'none';
    });

    // Thumbnails (tối đa 4 — dưới ảnh bìa)
    const thumbWrap = document.getElementById('bookThumbs');
    imgs.slice(0, 4).forEach((img, i) => {
      const el = document.createElement('div');
      el.className = 'book-thumb' + (i === 0 ? ' active' : '');
      el.innerHTML = `<img src="${img.src}" alt="" loading="lazy">`;
      el.onclick = () => switchBookImg(el, img.src, i);
      thumbWrap.appendChild(el);
    });

    // Gallery ảnh phía dưới
    const gallery = document.getElementById('photoGallery');
    imgs.forEach((img, i) => {
      const item = document.createElement('div');
      item.className = 'gallery-item';
      item.innerHTML = `
        <img src="${img.src}" alt="" loading="lazy">
        <div class="item-overlay"><i class="fa fa-search-plus"></i></div>
        <div class="item-num">${i + 1}</div>
      `;
      item.onclick = () => openLb(i);
      gallery.appendChild(item);
    });
    document.getElementById('photoGalleryWrap').style.display = 'block';

    // Sidebar photo strip (tối đa 6)
    const strip = document.getElementById('sbPhotoStrip');
    imgs.slice(0, 6).forEach((img, i) => {
      const el = document.createElement('img');
      el.src = img.src;
      el.alt = '';
      el.loading = 'lazy';
      el.onclick = () => openLb(i);
      strip.appendChild(el);
    });
    document.getElementById('sbPhotoCount').textContent = imgs.length;
    document.getElementById('sbPhotoCard').style.display = 'block';
  }

  // 2. QUÉT THÔNG TIN SÁCH từ text trong content
  // Dựa theo format CKEditor: <strong>Tác giả: Bùi Xuân Chung</strong>
  // hoặc dòng text "Tác giả: Bùi Xuân Chung"
  const fullText = desc.innerText;

  function extractMeta(keywords) {
    for (const kw of keywords) {
      // Tìm dòng chứa keyword
      const regex = new RegExp(kw + '[:\\s]+([^\\n]+)', 'i');
      const match = fullText.match(regex);
      if (match) {
        return match[1].trim().replace(/[<>]/g, '');
      }
    }
    return null;
  }

  setMeta('meta-author',    extractMeta(['Tác giả', 'Author', 'Biên soạn', 'Chủ biên']));
  setMeta('meta-publisher', extractMeta(['NXB', 'Nhà xuất bản', 'Publisher']));
  setMeta('meta-year',      extractMeta(['Năm xuất bản', 'Năm XB', 'Year']));
  setMeta('meta-isbn',      extractMeta(['ISBN']));
  setMeta('meta-pages',     extractMeta(['Số trang', 'Trang', 'Pages']));
  setMeta('meta-location',  extractMeta(['Vị trí', 'Kệ', 'Location', 'Kí hiệu']));

  function setMeta(id, val) {
    const el = document.getElementById(id);
    if (!el) return;
    el.innerHTML = val
      ? val
      : '<span class="empty">Không có thông tin</span>';
  }

  // 3. QUÉT LINK OPAC từ <a href> trong content
  const links = Array.from(desc.querySelectorAll('a[href]'));
  const opacLink = links.find(a =>
    a.href.includes('koha') ||
    a.href.includes('opac') ||
    a.href.includes('biblionumber')
  );
  if (opacLink) {
    const btn = document.getElementById('opacBtn');
    btn.href = opacLink.href;
    btn.style.display = 'inline-flex';
    // Ẩn link gốc trong phần mô tả
    const p = opacLink.closest('p');
    if (p) p.style.display = 'none';
  }

})();

// ── SWITCH ẢNH THUMBNAIL ──
function switchBookImg(el, src, idx) {
  document.getElementById('mainBookImg').src = src;
  document.querySelectorAll('.book-thumb').forEach(t => t.classList.remove('active'));
  el.classList.add('active');
}

// ── LIGHTBOX ──
let lbCur = 0;

function openLb(i) {
  lbCur = i; updateLb();
  document.getElementById('lightbox').classList.add('open');
  document.body.style.overflow = 'hidden';
}
function closeLb() {
  document.getElementById('lightbox').classList.remove('open');
  document.body.style.overflow = '';
}
function lbClickOutside(e) {
  if (e.target === document.getElementById('lightbox')) closeLb();
}
function lbNav(d) {
  lbCur = (lbCur + d + LB_IMGS.length) % LB_IMGS.length;
  updateLb();
}
function updateLb() {
  document.getElementById('lbImg').src            = LB_IMGS[lbCur].src;
  document.getElementById('lbCaption').textContent = LB_IMGS[lbCur].cap;
  document.getElementById('lbCounter').textContent = (lbCur + 1) + ' / ' + LB_IMGS.length;
}
document.addEventListener('keydown', e => {
  if (!document.getElementById('lightbox').classList.contains('open')) return;
  if (e.key === 'ArrowRight') lbNav(1);
  if (e.key === 'ArrowLeft')  lbNav(-1);
  if (e.key === 'Escape')     closeLb();
});

// ── 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>