/* ===== 适老关怀模式 pcx-elder (2026-10-07) ===== */
/* 原则：只在 html.pcx-elder 下生效；用 line-height/padding 等全内核兼容写法，不用 flex */
/* 分层约定：pcx-elder 允许改布局（自带完整版式）；pcx-ui 装饰层只能改颜色/阴影/圆角 */

/* ---------- 0. 全局基调：放大 + 提高对比 ---------- */
html.pcx-elder body{font-size:17px;line-height:1.75;background:#fff;}
html.pcx-elder{background:#fff;}

/* ---------- 1. 列表容器与通用文字 ---------- */
html.pcx-elder .pcx-item{
  padding:15px 16px 16px;
  border-bottom:1px solid #d7dce2;
  background:#fff;
}
html.pcx-elder .pcx-item:active{background:#f1f4f7;}

/* 顶部导航 / 搜索 / 公告（tom_tcpche 通用 UI） */
html.pcx-elder .nav_item{font-size:19px;}
html.pcx-elder .pinche-xieyi__gonggao,
html.pcx-elder .pinche-xieyi .flex,
html.pcx-elder .pinche-xieyi{font-size:15px;line-height:26px;color:#48525c;}
html.pcx-elder .site-lbs{font-size:17px;}
html.pcx-elder .id_search-btn{font-size:17px;}
html.pcx-elder .search_form input,
html.pcx-elder .pinche-chufa input,
html.pcx-elder .pinche-mude input,
html.pcx-elder input,
html.pcx-elder textarea,
html.pcx-elder select{
  font-size:16px !important;
  line-height:26px;
  min-height:30px;
}
html.pcx-elder .global-menu__item .bd{font-size:15px;}
html.pcx-elder .close-popups{font-size:19px;}

/* ---------- 2. 第一行：线路 + 徽章（徽章竖向排列更易读） ---------- */
html.pcx-elder .pcx-r1{padding-right:92px;}
html.pcx-elder .pcx-side{text-align:right;}
html.pcx-elder .pcx-route{line-height:1.6;padding-top:0;}

html.pcx-elder .pcx-area{
  font-size:20px;
  line-height:30px;
  font-weight:700;
  color:#111418;
  letter-spacing:.5px;
}
html.pcx-elder .pcx-arrow{
  font-size:18px;
  font-weight:700;
  color:#e0521f;
  padding:0 4px;
}
html.pcx-elder .pcx-via{
  display:block;
  font-size:15px;
  line-height:26px;
  color:#48525c;
  opacity:1;
  white-space:normal;
  margin-top:4px;
}

/* 类型标签：更大、无阴影 */
html.pcx-elder .pcx-tab{
  font-size:14px;
  line-height:21px;
  padding:3px 9px;
  margin-right:6px;
  border-radius:5px;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
}

/* 徽章：竖向排列，宽度稳定不挤压线路 */
html.pcx-elder .pcx-badge{
  display:block;
  font-size:15px;
  line-height:23px;
  padding:4px 10px;
  margin:0 0 6px 0;
  border-radius:6px;
  border-width:1.5px;
  border-color:#f08c2a !important;
  color:#b8560a !important;
  background:#fff6ea !important;
  white-space:nowrap;
}

/* ---------- 3. 第二行：时间 + 补充说明（允许换行，不再截断） ---------- */
html.pcx-elder .pcx-r2{margin-top:9px;}
html.pcx-elder .pcx-meta{
  margin-right:148px;
  padding-top:0;
  overflow:visible;
  white-space:normal;
  text-overflow:clip;
}
html.pcx-elder .pcx-tm{
  font-size:18px;
  line-height:28px;
  font-weight:700;
  color:#c9540a;
}
html.pcx-elder .pcx-tm.pcx-red{color:#d7263d;}
html.pcx-elder .pcx-go{
  font-size:17px;
  line-height:28px;
  color:#3b444d;
}
html.pcx-elder .pcx-car{
  display:block;
  font-size:16px;
  line-height:26px;
  color:#3f4854;
  margin-top:5px;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:break-all;
}

/* 拨号按钮：纯色高对比、更大点击区 */
html.pcx-elder .pcx-dial{
  font-size:17px;
  line-height:26px;
  padding:11px 18px;
  border-radius:8px;
  background:#ff7a00 !important;
  color:#fff !important;
  box-shadow:none !important;
  -webkit-box-shadow:none !important;
}
html.pcx-elder .pcx-dial.pcx-gray{
  background:#9aa3ad !important;
  color:#fff !important;
}
html.pcx-elder .pcx-ic-tel{font-size:19px;}

/* ---------- 4. 备注：完整显示 ---------- */
html.pcx-elder .pcx-note{
  font-size:16px;
  line-height:27px;
  color:#3f4854;
  margin-top:9px;
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:break-all;
}

/* ---------- 5. 简洁化：关闭动效与装饰 ---------- */
html.pcx-elder .pcx-in,
html.pcx-elder .pcx-media{
  -webkit-animation:none !important;
  animation:none !important;
  opacity:1 !important;
}
html.pcx-elder #pcx-bar{display:none !important;}
html.pcx-elder .pcx-ripple{display:none !important;}
html.pcx-elder .pcx-skeleton .pcx-sk-line::after{
  -webkit-animation:none;
  animation:none;
}
html.pcx-elder .pcx-item{
  -webkit-transition:none;
  transition:none;
}

/* ==========================================================
   切换控件（标准 / 适老两种模式下都显示）
   ========================================================== */
.pcx-elder-btn{
  position:fixed;
  right:14px;
  top:14px;
  z-index:10000;
  width:52px;
  height:52px;
  -webkit-border-radius:50%;
  border-radius:50%;
  background:#ff7a00;
  background:-webkit-linear-gradient(135deg,#ffa033,#ff6a00);
  background:linear-gradient(135deg,#ffa033,#ff6a00);
  color:#fff;
  font-size:14px;
  font-weight:700;
  line-height:52px;
  text-align:center;
  -webkit-box-shadow:0 4px 12px rgba(255,106,0,.42);
  box-shadow:0 4px 12px rgba(255,106,0,.42);
  -webkit-tap-highlight-color:transparent;
}
.pcx-elder-btn:active{
  -webkit-box-shadow:0 2px 6px rgba(255,106,0,.4);
  box-shadow:0 2px 6px rgba(255,106,0,.4);
}
.pcx-elder-mask{
  position:fixed;
  left:0;top:0;right:0;bottom:0;
  background:rgba(0,0,0,.45);
  z-index:10001;
}
.pcx-elder-panel{
  position:fixed;
  left:0;right:0;bottom:0;
  z-index:10002;
  background:#fff;
  padding:18px 16px 20px;
  -webkit-border-radius:14px 14px 0 0;
  border-radius:14px 14px 0 0;
}
.pcx-elder-panel .pcx-ep-title{
  font-size:19px;
  font-weight:700;
  color:#1f2d3d;
  line-height:30px;
  text-align:center;
  padding-bottom:14px;
}
.pcx-elder-panel .pcx-ep-opt{
  display:block;
  border:2px solid #e4e8ec;
  -webkit-border-radius:10px;
  border-radius:10px;
  padding:13px 14px;
  margin-bottom:12px;
  background:#fff;
}
.pcx-elder-panel .pcx-ep-opt.on{
  border-color:#ff7a00;
  background:#fff6ea;
}
.pcx-elder-panel .pcx-ep-opt .t1{
  font-size:20px;
  font-weight:700;
  color:#1f2d3d;
  line-height:30px;
}
.pcx-elder-panel .pcx-ep-opt .t2{
  font-size:14px;
  color:#7b8794;
  line-height:22px;
}
.pcx-elder-panel .pcx-ep-opt .ck{
  float:right;
  font-size:18px;
  font-weight:700;
  color:#ff7a00;
  line-height:30px;
  padding-left:8px;
}
.pcx-elder-panel .pcx-ep-close{
  display:block;
  height:48px;
  line-height:48px;
  text-align:center;
  font-size:18px;
  color:#4a5560;
  background:#f2f4f7;
  -webkit-border-radius:10px;
  border-radius:10px;
  margin-top:2px;
}
/* ===== end pcx-elder ===== */
