/* 宠物年龄换算：复用 life-calc 设计系统，仅补充本工具专有样式 */
#app .header { text-align: center; padding: 12px 10px 4px; }
#app .header p {
    color: var(--text-secondary);
    font-size: 0.95rem;
    max-width: 720px;
    margin: 0 auto;
}
#app .seg button[data-size] { padding: 8px 12px; font-size: 0.82rem; }

#app .age-table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
#app .age-table th, #app .age-table td {
    padding: 9px 12px; text-align: left;
    border-bottom: 1px solid var(--border);
}
#app .age-table th { color: var(--text-secondary); font-weight: 600; background: #f8fafc; }
#app .age-table td:last-child { color: var(--primary); font-weight: 600; }
#app .age-table tbody tr:hover { background: var(--primary-light); }
#app .table-scroll { max-height: 420px; overflow-y: auto; border: 1px solid var(--border); border-radius: 10px; }
#app .table-scroll::-webkit-scrollbar { width: 6px; }
#app .table-scroll::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }

#app .toast {
    position: fixed; bottom: 32px; left: 50%; transform: translateX(-50%) translateY(100px);
    background: var(--primary); color: #fff; padding: 12px 24px; border-radius: 8px;
    font-weight: 600; font-size: 0.9rem; opacity: 0; transition: all 0.4s; z-index: 999;
}
#app .toast.show { transform: translateX(-50%) translateY(0); opacity: 1; }
#app svg { vertical-align: -0.15em; }
#app .card-title .card-ico { color: var(--primary); display: inline-flex; }
#app .btn svg { margin-right: 2px; }