.legacy-content .em { color: var(--accent); }.legacy-content .em-g { color: var(--success); }.legacy-content .big-claim { font-size: 22px; font-weight: 800; color: var(--text); line-height: 1.6; margin-bottom: 20px; }.legacy-content .flow-list { display: flex; flex-direction: column; gap: 16px; }.legacy-content .flow-step {
  display: flex; gap: 12px; align-items: flex-start;
  background: var(--card); border: 1px solid var(--border);
  border-radius: var(--radius-sm); padding: 14px 16px;
}.legacy-content .flow-num {
  width: 28px; height: 28px; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 13px; font-weight: 800; flex-shrink: 0;
  background: rgba(0,102,255,0.1); color: var(--accent);
  border: 1px solid rgba(0,102,255,0.2);
}.legacy-content .flow-content { flex: 1; }.legacy-content .flow-title { font-size: 15px; font-weight: 700; color: var(--text); margin-bottom: 3px; }.legacy-content .flow-desc { font-size: 13px; color: var(--sub); line-height: 1.65; }.legacy-content .result-badge {
  border-radius: var(--radius); padding: 16px 18px; text-align: center;
  font-size: 17px; font-weight: 800;
  margin-top: 20px;
}.legacy-content .result-badge.green { background: rgba(22,163,74,0.08); color: var(--success); border: 1px solid rgba(22,163,74,0.2); }.legacy-content .tabs-bar {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 10px; margin-bottom: 14px;
}.legacy-content .section-title {
  font-size: 12px; font-weight: 700; color: var(--sub);
  letter-spacing: 0.4px; text-transform: uppercase;
}.legacy-content .tabs { display: flex; gap: 6px; }.legacy-content .tab-btn {
  padding: 9px 18px; border-radius: var(--radius-sm);
  font-size: 13px; font-weight: 700;
  border: 1px solid rgba(0,0,0,0.1);
  cursor: pointer; background: var(--card); color: var(--sub);
  transition: all 0.15s; font-family: inherit;
}.legacy-content .tab-btn.active { background: var(--text); color: #fff; border-color: var(--text); }.legacy-content .tab-pane { display: none; flex-direction: column; gap: 14px; }.legacy-content .tab-pane.active { display: flex; }.legacy-content .template-box {
  background: var(--card); border-radius: var(--radius); padding: 20px 24px;
  border: 1px solid var(--border);
  font-family: 'SF Mono', Menlo, monospace;
  font-size: 13px; line-height: 2;
  overflow-x: auto;
  position: relative;
}.legacy-content .btn-replay {
  position: absolute; top: 10px; right: 12px;
  background: var(--card); color: var(--sub); border: 1px solid rgba(0,0,0,0.12);
  padding: 4px 12px; border-radius: 999px;
  font-size: 12px; font-weight: 600; cursor: pointer;
  transition: all 0.2s;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  z-index: 2;
}.legacy-content .btn-replay:hover { background: rgba(0,0,0,0.05); color: var(--text); }.legacy-content .tk-im-start { color: var(--amber); font-weight: 700; }.legacy-content .tk-role-system { color: var(--purple); font-weight: 700; }.legacy-content .tk-role-user { color: var(--accent); font-weight: 700; }.legacy-content .tk-role-ai { color: var(--success); font-weight: 700; }.legacy-content .tk-im-end { color: var(--amber); font-weight: 700; }.legacy-content .tk-plain { color: var(--text); }.legacy-content .tk-note {
  display: inline-block; margin-left: 12px;
  font-size: 11px; color: var(--sub);
  font-family: -apple-system, sans-serif;
  font-weight: 600;
}.legacy-content .template-row {
  opacity: 0; transform: translateY(4px);
  transition: all 0.35s ease;
  display: block;
  white-space: nowrap;
}.legacy-content .template-row.show { opacity: 1; transform: translateY(0); }.legacy-content .compare-grid {
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}.legacy-content .compare-col {
  border-radius: var(--radius-sm); padding: 16px 18px;
  display: flex; flex-direction: column; gap: 10px;
}.legacy-content .compare-col.before { background: rgba(0,0,0,0.03); border: 1px solid rgba(0,0,0,0.08); }.legacy-content .compare-col.after { background: rgba(22,163,74,0.04); border: 1px solid rgba(22,163,74,0.15); }.legacy-content .col-label { font-size: 12px; font-weight: 700; color: var(--sub); letter-spacing: 0.3px; }.legacy-content .chat-bubble {
  border-radius: var(--radius-sm); padding: 10px 12px;
  font-size: 14px; line-height: 1.65;
}.legacy-content .bubble-user { background: rgba(0,102,255,0.08); color: var(--accent); font-weight: 600; }.legacy-content .bubble-ai-bad { background: rgba(229,62,62,0.07); color: #7f1d1d; }.legacy-content .bubble-ai-good { background: rgba(22,163,74,0.08); color: #14532d; font-weight: 600; }@media (max-width: 768px){.legacy-content .big-claim { font-size: 19px; }.legacy-content .compare-grid { grid-template-columns: 1fr; }.legacy-content .tab-btn { padding: 11px 16px; }}

@keyframes _si{from{opacity:0}to{opacity:1}}

.legacy-content .xa-tldr {margin:18px 0 4px;padding:14px 18px;background:rgba(0,102,255,0.04);border:1px solid rgba(0,102,255,0.16);border-radius:10px}.legacy-content .xa-tldr .xa-tldr-tag {display:block;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--accent,#0066ff);margin-bottom:6px}.legacy-content .xa-tldr p {margin:0;font-size:15px;line-height:1.8;color:var(--text,#1f2937)}