.loaer-season-fixed {
    position: fixed;
    bottom: 100px;
    right: 10px;
    z-index: 9;
    transition: all 0.15s ease-out;
    will-change: transform;
}

#loaer-season-btn {
    background: var(--body-bg-color);
    color: var(--text-color);
    padding: 5px;
    transition: all 0.3s ease;
}

.season #loaer-season-btn {
    color: var(--color-primary);
    border: 1px solid var(--color-primary);
    background-color: color-mix(in srgb, var(--color-primary), transparent 90%);
    box-shadow: 0 3px 10px rgb(0, 0, 0, 0.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.season .season-btn {
    color: var(--color-primary);
    transition: color 0.3s ease;
}

.loaer-season-icon {
    font-size: 18px;
    line-height: 1;
}

.loaer-season-text {
    white-space: nowrap;
    letter-spacing: 1px;
}

.loaer-season-fixed,
.loaer-season-btn,
.loaer-season-icon {
    transform: translateZ(0);
    backface-visibility: hidden;
    perspective: 1000px;
}

@media (max-width: 768px) {
    .loaer-season-fixed {
        bottom: 70px;
        right: 10px;
    }
    
    .loaer-season-text {
        display: none;
    }
}

.season .site-main::before {
    content: "";
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transform: scale(1.1);
    background: radial-gradient(49.63% 57.02% at 50% -7.2%, color-mix(in srgb, var(--color-primary), transparent 70%), #0000);
    pointer-events: none;
    z-index: -1;
    /* 优化过渡时长，更自然 */
    transition: all 0.3s ease;
}

.season .has-post-color .site-main::before {
    background: none;
}

.season .scrolled .site-main::before {
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: -1;
    filter: blur(20px);
    transition: all 0.3s ease;
    transform: scale(1.2);
}

@media (max-width: 600px) {
    .season .site-main::before {
        background: radial-gradient(70% 57% at 50% -10%, color-mix(in srgb, var(--color-primary), transparent 70%), #0000);
    }
}

.season .is-playlist .header-station-thumbnail::before {
    background: var(--color-primary);
    transition: background 0.3s ease;
}

.season .menu-item-22 {
    display: none;
}

.season .cat-links a {
    background: var(--color-primary);
    color: #fff;
    border-radius: 4px;
    padding: 0.2rem 0.6rem;
    text-transform: none !important;
    transition: all 0.3s ease;
}

.season .entry-footer .user-bio{
    background-color: rgb(0 0 0 / 0%);
    border: 1px solid var(--color-primary);
    transition: all 0.3s ease;
}

.season .archive-content-column > .entry{
    background-color: rgb(0 0 0 / 0%);
    border: 1px solid var(--color-primary);
    transition: all 0.3s ease;
}

.dark.season .archive-content-column > .entry {
    background-color: rgb(0 0 0 / 0%);
    border: 1px solid var(--color-primary);
    transition: all 0.3s ease;
}

.season .input, .season textarea,
.season #login-form input {
    background-color: transparent !important;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.season .entry-tag a {
    /* 新增默认过渡，保证 hover 反向动画 */
    transition: all 0.3s ease;
}
.season .entry-tag a:hover {
    color:#fff;
    background-color:color-mix(in srgb, var(--color-primary), transparent 50%);
}

.dark.season .entry-tag a:hover {
    background-color: color-mix(in srgb, var(--color-primary), transparent 80%);
}

.no-season .site-main::before{
    position: fixed;
    background: none;
    z-index: -1;
}

/* 限定主题头部 */
.season .site-sidebar{
    background:transparent;
    border-right:none;
}

.dark.season .site-sidebar{
    background:transparent;
}

@media (max-width: 600px) {
   .season .site-sidebar{
    background:#fff;
   }
   .dark.season .site-sidebar{
    background:var(--color-grey-700);
   }
}

/* 搜索框聚焦 */
.season .has-post-color .site-header .search-form:focus-within {
    box-shadow: 0 0 0 1px rgb(255 255 255 / 40%);
}

/* 折叠图标 has-post-color 时颜色 */
.season :not(.scrolled).has-post-color #menu-state:checked~ .site-header i.icon-nav, 
.season :not(.scrolled).has-post-color #menu-state:checked~ .site-header i.icon-nav:before, 
.season :not(.scrolled).has-post-color #menu-state:checked~ .site-header i.icon-nav:after {
     background-color: #fff;

     transition: background-color 0.3s ease;
}
/* 手机端 折叠图标 has-post-color 时颜色 */
@media (max-width: 782px) {
    .season :not(.scrolled).has-post-color .site-header i.icon-nav,
    .season :not(.scrolled).has-post-color .site-header i.icon-nav:before,
    .season :not(.scrolled).has-post-color .site-header i.icon-nav:after {
        background-color: #fff;

        transition: background-color 0.3s ease;
    }
}

/* 侧边栏隐藏时的logo颜色 */
.season :not(.scrolled).has-post-color #menu-state:checked ~ .site-header {
    color: #fff;
    transition: color 0.3s ease;
}

/* 未下滑并且隐藏侧栏时 has-post-color 的导航栏背景颜色 */
.season :not(.scrolled).has-post-color #menu-state:checked ~ .site-header {
    background-color: transparent;
    --sub-menu-color: rgba(0,0,0,0.95);
    --color-primary: rgba(255,255,255,0.35);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 未下滑时 has-post-color 的搜索框文本颜色样式 */
.season :not(.scrolled).has-post-color #icon-search,
.season :not(.scrolled).has-post-color .site-header .search-form input,
.season :not(.scrolled).has-post-color .site-header .nav a{
    color: #fff;
    transition: color 0.3s ease;
}

/* 未下滑时 has-post-color 的手机端弹出搜索框样式 */
@media (max-width: 599px) {
    .season :not(.scrolled).has-post-color .site-header .search-form input{
        color: initial;

        transition: color 0.3s ease;
    }

    .season :not(.scrolled).has-post-color #search-state:checked ~ .site-header i.icon-search:before,
    .season :not(.scrolled).has-post-color #search-state:checked ~ .site-header i.icon-search:after {
        color: initial;

        transition: color 0.3s ease;
    }

    .dark.season :not(.scrolled).has-post-color .site-header .search-form input{
        color: #fff;

        transition: color 0.3s ease;
    }

    .dark.season :not(.scrolled).has-post-color #search-state:checked ~ .site-header i.icon-search:before,
    .dark.season :not(.scrolled).has-post-color #search-state:checked ~ .site-header i.icon-search:after {
        color: #fff;

        transition: color 0.3s ease;
    }
}

/* 个人头像弹出菜单背景颜色和字体颜色 */
.season :not(.scrolled).has-post-color .site-header .sub-menu{
    background-color: #fff;
    transition: background-color 0.3s ease;
}
.season :not(.scrolled).has-post-color .site-header .sub-menu a{
    color: var(--sub-menu-color);
    transition: color 0.3s ease;
}

.season :not(.scrolled).has-post-color .site-header .nav .btn-link a{
    background-color:rgba(255,255,255,.35)!important;
    transition: background-color 0.3s ease;
}

@media (max-width: 782px) {
    .season :not(.scrolled):not(.has-menu-sidebar).has-post-color .site-header {
        color:#fff;
        --sub-menu-color: rgba(0,0,0,0.95);
        --color-primary: rgba(255,255,255,0.35);

        transition: color 0.3s ease;
    }
    .season .admin-bar .site-header{
        top: inherit;
        position: absolute;
    }
}

.season :not(.scrolled):not(.has-menu-sidebar) .site-header{
    background-color: transparent;
    box-shadow: none;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.season :not(.scrolled):not(.has-menu-sidebar) .site-header .search-form{
    background-color: rgba(255, 255, 255, 0.1);
}

.season .scrolled .site-header{
    background-color: rgb(255 255 255 / 60%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

.season .scrolled .site-header .search-form{
    background-color: rgb(255 255 255 / 50%);
}

.dark.season .scrolled .site-header{
    background-color: rgb(9 9 9 / 60%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease;
}

.dark.season .scrolled .site-header .search-form{
    background-color: rgb(28 28 28 / 50%);
    transition: background-color 0.3s ease;
}

.season .scrolled .navigation{
    background-color:  transparent;
    transition: background-color 0.3s ease;
}

.season .navigation .nav > li > a{
    transition: border-bottom-color 0.3s ease;
}
.season .navigation .nav > li > a:hover{
    border-bottom-color: var(--color-primary);
}

.season .color-btn{
    display:none;
}

/* 全局 .season 容器过渡（可选，统一管控） */
.season {
    transition: all 0.3s ease;
}