关于青木数据启动“免预存代理KPI考核新策略”的公告

2026-02-20 徐佳慧阅读 409

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, viewport-fit=cover">
    <title>青木数据 · 新考核策略通知</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
        }
        body {
            background-color: #f2f4f8;
            display: block; /* 移除flex垂直居中，避免干扰外部容器 */
            padding: clamp(0.8rem, 3vw, 2rem) clamp(0.6rem, 2.5vw, 1rem);
            min-height: auto;
        }
        .email-container {
            max-width: 680px;
            width: 100%;
            margin: 0 auto;
            background-color: #ffffff;
            border-radius: 20px;
            box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            border: 1px solid #eaedf2;
        }
        .header {
            background: linear-gradient(135deg, #0b2b3d 0%, #1a4b5f 100%);
            padding: clamp(1.5rem, 5vw, 2rem) clamp(1.2rem, 4vw, 1.875rem) clamp(1.2rem, 4vw, 1.375rem);
            color: white;
        }
        .header h1 {
            font-size: clamp(1.4rem, 5.5vw, 1.625rem);
            font-weight: 600;
            letter-spacing: 1px;
            margin-bottom: 6px;
            display: flex;
            align-items: center;
            flex-wrap: wrap;
            gap: 8px;
        }
        .header h1 span {
            background: rgba(255,255,255,0.15);
            font-size: clamp(0.7rem, 2.5vw, 1rem);
            padding: 4px 12px;
            border-radius: 40px;
            font-weight: 400;
            margin-left: 0;
        }
        .header .date-tag {
            font-size: clamp(0.8rem, 2.8vw, 0.9375rem);
            opacity: 0.85;
            display: flex;
            align-items: center;
            gap: 6px;
            flex-wrap: wrap;
        }
        .header .website-link {
            margin-top: 12px;
            font-size: clamp(0.75rem, 2.5vw, 0.875rem);
            word-break: break-word;
        }
        .header .website-link a {
            color: white;
            text-decoration: none;
            border-bottom: 1px dotted rgba(255,255,255,0.5);
            padding-bottom: 2px;
        }
        .content {
            padding: clamp(1.2rem, 4vw, 2.1875rem) clamp(1rem, 3.5vw, 1.875rem) clamp(1rem, 3.5vw, 1.875rem);
            color: #1e2f3e;
        }
        .greeting {
            font-size: clamp(1rem, 3.5vw, 1.125rem);
            font-weight: 500;
            margin-bottom: 20px;
            padding-bottom: 12px;
            border-bottom: 2px solid #e6edf4;
            color: #0b2b3d;
        }
        .paragraph {
            font-size: clamp(0.85rem, 3vw, 0.9375rem);
            line-height: 1.7;
            margin-bottom: 22px;
            color: #2a4050;
            word-break: break-word;
        }
        .highlight-block {
            background-color: #f8fbfe;
            border-left: 5px solid #2f7b8c;
            padding: 16px 22px;
            border-radius: 0 14px 14px 0;
            margin: 28px 0;
        }
        .highlight-block p {
            margin-bottom: 6px;
            font-weight: 500;
            color: #0b2b3d;
        }
        .table-wrapper {
            overflow-x: auto;
            margin: 30px 0 20px 0;
            border-radius: 16px;
            border: 1px solid #dde5ed;
            background: white;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            font-size: clamp(0.8rem, 2.8vw, 0.9375rem);
            min-width: 420px;
        }
        th {
            background-color: #eef3f9;
            color: #1a3b47;
            font-weight: 600;
            padding: clamp(0.6rem, 2vw, 1rem) clamp(0.6rem, 2vw, 0.875rem);
            border-bottom: 1px solid #cbd7e4;
            text-align: left;
        }
        td {
            padding: clamp(0.6rem, 2vw, 1rem) clamp(0.6rem, 2vw, 0.875rem);
            border-bottom: 1px solid #e6ecf3;
            color: #1f3849;
        }
        tr:last-child td {
            border-bottom: none;
        }
        .grade-cell {
            font-weight: 600;
            color: #0b3b4a;
            white-space: nowrap;
        }
        .badge-or {
            background-color: #e6f0f3;
            color: #146b7e;
            font-weight: 600;
            font-size: clamp(0.7rem, 2.2vw, 0.8125rem);
            padding: 4px 10px;
            border-radius: 30px;
            display: inline-block;
            margin: 0 4px;
            white-space: nowrap;
        }
        .note-list {
            background-color: #f6f9fc;
            padding: clamp(1rem, 3vw, 1.375rem) clamp(1rem, 3vw, 1.5625rem);
            border-radius: 18px;
            margin: 25px 0 20px 0;
            border: 1px solid #dde9f2;
        }
        .note-list li {
            list-style: none;
            margin-bottom: 14px;
            display: flex;
            gap: 12px;
            font-size: clamp(0.85rem, 3vw, 0.9375rem);
            color: #1e384a;
            word-break: break-word;
        }
        .note-list li:last-child {
            margin-bottom: 0;
        }
        .note-marker {
            display: inline-block;
            background-color: #2f7b8c;
            color: white;
            min-width: 22px;
            height: 22px;
            border-radius: 30px;
            text-align: center;
            line-height: 22px;
            font-size: 14px;
            font-weight: 600;
            flex-shrink: 0;
            margin-top: 2px;
        }
        .timeline-box {
            background-color: #f2f2f2;
            background: linear-gradient(145deg, #f2f7fa, #ffffff);
            border-radius: 20px;
            padding: clamp(1rem, 3vw, 1.125rem) clamp(1rem, 3vw, 1.5625rem);
            margin: 32px 0 20px;
            border: 1px solid #cde0e9;
        }
        .timeline-row {
            display: flex;
            align-items: baseline;
            flex-wrap: wrap;
            gap: 12px 20px;
            margin-bottom: 10px;
        }
        .timeline-date {
            background: #0b2b3d;
            color: white;
            font-weight: 600;
            padding: 6px 18px;
            border-radius: 40px;
            font-size: clamp(0.8rem, 2.8vw, 0.9375rem);
            letter-spacing: 0.3px;
            white-space: nowrap;
        }
        .timeline-desc {
            font-size: clamp(0.85rem, 3vw, 0.96875rem);
            color: #0b2b3d;
            font-weight: 500;
            word-break: break-word;
        }
        .divider-light {
            height: 1px;
            background: linear-gradient(to right, #cbdde9, transparent);
            margin: 30px 0 20px 0;
        }
        .footer-thanks {
            background: #ecf3f8;
            margin: 30px -1.875rem 0 -1.875rem;
            padding: clamp(1.2rem, 4vw, 1.5625rem) clamp(1rem, 3.5vw, 1.875rem);
            border-radius: 30px 30px 0 0;
            color: #1f3f50;
        }
        @media (max-width: 480px) {
            .footer-thanks {
                margin-left: -1rem;
                margin-right: -1rem;
                border-radius: 20px 20px 0 0;
            }
        }
        .contact-line {
            display: flex;
            align-items: center;
            gap: 15px;
            flex-wrap: wrap;
            margin: 18px 0 8px 0;
        }
        .contact-chip {
            background: white;
            border-radius: 50px;
            padding: 8px 22px;
            box-shadow: 0 2px 6px rgba(0,0,0,0.02);
            font-weight: 500;
            border: 1px solid #b9d1de;
            color: #0f4052;
            font-size: clamp(0.8rem, 2.8vw, 0.9375rem);
            word-break: break-word;
        }
        .contact-chip a {
            color: #0f4052;
            text-decoration: none;
        }
        .contact-chip a:hover {
            text-decoration: underline;
        }
        .signature {
            margin-top: 25px;
            font-weight: 500;
            border-left: 4px solid #2f7b8c;
            padding-left: 22px;
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%232f7b8c" stroke-width="2"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>') no-repeat left 6px;
            background-size: 18px;
        }
        .signature div {
            margin-left: 28px;
        }
        .small-note {
            font-size: clamp(0.7rem, 2.5vw, 0.84375rem);
            color: #57758a;
            margin-top: 15px;
        }
        hr {
            border: none;
            border-top: 2px dotted #a6c0d2;
            margin: 20px 0;
        }
        .official-site {
            margin-top: 10px;
            font-size: clamp(0.8rem, 2.8vw, 0.9375rem);
            word-break: break-word;
        }
        .official-site a {
            color: #0b2b3d;
            text-decoration: underline;
            font-weight: 500;
        }
        /* 窄屏额外优化 */
        @media (max-width: 480px) {
            .timeline-row {
                flex-direction: column;
                align-items: flex-start;
                gap: 6px;
            }
            .contact-line {
                flex-direction: column;
                align-items: flex-start;
            }
            table {
                min-width: 320px;
                font-size: 0.8rem;
            }
            .badge-or {
                font-size: 0.7rem;
                padding: 2px 8px;
            }
            .note-list li {
                gap: 8px;
            }
        }
        @media (max-width: 380px) {
            .header h1 {
                font-size: 1.2rem;
            }
            .grade-cell {
                white-space: normal;
            }
        }
    </style>
</head>
<body>
<div class="email-container">
<div class="header">
<h1>🌿 青木数据 新考核策略</h1>
<div class="date-tag">📅 2026年2月20日</div>
<div class="website-link">🔗 官网：<a href="https://www.idctree.com" target="_blank" rel="noopener">www.idctree.com</a></div>
</div>

<div class="content">
<div class="greeting">尊敬的各位合作伙伴：</div>
<p class="paragraph">为了进一步优化合作环境，激发市场活力，实现更加公平、高效的管理，同时也为了降低各位代理伙伴的资金压力，青木数据决定自即日起，正式启动 “免预存代理KPI考核新策略”。</p>
<p class="paragraph">本次考核不再以预存金额作为等级划分依据，而是聚焦于实际的业务运营能力。我们将根据每月的新增实例开通数量及在线实例保有量，对合作商等级进行动态评估与划分。具体考核标准如下：</p>

<div style="font-weight: 600; font-size: clamp(0.95rem, 3.5vw, 1.0625rem); margin: 15px 0 5px 0; color: #0b2b3d;">考核周期</div>
<p class="paragraph" style="margin-top: 0;">按月考核（自然月）。</p>

<div style="font-weight: 600; font-size: clamp(0.95rem, 3.5vw, 1.0625rem); margin: 15px 0 8px 0; color: #0b2b3d;">合作商等级划分标准（由高至低）</div>
<div class="table-wrapper">
<table>
<thead>
<tr>
<th>合作商等级</th>
<th>每月最低新开实例</th>
<th style="text-align: center;">或</th>
<th>每月最低保持在线实例</th>
</tr>
</thead>
<tbody>
<tr>
<td class="grade-cell">钻石合作商</td>
<td>30+ 实例</td>
<td style="text-align: center;"><span class="badge-or">或</span></td>
<td>50+ 在线</td>
</tr>
<tr>
<td class="grade-cell">金牌合作商</td>
<td>5+ 实例</td>
<td style="text-align: center;"><span class="badge-or">或</span></td>
<td>10+ 在线</td>
</tr>
<tr>
<td class="grade-cell">银牌合作商</td>
<td>2+ 实例</td>
<td style="text-align: center;"><span class="badge-or">或</span></td>
<td>5+ 在线</td>
</tr>
</tbody>
</table>
</div>

<div class="note-list">
<ul>
<li><span class="note-marker">1</span> <strong>“新开实例”</strong>：指每个自然月内新开通并激活的有效实例数量。</li>
<li><span class="note-marker">2</span> <strong>“在线实例”</strong>：指每个自然月月底（或考核节点）保持活跃在线状态的实例数量。</li>
<li><span class="note-marker">3</span> <strong>考核逻辑</strong>：以上两项标准为“二选一”机制。即只要满足其中任意一项指标，即可维持或晋升至对应等级的考核标准。若两项均未达到当前等级最低线，则可能面临等级调整。</li>
</ul>
</div>

<div style="font-weight: 600; font-size: clamp(1rem, 3.5vw, 1.125rem); margin: 30px 0 12px 0; color: #0b2b3d;">执行时间与缓冲期</div>

<div class="timeline-box">
<div class="timeline-row"><span class="timeline-date">缓冲期</span> <span class="timeline-desc">为确保各位合作伙伴顺利过渡，特设 <strong>30天考核缓冲期</strong>。自即日（2026年2月20日）起至2026年3月21日，暂不执行严格的等级升降调整，供各位伙伴熟悉规则、调整业务策略。</span></div>
<div class="timeline-row" style="margin-top: 15px;"><span class="timeline-date" style="background: #1a5f6e;">正式执行</span> <span class="timeline-desc">本考核策略将于 <strong>2026年3月22日</strong> 正式生效并全面执行。</span></div>
</div>

<p class="paragraph" style="margin: 28px 0 10px 0;">感谢您一直以来对青木数据的支持与信任！我们期待在新的合作机制下，与各位伙伴携手共进，共创佳绩。</p>
<p class="paragraph" style="margin-bottom: 10px;">如有任何疑问，欢迎随时联系您的专属客户经理或咨询客服热线。</p>

<div class="footer-thanks">
<div style="font-size: clamp(0.95rem, 3.5vw, 1.0625rem); font-weight: 500; margin-bottom: 5px;">青木数据运营中心</div>
<div style="font-size: clamp(0.8rem, 2.8vw, 0.9375rem); color: #2f5570;">2026年2月20日</div>

<div class="contact-line"><span class="contact-chip">🌐 <a href="https://www.idctree.com" target="_blank" rel="noopener">www.idctree.com</a></span></div>

<div class="official-site">🔗 访问官网了解更多：<a href="https://www.idctree.com" target="_blank" rel="noopener">https://www.idctree.com</a></div>
</div>
<hr style="opacity: 0.3;" />
<div style="text-align: right; font-size: 13px; color: #8da5b5; margin-top: 8px; padding-right: 6px;"> <span style="opacity: 0.45;">青·木数据运营中心</span></div>
</div>
</div>
</body>
</html>

木云服务器 · 青木数据 — 低价服务器 / 稳定服务器 / 企业级服务器 / CDN / 虚拟主机

返回新闻列表立即选购云产品