.comment-section{width:min(var(--article-content-max-pc,1040px), 100%);border-radius:var(--article-radius,18px);min-height:180px;margin:24px auto 0;padding:clamp(18px,4vw,34px);scroll-margin-top:112px;position:relative}.comment-section #artalk-comments{min-width:0;transition:filter .18s,opacity .18s}.comment-section.is-loading #artalk-comments,.comment-section.is-error #artalk-comments{filter:blur(var(--artalk-loading-blur,10px));opacity:.42;pointer-events:none;user-select:none}.artalk-loading-mask{z-index:8;border-radius:inherit;background:color-mix(in srgb, var(--bg-soft), transparent 8%);backdrop-filter:blur(12px);text-align:center;align-content:center;place-items:center;gap:12px;padding:24px;transition:opacity .18s;display:grid;position:absolute;inset:0}.comment-section.is-ready .artalk-loading-mask{opacity:0;pointer-events:none}.artalk-loading-mask img{object-fit:contain;max-width:92px;max-height:92px}.artalk-loading-spinner{border:3px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;animation:.76s linear infinite artalk-loading-spin}.artalk-loading-spinner.has-gif{display:none}.artalk-loading-mask p{color:var(--muted);margin:0;font-weight:800}.comment-section.is-error .artalk-loading-spinner{border-color:var(--line);border-top-color:var(--rose);animation:none}.comment-section.artalk-theme-integrated :where(.artalk,.atk){--at-color-main:var(--accent-strong);--at-color-red:var(--rose);--at-color-font:var(--text);--at-color-deep:var(--text);--at-color-sub:var(--muted);--at-color-grey:var(--muted);--at-color-meta:var(--muted);--at-color-border:var(--line);--at-color-bg:transparent;--at-color-bg-grey:var(--accent-soft);--at-color-gradient:linear-gradient(transparent, var(--bg-soft));color:var(--text);font:inherit}.comment-section.artalk-theme-integrated :where(.atk-main,.atk-list,.atk-list-body,.atk-comment-wrap){min-width:0}.comment-section.artalk-theme-integrated .atk-main-editor{border:0;border-bottom:1px solid var(--line);color:var(--text);box-shadow:none;background:0 0;border-radius:0;margin:0 0 clamp(20px,3vw,30px);overflow:visible}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-header{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0 0 12px;display:grid}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-header input,.comment-section.artalk-theme-integrated :where(.atk-input,.atk-textarea){min-width:0;caret-color:var(--accent);transition:border-color var(--artalk-motion-duration,.22s) ease, box-shadow var(--artalk-motion-duration,.22s) ease, background var(--artalk-motion-duration,.22s) ease;box-shadow:inset 0 1px #ffffff47;border:1px solid var(--line)!important;color:var(--text)!important;background:color-mix(in srgb, var(--bg-strong), transparent 5%)!important;border-radius:8px!important}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-header input{width:100%;font:inherit;padding:9px 11px;font-size:.86rem;margin:0!important}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-textarea-wrap{padding:0;position:relative}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-textarea-wrap>.atk-textarea{width:100%;min-height:132px;font:inherit;resize:vertical;margin:0;padding:14px 16px;font-size:.94rem;line-height:1.75}.comment-section.artalk-theme-integrated[data-artalk-focus-glow=enabled] :where(.atk-main-editor>.atk-header input,.atk-main-editor>.atk-textarea-wrap>.atk-textarea):focus{box-shadow:0 0 0 3px var(--accent-soft), 0 12px 28px color-mix(in srgb, var(--accent-soft), transparent 30%);outline:none;border-color:var(--accent)!important;background:var(--bg-strong)!important}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-bottom{border-top:1px solid color-mix(in srgb, var(--line), transparent 25%);align-items:center;gap:8px;margin-top:10px;padding:10px 0 14px;display:flex}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-bottom .atk-plug-btn{height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;padding:0 9px;font-size:.82rem;transition:color .16s,border-color .16s,background .16s,transform .16s}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-bottom .atk-plug-btn:hover,.comment-section.artalk-theme-integrated .atk-main-editor>.atk-bottom .atk-plug-btn.active{border-color:var(--line);color:var(--accent-strong);background:var(--accent-soft);transform:translateY(-1px)}.comment-section.artalk-theme-integrated :where(.atk-btn,.atk-send-btn){min-height:34px;box-shadow:0 8px 18px color-mix(in srgb, var(--accent-soft), transparent 18%);font-weight:800;transition:filter .16s,transform .16s,box-shadow .16s;border:1px solid var(--accent)!important;color:#fff!important;background:linear-gradient(135deg, var(--accent), var(--rose))!important;border-radius:8px!important}.comment-section.artalk-theme-integrated :where(.atk-btn,.atk-send-btn):not(.atk-disabled):hover{filter:brightness(1.04);box-shadow:0 11px 24px color-mix(in srgb, var(--accent-soft), transparent 8%);transform:translateY(-1px)}.comment-section.artalk-theme-integrated .atk-plug-panel-wrap{border:1px solid var(--line);background:color-mix(in srgb, var(--bg-strong), transparent 3%);box-shadow:0 14px 32px color-mix(in srgb, var(--shadow-color,#14201c), transparent 82%);border-radius:8px;margin-top:6px}.comment-section.artalk-theme-integrated .atk-plug-panel{color:var(--text);background:0 0!important}.comment-section.artalk-theme-integrated .atk-list{color:var(--text);background:0 0;border:0}.comment-section.artalk-theme-integrated .atk-list>.atk-list-header{border-bottom:1px solid var(--line);min-height:42px;color:var(--text);justify-content:space-between;align-items:center;margin-bottom:10px;padding:8px 2px;font-weight:800;display:flex}.comment-section.artalk-theme-integrated .atk-comment-count-num{color:var(--accent-strong);font-variant-numeric:tabular-nums}.comment-section.artalk-theme-integrated :where(.atk-list-no-comment,.atk-list-read-more-inner,.atk-loading,.atk-err-alert){border:1px dashed var(--line);color:var(--muted);background:color-mix(in srgb, var(--bg-strong), transparent 14%);text-align:center;border-radius:8px;margin:12px 0;padding:14px 16px}.comment-section.artalk-theme-integrated .atk-list-body>.atk-comment-wrap{margin-bottom:var(--artalk-comment-gap,14px)}.comment-section.artalk-theme-integrated .atk-comment-wrap{background:0 0;border:0}.comment-section.artalk-theme-integrated .atk-comment{grid-template-columns:var(--artalk-avatar-size-pc,46px) minmax(0, 1fr);gap:12px;padding:0;display:grid}.comment-section.artalk-theme-integrated .atk-comment>.atk-avatar{float:none;width:var(--artalk-avatar-size-pc,46px);height:var(--artalk-avatar-size-pc,46px);padding:0}.comment-section.artalk-theme-integrated .atk-comment>.atk-avatar img{border:2px solid color-mix(in srgb, var(--accent), white 36%);background:var(--bg-strong);box-shadow:0 7px 18px color-mix(in srgb, var(--accent-soft), transparent 20%);object-fit:cover;border-radius:50%;display:block;width:100%!important;height:100%!important}.comment-section.artalk-theme-integrated .atk-comment>.atk-main{min-width:0;margin:0!important}.comment-section.artalk-theme-integrated .atk-comment>.atk-main>.atk-header{min-height:24px;color:var(--muted);align-items:center;gap:5px;margin:0 0 5px;font-size:.76rem;display:flex;overflow:visible}.comment-section.artalk-theme-integrated .atk-comment>.atk-main>.atk-header .atk-item{margin:0!important}.comment-section.artalk-theme-integrated :where(.atk-nick,.atk-user-name,.atk-comment a,.atk-comment .atk-name){color:var(--accent-strong)!important}.comment-section.artalk-theme-integrated .atk-comment>.atk-main>.atk-header :where(.atk-ua,.atk-badge,.atk-pinned-badge,.atk-region-badge){border:1px solid color-mix(in srgb, var(--line), transparent 18%);color:var(--muted);background:color-mix(in srgb, var(--bg-strong), transparent 8%);border-radius:6px;padding:1px 6px;font-size:.68rem;line-height:1.45}.comment-section.artalk-theme-integrated .atk-content{border:1px solid color-mix(in srgb, var(--accent), transparent 62%);border-radius:var(--artalk-bubble-radius,8px);min-width:0;color:var(--text);background:linear-gradient(135deg, color-mix(in srgb, var(--accent-soft), transparent 8%), transparent 68%), color-mix(in srgb, var(--bg-strong), transparent 4%);box-shadow:0 8px 22px color-mix(in srgb, var(--accent-soft), transparent 42%);overflow-wrap:anywhere;padding:12px 14px;line-height:1.75;position:relative}.comment-section.artalk-theme-integrated .atk-content:before{content:"";border-top:1px solid color-mix(in srgb, var(--accent), transparent 62%);border-left:1px solid color-mix(in srgb, var(--accent), transparent 62%);background:color-mix(in srgb, var(--bg-strong), var(--accent-soft) 24%);width:8px;height:8px;position:absolute;transform:translate(-19px,3px)rotate(-45deg)}.comment-section.artalk-theme-integrated .atk-comment-children{margin:10px 0 0;padding:0}.comment-section.artalk-theme-integrated .atk-comment-children>.atk-comment-wrap{margin:10px 0 0 var(--artalk-thread-indent-active,var(--artalk-reply-indent,22px));border:0}.comment-section.artalk-theme-integrated .atk-comment-children .atk-comment{grid-template-columns:var(--artalk-reply-avatar-size-pc,34px) minmax(0, 1fr);gap:10px}.comment-section.artalk-theme-integrated .atk-comment-children .atk-comment>.atk-avatar{width:var(--artalk-reply-avatar-size-pc,34px);height:var(--artalk-reply-avatar-size-pc,34px)}.comment-section.artalk-theme-integrated .atk-comment-children .atk-content{border-color:color-mix(in srgb, var(--rose), transparent 68%);background:linear-gradient(135deg, color-mix(in srgb, var(--rose), transparent 90%), transparent 70%), color-mix(in srgb, var(--bg-strong), transparent 5%);box-shadow:0 7px 18px color-mix(in srgb, var(--rose), transparent 91%)}.comment-section.artalk-theme-integrated :where(.atk-content p,.atk-content ul,.atk-content ol,.atk-content blockquote,.atk-content pre){max-width:100%;margin-top:.65em;margin-bottom:.65em}.comment-section.artalk-theme-integrated .atk-content>:first-child{margin-top:0}.comment-section.artalk-theme-integrated .atk-content>:last-child{margin-bottom:0}.comment-section.artalk-theme-integrated .atk-content :where(code,pre){border-radius:6px;max-width:100%;overflow-x:auto}.comment-section.artalk-theme-integrated :where(.atk-comment-content img,.atk-content img){width:auto;max-width:min(var(--artalk-image-max-width,420px), 100%);max-height:var(--artalk-image-max-height,320px);border:1px solid var(--line);object-fit:contain;cursor:zoom-in;border-radius:8px;margin:10px 0;display:block}.comment-section.artalk-theme-integrated :where(.atk-comment-content img[atk-emoticon],.atk-content img[atk-emoticon]){width:var(--artalk-emoji-size,1em);height:var(--artalk-emoji-size,1em);max-width:var(--artalk-emoji-size,1em);max-height:var(--artalk-emoji-size,1em);object-fit:contain;vertical-align:-.12em;border:0;border-radius:0;margin:0 .08em;display:inline-block}.comment-section.artalk-theme-integrated .fancybox-image-link[data-artalk-media=emoticon]{width:auto;max-width:none;line-height:inherit;vertical-align:baseline;display:inline}.comment-section.artalk-theme-integrated .atk-comment>.atk-main>.atk-footer{color:var(--muted);margin-top:5px}.comment-section.artalk-theme-integrated .atk-actions{align-items:center;gap:4px 12px;min-height:27px;display:flex}.comment-section.artalk-theme-integrated .atk-actions>span:not(.atk-hide){align-items:center;min-height:27px;padding:2px 0;transition:color .16s,transform .16s;color:var(--muted)!important;margin:0!important;font-size:.74rem!important;display:inline-flex!important}.comment-section.artalk-theme-integrated .atk-actions>span:not(.atk-hide):hover{transform:translateY(-1px);color:var(--accent-strong)!important}.comment-section.artalk-theme-integrated[data-artalk-actions=hover] .atk-actions>span:not(.atk-hide){opacity:.34}.comment-section.artalk-theme-integrated[data-artalk-actions=hover] .atk-comment-wrap:hover .atk-actions>span:not(.atk-hide),.comment-section.artalk-theme-integrated[data-artalk-actions=hover] .atk-comment-wrap:focus-within .atk-actions>span:not(.atk-hide){opacity:1}.comment-section.artalk-theme-integrated:not([data-artalk-bubble=themeBubble]) .atk-content{border-color:var(--line);background:color-mix(in srgb, var(--bg-strong), transparent 6%);box-shadow:none}.comment-section.artalk-theme-integrated:not([data-artalk-bubble=themeBubble]) .atk-content:before{display:none}.comment-section.artalk-theme-integrated[data-artalk-density=compact]{--artalk-comment-gap:9px!important}.comment-section.artalk-theme-integrated[data-artalk-density=compact] .atk-content{padding:9px 11px;line-height:1.62}.comment-section.artalk-theme-integrated[data-artalk-density=compact] .atk-comment>.atk-main>.atk-header{margin-bottom:3px}.comment-section.artalk-theme-integrated .atk-dropdown{min-width:130px;color:var(--text);box-shadow:var(--shadow);border:1px solid var(--line)!important;background:var(--bg-strong)!important;border-radius:8px!important}.comment-section.artalk-theme-integrated .atk-dropdown-item :where(a,span):hover{background:var(--accent-soft);color:var(--accent-strong)!important}.comment-section.artalk-theme-integrated .atk-pagination{justify-content:center;align-items:center;gap:8px;padding:16px 0 2px;display:flex}.comment-section.artalk-theme-integrated .atk-pagination>:where(.atk-btn,.atk-input){height:34px;box-shadow:none;margin:0;border:1px solid var(--line)!important;color:var(--text)!important;background:color-mix(in srgb, var(--bg-strong), transparent 4%)!important;border-radius:8px!important}.comment-section.artalk-theme-integrated .atk-pagination>.atk-btn:not(.atk-disabled):hover,.comment-section.artalk-theme-integrated .atk-pagination>.atk-input:focus{transform:none;border-color:var(--accent)!important;background:var(--accent-soft)!important}.artalk-plane-decoration{z-index:2;pointer-events:none;user-select:none;position:absolute}.artalk-plane-decoration img{pointer-events:none;display:block}.comment-section.artalk-theme-integrated[data-artalk-motion=enabled] .atk-comment-wrap[data-artalk-themed=true]{animation:artalk-theme-bubble-in var(--artalk-motion-duration,.22s) ease both}@keyframes artalk-theme-bubble-in{0%{opacity:0;transform:translateY(6px)}}@media (width<=900px){.comment-section.artalk-theme-integrated .atk-main-editor>.atk-header{grid-template-columns:1fr;gap:8px}.comment-section.artalk-theme-integrated .atk-comment{grid-template-columns:var(--artalk-avatar-size-mobile,38px) minmax(0, 1fr);gap:9px}.comment-section.artalk-theme-integrated .atk-comment>.atk-avatar{width:var(--artalk-avatar-size-mobile,38px);height:var(--artalk-avatar-size-mobile,38px)}.comment-section.artalk-theme-integrated .atk-comment-children .atk-comment{grid-template-columns:var(--artalk-reply-avatar-size-mobile,30px) minmax(0, 1fr);gap:8px}.comment-section.artalk-theme-integrated .atk-comment-children .atk-comment>.atk-avatar{width:var(--artalk-reply-avatar-size-mobile,30px);height:var(--artalk-reply-avatar-size-mobile,30px)}.comment-section.artalk-theme-integrated .atk-comment-children>.atk-comment-wrap{margin-left:min(var(--artalk-thread-indent-active,var(--artalk-reply-indent,22px)), 14px)}.comment-section.artalk-theme-integrated .atk-content{padding:10px 11px;line-height:1.68}.comment-section.artalk-theme-integrated .atk-actions{gap:3px 9px}.comment-section.artalk-theme-integrated .atk-actions>span:not(.atk-hide){min-height:30px;font-size:.7rem!important}.comment-section.artalk-theme-integrated[data-artalk-actions=hover] .atk-actions>span:not(.atk-hide){opacity:1}.comment-section.artalk-theme-integrated[data-artalk-mobile-motion=disabled] .atk-comment-wrap{animation:none!important}}@media (width<=620px){.comment-section{padding:16px}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-textarea-wrap>.atk-textarea{min-height:118px;padding:12px}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-bottom{align-items:flex-start;padding-bottom:12px}.comment-section.artalk-theme-integrated .atk-main-editor>.atk-bottom .atk-plug-btn{padding-inline:7px}.comment-section.artalk-theme-integrated .atk-comment>.atk-main>.atk-header{gap:4px;font-size:.7rem}.comment-section.artalk-theme-integrated .atk-comment>.atk-main>.atk-header :where(.atk-ua,.atk-region-badge),.comment-section[data-artalk-decoration-mobile=disabled] .artalk-plane-decoration{display:none}}html[data-minimal-motion=enabled] .comment-section.artalk-theme-integrated *,html[data-minimal-motion=enabled] .comment-section.artalk-theme-integrated :before,html[data-minimal-motion=enabled] .comment-section.artalk-theme-integrated :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.comment-section.artalk-theme-integrated *,.comment-section.artalk-theme-integrated :before,.comment-section.artalk-theme-integrated :after{transition:none!important;animation:none!important}}