wecom-fullstack
3b8925d317
白名单只含 158 件：privacy.html、terms.html 新建；156 个页面插入合规页脚链； index.html 咨询弹窗加同意复选框（默认不勾 + JS 拦截）。 他人未提交 hunk（articles/perspective 等）未纳入本提交。
207 lines
14 KiB
HTML
207 lines
14 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>CMA · 诸葛亮的账房，刘备的江山 — 陕西博海网络科技</title>
|
|
<meta name="description" content="CMA是一套给老板配的诸葛亮——把公司的账、数、事理得清清楚楚，把该拍板的送到你面前。你只需要做刘备做的事：拍板、用人、定方向。">
|
|
<link rel="preconnect" href="https://fonts.loli.net">
|
|
<link rel="preconnect" href="https://gstatic.loli.net" crossorigin>
|
|
<link href="https://fonts.loli.net/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap" rel="stylesheet">
|
|
<style>
|
|
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
|
|
body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#f8fafc;color:#0a132e;line-height:1.7}
|
|
header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid #e2e8f0}
|
|
.header-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:68px}
|
|
.logo{font-size:20px;font-weight:700;color:#0f1f4a;display:flex;align-items:center;gap:12px;text-decoration:none}
|
|
.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#1a3380,#06b6d4);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700}
|
|
nav{display:flex;gap:32px}
|
|
nav a{color:#475569;text-decoration:none;font-size:14px;font-weight:500;padding:4px 0}
|
|
nav a:hover{color:#0f1f4a}
|
|
.hero{background:linear-gradient(135deg,#0a132e,#0f1f4a 40%,#1a3380);color:#fff;padding:120px 24px 90px;text-align:center;position:relative;overflow:hidden}
|
|
.hero::before{content:"";position:absolute;top:-30%;right:-20%;width:60%;height:150%;background:radial-gradient(ellipse,rgba(6,182,212,.18),transparent 70%)}
|
|
.hero::after{content:"";position:absolute;bottom:-40%;left:-15%;width:55%;height:140%;background:radial-gradient(ellipse,rgba(251,191,36,.10),transparent 70%)}
|
|
.hero-inner{max-width:960px;margin:0 auto;position:relative;z-index:2}
|
|
.badge{display:inline-block;padding:6px 16px;border-radius:20px;background:rgba(255,255,255,.1);font-size:13px;margin-bottom:20px;border:1px solid rgba(255,255,255,.15)}
|
|
.hero h1{font-family:"Noto Serif SC",serif;font-size:46px;font-weight:700;line-height:1.3;margin-bottom:16px}
|
|
.hero h1 .gold{color:#fbbf24}
|
|
.hero .lead{font-size:19px;color:rgba(255,255,255,.78);max-width:720px;margin:0 auto 36px;line-height:1.8}
|
|
.hero .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
|
|
.hero .tags span{padding:8px 16px;border-radius:8px;font-size:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12)}
|
|
.section{max-width:1080px;margin:0 auto;padding:80px 24px}
|
|
.section-label{font-size:13px;font-weight:600;color:#06b6d4;letter-spacing:3px;margin-bottom:12px}
|
|
.section-title{font-family:"Noto Serif SC",serif;font-size:30px;font-weight:700;margin-bottom:16px;color:#0a132e}
|
|
.section-desc{font-size:16px;color:#64748b;margin-bottom:40px;line-height:1.8}
|
|
.quote-card{background:linear-gradient(135deg,#0f1f4a,#1a3380);color:#fff;border-radius:16px;padding:40px;font-family:"Noto Serif SC",serif;font-size:20px;line-height:1.9;position:relative;margin-bottom:16px}
|
|
.quote-card .q-mark{position:absolute;top:16px;left:24px;font-size:64px;color:rgba(251,191,36,.3);font-family:Georgia,serif}
|
|
.quote-card p{position:relative;z-index:1}
|
|
.pain-box{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #f59e0b;border-radius:12px;padding:28px 32px;margin:32px 0}
|
|
.pain-box h4{color:#92400e;font-size:16px;margin-bottom:12px;font-weight:600}
|
|
.pain-box p{color:#475569;font-size:15px;line-height:1.9}
|
|
.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0;background:#fff}
|
|
table{width:100%;border-collapse:collapse}
|
|
th{background:#0f1f4a;color:#fff;padding:14px 18px;text-align:left;font-size:14px;font-weight:600}
|
|
td{padding:16px 18px;border-top:1px solid #eef2f7;font-size:15px;vertical-align:top}
|
|
td:first-child{font-weight:600;color:#0f1f4a;white-space:nowrap}
|
|
tr:nth-child(even) td{background:#f8fafc}
|
|
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}
|
|
.feature{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:28px;transition:all .3s}
|
|
.feature:hover{box-shadow:0 8px 24px rgba(0,0,0,.08);transform:translateY(-2px)}
|
|
.feature .icon{font-size:32px;margin-bottom:12px;display:block}
|
|
.feature h3{font-family:"Noto Serif SC",serif;font-size:18px;font-weight:600;margin-bottom:10px}
|
|
.feature p{font-size:14px;color:#64748b;line-height:1.8}
|
|
.philosophy{background:linear-gradient(135deg,#0a132e,#0f1f4a);color:#fff;border-radius:16px;padding:48px;margin-top:40px}
|
|
.philosophy h3{font-family:"Noto Serif SC",serif;font-size:24px;margin-bottom:16px;color:#fbbf24}
|
|
.philosophy p{color:rgba(255,255,255,.85);font-size:16px;line-height:2}
|
|
.philosophy .key{font-size:18px;color:#fff;font-weight:600;margin-top:16px}
|
|
.banner-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:32px}
|
|
.banner-item{background:#fff;border:1px dashed #cbd5e1;border-radius:12px;padding:20px;font-size:13px;color:#475569}
|
|
.banner-item .tag{font-size:12px;color:#06b6d4;font-weight:600;margin-bottom:8px;letter-spacing:1px}
|
|
.banner-item .text{font-family:"Noto Serif SC",serif;font-size:15px;line-height:1.8;color:#0a132e}
|
|
.cta-section{background:linear-gradient(135deg,#0a132e,#1a3380);color:#fff;text-align:center;padding:64px 24px}
|
|
.cta-section h2{font-family:"Noto Serif SC",serif;font-size:28px;margin-bottom:16px}
|
|
.cta-section p{font-size:15px;color:rgba(255,255,255,.6);max-width:640px;margin:0 auto 28px;line-height:1.8}
|
|
.cta-section .btn{display:inline-block;padding:14px 40px;border-radius:8px;background:#fbbf24;color:#0f1f4a;font-size:16px;font-weight:600;text-decoration:none}
|
|
.cta-section .note{margin-top:14px;font-size:12px;color:rgba(255,255,255,.4)}
|
|
footer{background:#0a132e;color:rgba(255,255,255,.5);text-align:center;padding:32px 24px;font-size:13px}
|
|
footer .brand{margin-bottom:8px;color:rgba(255,255,255,.7);font-family:"Noto Serif SC",serif}
|
|
@media (max-width:768px){.hero{padding:100px 16px 70px}.hero h1{font-size:30px}.hero .lead{font-size:16px}.section{padding:56px 16px}.two-col{grid-template-columns:1fr}.quote-card{padding:28px;font-size:17px}.philosophy{padding:32px}}
|
|
</style>
|
|
<link rel="canonical" href="https://sxbh.ltd/products/cma-zhugeliang.html">
|
|
<link rel="icon" href="/favicon.ico" sizes="any">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div class="header-inner">
|
|
<a class="logo" href="/"><div class="logo-icon">博</div>博海网络</a>
|
|
<nav>
|
|
<a href="/">首页</a>
|
|
<a href="/products/cma-zhugeliang.html">CMA</a>
|
|
<a href="/perspective/">博海视角</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="hero">
|
|
<div class="hero-inner">
|
|
<div class="badge">CMA 管理会计决策系统</div>
|
|
<h1>诸葛亮的账房，<span class="gold">刘备的江山</span></h1>
|
|
<p class="lead">CMA是一套给老板配的"诸葛亮"——它把公司的账、数、事理得清清楚楚，把该拍板的送到你面前，把不该操心的全替你管了。你只需要做刘备做的事：拍板、用人、定方向。</p>
|
|
<div class="tags">
|
|
<span>看得清 · 账目口径统一</span>
|
|
<span>算得准 · 粮草心里有数</span>
|
|
<span>想得透 · 问题提前预警</span>
|
|
<span>管得住 · 决策有据可查</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="pain">
|
|
<div class="section-label">WHY</div>
|
|
<h2 class="section-title">老板最累的事，不是干活，是心里没底</h2>
|
|
<p class="section-desc">账目乱不乱、钱够不够花、哪个业务在亏、下个月该押注哪头——很多老板每天被报表淹没，却没人告诉他"这意味着什么、该怎么办"。</p>
|
|
<div class="pain-box">
|
|
<h4>三个常见的真相</h4>
|
|
<p>账面毛利 0.13%，调整口径后却是 51.4%——不是没钱，是账目口径乱得让银行看不懂；渠补率吃掉净收入，预算偏差到 +1024% 才被发现——不是没风险，是没人提前说；报表一堆，拍板无据——不是没数据，是数据没变成决策。</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="narrative">
|
|
<div class="section-label">WHAT</div>
|
|
<h2 class="section-title">CMA是什么？给老板配一个诸葛亮</h2>
|
|
<div class="quote-card">
|
|
<span class="q-mark">"</span>
|
|
<p>诸葛亮打仗前干什么？看地形、算粮草、判敌情、出锦囊——他不替刘备拍板，但他把"该知道的事"全摸清了，把"该怎么办"的方案摆在案头。刘备要做的，是拍板：打，还是不打；押，还是不押。</p>
|
|
</div>
|
|
<p class="section-desc">CMA就是这个"诸葛亮的账房"：它管粮草（预算和现金流）、判敌情（数据找人和预警）、出锦囊（决策建议）、立规矩（审计和治理）。老板要做的，还是刘备那三件事——拍板、用人、定方向。</p>
|
|
|
|
<div class="table-wrap">
|
|
<table>
|
|
<tr><th>诸葛亮的本事</th><th>CMA对应</th><th>给老板什么</th></tr>
|
|
<tr><td>看地形（看得清）</td><td>数据接入 + 主数据治理</td><td>账目口径统一，不再两本账</td></tr>
|
|
<tr><td>算粮草（算得准）</td><td>预算 + 现金 + 应收管理</td><td>钱够不够花，心里有数</td></tr>
|
|
<tr><td>判敌情（想得透）</td><td>数据找人 + 预警 + 预测</td><td>问题还没爆就提前知道</td></tr>
|
|
<tr><td>出锦囊（给建议）</td><td>决策闭环（建议→应用→留痕）</td><td>方案摆在面前，一键应用</td></tr>
|
|
<tr><td>立法度（管得住）</td><td>审计 + 权限 + 治理</td><td>每笔决策可追溯，谁拍板谁负责</td></tr>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="capabilities">
|
|
<div class="section-label">HOW</div>
|
|
<h2 class="section-title">四件事，把"心里没底"变成"心里有谱"</h2>
|
|
<div class="two-col">
|
|
<div class="feature">
|
|
<span class="icon">🗺️</span>
|
|
<h3>看得清：源头治理</h3>
|
|
<p>账目口径统一是地基。DAMA式数据治理，8项平衡校验全过，异常科目自动标记。刘备的账，诸葛亮心里有本谱——不是"账上有数"，是"数上有谱"。</p>
|
|
</div>
|
|
<div class="feature">
|
|
<span class="icon">🌾</span>
|
|
<h3>算得准：粮草管理</h3>
|
|
<p>预算24个API闭环、账龄30/60/90分桶、gap-forecast预测。粮草官的本事，是把"钱够不够花"从感觉变成数字，把"应收账款"从清单变成催收节奏。</p>
|
|
</div>
|
|
<div class="feature">
|
|
<span class="icon">🔭</span>
|
|
<h3>想得透：数据找人</h3>
|
|
<p>不让你天天盯报表，让数据来找你。KPI向好、预算余量、滚动机会、异常偏离——问题还没爆，预警先到。渠补率+1024%这种偏离，第一时间触发critical告警。</p>
|
|
</div>
|
|
<div class="feature">
|
|
<span class="icon">📜</span>
|
|
<h3>管得住：决策闭环</h3>
|
|
<p>AI建议→一键应用→写库留痕，L1-L4权限分级，高危操作approval-gate拦截。出了锦囊，还要立规矩——每笔决策可追溯，谁拍板谁负责。</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="philosophy">
|
|
<h3>我们的分工哲学</h3>
|
|
<p>系统永远不抢老板拍板的权——恰恰相反，它让老板拍得更准。诸葛亮再聪明，也得刘备点头才能出兵；CMA再智能，最后"行还是不行"永远是你说了算。</p>
|
|
<p class="key">系统当诸葛亮，老板当刘备，各司其职，日拱一卒。</p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section" id="copy">
|
|
<div class="section-label">COPY</div>
|
|
<h2 class="section-title">一句话素材（可直接用于 Banner / 朋友圈 / 提案首页）</h2>
|
|
<div class="banner-strip">
|
|
<div class="banner-item">
|
|
<div class="tag">30秒版</div>
|
|
<div class="text">CMA是一套给老板配的诸葛亮——账、数、事理得清清楚楚，该拍板的送到面前，不该操心的全替你管了。你只管拍板、用人、定方向。</div>
|
|
</div>
|
|
<div class="banner-item">
|
|
<div class="tag">3分钟版</div>
|
|
<div class="text">看地形、算粮草、判敌情、出锦囊、立法度——五样本事，对应CMA五个能力：看得清、算得准、想得透、给建议、管得住。诸葛亮不替刘备出兵，CMA不替老板拍板。</div>
|
|
</div>
|
|
<div class="banner-item">
|
|
<div class="tag">Banner主文案</div>
|
|
<div class="text">诸葛亮的账房，刘备的江山。给老板配个诸葛亮。</div>
|
|
</div>
|
|
<div class="banner-item">
|
|
<div class="tag">信任背书</div>
|
|
<div class="text">不是又一个记账软件，是决策支持系统。数据说话，决策留痕——这正是投资方看重的治理能力。</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="cta-section">
|
|
<h2>给老板配个诸葛亮</h2>
|
|
<p>首期试点成本价，先看效果。把该知道的告诉你，决策权在你。</p>
|
|
<a class="btn" href="tel:0912-4223980">联系博海网络</a>
|
|
<div class="note">陕西博海网络科技 · 一切皆如 · 系统当诸葛亮，老板当刘备</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<div class="brand">一切皆如 · 博海网络</div>
|
|
<div>陕西博海网络科技有限公司 · sxbh.ltd</div>
|
|
<!-- sxbh-legal-links -->
|
|
<div style="margin-top:8px;">
|
|
<a href="/privacy.html" style="color:#9fc7d8;">隐私政策</a>
|
|
<span style="margin:0 10px;color:rgba(255,255,255,.35);">|</span>
|
|
<a href="/terms.html" style="color:#9fc7d8;">服务条款</a>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|