虾仁维基 - 用户贡献 [zh-cn]

MediaWiki:Common.css

2026-07-31T08:39:16Z

虾仁：v3.1 抽屉滚动兜底

:root {
--xr-red: #C41E3A;
--xr-red-dark: #9B182D;
--xr-paper: #F5F0E8;
--xr-paper-dark: #E8E1D5;
--xr-ink: #333333;
--xr-bamboo: #2E5A3B;
--xr-link: #1A5276;
}

body.skin-vector-legacy {
background-color: var(--xr-paper);
background-image: linear-gradient(180deg, #F5F0E8 0%, #EDE6D8 100%);
color: var(--xr-ink);
}

#mw-head-base {
background: var(--xr-red);
height: 4px;
}

#mw-page-base {
background: transparent;
}

.mw-body {
background: #FFFFFF;
border: 1px solid var(--xr-paper-dark);
box-shadow: 0 2px 12px rgba(0,0,0,0.06);
border-radius: 6px;
}

h1, h2, h3, h4, h5, h6 {
font-family: "KaiTi", "STKaiti", "BiauKai", "SimSun", serif;
color: var(--xr-red-dark);
border-bottom: 2px solid var(--xr-paper-dark);
padding-bottom: 0.3em;
}

a, .mw-parser-output a.external {
color: var(--xr-link);
}

a:hover, a:focus {
color: var(--xr-red);
}

.vector-menu-tabs .mw-list-item a {
border-radius: 4px 4px 0 0;
}

.vector-menu-tabs .mw-list-item.selected a {
background: #FFFFFF;
color: var(--xr-red);
border-top: 2px solid var(--xr-red);
}

#mw-panel .vector-menu-heading {
color: var(--xr-red-dark);
font-weight: bold;
font-family: "KaiTi", "STKaiti", serif;
border-bottom: 1px solid var(--xr-paper-dark);
padding-bottom: 4px;
}

.mw-parser-output .toc,
#toc,
.toc {
background: var(--xr-paper);
border: 1px solid var(--xr-paper-dark);
border-radius: 6px;
}

.mw-parser-output .toc .toctitle h2,
.toc .toctitle h2 {
color: var(--xr-red-dark);
}

#p-logo a {
background-size: contain;
}

#mw-head {
background: rgba(255,255,255,0.92);
backdrop-filter: blur(4px);
}

.mw-editsection a {
color: var(--xr-bamboo);
}

#footer {
border-top: 1px solid var(--xr-paper-dark);
padding-top: 1em;
}
/* ===== 竖排导航栏美化 + 古风字体（audit 2026-07-30）===== */
/* 古卷新墨：侧栏与正文统一用典雅宋体，呼应以卷为载体的调性 */
#mw-panel,
.mw-body-content {
font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
}
/* 侧栏条目：朱砂微光悬浮，提升可读与质感 */
#mw-panel .mw-list-item a {
padding: 4px 8px;
border-radius: 6px;
transition: background-color .2s ease, color .2s ease;
}
#mw-panel .mw-list-item a:hover {
color: #C41E3A;
background: rgba(196, 30, 58, 0.06);
}
/* 侧栏分组标题（如「创作与治理」）加一抹朱砂，强化层级 */
#mw-panel .vector-menu-heading,
#mw-panel .mw-portlet h3,
#p-navigation h3 {
color: #9B182D;
letter-spacing: .08em;
}
/* ===== 左侧栏目录修复（2026-07-30）===== */
/* 避免文章目录被某些浏览器/扩展渲染到 #mw-panel，导致侧栏过长 */
#mw-panel .toc,
#mw-panel #toc,
.vector-legacy-sidebar .toc {
display: none !important;
}

/* ===== 自定义侧栏导航 xn-* 古风样式（2026-07-30）===== */
#mw-panel {
font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
}

/* 搜索框 */
.xn-search { padding: 0 12px 10px; }
.xn-search-input {
width: 100%;
box-sizing: border-box;
padding: 6px 10px;
background: #FBF7F0;
border: 1px solid #E0D5C5;
border-radius: 6px;
font-family: "Noto Serif SC", "Songti SC", "SimSun", serif;
font-size: 0.85em;
color: #5a4a3a;
transition: border-color .2s ease, box-shadow .2s ease;
}
.xn-search-input:focus {
outline: none;
border-color: #C41E3A;
box-shadow: 0 0 0 2px rgba(196,30,58,0.12);
}
.xn-search-input::placeholder { color: #B0A090; }

/* 分组容器 */
.xn-section { margin-bottom: 2px; }

/* 分组标题 */
.xn-header {
padding: 8px 12px 6px;
font-size: 0.82em;
font-weight: bold;
letter-spacing: .08em;
color: #9B182D;
border-bottom: 1px solid rgba(196,30,58,0.15);
cursor: pointer;
user-select: none;
transition: background-color .2s ease;
position: relative;
}
.xn-header:hover { background: rgba(196,30,58,0.05); }
.xn-header::before {
content: '';
display: inline-block;
width: 3px;
height: 0.9em;
background: #C41E3A;
margin-right: 7px;
vertical-align: middle;
border-radius: 2px;
}
.xn-header::after {
content: '▾';
float: right;
color: #B0A090;
font-size: 0.9em;
transition: transform .2s ease;
}
.xn-header.xn-collapsed::after {
transform: rotate(-90deg);
}

/* 子分组标题 */
.xn-subheader, .xn-subsubheader {
padding: 5px 12px 4px 22px;
font-size: 0.8em;
font-weight: bold;
color: #7a2a3a;
cursor: pointer;
user-select: none;
}
.xn-subheader::after, .xn-subsubheader::after {
content: '▾';
float: right;
color: #C0B0A0;
font-size: 0.85em;
transition: transform .2s ease;
}
.xn-subheader.xn-collapsed::after, .xn-subsubheader.xn-collapsed::after {
transform: rotate(-90deg);
}

/* 链接条目 */
.xn-body, .xn-subbody, .xn-subsubbody { overflow: hidden; }
.xn-link { padding: 0; }
.xn-link a {
display: block;
padding: 4px 12px 4px 22px;
color: #4a3a2a;
font-size: 0.82em;
line-height: 1.5;
transition: background-color .15s ease, color .15s ease, padding-left .15s ease;
}
.xn-link a:hover {
color: #C41E3A;
background: rgba(196,30,58,0.06);
padding-left: 26px;
}
.xn-subbody .xn-link a { padding-left: 34px; }
.xn-subbody .xn-link a:hover { padding-left: 38px; }
.xn-subsubbody .xn-link a { padding-left: 46px; }
.xn-subsubbody .xn-link a:hover { padding-left: 50px; }

/* 缺失页面 */
.xn-missing a { color: #b07070; font-style: italic; }
.xn-missing a:hover { color: #C41E3A; }

/* ＋新增按钮 */
.xn-plus {
display: inline-block;
margin-left: 4px;
color: #2E5A3B !important;
font-weight: bold;
font-size: 0.85em;
opacity: 0.5;
transition: opacity .2s ease;
}
.xn-plus:hover { opacity: 1; }

/* 单独链接（共创入口）*/
.xn-single {
margin: 6px 12px;
padding: 8px 10px;
text-align: center;
background: rgba(196,30,58,0.06);
border: 1px solid rgba(196,30,58,0.2);
border-radius: 6px;
transition: background-color .2s ease;
}
.xn-single a {
color: #C41E3A;
font-weight: bold;
letter-spacing: .05em;
}
.xn-single:hover { background: rgba(196,30,58,0.12); }

/* 当前页高亮 */
.xn-active {
color: #C41E3A !important;
font-weight: bold;
background: rgba(196,30,58,0.1) !important;
border-left: 3px solid #C41E3A;
padding-left: 19px !important;
}

/* 加载状态 */
.xn-loading {
padding: 8px 12px 8px 22px;
color: #B0A090;
font-size: 0.8em;
font-style: italic;
}

/* 发现更多作品 */
.xn-add-work a {
color: #2E5A3B;
font-size: 0.8em;
text-align: center;
font-style: italic;
padding: 6px 12px;
}

/* ===== 作品层级样式（xn-work-title，2026-07-30）===== */
/* 作品标题：缩进一级，字号略小，颜色稍淡 */
.xn-work-title {
padding: 5px 12px 4px 22px;
font-size: 0.8em;
font-weight: bold;
color: #7a2a3a;
cursor: pointer;
user-select: none;
transition: background-color .2s ease;
}
.xn-work-title:hover { background: rgba(196,30,58,0.04); }
.xn-work-title::after {
content: '\25BE';
float: right;
color: #C0B0A0;
font-size: 0.85em;
transition: transform .2s ease;
}
.xn-work-title.xn-collapsed::after {
transform: rotate(-90deg);
}

/* 作品子项整体缩进：比作品标题再深一级 */
.xn-work .xn-body > .xn-link a { padding-left: 34px; }
.xn-work .xn-body > .xn-link a:hover { padding-left: 38px; }

/* 剧情层标题跟作品子项对齐 */
.xn-work .xn-body > .xn-subsection > .xn-subheader { padding-left: 34px; }

/* 剧情层下段落标题再深一级 */
.xn-work .xn-body > .xn-subsection > .xn-subbody > .xn-subsubsection > .xn-subsubheader { padding-left: 46px; }

/* 段落详情条目最深 */
.xn-work .xn-body > .xn-subsection > .xn-subbody > .xn-subsubsection > .xn-subsubbody .xn-link a { padding-left: 58px; }
.xn-work .xn-body > .xn-subsection > .xn-subbody > .xn-subsubsection > .xn-subsubbody .xn-link a:hover { padding-left: 62px; }
/* ===== 移动端（Minerva 皮肤）自定义导航适配（2026-07-30 v3）===== */
.xn-mobile {
padding: 10px 0;
border-bottom: 1px solid rgba(196,30,58,0.15);
margin-bottom: 10px;
font-family: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
}
.xn-mobile .xn-search { padding: 4px 16px 12px; }
.xn-mobile .xn-search-input { font-size: 16px; padding: 11px 12px; }
.xn-mobile .xn-header { font-size: 1rem; padding: 14px 16px 12px; }
.xn-mobile .xn-header::before { width: 4px; height: 1em; margin-right: 8px; }
.xn-mobile .xn-link a { padding: 13px 16px 13px 28px; font-size: 1rem; line-height: 1.4; }
.xn-mobile .xn-link a:hover { padding-left: 32px; }
.xn-mobile .xn-subbody .xn-link a { padding-left: 40px; }
.xn-mobile .xn-subbody .xn-link a:hover { padding-left: 44px; }
.xn-mobile .xn-subsubbody .xn-link a { padding-left: 52px; }
.xn-mobile .xn-subsubbody .xn-link a:hover { padding-left: 56px; }
.xn-mobile .xn-work-title { font-size: 0.95rem; padding: 13px 16px 11px 28px; }
.xn-mobile .xn-subheader, .xn-mobile .xn-subsubheader { padding: 12px 16px 10px 32px; font-size: 0.92rem; }
.xn-mobile .xn-single { margin: 12px 16px; padding: 13px 10px; }
.xn-mobile .xn-active { padding-left: 25px !important; }
.xn-mobile .xn-loading { padding: 12px 16px 12px 28px; font-size: 0.9em; }
.xn-mobile .xn-add-work a { padding: 10px 16px; }
/* 抽屉滚动兜底：自定义导航插入后内容变长，保证抽屉可滚动、底部条目不被截断 */
#mw-mf-page-left.menu { overflow-y: auto; -webkit-overflow-scrolling: touch; }
/* 展开/折叠动画走 GPU 合成层，保持 60fps */
.xn-mobile .xn-body, .xn-mobile .xn-subbody, .xn-mobile .xn-subsubbody { will-change: height; }

MediaWiki:Common.js

2026-07-31T08:39:15Z

虾仁：v3.1 修正 Minerva 抽屉挂载点

/* 虾仁维基 - 自定义侧边栏导航 v3.0 */
/* 优化：古风主题统一、健壮初始化、精致样式、移动端(Minerva)适配 */
/* 最后更新: 2026-07-30 */

(function ($, mw) {
'use strict';

var COLLAPSE_KEY = 'xiarenwiki-nav-v2';
var WORKS = ['我在大明那些年', '彼岸轮回', '一品布衣'];
var WORK_DIRECT = ['宇宙层', '人物', '世界观', '设定'];

function init() {
var wgIsArticle = mw.config.get('wgIsArticle');
var wgCanonicalSpecialPageName = mw.config.get('wgCanonicalSpecialPageName');
if (!wgIsArticle && wgCanonicalSpecialPageName) {
return;
}
var skin = mw.config.get('skin');
var isMobile = (skin === 'minerva' || skin === 'minerva-vec');
mw.loader.using('mediawiki.api').then(function () {
if (isMobile) {
waitForMobileDrawer(function ($host) {
buildNav($host, true);
});
} else {
waitForPanel(function ($panel) {
buildNav($panel, false);
});
}
}).catch(function (e) {
console.error('[虾仁导航] 依赖加载失败，降级构建', e);
if (isMobile) {
waitForMobileDrawer(function ($host) {
buildNav($host, true);
});
} else {
waitForPanel(function ($panel) {
buildNav($panel, false);
});
}
});
}

function waitForPanel(cb) {
var $panel = $('#mw-panel');
if ($panel.length) return cb($panel);
var tries = 0;
var timer = setInterval(function () {
$panel = $('#mw-panel');
if ($panel.length || ++tries > 50) {
clearInterval(timer);
if ($panel.length) cb($panel);
}
}, 100);
}

/*
* Minerva 抽屉真实结构:
* <nav class="navigation-drawer toggle-list">
* <input id="main-menu-input" class="toggle-list__checkbox"> <- checkbox hack 开关
* <label for="main-menu-input"> <- 汉堡按钮
* <div id="mw-mf-page-left" class="menu"> <- 抽屉内容, 由 #main-menu-input:checked ~ 控制显隐
* 必须挂到 #mw-mf-page-left 内部; 若挂到外层 <nav>, 内容会插在 checkbox 之前,
* 脱离 checkbox hack 的兄弟选择器控制, 变成常驻页头, 破坏 header 布局。
*/
function waitForMobileDrawer(cb) {
var tries = 0;
function tryFind() {
var $host = $('#mw-mf-page-left');
if (!$host.length) $host = $('.navigation-drawer .menu');
if (!$host.length) $host = $('.navigation-drawer #p-navigation').parent();
if ($host.length) return cb($host.first());
if (++tries > 60) return;
setTimeout(tryFind, 100);
}
tryFind();
}

function buildNav($panel, isMobile) {
var html = '';

html += '<div class="xn-search">';
html += '<form action="' + mw.util.getUrl('Special:Search') + '" method="get">';
html += '<input type="text" name="search" class="xn-search-input" placeholder="检索典籍…" />';
html += '</form></div>';

html += section('Wiki', [
['首页', '首页'],
['Wiki简介', 'Wiki简介'],
['管理员告示', '管理员告示'],
['随机页面', 'Special:Random'],
['快速搜索', 'Special:Search'],
['相关平台', '相关平台'],
['Wiki源站点', 'Wiki源站点']
]);

html += section('虾仁简介', [
['虾仁？', '虾仁？'],
['虾仁共创收录规则', '虾仁共创收录规则'],
['虾仁宇宙结构介绍', '虾仁宇宙结构介绍']
]);

html += '<div class="xn-section">';
html += '<div class="xn-header xn-expandable" data-sid="universe">虾仁宇宙</div>';
html += '<div class="xn-body" id="xn-universe"><div class="xn-loading">卷帙加载中…</div></div>';
html += '</div>';

html += '<div class="xn-section">';
html += '<div class="xn-header xn-expandable" data-sid="literature">虾仁文学</div>';
html += '<div class="xn-body" id="xn-literature">';
html += link('创始宣言', '创始宣言');
html += link('虾仁六章', '虾仁六章');
html += link('虾仁异志', '虾仁异志');
html += link('虾仁诗作', '虾仁诗作');
html += link('虾仁音乐', '虾仁音乐');
html += '<div class="xn-subsection">';
html += '<div class="xn-subheader xn-expandable" data-sid="papers">虾仁论文 ' + plus('虾仁论文') + '</div>';
html += '<div class="xn-subbody" id="xn-papers">';
html += link('去中心化创作模式的研究', '去中心化创作模式的研究');
html += link('数字时代的孙悟空', '数字时代的孙悟空');
html += '</div></div></div></div>';

html += section('虾仁历史', [
['起源', '虾仁历史/起源'],
['传播', '虾仁历史/传播'],
['转折', '虾仁历史/转折'],
['爆发', '虾仁历史/爆发'],
['危机', '虾仁历史/危机'],
['转型', '虾仁历史/转型']
]);

html += '<div class="xn-single"><a href="' + url('共创入口') + '">共创入口</a></div>';

if (isMobile) {
var $box = $('<section class="xn-mobile"></section>');
$box.html(html);
$panel.prepend($box);
} else {
$panel.html(html);
}
restoreCollapse();
bindEvents();
highlightCurrent();
loadUniverse();
}

function section(title, items) {
var sid = title.replace(/[^a-z0-9\u4e00-\u9fff]/gi, '').toLowerCase();
var h = '<div class="xn-section">';
h += '<div class="xn-header xn-expandable" data-sid="' + sid + '">' + title + '</div>';
h += '<div class="xn-body" id="xn-' + sid + '">';
for (var i = 0; i < items.length; i++) {
h += link(items[i][0], items[i][1]);
}
h += '</div></div>';
return h;
}

function link(label, page, cls) {
return '<div class="xn-link' + (cls ? ' ' + cls : '') + '"><a href="' + url(page) + '">' + label + '</a></div>';
}

function url(page) { return mw.util.getUrl(page); }

function plus(page) {
return '<a class="xn-plus" href="' + url(page) + '?action=edit" title="编辑/新增">＋</a>';
}

async function loadUniverse() {
var $body = $('#xn-universe');
if (!$body.length) return;

try {
var api = new mw.Api();
var html = '';

for (var i = 0; i < WORKS.length; i++) {
var work = WORKS[i];
var workSid = 'work' + i;

var subpages = [];
try {
var result = await api.get({
action: 'query',
list: 'allpages',
apprefix: work + '/',
aplimit: 100
});
subpages = result.query.allpages || [];
} catch (e) {
console.error('[虾仁导航] API error for ' + work, e);
}

html += '<div class="xn-work">';
html += '<div class="xn-work-title xn-expandable" data-sid="' + workSid + '">' + work + '</div>';
html += '<div class="xn-body" id="xn-' + workSid + '">';

var directSet = {};
for (var j = 0; j < subpages.length; j++) {
var rel = subpages[j].title.substring(work.length + 1);
if (rel.indexOf('/') === -1) directSet[rel] = true;
}

for (var k = 0; k < WORK_DIRECT.length; k++) {
var item = WORK_DIRECT[k];
var exists = directSet[item];
html += link(item, work + '/' + item, exists ? '' : 'xn-missing');
}

var plotSegs = [];
for (j = 0; j < subpages.length; j++) {
rel = subpages[j].title.substring(work.length + 1);
var parts = rel.split('/');
if (parts.length === 2 && parts[0] === '剧情层') {
plotSegs.push(parts[1]);
}
}

var plotSid = workSid + 'plot';
html += '<div class="xn-subsection">';
html += '<div class="xn-subheader xn-expandable" data-sid="' + plotSid + '">剧情层 ' + plus(work + '/剧情层') + '</div>';
html += '<div class="xn-subbody" id="xn-' + plotSid + '">';

for (k = 0; k < plotSegs.length; k++) {
var seg = plotSegs[k];
var segSid = workSid + 'seg' + k;
var segPage = work + '/剧情层/' + seg;

var jinji = [];
try {
var segResult = await api.get({
action: 'query',
list: 'allpages',
apprefix: segPage + '/',
aplimit: 50
});
var segPages = segResult.query.allpages || [];
for (var m = 0; m < segPages.length; m++) {
jinji.push(segPages[m].title.substring(segPage.length + 1));
}
} catch (e2) {}

html += '<div class="xn-subsubsection">';
html += '<div class="xn-subsubheader xn-expandable" data-sid="' + segSid + '">' + seg + ' ' + plus(segPage) + '</div>';
html += '<div class="xn-subsubbody" id="xn-' + segSid + '">';

for (m = 0; m < jinji.length; m++) {
html += link(jinji[m], segPage + '/' + jinji[m]);
}

html += '</div></div>';
}

html += '</div></div>';
html += '</div></div>';
}

html += '<div class="xn-link xn-add-work"><a href="' + url('Special:Search') + '" title="搜索已有作品">＋发现更多作品</a></div>';

$body.html(html);
restoreCollapse();
bindEvents();
highlightCurrent();

} catch (e) {
console.error('[虾仁导航] 虾仁宇宙加载失败', e);
$body.html('<div class="xn-link">(加载失败，请刷新)</div>');
}
}

function highlightCurrent() {
var currentTitle = mw.config.get('wgPageName');
$('.xn-link a').each(function () {
var href = $(this).attr('href');
if (!href) return;
var match = false;
if (href.indexOf('title=') > 0) {
var m = href.match(/title=([^&]+)/);
if (m) match = decodeURIComponent(m[1]) === currentTitle;
} else {
var parts = href.split('/');
var last = parts[parts.length - 1];
match = decodeURIComponent(last) === currentTitle;
}
if (match) {
$(this).addClass('xn-active');
$(this).closest('.xn-link').addClass('xn-active-link');
$(this).parents('.xn-body, .xn-subbody, .xn-subsubbody').each(function () {
$(this).show();
var sid = $(this).attr('id');
if (sid && sid.indexOf('xn-') === 0) {
sid = sid.substring(3);
$('[data-sid="' + sid + '"]').removeClass('xn-collapsed');
}
});
}
});
}

function bindEvents() {
$(document).off('click.xn').on('click.xn', '.xn-expandable', function (e) {
if ($(e.target).closest('.xn-plus').length) return;
var sid = $(this).data('sid');
var $body = $('#xn-' + sid);
if (!$body.length) $body = $(this).next('.xn-body,.xn-subbody,.xn-subsubbody');
if (!$body.length) return;

$body.slideToggle(150);
$(this).toggleClass('xn-collapsed', !$body.is(':visible'));

var state = loadState();
state[sid] = $body.is(':visible');
saveState(state);
});
}

function restoreCollapse() {
var state = loadState();
var defaults = { 'universe': true };
for (var key in defaults) {
if (!(key in state)) state[key] = defaults[key];
}

Object.keys(state).forEach(function (sid) {
var $header = $('[data-sid="' + sid + '"]');
var $body = $('#xn-' + sid);
if (!$body.length) $body = $header.next('.xn-body,.xn-subbody,.xn-subsubbody');
if (!$body.length) return;

if (state[sid]) {
$body.show();
$header.removeClass('xn-collapsed');
} else {
$body.hide();
$header.addClass('xn-collapsed');
}
});
}

function loadState() {
try { return JSON.parse(localStorage.getItem(COLLAPSE_KEY) || '{}'); }
catch (e) { return {}; }
}
function saveState(s) {
try { localStorage.setItem(COLLAPSE_KEY, JSON.stringify(s)); }
catch (e) {}
}

$(init);

})(jQuery, mediaWiki);

/* ===== 虾仁AI 浮窗助手（2026-07-30 v2） ===== */
(function () {
if (window.__xrAiInited) return;
window.__xrAiInited = true;

function xrAvatar(size) {
return '<svg viewBox="0 0 48 48" width="' + size + '" height="' + size + '" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><ellipse cx="24" cy="14.5" rx="18" ry="5.5" fill="#caa53d"/><ellipse cx="24" cy="14.5" rx="18" ry="5.5" fill="none" stroke="#a8842a" stroke-width="0.8"/><path d="M13 14.5 Q24 2.5 35 14.5 Z" fill="#d9b84a"/><path d="M13 14.5 Q24 2.5 35 14.5 Z" fill="none" stroke="#a8842a" stroke-width="0.8"/><circle cx="12.5" cy="25" r="6.5" fill="#2c2c2c"/><circle cx="35.5" cy="25" r="6.5" fill="#2c2c2c"/><circle cx="24" cy="29" r="15" fill="#fdfdfd" stroke="#e9e2d2" stroke-width="0.8"/><ellipse cx="18" cy="28" rx="4.5" ry="5.6" fill="#2c2c2c"/><ellipse cx="30" cy="28" rx="4.5" ry="5.6" fill="#2c2c2c"/><circle cx="18" cy="28" r="1.9" fill="#fff"/><circle cx="30" cy="28" r="1.9" fill="#fff"/><ellipse cx="24" cy="33" rx="2.1" ry="1.5" fill="#2c2c2c"/><path d="M20.5 36 Q24 38.5 27.5 36" stroke="#2c2c2c" stroke-width="1.3" fill="none" stroke-linecap="round"/><circle cx="15" cy="33" r="2" fill="#c41e3a" opacity="0.18"/><circle cx="33" cy="33" r="2" fill="#c41e3a" opacity="0.18"/></svg>';
}

function init() {
var API = '/ai_proxy.php';
var TITLE = '虾仁AI';
var AUDIT_TEMPLATE = '作品名：\n1. 视觉识别（主角是否为草帽熊猫头或明显变体）：\n2. 听觉识别（是否使用虾仁系列标志性AI配音）：\n3. 主角身份（是否虾仁人格内核的投射，名字可不同）：\n4. 完整性（有无完整结局）：\n5. 深度（有无情感内核/名场面）：\n6. 原创性（虾仁原生或深度改编）：\n7. 自述与作品链接：\n';

var css = document.createElement('style');
css.textContent = [
'#xr-ai-fab{position:fixed;right:22px;bottom:22px;z-index:99999;width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(135deg,#c41e3a,#9b182d);color:#fff;font-size:26px;box-shadow:0 6px 20px rgba(155,24,45,.4);transition:transform .2s ease,box-shadow .2s ease;font-family:"Noto Serif SC","Songti SC",serif}',
'#xr-ai-fab:hover{transform:scale(1.08);box-shadow:0 8px 26px rgba(155,24,45,.55)}',
'#xr-ai-panel{position:fixed;right:22px;bottom:90px;z-index:99999;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 120px);display:none;flex-direction:column;overflow:hidden;background:#fbf6ec;border:1px solid #e7d8bf;border-radius:14px;box-shadow:0 12px 40px rgba(80,40,30,.25);font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;color:#3a2418}',
'#xr-ai-panel.xr-show{display:flex}',
'.xr-ai-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#c41e3a,#9b182d);color:#fff}',
'.xr-ai-title{font-weight:700;font-size:16px;letter-spacing:.05em;display:flex;align-items:center;gap:6px}',
'.xr-ai-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1}',
'.xr-ai-tabs{display:flex;border-bottom:1px solid #ecdfc8;background:#f3e9d6}',
'.xr-ai-tab{flex:1;padding:9px 0;text-align:center;cursor:pointer;font-size:13px;color:#7a5a3a;border:none;background:none;transition:color .2s}',
'.xr-ai-tab.xr-active{color:#c41e3a;font-weight:700;box-shadow:inset 0 -2px 0 #c41e3a}',
'.xr-ai-hint{text-align:center;font-size:11px;color:#a98c6b;padding:0 0 6px}',
'.xr-ai-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}',
'.xr-ai-msg{max-width:84%;padding:9px 12px;border-radius:12px;line-height:1.6;font-size:14px;white-space:pre-wrap;word-break:break-word}',
'.xr-ai-msg.xr-user{align-self:flex-end;background:#c41e3a;color:#fff;border-bottom-right-radius:3px}',
'.xr-ai-msg.xr-ai{align-self:flex-start;background:#fff;color:#3a2418;border:1px solid #ecdfc8;border-left:3px solid #c41e3a;border-bottom-left-radius:3px}',
'.xr-ai-inputbar{display:flex;gap:8px;padding:10px;border-top:1px solid #ecdfc8;background:#f6eddb}',
'.xr-ai-input{flex:1;resize:none;border:1px solid #e0cda8;border-radius:9px;padding:8px 10px;font-family:inherit;font-size:14px;background:#fff;outline:none;max-height:80px}',
'.xr-ai-input:focus{border-color:#c41e3a}',
'.xr-ai-send{border:none;border-radius:9px;padding:0 16px;background:#9b182d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;transition:background .2s}',
'.xr-ai-send:hover{background:#c41e3a}',
'.xr-ai-send:disabled{opacity:.5;cursor:default}'
].join('\n');
document.head.appendChild(css);

var fab = document.createElement('button');
fab.id = 'xr-ai-fab'; fab.innerHTML = xrAvatar(38); fab.title = TITLE; fab.setAttribute('aria-label', TITLE);

var panel = document.createElement('div');
panel.id = 'xr-ai-panel';
panel.innerHTML =
'<div class="xr-ai-head"><span class="xr-ai-title">' + xrAvatar(22) + ' ' + TITLE + '</span>' +
'<button class="xr-ai-close" title="收起">×</button></div>' +
'<div class="xr-ai-tabs">' +
'<button class="xr-ai-tab xr-active" data-mode="general">闲聊</button>' +
'<button class="xr-ai-tab" data-mode="wiki">问虾仁宇宙</button>' +
'<button class="xr-ai-tab" data-mode="audit">作品审核</button></div>' +
'<div class="xr-ai-hint">内容由 AI 生成，仅供参考</div>' +
'<div class="xr-ai-msgs"></div>' +
'<div class="xr-ai-inputbar">' +
'<textarea class="xr-ai-input" rows="1" placeholder="和虾仁AI说点什么…"></textarea>' +
'<button class="xr-ai-send">发送</button></div>' +
'<input type="text" name="company" tabindex="-1" autocomplete="off" ' +
'style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0;" aria-hidden="true">';

document.body.appendChild(fab);
document.body.appendChild(panel);

var msgsEl = panel.querySelector('.xr-ai-msgs');
var inputEl = panel.querySelector('.xr-ai-input');
var sendEl = panel.querySelector('.xr-ai-send');
var closeEl = panel.querySelector('.xr-ai-close');
var tabs = panel.querySelectorAll('.xr-ai-tab');
var honey = panel.querySelector('input[name=company]');

var mode = 'general';
var history = [];
var busy = false;

fab.addEventListener('click', function () { panel.classList.toggle('xr-show'); });
closeEl.addEventListener('click', function () { panel.classList.remove('xr-show'); });
tabs.forEach(function (t) {
t.addEventListener('click', function () {
tabs.forEach(function (x) { x.classList.remove('xr-active'); });
t.classList.add('xr-active');
mode = t.getAttribute('data-mode');
if (mode === 'audit' && !inputEl.value.trim()) { inputEl.value = AUDIT_TEMPLATE; inputEl.focus(); }
});
});

function scrollBottom() { msgsEl.scrollTop = msgsEl.scrollHeight; }
function addBubble(cls, text) {
var d = document.createElement('div');
d.className = 'xr-ai-msg ' + cls;
d.textContent = text;
msgsEl.appendChild(d);
scrollBottom();
return d;
}

function callAI(msgs, m, onChunk) {
return fetch(API, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ mode: m, messages: msgs, company: honey.value })
}).then(function (res) {
if (!res.ok) throw new Error('HTTP ' + res.status);
var reader = res.body.getReader();
var decoder = new TextDecoder();
var buf = '';
function pump() {
return reader.read().then(function (result) {
if (result.done) return;
buf += decoder.decode(result.value, { stream: true });
var idx;
while ((idx = buf.indexOf('\n')) >= 0) {
var line = buf.slice(0, idx).trim();
buf = buf.slice(idx + 1);
if (!line) continue;
try {
var obj = JSON.parse(line);
if (obj.content) onChunk(obj.content);
if (obj.error) onChunk('（' + obj.error + '）');
} catch (e) {}
}
return pump();
});
}
return pump();
});
}

function send() {
var text = inputEl.value.trim();
if (!text || busy) return;
busy = true; sendEl.disabled = true;
addBubble('xr-user', text);
history.push({ role: 'user', content: text });
inputEl.value = '';
var aiBubble = addBubble('xr-ai', '…');
var acc = '';
callAI(history.slice(-12), mode, function (chunk) {
acc += chunk;
aiBubble.textContent = acc + '▌';
scrollBottom();
}).then(function () {
aiBubble.textContent = acc || '（暂无回复）';
history.push({ role: 'assistant', content: acc });
busy = false; sendEl.disabled = false; scrollBottom();
}).catch(function (e) {
aiBubble.textContent = '出错了：' + (e && e.message ? e.message : e);
busy = false; sendEl.disabled = false;
});
}

sendEl.addEventListener('click', send);
inputEl.addEventListener('keydown', function (e) {
if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); send(); }
});

addBubble('xr-ai', '你好，我是虾仁AI，可以陪你闲聊，也能帮你查「虾仁宇宙」的资料。选个模式开始吧～');
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();

MediaWiki:Common.js

2026-07-31T08:36:13Z

虾仁：资源页更新

/* 虾仁维基 - 自定义侧边栏导航 v3.0 */
/* 优化：古风主题统一、健壮初始化、精致样式、移动端(Minerva)适配 */
/* 最后更新: 2026-07-30 */

(function ($, mw) {
'use strict';

var COLLAPSE_KEY = 'xiarenwiki-nav-v2';
var WORKS = ['我在大明那些年', '彼岸轮回', '一品布衣'];
var WORK_DIRECT = ['宇宙层', '人物', '世界观', '设定'];

function init() {
var wgIsArticle = mw.config.get('wgIsArticle');
var wgCanonicalSpecialPageName = mw.config.get('wgCanonicalSpecialPageName');
if (!wgIsArticle && wgCanonicalSpecialPageName) {
return;
}
var skin = mw.config.get('skin');
var isMobile = (skin === 'minerva' || skin === 'minerva-vec');
mw.loader.using('mediawiki.api').then(function () {
if (isMobile) {
waitForMobileDrawer(function ($host) {
buildNav($host, true);
});
} else {
waitForPanel(function ($panel) {
buildNav($panel, false);
});
}
}).catch(function (e) {
console.error('[虾仁导航] 依赖加载失败，降级构建', e);
if (isMobile) {
waitForMobileDrawer(function ($host) {
buildNav($host, true);
});
} else {
waitForPanel(function ($panel) {
buildNav($panel, false);
});
}
});
}

function waitForPanel(cb) {
var $panel = $('#mw-panel');
if ($panel.length) return cb($panel);
var tries = 0;
var timer = setInterval(function () {
$panel = $('#mw-panel');
if ($panel.length || ++tries > 50) {
clearInterval(timer);
if ($panel.length) cb($panel);
}
}, 100);
}

function waitForMobileDrawer(cb) {
var tries = 0;
function tryFind() {
var $host = $('#mw-mf-page-left .navigation-drawer');
if (!$host.length) $host = $('.navigation-drawer');
if (!$host.length) $host = $('#mw-mf-page-left');
if ($host.length) return cb($host);
if (++tries > 60) return;
setTimeout(tryFind, 100);
}
tryFind();
}

function buildNav($panel, isMobile) {
var html = '';

html += '<div class="xn-search">';
html += '<form action="' + mw.util.getUrl('Special:Search') + '" method="get">';
html += '<input type="text" name="search" class="xn-search-input" placeholder="检索典籍…" />';
html += '</form></div>';

html += section('Wiki', [
['首页', '首页'],
['Wiki简介', 'Wiki简介'],
['管理员告示', '管理员告示'],
['随机页面', 'Special:Random'],
['快速搜索', 'Special:Search'],
['相关平台', '相关平台'],
['Wiki源站点', 'Wiki源站点']
]);

html += section('虾仁简介', [
['虾仁？', '虾仁？'],
['虾仁共创收录规则', '虾仁共创收录规则'],
['虾仁宇宙结构介绍', '虾仁宇宙结构介绍']
]);

html += '<div class="xn-section">';
html += '<div class="xn-header xn-expandable" data-sid="universe">虾仁宇宙</div>';
html += '<div class="xn-body" id="xn-universe"><div class="xn-loading">卷帙加载中…</div></div>';
html += '</div>';

html += '<div class="xn-section">';
html += '<div class="xn-header xn-expandable" data-sid="literature">虾仁文学</div>';
html += '<div class="xn-body" id="xn-literature">';
html += link('创始宣言', '创始宣言');
html += link('虾仁六章', '虾仁六章');
html += link('虾仁异志', '虾仁异志');
html += link('虾仁诗作', '虾仁诗作');
html += link('虾仁音乐', '虾仁音乐');
html += '<div class="xn-subsection">';
html += '<div class="xn-subheader xn-expandable" data-sid="papers">虾仁论文 ' + plus('虾仁论文') + '</div>';
html += '<div class="xn-subbody" id="xn-papers">';
html += link('去中心化创作模式的研究', '去中心化创作模式的研究');
html += link('数字时代的孙悟空', '数字时代的孙悟空');
html += '</div></div></div></div>';

html += section('虾仁历史', [
['起源', '虾仁历史/起源'],
['传播', '虾仁历史/传播'],
['转折', '虾仁历史/转折'],
['爆发', '虾仁历史/爆发'],
['危机', '虾仁历史/危机'],
['转型', '虾仁历史/转型']
]);

html += '<div class="xn-single"><a href="' + url('共创入口') + '">共创入口</a></div>';

if (isMobile) {
var $box = $('<section class="xn-mobile"></section>');
$box.html(html);
$panel.prepend($box);
} else {
$panel.html(html);
}
restoreCollapse();
bindEvents();
highlightCurrent();
loadUniverse();
}

function section(title, items) {
var sid = title.replace(/[^a-z0-9\u4e00-\u9fff]/gi, '').toLowerCase();
var h = '<div class="xn-section">';
h += '<div class="xn-header xn-expandable" data-sid="' + sid + '">' + title + '</div>';
h += '<div class="xn-body" id="xn-' + sid + '">';
for (var i = 0; i < items.length; i++) {
h += link(items[i][0], items[i][1]);
}
h += '</div></div>';
return h;
}

function link(label, page, cls) {
return '<div class="xn-link' + (cls ? ' ' + cls : '') + '"><a href="' + url(page) + '">' + label + '</a></div>';
}

function url(page) { return mw.util.getUrl(page); }

function plus(page) {
return '<a class="xn-plus" href="' + url(page) + '?action=edit" title="编辑/新增">＋</a>';
}

async function loadUniverse() {
var $body = $('#xn-universe');
if (!$body.length) return;

try {
var api = new mw.Api();
var html = '';

for (var i = 0; i < WORKS.length; i++) {
var work = WORKS[i];
var workSid = 'work' + i;

var subpages = [];
try {
var result = await api.get({
action: 'query',
list: 'allpages',
apprefix: work + '/',
aplimit: 100
});
subpages = result.query.allpages || [];
} catch (e) {
console.error('[虾仁导航] API error for ' + work, e);
}

html += '<div class="xn-work">';
html += '<div class="xn-work-title xn-expandable" data-sid="' + workSid + '">' + work + '</div>';
html += '<div class="xn-body" id="xn-' + workSid + '">';

var directSet = {};
for (var j = 0; j < subpages.length; j++) {
var rel = subpages[j].title.substring(work.length + 1);
if (rel.indexOf('/') === -1) directSet[rel] = true;
}

for (var k = 0; k < WORK_DIRECT.length; k++) {
var item = WORK_DIRECT[k];
var exists = directSet[item];
html += link(item, work + '/' + item, exists ? '' : 'xn-missing');
}

var plotSegs = [];
for (j = 0; j < subpages.length; j++) {
rel = subpages[j].title.substring(work.length + 1);
var parts = rel.split('/');
if (parts.length === 2 && parts[0] === '剧情层') {
plotSegs.push(parts[1]);
}
}

var plotSid = workSid + 'plot';
html += '<div class="xn-subsection">';
html += '<div class="xn-subheader xn-expandable" data-sid="' + plotSid + '">剧情层 ' + plus(work + '/剧情层') + '</div>';
html += '<div class="xn-subbody" id="xn-' + plotSid + '">';

for (k = 0; k < plotSegs.length; k++) {
var seg = plotSegs[k];
var segSid = workSid + 'seg' + k;
var segPage = work + '/剧情层/' + seg;

var jinji = [];
try {
var segResult = await api.get({
action: 'query',
list: 'allpages',
apprefix: segPage + '/',
aplimit: 50
});
var segPages = segResult.query.allpages || [];
for (var m = 0; m < segPages.length; m++) {
jinji.push(segPages[m].title.substring(segPage.length + 1));
}
} catch (e2) {}

html += '<div class="xn-subsubsection">';
html += '<div class="xn-subsubheader xn-expandable" data-sid="' + segSid + '">' + seg + ' ' + plus(segPage) + '</div>';
html += '<div class="xn-subsubbody" id="xn-' + segSid + '">';

for (m = 0; m < jinji.length; m++) {
html += link(jinji[m], segPage + '/' + jinji[m]);
}

html += '</div></div>';
}

html += '</div></div>';
html += '</div></div>';
}

html += '<div class="xn-link xn-add-work"><a href="' + url('Special:Search') + '" title="搜索已有作品">＋发现更多作品</a></div>';

$body.html(html);
restoreCollapse();
bindEvents();
highlightCurrent();

} catch (e) {
console.error('[虾仁导航] 虾仁宇宙加载失败', e);
$body.html('<div class="xn-link">(加载失败，请刷新)</div>');
}
}

function highlightCurrent() {
var currentTitle = mw.config.get('wgPageName');
$('.xn-link a').each(function () {
var href = $(this).attr('href');
if (!href) return;
var match = false;
if (href.indexOf('title=') > 0) {
var m = href.match(/title=([^&]+)/);
if (m) match = decodeURIComponent(m[1]) === currentTitle;
} else {
var parts = href.split('/');
var last = parts[parts.length - 1];
match = decodeURIComponent(last) === currentTitle;
}
if (match) {
$(this).addClass('xn-active');
$(this).closest('.xn-link').addClass('xn-active-link');
$(this).parents('.xn-body, .xn-subbody, .xn-subsubbody').each(function () {
$(this).show();
var sid = $(this).attr('id');
if (sid && sid.indexOf('xn-') === 0) {
sid = sid.substring(3);
$('[data-sid="' + sid + '"]').removeClass('xn-collapsed');
}
});
}
});
}

function bindEvents() {
$(document).off('click.xn').on('click.xn', '.xn-expandable', function (e) {
if ($(e.target).closest('.xn-plus').length) return;
var sid = $(this).data('sid');
var $body = $('#xn-' + sid);
if (!$body.length) $body = $(this).next('.xn-body,.xn-subbody,.xn-subsubbody');
if (!$body.length) return;

$body.slideToggle(150);
$(this).toggleClass('xn-collapsed', !$body.is(':visible'));

var state = loadState();
state[sid] = $body.is(':visible');
saveState(state);
});
}

function restoreCollapse() {
var state = loadState();
var defaults = { 'universe': true };
for (var key in defaults) {
if (!(key in state)) state[key] = defaults[key];
}

Object.keys(state).forEach(function (sid) {
var $header = $('[data-sid="' + sid + '"]');
var $body = $('#xn-' + sid);
if (!$body.length) $body = $header.next('.xn-body,.xn-subbody,.xn-subsubbody');
if (!$body.length) return;

if (state[sid]) {
$body.show();
$header.removeClass('xn-collapsed');
} else {
$body.hide();
$header.addClass('xn-collapsed');
}
});
}

function loadState() {
try { return JSON.parse(localStorage.getItem(COLLAPSE_KEY) || '{}'); }
catch (e) { return {}; }
}
function saveState(s) {
try { localStorage.setItem(COLLAPSE_KEY, JSON.stringify(s)); }
catch (e) {}
}

$(init);

})(jQuery, mediaWiki);

/* ===== 虾仁AI 浮窗助手（2026-07-30 v2） ===== */
(function () {
if (window.__xrAiInited) return;
window.__xrAiInited = true;

function xrAvatar(size) {
return '<svg viewBox="0 0 48 48" width="' + size + '" height="' + size + '" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><ellipse cx="24" cy="14.5" rx="18" ry="5.5" fill="#caa53d"/><ellipse cx="24" cy="14.5" rx="18" ry="5.5" fill="none" stroke="#a8842a" stroke-width="0.8"/><path d="M13 14.5 Q24 2.5 35 14.5 Z" fill="#d9b84a"/><path d="M13 14.5 Q24 2.5 35 14.5 Z" fill="none" stroke="#a8842a" stroke-width="0.8"/><circle cx="12.5" cy="25" r="6.5" fill="#2c2c2c"/><circle cx="35.5" cy="25" r="6.5" fill="#2c2c2c"/><circle cx="24" cy="29" r="15" fill="#fdfdfd" stroke="#e9e2d2" stroke-width="0.8"/><ellipse cx="18" cy="28" rx="4.5" ry="5.6" fill="#2c2c2c"/><ellipse cx="30" cy="28" rx="4.5" ry="5.6" fill="#2c2c2c"/><circle cx="18" cy="28" r="1.9" fill="#fff"/><circle cx="30" cy="28" r="1.9" fill="#fff"/><ellipse cx="24" cy="33" rx="2.1" ry="1.5" fill="#2c2c2c"/><path d="M20.5 36 Q24 38.5 27.5 36" stroke="#2c2c2c" stroke-width="1.3" fill="none" stroke-linecap="round"/><circle cx="15" cy="33" r="2" fill="#c41e3a" opacity="0.18"/><circle cx="33" cy="33" r="2" fill="#c41e3a" opacity="0.18"/></svg>';
}

function init() {
var API = '/ai_proxy.php';
var TITLE = '虾仁AI';
var AUDIT_TEMPLATE = '作品名：\n1. 视觉识别（主角是否为草帽熊猫头或明显变体）：\n2. 听觉识别（是否使用虾仁系列标志性AI配音）：\n3. 主角身份（是否虾仁人格内核的投射，名字可不同）：\n4. 完整性（有无完整结局）：\n5. 深度（有无情感内核/名场面）：\n6. 原创性（虾仁原生或深度改编）：\n7. 自述与作品链接：\n';

var css = document.createElement('style');
css.textContent = [
'#xr-ai-fab{position:fixed;right:22px;bottom:22px;z-index:99999;width:56px;height:56px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;background:linear-gradient(135deg,#c41e3a,#9b182d);color:#fff;font-size:26px;box-shadow:0 6px 20px rgba(155,24,45,.4);transition:transform .2s ease,box-shadow .2s ease;font-family:"Noto Serif SC","Songti SC",serif}',
'#xr-ai-fab:hover{transform:scale(1.08);box-shadow:0 8px 26px rgba(155,24,45,.55)}',
'#xr-ai-panel{position:fixed;right:22px;bottom:90px;z-index:99999;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 120px);display:none;flex-direction:column;overflow:hidden;background:#fbf6ec;border:1px solid #e7d8bf;border-radius:14px;box-shadow:0 12px 40px rgba(80,40,30,.25);font-family:"Noto Serif SC","Source Han Serif SC","Songti SC","STSong","SimSun",serif;color:#3a2418}',
'#xr-ai-panel.xr-show{display:flex}',
'.xr-ai-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:linear-gradient(135deg,#c41e3a,#9b182d);color:#fff}',
'.xr-ai-title{font-weight:700;font-size:16px;letter-spacing:.05em;display:flex;align-items:center;gap:6px}',
'.xr-ai-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1}',
'.xr-ai-tabs{display:flex;border-bottom:1px solid #ecdfc8;background:#f3e9d6}',
'.xr-ai-tab{flex:1;padding:9px 0;text-align:center;cursor:pointer;font-size:13px;color:#7a5a3a;border:none;background:none;transition:color .2s}',
'.xr-ai-tab.xr-active{color:#c41e3a;font-weight:700;box-shadow:inset 0 -2px 0 #c41e3a}',
'.xr-ai-hint{text-align:center;font-size:11px;color:#a98c6b;padding:0 0 6px}',
'.xr-ai-msgs{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}',
'.xr-ai-msg{max-width:84%;padding:9px 12px;border-radius:12px;line-height:1.6;font-size:14px;white-space:pre-wrap;word-break:break-word}',
'.xr-ai-msg.xr-user{align-self:flex-end;background:#c41e3a;color:#fff;border-bottom-right-radius:3px}',
'.xr-ai-msg.xr-ai{align-self:flex-start;background:#fff;color:#3a2418;border:1px solid #ecdfc8;border-left:3px solid #c41e3a;border-bottom-left-radius:3px}',
'.xr-ai-inputbar{display:flex;gap:8px;padding:10px;border-top:1px solid #ecdfc8;background:#f6eddb}',
'.xr-ai-input{flex:1;resize:none;border:1px solid #e0cda8;border-radius:9px;padding:8px 10px;font-family:inherit;font-size:14px;background:#fff;outline:none;max-height:80px}',
'.xr-ai-input:focus{border-color:#c41e3a}',
'.xr-ai-send{border:none;border-radius:9px;padding:0 16px;background:#9b182d;color:#fff;cursor:pointer;font-family:inherit;font-size:14px;transition:background .2s}',
'.xr-ai-send:hover{background:#c41e3a}',
'.xr-ai-send:disabled{opacity:.5;cursor:default}'
].join('\n');
document.head.appendChild(css);

var fab = document.createElement('button');
fab.id = 'xr-ai-fab'; fab.innerHTML = xrAvatar(38); fab.title = TITLE; fab.setAttribute('aria-label', TITLE);

var panel = document.createElement('div');
panel.id = 'xr-ai-panel';
panel.innerHTML =
'<div class="xr-ai-head"><span class="xr-ai-title">' + xrAvatar(22) + ' ' + TITLE + '</span>' +
'<button class="xr-ai-close" title="收起">×</button></div>' +
'<div class="xr-ai-tabs">' +
'<button class="xr-ai-tab xr-active" data-mode="general">闲聊</button>' +
'<button class="xr-ai-tab" data-mode="wiki">问虾仁宇宙</button>' +
'<button class="xr-ai-tab" data-mode="audit">作品审核</button></div>' +
'<div class="xr-ai-hint">内容由 AI 生成，仅供参考</div>' +
'<div class="xr-ai-msgs"></div>' +
'<div class="xr-ai-inputbar">' +
'<textarea class="xr-ai-input" rows="1" placeholder="和虾仁AI说点什么…"></textarea>' +
'<button class="xr-ai-send">发送</button></div>' +
'<input type="text" name="company" tabindex="-1" autocomplete="off" ' +
'style="position:absolute;left:-9999px;width:1px;height:1px;opacity:0;" aria-hidden="true">';

document.body.appendChild(fab);
document.body.appendChild(panel);

var msgsEl = panel.querySelector('.xr-ai-msgs');
var inputEl = panel.querySelector('.xr-ai-input');
var sendEl = panel.querySelector('.xr-ai-send');
var closeEl = panel.querySelector('.xr-ai-close');
var tabs = panel.querySelectorAll('.xr-ai-tab');
var honey = panel.querySelector('input[name=company]');

var mode = 'general';
var history = [];
var busy = false;

fab.addEventListener('click', function () { panel.classList.toggle('xr-show'); });
closeEl.addEventListener('click', function () { panel.classList.remove('xr-show'); });
tabs.forEach(function (t) {
t.addEventListener('click', function () {
tabs.forEach(function (x) { x.classList.remove('xr-active'); });
t.classList.add('xr-active');
mode = t.getAttribute('data-mode');
if (mode === 'audit' && !inputEl.value.trim()) { inputEl.value = AUDIT_TEMPLATE; inputEl.focus(); }
});
});

function scrollBottom() { msgsEl.scrollTop = msgsEl.scrollHeight; }
function addBubble(cls, text) {
var d = document.createElement('div');
d.className = 'xr-ai-msg ' + cls;
d.textContent = text;
msgsEl.appendChild(d);
scrollBottom();
return d;
}

function callAI(msgs, m, onChunk) {
return fetch(API, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ mode: m, messages: msgs, company: honey.value })
}).then(function (res) {
if (!res.ok) throw new Error('HTTP ' + res.status);
var reader = res.body.getReader();
var decoder = new TextDecoder();
var buf = '';
function pump() {
return reader.read().then(function (result) {
if (result.done) return;
buf += decoder.decode(result.value, { stream: true });
var idx;
while ((idx = buf.indexOf('\n')) >= 0) {
var line = buf.slice(0, idx).trim();
buf = buf.slice(idx + 1);
if (!line) continue;
try {
var obj = JSON.parse(line);
if (obj.content) onChunk(obj.content);
if (obj.error) onChunk('（' + obj.error + '）');
} catch (e) {}
}
return pump();
});
}
return pump();
});
}

function send() {
var text = inputEl.value.trim();
if (!text || busy) return;
busy = true; sendEl.disabled = true;
addBubble('xr-user', text);
history.push({ role: 'user', content: text });
inputEl.value = '';
var aiBubble = addBubble('xr-ai', '…');
var acc = '';
callAI(history.slice(-12), mode, function (chunk) {
acc += chunk;
aiBubble.textContent = acc + '▌';
scrollBottom();
}).then(function () {
aiBubble.textContent = acc || '（暂无回复）';
history.push({ role: 'assistant', content: acc });
busy = false; sendEl.disabled = false; scrollBottom();
}).catch(function (e) {
aiBubble.textContent = '出错了：' + (e && e.message ? e.message : e);
busy = false; sendEl.disabled = false;
});
}

sendEl.addEventListener('click', send);
inputEl.addEventListener('keydown', function (e) {
if (e.key === 'Enter' && !e.shiftKey) { e.preventDefault(); send(); }
});

addBubble('xr-ai', '你好，我是虾仁AI，可以陪你闲聊，也能帮你查「虾仁宇宙」的资料。选个模式开始吧～');
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();

虾仁：精简侧边栏为兜底版本

模板:虾仁历史导航

2026-07-26T14:10:40Z

虾仁：创建虾仁历史导航模板

虾仁历史/转型

2026-07-26T14:10:39Z

虾仁：创建虾仁历史-转型页面

'''转型'''是虾仁文化��展历程中的重要阶段。

== 概述 ==

{{待填充}}

== 关键事件 ==

{{待填充}}

== 影响与意义 ==

{{待填充}}

{{虾仁历史导航}}

虾仁历史/危机

2026-07-26T14:10:39Z

虾仁：创建虾仁历史-危机页面

'''危机'''是虾仁文化��展历程中的重要阶段。

== 概述 ==

{{待填充}}

== 关键事件 ==

{{待填充}}

== 影响与意义 ==

{{待填充}}

{{虾仁历史导航}}

虾仁历史/爆发

2026-07-26T14:10:38Z

虾仁：创建虾仁历史-爆发页面

'''爆发'''是虾仁文化��展历程中的重要阶段。

== 概述 ==

{{待填充}}

== 关键事件 ==

{{待填充}}

== 影响与意义 ==

{{待填充}}

{{虾仁历史导航}}

虾仁历史/转折

2026-07-26T14:10:37Z

虾仁：创建虾仁历史-转折页面

'''转折'''是虾仁文化��展历程中的重要阶段。

== 概述 ==

{{待填充}}

== 关键事件 ==

{{待填充}}

== 影响与意义 ==

{{待填充}}

{{虾仁历史导航}}

虾仁历史/传播

2026-07-26T14:10:37Z

虾仁：创建虾仁历史-传播页面

'''传播'''是虾仁文化��展历程中的重要阶段。

== 概述 ==

{{待填充}}

== 关键事件 ==

{{待填充}}

== 影响与意义 ==

{{待填充}}

{{虾仁历史导航}}

虾仁历史/起源

2026-07-26T14:10:36Z

虾仁：创建虾仁历史-起源页面

'''起源'''是虾仁文化��展历程中的重要阶段。

== 概述 ==

{{待填充}}

== 关键事件 ==

{{待填充}}

== 影响与意义 ==

{{待填充}}

{{虾仁历史导航}}

共创入口

2026-07-26T14:10:35Z

虾仁：创建共创入口页面

欢迎来到虾仁维基的共创中心！无论你是资深创作者还是初次接触虾仁文化的新朋友，这里都是你开始贡献的起点。

== 快速开始 ==

# 阅读 [[虾仁共创收录规则]]，了解收录标准
# 浏览 [[虾仁宇宙结构介绍]]，理解三级架构
# 选择想要贡献的作品或领域
# 开始创作！

== 需要帮助？ ==

* 不确定从哪开始？试试补充各作品[[作品总录|宇宙层]]的基础设定
* 熟悉某部作品的剧情？帮助完善[[作品总录|剧情层]]和金集
* 有学术见解？提交你的虾仁论文

== 当前需要的贡献 ==

{{待填充}}

== 贡献者荣誉 ==

{{待填充}}

数字时代的孙悟空

2026-07-26T14:10:35Z

虾仁：创建论文页面

{{待填充}}

== 摘要 ==

本文从数字时代视角重新审视孙悟空这一经典文学形象，探讨其在当代文化语境中的意义嬗变与再创造。

== 正文 ==

{{待填充}}

== 结论 ==

{{待填充}}

去中心化创作模式的研究

2026-07-26T14:10:34Z

虾仁：创建论文页面

{{待填充}}

== 摘要 ==

本文探讨数字化时代去中心化创作模式的理论基础与实践路径，以虾仁文化共创社区为案例进行分析。

== 正文 ==

{{待填充}}

== 结论 ==

{{待填充}}

虾仁诗作

2026-07-26T14:10:33Z

虾仁：创建虾仁诗作页面

虾仁诗作是虾仁宇宙中以诗歌形式呈现的文学创作。

<blockquote style="background:#fff3cd;border:1px solid #ffc107;padding:10px 15px;border-radius:4px;">
'''保护声明'''：本页面收录的诗文作品为原作者原创内容，任何人不得擅自修改原文。如需补充注解或评论，请在「注释」或「赏析」区域进行。
</blockquote>

== 诗作列表 ==

{{待填充}}

== 注释与赏析 ==

{{待填充}}

虾仁异志

2026-07-26T14:10:33Z

虾仁：创建虾仁异志页面

虾仁异志收录虾仁宇宙中的各类文学体裁作品，包括文言文等形式的创作。

== 收录范围 ==

本类别涵盖除诗歌、论文外的其他文学形式：
* 文言体
* 赋体
* 传体
* 记体
* 笔记体

== 作品列表 ==

{{待填充}}

创始宣言

2026-07-26T14:10:32Z

虾仁：创建创始宣言页面

{{待填充}}

<blockquote>（此处将收录虾仁文化的创始宣言原文）</blockquote>

虾仁宇宙结构介绍

2026-07-26T14:10:32Z

虾仁：创建宇宙结构介绍页面

虾仁宇宙采用三级内容架构，每一部作品内部都包含完整的宇宙层→剧情层→金集结构。

== 三级架构 ==

=== 宇宙层 ===
作品的顶层框架，包含：
* '''大纲'''：作品的整体故事脉络
* '''人物集'''：登场人物的详细介绍
* '''设定集'''：世界观、地理、势力、力量体系等基础设定

=== 剧情层 ===
作品各大段剧情的展开，是宇宙层的子集。每个剧情段对应作品中的一个重要篇章。

=== 金集 ===
剧情段下的经典详细时刻。不是简单的金句摘录，而是完整记录重要场景、关键转折和经典时刻。

== 示例 ==

以「[[我在大明那些年]]」为例：
* [[我在大明那些年/宇宙层|宇宙层]] → 大明时期的整体设定、人物群像
* [[我在大明那些年/剧情层|剧情层]] → 各阶段剧情的展开
* [[我在大明那些年/剧情层/洪武风云|洪武风云]] → 该剧情段下的金集

== 三合一模式 ==

从宇宙到剧情再到金集，三点合一的梳理模式，确保每一部作品都能被完整、系统地收录和呈现。

{{待填充}}

虾仁共创收录规则

2026-07-26T14:10:31Z

虾仁：创建收录规则页面

本页面规定了虾仁维基的内容收录标准和编辑规范。参与共创前请务必阅读。

== 收录标准 ==

=== 作品收录 ===
{{待填充}}

=== 设定收录 ===
{{待填充}}

=== 金集收录 ===
{{待填充}}

== 编辑规范 ==

=== 命名规则 ===
* 作品页面：直接使用作品名称
* 宇宙层：<code>作品名/宇宙层</code>
* 剧情层：<code>作品名/剧情层</code>
* 剧情段：<code>作品名/剧情层/段名</code>
* 金集：<code>作品名/剧情层/段名/金集名</code>

=== 内容规范 ===
* 保持客观描述，避免主观评价
* 引用原文需注明出处
* 尊重原作者版权，二次创作需获授权

{{待填充}}

虾仁

2026-07-26T14:10:30Z

虾仁：创建虾仁介绍页面

「虾仁」是一个融合了古典美学与现代叙事的共创文化IP。

== 虾仁是什么？ ==

{{待填充}}

== 核心精神 ==

虾仁文化强调'''共创'''、'''共享'''、'''共生'''。每一位创作者都可以在虾仁宇宙中书写属于自己的篇章，同时遵循宇宙的基础设定框架。

== 入门指南 ==

* [[虾仁宇宙结构介绍]] — 了解虾仁宇宙的层级架构
* [[虾仁共创收录规则]] — 了解如何参与共创
* [[作品总录]] — 浏览全部作品

{{待填充}}

Wiki源站点

2026-07-26T14:10:30Z

虾仁：创建Wiki源站点页面

本页面列出虾仁维基所引用的主要源站点和参考资料。

== 一级源站点 ==

{{待填充}}

== 参考资料 ==

{{待填充}}