.mobile{display:none;}
.border-radius5{border-radius:5px;}
.borderTL{border-top-left-radius: 5px;}
.borderTR{border-top-right-radius: 5px;}
.borderBR{border-bottom-right-radius: 5px;}
.borderBL{border-bottom-left-radius: 5px;}

.author-top{margin-top: -14px;}
.author-side-top{margin-top: 82px;}
/* background-color: #fff;  
#focusslide {
	width:63%;
	
	background-color: #fff;
}
#focusslide-right {
	width:30%;
	
	background-color: #fff;
}
*/
/* 轮播 */
.oldtbcontent {min-height: 400px;}
.oldbanner {height: 400px; background-color: #fff;}

        /* 最外层容器样式 */
        .oldtbcontent {
            padding: 15px; /* 外层内边距15px */
            box-sizing: border-box; /* 确保padding不会撑大容器 */
            max-width: 1200px; /* 可选：设置最大宽度，避免过宽 */
            margin: 0 auto; /* 可选：居中显示 */
        }

        /* 分栏容器（用于包裹左右两部分） */
        .content-wrapper {
            display: flex; /* 弹性布局实现左右排列 */
            width: 100%;
        }

        /* 通用图片容器样式（核心：防止图片撑破容器） */
        .img-container {
            width: 100%;
            height: 100%;
            overflow: hidden; /* 隐藏超出容器的部分 */
            position: relative; /* 用于图片/标签绝对定位 */
            border-radius: 4px; /* 与容器圆角一致 */
        }

        /* 通用图片缩放样式（关键） */
        .img-container img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			transition: all 0.4s ease; /* 平滑动画 */
			transform: scale(1); /* 默认正常大小 */
        }	
		.img-container:hover img {
			transform: scale(1.1); /* 放大 5%，可自行调整 1.1 / 1.2 */
			transition: ease-in-out .4s;
		}

        /* 通用标签样式（核心：蓝底白字圆角） */
        .btn-right {
            position: absolute; /* 绝对定位 */
            left: 10px; 
            bottom: 10px; 
			padding: 0px 0px;
			margin: 0; /* 清除默认边距 */
			z-index: 9;
			color:#fff;
    /* 核心：一行显示 + 超出隐藏 + 显示省略号 */
    white-space: nowrap;      /* 强制不换行 */
    overflow: hidden;         /* 超出隐藏 */
    text-overflow: ellipsis;  /* 显示 ... */
    max-width: 90%;           /* 给个最大宽度，必须加！ */
        }
        .corner-tag {
            padding: 2px 5px; 
            border-radius: 3px;
			font-size:12px;
         }

        /* 左侧部分样式 - 大屏 */
        #focusslide {
            width: 66%; /* 宽度约66% */
            box-sizing: border-box;
            aspect-ratio: 66 / 30; /* 66%宽度对应300px高度 */
            min-height: 300px; /* 大屏下最小高度300px */
            margin: 0;
        }

        /* 右侧整体容器样式 - 大屏 */
        #focusslide-right {
            width: 34%; /* 宽度约34% */
            margin-left: 15px; /* 距离左边15px */
            box-sizing: border-box;
            display: flex;
            flex-direction: column; /* 垂直排列 */
            justify-content: space-between; /* 自动分配间距 */
            aspect-ratio: 34 / 30; /* 34%宽度对应300px高度 */
            min-height: 300px; /* 大屏下最小高度300px */
        }

        /* 右侧上下子区域通用样式 - 大屏 */
        .right-item {
            width: 100%;
            height: calc(50% - 7.5px); /* 50%高度减去一半间距 */
            box-sizing: border-box;
            position: relative; /* 作为标签定位的父容器 */
        }

        /* 区分上下区域（可选） */
        .right-item.top { background-color: #fdf2f8; }
        .right-item.bottom { background-color: #fef7fb; }
		
.imglunboright {
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        box-sizing: border-box;
    }

.cd-product-intro>.button .btn {
    border-radius: 3px;
}

	/* 响应式适配：小屏幕下布局调整（核心修复） */
        @media (max-width: 768px) {
            /* 整体改为上下堆叠 */
            .content-wrapper {
                flex-direction: column;
                align-items: center; /* 让子元素居中，统一宽度基准 */
				margin-top:15px;
				padding:15px;
            }

            /* 左侧样式调整 - 小屏（统一宽度） */
            #focusslide {
                width: 98%; /* 小屏宽度98% */
                margin: 0; /* 取消auto margin，由父容器align-items居中 */
                min-height: auto; /* 取消大屏最小高度限制 */
                aspect-ratio: 98 / 30; /* 98%宽度对应等比例高度 */
            }

            /* 右侧整体容器样式调整 - 小屏（和左侧宽度完全一致） */
            #focusslide-right {
                width: 98%; /* 关键修复：从100%改为98%，和左侧一致 */
                margin: 15px 0 0 0; /* 仅保留顶部间距，取消auto margin */
                min-height: auto; /* 取消大屏最小高度限制 */
                flex-direction: row; /* 水平排列 */
                aspect-ratio: 98 / 15; /* 宽度98%对应等比例高度 */
            }

            /* 小屏幕下右侧子区域样式调整 */
            .right-item {
                width: calc(50% - 7.5px); /* 改为calc计算，避免宽度溢出 */
                height: 100%; /* 高度铺满父容器 */
                aspect-ratio: 48 / 30; /* 宽高比保持一致 */
            }

            /* 小屏下标签适配：缩小字体和内边距 */
            .corner-tag {
                font-size: 12px;
                padding: 3px 10px;
            }
        }

.carousel-inner>.item h2 {

    font-size: 25px;
}
.carousel-inner>.item h3 {
    margin: 15px 0 0;
    font-size: 18px;
    line-height: 1.4;
    text-shadow: .8px 0 5px #333;
}
.carousel-inner>.item .button{

    margin-top: 25px;
}

/* 列表栏图片 */
.list-post-log img{
	max-height: 300px;
    width: auto;
}


/* 侧边栏图片 */
/* 父容器：负责隐藏溢出 + 定位基准 */
.widget_ui_posts .thumbnail {
  width: 100px;        /* 固定容器宽高 */
  height: 60px;
  position: relative;  /* 让子图绝对定位生效 */
  overflow: hidden;    /* 核心：图片放大超出部分会被隐藏 */
}

/* 图片默认样式 */
.widget_ui_posts .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transition: all 0.4s ease; /* 平滑动画 */
  transform: scale(1); /* 默认正常大小 */
}

/* 鼠标悬浮：图片放大，但不会超出容器边界 */
.widget_ui_posts .thumbnail:hover img {
  transform: scale(1.1); /* 放大 5%，可自行调整 1.1 / 1.2 */
  transition: ease-in-out .4s;
}

span.muted {
    padding-left: 0px;
}

/* 相关推荐 */
.relates-thumb h3 {
    margin: 0px 0 20px;
}
.page-diy{
	position: relative;
    background: #fff;
    padding: 20px 15px;
    margin: 5px 0;
    box-shadow: 0 0px 20px rgba(160,160,160,0.1);
    border-radius: 5px;
	margin-top:96px;
}

.page-diy-title{
	margin-top:-5px;
}


/* 父容器：必须加这一段 */
.relates-thumb ul{
    display: flex !important;
    flex-wrap: nowrap !important;   /* 强制不换行 */
    justify-content: space-between !important;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* 子元素：4 个刚好一行 */
.relates-thumb li {
    width: 24%;  /* 4 个 = 96%，剩下 4% 自动分配间距 */
    display: block !important;
    vertical-align: top;
    margin: 0 !important;
}
.relates-thumb img{
  width: 100%;
  height: auto;

}

/* 标签 */
.post-entry-categories{margin-top:0px;}
.post-entry-categories a{padding:2px 8px;margin:0 0px 5px 0;}


/* 距离导航栏的高度 设为15px */
.category {margin-top: 92px;/* 87px距离10px，+5 */}
.leftsd .left,.smhb,.echologside {margin-top: 15px;}
.page-diy,.page-diyside {margin-top: 92px;}




/* 页面右边距设355px，侧边栏宽345px，那间隔就是10px */
.content,.oldtbcontent {margin-right: 355px;}
.oldtbcontent {margin-bottom: 0px;}
/* 距离上方 设为10px */
.widget{margin-bottom: 10px;}
.comments-box{margin-top: 10px;}
.lead-title {padding: 5px 0;}

/* 页面右边距设360px，侧边栏宽345px，那间隔就是15px */
.content,.oldtbcontent {margin-right: 360px;}
.oldtbcontent {
	margin-bottom: 5px;
	padding: 15px 15px;
	background-color: #fff;
	border-radius:5px;
}

.single-content{
	margin-right: 360px; /* 右边距355px右边栏宽345px那间隔就是10px，左边距120px左边栏宽110px那间隔就是10px  */
    margin-bottom: 15px;
    margin-left: 125px;}
/* 距离上方 设为15px */
.widget,.excerpt{margin-bottom: 15px;}
.comments-box{margin-top: 15px;}
.lead-title {padding: 5px 0;margin-top:5px;}
.margin-top-biao{margin-top: 15px;}/* 间隔就是15px */
/*
.article-content{font-size:15px;line-height:25px;word-wrap:break-word;border-top:0;padding:20px;background:#fff;box-shadow:0 0 20px rgba(160,160,160,.1)}
.article-content:hover{border-top:0}
*/
.article-content img{
    display: inline-block;
    height: auto !important;
    margin-top: 5px;
    line-height: normal; /* 恢复图片自身行高（如果有文字） */
}

/*
.article-content h3,.article-content h4,.article-content h5{padding:0;margin:20px 0;color:#555;font-weight:700}
.article-content h1,.article-content h2{font-weight:700;margin:5px 0}
.article-content h1{font-size:20px}
.article-content h2{font-size:18px}
.article-content h3{font-size:16px}
.article-content h4{font-size:15px}
.article-content h5{font-size:14px}
.article-content ol,.article-content ul{margin:0 0 20px 50px}
.article-content ul{list-style:disc}
.article-content ol{list-style:decimal}
.article-content li{margin-bottom:6px}
.article-content p{word-wrap:break-word}

.article-content a{text-decoration:none;color:#45b6f7}
.article-content a:hover{color:#ff5e52}

.article-content p{text-indent:30px}

*/


/* 登录页面 */
.login-logo{
            margin: 0;
            padding: 0;
            min-height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #f0f2f5;
            font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
            /* 防止文字选中干扰视觉 */
            user-select: none;
        }

        /* 容器：包含圆形背景和文字 */
        .login-container {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 100vw;
            max-height: 100vh;
        }

        /* 圆形背景装饰（换回蓝紫渐变） */
        .circle-bg {
            position: absolute;
            width: clamp(200px, 40vw, 350px);
            height: clamp(200px, 40vw, 350px);
            /* 蓝紫渐变，低透明度 */
            background: linear-gradient(135deg, rgba(66, 153, 225, 0.2), rgba(156, 39, 176, 0.2));
            border-radius: 50%;
            filter: blur(10px);
            animation: circleRotate 20s linear infinite;
        }

        /* 登录文字核心样式（换回蓝黑配色） */
        .login-text {
            position: relative;
            font-size: clamp(50px, 9vw, 90px);
            font-weight: 900;
            color: #2d3748; /* 深灰文字 */
            letter-spacing: 6px;
            -webkit-text-stroke: 1px #989898; /* 蓝色描边#4299e1改浅灰描边#989898 */
            transition: all 0.5s ease;
        }

        /* 悬浮效果（换回蓝黑反向） */
        .login-text:hover {
            color: #4299e1; /* 蓝色文字 */
            -webkit-text-stroke: 1px #55C1FC; /* 1px #2d3748;黑改浅蓝1px #55C1FC; */
            transform: translateY(-5px);
            text-shadow: 0 8px 16px rgba(66, 153, 225, 0.3); /* 蓝色系阴影 */
        }

        /* 圆形旋转动画 */
        @keyframes circleRotate {
            0% {
                transform: rotate(0deg);
            }
            100% {
                transform: rotate(360deg);
            }
        }

        /* 小圆形点缀（换回紫色） */
        .small-circle {
            position: absolute;
            width: clamp(30px, 5vw, 50px);
            height: clamp(30px, 5vw, 50px);
            background-color: rgba(156, 39, 176, 0.3);
            border-radius: 50%;
            right: -20px;
            bottom: -20px;
            animation: smallCircleFloat 6s ease-in-out infinite;
        }

        /* 小圆点浮动动画 */
        @keyframes smallCircleFloat {
            0%, 100% {
                transform: translateY(0);
            }
            50% {
                transform: translateY(-15px);
            }
        }




.list-post{padding:0px 10px 0px 10px;}
.excerpt header {
    margin-bottom:0px;
	background-color:;
}

.excerpt .list-post-log{overflow:hidden;font-size:14px;color:#555;max-height:400px;padding:10px 0;margin-top:-10px;}
.excerpt .meta{width:100%; width:calc(100% - 30px);/* 100%宽度减去30px */ background-color:#fff;}
.marginTop5{padding-top:5px;}


.twiter .comment .text{padding:5px 10px;padding:10px 10px;}
.twiter_info{padding-top:1px}

/* 父容器：设置为 Flex 布局 */
        .twiter_info {
            display: flex;          /* 核心：开启 Flex 布局 */
            justify-content: space-between; /* 子元素左右两端对齐 */
            width: 100%;           /* 父容器宽度占满 */
            height: auto;         /* 示例高度，可根据需求调整 */
            border: ;/* 辅助边框border: 1px solid #ccc;，方便查看效果 */
        }

        /* 左侧元素 */
        .twiter_infoleft {
            width: auto;          /* 自定义宽度 */
            height: 100%;          /* 高度继承父容器 */
            background: ;   /* 背景色#f0f8ff，方便区分 */
        }

        /* 右侧元素 */
        .twiter_inforight {
            width: auto;          /* 自定义宽度 */
            height: 100%;          /* 高度继承父容器 */
            background: ;   /* 背景色#ffe4e1，方便区分 */
        }
.twiter_author,.twiter_time{margin-left:2px;}
/**/

#tw ul{line-height:1.8;padding:15px 25px}
#tw ul .li{padding:10px 0;border-bottom:#f7f7f7 1px solid;position:relative}

#tw ul .bttome{margin:3px 0;vertical-align:middle}
#tw ul li .bttome .time{line-height:14px;margin:0;font-size:12px;color:#999}
#tw ul li .bttome .post{font-size:12px;line-height:14px;margin:0;text-align:right}
#tw ul li .bttome .post a{color:#666}

#tw ul .r{color:#666;margin:0px 0;padding:0;}
#tw ul .r li{padding:0px 0;border-bottom:#f7f7f7 1px solid}

#tw ul .huifu{background:#f5f5f5;border:#ccc solid 1px;display:none;padding:10px}
#tw ul .huifu textarea{width:100%;border:#ccc solid 1px;overflow:auto;-webkit-box-sizing:border-box;box-sizing:border-box;display:block}

#tw .tbutton{font-size:12px;float:none;margin-bottom:0px}

#tw .tbutton .btn{background:#394048;color:#fff;width:90px;position:relative;top:3px;left:0px}
#tw ul .huifu textarea{background-color:#fff}
#tw ul li ul{line-height:0;font-size:0}
#tw ul li ul li{font-size:12px;line-height:22px}

#tw ul li ul li .time {
    margin-left: 12px;
    
}
/*
#tw444{background-color:#fff}
#tw .main_img444{float:left}
#tw .op444{float:left;height:18px;margin:6px 5px 3px}
#tw ul .r .num{font-size:16px;font-weight:700;color:#0079b7;padding:0 5px;float:left;width:20px}
#tw ul .r .time{padding:0 5px}
#tw ul .r .name{padding:0;font-size:12px;color:#369}
#tw ul .r em a{font-style:normal}
#tw ul .post1444{font-size:13px;padding-left:64px}
#tw ul .main_img444{margin-top:5px;position:absolute;left:0}
#tw ul .main_img444 img{width:48px;height:48px}
#tw ul .huifu444 div{padding:10px 0}
#tw ul .button_p444{background:#ff4949;border:0;cursor:pointer;width:63px;height:25px}
#tw .tbutton .button_p444{border:0;cursor:pointer;width:60px;height:25px;}
#tw .tbutton .tinfo444{float:left}
#tw .msg444{clear:both}
#tw p .t_img444{padding:0 7px;margin:0 0 0 10px}
#site-notice444 a{color:#475669}
*/
/*侧边栏 标签*/
.widget_ui_posts li a,
.widget_ui_tags ul a,
.widget_ui_posts li a {
	color:#666
}

.article-title {
    font-size: 26px;
    padding: 10px 10px;
    text-shadow: none;
   
}

.comment_info {
    color: red;
}



header .logo { /*--修改 增加--*/
	margin-top: -0.5em;
	margin-left: 1em;
}

header .logo .text2 { /*--修改 增加--*/
	font-size: 1em;
	color: #007AFF;
	margin-left: 0.2em;
}

header .logo .logo-wang { /*--修改 增加--*/
	font-family: "zhuzhu";
	font-size: 2.5em;
	color: #007AFF;
}
header .logo .logo-duoduo { /*--修改 增加--*/
	font-family: "zhuzhu";
	font-size: 1.5em;
	color: #007AFF;
}

/* 表情输入 */
.wp-smiley{height:25px!important;width:25px!important;max-height:25px!important}

#smiley{}
#smiley>a{padding:0px}
#smiley>a>img{vertical-align: bottom; /* 图片与文字底部对齐 */}

.comment-content-text img{width:25px;height:25px;}
.comment-content-text {
  /* 仅隐藏 （Unicode编码：00A0） */
  font-family: "HiddenNBSP", sans-serif;
}

/* 定义仅隐藏00A0字符的字体 */
@font-face {
  font-family: "HiddenNBSP";
  src: local("Arial");
  unicode-range: U+00A0; /* 只匹配 的编码 */
  font-size: 0;          /* 让该字符宽度为0 */
}
/* 消除表情容器内所有空白字符（包括解析后的 ） */


.widget_ui_comments li img{width:22px;height:22px;}
/* 垂直居中 */
.flex-v-center{
    display: flex;
	align-items: center;
}

.footer{padding: 20px 30px;}
.fcode{margin-bottom:0px;}
.footer a:hover {
    color: #45b6f7;
    text-decoration: none;
    cursor: url(../img/cursor_link.cur), pointer;
}

@media (max-width: 720px) {
.mobile{display:inline;}
.laptop,.xiaowai{display:none;}
.header {height: 48px;} /* 导航栏高度48px */
.category {margin-top: 48px;} /* 距离导航栏48px */
.article-header{margin-top: 48px;}/* 归档页，距离导航栏48px */
.lead-title {
	padding: 0px 0;
    margin-top: 8px;}
header .logo{
	font-size: 14px;
	line-height: 46px;
}
.page-diy{
	margin-top:56px;
}

.catleader h1{margin-top:8px;} /* 标题 */
.catleader-t h1 { /* 微语标题 */
	margin-top:8px;
	margin-bottom: 10px;
}
/* 微语 */
#tw ul {
    line-height: 1.8;
    padding: 0px 0px;
}
.twiter_list {
    margin-left: 0px;
}
/* 归档 */
.archives .item {
    margin-bottom: 0px;
    padding: 10px;
}
.archives h3 {
    margin-bottom: 0px;
}
.archives-list {
    padding-left: 20px;
    margin: 0 0 0px 0px;
}

/* 导航 */
.m-navbar li {
	line-height: 1.8;
}
.m-navbar .sub-menu li{width:100%;text-align:left;}


.content, .oldtbcontent {
	margin:0;
	padding:0;
	width: 100%;
	margin-right: 0px;
}
.single-content {
    margin-right: 0px;
    margin-bottom: 15px;
    margin-left: 0px;
}
.article-content {
        padding: 0px 10px;
    }
.article-content { /*style="background:#394048;border-radius:0;"*/
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	background:#;
}


/* 评论 */
#comments {
    margin-bottom: 5px;
    }
#comment-post {
    padding: 0px 5px;
}
.comments-box .title h3 {
    padding: 9px 5px;
}
	
}