:root{--bg-primary: #f8fafc;--text-primary: #0f172a;--card-bg: #ffffff;--card-border: #e2e8f0}[data-theme=dark]{--bg-primary: #090d16;--text-primary: #f1f5f9;--card-bg: #111827;--card-border: #1f2937;--rdc-bg: transparent;--rdc-added-color: #4ade80;--rdc-added-bg: rgba(74, 222, 128, .18);--rdc-removed-color: #f87171;--rdc-removed-bg: rgba(248, 113, 113, .18);--rdc-equal-color: #94a3b8}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.demo-container{max-width:880px;margin:0 auto;padding:40px 20px}.demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--card-border)}.demo-title{margin:0;font-size:1.8rem;font-weight:700}.theme-toggle-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--card-border);background-color:var(--card-bg);color:var(--text-primary);cursor:pointer;font-weight:500;transition:all .2s}.theme-toggle-btn:hover{filter:brightness(.95)}.demo-section{background-color:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000000d}.demo-section h2{margin-top:0;margin-bottom:8px;font-size:1.3rem}.demo-section p{color:#64748b;margin-top:0;margin-bottom:16px;font-size:.95rem}.diff-box{background-color:#7d7d7d0a;border:1px solid var(--card-border);border-radius:8px;padding:16px;font-size:1.05rem;overflow-x:auto}.custom-badge-add{display:inline-block;padding:2px 8px;margin:0 2px;border-radius:4px;background-color:#22c55e;color:#fff;font-weight:600;font-size:.85em}.custom-badge-del{display:inline-block;padding:2px 8px;margin:0 2px;border-radius:4px;background-color:#ef4444;color:#fff;text-decoration:line-through;font-weight:600;font-size:.85em}