.page{min-height:100vh;padding:20px 0 60px 0}.container{line-height:1.6}@media only screen and (min-width:768px){.page{display:flex;justify-content:center;padding:40px 20px}.container{width:600px}}@media only screen and (min-width:1024px){.container{width:800px}}.search_result_container{max-width:1200px;margin:0 auto;padding:20px}.search_info{margin-bottom:2rem;background-color:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.1);overflow:hidden}.first_row{display:flex;gap:24px}.station_info,.date_info{flex:1}label{display:block;color:#666;margin-bottom:8px;font-size:14px}.station_name,.date{font-size:18px;font-weight:500;color:#435585;padding:8px 0}.tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:20px}.tab{padding:12px 24px;cursor:pointer;font-weight:500;color:#666;border-bottom:3px solid transparent;transition:all 0.3s ease}.tab:hover{color:#435585}.tab.active{color:#555879;border-bottom-color:#555879}.tab_content{background-color:white;border-radius:12px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}.direction_section{animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.timetable_list{display:flex;flex-direction:column;gap:12px}.time_slot{padding:18px;background-color:#f8f9fa;border-radius:10px;margin-bottom:18px;box-shadow:0 2px 8px rgba(0,0,0,0.05);transition:transform 0.2s ease,box-shadow 0.2s ease;border:1px solid rgba(0,0,0,0.05)}.time_slot:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.status_line{margin-bottom:10px}.waiting_time{display:inline-block;padding:5px 14px;border-radius:6px;color:white;font-size:14px;font-weight:600;letter-spacing:0.5px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.destination_line{font-size:17px;color:#435585;margin-bottom:12px;font-weight:500}.train_info_line{display:flex;align-items:center;gap:16px}.train_type{font-size:0.875rem;font-weight:600;padding:0.35rem 0.85rem;border-radius:6px;min-width:70px;text-align:center;background-color:#ffffff;border:2px solid;box-shadow:0 1px 3px rgba(0,0,0,0.05);transition:transform 0.15s ease}.train_type:hover{transform:scale(1.05)}.departure_time{font-size:18px;font-weight:600;color:#333}.has_left{background-color:#7f7f7f;color:white}.approach_in_3_min{background-color:#e74c3c;color:white}.approach_in_10_min{background-color:#f39c12;color:white}.approach_in_60_min{background-color:#27ae60;color:white}.still_far_away{background-color:#3498db;color:white}.normal{color:#19198C;border-color:#19198C}.express{color:#8C198C;border-color:#8C198C}.search_info_header{background-color:#435585;color:white;padding:1rem 1.5rem}.search_info_header h2{margin:0;font-size:1.5rem;font-weight:600}.search_info_content{padding:1.5rem}.station_value,.date_value{font-size:1.1rem;font-weight:500;color:#2d3436;padding:0.5rem 0;border-bottom:1px solid #eee}.timetable_results{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.08);padding:1.5rem 1.5rem 2rem 1.5rem;margin-bottom:2rem}@media (max-width:768px){.search_result_container{padding:16px}.first_row{flex-direction:column;gap:16px}.tabs{flex-direction:row}.tab{flex:1;text-align:center;padding:10px}.time_slot{padding:14px}.train_info_line{flex-wrap:wrap}.departure_time{width:100%;margin-top:8px}}.breadcrumb{font-size:0.95rem;margin-left:1rem;margin-bottom:1.5rem;color:#888;display:flex;align-items:center;gap:0.5rem}.breadcrumb a{color:#435585;text-decoration:none;transition:text-decoration 0.2s}.breadcrumb_separator{color:#bbb;font-size:1.1em}