@charset "utf-8";
/* ==========================================================================
   线路内容页样式 xlnr.css（独立，不依赖 common.css）
   2026-11-06
   ========================================================================== */
:root{--p:#00766c;--pd:#005e55;--pl:#12a393;--org:#c2410c;--ink:#1f2a28;--g:#6b7774;--line:#ecedec;--bg:#f4f6f5;--r:12px}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{background:#fff;font:14px/1.55 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;border:0}
a{color:inherit;text-decoration:none}
button{font:inherit;border:0;background:none;color:inherit;padding:0;cursor:pointer}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}

:root{--max:750px;--p:#00766c;--pd:#005e55;--pl:#12a393;--ink:#1f2a28;--g:#5f6b66;--bg:#f4f6f5;--w:#fff;--line:#ecedec;--r:12px;--nav:60px;--org:#c2410c;--orange:#ff7b2e;--pr:#ffa04d;--s:#dfe4e2}
.xl-app{max-width:750px;margin:0 auto;background:#fff;min-height:100vh;padding:48px 0 74px;position:relative;overflow:hidden}

/* ---------- 顶栏（xl- 前缀，和 common.css 彻底隔离） ---------- */
.xl-page-header{position:fixed;top:0;left:0;right:0;margin:0 auto;max-width:750px;z-index:60;display:flex;align-items:center;gap:10px;height:48px;padding:0 10px;background:linear-gradient(135deg,#00766c,#005e55);box-shadow:0 2px 8px rgba(0,0,0,.12);pointer-events:auto}
.xl-ph-title{flex:1;text-align:center;font-size:16px;font-weight:600;color:#fff;letter-spacing:.5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.xl-ph-btn{flex:0 0 auto;width:48px;height:48px;box-sizing:border-box;border:6px solid transparent;background-clip:content-box;border-radius:50%;display:grid;place-items:center;background-color:rgba(255,255,255,.16);pointer-events:auto;cursor:pointer;padding:0;position:relative;z-index:2}
.xl-page-header>.xl-ph-btn:first-child{margin-left:-6px}
.xl-page-header>.xl-ph-btn:last-child{margin-right:-6px}
.xl-ph-btn svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.xl-ph-btn:active{background:rgba(255,255,255,.3)}

/* ---------- 面包屑 ---------- */
.xl-crumb{display:flex;gap:6px;align-items:center;padding:0 12px;min-height:48px;font-size:12px;color:var(--g);background:#fff;white-space:nowrap;overflow:hidden}
.xl-crumb a{color:var(--g);display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:48px}
.xl-crumb i{font-style:normal;color:#5f6b66}

/* ---------- 图集（与 s/common.css .hero-banner 统一 aspect-ratio:400/217） ---------- */
.xl-gallery{position:relative;width:100%;aspect-ratio:400/217;background:#d8e0de;overflow:hidden}
.xl-gallery .main{width:100%;height:100%;object-fit:cover}
.xl-gallery .badges{position:absolute;left:10px;top:10px;display:flex;gap:6px}
.xl-gallery .badges span{padding:2px 8px;border-radius:4px;background:rgba(0,0,0,.55);color:#fff;font-size:11px}
.xl-gallery .badges .hot{background:var(--org)}
.xl-gallery .count{position:absolute;right:10px;bottom:10px;padding:2px 8px;border-radius:10px;background:rgba(0,0,0,.55);color:#fff;font-size:11px}
.xl-thumbs{display:flex;gap:6px;padding:8px 12px;overflow-x:auto;background:#fff;scrollbar-width:none}
.xl-thumbs::-webkit-scrollbar{display:none}
.xl-thumbs img{width:64px;height:48px;object-fit:cover;border-radius:6px;flex:none;border:2px solid transparent}
.xl-thumbs img.on{border-color:var(--p)}

/* ---------- 标题 ---------- */
.xl-title{padding:12px 12px 0;background:#fff}
.xl-title h1{margin:0;font-size:17px;line-height:1.45;font-weight:600;letter-spacing:-.2px}
.xl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.xl-tags span{padding:1px 7px;border-radius:4px;background:#f2f7f6;color:#3d6f69;font-size:11px}

/* ---------- 价格 ---------- */
.xl-price{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 12px 0;padding:10px 14px;border-radius:10px;background:linear-gradient(135deg,#fff6ee,#fffaf6)}
.xl-price .now{color:var(--org);font-size:12px;display:flex;align-items:baseline;gap:2px;flex:none;white-space:nowrap}
.xl-price .now b{font-size:26px;font-weight:700;letter-spacing:-.5px}
.xl-price .now i{font-style:normal}
.xl-price .now span{color:#6b5b50}
.xl-price .date{font-size:11px;color:#6b5b50;text-align:right;line-height:1.6;flex:1 1 auto;min-width:0;word-break:break-word}
.xl-price .date b{display:block;color:#6b4a35;font-size:12px;font-weight:600}

/* ---------- 关键参数 ---------- */
.xl-params{display:grid;grid-template-columns:repeat(4,1fr);margin:10px 12px 0;padding:13px 0;background:#f7f9f8;border-radius:10px}
.xl-params div{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 2px;text-align:center}
.xl-params div+div::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:22px;background:#e6ecea}
.xl-params dt{order:2;color:#5f6b66;font-size:10px;line-height:1}
.xl-params dd{order:1;color:var(--ink);font-weight:600;font-size:12.5px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}

/* ---------- 通用板块 ---------- */
.xl-sec{background:#fff;margin-top:8px;padding:12px}
.xl-sec h2,.xl-sec h3,.xl-h2,.xl-h3{margin:0 0 10px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:6px}
.xl-sec h2::before,.xl-sec h3::before,.xl-h2::before,.xl-h3::before{content:"";width:3px;height:14px;border-radius:2px;background:var(--p)}

/* ---------- 亮点 ---------- */
.xl-feat{margin:0}
.xl-feat li{display:flex;gap:7px;align-items:flex-start;font-size:12.5px;color:#45514e;background:var(--bg);border-radius:8px;padding:8px 10px;line-height:1.6;margin-bottom:7px}
.xl-feat li:last-child{margin-bottom:0}
.xl-feat li::before{content:"✓";color:var(--p);font-weight:700;flex:none}

/* ---------- 行程 ---------- */
.xl-days{position:relative;padding:0 0 0 26px}
.xl-days::before{content:"";position:absolute;left:9px;top:6px;bottom:6px;width:2px;background:#e4eeec}
.xl-day{position:relative;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.xl-day:last-child{margin-bottom:0}
.xl-day::before{content:"";position:absolute;left:-21px;top:14px;width:8px;height:8px;border-radius:50%;background:#cfdedb;border:2px solid #fff;box-shadow:0 0 0 2px #e4eeec}
.xl-day.on::before{background:var(--p);box-shadow:0 0 0 2px #cfe9e5}
.xl-day-hd{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer}
.xl-day-hd .no{flex:none;width:34px;height:22px;border-radius:6px;background:var(--bg);color:var(--p);font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:600}
.xl-day.on .no{background:var(--p);color:#fff}
.xl-day-hd .t{flex:1;font-size:13px;font-weight:600;line-height:1.35}
.xl-day-hd .t i{display:none}
.xl-day-hd .t b{font-weight:400;color:#3f6e68}
.xl-day-hd .t .route_plane::after{content:"飞机"}
.xl-day-hd .t .route_car::after{content:"大巴"}
.xl-day-hd .t .route_ship::after{content:"游船"}
.xl-day-hd .t .route_train::after{content:"火车"}
.xl-day-hd .arw{flex:none;color:#5f6b66;transition:transform .2s}
.xl-day.on .arw{transform:rotate(180deg)}
.xl-day-bd{display:none;padding:0 12px 12px}
.xl-day.on .xl-day-bd{display:block}
.xl-day-bd .meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.xl-day-bd .meta span{font-size:11px;color:#5b6864;background:var(--bg);border-radius:4px;padding:2px 6px}
.xl-day-bd p{margin:0 0 8px;font-size:12.5px;color:#4b5754;line-height:1.75}
.xl-day-bd p:last-child{margin-bottom:0}
.xl-day-bd .pics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}
.xl-day-bd .pics:empty{display:none}
.xl-day-bd .scenic-list-item .pic img{width:100%;height:66px;object-fit:cover;border-radius:6px}
.xl-day-bd .scenic-list-item .txt{display:none}

/* ---------- 费用 ---------- */
.xl-fee{display:flex;flex-direction:column;gap:10px}
.fee-box{border-radius:10px;padding:11px 12px 12px}
.fee-box.in{background:#f2f9f7}
.fee-box.out{background:#fdf7f3}
.fee-box h3,.fee-box h4{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:13px;font-weight:600;letter-spacing:.3px}
.fee-box.in h3,.fee-box.in h4{color:#00766c}
.fee-box.out h3,.fee-box.out h4{color:#a3501f}
.fee-box h3::before,.fee-box h4::before{width:17px;height:17px;border-radius:50%;color:#fff;font-size:11px;line-height:17px;text-align:center;flex:none;font-weight:700}
.fee-box.in h3::before,.fee-box.in h4::before{content:"✓";background:#12a393}
.fee-box.out h3::before,.fee-box.out h4::before{content:"×";background:#e2a578;font-size:13px;line-height:16px}
.fee-box ul{margin:0}
.fee-box li{position:relative;padding-left:16px;font-size:12.5px;line-height:1.6;color:#53605d;margin-bottom:7px}
.fee-box li:last-child{margin-bottom:0}
.fee-box li::before{position:absolute;left:2px;top:0;font-size:10px;line-height:2}
.fee-box.in li::before{content:"✓";color:#63b7ab}
.fee-box.out li::before{content:"✕";color:#dcaa86;font-size:9px}
/* 后台录入为一段文本时 */
.fee-box .fee-text{font-size:12.5px;line-height:1.85;color:#53605d;word-break:break-all}

/* ---------- 须知 ---------- */
.xl-acc{background:#f7f9f8;border-radius:10px;margin-bottom:8px;overflow:hidden;transition:background .2s}
.xl-acc:last-child{margin-bottom:0}
.xl-acc.on{background:#f2f7f6}
.xl-acc-hd{display:flex;justify-content:space-between;align-items:center;padding:12px;font-size:13px;font-weight:500;color:#2c3835;cursor:pointer}
.xl-acc-hd span:first-child{position:relative;padding-left:11px}
.xl-acc-hd span:first-child::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:12px;border-radius:2px;background:#bcdad6}
.xl-acc.on .xl-acc-hd span:first-child::before{background:var(--p)}
.xl-acc-bd{display:none;font-size:12.5px;color:#5b6864;line-height:1.75;padding:0 12px 12px 23px;word-break:break-all}
.xl-acc.on .xl-acc-bd{display:block}
.xl-acc .arw{color:#5f6b66;transition:transform .2s}
.xl-acc.on .arw{transform:rotate(180deg)}

/* ---------- 上一篇 / 下一篇 ---------- */
.xl-pn{background:#fff;margin-top:8px;padding:0 12px}
.xl-pn a{display:flex;align-items:center;gap:7px;min-height:48px;padding:12px 0;font-size:12.5px;border-bottom:1px solid var(--line)}
.xl-pn a:last-child{border-bottom:0}
.xl-pn i{font-style:normal;color:#5f6b66;font-size:15px;line-height:1;flex:none}
.xl-pn em{font-style:normal;color:#5f6b66;flex:none}
.xl-pn b{font-weight:500;color:#2c3835;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* ---------- 相关线路 ---------- */
.xl-rel{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.xl-rel a{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.xl-rel img{width:100%;aspect-ratio:160/98;object-fit:cover}
.xl-rel .b{padding:7px 8px 9px}
.xl-rel h3,.xl-rel h4{margin:0 0 4px;font-size:12.5px;font-weight:500;line-height:1.45;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.xl-rel .pr{color:var(--org);font-size:15px;font-weight:700}
.xl-rel .pr i{font-style:normal;font-size:11px;font-weight:400;margin-right:1px}
.xl-rel .pr small{color:#5f6b66;font-size:10px;font-weight:400}

/* ---------- 班期价格（日历） ---------- */
.xl-sched .sched-toggle{display:flex;align-items:center;justify-content:space-between;padding:13px 0;cursor:pointer}
.xl-sched .sched-toggle h2,.xl-sched .sched-toggle h3{margin:0}
.xl-sched .sched-toggle .hint{font-size:12px;color:var(--p);display:flex;align-items:center;gap:2px}
.xl-sched .sched-toggle .hint s{text-decoration:none;transition:transform .2s;display:inline-block;font-size:14px;line-height:1}
.xl-sched.on .sched-toggle .hint s{transform:rotate(90deg)}
.xl-sched .body{display:none;padding-top:11px}
.xl-sched.on .body{display:block}
/* 日历卡片容器 — clamp() 自适应 */
.xl-sched .body{background:linear-gradient(180deg,#fafdfc 0%,#f4f9f7 100%);border-radius:clamp(10px,3vw,14px);padding:clamp(10px,2.667vw,14px) clamp(8px,2.133vw,12px);border:1px solid #e7f0ed}
/* 月份 pill 栏 */
.xl-sched .months{display:flex;gap:clamp(4px,1.333vw,6px);overflow-x:auto;padding-bottom:clamp(6px,2vw,10px);scrollbar-width:none}
.xl-sched .months::-webkit-scrollbar{display:none}
.xl-sched .months button{flex:none;min-width:clamp(40px,12vw,48px);padding:clamp(3px,1vw,5px) clamp(6px,2vw,10px);border-radius:16px;background:#fff;font-size:clamp(10.5px,3vw,11.5px);color:#5b6864;font-weight:500;border:1px solid #e4ece9;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.xl-sched .months button.on{background:linear-gradient(135deg,#009387 0%,#00766c 100%);color:#fff;border-color:transparent;box-shadow:0 3px 8px rgba(0,118,108,.3)}
/* 星期栏 */
.xl-sched .wk{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:clamp(10px,2.8vw,10.5px);color:#5f6b66;padding:clamp(2px,.667vw,4px) 0 clamp(4px,1.333vw,6px);font-weight:500;letter-spacing:.3px}
.xl-sched .wk span:nth-child(1),.xl-sched .wk span:nth-child(7){color:#c77b57}
/* 日期格子 — 核心：高度随 vw 自适应，不再固定像素 */
.xl-sched .days{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(2px,.667vw,4px)}
.xl-sched .cell{height:clamp(36px,11vw,44px);border-radius:clamp(7px,2vw,10px);background:#fff;border:1px solid #eef2f0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05;font-size:clamp(10.5px,3vw,11.5px);color:var(--ink);transition:transform .15s,box-shadow .15s}
.xl-sched .cell b{font-weight:600;font-size:clamp(11px,3.2vw,12px)}
.xl-sched .cell em{font-style:normal;font-size:clamp(8px,2.5vw,9px);color:#00766c;font-weight:500;margin-top:clamp(0px,.333vw,1px)}
.xl-sched .cell.few em{color:#ff7b2e}
.xl-sched .cell.off{background:transparent;border-color:transparent;color:#dfe4e2}
.xl-sched .cell.off b{color:#e3e8e6}
.xl-sched .cell.off em{display:none}
.xl-sched .cell.none{background:#f2f4f3;border-color:transparent;color:#b8c3c0}
.xl-sched .cell.none b{color:#b8c3c0}
.xl-sched .cell.none em{display:none}
.xl-sched .cell.sel{background:linear-gradient(135deg,#009387 0%,#00766c 100%);color:#fff;border-color:transparent;box-shadow:0 4px 12px rgba(0,118,108,.32);transform:translateY(-1px)}
.xl-sched .cell.sel b{color:#fff}
.xl-sched .cell.sel em{color:rgba(255,255,255,.92)}
/* 今日小徽标 */
.xl-sched .cell.today b{position:relative;color:#ff7b2e}
.xl-sched .cell.today b::after{content:"";position:absolute;left:50%;bottom:clamp(-4px,-1.333vw,-6px);transform:translateX(-50%);width:clamp(3px,1vw,4px);height:clamp(3px,1vw,4px);border-radius:50%;background:#ff7b2e}
.xl-sched .cell.sel.today b{color:#fff}
.xl-sched .cell.sel.today b::after{background:#fff}
/* tip */
.xl-sched .tip{font-size:clamp(10px,2.8vw,11px);color:#7a8784;margin-top:clamp(8px,2.667vw,12px);line-height:1.6;padding-left:clamp(12px,3.75vw,14px);position:relative}
.xl-sched .tip::before{content:"";position:absolute;left:0;top:clamp(4px,1.333vw,6px);width:clamp(8px,2.8vw,10px);height:clamp(8px,2.8vw,10px);border-radius:50%;background:linear-gradient(135deg,#ffb36b,#ff7b2e);opacity:.85;box-shadow:0 0 0 clamp(2px,.667vw,3px) rgba(255,123,46,.12)}
.xl-sched .loading{font-size:12px;color:#5f6b66;padding:16px 0;text-align:center}

/* ---------- 底部预订条 ---------- */
.xl-bar{position:fixed;left:0;right:0;margin:0 auto;bottom:0;max-width:750px;display:flex;align-items:center;gap:10px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);z-index:9999}
.xl-bar .acts{display:flex;gap:2px;flex:none}
.xl-bar .act{width:48px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:10px;color:#5f6a67;line-height:1.2}
.xl-bar .act svg{width:22px;height:22px;fill:var(--p);display:block;margin:0 auto 2px}
.xl-bar .p{flex:1;color:var(--org);font-size:11px;line-height:1.2}
.xl-bar .p .d{display:block;font-size:10px;color:#5f6b66;font-weight:400;margin-bottom:1px}
.xl-bar .p b{font-size:20px;font-weight:700}
.xl-bar .xl-go{flex:none;display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 22px;border-radius:24px;background:linear-gradient(135deg,#c2410c,#a33609);color:#fff;font-size:15px;font-weight:600;box-shadow:0 4px 12px rgba(255,106,0,.3)}

/* ---------- 页脚（精确复制 s/common.css） ---------- */
.xl-ft{max-width:var(--max,640px);margin:0 auto;padding:10px 10px calc(var(--nav,60px) + 12px + env(safe-area-inset-bottom));background:var(--bg)}
.xl-ft-card{background:var(--w,#fff);border-radius:12px;padding:16px 14px 14px;text-align:center;color:#5f6b66;font-size:12px;line-height:20px}
.xl-ft-brand{display:flex;justify-content:center;margin-bottom:10px}
.xl-ft-brand img{height:44px;width:auto}
.xl-ft-copy{display:block;color:#5f6b66}
.xl-ft-beian{display:inline-flex;align-items:center;gap:3px;min-height:48px;color:#5f6b66}
.xl-ft-card a{display:inline-flex;align-items:center;min-height:48px}

/* ---------- 公共弹窗：电话 / 客服 / 号码操作 ---------- */
.xl-pmask{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s}
.xl-pmask.on{opacity:1;visibility:visible}
.xl-pmask.down{align-items:flex-end}
.xl-pcard{background:#fff;width:85%;max-width:340px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);padding-bottom:16px;max-height:84vh;overflow:auto;transform:scale(.92);transition:transform .25s}
.xl-pmask.on .xl-pcard{transform:none}
.xl-phead{text-align:center;padding:15px 5px 8px}
.xl-phead img{max-width:170px;height:auto;display:inline-block}
.xl-pname{font-size:15px;font-weight:700;color:#333;margin-top:10px;letter-spacing:1px}
.xl-pbody{padding:0 14px}
.xl-pgl{font-size:12px;color:#333;margin:10px 0 8px 5px;font-weight:600;letter-spacing:.5px}
.xl-pbtn{display:flex;justify-content:space-between;align-items:center;background:#f7f8fa;padding:9px 10px;border-radius:10px;margin-bottom:10px;color:#333}
.pbtn:active{background:#eef0f4}
.xl-pleft{display:flex;align-items:center;font-size:13px;color:#333;white-space:nowrap}
.xl-pleft svg{width:17px;height:17px;margin-right:8px;color:#666;fill:currentColor;flex:0 0 auto}
.xl-pnum{font-size:14px;font-weight:600;color:#333;white-space:nowrap;padding-left:8px}
.xl-acs{position:fixed;left:50%;bottom:0;width:100%;max-width:750px;transform:translate(-50%,100%);transition:transform .28s;background:#f0f0f0;border-radius:12px 12px 0 0;overflow:hidden;padding-bottom:calc(6px + env(safe-area-inset-bottom));z-index:61}
.xl-pmask.on .xl-acs{transform:translate(-50%,0)}
.xl-acs-t{padding:15px;text-align:center;font-size:14px;color:#333;background:#fff;border-bottom:1px solid #eee}
.xl-acs-t span{display:block;font-size:12px;color:#999;margin-top:2px;letter-spacing:.5px}
.xl-acs-btn{display:block;width:100%;padding:15px;text-align:center;background:#fff;border:0;border-bottom:1px solid #eee;font-size:18px;color:#333}
.acs-btn:active{background:#f9f9f9}
.xl-acs-c{border-bottom:0;margin-top:6px}
.xl-svc{position:fixed;inset:0;z-index:62;background:rgba(0,0,0,.6);display:none}
.xl-svc.on{display:block}
.xl-spanel{position:fixed;top:35vh;bottom:0;left:0;right:0;margin:0 auto;max-width:750px;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -5px 25px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}
.xl-shead{flex:0 0 48px;height:48px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #f0f0f0;background:#fff}
.xl-sclose{padding:10px;margin-right:-10px;line-height:0;cursor:pointer}
.xl-sclose svg{width:20px;height:20px;fill:#999}
.xl-spanel iframe{flex:1;width:100%;border:0;display:block}

/* ---------- 搜索层（全站统一，复制自 common.css，放大镜之前也能正确显示） ---------- */
.m_header_search{position:fixed;top:0;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:750px;z-index:6000;height:100vh;height:100dvh;background:#f7f8fa;display:none;flex-direction:column;overflow:hidden;padding:0}
.m_header_search.hide{display:none}
.m_header_search .s-green-frame{background:linear-gradient(135deg,#0f8a7e 0%,#0a5f58 100%);margin:0;border-radius:0;padding:8px 12px;display:flex;align-items:center}
.m_header_search .search_cancel{width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#00766c;font-weight:500;line-height:1;cursor:pointer}
.m_header_search .search_cancel:active{background:#f0f8f6}
.m_header_search .search_cancel{color:rgba(255,255,255,.92);width:auto;padding:0 2px;margin-right:9px;font-weight:400;flex-shrink:0}
.m_header_search .search_cancel:active{background:transparent;color:rgba(255,255,255,.7)}
.m_header_search .search_bar{background:#fff;border-radius:10px;height:40px;display:flex;align-items:stretch;box-shadow:0 2px 8px rgba(0,60,54,.18);border:1px solid rgba(0,118,108,.55);overflow:hidden;padding:0 6px 0 0}
.m_header_search .search_bar{background:#fff;border-radius:19px;height:38px;padding:3px 3px 3px 0;border:1.5px solid rgba(255,255,255,.65);box-shadow:0 0 0 3px rgba(255,255,255,.18),0 3px 10px rgba(0,0,0,.14);flex:1;min-width:0}
.m_header_search .o-logo{width:30px;height:30px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.m_header_search .o-logo img{width:24px;height:24px;object-fit:cover;border-radius:3px}
.m_header_search .o-logo{width:26px;height:auto;background:#f4f8f7;border-radius:15px 0 0 15px}
.m_header_search .o-logo img{width:18px;height:18px}
.m_header_search .search_main{flex:1;display:flex;align-items:center;overflow:hidden;min-width:0;height:100%;position:relative}
.m_header_search .search_main{background:#f4f8f7;border-radius:0 16px 16px 0;padding-right:3px}
.m_header_search .search_main form{background:transparent}
.m_header_search .search_lanmu{color:#00766c;font-size:12px;font-weight:500;padding:0 4px 0 0;margin-right:3px;border-right:1px solid #e0ebe9;flex-shrink:1;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1;cursor:pointer}
.m_header_search .search_lanmu{background:#f4f8f7;color:#333;border-right-color:#e2e8e6;font-size:12px}
.m_header_search #search_form{flex:1;display:flex;align-items:center;border:0;background:transparent;margin:0;padding:0;min-width:0}
.m_header_search .J_hs-input{flex:1;min-width:0;border:0;outline:0;font-size:14px;background:transparent;color:#222;height:100%;padding:0;line-height:1}
.m_header_search .J_hs-input{font-size:12px}
.m_header_search .J_hs-input::placeholder{color:#5f6b66}
.m_header_search .J_hs-input::placeholder{color:#b9c2c0}
.m_header_search .J_hs-input::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
.m_header_search .search_button{align-self:center;background:#00766c;color:#fff;font-size:13px;padding:0 10px;height:28px;display:flex;align-items:center;justify-content:center;font-weight:500;flex-shrink:0;cursor:pointer;border:0;border-radius:14px}
.m_header_search .search_button:active{background:#005d55}
.m_header_search .search_button button{display:none}
.m_header_search .search_button::before{content:'搜索';font-size:13px;color:#fff;font-weight:500}
.m_header_search .search_button{background:linear-gradient(135deg,#12a08f,#0a5f58);box-shadow:0 2px 6px rgba(10,95,88,.35);font-size:12px;padding:0 13px}
.m_header_search .search_button::before{font-size:12px}
.m_header_search .search_button:active{background:linear-gradient(135deg,#0c8577,#084d47);box-shadow:none}
.m_header_search .search-suggestions{position:absolute;top:100%;left:0;right:0;z-index:6000;background:#fff;padding:0;display:block;overflow-y:auto;max-height:60vh;margin:0;list-style:none;border:1px solid #eee;border-top:0;border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(0,0,0,.12)}
.m_header_search .search-suggestions.hide{display:none}
.m_header_search .gundong{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:none;padding:10px 10px 90px}
.m_header_search .search-footer{display:none;margin:15px -10px 0}
.m_header_search .search-footer.show{display:block}
/* 搜索结果加载更多按钮 */
.search-load-btn{display:none;margin:15px 10px 25px;padding:10px;background:#fff;color:#666;text-align:center;border-radius:6px;font-size:14px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.search-load-btn:active{background:#f0f0f0}
/* 返回顶部按钮（搜索层内 common.js 动态创建） */
.sch-back-top{position:absolute;right:12px;bottom:calc(var(--nav,60px) + 50px + env(safe-area-inset-bottom));width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.12);color:#3c4644;cursor:pointer;z-index:6020;opacity:0;visibility:hidden;transition:.25s}
.sch-back-top.show{opacity:1;visibility:visible}
.sch-back-top svg{width:18px;height:18px;fill:currentColor}

/* ---------- 问答区（xlnr.js 动态拉） ---------- */
.xl-ask-loading,.xl-ask-empty{font-size:12.5px;color:#5f6b66;text-align:center;padding:14px 0}
.xl-ask-item{background:#f7f9f8;border-radius:10px;padding:12px 14px;line-height:1.75}
.xl-ask-item .q{font-size:13px;color:#1f2a28;font-weight:600;position:relative;padding-left:18px}
.xl-ask-item .q::before{content:"Q";position:absolute;left:0;top:0;font-size:11px;font-weight:700;color:#c2410c;background:#fff6ee;border-radius:4px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.xl-ask-item .a{margin-top:9px;font-size:12.5px;color:#3f4a47;position:relative;padding-left:18px}
.xl-ask-item .a::before{content:"A";position:absolute;left:0;top:1px;font-size:11px;font-weight:700;color:var(--p);background:#eef6f4;border-radius:4px;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;line-height:1}
.xl-ask-item .m{margin-top:8px;font-size:11px;color:#5f6b66;text-align:right}

/* ==========================================================================
   公共组件：返回顶部 / Toast
   ========================================================================== */

/* ---------- 返回顶部（精确复制 s/common.css .top） ---------- */
.xl-top{position:fixed;left:min(calc(50% + var(--max,750px)/2 - 52px), calc(100vw - 50px));bottom:calc(var(--nav,60px) + 12px + env(safe-area-inset-bottom));z-index:900;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.94);border:1px solid var(--line);box-shadow:0 4px 14px rgba(0,0,0,.12);opacity:0;visibility:hidden;transition:.25s;color:#3c4644}
.xl-top.on{opacity:1;visibility:visible}
.xl-top svg{width:18px;height:18px;fill:currentColor}
/* 搜索层内 common.js 动态创建的 .sch-back-top —— 位置调高，不被底部导航盖住 */
.sch-back-top{bottom:calc(var(--nav,60px) + 50px + env(safe-area-inset-bottom)) !important}

/* ---------- Toast 提示 ---------- */
.xl-toast{position:fixed;left:50%;top:50%;z-index:12000;transform:translate(-50%,-50%) scale(.9);background:rgba(20,30,28,.9);color:#fff;font-size:13px;padding:10px 16px;border-radius:10px;opacity:0;visibility:hidden;transition:.2s;pointer-events:none}
.xl-toast.on{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}

/* ========== 以下从 common.css 直接移植，首屏可用 ========== */

/* ---------- 底部导航（电话/客服/我的） ---------- */
.xl-bn{position:fixed;bottom:0;left:0;right:0;margin:0 auto;max-width:var(--max);z-index:9999;height:var(--nav);display:flex;align-items:center;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-sizing:content-box}
.xl-bn-item{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:11px;color:#5f6a67;cursor:pointer;user-select:none}
.xl-bn-item svg{width:23px;height:23px;fill:currentColor}
.xl-bn-item.on{color:var(--p);font-weight:600}

/* ---------- 电话弹层 ---------- */
.xl-pmask{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s}
.xl-pmask.on{opacity:1;visibility:visible}
.xl-pmask.down{align-items:flex-end}
.xl-pcard{background:#fff;width:85%;max-width:360px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.2);padding-bottom:18px;max-height:84vh;overflow:auto;transform:scale(.92);transition:transform .25s}
.xl-pmask.on .xl-pcard{transform:none}
.xl-phead{text-align:center;padding:15px 5px 10px}
.xl-phead img{max-width:200px;height:auto;display:inline-block}
.xl-pname{font-size:16px;font-weight:700;color:#333;margin-top:10px;letter-spacing:1px}
.xl-pbody{padding:0 15px}
.xl-pgl{font-size:12px;color:#333;margin:10px 0 8px 5px;font-weight:600;letter-spacing:.5px}
.xl-pbtn{display:flex;justify-content:space-between;align-items:center;background:#f7f8fa;padding:9px 10px;border-radius:10px;margin-bottom:10px;color:#333;text-decoration:none}
.pbtn:active{background:#eef0f4;transform:scale(.98)}
.xl-pleft{display:flex;align-items:center;font-size:14px;color:#333;white-space:nowrap;min-width:0}
.xl-pleft svg{width:18px;height:18px;margin-right:8px;color:#666;flex:0 0 auto}
.xl-pnum{font-size:15px;font-weight:600;color:#333;white-space:nowrap;padding-left:10px}

/* ---------- 号码操作面板（拨打/复制微信） ---------- */
.xl-acs{position:fixed;bottom:0;left:50%;width:100%;max-width:var(--max);transform:translate(-50%,100%);transition:transform .28s;background:#f0f0f0;border-radius:12px 12px 0 0;overflow:hidden;padding-bottom:calc(6px + env(safe-area-inset-bottom));z-index:10000}
.xl-pmask.on .xl-acs{transform:none}
.xl-acs-t{padding:15px;text-align:center;font-size:14px;color:#333;background:#fff;border-bottom:1px solid #eee}
.xl-acs-t span{display:block;font-size:12px;color:#999;margin-top:2px;letter-spacing:.5px}
.xl-acs-btn{display:block;width:100%;padding:15px;text-align:center;background:#fff;border:0;border-bottom:1px solid #eee;font-size:18px;color:#333}
.acs-btn:active{background:#f9f9f9}
.xl-acs-c{border-bottom:0;margin-top:6px}

/* ---------- 客服弹层（底部面板 + 聊天 iframe） ---------- */
.xl-svc{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.6);display:none}
.xl-svc.on{display:block}
.xl-spanel{position:fixed;top:35vh;bottom:0;left:0;right:0;margin:0 auto;max-width:var(--max);background:#fff;border-radius:16px 16px 0 0;box-shadow:0 -5px 25px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow:hidden}
.xl-shead{flex:0 0 48px;height:48px;display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #f0f0f0;background:#fff}
.xl-sclose{padding:10px;margin-right:-10px;line-height:0;cursor:pointer}
.xl-sclose svg{width:20px;height:20px;fill:#999}
.xl-spanel iframe{flex:1;width:100%;border:0;display:block}

/* ---------- 页脚 ---------- */
.xl-ft{max-width:var(--max);margin:0 auto;padding:10px 10px calc(var(--nav) + 12px + env(safe-area-inset-bottom));background:var(--bg)}
.xl-ft-card{background:var(--w);border-radius:12px;padding:16px 14px 14px;text-align:center;color:#5f6b66;font-size:12px;line-height:20px}
.xl-ft-brand{display:flex;justify-content:center;margin-bottom:10px}
.xl-ft-brand img{height:44px;width:auto}
.xl-ft-copy{display:block;color:#5f6b66}
.xl-ft-beian{display:inline-flex;align-items:center;gap:3px;min-height:48px;color:#5f6b66}
.xl-ft-card a{display:inline-flex;align-items:center;min-height:48px}
.xl-ft-beian svg,.xl-ft-beian img{width:13px;height:13px;flex:0 0 auto}

/* ---------- 分类弹层（底部导航点分类） ---------- */
.xl-cmask{position:fixed;left:0;right:0;top:48px;bottom:0;z-index:10000;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .25s}
.xl-cmask.on{opacity:1;visibility:visible}
.xl-cpop{position:fixed;top:48px;left:0;right:0;transform:translateY(-150%);width:100%;background:#fff;z-index:10001;box-shadow:0 5px 15px rgba(0,0,0,.1);transition:transform .4s ease-in-out;max-height:80vh;overflow-y:auto;opacity:0;visibility:hidden}
.xl-cpop.on{transform:translateY(0);opacity:1;visibility:visible}
.xl-mlist{padding:15px 10px;margin:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;text-align:center}
.xl-mlist a{display:block;background:#f8f8f8;border-radius:4px;padding:8px 2px;color:#333;font-size:clamp(12px,3.8vw,14px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xl-mlist a:active{background:#eef1f1}