/* 评论系统补充样式（在原模板样式基础上追加，不影响原 style.css） */

/* 顶部提示条 */
.comments .notice {
    margin: 4px 0 14px;
    padding: 10px 14px;
    font-size: 13px;
    line-height: 160%;
    border-radius: 3px;
    border: 1px solid #d9e6ff;
    background: #f0f6ff;
    color: #2b5ba8;
}
.comments .notice-error {
    border-color: #f5cfcf;
    background: #fff5f5;
    color: #b93b3b;
}
.comments .notice p { margin: 0; }
.comments .notice p + p { margin-top: 4px; }

/* 评论标题右侧的条数 */
.comments .comments-title .count {
    font-size: 13px;
    color: #999;
    margin-left: 8px;
}

/* 空状态 */
.commentlist .comment-empty {
    padding: 30px 0 34px;
    text-align: center;
    color: #999;
    font-size: 13px;
    border-bottom: 1px solid #e0e0e0;
}
.commentlist .comment-empty strong {
    display: block;
    font-weight: normal;
    font-size: 15px;
    color: #666;
    margin-bottom: 6px;
}

/* 提交表单 */
.comments .respond .form-row { margin: 0; }
.comments .respond .captcha-question {
    display: inline-block;
    min-width: 54px;
    font-size: 13px;
    color: #444;
}
.comments .respond .captcha-refresh {
    margin-left: 8px;
    font-size: 12px;
    color: #4d90fe;
    text-decoration: none;
}
.comments .respond .captcha-refresh:hover { text-decoration: underline; }
.comments .respond .submit-hint {
    margin-left: 10px;
    font-size: 12px;
    color: #999;
}
.comments .respond .field-error {
    margin: 0;
    font-size: 12px;
    color: #c9302c;
}

/* 表单校验错误：显示在提交按钮上方，红色 */
.comments .respond .form-errors {
    margin: 2px 0 8px;
}
.comments .respond .form-errors p {
    margin: 2px 0;
    color: red; font-weight: bold;
    font-size: 12.5px;
    line-height: 160%;
}

/* AJAX 提交成功提示：显示在提交按钮上方，绿色 */
.comments .respond .form-ok {
    margin: 2px 0 8px;
}
.comments .respond .form-ok p {
    margin: 2px 0;
    color: #2e7d32;
    font-size: 12.5px;
    line-height: 160%;
}

/* 提示 3 秒后淡出（由 index.php 的 autoDismiss 添加 .is-leaving） */
.comments .respond .form-errors,
.comments .respond .form-ok {
    transition: opacity 0.3s ease, transform 0.3s ease;
}
.comments .respond .form-errors.is-leaving,
.comments .respond .form-ok.is-leaving {
    opacity: 0;
    transform: translateY(-4px);
    pointer-events: none;
}

/* AJAX 刷新列表时的过渡 */
.commentlist {
    transition: opacity 0.2s ease;
}

/* 回复状态条 */
.comments .respond .replying-bar {
    margin: 2px 0 8px;
    font-size: 12.5px;
    color: #4d90fe;
}
.comments .respond .replying-bar strong { margin: 0 4px; font-weight: 600; }
.comments .respond .replying-bar a { color: #999; margin-left: 6px; }
.comments .respond .replying-bar a:hover { color: #666; }

/* 子评论列表：沿用模板缩进，回复链接样式 */
.commentlist .children { list-style: none; }
.commentlist a.comment-reply-link { cursor: pointer; }

/* 蜜罐字段：对真人不可见 */
.comments .respond .hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: -9999px !important;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* 评论正文保留换行 */
.comments .comment-content p {
    white-space: pre-wrap;
    word-break: break-word;
}

/* 移动端微调 */
@media (max-width: 600px) {
    .comments .respond input.text,
    .comments .respond .textarea {
        max-width: 100%;
    }
}

/* 管理员（后台）回复：昵称红色显示 */
.commentlist .comment-names.admin-name {
  font-size: 12px;line-height: inherit;
    width:41px; text-align: center;box-shadow: 0px 2px 0px #818181,0px -2px 0px #818181;
    color: #fff;background:#818181;
}

.itakeo_sec {
  display: none;
  color: rgba(255, 255, 255, 0.6);
  border: 1px solid #444444;
  margin-top: 30px;
  position: relative;
}

.itakeo_sec div {
  display: flex;
  justify-content: center;
}

.itakeo_sec div span {
  flex: 1;
  display: inline-flex;
  position: relative;
  padding: 10px 10px 10px 65px;
}

.itakeo_sec div span:after {
  content: attr(data-type);
  display: block;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate3d(0, -50%, 0);
  font: 800 55px / 1 Lato, system-ui, -apple-system, sans-serif;
  color: rgb(255, 194, 75);
  opacity: .5;
}

.itakeo_sec div span:nth-child(2) {
  background: #1c1c1c;
}

.itakeo_sec div label {
  align-self: center;
}

.itakeo_title {
  display: none;
  margin-top: 30px;
  font-size: clamp(28px, 3.5vw, 40px);
}

blockquote.sectuoes,
blockquote.sectuoes p {
  margin-bottom: 10px !important
}

#notificationWrap {
  display: none
}

.post-wrap .m-post {
  padding: 20px 20px 5px 20px
}

.swiperWrap {
  max-width: 551px;
  text-align: center;
  margin: 20px auto
}

blockquote {
  line-height: 1.5;
  font-size: 15px;
  margin: 15px 0;
}

.jzTips2 {
  border-color: #000;
  background: #ff49ec;
  color: #fff;
  padding: 6px 10px
}

.jzTips {
  border: none;
  background: #ffc07e;
  color: #000;
  padding: 6px 10px
}

.jzTips p,
.jzTips2 p {
  padding-bottom: 0;
  margin-bottom: 0 !important
}

.jzTips strong {
  display: block;
  font-size: 17px;
  margin-bottom: 4px
}

.jzTips.jzUpdate {
  background: none;
  padding-top: 0
}

.jzTips.jzUpdate .update_time {
  font-weight: normal;
  color: #444;
  padding-left: 20px;
  font-size: 12px
}

.typeicon.standard,
.typeicon.comment-icon,
.footer,
.single-navigation {
  display: none
}

.c h2 span {
  font-size: 13px;
  font-weight: normal;
  padding-left: 15px;
  color: #333
}

svg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #3800e7
}

.post-wrap {
  margin-top: 30px
}

.upDateBtn {
  display: inline-block;
  padding: 5px 10px;
  background: #df25d9;
  font-weight: 400;
  color: #fff
}

.upDateBtn:active {
  background: #970a92
}

.isErrTips .fillTips {
  display: block
}

.fillTips {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, .88);
  backdrop-filter: blur(5px)
}

.fillTips div {
  box-sizing: border-box;
  font-size: 15px;
  position: absolute;
  width: 80%;
  left: 10%;
  top: 28%;
  background: #fff;
  padding: 14px
}

.fillTips p {
  margin-bottom: 0 !important
}

.dialogMaskWrap {
  backdrop-filter: blur(5px);
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  background: rgba(0, 0, 0, .85)
}

.dialogMaskWrap.show {
  display: block
}

.arrowImg {
  width: 150px;
  transform: rotate(-60deg);
  position: fixed;
  right: 8px;
  top: 63px
}

.defaultBrowser {
  position: fixed;
  right: 20px;
  top: 150px;
  width: 250px;
  border-radius: 10px;
  background: #f7f7f7;
  padding: 0 8px
}

.defaultBrowser img {
  width: 100%;
  border-radius: 10px
}

.defaultBrowser p {
  margin-bottom: 0 !important;
  text-align: center !important;
  font-size: 15px
}

.downOpera {
  position: relative;
  display: block;
  margin: 10px 0
}

.downOpera .downTipBtn {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  display: none
}

.downOpera .downTipBtn.show {
  display: block
}

.v_tips {
  min-width: 136px;
  padding: 5px 8px;
  text-align: center;
  animation: colorChange 1s infinite;
  background: rgb(241 151 32 / 25%);
  outline: none;
  border: 1px solid #ff7100
}

@keyframes colorChange {
  0% {
    background: #ff7100
  }

  50% {
    background: rgb(241 151 32 / 25%)
  }

  100% {
    background: #ff7100
  }
}

.checkDeviceBtn {
  background: rgb(241 151 32 / 25%);
  outline: none;
  border: 1px solid #ff7100
}

.checkDeviceBtn.active {
  background: #ff7100;
  color: #000
}

.android_device,
.pc_device,
.ios_device,
.itakeo_tips,
.sliderImgWrap,
.ios_img,
.android_img {
  display: none;
  text-align: left;
  line-break: anywhere
}

.deviceWrap[data-type="1"] .android_device {
  display: block
}

.deviceWrap[data-type="2"] .ios_device {
  display: block
}

.deviceWrap[data-type="3"] .pc_device {
  display: block
}

.deviceWrap[data-type] .itakeo_tips,
.deviceWrap[data-type] .sliderImgWrap {
  display: block
}

.deviceWrap[data-type="2"] .sliderImgWrap .ios_img {
  display: inline-block
}

.deviceWrap[data-type="1"] .sliderImgWrap .android_img,
.sliderImgWrap:active {
  cursor: grabbing
}

.sliderImgWrap {
  cursor: grab;
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap
}

.sliderImgWrap img {
  width: 200px;
  margin-right: 20px;
  border: 1px solid#111
}

.sliderImgWrap img:last-child {
  margin-right: 0
}

.qes_code,
.qes_code p {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  margin-bottom: 10px !important
}

.post-wrap .m-infoarea {
  display: none
}

.itakeo_content {
  border: 1px solid #444444;
  padding: 12px;
}

.post-wrap .m-post {
  padding: 0
}

body .post-wrap .m-post .title {
  display: none
}

body .post-wrap {
  background: none
}

.itakeo_wrap {
  line-height: 1.4;
  display: flex
}

.itakeo_left {
  flex: 1;
  color: #fff;
  position: relative
}

.itakeo_left h1 {
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 100;
  line-height: 1.35
}

.itakeo_left h2 {
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  margin-top: 20px;
  font-weight: 400
}

.itakeo_left h3,
.itakeo_h4 {
  color: #30ff78;
  font-size: 13px;
  margin-top: 10px;
  font-weight: 400
}

.itakeo_button {
  width: 145px;
  text-align: center;
  padding:12px 15px;
  font-size: 20px;
  font-weight: 500;
  background: #ff7100;
  cursor: pointer;
  color: #fff;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  transition: background .3s ease;
  user-select: none;
  border: 1px solid #ff7100;
  animation: salePulse 1s ease-in-out infinite;
  margin-top: 80px
}

.itakeo_posi {
  position: absolute;
  left: 0;
  bottom: 0
}

.itakeo_button:hover {
  background: rgb(241 151 32 / 25%);
  color: #ff7100
}

@keyframes salePulse {
  0% {
    box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.7)
  }

  100% {
    box-shadow: 0 0 0 15px rgba(239, 68, 68, 0)
  }
}

.itakeo_right {
  flex: 1;
  justify-content: end;
  display: flex;
  margin-left: 25px;
  text-align: center
}

blockquote {
  color: #fff;
  border: none;
  padding-left: 0
}

.itakeo_left h1 strong,
.itakeo_link,
.itakeo_title span {
  font-weight: 600;
  padding: 6px 2px;
  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 21px 7px;
  box-decoration-break: clone;
  color: #ffbf00;
  -webkit-box-decoration-break: clone;
  outline: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4 C 5 1.8 5 1.8 10 4 C 15 6.2 15 6.2 20 4' fill='none' stroke='%233BEFDD' stroke-width='2.6'/%3E%3C/svg%3E")
}

.itakeo_bg {
  height: 8px;
  opacity: .2;
  margin-bottom: 20px;
  background-size: 30.88px 38.14px;
  background-image: linear-gradient(129deg, rgba(103, 103, 103, 1) 25%, rgba(27, 27, 27, 1) 25%, rgba(27, 27, 27, 1) 50%, rgba(103, 103, 103, 1) 50%, rgba(103, 103, 103, 1) 75%, rgba(27, 27, 27, 1) 75%, rgba(27, 27, 27, 1) 100%)
}

.itakeo_left h1 .itakeo_strong2,
.itakeo_link,.itakeo_title2 span {
  color: #30ff78;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 8' preserveAspectRatio='none'%3E%3Cpath d='M0 4 C 5 1.8 5 1.8 10 4 C 15 6.2 15 6.2 20 4' fill='none' stroke='%23FF6FB0' stroke-width='2.6'/%3E%3C/svg%3E")
}
.itakeo_title2,.itakeo_sec2{display: none;}

.sliderImgWrap::-webkit-scrollbar {
  display: none
}

.sliderImgWrap::-webkit-scrollbar {
  display: none
}

.downOpera a {
  display: inline-block;
  min-width: 144px;
  text-align: center;
  font-weight: 400;
  color: #fff;
  padding: 6px 8px;
  background: rgb(241 151 32 / 25%);
  outline: none;
  border: 1px solid #ff7100
}

.downOpera a:hover {
  background: #ff7100
}

.itakeo_block {
  display: none;
  margin-top: 20px
}

.itakeo_block.open {
  display: block;
  scroll-margin-top: 20px
}

.itakeo_link:hover {
  color: #ff6fb0;
}

.itakeo_h4 {
  margin-bottom: 8px;
  font-size: 14px
}

.itakeo_tips.jzTips {
  margin-top: 0;
  font-size: 14px;
  background: rgb(241 151 32 / 25%);
  outline: none;
  color: #fff;
  border: 1px solid #ff7100;
}

.itakeo_tips p {
  margin-top: 2px;
  color: rgba(255, 255, 255, 0.6)
}

.upDateBtn img {
  margin-right: 6px;
  width: 17.5px;
  height: 17.5px;
  align-self: center;
}

.max550 {
  margin-top: 2px !important;
}

.maxPc550 {
  margin: 2px 0;
}

.maxBt550 {
  margin-bottom: 2px !important;
}

.itakeo_right {
  display: flex;
  position: relative;
}

.itakeo_img_wrap img {
  max-width: none !important;
  position: absolute;
  pointer-events: none;
  left: 0;
  height: 100%;
  box-shadow: -7px 0px 10px #000000;
}

.itakeo_img_wrap {
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: flex;
  z-index: 10;
}

.itakeo_img_wrap div {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  width: 16.66%;
  position: relative;
  transition: all .3s ease;
  cursor: pointer;
}

.itakeo_right_img.active {
  width: 40%;
}

.itakeo_dialog_img {
  position: fixed;
  visibility: hidden;
  pointer-events: none;
  transform: scale(1.2);
  opacity: 0;
  transition: all .3s ease;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  will-change: transform;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.itakeo_dialog_img:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle, rgba(121, 121, 121, 1) 6%, rgba(0, 0, 0, .8) 70%);
  backdrop-filter: blur(3px);
}

.itakeo_dialog_img.show {
  transform: scale(1);
  opacity: 1;
  visibility: inherit;
  pointer-events: inherit;
}

.itakeo_dialog_img img {
  max-height: 85%;
  pointer-events: none;
  box-shadow: 0px 0px 30px #000;
  border-radius: 10px;
  will-change: transform;
  position: relative;
  z-index: 10;
  user-select: none;
  -webkit-user-select: none;border: 1px solid #3e3e3e;
}

.header,
.mobile-nav {
  display: none !important;
}

@media screen and (max-width:880px) {
  .itakeo_button {
    padding: 12px 15px
  }

  .itakeo_left h2 {
    line-height: 1.4;
    font-size: 14px
  }
}

@media screen and (max-width:750px) {
    .isAndroid .itakeo_title2,.isAndroid .itakeo_sec2{display: block;}
  .itakeo_dialog_img:after {
    background: radial-gradient(circle, rgba(140, 140, 140, 1) 6%, rgba(0, 0, 0, .8) 101%);
  }

  .itakeo_link:active {
    color: #ff6fb0;
  }

  .itakeo_bg {
    display: none;
  }

  .downOpera a:hover {
    background: transparent;
  }

  .downOpera a:active {
    background: #ff7100;
  }

  .itakeo_title {
    text-align: center;
    display: block;
  }

  .isIphone .itakeo_left h1 {
    font-size: 29px;
  }

  .isIphone .itakeo_left h2,
  .isIphone .itakeo_sec div span,
  .isIphone .itakeo_h4 {
    font-size: 15px;
  }

  .isIphone .itakeo_left h3 {
    font-size: 14px;
  }

  .itakeo_sec {
    display: block;
  }

  .itakeo_sec div {
    flex-direction: column;
  }

  .itakeo_sec div span {
    padding: 14px 10px 14px 40px;
    font-size: 13px;
  }

  .itakeo_sec div span:after {
    font-size: 35px;
    left: 10px;
  }

  .sliderImgWrap img {
    width: 170px
  }

  .post-wrap .m-post {
    padding: 14px 0px 4px 0px !important
  }

  .post-wrap {
    margin-top: 12px
  }

  .comments h2 {
    font-size: 18px
  }

  .comments {
    padding: 6px 11px !important
  }

  .itakeo_button:hover {
    background: #ff7100;
    color: #fff
  }

  .itakeo_button:active {
    background: transparent;
    color: #ff7100
  }

  .itakeo_posi {
    position: relative;
    left: 0;
    bottom: 0
  }

  .itakeo_button {
    margin: 30px auto 0 auto
  }

  .itakeo_left h1 {
    font-size: 27px;
    text-align: center
  }

  .itakeo_left h2 {
    line-height: 1.4;
    font-size: 14px;
    text-align: center !important
  }

  .itakeo_left h3 {
    text-align: center
  }

  .itakeo_wrap {
    flex-direction: column
  }

  .itakeo_left {
    width: 100%
  }

  .itakeo_right {
    padding-left: 0;
    margin: 30px auto 0px auto
  }
}

@media screen and (max-width: 550px) {
  .itakeo_tab {
    display: flex;
    margin-bottom: 0 !important;
  }

  .itakeo_tab .upDateBtn {
    flex: 1;
    text-align: center;
    padding: 7px 10px;
  }

  .itakeo_tab .upDateBtn:nth-child(2) {
    margin: 0 -1px !important;
  }

  .itakeo_content {
    border-top: 0;
  }
}

@media (hover:hover) and (pointer: fine) {
  .itakeo_img_wrap div:hover {
    width: 40%;
  }
}