* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft JhengHei", "PingFang TC", sans-serif;
    }

    body {
      background-color: #f4f7f9;
      color: #333;
    }

    .container {
      max-width: 1200px;
      margin: 0 auto;
    }

    /* 返回按鈕樣式 */
    .back-btn {
      display: inline-block;
      padding: 8px 16px;
      background-color: white;
      border: 1px solid #dce4ec;
      border-radius: 6px;
      color: #31708f;
      text-decoration: none;
      font-size: 14px;
      font-weight: bold;
      margin-bottom: 15px;
      transition: all 0.2s ease;
      box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }
    /* 第一層：頂部標題與主選單 */
    .header-node {
      background: linear-gradient(135deg, #1e5799 0%, #2989d8 100%);
      color: white;
      text-align: center;
      padding: 20px;
      font-size: 24px;
      font-weight: bold;
      border-radius: 8px;
      margin-bottom: 25px;
      letter-spacing: 1px;
    }

    /* 第二層：三大分類區域 */
    .sections-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      align-items: start;
    }

    /* 平板與手機版型自動調整 */
    @media (max-width: 900px) {
      .sections-grid {
        grid-template-columns: 1fr;
      }
    }

    .category-card {
      background: white;
      border-radius: 8px;
      border: 1px solid #e1e8ed;
      box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
      overflow: hidden;
    }

    .category-title {
      background-color: #31708f;
      color: white;
      padding: 16px;
      font-size: 18px;
      font-weight: bold;
      text-align: center;
      border-bottom: 3px solid #1f4a61;
    }


/* =========================================   衛教項目_第三層：項目列表   ========================================= */
    
    .item-list {
      list-style: none;
      padding: 15px;
    }

    .item-list li {
      margin-bottom: 10px;
    }

    .item-list li:last-child {
      margin-bottom: 0;
    }

    .item-link {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 12px 15px;
      background-color: #f8fafc;
      border: 1px solid #dce4ec;
      border-left: 4px solid #31708f;
      border-radius: 4px;
      color: #2c3e50;
      text-decoration: none;
      font-size: 15px;
      transition: all 0.2s ease;
    }

    .item-link:hover {
      background-color: #eef5fa;
      border-left-color: #1a4157;
      transform: translateX(3px);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
      color: #1e5799;
    }
.item-list li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    text-decoration: none;
}

/* =========================================   點擊數字 (純文字顯示設計)  ========================================= */
.click-count {    
    font-size: 0.85em;    
    color: #fff;    
    background: #6c757d;    
    padding: 3px 8px;    
    border-radius: 12px;    
    font-family: monospace;    
    display: inline-flex;    
    align-items: center;    
    white-space: nowrap;
    min-width: 45px;
    justify-content: center;
    transition: background 0.3s;
}

/* 載入中或沒有數字時的樣式 */
.click-count.loading {
    background: #e9ecef;
    color: #adb5bd;
}

/* =========================================   點擊處理中的狀態   ========================================= */
.track-click.is-processing {
    pointer-events: none;
    opacity: 0.7;
}

/* =========================================   手機版   ========================================= */
@media (max-width: 768px) {
    .item-list li a {
        align-items: center;
    }
    .click-count {
        font-size: 0.75em;
        padding: 2px 6px;
    }
}