.edu-cost-compare-tool[data-v-562968ed]{max-width:900px;margin:0 auto}.input-section[data-v-562968ed]{background:#fff;border-radius:15px;padding:30px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.section-header[data-v-562968ed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.section-header h2[data-v-562968ed]{font-size:20px;color:#1f2937;margin:0}.add-btn[data-v-562968ed]{padding:8px 18px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-btn[data-v-562968ed]:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb66}.items-grid[data-v-562968ed]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.item-card[data-v-562968ed]{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .3s ease}.item-card[data-v-562968ed]:hover{border-color:#2563eb}.item-header[data-v-562968ed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.item-number[data-v-562968ed]{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;border-radius:50%;font-size:14px;font-weight:700}.remove-btn[data-v-562968ed]{background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s ease}.remove-btn[data-v-562968ed]:hover{color:#ef4444;background:#fef2f2}.form-group[data-v-562968ed]{margin-bottom:12px}.form-group label[data-v-562968ed]{display:block;font-size:13px;font-weight:600;color:#4b5563;margin-bottom:5px}.form-group input[data-v-562968ed]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;transition:border-color .2s ease;box-sizing:border-box}.form-group input[data-v-562968ed]:focus{outline:none;border-color:#2563eb}.form-group .hint[data-v-562968ed]{display:block;font-size:12px;color:#2563eb;margin-top:3px;font-weight:500}.form-row[data-v-562968ed]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result-section[data-v-562968ed]{background:#fff;border-radius:15px;padding:30px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px}.result-section h2[data-v-562968ed]{font-size:20px;color:#1f2937;margin:0 0 25px;text-align:center}.ranking-section[data-v-562968ed]{display:flex;flex-direction:column;gap:10px;margin-bottom:30px}.rank-card[data-v-562968ed]{display:flex;align-items:center;gap:15px;padding:15px 20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;transition:all .3s ease}.rank-card.best[data-v-562968ed]{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e}.rank-badge[data-v-562968ed]{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border-radius:50%;font-size:13px;font-weight:700;color:#fff;background:#9ca3af}.rank-badge.gold[data-v-562968ed]{background:linear-gradient(135deg,#f59e0b,#d97706)}.rank-badge.silver[data-v-562968ed]{background:linear-gradient(135deg,#9ca3af,#6b7280)}.rank-badge.bronze[data-v-562968ed]{background:linear-gradient(135deg,#d97706,#b45309)}.rank-info[data-v-562968ed]{flex:1}.rank-name[data-v-562968ed]{font-size:16px;font-weight:700;color:#1f2937}.rank-detail[data-v-562968ed]{font-size:14px;color:#6b7280;margin-top:2px}.rank-detail strong[data-v-562968ed]{color:#1f2937}.best-badge[data-v-562968ed]{padding:4px 12px;background:#22c55e;color:#fff;border-radius:20px;font-size:12px;font-weight:700}.table-container[data-v-562968ed]{overflow-x:auto;margin-bottom:30px}.compare-table[data-v-562968ed]{width:100%;border-collapse:collapse;font-size:14px}.compare-table th[data-v-562968ed]{padding:12px 10px;background:#f3f4f6;color:#4b5563;font-weight:600;text-align:center;border-bottom:2px solid #e5e7eb;white-space:nowrap}.compare-table th.sortable[data-v-562968ed]{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.compare-table th.sortable[data-v-562968ed]:hover{background:#e5e7eb}.compare-table td[data-v-562968ed]{padding:12px 10px;text-align:center;border-bottom:1px solid #f3f4f6;color:#1f2937}.compare-table .name-cell[data-v-562968ed]{font-weight:600;text-align:left}.compare-table .crown[data-v-562968ed]{margin-right:4px}.compare-table .highlight-cell[data-v-562968ed]{font-weight:700;color:#2563eb}.compare-table .best-row[data-v-562968ed]{background:#f0fdf4}.compare-table .best-row .highlight-cell[data-v-562968ed]{color:#16a34a}.summary-cards[data-v-562968ed]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.summary-card[data-v-562968ed]{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;padding:20px;text-align:center}.summary-label[data-v-562968ed]{font-size:13px;color:#6b7280;margin-bottom:8px}.summary-value[data-v-562968ed]{font-size:18px;font-weight:700;color:#1f2937;margin-bottom:4px}.summary-detail[data-v-562968ed]{font-size:14px;color:#2563eb;font-weight:600}.guide-section[data-v-562968ed]{background:#fff;border-radius:15px;padding:50px 30px;box-shadow:0 4px 6px #0000001a;text-align:center}.guide-icon[data-v-562968ed]{font-size:48px;margin-bottom:15px}.guide-section p[data-v-562968ed]{font-size:16px;color:#6b7280;margin:0}.guide-section .guide-sub[data-v-562968ed]{font-size:14px;color:#6b7280;margin-top:8px}@media (max-width: 768px){.input-section[data-v-562968ed],.result-section[data-v-562968ed],.guide-section[data-v-562968ed]{padding:20px 15px}.section-header[data-v-562968ed]{flex-direction:column;gap:12px;align-items:flex-start}.items-grid[data-v-562968ed],.form-row[data-v-562968ed]{grid-template-columns:1fr}.ranking-section[data-v-562968ed]{gap:8px}.rank-card[data-v-562968ed]{padding:12px 15px}.compare-table[data-v-562968ed]{font-size:12px}.compare-table th[data-v-562968ed],.compare-table td[data-v-562968ed]{padding:8px 6px}.summary-cards[data-v-562968ed]{grid-template-columns:1fr}}.page[data-v-a693952d]{max-width:1200px;margin:0 auto;padding:2rem 1rem;position:relative}.page-header[data-v-a693952d]{text-align:center;margin-bottom:3rem}.page-header h1[data-v-a693952d]{font-size:2.5rem;margin:0 0 .5rem;background:linear-gradient(135deg,#2563eb,#1e40af);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p[data-v-a693952d]{font-size:1.1rem;color:#666;margin:0}@media (max-width: 768px){.page[data-v-a693952d]{padding:1rem}.page-header h1[data-v-a693952d]{font-size:2rem}.page-header p[data-v-a693952d]{font-size:1rem}}.info-section[data-v-a693952d]{margin-top:1rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.info-section h3[data-v-a693952d]{font-size:1.5rem;color:#1f2937;margin:0 0 1.5rem;text-align:center}.info-card[data-v-a693952d]{background:#f9fafb;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;border-left:4px solid #2563eb}.info-card h4[data-v-a693952d]{margin:0 0 1rem;color:#374151;font-size:1.1rem}.info-card p[data-v-a693952d]{color:#4b5563;line-height:1.8;margin:0 0 1rem}.info-card ul[data-v-a693952d],.info-card ol[data-v-a693952d]{margin:0;padding-left:1.5rem;color:#4b5563}.info-card li[data-v-a693952d]{line-height:1.8;margin-bottom:.5rem}.info-card li[data-v-a693952d]:last-child{margin-bottom:0}.info-card.tip[data-v-a693952d]{background:#f0f9ff;border-left-color:#3b82f6}