/* ============================================================================
   产品页 · 九大自研模型能力区块
   作用域：.mpcap（仅「自研模型能力」产品详情页加载，不影响其他页面）
   视觉与《原型报告.html》第一屏保持一致（白卡 + 径向光晕 + 蓝色主色 #1652f0）
   ========================================================================== */

.mpcap {
    position: relative;
    margin: 18px 0 40px;
    padding: 32px;
    background: #fff;
    border: 1px solid #e6ebf3;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(22, 82, 240, 0.08);
    overflow: hidden;
}

/* 右上装饰光晕（与原型一致） */
.mpcap::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(700px 320px at 92% -10%, rgba(22, 82, 240, .10), transparent 62%);
    pointer-events: none;
}

/* ---------- 区块头部 ---------- */
.mpcap-head { position: relative; z-index: 1; }

.mpcap-overline {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #1652f0;
}

/* 标题行：左标题 + 右「进入试用」按钮 */
.mpcap-head-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin: 6px 0 0;
}

.mpcap h2 {
    margin: 0;
    font-size: 26px;
    line-height: 1.3;
    font-weight: 700;
    letter-spacing: -.01em;
    color: #16203a;
}

/* 「进入试用」按钮（与原型 btn-primary 一致，不依赖站点 .btn 外观） */
.mpcap .mpcap-try {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: none;
    padding: 11px 22px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, #1652f0, #0a3fd6);
    box-shadow: 0 8px 20px rgba(22, 82, 240, .25);
    transition: box-shadow .18s ease, transform .18s ease;
}

.mpcap .mpcap-try:hover {
    color: #fff;
    box-shadow: 0 16px 40px rgba(22, 82, 240, .16);
    transform: translateY(-1px);
}

.mpcap-try .icon {
    width: 16px;
    height: 16px;
    stroke-width: 2;
    transition: transform .18s ease;
}

.mpcap-try:hover .icon { transform: translateX(3px); }

/* 说明文本（与原型一致：纯文本段落，无文本框） */
.mpcap-lead {
    position: relative;
    z-index: 1;
    margin: 12px 0 0;
    max-width: 900px;
    font-size: 14.5px;
    line-height: 1.6;
    color: #5b6b86;
}

/* 概览数据芯片 */
.mpcap-stats {
    position: relative;
    z-index: 1;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 18px 0 6px;
    padding: 0;
}

.mpcap-stats li {
    display: flex;
    align-items: baseline;
    gap: 8px;
    padding: 10px 18px;
    background: #f4f7ff;
    border: 1px solid #e2eafb;
    border-radius: 12px;
}

.mpcap-stats b {
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
    color: #1652f0;
}

.mpcap-stats span { font-size: 12.5px; color: #5b6b86; }

/* ---------- 能力分组 ---------- */
.mpcap-group { position: relative; z-index: 1; margin-top: 26px; }

.mpcap-group-title {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0 0 14px;
    font-size: 15.5px;
    font-weight: 700;
    color: #16203a;
    padding-left: 11px;
    border-left: 4px solid #1652f0;
}

.mpcap-group-desc {
    font-size: 12.5px;
    font-weight: 500;
    color: #5b6b86;
}

/* ---------- 能力卡片 ---------- */
.mpcap-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.mpcap-card {
    position: relative;
    padding: 20px 20px 18px;
    background: #fff;
    border: 1px solid #e6ebf3;
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(22, 82, 240, .06);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.mpcap-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 3px;
    border-radius: 3px;
    background: linear-gradient(180deg, #1652f0, #5b8bff);
    opacity: 0;
    transition: opacity .2s ease;
}

.mpcap-card:hover {
    transform: translateY(-3px);
    border-color: #cdd9f5;
    box-shadow: 0 16px 40px rgba(22, 82, 240, .16);
}

.mpcap-card:hover::before { opacity: 1; }

.mpcap-ico {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 12px;
    border-radius: 11px;
    color: #1652f0;
    background: linear-gradient(135deg, rgba(22, 82, 240, .12), rgba(91, 139, 255, .18));
}

.mpcap-ico svg { width: 22px; height: 22px; }

.mpcap-name {
    margin: 0 0 8px;
    font-size: 17px;
    font-weight: 700;
    color: #16203a;
}

.mpcap-desc {
    margin: 0;
    font-size: 13.5px;
    line-height: 1.65;
    color: #5b6b86;
}

.mpcap-foot {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed #e6ebf3;
}

.mpcap-mode {
    font-size: 11.5px;
    font-weight: 600;
    color: #1652f0;
    background: #eef3ff;
    border-radius: 6px;
    padding: 4px 10px;
    white-space: nowrap;
}

.mpcap-slots {
    font-size: 12px;
    color: #5b6b86;
    line-height: 1.5;
}

/* ---------- 适配 ---------- */
@media (max-width: 1024px) {
    .mpcap-group-desc { display: none; }
}

@media (max-width: 980px) {
    .mpcap-grid { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
    .mpcap { padding: 24px 18px; }
    .mpcap h2 { font-size: 22px; }
    .mpcap-try { width: 100%; justify-content: center; }
}