.entry-content .twikoo-wrap ul,
.entry-content .twikoo-wrap ol,
.entry-content #tcomment ul,
.entry-content #tcomment ol {
  border: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  color: inherit;
}

.entry-content .twikoo-wrap li,
.entry-content #tcomment li {
  padding: 0;
}

.twikoo-wrap {
  animation: main .6s;
  clear: both;
  width: 100%;
  padding: 0 10px 40px;
  max-width: 860px;
  margin: 1.5% auto 0;
  position: relative;
  z-index: 1;
}

.twikoo-wrap #comments-list-title {
  width: fit-content;
  margin: 30px auto 20px;
  color: var(--theme-skin, #505050);
  font-weight: 600;
  font-size: 20px;
  position: relative;
  display: inline-block;
}

.twikoo-wrap #comments-list-title::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 15%;
  width: 70%;
  height: 0.7em;
  background-color: var(--article-theme-highlight, var(--theme-skin-matching, #a4cdf6));
  opacity: 0.4;
  z-index: 0;
  border-radius: 30px;
}

#tcomment .OwO,
#tcomment .tk-owo-emotion,
#tcomment .tk-turnstile-container,
#tcomment .tk-geetest-container,
#tcomment .tk-cap-container,
#tcomment .tk-turnstile,
#tcomment iframe[src*="turnstile"],
#tcomment iframe[src*="recaptcha"] {
  display: none !important;
}

#tcomment .tk-comments-title {
  display: none;
}

/* 评论列表在上、发送区在下 */
#tcomment .tk-comments {
  display: flex;
  flex-direction: column;
}

#tcomment .tk-submit {
  order: 2;
  width: 100%;
  margin: 16px auto 0;
  background: rgb(255 255 255 / 50%);
  border-radius: 15px;
  padding: 18px 22px 8px;
  box-shadow: 0 1px 30px -4px #e8e8e8;
  border: 1.5px solid #ffffff;
}

#tcomment .tk-submit:hover {
  background: rgb(255 255 255 / 80%);
  box-shadow: 0 1px 20px 4px #e8e8e8;
}

#tcomment .tk-avatar {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  overflow: hidden;
  margin-right: 14px;
}

#tcomment .tk-avatar img,
#tcomment .tk-avatar .tk-avatar-img,
#tcomment .tk-avatar .tk-avatar-img img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  object-fit: cover;
}

#tcomment .tk-meta-input .tk-input__inner,
#tcomment .tk-textarea .tk-input__inner {
  font-size: 14px;
  color: #505050;
  background: rgba(255, 255, 255, 0.6);
  border-radius: 10px;
  border: 1px solid #ffffff;
  box-shadow: 0 1px 30px -4px #e8e8e8;
}

#tcomment .tk-textarea .tk-input__inner {
  min-height: 160px;
  padding: 18px;
}

#tcomment .tk-input__inner:focus {
  border-color: var(--article-theme-highlight, var(--theme-skin-matching, #a4cdf6));
}

#tcomment .tk-row.actions {
  margin-left: 62px;
  margin-bottom: 8px;
}

#tcomment .tk-button--primary {
  height: 42px;
  padding: 8px 22px;
  font-size: 15px;
  color: #fff;
  background: var(--article-theme-highlight, var(--theme-skin-matching, #a4cdf6));
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 10px;
  box-shadow: 0 1px 30px -4px #e8e8e8;
}

#tcomment .tk-button--primary:not(.is-disabled):hover,
#tcomment .tk-button--primary:not(.is-disabled):focus {
  color: #fff;
  background: var(--article-theme-highlight, var(--theme-skin-matching, #a4cdf6));
  filter: brightness(1.06);
  border-color: rgba(255, 255, 255, 0.5);
}

#tcomment .tk-comments-container .tk-comment {
  background: rgb(255 255 255 / 50%);
  border-radius: 15px;
  padding: 16px 18px 12px;
  box-shadow: 0 1px 30px -4px #e8e8e8;
  border: 1.5px solid #ffffff;
  margin-top: 16px;
}

#tcomment .tk-comments-container > .tk-comment:hover {
  background: rgb(255 255 255 / 80%);
  box-shadow: 0 1px 20px 4px #e8e8e8;
}

#tcomment .tk-nick,
#tcomment .tk-nick-link {
  font-size: 16px;
  font-weight: 600;
  color: var(--theme-skin, #505050);
}

#tcomment .tk-nick-link:hover {
  color: var(--article-theme-highlight, var(--theme-skin-matching, #a4cdf6));
}

#tcomment .tk-time,
#tcomment .tk-extras {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.35);
}

#tcomment .tk-content {
  font-size: 14px;
  line-height: 30px;
  color: #63686d;
}

#tcomment .tk-content a,
#tcomment .tk-action-link {
  color: var(--article-theme-highlight, var(--theme-skin-matching, #a4cdf6));
}

#tcomment .tk-replies {
  margin-left: 12px;
}

#tcomment .tk-replies .tk-comment {
  background: transparent;
  box-shadow: none;
  border: 0;
  padding: 8px 0;
}

#tcomment .tk-tag {
  border-radius: 6px;
  padding: 1px 7px;
  font-size: 12px;
}

/* Òþ²Ø Powered by Twikoo °æȨÐÅÏ¢ */
#tcomment .tk-footer {
  display: none !important;
}

#tcomment .tk-expand:hover {
  background-color: rgb(255 255 255 / 50%);
  border-radius: 10px;
}

body.dark .twikoo-wrap #comments-list-title {
  color: var(--dark-text-primary, #ccc);
}

body.dark #tcomment .tk-submit,
body.dark #tcomment .tk-comments-container > .tk-comment,
body.dark #tcomment .tk-meta-input .tk-input__inner,
body.dark #tcomment .tk-textarea .tk-input__inner {
  background: rgb(26 26 26 / 60%);
  box-shadow: var(--dark-shadow-normal, 0 1px 20px 2px rgba(26, 26, 26, 0.8));
  border: 1.5px solid var(--dark-border-color, #7d7d7d30);
  color: var(--dark-text-primary, #ccc);
}

body.dark #tcomment .tk-submit:hover,
body.dark #tcomment .tk-comments-container > .tk-comment:hover {
  background: var(--dark-bg-hover, rgba(26, 26, 26, 0.8));
  box-shadow: 0 1px 10px -2px var(--article-theme-highlight, var(--theme-skin-dark, #294aa4));
}

body.dark #tcomment .tk-nick,
body.dark #tcomment .tk-nick-link {
  color: var(--dark-text-primary, #ccc);
}

body.dark #tcomment .tk-content,
body.dark #tcomment .tk-time,
body.dark #tcomment .tk-extras {
  color: var(--dark-text-secondary, #999);
}

body.dark #tcomment .tk-button--primary {
  background: var(--article-theme-highlight, var(--theme-skin-dark, #294aa4));
  border-color: var(--dark-border-color, #7d7d7d30);
}

@media (max-width: 860px) {
  .twikoo-wrap {
    padding: 4% 4% 80px;
  }

  #tcomment .tk-submit {
    padding: 14px 12px 6px;
  }

  #tcomment .tk-avatar {
    width: 36px;
    height: 36px;
    margin-right: 10px;
  }

  #tcomment .tk-row.actions {
    margin-left: 0;
  }

  #tcomment .tk-replies {
    margin-left: 4px;
  }
}

/* ================================================== */
/* Sakurairo 风格评论项：博主徽章 / 回复 / UA          */
/* ================================================== */

/* 评论头部一行：徽章 + 昵称 + 时间，操作区靠右 */
#tcomment .tk-main > .tk-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#tcomment .tk-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
  gap: 4px 0;
}

#tcomment .tk-meta .tk-nick,
#tcomment .tk-meta .tk-tag {
  margin-right: 8px;
}

#tcomment .tk-meta .tk-time {
  margin-left: 0;
}

/* 博主徽章（描边小徽章，置于昵称前） */
#tcomment .tk-tag {
  display: inline-block;
  text-align: center;
  border: 1px solid currentColor;
  border-radius: 3px;
  line-height: 18px;
  padding: 0 5px;
  font-size: 12px;
  font-weight: 400;
  background: transparent;
}

#tcomment .tk-tag-green {
  order: -1;
  min-width: 30px;
  color: var(--article-theme-highlight, var(--theme-skin-matching, #a4cdf6));
}

#tcomment .tk-tag-red {
  color: #f56c6c;
}

#tcomment .tk-tag-yellow {
  color: #e6a23c;
}

/* UA 信息行：（ 浏览器 · 系统 ） */
#tcomment .tk-extras {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2px;
}

#tcomment .tk-extras::before {
  content: "(";
  margin-right: 5px;
}

#tcomment .tk-extras::after {
  content: ")";
  margin-left: 4px;
}

#tcomment .tk-extras .tk-extra {
  display: inline-flex;
  align-items: center;
  margin: 0;
}

#tcomment .tk-extras .tk-extra + .tk-extra {
  margin-left: 10px;
}

#tcomment .tk-extras .tk-extra-text {
  margin-left: 5px;
}

#tcomment .tk-extras .tk-icon {
  display: inline-flex;
  align-items: center;
}

#tcomment .tk-extras .tk-icon svg {
  width: 14px;
  height: 14px;
}

#tcomment .tk-extras .tk-icon img.ua-icon {
  width: 14px;
  height: 14px;
}

#tcomment .tk-extras .tk-icon.ua-replaced svg {
  display: none;
}

/* 点赞 / 回复操作区 */
#tcomment .tk-main > .tk-row .tk-action {
  margin-left: auto;
  display: flex;
  align-items: center;
}

#tcomment .tk-main > .tk-row .tk-action .tk-action-link {
  border: 0;
  background: transparent;
  cursor: pointer;
}

/* 回复按钮（主题色小块） */
#tcomment .tk-main > .tk-row .tk-action .tk-action-link:last-child {
  font-size: 12px;
  color: #ffffff;
  background: var(--article-theme-highlight, var(--theme-skin-matching, #a4cdf6));
  line-height: 20px;
  padding: 0 6px;
  border-radius: 3px;
  margin-left: 10px;
}

#tcomment .tk-main > .tk-row .tk-action .tk-action-link:last-child::before {
  content: "回复";
}

#tcomment .tk-main > .tk-row .tk-action .tk-action-link:last-child .tk-action-icon {
  display: none !important;
}

#tcomment .tk-main > .tk-row .tk-action .tk-action-link:last-child .tk-action-count {
  margin-left: 3px;
  color: #ffffff;
}

#tcomment .tk-main > .tk-row .tk-action .tk-action-link:last-child:hover {
  background: #7d7d7d;
}

/* @昵称 */
#tcomment .tk-content .tk-ruser {
  color: var(--theme-skin, #505050);
  font-weight: 600;
  text-decoration: none;
}

#tcomment .tk-content .tk-ruser:hover {
  color: var(--article-theme-highlight, var(--theme-skin-matching, #a4cdf6));
}

/* 暗色模式补充 */
body.dark #tcomment .tk-tag-green {
  color: var(--article-theme-highlight, var(--theme-skin-dark, #294aa4));
}

body.dark #tcomment .tk-main > .tk-row .tk-action .tk-action-link:last-child {
  background: var(--article-theme-highlight, var(--theme-skin-dark, #294aa4));
}

body.dark #tcomment .tk-main > .tk-row .tk-action .tk-action-link:last-child:hover {
  background: #7d7d7d;
}

/* 移动端补充 */
@media (max-width: 860px) {
  #tcomment .tk-extras {
    line-height: 20px;
  }

  #tcomment .tk-main > .tk-row .tk-action .tk-action-link:last-child {
    margin-left: 8px;
  }
}