MediaWiki:Common.js：修订间差异

2026年9月6日 (日) 09:59的版本

$(function() {
    // ========== 猫娘计数器 ==========
    var PAD = 6;
    var container = document.getElementById('neko-page-counter');
    
    if (container) {
        var total = 0;
        $.ajax({
            url: mw.util.wikiScript('api'),
            data: {
                action: 'query',
                meta: 'siteinfo',
                siprop: 'statistics',
                format: 'json'
            },
            dataType: 'json',
            async: false,
            success: function(data) {
                if (data.query && data.query.statistics && data.query.statistics.pages) {
                    total = data.query.statistics.pages;
                }
            }
        });
        if (!total) total = 0;
        var digits = String(total).padStart(PAD, '0').split('');
        container.innerHTML = '';
        container.style.cssText = 'display:flex;align-items:flex-end;justify-content:center;gap:0;padding:10px;background:#0f0f1a;border-radius:8px;border:1px solid #2a2a40;min-height:100px;';
        var parentW = container.parentElement ? container.parentElement.clientWidth : 600;
        var imgW = Math.max(28, Math.min(100, Math.floor((parentW - 20) / PAD)));
        var imgH = Math.round(imgW * 1.25);
        var imageUrls = {
            '0': 'https://wiki.meltfi.top/images/d/df/0.gif',
            '1': 'https://wiki.meltfi.top/images/b/b5/1.gif',
            '2': 'https://wiki.meltfi.top/images/2/27/2.gif',
            '3': 'https://wiki.meltfi.top/images/0/06/3.gif',
            '4': 'https://wiki.meltfi.top/images/8/8f/4.gif',
            '5': 'https://wiki.meltfi.top/images/6/6a/5.gif',
            '6': 'https://wiki.meltfi.top/images/b/bd/6.gif',
            '7': 'https://wiki.meltfi.top/images/e/e7/7.gif',
            '8': 'https://wiki.meltfi.top/images/4/40/8.gif',
            '9': 'https://wiki.meltfi.top/images/3/30/9.gif',
        };
        digits.forEach(function(d) {
            var img = document.createElement('img');
            img.src = imageUrls[d];
            img.alt = d;
            img.style.cssText = 'width:' + imgW + 'px;height:' + imgH + 'px;object-fit:contain;image-rendering:pixelated;display:block;';
            img.onerror = function() {
                var fb = document.createElement('div');
                fb.textContent = d;
                fb.style.cssText = 'width:' + imgW + 'px;height:' + imgH + 'px;display:flex;align-items:center;justify-content:center;background:#333;color:#ff9ecd;font-size:' + Math.max(12, Math.floor(imgW * 0.4)) + 'px;font-weight:bold;font-family:monospace;border-radius:3px;';
                if (img.parentNode) img.parentNode.replaceChild(fb, img);
            };
            container.appendChild(img);
        });
    }

    // ========== RSCA 顶栏：直接插入到 body 最顶部 ==========
    
    // 1. 隐藏所有 Vector 元素
    var hideSelectors = [
        '#mw-navigation', '#mw-navigation-head', '#mw-navigation-toggle',
        '#mw-head', '#mw-head-base', '#mw-page-base',
        '#mw-panel', '#p-logo', '#p-navigation', '#p-search', '#p-personal', '#p-tb', '#p-lang',
        '#p-banner', '#siteNotice', '#centralNotice', '#footer', '#footer-info', '#footer-places', '#footer-icons',
        '#catlinks', '.mw-editsection', '.mw-editsection-like', '.mw-indicators',
        '#contentSub', '#contentSub2', '#jump-to-nav', '.breadcrumb', '.subpages',
        '.toc', '.toctoggle', '.toctogglesearch', '#p-cactions', '.searchButton', '#mw-search-top-table',
        '.vector-menu', '.vector-menu-tabs', '.vector-menu-tabs-legacy', '.vector-menu-content',
        '.vector-menu-content-list', '.vector-menu-heading', '.vector-menu-heading-label',
        '.vector-user-links', '.vector-user-links-legacy', '.vector-user-menu',
        '.vector-user-menu-legacy', '.vector-user-menu-anon-editor',
        '.vector-search-box', '.vector-search-box-input', '.vector-search-box-button',
        '.firstHeading', '#firstHeading', '.mw-page-title', '.page-title'
    ];
    
    hideSelectors.forEach(function(sel) {
        var els = document.querySelectorAll(sel);
        els.forEach(function(el) { el.style.display = 'none'; });
    });
    
    // 2. 隐藏所有 h1 标题（最后手段）
    document.querySelectorAll('h1').forEach(function(h) { h.style.display = 'none'; });
    
    // 3. 在 body 最前面插入 RSCA 顶栏
    var rscaBar = document.createElement('div');
    rscaBar.id = 'rsca-top-bar';
    rscaBar.style.cssText = 'width:100%;background:#1a1a1a;border-bottom:2px solid #c41e3a;padding:0;margin:0;position:relative;top:0;left:0;z-index:99999;';
    
    rscaBar.innerHTML = 
        '<div style="max-width:960px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;">' +
            '<div style="display:flex;align-items:center;gap:14px;">' +
                '<span style="font-size:1.6em;font-weight:900;letter-spacing:0.12em;color:#ccc;text-transform:uppercase;">RSCA</span>' +
                '<span style="font-size:0.78em;color:#888;letter-spacing:0.06em;">Roblox Simplified Chinese Archives</span>' +
            '</div>' +
            '<div style="display:flex;gap:2px;">' +
                '<a href="/index.php/帮助:入门" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;">入门</a>' +
                '<a href="/index.php/帮助:联系我们" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;">联系</a>' +
                '<a href="/index.php/特殊:随机" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;">随机</a>' +
                '<a href="/index.php/特殊:最近更改" style="padding:7px 16px;color:#b0b0b0;font-size:0.88em;letter-spacing:0.05em;border-radius:4px;transition:all 0.2s;">最近更改</a>' +
            '</div>' +
        '</div>';
    
    document.body.insertBefore(rscaBar, document.body.firstChild);
    
    // 4. 确保顶栏之后的内容有顶部间距
    document.body.style.paddingTop = '0';
    document.body.style.marginTop = '0';
    
    // 5. 移除可能遮挡顶栏的固定元素
    var fixedEls = document.querySelectorAll('[style*="position: fixed"], [style*="position:fixed"]');
    fixedEls.forEach(function(el) {
        if (el.id !== 'rsca-top-bar') {
            el.style.top = '60px';
        }
    });
});