.static-page{max-width:760px;margin:0 auto;padding:56px 0 80px}.static-page-wide{max-width:1040px}.static-page header{padding:24px 0 20px;border-bottom:1px solid var(--line)}.static-page h1{font-family:Georgia,"Songti SC",serif;font-size:clamp(36px,5vw,56px);letter-spacing:0;margin:10px 0}.comments{max-width:760px;margin:-30px auto 80px;padding-top:36px;border-top:2px solid var(--ink)}.comments>header{display:flex;align-items:baseline;justify-content:space-between}.comments h2{font-family:Georgia,"Songti SC",serif;font-size:28px;margin:0}.comments-list{margin-top:20px;border-top:1px solid var(--line)}.empty-comments{padding:26px 0;color:var(--muted);font-size:14px}.comment{position:relative;padding:20px 0;border-bottom:1px solid var(--line)}.comment-reply{margin-left:34px;padding-left:18px;border-left:2px solid var(--line)}.comment-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.comment-head strong{font-size:14px}.comment-head time,.reply-context{font-size:12px;color:var(--muted)}.comment p{margin:10px 0 0;line-height:1.75;white-space:pre-wrap}.reply-context{display:block;margin-bottom:7px}.comment-reply-button{border:0;background:transparent;color:var(--accent);font-size:12px;padding:7px 0 0;cursor:pointer}.comment-compose{margin-top:26px;padding:20px;background:var(--soft);border-radius:6px}.comment-compose>p{margin:0 0 12px;font-size:13px;color:var(--muted)}.comment-compose a{color:var(--accent)}.comment-compose textarea{display:block;width:100%;min-height:108px;resize:vertical;border:1px solid var(--line);border-radius:5px;background:#fff;padding:12px;font:inherit;color:var(--ink);outline:none}.comment-compose textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(18,102,79,.1)}.comment-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}.comment-actions button{min-height:38px;border:0;border-radius:5px;background:var(--accent);color:#fff;padding:0 14px;cursor:pointer}.comment-actions button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.replying{margin-bottom:8px;font-size:12px;color:var(--accent)}.comment-message{min-height:20px;padding-top:10px;font-size:13px}.comment-message.error{color:#a6382b}.comment-message.success{color:var(--accent)}@media(max-width:760px){.static-page{padding-top:36px}.comment-reply{margin-left:14px}.comment-compose{padding:16px}}

/* Theme-independent Muse interaction surface */
.comments{--ink:#181a1b;--muted:#6f7478;--line:#e1e3e5;--soft:#f6f7f7;--accent:#181a1b;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
.comments .eyebrow{color:var(--muted);font-family:inherit;letter-spacing:.1em}.comments h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:24px;letter-spacing:-.02em}
.comment-compose{border:1px solid var(--line);border-radius:8px;background:var(--soft)}.comment-compose textarea{border-radius:6px}.comment-compose textarea:focus{border-color:#181a1b;box-shadow:0 0 0 3px rgba(24,26,27,.08)}
.comment-actions button{border-radius:6px;background:#181a1b}.comment-reply-button,.replying,.comment-compose a{color:#303438}.comment-message.success{color:#267a55}.comment-message.error{color:#a13d36}
.comment.comment-reply{margin-left:calc(min(var(--comment-depth,1),3) * 28px)}
@media(max-width:760px){.comment.comment-reply{margin-left:calc(min(var(--comment-depth,1),3) * 10px);padding-left:12px}}

/* Muse-owned neutral comment surface: intentionally independent of themes */
body .comments{--ink:#202326;--muted:#777d82;--line:#e7e9ea;--soft:#f7f8f8;--accent:#363b3f;max-width:820px;margin:20px auto 90px;padding:38px 0 0;border-top:1px solid #202326;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-style:normal}
.comments>header{padding:0 0 18px;border:0}.comments .eyebrow{display:none}.comments h2{margin:0;color:#202326;font:650 22px/1.3 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:-.02em}.comments-list{margin:0;border-top:1px solid var(--line)}
.comments .comment{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;padding:22px 0;border:0;border-bottom:1px solid var(--line);background:#fff}.comments .comment.comment-reply{padding-left:0;border-left:0}.comment-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#eef0f1;color:#41464a;font-size:14px;font-weight:700}.comment-main{min-width:0}.comments .reply-context{display:block;margin:0 0 5px;color:#8a8f93;font-size:11px}.comments .comment-head{display:flex;align-items:baseline;justify-content:flex-start;gap:8px}.comments .comment-head strong{color:#202326;font-size:14px;font-weight:650}.comments .comment-head time{color:#8a8f93;font-size:12px}.comments .comment-head time:before{content:"·";margin-right:8px}.comments .comment p{margin:8px 0 0;color:#292d30;font-size:15px;line-height:1.72;white-space:pre-wrap}.comments .comment-reply-button{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:3px 0;border:0;background:transparent;color:#777d82;font-size:12px;cursor:pointer}.comments .comment-reply-button:hover{color:#202326}.comment-reply-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body .comments .comment-compose{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:none}.comments .comment-compose>p{color:#777d82}.comments .comment-compose textarea{min-height:116px;border:1px solid #dfe2e3;border-radius:6px;background:#fff;color:#202326;font:14px/1.65 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}.comments .comment-compose textarea:focus{border-color:#676d71;box-shadow:0 0 0 3px rgba(32,35,38,.06)}.comments .comment-actions button{border-radius:5px;background:#202326;color:#fff;font-size:12px}.comments .comment-actions button.secondary{border-color:#dfe2e3;background:#fff;color:#454a4e}
@media(max-width:760px){body .comments{margin-top:10px;padding-top:28px}.comments .comment{grid-template-columns:34px minmax(0,1fr);gap:11px;padding:18px 0}.comment-avatar{width:34px;height:34px;font-size:12px}.comments .comment.comment-reply{margin-left:calc(min(var(--comment-depth,1),3) * 8px)}.comments .comment p{font-size:14px}}

/* Thread rhythm, overflow safety and like/reply action row */
body .comments{width:100%;padding-left:2px;padding-right:2px;overflow:hidden}.comments-list{overflow:hidden}.comments .comment,.comments .comment *{min-width:0;max-width:100%}.comments .comment{column-gap:16px;padding:26px 4px}.comments .comment-main{overflow:hidden}.comments .comment p{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}.comments .comment p a{word-break:break-all}
.comments .comment.comment-reply{margin:0 0 0 56px;padding:20px 18px 20px 22px;border-left:2px solid #dfe2e3;border-bottom-color:#eceeef;background:#f8f9f9}.comments .comment.comment-reply+.comment-reply{border-top:1px solid #eceeef}.comments .comment.comment-reply[data-depth="2"],.comments .comment.comment-reply[data-depth="3"]{margin-left:56px}.comments .comment.comment-reply .comment-avatar{width:34px;height:34px;background:#fff;border:1px solid #e1e4e5;font-size:12px}.comments .comment.comment-reply{grid-template-columns:34px minmax(0,1fr);gap:12px}.comments .reply-context{margin-bottom:6px;color:#8b9094}
.comment-item-actions{display:flex;align-items:center;gap:17px;margin-top:11px}.comments .comment-reply-button,.comments .comment-like-button{display:inline-flex;align-items:center;gap:5px;margin:0;padding:4px 0;border:0;background:transparent;color:#777d82;font-size:12px;line-height:1;cursor:pointer}.comments .comment-reply-button:hover,.comments .comment-like-button:hover{color:#202326}.comments .comment-like-button[aria-pressed="true"]{color:#202326}.comments .comment-like-button[aria-pressed="true"] svg{fill:#202326}.comment-reply-button svg,.comment-like-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.comments .comment-like-button:disabled{opacity:.45;cursor:wait}
body .comments .comment-compose{margin:34px 2px 0;padding:22px}.comments .comment-compose textarea{max-width:100%;overflow-wrap:anywhere}.comments .comment-actions{margin-top:13px}
@media(max-width:760px){body .comments{padding-left:0;padding-right:0}.comments .comment{column-gap:12px;padding:21px 2px}.comments .comment.comment-reply,.comments .comment.comment-reply[data-depth="2"],.comments .comment.comment-reply[data-depth="3"]{margin-left:18px;padding:17px 12px 17px 14px}.comments .comment.comment-reply{grid-template-columns:30px minmax(0,1fr);gap:10px}.comments .comment.comment-reply .comment-avatar{width:30px;height:30px}.comment-item-actions{gap:15px}body .comments .comment-compose{margin-left:0;margin-right:0;padding:17px}}

/* Bounded visual hierarchy for threaded replies */
.comments .comment.comment-reply[data-depth="1"]{margin-left:32px;background:#fafafa;border-left-color:#d9dcde}
.comments .comment.comment-reply[data-depth="2"]{margin-left:52px;background:#f7f8f8;border-left-color:#cfd3d5}
.comments .comment.comment-reply[data-depth="3"]{margin-left:72px;background:#f4f5f5;border-left-color:#c4c9cb}
.comments .comment.comment-reply[data-depth="2"] .reply-context:before,.comments .comment.comment-reply[data-depth="3"] .reply-context:before{content:"↳";margin-right:5px;color:#9ba0a3}
@media(max-width:760px){.comments .comment.comment-reply[data-depth="1"]{margin-left:12px}.comments .comment.comment-reply[data-depth="2"]{margin-left:24px}.comments .comment.comment-reply[data-depth="3"]{margin-left:36px}}

/* Ghost-like discussion controls and wpDiscuz-inspired branch guides */
.comments>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.comments h2 [data-comment-count]{color:#8a8f93;font-size:12px;font-weight:500;vertical-align:middle}.comment-sort{display:flex;align-items:center;padding:3px;border:1px solid #e1e4e5;border-radius:7px;background:#f7f8f8}.comment-sort button{padding:6px 9px;border:0;border-radius:5px;background:transparent;color:#7a8084;font-size:11px;cursor:pointer}.comment-sort button.active{background:#fff;color:#202326;box-shadow:0 1px 3px rgba(20,22,23,.08)}
.comments .comment.comment-reply[data-depth="1"],.comments .comment.comment-reply[data-depth="2"],.comments .comment.comment-reply[data-depth="3"]{background:#fff;border-left:1px solid #d8dcde}.comments .comment.comment-reply{position:relative}.comments .comment.comment-reply:before{content:"";position:absolute;left:-1px;top:27px;width:13px;border-top:1px solid #d8dcde}.comments .comment.comment-reply[data-depth="2"] .reply-context:before,.comments .comment.comment-reply[data-depth="3"] .reply-context:before{content:none}
@media(max-width:520px){.comments>header{align-items:flex-start;flex-direction:column;gap:12px}.comment-sort{align-self:stretch}.comment-sort button{flex:1}}

/* Product Hunt-inspired identity badges and connected avatar nodes */
.comment-avatar.has-image{background-position:center;background-size:cover;background-repeat:no-repeat;border:1px solid #e1e4e5}
.comments .comment-head{flex-wrap:wrap;row-gap:5px}.comment-verified{width:16px;height:16px;display:inline-grid;place-items:center;border-radius:50%;background:#2f8f68;color:#fff;font-size:10px;font-weight:800}.comment-member-badge{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid #dde1e2;border-radius:5px;background:#f5f6f6;color:#596064;font-size:10px;font-weight:650;line-height:1}.comment-member-badge[data-level="2"]{border-color:#d8dde5;background:#f0f3f7;color:#48576a}.comment-member-badge[data-level="3"]{border-color:#cce8dc;background:#eaf7f1;color:#267354}.comments .comment-head time{margin-left:2px}.comments .comment-avatar{position:relative;z-index:2}.comments .comment:has(+ .comment-reply):after{content:"";position:absolute;left:24px;top:63px;bottom:-1px;border-left:1px solid #d8dcde}.comments .comment.comment-reply:has(+ .comment-reply):after{left:16px;top:53px}.comments .comment.comment-reply:before{width:16px}
@media(max-width:760px){.comments .comment:has(+ .comment-reply):after{left:18px;top:54px}.comments .comment.comment-reply:has(+ .comment-reply):after{left:14px;top:48px}.comment-member-badge{padding:2px 6px}}

/* Curved thread connectors: avatar nodes instead of boxed reply rows */
.comments-list{border-top:0}.comments .comment{border-bottom:0}.comments .comment:not(.comment-reply){margin-top:18px;padding-top:28px;border-top:1px solid #eceeef}.comments .comment:not(.comment-reply):first-child{margin-top:0;border-top:0}.comments .comment.comment-reply,.comments .comment.comment-reply[data-depth="1"],.comments .comment.comment-reply[data-depth="2"],.comments .comment.comment-reply[data-depth="3"]{padding-top:18px;padding-bottom:18px;border:0;background:#fff}.comments .comment.comment-reply+.comment-reply{border-top:0}
.comments .comment.comment-reply:before{content:"";position:absolute;left:-22px;top:-12px;width:30px;height:42px;border:0;border-left:1px solid #d4d9db;border-bottom:1px solid #d4d9db;border-bottom-left-radius:16px;pointer-events:none}.comments .comment:has(+ .comment-reply):after{border-left-color:#d4d9db}.comments .comment.comment-reply:has(+ .comment-reply):after{left:16px;top:52px;bottom:-18px}.comments .comment-avatar{box-shadow:0 0 0 5px #fff}
@media(max-width:760px){.comments .comment:not(.comment-reply){margin-top:12px;padding-top:22px}.comments .comment.comment-reply,.comments .comment.comment-reply[data-depth="1"],.comments .comment.comment-reply[data-depth="2"],.comments .comment.comment-reply[data-depth="3"]{padding-top:16px;padding-bottom:16px}.comments .comment.comment-reply:before{left:-14px;top:-10px;width:20px;height:35px;border-bottom-left-radius:12px}.comments .comment.comment-reply:has(+ .comment-reply):after{left:14px;top:46px;bottom:-16px}.comments .comment-avatar{box-shadow:0 0 0 4px #fff}}

/* Refined identities and mathematically aligned thread curves */
.comment-verified{display:none}.comment-member-badge,.comment-member-badge[data-level="2"],.comment-member-badge[data-level="3"]{display:inline-flex;align-items:center;padding:3px 7px;border:1px solid #e1e4e5;border-radius:5px;background:#f5f6f6;color:#70767a;font-size:10px;font-weight:650;line-height:1;letter-spacing:.02em}.comment-member-badge:before{content:none}.comment-member-badge[data-level="2"]{border-color:#dce4ec;background:#f0f5fa;color:#557087}.comment-member-badge[data-level="3"]{border-color:#d5e9df;background:#edf7f2;color:#3d765f}
.comments .comment:has(+ .comment-reply):after{left:25px;top:58px;bottom:-18px}.comments .comment.comment-reply:has(+ .comment-reply):after{left:17px;top:48px;bottom:-18px}.comments .comment.comment-reply:before{top:-18px;height:46px;border-bottom-left-radius:15px}.comments .comment.comment-reply[data-depth="1"]:before{left:-7px;width:25px}.comments .comment.comment-reply[data-depth="2"]:before,.comments .comment.comment-reply[data-depth="3"]:before{left:19px;width:20px}.comments .comment-avatar{box-shadow:0 0 0 3px #fff}
@media(max-width:760px){.comments .comment:has(+ .comment-reply):after{left:17px;top:50px;bottom:-16px}.comments .comment.comment-reply:has(+ .comment-reply):after{left:15px;top:43px;bottom:-16px}.comments .comment.comment-reply:before{top:-16px;height:41px;border-bottom-left-radius:12px}.comments .comment.comment-reply[data-depth="1"]:before{left:3px;width:13px}.comments .comment.comment-reply[data-depth="2"]:before,.comments .comment.comment-reply[data-depth="3"]:before{left:17px;width:12px}.comments .comment-avatar{box-shadow:0 0 0 3px #fff}}

/* Compact, evenly inset comment section header */
body .comments{padding:0 0 34px}.comments>header{min-height:0;padding:22px 28px 20px;border-bottom:1px solid #eceeef}.comments>header>div:first-child{display:flex;align-items:center;gap:10px}.comments h2{display:flex;align-items:center;gap:9px}.comments h2 [data-comment-count]{display:inline-flex;align-items:center;min-height:23px;padding:3px 8px;border-radius:999px;background:#f1f3f3;color:#71777b;font-size:10px;font-weight:600;line-height:1;white-space:nowrap}.comment-sort{margin-right:0}.comments-list{padding:0 28px}.comments .comment:not(.comment-reply):first-child{padding-top:24px}body .comments .comment-compose{margin:28px 28px 0}
@media(max-width:760px){body .comments{padding-bottom:24px}.comments>header{padding:18px 16px 16px}.comments-list{padding:0 16px}body .comments .comment-compose{margin:24px 16px 0}.comments h2 [data-comment-count]{min-height:21px;padding:3px 7px}}
@media(max-width:520px){.comments>header{flex-direction:row;align-items:center;gap:12px}.comment-sort{align-self:auto;margin-left:auto}.comment-sort button{padding:6px 8px}}

/* Structural nested threads: one continuous connector owned by each parent */
.comment-branch{position:relative;min-width:0}.comment-branch>.comment{margin-left:0!important}.comment-children{position:relative;margin-left:25px;padding-left:28px;border-left:1px solid #d4d9db}.comment-children>.comment-branch{position:relative}.comment-children>.comment-branch:before{content:"";position:absolute;left:-29px;top:0;width:28px;height:32px;border-left:1px solid #d4d9db;border-bottom:1px solid #d4d9db;border-bottom-left-radius:14px;pointer-events:none}.comment-children>.comment-branch:last-child:after{content:"";position:absolute;left:-30px;top:32px;bottom:0;width:3px;background:#fff;pointer-events:none}.comment-branch .comment:before,.comment-branch .comment:after{content:none!important}.comment-branch .comment.comment-reply{padding-left:0;padding-right:4px}.comment-branch .comment-avatar{box-shadow:0 0 0 3px #fff}.comment-children .comment-children{margin-left:17px;padding-left:24px}.comment-children .comment-children>.comment-branch:before{left:-25px;width:24px}
@media(max-width:760px){.comment-children{margin-left:17px;padding-left:18px}.comment-children>.comment-branch:before{left:-19px;width:18px;height:27px;border-bottom-left-radius:11px}.comment-children>.comment-branch:last-child:after{left:-20px;top:27px}.comment-children .comment-children{margin-left:15px;padding-left:16px}.comment-children .comment-children>.comment-branch:before{left:-17px;width:16px}.comment-branch .comment.comment-reply{padding-right:2px}}

/* Terminate each parent rail at its final direct child and preserve text width */
.comment-children{margin-left:21px;padding-left:22px}.comment-children>.comment-branch:before{left:-23px;width:22px}.comment-children>.comment-branch:last-child:after{left:-24px;top:32px;bottom:-1px;width:4px;z-index:5;background:#fff}.comment-children .comment-children{margin-left:15px;padding-left:18px}.comment-children .comment-children>.comment-branch:before{left:-19px;width:18px}.comment-children .comment-children>.comment-branch:last-child:after{left:-20px}.comment-branch>.comment{position:relative;z-index:2}
@media(max-width:760px){.comment-children{margin-left:15px;padding-left:16px}.comment-children>.comment-branch:before{left:-17px;width:16px}.comment-children>.comment-branch:last-child:after{left:-18px;top:27px;width:4px}.comment-children .comment-children{margin-left:12px;padding-left:14px}.comment-children .comment-children>.comment-branch:before{left:-15px;width:14px}.comment-children .comment-children>.comment-branch:last-child:after{left:-16px}}

/* Bridge every parent avatar to the rail owned by its direct children */
.comment-branch:has(> .comment-children)>.comment:after{content:""!important;position:absolute;top:52px;bottom:-1px;left:17px;border-left:1px solid #d4d9db;pointer-events:none;z-index:1}.comment-branch:has(> .comment-children)>.comment:not(.comment-reply):after{top:68px;left:21px}.comment-children .comment-children{margin-left:17px;padding-left:16px}.comment-children .comment-children>.comment-branch:before{left:-17px;width:16px}.comment-children .comment-children>.comment-branch:last-child:after{left:-18px}
@media(max-width:760px){.comment-branch:has(> .comment-children)>.comment:after{top:46px;left:15px}.comment-branch:has(> .comment-children)>.comment:not(.comment-reply):after{top:56px;left:17px}.comment-children .comment-children{margin-left:15px;padding-left:14px}.comment-children .comment-children>.comment-branch:before{left:-15px;width:14px}.comment-children .comment-children>.comment-branch:last-child:after{left:-16px}}

/* Paint each elbow once: mask the rail beneath it to avoid a doubled, kinked corner */
.comment-children>.comment-branch:before{top:-1px;height:34px;background:#fff;border-bottom-left-radius:17px;z-index:1}.comment-children>.comment-branch:last-child:after{top:33px}.comment-branch:has(> .comment-children)>.comment:after{bottom:-2px}
@media(max-width:760px){.comment-children>.comment-branch:before{top:-1px;height:30px;border-bottom-left-radius:14px}.comment-children>.comment-branch:last-child:after{top:29px}.comment-branch:has(> .comment-children)>.comment:after{bottom:-2px}}

/* Product Hunt-style connector layer: a single SVG path owns rails and elbows */
.comment-children{border-left:0!important}.comment-children>.comment-branch:before,.comment-children>.comment-branch:after,.comment-branch:has(> .comment-children)>.comment:after{content:none!important}.comment-branch>.comment{background:transparent!important}.comment-thread-svg{position:absolute;inset:0;z-index:0;display:block;overflow:visible;pointer-events:none}.comment-thread-svg path{fill:none;stroke:#d4d9db;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.comment-branch>.comment,.comment-branch>.comment-children{position:relative;z-index:1}