/* 对照界面的布局与原站链接基线；实体样式由复制文件提供。 */

* { box-sizing: border-box; }
body { margin: 0; padding: 24px; font: 15px/1.7 system-ui, sans-serif; color: #cbd4dc; background: #22272b; }
header { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 20px; }
h1 { font-size: 20px; font-weight: 600; margin: 0; }
h2 { font-size: 17px; font-weight: 600; margin: 0 0 4px; color: #e8edf0; }
button { padding: 6px 12px; border: 1px solid #7d98aa; border-radius: 4px; background: transparent; color: #d7e5ee; cursor: pointer; font: inherit; white-space: nowrap; }
button:focus-visible { outline: 2px solid #92d2f7; outline-offset: 3px; }
main { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.demo-panel { min-width: 0; border: 1px solid #59666e; border-radius: 6px; padding: 16px; background: #2c3338; }
.content { min-height: 220px; overflow-wrap: anywhere; }
output { display: block; min-height: 26px; font-size: 12px; color: #a8b7c1; }
p { margin: 18px 0; }
a { color: #78c7fa; text-decoration: underline; cursor: pointer; }
.inline-comment { border-bottom: 1px dashed #eac66b; padding-bottom: 2px; }
.entity-icon { margin-left: 3px; }
.comment-body a[data-entity-cleaned='true'] { color: inherit; text-decoration: none; cursor: text; pointer-events: none; }
.comment-body a[data-entity-cleaned='true'] .entity-icon { display: none; }
@media (max-width: 560px) { main { grid-template-columns: minmax(0, 1fr); } body { padding: 16px; } }