<!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;
  --green:#1a7a4a;
}
*{ margin:0; padding:0; box-sizing:border-box; }
html{ scroll-behavior:smooth; }
/* Chặn scroll ngang toàn trang */
html, body{ max-width:100%; overflow-x:hidden; }
body{ font-family:'Be Vietnam Pro',sans-serif; background:#f7f8fc; color:var(--navy); }
a{ text-decoration:none; color:inherit; }
/* Tất cả phần tử không được vượt quá viewport */
.page-wrap, .page-layout, .detail-main, .doc-hero,
.doc-toolbar, .doc-list, .doc-card, .master-link{
  max-width:100%;
  box-sizing:border-box;
}
::-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:#fff; border-bottom:1px solid var(--gray-200); overflow:hidden; max-width:100%; }
.breadcrumb{ max-width:min(88vw,1560px); margin:0 auto; padding:9px 14px; display:flex; align-items:center; gap:4px; font-size:.68rem; color:var(--gray-500); flex-wrap:wrap; overflow:hidden; }
.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; max-width:180px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:middle; }

/* PAGE */
.page-wrap{ max-width:min(88vw,1560px); margin:0 auto; padding:32px 20px 72px; box-sizing:border-box; overflow:hidden; }
.page-layout{ display:grid; grid-template-columns:1fr 280px; gap:36px; align-items:start; max-width:100%; overflow:hidden; }
.detail-main, .detail-sidebar{ min-width:0; max-width:100%; box-sizing:border-box; overflow:hidden; }

/* ══ MAIN ══ */

/* HERO HEADER */
.doc-hero{
  background:linear-gradient(135deg, var(--navy) 0%, var(--accent) 100%);
  border-radius:16px; padding:32px 36px; margin-bottom:24px;
  position:relative; overflow:hidden;
}
.doc-hero::before{
  content:''; position:absolute; top:-40px; right:-40px;
  width:220px; height:220px; border-radius:50%;
  background:rgba(255,255,255,.04); pointer-events:none;
}
.doc-hero::after{
  content:''; position:absolute; bottom:-60px; right:60px;
  width:160px; height:160px; border-radius:50%;
  background:rgba(201,146,42,.08); pointer-events:none;
}
.doc-hero-badge{
  display:inline-flex; align-items:center; gap:6px;
  background:rgba(201,146,42,.2); color:var(--gold-light);
  font-size:.62rem; font-weight:700; text-transform:uppercase;
  letter-spacing:.08em; padding:5px 12px; border-radius:20px;
  margin-bottom:14px; border:1px solid rgba(201,146,42,.3);
}
.doc-hero-title{
  font-family:'Playfair Display',serif;
  font-size:clamp(1.3rem,2.4vw,1.9rem);
  font-weight:900; color:#fff; line-height:1.3;
  margin-bottom:16px;
}
.doc-hero-meta{ display:flex; gap:20px; flex-wrap:wrap; }
.doc-hero-meta span{
  display:inline-flex; align-items:center; gap:6px;
  font-size:.74rem; color:rgba(255,255,255,.65);
}
.doc-hero-meta i{ color:var(--gold-light); font-size:.7rem; }

/* SEARCH & FILTER BAR */
.doc-toolbar{
  display:flex; gap:12px; align-items:center;
  background:#fff; border-radius:12px; padding:14px 18px;
  margin-bottom:20px; border:1.5px solid var(--gray-200);
  flex-wrap:wrap;
}
.doc-search{
  flex:1; min-width:200px; display:flex; align-items:center;
  gap:8px; background:var(--gray-100); border-radius:8px;
  padding:8px 14px;
}
.doc-search i{ color:var(--gray-500); font-size:.8rem; }
.doc-search input{
  border:none; background:none; outline:none;
  font-family:'Be Vietnam Pro',sans-serif;
  font-size:.82rem; color:var(--navy); width:100%;
}
.doc-search input::placeholder{ color:var(--gray-500); }
.doc-count{
  font-size:.75rem; color:var(--gray-500); font-weight:600;
  white-space:nowrap;
}
.doc-count span{ color:var(--gold); font-weight:700; font-size:.9rem; }

/* MASTER FILE LINK */
.master-link{
  display:flex; align-items:center; gap:12px;
  background:rgba(26,122,74,.06); border:1.5px solid rgba(26,122,74,.2);
  border-radius:10px; padding:13px 18px; margin-bottom:20px;
  transition:.2s;
}
.master-link:hover{ background:rgba(26,122,74,.1); border-color:rgba(26,122,74,.35); }
.master-link-icon{
  width:40px; height:40px; border-radius:8px; flex-shrink:0;
  background:var(--green); color:#fff;
  display:flex; align-items:center; justify-content:center; font-size:.9rem;
}
.master-link-info{ flex:1; min-width:0; }
.master-link-label{ font-size:.68rem; color:var(--gray-500); font-weight:600; text-transform:uppercase; letter-spacing:.06em; margin-bottom:2px; }
.master-link-name{ font-size:.85rem; font-weight:700; color:var(--green); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.master-link-arrow{ color:var(--green); font-size:.85rem; opacity:.7; }

/* DOC LIST */
.doc-list{ display:flex; flex-direction:column; gap:10px; }

.doc-card{
  display:flex; align-items:center; gap:14px;
  background:#fff; border:1.5px solid var(--gray-200);
  border-radius:12px; padding:14px 18px;
  transition:.22s; cursor:pointer; position:relative;
}
.doc-card:hover{
  border-color:var(--gold); box-shadow:0 4px 20px rgba(201,146,42,.12);
  transform:translateY(-1px);
}
.doc-card.hidden{ display:none; }

/* Số thứ tự */
.doc-num{
  width:36px; height:36px; border-radius:8px; flex-shrink:0;
  background:var(--gray-100); color:var(--gray-500);
  display:flex; align-items:center; justify-content:center;
  font-size:.75rem; font-weight:700; transition:.22s;
}
.doc-card:hover .doc-num{
  background:linear-gradient(135deg,var(--navy),var(--accent));
  color:#fff;
}

/* Icon loại file */
.doc-type-icon{
  width:40px; height:40px; border-radius:10px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:.95rem; transition:.22s;
}
.doc-type-icon.pdf{ background:rgba(192,57,43,.1); color:#c0392b; }
.doc-type-icon.folder{ background:rgba(241,196,15,.15); color:#e67e22; }
.doc-type-icon.sheet{ background:rgba(26,122,74,.1); color:var(--green); }
.doc-type-icon.file{ background:rgba(26,69,128,.1); color:var(--accent); }
.doc-card:hover .doc-type-icon.pdf{ background:#c0392b; color:#fff; }
.doc-card:hover .doc-type-icon.folder{ background:#e67e22; color:#fff; }
.doc-card:hover .doc-type-icon.sheet{ background:var(--green); color:#fff; }
.doc-card:hover .doc-type-icon.file{ background:var(--accent); color:#fff; }

/* Thông tin */
.doc-info{ flex:1; min-width:0; }
.doc-name{
  font-size:.85rem; font-weight:600; color:var(--navy);
  line-height:1.4; margin-bottom:3px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  transition:.15s;
}
.doc-card:hover .doc-name{ color:var(--gold); }
.doc-author{
  font-size:.72rem; color:var(--gray-500); line-height:1.3;
  display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; overflow:hidden;
}

/* Nút mở */
.doc-open{
  display:flex; align-items:center; gap:6px;
  background:var(--navy); color:#fff;
  font-size:.7rem; font-weight:600; padding:7px 14px;
  border-radius:7px; flex-shrink:0; transition:.22s;
  white-space:nowrap;
}
.doc-card:hover .doc-open{ background:var(--gold); color:var(--navy); }
.doc-open i{ font-size:.65rem; }

/* Không tìm thấy */
.no-result{
  display:none; text-align:center; padding:48px 20px;
  color:var(--gray-500); font-size:.85rem;
}
.no-result i{ font-size:2.5rem; color:var(--gray-200); margin-bottom:12px; display:block; }

/* ══ SIDEBAR ══ */
.detail-sidebar{ position:sticky; top:0px; display:flex; flex-direction:column; gap:16px; }
.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); }

/* Danh sách khoa khác */
.sb-dept-list{ padding:8px 10px; }
.sb-dept-item{
  display:flex; align-items:center; gap:10px;
  padding:9px 8px; border-radius:8px; transition:.2s; cursor:pointer;
  border-bottom:1px solid var(--gray-200);
}
.sb-dept-item:last-child{ border-bottom:none; }
.sb-dept-item:hover{ background:var(--gray-100); }
.sb-dept-item.active{ background:rgba(201,146,42,.08); }
.sb-dept-icon{
  width:32px; height:32px; border-radius:7px; flex-shrink:0;
  background:linear-gradient(135deg,var(--navy),var(--accent));
  color:#fff; display:flex; align-items:center; justify-content:center;
  font-size:.7rem;
}
.sb-dept-item.active .sb-dept-icon{ background:linear-gradient(135deg,var(--gold),var(--gold-light)); color:var(--navy); }
.sb-dept-info{ flex:1; min-width:0; }
.sb-dept-name{ font-size:.75rem; font-weight:600; color:var(--navy); line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sb-dept-count{ font-size:.65rem; color:var(--gray-500); margin-top:2px; }
.sb-dept-item.active .sb-dept-name{ color:var(--gold); }

/* Hướng dẫn truy cập */
.sb-guide{ padding:14px 16px; }
.sb-guide-item{ display:flex; gap:10px; margin-bottom:12px; }
.sb-guide-item:last-child{ margin-bottom:0; }
.guide-num{ width:22px; height:22px; border-radius:50%; flex-shrink:0; background:var(--navy); color:#fff; font-size:.6rem; font-weight:700; display:flex; align-items:center; justify-content:center; margin-top:1px; }
.guide-text{ font-size:.72rem; color:var(--gray-700); line-height:1.5; }
.guide-text strong{ color:var(--navy); }

/* 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){
  .page-layout{ grid-template-columns:1fr 250px; gap:24px; }
}

@media(max-width:768px){
  .page-layout{ grid-template-columns:1fr; gap:0; }
  .detail-sidebar{ position:static; margin-top:24px; }
  .page-wrap{ max-width:100%; padding:14px 12px 48px; }

  /* Hero */
  .doc-hero{ padding:18px 16px; border-radius:12px; margin-bottom:12px; }
  .doc-hero::before,.doc-hero::after{ display:none; }
  .doc-hero-badge{ font-size:.58rem; padding:4px 10px; margin-bottom:10px; }
  .doc-hero-title{ font-size:1rem; margin-bottom:10px; }
  .doc-hero-meta{ gap:8px; }
  .doc-hero-meta span{ font-size:.65rem; }
  .doc-hero-meta span:nth-child(3){ display:none; }

  /* Master link */
  .master-link{ padding:9px 12px; gap:8px; border-radius:9px; margin-bottom:12px; }
  .master-link-icon{ width:30px; height:30px; font-size:.72rem; border-radius:7px; }
  .master-link-name{ font-size:.76rem; }
  .master-link-label{ font-size:.58rem; }

  /* Toolbar — dọc trên mobile */
  .doc-toolbar{ padding:9px 11px; gap:6px; border-radius:9px; margin-bottom:12px; flex-direction:column; align-items:stretch; }
  .doc-search{ padding:7px 10px; }
  .doc-search input{ font-size:.78rem; }
  .doc-count{ font-size:.68rem; text-align:right; }

  /* Card — 1 hàng ngang gọn */
  .doc-list{ gap:6px; }
  .doc-card{ padding:9px 11px; gap:8px; border-radius:9px; overflow:hidden; display:flex; align-items:center; width:100%; }
  .doc-num{ display:none; }
  .doc-type-icon{ width:30px; height:30px; min-width:30px; flex-shrink:0; border-radius:7px; font-size:.72rem; }
  .doc-info{ flex:1; min-width:0; width:0; overflow:hidden; }
  .doc-name{ font-size:.76rem; line-height:1.3; margin-bottom:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block; }
  .doc-author{ display:none; }
  /* Nút icon cố định — không co */
  .doc-open{ width:32px; height:32px; min-width:32px; flex-shrink:0; padding:0; font-size:0; gap:0; border-radius:7px; display:flex; align-items:center; justify-content:center; }
  .doc-open i{ font-size:.75rem; margin:0; }

  /* Sidebar khoa scroll ngang */
  .sb-dept-list{ display:flex; flex-direction:row; overflow-x:auto; gap:7px; padding:10px; scrollbar-width:none; }
  .sb-dept-list::-webkit-scrollbar{ display:none; }
  .sb-dept-item{ flex-direction:column; align-items:center; text-align:center; min-width:74px; max-width:74px; flex-shrink:0; border-bottom:none; border:1.5px solid var(--gray-200); border-radius:9px; padding:8px 6px; }
  .sb-dept-item.active{ border-color:var(--gold); }
  .sb-dept-icon{ width:26px; height:26px; font-size:.62rem; margin:0 0 5px; border-radius:6px; }
  .sb-dept-name{ font-size:.6rem; -webkit-line-clamp:2; text-align:center; }
  .sb-dept-count{ font-size:.56rem; text-align:center; }

  .sb-guide{ padding:11px 13px; }
  .sb-guide-item{ margin-bottom:8px; gap:7px; }
  .guide-num{ width:20px; height:20px; font-size:.58rem; }
  .guide-text{ font-size:.68rem; }
}

@media(max-width:480px){
  .page-wrap{ padding:10px 8px 40px; }
  /* Ẩn cấp giữa breadcrumb — chỉ giữ Trang chủ + trang hiện tại */
  .breadcrumb a:nth-child(3),
  .breadcrumb .sep:nth-child(4){ display:none; }
  .breadcrumb .sep:nth-child(2){ display:none; }
  .breadcrumb a:nth-child(1)::after{ content:" /"; color:var(--gray-200); margin-left:4px; }
  .doc-hero{ padding:14px 13px; }
  .doc-hero-title{ font-size:.92rem; }
  .doc-card{ padding:8px 10px; gap:7px; }
  .doc-type-icon{ width:26px; height:26px; min-width:26px; font-size:.66rem; }
  .doc-name{ font-size:.72rem; }
  .doc-open{ width:30px; height:30px; min-width:30px; }
  .doc-open i{ font-size:.7rem; }
  .no-result{ padding:28px 14px; font-size:.78rem; }
  .no-result i{ font-size:1.8rem; }
}
</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/documents">Tài liệu điện tử</a>
    <span class="sep"><i class="fa fa-chevron-right" style="font-size:.55rem"></i></span>
    <span class="cur">Tạp Chí MedPharmRes</span>
  </div>
</div>

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

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

      <!-- HERO HEADER -->
      <div class="doc-hero">
        <div class="doc-hero-badge">
          <i class="fa fa-folder-open"></i> Tài liệu điện tử
        </div>
        <div class="doc-hero-title">Tạp Chí MedPharmRes</div>
        <div class="doc-hero-meta">
          <span>
            <i class="fa fa-calendar"></i>
            Cập nhật: 06/05/2026          </span>
          <span>
            <i class="fa fa-file-alt"></i>
            <span id="totalCount">...</span> tài liệu
          </span>
          <span>
            <i class="fa fa-lock"></i>
            Dành riêng sinh viên NCT
          </span>
        </div>
      </div>

      <!-- MASTER FILE LINK — JS render nếu có -->
      <div id="masterLinkWrap"></div>

      <!-- TOOLBAR -->
      <div class="doc-toolbar">
        <div class="doc-search">
          <i class="fa fa-search"></i>
          <input type="text" id="searchInput"
                 placeholder="Tìm tên tài liệu, tác giả..."
                 oninput="filterDocs()">
        </div>
        <div class="doc-count">
          Hiển thị: <span id="showCount">0</span> / <span id="totalCount2">0</span>
        </div>
      </div>

      <!-- DANH SÁCH TÀI LIỆU — JS render vào đây -->
      <div class="doc-list" id="docList"></div>
      <div class="no-result" id="noResult">
        <i class="fa fa-search"></i>
        Không tìm thấy tài liệu nào
      </div>

      <!-- Content gốc CKEditor — ẩn, JS quét -->
      <div id="rawContent" style="display:none">
        <p style="text-align:center !important; margin:0 0 8px 0 !important; padding:0 !important;">
  <span style="font-size:28px !important; font-family:'Times New Roman',Times,serif !important; color:#1e40af !important; font-weight:700 !important; display:inline !important;">
    TẠP CHÍ MEDPHARMRES
  </span>
</p>

<p style="text-align:center !important; margin:0 0 6px 0 !important; padding:0 !important;">
  <span style="font-size:14px !important; font-family:Arial,sans-serif !important; color:#555555 !important; display:inline !important;">
    Medical &amp; Pharmaceutical Journal — Trường Đại học Y Dược TP. Hồ Chí Minh
  </span>
</p>

<p style="text-align:center !important; margin:0 0 16px 0 !important; padding:0 !important;">
  <span style="font-size:13px !important; font-family:Arial,sans-serif !important; background:#dcfce7 !important; color:#166534 !important; padding:3px 10px !important; border-radius:20px !important; margin-right:6px !important; display:inline-block !important;">&#128275; Truy cập mở</span>
  <span style="font-size:13px !important; font-family:Arial,sans-serif !important; background:#fef3c7 !important; color:#92400e !important; padding:3px 10px !important; border-radius:20px !important; display:inline-block !important;">&#9632;<a href="https://creativecommons.org/licenses/by-nc/4.0/">  CC BY-NC 4.0 </a></span>
</p>

<hr style="border:none !important; border-top:2px solid #1e40af !important; margin:0 0 20px 0 !important; opacity:1 !important;" />

<style>
.mpr-acc input[type="checkbox"] { display:none; }
.mpr-acc .mpr-panel { display:none; }
.mpr-acc input[type="checkbox"]:checked ~ .mpr-panel { display:block; }
.mpr-acc .mpr-arrow { transition: transform 0.25s; display:inline-block; }
.mpr-acc input[type="checkbox"]:checked ~ .mpr-label .mpr-arrow { transform: rotate(180deg); }
.mpr-acc .mpr-label { cursor:pointer; display:flex; align-items:center; gap:10px; padding:14px 18px; background:#f8fafc; user-select:none; }
.mpr-acc .mpr-label:hover { background:#f1f5f9; }
</style>

<div class="mpr-acc" style="font-family:Arial,sans-serif !important; display:flex !important; flex-direction:column !important; gap:8px !important;">

  <!-- ===== VOL 10 NO 1 ===== -->
  <div style="border:1px solid #e5e7eb !important; border-radius:8px !important; overflow:hidden !important;">
    <input type="checkbox" id="mpr-vol-10-1">
    <label class="mpr-label" for="mpr-vol-10-1">
      <span style="font-size:12px !important; font-weight:700 !important; background:#dbeafe !important; color:#1e40af !important; padding:3px 10px !important; border-radius:20px !important; white-space:nowrap !important; flex-shrink:0 !important;">Vol. 10, No. 1</span>
      <span style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; flex:1 !important;">April 2026</span>
   <span style="font-size:13px !important; font-family:Arial,sans-serif !important; background:#dbeafe !important; color:#1e40af !important; padding:3px 10px !important; border-radius:20px !important; margin-right:6px !important; display:inline-block !important;">&#127358; ISSN: 2615-9503</span>
      <span style="font-size:12px !important; color:#6b7280 !important; flex-shrink:0 !important;">12 bài viết</span>
      <span class="mpr-arrow" style="font-size:18px !important; color:#6b7280 !important; flex-shrink:0 !important;">&#9660;</span>
    </label>
    <div class="mpr-panel" style="border-top:1px solid #e5e7eb !important;">

      <!-- Review Article -->
      <div style="padding:8px 18px 4px !important; background:#fafafa !important;">
        <span style="font-size:11px !important; font-weight:700 !important; background:#ede9fe !important; color:#5b21b6 !important; padding:2px 10px !important; border-radius:4px !important; text-transform:uppercase !important; letter-spacing:0.05em !important; display:inline-block !important;">Review Article</span>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">01</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.26.00007" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Regulation of immune responses by pharmacological modulation of major histocompatibility complex (MHC)-restricted antigen presentation</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Sang-Hyun Kim, Chong-Kil Lee</span>
        </div>
      </div>

      <!-- Original Articles -->
      <div style="padding:8px 18px 4px !important; background:#fafafa !important; border-top:1px solid #e5e7eb !important;">
        <span style="font-size:11px !important; font-weight:700 !important; background:#dcfce7 !important; color:#166534 !important; padding:2px 10px !important; border-radius:4px !important; text-transform:uppercase !important; letter-spacing:0.05em !important; display:inline-block !important;">Original Articles</span>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">10</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00090" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Establishing reference intervals for serum thyroid stimulating hormone and free thyroxine in the late first trimester of pregnancy in Vietnam</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Dung Thi Mai Le, Ngan Thi Kim Nguyen, Ngoc Thi My Le</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">18</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00095" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Etiologies, nutritional support and clinical outcomes of intestinal failure at Children's Hospital 2 in 2020–2024</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Thanh Ngoc Huynh, Quynh Thi Vu Huynh, Vinh Quang Bui</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">33</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00071" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Elucidating the analgesic mechanism of <em>Cyperus rotundus</em> via network pharmacology and molecular docking</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Nhut Minh Truong, Tien Hai Thi Nguyen, Hieu Hong Thi Nguyen, Duyen My Thi Chung, An Kieu Le, Lan-Phuong Thi Le</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">44</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00072" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Microbiological quality assessment of oral probiotic-containing pharmaceuticals and health supplements in Ho Chi Minh City</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Quyen Da Do, Y Thi Nhu Tran, Anh Tuan Le</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">62</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00074" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Developing a liquid chromatography-tandem mass spectrometry (LC-MS/MS) method for the simultaneous determination of phosphodiesterase-5 inhibitors in health supplements in Vietnam</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Tram Thi Nguyen, Son Van Pham, Nai Ngoc Chuong, Tran Van-Hoai Le, Thuong Thi-Thuong Le, Hien Thuy Truong, Dung Thanh Phan</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">76</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00086" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Cognitive emotion regulation in methadone maintenance treatment: reliability and validity of the Vietnamese cognitive emotion regulation questionnaire – short version (CERQ-S)</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Van-Anh Ngoc Huynh, Ngoc-Han Nguyen Le, Thanh-My Thi Nguyen, Ngoc-Han Thi Le, Ngoc-Quynh Tran Le, Dung Van Do, Quyen Gia To, Kien Gia To</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">87</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00070" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Prevalence and associated factors of psychological stress among traditional medicine students: a cross-sectional study</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Phuong Quynh Ngoc Le, Nu Anh Le, Minh Quan Hoang Le</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">96</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00058" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Applying borderline methods for setting standards in objective structured clinical examination: the first case in undergraduate medical program in Vietnam</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Hoa Thi Thu Doan, Hanh Thi My Nguyen, Anh Tuan Pham</span>
        </div>
      </div>

      <!-- Case Reports -->
      <div style="padding:8px 18px 4px !important; background:#fafafa !important; border-top:1px solid #e5e7eb !important;">
        <span style="font-size:11px !important; font-weight:700 !important; background:#fee2e2 !important; color:#991b1b !important; padding:2px 10px !important; border-radius:4px !important; text-transform:uppercase !important; letter-spacing:0.05em !important; display:inline-block !important;">Case Reports</span>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">107</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00064" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Delayed diagnosis of adult-onset Mitochondrial encephalomyopathy, lactic acidosis, and stroke-like episodes (MELAS) syndrome: a case report and literature review</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Hung Thanh Tran, Bao Ha Le Mai, Quang Vinh Dinh</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">116</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00087" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Rhinofacial conidiobolomycosis: first report of three cases in southern Vietnam</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Chau Buu Le, Anh Ha Nguyen, Huong Nguyen Quynh Do, Khai Viet Nguyen, Thao Thi Thu Ho, Luu Thi Ho, Hon Minh Hao Nguyen, Hai Thanh Nguyen, Tien Thi Thuy Luu, Hieu Pham, Truc Thi Thanh Tran, Tri Van Dang</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">125</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?doi=10.32895/MPR.25.00089" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Paradoxical radiologic progression of necrotizing pneumonia associated with parainfluenza virus type 3 in a pediatric patient</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Thien Thanh Vo Nguyen, Tuan Anh Tran, Nhut Minh Pham, Thao Van Thuy Nguyen</span>
        </div>
      </div>

    </div>
  </div>
  <!-- ===== END VOL 10 NO 1 ===== -->


  <!-- ===== VOL 9 NO 4 ===== -->
  <div style="border:1px solid #e5e7eb !important; border-radius:8px !important; overflow:hidden !important;">
    <input type="checkbox" id="mpr-vol-9-4">
    <label class="mpr-label" for="mpr-vol-9-4">
      <span style="font-size:12px !important; font-weight:700 !important; background:#dbeafe !important; color:#1e40af !important; padding:3px 10px !important; border-radius:20px !important; white-space:nowrap !important; flex-shrink:0 !important;">Vol. 9, No. 4</span>
      <span style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; flex:1 !important;">December 2025</span>
    <span style="font-size:13px !important; font-family:Arial,sans-serif !important; background:#dbeafe !important; color:#1e40af !important; padding:3px 10px !important; border-radius:20px !important; margin-right:6px !important; display:inline-block !important;">&#127358; ISSN: 2615-9139</span>
      <span style="font-size:12px !important; color:#6b7280 !important; flex-shrink:0 !important;">12 bài viết</span>
      <span class="mpr-arrow" style="font-size:18px !important; color:#6b7280 !important; flex-shrink:0 !important;">&#9660;</span>
    </label>
    <div class="mpr-panel" style="border-top:1px solid #e5e7eb !important;">

      <!-- Review Article -->
      <div style="padding:8px 18px 4px !important; background:#fafafa !important;">
        <span style="font-size:11px !important; font-weight:700 !important; background:#ede9fe !important; color:#5b21b6 !important; padding:2px 10px !important; border-radius:4px !important; text-transform:uppercase !important; letter-spacing:0.05em !important; display:inline-block !important;">Review Article</span>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">413</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-413" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">A review of the role of gastric ultrasound in anaesthesia planning for emergency surgery patients</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Thai Quoc Phan, Thu Pham Minh Ngo, Quan Quang Luu, Khuong Kinh Luu</span>
        </div>
      </div>

      <!-- Original Articles -->
      <div style="padding:8px 18px 4px !important; background:#fafafa !important; border-top:1px solid #e5e7eb !important;">
        <span style="font-size:11px !important; font-weight:700 !important; background:#dcfce7 !important; color:#166534 !important; padding:2px 10px !important; border-radius:4px !important; text-transform:uppercase !important; letter-spacing:0.05em !important; display:inline-block !important;">Original Articles</span>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">420</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-420" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Prevalence, colonoscopic features, and risk factors of colonic diverticulosis in Vietnamese adults undergoing colonoscopy: a cross-sectional study</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Uyen Pham-Phuong Vo, Nhu Thi-Hanh Vu, Quang Dinh Le, Doan Thi-Nha Nguyen, Mai Ngoc Luu, Nhung Thi-Hong Ngo, Duc Trong Quach</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">432</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-432" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Factors associated with pain management for trauma patients in pre-hospital emergency care in Ho Chi Minh City</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Quyet Dinh Pham, Trong Duc Nguyen, Loc Vinh Ho Tran, Thuan Doan Nguyen, Thoi Van Nguyen, Nhe Thi Huynh, Nguyet Thi Hoang, Nhi Cam Huynh, Long Duy Nguyen, Uyen Nu Thanh Le</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">444</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-444" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Molecular characterization and antimicrobial resistance of carbapenem-resistant Klebsiella pneumoniae and Escherichia coli at Cho Ray Hospital, Vietnam</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Ngoc Bich Tran, Phu Thien Truong, Dung Thi Nguyen, Chinh Van Nguyen, Van Thi Hue Tran, Thanh Van Nguyen, Truc Thi Thanh Nguyen, Lam Thi Ngoc Tran, Tuoi Thi Kim Ly, Dat Quoc Ngo</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">453</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-453" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Application of computed tomography in evaluating imaging features of intraductal papillary mucinous neoplasms</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">An Nguyen Trung Dang, Dung Tri Nguyen, Bao The Tran, Khang Quang Le</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">462</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-462" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Comparison of continuous norepinephrine and phenylephrine infusion for preventing hypotension during low-dose spinal anesthesia in cesarean delivery: a randomized controlled trial</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Quan Quang Luu, Phuc Vinh Huynh, Son Hoang Vo, Thai Quoc Phan, Khuong Kinh Luu</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">471</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-471" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Effectiveness of cupping therapy in managing neck pain and improving cervical mobility in cervical spondylosis patients: a randomized clinical trial</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Phuong Ngoc Ha Dang, Huy Chung Ly, Loc Chi Ha, Sang Thanh Do, Tuan Trong Vo, Bay Thi Nguyen</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">482</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-482" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Phenotyping cough in lung cancer: a focus on productive cough and its link to chronic obstructive pulmonary disease (COPD) in a Vietnamese cohort</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Quan Hoang Minh Le, Nguyen Cong Nguyen, Song Thi Thu Nguyen, Quang Duc Le</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">492</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-492" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Prevalence of mental disorders and personality traits among public health students: a cross-sectional study</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Quang Minh Lam, Vy Thi Thao Ta, Dung Thi Thuy Nguyen, Mai Thi Sao Truong, Quyen Nguyen Thuc Lam, Trang Vo Phuong Nguyen</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">504</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-504" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Preliminary assessment of content validity and internal consistency of the N-CT-4 students questionnaire in the master's students in nursing</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Trang Phuc Thien Duong, Linh Thuy Khanh Tran, Phuong Thi Ngoc Nguyen, Khanh Phuong Nguyen, Tuan Diep Tran</span>
        </div>
      </div>

      <!-- Case Report -->
      <div style="padding:8px 18px 4px !important; background:#fafafa !important; border-top:1px solid #e5e7eb !important;">
        <span style="font-size:11px !important; font-weight:700 !important; background:#fee2e2 !important; color:#991b1b !important; padding:2px 10px !important; border-radius:4px !important; text-transform:uppercase !important; letter-spacing:0.05em !important; display:inline-block !important;">Case Report</span>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; border-bottom:1px solid #f3f4f6 !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">517</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-517" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Diagnosis of endometrioid adenocarcinoma of the fallopian tube misinterpreted as ovarian cancer: a case report</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Tri Bao Nguyen, Nghiem Xuan Huynh, Hien Thu Thi Pham, Huynh Chi Nguyen</span>
        </div>
      </div>
      <div style="display:flex !important; padding:10px 18px !important; align-items:flex-start !important;">
        <span style="min-width:38px !important; font-size:15px !important; font-weight:700 !important; color:#1e40af !important; flex-shrink:0 !important;">525</span>
        <div>
          <a href="https://www.medpharmres.com/archive/view_article?pid=mpr-9-4-525" style="font-size:14px !important; font-weight:700 !important; color:#111827 !important; text-decoration:none !important; line-height:1.5 !important; display:block !important;">Fever with vesiculopapular eruptions mimicking varicella: an atypical presentation of measles in an unvaccinated adult</a>
          <span style="font-size:12px !important; color:#2563eb !important; font-style:italic !important;">Tri Bao Nguyen, Nghiem Xuan Huynh, Hien Thu Thi Pham, Huynh Chi Nguyen</span>
        </div>
      </div>

    </div>
  </div>
  <!-- ===== END VOL 9 NO 4 ===== -->

</div>


<hr style="border:none !important; border-top:2px solid #e5e7eb !important; margin:20px 0 !important; opacity:1 !important;" />

<p style="font-size:12px !important; font-family:Arial,sans-serif !important; color:#6b7280 !important; background:#f8fafc !important; border:1px solid #e2e8f0 !important; border-radius:8px !important; padding:12px 16px !important; line-height:1.8 !important; margin:0 !important;">
  <strong style="color:#374151 !important;">MedPharmRes</strong> — Medical &amp; Pharmaceutical Journal of University of Medicine and Pharmacy at Ho Chi Minh City.<br />
  Bài báo được đăng lại theo giấy phép <a href="https://creativecommons.org/licenses/by-nc/4.0/"><strong style="color:#374151 !important;">Creative Commons CC BY-NC 4.0</strong></a> — Chỉ sử dụng cho mục đích phi thương mại, ghi rõ nguồn.<br />
  Nguồn: <a href="https://medpharmres.org" style="color:#2563eb !important;">medpharmres.org</a> —
  Lưu trữ bởi: <strong style="color:#374151 !important;">Thư viện Trường Đại học Nam Cần Thơ</strong>
</p>      </div>

    </div>

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

      <!-- DANH MỤC THEO KHOA -->
            <div class="sb-card">
        <div class="sb-head">
          <i class="fa fa-university"></i>
          <h3>Khoa / Bộ môn khác</h3>
        </div>
        <div class="sb-dept-list">
          <!-- Bài hiện tại -->
          <div class="sb-dept-item active">
            <div class="sb-dept-icon"><i class="fa fa-folder-open"></i></div>
            <div class="sb-dept-info">
              <div class="sb-dept-name">Tạp Chí MedPharmRes</div>
              <div class="sb-dept-count" id="sideCount">... tài liệu</div>
            </div>
          </div>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/tap-chi-nha-nuoc-va-phap-luat1"
             class="sb-dept-item">
            <div class="sb-dept-icon"><i class="fa fa-folder"></i></div>
            <div class="sb-dept-info">
              <div class="sb-dept-name">Tạp chí Nhà nước và Pháp luật</div>
              <div class="sb-dept-count">Xem tài liệu</div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/tai-lieu-dien-tu"
             class="sb-dept-item">
            <div class="sb-dept-icon"><i class="fa fa-folder"></i></div>
            <div class="sb-dept-info">
              <div class="sb-dept-name">File tài liệu khoa Y</div>
              <div class="sb-dept-count">Xem tài liệu</div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/file-tai-lieu-khoa-kinh-te"
             class="sb-dept-item">
            <div class="sb-dept-icon"><i class="fa fa-folder"></i></div>
            <div class="sb-dept-info">
              <div class="sb-dept-name">File tài liệu khoa Kinh tế</div>
              <div class="sb-dept-count">Xem tài liệu</div>
            </div>
          </a>
                    <a href="https://thuvien.nctu.edu.vn/index.php/news/ngay-dau-sinh-vien-tro-lai-truong-hoc-truc-tiep-sau-thoi-gian-nghi-dich-benh-covid-19-tu-thang-05-nam-2021"
             class="sb-dept-item">
            <div class="sb-dept-icon"><i class="fa fa-folder"></i></div>
            <div class="sb-dept-info">
              <div class="sb-dept-name">Ngày đầu Sinh viên trở lại trường học trực tiếp sau thời gian nghỉ dịch bệnh Covid-19 từ tháng 05 năm 2021</div>
              <div class="sb-dept-count">Xem tài liệu</div>
            </div>
          </a>
                  </div>
      </div>
      
      <!-- HƯỚNG DẪN -->
      <div class="sb-card">
        <div class="sb-head">
          <i class="fa fa-info-circle"></i>
          <h3>Hướng dẫn sử dụng</h3>
        </div>
        <div class="sb-guide">
          <div class="sb-guide-item">
            <div class="guide-num">1</div>
            <div class="guide-text">
              <strong>Đăng nhập</strong> tài khoản sinh viên NCT để truy cập tài liệu
            </div>
          </div>
          <div class="sb-guide-item">
            <div class="guide-num">2</div>
            <div class="guide-text">
              Click nút <strong>Mở tài liệu</strong> để xem trên Google Drive
            </div>
          </div>
          <div class="sb-guide-item">
            <div class="guide-num">3</div>
            <div class="guide-text">
              Chỉ được <strong>xem</strong>, không sao chép hay tải về khi chưa được phép
            </div>
          </div>
          <div class="sb-guide-item">
            <div class="guide-num">4</div>
            <div class="guide-text">
              Liên hệ thư viện nếu link bị lỗi hoặc cần hỗ trợ
            </div>
          </div>
        </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);
});

// ── QUÉT NỘI DUNG CKEDITOR → RENDER CARD ──
(function buildDocList() {
  const raw  = document.getElementById('rawContent');
  const list = document.getElementById('docList');
  const docs = [];

  // 1. TÌM MASTER FILE (link đầu tiên dạng spreadsheet/folder tổng)
  //    Thường là dòng đầu tiên, chữ to, màu khác
  const firstStrong = raw.querySelector('strong a, a strong');
  if (firstStrong) {
    const masterA    = firstStrong.closest('a') || firstStrong.querySelector('a');
    const masterHref = masterA ? masterA.href : null;
    const masterText = firstStrong.textContent.trim();

    if (masterHref) {
      const type  = detectType(masterHref);
      document.getElementById('masterLinkWrap').innerHTML = `
        <a href="${masterHref}" target="_blank" class="master-link">
          <div class="master-link-icon">
            <i class="${getIcon(type)}"></i>
          </div>
          <div class="master-link-info">
            <div class="master-link-label">File tổng hợp</div>
            <div class="master-link-name">${masterText}</div>
          </div>
          <i class="fa fa-external-link-alt master-link-arrow"></i>
        </a>
      `;
      // Ẩn dòng này trong raw để không bị đếm vào list
      const p = masterA.closest('p');
      if (p) p.remove();
    }
  }

  // 2. QUÉT TẤT CẢ <a> CÒN LẠI → danh sách tài liệu
  const links = Array.from(raw.querySelectorAll('a[href]'));
  links.forEach(a => {
    const href    = a.href;
    const rawText = a.textContent.trim();
    if (!rawText || !href.includes('drive.google') && !href.includes('docs.google')) return;

    // Tách số thứ tự và tên: "1 - Kết cấu Ô tô - Tác giả"
    const numMatch = rawText.match(/^(\d+)\s*[-–]\s*/);
    const num      = numMatch ? parseInt(numMatch[1]) : docs.length + 1;
    const rest     = numMatch ? rawText.slice(numMatch[0].length).trim() : rawText;

    // Tách tên sách và tác giả (phần sau dấu ' - ' cuối cùng nếu có nhiều tác giả)
    // Heuristic: nếu có nhiều dấu phẩy ở cuối → là tác giả
    let title  = rest;
    let author = '';
    const dashParts = rest.split(/\s+-\s+/);
    if (dashParts.length >= 2) {
      // Phần cuối: kiểm tra xem có phải tên người không (có chữ hoa ở giữa)
      const lastPart = dashParts[dashParts.length - 1];
      // Nếu phần cuối chứa dấu phẩy (nhiều tác giả) → là tác giả
      if (lastPart.includes(',') || /[A-ZÁÀẢÃẠĂẮẶẲẴẰÂẤẦẨẪẬĐÉÈẺẼẸÊẾỀỂỄỆÍÌỈĨỊÓÒỎÕỌÔỐỒỔỖỘƠỚỜỞỠỢÚÙỦŨỤƯỨỪỬỮỰÝỲỶỸỴ]/.test(lastPart.charAt(0))) {
        author = lastPart;
        title  = dashParts.slice(0, -1).join(' - ');
      }
    }

    docs.push({ num, title, author, href, type: detectType(href) });
  });

  // Cập nhật số lượng
  const n = docs.length;
  document.getElementById('totalCount').textContent  = n;
  document.getElementById('totalCount2').textContent = n;
  document.getElementById('showCount').textContent   = n;
  document.getElementById('sideCount').textContent   = n + ' tài liệu';

  // Render card
  docs.forEach((doc, i) => {
    const card = document.createElement('div');
    card.className = 'doc-card';
    card.dataset.search = (doc.title + ' ' + doc.author).toLowerCase();
    card.innerHTML = `
      <div class="doc-num">${doc.num}</div>
      <div class="doc-type-icon ${doc.type}">
        <i class="${getIcon(doc.type)}"></i>
      </div>
      <div class="doc-info">
        <div class="doc-name">${doc.title}</div>
        ${doc.author ? `<div class="doc-author"><i class="fa fa-user" style="margin-right:4px;color:var(--gray-200)"></i>${doc.author}</div>` : ''}
      </div>
      <a href="${doc.href}" target="_blank" class="doc-open" onclick="event.stopPropagation()">
        <i class="fa fa-external-link-alt"></i> Mở
      </a>
    `;
    card.onclick = () => window.open(doc.href, '_blank');
    list.appendChild(card);
  });
})();

// DETECT LOẠI FILE
function detectType(href) {
  if (href.includes('spreadsheets') || href.includes('sheet')) return 'sheet';
  if (href.includes('drive/folders'))  return 'folder';
  if (href.includes('/file/'))         return 'pdf';
  return 'file';
}

function getIcon(type) {
  const icons = { pdf:'fa fa-file-pdf', folder:'fa fa-folder', sheet:'fa fa-file-excel', file:'fa fa-file-alt' };
  return icons[type] || 'fa fa-file';
}

// TÌM KIẾM
function filterDocs() {
  const q     = document.getElementById('searchInput').value.toLowerCase().trim();
  const cards = document.querySelectorAll('.doc-card');
  let   shown = 0;

  cards.forEach(card => {
    const match = !q || card.dataset.search.includes(q);
    card.classList.toggle('hidden', !match);
    if (match) shown++;
  });

  document.getElementById('showCount').textContent = shown;
  document.getElementById('noResult').style.display = shown === 0 ? 'block' : 'none';
}
</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>