#comments{color:#222;overflow:visible;}
#comments [hidden]{display:none!important;}
#comments .comment-form{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:24px;align-items:start;margin:8px 0 28px;}
#comments .comment-avatar{display:flex;flex:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--site-primary-soft);color:var(--site-primary);font-size:19px;font-weight:600;overflow:hidden;}
#comments .comment-avatar img{display:block;width:100%;height:100%;object-fit:cover;}
#comments .comment-form .comment-composer{min-width:0;border:1px solid #e5e5e5;border-radius:2px;background:#fff;}
#comments .comment-form textarea{display:block;width:100%;height:60px;min-height:60px;box-sizing:border-box;border:0;outline:none;border-radius:2px;background:#fff;padding:11px 12px;color:#222;font:14px/1.7 "Microsoft YaHei",sans-serif;resize:none;box-shadow:none;}
#comments .comment-form textarea::placeholder{color:#aaa;}
#comments .comment-form textarea:focus{outline:none;box-shadow:none;}
#comments .comment-form .comment-toolbar{display:flex;align-items:center;gap:16px;padding:2px 12px 8px;}
#comments .comment-form .comment-emoji{margin-right:auto;}
#comments .comment-emoji-toggle{background:none;border:0;padding:2px 0;color:#8a8a8a;font:13px/1.5 sans-serif;cursor:pointer;}
#comments .comment-emoji-toggle>span{font-size:18px;vertical-align:-1px;}
#comments .comment-emoji-toggle:hover{color:var(--site-primary);}
#comments .comment-counter{color:#999;font:13px/1.5 sans-serif;white-space:nowrap;}
#comments .comment-submit{min-width:108px;height:32px;border:0;border-radius:2px;background:#ff5000;color:#fff;font:14px/1 sans-serif;cursor:pointer;}
#comments .comment-submit:hover:not(:disabled){background:#e74600;}
#comments .comment-submit:disabled{background:#f0f0f2;color:#fff;cursor:default;opacity:1;}
#comments .comment-feedback{grid-column:2;font-size:13px;line-height:1.6;margin:0;}
#comments .comment-feedback:not(:empty){margin-top:8px;}
#comments .comment-feedback.is-error{color:#c0392b;}
#comments .comment-feedback.is-success{color:#14804a;}
#comments .inline-reply-form{display:block;margin:12px 0 6px;}
#comments .comment-list-heading{font-size:16px;font-weight:500;margin:20px 0 14px;color:#222;}
#comment-list{margin:0;padding:0;list-style:none;}
#comment-list>.comment-item{display:flex;align-items:flex-start;gap:24px;padding:22px 0;margin:0;border-top:0;border-bottom:1px solid #f1f1f1;overflow:visible;}
#comment-list>.comment-item:last-child{border-bottom:0;}
#comment-list .comment-body{flex:1;min-width:0;}
#comment-list .comment-name{display:block;color:var(--site-primary);font-size:13px;font-weight:400;line-height:1.6;}
#comment-list .comment-text{margin:3px 0 7px;color:#222;font-size:16px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere;}
#comment-list .comment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;color:#999;font-size:13px;line-height:1.5;}
#comment-list .comment-time{color:#999;font-size:13px;}
#comment-list .comment-like,#comment-list .comment-reply{display:inline-flex;align-items:center;gap:3px;background:none;border:0;color:#999;font:13px/1.5 sans-serif;padding:0;cursor:pointer;}
#comment-list .comment-like svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.5;}
#comment-list .comment-like[aria-pressed="true"],#comment-list .comment-like:hover,#comment-list .comment-reply:hover{color:var(--site-primary);}
#comment-list .comment-replies{margin:18px 0 0;padding:0;list-style:none;}
#comment-list .comment-replies>li{display:flex;align-items:flex-start;gap:8px;padding:0;margin:0 0 16px;border:0;background:none;overflow:visible;}
#comment-list .comment-replies>li:last-child{margin-bottom:0;}
#comment-list .comment-replies .comment-avatar{width:32px;height:32px;font-size:13px;}
#comment-list .comment-replies .comment-name{display:inline;font-size:13px;}
#comment-list .comment-replies .comment-text{margin:0 0 3px;font-size:14px;}
#comment-list .reply-content{color:#222;}
#comment-list .comment-empty{list-style:none;color:#999;padding:24px 0;text-align:center;font-size:14px;}
#comments-load-status{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 0;color:#999;font-size:14px;}
#comments-load-status .comments-spinner{width:16px;height:16px;box-sizing:border-box;border:2px solid #e1e5e9;border-top-color:#8d99a6;border-radius:50%;animation:comment-spin .7s linear infinite;}
#comments .comment-emoji-panel{position:fixed;z-index:60;box-sizing:border-box;padding:14px 16px 12px;background:#fff;border:1px solid #e8e8e8;border-radius:2px;box-shadow:0 3px 15px #00000012;color:#333;max-width:calc(100vw - 24px);}
#comments .emoji-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:13px;line-height:24px;}
#comment-emoji-close{border:0;background:none;padding:0 2px;color:#b5b5b5;font:22px/24px sans-serif;cursor:pointer;}
#comment-emoji-close:hover{color:#555;}
#comments .emoji-panel-tabs{display:flex;gap:6px;margin:8px 0 10px;}
#comments .emoji-panel-tabs button{padding:3px 10px;background:#fff;border:0;border-radius:3px;color:#999;font:12px/1.6 sans-serif;cursor:pointer;}
#comments .emoji-panel-tabs button[aria-pressed="true"]{background:var(--site-primary-soft);color:var(--site-primary);}
#comments .emoji-panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:3px;max-height:190px;overflow-y:auto;overscroll-behavior:contain;}
#comments .emoji-panel-grid button{height:32px;min-width:0;background:none;border:0;border-radius:3px;font:24px/32px "Segoe UI Emoji","Apple Color Emoji",sans-serif;cursor:pointer;}
#comments .emoji-panel-grid button:hover{background:#f3f6f8;}
@keyframes comment-spin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){#comments-load-status .comments-spinner{animation:none;}}
@media(max-width:640px){#comments .comment-form{grid-template-columns:36px minmax(0,1fr);column-gap:12px;}#comments .inline-reply-form{display:block;}#comments .comment-avatar{width:36px;height:36px;font-size:15px;}#comment-list>.comment-item{gap:12px;padding:18px 0;}#comment-list .comment-actions{gap:18px;}#comment-list .comment-text{font-size:14px;}#comments .comment-form .comment-toolbar{gap:10px;padding:2px 10px 8px;}#comments .comment-submit{min-width:72px;}#comment-list .comment-replies .comment-avatar{width:28px;height:28px;}#comments .comment-emoji-panel{padding:10px 12px;}#comments .emoji-panel-grid{max-height:220px;}}

#comments .comment-demo-label{margin-left:8px;font-size:12px;font-weight:normal;color:#aaa;}
