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

Sandbox/2.0:修订间差异

来自夜幕之下
Rin留言 | 贡献
小传下方新增邀约模块(五张票券交错排列) (via update-page on MediaWiki MCP Server)
Rin留言 | 贡献
邀约模块重新设计:SVG弯曲红线引导+简化票券+CSS占位图;去掉img标签 (via update-page on MediaWiki MCP Server)
第82行: 第82行:
<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行: 第122行:


<!--2-4. 邀约-->
<!--2-4. 邀约-->
<!-- 票券结构说明:
<!--
    奇数(01/03/05):纯文字票,位置偏上
  邀约模块结构说明:
    偶数(02/04):带图片票,位置偏下(margin-top由CSS控制)
  - .card_content_invite-track 是相对定位容器,SVG 红线绝对覆盖其上
    每张票券由 顶部孔 + 顶锯齿(::before) + body + 底锯齿(::after) 构成
  - SVG 用一条贝塞尔曲线从左到右蜿蜒穿过五张票券,引导视觉流向
  - 奇数票(01/03/05)偏上,偶数票(02/04)偏下,交错排列
  - 偶数票带 CSS 占位图(.card_content_invite-img-placeholder)
  - 曲线路径经过每张票的大致中心点,形成 S 形引导线
-->
-->
<div class="card_content_invite">
<div class="card_content_invite">
第131行: 第134行:
<div class="card_content-item-hr card_content-item-hr--mb12"></div>
<div class="card_content-item-hr card_content-item-hr--mb12"></div>


<ul class="card_content_invite-list">
<div class="card_content_invite-track">


   <!-- 01:纯文字,偏上 -->
   <!-- SVG 弯曲红线:贝塞尔曲线从左到右,随票券高低起伏 -->
   <li class="card_content_invite-item">
   <!-- viewBox 用百分比坐标,响应式自适应 -->
     <div class="card_content_invite-hole"></div>
  <svg class="card_content_invite-svg"
     <div class="card_content_invite-body">
      viewBox="0 0 1000 280"
       <div class="card_content_invite-title">邀约片段标题一</div>
      preserveAspectRatio="none"
      <span class="card_content_invite-num">01</span>
      xmlns="http://www.w3.org/2000/svg"
      <span class="card_content_invite-label">Story</span>
      aria-hidden="true">
     </div>
     <!-- 主曲线:从左侧01票中部出发,波浪形穿越5张票,到右侧05票中部 -->
   </li>
    <!-- 控制点设计:奇数票 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>


   <!-- 02:带图,偏下 -->
   <!-- 五张票券 -->
   <li class="card_content_invite-item">
   <ul class="card_content_invite-list">
    <div class="card_content_invite-hole"></div>
    <img class="card_content_invite-img" src="" alt="邀约02插图"/>
    <div class="card_content_invite-body">
      <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:纯文字,偏上 -->
    <!-- 01:纯文字,偏上 -->
  <li class="card_content_invite-item">
    <li class="card_content_invite-item">
    <div class="card_content_invite-hole"></div>
      <div class="card_content_invite-body">
    <div class="card_content_invite-body">
        <div class="card_content_invite-title">邀约片段标题一</div>
      <div class="card_content_invite-title">邀约片段标题三</div>
        <span class="card_content_invite-num">01</span>
      <span class="card_content_invite-num">03</span>
        <span class="card_content_invite-label">Story</span>
      <span class="card_content_invite-label">Story</span>
      </div>
    </div>
    </li>
  </li>


  <!-- 04:带图,偏下 -->
    <!-- 02:带占位图,偏下 -->
  <li class="card_content_invite-item">
    <li class="card_content_invite-item">
    <div class="card_content_invite-hole"></div>
      <div class="card_content_invite-img-placeholder">[ image ]</div>
    <img class="card_content_invite-img" src="" alt="邀约04插图"/>
      <div class="card_content_invite-body">
    <div class="card_content_invite-body">
        <div class="card_content_invite-title">邀约片段标题二</div>
      <div class="card_content_invite-title">邀约片段标题四</div>
        <span class="card_content_invite-num">02</span>
      <span class="card_content_invite-num">04</span>
        <span class="card_content_invite-label">Story</span>
      <span class="card_content_invite-label">Story</span>
      </div>
    </div>
    </li>
  </li>


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


</ul>
    <!-- 04:带占位图,偏下 -->
</div>
    <li class="card_content_invite-item">
      <div class="card_content_invite-img-placeholder">[ image ]</div>
      <div class="card_content_invite-body">
        <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 -->
    <li class="card_content_invite-item">
      <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月5日 (四) 20:17的版本

特攻
我说这是私欲
复仇童谣 · 幽灵
信息Info
等级 100 Lv. Max
生命
150044
攻击
8655
防御
4875
暴击率
5%
暴击伤害
50%
战斗技能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
 <svg class="card_content_invite-svg"
      viewBox="0 0 1000 280"
      preserveAspectRatio="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true">
   <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
           Story
    
  • [ image ]
    邀约片段标题二
           02
           Story
    
  • 邀约片段标题三
           03
           Story
    
  • [ image ]
    邀约片段标题四
           04
           Story
    
  • 邀约片段标题五
           05
           END
    

模板:Cardcss