/* =====================================================================
   一秒互联官网设计系统 design-system-3000
   一秒互联公司  www.yimiaonet.com  400-716-8908
   云服务商风格：深蓝渐变 hero + 科技蓝主色 + 发光数字 + 毛玻璃导航
   本文件在全站所有旧样式之后加载，统一覆盖视觉效果，不改变任何功能逻辑
   ===================================================================== */

/* ---------- 一、设计令牌（全站统一变量） ---------- */
:root {
    /* 主色板：科技蓝体系 */
    --ym-primary: #1668dc;          /* 主色：科技蓝 */
    --ym-primary-dark: #0e4fb3;     /* 深主色：悬浮态 */
    --ym-primary-light: #e8f1fd;    /* 浅主色：背景底 */
    --ym-accent: #00c2ff;           /* 强调色：亮青（渐变副色） */
    --ym-ink: #0b1e3a;              /* 深墨蓝：标题文字 */
    --ym-text: #33475e;             /* 正文文字 */
    --ym-text-soft: #6b7f95;        /* 辅助文字 */
    --ym-line: #e3eaf3;             /* 分割线 */
    --ym-bg: #f5f8fc;               /* 页面浅底 */
    --ym-card: #ffffff;             /* 卡片白 */
    --ym-success: #16a34a;          /* 成功绿 */
    --ym-danger: #dc2626;           /* 危险红 */

    /* 渐变 */
    --ym-grad-hero: linear-gradient(135deg, #071c3d 0%, #0d3a8a 45%, #1668dc 100%);
    --ym-grad-button: linear-gradient(135deg, #1668dc 0%, #2f8ef7 100%);
    --ym-grad-stat: linear-gradient(135deg, #0e4fb3 0%, #1668dc 100%);

    /* 圆角与阴影 */
    --ym-radius: 10px;
    --ym-radius-lg: 16px;
    --ym-shadow-sm: 0 1px 3px rgba(11, 30, 58, .08);
    --ym-shadow-md: 0 6px 20px rgba(11, 30, 58, .10);
    --ym-shadow-lg: 0 12px 36px rgba(11, 30, 58, .16);
    --ym-shadow-glow: 0 0 24px rgba(0, 194, 255, .45);

    /* 字体层级 */
    --ym-font-h1: 44px;
    --ym-font-h2: 30px;
    --ym-font-h3: 20px;
    --ym-font-body: 15px;
    --ym-font-small: 13px;

    /* 统一动效 */
    --ym-ease: cubic-bezier(.22, .61, .36, 1);
}

/* ---------- 二、全局基础重置 ---------- */
body {
    background: var(--ym-bg);
    color: var(--ym-text);
    font-size: var(--ym-font-body);
    -webkit-font-smoothing: antialiased;
}

/* 全站链接色统一 */
a { color: var(--ym-primary); transition: color .18s var(--ym-ease); }
a:hover { color: var(--ym-primary-dark); }

/* 全站标题层级统一 */
h1, h2, h3 { color: var(--ym-ink); letter-spacing: -.01em; }
.commercial-section-heading h2 { font-size: var(--ym-font-h2); font-weight: 700; }
.commercial-section-heading p { color: var(--ym-text-soft); }

/* ---------- 三、顶部导航：毛玻璃吸顶 ---------- */
.site-header {
    background: rgba(255, 255, 255, .82) !important;
    backdrop-filter: saturate(1.6) blur(14px);
    -webkit-backdrop-filter: saturate(1.6) blur(14px);
    border-bottom: 1px solid rgba(22, 104, 220, .10);
    box-shadow: var(--ym-shadow-sm);
    position: sticky;
    top: 0;
    z-index: 900;
}

.site-nav a {
    color: var(--ym-text) !important;
    font-weight: 500;
    position: relative;
    transition: color .18s var(--ym-ease);
}
.site-nav a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    width: 0;
    height: 2px;
    border-radius: 2px;
    background: var(--ym-grad-button);
    transition: width .22s var(--ym-ease), left .22s var(--ym-ease);
}
.site-nav a:hover, .site-nav a.is-active { color: var(--ym-primary) !important; }
.site-nav a:hover::after, .site-nav a.is-active::after { width: 100%; left: 0; }

/* 品牌区文字 */
.brand-copy strong, .brand-copy span { color: var(--ym-ink); }

/* 顶部动作按钮 */
.header-action, .header-download-link, .header-demo-link {
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all .18s var(--ym-ease);
}
.header-demo-link {
    background: var(--ym-grad-button) !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(22, 104, 220, .30);
    padding: 8px 16px !important;
}
.header-demo-link:hover { transform: translateY(-1px); box-shadow: 0 6px 18px rgba(22, 104, 220, .40); }
.header-download-link {
    border: 1px solid var(--ym-line) !important;
    color: var(--ym-text) !important;
    padding: 8px 16px !important;
}
.header-download-link:hover { border-color: var(--ym-primary) !important; color: var(--ym-primary) !important; }

/* ---------- 四、按钮体系 ---------- */
.commercial-button.is-primary,
.button-primary, .button.button-primary {
    background: var(--ym-grad-button) !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 14px rgba(22, 104, 220, .32);
    transition: transform .18s var(--ym-ease), box-shadow .18s var(--ym-ease), filter .18s var(--ym-ease);
}
.commercial-button.is-primary:hover,
.button-primary:hover, .button.button-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(22, 104, 220, .42);
    filter: brightness(1.06);
}

.commercial-button.is-ghost,
.button-outline, .button.button-outline {
    background: transparent !important;
    color: var(--ym-primary) !important;
    border: 1.5px solid rgba(22, 104, 220, .45) !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    transition: all .18s var(--ym-ease);
}
.commercial-button.is-ghost:hover,
.button-outline:hover, .button.button-outline:hover {
    background: var(--ym-primary-light) !important;
    border-color: var(--ym-primary) !important;
}

/* 次级/浅色按钮 */
.button-light, .button.button-light {
    border-radius: 8px !important;
}

/* 文本按钮 */
.text-button { color: var(--ym-primary) !important; }

/* ---------- 五、首页 Hero：深蓝渐变大屏 ---------- */
.commercial-hero-slide {
    background: var(--ym-grad-hero) !important;
    position: relative;
    overflow: hidden;
}

/* hero 背景图片改为弱化纹理，突出渐变 */
.commercial-hero-slide > img {
    opacity: .16 !important;
    filter: saturate(1.2) contrast(1.05);
    mix-blend-mode: luminosity;
}

/* 渐变上的光效：两团辉光 */
.commercial-hero-slide::before,
.commercial-hero-slide::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}
.commercial-hero-slide::before {
    width: 560px; height: 560px;
    right: -120px; top: -180px;
    background: radial-gradient(circle, rgba(0, 194, 255, .28) 0%, transparent 65%);
}
.commercial-hero-slide::after {
    width: 420px; height: 420px;
    left: -100px; bottom: -160px;
    background: radial-gradient(circle, rgba(47, 142, 247, .22) 0%, transparent 65%);
}

/* hero 蒙层融入渐变 */
.commercial-hero-overlay {
    background: linear-gradient(90deg, rgba(7, 28, 61, .55) 0%, rgba(7, 28, 61, .20) 60%, rgba(7, 28, 61, .45) 100%) !important;
}

/* hero 文案 */
.commercial-hero-copy h1 {
    color: #fff !important;
    font-size: var(--ym-font-h1) !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 18px rgba(7, 28, 61, .45);
    line-height: 1.25;
}
.commercial-eyebrow {
    color: var(--ym-accent) !important;
    letter-spacing: .18em;
    font-weight: 600;
    text-transform: uppercase;
}
.commercial-hero-summary {
    color: rgba(255, 255, 255, .88) !important;
    font-size: 16px;
    max-width: 560px;
}

/* hero 特性点标签：半透明胶囊 */
.commercial-hero-points span {
    background: rgba(255, 255, 255, .12) !important;
    color: rgba(255, 255, 255, .95) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    backdrop-filter: blur(6px);
    border-radius: 999px !important;
    padding: 6px 16px !important;
    font-size: 13px !important;
}

/* hero 按钮：白底主按钮 + 描边幽灵按钮（深底上更醒目） */
.commercial-hero-actions .commercial-button.is-primary {
    background: #fff !important;
    color: var(--ym-primary) !important;
    box-shadow: 0 6px 20px rgba(7, 28, 61, .35);
}
.commercial-hero-actions .commercial-button.is-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(7, 28, 61, .45);
}
.commercial-hero-actions .commercial-button.is-ghost {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .55) !important;
    background: rgba(255, 255, 255, .08) !important;
}
.commercial-hero-actions .commercial-button.is-ghost:hover {
    background: rgba(255, 255, 255, .16) !important;
    border-color: #fff !important;
}

/* hero 右侧统计卡：玻璃卡片 + 发光数字 */
.commercial-hero-product {
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .20) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-radius: var(--ym-radius-lg) !important;
    box-shadow: 0 16px 44px rgba(7, 28, 61, .35) !important;
    padding: 26px 28px !important;
}
.commercial-hero-product span { color: rgba(255, 255, 255, .75) !important; }
.commercial-hero-product strong { color: #fff !important; font-size: 20px !important; }
.commercial-hero-product p { color: rgba(255, 255, 255, .72) !important; }
.commercial-hero-product dt {
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0 18px rgba(0, 194, 255, .55);
}
.commercial-hero-product dd { color: rgba(255, 255, 255, .68) !important; font-size: 13px !important; }

/* hero 轮播圆点 */
.commercial-hero-dots button {
    background: rgba(255, 255, 255, .35) !important;
    transition: all .2s var(--ym-ease);
}
.commercial-hero-dots button.is-active {
    background: var(--ym-accent) !important;
    box-shadow: var(--ym-shadow-glow);
    width: 26px !important;
    border-radius: 999px !important;
}

/* ---------- 六、信任条（hero 下方） ---------- */
.commercial-trust-strip {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius-lg) !important;
    box-shadow: var(--ym-shadow-md) !important;
    padding: 20px 32px !important;
}
.commercial-trust-strip strong { color: var(--ym-ink) !important; }
.commercial-trust-strip span { color: var(--ym-text-soft) !important; }

/* ---------- 七、快捷工具区（八宫格入口） ---------- */
.commercial-quick-tools {
    gap: 14px !important;
}
.commercial-quick-tools a {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
    padding: 18px 20px !important;
    transition: transform .2s var(--ym-ease), box-shadow .2s var(--ym-ease), border-color .2s var(--ym-ease);
    position: relative;
    overflow: hidden;
}
/* 卡片顶部品牌色条 */
.commercial-quick-tools a::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--ym-grad-button);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .25s var(--ym-ease);
}
.commercial-quick-tools a:hover {
    transform: translateY(-4px);
    box-shadow: var(--ym-shadow-lg) !important;
    border-color: rgba(22, 104, 220, .35) !important;
}
.commercial-quick-tools a:hover::before { transform: scaleX(1); }
.commercial-quick-tools a strong { color: var(--ym-ink) !important; font-size: 15px !important; }
.commercial-quick-tools a small { color: var(--ym-text-soft) !important; }
/* 快捷区 SVG 图标统一主色 */
.commercial-quick-tools a svg { color: var(--ym-primary) !important; }

/* ---------- 八、产品卡片网格 ---------- */
.commercial-product-grid { gap: 18px !important; }
.commercial-product-card {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
    overflow: hidden;
    transition: transform .22s var(--ym-ease), box-shadow .22s var(--ym-ease), border-color .22s var(--ym-ease);
    position: relative;
}
.commercial-product-card::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 3px;
    background: var(--card-color, var(--ym-primary));
    opacity: .85;
    z-index: 1;
}
.commercial-product-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--ym-shadow-lg) !important;
    border-color: rgba(22, 104, 220, .30) !important;
}
.commercial-product-card strong { color: var(--ym-ink) !important; }
.commercial-product-card b { color: var(--ym-primary) !important; }
.commercial-product-card p { color: var(--ym-text-soft) !important; }
.commercial-product-card small { color: var(--ym-text-soft) !important; }

/* ---------- 九、各内容区块（section） ---------- */
.commercial-section { padding: 72px 0 !important; }

/* 精选产品区 */
.commercial-featured-product {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius-lg) !important;
    box-shadow: var(--ym-shadow-md) !important;
    overflow: hidden;
}
.commercial-featured-copy h2 { color: var(--ym-ink) !important; }
.commercial-featured-copy ul li { color: var(--ym-text) !important; }

/* 交付方法（developer showcase） */
.commercial-developer-showcase {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius-lg) !important;
    box-shadow: var(--ym-shadow-md) !important;
}
.commercial-developer-points article {
    background: var(--ym-primary-light) !important;
    border: 1px solid rgba(22, 104, 220, .15) !important;
    border-radius: var(--ym-radius) !important;
    transition: transform .2s var(--ym-ease), box-shadow .2s var(--ym-ease);
}
.commercial-developer-points article:hover {
    transform: translateX(4px);
    box-shadow: var(--ym-shadow-md);
}
.commercial-developer-points strong { color: var(--ym-primary-dark) !important; }
.commercial-developer-points span { color: var(--ym-text) !important; }

/* ---------- 十、解决方案 tabs（深色区） ---------- */
.commercial-solutions {
    background: var(--ym-grad-hero) !important;
    position: relative;
    overflow: hidden;
}
.commercial-solutions::before {
    content: "";
    position: absolute;
    width: 480px; height: 480px;
    right: -140px; top: -140px;
    background: radial-gradient(circle, rgba(0, 194, 255, .18) 0%, transparent 65%);
    pointer-events: none;
}
.commercial-solutions-inner { position: relative; z-index: 1; }
.commercial-solutions .commercial-section-heading h2,
.commercial-solutions .commercial-section-heading.is-light h2 { color: #fff !important; }
.commercial-solutions .commercial-section-heading p { color: rgba(255, 255, 255, .75) !important; }

.commercial-solution-tabs button {
    background: rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .80) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    border-radius: 999px !important;
    backdrop-filter: blur(6px);
    transition: all .2s var(--ym-ease);
}
.commercial-solution-tabs button:hover {
    background: rgba(255, 255, 255, .18) !important;
    color: #fff !important;
}
.commercial-solution-tabs button.is-active {
    background: #fff !important;
    color: var(--ym-primary-dark) !important;
    box-shadow: 0 6px 18px rgba(7, 28, 61, .35);
}

.commercial-solution-panel {
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: var(--ym-radius-lg) !important;
    backdrop-filter: blur(10px);
}
.commercial-solution-panel h3 { color: #fff !important; }
.commercial-solution-panel p { color: rgba(255, 255, 255, .75) !important; }
.commercial-solution-panel span { color: var(--ym-accent) !important; }
.commercial-solution-panel a { color: #fff !important; font-weight: 600; }
.commercial-solution-panel ul li strong { color: #fff !important; }
.commercial-solution-panel ul li small { color: rgba(255, 255, 255, .60) !important; }

/* ---------- 十一、能力网格（strength-grid 六宫格） ---------- */
.commercial-strength-grid { gap: 16px !important; }
.commercial-strength-grid article {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
    padding: 24px !important;
    transition: transform .2s var(--ym-ease), box-shadow .2s var(--ym-ease);
}
.commercial-strength-grid article:hover {
    transform: translateY(-4px);
    box-shadow: var(--ym-shadow-md) !important;
}
.commercial-strength-grid article span {
    color: var(--ym-accent) !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    letter-spacing: .1em;
}
.commercial-strength-grid article strong { color: var(--ym-ink) !important; font-size: 17px !important; }
.commercial-strength-grid article p { color: var(--ym-text-soft) !important; }

/* ---------- 十二、行业场景标签 ---------- */
.commercial-scene-list span {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    color: var(--ym-text) !important;
    border-radius: 999px !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    transition: all .18s var(--ym-ease);
}
.commercial-scene-list span:hover {
    border-color: var(--ym-primary) !important;
    color: var(--ym-primary) !important;
    background: var(--ym-primary-light) !important;
    transform: translateY(-2px);
}

/* ---------- 十三、技术生态列表 ---------- */
.commercial-ecosystem-list { gap: 14px !important; }
.commercial-ecosystem-list article {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    transition: all .2s var(--ym-ease);
}
.commercial-ecosystem-list article:hover {
    border-color: rgba(22, 104, 220, .35) !important;
    box-shadow: var(--ym-shadow-md);
    transform: translateY(-3px);
}
.commercial-ecosystem-list strong { color: var(--ym-primary) !important; font-size: 16px !important; }
.commercial-ecosystem-list span { color: var(--ym-text-soft) !important; }

/* ---------- 十四、最新动态（news） ---------- */
.commercial-news-grid { gap: 18px !important; }
.commercial-news-card {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
    overflow: hidden;
    transition: transform .2s var(--ym-ease), box-shadow .2s var(--ym-ease);
}
.commercial-news-card:hover { transform: translateY(-4px); box-shadow: var(--ym-shadow-lg) !important; }
.commercial-news-card b { color: var(--ym-ink) !important; }
.commercial-news-card p { color: var(--ym-text-soft) !important; }
.commercial-news-card time { color: var(--ym-text-soft) !important; }
.commercial-news-card footer span {
    background: var(--ym-primary-light) !important;
    color: var(--ym-primary-dark) !important;
    border-radius: 6px !important;
}

/* ---------- 十五、页脚 ---------- */
.site-footer {
    background: #071c3d !important;
    color: rgba(255, 255, 255, .72);
    border-top: 3px solid transparent;
    border-image: var(--ym-grad-button) 1;
}
.site-footer strong { color: #fff !important; }
.site-footer a { color: rgba(255, 255, 255, .72) !important; }
.site-footer a:hover { color: var(--ym-accent) !important; }
.footer-brand p, .footer-brand span { color: rgba(255, 255, 255, .65) !important; }
.footer-support p { color: rgba(255, 255, 255, .85) !important; }
.footer-support a { color: var(--ym-accent) !important; font-weight: 600 !important; }
.footer-copyright { color: rgba(255, 255, 255, .45) !important; border-top: 1px solid rgba(255, 255, 255, .10) !important; }

/* =====================================================================
   第三部分：内页样式（产品页 / 社区 / 应用市场 / 客户中心）
   ===================================================================== */

/* ---------- 十六、产品中心页 ---------- */
.product-catalog-hero {
    background: var(--ym-grad-hero) !important;
    position: relative;
    overflow: hidden;
}
.product-catalog-hero::before {
    content: "";
    position: absolute;
    width: 420px; height: 420px;
    right: -100px; top: -140px;
    background: radial-gradient(circle, rgba(0, 194, 255, .22) 0%, transparent 65%);
    pointer-events: none;
}
.product-catalog-hero h1, .product-catalog-hero-copy h1 { color: #fff !important; }
.product-catalog-hero p, .product-catalog-hero-copy p { color: rgba(255, 255, 255, .78) !important; }

/* 产品目录卡片 */
.product-catalog-card {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
    transition: transform .2s var(--ym-ease), box-shadow .2s var(--ym-ease), border-color .2s var(--ym-ease);
}
.product-catalog-card:hover {
    transform: translateY(-5px);
    box-shadow: var(--ym-shadow-lg) !important;
    border-color: rgba(22, 104, 220, .30) !important;
}

/* 分类 tabs */
.product-category-tabs a, .product-category-tabs button {
    border-radius: 999px !important;
    transition: all .18s var(--ym-ease);
}

/* ---------- 十七、产品详情页 ---------- */
.product-detail-hero-2070 {
    background: var(--ym-grad-hero) !important;
    position: relative;
    overflow: hidden;
}
.product-detail-hero-2070::before {
    content: "";
    position: absolute;
    width: 460px; height: 460px;
    right: -120px; bottom: -160px;
    background: radial-gradient(circle, rgba(0, 194, 255, .20) 0%, transparent 65%);
    pointer-events: none;
}
.product-detail-hero-copy-2070 h1 { color: #fff !important; }
.product-detail-hero-copy-2070 p { color: rgba(255, 255, 255, .78) !important; }

/* 套餐卡片：推荐方案高亮 */
.purchase-plan-card, .product-plan-grid-2070 > article {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
    transition: transform .2s var(--ym-ease), box-shadow .2s var(--ym-ease), border-color .2s var(--ym-ease);
}
.purchase-plan-card:hover, .product-plan-grid-2070 > article:hover {
    transform: translateY(-4px);
    box-shadow: var(--ym-shadow-md) !important;
    border-color: rgba(22, 104, 220, .35) !important;
}
.product-plan-price-2070 { color: var(--ym-primary) !important; }

/* 产品锚点导航 */
.product-anchor-nav-2070 {
    background: rgba(255, 255, 255, .88) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--ym-line) !important;
}
.product-anchor-nav-2070 a.is-active { color: var(--ym-primary) !important; }

/* ---------- 十八、社区页 ---------- */
.community-home-hero, .community-modern-heading {
    background: var(--ym-grad-hero) !important;
    border-radius: var(--ym-radius-lg) !important;
    position: relative;
    overflow: hidden;
}
.community-home-hero::before, .community-modern-heading::before {
    content: "";
    position: absolute;
    width: 400px; height: 400px;
    right: -120px; top: -140px;
    background: radial-gradient(circle, rgba(0, 194, 255, .22) 0%, transparent 65%);
    pointer-events: none;
}
.community-home-hero h1, .community-modern-heading h1 { color: #fff !important; }
.community-home-hero p { color: rgba(255, 255, 255, .75) !important; }

/* 社区帖子列表 */
.community-modern-feed, .community-modern-article, .community-modern-guide {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
    transition: transform .2s var(--ym-ease), box-shadow .2s var(--ym-ease);
}
.community-modern-feed:hover, .community-modern-article:hover {
    box-shadow: var(--ym-shadow-md) !important;
    transform: translateY(-2px);
}
.community-modern-article-author strong { color: var(--ym-ink) !important; }
.community-modern-article-tags a, .community-modern-article-tags span {
    background: var(--ym-primary-light) !important;
    color: var(--ym-primary-dark) !important;
    border-radius: 6px !important;
}
.community-modern-channels span, .community-modern-channels a {
    border-radius: 8px !important;
    transition: all .18s var(--ym-ease);
}

/* 社区作者徽章 */
.community-home-badge {
    background: rgba(0, 194, 255, .15) !important;
    color: var(--ym-accent) !important;
    border: 1px solid rgba(0, 194, 255, .30) !important;
    border-radius: 999px !important;
}

/* ---------- 十九、应用市场 / 客户中心 / 卖家中心 ---------- */
/* 市场外壳与商品卡片 */
.market-shell, .marketplace-shell {
    background: transparent !important;
}
.market-catalog-card, .market-app-card, .market-item-card {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
    transition: transform .2s var(--ym-ease), box-shadow .2s var(--ym-ease);
}
.market-catalog-card:hover, .market-app-card:hover, .market-item-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--ym-shadow-md) !important;
}

/* 客户中心面板 */
.customer-panel, .workspace-form, .customer-center .panel {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
}

/* 卖家中心 */
.seller-shell { background: transparent !important; }
.seller-form, .seller-panel, .seller-metrics {
    background: var(--ym-card) !important;
    border: 1px solid var(--ym-line) !important;
    border-radius: var(--ym-radius) !important;
    box-shadow: var(--ym-shadow-sm) !important;
}

/* ---------- 二十、表单控件统一 ---------- */
input[type="text"], input[type="password"], input[type="email"],
input[type="search"], input[type="tel"], input[type="url"],
input[type="number"], select, textarea {
    border: 1.5px solid var(--ym-line) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--ym-ink) !important;
    transition: border-color .18s var(--ym-ease), box-shadow .18s var(--ym-ease);
}
input:focus, select:focus, textarea:focus {
    outline: none !important;
    border-color: var(--ym-primary) !important;
    box-shadow: 0 0 0 3px rgba(22, 104, 220, .14) !important;
}

/* ---------- 二十一、全局滚动条 ---------- */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--ym-bg); }
::-webkit-scrollbar-thumb {
    background: #c3d3e8;
    border-radius: 8px;
    border: 2px solid var(--ym-bg);
}
::-webkit-scrollbar-thumb:hover { background: var(--ym-primary); }

/* ---------- 二十二、选中文字颜色 ---------- */
::selection {
    background: rgba(22, 104, 220, .22);
    color: var(--ym-ink);
}

/* ---------- 二十三、入场动画（轻量淡入） ---------- */
@keyframes ym-fade-up {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: translateY(0); }
}
.commercial-trust-strip,
.commercial-quick-tools,
.commercial-product-grid,
.commercial-featured-product,
.commercial-strength-grid,
.commercial-ecosystem-list,
.commercial-news-grid {
    animation: ym-fade-up .5s var(--ym-ease) both;
}

/* ---------- 二十四、响应式微调 ---------- */
@media (max-width: 768px) {
    :root {
        --ym-font-h1: 30px;
        --ym-font-h2: 24px;
        --ym-font-h3: 18px;
    }
    .commercial-section { padding: 48px 0 !important; }
    .commercial-hero-product dt { font-size: 24px !important; }
    .commercial-hero-copy h1 { font-size: 30px !important; }
    .commercial-hero-slide::before { width: 320px; height: 320px; }
    .commercial-hero-slide::after { width: 240px; height: 240px; }
}

/* ---------- 二十五、可访问性：减弱动效偏好 ---------- */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}