*{margin: 0;padding: 0;font-family: "Microsoft Yahei", 'Courier New', Courier, monospace;}
body{word-wrap: break-word;line-height: 1.5;word-break: break-word;background-color: #111827;color: #e5e7eb;}

/* 基础暗色模式设置 */
body.light{background-color: #111827;}
.light .top{width: 1040px; background-color: #111827;}

a{color: #93c5fd;text-decoration: none;}
a:hover{text-decoration: underline;color: #bfdbfe;}
input[type=text],input[type=password] {background: #374151;border: 1px solid #4b5563;color: #e5e7eb;}
.flex{display: flex;}

/* 顶部导航 */
.top{width: 100%;height: 62px;border-bottom: 1px solid rgba(255,255,255,.1);background-color: #111827;}
.top .inner{width: 1060px; margin: 0 auto;}
.top .inner ul {list-style: none;padding: 0;margin: 0;}
.top .inner ul li {display: inline-block;margin-right: 20px;}
.top .inner ul li a {text-decoration: none;padding-left:10px;padding-right:10px;line-height: 62px;display: inline-block;color: goldenrod;font-size: 15px;position: relative}
.top .inner ul li:first-child a::before{background-image: linear-gradient(90deg,#1e7e34,goldenrod);border-radius: 4px;bottom: 0.5rem;content: "";height: 6px;left: 0;position: absolute;transform: rotate(-5deg);right: 0;}
.top .inner ul li:hover {background-color: #1e7e34;}

/* 中间区域 */
.mid{width: 100%;}
.mid .inner h1{display: inline-block;color: #d1d5d9;}
.mid .inner{width: 1040px; margin: 0 auto;padding: 10px;margin-top: 10px;border-radius: 3px;}
.mid .logo{margin-bottom: 20px;}
.mid .logo span{color: #9ca3af;}
.mid .search{margin-left: 20px;}
.mid .search input{width:70%;height:26px;border-radius: 5px;border:2px solid #374151;padding: 3px;outline: none;display: inline-block;}
.mid .search button{height:36px;cursor: pointer;border-radius: 5px;padding: 5px 10px;color: #FFFFFF;background: #3b82f6;border-color: #3b82f6;}

/* 主内容区 */
.main{width: 100%;min-height: 400px;margin-top: 1em;}
.main .inner{width: 1060px; margin: 0 auto;display: flex;}

/* 产品展示区 */
.pro{width: 100%;padding: 20px 0 40px 0;background-color: #1f2937;margin-top: 20px;border-top: 1px solid #374151;display: none;}
.pro .inner{width: 1060px; margin: 0 auto;display: flex;padding: 10px;}
.pro h3{font-size: 19px;color: #d1d5d9;}
.pro a{color: #93c5fd;}
.pro li{list-style: none;}
.pro div{flex: 1;}

/* 页脚 */
.foot{width: 100%;padding: 40px 0;text-align: center;padding-bottom: 100px;background-color: #111827;color: #9ca3af;}
.foot .inner{width: 1060px; margin: 0 auto;}
.foot p{margin-bottom: 7px;}

/* 左侧内容 */
.left{width: 730px;}
.left .tag{margin-top: 20px;}
.left .tag a{color: #9ca3af;margin-right: 5px;padding: 10px;}
.left .tag a:hover{color: #d1d5d9;}
.left .collect{position: absolute;right: 10px;bottom: 10px;}
.left .meta{color: #9ca3af;}
.left .meta span{margin-right: 20px;}
.left .list h3 a{font-size: 16px;color: #bfdbfe;}
.left .list .log{margin-left: 50px;}
.left .list .one{border-bottom: 1px solid #374151;padding: 10px 20px;position: relative;background-color: #202a37;margin-bottom: 10px;}
.left .list .one .detail {margin-top: 20px;margin-bottom: 20px;color: #e5e7eb;}
.left .list{margin-bottom: 20px;border-radius: 3px;}
.left .xg {padding: 20px;background-color: #202a37;margin-bottom: 10px;}
.left .comment{margin-bottom: 20px;background-color: #202a37;padding: 10px;}
.left .nextPage{text-align: center;}
.left .autho{font-size: 12;color: #9ca3af;}
.left .zi, .left .bujian, .left .swjz, .left .zzf,.left .gyyl{margin-bottom: 10px;color: #e5e7eb;}

/* 右侧内容 */
.right{width: 330px;margin-left: auto;}
.right .widget{margin-bottom: 20px;margin-left: 20px;padding: 20px;border-radius: 3px;background-color: #202a37;color: #e5e7eb;}
.right .tagList a{display: inline-block; margin: 3px 5px;white-space: nowrap;color: #93c5fd;background-color: #111827;padding: 2px 6px;border-radius: 4px;}

/* 标签样式 */
.tags a{display: inline-block;margin-right: 10px;padding: 3px 6px;border-radius: 5px;background-color: #1f2937;color: #93c5fd;}
.tags a:hover{background-color: #374151;color: #bfdbfe;}

h1,h2{font-size: 24px;line-height: 1.2;margin: 5px 0;color: #d1d5d9}
h3{font-size: 16px;margin: 6px 1px;font-weight: 600;color: #d1d5d9}
li span{margin-left: 20px;color: #a7c957;}
li span b{color: #f87171;}
h3 span{color: #f87171;}
.d1{padding: 20px;color:#93c5fd;font-size: 26px;font-weight: bold;}
.d1 a{color:#93c5fd;}

.d2 .a{padding-top: 20px;padding-left:20px;padding-right:20px;color: #e5e7eb;}
.d2 .sb{padding-top: 20px;padding-left:10px;word-break:break-all;color: #e5e7eb;}
.d21,.d3{padding-left: 10px;color: #e5e7eb;}
.meta{color: #9ca3af;font-style:italic}
.dt button{border-radius: 5px;padding: 5px 10px;color: #FFFFFF;background: #3b82f6;border-color: #3b82f6;cursor: pointer;}
.dt textarea{padding: 3px;width: 100%;height: 100px;outline: none;border-radius: 5px;background-color: #374151;border: 1px solid #4b5563;color: #e5e7eb;}
.d3:last-child{color: #9ca3af;}
.userInfo{margin-top: 20px;color: #e5e7eb;}
.userInfo button{border-radius: 5px;padding: 5px 10px;color: #FFFFFF;background: #3b82f6;border-color: #3b82f6;cursor: pointer;}
.userCommentList{margin-top: 40px;color: #e5e7eb;}

.bbs.one{display: flex;}
.bbs .avatar{height: 32px;width: 32px;padding: 10px;}
.bbs img{height: 32px;width: 32px;border-radius: 50%;}

.highlight{font-weight: bold;color: #bfdbfe;}
.hzgs .zzsj{text-align: center;color: #94a3b8;}
.hzgs .js{border: 1px solid #f4a261;background-color: #202a37;padding: 15px;}
.hzgs .childs{border: 1px solid #f4a261;margin-top: 20px;border-radius: 15px;padding: 10px;background-color: #202a37;}
.hzgs .childs a{background-color: #111827;margin:10px 10px 0 0 ;padding: 3px 5px;border-radius: 3px;display: block;color: #93c5fd;}
.hzgs .childs a:hover{background-color: #374151;color: #bfdbfe;}
.hzgs .js .copyright{font-style: italic;margin-top: 20px;color: #9ca3af;}
.hzgs .childs .copyright{font-style: italic;margin-top: 20px;color: #9ca3af;}
.zxyb{border: 1px solid #f4a261;margin-top: 20px;border-radius: 15px;padding: 10px;background-color: #202a37;color: #e5e7eb;}
.zxyb img{display: block; width: 64px;height: 64px;}
.zxyb p{text-align: center;}

.big-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 15px;
    background-color: #202a37;
}

.container {
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin-bottom: 20px;
}

.square {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100px;
    background-color: #1e40af;
    color: white;
    font-size: 36px;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s;
}

.square:hover {
    transform: scale(1.1);
    background-color: #3b82f6;
}

.js,.swjz,.kxzd {
    padding: 10px;
    border-radius: 10px;
    margin-top: 20px;
    background-color: #202a37;
    color: #e5e7eb;
}

.js div {
    margin-bottom: 10px;
    font-size: 18px;
}

.highlight {
    font-size: 24px;
    font-weight: bold;
    color: #60a5fa;
}

.js {
    margin-top: 20px;
    padding: 10px;
    border-radius: 15px;
}

.zi {
    color: #f87171;
}

.ci {
    color: #5eead4;
}

.cihui {
    color: #f4a261;
}

.meta {
    margin-bottom: 20px;
}

.zzsj {
    color: #94a3b8;
    font-size: 12px;
}

.tl {
    margin: 0;
    padding: 0;
    font-size: 14px;
    list-style: none;
}

ul,li{margin: 0;padding: 0;}

.tl-item {
    position: relative;
    padding-bottom: 20px;
}

.tl-item-tail {
    position: absolute;
    left: 4px;
    height: 130%;
    border-left: 2px solid #f4a261;
}

.tl-item-node {
    left: -1px;
    width: 12px;
    height: 12px;
    position: absolute;
    background-color: #f4a261;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.tl-item-w {
    position: relative;
    padding-left: 28px;
    top: -3px;
    color: #e5e7eb;
}

/* 响应式调整 */
@media screen and (max-width: 600px) {
    .main .inner{display: block;}
    .top {height: auto;}
    .top .inner ul li {margin-right: 0;}
    .top .inner{width: auto;}
    .mid .inner{width: auto;}
    .main .inner{width: auto;}
    .foot .inner{width: auto;}
    .left{width: auto;}
    .right {width: auto;}
    .right .widget{margin-left: 0;}
}

@media screen and (min-width: 601px) {

}