@font-face {
    font-family: "阿里妈妈方圆体 VF Regular";src: url("https://i.logr.cn/usr/themes/Jasmine/assets/font/AlimamaFangYuanTiVF-Thin.woff2") format("woff2"),
  url("https://i.logr.cn/usr/themes/Jasmine/assets/font/AlimamaFangYuanTiVF-Thin.woff") format("woff");
  font-display: swap;
}

:root, [data-bs-theme=dark] {
    --bs-font-sans-serif: "阿里妈妈方圆体 VF Regular", -apple-system, SF UI Text, Arial, sans-serif;
    --bg-auto-rgb: 10, 12, 25;
    --link-color-rgba: 222, 226, 230, 0.8;
    --link-color-second-rgba: 222, 226, 230, .65;
    --primary-color-rgba: 13, 110, 253;
    --primary-bg-rgba: 13,110,253, .2;

}

:root, [data-bs-theme=light] {
    --bg-auto-rgb: 242, 241, 246;
    --bs-font-sans-serif: "阿里妈妈方圆体 VF Regular", -apple-system, SF UI Text, Arial, sans-serif;
    --link-color-rgba: 0, 0, 0, 1;
    --link-color-second-rgba: 0, 0, 0, .65;
    --primary-color-rgba: 13, 110, 253;
    --primary-bg-rgba: 13,110,253, .2;
}

/*:root, [data-bs-theme=light] {阿里妈妈方圆体 VF Regular*/
/*    --bg-auto-rgb: 245,245,244;*/
/*    --bs-font-sans-serif: 'hm', sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";*/
/*    --link-color-rgba: 0, 0, 0, 1;阿里妈妈方圆体 VF Light*/
/*    --link-color-second-rgba: 0, 0, 0, .65;*/
/*    --primary-color-rgba: 0, 0, 0, 1;*/
/*    --primary-bg-rgba: 0, 0, 0, .2;*/
/*}*/

article,.articles1 {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.5s ease, transform 0.5s ease;
}



article.visible,.articles1.visible {
  opacity: 1;
  transform: translateY(0);
}

html {
    scroll-padding-top: 120px;
overflow-x: hidden; 
}


*, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--bs-font-sans-serif) !important;
  }

a {
    text-decoration: none;
    color: rgba(var(--link-color-rgba));
    transition: .15s all ease-in-out;
}

a:hover, a:focus, a:focus-visible {
    text-decoration: none;
    color: rgba(var(--primary-color-rgba));
}

.bg-auto {
    --bg-auto-opacity: 1;
    background-color: rgba(var(--bg-auto-rgb), var(--bg-auto-opacity)) !important;

}

#left {
    min-height: 100vh;
    z-index: 1030;
}



#left .nav-link i {
    font-size: 24px;
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    padding-right: 6rem !important;
    padding-left: 1rem !important;
    border-radius: 0;
    transition: all .15s ease-in-out;

}
#left .nav-link i span { font-size:16px;padding-top: 0.46rem !important;}

#left  a:hover {
    background: rgba(var(--primary-bg-rgba));
    color: rgba(var(--primary-color-rgba));
}
.leftIHover {
    background: rgba(var(--bs-primary-rgb));
    color: #fff;
}
.leftIHover span,.leftIHover i {
color: #fff;
}

#left .nav-item:hover .nav-item-title {
    display: block;
    /*background: rgba(var(--primary-bg-rgba));*/
    color: rgba(var(--primary-color-rgba));
    transition: all .15s ease-in-out;
}

#middle .navbar-background {
    backdrop-filter: blur(6px);
}

#middle #form-search-icon {
    color: rgba(var(--link-color-second-rgba));
}

#middle #form-search-icon:hover {
    background: rgba(var(--primary-bg-rgba));
    color: rgba(var(--primary-color-rgba));
}

#middle #search-input, #middle #search-input-mobile {
    width: 0;
    transition: all .25s ease-in-out;
    background: rgba(0, 0, 0, 0);
}

#middle #search-input:focus, #middle #search-input:focus-visible {
    outline: none;
    width: 150px;
}

#middle #navbarNavLeft .nav-link {
}

#middle .navbar-nav .active, #middle #navbarNavLeft .nav-link:hover {
    color: rgba(var(--primary-color-rgba));
    box-shadow: 0 -6px 0 0 rgba(var(--primary-bg-rgba)) inset;
    transition: all .25s ease-in-out;
}
.topactive{
background: rgba(var(--bs-primary-rgb));
    color: #fff;
}

#middle .thumbnail {
    width: 200px;
    height: 130px;
    flex: 0 0 auto;
    background-origin: border-box;
    background-position: 50%;
    background-size: cover;
}

#middle #index-content a {
    color: rgba(var(--link-color-rgba));
}

#middle #index-content a:hover {
    color: rgba(var(--primary-color-rgba));
}

#middle .top-up-flag, #middle .read-more {
    color: rgba(var(--primary-color-rgba));
}


#middle .moment-body {
    background: rgba(var(--primary-bg-rgba));
    border-radius: 0 8px 8px 0; /* 仅右侧圆角 */
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    padding: 12px 15px;
    margin-bottom: 10px;
    position: relative;
}

#middle .moment-body::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: rgba(var(--bs-primary-rgb)); /* 左侧装饰线条颜色 */
}

#content img {
    display: block;
    max-width: 100%;
    height: auto;
}

#pagination a, .sub-category a {
    position: relative;
    display: block;
    padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
    font-size: var(--bs-pagination-font-size);
    color: rgba(var(--link-color-second-rgba)) !important;
    text-decoration: none;
    background-color: rgb(var(--bg-auto-rgb));
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border-radius: 0;
}

#pagination .current a, #pagination a:hover, .sub-category a:hover {
    z-index: 3;
    background: rgba(var(--primary-bg-rgba));
    color: rgba(var(--primary-color-rgba)) !important;
}

#post-article a {
    color: rgba(var(--link-color-rgba));
}

#post-article a:hover {
    color: rgba(var(--primary-color-rgba));
}

#post-content a {
    color: rgba(var(--primary-color-rgba));
    box-shadow: 0 -6px 0 0 rgba(var(--primary-bg-rgba)) inset;
    transition: box-shadow 0.2s ease-in;
}

#post-content a:hover {
    color: rgba(var(--primary-color-rgba));
    box-shadow: 0 -10px 0 0 rgba(var(--primary-bg-rgba)) inset;
    transition: box-shadow 0.2s ease-in;
}


#post-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 3px;
}

#post-content .tags {
    display: flex;
}

#post-content .tags a {
    color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
}

#post-content blockquote, .text-border-left {
    --bs-text-opacity: 1;
    color: rgba(var(--link-color-second-rgba)) !important;
    border-left: 4px solid rgba(var(--link-color-second-rgba));
    font-weight: 400;
    letter-spacing: 0.01rem;
    padding-left: 10px;
}

#post-content blockquote p:last-child {
    margin-bottom: 0;
}

.form-control, button {
    box-shadow: none !important;
}

.form-control:focus {
    border-color: rgba(var(--primary-color-rgba)) !important;;
}

.avatar {
    border-radius: 3px;
}

#comments a {
    color: rgba(var(--link-color-rgba));
}

#comments a:hover {
    color: rgba(var(--primary-color-rgba));
}

.comment-reply a {
    color: rgba(var(--primary-color-rgba)) !important;
    box-shadow: 0 -6px 0 0 rgba(var(--primary-bg-rgba)) inset;
    transition: all .25s ease-in-out;
}

.comment-reply a:hover {
    box-shadow: 0 -10px 0 0 rgba(var(--primary-bg-rgba)) inset;
}

.cancel-comment-reply {
    display: flex;
}

.cancel-comment-reply a {
    padding: 0.375rem 0.75rem;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    line-height: 1.5;
    border-radius: 0.375rem;
}

#comments button, .cancel-comment-reply a {
    background: rgba(var(--primary-bg-rgba));
    color: rgba(var(--primary-color-rgba)) !important;
    border: 0;
}

#comments button:hover, .cancel-comment-reply a:hover {
    background: rgba(var(--primary-bg-rgba));
    color: rgba(var(--primary-color-rgba));
    border: 0;
}

#right a {
    color: rgba(var(--link-color-second-rgba));
}

#right a:hover {
    color: rgba(var(--primary-color-rgba));
}

#mobile-navbar button {
    background: rgba(var(--primary-bg-rgba));
    color: rgba(var(--primary-color-rgba));
}

#mobile-navbar .list-group-item.active {
    background: rgba(var(--primary-bg-rgba));
}

#post-content h1, #post-content h2, #post-content h3 {
    display: inline-block;
    box-shadow: 0 -10px 0 0 rgba(var(--primary-bg-rgba)) inset;
    padding: 0 3px;
    font-size: calc(1.275rem + .3vw)!important
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }
    #post-content h1, #post-content h2, #post-content h3 {
        font-size: 1.5rem!important;
    }
}
.aicon {
border-left-color: #3498db;
            background-color: var(--bs-alert-bg)
            padding: 16px;
            margin: 25px 0;
            border-radius: 6px;
            border-left: 4px solid;
}

.comment--meta {
    display: flex;
    align-items: center;
    flex: 1 1 auto
}

.author--icon {
    --fill: #0095f6;
    --height: 14px;
    --width: 14px;
    fill: var(--fill);
    height: var(--height);
    width: var(--width);
    margin-left: 0px;
margin-bottom:5px;
}
.friend--icon {
    margin-left: 2px;
    width: 16px;
    height: 16px;
}

/* 清除默认背景色及状态样式 */
.list-group-item {
  background-color: transparent !important; /* 强制透明 */
  border-color: rgba(0,0,0,0.1); /* 可选：调整边框颜色 */
}

/* 清除悬停/激活状态的背景色 */
.list-group-item:hover,
.list-group-item:focus,
.list-group-item.active {
  background-color: transparent !important;
}
/* 图片容器居中 */
.weblogo {
 display: flex;
    justify-content: center;
    align-items: center;text-align: center; /*font-weight: bold;*/
font-size:22px;
}

/* 图片样式 */
.weblogo img {
  max-width: 100%;          /* 防止图片溢出 */
  max-height: 100%;
  display: block;           /* 消除图片底部间隙 */
margin: 0 auto;
}

/* 清除a标签hover效果 */
.weblogo a.nav-link {
  text-decoration: none;    /* 去除下划线 */
  background-color: transparent !important; /* 清除背景色 */
}
.weblogo a.nav-link:hover {
  opacity: 1 !important;    /* 防止透明度变化 */
  transform: none !important; /* 防止变形效果 */
}
/*友链页*/

.profile-card1 {
            display: flex;
            padding: 10px 10px;
            background-color: var(--bs-secondary-bg);
            border-radius: 8px;
            max-width: 400px;
            margin: 0 auto;
            /*font-family: 'Arial', sans-serif;*/
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
            transition: all 0.3s ease;
        }
        
        .profile-card1:hover {
            transform: translateY(-8px);
            box-shadow: 0 16px 18px rgba(0,0,0,0.15);
            background-color: var(--bs-primary-bg-subtle);
        }
        
        .avatar1 {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 12px;
            transition: transform 0.3s ease;
        }
        
        .profile-card1:hover .avatar1 {
            transform: scale(1.1);
        }
        
        .profile-content1 {
            flex-grow: 1;
        }
        
        .nickname1 {
            
            font-size: 14px;
            color: var(--bs-body-color);
            transition: color 0.3s ease;
        }
        
        .profile-card1:hover .nickname1 {
            color: #1a73e8;
font-weight:bold ;
        }
        
        .bio1 {
            font-size: 12px;
            color: #666;
            margin-top: 4px;
            transition: color 0.3s ease;

        }
        
        .profile-card1:hover .bio {
            color: #444;
        }
        
        .comment-count1 {
            align-self: center;
            background-color: var(--bs-tertiary-bg);
            color: var(--bs-light-text);
            padding:0 4px;
            border-radius: 12px;
            font-size: 12px;
            transition: all 0.3s ease;
        }
        
        .profile-card1:hover .comment-count1 {
            background-color: #1a73e8;
            color: white;
        }



adding-transition {
  transition: padding-left 0.5s ease-in-out !important;
}
.ps-5 {
  padding-left: 3rem !important;
}


/* 懒加载过渡效果 */
.lazyload {
    opacity: 0;
    transition: opacity 0.3s;
}
.lazyload.loaded {
    opacity: 1;
}

/* 灯箱自定义样式 */
.fancybox__container {
    --fancybox-bg: rgba(0,0,0,0.9);
}
.fancybox__toolbar {
    background: rgba(0,0,0,0.6);
}
.avatar-container {
  position: relative;
  display: inline-block;
}

.status-indicator {
 position: absolute;
    bottom: 1px;
    right: 9px;
    width: 16px;
    height: 16px;
    background-color: #2ecc71;
    border: 2px solid white;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    display: none; /* 默认隐藏 */
z-index: 10000;
}

/* 当链接有效时显示指示器 */
.profile-card1 .link-status:contains("(√)") ~ .avatar-container .status-indicator {
  display: block;
}

/* 状态颜色 */
.status-valid {
    background-color: #2ecc71; /* 绿色 - 有效链接 */
}

.status-invalid {
    background-color: #e74c3c; /* 红色 - 无效链接 */
}

.status-checking {
    background-color: #95a5a6; /* 灰色 - 检查中 */
}/* 悬停效果 */
.status-indicator:hover {
    transform: scale(1.2);
    box-shadow: 0 2px 5px rgba(0,0,0,0.3);
}

#startLuckyDraw {
  background-color: transparent; /* 透明背景，彻底弱化 */
  color: #198754;               /* 绿色文字，与主题呼应 */
  border: 1px solid #198754;    /* 绿色边框，保持识别性 */
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.3s ease;    /*  hover 时整体样式过渡 */
}

#startLuckyDraw:hover {
  background-color: #198754; /* hover 时背景填充，增强交互 */
  color: #ffffff;
}