/* =====================================================================
   门户式首页样式 · mylovhome
   结构：焦点区（大图轮播 + 最新资讯）→ 频道快捷入口 → 资讯楼层
        → 效果图专区 → 公司推荐 / 优惠折扣 → 风水 / 生活百科 / 招标
        → 排行 / 需求 / 报价 → 分类信息入口（窄条）
   ===================================================================== */

/* ---------------- 焦点区 ---------------- */
.p-hero{background:linear-gradient(180deg,#f7f8fb,#eef0f5);padding:14px 0 4px;}
.p-hero .container{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:14px;}

.p-slider{position:relative;border-radius:12px;overflow:hidden;background:#dfe3ea;
  box-shadow:0 6px 20px rgba(24,32,52,.09);}
.p-slider .track{display:flex;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);}
.p-slider .slide{flex:0 0 100%;height:100%;min-height:326px;position:relative;display:block;
  background:#c8382f center/cover no-repeat;}
.p-slider .slide .mask{display:none;}
.p-slider .slide .cap{position:absolute;left:0;right:0;bottom:0;padding:20px 24px;color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.55),0 2px 14px rgba(0,0,0,.35);}
.p-slider .slide .cap em{display:inline-block;font-style:normal;font-size:12px;background:rgba(20,24,34,.45);
  border-radius:5px;padding:2px 9px;margin-bottom:9px;backdrop-filter:blur(2px);}
.p-slider .slide .cap h3{margin:0 0 7px;font-size:23px;line-height:1.4;font-weight:800;color:#fff;
  text-shadow:0 1px 8px rgba(0,0,0,.4);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.p-slider .slide .cap p{margin:0;font-size:13.5px;color:rgba(255,255,255,.86);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.p-slider .dots{position:absolute;left:24px;bottom:6px;display:flex;gap:6px;z-index:5;}
.p-slider .dots i{width:20px;height:4px;border-radius:3px;background:rgba(255,255,255,.42);cursor:pointer;transition:background .2s;}
.p-slider .dots i.on{background:#fff;}
.p-slider .nav{position:absolute;top:44%;width:36px;height:52px;line-height:52px;text-align:center;
  background:rgba(0,0,0,.26);color:#fff;cursor:pointer;font-size:20px;z-index:5;user-select:none;
  opacity:0;transition:opacity .2s;}
.p-slider:hover .nav{opacity:1;}
.p-slider .nav.prev{left:0;border-radius:0 8px 8px 0;}
.p-slider .nav.next{right:0;border-radius:8px 0 0 8px;}
.p-slider .nav:hover{background:rgba(0,0,0,.5);}

/* 焦点区右侧：最新资讯 */
.p-flash{background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;overflow:hidden;}
.p-flash .hd{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border-bottom:1px solid var(--line);}
.p-flash .hd b{font-size:15.5px;position:relative;padding-left:10px;}
.p-flash .hd b::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:15px;
  border-radius:2px;background:var(--brand);}
.p-flash .hd a{font-size:12.5px;color:var(--ink3);}
.p-flash .hd a:hover{color:var(--brand);}
.p-flash .p-news{flex:1;padding:6px 14px 10px;margin:0;list-style:none;overflow:hidden;}
.p-flash .p-news li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed #f0f2f7;}
.p-flash .p-news li:last-child{border-bottom:0;}
.p-flash .p-news a{flex:1;min-width:0;font-size:13.5px;color:var(--ink2);line-height:1.5;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.p-flash .p-news a:hover{color:var(--brand);}
.p-flash .p-news .c{flex:0 0 auto;font-size:11px;color:var(--brand);background:var(--brand-l);
  border-radius:4px;padding:1px 6px;margin-right:6px;vertical-align:1px;}
.p-flash .p-news .d{flex:0 0 auto;font-size:12px;color:#a8b0bf;}
.p-flash .cta{margin:0 14px 14px;display:flex;gap:8px;}
.p-flash .cta a{flex:1;text-align:center;font-size:13.5px;font-weight:600;border-radius:9px;padding:10px 0;}
.p-flash .cta a.primary{background:var(--brand);color:#fff;}
.p-flash .cta a.primary:hover{background:var(--brand-d);}
.p-flash .cta a.ghost{border:1px solid var(--brand);color:var(--brand);}
.p-flash .cta a.ghost:hover{background:var(--brand-l);}

/* ---------------- 频道快捷入口 ---------------- */
.p-quick{background:#fff;border-bottom:1px solid var(--line);margin-top:14px;}
.p-quick .container{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;padding:14px 0;}
.p-quick a{display:flex;flex-direction:column;align-items:center;gap:7px;padding:9px 4px;border-radius:10px;transition:background .16s;}
.p-quick a:hover{background:var(--brand-l);}
.p-quick .ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;
  font-size:21px;background:linear-gradient(135deg,#fdeeed,#fbdcd8);color:var(--brand);}
.p-quick a:nth-child(2n) .ic{background:linear-gradient(135deg,#eef4fd,#dbe8fa);color:#1d6fb8;}
.p-quick a:nth-child(3n) .ic{background:linear-gradient(135deg,#eef9f2,#d9f0e2);color:#2e9e6b;}
.p-quick a:nth-child(5n) .ic{background:linear-gradient(135deg,#fdf4e7,#f8e7c8);color:#d98a13;}
.p-quick span{font-size:13px;color:var(--ink2);}

/* ---------------- 通用板块 ---------------- */
.p-block{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-top:14px;overflow:hidden;}
.p-block-hd{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);}
.p-block-hd h2{margin:0;font-size:17px;font-weight:700;position:relative;padding-left:11px;}
.p-block-hd h2::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:16px;
  border-radius:2px;background:var(--brand);}
.p-block-hd h2 a{color:var(--ink);}
.p-block-hd .sub{color:var(--ink3);font-size:12.5px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.p-block-hd .more{color:var(--ink3);font-size:13px;flex:0 0 auto;}
.p-block-hd .more:hover{color:var(--brand);}
.p-block-bd{padding:14px 16px;}

/* ---------------- 资讯楼层：主图 + 标题列表 ---------------- */
.p-newsfloor{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0;}
.p-newsfloor>*+*{border-left:1px solid var(--line);}
.p-newsfloor .lead{display:block;padding:14px;color:inherit;}
.p-newsfloor .lead .pic{display:block;width:100%;height:186px;border-radius:9px;overflow:hidden;background:#eef1f7;}
.p-newsfloor .lead .pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.p-newsfloor .lead:hover .pic img{transform:scale(1.05);}
.p-newsfloor .lead h3{margin:11px 0 7px;font-size:16px;line-height:1.5;font-weight:700;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.p-newsfloor .lead:hover h3{color:var(--brand);}
.p-newsfloor .lead p{margin:0;font-size:12.5px;color:var(--ink3);line-height:1.65;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.p-newsfloor .news2{padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px;min-width:0;}
.p-newsfloor .news2 a{display:flex;gap:8px;align-items:flex-start;padding:4.5px 0;font-size:13.5px;color:var(--ink2);line-height:1.5;}
.p-newsfloor .news2 a::before{content:"";flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#c9cfdc;margin-top:7px;}
.p-newsfloor .news2 a:hover{color:var(--brand);}
.p-newsfloor .news2 a:hover::before{background:var(--brand);}
.p-newsfloor .news2 span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

/* ---------------- 效果图专区 ---------------- */
.p-styles{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;}
.p-styles a{font-size:13px;color:var(--ink2);border:1px solid var(--line);border-radius:20px;padding:4px 14px;}
.p-styles a:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-l);}
.p-albums{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
.p-album{display:block;color:inherit;border-radius:9px;overflow:hidden;background:#f7f8fb;border:1px solid var(--line);transition:box-shadow .2s,transform .2s;}
.p-album:hover{box-shadow:0 8px 20px rgba(24,32,52,.12);transform:translateY(-2px);}
.p-album .pic{display:block;width:100%;height:124px;overflow:hidden;background:#eef1f7;}
.p-album .pic img{width:100%;height:100%;object-fit:cover;transition:transform .35s;}
.p-album:hover .pic img{transform:scale(1.06);}
.p-album .t{display:block;padding:8px 9px 3px;font-size:13px;line-height:1.45;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.p-album:hover .t{color:var(--brand);}
.p-album .tag{display:block;padding:0 9px 9px;font-size:11.5px;color:var(--ink3);}

/* ---------------- 两栏：公司推荐 / 预约表单 ---------------- */
.p-duo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:14px;margin-top:14px;align-items:stretch;}
.p-duo>.p-block{margin-top:0;height:100%;}
.p-block--quote .p-block-bd{padding-top:4px;}
.p-comps{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.p-comp{display:flex;gap:11px;min-width:0;}
.p-comp .pic{flex:0 0 86px;width:86px;height:66px;border-radius:8px;overflow:hidden;background:#eef1f7;}
.p-comp .pic img{width:100%;height:100%;object-fit:cover;}
.p-comp .info{min-width:0;}
.p-comp h4{margin:0 0 4px;font-size:14px;font-weight:600;line-height:1.45;
  display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.p-comp:hover h4{color:var(--brand);}
.p-comp p{margin:0;font-size:12px;color:var(--ink3);line-height:1.6;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* 热门图文卡片 */
.p-hotcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.p-hotcard{display:flex;flex-direction:column;min-width:0;color:inherit;background:#fff;border:1px solid var(--line);
  border-radius:12px;overflow:hidden;opacity:0;
  animation:pHotIn .55s ease forwards;animation-delay:calc(var(--i,0) * .06s);
  transition:box-shadow .25s,transform .25s;}
.p-hotcard:hover{box-shadow:0 12px 28px rgba(24,32,52,.12);transform:translateY(-4px);}
.p-hotcard .pic{position:relative;display:block;aspect-ratio:16/10;background:#eef1f7;overflow:hidden;}
.p-hotcard .pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease;}
.p-hotcard .pic .ph-img,.p-comp .pic .ph-img{display:flex;align-items:center;justify-content:center;width:100%;height:100%;
  font-size:13px;color:#9aa3b5;background:linear-gradient(145deg,#eef1f7,#e4e8f0);}
.p-hotcard:hover .pic img{transform:scale(1.06);}
.p-hotcard .rank{position:absolute;left:10px;top:10px;min-width:24px;height:24px;padding:0 7px;
  border-radius:999px;background:rgba(20,24,34,.62);color:#fff;font-size:12px;font-style:normal;
  display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);}
.p-hotcard .rank.top{background:var(--brand);}
.p-hotcard .body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:6px;flex:1;}
.p-hotcard .body strong{font-size:14px;line-height:1.45;font-weight:700;color:var(--ink);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.p-hotcard:hover .body strong{color:var(--brand);}
.p-hotcard .body p{margin:0;font-size:12.5px;line-height:1.6;color:var(--ink3);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.p-hotcard .body .tag{align-self:flex-start;font-style:normal;font-size:11px;color:var(--ink3);
  background:#f4f6fa;border-radius:999px;padding:2px 8px;margin-top:auto;}
@keyframes pHotIn{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}
@media (prefers-reduced-motion:reduce){
  .p-hotcard{animation:none;opacity:1;filter:none;}
  .p-hotcard:hover{transform:none;}
  .p-hotcard:hover .pic img{transform:none;}
}

/* ---------------- 三栏列表 ---------------- */
.p-cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;}
.p-cols3>*+*{border-left:1px solid var(--line);}
.p-col{padding:14px 16px;min-width:0;}
.p-col h3{margin:0 0 9px;font-size:14.5px;display:flex;justify-content:space-between;align-items:center;gap:8px;}
.p-col h3 a{color:var(--ink3);font-size:12px;font-weight:400;flex:0 0 auto;}
.p-col h3 a:hover{color:var(--brand);}
.p-col ul{margin:0;padding:0;list-style:none;}
.p-col li{padding:6px 0;font-size:13.5px;line-height:1.55;display:flex;gap:8px;align-items:flex-start;
  border-bottom:1px dashed #f0f2f7;}
.p-col li:last-child{border-bottom:0;}
.p-col li a{flex:1;min-width:0;color:var(--ink2);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.p-col li a:hover{color:var(--brand);}
.p-col li .d{flex:0 0 auto;font-size:12px;color:#a8b0bf;}
.p-col li .no{flex:0 0 17px;height:17px;line-height:17px;text-align:center;border-radius:4px;background:#eef1f6;
  color:var(--ink3);font-size:11px;margin-top:2px;}
.p-col li .no.top{background:var(--brand);color:#fff;}
/* 活动报名：{姓名}报名 {活动名称} */
.p-col li a em.act{font-style:normal;color:var(--brand);margin-left:5px;}
.p-col li a:hover em.act{text-decoration:underline;}
.p-empty{margin:0;font-size:13px;color:var(--ink3);line-height:1.7;}

/* 报价表单（公司推荐右侧） */
.p-block--quote{background:linear-gradient(180deg,#fff 0%,#fafbfd 100%);}
.p-quote .sub{margin:0 0 10px;font-size:12px;color:var(--ink3);line-height:1.55;}
.p-quote form{display:flex;flex-direction:column;}
.p-quote input:not([type=checkbox]):not([type=radio]):not([type=hidden]),
.p-quote select{width:100%;height:36px;border:1px solid var(--line);border-radius:8px;
  padding:0 10px;font-size:13.5px;outline:0;margin-bottom:8px;background:#fff;color:var(--ink);}
.p-quote input:not([type=checkbox]):not([type=radio]):not([type=hidden]):focus,
.p-quote select:focus{border-color:var(--brand);}
.p-quote .captcha-row{display:flex;gap:8px;margin-bottom:8px;}
.p-quote .captcha-row input{flex:1;margin:0;}
.p-quote .captcha-row img{height:36px;border-radius:8px;cursor:pointer;border:1px solid var(--line);}
.p-quote .consent-row{margin:2px 0 10px;font-size:12px;}
.p-quote button{height:40px;border:0;border-radius:9px;background:var(--brand);color:#fff;font-size:14.5px;font-weight:600;cursor:pointer;}
.p-quote button:hover{background:var(--brand-d);}
.p-quote button:disabled{opacity:.65;cursor:default;}
.p-quote .form-msg{font-size:12px;min-height:16px;margin-top:6px;}
.p-quote .form-msg.ok{color:var(--ok);}
.p-quote .form-msg.err{color:#d93025;}
/* 区域级联：省 / 市 两联并排 */
.p-quote .bk-region{display:flex;gap:8px;margin-bottom:8px;}
.p-quote .bk-region select{flex:1;min-width:0;margin-bottom:0;}
@media (max-width:420px){
  .p-quote .bk-region{flex-direction:column;gap:0;}
  .p-quote .bk-region select{margin-bottom:8px;}
}

/* ---------------- 分类信息入口（窄条） ---------------- */
.p-infostrip{margin-top:14px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  display:flex;align-items:center;gap:14px;padding:12px 16px;flex-wrap:wrap;}
.p-infostrip .lb{flex:0 0 auto;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--ink);}
.p-infostrip .lb em{font-style:normal;font-size:11.5px;font-weight:400;color:var(--ink3);}
.p-infostrip .lks{flex:1;display:flex;flex-wrap:wrap;gap:8px;min-width:0;}
.p-infostrip .lks a{font-size:12.5px;color:var(--ink2);background:#f4f6fa;border-radius:20px;padding:3px 12px;}
.p-infostrip .lks a:hover{background:var(--brand-l);color:var(--brand);}
.p-infostrip .go{flex:0 0 auto;background:var(--brand);color:#fff;font-size:13.5px;font-weight:600;
  border-radius:20px;padding:7px 18px;}
.p-infostrip .go:hover{background:var(--brand-d);}

/* ---------------- 响应式 ---------------- */
@media (max-width:1080px){
  .p-hero .container{grid-template-columns:minmax(0,1fr);}
  .p-flash{max-height:none;}
  .p-flash .p-news{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;}
  .p-quick .container{grid-template-columns:repeat(4,1fr);}
  .p-albums{grid-template-columns:repeat(4,minmax(0,1fr));}
  .p-newsfloor{grid-template-columns:280px minmax(0,1fr);}
  .p-duo{grid-template-columns:minmax(0,1fr);}
  .p-hotcards{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:760px){
  .p-hero{padding:10px 0 0;}
  .p-slider .slide{min-height:210px;}
  .p-slider .slide .cap{padding:14px 16px;}
  .p-slider .slide .cap h3{font-size:17px;}
  .p-slider .slide .cap p{display:none;}
  .p-slider .dots{left:16px;bottom:10px;}
  .p-slider .nav{display:none;}
  .p-flash .p-news{grid-template-columns:1fr;}
  .p-quick .container{grid-template-columns:repeat(4,1fr);gap:2px;}
  .p-quick .ic{width:38px;height:38px;font-size:17px;border-radius:11px;}
  .p-quick span{font-size:11.5px;}
  .p-block-hd{padding:11px 12px;flex-wrap:wrap;}
  .p-block-hd .sub{display:none;}
  .p-block-bd{padding:12px;}
  .p-newsfloor{grid-template-columns:1fr;}
  .p-newsfloor>*+*{border-left:0;border-top:1px solid var(--line);}
  .p-newsfloor .lead .pic{height:172px;}
  .p-newsfloor .news2{grid-template-columns:1fr;padding:10px 12px;}
  .p-albums{grid-template-columns:repeat(2,minmax(0,1fr));}
  .p-comps{grid-template-columns:1fr;}
  .p-hotcards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .p-hotcard .body{padding:10px;}
  .p-cols3{grid-template-columns:1fr;}
  .p-cols3>*+*{border-left:0;border-top:1px solid var(--line);}
  .p-infostrip{padding:10px 12px;}
  .p-infostrip .lb{font-size:14px;}
  .p-infostrip .go{padding:6px 14px;font-size:12.5px;}
}