打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

Sandbox/2.0:修订间差异

来自夜幕之下
Rin留言 | 贡献
邀约模块重新设计:SVG弯曲红线引导+简化票券+CSS占位图;去掉img标签 (via update-page on MediaWiki MCP Server)
Rin留言 | 贡献
无编辑摘要
 
(未显示同一用户的23个中间版本)
第34行: 第34行:
<div class="card_content_attribute-item"><div class="card_content_attribute-title"><div class="card_content_attribute-icon"></div><div> 暴击率</div></div><div>5%</div></div>
<div class="card_content_attribute-item"><div class="card_content_attribute-title"><div class="card_content_attribute-icon"></div><div> 暴击率</div></div><div>5%</div></div>
<div class="card_content_attribute-item"><div class="card_content_attribute-title"><div class="card_content_attribute-icon"></div><div> 暴击伤害</div></div><div>50%</div></div>
<div class="card_content_attribute-item"><div class="card_content_attribute-title"><div class="card_content_attribute-icon"></div><div> 暴击伤害</div></div><div>50%</div></div>
<!--4. 映像 -->
<div class="card_content-item-title card_content-item-title--mt">映像<span class="card_content-item-subtitle">Reflection</span></div>
<div class="card_content-item-hr"></div>
<div class="card_content_attribute-item"><div class="card_content_attribute-title"><div class="card_content_attribute-icon"></div><div> 固定攻击</div></div><div>150044</div></div>
<div class="card_content_attribute-item"><div class="card_content_attribute-title"><div class="card_content_attribute-icon"></div><div> 固定生命</div></div><div>150044</div></div>
<div class="card_content_attribute-item"><div class="card_content_attribute-title"><div class="card_content_attribute-icon"></div><div> 伤害加成</div></div><div>150044%</div></div>
<small>通用属性(不论星级,加成数值一致,3项*3条属性*15级</small>
重构
<!--5. 认知 -->
<div class="card_content-item-title card_content-item-title--mt">认知<span class="card_content-item-subtitle">Cognition </span></div>
<div class="card_content-item-hr"></div>
<div style="display:flex;gap:12px;align-items: center;margin-top:8px;"><div class="card_content_cognition-gift"></div><div>礼物名<span style="color:#ff7676;margin-left:6px;">❤ + 5 </span></div></div>
<div class="card_content_cognition-gift-description">材质特殊的笔记本。防水,耐磨,耐脏,哪怕跌进污泥也不会损毁分毫,无言地守护着他以好奇心和观察力培育出的果实。</div>
<div style="display:flex;gap:12px;align-items: center;margin-top:8px;"><div class="card_content_cognition-gift"></div><div>礼物名2<span style="color:#ff7676;margin-left:6px;">❤ + 2 </span></div></div>
<div class="card_content_cognition-gift-description">材质特殊的笔记本。防水,耐磨,耐脏,哪怕跌进污泥也不会损毁分毫,无言地守护着他以好奇心和观察力培育出的果实。</div>
</div><!--左栏结束-->
</div><!--左栏结束-->


第62行: 第84行:
<ul class="card_content_feat-ul">
<ul class="card_content_feat-ul">
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">01</div></div><div><span class="card_accent">终结技对存在[持续伤害]的目标,伤害额外提升10%。</span><br/>攻击加成提升3.0%<span class="card_content_feat-stage-cn">「沉默是金Ⅰ」</span></div></div></li>
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">01</div></div><div><span class="card_accent">终结技对存在[持续伤害]的目标,伤害额外提升10%。</span><br/>攻击加成提升3.0%<span class="card_content_feat-stage-cn">「沉默是金Ⅰ」</span></div></div></li>
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">02</div></div><div>攻击加成提升3.0%<span class="card_content_feat-stage-cn">「沉默是金Ⅱ」</span></div></div></li>
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">02</div></div><div>攻击加成提升3.0%</div></div></li>
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">03</div></div><div>攻击加成提升3.0%<span class="card_content_feat-stage-cn">「沉默是金Ⅲ」</span></div></div></li>
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">03</div></div><div>攻击加成提升3.0%</div></div></li>
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">04</div></div><div>攻击加成提升3.0%<span class="card_content_feat-stage-cn">「沉默是金Ⅳ」</span></div></div></li>
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">04</div></div><div>攻击加成提升3.0%</div></div></li>
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">05</div></div><div><span class="card_accent">情报适配度提升1级:※2 → ※3</span><br/>攻击加成提升3.0%<span class="card_content_feat-stage-cn">「沉默是金Ⅴ」</span></div></div></li>
<li class="card_content_feat-list"><div class="card_content_feat-row"><div class="card_content_feat-stage-wrap"><p><span class="card_content_feat-stage">STAGE</span></p><div class="card_content_feat-number">05</div></div><div><span class="card_accent">情报适配度提升1级:※2 → ※3</span><br/>攻击加成提升3.0%<span class="card_content_feat-stage-cn">「沉默是金Ⅴ」</span></div></div></li>
</ul>
</ul>
第82行: 第104行:
<div class="card_timeline-unlock">Lv.20 解锁</div>
<div class="card_timeline-unlock">Lv.20 解锁</div>
<div class="card_timeline-title"><span class="card_timeline-numeral">Ⅰ</span><span class="card_timeline-chapter">复仇童谣</span><span class="card_timeline-label">/ Story</span></div>
<div class="card_timeline-title"><span class="card_timeline-numeral">Ⅰ</span><span class="card_timeline-chapter">复仇童谣</span><span class="card_timeline-label">/ Story</span></div>
<div class="card_timeline-body">夜已经深了,静谧的黑暗中,模糊的光微弱地闪烁着。<br/>今年格外寒冷,还不到落雪的时候,霜就已经攀上窗户。<br/>壁炉熊熊燃烧着,身穿洁白睡衣的孩子们围在壁炉边,像一群染上橘色的雪人。幽灵被他们簇拥于中间,面上仍然平淡地维持笑意。<br/>这群新收容的孩子格外闹腾,没有半点面对新环境的不安,几分钟前甚至还吵着让幽灵念睡前故事。<br/>抵不过他们的强烈要求,幽灵叹了口气,打开故事书。<br/>《愿望精灵》是那种普通、平淡,但又能在畅销榜上占据一席的故事。大概讲述了一个出身凄苦的男孩,身边人救助他并将这种救助包装成"精灵"实现愿望,而长大后的男孩以同样的方式救助别人。<br/>"最后,愿望精灵越来越多,大家都过上了幸福快乐的生活……"<br/>基本上都是幽灵无法理解的内容。<br/>故事果然是故事,全是放现实里行不通的事。说到底,没有利益,怎么可能将人群联系到一起?<br/>这些孩子们却对这个故事充满向往。幽灵看着他们的笑脸,摇摇头。他们和故事里的男孩处境相似,然而现实里哪里有无条件的救助,不过是接纳、笼络、而后利用罢了。<br/>"爱德华多哥哥,你也有愿望精灵吗?"</div>
<div class="card_timeline-body">夜已经深了,静谧的黑暗中,模糊的光微弱地闪烁着。<br/>今年格外寒冷,还不到落雪的时候,霜就已经攀上窗户。<br/>壁炉熊熊燃烧着,身穿洁白睡衣的孩子们围在壁炉边,像一群染上橘色的雪人。幽灵被他们簇拥于中间,面上仍然平淡地维持笑意。<br/>这群新收容的孩子格外闹腾,没有半点面对新环境的不安,几分钟前甚至还吵着让幽灵念睡前故事。<br/>抵不过他们的强烈要求,幽灵叹了口气,打开故事书。<br/>《愿望精灵》是那种普通、平淡,但又能在畅销榜上占据一席的故事。大概讲述了一个出身凄苦的男孩,身边人救助他并将这种救助包装成\"精灵\"实现愿望,而长大后的男孩以同样的方式救助别人。<br/>\"最后,愿望精灵越来越多,大家都过上了幸福快乐的生活……\"<br/>基本上都是幽灵无法理解的内容。<br/>故事果然是故事,全是放现实里行不通的事。说到底,没有利益,怎么可能将人群联系到一起?<br/>这些孩子们却对这个故事充满向往。幽灵看着他们的笑脸,摇摇头。他们和故事里的男孩处境相似,然而现实里哪里有无条件的救助,不过是接纳、笼络、而后利用罢了。<br/>\"爱德华多哥哥,你也有愿望精灵吗?\"</div>
</div>
</div>


第122行: 第144行:


<!--2-4. 邀约-->
<!--2-4. 邀约-->
<!--
<div style="height:12px;width:100%;"></div>
  邀约模块结构说明:
  - .card_content_invite-track 是相对定位容器,SVG 红线绝对覆盖其上
  - SVG 用一条贝塞尔曲线从左到右蜿蜒穿过五张票券,引导视觉流向
  - 奇数票(01/03/05)偏上,偶数票(02/04)偏下,交错排列
  - 偶数票带 CSS 占位图(.card_content_invite-img-placeholder)
  - 曲线路径经过每张票的大致中心点,形成 S 形引导线
-->
<div class="card_content_invite">
<div class="card_content-item-title card_content-item-title--mt">邀约<span class="card_content-item-subtitle">Date</span></div>
<div class="card_content-item-title card_content-item-title--mt">邀约<span class="card_content-item-subtitle">Date</span></div>
<div class="card_content-item-hr card_content-item-hr--mb12"></div>
<div class="card_content-item-hr card_content-item-hr--mb12"></div>


<div class="card_content_invite-track">
<div class="card_content_date">
<div class="card_content_date-track">
<ul class="card_content_date-list">
<!-- 01|方案A:左上角小方块 + 序号,无图,矮,margin-top偏大 -->
<li class="card_content_date-item card_content_date-item--style-a" style="margin-top:40px" data-date-index="0"><div class="card_content_date-body"><span class="card_content_date-num">01</span><span class="card_content_date-label">Story</span></div></li>
<!-- 02|方案B:像素进度条,有图,高,margin-top小 -->
<li class="card_content_date-item card_content_date-item--style-b card_content_date-item--has-img" style="margin-top:0px" data-date-index="1"><div class="card_content_date-img">[[file:test卡面.jpg|nolink]]</div><div class="card_content_date-body"><span class="card_content_date-num">02</span><span class="card_content_date-label">Story</span><div class="card_content_date-pixels" aria-hidden="true"><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px"></span><span class="px"></span><span class="px"></span><span class="px"></span><span class="px"></span><span class="px"></span><span class="px"></span><span class="px"></span><span class="px"></span><span class="px"></span><span class="px"></span><span class="px"></span></div></div></li>
<!-- 03|方案C:两端色块夹文字,无图,矮,margin-top偏大 -->
<li class="card_content_date-item card_content_date-item--style-c" style="margin-top:55px" data-date-index="2"><div class="card_content_date-body"><div class="card_content_date-bracket"><span class="bracket-block bracket-block--l"></span><span class="bracket-num">03</span><span class="bracket-label">Story</span><span class="bracket-block bracket-block--r"></span></div></div></li>
<!-- 04|方案D:右上角小方块,无图,矮,margin-top中等 -->
<li class="card_content_date-item card_content_date-item--style-d" style="margin-top:20px" data-date-index="3"><div class="card_content_date-body"><span class="card_content_date-num">04</span><span class="card_content_date-label">Story</span></div></li>
<!-- 05|方案B:满格进度条END,有图,高,margin-top小 -->
<li class="card_content_date-item card_content_date-item--style-b card_content_date-item--has-img card_content_date-item--end" style="margin-top:10px" data-date-index="4"><div class="card_content_date-img">[[file:banner.jpg|nolink]]</div><div class="card_content_date-body"><span class="card_content_date-num">05</span><span class="card_content_date-label">END</span><div class="card_content_date-pixels" aria-hidden="true"><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span><span class="px on"></span></div></div></li>
</ul>
</div>
</div>


  <!-- SVG 弯曲红线:贝塞尔曲线从左到右,随票券高低起伏 -->
<!--2-4-story. 邀约故事区(点击卡片后凭空出现)-->
  <!-- viewBox 用百分比坐标,响应式自适应 -->
<div class="card_date_story" id="date-story-panel" aria-live="polite">
  <svg class="card_content_invite-svg"
<div class="card_date_story-scene" id="date-story-scene">待补充</div>
      viewBox="0 0 1000 280"
<div class="card_date_story-body" id="date-story-body">
      preserveAspectRatio="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true">
    <!-- 主曲线:从左侧01票中部出发,波浪形穿越5张票,到右侧05票中部 -->
    <!-- 控制点设计:奇数票 Y≈80(偏上区域),偶数票 Y≈200(偏下区域) -->
    <path
      d="M 60,80
        C 120,80  160,200  220,200
        C 280,200 320,80  420,80
        C 480,80  520,200  620,200
        C 680,200 720,80  820,80
        C 880,80  920,80  960,80"
      fill="none"
      stroke="#ed4141"
      stroke-width="1.5"
      stroke-linecap="round"
      opacity="0.55"
    />
    <!-- 小圆点:标记每张票的连接节点 -->
    <circle cx="100" cy="80"  r="3" fill="#ed4141" opacity="0.7"/>
    <circle cx="270"  cy="200" r="3" fill="#ed4141" opacity="0.7"/>
    <circle cx="470" cy="80"  r="3" fill="#ed4141" opacity="0.7"/>
    <circle cx="670"  cy="200" r="3" fill="#ed4141" opacity="0.7"/>
    <circle cx="900"  cy="80"  r="3" fill="#ed4141" opacity="0.7"/>
  </svg>


  <!-- 五张票券 -->
<!-- ── 01 的故事内容,默认显示(JS会按需切换) ── -->
  <ul class="card_content_invite-list">
<div class="card_date_story-content" data-story-index="0">
<div class="card_date_story-narration">夜风从半开的窗缝钻进来,带着一点潮湿的气息。</div>
<div class="card_date_story-dialogue card_date_story-dialogue--left"><div class="card_date_story-avatar"><div class="card_date_story-avatar-placeholder"></div></div><div class="card_date_story-dialogue-content"><span class="card_date_story-charname">幽灵</span><span class="card_date_story-text">「好久不见。」</span></div></div>
<div class="card_date_story-narration">沉默在两人之间蔓延,像溢出杯沿的咖啡。</div>
<div class="card_date_story-dialogue card_date_story-dialogue--right"><div class="card_date_story-dialogue-content"><span class="card_date_story-text">「嗯……好久不见。」</span></div><div class="card_date_story-avatar"><div class="card_date_story-avatar-placeholder"></div></div></div>
<div class="card_date_story-dialogue card_date_story-dialogue--left"><div class="card_date_story-avatar"><div class="card_date_story-avatar-placeholder"></div></div><div class="card_date_story-dialogue-content"><span class="card_date_story-charname">幽灵</span><span class="card_date_story-text">「你还是一个人来吗?」</span></div></div>
<div class="card_date_story-dialogue card_date_story-dialogue--right"><div class="card_date_story-dialogue-content"><span class="card_date_story-text">「……有时候吧。」</span></div><div class="card_date_story-avatar"><div class="card_date_story-avatar-placeholder"></div></div></div>
</div>


    <!-- 01:纯文字,偏上 -->
<!-- ── 02 的故事内容 ── -->
    <li class="card_content_invite-item">
<div class="card_date_story-content" data-story-index="1">
      <div class="card_content_invite-body">
<div class="card_date_story-narration">故事内容待补充……</div>
        <div class="card_content_invite-title">邀约片段标题一</div>
</div>
        <span class="card_content_invite-num">01</span>
        <span class="card_content_invite-label">Story</span>
      </div>
    </li>


    <!-- 02:带占位图,偏下 -->
<!-- ── 03 的故事内容 ── -->
    <li class="card_content_invite-item">
<div class="card_date_story-content" data-story-index="2">
      <div class="card_content_invite-img-placeholder">[ image ]</div>
<div class="card_date_story-narration">故事内容待补充……</div>
      <div class="card_content_invite-body">
</div>
        <div class="card_content_invite-title">邀约片段标题二</div>
        <span class="card_content_invite-num">02</span>
        <span class="card_content_invite-label">Story</span>
      </div>
    </li>


    <!-- 03:纯文字,偏上 -->
<!-- ── 04 的故事内容 ── -->
    <li class="card_content_invite-item">
<div class="card_date_story-content" data-story-index="3">
      <div class="card_content_invite-body">
<div class="card_date_story-narration">故事内容待补充……</div>
        <div class="card_content_invite-title">邀约片段标题三</div>
</div>
        <span class="card_content_invite-num">03</span>
        <span class="card_content_invite-label">Story</span>
      </div>
    </li>


    <!-- 04:带占位图,偏下 -->
<!-- ── 05 的故事内容 ── -->
    <li class="card_content_invite-item">
<div class="card_date_story-content" data-story-index="4">
      <div class="card_content_invite-img-placeholder">[ image ]</div>
<div class="card_date_story-narration">故事内容待补充……</div>
      <div class="card_content_invite-body">
</div>
        <div class="card_content_invite-title">邀约片段标题四</div>
        <span class="card_content_invite-num">04</span>
        <span class="card_content_invite-label">Story</span>
      </div>
    </li>


    <!-- 05:纯文字,偏上,END -->
</div>
    <li class="card_content_invite-item">
</div>
      <div class="card_content_invite-body">
        <div class="card_content_invite-title">邀约片段标题五</div>
        <span class="card_content_invite-num">05</span>
        <span class="card_content_invite-label">END</span>
      </div>
    </li>
 
  </ul>
</div><!-- track 结束 -->
</div><!-- 邀约结束 -->


</div><!--右栏结束-->
</div><!--右栏结束-->

2026年3月8日 (日) 22:44的最新版本

特攻
我说这是私欲
复仇童谣 · 幽灵
信息Info
等级 100 Lv. Max
生命
150044
攻击
8655
防御
4875
暴击率
5%
暴击伤害
50%
映像Reflection
固定攻击
150044
固定生命
150044
伤害加成
150044%

通用属性(不论星级,加成数值一致,3项*3条属性*15级

重构


认知Cognition
礼物名❤ + 5
材质特殊的笔记本。防水,耐磨,耐脏,哪怕跌进污泥也不会损毁分毫,无言地守护着他以好奇心和观察力培育出的果实。
礼物名2❤ + 2
材质特殊的笔记本。防水,耐磨,耐脏,哪怕跌进污泥也不会损毁分毫,无言地守护着他以好奇心和观察力培育出的果实。


战斗技能Tactical
复仇的低吟「普通攻击」
使用武器 炸弹
对敌方造成89%1伤害。
2
3
4
5
6
7
8
9
10
1伤害
110%
130%
150%
170%
200%
2持续伤害
附加
延长
强度↑
3攻击次数
额外↑
奇袭战术「被动」
触发条件 每进行15次普攻
单体
持续伤害
对当前目标方向投掷3把匕首,共造成111%1伤害,若目标存在[持续伤害]效果,则本次伤害提升80%2
2
3
4
5
6
7
8
9
10
1触发次数
12次
10次
8次
5次
2伤害提升
+20%
+40%
+60%
3匕首数量
4把
5把
无名的阵列「终结技」
欲火消耗 4
群攻
持续伤害
对扇形范围内敌方造成305%1伤害,若目标存在[持续伤害],则本次伤害提升50%2。每存在一层[持续伤害],追加13%3伤害
2
3
4
5
6
7
8
9
1伤害
320%
335%
350%
370%
2提升
55%
60%
65%
70%
3追加/层
16%
19%
22%
觉醒Feat
  • STAGE

    01
    终结技对存在[持续伤害]的目标,伤害额外提升10%。
    攻击加成提升3.0%「沉默是金Ⅰ」
  • STAGE

    02
    攻击加成提升3.0%
  • STAGE

    03
    攻击加成提升3.0%
  • STAGE

    04
    攻击加成提升3.0%
  • STAGE

    05
    情报适配度提升1级:※2 → ※3
    攻击加成提升3.0%「沉默是金Ⅴ」
小传Story
收起
Lv.20 解锁
复仇童谣/ Story
夜已经深了,静谧的黑暗中,模糊的光微弱地闪烁着。
今年格外寒冷,还不到落雪的时候,霜就已经攀上窗户。
壁炉熊熊燃烧着,身穿洁白睡衣的孩子们围在壁炉边,像一群染上橘色的雪人。幽灵被他们簇拥于中间,面上仍然平淡地维持笑意。
这群新收容的孩子格外闹腾,没有半点面对新环境的不安,几分钟前甚至还吵着让幽灵念睡前故事。
抵不过他们的强烈要求,幽灵叹了口气,打开故事书。
《愿望精灵》是那种普通、平淡,但又能在畅销榜上占据一席的故事。大概讲述了一个出身凄苦的男孩,身边人救助他并将这种救助包装成\"精灵\"实现愿望,而长大后的男孩以同样的方式救助别人。
\"最后,愿望精灵越来越多,大家都过上了幸福快乐的生活……\"
基本上都是幽灵无法理解的内容。
故事果然是故事,全是放现实里行不通的事。说到底,没有利益,怎么可能将人群联系到一起?
这些孩子们却对这个故事充满向往。幽灵看着他们的笑脸,摇摇头。他们和故事里的男孩处境相似,然而现实里哪里有无条件的救助,不过是接纳、笼络、而后利用罢了。
\"爱德华多哥哥,你也有愿望精灵吗?\"
Lv.40 解锁
灰烬与火/ Story
第二段小传正文……
Lv.60 解锁
第三章标题/ Story
第三段小传正文……
Lv.80 解锁
第四章标题/ Story
第四段小传正文……
Lv.100 解锁
终章标题/ Story
第五段小传正文……
邀约Date
待补充
夜风从半开的窗缝钻进来,带着一点潮湿的气息。
幽灵「好久不见。」
沉默在两人之间蔓延,像溢出杯沿的咖啡。
「嗯……好久不见。」
幽灵「你还是一个人来吗?」
「……有时候吧。」
故事内容待补充……
故事内容待补充……
故事内容待补充……
故事内容待补充……

模板:Cardcss