/* ============================================================
   h5 人才详情页（pages/talents/detail）主题焕新
   对齐首页 bento 绿色风：品牌绿渐变 + 浅底白卡
   仅 body.td-detail（由 talent-detail-nav.js 按路由打标）生效
   ============================================================ */

/* ---- 页面底色 ---- */
body.td-detail .app{
  background:linear-gradient(180deg,#E3F0EA 0%,#F3F6F4 460px)!important;
  min-height:100vh;
  padding-bottom:140px;
}

/* ---- 顶部标题 → 品牌绿横幅 ---- */
body.td-detail .header_top{
  background:linear-gradient(150deg,#11745A,#0A4235)!important;
  box-shadow:0 10px 26px -16px rgba(10,66,53,.55);
}
body.td-detail .header_top .page_title,
body.td-detail .header_top .fontS_18,
body.td-detail .header_top uni-view{
  color:#fff!important;
}

/* ---- 顶部导航条（标题栏第二行，随标题栏整体吸顶）---- */
body.td-detail .header_top{padding-bottom:0!important}
body.td-detail #td-topnav, body.td-talents #td-topnav{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  background:rgba(7,44,35,.35);
  margin-top:8px;
}
body.td-detail #td-topnav::-webkit-scrollbar, body.td-talents #td-topnav::-webkit-scrollbar{display:none}
body.td-detail #td-topnav a, body.td-talents #td-topnav a{
  flex:0 0 auto;
  color:rgba(255,255,255,.82);
  text-decoration:none;
  font-size:14px;
  line-height:1;
  padding:11px 12px 10px;
  white-space:nowrap;
  position:relative;
}
body.td-detail #td-topnav a.on, body.td-talents #td-topnav a.on{color:#fff;font-weight:600}
body.td-detail #td-topnav a.on::after, body.td-talents #td-topnav a.on::after{
  content:"";
  position:absolute;
  left:50%;transform:translateX(-50%);
  bottom:4px;
  width:18px;height:3px;border-radius:2px;
  background:#7FD8B4;
}

/* ---- 会员信息卡 ---- */
body.td-detail .userDetail{
  background:#fff!important;
  margin:14px 16px 0;
  border-radius:18px;
  box-shadow:0 16px 38px -26px rgba(10,66,53,.5);
  border:1px solid rgba(13,92,76,.07);
  padding:18px 12px 14px;
}
body.td-detail .userDetail .msg{color:#22332E!important}
body.td-detail .userDetail .msg uni-view{margin-bottom:6px}
body.td-detail .userDetail .msg uni-view,
body.td-detail .userDetail .msg span{font-size:14px!important}
body.td-detail .tags1{
  background:rgba(17,116,90,.12)!important;
  color:#11745A!important;
  border-radius:999px!important;
  padding:3px 12px!important;
  font-size:12px!important;
}

/* ---- tabs 卡 ---- */
body.td-detail .u-tabs{
  background:#fff!important;
  margin:14px 16px 0;
  border-radius:16px;
  box-shadow:0 12px 28px -22px rgba(10,66,53,.45);
  border:1px solid rgba(13,92,76,.07);
}

/* ---- 内容面板卡（基本信息 / 经历 / 证书）---- */
body.td-detail .tab1,body.td-detail .tab2{
  background:#fff!important;
  margin:14px 16px 0;
  border-radius:18px;
  box-shadow:0 12px 28px -24px rgba(10,66,53,.4);
  border:1px solid rgba(13,92,76,.07);
  padding:4px 16px;
}
body.td-detail .panel_item{border-bottom:1px solid rgba(13,92,76,.06)}
body.td-detail .panel_item > uni-view:first-child{color:#7D8A85;font-size:13px}
body.td-detail .panel_item > uni-view:last-child{color:#22332E;font-size:14px;font-weight:500}
body.td-detail .panel_item > uni-view uni-view{color:inherit}

/* ---- 服务产品 / 课程 列表卡 ---- */
body.td-detail .goods_list{
  background:#fff!important;
  margin:14px 16px 0;
  border-radius:18px;
  box-shadow:0 12px 28px -24px rgba(10,66,53,.4);
  border:1px solid rgba(13,92,76,.07);
  padding:2px 14px;
}
body.td-detail .goods_list .list_item{border-bottom:1px solid rgba(13,92,76,.06);padding:12px 0}

/* ---- 底部「我要下单」栏 ---- */
body.td-detail .bottom_panel{background:#fff!important;box-shadow:0 -8px 24px -16px rgba(10,66,53,.35)}
body.td-detail .bottom_panel .btn2{
  background:linear-gradient(135deg,#17A574,#0A4235)!important;
  border-radius:999px!important;
  color:#fff!important;
  box-shadow:0 10px 22px -12px rgba(10,66,53,.6);
}

/* ============================================================
   PC（≥900px）：首页同款白顶栏 + 1240px 内容宽（列表页/详情页共用）
   由 talent-detail-nav.js 按 matchMedia 打 td-pc 标、注入 .td-pchead
   ============================================================ */
@media (min-width:900px){
  body.td-talents, body.td-detail{ background:#eef0f4 !important; }
  /* 隐藏原生绿色标题栏（含旧导航条）与底部 tabbar */
  body.td-talents .td-hidepc, body.td-detail .td-hidepc{ display:none !important; }
  body.td-talents uni-tabbar, body.td-detail uni-tabbar,
  body.td-talents .uni-tabbar, body.td-detail .uni-tabbar{ display:none !important; }
  body.td-talents uni-app, body.td-detail uni-app{ padding-bottom:0 !important; margin-bottom:0 !important; }
  /* 内容列约束为首页宽度 */
  body.td-talents uni-page-body, body.td-detail uni-page-body{
    max-width:1240px; margin:0 auto;
  }
  body.td-talents .app{ min-height:calc(100vh - 67px); }

  /* ---- PC 白顶栏（同 www 首页 .top）---- */
  .td-pchead{ background:#fff; border-bottom:1px solid #e8eaee; position:sticky; top:0; z-index:900; font-family:"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif; }
  .td-pchead .tdp-inner{ max-width:1240px; margin:0 auto; padding:0 24px; height:66px; display:flex; align-items:center; gap:34px; }
  .td-pchead a{ text-decoration:none; color:inherit; }
  .td-pchead .tdp-logo{ display:flex; align-items:center; flex:none; }
  .td-pchead .tdp-logo img{ height:38px; width:auto; display:block; }
  .td-pchead .tdp-nav{ display:flex; gap:30px; font-size:14.5px; font-weight:600; color:#3a4150; }
  .td-pchead .tdp-nav a{ position:relative; padding:6px 0; white-space:nowrap; transition:color .16s; }
  .td-pchead .tdp-nav a:hover{ color:#789308; }
  .td-pchead .tdp-nav a.on{ color:#789308; }
  .td-pchead .tdp-nav a.on::after{ content:""; position:absolute; left:0; right:0; bottom:-2px; height:2.5px; border-radius:2px; background:#789308; }
  .td-pchead .tdp-right{ margin-left:auto; display:flex; align-items:center; gap:14px; }
  .td-pchead .tdp-sbox{ display:flex; align-items:center; gap:8px; background:#f3f5f8; border:1px solid transparent; border-radius:99px; padding:0 14px; height:38px; width:250px; transition:.16s; }
  .td-pchead .tdp-sbox:focus-within{ background:#fff; border-color:#789308; box-shadow:0 0 0 3px rgba(120,147,8,.12); }
  .td-pchead .tdp-sbox svg{ width:16px; height:16px; flex:none; stroke:#8a919c; }
  .td-pchead .tdp-sbox input{ border:0; background:transparent; outline:none; font-family:inherit; font-size:13.5px; width:100%; color:#20242c; }
  .td-pchead .tdp-sbox input::placeholder{ color:#a6adb8; }
  .td-pchead .tdp-btxt{ font-size:14px; font-weight:600; color:#3a4150; padding:8px 3px; white-space:nowrap; }
  .td-pchead .tdp-bpill{ font-size:13.5px; font-weight:650; color:#fff; background:#789308; border-radius:99px; padding:9px 20px; white-space:nowrap; transition:.16s; }
  .td-pchead .tdp-bpill:hover{ background:#5c7704; }
}
/* PC：详情页底部「我要下单」fixed 栏同样约束到 1240 居中 */
@media (min-width:900px){
  body.td-detail .bottom_panel{
    left:50%!important; transform:translateX(-50%);
    width:100%; max-width:1240px;
    border-radius:16px 16px 0 0;
  }
}