/* 左林右社家政平台 · 官网样式 */
*{margin:0;padding:0;box-sizing:border-box}
body{font:14px/1.7 "Microsoft YaHei","PingFang SC",Arial,sans-serif;color:#1f2937;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;border:0}
ul,ol,dl{list-style:none}
.wrap{width:1200px;max-width:94%;margin:0 auto}
:root{--pri:#0e9f8e;--pri-d:#07796b;--acc:#ff7a45;--txt:#1f2937;--mut:#6b7280;--bd:#e8ecee;--bg:#f6f8f9}

/* 头部 */
.header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid var(--bd);box-shadow:0 1px 8px rgba(0,0,0,.04)}
.head-in{display:flex;align-items:center;gap:24px;height:76px}
.logo{display:flex;align-items:center;gap:8px;flex-shrink:0}
.logo img{height:44px}
.logo-txt{display:flex;flex-direction:column;line-height:1.2}
.logo-txt b{font-size:22px;color:var(--pri-d);letter-spacing:1px}
.logo-txt em{font-style:normal;font-size:11px;color:var(--mut);letter-spacing:2px}
.nav{display:flex;flex:1;gap:4px}
.nav>li{position:relative}
.nav>li>a{display:block;padding:26px 14px;font-size:15px;color:var(--txt);transition:.2s}
.nav>li:hover>a,.nav>li>a.on{color:var(--pri)}
.nav>li:hover>a:after{content:"";position:absolute;left:14px;right:14px;bottom:18px;height:2px;background:var(--pri)}
.nav-sub{display:none;position:absolute;top:76px;left:0;background:#fff;border:1px solid var(--bd);border-top:2px solid var(--pri);min-width:150px;box-shadow:0 6px 18px rgba(0,0,0,.08)}
.nav>li:hover .nav-sub{display:block}
.nav-sub-inner{padding:8px 0}
.nav-sub a{display:block;padding:8px 16px;font-size:13px;color:#444}
.nav-sub a:hover{background:#f2fbfa;color:var(--pri)}
.head-tel{display:flex;align-items:center;gap:7px;padding:9px 16px;border-radius:30px;background:linear-gradient(135deg,var(--acc),#ff9a6c);color:#fff;font-size:16px;font-weight:700}
.head-tel i{width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M6.6 10.8c1.2-2.4 3.1-4.3 5.5-5.5l1.4 1.4c.3.3.4.7.2 1.1l-.9 1.5c-.2.3-.5.5-.9.5l-1.2.1c-.5.9-.9 1.9-1.2 2.9l1.6 1.6c.2.2.3.5.2.8l-.6 1.9c-.1.4-.4.7-.8.7l-2 .3c-.4-.6-.8-1.2-1.1-1.9-.7-1.6-1-3.3-.8-5 .1-.7.4-1.4.6-2z'/%3E%3C/svg%3E") center/contain no-repeat}
.nav-btn{display:none;width:40px;height:34px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
.nav-btn span{display:block;height:2px;background:var(--txt);border-radius:2px}
.m-nav{display:none;position:fixed;top:76px;left:0;right:0;background:#fff;z-index:59;border-top:1px solid var(--bd);max-height:0;overflow:hidden;transition:.3s}
.m-nav.on{max-height:400px;overflow:auto}
.m-nav a{display:block;padding:13px 18px;border-bottom:1px solid #f1f4f5;font-size:15px}

/* 通用板块 */
.sec{padding:64px 0}
.sec:nth-child(even){background:var(--bg)}
.sec-t{text-align:center;margin-bottom:38px}
.sec-t b{display:block;font-size:28px;color:var(--txt);font-weight:700}
.sec-t b:after{content:"";display:block;width:44px;height:3px;background:var(--pri);margin:12px auto 0;border-radius:2px}
.sec-t span{display:block;font-size:12px;color:#b6bfc4;letter-spacing:3px;margin-top:8px}
.sec-t a{display:inline-block;margin-top:10px;font-size:13px;color:var(--pri)}
.sec-t.left{text-align:left}
.sec-t.left b:after{margin-left:0}
.btn{display:inline-block;padding:12px 30px;border-radius:30px;font-size:15px;transition:.2s}
.btn-main{background:linear-gradient(135deg,var(--acc),#ff9a6c);color:#fff;box-shadow:0 6px 16px rgba(255,122,69,.28)}
.btn-main:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(255,122,69,.36)}
.btn-ghost{border:1px solid rgba(255,255,255,.7);color:#fff;margin-left:10px}
.btn-ghost:hover{background:rgba(255,255,255,.16)}

/* 1 Hero */
.hero{position:relative;background-size:cover;background-position:center;min-height:560px;display:flex;align-items:center;color:#fff}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(6,32,40,.88) 0%,rgba(6,32,40,.7) 48%,rgba(6,32,40,.35) 100%)}
.hero-in{position:relative;display:flex;align-items:center;gap:40px;padding:60px 0}
.hero-l{flex:1}
.hero-tag{display:inline-block;padding:5px 14px;border:1px solid rgba(255,255,255,.5);border-radius:20px;font-size:12px;letter-spacing:1px;margin-bottom:18px}
.hero-l h1{font-size:40px;line-height:1.35;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.3)}
.hero-sub{margin:14px 0 26px;font-size:17px;color:rgba(255,255,255,.86)}
.hero-act{display:flex;align-items:center;flex-wrap:wrap}
.hero-tip{margin-top:22px;font-size:14px;color:rgba(255,255,255,.75)}
.hero-r{width:280px;flex-shrink:0}
.hero-r img{width:100%;border-radius:22px;box-shadow:0 20px 50px rgba(0,0,0,.4)}

/* 2 数据 */
.stats{background:var(--pri-d);padding:38px 0}
.stat-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;color:#fff;text-align:center}
.stat-list li{border-right:1px solid rgba(255,255,255,.2)}
.stat-list li:last-child{border:0}
.stat-list b{display:block;font-size:30px;font-weight:800}
.stat-list span{font-size:13px;color:rgba(255,255,255,.82)}

/* 3 服务 */
.svc-list{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.svc{background:#fff;border:1px solid var(--bd);border-radius:12px;overflow:hidden;transition:.25s}
.svc:hover{transform:translateY(-6px);box-shadow:0 14px 30px rgba(0,0,0,.1);border-color:var(--pri)}
.svc-img{height:170px;overflow:hidden}
.svc-img img{width:100%;height:100%;object-fit:cover;transition:.4s}
.svc:hover .svc-img img{transform:scale(1.06)}
.svc-b{padding:16px 18px 20px}
.svc-b h3{font-size:17px;margin-bottom:6px}
.svc-b p{font-size:13px;color:var(--mut);line-height:1.6;min-height:42px}

/* 4 入驻 */
.entry-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.entry{background:linear-gradient(160deg,#fff,#f2fbfa);border:1px solid var(--bd);border-radius:14px;padding:30px 26px;transition:.25s}
.entry:hover{border-color:var(--pri);box-shadow:0 12px 28px rgba(14,159,142,.14)}
.entry h3{font-size:20px;color:var(--pri-d);margin-bottom:10px}
.entry p{font-size:14px;color:var(--mut);min-height:50px}
.entry span{display:inline-block;margin-top:8px;color:var(--acc);font-size:14px;font-weight:700}

/* 5 优势 */
.adv-list{display:grid;grid-template-columns:repeat(3,1fr);gap:26px 30px}
.adv-list li{display:flex;gap:14px}
.ad-ico{flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--pri);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.adv-list h3{font-size:16px;margin-bottom:5px}
.adv-list p{font-size:13px;color:var(--mut);line-height:1.65}

/* 6 图集 */
.gal-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gal-list li{position:relative;border-radius:12px;overflow:hidden}
.gal-list img{width:100%;height:210px;object-fit:cover;transition:.4s}
.gal-list li:hover img{transform:scale(1.05)}
.gal-list p{position:absolute;left:0;right:0;bottom:0;padding:10px 14px;background:linear-gradient(transparent,rgba(0,0,0,.7));color:#fff;font-size:13px}

/* 7 流程 */
.step-list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:s}
.step-list li{text-align:center;position:relative}
.step-list li:after{content:"";position:absolute;top:26px;right:-8px;width:16px;height:2px;background:#d8dee0}
.step-list li:last-child:after{display:none}
.step-list .num{display:flex;align-items:center;justify-content:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#fff;border:2px solid var(--pri);color:var(--pri);font-size:20px;font-weight:800}
.step-list h4{font-size:15px;margin-bottom:5px}
.step-list p{font-size:12px;color:var(--mut)}

/* 8 关于 + FAQ */
.about-in{display:grid;grid-template-columns:1fr 1fr;gap:44px}
.about-l p{font-size:14px;color:#4b5563;line-height:1.9;text-align:justify}
.faq-list li{border-bottom:1px dashed var(--bd);padding:14px 0}
.faq-item h4{font-size:15px;color:var(--pri-d);margin-bottom:6px}
.faq-item h4:before{content:"Q ";font-weight:800;color:var(--acc)}
.faq-item p{font-size:13px;color:var(--mut);line-height:1.8}

/* 9 联系 + 表单 */
.contact-in{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.ct-l h2{font-size:26px;margin-bottom:18px}
.ct-l p{font-size:15px;padding:7px 0;color:#4b5563}
.f-tel{color:var(--acc);font-size:22px;font-weight:800}
.msg-form{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:26px;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.msg-form h3{font-size:18px;margin-bottom:16px}
.msg-form input,.msg-form textarea{width:100%;border:1px solid var(--bd);border-radius:8px;padding:12px 14px;font-size:14px;margin-bottom:12px;font-family:inherit;outline:none;transition:.2s}
.msg-form input:focus,.msg-form textarea:focus{border-color:var(--pri)}
.msg-form textarea{height:96px;resize:vertical}
.msg-form button{width:100%;padding:13px;background:var(--pri);color:#fff;border:0;border-radius:8px;font-size:16px;cursor:pointer;transition:.2s}
.msg-form button:hover{background:var(--pri-d)}
.msg-tip{margin-top:10px;font-size:13px;color:var(--pri);min-height:18px}

/* 10 底部 CTA */
.cta{background:linear-gradient(120deg,var(--pri-d),var(--pri));color:#fff;padding:52px 0}
.cta-in{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.cta-l h2{font-size:26px;margin-bottom:8px}
.cta-l p{color:rgba(255,255,255,.85)}
.cta-r .btn-main{background:#fff;color:var(--pri-d);box-shadow:0 8px 20px rgba(0,0,0,.18);font-size:20px}

/* 内页 */
.inner-banner{height:230px;background:linear-gradient(120deg,var(--pri-d),var(--pri)) center/cover;display:flex;align-items:center;justify-content:center;color:#fff}
.inner-banner h3{font-size:30px;text-align:center}
.inner-banner h3 span{display:block;font-size:12px;letter-spacing:4px;opacity:.7;margin-bottom:8px}
.inner{display:grid;grid-template-columns:220px 1fr;gap:36px;padding:46px 0 60px}
.side-nav{border:1px solid var(--bd);border-radius:10px;overflow:hidden;background:#fff}
.side-nav li{border-bottom:1px solid #f1f4f5}
.side-nav li:last-child{border:0}
.side-nav a{display:block;padding:13px 18px;font-size:14px}
.side-nav li.on a,.side-nav a:hover{background:var(--pri);color:#fff}
.pos{font-size:13px;color:var(--mut);padding-bottom:14px;border-bottom:1px solid var(--bd);margin-bottom:20px}
.pos a{color:var(--pri)}
.page-pic{margin-bottom:20px;border-radius:12px;overflow:hidden}
.c-title{font-size:26px;margin-bottom:12px;line-height:1.4}
.c-meta{font-size:13px;color:#9aa4ab;margin-bottom:20px}
.c-body{font-size:15px;line-height:2;color:#374151}
.c-body p{margin-bottom:14px}
.c-body img{margin:12px 0;border-radius:8px}
.ext{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.ext th,.ext td{border:1px solid var(--bd);padding:10px 14px;text-align:left}
.ext th{background:var(--bg);width:120px;color:var(--mut)}
.grid-list{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid{background:#fff;border:1px solid var(--bd);border-radius:12px;overflow:hidden;transition:.25s}
.grid:hover{transform:translateY(-5px);box-shadow:0 12px 26px rgba(0,0,0,.09);border-color:var(--pri)}
.g-img{height:180px;overflow:hidden}
.g-img img{width:100%;height:100%;object-fit:cover}
.grid h4{padding:14px 16px 4px;font-size:16px}
.g-meta{padding:0 16px;font-size:12px;color:#9aa4ab}
.g-desc{padding:6px 16px 18px;font-size:13px;color:var(--mut);line-height:1.6}
.pager{display:flex;gap:8px;justify-content:center;margin-top:34px}
.pager a{padding:7px 14px;border:1px solid var(--bd);border-radius:6px;font-size:14px}
.pager a.on,.pager a:hover{background:var(--pri);border-color:var(--pri);color:#fff}
.gallery{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.gallery img{width:100%;border-radius:8px}
.more-list{margin-top:28px;display:grid;gap:14px}
.more-item{border-left:3px solid var(--pri);background:var(--bg);padding:14px 18px;border-radius:0 8px 8px 0}
.more-item h4{font-size:15px;margin-bottom:4px}
.more-item p{font-size:13px;color:var(--mut)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}
.contact-info p{font-size:15px;padding:9px 0;border-bottom:1px dashed var(--bd)}

/* 页脚 */
.footer{background:#21323a;color:#aebac1;padding:52px 0 0}
.foot-cols{display:grid;grid-template-columns:repeat(4,1fr) 1.4fr;gap:26px;padding-bottom:34px}
.f-col dt{font-size:15px;color:#fff;margin-bottom:12px}
.f-col dd{font-size:13px;padding:3px 0}
.f-col dd a:hover{color:var(--pri)}
.foot-bar{border-top:1px solid rgba(255,255,255,.1);padding:18px 0;font-size:12px;color:#8b9aa2;text-align:center;line-height:1.9}
.foot-bar a:hover{color:var(--pri)}

/* 悬浮工具条 */
.toolbar{position:fixed;right:14px;bottom:80px;z-index:70;display:flex;flex-direction:column;gap:8px}
.tb{width:48px;height:48px;border-radius:10px;background:rgba(33,50,58,.85);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;flex-direction:column}
.tb.tel{width:auto;padding:0 12px;font-size:13px;font-weight:700;background:var(--acc)}
.tb.top{display:none}
.tb.top.on{display:flex}

/* 响应式 */
@media(max-width:1100px){
  .svc-list{grid-template-columns:repeat(3,1fr)}
  .step-list{grid-template-columns:repeat(3,1fr)}
  .step-list li:after{display:none}
  .foot-cols{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:860px){
  .nav,.head-tel{display:none}
  .nav-btn{display:flex;margin-left:auto}
  .m-nav{display:block}
  .hero-in{flex-direction:column;text-align:center;padding:40px 0}
  .hero-l h1{font-size:28px}
  .hero-r{width:220px}
  .hero-act{justify-content:center}
  .stat-list{grid-template-columns:repeat(2,1fr);gap:16px}
  .stat-list li{border:0}
  .svc-list{grid-template-columns:repeat(2,1fr)}
  .entry-list,.adv-list,.gal-list,.grid-list{grid-template-columns:1fr}
  .step-list{grid-template-columns:repeat(2,1fr)}
  .about-in,.contact-in,.contact{grid-template-columns:1fr}
  .inner{grid-template-columns:1fr}
  .side-nav{display:flex;overflow-x:auto}
  .side-nav li{border:0;border-right:1px solid #f1f4f5;flex-shrink:0}
  .sec{padding:44px 0}
  .foot-cols{grid-template-columns:repeat(2,1fr)}
}