.article-comments{position:relative;isolation:isolate;margin:42px 0 26px;padding:30px;overflow:hidden;border:1px solid rgba(111,153,133,.24);border-radius:30px;background:radial-gradient(circle at 92% 4%,rgba(226,239,228,.9),transparent 34%),radial-gradient(circle at 8% 96%,rgba(250,224,218,.62),transparent 34%),linear-gradient(145deg,#fffdf8,#f3f8f2);box-shadow:0 18px 48px rgba(60,86,74,.09);color:#365247}.article-comments:before{content:"❦";position:absolute;z-index:-1;right:28px;top:-19px;color:rgba(95,145,120,.34);font-family:Georgia,serif;font-size:56px;line-height:1;transform:rotate(10deg)}.article-comments:after{content:"♡";position:absolute;z-index:-1;left:25px;bottom:-25px;color:rgba(196,117,112,.18);font-family:Georgia,serif;font-size:70px;line-height:1;transform:rotate(-12deg)}.article-comments-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:21px}.article-comments-kicker{display:block;margin-bottom:4px;color:#8d6d65;font-size:12px;font-weight:760;letter-spacing:.18em}.article-comments-title{margin:0;color:#355c4d;font-family:Georgia,"Songti SC","STSong",serif;font-size:clamp(24px,3.8vw,34px);font-weight:600;line-height:1.25}.article-comments-count{flex:none;color:#778a80;font-size:12px}.article-comments-intro{margin:-8px 0 23px;color:#708078;line-height:1.7}.article-comments-form{position:relative;display:grid;grid-template-columns:minmax(150px,.72fr) 1.6fr auto;gap:11px;padding:15px;border:1px solid rgba(122,154,138,.2);border-radius:22px;background:rgba(255,255,255,.72);box-shadow:inset 0 1px rgba(255,255,255,.9)}.article-comments-field{display:flex;flex-direction:column;gap:6px}.article-comments-label{color:#587064;font-size:12px;font-weight:720}.article-comments-input,.article-comments-textarea{width:100%;border:1px solid #d7e2da;border-radius:14px;background:#fffefa;color:#304a40;font:inherit;font-size:14px;outline:0;transition:border-color .18s ease,box-shadow .18s ease}.article-comments-input{height:48px;padding:0 14px}.article-comments-textarea{min-height:48px;max-height:160px;padding:13px 14px;resize:vertical}.article-comments-input:focus,.article-comments-textarea:focus{border-color:#7da18f;box-shadow:0 0 0 3px rgba(111,153,133,.14)}.article-comments-submit{align-self:end;min-height:48px;padding:0 18px;border:0;border-radius:999px;background:linear-gradient(135deg,#779d8b,#557d6c);box-shadow:0 9px 22px rgba(70,112,93,.19);color:#fff;font:inherit;font-size:13px;font-weight:760;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.article-comments-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px rgba(70,112,93,.26)}.article-comments-submit:focus-visible{outline:3px solid rgba(202,169,104,.42);outline-offset:3px}.article-comments-submit:disabled{cursor:default;opacity:.55}.article-comments-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.article-comments-guidance{margin:9px 4px 0;color:#8a958f;font-size:11px}.article-comments-status{min-height:21px;margin:8px 4px 0;font-size:12px}.article-comments-status.is-error{color:#a15f5b}.article-comments-status.is-success{color:#4f806a}.article-comments-list{display:grid;gap:13px;margin-top:20px}.article-comment-card{position:relative;padding:17px 18px;border:1px solid rgba(215,226,218,.9);border-radius:20px;background:rgba(255,255,252,.88);box-shadow:0 8px 22px rgba(56,79,69,.055)}.article-comment-header{display:flex;align-items:center;gap:10px}.article-comment-avatar{display:inline-flex;width:36px;height:36px;flex:none;align-items:center;justify-content:center;border:1px solid rgba(111,153,133,.2);border-radius:50% 50% 47% 53%;background:linear-gradient(145deg,#e8f1e9,#d8e9dc);color:#557565;font-family:Georgia,"Songti SC",serif;font-size:15px;font-weight:700}.article-comment-identity{display:flex;min-width:0;flex-direction:column}.article-comment-name{overflow:hidden;color:#3c5e50;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.article-comment-date{color:#91a098;font-size:11px}.article-comment-heart{margin-left:auto;color:#ca8580;font-family:Georgia,serif;font-size:24px;line-height:1}.article-comment-content{margin:12px 0 0;white-space:pre-wrap;color:#435a50;font-size:14px;line-height:1.75}.article-comments-empty{padding:28px 14px;text-align:center;color:#7c8d84}.article-comments-empty p{margin:6px 0}.article-comments-empty-leaf{display:block;color:#7fa08e;font-family:Georgia,serif;font-size:30px}.article-comments-load-error{margin:0;padding:20px;text-align:center;color:#9a6661}.article-comment-pending{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px dashed rgba(195,132,125,.35);border-radius:18px;background:rgba(253,239,235,.62);color:#816962;font-size:13px;line-height:1.6}.article-comment-pending-icon{color:#bf7975;font-family:Georgia,serif;font-size:25px}.article-comments-noscript{display:block;margin-top:12px;color:#8a6c65;font-size:12px}@media(max-width:760px){.article-comments{margin:32px 0 22px;padding:22px 18px;border-radius:24px}.article-comments-heading{align-items:flex-start;flex-direction:column;gap:7px}.article-comments-form{grid-template-columns:1fr}.article-comments-submit{width:100%;min-height:50px}.article-comments-textarea{min-height:104px}.article-comments:before{right:16px}.article-comment-card{padding:16px}}@media(prefers-reduced-motion:reduce){.article-comments-input,.article-comments-textarea,.article-comments-submit{transition:none}}