/*
 * Artalk · Lifa skin
 * A restrained paper-and-ink treatment inspired by the calendar site.
 */

#CommentsLifa .artalk {
  --at-color-main: #31523b;
  --at-color-font: #222c25;
  --at-color-deep: #18251d;
  --at-color-sub: #6e756f;
  --at-color-grey: #7d817c;
  --at-color-meta: #7a807b;
  --at-color-border: rgba(49, 82, 59, 0.14);
  --at-color-bg: #fbfaf6;
  --at-color-bg-transl: rgba(251, 250, 246, 0.96);
  --at-color-bg-grey: #f2efe8;
  --at-color-bg-grey-transl: rgba(242, 239, 232, 0.88);
  --at-color-bg-light: rgba(49, 82, 59, 0.08);
  --at-color-gradient: linear-gradient(180deg, transparent, #fbfaf6);
  color: var(--at-color-font);
  font-family: "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
}

.lifa-auth-gate {
  position: relative;
  display: grid;
  grid-template-columns: 3.8rem minmax(0, 1fr) auto;
  gap: 1.25rem;
  align-items: center;
  margin: 0 0 1.35rem;
  padding: 1.45rem 1.55rem 1.35rem;
  border-top: 1px solid rgba(170, 129, 70, 0.34);
  border-bottom: 1px solid rgba(49, 82, 59, 0.12);
  color: #26332a;
  background:
    linear-gradient(90deg, rgba(170, 129, 70, 0.045), transparent 32%, rgba(49, 82, 59, 0.025)),
    rgba(253, 252, 248, 0.42);
  font-family: "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
}

.lifa-auth-gate[hidden] { display: none; }

.lifa-auth-gate__copy p {
  margin: 0;
  color: #686f69;
  font-size: 0.79rem;
  line-height: 1.75;
}

.lifa-auth-gate__actions {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 0.35rem 0.75rem;
  min-width: 13.5rem;
}


.lifa-auth-button {
  min-height: 2.4rem;
  border: 0;
  border-radius: 999px;
  color: #31523b;
  background: transparent;
  cursor: pointer;
  font-family: inherit;
  letter-spacing: 0.08em;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.lifa-auth-button:hover {
  transform: translateY(-1px);
  border-color: rgba(49, 82, 59, 0.48);
}

.lifa-auth-button--primary {
  min-width: 5.5rem;
  color: #faf8f2;
  background: linear-gradient(135deg, #405f48, #273f30);
  box-shadow: 0 7px 18px rgba(49, 82, 59, 0.15);
}


.atk-auth-plugin-dialog {
  border: 1px solid rgba(49, 82, 59, 0.16);
  box-shadow: 0 24px 80px rgba(25, 35, 28, 0.2);
  font-family: "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
}

.atk-auth-plugin-dialog .atk-method-item {
  border: 1px solid rgba(49, 82, 59, 0.11);
  background: rgba(49, 82, 59, 0.025);
}

#CommentsLifa .atk-main-editor {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(49, 82, 59, 0.16);
  border-radius: 14px;
  background: rgba(253, 252, 248, 0.9);
  box-shadow: 0 14px 40px rgba(35, 47, 39, 0.045);
  transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

#CommentsLifa .atk-main-editor:focus-within {
  border-color: rgba(49, 82, 59, 0.38);
  box-shadow: 0 18px 46px rgba(35, 47, 39, 0.08);
  transform: translateY(-1px);
}

#CommentsLifa .atk-textarea,
#CommentsLifa .atk-input {
  color: #26332a;
  background: transparent;
  font-family: inherit;
  line-height: 1.85;
}

#CommentsLifa .atk-textarea::placeholder,
#CommentsLifa .atk-input::placeholder {
  color: rgba(64, 72, 66, 0.48);
}

#CommentsLifa .atk-send-btn {
  border: 1px solid #31523b;
  border-radius: 8px;
  color: #faf8f2;
  background: linear-gradient(135deg, #405f48, #273f30);
  box-shadow: 0 7px 18px rgba(49, 82, 59, 0.16);
  font-family: inherit;
  letter-spacing: 0.12em;
  transition: transform 180ms ease, box-shadow 180ms ease, filter 180ms ease;
}

#CommentsLifa .atk-send-btn:hover {
  filter: brightness(1.06);
  transform: translateY(-1px);
  box-shadow: 0 10px 23px rgba(49, 82, 59, 0.22);
}

#CommentsLifa .atk-list {
  margin-top: 1.7rem;
  overflow: hidden;
  border: 1px solid rgba(49, 82, 59, 0.14);
  border-radius: 14px;
  background: rgba(253, 252, 248, 0.78);
  box-shadow: 0 16px 46px rgba(35, 47, 39, 0.04);
}

#CommentsLifa .atk-list-header {
  align-items: center;
  border-bottom: 1px solid rgba(49, 82, 59, 0.11);
  background: linear-gradient(90deg, rgba(49, 82, 59, 0.045), transparent 48%);
}

#CommentsLifa .atk-comment-count-num {
  color: #273f30;
  font-family: Georgia, "Noto Serif SC", serif;
}

#CommentsLifa .atk-comment-wrap {
  border-bottom-color: rgba(49, 82, 59, 0.1);
  transition: background-color 180ms ease;
}

#CommentsLifa .atk-comment-wrap:hover {
  background: rgba(49, 82, 59, 0.022);
}

#CommentsLifa .atk-comment {
  padding: 1.4rem 1.25rem;
}

#CommentsLifa .atk-comment > .atk-avatar img {
  width: 48px;
  height: 48px;
  border: 0;
  border-radius: 50%;
  box-shadow: none;
}

#CommentsLifa .atk-comment > .atk-main > .atk-header .atk-item.atk-nick,
#CommentsLifa .atk-comment > .atk-main > .atk-header .atk-item.atk-nick a {
  color: #233b2b;
  font-size: 0.94rem;
  font-weight: 700;
  letter-spacing: 0.025em;
}

#CommentsLifa .atk-content {
  color: #303a32;
  font-size: 0.96rem;
  line-height: 1.9;
}

#CommentsLifa .atk-common-action-btn {
  border-radius: 999px;
  padding: 0 0.28rem;
  transition: color 160ms ease, background-color 160ms ease;
}

#CommentsLifa .atk-common-action-btn:hover {
  color: #31523b;
  background: rgba(49, 82, 59, 0.07);
}

#CommentsLifa .atk-comment-children {
  margin-left: 0.4rem;
  padding-left: 1rem;
  border-left: 1px solid rgba(170, 129, 70, 0.2);
}

#CommentsLifa .atk-list-no-comment {
  color: #7a807b;
  padding: 2.8rem 1rem;
  letter-spacing: 0.08em;
}

/* Remove the public-facing “Powered by Artalk” line only. */
#CommentsLifa .atk-list-footer .atk-copyright,
#CommentsLifa .atk-copyright {
  display: none !important;
}

/* The site does not use personal homepage links in comment profiles. */
.atk-layer-wrap input[name="link"],
.atk-layer-wrap input[name="url"],
.atk-layer-wrap input[name="public_url"],
.atk-layer-wrap input[autocomplete="url"],
.atk-layer-wrap label:has(input[name="link"]),
.atk-layer-wrap label:has(input[name="url"]),
.atk-layer-wrap label:has(input[name="public_url"]),
.atk-layer-wrap label:has(input[autocomplete="url"]) {
  display: none !important;
}

@media (prefers-reduced-motion: no-preference) {
  #CommentsLifa .atk-comment-wrap {
    animation: lifa-comment-reveal 420ms ease both;
  }

  @keyframes lifa-comment-reveal {
    from { opacity: 0; transform: translateY(7px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

@media (max-width: 640px) {
  .lifa-auth-gate {
    grid-template-columns: 3rem minmax(0, 1fr);
    gap: 0.85rem;
    padding: 1.15rem 0.35rem 1.05rem;
  }

  .lifa-auth-gate__mark {
    width: 2.65rem;
    height: 2.65rem;
  }

  .lifa-auth-gate__actions {
    grid-column: 1 / -1;
    grid-template-columns: 1fr auto;
    width: 100%;
    min-width: 0;
    padding-left: 3.85rem;
  }

  #CommentsLifa .atk-list {
    border-right: 0;
    border-left: 0;
    border-radius: 10px;
  }

  #CommentsLifa .atk-comment {
    padding: 1rem 0.85rem;
  }

  #CommentsLifa .atk-comment > .atk-avatar img {
    width: 42px;
    height: 42px;
  }

  #CommentsLifa .atk-comment > .atk-main {
    margin-left: 53px;
  }
}

/* Local-only populated design preview (`?comment_preview=1`). */
.lifa-preview {
  overflow: hidden;
  border: 1px solid rgba(49, 82, 59, 0.14);
  border-radius: 14px;
  color: #303a32;
  background: rgba(253, 252, 248, 0.86);
  box-shadow: 0 16px 46px rgba(35, 47, 39, 0.04);
  font-family: "Noto Serif SC", "Songti SC", "STSong", Georgia, serif;
}

.lifa-preview__bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.25rem;
  border-bottom: 1px solid rgba(49, 82, 59, 0.11);
  background: linear-gradient(90deg, rgba(49, 82, 59, 0.045), transparent 55%);
  font-size: 0.82rem;
  color: #777d78;
}

.lifa-preview__bar strong { color: #263b2d; font-size: 1rem; letter-spacing: 0.08em; }
.lifa-preview__bar strong small { margin-left: 0.3rem; font-weight: 400; }
.lifa-preview__bar span b { color: #9a493c; font-weight: 600; }

.lifa-preview-comment { display: flex; gap: 1rem; padding: 1.35rem 1.25rem; border-bottom: 1px solid rgba(49, 82, 59, 0.1); }
.lifa-preview-comment__avatar { flex: 0 0 48px; width: 48px; height: 48px; display: grid; place-items: center; border: 1px solid rgba(49, 82, 59, 0.16); border-radius: 50%; color: #334b39; background: #e8e3d8; box-shadow: 0 4px 13px rgba(35, 47, 39, 0.08); }
.lifa-preview-comment__avatar--2 { background: #eee5df; color: #8a554c; }
.lifa-preview-comment__avatar--3 { background: #e8ece5; }
.lifa-preview-comment__avatar--4 { background: #e1e7e5; color: #3d5552; }
.lifa-preview-comment__main { min-width: 0; flex: 1; }
.lifa-preview-comment__main header { display: flex; flex-wrap: wrap; align-items: center; gap: 0.45rem 0.75rem; font-size: 0.78rem; color: #858984; }
.lifa-preview-comment__main header strong { color: #233b2b; font-size: 0.94rem; letter-spacing: 0.025em; }
.lifa-preview-comment__main p { margin: 0.65rem 0 0.7rem; font-size: 0.95rem; line-height: 1.9; }
.lifa-preview-comment__main small { display: block; margin-top: 0.35rem; color: #9a493c; }
.lifa-preview-comment__main footer { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }
.lifa-preview-comment__main footer button { border: 0; padding: 0.15rem 0.25rem; color: #747b75; background: transparent; font-family: inherit; font-size: 0.78rem; }
.lifa-preview-comment--reply { position: relative; margin-left: 5.8rem; padding-left: 1rem; border-left: 1px solid rgba(170, 129, 70, 0.24); background: rgba(49, 82, 59, 0.018); }
.lifa-preview-comment__avatar--reply { flex-basis: 40px; width: 40px; height: 40px; background: #eee4dc; color: #6e4f48; }

.lifa-preview-editor { margin: 1rem; padding: 1rem; border: 1px solid rgba(49, 82, 59, 0.16); border-radius: 10px; background: #fbfaf6; }
.lifa-preview-editor label { display: block; margin-bottom: 0.65rem; color: #263b2d; font-weight: 600; letter-spacing: 0.08em; }
.lifa-preview-editor > div { min-height: 4.2rem; color: #a2a39f; font-size: 0.87rem; }
.lifa-preview-editor footer { display: flex; align-items: center; justify-content: space-between; padding-top: 0.65rem; border-top: 1px solid rgba(49, 82, 59, 0.1); color: #858984; font-size: 0.78rem; }
.lifa-preview-editor button { border: 1px solid #31523b; border-radius: 7px; padding: 0.55rem 1.25rem; color: #faf8f2; background: linear-gradient(135deg, #405f48, #273f30); font-family: inherit; letter-spacing: 0.08em; }

@media (max-width: 640px) {
  .lifa-preview__bar { align-items: flex-start; gap: 0.7rem; }
  .lifa-preview__bar span { text-align: right; }
  .lifa-preview-comment { gap: 0.7rem; padding: 1rem 0.8rem; }
  .lifa-preview-comment--reply { margin-left: 2.6rem; }
  .lifa-preview-editor footer { gap: 0.75rem; }
}


/* ==========================================================================
   Lifa comments v3 — implementation of approved front-end designs 01–06
   ========================================================================== */
#lifa-comments {
  --lifa-ink: #183c2d;
  --lifa-ink-soft: #53625a;
  --lifa-cinnabar: #a63b32;
  --lifa-gold: #a27a43;
  --lifa-line: rgba(151, 116, 70, .24);
  --lifa-paper: #fbf7ee;
  position: relative;
  overflow: hidden;
  margin-top: 0;
  padding: clamp(2.75rem,5vw,4.5rem) 0 clamp(2.5rem,4vw,3.75rem);
  border-top: 0;
  background:
    radial-gradient(ellipse at 12% 18%,rgba(151,116,70,.035),transparent 30rem),
    radial-gradient(ellipse at 88% 76%,rgba(36,77,57,.035),transparent 34rem),
    linear-gradient(180deg,#faf7f0 0%,#f7f2e9 100%);
  isolation: isolate;
}
#lifa-comments > div {
  position: relative; z-index: 1; display: flex; flex-direction: column;
  width: min(100%, 1240px); max-width: 1240px !important; margin-inline: auto;
  padding-inline: clamp(1rem,3vw,2.5rem);
}
#lifa-comments > div > header { position: relative; order: 1; margin: 0 0 clamp(1.8rem,3.5vw,2.8rem) !important; text-align: center; }
#lifa-comments > div > header h2 {
  position: relative; display: inline-flex; align-items: center; gap: .75rem; margin: 0;
  color: var(--lifa-ink); font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun","宋体",serif;
  font-size:clamp(2.45rem,4.3vw,3.55rem); font-weight:500; letter-spacing:.11em; line-height:1.16;
}
#lifa-comments > div > header p { margin:.85rem 0 0 !important; color:#5d645e !important; font-family:"Songti SC","STSong","Noto Serif SC",serif; font-size:clamp(.86rem,1.3vw,1rem) !important; line-height:1.8; letter-spacing:.1em !important; }
#lifa-comments > div > header::after {
  display: block; width: 12rem; height: 1rem; margin: 1.45rem auto 0; content: "◇"; color: var(--lifa-gold);
  background: linear-gradient(var(--lifa-line),var(--lifa-line)) left center/5.1rem 1px no-repeat,
              linear-gradient(var(--lifa-line),var(--lifa-line)) right center/5.1rem 1px no-repeat;
  font-size: .8rem; line-height: 1rem;
}
#CommentsLifa { order: 2; }
#LifaAuthGate { order: 3; }
#lifa-comments noscript { order: 4; }

.lifa-auth-gate {
  grid-template-columns: minmax(0,1.25fr) auto; gap: 2rem; margin: 1.4rem 0 0;
  padding: 1.55rem clamp(1.4rem,4vw,3rem); border: 1px solid var(--lifa-line); border-radius: 8px;
  background: radial-gradient(circle at 5% 45%, rgba(157,122,68,.13), transparent 7rem), linear-gradient(90deg,rgba(255,252,245,.92),rgba(249,244,233,.88));
  box-shadow: 0 8px 26px rgba(56,46,34,.055);
}
.lifa-auth-gate__copy { padding-left: clamp(0rem,3vw,2.4rem); }
.lifa-auth-gate__copy p { font-size: .82rem; }
.lifa-auth-gate__actions { grid-template-columns: minmax(7.5rem,1fr) minmax(10rem,1.2fr); min-width: min(100%,24rem); }
.lifa-auth-button { min-height: 3rem; border-radius: 5px; font-size: .9rem; }
.lifa-auth-button--primary { background: linear-gradient(135deg,#244d39,#153828); }

#CommentsLifa .artalk {
  font-family: "Songti SC","STSong","SimSun",Georgia,serif;
  --at-color-main: var(--lifa-ink); --at-color-bg: rgba(255,253,248,.88); --at-color-border: var(--lifa-line);
}
#CommentsLifa .atk-main-editor { border-color: rgba(151,116,70,.38); border-radius: 7px; background: rgba(255,253,248,.78); box-shadow: 0 4px 18px rgba(73,58,39,.055); }
#CommentsLifa .atk-main-editor:focus-within { border-color: rgba(36,77,57,.55); box-shadow: 0 12px 34px rgba(44,62,49,.09); }
#CommentsLifa .atk-textarea { min-height: 8.5rem; font-size: 1rem; }
#CommentsLifa .atk-send-btn { min-width: 9rem; min-height: 3rem; border-radius: 5px; background: linear-gradient(135deg,#244d39,#153828); }
#CommentsLifa .atk-send-btn::after { margin-left: .55rem; content: "↗"; font-size: 1rem; }
#CommentsLifa .atk-list { border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#CommentsLifa .atk-list-header { min-height: 4.25rem; border-top: 1px solid var(--lifa-line); border-bottom: 1px solid var(--lifa-line); background: transparent; }
#CommentsLifa .atk-list-header .atk-dropdown-wrap,#CommentsLifa .atk-list-header .atk-sort-btn { color: var(--lifa-cinnabar); }
#CommentsLifa .atk-comment-wrap { margin: 0; border-bottom: 1px solid rgba(151,116,70,.18); background: rgba(255,253,248,.22); }
#CommentsLifa .atk-comment-wrap:hover { background: rgba(255,253,248,.5); }
#CommentsLifa .atk-comment { padding: 1.45rem .25rem; }
#CommentsLifa .atk-comment > .atk-avatar img { width: 56px; height: 56px; }
#CommentsLifa .atk-content { font-size: 1rem; line-height: 1.95; }
#CommentsLifa .atk-common-action-btn { color: #706b62; }
#CommentsLifa .atk-comment-children { border-left-color: rgba(151,116,70,.3); }

#CommentsLifa .atk-list-no-comment {
  position: relative; min-height: 19rem; display: grid; place-content: center;
  padding: 5rem 1rem 3rem; color: #656d66; text-align: center;
}
#CommentsLifa .atk-list-no-comment::before { display: block; margin-bottom: 1.1rem; color: var(--lifa-ink); content: "此时无声胜有声"; font-size: clamp(1.45rem,3vw,2rem); letter-spacing: .17em; }
#CommentsLifa .atk-list-no-comment::after { display: block; margin-top: .65rem; color: var(--lifa-gold); content: "◇"; }

.lifa-comment-notice {
  order: 2; width: min(100%,30rem); margin: 0 auto 1rem; padding: .75rem 1rem;
  border: 1px solid rgba(43,100,69,.2); border-radius: 7px; color: #24553b;
  background: rgba(239,247,238,.92); text-align: center; box-shadow: 0 5px 16px rgba(30,65,43,.06);
}
.lifa-comment-notice.is-error { border-color: rgba(169,60,49,.25); color: #9d332d; background: rgba(253,242,238,.94); }

.atk-layer-wrap { backdrop-filter:none !important; }
.atk-layer-wrap .atk-layer-mask {
  background:rgba(12,22,17,.32) !important;
  backdrop-filter:blur(3px);
}
.atk-layer-wrap .atk-layer-item {
  position:fixed !important;
  inset:0 !important;
  z-index:99999 !important;
  display:grid !important;
  width:100vw !important;
  height:100dvh !important;
  place-items:center !important;
}
.atk-layer-wrap .atk-auth-plugin-dialog-wrap {
  display:flex !important;
  width:100% !important;
  height:100% !important;
  align-items:center !important;
  justify-content:center !important;
  padding:1rem !important;
  pointer-events:none;
}
.atk-auth-plugin-dialog {
  position:relative !important;
  overflow:hidden;
  width:min(calc(100vw - 2rem),31rem) !important;
  min-height:17rem !important;
  padding:clamp(1.5rem,4vw,2.6rem) !important;
  border: 1px solid rgba(151,116,70,.38) !important; border-radius: 8px !important;
  background: radial-gradient(ellipse at 50% 100%,rgba(47,75,57,.1),transparent 45%),#fcf8ef !important;
  box-shadow: 0 28px 90px rgba(19,28,22,.3) !important;
  pointer-events:auto;
}
.atk-auth-plugin-dialog::before {
  display:block;
  margin:.5rem 0 .35rem;
  color:#183c2d;
  content:"登录后继续";
  text-align:center;
  font-family:"STKaiti","KaiTi","Kaiti SC","Noto Serif SC",serif;
  font-size:1.9rem;
  font-weight:400;
  letter-spacing:.16em;
}
.atk-auth-plugin-dialog::after {
  display:block;
  margin:.25rem 0 1.25rem;
  color:#8a7a62;
  content:"以常用账号安全进入，共叙此间见闻";
  text-align:center;
  font-size:.78rem;
  letter-spacing:.08em;
}
.atk-auth-plugin-dialog .atk-auth-dialog-title {
  position:absolute !important;
  top:.9rem !important;
  right:.9rem !important;
  left:auto !important;
  width:auto !important;
  border:0 !important;
}
.atk-auth-plugin-dialog .atk-auth-dialog-title .atk-text { display:none !important; }
.atk-auth-plugin-dialog .atk-methods { display:grid !important; gap:.75rem !important; }
.atk-auth-plugin-dialog .atk-method-item {
  display:flex !important;
  min-height:3.4rem !important;
  margin:0 !important;
  border:1px solid rgba(151,116,70,.32) !important;
  border-radius:5px !important;
  background:rgba(255,253,248,.74) !important;
  align-items:center !important;
  justify-content:center !important;
}

#CommentsLifa [class*="image-upload"],#CommentsLifa [class*="img-upload"],#CommentsLifa [title*="图片"],#CommentsLifa [aria-label*="图片"],#CommentsLifa input[type="file"] { display: none !important; }

@media (max-width: 760px) {
  #lifa-comments { padding-top: 3.5rem; }
  #lifa-comments > div { padding-inline: .85rem; }
  #lifa-comments > div > header::before { top: -1.8rem; right: .2rem; opacity: .7; }
  #lifa-comments > div > header h2 { font-size: 2.35rem; letter-spacing: .16em; }
  #lifa-comments > div > header p { max-width: 21rem; margin-inline: auto !important; line-height: 1.8; }
  .lifa-auth-gate { grid-template-columns: 1fr; gap: 1rem; padding: 1.3rem 1rem; text-align: center; }
  .lifa-auth-gate__copy { padding-left: 0; }
  .lifa-auth-gate__actions { grid-column: auto; grid-template-columns: 1fr; min-width: 0; padding-left: 0; }
  .lifa-auth-gate__actions small { grid-column: auto; }
  #CommentsLifa .atk-comment { padding: 1.1rem 0; }
  #CommentsLifa .atk-comment > .atk-avatar img { width: 44px; height: 44px; }
  #CommentsLifa .atk-comment > .atk-main { margin-left: 54px; }
  #CommentsLifa .atk-textarea { min-height: 7rem; }
}


/* Artalk official lifecycle states (v2.10). */
#CommentsLifa.is-list-loading .atk-list { opacity: .55; pointer-events: none; }
#CommentsLifa.is-list-loading::before {
  display: block; width: 1.2rem; height: 1.2rem; margin: 1rem auto;
  border: 2px solid rgba(24,60,45,.18); border-top-color: #183c2d; border-radius: 50%;
  content: ""; animation: lifa-comment-spin .75s linear infinite;
}
#CommentsLifa.is-submitting .atk-send-btn {
  cursor: wait; opacity: .72; pointer-events: none;
}
#CommentsLifa.is-submitting .atk-send-btn::after {
  display: inline-block; content: ""; width: .8rem; height: .8rem;
  border: 1px solid rgba(255,255,255,.45); border-top-color: #fff; border-radius: 50%;
  animation: lifa-comment-spin .75s linear infinite;
}
#CommentsLifa.has-list-error .atk-list::before {
  display: none;
}
@keyframes lifa-comment-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  #CommentsLifa.is-list-loading::before,
  #CommentsLifa.is-submitting .atk-send-btn::after { animation-duration: 1.5s; }
}


/* First-login profile setup — front-end design 04. */
.has-lifa-profile-dialog { overflow: hidden; }
.lifa-profile-layer {
  position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center;
  padding: 1rem; background: rgba(13,24,18,.34); backdrop-filter: blur(4px);
}
.lifa-profile-dialog {
  position: relative; overflow: auto; width: min(100%,760px); max-height: calc(100vh - 2rem);
  padding: clamp(1.35rem,4vw,2.7rem); border: 1px solid rgba(151,116,70,.4); border-radius: 9px;
  color: #26382e; background:
    radial-gradient(ellipse at 50% 100%,rgba(57,82,63,.09),transparent 46%),
    linear-gradient(135deg,rgba(255,255,255,.5),transparent 38%),#fbf7ee;
  box-shadow: 0 28px 90px rgba(19,28,22,.32);
  font-family: "Songti SC","STSong","SimSun",Georgia,serif;
}
.lifa-profile-dialog::before,.lifa-profile-dialog::after {
  position: absolute; width: 3rem; height: 3rem; content: ""; pointer-events: none;
}
.lifa-profile-dialog::before { top: .6rem; left: .6rem; border-top: 1px solid rgba(151,116,70,.45); border-left: 1px solid rgba(151,116,70,.45); }
.lifa-profile-dialog::after { right: .6rem; bottom: .6rem; border-right: 1px solid rgba(151,116,70,.45); border-bottom: 1px solid rgba(151,116,70,.45); }
.lifa-profile-close {
  position: absolute; top: .75rem; right: .9rem; z-index: 2; width: 2.5rem; height: 2.5rem;
  border: 0; color: #735f43; background: transparent; cursor: pointer; font-size: 1.8rem; line-height: 1;
}
.lifa-profile-dialog > header { margin-bottom: 1.7rem; text-align: center; }
.lifa-profile-dialog > header span { color: #a63b32; font-size: .72rem; letter-spacing: .28em; }
.lifa-profile-dialog > header h3 { margin: .35rem 0 .65rem; color: #183c2d; font-size: clamp(1.7rem,4vw,2.25rem); font-weight: 500; letter-spacing: .18em; }
.lifa-profile-dialog > header p { margin: 0; color: #6a706b; font-size: .9rem; letter-spacing: .08em; }
.lifa-profile-form { position: relative; z-index: 1; }
.lifa-profile-form > label { position: relative; display: block; margin-top: 1rem; }
.lifa-profile-form > label > span { display: flex; align-items: center; gap: .55rem; margin-bottom: .45rem; color: #31473a; font-size: .86rem; }
.lifa-profile-form > label b { color: #a63b32; font-size: .68rem; font-weight: 400; }
.lifa-profile-form > label em { color: #54775f; font-size: .7rem; font-style: normal; }
.lifa-profile-form input {
  width: 100%; min-height: 3.15rem; padding: .7rem 3.6rem .7rem .9rem;
  border: 1px solid rgba(151,116,70,.34); border-radius: 5px; outline: 0;
  color: #25382e; background: rgba(255,253,249,.8); font: inherit;
}
.lifa-profile-form input:focus { border-color: rgba(36,77,57,.58); box-shadow: 0 0 0 3px rgba(36,77,57,.07); }
.lifa-profile-form input[readonly] { color: #74766f; background: rgba(235,231,221,.65); }
.lifa-profile-form label small { position: absolute; right: .85rem; bottom: .9rem; color: #8c867b; font-size: .72rem; }
.lifa-profile-error { margin: .9rem 0 0; padding: .65rem .8rem; border: 1px solid rgba(166,59,50,.22); border-radius: 5px; color: #97362f; background: rgba(253,240,237,.7); font-size: .8rem; }
.lifa-profile-form footer { display: grid; grid-template-columns: minmax(11rem,1.5fr) minmax(8rem,1fr); gap: .8rem; margin-top: 1.6rem; }
.lifa-profile-form footer button { min-height: 3.2rem; border-radius: 5px; cursor: pointer; font: inherit; letter-spacing: .12em; }
.lifa-profile-save { border: 1px solid #183c2d; color: #fffdf8; background: linear-gradient(135deg,#28513d,#153728); }
.lifa-profile-save:disabled { cursor: wait; opacity: .68; }
.lifa-profile-skip { border: 1px solid rgba(151,116,70,.5); color: #785b36; background: rgba(255,253,249,.5); }
@media (max-width: 600px) {
  .lifa-profile-layer { align-items: end; padding: 0; }
  .lifa-profile-dialog { width: 100%; max-height: 92vh; padding: 1.5rem 1rem 1.2rem; border-radius: 12px 12px 0 0; }
  .lifa-profile-form footer { grid-template-columns: 1fr; }
}


/* Standard Unicode Emoji picker — grouped, touch-friendly, no image packs. */
#CommentsLifa .atk-editor-plug-emoticons {
  color: #26382e; background: rgba(251,247,238,.98);
  font-family: system-ui,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
}
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-wrap {
  padding-bottom: 2.65rem; scrollbar-width: thin; scrollbar-color: rgba(36,77,57,.32) transparent;
}
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-wrap > .atk-grp {
  align-content: flex-start; gap: .15rem; padding: .7rem .65rem 3rem;
}
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-wrap > .atk-grp > .atk-item {
  min-width: 2.55rem; width: 2.55rem; height: 2.55rem; margin: 0; padding: .25rem;
  border: 1px solid transparent; border-radius: 6px; font-size: 1.35rem; line-height: 1;
  transition: border-color 140ms ease,background-color 140ms ease,transform 140ms ease;
}
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-wrap > .atk-grp > .atk-item:hover,
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-wrap > .atk-grp > .atk-item:focus-visible {
  border-color: rgba(151,116,70,.28); outline: 0; background: rgba(151,116,70,.09); transform: translateY(-1px);
}
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-switcher {
  display: flex; overflow-x: auto; height: 2.65rem; border-color: rgba(151,116,70,.22);
  background: rgba(248,242,231,.98); scrollbar-width: none;
}
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-switcher::-webkit-scrollbar { display: none; }
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-switcher > span {
  flex: 0 0 auto; min-width: 3.25rem; height: 2.65rem; padding: 0 .75rem;
  color: #6f6c62; font-family: "Songti SC","STSong","SimSun",serif; font-size: .76rem;
  line-height: 2.65rem; text-align: center; white-space: nowrap;
}
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-switcher > span:hover,
#CommentsLifa .atk-editor-plug-emoticons > .atk-grp-switcher > span.active {
  color: #183c2d; background: rgba(36,77,57,.08); box-shadow: inset 0 -2px #a63b32;
}
@media (max-width:600px) {
  #CommentsLifa .atk-editor-plug-emoticons > .atk-grp-wrap > .atk-grp { justify-content: space-between; padding-inline: .45rem; }
  #CommentsLifa .atk-editor-plug-emoticons > .atk-grp-wrap > .atk-grp > .atk-item {
    min-width: 2.75rem; width: 2.75rem; height: 2.75rem; font-size: 1.45rem;
  }
}
@media (prefers-reduced-motion:reduce) {
  #CommentsLifa .atk-editor-plug-emoticons > .atk-grp-wrap > .atk-grp > .atk-item { transition: none; }
}


.lifa-comment-notice .lifa-comment-retry {
  margin-left: .85rem; padding: .35rem .75rem; border: 1px solid currentColor; border-radius: 4px;
  color: inherit; background: rgba(255,255,255,.45); cursor: pointer; font: inherit; font-size: .78rem;
}
.lifa-comment-notice .lifa-comment-retry:hover,
.lifa-comment-notice .lifa-comment-retry:focus-visible { outline: 2px solid rgba(166,59,50,.18); outline-offset: 2px; background: #fffaf4; }


/* Product choice: comments are plain text plus standard Emoji only. */
#CommentsLifa .atk-editor-plug-preview,
#CommentsLifa [data-plug="preview"],
#CommentsLifa [data-name="preview"],
#CommentsLifa [title*="Markdown"],
#CommentsLifa [aria-label*="Markdown"],
#CommentsLifa [title*="预览"],
#CommentsLifa [aria-label*="预览"] { display: none !important; }
#CommentsLifa .atk-textarea { white-space: pre-wrap; }

/* Original comment avatars — Shanshui collection 01. */
.lifa-profile-dialog { max-height: 92vh; overflow-y: auto; }
.lifa-avatar-fieldset { min-width: 0; margin: 0 0 1.15rem; padding: 0; border: 0; }
.lifa-avatar-fieldset legend { display: flex; align-items: baseline; justify-content: space-between; width: 100%; margin-bottom: .65rem; color: #254534; }
.lifa-avatar-fieldset legend strong { font-weight: 600; letter-spacing: .08em; }
.lifa-avatar-fieldset legend small { display: none; }
.lifa-avatar-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .65rem; }
.lifa-avatar-choice { position: relative; display: grid; gap: .35rem; min-width: 0; padding: .35rem .35rem .5rem; border: 1px solid rgba(151,116,70,.23); border-radius: 7px; color: #55645a; background: rgba(255,253,249,.62); cursor: pointer; font: inherit; transition: border-color 160ms ease,background-color 160ms ease,transform 160ms ease; }
.lifa-avatar-choice[hidden] { display: none !important; }
.lifa-avatar-choice img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 50%; box-shadow: 0 3px 10px rgba(29,48,37,.1); }
.lifa-avatar-choice span { overflow: hidden; font-size: .7rem; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
.lifa-avatar-choice:hover { border-color: rgba(40,81,61,.55); transform: translateY(-1px); }
.lifa-avatar-choice.is-selected { border-color: #28513d; color: #183c2d; background: rgba(227,237,228,.82); box-shadow: 0 0 0 2px rgba(40,81,61,.09); }
.lifa-avatar-choice.is-selected::after { content: "✓"; position: absolute; top: .25rem; right: .25rem; display: grid; place-items: center; width: 1.25rem; height: 1.25rem; border-radius: 50%; color: #fff; background: #28513d; font-size: .72rem; box-shadow: 0 1px 5px rgba(24,60,45,.3); }
#CommentsLifa .atk-comment > .atk-avatar img[data-lifa-avatar] { object-fit: cover; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; }
#CommentsLifa .atk-comment .atk-badge { border: 0 !important; border-radius: 3px !important; color: #fffdf7 !important; background: #28513d !important; box-shadow: none !important; }
#CommentsLifa .atk-comment > .atk-main > .atk-header .atk-nick,
#CommentsLifa .atk-comment > .atk-main > .atk-header .atk-nick a { color: #263e30 !important; font-family: "Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Source Han Sans SC",Arial,sans-serif !important; font-size: .98rem !important; font-weight: 600 !important; line-height: 1.45 !important; letter-spacing: .01em !important; text-decoration: none !important; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action { display: inline-flex !important; align-items: center; justify-content: center; gap: .15rem; min-width: 2rem; height: 2rem; margin-right: .35rem !important; padding: .35rem !important; border-radius: 50%; color: #717a73 !important; line-height: 1 !important; transition: color 150ms ease,background-color 150ms ease,transform 150ms ease; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action svg { width: 1.05rem; height: 1.05rem; overflow: visible; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; pointer-events: none; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action:hover { color: #28513d !important; background: rgba(40,81,61,.075); transform: translateY(-1px); }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-vote { order: 1; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-reply { order: 2; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-collapse { order: 3; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-review { order: 4; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-pin { order: 5; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-edit { order: 6; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-remove { order: 7; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-collapse,
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-review,
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-pin { color: #9a5548 !important; }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-collapse:hover,
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-review:hover,
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-pin:hover { color: #833d34 !important; background: rgba(154,85,72,.08); }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action.is-remove:hover { color: #a4473d !important; background: rgba(164,71,61,.075); }
#CommentsLifa .atk-comment .atk-actions > .lifa-comment-action .lifa-action-count { min-width: .55rem; font-family: Arial,sans-serif; font-size: .66rem; font-variant-numeric: tabular-nums; line-height: 1; text-align: center; pointer-events: none; }
#CommentsLifa .atk-header .atk-nick a:not([href]) { cursor: default; }
@media(max-width:540px){.lifa-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.42rem}.lifa-avatar-choice{padding:.25rem .25rem .4rem}.lifa-avatar-choice span{font-size:.62rem}}
.lifa-avatar-tabs { display: flex; gap: .45rem; overflow-x: auto; scrollbar-width: thin; margin-bottom: .7rem; padding-bottom: .55rem; border-bottom: 1px solid rgba(151,116,70,.16); }
.lifa-avatar-tab { flex: 0 0 auto; min-width: 4.8rem; padding: .38rem .8rem; border: 1px solid rgba(151,116,70,.28); border-radius: 999px; color: #755b3b; background: rgba(255,253,249,.72); cursor: pointer; font: inherit; font-size: .76rem; }
.lifa-avatar-tab.is-active { border-color: #a4473d; color: #fffaf5; background: #a4473d; box-shadow: 0 2px 7px rgba(164,71,61,.16); }
.lifa-profile-tools { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; margin: 0 0 1rem; }
.lifa-profile-tools button { min-height: 2.2rem; padding: .42rem .9rem; border: 1px solid rgba(151,116,70,.3); border-radius: 999px; color: #665033; background: rgba(255,253,249,.78); cursor: pointer; font-family: "Microsoft YaHei","PingFang SC",sans-serif; font-size: .78rem; line-height: 1; letter-spacing: .04em; transition: border-color 160ms ease,color 160ms ease,background-color 160ms ease,transform 160ms ease; }
.lifa-profile-tools button:hover { border-color: rgba(164,71,61,.45); color: #963f36; background: rgba(255,249,242,.96); transform: translateY(-1px); }
.lifa-profile-tools .lifa-profile-logout { margin-left: .15rem; padding-inline: .65rem; border-color: transparent; color: #8b8174; background: transparent; }
.lifa-profile-tools .lifa-profile-logout:hover { border-color: rgba(166,59,50,.16); color: #8d3d36; background: rgba(255,250,245,.7); }

#CommentsLifa .atk-editor-user { align-items: center; gap: .3rem; cursor: default !important; }
#CommentsLifa .atk-editor-user .lifa-editor-avatar { flex: 0 0 36px; width: 36px; height: 36px; margin: 0; border: 0 !important; outline: 0 !important; border-radius: 50%; object-fit: cover; background: transparent !important; box-shadow: none !important; pointer-events: none; cursor: default !important; user-select: none; }
#CommentsLifa .atk-editor-user .atk-user-profile-btn,
#CommentsLifa .atk-editor-user .atk-user-profile-btn:hover,
#CommentsLifa .atk-editor-user .atk-user-profile-btn:focus,
#CommentsLifa .atk-editor-user .atk-user-profile-btn:active { pointer-events: none !important; cursor: default !important; color: inherit !important; background: transparent !important; box-shadow: none !important; text-decoration: none !important; transform: none !important; user-select: text; }
#CommentsLifa .atk-editor-user .atk-name,
#CommentsLifa .atk-editor-user .atk-name:hover { cursor: default !important; color: inherit !important; text-decoration: none !important; }
#CommentsLifa .atk-editor-user .atk-logout { display: none !important; }
#CommentsLifa .atk-main-editor > .atk-bottom .atk-plug-btn-wrap .atk-plug-btn { min-width: 2.35rem; padding-inline: .55rem !important; font-size: 1.15rem !important; }
#CommentsLifa .atk-main-editor > .atk-bottom .atk-plug-btn-wrap .atk-plug-btn svg { width: 1.15rem !important; height: 1.15rem !important; }
@media(max-width:540px){.lifa-profile-tools{gap:.35rem;flex-wrap:wrap}.lifa-profile-tools button{padding-inline:.7rem}.lifa-profile-tools .lifa-profile-logout{margin-left:0}#CommentsLifa .atk-editor-user .lifa-editor-avatar{flex-basis:32px;width:32px;height:32px}}

/* 2026-08-31 fidelity repair: restore the proportions and typography of designs 01–06. */
#lifa-comments > div > header p::after { margin-top:1rem !important; }
#CommentsLifa .artalk,.lifa-auth-gate {
  font-family:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC",Georgia,serif !important;
}
#CommentsLifa .atk-main-editor {
  border-color:rgba(151,116,70,.42) !important;
  background:rgba(255,253,248,.7) !important;
  box-shadow:0 3px 12px rgba(73,58,39,.045) !important;
}
#CommentsLifa .atk-textarea {
  min-height:5.75rem !important;
  padding:1.25rem 1.35rem !important;
  color:#26372e !important;
  font-size:1rem !important;
  line-height:1.8 !important;
}
#CommentsLifa .atk-send-btn {
  min-width:9.5rem !important;
  min-height:3rem !important;
  margin:.35rem !important;
  border-radius:4px !important;
  font-size:.94rem !important;
  letter-spacing:.1em !important;
}
#CommentsLifa .atk-list { margin-top:1.6rem !important; }
#CommentsLifa .atk-list-header {
  min-height:4rem !important;
  padding-inline:.4rem !important;
  font-size:.95rem !important;
}
#CommentsLifa .atk-list-no-comment {
  min-height:13rem !important;
  padding:3rem 1rem 2.5rem !important;
  color:transparent !important;
  font-size:0 !important;
}
#CommentsLifa .atk-list-no-comment::before {
  margin:0 0 .8rem !important;
  color:#183c2d !important;
  content:"此时无声胜有声" !important;
  font-family:"STKaiti","KaiTi","Kaiti SC","Noto Serif SC",serif !important;
  font-size:clamp(1.65rem,3vw,2.15rem) !important;
  font-weight:400 !important;
  line-height:1.3 !important;
  letter-spacing:.16em !important;
}
#CommentsLifa .atk-list-no-comment::after {
  margin:0 !important;
  color:#77736b !important;
  content:"尚无墨迹落于此处，愿你写下第一句话。" !important;
  font-size:.9rem !important;
  line-height:1.7 !important;
  letter-spacing:.08em !important;
}
.lifa-auth-gate {
  grid-template-columns:minmax(0,1fr) auto !important;
  gap:clamp(1.25rem,4vw,3.5rem) !important;
  margin:.75rem 0 0 !important;
  padding:1.05rem clamp(1.25rem,3.5vw,2.5rem) !important;
  background:rgba(255,253,248,.58) !important;
  box-shadow:0 3px 14px rgba(73,58,39,.035) !important;
}
.lifa-auth-gate__copy { padding-left:0 !important; }
.lifa-auth-gate__copy p {
  color:#59645d !important;
  font-size:.84rem !important;
  line-height:1.75 !important;
  letter-spacing:.035em !important;
}
.lifa-auth-gate__actions {
  display:flex !important;
  min-width:0 !important;
  align-items:center !important;
}
.lifa-auth-gate__actions .lifa-auth-button--primary {
  min-width:8.5rem !important;
  min-height:2.8rem !important;
  padding:.7rem 1.45rem !important;
  border-radius:4px !important;
  font-size:.9rem !important;
  white-space:nowrap !important;
}

/* Designs 04–06: signed-in editor, comment cards and success feedback. */
#CommentsLifa.has-comments .atk-list {
  overflow:visible !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
#CommentsLifa.has-comments .atk-list-header {
  margin-bottom:1rem !important;
  border-top:0 !important;
  border-bottom:1px solid rgba(151,116,70,.26) !important;
}
#CommentsLifa.has-comments .atk-comment-wrap {
  margin:0 0 .9rem !important;
  overflow:hidden !important;
  border:1px solid rgba(151,116,70,.24) !important;
  border-radius:7px !important;
  background:
    linear-gradient(90deg,rgba(255,253,248,.82),rgba(250,246,237,.68)),
    url("../images/comments/lifa-empty-landscape-outline.svg") right bottom/52% auto no-repeat !important;
  box-shadow:0 5px 16px rgba(58,49,37,.045) !important;
}
#CommentsLifa.has-comments .atk-comment-wrap:hover {
  border-color:rgba(151,116,70,.38) !important;
  background-color:rgba(255,253,248,.92) !important;
}
#CommentsLifa.has-comments .atk-comment {
  min-height:8.5rem !important;
  padding:1.35rem 1.5rem 1.2rem !important;
}
#CommentsLifa.has-comments .atk-comment > .atk-avatar img {
  width:56px !important;
  height:56px !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
#CommentsLifa.has-comments .atk-comment > .atk-main { margin-left:70px !important; }
#CommentsLifa.has-comments .atk-header {
  min-height:1.8rem !important;
  align-items:center !important;
}
#CommentsLifa.has-comments .atk-header .atk-nick,
#CommentsLifa.has-comments .atk-header .atk-nick a {
  font-size:1.02rem !important;
  font-weight:600 !important;
  letter-spacing:.06em !important;
}
#CommentsLifa.has-comments .atk-content {
  max-width:52rem !important;
  margin-top:.55rem !important;
  color:#29382f !important;
  font-size:.96rem !important;
  line-height:1.9 !important;
}
#CommentsLifa.has-comments .atk-comment-actions,
#CommentsLifa.has-comments .atk-actions {
  margin-top:.75rem !important;
  color:#6d746e !important;
}
#CommentsLifa.has-comments .atk-common-action-btn {
  padding:.25rem .45rem !important;
  border-radius:4px !important;
}
#CommentsLifa.has-comments .atk-comment-children {
  margin:0 1rem 1rem 4.8rem !important;
  padding-left:1rem !important;
  border-left:2px solid rgba(151,116,70,.2) !important;
}
.lifa-comment-notice {
  width:min(100%,37rem) !important;
  margin:.85rem auto 1rem !important;
  padding:.85rem 1.2rem !important;
  border-color:rgba(43,100,69,.18) !important;
  border-radius:6px !important;
  color:#24553b !important;
  background:rgba(244,248,239,.9) !important;
  box-shadow:none !important;
  font-size:.92rem !important;
  letter-spacing:.06em !important;
}
.lifa-profile-dialog {
  width:min(100%,720px) !important;
  max-height:min(86vh,760px) !important;
  padding:clamp(1.25rem,2.5vw,2rem) !important;
  border-radius:6px !important;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Source Han Sans SC",Arial,sans-serif !important;
  text-rendering:optimizeLegibility;
}
.lifa-profile-dialog > header h3 {
  font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif !important;
  font-weight:500 !important;
  letter-spacing:.12em !important;
}
.lifa-avatar-grid {
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:.55rem !important;
}
.lifa-avatar-choice {
  border-color:transparent !important;
  background:transparent !important;
}
.lifa-avatar-choice span {
  color:#3f4d45 !important;
  font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC","Source Han Sans SC",Arial,sans-serif !important;
  font-size:.8rem !important;
  font-weight:500 !important;
  line-height:1.5 !important;
  letter-spacing:.015em !important;
  text-shadow:none !important;
}
.lifa-avatar-choice:hover,
.lifa-avatar-choice.is-selected {
  border-color:rgba(40,81,61,.38) !important;
  background:rgba(244,239,228,.82) !important;
}
@media(max-width:760px){
  #CommentsLifa.has-comments .atk-comment{padding:1rem !important}
  #CommentsLifa.has-comments .atk-comment > .atk-avatar img{width:44px !important;height:44px !important}
  #CommentsLifa.has-comments .atk-comment > .atk-main{margin-left:55px !important}
  #CommentsLifa.has-comments .atk-comment-children{margin-left:2.7rem !important}
  .lifa-avatar-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
}
.lifa-auth-gate__copy strong {
  font-family:"STKaiti","KaiTi","Kaiti SC","Noto Serif SC",serif !important;
  font-size:clamp(1.2rem,2vw,1.5rem) !important;
  font-weight:400 !important;
}
.lifa-auth-gate__copy p { line-height:1.6 !important; }
.lifa-auth-button { min-height:2.75rem !important; }
@media(max-width:760px){
  #lifa-comments{padding-top:2.75rem !important}
  #lifa-comments > div > header h2{font-size:2.65rem !important}
  #CommentsLifa .atk-textarea{min-height:5.5rem !important;padding:1rem !important}
  #CommentsLifa .atk-list-no-comment{min-height:11.5rem !important;padding:2.4rem .75rem 2rem !important}
  .lifa-auth-gate{grid-template-columns:1fr !important;gap:.85rem !important;margin-top:.5rem !important;padding:1.15rem 1rem !important;text-align:center !important}
  .lifa-auth-gate__actions{justify-content:center !important}
}

#CommentsLifa.is-empty .atk-list-no-comment,
#CommentsLifa.is-empty .atk-list-empty { display:none !important; }
#CommentsLifa.is-empty .atk-list {
  min-height:0 !important;
  padding-bottom:0 !important;
}
#CommentsLifa.is-empty .atk-list-header {
  border-top-color:transparent !important;
  border-bottom-color:transparent !important;
}
#CommentsLifa.is-empty .atk-list > :not(.atk-list-header):not(.atk-list-no-comment):not(.atk-list-empty) {
  min-height:0 !important;
}
#CommentsLifa.artalk,
#CommentsLifa .artalk {
  display:flex !important;
  flex-direction:column !important;
}
#CommentsLifa > .atk-list,
#CommentsLifa .artalk > .atk-list { order:1 !important; }
#LifaEmptyState { order:2 !important; }
#CommentsLifa > .atk-main-editor,
#CommentsLifa .artalk > .atk-main-editor {
  order:3 !important;
  margin-top:1.15rem !important;
}
#CommentsLifa.is-user-logged-out .atk-send-btn { display:none !important; }
#LifaAuthGate { order:4; }
.lifa-empty-state {
  position:relative;
  display:grid;
  justify-items:center;
  min-height:13rem;
  padding:2.2rem 1rem 2rem;
  overflow:hidden;
  color:#626a63;
  text-align:center;
  background-color:#f7f2e9;
  background-image:
    linear-gradient(180deg,rgba(247,242,233,.12),rgba(247,242,233,.02)),
    url("../images/comments/lifa-empty-landscape-outline.svg");
  background-repeat:no-repeat;
  background-position:center,bottom center;
  background-size:100% 100%,100% 100%;
}
.lifa-empty-state[hidden] { display:none !important; }
.lifa-empty-state::before {
  position:absolute;
  top:1.7rem;
  left:50%;
  width:17rem;
  height:8rem;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(180,160,124,.08),transparent 68%);
  content:"";
  transform:translateX(-50%);
}
.lifa-empty-state > * { position:relative;z-index:1; }
.lifa-empty-state__scene {
  display:grid;
  place-items:center;
  width:3rem;
  height:2rem;
  color:#ae8b59;
  font-size:.8rem;
}
.lifa-empty-state h3 {
  margin:.1rem 0 .45rem;
  color:#183c2d;
  font-family:"STKaiti","KaiTi","Kaiti SC","Noto Serif SC",serif;
  font-size:clamp(1.65rem,3vw,2.1rem);
  font-weight:400;
  line-height:1.3;
  letter-spacing:.16em;
}
.lifa-empty-state p {
  margin:0;
  color:#77736b;
  font-size:.9rem;
  line-height:1.7;
  letter-spacing:.08em;
}
.lifa-empty-state button {
  min-height:2.85rem;
  margin-top:1.1rem;
  padding:.55rem 1.35rem;
  border:1px solid rgba(151,116,70,.55);
  border-radius:4px;
  color:#765936;
  background:rgba(255,253,248,.66);
  cursor:pointer;
  font:inherit;
  letter-spacing:.1em;
  transition:border-color 160ms ease,color 160ms ease,background 160ms ease,transform 160ms ease;
}
.lifa-empty-state button:hover,.lifa-empty-state button:focus-visible {
  border-color:#244d39;
  color:#183c2d;
  background:#fffdf8;
  outline:0;
  transform:translateY(-1px);
}
@media(max-width:760px){
  .lifa-empty-state{min-height:12rem;padding:1.9rem .75rem 1.7rem}
}


/* Taller, shared-heading empty state; artwork will be supplied separately. */
.lifa-comment-heading h2{display:flex;justify-content:center;align-items:center;gap:20px;color:#31523b!important;font-family:'Noto Serif SC','Source Han Serif SC',serif;font-weight:700!important;font-size:clamp(26px,3vw,36px)!important}
.lifa-comment-heading h2:before,.lifa-comment-heading h2:after{content:'';width:80px;height:32px;background:url('../images/heading-cloud.svg') center/contain no-repeat;flex-shrink:0}.lifa-comment-heading h2:after{transform:scaleX(-1)}
.lifa-empty-state{min-height:350px;padding:64px 24px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:#f7f2e9;isolation:isolate}.lifa-empty-state:before{display:none}.lifa-empty-state>.lifa-empty-border{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.lifa-empty-state h3{font-family:'Noto Serif SC','Source Han Serif SC',serif;font-size:28px;font-weight:700;letter-spacing:.12em;line-height:1.5;margin:0;color:#31523b}.lifa-empty-state p{margin:0;max-width:32em;line-height:1.9}.lifa-empty-state button{margin-top:6px;background:#315549;color:#fff5df;border-color:#315549;display:inline-flex;align-items:center;gap:9px}.lifa-empty-state button:hover{background:#25483b;color:#fff5df}
#CommentsLifa .atk-send-btn{background:#315549}.lifa-empty-state button:before,#CommentsLifa .atk-send-btn:before{content:'';display:inline-block;width:20px;height:20px;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23dcc18d%22%20d%3D%22M22%202%2015%2022l-4-8-9-4%2020-8Zm-5%205L6%2010l6%202%205-5Zm-4%207%202%204%203-11-5%207Z%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat;vertical-align:middle;flex-shrink:0}#CommentsLifa .atk-send-btn:before{margin-right:8px}#CommentsLifa:not(.is-submitting) .atk-send-btn:after{display:none}
@media(max-width:760px){.lifa-empty-state{min-height:320px;padding:44px 22px;gap:16px}.lifa-empty-state h3{font-size:24px}.lifa-comment-heading h2{gap:10px}.lifa-comment-heading h2:before,.lifa-comment-heading h2:after{width:44px;height:25px}}

.lifa-empty-state{background-image:url('../images/comments/friends-empty.webp');background-size:cover;background-position:center;clip-path:polygon(0 22px,22px 22px,22px 0,calc(100% - 22px) 0,calc(100% - 22px) 22px,100% 22px,100% calc(100% - 22px),calc(100% - 22px) calc(100% - 22px),calc(100% - 22px) 100%,22px 100%,22px calc(100% - 22px),0 calc(100% - 22px))}.lifa-empty-state h3,.lifa-empty-state>p,.lifa-empty-state>button{max-width:44%;margin-left:12%}.lifa-empty-state>p{font-size:14px}@media(max-width:760px){.lifa-empty-state{background-position:62% center;min-height:320px}.lifa-empty-state h3,.lifa-empty-state>p,.lifa-empty-state>button{max-width:100%;margin-left:0}.lifa-empty-state>p{max-width:24em}.lifa-empty-state h3,.lifa-empty-state>p{text-shadow:0 1px 4px #fffaf0}}

.lifa-empty-state{clip-path:url(#lifa-empty-clip)}

/* Dropdowns must paint above the independently clipped illustration. */
#CommentsLifa .atk-list{position:relative;z-index:5;overflow:visible!important}#CommentsLifa .atk-list-header{position:relative;z-index:6;overflow:visible!important}#LifaEmptyState{z-index:0}
.lifa-empty-state h3,.lifa-empty-state>p,.lifa-empty-state>button{margin-left:0!important}.lifa-empty-state h3,.lifa-empty-state>p{text-align:center}
/* Clip only the artwork: keep the thin outline inside the visible boundary. */
.lifa-empty-state{clip-path:none;background-image:none;background-color:transparent;overflow:visible}.lifa-empty-state:after{content:'';position:absolute;inset:0;z-index:-1;background:#f7f2e9 url('../images/comments/friends-empty.webp') center/cover no-repeat;clip-path:url(#lifa-empty-clip);pointer-events:none}.lifa-empty-state>.lifa-empty-border{z-index:0}.lifa-empty-border path{stroke:#bfa881;stroke-width:.7}
@media(max-width:760px){.lifa-empty-state:after{background-position:62% center}}

/* Breathing room belongs inside the comment section, not outside the footer. */
#lifa-comments{padding-bottom:176px!important}
@media(max-width:760px){#lifa-comments{padding-bottom:128px!important}}