@charset "utf-8";
:root {
  --bj-zhuse: #ffffff;
  --bj-fuse: #a6d745;
  --bj-cifuse: #def2b0;
  --bj-chengse: #ffb734;
  --bj-hongse: #FA8072;
  --bj-lvse: #becfc0;
  --bj-diannaolan: #29A0CA;
  --bj-danlanse: #5996CE;
  --bj-huangse: #FFC773;
  --bj-shuise: #88ADA6;
  --color-chunhei: #000000;
  --color-huise: #848484;
  --color-baise: #ffffff;
  --color-hongse: #f85c56;
  --font-size-base: 14px;
  --font-size-sm: 12px;
  --font-size-lg: 16px;
  --font-size-xl: 18px;
  --font-size-2xl: 24px;
}

* {
  margin: 0;
  padding: 0;
  outline: none !important;
  scrollbar-color: #75747400 #cbd5e000;
  scrollbar-width: thin;
  box-sizing: border-box;
}
::-webkit-scrollbar { width: 3px; height: 3px; }
::-webkit-scrollbar-thumb { background: #909090; }
::-webkit-scrollbar-track { background: rgba(203,213,224); }
::-webkit-scrollbar-thumb:hover { background: #000000; }
.dark ::-webkit-scrollbar-thumb { background: rgba(203,213,224); }
.dark ::-webkit-scrollbar-track { background: #909090; }

html, .OwO-items {
  scrollbar-color: #2d3748 rgba(203,213,224,0.4);
  scrollbar-width: thin;
  min-height: -webkit-fill-available;
}
body {
  font-family: "HM","SF Pro SC","SF Pro Text","SF Pro Icons",PingFang SC,Lantinghei SC,Microsoft Yahei,Hiragino Sans GB,Microsoft Sans Serif,WenQuanYi Micro Hei,sans-serif;
  font-size: var(--font-size-base);
  background: var(--bj-cifuse);
  color: var(--color-chunhei);
  text-align: center;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  line-height: 1.6;
}

img { max-width: 100%; height: auto; }
select { font-family: Tahoma, Verdana; font-size: var(--font-size-sm); }
th { background: #f5f5f1; }
a {
  color: var(--color-chunhei);
  text-decoration: none;
  transition: color 0.2s ease;
}
a:hover { color: var(--color-huise); }

ul, ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.sm-txt-ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sm-text-yichu { word-wrap: break-word; word-break: break-all; position: relative; }
.sm-float-left { float: left; }
.sm-float-right { float: right; }
.sm-margin-left { margin-left: 5px; }
.sm-margin-right { margin-right: 5px; }
.sm-margin-bottom { margin-bottom: 10px; }
.sm-margin-bottom2 { margin-bottom: 20px; }
.sm-align-items { align-items: end; }
.sm-margin-top { margin-top: 10px; }
.sm-margin-top2 { margin-top: 20px; }
.sm-margin-top14 { margin-top: 14px; }
.sm-margin { margin: 0 5px; }
.sm-display-flex { display: flex; }
.sm-display-grid { display: grid; grid-gap: .5rem; grid-template-columns: repeat(3,minmax(0,1fr)); }
.sm-display-flex-right { margin-left: auto; flex-shrink: 0; font-style: normal; }
.sm-clear-both { clear: both; }
.sm-juzhong { text-align: center; }
.sm-block { display: inline-block; margin: 0 0 5px 0; padding: 5px 5px 5px 10px; }
.sm-position-relative { position: relative; }

#container {
  max-width: 920px;
  width: 100%;
  margin: 10px auto;
  text-align: center;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0, 0, 0, 0.15);
  background: var(--bj-cifuse);
}
#container .sm-header {
  background-size: cover;
  height: 170px;
  object-fit: cover;
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-bottom: 0px;
}
#container .sm-header .sm-blogname {
  padding: 20px 20px 10px 20px;
  font-size: var(--font-size-2xl);
  color: var(--color-baise);
  text-align: left;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#container .sm-header .sm-blogname .sm-blogTitle {
  padding: 10px 0 0;
  font-size: var(--font-size-base);
	color: var(--color-baise);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#container .sm-header .sm-menu {
  text-align: left;
  margin: 0 10px;
  border-radius: 6px 6px 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(5px);
  display: inline-block !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: 90% !important;
  float: none;
  box-sizing: border-box;
}
#container .sm-header .sm-menu ul {
  list-style: none;
  margin: 0;
  padding: 5px 10px;
  white-space: nowrap;
  text-align: left;
	font-size: var(--font-size-base);
	font-weight: bold;
	display: inline-block !important;
	width: auto !important;
	min-width: 0 !important;
	overflow: visible !important;
}
#container .sm-header .sm-menu ul li {
  display: inline-block;
  margin-right: 10px;
  line-height: 1.5;
}

#container .sm-Tbody {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  border-top: 1px solid #bbb;
  background: var(--bj-zhuse);
}
#container .sm-mainContent {
  text-align: left;
  width: 75%;
  float: right;
  background: var(--bj-zhuse);
}
#container .sm-mainContent .sm-innermainContent { margin: 0 10px; }
#container .sm-mainContent .sm-content-width { width: 100%; margin: 8px 0; }
#container .sm-mainContent .sm-pageContent { margin: 15px 0; text-align: Right; overflow: hidden; }

.sm-Content { margin: 0px; }
.sm-Content .sm-Content-top {
  text-align: left;
  padding: 6px;
  background: var(--bj-cifuse);
  border-radius: 6px;
  box-shadow: 0 0 1px 0 rgba(0, 0, 0, .5), 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
.sm-Content .sm-Content-top .sm-txtx { vertical-align: middle; margin-right: 5px; margin-top: -3px; }
.sm-Content .sm-Content-top .sm-line-height { line-height: 27px; }
.sm-Content .sm-Content-top .sm-ContentTitle { display: inline; font-size: var(--font-size-base); }
.sm-Content .sm-Content-top .sm-ContentAuthor {
  color: var(--color-huise);
  font-size: var(--font-size-sm);
  padding-left: 5px;
  margin: 1px;
	font-weight: 100;
	display: inline;
}
.sm-Content-body {
  margin: 10px 0;
  overflow: hidden;
  text-align: left;
  width: 100%;
  line-height: 1.8;
}
.sm-Content-body img { max-width: 100%; margin: auto; display: block; }

.sm-tags { margin: 10px 0; }
.sm-tags a { margin-right: 5px; }
.sm-Content-bottom {
  background: url(dot.png) repeat-x;
  text-align: right;
  padding: 10px;
  margin-bottom: 8px;
}
.sm-jjtime { color: var(--color-huise); margin-right: 10px; width: 80px; }
.sm-pinglun {
  color: var(--color-huise);
  flex-shrink: 0;
  font-style: normal;
	width: 48px;
	text-align: right;
	margin-left: 10px;
}
.sm-jjcontent { margin-bottom: 10px; }
.sm-jjcontent a { display: flex; }
.sm-jjcontent p {
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
	text-overflow: ellipsis;
	width: calc(100% - 128px);
}

.sm-sidebar {
  float: left;
  width: calc(25%);
  padding: 5px 10px;
  text-align: center;
  color: var(--color-chunhei);
  background: var(--bj-fuse);
  position: sticky;
  top: 0;
  min-height: 100vh;
}
.sm-sidebar a:hover { color: var(--color-baise); }
.sm-sidepanel { margin: 0 auto!important; margin: 0px; }
.sm-Ptitle {
  margin: 0 0 8px 0;
  padding: 6px 8px;
  text-align: left;
  font-weight: bold;
  font-size: var(--font-size-base);
  color: var(--color-chunhei);
  line-height: 1.5;
  border-bottom: 1px solid rgb(87, 87, 87);
}
.sm-Pcontent { text-align: left; padding: 8px; }
.sm-sideA {
  display: block;
  margin-bottom: 10px;
  padding-left: 18px;
  overflow: hidden;
  background: url(arrow.gif) 4px 7px no-repeat;
}
.sm-pinglun-ce img {
  display: inline-block !important;
	max-width: 15px;
	height: auto;
	margin: 0;
	vertical-align: baseline;
}

pre[class*=language-], 
pre[class*=language-] code,
.line-numbers-rows > span { line-height: 1.6 !important; }

.page-navigator {
  list-style: none;
  text-align: center;
  margin-bottom: 15px;
}
.page-navigator li { display: inline-block; margin: 0 4px; }
.page-navigator a { display: inline-block; padding: 0 10px; height: 30px; line-height: 30px; }
.page-navigator .current a { background: var(--bj-cifuse); border-radius:6px; }

.sm-tongji { margin-bottom: 10px; }
.sm-form { display: flex; width: 100%; }
.sm-userpass {
  border: 1px solid #6F6F6F;
  padding: 7px;
  border-radius: 6px 0 0 6px;
  width: 70%;
  background: var(--bj-cifuse);
}
.sm-userbutton {
  border: 1px solid #6F6F6F;
  border-left: 4px solid #6F6F6F;
  padding: 7px;
  background: var(--bj-cifuse);
  border-radius: 0 6px 6px 0;
	width: 30%;
	color: var(--color-chunhei);
}
.sm-userpassa {
  border: 1px solid #A9A98D;
  padding: 5px;
  background: var(--bj-cifuse);
  color: var(--color-chunhei);
}
.sm-userbuttona {
  border: 1px solid #70990f;
  border-left: 4px solid #70990f;
  padding: 4px 10px;
  background: var(--bj-zhuse);
  margin-top: 10px;
  margin-right: 5px;
  color: var(--color-chunhei);
}

#container .sm-foot {
  padding:20px 10px;
	color:var(--color-chunhei);
	background: var(--bj-cifuse);
}
#container .sm-foot p { margin:0px; font-size:var(--font-size-base); }

.sm-comment {
  text-align: left;
  background: var(--bj-zhuse);
  border: 1px solid var(--bj-lvse);
  margin-bottom: 10px;
  border-radius: 6px;
}
.comment-childrena .sm-comment,
.comment-parents .sm-comment { border: 0px solid #def2b0; }
.sm-commenttop {
  padding: 10px;
  background: var(--bj-cifuse);
  border-radius: 6px 6px 0 0;
}
.ss-children .sm-commenttop { border-radius: 6px; }
.sm-commentinfo { font-size: var(--font-size-sm); color: var(--color-huise); }
.sm-commentcontent {
  padding: 10px;
  overflow: hidden;
  width: calc(100% - 20px);
  line-height: 1.8;
}
.sm-commentcontent p { margin: 0; padding: 0; }

.comment-children { margin: 0 10px; }
.comment-childrena { margin:0 10px; }

.sm-MsgContent {
  background: var(--bj-zhuse);
  margin: 0 0 10px 0;
  border: 1px solid #70990f;
	width: 100%;
}
.sm-MsgContent .sm-MsgHead {
  padding: 10px;
  text-align: center;
  font-weight: bold;
  background: var(--bj-cifuse);
  border-bottom: 1px dotted #70990f;
}
.sm-MsgContent .sm-MsgBody { padding: 10px; }

.sm-biaodan { margin-bottom: 5px; display: flex; }
.sm-biaodan-title { margin-right: 5px; padding: 5px 0; }
.xm-yemian { margin-bottom: 10px; }
.xm-yemian a { margin: 0 5px 10px 5px; }

.link_body_lista {
  display: inline-block;
  margin: 10px;
  width: calc(100% - 20px);
  display: flex;
}
.link_body_list { display: inline-block; margin: 15px; }
.link_body_img { width: 70px; height: 70px; object-fit: cover; }
.link_body_img img {
  border-radius: 30px 10px 30px 10px;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.link_body_name {
  width: 70px;
  overflow: hidden;
  white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 10px;
}
.link_body_namea {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-left: 10px;
	width: calc(100% - 70px);
	text-align: left;
}
.sm-link-title, .sm-miao {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
	height: 30px;
	line-height: 30px;
}
.sm-miao { color: var(--color-huise); }

.sm-comment-editor {
  width: 100%;
  background-color: var(--bj-cifuse);
  border-radius: 6px;
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 10px;
  padding: 10px;
}
.sm-comment-editor textarea {
  resize: none;
  text-align: justify;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--bj-cifuse);
  background-color: var(--bj-cifuse);
  width: calc(100% - 40px);
  padding: 20px;
  margin: 0;
  color: var(--color-huise);
  flex: 1;
  height: 100px !important;
  margin: 10px;
  padding: 0px;
  width: calc(100% - 20px);
}
.sm-comment-input input {
  resize: none;
  text-align: justify;
	border-radius: 6px;
	overflow: hidden;
	border: 1px solid var(--bj-cifuse);
	background-color: var(--bj-cifuse);
	width: calc(100% - 20px);
	padding: 10px;
	margin: 0;
}
.sm-comment-input-bottom { margin-bottom: 10px; }
.sm-comment-input-title {
  position: relative;
  display: flex;
  flex: 1;
	border-radius: 6px;
	width: auto;
}
.sm-comment-input-title .comment-name {
  white-space: nowrap;
  padding: 8px 1rem;
  border-radius: 6px 0 0 6px;
  background-color: var(--bj-fuse);
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
}
.sm-comment-input-title input {
  border-radius: 0 6px 6px 0;
  border: 1px solid var(--bj-fuse);
	width: calc(100% - 70px);
	padding: 10px;
}

.sm-denglu {
  cursor: pointer;
  text-align: justify;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--bj-cifuse);
  background-color: var(--bj-cifuse);
  width: 20%;
  margin-left: 15px;
  text-align: center;
  font-weight: bold;
  color: var(--color-chunhei);
  align-self: center;
  margin-left: auto;
}
.sm-denglua {
  cursor: pointer;
  border-radius: 6px;
  overflow: hidden;
  border: 1px solid var(--bj-cifuse);
  background-color: var(--bj-fuse);
  min-width: 80px;
  text-align: center;
	font-weight: bold;
	color: var(--color-chunhei);
	height: 40px;
	margin: 10px;
	z-index: 1;
	position: absolute;
	right: 0;
	bottom: 0;
}
.sm-denglua.disabled {
  background-color: #999 !important;
  color: #fff !important;
  cursor: not-allowed;
  opacity: 0.8;
}

.sm-ping-title {
  padding-left: 18px;
  background: url(arrow.gif) 4px 7px no-repeat;
  overflow: hidden;
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}

.privacy { align-items:center; display: flex; align-items: center; margin-right: 15px; }
.privacy_btn {
  align-items: center;
  margin-top: -2px; /* 修正命名+空格 */
  display: flex !important;
  align-items: center !important;
  gap: 8px;
}

.privacy input[type="checkbox"] { display:none; }
.privacy input[type="checkbox"]+label {
  display:inline-block;
  width:30px;
	height:16px;
	position:relative;
	-webkit-transition:0.3s;
	transition:0.3s;
	box-sizing:border-box;
	margin: 0 !important;
	vertical-align: middle !important;
}
.privacy input[type="checkbox"]+label:after {
  content:'';
  display:block;
  position:absolute;
	left:0px;
	top:0px;
	width:16px;
	height:16px;
	-webkit-transition:0.3s;
	transition:0.3s;
	cursor:pointer;
}
.privacy #inset_3:checked+label.green { background:#848484; }
.privacy #inset_3:checked+label.green:after { background:#FA8072; }
.privacy #inset_3:checked+label:after { left:calc(100% - 14px); }
.privacy #inset_3+label { background:#848484; border-radius:20px; }
.privacy #inset_3+label:after {
  background:#ffffff;
  border-radius:50%;
	width:12px;
	height:12px;
	top:2px;
	left:2px;
}
.xm-yinsi-text {
  font-size: var(--font-size-sm);
  margin-left: 0 !important;
  display: inline-block !important;
	height:auto !important;
	vertical-align: middle !important;
	line-height:normal !important;
	margin-bottom:0 !important;
}

.sm-comment-list-box { display: flex; margin:0 0 1rem; width:100%; }
.sm-comment-list-avatar {
  width:40px;
  height:40px;
  border-radius:50%;
  margin-right:.9375rem;
  flex-shrink:0;
  overflow:hidden;
  background:var(--bj-cifuse);
	padding:2px;
}
.sm-comment-list-avatar img { width:100%; height:100%; border-radius:50%; }
.sm-comment-main { width:calc(100% - 59px); }
.sm-comment-author { font-size:var(--font-size-base); font-weight:600; margin-bottom:5px; }
.sm-comment-excerpt {
  line-height:1.85;
  background:var(--bj-cifuse);
	padding:10px;
	border-radius:6px;
}
.sm-comment-excerpt-ss { line-height:1.85; padding:10px; border-radius:6px; }
.sm-comment-excerpt p { margin:0; padding:0; }
.sm-comment-meta {
  font-size:var(--font-size-base);
  color:var(--color-huise);
	margin-top:10px;
}
.sm-comment-children { padding-left:.8rem; }

.xm-comments-owo {
  position:absolute !important;
  bottom:calc(100% + -120px) !important;
  top:auto !important;
	left:0 !important;
	width:100%;
	transform:none !important;
}
.OwO { margin:0; align-self:flex-start; }
#comment-form { overflow:visible; }
.sm-comments-owo {
  position:absolute !important;
  bottom:45px;
	width:calc(100% - 45px);
	left:45px;
}
.sm-input-comment .xm-comments-owo {
  position:absolute !important;
  bottom:7px;
	width:100%;
	top:unset;
	left:5px;
}
.sm-input-comment .OwO .OwO-logo {
  display:flex;
  align-items:center;
  margin:0;
	padding:0;
	max-width:40px;
	justify-content:center;
	text-align:center;
	background:var(--bj-cifuse);
}

.sm-margin-quxiao {
  font-size:12px;
  margin-left:10px;
	color:#e80000;
}
.sm-margin-quxiao a { color:#e80000; }

.joe_detail__overdue-wrapper {
  padding:1rem;
  border-radius:6px;
  position:relative;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:opacity 0.2s;
  font-size:var(--font-size-base);
  color:var(--color-chunhei);
  background:var(--bj-cifuse);
  margin-bottom:10px;
  margin-top:10px;
}
.joe_detail__overdue-wrapper .titlea {
  align-items:center;
  margin-bottom:1rem;
	font-size:var(--font-size-base);
	font-weight:600;
}
.joe_detail__overdue-wrapper .text { padding-left:.3rem; }
.joe_detail__overdue-wrapper .content{
  border-radius:6px;
  color:var(--color-huise);
  background:var(--bj-zhuse);
	padding:.8rem;
}
.joe_detail__overdue-wrapper .timeb{ float:right; }

/* 公告和说说通用样式 */
.sm-tonggao, .sm-shuoshuo {
  width: 100%;
  box-sizing: border-box;
  background: var(--bj-huangse); /* 公告背景色 */
  border-radius: 6px;
  line-height: 1.6;
  box-shadow: 0 0 1px 0 rgba(0,0,0,.5), 0 0 1px 0 rgba(0,0,0,0.5);
  margin: 10px 0;
  padding: 8px 0 8px 10px; /* 左内边距10px：整体右移 */
  display: flex;
  align-items: center;
  gap: 8px;
}
.sm-shuoshuo {
  background: var(--bj-lvse); /* 说说背景色，覆盖通用样式 */
}

.sm-list-zhiding { color:#f00; }

.sm-fanhui, .sm-anheia, .sm-anhei {
  position:fixed;
  width:2rem;
  height:2rem;
	border-radius:50%;
  cursor:pointer;
  text-align:center;
  line-height:2rem;
	z-index:110;
}
.sm-fanhui { right:20px; bottom:35px; background-color:var(--bj-danlanse); }
.sm-anheia { right:20px; bottom:80px; background-color:var(--bj-shuise); }
.sm-anheia img { margin-top:5px; }
.sm-sidef { display:none; }
.sm-anhei { right:20px; top:5px; }
.sm-fanhui img,.sm-anhei img {
  text-align:center;
  line-height:2rem;
	margin-top:5px;
}
.lazimg { width:100%; height:200px; object-fit:cover; }
.sm-shuo-content { width:100%; }

.post {
  text-align:center;
  color:#70aa00;
  margin:10px 0;
	font-size:var(--font-size-lg);
}
.sm-error-page { background:var(--bj-zhuse); padding:20px 10px; }
.sm-404 {
  background:var(--bj-danlanse);
  padding:10px;
	width:90px;
  text-align:center;
	border-radius:6px;
  margin:20px 0 0;
	color:var(--color-chunhei);
}
.sm-Content-bodya { overflow:hidden; text-align:left; width:100%; line-height:1.5; }
.sm-list-no { text-align:center; margin:30px 0; }
.sm-list-no .next { background:var(--bj-cifuse); padding:10px 20px; border-radius:6px; }

.editTextarea {
  width:calc(100% - 60px);
  height:70px;
  text-indent:.5rem;
  padding-top:10px;
  background:var(--bj-cifuse);
  color:var(--color-chunhei);
	border:1px solid;
	border-color:#A9A98D;
}

.sm-dashang {
  width:calc(100% - 20px);
  display:flex;
	padding:0 10px 10px 10px;
	text-align:center;
	min-width:100px;
}
.sm-weixin, .sm-zhifubao { width:50%; }

.sm-Content-body .xm-list-pairalbumc {
  margin:.5rem 0;
  display:grid;
  grid-gap:4px;
  grid-template-columns:repeat(3,minmax(0,1fr));
	border-radius:6px;
	overflow:hidden;
}
.sm-Content-body .xm-list-album-box {
  position:relative;
  width:100%;
  height:0;
  padding-top:160px !important;
	border-radius:6px;
	overflow:hidden;
}
.sm-Content-body .xm-list-album-box img {
  position:absolute;
  top:0;
	left:0;
	width:100% !important;
	height:160px !important;
	object-fit:cover;
}

.sm-Content-body p input[type=password] {
  width:calc(100% - 95px);
  height:30px;
  background:var(--bj-cifuse);
	border:0px solid #fff;
	margin-right:5px;
	outline:0;
	float:left;
	text-indent:5px;
	border-radius:6px;
}
.sm-Content-body p input[type=submit] {
  width:90px;
  height:30px;
  background:var(--bj-cifuse);
	border:0px solid #fff;
	outline:0;
	text-indent:5px;
	border-radius:6px;
}
.sm-Content-body table { width:100%; margin:10px 0; }
.sm-Content-body table, .sm-Content-body table th, .sm-Content-body table td { border:1px solid var(--bj-cifuse); }
.sm-Content-body table thead { color:#404040; }
.sm-Content-body table tr th {
  padding:10px;
  background:var(--bj-cifuse);
	color:var(--color-chunhei);
}
.sm-Content-body table tbody { color:var(--color-huise); }
.sm-Content-body table tbody tr td {
  border:1px dashed var(--bj-cifuse);
	padding:0.5rem;
	word-break:break-all;
}

.sm-Content-body h1,
.sm-Content-body h2,
.sm-Content-body h3,
.sm-Content-body h4,
.sm-Content-body h5,
.sm-Content-body h6 {
  color: var(--color-chunhei);
  font-size: var(--font-size-lg);
  line-height: 1.5; /* 用比例替代固定值，适配性更好 */
  margin: 10px 0; /* 合并上下边距，更简洁 */
  position: relative;
  padding-left: 25px;
}

.sm-Content-body h1::before,
.sm-Content-body h2::before,
.sm-Content-body h3::before,
.sm-Content-body h4::before,
.sm-Content-body h5::before,
.sm-Content-body h6::before {
  content:'';
  position:absolute;
  top:2px;
	left:0;
	width:20px;
	height:20px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}
.sm-Content-body h1::before { background-image:url("./img/h1.svg"); }
.sm-Content-body h2::before { background-image:url("./img/h2.svg"); }
.sm-Content-body h3::before { background-image:url("./img/h3.svg"); }
.sm-Content-body h4::before { background-image:url("./img/h4.svg"); }
.sm-Content-body h5::before { background-image:url("./img/h5.svg"); }
.sm-Content-body h6::before { background-image:url("./img/h6.svg"); }

.sm-Content-body hr {
  border:none;
  height:1px;
  background-color:var(--bj-cifuse);
	margin:1rem 0;
}
.sm-Content-body blockquote {
  border-left:4px solid rgb(0,174,236);
  padding-left:.75rem;
	margin:1rem 0;
	border-radius:2px 0 0 2px;
}
.sm-Content-body ol, .sm-Content-body ul {
  margin-bottom:18px;
	padding-left:36px;
}
.sm-Content-body ol li, .sm-Content-body ul li {
  line-height:26px;
	margin:10px 0;
}
.sm-Content-body ol li { list-style:decimal; }
.sm-Content-body ul li { list-style:disc; }

.xm-ts-1, .xm-ts-2, .xm-ts-3, .xm-ts-4, .xm-ts-5,
.xm-ts-6, .xm-ts-7, .xm-ts-8, .xm-ts-9, .xm-ts-10 {
  overflow:hidden;
  margin:.5rem 0;
  padding:0.5rem 1rem;
	border-radius:6px;
	min-height:auto;
	line-height:1.8;
	color: var(--color-chunhei); 
}
.xm-ts-1 { background:var(--bj-chengse); }
.xm-ts-2 { background:var(--bj-hongse); }
.xm-ts-3 { background:var(--bj-cifuse); }
.xm-ts-4 { background:var(--bj-lvse); }
.xm-ts-5 { background:var(--bj-danlanse); }
.xm-ts-6 { border:1px solid var(--bj-lvse); }
.xm-ts-7 { border:1px dashed rgb(41,170,227); }
.xm-ts-8, .xm-ts-9, .xm-ts-10 { border:1px solid #e3e3e3; }
.xm-ts-8 { border-left:2px solid #05B536; }
.xm-ts-9 { border-left:2px solid #ED0505; }
.xm-ts-10 { border-left:2px solid #EC8006; }

.xm-sfq-body {
  background:var(--bj-cifuse);
  margin:.5rem 0;
	border-radius:6px;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
}
.xm-sfq {
  background-color:var(--bj-fuse);
  cursor:pointer;
  padding:.75rem 1rem;
	width:100%;
	border:none;
	font-size:14px;
	transition:0.4s;
	color:var(--color-chunhei);
	display:flex;
	align-items:center;
	justify-content:space-between;
	box-sizing:border-box;
}
.xm-sfq-title { flex:1; }
.xm-sfq.active, .xm-sfq:hover { background-color:var(--bj-lvse); color:var(--color-chunhei); }
.panelcd {
  background-color:var(--bj-cifuse);
  max-height:0;
  overflow:hidden;
  transition:max-height 0.2s ease-out;
	padding:0 1rem;
	line-height:2.5;
	color:var(--color-huise);
	font-size:13px;
	border-radius:0 0 6px 6px;
}
.xm-sfq:after {
  content:'\002B';
  color:#404040;
	font-weight:bold;
	margin-left:10px;
	width:18px;
	height:18px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.xm-sfq.active:after { content:"\2212"; color:#404040; }

.xm-anniu {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  vertical-align:top;
	max-width:200px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	border-radius:4px;
	padding:0.3rem 1rem;
	margin:0.3rem;
	color:var(--color-chunhei);
	font-size:13px;
	line-height:1.2;
	height:35px;
	font-weight:500;
	transition:all 0.2s ease;
	cursor:pointer;
	box-shadow:0 2px 5px rgba(0,0,0,0.1);
}
.xm-anniu:hover { transform:translateY(-2px); box-shadow:0 4px 8px rgba(0,0,0,0.15); }
.xm-anniu:active { transform:translateY(0); box-shadow:0 1px 3px rgba(0,0,0,0.1); }
.xm-anniu-1 { background:var(--bj-chengse); }
.xm-anniu-2 { background:var(--bj-hongse); }
.xm-anniu-3 { background:var(--bj-cifuse); }
.xm-anniu-4 { background:var(--bj-lvse); }
.xm-anniu-5 { background:var(--bj-danlanse); }

.comment-overlay {
  position:absolute;
  left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:var(--bj-cifuse);
	z-index:10;
}
.comment-overlay p { letter-spacing:.3rem; color:var(--color-huise); }
.comment-overlay-login { text-align:center; font-size:14px; }

.sm-ffff {
  border-right:2px solid var(--bj-zhuse);
  position:fixed;
	height:20px;
	right:35px;
	top:0;
	cursor:pointer;
	text-align:center;
	line-height:2rem;
}
.sm-Content-topa {
  background:#0000 !important;
	border-radius:0px !important;
	box-shadow:none !important;
}
.sm-Content .sm-Content-topa .sm-txtx {
  background:var(--bj-cifuse);
	border-radius:6px;
	margin-right:10px;
	box-shadow:0 0 1px 0 rgba(0,0,0,.5);
}

.sm-cess {
  display:grid;
  grid-template-columns:repeat(3,1fr);
	gap:15px;
	margin:10px 0;
}
.sm-cess .sm-linkc-body {
  display:flex;
  align-items:center;
  background:var(--bj-zhuse);
	padding:10px;
	border-radius:6px;
	box-shadow:0 1px 3px 0 rgba(96,96,96,0.11);
}
.sm-cess .sm-linkc-zuo { width:calc(100% - 55px); margin-right:15px; }
.sm-cess .sm-linkc-you { width:50px; height:50px; }
.sm-cess .sm-linkc-you img {
  width:40px;
	height:40px;
  display:block;
	border-radius:50%;
	object-fit:cover;
	background:var(--color-huise);
}
.sm-linkc-zuo .sm-linkc-title { padding-bottom:15px; line-height:2; }
.sm-linkc-zuo .sm-linkc-title a { text-decoration:underline var(--color-chunhei); text-underline-offset:15px; }
.sm-linkc-zuo .sm-linkc-ms { line-height:2; }
.sm-linka-content { margin-bottom:10px; }



.xm-img-2, .xm-img-3 {
  display:grid;
  grid-gap:5px;
	border-radius:6px;
	overflow:hidden;
	position:relative;
}
.xm-img-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.xm-img-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
.xm-list-tu {
  width:100%;
	border-radius:6px;
	overflow:hidden;
	max-height:120px;
	position:relative;
}
.xm-list-tu img, .xm-post-images span img {
  max-width:100% !important;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:6px;
	transition:.2s;
	margin:0;
}
.xm-post-images {
  display:grid;
  grid-template-columns:repeat(3,1fr);
	gap:.5rem;
	max-width:100%;
}
.xm-post-img span:nth-child(1) { grid-area:1 / 1 / 3 / 3; }
.xm-post-img span:nth-child(2) { grid-area:1 / 3 / 2 / 4; }
.xm-post-img span:nth-child(3) { grid-area:2 / 3 / 3 / 4; }
.xm-post-img span { position:relative; }



.sm-weizhi { color:var(--color-huise); font-size:13px; margin-top:10px; }

.xm-ffffs { display:none; }
.sm-Tbody { background:var(--bj-zhuse); }

.textarea_box { height:100px; }
.word-count {
  position:absolute;
  top:10px;
	right:120px;
	font-size:12px;
	color:#666;
}

.owo-emoji-icon, .owo-image-icon { display:inline-block; vertical-align:middle; }
.owo-image-icon:hover { color:#007bff; transition:color 0.2s; }
.OwO-logo { display:flex; align-items:center; }

.comment-image {
  max-width:100%;
  height:auto;
  margin:10px 0;
	border-radius:4px;
	cursor:pointer;
	transition:all 0.3s ease;
}
.comment-image:hover { box-shadow:0 2px 8px rgba(0,0,0,0.1); }

@media screen and (min-width:820px) { .sm-sidebar-fudong { display:block !important; } }
@media screen and (max-width:820px) {
  #container .sm-header .sm-menu { width:calc(100% - 20px); max-width:calc(100% - 20px); }
  #container { margin:0 auto; }
  #container .sm-mainContent { width:100%; float:left; }
  #container .sm-sidebar { width:calc(100% - 20px); padding:4px; }
  .lazimg { height:150px; }
  .sm-cess { grid-template-columns:repeat(2,1fr); }
  
  .sm-sidebar-fudong {
    position:fixed;
    top:0;
	left:0;
	z-index:999;
	width:70% !important;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	z-index:99;
	display:none;
	background:var(--bj-zhuse);
	box-shadow:0 1px 3px 0 rgba(96,96,96,0.11);
	max-width:350px;
  }
  .sm-sidebar-fudong #sousuo,
  .sm-sidebar-fudong #tongji,
  .sm-sidebar-fudong #pinglun,
  .sm-sidebar-fudong #suiji,
  .sm-sidebar-fudong #tag,
  .sm-sidebar-fudong #guidang,
  .sm-sidebar-fudong #tuijian { display:none; }
  .sm-sidebar-fudong .sm-Pcontent {
    text-align:left;
    padding:10px;
    display:grid;
    grid-gap:10px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    overflow:hidden;
    position:relative;
  }
  .sm-sidef {
    display:flex;
    width:1.5rem;
	height:1.5rem;
	border-radius:10px;
    cursor:pointer;
    text-align:center;
    align-items:center;
    justify-content:center;
	float:right;
  }
  .sm-ffffa { height:60px; }
  .xm-ffffs { display:block; }
  .sm-ffffa .sm-anhei { top:40px; }
}

@media screen and (max-width:520px) {
  .sm-Content-body .xm-list-pairalbumc { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .xm-gongge { column-count:2; }
  .sm-comment-input-bottom { grid-template-columns:repeat(1,minmax(0,1fr)); }
}

@media screen and (max-width:320px) {
  .sm-Content-body .xm-list-album-box { padding-top:120px !important; }
  .sm-Content-body .xm-list-album-box img { height:120px !important; }
  .xm-gongge { column-count:1; }
}

@media (max-width:768px) {
  aside.sm-sidebar { display:none !important; }
  .main { width:100% !important; margin-left:0 !important; }
}

.sm-Content-body iframe.wy-yy { height:86px !important; width:100% !important; background:var(--bj-zhuse); }
.sm-Content-body .biaoqing,
.sm-commentcontent .biaoqing,
.sm-comment-excerpt img,
.sm-shuoshuoBQ img,
.sm-shuo-content img {
  max-width:100%;
  max-height:25px;
  display:inline-block !important;
	height:auto;
	vertical-align:bottom;
	margin:0;
}

/* 视频+iframe 完美自适应核心修复 */
.sm-video video {
  display:block;
  width:100% !important;
  max-width:none !important;
  aspect-ratio:16/9;
  object-fit:contain;
  background:#000;
  margin:0 auto;
}
iframe {
  display:block;
  width:100% !important;
  aspect-ratio:16/9 !important;
  height:auto !important;
  margin:0 auto;
}
.sm-Content-body iframe.wy-yy {
  aspect-ratio:unset !important;
}
@media screen and (max-width:750px) {
  .sm-video video { min-height:50vh; height:auto !important; }
}
@media screen and (max-width:450px) {
  .sm-video video { min-height:65vh; }
}

/* 仅修复最外层父评论顶部空白 - 核心极简代码，不影响任何子评论 */
li.comment-parent > div.sm-comment {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
    overflow: hidden !important;
    border: 1px solid var(--bj-lvse) !important;
    margin-bottom: 10px !important;
}
li.comment-parent > div.sm-comment > .sm-commenttop {
    background-color: var(--bj-lvse) !important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    overflow: hidden !important;
    padding: 10px !important;
    margin: 0 !important;
}

/* 侧边栏关闭/隐藏时，内容区100%宽度终极适配 */
/* 场景1：sm-Tbody下无侧边栏DOM（后台关闭，不渲染）- 优先级最高 */
#container .sm-Tbody:not(:has(.sm-sidebar)) .sm-mainContent {
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* 场景2：侧边栏被CSS隐藏（display:none）- 兼容手动隐藏/响应式隐藏 */
#container .sm-Tbody .sm-sidebar[style*="display:none"] + .sm-mainContent,
#container .sm-Tbody .sm-sidebar.hidden + .sm-mainContent {
    width: 100% !important;
    float: none !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* 兜底：确保sm-Tbody父容器布局正常，避免其他样式干扰 */
#container .sm-Tbody {
    width: 100% !important;
    margin: 0 auto !important;
    display: block !important;
    box-sizing: border-box !important;
}

/* 兼容响应式：小屏端侧边栏隐藏后，内容区保持100%（与原有媒体查询联动） */
@media screen and (max-width: 820px) {
    #container .sm-Tbody .sm-mainContent {
        width: 100% !important;
        margin: 0 !important;
    }
}