@import url('./purple.css');
body {
    font-family: "PingFang SC", Lantinghei SC, "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;
 /*    background-color: #f8f9fa;  */
}

/* 视觉隐藏类 - 对屏幕阅读器可见但视觉上隐藏 */
.visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

@media (min-width: 992px) {
    :root {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .navbar {
        width: 100vw;
        max-width: 100vw;
    }
	
}
	
/* 编辑弹窗层级设置 */
.modal-backdrop {
    z-index: 1070 !important;
}

.modal {
    z-index: 1080 !important;
}

#editBackdrop {
    z-index: 1070 !important;
}

#editModal {
    z-index: 1080 !important;
}

.modal-backdrop,
.offcanvas-backdrop,
.modal-fullscreen,
.modal-fullscreen-sm-down,
.modal-fullscreen-md-down,
.modal-fullscreen-lg-down,
.modal-fullscreen-xl-down,
.modal-fullscreen-xxl-down,
.vw-100,
.min-vw-100 {
    width: 100% !important;
    max-width: 100% !important;
}

@media (min-width: 1280px) {
    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1060;
    }

}



@media (min-width: 768px) {
    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1030;
    }
}

/* 确保小屏幕下导航栏也固定在顶部 */
@media (max-width: 767px) {
    .navbar {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1060;
        width: 100vw;
    }
}

/* 向右移动logo - 相对于navbar的margin进行调整 */
.navbar-brand {
    position: relative;
    z-index: 1000;
}

/* 向右移动顶部菜单 - 相对于navbar的margin进行调整 */
#navbar-menu {
    left: 40px !important;
    position: relative;
}

.sidebar {
    position: fixed;
    left: 0;
    top: 57px;
    width: 200px;
    height: calc(100vh - 60px);
    background: var(--tblr-bg-surface);
    border-right: 1px solid var(--tblr-border-color);
    overflow-y: auto;
    z-index: 1020;
}

.container {
    font-size: 0;
    position: relative;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 280px;
    min-height: 800px;
    padding-top: 70px;
}



.container-fluid {
    padding-top: 30px;
    max-width: 80% !important;
}


.jianjie .row>* {
    padding: 0px 5px 0px 0px !important;
}


/* 选中卡片样式 */
.card-selected {
    --tblr-alert-color: var(--tblr-success);
    border: var(--tblr-border-width) solid color-mix(in srgb, var(--tblr-alert-color) 20%, transparent) !important;
    background-color: color-mix(in srgb, color-mix(in srgb, var(--tblr-alert-color) 10%, transparent), var(--tblr-bg-surface)) !important;
    border-radius: var(--tblr-border-radius) !important;
}


/* 响应式容器宽度调整 */
@media (max-width: 1280px) {
    .container-fluid {
        max-width: 100% !important;
    }

.bread-crumbs {
    padding: 10px 0 8px;
}

}

/* 分离的内联样式 */
.search-input-width {
    width: 200px;
}

.min-width-80 {
    min-width: 80px;
}

.dcpfed-width {
    width: 79%;
}

.font-size-small {
    font-size: 0.875rem;
}

.sidebar-width {
    width: 140px;
}

.avatar-upload-style {
    background-size: cover;
    background-position: center;
}

.inline-block-min-width {
    min-width: 80px;
    display: inline-block;
}

.user-login-style {
    visibility: visible;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    min-width: 60px;
    width: 60px;
    display: flex;
    align-items: center;
}

.padding-left-15 {
    padding-left: 15px;
}

/* 从 d_index.html 移动的样式 */
.dc-login a{
   color: #fff!important;
	  text-decoration: none;
}

.dc-login {
padding: 0 10px 0 10px;
--tblr-btn-padding-y: 0.3125rem;
--tblr-btn-padding-x: 0.5rem;
margin-right:20px;
margin-left: 10px;	

}

/* 登录弹窗样式 */
.ul123-login-container {
  display: flex;
  justify-content: center;
  gap: 40px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.ul123-login-item {
  text-align: center;
}

.ul123-login-link {
  text-decoration: none;
  color: inherit;
}

.ul123-login-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin-bottom: 8px;
}

.ul123-login-text {
  font-size: 14px;
  color: #333;
}

.ul123-login-link:hover {
  text-decoration: none !important;
}

.ul123-login-link:hover .ul123-login-text {
  text-decoration: none !important;
}

.container-xl .row>* {
    padding-right: calc(var(--tblr-gutter-x)* 1);
    padding-left: calc(var(--tblr-gutter-x)* 0.5);
    padding-top: calc(var(--tblr-gutter-x)* 0.5);
    padding-bottom: calc(var(--tblr-gutter-x)* 0.5);

}


@media (min-width: 1280px) {
    .main-content {
        margin-left: 200px;
        box-sizing: border-box;
    }
}

.main-content .container-xl .card {
    border: none;
    min-width: 260px;
}

.aside {
    width: 200px;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1020;
    box-sizing: border-box;
    padding-top: 70px;
    overflow-y: hidden;
    overflow-x: hidden;
    text-align: left;
    -webkit-transition: all .6s ease-in-out 0s;
    transition: all .6s ease-in-out 0s;
}

.sb-hd {
    font-size: 18px;
    line-height: 28px;
    color: #4b2e83;
    padding-left: 30px;
    font-weight: bold;
    margin-bottom: 15px;
}

.aside section {
    padding-left: 30px;
}

.aside a {
    color: #333;
    text-decoration: none;
    cursor: pointer;
}




/* 禁用分类按钮点击后的蓝色效果 */
.caidao .btn:focus,
.caidao .btn:active,
.caidao .btn.active:focus,
.caidao .btn.active:active {
    box-shadow: none !important;
    outline: none !important;
}

.caidao .btn:active,
.caidao .btn.active:active {
    background-color: inherit !important;
    border-color: inherit !important;
    color: inherit !important;
    font-style: normal;
}

.tree-panel {
    -webkit-user-select: none;
    user-select: none;
    margin-bottom: 20px;
}

.tree-panel .tp-hd {
    line-height: 32px;
    display: -webkit-box !important;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.tree-panel .tp-bd {
    padding-left: 20px;
    padding-top: 5px;
    overflow: hidden;
}

.tree-panel .tph-bd strong {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
	font-style: normal !important;
}

.tree-panel .tpb-item {
    display: block;
    line-height: 24px;
    font-size: 12px;
    color: #adadad;
    font-style: normal;
}

.tree-panel .tpb-item a:hover {
    color: #4b2e83 !important;
}


.aside li {
    list-style: none;
}

.tree-panel .tpb-item a {
    font-size: 14px;
    padding-right: 10px;
}

.navbar-purple {
    background: linear-gradient(230deg, #4b2e83, #5603ad, #4b2e83);
}

.navbar-purple .nav-link {
    color: #9CA3AF !important;
}

/* 导航栏菜单文字颜色 */
.navbar-purple .nav-link-title {
    color: #9CA3AF !important;
}

/* 导航栏图标 */

.navbar-purple .icon {
    filter: brightness(0) saturate(100%) invert(92%) sepia(8%) saturate(332%) hue-rotate(202deg) brightness(95%) contrast(92%);
}

/* 特定图标样式 - apps.svg */
img[src*="apps.svg"] {
    filter: brightness(0) saturate(100%) invert(92%) sepia(8%) saturate(332%) hue-rotate(202deg) brightness(95%) contrast(92%) !important;
}

/* 特定图标样式 - search.svg */
img[src*="search.svg"] {
    filter: brightness(0) saturate(100%) invert(92%) sepia(8%) saturate(332%) hue-rotate(202deg) brightness(95%) contrast(92%) !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.bread-crumbs {
  text-align: left;
  padding: 25px 0 20px;
  line-height: 26px;
  font-size: 14px;
}

.bread-crumbs li a {
  color: #666;
}

.bread-crumbs li :hover {
  color: #333;
  text-decoration: none;
}

.bread-crumbs strong {
  font-weight: normal;
  color: #666
}



/* 当前激活状态保持白色并加粗 */
.nav-item.active .nav-link,
.nav-item.active .nav-link-title {
    color: #fff !important;
    font-weight: bold !important;
}

/* 搜索输入框样式 */
.form-controls {
    border: 2px solid #330d70 !important;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    padding: 0 40px 0 12px !important;
    height: 40px;
    background-color: #370978 !important;
    z-index: 1;
    font-size: 14px;
    border-radius: 5px;
    color: #fff !important;
    vertical-align: top;
}

/* 搜索输入框占位符颜色 */
.form-controls::placeholder {
    color: #9CA3AF !important;
    opacity: 0.7;
}

/* 搜索图标容器 */
.input-icon-addon {
    background-color: transparent !important;
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10 !important;
    pointer-events: none !important;
}

/* 搜索图标 */
.input-icon-addon .icon {
    filter: brightness(0) saturate(100%) invert(92%) sepia(8%) saturate(332%) hue-rotate(202deg) brightness(95%) contrast(92%) !important;
    opacity: 1 !important;
    display: block !important;
}

/* 搜索输入框内的图标 */
.input-icon .input-icon-addon img {
    filter: brightness(0) saturate(100%) invert(92%) sepia(8%) saturate(332%) hue-rotate(202deg) brightness(95%) contrast(92%) !important;
    opacity: 1 !important;
    display: block !important;
}

/* 确保input-icon容器有相对定位 */
.input-icon {
    position: relative !important;
}

/* 导航栏按钮 */
.navbar-toggler {
    display: none;
    padding: 0;
    top: -3px;
    color: #fff !important;
}






.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23E5E7EB' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='m4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

/* 在小于1280px时显示按钮 */
@media (max-width: 1279px) {
    .navbar-toggler {
        display: block !important;
    }
}


/* 确保下拉菜单不受影响 */
.dropdown-menu {
    background-color: var(--tblr-bg-surface) !important;
    color: var(--tblr-body-color) !important;
}

.dropdown-item {
    color: var(--tblr-body-color) !important;
}

.btn-ghost-top.active {
    --tblr-btn-border-color: transparent;
    --tblr-btn-hover-border-color: transparent;
    --tblr-btn-active-border-color: transparent;
    --tblr-btn-color: var(--tblr-green-fg, #ffffff);
    --tblr-btn-bg: var(--tblr-green);
    --tblr-btn-hover-color: var(--tblr-green-fg);
    --tblr-btn-hover-bg: var(--tblr-green-darken);
    --tblr-btn-active-color: var(--tblr-green-fg);
    --tblr-btn-active-bg: var(--tblr-green-darken);
    --tblr-btn-disabled-bg: var(--tblr-green);
    --tblr-btn-disabled-color: var(--tblr-green-fg);
    --tblr-btn-box-shadow: var(--tblr-shadow-input);
}



.navbar-expand-md .nav-item.active:after {
    left: 5px !important;
    border: 0 var(--tblr-border-style) var(--tblr-green);
    border-bottom-width: 2px;
}

.avatar-xll {
    --tblr-avatar-size: 120px;
    --tblr-avatar-status-size: 1rem;
    --tblr-avatar-font-size: 2rem;
    --tblr-avatar-icon-size: 3rem;
    --tblr-avatar-brand-size: 1.25rem;
}

/* 头像图片样式 */
img.avatar {
    width: var(--tblr-avatar-size);
    height: var(--tblr-avatar-size);
    display: block;
}


/* 头像链接样式 */
a:has(img.avatar) {
    display: inline-block;
    text-decoration: none;
    overflow: hidden;
}

/* S
witch Icon 样式 - 红心图标交互 */
.switch-icon {
    position: relative;
    display: inline-block;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.switch-icon-scale:hover {
    transform: scale(1.1);
}

.switch-icon .switch-icon-a {
    display: inline-block;
    transition: opacity 0.2s ease;
}

.switch-icon .switch-icon-b {
    display: none;
    transition: opacity 0.2s ease;
}

.switch-icon.active .switch-icon-a {
    display: none;
}

.switch-icon.active .switch-icon-b {
    display: inline-block;
}

/* Kahr 容器样式 */
.kahr {
    padding: 0.75rem 0 0 0;
    border-top: 1px solid var(--tblr-border-color);
}


.card-body .kahr .row {
    margin-right: 0;
    margin-left: 0;
}

.card-body .kahr .row>* {
    padding-right: 0;
    padding-left: 0;
}


.card-body .kahr .text-secondary {
    margin-right: 8px;
}

/* Avatar List 样式 */
.avatar-list {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--tblr-body-color);
}

/* Badge Alt 样式 */
.badge-alt {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    border: 1px solid transparent;
}

.badge-alt.bg-blue-lt {
    color: var(--tblr-blue);
    background-color: var(--tblr-blue-lt);
    border-color: var(--tblr-blue-lt);
}

.badge-alt.bg-green-lt {
    color: var(--tblr-green);
    background-color: var(--tblr-green-lt);
    border-color: var(--tblr-green-lt);
}

.badge-alt.bg-azure-lt {
    color: var(--tblr-azure);
    background-color: var(--tblr-azure-lt);
    border-color: var(--tblr-azure-lt);
}

/* Link Secondary 样式 */
.link-secondary {
    color: var(--tblr-secondary) !important;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    transition: color 0.15s ease-in-out;
}

.link-secondary:hover {
    color: var(--tblr-body-color) !important;
}

/* 红心图标特殊样式 */
.switch-icon .icon-2 {
    transition: all 0.2s ease;
}

.switch-icon:hover .icon-2 {
    transform: scale(1.1);
}

.switch-icon .text-red {
    color: var(--tblr-red) !important;
}

/* 确保图标在按钮中居中 */
.switch-icon img {
    display: block;
}

.avatar-list .post-cate {
    display: inline-block;
    padding: 0 10px;
    line-height: 22px;
    height: 22px;
    background-color: #62af8a;
    border-radius: 5px 0 5px 0;
    font-size: 12px;
}

.avatar-list .post-cate .cate-tag {
    color: #fff;
    font-style: normal;
}

.avatar-list a {
    text-decoration: none;
}

.dc-pf1 {
    position: relative;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    width: 80px;
    height: 16px;
}

.dc-pf1 .img1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 14px;
    z-index: 1;
}

.dc-pf1 .dcpfed {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 2;
}

.dc-pf1 .img2 {
    width: 80px;
    height: 14px;
}

.dc-pf1 img {
    max-width: none;
    display: block;
}


.tagw {
    height: 30px;
    width: 30px;
    line-height: 30px;
    position: absolute;
    top: 2px;
    right: 3px;
    z-index: 10;
    font-size: 0;
    padding: 0;
    text-align: center;
}

.tagw i {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 1;
}

.wbicon.vip {
    background-position: 0 0;
    height: 24px;
    width: 24px;
}

.wbicon {
    display: inline-block;
    background-image: url(/template/img/wbicon.png);
    background-size: 24px auto;
}

/* 桌面端皇冠图标样式 */
.crown-badge {
    position: absolute;
    top: 0;
    right: 2px;
    width: 24px;
    height: 24px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}

.crown-badge .wbicon.vip {
    width: 24px;
    height: 24px;
}

/*
 UL123风格的卡片悬停效果 - 基于现有card结构 */
.row-cards .card {
    transition: all 0.3s cubic-bezier(0.31, 1, 0.34, 1);
    cursor: pointer;
}

/* 关键的悬停效果  */
.row-cards .card:hover {
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.35);
}


/* 卡片标题的悬停效果 - 这里可以修改颜色 */
.row-cards .card:hover .card-title {
    color: #000;
}





/* 移除搜索框的外发光效果 */
.form-controls:focus {
    box-shadow: none !important;
    outline: 0 !important;
}

/* Bootstrap 5 Tooltip 自定义样式 */
.tooltip {
    font-size: 16px;
}

.tooltip .tooltip-inner {
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    padding: 8px 12px;
    border-radius: 6px;
    text-align: left;
    line-height: 1.4;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    max-width: 270px;
}

.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: rgba(0, 0, 0, 0.9);
}

.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: rgba(0, 0, 0, 0.9);
}

.tooltip.bs-tooltip-start .tooltip-arrow::before {
    border-left-color: rgba(0, 0, 0, 0.9);
}

.tooltip.bs-tooltip-end .tooltip-arrow::before {
    border-right-color: rgba(0, 0, 0, 0.9);
}

.d-icon {
    filter: brightness(0) invert(1);
}

.navbar-search {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #370978;
    padding: 0 12px;
    border-radius: 5px;
    display: flex;
    align-items: center;
}

.navbar-search .form-controls {
    border: none;
    background-color: transparent;
    color: #fff;
    height: 100%;
    padding: 0;
    font-size: 14px;
}

.navbar-search .input-icon-addon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.navbar-search .input-icon-addon .icon {
    filter: brightness(0) saturate(100%) invert(92%) sepia(8%) saturate(332%) hue-rotate(202deg) brightness(95%) contrast(92%) !important;
    opacity: 1 !important;
    display: block !important;
}

/* 响应式调整 */
@media (max-width: 576px) {

    .avatar-list {
        font-size: 0.8rem;
    }

    .link-secondary {
        font-size: 0.8rem;
    }
}

/* 确保导航栏在所有屏幕尺寸下都有正确的z-index */
.navbar {
    z-index: 1060 !important;
}

/* 移动端搜索栏样式 */
.mobile-search-bar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 57px;
    background: linear-gradient(230deg, #4b2e83, #5603ad, #4b2e83);
    z-index: 1070;
    transform: translateY(-100%);
    transition: transform 0.3s ease;
    display: none;
}

.mobile-search-bar.show {
    transform: translateY(0);
}

.mobile-search-content {
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 15px;
    gap: 15px;
}

.mobile-search-back {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s ease;
}

.mobile-search-back:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.mobile-search-back .icon {
    filter: brightness(0) saturate(100%) invert(92%) sepia(8%) saturate(332%) hue-rotate(202deg) brightness(95%) contrast(92%) !important;
}

.mobile-search-form {
    flex: 1;
}

.mobile-search-form .form-controls {
    height: 36px;
    font-size: 14px;
    padding: 0 40px 0 12px !important;
}


.widget-tags a {
    color: #333;
}

/* 在小于768px时显示移动端搜索 */
@media (max-width: 767px) {
    .mobile-search-bar {
        display: none;
    }

    .mobile-search-bar.show {
        display: block;
    }

}



@media (max-width: 1280px) {
    .aside {
        transform: translateX(-100%);
        transition: transform 0.3s ease;
        background-color: #ffffff;
        box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
        z-index: 1050;
        width: 200px;
    }

    .aside.show {
        transform: translateX(0);
    }

}


/* 大屏幕下navbar-brand居左对齐 */
@media (min-width: 729px) {
    .navbar > .container-xl {
        justify-content: flex-start !important;
    }
    
    .navbar-brand {
        margin-right: auto !important;
    }
}

/* 左侧导航在小屏幕下的处理 */
@media (max-width: 1279px) {

    /* logo在小屏幕下向右移动80px */
    .navbar-brand {
        margin-left: 10px !important;
    }

    /* 隐藏通知和应用菜单图标及其相关区块 */
    .nav-item.dropdown.d-none.d-md-flex {
        display: none !important;
    }

    /* 确保主题切换按钮在小屏幕下可见 */
    .nav-item:has(.hide-theme-dark, .hide-theme-light) {
        visibility: visible !important;
    }


    .main-content {
        margin-left: 0;
    }

    .icond {
        --tblr-icon-size: 2rem;
        filter: brightness(0) invert(1);
        color: #fff !important;

    }


    /* 遮罩层 */
    .sidebar-overlay {
        position: fixed;
        top: 57px;
        /* 从导航栏下方开始 */
        left: 0;
        width: 100%;
        height: calc(100vh - 57px);
        /* 调整高度 */
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1040;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
    }

    .sidebar-overlay.show {
        opacity: 1;
        visibility: visible;
    }

    /* 确保侧边栏内容在移动端可见 */
    .aside .sb-hd {
        color: #4b2e83;
        padding-top: 10px;
    }

    .aside .tree-panel .tpb-item a {
        color: #333;
    }
}

/* 隐藏移动端侧边栏中的广告图片 */
@media (max-width: 1279px) {
    .aside .spmg-top {
        display: none !important;
    }
}

/* 确保主内容区域的滚动条样式 */
.main-content::-webkit-scrollbar {
    width: 8px;
}

.main-content::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.main-content::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border-radius: 4px;
}

.main-content::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* 左侧导航滚动条样式 */
.aside::-webkit-scrollbar {
    width: 6px;
}

.aside::-webkit-scrollbar-track {
    background: transparent;
}

.aside::-webkit-scrollbar-thumb {
    background: #d1d5db;
    border-radius: 3px;
}

.aside::-webkit-scrollbar-thumb:hover {
    background: #9ca3af;
}

/* 响应式卡片布局 */
/* 大于1280px: 一行4个卡片 (默认 col-xl-3) */
@media (min-width: 1280px) {
    .row-cards .col-xl-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
}

/* 768px-1279px: 一行3个卡片 */
@media (min-width: 1279px) and (max-width: 1600px) {
    .row-cards .col-xl-3 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}

@media (min-width: 850px) and (max-width: 1199px) {
    .row-cards .col-xl-3 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
}


/* 530px-767px: 一行2个卡片 */
@media (min-width: 728px) and (max-width: 849px) {
    .row-cards .col-xl-3 {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

/* 默认显示桌面端内容，隐藏移动端内容 */
.mobile-card-content {
    display: none;
}

.desktop-card-content {
    display: block;
}

/* 移动端卡片样式 - 小于728px */
@media (max-width: 727px) {


    .widget-hot {
        padding-top: 10px !important;
    }

    .container-fluid {
        padding-top: 20px;
    }

    /* 隐藏顶部导航按钮组 */
    .container-xl .row.caidao {
        display: none !important;
    }

    /* 隐藏用户下拉菜单 */
    .nav-item.dropdown {
        display: none !important;
    }

    /* 显示主题切换按钮 - 覆盖Bootstrap的d-none d-md-flex */
    .d-none.d-md-flex:has(.hide-theme-dark, .hide-theme-light) {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 确保主题切换按钮内的nav-item可见 */
    .d-none.d-md-flex .nav-item:has(.hide-theme-dark, .hide-theme-light) {
        visibility: visible !important;
    }


    .container-fluid .mt-5 {
        margin: 0 !important;
    }

 .mt-8 {

    }

    /* 禁用移动端tooltip */
    .tooltip {
        display: none !important;
    }

    /* 隐藏移动端翻页输入框和确定按钮 */
    .mod-pagination .pagination-goto,
    .mod-pagination .submit {
        display: none !important;
    }

    /* 显示移动端内容，隐藏桌面端内容和简洁模式 */
    .mobile-card-content {
        display: flex !important;
        flex-direction: row;
        align-items: flex-start;
        gap: 1rem;
        padding: 1rem;
        width: 100%;
    }

    .desktop-card-content {
        display: none !important;
    }

    /* 在移动端隐藏简洁模式卡片内容，但不影响简洁模式下的移动端显示 */
    .card-body.jianjie {
        display: none !important;
    }
    
    /* 简洁模式下的简洁卡片在移动端也要隐藏 */
    .jianjie-card {
        display: none !important;
    }

    /* 卡片容器 - 一行一个，全宽度 */
    .row-cards .col-xl-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .container-xl .row>* {
        padding-top: 0;
        padding-bottom: 0;
    }



    /* 移动端卡片布局 - 横向排列 */
    .row-cards .card {
        position: relative;
        border-radius: 12px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        overflow: visible;
        background: #fff;
    }

    .row-cards .card:hover {
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
        transform: translateY(-2px);
    }

    /* 移动端卡片左侧头像 */
    .mobile-card-left {
        flex-shrink: 0;
        position: relative;
        width: 110px;
        height: 100%;
        display: flex;
        align-items: stretch;
        overflow: hidden;
        border-radius: 8px;
    }

    .mobile-card-left .avatar-mobile {
        width: 110px;
        height: 100%;
        object-fit: cover;
        display: block;
        border-radius: 8px;
    }

    /* 移动端卡片中间内容区域 */
    .mobile-card-center {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        text-align: left;
        justify-content: flex-start;
        padding-left: 0.75rem;
        margin-top: 0.7rem;
    }

    /* 移动端卡片第一行 - 分类标签和评分 */
    .mobile-card-row1 {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        width: 100%;
        margin-bottom: 0.25rem;
    }

    /* 移动端分类标签 */
    .mobile-card-category {
        flex-shrink: 0;
    }

    .mobile-card-category .post-cate {
        padding: 0.25rem 0.5rem;
        font-size: 0.75rem;
        border-radius: 4px;
        background-color: #10b981;
        display: inline-block;
        text-decoration: none;
        line-height: 1.2;
    }

    .mobile-card-category .post-cate .cate-tag {
        color: #fff;
        font-style: normal;
        font-weight: 500;
    }

    /* 移动端评分容器 - 左对齐在分类标签右边 */
    .mobile-card-rating-crown {
        display: flex;
        align-items: center;
        flex: 1;
    }

    /* 移动端评分星星 */
    .mobile-card-rating {
        display: flex;
        align-items: center;
        gap: 1px;
    }

    .mobile-card-rating .star {
        color: #d1d5db;
        font-size: 0.875rem;
        line-height: 1;
    }

    .mobile-card-rating .star.filled {
        color: #fbbf24;
    }

    /* 移动端皇冠图标 - 定位到LOGO右上角 */
    .mobile-crown {
        position: absolute;
        top: 1px;
        right: 4px;
        width: 24px;
        height: 24px;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-crown .wbicon.vip {
        width: 22px;
        height: 22px;

    }

    /* 移动端卡片标题 */
    .mobile-card-title {
        font-size: 1rem;
        font-weight: 400;
        color: #6b7280;
        margin: 0.25rem 0;
        line-height: 1.3;
        /* 文本截断样式 - 单行显示，超过30个字符隐藏 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    /* 移动端统计信息 */
    .mobile-card-stats {
        display: flex;
        align-items: center;
        gap: 1rem;
        font-size: 0.875rem;
        color: #6b7280;
        margin-top: 0.25rem;
    }

    .mobile-stat-item {
        display: flex;
        align-items: center;
        gap: 0.25rem;
        color: #6b7280;
    }

    .mobile-stat-item .switch-icon {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
    }

    .mobile-stat-item .icon {
        width: 16px;
        height: 16px;
        opacity: 0.6;
    }

    /* 隐藏原来的VIP标签，使用新的移动端皇冠 */
    .row-cards .card .tagw {
        display: none;
    }

    /* 容器间距调整 */
    .container-xl {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .row-cards {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }

    .row-cards>* {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .container-xl .row>* {
        padding-right: calc(var(--tblr-gutter-x)* 0.5);
        padding-left: calc(var(--tblr-gutter-x)* 0.5);
    }

}

/* 小于800px时隐藏footer */
@media (max-width: 799px) {
    .footer {
        display: none !important;
    }

    /* 当footer隐藏时，给主内容区域增加20px底部间距 */
    .main-content {
        padding-bottom: 20px;
    }
}

/* 小于728px时隐藏四个按钮和评分部分 */
@media (max-width: 727px) {

    .sidebar-right .btn-sm.bg-azure,
    .sidebar-right .btn-sm.bg-yellow,
    .sidebar-right .btn-sm.bg-orange,
    .sidebar-right .btn-sm.bg-cyan {
        display: none !important;
    }

    /* 隐藏整个评分部分 */
    .dc-th3:has-text("评分"),
    h3.dc-th3:contains("评分"),
    .marks,
    .score-box {
        display: none !important;
    }

    /* 更精确的选择器 - 隐藏包含"评分"文字的标题及其后续评分相关元素 */
    .article-detail h3.dc-th3:nth-of-type(3),
    .article-detail .marks.clear.cx1,
    .article-detail .score-box.text-center.clear {
        display: none !important;
    }

    .article-detail {
        padding: 0 !important;
    }

    .sidebar-right {
        padding: 0 !important;
    }

}

@media (max-width: 600px) {

    .mobile-card-left .avatar-mobile {
        width: 90px;
    }

    /* 小于600px时，图片和dataList布局调整 */
    .data .d-flex.align-items-start {
        flex-direction: column !important;
        align-items: center !important;
    }

    /* 图片居中显示 */
    .data .roundeds.me-3.img-fluid {
        margin: 0 auto 20px auto !important;
        display: block !important;
    }

    /* dataList部分换行并居中对齐 */
    .data .dataList.flex-grow-1 {
        width: 100% !important;
        flex-grow: 0 !important;
    }

    .data .dataList {
        padding: 0 !important;
    }


    .mobile-card-left {
        width: 90px;
    }


    .mobile-card-content {
        padding: 0.8rem;
    }

    .mobile-card-center {
        margin-top: 0;
    }

    .mobile-card-row1 {
        margin-bottom: 0;
    }


}

@media (max-width: 480px) {

    /* 确保导航栏固定在顶部 */
    .navbar {
        position: fixed !important;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1060;
        width: 100vw;
    }

    .mobile-card-left .avatar-mobile {
        width: 76px;
    }

    .mobile-card-left {
        width: 76px;
    }


    .mobile-card-content {
        padding: 0.3rem 0.3rem 0.3rem 0.5rem;
    }

    .mobile-card-title {
        font-size: 0.9rem;
        margin: 0;
        /* 文本截断样式 - 单行显示，超过30个字符隐藏 */
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    .mobile-card-stats {
        font-size: 0.875rem;
        margin-top: 0;
    }

    .main-detail .card.content {
        padding: 15px !important;
    }

    .container-xl {
        padding-left: 0;
        padding-right: 0;
    }

}


.mod-pagination .prev {
    background-image: url(/template/img/arrow-left-white.svg);
}

.mod-pagination .next {
    background-image: url(/template/img/arrow-left-white.svg);
}


.mod-pagination {
    height: 30px;
    padding: 10px 0 15px;
    font-size: 0;
    text-align: center;
    vertical-align: middle
}

.mod-pagination button {
    display: inline-block;
    border: 0;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .1);
    outline: 0
}

.mod-pagination .next,
.mod-pagination .prev,
.mod-pagination .submit {
    width: 70px;
    height: 30px;
    overflow: hidden;
    text-indent: -99em;
    background-color: #f60;
    background-repeat: no-repeat
}

.mod-pagination .submit {
    text-indent: 0;
    text-align: center;
    color: #fff;
    font-size: 14px;
    vertical-align: middle
}

.mod-pagination .prev {
    background-position: center 3px;
}

.mod-pagination .next {
    background-position: center 3px;
    transform: scaleX(-1);
    /* 水平翻转箭头方向，变成右箭头 */
}

.mod-pagination button.disabled,
.mod-pagination button[disabled] {
    background-color: #cdd1d5;
    cursor: default
}

.mod-pagination .pagination-goto,
.mod-pagination .pagination-status {
    display: inline-block;
    height: 30px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle
}

.mod-pagination .pagination-status span {
    padding: 0 5px
}

.mod-pagination .pagination-goto input {
    width: 50px;
    height: 28px;
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #e8e8e8;
    border-radius: 3px;
    text-align: center;
    outline: 0
}

.mod-pagination .pagination-goto input:focus {
    border-color: #ccc
}

.page {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.main-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.footer {
    position: relative;
    background-color: #ececec;
    width: 100%;
    z-index: 40;
    padding: 0;
    margin-top: auto;
    margin-top: 30px;
    flex-shrink: 0;
}

.footer p {
    margin: 0;
}

.footer .copyrights {
    padding: 25px 20px 18px;
    text-align: center;
    font-size: 14px;
    line-height: 24px
}

.footer .copyrights a {
    color: inherit
}


.main-content .row .col-auto {
    padding-right: 0;
}


.mark-left {
    width: 40%;
    height: 100px;
    font-size: 56px;
    color: #ffad1f;
    padding: 18px 10px 28px 20px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}

.mark-left .num {
    transition: all 0.3s ease;
}

.mark-left p {
    font-size: 14px;
    color: #505050;
}

.mark-left .many {
    margin-left: 20px;
    margin-top: 28px;
}

.score-detail {
    margin-bottom: 10px;
}

.scoreblack {
    position: relative;
    width: 102px;
    height: 18px;
}

.scorelight {
    position: absolute;
    height: 18px;
    left: 0;
    top: 0;
    z-index: 99;
}

.scoreblack span,
.scorelight span {
    float: left;
    width: 18px;
    height: 18px;
    margin-right: 3px;
    background-position: -880px 0;
}

.scorelight span {
    background-position: -898px 0;
}

.mark-right {
    border-left: 1px solid #eeeeee;
    width: 60%;
    padding: 0 60px;
    box-sizing: border-box;
}

.mark-right label,
.mark-right span {
    display: inline-block;
}

.mark-right>div {
    margin-bottom: 2px;
}

.mark-right label {
    font-size: 12px;
    color: #aaaaaa;
    margin-right: 18px;
}

.mark-right span {
    font-size: 14px;
    color: #505050;
    margin-left: 18px;
}

.mark-right .bar {
    position: relative;
}

.mark-right .bar,
.mark-right .bar-active {
    width: 80%;
    height: 8px;
    background: #eeeeee;
    display: inline-block;
    border-radius: 30px;
}

.mark-right .bar-active {
    background: #0db252;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
}

.marks {
    overflow: hidden;
    clear: both;
    margin: 0 auto;
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: nowrap;
    padding: 24px 0;
    width: 100%;
}

.score-box {
    overflow: hidden;
}

.score-box p {
    font-size: 14px;
}

.score-box {
    border-top: 1px dashed #dcdcdc;
    margin: 0 auto;
    padding-top: 20px;
    color: #808080;
}

.score-box p {
    display: inline-block;
    margin-top: 15px;
    margin-right: 20px;
    vertical-align: middle;
}

.score-box .btn {
    width: 88px;
    height: 30px;
    background: #f4f4f4;
    float: right;
    line-height: 30px;
    border: 1px solid #eeeeee;
    box-sizing: border-box;
    border-radius: 4px;
    margin-top: 7px;
}

.score-box .btn:hover {
    background: #0db252;
    border: none;
    color: #FFFFFF;
    text-decoration: none;
}

.grade {
    display: inline-block;
    margin-top: 10px;
}

.grade li {
    display: inline-block;
    width: 31px;
    height: 31px;
    margin-right: 5px;
    list-style: none;
}

.grade li span {
    display: inline-block;
    width: 31px;
    height: 31px;
    background-position: -913px -36px;
    cursor: pointer;
}

.grade li span.active {
    background-position: -882px -36px;
}

.grade li span.active2 {
    background-position: -882px -36px;
}

.grade li span {
    background: url("/template/img/pt-img16.png") no-repeat center center;
    background-size: 31px auto !important;
}

.grade li span.active,
.grade li span.active2 {
    background: url("/template/img/pt-img15.png") no-repeat center center;
}

/* 星级悬停选择效果 */
.grade li span {
    transition: all 0.2s ease;
}

/* 星级悬停效果 - 先让所有星星在悬停时都亮起 */
.grade:hover li span {
    background: url("/template/img/pt-img15.png") no-repeat center center;
}

/* 然后让悬停星星之后的星星变回灰色 */
.grade li:hover~li span {
    background: url("/template/img/pt-img16.png") no-repeat center center;
}

/* 悬停的星星放大效果 */
.grade li span:hover {
    transform: scale(1.1);
}

.grade li span {
    transition: all 0.3s ease;
}

/* 悬停状态样式 - 区分悬停和选中状态 */
/* 4星评级显示 */
.rating-display {
    font-size: 18px;
    color: #ffc107;
    margin-top: 5px;
    margin-left: 20px;
}


.scoreblack,
.score-show2>span {
    background: url("/template/img/pt-img12.png") no-repeat left center;
}

.scorelight,
.score-show2>span>i {
    background: url("/template/img/pt-img13.png") no-repeat left center;
}

.score-show2>span,
.score-show2>span>i {
    background-size: auto 12px;
}


.grade li span {
    display: inline-block;
    width: 31px;
    height: 31px;
    cursor: pointer;
}

.bktop {
    display: none;
    width: 56px;
    height: 56px;
    background: #565d6e url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABuBAMAAAA0dTvIAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURUxpcVRbb2BmeP///1Vcb6istpabptHT2PTmitcAAAADdFJOUwB57K03qDIAAAFoSURBVFjD7ZhNTsMwEEYHTkARBwApwL6Vw5oo8QEw9AL2DdrenyQKBcF8n+NZIJA8qyjS03MUz49GRGTT9CXRbWSO67407ibsoi+Pq5G7MXDPNt0kvDRxt6ZjTge1co2J66S3ReUqV7l/z/k3EC+cO+xQvDLOQ2y3ZdyAudbIOeM5KdcZz9kHyB0p16H/t6/5ULm/xd2fGgvnf+TOOi6OyZPKOa8k6xouztmaSjmvVoc8F5fykMo4D8pRjovnepRKOA/rH+filwKY1nOeFFzGLboDEWrc0l3cQIQaFz46ZcBCwbrzU7uOC5+NGQuF6JhQmI4IhemIUKgOC4XqsFC4DgqF66BQMjoklIxOf/edC9oMpwpFGXuc+s1bzA3qyLgI2xzn9CvkMOfBZQwZ3zzutiAjj4R7BNk9Cp8y87VaTYbcPOj3eo99qPNg5SpXuWKuMWHdr+8/rXta617Yuoc2772te3bbXv8dWlIgErWBTswAAAAASUVORK5CYII=) center no-repeat;
    background-size: 50px 50px;
    font-size: 0;
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 60;
    opacity: .3;
    border-radius: 28px;
    -webkit-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
}

.bktop:hover {
    opacity: 0.5
}


.font-weight-medium {
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* 当文字过长时自动调整字体大小 */
@media (max-width: 768px) {
    .font-weight-medium {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .font-weight-medium {
        font-size: 13px;
    }
}

/* 为卡片容器添加容器查询支持 */
.card-body {
    container-type: inline-size;
}

/* 使用CSS容器查询来根据容器宽度调整字体大小 */
@container (max-width: 200px) {
    .font-weight-medium {
        font-size: 13px;
    }
}

@container (max-width: 150px) {
    .font-weight-medium {
        font-size: 12px;
    }
}

/* 响应式布局样式 */
@media (max-width: 1200px) {
    .container-xl .row>* {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .row-cards {
        margin-left: -0.5rem;
        margin-right: -0.5rem;
    }

    .row-cards>* {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .container-xl .row>* {
        padding-right: calc(var(--tblr-gutter-x)* 0.5);
        padding-left: calc(var(--tblr-gutter-x)* 0.5);
    }
}



.bktop:active {
    transform: translateY(-1px);
}

/* 移动端适配 */
@media (max-width: 768px) {
    .bktop {
        right: 20px;
        bottom: 20px;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 11px;
    }
}

/* 简洁模式皇冠图标样式 */
.jianjie-crown {
    top: 2px;
    right: 2px;
    width: 12px;
    height: 12px;
}

/* 卡片容器样式 */
.card-container {
    position: relative;
    overflow: hidden;
    border-radius: 0.4rem;
}

/* 卡片浮动操作层 */
.card-action-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 26px;
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 10;
    border-bottom-left-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    margin: 0;
    border: none;
}

/* 鼠标悬停时显示浮动层 */
.card-container:hover .card-action-overlay {
    opacity: 1;
    visibility: visible;
}

/* 操作按钮容器 */
.action-buttons {
    display: flex;
    gap: 8px;
    align-items: center;
}

/* 操作按钮样式 */
.action-btn {
    width: 24px;
    height: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    padding: 0;
}

.action-btn:hover {
    background: rgba(255, 255, 255, 0.2);
}

.action-btn img {
    width: 16px;
    height: 16px;
    filter: brightness(0) invert(1);
}

.desktop-card-content {
    display: block;
  }

  .jianjie-card {
    display: none;
  }

  /* 简洁模式：隐藏桌面端详细卡片，显示简洁卡片 */
  .simple-mode .desktop-card {
    display: none;
  }

  .simple-mode .jianjie-card {
    display: block;
  }

  /* 移动端内容在简洁模式下也隐藏，但在小于728px时需要显示 */
  .simple-mode .mobile-card-content {
    display: none;
  }

  /* 小于768px时隐藏简洁模式切换按钮和登录按钮 */
  @media (max-width: 767px) {
    #simple-mode-toggle {
      display: none !important;
    }
    
    /* 小于768px时隐藏登录按钮 */
    #user_login {
      display: none !important;
    }
  }

  /* 小于728px时，简洁模式下显示移动端内容 */
  @media (max-width: 727px) {
    /* 在移动端，简洁模式下显示包含移动端内容的桌面卡片 */
    .simple-mode .desktop-card {
      display: block !important;
    }
    
    .simple-mode .mobile-card-content {
      display: flex !important;
    }
    
    /* 隐藏桌面端详细内容 */
    .simple-mode .desktop-card-content {
      display: none !important;
    }
    
    .simple-mode .jianjie-card {
      display: none !important;
    }
  }

  /* 简洁模式下的卡片样式调整 */
  .simple-mode .card {
    min-height: auto;
  }

  /* 简洁模式下隐藏VIP标签 */
  .simple-mode .tagw {
    display: none !important;
  }

  /* 去掉简洁模式图标的白色边线 */
  #simple-mode-toggle {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
  }

  #simple-mode-toggle .icon {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }

  #simple-mode-toggle:hover,
  #simple-mode-toggle:focus,
  #simple-mode-toggle:active {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
  }
/* 左侧菜
单样式 */
.list-group-item-action {
    text-decoration: none !important;
}

.list-group-item-action:hover {
    text-decoration: none !important;
}

.subheader {
    font-weight: 350;
    color: #9ca3af !important;
}

.d-none {
    display: none;
}

.d-inline-block {
    display: inline-block;
}

.avatar-upload-preview {
    background-size: cover;
    background-position: center;
}

.screenshot-preview {
  background-size: cover;
  background-position: center;
}

/* 新增样式类 */
.max-height-400 {
  max-height: 400px;
}

.overflow-y-auto {
  overflow-y: auto;
}

.cursor-pointer {
    cursor: pointer;
}

.avatar-default-bg {
    background-image: url(/template/img/000.jpg);
}

.min-width-140 {
    min-width: 140px;
}

.max-width-200 {
    max-width: 200px;
}

/* 动画样式类 */
.delete-animation {
  transition: all 0.3s ease;
  opacity: 0;
  transform: translateX(-100%);
}

.add-animation {
  opacity: 0;
  transform: translateX(-100%);
}

.add-animation-show {
  transition: all 0.3s ease;
  opacity: 1;
  transform: translateX(0);
}