/* custom-styles.css */

/* 工具类 */
.content-auto {
    content-visibility: auto;
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.nav-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.bg-blur {
    backdrop-filter: blur(8px);
}

/* 头部背景融合效果 */
.header-content-wrapper {
    position: relative;
    z-index: 50;
}

.header-blended-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #d91626; /* primary/95 */
    z-index: -1;
}

.blended-image-container {
    position: absolute;
    top: 0;
    left: 50%;
    width: 25%; /* 1/4宽度 */
    height: 75%;
    transform: translateX(-50%);
    overflow: hidden;
    z-index: -1;
}

.blended-image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to top,
        #64b9f5, /* primary/100 */
        transparent 20%,
        transparent 80%,
        #64b9f5  /* primary/100 */
    );
    z-index: 1;
}

.blended-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ID 选择器 */
#detail {
    display: none;
}

/* #listview { */
/*     display: none; */
/* } */

#zuozhe {
    display: none;
}

/* 浮动类 */
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}