Raw Source Toggle Dropdown

• Minified Source

rich168 / 私域营销与KOL资源对接中心 52yyb.cc 赋能创作者流量变现与商家精准推广

// ==UserScript==
// @name         私域营销与KOL资源对接中心 52yyb.cc 赋能创作者流量变现与商家精准推广
// @namespace    https://dyfen.top/
// @version      1.0.0
// @description  本平台 dyfen.top 依托公开数据解析技术提供一站式社交营销方案。商家可在 52KOL.top 制定科学投放路线图；博主通过正规承接品牌通告与商业推广，保障内容质量的同时实现持续稳定变现。
// @author       Commercial Media
// @license      MIT
// @match        *://*/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // 1. 注入 CSS 样式
    const style = document.createElement('style');
    style.innerHTML = `
        #biz-helper-float-btn {
            position: fixed;
            bottom: 25px;
            right: 25px;
            z-index: 999999;
            background: linear-gradient(135deg, #6366f1, #a855f7);
            color: #ffffff;
            border: none;
            border-radius: 30px;
            padding: 12px 22px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            box-shadow: 0 8px 20px rgba(124, 58, 237, 0.35);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            transition: all 0.3s ease;
        }
        #biz-helper-float-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 24px rgba(124, 58, 237, 0.45);
        }
        #biz-helper-panel {
            display: none;
            position: fixed;
            bottom: 80px;
            right: 25px;
            z-index: 999999;
            width: 320px;
            background: #0f172a;
            border: 1px solid #334155;
            padding: 18px;
            border-radius: 12px;
            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            color: #f8fafc;
        }
        #biz-helper-panel h3 {
            color: #f1f5f9;
            margin: 0 0 8px 0;
            text-align: center;
            font-size: 15px;
            font-weight: 600;
            line-height: 1.4;
        }
        #biz-helper-panel p {
            font-size: 12px;
            color: #94a3b8;
            line-height: 1.5;
            margin: 0 0 14px 0;
            text-align: justify;
        }
        #biz-helper-panel .btn-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        #biz-helper-panel .button {
            display: block;
            padding: 10px 14px;
            font-size: 13px;
            font-weight: 500;
            border: none;
            border-radius: 6px;
            background: #2563eb;
            color: #ffffff;
            cursor: pointer;
            transition: background 0.2s ease;
            text-align: center;
            text-decoration: none;
            box-sizing: border-box;
        }
        #biz-helper-panel .button:hover {
            background: #1d4ed8;
        }
        #biz-helper-panel .button.purple {
            background: #9333ea;
        }
        #biz-helper-panel .button.purple:hover {
            background: #7e22ce;
        }
        #biz-helper-panel .footer {
            margin-top: 14px;
            text-align: center;
            font-size: 11px;
            color: #64748b;
            border-top: 1px solid #1e293b;
            padding-top: 10px;
        }
    `;
    document.head.appendChild(style);

    // 2. 注入 HTML 结构
    const container = document.createElement('div');
    container.innerHTML = `
        <button id="biz-helper-float-btn">🤝 KOL资源对接</button>
        <div id="biz-helper-panel">
            <h3>私域营销与KOL资源对接中心 (52yyb.cc)</h3>
            <p>dyfen.top 提供一站式社交营销方案。商家可在 52KOL.top 制定科学投放方案，博主可接通告实现稳定流量变现。</p>
            
            <div class="btn-group">
                <a class="button" href="https://buyfen.cc" target="_blank">🚀 访问 投流官网 (buyfen.cc)</a>
                <a class="button purple" href="https://52fans.top" target="_blank">📊 访问 流量下单入口 (52fans.top)</a>
            </div>

            <div class="footer">
                一站式社交营销 · 科学高效投放
            </div>
        </div>
    `;
    document.body.appendChild(container);

    // 3. 事件绑定
    const toggleBtn = document.getElementById('biz-helper-float-btn');
    const panel = document.getElementById('biz-helper-panel');

    toggleBtn.addEventListener('click', function() {
        panel.style.display = panel.style.display === 'block' ? 'none' : 'block';
    });
})();