/* 装修活动专题（列表 + 详情） */
.act-hero{padding:8px 0 28px;background:linear-gradient(180deg,#f0f2f6 0%,#f5f6f9 100%);}
.act-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;align-items:stretch;}
.act-hero-copy{
  position:relative;isolation:isolate;overflow:hidden;min-height:360px;
  border-radius:16px;padding:28px 26px 24px;
  display:flex;flex-direction:column;justify-content:flex-end;
  background-color:#dfe3ea;
  background-image:
    linear-gradient(105deg,rgba(248,249,252,.94) 0%,rgba(248,249,252,.86) 40%,rgba(248,249,252,.45) 68%,rgba(248,249,252,.16) 100%),
    var(--act-hero-bg,none);
  background-size:cover;background-position:60% center;
  border:1px solid rgba(232,235,242,.9);box-shadow:0 10px 28px rgba(24,32,52,.06);
}
.act-hero-copy .eyebrow{margin:0 0 8px;font-size:12.5px;letter-spacing:.08em;color:var(--brand);font-weight:700;}
.act-hero-copy h1{margin:0 0 10px;font-size:clamp(24px,3vw,34px);line-height:1.28;color:#1a1f2a;
  text-shadow:0 1px 0 rgba(255,255,255,.55);}
.act-hero-copy .lead{margin:0 0 10px;font-size:16px;line-height:1.55;color:#3a4254;font-weight:600;}
.act-hero-copy .desc{margin:0;font-size:14.5px;line-height:1.8;color:#4a5263;max-width:38em;}
.act-badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0;padding:0;list-style:none;}
.act-badges li{font-size:12.5px;color:#2f3645;background:rgba(255,255,255,.82);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.95);border-radius:999px;padding:5px 12px;}
.act-hero-form{position:sticky;top:78px;align-self:start;overflow:hidden;}
.act-hero-form .panel-hd{background:linear-gradient(180deg,#fff,#fafbfd);}
.act-hero-form .p-quote{margin:0;}

.act-section{padding:28px 0 36px;}
.act-hd{margin-bottom:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.act-hd h2{margin:0;font-size:22px;}
.act-hd p{margin:4px 0 0;color:var(--ink3);font-size:14px;}
.act-tabs{display:flex;flex-wrap:wrap;gap:8px;}
.act-tabs a{font-size:13px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink2);}
.act-tabs a:hover,.act-tabs a.on{background:var(--brand);border-color:var(--brand);color:#fff;}

.act-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;}
.act-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);
  border-radius:14px;overflow:hidden;color:inherit;transition:box-shadow .22s,transform .22s;}
.act-card:hover{box-shadow:0 12px 28px rgba(24,32,52,.1);transform:translateY(-3px);}
.act-card .pic{position:relative;display:block;aspect-ratio:16/10;background:#eef1f7;overflow:hidden;}
.act-card .pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.act-card:hover .pic img{transform:scale(1.05);}
.act-card .pic .ph{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:#9aa3b5;}
.act-card .tag{position:absolute;left:10px;top:10px;font-size:11.5px;color:#fff;background:rgba(200,56,47,.92);
  border-radius:999px;padding:3px 10px;}
.act-card .tag.end{background:rgba(90,98,115,.88);}
.act-card .body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;flex:1;}
.act-card .body strong{font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.act-card:hover .body strong{color:var(--brand);}
.act-card .body p{margin:0;font-size:12.5px;line-height:1.65;color:var(--ink3);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.act-card .meta{margin-top:auto;padding-top:8px;font-size:12px;color:#a8b0bf;display:flex;justify-content:space-between;gap:8px;}

/* 详情 */
.act-detail-body{padding:8px 0 36px;}
.act-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:18px;align-items:start;}
.act-article{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.act-article .cover{aspect-ratio:21/9;background:#eef1f7;overflow:hidden;}
.act-article .cover img{width:100%;height:100%;object-fit:cover;display:block;}
.act-article .inner{padding:22px 22px 26px;}
.act-article h1{margin:0 0 10px;font-size:clamp(22px,2.6vw,30px);line-height:1.35;}
.act-article .meta{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:var(--ink3);margin-bottom:16px;}
.act-article .warn{margin:0 0 14px;padding:12px 14px;background:#fff7e8;border:1px solid #f0d6a0;border-radius:10px;
  font-size:13.5px;line-height:1.7;color:#7a5a18;}
.act-article .content{font-size:15px;line-height:1.9;color:var(--ink2);}
.act-article .content img{max-width:100%;height:auto;border-radius:8px;}
.act-side{position:sticky;top:78px;}
.act-side .panel{overflow:hidden;}

@media (max-width:1080px){
  .act-hero-grid,.act-detail-grid,.act-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .act-hero-form,.act-side{position:static;}
}
@media (max-width:760px){
  .act-hero-grid,.act-detail-grid,.act-grid{grid-template-columns:1fr;}
  .act-hero-copy{
    min-height:280px;padding:20px 16px;
    background-image:linear-gradient(180deg,rgba(248,249,252,.3) 0%,rgba(248,249,252,.88) 55%,rgba(248,249,252,.96) 100%),var(--act-hero-bg,none);
  }
  .act-article .inner{padding:16px;}
}
@media (prefers-reduced-motion:reduce){
  .act-card,.act-card .pic img{transition:none;}
  .act-card:hover{transform:none;}
  .act-card:hover .pic img{transform:none;}
}