/* =====================================================================
卖家智算 · 营销主页专属样式（浅色 ERP 风）
仅被 index.html 引用；后台 console.html 使用 portal.css + nav.css，互不影响。
设计目标：与后台「严谨深色」风格拉开，偏向 sellfox / lingxing / sellerspace
等 ERP 落地页的浅色、留白、转化导向风格。
===================================================================== */
:root{
--mk-bg:#F8F6F1;
--mk-surface:#FFFFFF;
--mk-surface-2:#FAF8F3;
--mk-ink:#1F2B3A;
--mk-ink-2:#2A3950;
--mk-muted:#7A8494;
--mk-faint:#A7AEBB;
--mk-line:#E7E2D6;
--mk-line-2:#EFEBE1;
--mk-blue:#8A6420; /* 琥珀金（主强调） */
--mk-blue-2:#6E4F18;
--mk-blue-bg:#F6EFDF;
--mk-orange:#F08A24; /* 与 logo 一致的品牌橙 */
--mk-orange-2:#D97A0F;
--mk-orange-bg:#FDF1E3;
--mk-green:#1F7A44;
--mk-green-bg:#E8F3EA;
--mk-radius:14px;
--mk-radius-sm:10px;
--mk-shadow-s:0 1px 3px rgba(31,43,58,.06);
--mk-shadow-m:0 8px 24px rgba(31,43,58,.08);
--mk-shadow-l:0 18px 50px rgba(31,43,58,.12);
--mk-maxw:1180px;
}
/* ===================== 顶部营销导航 ===================== */
.mk-header{
position:sticky;top:0;z-index:120;
background:rgba(255,255,255,.86);
backdrop-filter:saturate(180%) blur(12px);
-webkit-backdrop-filter:saturate(180%) blur(12px);
border-bottom:1px solid var(--mk-line);
}
.mk-header-inner{
max-width:var(--mk-maxw);margin:0 auto;height:66px;
display:flex;align-items:center;gap:22px;padding:0 24px;
}
.mk-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none}
.mk-brand .brand{color:var(--mk-ink);font-size:18px;font-weight:780;letter-spacing:.02em}
.mk-brand .brand span{
color:var(--mk-faint);font-weight:500;font-size:12px;letter-spacing:.01em;
margin-left:9px;
}
.mk-brand:hover .brand{color:var(--mk-blue)}
.mk-nav{display:flex;align-items:center;gap:2px;margin-left:6px}
.mk-nav-item{position:relative}
.mk-nav-link{
display:inline-flex;align-items:center;gap:5px;
color:var(--mk-ink-2);font-size:14.5px;font-weight:600;
padding:9px 14px;border-radius:9px;cursor:pointer;
transition:background .15s,color .15s;white-space:nowrap;
}
.mk-nav-link svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .2s}
.mk-nav-item.has-drop:hover .mk-nav-link svg{transform:rotate(180deg)}
.mk-nav-link:hover{background:var(--mk-blue-bg);color:var(--mk-blue)}
.mk-nav-link.is-cta{background:var(--mk-blue);color:#fff}
.mk-nav-link.is-cta:hover{background:var(--mk-blue-2);color:#fff}
/* 下拉菜单（悬浮显示，focus-within 兼顾键盘/触屏） */
.mk-dropdown{
position:absolute;top:calc(100% + 12px);left:0;
background:var(--mk-surface);border:1px solid var(--mk-line);
border-radius:14px;box-shadow:var(--mk-shadow-l);
padding:14px;opacity:0;visibility:hidden;transform:translateY(8px);
transition:opacity .18s ease,transform .18s ease,visibility .18s;
}
.mk-nav-item.has-drop:hover .mk-dropdown,
.mk-nav-item.has-drop:focus-within .mk-dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.mk-dropdown::before{ /* 悬停缓冲，避免鼠标移动到下拉时消失 */
content:"";position:absolute;left:0;right:0;top:-12px;height:12px;
}
/* 产品下拉：两列工具网格 */
.mk-drop-products{width:560px}
.mk-drop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.mk-drop-item{
display:flex;align-items:flex-start;gap:12px;
padding:12px 13px;border-radius:11px;transition:background .15s;
}
.mk-drop-item:hover{background:var(--mk-surface-2)}
.mk-drop-ico{
width:38px;height:38px;border-radius:10px;flex:none;
display:flex;align-items:center;justify-content:center;
}
.mk-drop-ico svg{width:20px;height:20px;stroke-width:1.7;fill:none;stroke-linejoin:round;stroke-linecap:round}
.mk-drop-ico.packflow{background:var(--mk-blue-bg)} .mk-drop-ico.packflow svg{stroke:var(--mk-blue)}
.mk-drop-ico.shipflow{background:var(--mk-green-bg)} .mk-drop-ico.shipflow svg{stroke:var(--mk-green)}
.mk-drop-ico.freightflow{background:var(--mk-orange-bg)} .mk-drop-ico.freightflow svg{stroke:var(--mk-orange-2)}
.mk-drop-ico.procure{background:#F0EAF6} .mk-drop-ico.procure svg{stroke:#6B4E8E}
.mk-drop-ico.forwarder{background:#E4F0EC} .mk-drop-ico.forwarder svg{stroke:#3D7A6A}
.mk-drop-t{font-size:14px;font-weight:700;color:var(--mk-ink-2)}
.mk-drop-d{font-size:11.5px;color:var(--mk-muted);margin-top:2px;line-height:1.5}
.mk-drop-foot{
margin-top:10px;padding-top:10px;border-top:1px solid var(--mk-line-2);
font-size:12px;color:var(--mk-faint);
}
.mk-drop-foot b{color:var(--mk-blue)}
/* 价格下拉：三档迷你卡 */
.mk-drop-pricing{width:600px}
.mk-drop-tiers{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.mk-drop-tier{
border:1px solid var(--mk-line);border-radius:12px;padding:14px 13px;text-align:left;
cursor:pointer;background:var(--mk-surface);transition:border-color .15s,box-shadow .15s,transform .15s;
}
.mk-drop-tier:hover{border-color:var(--mk-blue);box-shadow:var(--mk-shadow-s);transform:translateY(-2px)}
.mk-drop-tier.feature{border-color:var(--mk-orange);box-shadow:0 0 0 2px rgba(240,138,36,.14)}
.mk-drop-tier .t-name{font-size:14px;font-weight:700;color:var(--mk-ink-2)}
.mk-drop-tier .t-price{font-size:22px;font-weight:800;color:var(--mk-ink);margin:6px 0 2px}
.mk-drop-tier .t-price small{font-size:12px;font-weight:500;color:var(--mk-muted)}
.mk-drop-tier .t-tag{font-size:11px;color:var(--mk-faint)}
.mk-drop-tier .t-go{margin-top:10px;font-size:12.5px;font-weight:700;color:var(--mk-blue)}
.mk-drop-tier.feature .t-go{color:var(--mk-orange-2)}
/* 顶栏右侧按钮（沿用 portal.css 的 topbar-right 容器，这里只做浅色化覆盖） */
.mk-header .topbar-right{margin-left:auto}
.mk-header .tb-btn.login{background:transparent;color:var(--mk-ink-2);border:1px solid var(--mk-line)}
.mk-header .tb-btn.login:hover{background:var(--mk-surface-2);color:var(--mk-blue);border-color:var(--mk-blue)}
.mk-header .tb-btn.member{background:var(--mk-ink-2);color:#fff}
.mk-header .tb-btn.member:hover{background:var(--mk-ink)}
.mk-header .pill.beta{background:var(--mk-blue-bg);border-color:rgba(138,100,32,.25);color:var(--mk-blue)}
/* 移动端汉堡（复用 portal.css 的 menuBtn，浅色化 + 仅移动端显示） */
.mk-header .hamburger{display:none;color:var(--mk-ink-2)}
.mk-header .hamburger:hover{background:var(--mk-surface-2)}
.mk-header .hamburger svg{fill:var(--mk-ink-2)}
/* ===================== 页面容器 ===================== */
.mk-page{display:block}
.mk-main{max-width:var(--mk-maxw);margin:0 auto;padding:0 24px 56px}
/* 内容区块标题统一浅色风 */
.mk-main .section-title{color:var(--mk-ink-2)}
.mk-main .section-sub{color:var(--mk-muted)}
/* ===================== Hero 宽幅浅色 banner ===================== */
.mk-hero{
position:relative;overflow:hidden;
background:
radial-gradient(900px 480px at 82% -8%, rgba(160,122,46,.10), transparent 60%),
radial-gradient(720px 420px at 8% 8%, rgba(240,138,36,.09), transparent 58%),
linear-gradient(180deg,#FBF7EF 0%, #F8F6F1 46%, #FFFFFF 100%);
border-bottom:1px solid var(--mk-line);
}
.mk-hero::after{ /* 极淡点阵，增加「修饰型」质感 */
content:"";position:absolute;inset:0;pointer-events:none;
background-image:radial-gradient(rgba(160,122,46,.06) 1px, transparent 1px);
background-size:22px 22px;
-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);
mask-image:linear-gradient(180deg,#000,transparent 70%);
}
.mk-hero-inner{
position:relative;max-width:var(--mk-maxw);margin:0 auto;
padding:64px 24px 72px;
display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:48px;
}
.mk-hero-copy{max-width:560px}
.mk-hero .hero-badge{
display:inline-flex;align-items:center;gap:6px;
font-size:12.5px;font-weight:700;color:var(--mk-green);
background:var(--mk-green-bg);border:1px solid rgba(31,122,68,.18);
padding:6px 14px;border-radius:999px;margin-bottom:20px;letter-spacing:.02em;
}
.mk-hero h1{
font-size:42px;line-height:1.16;font-weight:850;color:var(--mk-ink);
letter-spacing:-.02em;margin-bottom:16px;
}
.mk-hero h1 .accent{
background:linear-gradient(120deg,var(--mk-blue),var(--mk-orange-2));
-webkit-background-clip:text;background-clip:text;color:transparent;
}
/* Hero 英文 tagline（科技背书） */
.hero-tagline{
display:inline-flex;align-items:center;gap:9px;
font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
font-size:11.5px;letter-spacing:.05em;color:var(--mk-blue);
background:rgba(255,255,255,.62);
border:1px dashed rgba(138,100,32,.38);
padding:7px 14px;border-radius:999px;
margin-bottom:16px;line-height:1.4;
}
.hero-tagline::before{
content:"";width:6px;height:6px;border-radius:50%;flex:none;
background:linear-gradient(135deg,var(--mk-blue),var(--mk-orange-2));
box-shadow:0 0 0 3px rgba(138,100,32,.14);
}
.mk-hero p.lead{
font-size:16px;line-height:1.75;color:var(--mk-muted);
margin-bottom:28px;max-width:520px;
}
.mk-hero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:30px}
.mk-hero-cta .cta-btn{
background:linear-gradient(135deg,var(--mk-orange),var(--mk-orange-2));
color:#fff;font-size:15px;font-weight:750;padding:13px 26px;border-radius:11px;
display:inline-flex;align-items:center;gap:8px;
box-shadow:0 8px 20px rgba(217,122,15,.25);transition:transform .15s,box-shadow .15s;
}
.mk-hero-cta .cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(217,122,15,.3)}
.mk-hero-cta .btn-ghost{
display:inline-flex;align-items:center;gap:7px;
font-size:14.5px;font-weight:650;color:var(--mk-blue);
background:var(--mk-surface);border:1px solid var(--mk-line);
padding:13px 22px;border-radius:11px;transition:border-color .15s,background .15s;
}
.mk-hero-cta .btn-ghost:hover{border-color:var(--mk-blue);background:var(--mk-blue-bg)}
/* Hero 数据指标条 */
.hero-metrics{
display:flex;align-items:center;gap:0;
background:rgba(255,255,255,.7);border:1px solid var(--mk-line);
border-radius:14px;padding:16px 8px;backdrop-filter:blur(4px);
}
.hero-metrics .metric{padding:0 26px}
.hero-metrics .metric-num{color:var(--mk-ink-2)}
.hero-metrics .metric-num span{color:var(--mk-orange-2)}
.hero-metrics .metric-label{color:var(--mk-muted)}
.hero-metrics .metric-divider{background:var(--mk-line)}
.hero-foot{font-size:12.5px;color:var(--mk-faint);margin-top:16px}
/* Hero 右侧产品看板 mock */
.mk-hero-visual{position:relative}
.mk-mock{
background:var(--mk-surface);border:1px solid var(--mk-line);
border-radius:16px;box-shadow:var(--mk-shadow-l);overflow:hidden;
transform:perspective(1400px) rotateY(-7deg) rotateX(2deg);
}
.mk-mock-bar{
display:flex;align-items:center;gap:10px;
padding:12px 16px;background:linear-gradient(90deg,var(--mk-ink-2),var(--mk-ink));
color:#fff;
}
.mk-mock-dots{display:flex;gap:5px}
.mk-mock-dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.5)}
.mk-mock-title{font-size:13px;font-weight:650;letter-spacing:.01em}
.mk-mock-body{padding:8px 8px 4px}
.mk-mock-row{
display:grid;grid-template-columns:1.1fr 1fr .8fr 1.1fr;align-items:center;
gap:8px;padding:11px 12px;border-radius:9px;font-size:13px;color:var(--mk-ink-2);
}
.mk-mock-row + .mk-mock-row{margin-top:2px}
.mk-mock-head{color:var(--mk-faint);font-size:11.5px;font-weight:600;letter-spacing:.04em;
background:var(--mk-surface-2);text-transform:uppercase}
.mk-mock-row:not(.mk-mock-head):nth-child(even){background:var(--mk-surface-2)}
.mk-mock-row .c-fwd{font-weight:700}
.mk-mock-row .c-price{font-weight:700;font-variant-numeric:tabular-nums}
.mk-mock-row.best{background:var(--mk-green-bg)!important;box-shadow:inset 0 0 0 1px rgba(31,122,68,.25)}
.mk-mock-row.best .c-price{color:var(--mk-green)}
.mk-mock-row.best .c-price em{
font-style:normal;font-size:10.5px;font-weight:700;color:#fff;background:var(--mk-green);
padding:1px 7px;border-radius:999px;margin-left:6px;
}
.mk-mock-foot{
margin:8px;padding:12px 14px;border-radius:10px;
background:var(--mk-orange-bg);color:var(--mk-orange-2);
font-size:12.5px;font-weight:600;display:flex;align-items:center;justify-content:space-between;
}
.mk-mock-foot b{font-size:15px;color:var(--mk-orange-2)}
/* ===================== 自研算法引擎（暖调浅色卖点区） ===================== */
.tech-section{
position:relative;overflow:hidden;
margin-top:52px;margin-bottom:52px;
border-radius:20px;padding:52px 40px 40px;
color:var(--mk-ink-2);
background:
radial-gradient(720px 340px at 88% -12%, rgba(160,122,46,.10), transparent 62%),
radial-gradient(560px 300px at 4% 112%, rgba(240,138,36,.08), transparent 60%),
linear-gradient(160deg,#FFFFFF 0%, #FBF7EF 55%, #F8F6F1 100%);
border:1px solid var(--mk-line);
box-shadow:var(--mk-shadow-l);
}
.tech-section::after{ /* 极淡点阵，科技质感 */
content:"";position:absolute;inset:0;pointer-events:none;
background-image:radial-gradient(rgba(160,122,46,.08) 1px, transparent 1px);
background-size:24px 24px;
-webkit-mask-image:radial-gradient(620px 420px at 70% 30%, #000, transparent 75%);
mask-image:radial-gradient(620px 420px at 70% 30%, #000, transparent 75%);
}
.tech-head{position:relative;text-align:center;margin-bottom:34px}
.tech-tag{
display:inline-block;font-size:11.5px;font-weight:700;letter-spacing:.05em;
color:var(--mk-blue);background:var(--mk-blue-bg);
border:1px solid rgba(138,100,32,.28);
padding:5px 14px;border-radius:999px;margin-bottom:16px;
}
.tech-title{
font-size:30px;line-height:1.28;font-weight:850;color:var(--mk-ink);
letter-spacing:-.01em;margin-bottom:14px;
}
.tech-en{
font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
font-size:12.5px;letter-spacing:.04em;color:var(--mk-muted);
opacity:.92;
}
.tech-grid{
position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;
}
.tech-card{
background:var(--mk-surface);
border:1px solid var(--mk-line);
border-radius:14px;padding:22px 18px;
transition:background .18s,border-color .18s,transform .18s;
}
.tech-card:hover{
background:var(--mk-surface-2);
border-color:rgba(160,122,46,.4);
transform:translateY(-3px);
}
.tech-ico{
width:42px;height:42px;border-radius:12px;margin-bottom:14px;
display:flex;align-items:center;justify-content:center;
background:linear-gradient(135deg,rgba(160,122,46,.16),rgba(240,138,36,.14));
border:1px solid rgba(160,122,46,.25);
}
.tech-ico svg{width:21px;height:21px;stroke:var(--mk-blue)}
.tech-name{font-size:15.5px;font-weight:750;color:var(--mk-ink-2);margin-bottom:8px}
.tech-desc{font-size:12.5px;line-height:1.75;color:var(--mk-muted)}
.tech-foot{
position:relative;text-align:center;margin-top:26px;
font-size:14px;color:var(--mk-muted);font-weight:600;
}
.tech-foot b{
color:var(--mk-orange);
}
/* ===================== 公开定价区 ===================== */
.mk-pricing{margin-top:54px;margin-bottom:24px}
.mk-pricing-head{text-align:center;margin-bottom:30px}
.mk-pricing-head .ph-tag{
display:inline-block;font-size:12px;font-weight:700;color:var(--mk-blue);
background:var(--mk-blue-bg);padding:5px 14px;border-radius:999px;margin-bottom:14px;letter-spacing:.03em;
}
.mk-pricing-head h2{font-size:26px;font-weight:850;color:var(--mk-ink);letter-spacing:-.01em;margin-bottom:8px}
.mk-pricing-head p{font-size:14px;color:var(--mk-muted)}
.mk-tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.mk-tier{
position:relative;background:var(--mk-surface);border:1.5px solid var(--mk-line);
border-radius:16px;padding:26px 22px;display:flex;flex-direction:column;
transition:border-color .2s,box-shadow .2s,transform .2s;
}
.mk-tier:hover{border-color:var(--mk-blue);box-shadow:var(--mk-shadow-m);transform:translateY(-3px)}
.mk-tier.feature{border-color:var(--mk-orange);box-shadow:0 0 0 3px rgba(240,138,36,.12)}
.mk-tier.feature::before{
content:"最受欢迎";position:absolute;top:-12px;left:50%;transform:translateX(-50%);
background:linear-gradient(135deg,var(--mk-orange),var(--mk-orange-2));color:#fff;
font-size:11px;font-weight:700;padding:4px 14px;border-radius:999px;letter-spacing:.04em;
}
.mk-tier .name{font-size:16px;font-weight:750;color:var(--mk-ink-2)}
.mk-tier .price{font-size:36px;font-weight:850;color:var(--mk-ink);margin:10px 0 2px;letter-spacing:-.02em}
.mk-tier .price small{font-size:14px;font-weight:500;color:var(--mk-muted)}
.mk-tier .badge{font-size:12px;color:var(--mk-faint);margin-bottom:18px}
.mk-tier .feats{list-style:none;flex:1;margin-bottom:20px}
.mk-tier .feats li{
font-size:13px;line-height:1.7;color:var(--mk-muted);
padding-left:22px;position:relative;margin-bottom:7px;
}
.mk-tier .feats li::before{
content:"";position:absolute;left:2px;top:8px;width:13px;height:13px;border-radius:50%;
background:var(--mk-green-bg);
-webkit-mask:url("data:image/svg+xml;utf8,") center/13px no-repeat;
mask:url("data:image/svg+xml;utf8,") center/13px no-repeat;
}
.mk-tier .feats li.off{color:var(--mk-faint);opacity:.65}
.mk-tier .feats li.off::before{background:var(--mk-line);-webkit-mask:none;mask:none;content:"—";color:var(--mk-faint);font-size:13px;font-weight:700;width:auto;height:auto;background:none}
.mk-tier-btn{
margin-top:auto;width:100%;height:44px;border:none;border-radius:11px;
font-size:14.5px;font-weight:750;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s;
display:inline-flex;align-items:center;justify-content:center;text-decoration:none;
}
.mk-tier-btn.free{background:var(--mk-blue);color:#fff}
.mk-tier-btn.free:hover{background:var(--mk-blue-2)}
.mk-tier-btn.paid{background:linear-gradient(135deg,var(--mk-orange),var(--mk-orange-2));color:#fff;box-shadow:0 6px 16px rgba(217,122,15,.22)}
.mk-tier-btn.paid:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(217,122,15,.3)}
.mk-pricing-note{text-align:center;font-size:12.5px;color:var(--mk-faint);margin-top:20px}
.mk-pricing-note b{color:var(--mk-muted)}
/* ===================== 区块微调（浅色化） ===================== */
.mk-main .portal-card{border:1px solid var(--mk-line);box-shadow:var(--mk-shadow-s)}
.mk-main .portal-card:hover{box-shadow:var(--mk-shadow-m)}
.mk-main .card-reason{color:var(--mk-ink-2)!important}
.mk-main .portal-card.packflow .card-reason{color:var(--mk-blue)!important}
.mk-main .portal-card.shipflow .card-reason{color:var(--mk-green)!important}
.mk-main .portal-card.freightflow .card-reason{color:var(--mk-orange-2)!important}
.mk-main .step-card{border:1px solid var(--mk-line);box-shadow:var(--mk-shadow-s)}
.mk-main .step-num{background:var(--mk-blue);color:#fff}
.mk-main .step-tool{color:var(--mk-blue);background:var(--mk-blue-bg);border-color:rgba(138,100,32,.2)}
.mk-main .focus-section{background:var(--mk-surface-2);border:1px solid var(--mk-line)}
.mk-main .focus-mark{background:linear-gradient(135deg,var(--mk-blue),var(--mk-blue-2))}
.mk-main .focus-mark svg{stroke:#fff}
.mk-main .focus-line{background:var(--mk-orange)}
.mk-main .pain-card{border:1px solid var(--mk-line);box-shadow:var(--mk-shadow-s)}
.mk-main .pain-card.ours{border-left:4px solid var(--mk-orange)}
.mk-main .pain-card.ours .pain-label{color:var(--mk-orange-2)}
.mk-main .pain-cta b{color:var(--mk-green)}
.mk-main .story-card{border:1px solid var(--mk-line);box-shadow:var(--mk-shadow-s)}
.mk-main .story-card:hover{border-color:var(--mk-green)}
.mk-main .story-save-block{background:var(--mk-green-bg)}
.mk-main .story-save{color:var(--mk-green)}
.mk-main .story-body p b{color:var(--mk-green)}
.mk-main .portal-note{background:var(--mk-surface);border-color:var(--mk-line)}
/* 底部大 CTA（浅色高级化：白卡 + 金顶边 + 墨蓝按钮，与门户一致） */
.mk-main .cta-section{
background:var(--mk-surface);
border:1px solid var(--mk-line);
border-top:3px solid var(--mk-orange);
border-radius:var(--mk-radius);
}
.mk-main .cta-title{color:var(--mk-ink-2)}
.mk-main .cta-sub{color:var(--mk-muted)}
.mk-main .cta-btn{background:var(--mk-ink-2);color:#fff}
.mk-main .cta-btn:hover{background:var(--mk-ink)}
.mk-main .cta-cost{color:var(--mk-ink-2)}
.mk-main .cta-cost b{color:var(--mk-orange)}
.mk-main .cta-foot{color:var(--mk-faint)}
.mk-main .portal-foot{color:var(--mk-faint)}
.mk-main .portal-foot a{color:var(--mk-blue)}
/* ===================== 响应式 ===================== */
@media(max-width:980px){
.mk-hero-inner{grid-template-columns:1fr;gap:36px;padding:48px 24px 56px}
.mk-hero-visual{max-width:460px}
.mk-hero h1{font-size:34px}
.mk-tiers{grid-template-columns:1fr;gap:16px;max-width:420px;margin:0 auto}
.mk-tier.feature::before{top:-12px}
.tech-grid{grid-template-columns:1fr 1fr}
.tech-section{padding:44px 26px 34px}
.tech-title{font-size:26px}
}
@media(max-width:760px){
.mk-nav{display:none}
.mk-header .hamburger{display:flex}
.mk-header-inner{gap:12px;padding:0 16px}
.mk-brand .brand span{display:none}
.mk-header .tb-btn.login{display:none}
.mk-main{padding:0 16px 44px}
.mk-hero-copy{max-width:none}
.mk-hero h1{font-size:28px}
.hero-metrics{flex-wrap:wrap;gap:8px 0;padding:14px 4px}
.hero-metrics .metric{padding:0 16px}
.hero-metrics .metric-divider{height:34px}
}
@media(max-width:520px){
.mk-header .pill.beta{display:none}
.mk-hero-cta .cta-btn,.mk-hero-cta .btn-ghost{flex:1;justify-content:center}
.hero-metrics .metric-divider{display:none}
.hero-metrics .metric{flex:1 1 40%;text-align:center;padding:8px 0}
.tech-grid{grid-template-columns:1fr}
.tech-section{padding:38px 18px 30px}
.tech-title{font-size:22px}
.hero-tagline{font-size:10.5px;padding:6px 12px}
}