.city-app[data-v-5b7dfcfe]{min-height:100vh;background:var(--bg-primary)}.app-header[data-v-5b7dfcfe]{background:var(--city-color);padding:1rem;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-md)}.header-content[data-v-5b7dfcfe]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.back-btn[data-v-5b7dfcfe]{width:40px;height:40px;border-radius:var(--radius-full);background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.back-btn[data-v-5b7dfcfe]:hover{background:#ffffff4d}.header-title[data-v-5b7dfcfe]{flex:1}.header-title h1[data-v-5b7dfcfe]{color:#fff;font-size:1.5rem;margin:0}.city-name[data-v-5b7dfcfe]{color:#ffffffd9;font-size:.875rem;margin:0}.header-actions[data-v-5b7dfcfe]{display:flex;gap:.5rem}.action-btn[data-v-5b7dfcfe]{width:40px;height:40px;border-radius:var(--radius-full);background:#fff3;color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.action-btn[data-v-5b7dfcfe]:hover{background:#ffffff4d}.search-container[data-v-5b7dfcfe]{padding:0}.search-wrapper[data-v-5b7dfcfe]{position:relative;display:flex;align-items:center}.search-wrapper>i[data-v-5b7dfcfe]{position:absolute;left:1rem;color:#ffffffb3}.search-input[data-v-5b7dfcfe]{width:100%;padding:.875rem 2.5rem .875rem 2.75rem;background:#fff3;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff;font-size:.9375rem;transition:all var(--transition-fast)}.search-input[data-v-5b7dfcfe]::placeholder{color:#ffffffb3}.search-input[data-v-5b7dfcfe]:focus{background:#ffffff40;border-color:#fff6;outline:none}.clear-search[data-v-5b7dfcfe]{position:absolute;right:.75rem;width:28px;height:28px;border-radius:var(--radius-full);background:#ffffff4d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.75rem}.tab-bar[data-v-5b7dfcfe]{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);position:sticky;top:134px;z-index:90}.tab[data-v-5b7dfcfe]{flex:1;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-secondary);font-weight:500;position:relative;transition:all var(--transition-fast)}.tab[data-v-5b7dfcfe]:hover{background:var(--bg-tertiary)}.tab.active[data-v-5b7dfcfe]{color:var(--city-color)}.tab.active[data-v-5b7dfcfe]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--city-color);border-radius:var(--radius-sm) var(--radius-sm) 0 0}.tab-count[data-v-5b7dfcfe]{font-size:.75rem;background:var(--bg-tertiary);padding:.125rem .5rem;border-radius:var(--radius-full)}.tab.active .tab-count[data-v-5b7dfcfe]{background:var(--city-color);color:#fff}.main-content[data-v-5b7dfcfe]{padding:1rem;max-width:800px;margin:0 auto}.loading-state[data-v-5b7dfcfe]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.loading-state p[data-v-5b7dfcfe]{color:var(--text-secondary)}.city-info-card[data-v-5b7dfcfe]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem;border:1px solid var(--border-color);text-align:center}.city-info-card h2[data-v-5b7dfcfe]{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-primary)}.city-info-card p[data-v-5b7dfcfe]{margin:0;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.lines-list[data-v-5b7dfcfe]{display:flex;flex-direction:column;gap:.5rem}.line-card[data-v-5b7dfcfe]{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1rem;display:flex;align-items:center;gap:1rem;cursor:pointer;border:1px solid var(--border-color);transition:all var(--transition-normal)}.line-card[data-v-5b7dfcfe]:hover{transform:translate(4px);box-shadow:var(--shadow-md);border-color:var(--city-color)}.line-badge[data-v-5b7dfcfe]{min-width:56px;height:40px;padding:0 .75rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.line-info[data-v-5b7dfcfe]{flex:1;min-width:0}.line-name[data-v-5b7dfcfe]{font-size:1rem;margin:0;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.line-meta[data-v-5b7dfcfe]{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;flex-wrap:wrap}.line-company[data-v-5b7dfcfe]{font-size:.8rem;color:var(--text-tertiary)}.next-bus-badge[data-v-5b7dfcfe]{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;color:var(--city-color);background:#10b9811a;padding:.125rem .5rem;border-radius:var(--radius-sm)}.next-bus-badge i[data-v-5b7dfcfe]{font-size:.65rem}.favorite-btn[data-v-5b7dfcfe]{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:all var(--transition-fast)}.favorite-btn[data-v-5b7dfcfe]:hover,.favorite-btn.active[data-v-5b7dfcfe]{color:#ef4444}.favorite-btn.active[data-v-5b7dfcfe]{background:#ef44441a}.line-arrow[data-v-5b7dfcfe]{color:var(--text-tertiary);font-size:.875rem}.empty-state[data-v-5b7dfcfe]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon[data-v-5b7dfcfe]{width:80px;height:80px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--text-tertiary);margin-bottom:1.5rem}.empty-state h3[data-v-5b7dfcfe]{color:var(--text-primary);margin-bottom:.5rem}.empty-state p[data-v-5b7dfcfe]{color:var(--text-tertiary)}.modal-overlay[data-v-5b7dfcfe]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-5b7dfcfe]{background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-header[data-v-5b7dfcfe]{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h2[data-v-5b7dfcfe]{font-size:1.25rem;margin:0}.close-btn[data-v-5b7dfcfe]{width:36px;height:36px;border-radius:var(--radius-full);background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.modal-body[data-v-5b7dfcfe]{padding:1rem 1.5rem}.setting-item[data-v-5b7dfcfe]{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color)}.setting-item[data-v-5b7dfcfe]:last-child{border-bottom:none}.setting-info[data-v-5b7dfcfe]{display:flex;align-items:center;gap:.75rem;color:var(--text-primary)}.setting-info i[data-v-5b7dfcfe]{color:var(--city-color);width:20px}.setting-value[data-v-5b7dfcfe]{color:var(--text-secondary);font-weight:500}.toggle-switch[data-v-5b7dfcfe]{width:52px;height:28px;border-radius:var(--radius-full);background:var(--border-color);position:relative;transition:all var(--transition-fast)}.toggle-switch.active[data-v-5b7dfcfe]{background:var(--city-color)}.toggle-knob[data-v-5b7dfcfe]{position:absolute;top:2px;left:2px;width:24px;height:24px;border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.toggle-switch.active .toggle-knob[data-v-5b7dfcfe]{left:26px}.modal-footer[data-v-5b7dfcfe]{padding:1rem 1.5rem;border-top:1px solid var(--border-color);text-align:center}.developer-credit[data-v-5b7dfcfe]{color:var(--text-tertiary);font-size:.875rem}.developer-credit a[data-v-5b7dfcfe]{color:var(--city-color);font-weight:500}.modal-enter-active[data-v-5b7dfcfe],.modal-leave-active[data-v-5b7dfcfe],.modal-enter-active .modal-content[data-v-5b7dfcfe],.modal-leave-active .modal-content[data-v-5b7dfcfe]{transition:all var(--transition-normal)}.modal-enter-from[data-v-5b7dfcfe],.modal-leave-to[data-v-5b7dfcfe]{opacity:0}.modal-enter-from .modal-content[data-v-5b7dfcfe],.modal-leave-to .modal-content[data-v-5b7dfcfe]{transform:translateY(100%)}@media (min-width: 769px){.modal-overlay[data-v-5b7dfcfe]{align-items:center}.modal-content[data-v-5b7dfcfe]{border-radius:var(--radius-xl)}.tab-bar[data-v-5b7dfcfe]{top:120px}}