.container {position: relative; max-width:480px; margin:0 auto;}


.dh {height:30px;line-height: 30px;background-color: #fff;border-radius: 20px;
padding: 0 8px 0 12px;color: #6a6a6a;font-weight: normal;white-space: nowrap; 
overflow: hidden;display: flex;align-items: center;  /* 垂直居中 */gap: 8px;
  background: rgba(255,255,255,0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;}

.dh_title {display: flex;align-items: center;white-space: nowrap;color:#ff6600;}
.dh_title .ico{ margin-right:5px;}
.dh_title a{color:#ff6600;}
.dh_title h1 a{color:#ff6600;}
.dh_title h1 {margin: 0;font-weight: normal;font-size: inherit;}
.dh_title .ico-more {font-size:10px;}
.dh .r {display: block;padding: 0 10px;color: #8f8f8f; position: absolute;right: 20px;top: 0; }
.dh .r a{color: #8f8f8f; }
.dh .r .ico-more {display: block;position: absolute;right: 0px;top: 0; font-size:8px;}


.siwei_content {}
.siwei_content .title h1{font-size: 22px;line-height: 1.2;font-weight: 500;}
.siwei_content .time {color:#8f8f8f;font-size:12px;display: inline-block;vertical-align: middle;margin-top: 6px;}
.siwei_content .content {margin-top: 16px;}
.siwei_content .content p{font-size:16px;color: #333;}
.siwei_content .click{font-size:12px;color:#8f8f8f; margin:30px 0;}

.part-cats-loop {}

.part-cat-block {
  background: rgba(255,255,255,0.58);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 10px;
  padding: 16px;
  overflow: hidden;background: linear-gradient(rgba(255, 255, 255, 0.6) 0%, rgb(255, 255, 255,0) 100%);
}
.scroll-x-box { border-bottom:1px #ddd solid; padding-bottom:12px;}
.part-cat-block .c-title {font-size: 14px;color: #5a5a5a;border-radius: 26px; padding: 2px 10px;background: #f5f5f5;flex-shrink: 0; /* ✅关键！禁止标签被压缩，实现可以右拉 */}

.c-title.active{background-color: #ff6000;color: #fff}


.part-cat-block .c-title .a-more {display: block;border-radius: 26px;font-size: 12px;padding: 0 10px;color: #8f8f8f;background-color: #fff;position: relative}
.part-cat-block .c-title .a-more .ico-more {display: block;position: absolute;right: 0px;top: 0; font-size:8px;}

.part-cat-block .c-title span{ color:#8c8c8c; font-size:12px;}
.part-cat-block .c-title .r {display: flex;justify-content: flex-end}




.part-cat-block li .title_color{ color:#333;}
.part-cat-block li {display: flex;align-items: center;justify-content: space-between;gap: 10px;padding: 5px 0;}
.part-cat-block li a {flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size:16px;}
.part-cat-block li span {}
.part-cat-block li em {color: #8c8c8c;font-size: 12px;font-style: normal;}


.article-keyword-link{
  text-decoration: underline;
  text-decoration-style: dashed;
  text-underline-offset: 3px;
}

/* 联系站长 */
.about{ border-radius: 10px;  margin:15px 10px;}
.about .box { background-color: #fff;border-radius: 10px;overflow: hidden; color:#8c8c8c; margin-top:15px;display: flex;-webkit-box-pack: justify;align-items: center;justify-content: space-between;padding:2px 10px;gap:10px;}
.about .box .l{ display: flex;align-items: center;gap:5px;}
.about .box .l .ico{ color:#333;}
.about .box .r {  flex-shrink: 0;}


/* hover效果 */
#page a:hover:not(.nopage):not(.curpage) {
    border-color: #409eff;
    color: #409eff;
}

/* 当前激活页码 */
#page a.curpage {
    background-color: #409eff;
    border-color: #409eff;
    color: #fff;
}

/* 不可点击：上页/下页禁用状态 nopage */
#page a.nopage {
    color: #bbbbbb;
    background-color: #f7f8fa;
    cursor: not-allowed;
}

/* 首页、尾页按钮加宽一点 */
#page a.homepage,
#page a.endpage {
    min-width: auto;
    padding: 0 14px;
}