/* ============================================================
   链未云 AI 模型 Token 服务 - 深紫靛蓝科技风
   主色调：#7c3aed 紫色 / #4f46e5 靛蓝
   ============================================================ */

/* ====== Reset & Base ====== */
.Lianweiyun-at-banner *, .Lianweiyun-at-statsSection *, .Lianweiyun-at-modelsSection *,
.Lianweiyun-at-featuresSection *, .Lianweiyun-at-scenesSection *,
.Lianweiyun-at-faqSection *, .Lianweiyun-at-ctaSection * {
    margin: 0; padding: 0; box-sizing: border-box;
}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }

/* ====== 通用标题 ====== */
.Lianweiyun-at-sectionTitleCenter {
    text-align: center;
    font-size: 32px; font-weight: 800;
    color: #0f172a; letter-spacing: .5px;
    margin-bottom: 10px;
}
.Lianweiyun-at-sectionSubtitle {
    text-align: center;
    font-size: 15px; color: #64748b;
    margin-bottom: 44px;
}

/* ====== Banner ====== */
.Lianweiyun-at-banner {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 80% 15%, rgba(124,58,237,.1) 0%, transparent 55%),
        radial-gradient(ellipse at 15% 85%, rgba(79,70,229,.08) 0%, transparent 50%),
        linear-gradient(180deg, #faf5ff 0%, #f5f3ff 100%);
    padding: 92px 0 80px;
}
.Lianweiyun-at-bannerBg {
    position: absolute; inset: 0;
    z-index: 0; pointer-events: none;
    background-image:
        radial-gradient(circle at 78% 20%, rgba(124,58,237,.05) 0%, transparent 45%),
        radial-gradient(circle at 22% 78%, rgba(79,70,227,.04) 0%, transparent 40%);
}
.Lianweiyun-at-bannerBg::before {
    content: '';
    position: absolute; top: -40%; right: -8%;
    width: 600px; height: 600px; border-radius: 50%;
    background: radial-gradient(circle, rgba(124,58,237,.05) 0%, transparent 70%);
    animation: at-float 12s ease-in-out infinite alternate;
}
.Lianweiyun-at-bannerBg::after {
    content: '';
    position: absolute; bottom: -30%; left: -6%;
    width: 520px; height: 520px; border-radius: 50%;
    background: radial-gradient(circle, rgba(79,70,227,.04) 0%, transparent 70%);
    animation: at-float 10s ease-in-out infinite alternate-reverse;
}
@keyframes at-float {
    0% { transform: translate(0,0); }
    100% { transform: translate(30px,-20px); }
}
.Lianweiyun-at-bannerInner { position: relative; z-index: 2; max-width: 760px; margin: 0 auto; text-align: center; }

.Lianweiyun-at-badge {
    display: inline-flex; align-items: center; gap: 8px;
    padding: 6px 16px; border-radius: 999px;
    background: rgba(124,58,237,.08);
    color: #6d28d9; font-size: 13px; font-weight: 600;
    letter-spacing: .3px; margin-bottom: 22px;
    border: 1px solid rgba(124,58,237,.14);
}
.Heziyun-banner-title span {
    display: block;
    font-size: 44px; font-weight: 800;
    line-height: 1.2; letter-spacing: .5px;
    color: #0f172a; margin-bottom: 16px;
}
.Heziyun-banner-title p {
    font-size: 17px; line-height: 1.75;
    color: #475569; max-width: 660px; margin: 0 auto;
}

/* Banner 导航按钮 */
.Lianweiyun-at-bannerNav {
    display: flex; justify-content: center; gap: 12px;
    margin-top: 36px; flex-wrap: wrap;
}
.Lianweiyun-at-navBtn {
    display: inline-flex; align-items: center; height: 42px;
    padding: 0 24px; border-radius: 10px;
    font-size: 14px; font-weight: 700;
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    color: #fff; transition: all .25s ease;
    box-shadow: 0 4px 16px rgba(124,58,237,.32);
}
.Lianweiyun-at-navBtn:hover { transform: translateY(-2px); box-shadow: 0 8px 26px rgba(124,58,237,.45); }
.Lianweiyun-at-navBtnOutline {
    background: #fff; color: #6d28d9;
    border: 1.5px solid rgba(124,58,237,.25);
    box-shadow: none;
}
.Lianweiyun-at-navBtnOutline:hover {
    background: rgba(124,58,237,.04);
    border-color: #7c3aed;
}

/* ====== 统计条 ====== */
.Lianweiyun-at-statsSection {
    padding: 44px 0;
    background: linear-gradient(135deg, #7c3aed, #4f46e5);
    position: relative; z-index: 3;
    margin-top: -28px;
    border-radius: 20px 20px 0 0;
}
.Lianweiyun-at-statsGrid {
    display: flex; align-items: center; justify-content: center;
    flex-wrap: wrap; gap: 10px;
}
.Lianweiyun-at-statItem { text-align: center; padding: 6px 28px; }
.Lianweiyun-at-statNum {
    display: block; font-size: 32px; font-weight: 800;
    color: #fff; line-height: 1.2;
}
.Lianweiyun-at-statLabel {
    display: block; font-size: 13.5px; color: #ddd6fe; margin-top: 4px;
}
.Lianweiyun-at-statDivider { width: 1px; height: 42px; background: rgba(255,255,255,.2); }

/* ====== 可用模型展示（核心模块） ====== */
.Lianweiyun-at-modelsSection {
    padding: 76px 0 68px;
    background: linear-gradient(180deg, #fff 0%, #faf5ff 100%);
}

/* 能力分类 Tab */
.Lianweiyun-at-capTabs {
    display: flex; justify-content: center; gap: 10px;
    margin-bottom: 38px; flex-wrap: wrap;
}
.Lianweiyun-at-capTab {
    height: 40px; padding: 0 22px;
    border: 1.5px solid rgba(124,58,237,.18);
    border-radius: 999px;
    background: #fff;
    color: #64748b; font-size: 14px; font-weight: 600;
    cursor: pointer; transition: all .25s ease;
}
.Lianweiyun-at-capTab:hover {
    border-color: rgba(124,58,237,.4);
    color: #6d28d9;
}
.Lianweiyun-at-capTabActive {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    color: #fff;
    border-color: transparent;
    box-shadow: 0 4px 16px rgba(124,58,237,.35);
}

/* 模型卡片网格 */
.Lianweiyun-at-modelsGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.Lianweiyun-at-modelCard {
    position: relative;
    background: #fff;
    border: 1px solid rgba(124,58,237,.1);
    border-radius: 16px;
    padding: 26px 24px 22px;
    transition: all .35s ease;
    display: flex; flex-direction: column;
}
.Lianweiyun-at-modelCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 44px rgba(124,58,237,.14);
    border-color: rgba(124,58,237,.28);
}

/* 模型头部：图标 + 名称 + 描述 */
.Lianweiyun-at-modelHeader {
    display: flex; gap: 16px; margin-bottom: 18px;
}
.Lianweiyun-at-modelIcon {
    flex-shrink: 0;
    width: 52px; height: 52px; border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    box-shadow: 0 6px 18px rgba(124,58,237,.2);
}
.Lianweiyun-at-modelInfo { flex: 1; min-width: 0; }
.Lianweiyun-at-modelInfo h3 {
    font-size: 17px; font-weight: 700; color: #1e1b4b;
    margin-bottom: 6px; line-height: 1.3;
}
.Lianweiyun-at-modelInfo p {
    font-size: 13px; line-height: 1.65; color: #64748b;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
    overflow: hidden;
}

/* API 线路选择 */
.Lianweiyun-at-modelMeta { margin-bottom: 14px; }
.Lianweiyun-at-modelApiLine {
    display: flex; align-items: center; gap: 10px;
}
.Lianweiyun-at-apiLabel {
    font-size: 12.5px; color: #94a3b8; font-weight: 600; white-space: nowrap;
}
.Lianweiyun-at-apiSelect {
    flex: 1; height: 32px;
    border: 1px solid rgba(124,58,237,.15);
    border-radius: 8px;
    padding: 0 10px;
    font-size: 13px; color: #334155;
    background: #faf5ff;
    cursor: pointer; outline: none;
    font-family: inherit;
}
.Lianweiyun-at-apiSelect:focus {
    border-color: #7c3aed;
    box-shadow: 0 0 0 3px rgba(124,58,237,.1);
}

/* 价格区域 */
.Lianweiyun-at-modelPricing {
    display: flex; gap: 12px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #faf5ff, #f5f3ff);
    border-radius: 12px;
    margin-bottom: 14px;
    border: 1px dashed rgba(124,58,237,.12);
}
.Lianweiyun-at-priceCol {
    flex: 1; min-width: 0;
}
.Lianweiyun-at-priceLabel {
    display: block; font-size: 11.5px; color: #94a3b8; font-weight: 600;
    margin-bottom: 3px;
}
.Lianweiyun-at-priceVal {
    font-size: 19px; font-weight: 800; color: #1e1b4b;
}
.Lianweiyun-at-priceCol small {
    font-size: 11.5px; color: #94a3b8; font-weight: 500;
}
.Lianweiyun-at-cachePrice strong {
    font-size: 13px; font-weight: 700; color: #64748b;
}

/* 标签 */
.Lianweiyun-at-modelTags {
    display: flex; flex-wrap: wrap; gap: 6px;
    margin-bottom: 16px;
}
.Lianweiyun-at-tag {
    font-size: 11.5px; font-weight: 600; padding: 3px 10px;
    border-radius: 999px; white-space: nowrap;
}
.tag-blue { background: rgba(37,99,235,.08); color: #2563eb; }
.tag-orange { background: rgba(249,115,22,.08); color: #ea580c; }
.tag-red { background: rgba(220,38,38,.08); color: #dc2626; }
.tag-purple { background: rgba(124,58,237,.08); color: #7c3aed; }
.tag-indigo { background: rgba(79,70,229,.08); color: #4f46e5; }
.tag-yellow { background: rgba(234,179,8,.1); color: #ca8a04; }
.tag-gray { background: rgba(148,163,184,.1); color: #64748b; }

/* 操作按钮 */
.Lianweiyun-at-modelActions {
    display: flex; gap: 10px; margin-top: auto;
}
.Lianweiyun-at-btnTry,
.Lianweiyun-at-btnDoc {
    flex: 1; height: 38px;
    display: flex; align-items: center; justify-content: center;
    border-radius: 9px; font-size: 13.5px; font-weight: 700;
    cursor: pointer; transition: all .25s ease;
    text-align: center;
}
.Lianweiyun-at-btnTry {
    background: linear-gradient(135deg, #7c3aed, #6d28d9);
    color: #fff; border: none;
    box-shadow: 0 3px 12px rgba(124,58,237,.25);
}
.Lianweiyun-at-btnTry:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(124,58,237,.38); }
.Lianweiyun-at-btnDoc {
    background: transparent;
    color: #6d28d9;
    border: 1.5px solid rgba(124,58,237,.25);
}
.Lianweiyun-at-btnDoc:hover { background: rgba(124,58,237,.05); }

/* 分页 */
.Lianweiyun-at-modelsPagination {
    display: flex; align-items: center; justify-content: space-between;
    margin-top: 28px; padding-top: 20px;
    border-top: 1px solid rgba(124,58,237,.08);
    font-size: 13.5px; color: #64748b;
}
.Lianweiyun-at-pageBtns { display: flex; gap: 8px; }
.Lianweiyun-at-pageBtn {
    height: 34px; padding: 0 18px;
    border: 1px solid rgba(124,58,237,.2);
    border-radius: 8px;
    background: #fff; color: #6d28d9;
    font-size: 13px; font-weight: 600; cursor: pointer;
    transition: all .2s;
}
.Lianweiyun-at-pageBtn:hover:not(:disabled) {
    background: #7c3aed; color: #fff; border-color: #7c3aed;
}
.Lianweiyun-at-pageBtn:disabled { opacity: .4; cursor: not-allowed; }

/* ====== 核心优势 ====== */
.Lianweiyun-at-featuresSection {
    padding: 76px 0 68px;
    background: #fff;
}
.Lianweiyun-at-featuresGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.Lianweiyun-at-featureCard {
    padding: 36px 28px;
    border-radius: 16px;
    background: linear-gradient(145deg, #fff, #faf5ff);
    border: 1px solid rgba(124,58,237,.08);
    transition: all .35s ease;
}
.Lianweiyun-at-featureCard:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 44px rgba(124,58,237,.12);
    border-color: rgba(124,58,237,.18);
}
.Lianweiyun-at-featureIcon {
    width: 52px; height: 52px;
    border-radius: 14px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 18px;
    box-shadow: 0 6px 18px rgba(124,58,237,.2);
}
.Lianweiyun-at-featureCard h3 { font-size: 18px; font-weight: 700; color: #0f172a; margin-bottom: 10px; }
.Lianweiyun-at-featureCard p { font-size: 14px; line-height: 1.75; color: #64748b; }

/* ====== 适用场景 ====== */
.Lianweiyun-at-scenesSection {
    padding: 72px 0 66px;
    background: linear-gradient(180deg, #faf5ff 0%, #ede9fe 100%);
}
.Lianweiyun-at-scenesGrid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}
.Lianweiyun-at-sceneCard {
    padding: 32px 26px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(124,58,237,.08);
    transition: all .35s ease;
}
.Lianweiyun-at-sceneCard:hover {
    transform: translateY(-5px);
    box-shadow: 0 16px 36px rgba(124,58,237,.12);
    border-color: rgba(124,58,237,.2);
}
.Lianweiyun-at-sceneIcon {
    width: 60px; height: 60px; border-radius: 16px;
    display: flex; align-items: center; justify-content: center;
    margin-bottom: 18px;
}
.Lianweiyun-at-sceneCard h3 { font-size: 17px; font-weight: 700; color: #0f172a; margin-bottom: 8px; }
.Lianweiyun-at-sceneCard p { font-size: 13.5px; line-height: 1.7; color: #64748b; }

/* ====== FAQ ====== */
.Lianweiyun-at-faqSection {
    padding: 72px 0 68px;
    background: #fff;
}
.Lianweiyun-at-faqList {
    max-width: 800px; margin: 42px auto 0;
}
.Lianweiyun-at-faqItem {
    border: 1px solid rgba(124,58,237,.09);
    border-radius: 12px;
    margin-bottom: 12px;
    background: #fff;
    overflow: hidden;
    transition: all .3s ease;
}
.Lianweiyun-at-faqItem:hover { border-color: rgba(124,58,237,.18); }
.Lianweiyun-at-faqActive {
    border-color: rgba(124,58,237,.3);
    box-shadow: 0 4px 16px rgba(124,58,237,.08);
}
.Lianweiyun-at-faqQuestion {
    display: flex; align-items: center; justify-content: space-between;
    padding: 18px 22px; cursor: pointer;
    font-size: 15px; font-weight: 600; color: #0f172a;
    user-select: none; transition: color .2s;
}
.Lianweiyun-at-faqQuestion:hover { color: #7c3aed; }
.Lianweiyun-at-faqAnswer {
    max-height: 0; overflow: hidden;
    transition: max-height .4s ease, padding .3s ease;
}
.Lianweiyun-at-faqActive .Lianweiyun-at-faqAnswer {
    max-height: 300px; padding: 0 22px 20px;
}
.Lianweiyun-at-faqAnswer p { font-size: 14px; line-height: 1.8; color: #64748b; }

/* ====== CTA ====== */
.Lianweiyun-at-ctaSection {
    position: relative; overflow: hidden;
    padding: 88px 0 84px;
    background:
        radial-gradient(ellipse at 28% 40%, rgba(124,58,237,.35) 0%, transparent 60%),
        radial-gradient(ellipse at 75% 65%, rgba(79,70,229,.25) 0%, transparent 55%),
        linear-gradient(135deg, #5b21b6 0%, #4c1d95 50%, #2e1065 100%);
}
.Lianweiyun-at-ctaBg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.Lianweiyun-at-ctaBg::before {
    content: ''; position: absolute; top: -50%; left: -18%;
    width: 760px; height: 760px; border-radius: 50%;
    background: radial-gradient(circle, rgba(196,181,253,.12) 0%, transparent 65%);
}
.Lianweiyun-at-ctaBg::after {
    content: ''; position: absolute; bottom: -42%; right: -12%;
    width: 620px; height: 620px; border-radius: 50%;
    background: radial-gradient(circle, rgba(167,139,250,.1) 0%, transparent 65%);
}
.Lianweiyun-at-ctaContent { position: relative; z-index: 2; text-align: center; }
.Lianweiyun-at-ctaIcon {
    display: inline-flex; align-items: center; justify-content: center;
    width: 80px; height: 80px; border-radius: 20px;
    background: rgba(196,181,253,.15); margin-bottom: 24px;
}
.Lianweiyun-at-ctaTitle {
    font-size: 34px; font-weight: 800; color: #ede9fe; letter-spacing: .5px; margin-bottom: 14px;
}
.Lianweiyun-at-ctaContent > p { font-size: 16px; color: #c4b5fd; line-height: 1.8; margin-bottom: 34px; }
.Lianweiyun-at-ctaBtns { display: flex; justify-content: center; gap: 14px; }
.Lianweiyun-at-ctaBtn {
    display: inline-flex; align-items: center; justify-content: center;
    height: 48px; padding: 0 32px; border-radius: 10px;
    font-size: 15px; font-weight: 700; cursor: pointer; border: none; letter-spacing: .3px;
    transition: all .25s ease;
}
.Lianweiyun-at-ctaBtnPrimary {
    background: linear-gradient(135deg, #c4b5fd, #a78bfa); color: #4c1d95;
    box-shadow: 0 4px 20px rgba(196,181,253,.4);
}
.Lianweiyun-at-ctaBtnPrimary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(196,181,253,.55); }
.Lianweiyun-at-ctaBtnOutline {
    background: transparent; color: #c4b5fd; border: 1.5px solid rgba(196,181,253,.35);
}
.Lianweiyun-at-ctaBtnOutline:hover { background: rgba(196,181,253,.1); border-color: #c4b5fd; }

/* ====== 响应式 ====== */
@media (max-width: 1100px) {
    .Lianweiyun-at-modelsGrid { grid-template-columns: repeat(2, 1fr); }
    .Lianweiyun-at-featuresGrid { grid-template-columns: repeat(2, 1fr); }
    .Lianweiyun-at-scenesGrid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 900px) {
    .Lianweiyun-at-statsGrid { gap: 4px; }
    .Lianweiyun-at-statItem { padding: 4px 16px; }
    .Lianweiyun-at-statDivider { display: none; }
    .Lianweiyun-at-statNum { font-size: 26px; }
    .Heziyun-banner-title span { font-size: 34px; }
    .Heziyun-banner-title p { font-size: 15px; }
}
@media (max-width: 768px) {
    .Lianweiyun-at-banner { padding: 56px 0 48px; }
    .Lianweiyun-at-modelsGrid { grid-template-columns: 1fr; }
    .Lianweiyun-at-featuresGrid { grid-template-columns: 1fr; }
    .Lianweiyun-at-scenesGrid { grid-template-columns: 1fr; }
    .Heziyun-banner-title span { font-size: 28px; }
    .Lianweiyun-at-ctaBtns { flex-direction: column; align-items: center; }
    .Lianweiyun-at-ctaBtn { width: 100%; max-width: 320px; }
    .Lianweiyun-at-sectionTitleCenter { font-size: 26px; }
    .Lianweiyun-at-ctaTitle { font-size: 26px; }
    .Lianweiyun-at-capTabs { gap: 8px; }
    .Lianweiyun-at-capTab { padding: 0 16px; font-size: 13px; }
    .Lianweiyun-at-modelPricing { flex-wrap: wrap; }
    .Lianweiyun-at-modelHeader { flex-direction: column; align-items: flex-start; }
}