<style>
:root {
  --mainColor: ;
  }
  .header-wrap {
   
    top: 20px;
   
  }
  /* 左侧分类菜单定制样式 */
.product-category-sidebar {
    background: transparent;
    padding-right: 20px;
}

.category-header {
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 0;
}

.category-header span {
    font-size: 1.1rem;
    font-weight: bold;
    color: #333;
    position: relative;
    padding-left: 15px;
}

/* 标题左侧的黄色小斜杠装饰 */
.category-header span::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%) rotate(15deg);
    width: 4px;
    height: 18px;
    background-color: #f1c40f; /* 黄色装饰 */
}

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

.category-list li {
    border-bottom: 1px solid #eee;
    transition: all 0.3s ease;
}

.category-list li a {
    display: block;
    padding: 15px 0 15px 15px;
    color: #666;
    text-decoration: none;
    font-size: 1rem;
    transition: color 0.3s;
}

/* 悬停及激活状态样式 */
.category-list li:hover a,
.category-list li.active a {
    color: #000;
    font-weight: bold;
}

.category-list li.active {
    position: relative;
    border-bottom: 2px solid var(--mainColor); /* 激活项底部加黑加粗 */
}

/* 手机端适配：如果屏幕太小，分类菜单移到内容上方并取消边距 */
@media (max-width: 767px) {
    .product-category-sidebar {
        padding-right: 0;
        margin-bottom: 30px;
    }
}
</style>
	  <!-- Theme Switcher Start -->
        <div class="switch-theme-mode">
            <label id="switch" class="switch">
                    <input type="checkbox" onchange="toggleTheme()" id="slider">
                    <span class="slider round"></span>
            </label>
        </div>
        <!-- Theme Switcher End -->

        <!-- Page Wrapper Start -->
        <div class="page-wrapper">

            <!-- Header Section Start -->
            <header class="header-wrap">
          
                <div class="header-bottom">
                    <div class="container">
                        <nav class="navbar navbar-expand-md navbar-light">
                           <a class="navbar-brand" href="/" id="logo">
						   
						 
                                <img class="logo-light" src="https://cdn.aibiz.com.tw/2025/1124/1763959050/9cc2b2401dcc223034c656652d71c0b5.png" alt="logo"  style="max-width: 250px;">
								<img class="logo-dark" src="https://cdn.aibiz.com.tw/2025/1124/1763959050/9cc2b2401dcc223034c656652d71c0b5.png" alt="logo"  style="max-width: 250px;display:none">
                              
								
							
                            </a>
                            <div class="collapse navbar-collapse main-menu-wrap" id="navbarSupportedContent">
                                <div class="menu-close d-lg-none">
                                    <a href="javascript:void(0)"> <i class="ri-close-line"></i></a>
                                </div>
								
								{"code":0,"msg":"系統錯誤","data":[]}