/* ========================================
   yz-compare.css — 对比页样式
   ======================================== */

.yz-compare-form { display:flex; align-items:center; gap:.75rem; justify-content:center; flex-wrap:wrap; margin:1.5rem 0 2rem; }
.yz-compare-form select { background:var(--card-bg,#16161a); color:#e0e0e0; border:1px solid var(--border,#23232a); border-radius:8px; padding:.6rem 1rem; font-size:.95rem; font-family:'Noto Sans SC',sans-serif; min-width:160px; cursor:pointer; appearance:auto; }
.yz-compare-form select:focus { outline:none; border-color:var(--accent,#6366f1); }
.yz-compare-vs { font-size:1rem; font-weight:700; opacity:.5; }
.yz-compare-hint { text-align:center; padding:3rem 1rem; opacity:.5; font-size:.95rem; }
.yz-compare-hint i { font-size:2.5rem; display:block; margin-bottom:1rem; }

/* Radar */
.yz-compare-radar { display:flex; justify-content:center; margin:1.5rem 0; }
.yz-compare-radar svg { width:100%; max-width:380px; }
.yz-compare-legend { display:flex; justify-content:center; gap:1.5rem; margin-bottom:1.5rem; font-size:.85rem; flex-wrap:wrap; }
.yz-compare-legend span { display:inline-flex; align-items:center; gap:.4rem; }
.yz-compare-legend__dot { width:12px; height:12px; border-radius:50%; display:inline-block; }

/* Summary */
.yz-compare-summary { background:var(--card-bg,#16161a); border:1px solid var(--border,#23232a); border-radius:10px; padding:1.25rem 1.5rem; text-align:center; margin:1.5rem 0; font-size:.95rem; line-height:1.6; }
.yz-compare-summary i { color:#d4a24c; margin-right:.4rem; }

/* Dimension comparison bars */
.yz-dim-compare { margin:1.5rem 0; }
.yz-dim-group { margin-bottom:1.5rem; }
.yz-dim-group__header { font-size:.78rem; font-weight:700; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,255,255,.35); border-bottom:1px solid rgba(255,255,255,.08); padding-bottom:.4rem; margin-bottom:.75rem; }
.yz-dim-row { margin-bottom:1rem; }
.yz-dim-row__header { display:flex; align-items:center; gap:.5rem; font-size:.88rem; font-weight:600; margin-bottom:.4rem; color:rgba(255,255,255,.7); }
.yz-dim-row__header i { font-size:.8rem; }
.yz-dim-row__bars { display:flex; flex-direction:column; gap:.25rem; }
.yz-dim-bar { display:flex; align-items:center; gap:.6rem; font-size:.82rem; }
.yz-dim-bar__name { width:110px; text-align:right; flex-shrink:0; color:rgba(255,255,255,.6); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.yz-dim-bar__track { flex:1; height:22px; background:rgba(255,255,255,.04); border-radius:4px; position:relative; overflow:hidden; }
.yz-dim-bar__fill { height:100%; border-radius:4px; transition:width .3s; display:flex; align-items:center; justify-content:flex-end; padding-right:6px; font-size:.75rem; font-weight:700; color:#fff; min-width:30px; }
.yz-dim-bar__diff { width:56px; text-align:right; font-weight:600; font-size:.82rem; flex-shrink:0; }
.yz-dim-bar__diff.positive { color:#22c55e; }
.yz-dim-bar__diff.negative { color:#ef4444; }
.yz-dim-bar__diff.neutral  { color:rgba(255,255,255,.3); }

/* Score table */
.yz-compare-table { width:100%; border-collapse:collapse; margin:1.5rem 0; font-size:.9rem; }
.yz-compare-table th, .yz-compare-table td { padding:.75rem 1rem; text-align:center; border-bottom:1px solid var(--border,#23232a); }
.yz-compare-table th { font-weight:600; font-size:.8rem; opacity:.6; text-transform:uppercase; }
.yz-compare-table td:first-child { text-align:left; font-weight:500; }
.yz-compare-table tr:last-child td { border-bottom:none; }
.yz-compare-table .yz-winner { font-weight:700; color:#d4a24c; }
.yz-compare-table .yz-row-overall { background:rgba(255,255,255,0.03); }
.yz-compare-table .yz-row-overall td { font-size:1.05rem; padding:.9rem 1rem; }

/* Price comparison */
.yz-price-grid { display:grid; gap:1rem; margin:1.5rem 0; }
.yz-price-grid--2 { grid-template-columns:1fr 1fr; }
.yz-price-grid--3 { grid-template-columns:1fr 1fr 1fr; }
.yz-price-card { background:var(--card-bg,#16161a); border:1px solid var(--border,#23232a); border-radius:10px; padding:1.25rem; text-align:center; }
.yz-price-card__name { font-weight:600; margin-bottom:.75rem; font-size:.95rem; }
.yz-price-card__row { display:flex; justify-content:space-between; font-size:.82rem; padding:.3rem 0; color:rgba(255,255,255,.7); }
.yz-price-card__val { font-weight:600; font-family:'Noto Serif SC',serif; color:#e5e5e5; }
.yz-price-card__monthly { margin-top:.75rem; padding-top:.75rem; border-top:1px solid var(--border,#23232a); }
.yz-price-card__monthly-val { font-size:1.3rem; font-weight:700; font-family:'Noto Serif SC',serif; }
.yz-price-card__monthly-label { font-size:.75rem; color:rgba(255,255,255,.4); margin-top:.2rem; }
.yz-price-diff { text-align:center; margin:1rem 0; font-size:.9rem; padding:1rem 1.25rem; background:rgba(34,197,94,.06); border:1px solid rgba(34,197,94,.2); border-radius:10px; }

/* Scenario cards */
.yz-scenario-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:.75rem; margin:1.5rem 0; }
.yz-scenario-card { background:var(--card-bg,#16161a); border:1px solid var(--border,#23232a); border-radius:10px; padding:1rem 1.25rem; }
.yz-scenario-card__label { font-size:.82rem; color:rgba(255,255,255,.5); margin-bottom:.4rem; display:flex; align-items:center; gap:.4rem; }
.yz-scenario-card__model { font-size:1rem; font-weight:600; }
.yz-scenario-card__score { font-size:.78rem; color:rgba(255,255,255,.4); margin-top:.2rem; }

/* Migration */
.yz-migration { margin:1.5rem 0; }
.yz-migration-card { background:var(--card-bg,#16161a); border:1px solid var(--border,#23232a); border-radius:12px; padding:1.5rem; margin-bottom:1rem; }
.yz-migration-card__title { font-size:1rem; font-weight:600; margin-bottom:1rem; display:flex; align-items:center; gap:.5rem; }
.yz-migration-card__title i { font-size:.85rem; }
.yz-migration-gains, .yz-migration-losses { margin-bottom:.75rem; }
.yz-migration-gains__label, .yz-migration-losses__label { font-size:.82rem; font-weight:600; margin-bottom:.3rem; }
.yz-migration-gains__label { color:#22c55e; }
.yz-migration-losses__label { color:#ef4444; }
.yz-migration-items { font-size:.85rem; color:rgba(255,255,255,.7); padding-left:1rem; }
.yz-migration-items li { padding:.15rem 0; }
.yz-migration-cost { font-size:.88rem; margin-top:.5rem; padding-top:.75rem; border-top:1px solid var(--border,#23232a); color:rgba(255,255,255,.7); }
.yz-migration-cost strong { color:#e5e5e5; }

/* Share link */
.yz-share-bar { display:flex; align-items:center; gap:.75rem; margin:1.5rem 0; justify-content:center; flex-wrap:wrap; }
.yz-share-url { background:rgba(255,255,255,.04); border:1px solid var(--border,#23232a); border-radius:8px; padding:.5rem .75rem; font-size:.8rem; color:rgba(255,255,255,.5); font-family:monospace; max-width:400px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.yz-share-btn { padding:.5rem 1rem; border-radius:8px; background:rgba(167,139,250,.15); border:1px solid rgba(167,139,250,.3); color:#a78bfa; font-size:.82rem; cursor:pointer; }
.yz-share-btn:hover { background:rgba(167,139,250,.25); }

@media (max-width:640px) {
    .yz-compare-form select { min-width:120px; font-size:.85rem; }
    .yz-compare-radar svg { max-width:280px; }
    .yz-price-grid--2, .yz-price-grid--3 { grid-template-columns:1fr; }
    .yz-compare-table th, .yz-compare-table td { padding:.6rem .5rem; font-size:.8rem; }
    .yz-dim-bar__name { width:80px; font-size:.75rem; }
    .yz-scenario-grid { grid-template-columns:1fr 1fr; }
}