.compare-dialog .modal-top{padding:18px 24px;background:#fbf7fd;border-bottom:1px solid #eadfec;position:sticky;top:0;z-index:3}
.compare-dialog .modal-top h2{font-size:23px}.compare-body{padding:22px}.compare-intro{font-size:16px;line-height:1.9;margin:0 0 18px;color:#74617b}
.compare-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:15px 18px;background:#f3eaf8;border:1px solid #e5d3ed;border-radius:16px;margin-bottom:18px;font-size:16px}
.compare-tools label{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer}.compare-tools input{width:21px;height:21px;accent-color:#89509e}
.compare-scroll{border:1px solid #eadfec;border-radius:18px;overflow:auto;overscroll-behavior-x:contain}.compare-scroll:focus-visible{outline:3px solid #b38bc4;outline-offset:3px}
.compare-table{width:100%;min-width:660px;border-collapse:separate;border-spacing:0;font-size:16px;line-height:1.9}.compare-table th,.compare-table td{padding:18px;min-width:195px;border:0;border-bottom:1px solid #eadfec;text-align:center;vertical-align:middle;overflow-wrap:anywhere}
.compare-table tr>*+*{border-right:1px solid #eadfec}.compare-table tr>*:first-child{min-width:130px;width:145px;position:sticky;right:0;background:#fbf8fd;z-index:1;text-align:right;font-size:15px}.compare-table thead th{background:#fff;vertical-align:top}.compare-table thead img{width:145px;height:155px;object-fit:contain;background:#f5edf9;border-radius:75px 75px 18px 18px;padding:12px;margin:0 auto 14px}.compare-table thead strong{display:block;font-size:17px;line-height:1.9;min-height:65px;margin-bottom:12px}
.compare-table .compare-view{display:block;width:100%;font-size:15px;min-height:44px;padding:9px 12px;margin:0 0 6px}.compare-table .clear{font-size:14px;min-height:44px}.compare-table .compare-different td{background:#f8f1fc}.compare-table tbody tr:first-child td{font-size:19px;font-weight:700;color:#713b85}.compare-table tr[hidden]{display:none}.compare-difference-status{font-size:14px;line-height:1.9;color:#796882;margin:16px 0 0}.compare-swipe-hint{display:none}
.compare-table tbody tr.compare-different td{background:#f8f1fc}
.compare-tray{border:1px solid #d6bbdf;border-radius:20px;padding:12px 16px;box-shadow:0 8px 35px #4e285026;gap:14px;max-width:calc(100% - 24px)}.compare-thumb{width:44px;height:44px}.compare-tray .btn{min-height:44px}.compare-tray .clear{min-height:44px}.compare-summary strong{font-size:16px}.compare-count{font-size:14px}
@media(max-width:650px){.compare-dialog{width:calc(100% - 16px);max-height:92dvh;border-radius:20px}.compare-dialog .modal-top{padding:14px 16px}.compare-dialog .modal-top h2{font-size:21px}.compare-body{padding:16px 12px}.compare-intro{font-size:15px}.compare-tools{padding:10px 12px;gap:4px;margin-bottom:8px}.compare-tools strong{font-size:15px}.compare-tools label{font-size:15px}.compare-swipe-hint{display:block;font-size:14px;color:#786180;margin:8px 0 14px}.compare-table th,.compare-table td{min-width:174px;padding:14px 12px;font-size:15px}.compare-table tr>*:first-child{min-width:106px;width:106px;font-size:14px}.compare-table thead strong{font-size:16px;min-height:92px}.compare-table thead img{width:125px;height:135px}.compare-tray{gap:8px;padding:9px 12px}.compare-summary{flex:1;min-width:100px}.compare-thumbs{gap:5px}.compare-thumb{width:36px;height:36px}.compare-tray .btn{font-size:15px}.compare-tray>.clear{font-size:14px}}
@media(max-width:650px){.compare-table{table-layout:fixed;width:calc(106px + var(--compare-columns)*174px);min-width:calc(106px + var(--compare-columns)*174px)}.compare-table th,.compare-table td{width:174px;min-width:174px;max-width:174px}.compare-table tr>*:first-child{width:106px;min-width:106px;max-width:106px}}
.compare-dialog{width:min(1060px,calc(100% - 28px));max-width:1060px;border:1px solid #dfcde8;border-radius:26px;max-height:90dvh;padding:0;color:#482451}