/* 营销型网站建设 service-marketing.css —— 大编号行列表 + 三列对比 */
.mk-problem{padding-top:96px}
.mk-problem-inner{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.mk-problem-media{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}
.mk-problem-media img{width:100%;height:auto}
.mk-problem-badge{position:absolute;left:18px;bottom:18px;background:var(--ink);color:var(--gold-2);
 padding:10px 18px;border-radius:40px;font-size:13px;letter-spacing:2px;border:1px solid rgba(217,190,133,.4)}
.mk-problem-copy h2{margin:14px 0 18px}
.mk-problem-copy p{margin-bottom:14px}
.mk-fit-list{margin-top:22px;display:grid;gap:12px}
.mk-fit-list li{position:relative;padding-left:26px;color:var(--ink-2);font-size:15px}
.mk-fit-list li::before{content:"";position:absolute;left:0;top:9px;width:12px;height:12px;
 border:1px solid var(--gold);transform:rotate(45deg)}
.mk-items{padding-bottom:80px}
.mk-item-list{display:grid;grid-template-columns:1fr 1fr;gap:22px 40px;margin-bottom:48px}
.mk-item{display:flex;gap:20px;background:var(--white);border:1px solid var(--line);
 border-radius:14px;padding:24px 26px;transition:all .35s ease}
.mk-item:hover{transform:translateY(-5px);border-color:var(--gold-2);box-shadow:var(--shadow-soft)}
.mk-item-no{font-family:var(--font-serif);font-size:34px;color:transparent;
 -webkit-text-stroke:1.3px var(--gold-3);line-height:1.1;flex:none}
.mk-item h3{font-size:18px;margin-bottom:8px}
.mk-item p{font-size:14px;color:var(--gray)}
.mk-items-media{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);max-width:760px;margin:0 auto}
.mk-items-media img{width:100%;height:auto}
.mk-vs{position:relative}
.mk-vs-grid{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:24px;align-items:stretch}
.mk-vs-col{background:rgba(255,255,255,.04);border:1px solid rgba(217,190,133,.18);
 border-radius:14px;padding:32px 28px}
.mk-vs-col h3{font-size:19px;margin-bottom:18px;color:#C9C6BC}
.mk-vs-col ul{display:grid;gap:12px}
.mk-vs-col li{font-size:14px;color:#B9B5A9;padding-left:18px;position:relative}
.mk-vs-col li::before{content:"·";position:absolute;left:4px;color:var(--gold-2);font-size:20px;line-height:1}
.mk-vs-hot{background:linear-gradient(160deg,rgba(195,164,104,.18),rgba(195,164,104,.06));
 border:1px solid var(--gold-2);position:relative;transform:translateY(-8px)}
.mk-vs-hot h3{color:#fff}
.mk-vs-hot li{color:#E9E6DE}
.mk-vs-tag{position:absolute;top:-14px;left:50%;transform:translateX(-50%);
 background:linear-gradient(135deg,var(--gold-2),var(--gold-3));color:#fff;
 font-size:12px;letter-spacing:2px;padding:5px 16px;border-radius:30px;white-space:nowrap}
.mk-price{text-align:center}
.mk-price-lead{font-family:var(--font-serif);font-size:20px;letter-spacing:3px;color:var(--gold-3)}
.mk-price-num{font-family:var(--font-serif);font-size:38px;color:var(--ink);margin:14px 0 16px}
.mk-price p{max-width:680px;margin:0 auto 26px;font-size:15px}
.mk-price-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.mk-flowstrip-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap}
.mk-flowstrip-copy{max-width:640px}
.mk-flowstrip-copy h2{margin:12px 0 14px}
.mk-flowstrip-copy p{font-size:15px}
.mk-cases-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.mk-case-card{border-radius:16px;overflow:hidden;border:1px solid var(--line);
 box-shadow:var(--shadow-soft);transition:all .35s ease;background:var(--white)}
.mk-case-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.mk-case-card img{width:100%;height:240px;object-fit:cover}
.mk-case-body{padding:20px 24px}
.mk-case-body span{font-size:12px;letter-spacing:2px;color:var(--gold-3)}
.mk-case-body h3{font-size:18px;margin-top:8px}
.mk-cases-more{text-align:center;margin-top:30px;font-size:14px;color:var(--gray)}
.mk-cases-more a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.mk-faq-list{max-width:820px;margin:0 auto;display:grid;gap:14px}
.mk-faq-list details{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:18px 24px}
.mk-faq-list summary{cursor:pointer;font-family:var(--font-serif);font-size:17px;color:var(--ink);list-style:none;position:relative;padding-right:24px}
.mk-faq-list summary::after{content:"+";position:absolute;right:0;top:0;color:var(--gold-3);font-size:20px}
.mk-faq-list details[open] summary::after{content:"−"}
.mk-faq-list p{margin-top:10px;font-size:14px;color:var(--gray)}
.mk-faq-list a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.mk-faq-more{text-align:center;margin-top:22px;font-size:14px;color:var(--gray)}
.mk-faq-more a{color:var(--gold-3);border-bottom:1px solid var(--gold-2)}
.mk-cta{background:linear-gradient(160deg,#2A2E35,#1C1F25);padding:88px 0;position:relative;overflow:hidden}
.mk-cta::before{content:"";position:absolute;inset:0;
 background:radial-gradient(520px 300px at 80% 20%,rgba(217,190,133,.15),transparent 60%)}
.mk-cta-inner{position:relative;text-align:center}
.mk-cta-inner h2{color:#fff;font-size:30px;letter-spacing:2px;margin-bottom:16px}
.mk-cta-inner p{color:#C6C2B4;margin-bottom:14px}
.mk-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:22px 0 16px}
.mk-cta-line{border-color:rgba(217,190,133,.5);color:#E9DDBE}
.mk-cta-line:hover{background:rgba(217,190,133,.12);color:#fff;border-color:var(--gold-2)}
.mk-cta-note{font-size:13px;color:#9A9EA6}
@media(max-width:992px){
 .mk-problem-inner{grid-template-columns:1fr;gap:34px}
 .mk-item-list{grid-template-columns:1fr}
 .mk-vs-grid{grid-template-columns:1fr;gap:30px}
 .mk-vs-hot{transform:none}
 .mk-cases-grid{grid-template-columns:1fr}
 .mk-flowstrip-inner{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
 .mk-price-num{font-size:28px}
 .mk-cta-inner h2{font-size:22px}
 .mk-problem-badge{font-size:12px;padding:8px 14px}
}