body { font-family: 'Hiragino Sans', 'Meiryo', sans-serif; margin: 0; padding: 0; }

a { color:#444; text-decoration:none; border:0px solid #fff;}
a:hover { color:#663399;}

.text-main-color {
    color: #A60870!important;
}
.text-purple {
    color: #663399;
}
.btn-purple {
    color: #fff;
    background-color: #6f42c1;
    border-color: #6f42c1;
}
.btn-purple:hover {
    color: yellow;
    background-color: #5e35b1;
    border-color: #5e35b1;
}

.page-item.active .page-link {
    background-color: #6f42c1;
    border-color: #6f42c1;
}
.page-link {
    color: #6f42c1;
}
.page-link:hover {
    color: #5e35b1;
}

/* 分页组件字体大小调整 */
.pagination .page-link {
    font-size: 0.75rem; /* 默认为 1rem，这里调整为稍小的值 */
}

/*
 * Gaiduance
 */
#gaiduance_bar {line-height:28px; margin: 10px; color: #6f42c1; font-size: 9pt !important;}
#gaiduance_bar a {color: #6f42c1;}

/*
 * Title
 */
.title-style {
    background-color: #7952b3;
}
.title-style ul li a {
    font-size: 8pt !important;
}
.title-style ul li a:hover, a:active {
    color: yellow!important;
}
.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.purple-icon {
    filter: invert(32%) sepia(15%) saturate(2495%) hue-rotate(210deg) brightness(91%) contrast(87%);
}

/*
 * Bootstrap Navbar Customization
 * On mobile, display navbar items horizontally instead of vertically.
 */
@media (max-width: 991.98px) {
    .navbar-collapse .navbar-nav {
        flex-direction: row; /* Arrange items horizontally */
        flex-wrap: wrap;     /* Allow items to wrap to the next line */
        justify-content: center; /* Center the items */
    }

    .navbar-collapse .nav-item {
        padding: 0 5px; /* Add some horizontal spacing between items */
    }

    /* Reduce title font size on mobile to prevent wrapping */
    #shop-title {
        font-size: 28px !important;
    }
}

/*
 * Footer
 */
footer {
    padding: 10px 15px;
    flex-shrink: 0; /* 防止header和footer在空间不足时被压缩 */
    text-align: center;
    font-size: 0.9em;
    color: #5e35b1;
}

.footer-links {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap; /* 在中等屏幕上可以换行 */
}

.footer-links a {
    color: #5e35b1;
    text-decoration: none;
    margin: 0 10px;
    transition: color 0.3s ease;
}

.footer-links a:hover {
    color: #663399;
    text-decoration: underline;
}