@charset "utf-8";
/* =========================================================
   tom_tcpche 详情页视觉增强层  (v20261008i1)
   由 module/info.php 缓冲模板输出后注入，不改动任何模板文件
   作用域全部锁定 body.tcpche-info，避免污染其他页面
   ========================================================= */

/* ---------- 基调 ---------- */
body.tcpche-info{
    background:#f4f5f7;
    -webkit-font-smoothing:antialiased;
}
body.tcpche-info .border{
    height:10px;
    background:transparent;
}

/* ---------- 顶部导航：毛玻璃 ---------- */
body.tcpche-info .header.on{
    background:rgba(255,255,255,.92);
    -webkit-backdrop-filter:saturate(180%) blur(10px);
    backdrop-filter:saturate(180%) blur(10px);
    box-shadow:0 1px 0 rgba(17,24,39,.05);
}

/* ---------- 免责提示条 ---------- */
body.tcpche-info .info-mianze{
    margin-left:14px;
    margin-right:14px;
    margin-bottom:10px;
    border-radius:12px;
    background:linear-gradient(90deg,#FFFBEF 0%,#FFF7E3 100%);
    border:1px solid #f3e4c4;
    box-shadow:0 2px 8px rgba(235,153,29,.08);
}

/* ---------- 线路主卡片 ---------- */
body.tcpche-info .dizhi_card{
    margin:0 14px 12px;
    padding:20px 18px 16px;
    border-radius:18px;
    background:#fff;
    border:1px solid #eef0f3;
    box-shadow:0 6px 22px rgba(17,24,39,.06);
    overflow:hidden;
}
body.tcpche-info .dizhi_card::before{
    content:"";
    position:absolute;
    left:0; top:0; right:0;
    height:3px;
    background:linear-gradient(90deg,#ff7f00 0%,#ffb04d 55%,#ffd9a0 100%);
}
body.tcpche-info .dizhi_card .avatar{
    padding-bottom:12px;
}
body.tcpche-info .dizhi_card .avatar img{
    width:38px; height:38px;
    border:2px solid #fff;
    box-shadow:0 0 0 1px #eceef1, 0 2px 6px rgba(17,24,39,.10);
}
body.tcpche-info .dizhi_card .avatar span.xm{
    padding-left:10px;
    color:#1d1d1d;
    font-size:.95em;
    font-weight:600;
}
body.tcpche-info .dizhi_card .dizhi{
    font-size:1.28em;
    font-weight:700;
    line-height:1.45;
    letter-spacing:.2px;
    color:#171a1f;
    padding-bottom:12px;
}
body.tcpche-info .dizhi_card .dizhi .fuhao{
    color:#ff7f00;
    font-weight:700;
    padding:0 2px;
}
body.tcpche-info .dizhi_card .clicks{
    padding-bottom:2px;
}
body.tcpche-info .dizhi_card .clicks .pinche_type{
    padding:3px 11px;
    border-radius:20px;
    font-size:.78em;
    line-height:18px;
    display:inline-block;
    box-shadow:0 2px 6px rgba(17,24,39,.10);
}
body.tcpche-info .dizhi_card .clicks .info_clicks{
    color:#9aa1ab;
    font-size:.85em;
}

/* ---------- 联系人条：头像 + 电话/微信圆钮 ---------- */
body.tcpche-info .info-item .info-item-ly{
    margin:0 14px 12px;
    padding:14px;
    border-radius:18px;
    background:#fff;
    border:1px solid #eef0f3;
    box-shadow:0 6px 22px rgba(17,24,39,.06);
    -webkit-box-align:center;
    align-items:center;
}
body.tcpche-info .info-item .info-item-ly .ly-content p{
    height:auto;
    line-height:24px;
}
body.tcpche-info .info-item .info-item-ly .ly-content .import{
    font-size:.78em;
    color:#b26a00;
    line-height:18px;
    padding-top:2px;
}
body.tcpche-info .info-item .info-item-ly .ly-right,
body.tcpche-info .info-item .info-item-ly .ly-right2{
    width:44px; height:44px;
    margin-left:8px;
    border-radius:50%;
    background:#fff6ec;
    box-shadow:0 3px 10px rgba(255,127,0,.16);
    overflow:hidden;
}
body.tcpche-info .info-item .info-item-ly .ly-right a,
body.tcpche-info .info-item .info-item-ly .ly-right2 a{
    display:block;
    width:44px; height:44px;
    border-radius:50%;
    background-color:#fff6ec;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:22px auto;
    transition:transform .18s ease, box-shadow .18s ease;
}
body.tcpche-info .info-item .info-item-ly .ly-right a:active,
body.tcpche-info .info-item .info-item-ly .ly-right2 a:active{
    transform:scale(.92);
    box-shadow:0 1px 4px rgba(255,127,0,.20);
}

/* ---------- 参数卡（出发时间 / 途径 / 人数 / 电话 / 备注） ---------- */
body.tcpche-info .pinche_info{
    margin:0 14px 12px;
    padding:6px 16px 12px;
    border-radius:18px;
    background:#fff;
    border:1px solid #eef0f3;
    box-shadow:0 6px 22px rgba(17,24,39,.06);
    font-size:1em;
}
body.tcpche-info .pinche_info .info_item{
    padding:12px 0;
    line-height:24px;
    font-size:.92em;
    border-bottom:1px solid #f4f5f7;
}
body.tcpche-info .pinche_info .info_item:last-child{
    border-bottom:0;
    padding-bottom:4px;
}
body.tcpche-info .pinche_info .info_item .info_left{
    width:76px;
    min-width:76px;
    color:#9aa1ab;
    font-size:.95em;
}
body.tcpche-info .pinche_info .info_item .info_right{
    color:#1f2329;
    font-weight:500;
}
/* 出发时间：主色强调 */
body.tcpche-info .pinche_info .info_item:first-child .info_right{
    color:#ff7f00;
    font-weight:700;
    font-size:1.05em;
}

/* ---------- 举报卡 ---------- */
body.tcpche-info .info-item .info-item-jubao{
    margin:0 14px 12px;
    padding:12px 14px;
    border-radius:18px;
    background:linear-gradient(180deg,#fffaf3 0%,#fffdfa 100%);
    border:1px solid #ffe3c2;
    box-shadow:0 4px 14px rgba(255,127,0,.06);
    -webkit-box-align:center;
    align-items:center;
}
body.tcpche-info .info-item .info-item-jubao .jubao-content .title{
    color:#d9640a;
    height:auto;
    line-height:24px;
}
body.tcpche-info .info-item .info-item-jubao .jubao-content .desc{
    color:#a08b74;
    font-size:.78em;
    line-height:17px;
    padding-top:2px;
}

/* ---------- 轮播图 ---------- */
body.tcpche-info .info__focuspic{
    margin:0 14px 12px;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 6px 22px rgba(17,24,39,.06);
}

/* ---------- 底部操作栏 ---------- */
body.tcpche-info .pcheinfo-footer{
    background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:saturate(180%) blur(10px);
    backdrop-filter:saturate(180%) blur(10px);
    border-radius:20px 20px 0 0;
    box-shadow:0 -6px 22px rgba(17,24,39,.09);
    padding:10px 12px calc(10px + env(safe-area-inset-bottom, 0px));
}
body.tcpche-info .pcheinfo-footer .pcheinfo-footer__item{
    color:#8b9098;
}
body.tcpche-info .pcheinfo-footer .pcheinfo-footer__item.on{
    color:#ff7f00;
}
body.tcpche-info .pcheinfo-footer .pcheinfo-footer__item2{
    border-radius:24px;
    font-weight:600;
    box-shadow:0 4px 14px rgba(255,127,0,.22);
    transition:transform .18s ease;
}
body.tcpche-info .pcheinfo-footer .pcheinfo-footer__item2:active{
    transform:scale(.97);
}

/* ---------- 入场动效 ---------- */
@keyframes pcxInfoRise{
    from{ opacity:0; -webkit-transform:translateY(12px); transform:translateY(12px); }
    to  { opacity:1; -webkit-transform:none;             transform:none; }
}
body.tcpche-info .dizhi_card        { animation:pcxInfoRise .46s cubic-bezier(.22,.61,.36,1) both; }
body.tcpche-info .info-item-ly      { animation:pcxInfoRise .50s cubic-bezier(.22,.61,.36,1) .05s both; }
body.tcpche-info .pinche_info       { animation:pcxInfoRise .54s cubic-bezier(.22,.61,.36,1) .10s both; }
body.tcpche-info .info-item-jubao   { animation:pcxInfoRise .58s cubic-bezier(.22,.61,.36,1) .15s both; }

@media (prefers-reduced-motion: reduce){
    body.tcpche-info .dizhi_card,
    body.tcpche-info .info-item-ly,
    body.tcpche-info .pinche_info,
    body.tcpche-info .info-item-jubao{
        animation:none !important;
    }
}