@charset "UTF-8";
/* ==========================================================================
   邹城云媒体 · PC 端样式（w.31885.com）
   --------------------------------------------------------------------------
   与移动端完全独立：独立文件、独立令牌、pc- 命名空间，移动端不加载本文件。
   设计语言：深蓝黑底 + 青蓝紫渐变 + 玻璃拟态 + 细网格光晕 + 多列卡片网格。
   参考：Vercel / Stripe / 阿里云 / Linear 的信息密度与克制动效。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 设计令牌（PC 专用，与移动端无任何共用）
   -------------------------------------------------------------------------- */
:root {
    color-scheme: dark;

    --pc-bg:        #050914;
    --pc-bg-2:      #0A1020;
    --pc-card:      rgba(15, 21, 38, .72);
    --pc-card-2:    #121A2E;
    --pc-line:      rgba(148, 163, 184, .14);
    --pc-line-2:    rgba(148, 163, 184, .28);

    --pc-text:      #F8FAFC;
    --pc-text-2:    #94A3B8;
    --pc-text-3:    #64748B;

    --pc-cyan:      #22D3EE;
    --pc-blue:      #3B82F6;
    --pc-violet:    #8B5CF6;
    --pc-grad:      linear-gradient(135deg, #22D3EE 0%, #3B82F6 55%, #8B5CF6 100%);

    --pc-ok:        #22C55E;
    --pc-warn:      #F59E0B;
    --pc-danger:    #EF4444;

    --pc-r:    16px;
    --pc-r-sm: 12px;
    --pc-r-lg: 22px;

    --pc-container: 1200px;
    --pc-header-h:  72px;

    --pc-ease: cubic-bezier(.2, .8, .2, 1);
    --pc-shadow: 0 20px 50px -30px rgba(0, 0, 0, .95);
}

/* --------------------------------------------------------------------------
   2. 基础
   -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body.pc-body {
    margin: 0;
    background: var(--pc-bg);
    color: var(--pc-text);
    font: 15px/1.7 -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
          "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

h1, h2, h3, h4, p, ul, ol, figure { margin: 0; padding: 0; }
ul, ol { list-style: none; }
a { color: inherit; text-decoration: none; }
b, strong { font-weight: 600; }
em { font-style: normal; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
code { font-family: ui-monospace, Menlo, Consolas, monospace; font-size: .92em; color: var(--pc-cyan); }
img, svg { display: block; }

:focus-visible { outline: 2px solid var(--pc-cyan); outline-offset: 3px; border-radius: 6px; }

.pc-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }

.pc-icon {
    width: 24px; height: 24px;
    flex: 0 0 auto;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.pc-icon--34 { width: 34px; height: 34px; }
.pc-icon--30 { width: 30px; height: 30px; }
.pc-icon--26 { width: 26px; height: 26px; }
.pc-icon--24 { width: 24px; height: 24px; }
.pc-icon--22 { width: 22px; height: 22px; }
.pc-icon--20 { width: 20px; height: 20px; }
.pc-icon--16 { width: 16px; height: 16px; stroke-width: 2; }
.pc-icon--14 { width: 14px; height: 14px; stroke-width: 2; }

.pc-app {
    position: relative;
    min-height: 100vh;
    background-image:
        radial-gradient(1100px 620px at 82% -10%, rgba(59, 130, 246, .22), transparent 60%),
        radial-gradient(900px 520px at 4% 4%, rgba(139, 92, 246, .16), transparent 58%),
        linear-gradient(rgba(148, 163, 184, .04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(148, 163, 184, .04) 1px, transparent 1px);
    background-size: auto, auto, 56px 56px, 56px 56px;
    background-repeat: no-repeat, no-repeat, repeat, repeat;
}

.pc-container { width: 100%; max-width: var(--pc-container); margin: 0 auto; padding: 0 28px; }
.pc-main { padding-top: var(--pc-header-h); }

/* --------------------------------------------------------------------------
   3. 按钮与基础元件
   -------------------------------------------------------------------------- */
.pc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 22px;
    border: 1px solid transparent;
    border-radius: var(--pc-r-sm);
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
    transition: transform .18s var(--pc-ease), box-shadow .18s var(--pc-ease),
                background-color .18s var(--pc-ease), border-color .18s var(--pc-ease);
}
.pc-btn--sm { min-height: 36px; padding: 0 16px; font-size: 14px; }
.pc-btn--lg { min-height: 52px; padding: 0 30px; font-size: 16px; }
.pc-btn--primary {
    background: var(--pc-grad);
    color: #fff;
    box-shadow: 0 14px 34px -18px rgba(59, 130, 246, .95);
}
.pc-btn--primary:hover { transform: translateY(-2px); box-shadow: 0 20px 40px -18px rgba(59, 130, 246, 1); }
.pc-btn--ghost {
    background: rgba(148, 163, 184, .08);
    border-color: var(--pc-line-2);
    color: var(--pc-text);
}
.pc-btn--ghost:hover { background: rgba(148, 163, 184, .16); transform: translateY(-2px); }
.pc-btn--light { background: #fff; color: #0B1220; }
.pc-btn--light:hover { transform: translateY(-2px); }
.pc-btn--outline-light { background: rgba(255, 255, 255, .14); border-color: rgba(255, 255, 255, .5); color: #fff; }
.pc-btn--outline-light:hover { background: rgba(255, 255, 255, .24); }

.pc-linkbtn { color: var(--pc-text-2); font-size: 14px; padding: 8px 10px; border-radius: 8px; }
.pc-linkbtn:hover { color: var(--pc-text); background: rgba(148, 163, 184, .1); }

/* 顶部导航「手机版」切换入口（手动切换记忆可一键改回） */
.pc-linkbtn--term { display: inline-flex; align-items: center; gap: 5px; }
.pc-linkbtn--term .pc-icon { color: var(--pc-text-3); }
.pc-linkbtn--term:hover .pc-icon { color: var(--pc-cyan); }

.pc-linkmore { display: inline-flex; align-items: center; gap: 4px; color: var(--pc-cyan); font-size: 14px; }
.pc-linkmore:hover { gap: 8px; }

.pc-eyebrow {
    display: inline-block;
    margin-bottom: 16px;
    padding: 6px 14px;
    border: 1px solid var(--pc-line-2);
    border-radius: 999px;
    background: rgba(34, 211, 238, .08);
    color: var(--pc-cyan);
    font-size: 13px;
    font-weight: 600;
}

.pc-badge {
    position: absolute;
    top: 16px; right: 16px;
    padding: 4px 10px;
    border-radius: 999px;
    background: var(--pc-grad);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
}

.pc-chip {
    align-self: flex-start;
    padding: 4px 10px;
    border-radius: 999px;
    background: rgba(34, 211, 238, .1);
    color: var(--pc-cyan);
    font-size: 12px;
}

.pc-card {
    position: relative;
    padding: 26px;
    border: 1px solid var(--pc-line);
    border-radius: var(--pc-r);
    background: var(--pc-card);
}
@supports (backdrop-filter: blur(12px)) {
    .pc-card { backdrop-filter: blur(12px); }
}

/* --------------------------------------------------------------------------
   4. 顶部导航（含产品大菜单）
   -------------------------------------------------------------------------- */
.pc-header {
    position: fixed;
    z-index: 200;
    top: 0; left: 0; right: 0;
    height: var(--pc-header-h);
    transition: background-color .24s var(--pc-ease), border-color .24s var(--pc-ease);
    border-bottom: 1px solid transparent;
}
.pc-header.is-solid {
    background: rgba(5, 9, 20, .86);
    border-bottom-color: var(--pc-line);
}
@supports (backdrop-filter: blur(14px)) {
    .pc-header.is-solid { backdrop-filter: blur(14px); }
}
/* 头部横向预算：容器内容盒 = 1200 − 28×2 = 1144px。
   品牌(含副标题 206) + 导航(8 项) + 操作区(255) 合计约 1111px，必须留出余量；
   导航与操作区都不收缩（actions 为 flex:0 0 auto），一旦超宽就会互相挤压。 */
.pc-header__inner { display: flex; align-items: center; gap: 18px; height: 100%; }

.pc-brand { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.pc-brand__text { display: flex; flex-direction: column; line-height: 1.25; }
.pc-brand__text b { font-size: 17px; letter-spacing: .3px; }
.pc-brand__text em { color: var(--pc-text-3); font-size: 11px; }

.pc-nav { display: flex; align-items: center; gap: 2px; flex: 1 1 auto; }
.pc-nav__item { position: relative; }
.pc-nav__link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 9px 11px;
    border-radius: 10px;
    color: var(--pc-text-2);
    font-size: 14px;
    white-space: nowrap;   /* 窄屏优先隐藏次要项（见响应式），而不是让文字折行挤乱导航 */
    transition: color .18s var(--pc-ease), background-color .18s var(--pc-ease);
}
.pc-nav__link:hover, .pc-nav__link.is-active { color: var(--pc-text); background: rgba(148, 163, 184, .1); }
.pc-nav__item:hover > .pc-nav__link { color: var(--pc-text); background: rgba(148, 163, 184, .1); }

.pc-mega {
    position: absolute;
    top: calc(100% + 10px);
    left: -180px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 22px;
    width: 760px;
    padding: 22px;
    border: 1px solid var(--pc-line);
    border-radius: var(--pc-r);
    background: rgba(10, 16, 32, .96);
    box-shadow: var(--pc-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity .2s var(--pc-ease), transform .2s var(--pc-ease), visibility .2s;
}
@supports (backdrop-filter: blur(16px)) {
    .pc-mega { backdrop-filter: blur(16px); }
}
.pc-nav__item:hover > .pc-mega,
.pc-nav__item:focus-within > .pc-mega {
    opacity: 1;
    visibility: visible;
    transform: none;
}
.pc-mega__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px 22px; }
.pc-mega__label { margin-bottom: 8px; color: var(--pc-text-3); font-size: 12px; letter-spacing: .5px; }
.pc-mega__link {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 10px;
    transition: background-color .16s var(--pc-ease);
}
.pc-mega__link:hover { background: rgba(148, 163, 184, .1); }
.pc-mega__link .pc-icon { margin-top: 2px; color: var(--pc-cyan); }
.pc-mega__link b { display: block; font-size: 14px; }
.pc-mega__link em { display: block; color: var(--pc-text-3); font-size: 12px; line-height: 1.5; }
.pc-mega__side {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 18px;
    border-radius: var(--pc-r-sm);
    background: linear-gradient(160deg, rgba(34, 211, 238, .12), rgba(139, 92, 246, .12));
}
.pc-mega__side b { font-size: 15px; }
.pc-mega__side p { color: var(--pc-text-2); font-size: 12.5px; line-height: 1.6; }
.pc-mega__side .pc-btn { width: 100%; }
.pc-mega__all { display: inline-flex; align-items: center; gap: 4px; margin-top: auto; color: var(--pc-cyan); font-size: 13px; }

.pc-header__actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }

/* --------------------------------------------------------------------------
   5. 首屏
   -------------------------------------------------------------------------- */
.pc-hero { position: relative; padding: 78px 0 30px; overflow: hidden; }
.pc-hero__glow {
    position: absolute;
    top: -180px; right: -120px;
    width: 620px; height: 620px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(34, 211, 238, .18), rgba(139, 92, 246, .07) 52%, transparent 70%);
    pointer-events: none;
}
.pc-hero__inner {
    position: relative;
    display: grid;
    grid-template-columns: 1.04fr .96fr;
    align-items: center;
    gap: 56px;
}
.pc-hero__title { font-size: 44px; line-height: 1.22; font-weight: 700; letter-spacing: .3px; }
.pc-hero__sub { margin-top: 18px; max-width: 560px; color: var(--pc-text-2); font-size: 17px; line-height: 1.75; }
.pc-hero__points { display: flex; flex-direction: column; gap: 10px; margin-top: 22px; }
.pc-hero__points li { display: flex; align-items: center; gap: 9px; color: var(--pc-text-2); font-size: 14.5px; }
.pc-hero__points .pc-icon { color: var(--pc-ok); }
.pc-hero__actions { display: flex; gap: 14px; margin-top: 30px; }

.pc-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 36px; }
.pc-stat {
    padding: 16px 18px;
    border: 1px solid var(--pc-line);
    border-radius: var(--pc-r-sm);
    background: var(--pc-card);
}
.pc-stat__value { display: block; font-size: 18px; font-weight: 700; }
.pc-stat__value b { font-size: 26px; }
.pc-stat__pending { color: var(--pc-text-3); font-size: 15px; font-weight: 500; }
.pc-stat__label { display: block; margin-top: 2px; color: var(--pc-text-3); font-size: 12.5px; }

/* 数据看板示意（纯 CSS，无图片） */
.pc-panel {
    padding: 18px;
    border: 1px solid var(--pc-line);
    border-radius: var(--pc-r-lg);
    background: linear-gradient(180deg, rgba(18, 26, 46, .92), rgba(10, 16, 32, .92));
    box-shadow: var(--pc-shadow);
}
.pc-panel--flat { box-shadow: none; }
.pc-panel__bar { display: flex; align-items: center; gap: 6px; padding-bottom: 14px; border-bottom: 1px solid var(--pc-line); }
.pc-panel__bar em { margin-left: 8px; color: var(--pc-text-3); font-size: 12.5px; }
.pc-dot { width: 9px; height: 9px; border-radius: 50%; background: rgba(148, 163, 184, .3); }
.pc-dot:nth-child(1) { background: rgba(239, 68, 68, .6); }
.pc-dot:nth-child(2) { background: rgba(245, 158, 11, .6); }
.pc-dot:nth-child(3) { background: rgba(34, 197, 94, .6); }

.pc-panel__tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 16px; }
.pc-tile {
    padding: 12px 14px;
    border: 1px solid var(--pc-line);
    border-radius: var(--pc-r-sm);
    background: rgba(148, 163, 184, .05);
}
.pc-tile em { display: block; color: var(--pc-text-3); font-size: 12px; }
.pc-tile b { font-size: 20px; }

.pc-panel__chart { display: flex; align-items: flex-end; gap: 8px; height: 104px; margin-top: 16px; }
.pc-panel__chart span {
    flex: 1 1 0;
    height: var(--h, 40%);
    border-radius: 6px 6px 3px 3px;
    background: linear-gradient(180deg, rgba(34, 211, 238, .95), rgba(99, 102, 241, .35));
}
.pc-panel__rows { display: flex; flex-direction: column; gap: 8px; margin-top: 16px; }
.pc-panel__rows li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border: 1px solid var(--pc-line);
    border-radius: 10px;
    background: rgba(148, 163, 184, .04);
    font-size: 13px;
}
.pc-panel__rows i { margin-left: auto; color: var(--pc-text-3); font-size: 12px; }
.pc-pill { padding: 2px 8px; border-radius: 999px; font-size: 11.5px; white-space: nowrap; }
.pc-pill--ok { background: rgba(34, 197, 94, .14); color: var(--pc-ok); }
.pc-pill--warn { background: rgba(245, 158, 11, .14); color: var(--pc-warn); }
.pc-pill--ai { background: rgba(34, 211, 238, .14); color: var(--pc-cyan); }

/* --------------------------------------------------------------------------
   6. 信任背书
   -------------------------------------------------------------------------- */
.pc-trust { padding: 46px 0 8px; }
.pc-trust__title { margin-bottom: 18px; text-align: center; color: var(--pc-text-2); font-size: 13.5px; letter-spacing: .3px; }
.pc-trust__grid { display: grid; grid-template-columns: repeat(8, 1fr); gap: 12px; }
.pc-trust__slot {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 62px;
    border: 1px dashed var(--pc-line-2);
    border-radius: var(--pc-r-sm);
    background: rgba(148, 163, 184, .035);
    color: var(--pc-text-3);
    font-size: 11px;
    letter-spacing: 1.5px;
}

/* --------------------------------------------------------------------------
   7. 区块通用
   -------------------------------------------------------------------------- */
.pc-section { padding: 84px 0 0; }
.pc-section--last { padding-bottom: 84px; }
.pc-section--top { padding-top: 56px; }
.pc-section__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 30px; }
.pc-section__title { font-size: 30px; line-height: 1.35; font-weight: 700; }
.pc-section__sub { margin-top: 10px; max-width: 720px; color: var(--pc-text-2); font-size: 15px; }

.pc-grid { display: grid; gap: 20px; }
.pc-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* --------------------------------------------------------------------------
   8. 分类 Tab 与产品卡片
   -------------------------------------------------------------------------- */
.pc-tabs { display: flex; gap: 8px; flex: 0 0 auto; }
.pc-tabs__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 38px;
    padding: 0 15px;
    border: 1px solid var(--pc-line);
    border-radius: 999px;
    background: rgba(148, 163, 184, .05);
    color: var(--pc-text-2);
    font-size: 13.5px;
    transition: color .18s var(--pc-ease), border-color .18s var(--pc-ease), background-color .18s var(--pc-ease);
}
.pc-tabs__item i { color: var(--pc-text-3); font-size: 11.5px; }
.pc-tabs__item:hover { color: var(--pc-text); border-color: var(--pc-line-2); }
.pc-tabs__item.is-active { background: var(--pc-grad); border-color: transparent; color: #fff; font-weight: 600; }
.pc-tabs__item.is-active i { color: rgba(255, 255, 255, .8); }

.pc-product { display: flex; flex-direction: column; transition: transform .22s var(--pc-ease), border-color .22s var(--pc-ease); }
.pc-product:hover { transform: translateY(-4px); border-color: var(--pc-line-2); }
.pc-product--featured {
    border: 1px solid transparent;
    background:
        linear-gradient(rgba(15, 21, 38, .92), rgba(15, 21, 38, .92)) padding-box,
        var(--pc-grad) border-box;
}
.pc-product__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px; height: 48px;
    border: 1px solid var(--pc-line);
    border-radius: 14px;
    background: rgba(34, 211, 238, .08);
    color: var(--pc-cyan);
}
.pc-product--featured .pc-product__icon { border-color: transparent; background: var(--pc-grad); color: #fff; }
.pc-product h3 { margin-top: 16px; font-size: 19px; line-height: 1.4; }
.pc-product__tagline { margin-top: 6px; color: var(--pc-cyan); font-size: 13.5px; }
.pc-product__summary {
    margin-top: 12px;
    color: var(--pc-text-2);
    font-size: 13.5px;
    line-height: 1.72;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pc-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.pc-tags li {
    padding: 4px 10px;
    border: 1px solid var(--pc-line);
    border-radius: 999px;
    background: rgba(148, 163, 184, .06);
    color: var(--pc-text-2);
    font-size: 12px;
}
.pc-product__audience { margin-top: 12px; color: var(--pc-text-3); font-size: 12.5px; line-height: 1.6; }
.pc-product__audience span {
    display: inline-block;
    margin-right: 7px;
    padding: 1px 7px;
    border-radius: 6px;
    background: rgba(148, 163, 184, .12);
    color: var(--pc-text-2);
}
.pc-product__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 20px;
}
.pc-product.is-hidden { display: none; }

/* --------------------------------------------------------------------------
   9. 解决方案 / 案例 / 评价
   -------------------------------------------------------------------------- */
.pc-solution { display: flex; flex-direction: column; gap: 8px; transition: transform .22s var(--pc-ease), border-color .22s var(--pc-ease); }
.pc-solution:hover { transform: translateY(-4px); border-color: var(--pc-line-2); }
.pc-solution h3 { font-size: 17px; }
.pc-solution p { color: var(--pc-text-2); font-size: 13.5px; }
.pc-solution__meta { margin-top: auto; padding-top: 10px; color: var(--pc-text-3); font-size: 12.5px; }

.pc-case { display: flex; flex-direction: column; gap: 10px; }
.pc-case h3 { font-size: 17px; line-height: 1.5; }
.pc-case__metric { margin-top: auto; color: var(--pc-cyan); font-size: 14px; font-weight: 600; }

.pc-quote { display: flex; flex-direction: column; gap: 20px; }
.pc-quote__text { position: relative; padding-top: 22px; font-size: 14.5px; line-height: 1.8; }
.pc-quote__text::before {
    content: "“";
    position: absolute;
    top: -14px; left: -2px;
    font: 700 52px/1 Georgia, serif;
    color: rgba(34, 211, 238, .34);
}
.pc-quote__foot { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.pc-quote__avatar {
    width: 40px; height: 40px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(34, 211, 238, .55), rgba(139, 92, 246, .55));
}
.pc-quote__foot b { display: block; font-size: 13.5px; }
.pc-quote__foot em { display: block; color: var(--pc-text-3); font-size: 12.5px; }

/* --------------------------------------------------------------------------
   10. 定制开发分栏 + 交付流程
   -------------------------------------------------------------------------- */
.pc-split { display: grid; grid-template-columns: 1.05fr .95fr; align-items: center; gap: 56px; }
.pc-smallsteps { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 26px 0 30px; }
.pc-smallsteps li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border: 1px solid var(--pc-line);
    border-radius: var(--pc-r-sm);
    background: var(--pc-card);
    font-size: 14.5px;
}
.pc-smallsteps__no { color: var(--pc-text-3); font-size: 12px; letter-spacing: 1px; }
.pc-smallsteps .pc-icon { color: var(--pc-cyan); }

.pc-flow { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 18px; }
.pc-flow::before {
    content: "";
    position: absolute;
    top: 19px; left: 4%; right: 4%;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--pc-line-2), transparent);
}
.pc-flow__item { position: relative; padding-top: 52px; }
.pc-flow__no {
    position: absolute;
    top: 0; left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px; height: 38px;
    border-radius: 50%;
    background: var(--pc-grad);
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    box-shadow: 0 12px 26px -14px rgba(59, 130, 246, .95);
}
.pc-flow__item b { display: block; font-size: 15.5px; }
.pc-flow__item p { margin-top: 4px; color: var(--pc-text-2); font-size: 13px; }

/* --------------------------------------------------------------------------
   11. 手风琴（双列）与最终 CTA
   -------------------------------------------------------------------------- */
.pc-faq2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 32px; }
.pc-acc__item { border-bottom: 1px solid var(--pc-line); }
.pc-acc__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    min-height: 62px;
    padding: 14px 0;
    text-align: left;
    font-size: 15.5px;
    font-weight: 500;
}
.pc-acc__head:hover { color: var(--pc-cyan); }
.pc-acc__caret { color: var(--pc-text-3); transition: transform .24s var(--pc-ease); }
.pc-acc__item.is-open .pc-acc__caret { transform: rotate(180deg); color: var(--pc-cyan); }
.pc-acc__body { max-height: 0; overflow: hidden; transition: max-height .3s var(--pc-ease); }
.pc-acc__item.is-open .pc-acc__body { max-height: 420px; }
.pc-acc__inner { padding: 0 0 18px; }
.pc-acc__inner p { color: var(--pc-text-2); font-size: 14px; line-height: 1.8; }

.pc-final {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 46px 48px;
    border-radius: var(--pc-r-lg);
    background: var(--pc-grad);
    box-shadow: 0 30px 70px -40px rgba(59, 130, 246, 1);
}
.pc-final h2 { font-size: 30px; line-height: 1.35; color: #fff; }
.pc-final p { margin-top: 8px; color: rgba(255, 255, 255, .88); font-size: 15px; }
.pc-final__actions { display: flex; gap: 14px; flex: 0 0 auto; }

/* --------------------------------------------------------------------------
   12. 页脚
   -------------------------------------------------------------------------- */
.pc-footer { margin-top: 84px; border-top: 1px solid var(--pc-line); background: rgba(10, 16, 32, .7); }
.pc-footer__top {
    display: grid;
    grid-template-columns: 1.1fr 1.6fr .8fr;
    gap: 48px;
    padding: 54px 0 34px;
}
.pc-footer__brand p { margin: 16px 0 14px; max-width: 340px; color: var(--pc-text-3); font-size: 13px; line-height: 1.75; }
.pc-footer__tel { font-size: 22px; font-weight: 700; }
.pc-footer__cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.pc-footer__col { display: flex; flex-direction: column; gap: 9px; }
.pc-footer__ctitle { margin-bottom: 4px; color: var(--pc-text); font-size: 14px; font-weight: 600; }
.pc-footer__col a { color: var(--pc-text-3); font-size: 13px; }
.pc-footer__col a:hover { color: var(--pc-cyan); }
.pc-footer__qr { display: flex; flex-direction: column; gap: 10px; }
.pc-footer__qrbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    width: 118px; height: 118px;
    border: 1px dashed var(--pc-line-2);
    border-radius: var(--pc-r-sm);
    background: rgba(148, 163, 184, .04);
    color: var(--pc-text-2);
    font-size: 12px;
}
.pc-footer__qrbox em { color: var(--pc-text-3); font-size: 11px; }
.pc-footer__qr p { color: var(--pc-text-3); font-size: 12.5px; }
.pc-footer__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 0 10px;
    border-top: 1px solid var(--pc-line);
    color: var(--pc-text-3);
    font-size: 12.5px;
}
.pc-footer__switch a { color: var(--pc-cyan); }
.pc-footer__demo { padding-bottom: 24px; color: var(--pc-text-3); font-size: 12px; }

/* --------------------------------------------------------------------------
   13. 返回顶部 / 通用页面元素
   -------------------------------------------------------------------------- */
.pc-totop {
    position: fixed;
    z-index: 300;
    right: 28px; bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px; height: 46px;
    border: 1px solid var(--pc-line-2);
    border-radius: 50%;
    background: rgba(10, 16, 32, .92);
    color: var(--pc-text);
    box-shadow: var(--pc-shadow);
    transition: transform .18s var(--pc-ease);
}
.pc-totop:hover { transform: translateY(-3px); border-color: var(--pc-cyan); }

.pc-page-title { font-size: 36px; line-height: 1.3; font-weight: 700; }
.pc-page-desc { margin-top: 14px; max-width: 720px; color: var(--pc-text-2); font-size: 15.5px; }
.pc-section--top .pc-hero__actions { margin-top: 26px; }

.pc-entry { display: flex; align-items: center; gap: 14px; transition: transform .22s var(--pc-ease), border-color .22s var(--pc-ease); }
.pc-entry:hover { transform: translateY(-4px); border-color: var(--pc-line-2); }
.pc-entry__body { flex: 1 1 auto; min-width: 0; }
.pc-entry__body b { display: block; font-size: 15.5px; }
.pc-entry__body em { display: block; margin-top: 3px; color: var(--pc-text-3); font-size: 12.5px; }
.pc-entry > .pc-icon--16 { color: var(--pc-text-3); }

/* --------------------------------------------------------------------------
   14. 入场动效（仅 JS 可用时启用；首屏不参与，避免影响 LCP）
   -------------------------------------------------------------------------- */
.pc-js .pc-reveal {
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .5s var(--pc-ease), transform .5s var(--pc-ease);
}
.pc-js .pc-reveal.is-visible { opacity: 1; transform: none; }
.pc-js .pc-hero .pc-reveal { opacity: 1; transform: none; }

/* --------------------------------------------------------------------------
   15. 响应式（PC 端自身收窄，不做移动端形态转换）
   -------------------------------------------------------------------------- */
/* 头部横向预算（内容盒固定 1144px，容器 max-width 不随视口变宽）：
   按断点回收导航内边距与次要入口，保证任何宽度下都不挤压、不溢出。 */
@media (max-width: 1180px) {
    .pc-nav__link { padding: 9px 9px; font-size: 13.5px; }
    .pc-hero__title { font-size: 38px; }
    .pc-mega { width: 660px; left: -140px; }
}
@media (max-width: 1100px) {
    /* 让位给主入口：手机版切换在页脚仍可用；帮助/关于/联系保留在页脚导航 */
    .pc-linkbtn--term { display: none; }
    .pc-nav__link--minor { display: none; }
}
@media (max-width: 1024px) {
    .pc-hero__inner, .pc-split { grid-template-columns: 1fr; gap: 40px; }
    .pc-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pc-flow { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .pc-flow::before { display: none; }
    .pc-faq2 { grid-template-columns: 1fr; }
    .pc-footer__top { grid-template-columns: 1fr 1fr; gap: 32px; }
    .pc-trust__grid { grid-template-columns: repeat(4, 1fr); }
    /* 导航起点约在 224px 处：负偏移过大（原 -320px）会把大菜单推出屏幕左侧被裁掉 */
    .pc-mega { left: -140px; }
}
@media (max-width: 860px) {
    .pc-nav { display: none; }
    .pc-header .pc-brand__text em { display: none; }
    .pc-trust__grid { grid-template-columns: repeat(3, 1fr); }
    .pc-final { flex-direction: column; align-items: flex-start; padding: 34px 28px; }
    .pc-section__head { flex-direction: column; align-items: flex-start; gap: 16px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .001ms !important; transition-duration: .001ms !important; }
    .pc-js .pc-reveal { opacity: 1; transform: none; }
}

/* --------------------------------------------------------------------------
   16. 产品页组件（列表 / 详情）
   -------------------------------------------------------------------------- */
.pc-crumb { padding: 22px 0 0; }
.pc-crumb .pc-container { display: flex; align-items: center; gap: 8px; color: var(--pc-text-3); font-size: 13px; }
.pc-crumb a { color: var(--pc-text-3); }
.pc-crumb a:hover { color: var(--pc-cyan); }
.pc-crumb i { color: var(--pc-line-2); font-style: normal; }
.pc-crumb span { color: var(--pc-text-2); }

.pc-hero--sub { padding-top: 30px; }
.pc-tagline--hero { margin-top: 12px; font-size: 16px; }
.pc-tags--hero { margin-top: 20px; }
.pc-hero__meta { margin-top: 20px; color: var(--pc-text-3); font-size: 13px; }
.pc-hero__meta a { color: var(--pc-cyan); }
.pc-stats--wide { max-width: 760px; }

/* 流程变体 */
.pc-flow--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.pc-flow--auto { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.pc-flow__step { color: var(--pc-text-2); font-size: 13.5px; }

/* 能力链路 */
.pc-chain { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 16px; }
.pc-chain__item {
    display: flex;
    gap: 12px;
    padding: 18px;
    border: 1px solid var(--pc-line);
    border-radius: var(--pc-r);
    background: var(--pc-card);
}
.pc-chain__no {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px; height: 28px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--pc-grad);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}
.pc-chain__item p { font-size: 14px; line-height: 1.65; }

/* 痛点 */
.pc-pains li {
    display: flex;
    gap: 10px;
    padding: 20px;
    border: 1px solid var(--pc-line);
    border-radius: var(--pc-r);
    background: rgba(148, 163, 184, .05);
}
.pc-pains .pc-icon { margin-top: 4px; color: var(--pc-danger); }
.pc-pains span { color: var(--pc-text-2); font-size: 14px; line-height: 1.7; }

/* 核心能力卡 */
.pc-cap h3 { margin-top: 14px; font-size: 17px; }
.pc-cap p { margin-top: 8px; color: var(--pc-text-2); font-size: 13.5px; line-height: 1.72; }

/* 适用场景 + 成效 */
.pc-cols2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; }
.pc-scenes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.pc-scenes li {
    padding: 8px 16px;
    border: 1px solid var(--pc-line);
    border-radius: 999px;
    background: rgba(148, 163, 184, .06);
    color: var(--pc-text-2);
    font-size: 13.5px;
}
.pc-outcomes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 18px; }
.pc-outcomes li { padding: 16px; border: 1px solid var(--pc-line); border-radius: var(--pc-r-sm); background: var(--pc-card); }
.pc-outcomes b { display: block; font-size: 16px; }
.pc-outcomes span { display: block; margin-top: 3px; color: var(--pc-text-3); font-size: 12.5px; }

/* 套餐 */
.pc-plan { display: flex; flex-direction: column; gap: 10px; }
.pc-plan--featured {
    border: 1px solid transparent;
    background:
        linear-gradient(rgba(15, 21, 38, .92), rgba(15, 21, 38, .92)) padding-box,
        var(--pc-grad) border-box;
}
.pc-plan h3 { font-size: 18px; }
.pc-plan__price { color: var(--pc-cyan); font-size: 14px; }
.pc-plan__desc { color: var(--pc-text-2); font-size: 13.5px; }
.pc-plan__features { display: flex; flex-direction: column; gap: 9px; margin: 6px 0 12px; }
.pc-plan__features li { display: flex; align-items: center; gap: 9px; color: var(--pc-text-2); font-size: 13.5px; }
.pc-plan__features .pc-icon { color: var(--pc-ok); }
.pc-plan > .pc-btn { margin-top: auto; }

@media (max-width: 1024px) {
    .pc-cols2 { grid-template-columns: 1fr; gap: 40px; }
    .pc-outcomes { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* --------------------------------------------------------------------------
   17. 表单（入驻申请 /apply）
   -------------------------------------------------------------------------- */
.pc-notice {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 14px 16px;
    border: 1px solid var(--pc-line-2);
    border-radius: var(--pc-r-sm);
    background: rgba(148, 163, 184, .06);
    color: var(--pc-text-2);
    font-size: 13.5px;
    line-height: 1.65;
}
.pc-notice .pc-icon { margin-top: 3px; color: var(--pc-cyan); }
.pc-notice--error {
    border-color: rgba(239, 68, 68, .4);
    background: rgba(239, 68, 68, .1);
    color: #FCA5A5;
}
.pc-notice--error .pc-icon { color: var(--pc-danger); }

.pc-apply {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    gap: 40px;
    align-items: start;
}
.pc-apply__side {
    position: sticky;
    top: calc(var(--pc-header-h) + 24px);
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pc-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 30px;
    border: 1px solid var(--pc-line);
    border-radius: var(--pc-r);
    background: var(--pc-card);
}
.pc-form__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
/* 蜜罐字段：对真人不可见，机器人会填 */
.pc-form__hp {
    position: absolute;
    left: -9999px;
    width: 1px; height: 1px;
    opacity: 0;
    pointer-events: none;
}
.pc-field { display: flex; flex-direction: column; gap: 8px; }
.pc-field--wide { grid-column: 1 / -1; }
.pc-field__label { color: var(--pc-text-2); font-size: 13.5px; }
.pc-field__req { color: var(--pc-danger); }
.pc-field__err { color: var(--pc-danger); font-size: 12.5px; }

.pc-input {
    width: 100%;
    min-height: 46px;
    padding: 11px 14px;
    border: 1px solid var(--pc-line-2);
    border-radius: 10px;
    background: rgba(5, 9, 20, .7);
    color: var(--pc-text);
    font-size: 14.5px;
    line-height: 1.5;
    transition: border-color .18s var(--pc-ease), box-shadow .18s var(--pc-ease);
}
.pc-input::placeholder { color: var(--pc-text-3); }
.pc-input:focus {
    outline: none;
    border-color: var(--pc-cyan);
    box-shadow: 0 0 0 3px rgba(34, 211, 238, .14);
}
select.pc-input {
    appearance: none;
    -webkit-appearance: none;
    padding-right: 40px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='1.7' stroke-linecap='round'%3E%3Cpath d='M6 9.5l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px 16px;
}
.pc-textarea { min-height: 120px; resize: vertical; }

.pc-check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--pc-text-2);
    font-size: 13.5px;
    line-height: 1.6;
}
.pc-check input { width: 17px; height: 17px; margin-top: 2px; flex: 0 0 auto; accent-color: #3B82F6; }
.pc-form__plan {
    padding: 10px 14px;
    border: 1px dashed var(--pc-line-2);
    border-radius: 10px;
    color: var(--pc-cyan);
    font-size: 13.5px;
}
.pc-form__actions { display: flex; align-items: center; gap: 16px; }
.pc-form__tip { color: var(--pc-text-3); font-size: 13px; }

.pc-side-card { display: flex; flex-direction: column; gap: 10px; }
.pc-side-card h3 { font-size: 16px; }
.pc-side-card p { color: var(--pc-text-2); font-size: 13.5px; }
.pc-side-tel { font-size: 22px; font-weight: 700; }
.pc-side-note { color: var(--pc-text-3) !important; font-size: 12.5px !important; }
.pc-side-list { display: flex; flex-direction: column; gap: 8px; color: var(--pc-text-2); font-size: 13.5px; }
.pc-side-list li { position: relative; padding-left: 16px; }
.pc-side-list li::before {
    content: "";
    position: absolute;
    left: 0; top: 8px;
    width: 6px; height: 6px;
    border-radius: 50%;
    background: var(--pc-cyan);
}
.pc-side-links { display: flex; flex-direction: column; gap: 9px; font-size: 13.5px; }
.pc-side-links a { color: var(--pc-text-2); }
.pc-side-links a:hover { color: var(--pc-cyan); }

@media (max-width: 1024px) {
    .pc-apply { grid-template-columns: 1fr; gap: 28px; }
    .pc-apply__side { position: static; }
    .pc-form__grid { grid-template-columns: 1fr; }
    .pc-form { padding: 22px; }
}