/* ============================================================
 * 首页样式(索引页)
 * ============================================================ */
* { box-sizing: border-box; }
body {
    margin: 32px;
    background-color: #f0f0f0;
    color: #111;
    font-family: -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
    -webkit-text-size-adjust: 100%;
}
.hidden { display: none !important; }
.hint { color: #666666; font-size: 24px; margin: 8px 0; }

/* ------- 首页 ------- */
.toolbar { margin-bottom: 24px; }
#btn-locate {
    display: block;
    background: none;
    border: none;
    padding: 0 0 12px 0;
    font-size: 32px;
    color: #111;
    cursor: pointer;
}
#btn-locate:hover { text-decoration: underline; }
#btn-locate:disabled { color: #888; cursor: default; }
.toolbar input {
    display: block;
    width: 100%;
    padding: 12px 16px;
    border: none;
    font-size: 28px;
    background: #fff;
    color: #111;
}
.toolbar input::placeholder { color: #bbbbbb; }

/* 搜索/定位结果: 白底整块, 大号文字链接 */
.card {
    background: #fff;
    width: 100%;
    padding: 16px;
    margin-bottom: 24px;
}
.card a {
    font-size: 24px;
    color: #111;
    text-decoration: none;
    margin-right: 16px;
    line-height: 1.9;
}
.card a:hover { text-decoration: underline; }

#line-index { margin-top: 24px; }
.line-section {
    background: #fff;
    width: 100%;
    padding: 16px;
    margin-bottom: 24px;
}
.line-header {
    display: flex;
    align-items: center;
    gap: 14px;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 8px;
}
.line-header img { height: 48px; }
.station-chips {
    font-size: 24px;
    line-height: 1.9;
    color: #666;
}
.station-chips a {
    color: #111;
    text-decoration: none;
    white-space: nowrap;
}
.station-chips a:hover { text-decoration: underline; }
.station-chips a:not(:last-child)::after { content: "、"; color: #999999; }

/* logo 缺失时的中性兜底(仅兜底场景出现) */
.line-badge {
    display: inline-block;
    vertical-align: middle;
    min-width: 44px;
    text-align: center;
    padding: 4px 10px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    background: #666666;
}

/* 页脚 attribution(保留原样式) */
.foot {
    margin-top: 24px;
    font-size: 14px;
    color: #888;
}
.foot a { color: #666; }

/* ============================================================
 * 车站详情页: 与 shmetro/南京西路.html 一比一复刻(仅保留 foot)
 * 即示例 <style> 中全部规则 + h1 76px; 不加 border-collapse/行高/字重等额外样式
 * ============================================================ */
#view-station .title { font-size: 76px; } /* 其余保持 <h1> 浏览器默认 margin */
#view-station .line_logo { height: 48px; }
#view-station th { font-size: 32px; text-align: left; }
#view-station td { font-size: 24px; color: #666666; }
#view-station table { background-color: white; width: 100%; padding: 16px; }
#view-station hr { margin: 0; }
#view-station .timetable { padding-bottom: 24px; }

/* 仅当线路 logo SVG 加载失败时才出现的兜底(非示例场景) */
#view-station .line-cap {
    display: inline-block;
    vertical-align: middle;
    padding: 0 14px;
    height: 48px;
    line-height: 48px;
    font-size: 26px;
    color: #fff;
    background: #666666;
}