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

Sandbox/2.0:修订间差异

来自夜幕之下
Rin留言 | 贡献
邀约模块重新设计:SVG弯曲红线引导+简化票券+CSS占位图;去掉img标签 (via update-page on MediaWiki MCP Server)
Rin留言 | 贡献
邀约模块重写:class改date-,去标题,去行首空格,磨砂卡片,占位图内嵌,数字左上角,SVG红线设计感优化 (via update-page on MediaWiki MCP Server)
第123行: 第123行:
<!--2-4. 邀约-->
<!--2-4. 邀约-->
<!--
<!--
  邀约模块结构说明:
邀约模块结构说明:
  - .card_content_invite-track 是相对定位容器,SVG 红线绝对覆盖其上
- .card_content_date-track 是 relative 容器,SVG 红线绝对定位覆盖其上
  - SVG 用一条贝塞尔曲线从左到右蜿蜒穿过五张票券,引导视觉流向
- SVG 由多段贝塞尔曲线组成,粗细不同,形成有设计感的引导线
  - 奇数票(01/03/05)偏上,偶数票(02/04)偏下,交错排列
- 奇数卡(01/03/05)偏上,偶数卡(02/04)偏下
  - 偶数票带 CSS 占位图(.card_content_invite-img-placeholder)
- 有占位图的卡片:.card_content_date-img 放在卡片顶部(不额外占独立空间)
  - 曲线路径经过每张票的大致中心点,形成 S 形引导线
- 大数字装饰放左上角,不与 Story/END 标签重叠
-->
-->
<div class="card_content_invite">
<div class="card_content_date">
<div class="card_content-item-title card_content-item-title--mt">邀约<span class="card_content-item-subtitle">Date</span></div>
<div class="card_content_date-track">
<div class="card_content-item-hr card_content-item-hr--mb12"></div>
<!--
 
SVG 引导红线设计说明:
<div class="card_content_invite-track">
- viewBox="0 0 1000 320",preserveAspectRatio="none" 自适应宽度
 
- 用三段不同 stroke-width 的路径叠加,模拟粗细变化(笔触感)
  <!-- SVG 弯曲红线:贝塞尔曲线从左到右,随票券高低起伏 -->
- 主线较细(1.2px),中段经过偶数票时加粗(3px),收尾渐细
  <!-- viewBox 用百分比坐标,响应式自适应 -->
- 五个菱形节点(◇)标记每张票的停靠点,比圆点更有设计感
  <svg class="card_content_invite-svg"
- 整体走向:从左上(01)→ 右下(02)→ 左上(03)→ 右下(04)→ 左上(05)
      viewBox="0 0 1000 280"
- 贝塞尔控制点使曲线弧度圆润自然
      preserveAspectRatio="none"
-->
      xmlns="http://www.w3.org/2000/svg"
<svg class="card_content_date-svg" viewBox="0 0 1000 320" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
      aria-hidden="true">
<defs>
    <!-- 主曲线:从左侧01票中部出发,波浪形穿越5张票,到右侧05票中部 -->
<linearGradient id="lineGrad" x1="0%" y1="0%" x2="100%" y2="0%">
    <!-- 控制点设计:奇数票 Y≈80(偏上区域),偶数票 Y≈200(偏下区域) -->
<stop offset="0%" stop-color="#ed4141" stop-opacity="0.25"/>
    <path
<stop offset="20%" stop-color="#ed4141" stop-opacity="0.6"/>
      d="M 60,80
<stop offset="50%" stop-color="#ed4141" stop-opacity="0.85"/>
        C 120,80  160,200  220,200
<stop offset="80%" stop-color="#ed4141" stop-opacity="0.6"/>
        C 280,200 320,80  420,80
<stop offset="100%" stop-color="#ed4141" stop-opacity="0.2"/>
        C 480,80  520,200  620,200
</linearGradient>
        C 680,200 720,80  820,80
</defs>
        C 880,80  920,80  960,80"
<!-- 底层:细描边,完整路径,营造阴影/光晕感 -->
      fill="none"
<path d="M 80,90 C 140,90 160,220 260,220 C 340,220 380,90 460,90 C 540,90 560,220 660,220 C 740,220 780,90 900,90" fill="none" stroke="#ed4141" stroke-width="4" stroke-linecap="round" opacity="0.08"/>
      stroke="#ed4141"
<!-- 主线:用渐变色,中等粗细 -->
      stroke-width="1.5"
<path d="M 80,90 C 140,90 160,220 260,220 C 340,220 380,90 460,90 C 540,90 560,220 660,220 C 740,220 780,90 900,90" fill="none" stroke="url(#lineGrad)" stroke-width="1.5" stroke-linecap="round"/>
      stroke-linecap="round"
<!-- 强调段:01→02 这段加粗,暗示"开始" -->
      opacity="0.55"
<path d="M 80,90 C 140,90 160,220 260,220" fill="none" stroke="#ed4141" stroke-width="2.5" stroke-linecap="round" opacity="0.5"/>
    />
<!-- 强调段:04→05 这段加粗,暗示"结束" -->
    <!-- 小圆点:标记每张票的连接节点 -->
<path d="M 660,220 C 740,220 780,90 900,90" fill="none" stroke="#ed4141" stroke-width="2.5" stroke-linecap="round" opacity="0.5"/>
    <circle cx="100" cy="80"  r="3" fill="#ed4141" opacity="0.7"/>
<!-- 节点:菱形,标记五张票的停靠点 -->
    <circle cx="270" cy="200" r="3" fill="#ed4141" opacity="0.7"/>
<!-- 01:左上 -->
    <circle cx="470" cy="80"  r="3" fill="#ed4141" opacity="0.7"/>
<polygon points="80,82 87,90 80,98 73,90" fill="#ed4141" opacity="0.7"/>
    <circle cx="670" cy="200" r="3" fill="#ed4141" opacity="0.7"/>
<!-- 02:右下 -->
    <circle cx="900" cy="80"  r="3" fill="#ed4141" opacity="0.7"/>
<polygon points="260,212 267,220 260,228 253,220" fill="#ed4141" opacity="0.7"/>
  </svg>
<!-- 03:中上 -->
 
<polygon points="460,82 467,90 460,98 453,90" fill="#ed4141" opacity="0.7"/>
  <!-- 五张票券 -->
<!-- 04:右下 -->
  <ul class="card_content_invite-list">
<polygon points="660,212 667,220 660,228 653,220" fill="#ed4141" opacity="0.7"/>
 
<!-- 05:右上 -->
    <!-- 01:纯文字,偏上 -->
<polygon points="900,82 907,90 900,98 893,90" fill="#ed4141" opacity="0.7"/>
    <li class="card_content_invite-item">
</svg>
      <div class="card_content_invite-body">
        <div class="card_content_invite-title">邀约片段标题一</div>
        <span class="card_content_invite-num">01</span>
        <span class="card_content_invite-label">Story</span>
      </div>
    </li>
 
    <!-- 02:带占位图,偏下 -->
    <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">02</span>
        <span class="card_content_invite-label">Story</span>
      </div>
    </li>
 
    <!-- 03:纯文字,偏上 -->
    <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">03</span>
        <span class="card_content_invite-label">Story</span>
      </div>
    </li>
 
    <!-- 04:带占位图,偏下 -->
    <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 结束 -->
<ul class="card_content_date-list">
</div><!-- 邀约结束 -->
<!-- 01:无图,偏上 -->
<li class="card_content_date-item">
<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:有占位图,偏下 -->
<li class="card_content_date-item">
<div class="card_content_date-img">image</div>
<div class="card_content_date-body">
<span class="card_content_date-num">02</span>
<span class="card_content_date-label">Story</span>
</div>
</li>
<!-- 03:无图,偏上 -->
<li class="card_content_date-item">
<div class="card_content_date-body">
<span class="card_content_date-num">03</span>
<span class="card_content_date-label">Story</span>
</div>
</li>
<!-- 04:有占位图,偏下 -->
<li class="card_content_date-item">
<div class="card_content_date-img">image</div>
<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:无图,偏上,END -->
<li class="card_content_date-item">
<div class="card_content_date-body">
<span class="card_content_date-num">05</span>
<span class="card_content_date-label">END</span>
</div>
</li>
</ul>
</div>
</div>


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

2026年3月5日 (四) 20:27的版本

特攻
我说这是私欲
复仇童谣 · 幽灵
信息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
第五段小传正文……

模板:Cardcss