/* 全局重置 */
body, html {
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    font-family: "Microsoft YaHei", "微軟雅黑", Arial, sans-serif !important;
}

/* 黑色導航條 */
.main-black-bar {
    background: #000 !important;
    display: block !important;
    min-height: 40px !important;
    height: auto !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 100 !important;
}

/* .main-black-bar-inner {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
} */

.main-black-search {
    display: flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    padding: 8px 12px !important;
    margin-right: 20px !important;
}

.main-black-search input {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    width: 200px !important;
    font-size: 14px !important;
    outline: none !important;
}

.main-black-search input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.main-black-search-btn {
    background: none !important;
    border: none !important;
    color: #ffffff !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin-left: 8px !important;
}

.main-black-btn {
    padding: 8px 20px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    text-decoration: none !important;
    color: #ffffff !important;
}

.main-black-btn-purple {
    background: #8957e5 !important;
}

/* 頂部導航 */
.top-nav {
    width: 100% !important;
    height: 60px !important;
    background: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.nav-container {
    max-width: 1200px !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* Logo */
.logo {
    height: 40px !important;
    display: block !important;
}

.logo-img {
    height: 100% !important;
    width: auto !important;
}

/* 導航鏈接 */
.nav-links {
    display: flex !important;
    align-items: center !important;
    gap: 30px !important;
}

.nav-link {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    opacity: 0.7 !important;
    transition: opacity 0.3s !important;
}

.nav-link:hover {
    opacity: 1 !important;
}

.nav-link img {
    width: 20px !important;
    height: 20px !important;
}

/* 用戶頭像 */
.user-section {
    margin-left: 30px !important;
}

.user-avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    display: block !important;
    border: none !important;
}

.user-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

/* 次導航 */
.sub-nav {
    width: 100% !important;
    height: 40px !important;
    background: #000000 !important;
}

.sub-nav-container {
    max-width: 1200px !important;
    height: 100% !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* 冒險首頁按鈕 */
.adventure-btn {
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 14px !important;
    opacity: 0.7 !important;
    transition: opacity 0.3s !important;
}

.adventure-btn:hover {
    opacity: 1 !important;
}

/* 搜尋框 */
.search-box {
    display: flex !important;
    align-items: center !important;
    background: rgba(255, 255, 255, 0.1) !important;
    border-radius: 4px !important;
    padding: 5px 10px !important;
}

.search-box input {
    background: transparent !important;
    border: none !important;
    color: #ffffff !important;
    width: 200px !important;
    font-size: 14px !important;
    outline: none !important;
}

.search-box input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
}

.search-box img {
    width: 16px !important;
    height: 16px !important;
    opacity: 0.5 !important;
    margin-left: 5px !important;
}

/* 發文按鈕 */
.post-btn {
    background: #8957e5 !important;
    color: #ffffff !important;
    padding: 6px 15px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    text-decoration: none !important;
}

/* 左側選單 */
.left-menu {
    width: 250px !important;
    padding: 20px 0 !important;
}

.menu-item {
    margin-bottom: 20px !important;
}

.menu-item a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    text-decoration: none !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.menu-title {
    color: #ff6b01 !important;
    font-size: 18px !important;
    font-weight: bold !important;
}

.more-link {
    color: #999999 !important;
    font-size: 14px !important;
}

/* 響應式設計 */
@media (max-width: 1024px) {
    .nav-links {
        gap: 20px !important;
    }
    
    .logo-img {
        height: 35px !important;
    }
}

@media (max-width: 768px) {
    .nav-links {
        display: none !important;
    }
    
    .logo-img {
        height: 30px !important;
    }
    
    .left-menu {
        width: 100% !important;
        padding: 10px !important;
    }
}