[{"data":1,"prerenderedAt":2381},["ShallowReactive",2],{"\u002F2026\u002F02\u002Fwutheringwavespostwidget":3,"index_posts":1878,"surround-\u002F2026\u002F02\u002Fwutheringwavespostwidget":2376},{"id":4,"title":5,"body":6,"categories":1851,"date":1853,"description":1854,"draft":1855,"extension":375,"image":1856,"meta":1857,"navigation":1859,"path":1860,"permalink":1861,"published":1861,"readingTime":1862,"recommend":1867,"references":1861,"seo":1868,"sitemap":1869,"stem":1870,"subtitle":1861,"tags":1871,"type":1875,"updated":1876,"__hash__":1877},"content\u002Fposts\u002F2026\u002F02\u002FWutheringWavesPostWidget.md","【鸣潮】档案文章组件",{"type":7,"value":8,"toc":1826},"minimark",[9,13,17,32,35,39,111,115,379,382,440,443,518,521,691,694,766,770,882,885,1125,1129,1240,1243,1415,1418,1421,1443,1446,1451,1462,1466,1498,1503,1537,1542,1584,1589,1648,1653,1674,1679,1693,1697,1724,1729,1749,1754,1759,1764,1775,1780,1800,1805,1813,1818],[10,11,12],"h2",{"id":12},"前言",[14,15,16],"p",{},"最近，刚好也是游玩了鸣潮这款游戏，然后在B站上看到了一些关于鸣潮的电子设定类网站，观摩了下打算在使用组件来写。在这个过程中，会去除了一些光效并采用自己之前写的一个卡片类文章组件。",[18,19,22,29],"alert",{":card":20,"type":21},"true","warning",[23,24,26],"template",{"v-slot:title":25},"",[14,27,28],{},"注意",[14,30,31],{},"大多数组件未适配多角色类型，可以在该版本的基础上进行优化，在本站适配完全部角色后会移除该提示。",[10,33,34],{"id":34},"档案组件",[36,37,38],"h3",{"id":38},"人物主体",[40,41,43,57],"tab",{":tabs":42},"[\"组件代码\", \"组件预览\"]",[23,44,45],{"v-slot:tab1":25},[46,47,54],"pre",{"className":48,"code":50,"filename":51,"language":52,"meta":53},[49],"language-vue","\u003Cscript setup lang=\"ts\">\nimport Title from '..\u002Fcard\u002Ftitle.vue';\n\n\u002F\u002F ==================== 类型定义 ====================\ninterface Props {\n  类型: '爱弥斯' | '尤诺' | '奥古斯塔';\n  头像: string;\n  徽章: Record\u003Cstring, string>;\n  名字: string;\n  标签: Record\u003Cstring, string>;\n  简介: string[];\n  详情信息: Record\u003Cstring, string>;\n  档案: {\n    具体信息: Array\u003C{\n      序号: number;\n      徽章: string;\n    }>;\n    外挂信息: {\n      简介: string[];\n    };\n    顶栏信息: {\n      主标题: string;\n    };\n  };\n}\n\nconst props = defineProps\u003CProps>();\n\n\u002F\u002F ==================== 计算属性 ====================\nconst getInfoGridColumns = (type: string): number => {\n  const columnMap: Record\u003Cstring, number> = {\n    爱弥斯: 4,\n    尤诺: 3,\n    奥古斯塔: 3,\n  };\n  return columnMap[type] || 3;\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"hero-main\">\n    \u003Cdiv class=\"hero-card\">\n      \u003C!-- ==================== 左侧头像区 ==================== -->\n      \u003Cdiv class=\"left-info\">\n        \u003CNuxtImg class=\"avatar-image\" :src=\"头像\" \u002F>\n        \u003Ch3 class=\"avatar-name\">{{ 名字 }}\u003C\u002Fh3>\n        \u003Cdiv class=\"avatar-meta\">\n          \u003Cspan\n            v-for=\"[key, value] in Object.entries(徽章 ?? {})\"\n            :key=\"key\"\n            class=\"meta-tag\"\n          >\n            {{ key }}:{{ value }}\n          \u003C\u002Fspan>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n\n      \u003C!-- ==================== 右侧内容区 ==================== -->\n      \u003Cdiv class=\"right-info\">\n        \u003Cdiv class=\"panel-main\">\n          \u003C!-- 简介 -->\n          \u003CTitle title=\"简介\" \u002F>\n          \u003Cdiv class=\"hero-desc\">\n            \u003Cslot name=\"desc\" \u002F>\n          \u003C\u002Fdiv>\n\n          \u003C!-- 标签 -->\n          \u003CTitle title=\"标签\" \u002F>\n          \u003Cdiv class=\"tag-container\">\n            \u003Cspan\n              v-for=\"[key, value] in Object.entries(标签 ?? {})\"\n              :key=\"key\"\n              class=\"tag\"\n            >\n              #{{ value }}\n            \u003C\u002Fspan>\n          \u003C\u002Fdiv>\n\n          \u003C!-- 详情信息 -->\n          \u003CTitle title=\"详情信息\" \u002F>\n          \u003Cdiv\n            class=\"info-grid\"\n            :style=\"{ gridTemplateColumns: `repeat(${getInfoGridColumns(类型)}, 1fr)` }\"\n          >\n            \u003Cdiv\n              v-for=\"[key, value] in Object.entries(详情信息 ?? {})\"\n              :key=\"key\"\n              class=\"info-item\"\n            >\n              \u003Cdiv class=\"info-label\">{{ key }}\u003C\u002Fdiv>\n              \u003Cdiv class=\"info-value\">{{ value }}\u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n\n          \u003C!-- 档案 -->\n          \u003CTitle :title=\"档案?.顶栏信息.主标题\" \u002F>\n          \u003Cdiv\n            v-for=\"data in 档案?.具体信息\"\n            :key=\"data.序号\"\n            class=\"status-card\"\n            :class=\"`type-${类型}`\"\n          >\n            \u003Cdiv class=\"status-header\">\n              \u003Cdiv\n                v-for=\"(item, index) in 档案.外挂信息.简介 ?? []\"\n                v-show=\"data.序号 === index + 1\"\n                :key=\"index\"\n                class=\"header-title\"\n              >\n                {{ item }}\n              \u003C\u002Fdiv>\n              \u003Cdiv\n                v-if=\"类型 === '爱弥斯'\"\n                class=\"header-badge\"\n                :class=\"`badge-${data.序号}`\"\n              >\n                {{ data.徽章 }}\n              \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"status-content\">\n              \u003Cdiv\n                v-for=\"statusIndex in 档案?.外挂信息.简介.length\"\n                v-show=\"data.序号 === statusIndex\"\n                :key=\"statusIndex\"\n              >\n                \u003Cslot :name=\"`status${statusIndex}`\" \u002F>\n              \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\" scoped>\n\u002F* ==================== 主容器样式(保持原样) ==================== *\u002F\n.hero-main {\n  width: 100%;\n  height: 320px;\n  background: var(--ld-bg-card);\n  border: 1px solid var(--c-border);\n  border-radius: 0.75rem;\n  margin: 1.5rem 0;\n  overflow: hidden;\n  transition: border-color 0.3s ease;\n  display: flex;\n}\n\n.hero-card {\n  flex: 1;\n  display: flex;\n  gap: 1rem;\n  padding: 1rem;\n  overflow: hidden;\n}\n\n\u002F* ==================== 左侧头像区(保持原样) ==================== *\u002F\n.left-info {\n  position: relative;\n  flex-shrink: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  width: 200px;\n  padding: 12px;\n  border-radius: 16px;\n  border: 2px solid transparent;\n  background-clip: padding-box;\n  transition: all 0.3s;\n  overflow: hidden;\n\n  .avatar-image {\n    width: 100%;\n    height: auto;\n    border-radius: 12px;\n    display: block;\n  }\n\n  .avatar-name {\n    margin-top: 8px;\n    font-size: 14px;\n    font-weight: 700;\n    text-align: center;\n    color: var(--c-text);\n  }\n\n  .avatar-meta {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    align-items: center;\n    justify-content: center;\n    margin-top: 4px;\n\n    .meta-tag {\n      font-size: 12px;\n      font-weight: 600;\n      color: var(--c-text-sub);\n      background: rgba(255, 140, 176, 0.1);\n      padding: 2px 6px;\n      border-radius: 4px;\n      border: 1px solid var(--pink-core);\n    }\n  }\n}\n\n\u002F* ==================== 右侧内容区(保持原样) ==================== *\u002F\n.right-info {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  overflow-y: auto;\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.panel-main {\n  position: relative;\n  z-index: 6;\n\n  .hero-desc {\n    font-size: 14px;\n    color: var(--c-text-content);\n    line-height: 1.6;\n    margin-bottom: 1rem;\n  }\n}\n\n\u002F* ==================== 标签样式(保持原样) ==================== *\u002F\n.tag-container {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 0.3em 0.6em;\n  margin: 0.5em 0;\n\n  .tag {\n    background-color: var(--c-bg-soft);\n    border-radius: 0.4em;\n    color: var(--c-text-soft);\n    font-size: 0.9em;\n    padding: 0.25em 0.6em;\n    transition: all 0.2s;\n    cursor: pointer;\n\n    &:hover {\n      background-color: var(--c-primary-soft);\n      color: var(--c-primary);\n    }\n  }\n}\n\n\u002F* ==================== 详情信息网格(保持原样) ==================== *\u002F\n.info-grid {\n  display: grid;\n  gap: 0.4rem;\n  margin: 0.5em 0;\n  font-size: 1rem;\n}\n\n.info-item {\n  display: flex;\n  flex-direction: column;\n  gap: 0.1rem;\n  margin: 0.5em 0;\n\n  .info-label {\n    color: var(--c-text-2);\n    font-size: 0.8rem;\n    font-weight: 500;\n  }\n\n  .info-value {\n    color: var(--c-text);\n    font-size: 0.8rem;\n    word-break: break-word;\n  }\n}\n\n\u002F* ==================== 档案状态卡(保持原样) ==================== *\u002F\n.status-card {\n  background: rgba(122, 92, 61, 0.08);\n  border-radius: 6px;\n  padding: 10px;\n  margin-top: 0.5em;\n\n  .status-header {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    margin-bottom: 6px;\n\n    .header-title {\n      font-weight: 600;\n      color: var(--c-text);\n    }\n\n    .header-badge {\n      font-size: 0.75rem;\n      padding: 2px 6px;\n      border-radius: 4px;\n\n      &.badge-1 {\n        background: rgba(255, 0, 0, 0.2);\n        color: #ff6b85;\n      }\n    }\n  }\n\n  &.type-尤诺 .status-header {\n    margin-bottom: 2px;\n  }\n\n  .status-content {\n    font-size: 13px;\n    color: var(--c-text-content);\n    line-height: 1.5;\n  }\n}\n\n\u002F* ==================== 移动端适配(保持原样) ==================== *\u002F\n@media screen and (max-width: 768px) {\n  .hero-main {\n    height: auto;\n    margin: 1rem 0;\n    border-radius: 0.5rem;\n  }\n\n  .hero-card {\n    flex-direction: column;\n    gap: 0.5rem;\n    padding: 0.75rem;\n  }\n\n  .left-info {\n    width: 100%;\n    padding: 0.5rem;\n    border-radius: 10px;\n\n    .avatar-image {\n      width: 200px;\n      height: 200px;\n      border-radius: 8px;\n    }\n\n    .avatar-name {\n      font-size: 12px;\n      margin-top: 4px;\n    }\n\n    .avatar-meta {\n      font-size: 0.7rem;\n      gap: 4px;\n\n      .meta-tag {\n        font-size: 0.7rem;\n        padding: 3px 6px;\n        border-radius: 6px;\n      }\n    }\n  }\n\n  .panel-main {\n    .hero-desc {\n      font-size: 0.85rem;\n      line-height: 1.4;\n    }\n  }\n\n  .tag-container {\n    gap: 0.2em 0.4em;\n\n    .tag {\n      font-size: 0.75em;\n      padding: 0.2em 0.5em;\n    }\n  }\n\n  .info-grid {\n    grid-template-columns: repeat(3, 1fr) !important;\n    gap: 0.2rem;\n    font-size: 0.8rem;\n  }\n\n  .info-item {\n    gap: 0.1rem;\n\n    .info-label,\n    .info-value {\n      font-size: 0.75rem;\n    }\n  }\n\n  .status-card {\n    padding: 8px;\n    border-radius: 5px;\n\n    .status-header {\n      gap: 6px;\n      margin-bottom: 4px;\n    }\n\n    .status-content {\n      font-size: 0.8rem;\n      line-height: 1.4;\n    }\n  }\n}\n\u003C\u002Fstyle>\n","heroMain.vue","vue","lang=\"ts\"",[55,56,50],"code",{"__ignoreMap":25},[23,58,59],{"v-slot:tab2":25},[60,61,68,81,106],"hero",{":徽章":62,":标签":63,":档案":64,":详情信息":65,"名字":66,"头像":67,"类型":66},"{\"称号\":\"电子幽灵\"}","[\"星炬学院拉贝尔学部\",\"隧者适格者\",\"飞行雪绒\"]","{\"具体信息\":[{\"序号\":1,\"徽章\":\"▇▂▇数据损毁▇▋▌\"},{\"序号\":2}],\"外挂信息\":{\"简介\":[\"频谱检验报告\",\"超频诊断报告\"]},\"顶栏信息\":{\"主标题\":\"共鸣状况 · 电子幽灵档案\"}}","{\"首次登场\":\"3.0版本\",\"正式实装\":\"3.1版本\",\"共鸣属性\":\"热熔\",\"武器\":\"讯刀\",\"共鸣能力\":\"长航的星辉\"}","爱弥斯","\u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FAvatar\u002Fams.jpg",[23,69,70],{"v-slot:desc":25},[14,71,72,73,80],{},"曾是星炬学院的隧者适格者，如今已成为在星海轻歌的",[74,75,79],"span",{"className":76,"style":78},[77],"highlight","color: var(--pink-core);text-shadow: 0 0 8px var(--pink-core);","电子幽灵","。她在寂静的星海中飞行，星屑在身侧崩解，时间在身后消亡。漫漫孤寂并未消失，它只是被拉伸、稀释、重塑，最终成为她羽翼的一部分。“我知道，只要抬头，那颗星总能找到我。”",[23,82,83,102],{"v-slot:status1":25},[14,84,85,86,91,92,96,97,101],{},"「调自深空联合：星炬学院 学生档案」 「共鸣能力检验报告 RA2362-G」 学生姓名：爱弥斯 是否具有适格者资质：是 共鸣能力概述：受试样本拉贝尔曲线呈稳定上升态，最终趋向稳定波动，检测结果判断为自然型共鸣者，声痕位于胸口。 根据入学前提交的个人档案与学生自述，对象▇▇▂▇▋▌▏▉█……",[74,87,90],{"className":88},[89],"glitch-text","很遗憾，这份报告现在已经没有参考价值了，毕竟是生前的记录了~","就让本人来补充一下吧。现在的我，已经是",[74,93,95],{"className":94},[89],"隧者的共鸣者，声痕相比之前也发生了变化，但状态不算很稳定。","能力……可以显化「隧者兵装」并与之融合，简单来说就是变身啦！当然，为了方便战斗，我也给机兵设计了一套自运转的逻辑，目前模拟配合起来的感受还不错，能够更大限度地利用光炮的覆盖范围。除此之外，我也能以",[74,98,100],{"className":99},[89],"电子幽灵的形式进入数据系统内部。","不过，这或许不能称之为共鸣能力的一部分，将之归结于共鸣时的特殊状态带来的……▇▉▇▇▂▇ “奇怪，这名学生的档案怎么损毁了？打开后都是数据错误。” “那个失踪的适格者？嗯……上报给洛瑟菈校长吧。”",[103,104,105],"style",{},"\n.glitch-text {\n  color: #ff6b85;\n}\n",[23,107,108],{"v-slot:status2":25},[14,109,110],{},"受试样本拉贝尔波形检测图呈椭圆形波动，时域表示稳定，未见任何异常波动倾向。检测结果判断为正常阶段。 诊断结果：超频临界值正常，稳定性高，暂无超频风险。 无过往超频史，拉贝尔曲线稳定。 暂无需心理辅导。 “爱弥斯同学……本学年状态尚处稳定，但我们还是需要更密切地关注她的精神状态。如果情况有变，要及时进行心理干预。” “那孩子明明看起来那么开朗……” “所以，保持关注就好。既然她希望这样生活，那就相信她的判断，我们作为师长，就做好该做的事吧。”",[112,113,114],"h4",{"id":114},"整体说明",[40,116,118,368],{":tabs":117},"[\"配置项\", \"写法\"]",[23,119,120,123,256,259,320,323],{"v-slot:tab1":25},[14,121,122],{},"hero属性",[124,125,126,142],"table",{},[127,128,129],"thead",{},[130,131,132,136,139],"tr",{},[133,134,135],"th",{},"配置项",[133,137,138],{},"类型",[133,140,141],{},"说明",[143,144,145,158,171,184,196,208,220,243],"tbody",{},[130,146,147,150,155],{},[148,149,138],"td",{},[148,151,152],{},[55,153,154],{"code":154},"\"爱弥斯\"、\"尤诺\"、\"奥古斯塔\"",[148,156,157],{},"角色类型（目前只有几种，未适配完成）",[130,159,160,163,168],{},[148,161,162],{},"头像",[148,164,165],{},[55,166,167],{"code":167},"string",[148,169,170],{},"角色头像",[130,172,173,176,181],{},[148,174,175],{},"徽章",[148,177,178],{},[55,179,180],{"code":180},"Record\u003Cstring, string>",[148,182,183],{},"角色徽章(共鸣能力、属性等等)",[130,185,186,189,193],{},[148,187,188],{},"名字",[148,190,191],{},[55,192,167],{"code":167},[148,194,195],{},"角色名字",[130,197,198,201,205],{},[148,199,200],{},"标签",[148,202,203],{},[55,204,180],{"code":180},[148,206,207],{},"角色曾用标签",[130,209,210,213,217],{},[148,211,212],{},"详情信息",[148,214,215],{},[55,216,180],{"code":180},[148,218,219],{},"角色全局信息",[130,221,222,225,230],{},[148,223,224],{},"简介",[148,226,227],{},[55,228,229],{"code":229},"string[]",[148,231,232,233,238,239,242],{},"角色简介内容，通过使用 ",[234,235,167,236],"strong",{},[74,237],{}," 类型搭配 ",[234,240,241],{},"solt"," 标签，防止无法被文章字数计数到",[130,244,245,248,253],{},[148,246,247],{},"档案",[148,249,250],{},[55,251,252],{"code":252},"档案[]",[148,254,255],{},"角色档案数据",[14,257,258],{},"档案属性",[124,260,261,271],{},[127,262,263],{},[130,264,265,267,269],{},[133,266,135],{},[133,268,138],{},[133,270,141],{},[143,272,273,286,303],{},[130,274,275,278,283],{},[148,276,277],{},"标题",[148,279,280],{},[55,281,282],{"code":282},"string?",[148,284,285],{},"预留输入标题数据，作为档案主标题显示",[130,287,288,290,294],{},[148,289,224],{},[148,291,292],{},[55,293,229],{"code":229},[148,295,296,297,238,301,242],{},"预留输入简介数据，通过使用 ",[234,298,167,299],{},[74,300],{},[234,302,241],{},[130,304,305,308,313],{},[148,306,307],{},"信息",[148,309,310],{},[55,311,312],{"code":312},"Array\u003C信息[]>",[148,314,315,316,319],{},"使用 ",[55,317,318],{"code":318},"**Array**"," 方式来进行分开，具有多适应性的效果",[14,321,322],{},"信息属性",[124,324,325,335],{},[127,326,327],{},[130,328,329,331,333],{},[133,330,135],{},[133,332,138],{},[133,334,141],{},[143,336,337,348,358],{},[130,338,339,342,345],{},[148,340,341],{},"序号",[148,343,344],{},"number",[148,346,347],{},"作为锚定档案简介的显示计数",[130,349,350,353,355],{},[148,351,352],{},"主标题",[148,354,167],{},[148,356,357],{},"作为每个档案中的主要标题",[130,359,360,363,365],{},[148,361,362],{},"副标题",[148,364,167],{},[148,366,367],{},"作为每个档案中的副标题，为一类标签具有补充效应，可选可不选",[23,369,370],{"v-slot:tab2":25},[46,371,377],{"className":372,"code":374,"language":375,"meta":376},[373],"language-md","::hero\n---\n类型: 爱弥斯\n头像: \u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FAvatar\u002Fams.jpg\n徽章:\n  称号: 电子幽灵\n名字: 爱弥斯\n详情信息: \n  首次登场: 3.0版本\n  正式实装: 3.1版本\n  共鸣属性: 热熔\n  武器: 讯刀\n  共鸣能力: 长航的星辉\n标签:\n  - 星炬学院拉贝尔学部\n  - 隧者适格者\n  - 飞行雪绒\n档案:\n  具体信息:\n    - 序号: 1 \n      徽章: ▇▂▇数据损毁▇▋▌\n    - 序号: 2\n  外挂信息:\n    简介: [\"频谱检验报告\", \"超频诊断报告\"]\n  顶栏信息:\n    主标题: 共鸣状况 · 电子幽灵档案\n---\n#desc\n曾是星炬学院的隧者适格者，如今已成为在星海轻歌的\u003Cspan class=\"highlight\" style=\"color: var(--pink-core);text-shadow: 0 0 8px var(--pink-core);\">电子幽灵\u003C\u002Fspan>。她在寂静的星海中飞行，星屑在身侧崩解，时间在身后消亡。漫漫孤寂并未消失，它只是被拉伸、稀释、重塑，最终成为她羽翼的一部分。“我知道，只要抬头，那颗星总能找到我。”\n\n#status1\n「调自深空联合：星炬学院 学生档案」 「共鸣能力检验报告 RA2362-G」 学生姓名：爱弥斯 是否具有适格者资质：是 共鸣能力概述：受试样本拉贝尔曲线呈稳定上升态，最终趋向稳定波动，检测结果判断为自然型共鸣者，声痕位于胸口。 根据入学前提交的个人档案与学生自述，对象▇▇▂▇▋▌▏▉█……\u003Cspan class=\"glitch-text\">很遗憾，这份报告现在已经没有参考价值了，毕竟是生前的记录了~\u003C\u002Fspan>就让本人来补充一下吧。现在的我，已经是\u003Cspan class=\"glitch-text\">隧者的共鸣者，声痕相比之前也发生了变化，但状态不算很稳定。\u003C\u002Fspan>能力……可以显化「隧者兵装」并与之融合，简单来说就是变身啦！当然，为了方便战斗，我也给机兵设计了一套自运转的逻辑，目前模拟配合起来的感受还不错，能够更大限度地利用光炮的覆盖范围。除此之外，我也能以\u003Cspan class=\"glitch-text\">电子幽灵的形式进入数据系统内部。\u003C\u002Fspan>不过，这或许不能称之为共鸣能力的一部分，将之归结于共鸣时的特殊状态带来的……▇▉▇▇▂▇ “奇怪，这名学生的档案怎么损毁了？打开后都是数据错误。” “那个失踪的适格者？嗯……上报给洛瑟菈校长吧。”\n\u003Cstyle>\n.glitch-text {\n  color: #ff6b85;\n}\n\u003C\u002Fstyle>\n\n#status2\n受试样本拉贝尔波形检测图呈椭圆形波动，时域表示稳定，未见任何异常波动倾向。检测结果判断为正常阶段。 诊断结果：超频临界值正常，稳定性高，暂无超频风险。 无过往超频史，拉贝尔曲线稳定。 暂无需心理辅导。 “爱弥斯同学……本学年状态尚处稳定，但我们还是需要更密切地关注她的精神状态。如果情况有变，要及时进行心理干预。” “那孩子明明看起来那么开朗……” “所以，保持关注就好。既然她希望这样生活，那就相信她的判断，我们作为师长，就做好该做的事吧。”\n::\n","md","lang=\"md\"",[55,378,374],{"__ignoreMap":25},[36,380,381],{"id":381},"人物物品",[40,383,384,393],{":tabs":42},[23,385,386],{"v-slot:tab1":25},[46,387,391],{"className":388,"code":389,"filename":390,"language":52,"meta":53},[49],"\u003Cscript setup lang=\"ts\">\nimport { ref, computed } from 'vue';\nimport Title from '..\u002Fcard\u002Ftitle.vue';\n\nconst props = defineProps\u003C{\n  heroSpecialList?: Array\u003C{\n    物品名称?: string       \u002F\u002F 卡片标题\n    物品含意?: string        \u002F\u002F 卡片描述\n    物品图像?: string       \u002F\u002F 卡片主图\n    密钥?: number\n  }>\n  类型: '爱弥斯' | '莫宁' | '琳奈'\n  物品彩蛋?: string[]\n  物品简介?: string[]\n}>();\n\n\u002F\u002F 跟踪当前激活的卡片索引（初始激活第一个）\nconst activeIndex = ref(0);\n\n\u002F\u002F 计算每个卡片内容的显示状态（始终渲染，通过CSS控制显隐）\nconst cardVisibility = computed(() => {\n  return (index: number) => activeIndex.value === index;\n});\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"infoCard\">\n    \u003C!-- 左侧导航区：渲染所有导航头像，点击切换激活项 -->\n    \u003Cdiv class=\"navArea\">\n      \u003Cdiv \n        class=\"navItem\" \n        v-for=\"(item, index) in heroSpecialList\" \n        :key=\"index\"\n        @click=\"activeIndex = index\"\n        :class=\"{ active: activeIndex === index }\"\n      >\n        \u003CNuxtImg \n          v-if=\"item.物品图像\" \n          :src=\"item.物品图像\" \n          alt=\"导航头像\"\n          class=\"nuxtImage\"\n          style=\"width: 40px; height: 40px; border-radius: 50%; object-fit: cover;\"\n        \u002F>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n\n    \u003C!-- 右侧内容区：始终渲染所有卡片内容，通过CSS控制显示\u002F隐藏 -->\n    \u003Cdiv class=\"contentArea\">\n      \u003Cdiv \n        v-for=\"(item, index) in heroSpecialList\" \n        :key=\"index\"\n        class=\"cardContentWrapper\"\n        :style=\"{ display: cardVisibility(index) ? 'flex' : 'none' }\"\n      >\n        \u003Cdiv class=\"cardLeft\">\n          \u003C!-- 卡片主图 -->\n          \u003Cimg :src=\"item.物品图像\" class=\"cardImage\" alt=\"卡片主图\" \u002F>\n          \u003C!-- 卡片标题 -->\n          \u003Ch3 class=\"cardTitle\">{{ item.物品名称 || '默认标题' }}\u003C\u002Fh3>\n          \u003C!-- 卡片附属名称（如角色名） -->\n          \u003Cdiv class=\"cardSubInfo\">\n            \u003Cspan>{{ item.物品含意 || '默认名称' }}\u003C\u002Fspan>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"cardRight\">\n          \u003C!-- 卡片描述 -->\n          \u003CTitle title=\"描述\" \u002F>\n          \u003Cdiv class=\"cardDesc\" v-for=\"index in props.物品简介?.length\" v-show=\"item.密钥 === index\">\n            \u003Cslot :name=\"`desc${index}`\" \u002F>\n          \u003C\u002Fdiv>\n          \u003C!-- 彩蛋区域（仅爱弥斯类型显示） -->\n          \u003Cdiv v-if=\"类型 === '爱弥斯'\">\n            \u003CTitle title=\"彩蛋\" \u002F>\n            \u003Cdiv class=\"cardYouLai\" v-for=\"index in props.物品彩蛋?.length\" v-show=\"item.密钥 === index\">\n              \u003Cslot :name=\"`caidan${index}`\" \u002F>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\" scoped>\n.infoCard {\n  width: 100%;\n  height: 320px;\n  background: var(--ld-bg-card);\n  border: 1px solid var(--c-border);\n  border-radius: 0.75rem;\n  margin: 1.5rem 0;\n  overflow: hidden;\n  transition: border-color 0.2s ease;\n  display: flex; \u002F* 整体左右布局 *\u002F\n\n  \u002F* 左侧导航区：垂直排列头像 *\u002F\n  .navArea {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    padding: 1rem;\n    width: 60px; \u002F* 导航区宽度，适配头像垂直排列 *\u002F\n    gap: 8px;    \u002F* 头像之间的间距 *\u002F\n\n    .navItem {\n      cursor: pointer;\n      width: 40px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      transition: all 0.2s ease;\n\n      &:hover {\n        background-color: var(--c-bg-hover); \u002F*  hover 背景色 *\u002F\n      }\n\n      &.active {\n        background-color: var(--c-bg-active); \u002F* 激活态背景色 *\u002F\n      }\n    }\n  }\n\n  \u002F* 右侧内容区：卡片详情 *\u002F\n  .contentArea {\n    flex: 1;\n    display: flex;\n    gap: 1rem;\n    padding: 1rem;\n    overflow: hidden;\n\n    .cardLeft {\n      flex-shrink: 0;\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 200px; \u002F* 左侧卡片预览区宽度 *\u002F\n      overflow: hidden;\n\n      .cardImage {\n        width: 100%;\n        object-fit: cover;\n        border-radius: 8px;\n      }\n\n      .cardTitle {\n        margin-top: 8px;\n        font-size: 14px;\n        font-weight: bold;\n        color: var(--c-text-title);\n        text-align: center\n      }\n\n      .cardSubInfo {\n        margin-top: 4px;\n        font-size: 12px;\n        color: var(--c-text-sub);\n        background: rgba(122, 92, 61, 0.1);\n        padding: 2px 6px;\n        border-radius: 4px;\n      }\n    }\n\n    .cardRight {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 10px;\n      overflow-y: scroll; \u002F* 启用垂直滚动 *\u002F\n      padding-right: 20px; \u002F* 防止内容被遮挡 *\u002F\n      \u002F* 隐藏滚动条 - Webkit浏览器 *\u002F\n      &::-webkit-scrollbar {\n          width: 0;\n          background: transparent;\n      }\n      \u002F* 隐藏滚动条 - Firefox *\u002F\n      scrollbar-width: none;\n      \u002F* 隐藏滚动条 - IE\u002FEdge *\u002F\n      -ms-overflow-style: none;\n      \n      .cardDesc, .cardYouLai {\n        font-size: 14px;\n        color: var(--c-text-content);\n        line-height: 1.6;\n        display: -webkit-box;\n        -webkit-box-orient: vertical;\n        .title {\n          background: #ffffffb2;\n          color: #ff9900b2\n        }\n      }\n      .cardYouLai {\n        display: block;\n        color: var(--blue-glow);\n        font-size: .85rem;\n        border-left: 3px solid var(--pink-core);\n        padding-left: 12px;\n      }\n      \n      .tagItem {\n        display: flex;\n        flex-wrap: wrap;\n        gap: .3rem;\n\n        .tag {\n          border-radius: .3rem;\n          display: inline-block;\n          font-size: 14px;\n          white-space: nowrap;\n        }\n      }\n      \n      \u002F* 技能模块样式 *\u002F\n      .cardSkills {\n        .skillsContainer {\n          display: flex;\n          flex-direction: column;\n          gap: 12px;\n        }\n        \n        .skillItem {\n          background: rgba(122, 92, 61, 0.08);\n          border-radius: 6px;\n          padding: 10px;\n          \n          .skillHeader {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            margin-bottom: 6px;\n            \n            .skillIcon {\n              width: 24px;\n              height: 24px;\n              border-radius: 4px;\n              object-fit: cover;\n            }\n            \n            .skillName {\n              font-size: 15px;\n              color: var(--c-text-title);\n            }\n            .skillXg {\n              font-size: 12px;\n              color: var(--c-bg-content);\n            }\n          }\n          .skillDesc {\n            font-size: 13px;\n            color: var(--c-text-content);\n            line-height: 1.5;\n          }\n        }\n        \n        .noSkill {\n          color: var(--c-text-sub);\n          font-style: italic;\n          padding: 8px;\n          text-align: center;\n          background: rgba(122, 92, 61, 0.05);\n          border-radius: 6px;\n        }\n      }\n    }\n  }\n}\n\n\u002F* 在原有样式基础上添加移动端适配 *\u002F\n@media (max-width: 768px) {\n  .infoCard {\n    flex-direction: column;\n    height: auto;\n    padding: 0.5rem;\n    \n    .navArea {\n      flex-direction: row;\n      width: 100%;\n      padding: 0.5rem;\n      justify-content: flex-start;\n      overflow-x: auto;\n      \n      .navItem {\n        flex-shrink: 0;\n        margin: 0 4px;\n        \n        .nuxtImage {\n          width: 32px;\n          height: 32px;\n        }\n      }\n    }\n    \n    .contentArea {\n      flex-direction: column;\n      padding: 0.5rem;\n      gap: 0.5rem;\n      \n      .cardLeft {\n        width: 100%;\n        align-items: center;\n        \n        .cardImage {\n          max-width: 150px;\n          height: auto;\n        }\n        \n        .cardTitle {\n          font-size: 20px;\n        }\n        \n        .cardSubInfo {\n          font-size: 15px;\n        }\n      }\n      \n      .cardRight {\n        width: 100%;\n        padding-right: 0;\n        \n        .cardDesc, .cardYouLai {\n          font-size: 13px;\n        }\n        \n        .tagItem .tag {\n          font-size: 12px;\n          padding: 2px 4px;\n        }\n        \n        .cardSkills {\n          .skillItem {\n            padding: 8px;\n            \n            .skillHeader .skillName {\n              font-size: 14px;\n            }\n            \n            .skillDesc {\n              font-size: 12px;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n\u002F* 超小屏幕优化 *\u002F\n@media (max-width: 480px) {\n  .infoCard {\n    .contentArea {\n      .cardLeft .cardImage {\n        max-width: 150px;\n      }\n      \n      .cardRight {\n        .cardSkills .skillItem {\n          padding: 6px;\n        }\n      }\n    }\n  }\n}\n\u003C\u002Fstyle>\n","heroSpecial.vue",[55,392,389],{"__ignoreMap":25},[23,394,395],{"v-slot:tab2":25},[396,397,400,405,410,415,420,425,430,435],"hero-special",{":heroSpecialList":398,":物品彩蛋":399,":物品简介":399,"类型":66},"[{\"物品图像\":\"\u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FSpecial\u002Fams\u002Fitem1.avif\",\"物品名称\":\"《太空战士卡佳VI》\",\"物品含意\":\"一盘游戏卡带\",\"密钥\":1},{\"物品图像\":\"\u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FSpecial\u002Fams\u002Fitem2.avif\",\"物品名称\":\"隧者手办\",\"物品含意\":\"友情的证明\",\"密钥\":2},{\"物品图像\":\"\u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FSpecial\u002Fams\u002Fitem3.avif\",\"物品名称\":\"纸飞机\",\"物品含意\":\"穿越时间的思念\",\"密钥\":3},{\"物品图像\":\"\u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FSpecial\u002Fams\u002Ffood.avif\",\"物品名称\":\"超级豹风雪\",\"物品含意\":\"飞行雪绒的特调\",\"密钥\":4}]","[\"《太空战士卡佳VI》\",\"隧者手办\",\"纸飞机\",\"超级豹风雪\"]",[23,401,402],{"v-slot:desc1":25},[14,403,404],{},"《太空战士卡佳VI》，在索拉里斯的游戏爱好者中为人津津乐道的经典系列最新作。沉浸式的角色扮演剧情，丰富有趣的战斗系统，体验成为英雄的孤独之旅，结识十数位可招募的个性伙伴，与宇宙中的邪恶势力进行激烈对抗……除了这些部分，作为彩蛋的那个小游戏也是让爱弥斯极为喜欢的部分，她在通关后经常和家人一起在小屋中联机游玩。“哼哼，拼方块的积分排行榜，最后果然还是我排第一！”",[23,406,407],{"v-slot:desc2":25},[14,408,409],{},"捂在爱弥斯眼上的那双手移开后，面前摆着的就是这样的一个小盒子。身边的四位好友笑眯眯地怂恿爱弥斯赶紧拆开，盒中的小型隧者手办就这么露了出来。适格者们像是叽叽喳喳的小动物那样祝贺她生日快乐，希望她能顺利成为那个成功驾驶隧者的人，希望她们能一起去真正的星空……爱弥斯的嘴唇动了动，最终也并未把自己藏在心底深处的那个愿望说出来。她珍惜地摩挲了一下这份礼物，站起身来，笑着扑进朋友们的怀里。",[23,411,412],{"v-slot:desc3":25},[14,413,414],{},"爱弥斯坐在学院楼栋顶层，悠然地享受微风吹拂。她折过无数纸飞机，但一直记得最初在小屋的那只。午后的光透过窗户照射进来，寒冷的雪和风都被挡在了窗外，只有火炉被烧得劈啪作响的声音。为晚饭炖着的汤散发着甜美醇厚的香气，身边的家人正手指灵巧地为她折出能飞得更远的纸飞机。爱弥斯抬起脸，看到【TA】正微笑着将手中的纸飞机递来。那景象在恍惚的回忆中消逝，眼前仍旧是学院的风景。爱弥斯微微一笑，把手中新折的纸飞机投入风中。",[23,416,417],{"v-slot:desc4":25},[14,418,419],{},"轻软甜蜜的雪白冰淇淋浮在深色的咖啡上，雪绒豹豹冰雕正安然地泡在其中。在图书馆熬夜苦读时轻轻饮上一口，苦味已被清甜调和，爽口又提神。爱弥斯参加星炬学院社团饮品创新大赛的获奖之作，据本人称是表达了作者的思乡之情。玩笑话里也有三分真心。在那片冰冷寂静的雪原上，与家人和海豹们玩耍的童年记忆已然相隔遥远，却仍时常停留在她的心头。",[23,421,422],{"v-slot:caidan1":25},[14,423,424],{},"※ 官方彩蛋：小屋里面右侧书柜有本《太空战士卡佳VI-星际导航图谱:全星系探索路线与任务图文攻略》",[23,426,427],{"v-slot:caidan2":25},[14,428,429],{},"※ 那年之后，朋友们再也看不见她，但每年的歌友会依然在举办",[23,431,432],{"v-slot:caidan3":25},[14,433,434],{},"※ 纸飞机是贯穿时间线的意象，象征着思念与告别",[23,436,437],{"v-slot:caidan4":25},[14,438,439],{},"※ 小时候，小爱因为把海豹带入家中导致地板湿透，阿漂教训她之后觉得过头买了育儿书籍也在小屋书柜",[112,441,114],{"id":442},"整体说明-1",[40,444,445,510],{":tabs":117},[23,446,447],{"v-slot:tab1":25},[124,448,449,459],{},[127,450,451],{},[130,452,453,455,457],{},[133,454,135],{},[133,456,138],{},[133,458,141],{},[143,460,461,471,480,490,500],{},[130,462,463,466,468],{},[148,464,465],{},"物品图像",[148,467,167],{},[148,469,470],{},"物品图片（与物品切换图标绑定）",[130,472,473,476,478],{},[148,474,475],{},"物品名称",[148,477,167],{},[148,479,475],{},[130,481,482,485,487],{},[148,483,484],{},"物品含义",[148,486,167],{},[148,488,489],{},"物品的小标签，说明其中的含义",[130,491,492,495,497],{},[148,493,494],{},"物品彩蛋",[148,496,167],{},[148,498,499],{},"物品的小彩蛋，说明该物品在过去或者地方的位置",[130,501,502,505,507],{},[148,503,504],{},"物品简介",[148,506,167],{},[148,508,509],{},"物品的简介，通常与来历、分量等等有关",[23,511,512],{"v-slot:tab2":25},[46,513,516],{"className":514,"code":515,"language":375,"meta":376},[373],"::hero-special\n---\nheroSpecialList:\n  - 物品图像: \u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FSpecial\u002Fams\u002Fitem1.avif\n    物品名称: 《太空战士卡佳VI》\n    物品含意: 一盘游戏卡带\n    密钥: 1\n  - 物品图像: \u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FSpecial\u002Fams\u002Fitem2.avif\n    物品名称: 隧者手办\n    物品含意: 友情的证明\n    密钥: 2\n  - 物品图像: \u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FSpecial\u002Fams\u002Fitem3.avif\n    物品名称: 纸飞机\n    物品含意: 穿越时间的思念\n    密钥: 3\n  - 物品图像: \u002Fimage\u002FPageInternal\u002FWuthering Waves\u002FSpecial\u002Fams\u002Ffood.avif\n    物品名称: 超级豹风雪\n    物品含意: 飞行雪绒的特调\n    密钥: 4\n类型: 爱弥斯\n物品彩蛋: [\"《太空战士卡佳VI》\", \"隧者手办\", \"纸飞机\", \"超级豹风雪\"]\n物品简介: [\"《太空战士卡佳VI》\", \"隧者手办\", \"纸飞机\", \"超级豹风雪\"]\n---\n#desc1\n《太空战士卡佳VI》，在索拉里斯的游戏爱好者中为人津津乐道的经典系列最新作。沉浸式的角色扮演剧情，丰富有趣的战斗系统，体验成为英雄的孤独之旅，结识十数位可招募的个性伙伴，与宇宙中的邪恶势力进行激烈对抗……除了这些部分，作为彩蛋的那个小游戏也是让爱弥斯极为喜欢的部分，她在通关后经常和家人一起在小屋中联机游玩。“哼哼，拼方块的积分排行榜，最后果然还是我排第一！”\n\n#desc2\n捂在爱弥斯眼上的那双手移开后，面前摆着的就是这样的一个小盒子。身边的四位好友笑眯眯地怂恿爱弥斯赶紧拆开，盒中的小型隧者手办就这么露了出来。适格者们像是叽叽喳喳的小动物那样祝贺她生日快乐，希望她能顺利成为那个成功驾驶隧者的人，希望她们能一起去真正的星空……爱弥斯的嘴唇动了动，最终也并未把自己藏在心底深处的那个愿望说出来。她珍惜地摩挲了一下这份礼物，站起身来，笑着扑进朋友们的怀里。\n\n#desc3\n爱弥斯坐在学院楼栋顶层，悠然地享受微风吹拂。她折过无数纸飞机，但一直记得最初在小屋的那只。午后的光透过窗户照射进来，寒冷的雪和风都被挡在了窗外，只有火炉被烧得劈啪作响的声音。为晚饭炖着的汤散发着甜美醇厚的香气，身边的家人正手指灵巧地为她折出能飞得更远的纸飞机。爱弥斯抬起脸，看到【TA】正微笑着将手中的纸飞机递来。那景象在恍惚的回忆中消逝，眼前仍旧是学院的风景。爱弥斯微微一笑，把手中新折的纸飞机投入风中。\n\n#desc4\n轻软甜蜜的雪白冰淇淋浮在深色的咖啡上，雪绒豹豹冰雕正安然地泡在其中。在图书馆熬夜苦读时轻轻饮上一口，苦味已被清甜调和，爽口又提神。爱弥斯参加星炬学院社团饮品创新大赛的获奖之作，据本人称是表达了作者的思乡之情。玩笑话里也有三分真心。在那片冰冷寂静的雪原上，与家人和海豹们玩耍的童年记忆已然相隔遥远，却仍时常停留在她的心头。\n\n#caidan1\n※ 官方彩蛋：小屋里面右侧书柜有本《太空战士卡佳VI-星际导航图谱:全星系探索路线与任务图文攻略》\n\n#caidan2\n※ 那年之后，朋友们再也看不见她，但每年的歌友会依然在举办\n\n#caidan3\n※ 纸飞机是贯穿时间线的意象，象征着思念与告别\n\n#caidan4\n※ 小时候，小爱因为把海豹带入家中导致地板湿透，阿漂教训她之后觉得过头买了育儿书籍也在小屋书柜\n::\n",[55,517,515],{"__ignoreMap":25},[36,519,520],{"id":520},"人物故事",[40,522,523,533],{":tabs":42},[23,524,525],{"v-slot:tab1":25},[46,526,531],{"className":527,"code":528,"filename":529,"language":52,"meta":530},[49],"\u003Cscript setup lang=\"ts\">\nimport Title from '..\u002Fcard\u002Ftitle.vue';\n\nconst props = defineProps\u003C{\n\t\u002F** story 下标从 1 开始 *\u002F\n\t故事?: string[]\n\t居中?: boolean\n\t密钥?: string | number\n  标题?: string\n}>()\n\n\u002F\u002F 使用 v-bind:active 以传递 Number 值\nconst activeStory = ref(Number(props.密钥) || 1)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n\u003Cdiv :class=\"{ 居中 }\" class=\"heroStoryMain\">\n  \u003CTitle :title=\"props.标题\" style=\"margin-bottom: 10px;\"\u002F>\n\t\u003Cdiv class=\"storys\">\n\t\t\u003Cbutton\n\t\t\tv-for=\"(story, storyIndex) in 故事\"\n\t\t\t:key=\"storyIndex\"\n\t\t\t:class=\"{ active: activeStory === storyIndex + 1 }\"\n\t\t\t@click=\"activeStory = storyIndex + 1\"\n\t\t>\n\t\t\t{{ story }}\n\t\t\u003C\u002Fbutton>\n\t\u003C\u002Fdiv>\n\t\u003Cdiv v-for=\"storyIndex in 故事.length\" v-show=\"activeStory === storyIndex\" :key=\"storyIndex\" class=\"story-content\">\n\t\t\u003Cslot :name=\"`story${storyIndex}`\" \u002F>\n\t\u003C\u002Fdiv>\n\u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\" scoped>\n.float-in-leave-active {\n\t\u002F* stylelint-disable-next-line declaration-no-important *\u002F\n\tposition: revert !important;\n}\n\n.heroStoryMain {\n  background: var(--ld-bg-card);\n  border: 1px solid var(--c-border);\n  border-radius: 0.75rem;\n  margin: 1.5rem 0;\n  overflow: hidden;\n  transition: border-color 0.2s ease;\n  \u002F* display: flex; *\u002F\n  padding: 1rem;\n}\n\n.center {\n\twidth: fit-content;\n\tmax-width: 100%;\n\tmargin-inline: auto;\n}\n\n.storys {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: center;\n\tgap: 0.5em;\n\tposition: relative;\n\twidth: fit-content;\n\tmargin: 0 auto;\n\tfont-size: 0.9em;\n\tline-height: 1.4;\n}\n\nbutton {\n\tposition: relative;\n\tmargin-bottom: 0.5em;\n\tpadding: 0.3em 0.5em;\n\tborder-radius: 0.4em;\n\tcolor: var(--c-text-2);\n\ttransition: all 0.2s;\n\n\t&:hover {\n\t\tbackground-color: var(--c-bg-soft);\n\t\tcolor: var(--c-text);\n\t}\n\n\t&::before, &::after {\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\tbottom: -0.5em;\n\t\tinset-inline: 0.8em;\n\t\theight: 2px;\n\t\tborder-radius: 1em;\n\t\tpointer-events: none;\n\t}\n\n\t&::after {\n\t\tcontent: \"\";\n\t\tinset-inline: -0.8em;\n\t\tbackground-color: var(--c-border);\n\t}\n\n\t&.active {\n\t\tbox-shadow: 0 1px 0.5em var(--ld-shadow);\n\t\tbackground-color: var(--ld-bg-card);\n\t\tcolor: var(--c-text);\n\n\t\t&::before {\n\t\t\tcontent: \"\";\n\t\t\tbackground-color: var(--c-primary);\n\t\t\tz-index: 1;\n\t\t}\n\t}\n}\n\n.story-content {\n\tmargin: 1em 0;\n}\n\u003C\u002Fstyle>\n","heroStories.vue","lang=\"vue\"",[55,532,528],{"__ignoreMap":25},[23,534,535],{"v-slot:tab2":25},[536,537,540,569,610,636,659],"hero-story",{":故事":538,"标题":539},"[\"在雪原上\",\"年轻人们\",\"唯不可见者可见\",\"问我何所惧，问我何所忧\",\"一切未曾说出的\"]","爱弥斯纪事 · 远航星",[23,541,542,545,548,551,554,557,560,563,566],{"v-slot:story1":25},[14,543,544],{},"雪落在爱弥斯的鼻尖上，湿润的凉意让她感觉有些痒痒的，她盯着湖面看了一会儿，最终还是决定放弃玩水的打算。",[14,546,547],{},"前段时间，她耗费心思努力从湖里面捞出来了几根硕大的狐尾蒲藻当做武器，和冰原上的雪绒海豹们玩耍。在这场大战中她扮演英雄，海豹们扮演坏蛋——考虑到这群慵懒温和的生物爬行速度很慢，基本都是爱弥斯大获全胜。可惜那次玩过了头，狐尾蒲藻的碎块使小屋狼藉满地，那个人回家之后，在门口沉默了很久。",[14,549,550],{},"自然，爱弥斯挨了一顿训。",[14,552,553],{},"事后那个人似乎对此有些愧疚，觉得自己对孩子凶过了头，又买了一堆卡带作为补偿和应对措施。这招相当有效，电子游戏的魅力迅速俘虏了爱弥斯，她就暂时把在现实里大战的事儿抛之脑后了。而在所有的卡带里，她最喜欢的是《太空战士卡佳》系列。在宇宙中一边旅行一边拯救世界？太棒了！谁不想扮演一个忧郁、帅气又意志坚定的英雄呢？",[14,555,556],{},"爱弥斯推开门，那个人正坐在沙发上看书，她高高兴兴地挤过去，举起手柄。和我玩！女孩的动作传达着这一讯号，于是对方笑着刮了刮女孩的鼻尖，欣然应允。\n冬日漫长，但此刻炉火燃烧，一切都温暖平静。",[14,558,559],{},"游戏进行了一段时间，爱弥斯说，今天的任务就做到这里吧，我和你说，我在地图右侧找到了一个隐藏房间呢！密码是9072，开门之后可以玩拉海洛方块，可好玩儿了。那个人问，爱弥斯，你不是昨天还着急继续推任务拯救世界吗？对，她摇晃着脑袋笑着说，但今天我又不想了……而且，要是任务做完了，游戏也就结束了……我还想和你一起玩更久呢。就算是拯救世界，也是需要休息的，对吧？你要学会劳逸结合啦！",[14,561,562],{},"那只温暖的手揉了揉她的发顶，带着一丝奇妙的感慨低声道：你说得对，爱弥斯。我会试着这么做的。",[14,564,565],{},"那……要从现在做起噢？",[14,567,568],{},"好，从现在做起。那个人笑了笑。其实……现在我在这里，已经算是在休息。来吧，我们玩拉海洛方块，你先。",[23,570,571,574,577,580,583,586,589,592,595,598,601,604,607],{"v-slot:story2":25},[14,572,573],{},"虚质逆向工程学的成绩出分的下午，爱弥斯和她的朋友们例常的午饭时间一片愁云惨淡。",[14,575,576],{},"埃拉拉一头鲜艳的红发都有些黯淡，虚弱地哀鸣着，啊，连食堂的饭都不香了……！在她身边认真咀嚼一碗不明物质的诺娃则说，朋友，虽然这分数的确让人难受，但我们不能本末倒置——这食堂的饭它本来也不香啊。琳正因为分数大受打击，塞莱斯特在温声安慰她，爱弥斯则以神游天外的表情吸了一口她特调过口味的嘻嘻果冻，和身边几位关系融洽的适格者们进行着漫谈。",[14,578,579],{},"埃拉拉突然扭头看她：爱弥斯！你、你一点都不着急吗？",[14,581,582],{},"她眨巴眼睛：着急什么？……啊，分数？但这次大家成绩不都差不多嘛，萨迦教授判分太严格啦，又不是大家真的不行，没事没事。说到一半，爱弥斯拿出纸巾递给她们中性格最柔软的那位。啊，小琳，擦擦泪——！",[14,584,585],{},"塞莱斯特接了过去，和其他几个人对视一眼，轻声道：你好像不太在意作为适格者的未来。",[14,587,588],{},"她平常会怎么说呢？大约会找几个话题打打闹闹地糊弄过去，但今天是那个人的生日，爱弥斯正在思念对方，因此有些忘记在朋友们前掩饰情绪。适格者……也只是一种可能性嘛，她语调平淡地说，比起这个，有人曾说更希望我能轻松快乐地生活，我也觉得这样比较好。我的理想没有大家那么厉害啦，懒散的人松弛点也很正常吧？",[14,590,591],{},"真的吗？朋友们望着她的眼睛问。",[14,593,594],{},"爱弥斯只是回以微笑：真的。",[14,596,597],{},"但并非如此，只是因为那个理想太过沉重、太过傲慢、太过荒谬，因此不能在平稳的词句中被宣之于口。它每一日都比前一日成长得更加膨大，在爱弥斯的心灵中扎入根须，但她视之不见，因为她已经接受了那句嘱托。如果日复一日的快乐就是好的，那就让她这么一直快乐下去吧！她会信守承诺，除非……\n思绪被打断，埃拉拉在她的脸颊上狠狠捏了一把。",[14,599,600],{},"怎么啦？爱弥斯皱着脸含混不清地说道。",[14,602,603],{},"心口不一的坏人，她的朋友抱怨道，好了好了不问你了，下午图书馆复习一起去吗？",[14,605,606],{},"她点头道：当然~",[14,608,609],{},"爱弥斯笑着和朋友们打闹作一团，慢悠悠走向电梯。她们都还很年轻，并不急于一时去寻找答案，在这所满载着天才的学院中，拥有无限可能的未来。",[23,611,612,615,618,621,624,627,630,633],{"v-slot:story3":25},[14,613,614],{},"爱弥斯走到镜子前，镜面并未映照出她的影子。",[14,616,617],{},"在她死后，整个世界就与之错开了。适格者们曾讨论过人的本质是什么，埃拉拉说是爱，诺娃说是记忆，塞莱斯特说是自我，琳说是信仰……不对，爱弥斯想，人的本质是频率。以她现在的情况而言，她只能这么去理解。是因为和隧者共鸣，因此她的存在性质也被改变了？她的躯体已经在模拟驾驶舱中被撕碎，她应该死了，却仍旧存在……不过，她现在已经不再去想存在的本质是什么这种问题了。尽管对一个电子幽灵而言，漫长的时间足够去思考任何问题。",[14,619,620],{},"但爱弥斯现在知道了更重要的事。",[14,622,623],{},"在她进入高悬天际的隧者炉芯后，她看到了藏在其中的那条讯息。",[14,625,626],{},"原来是这样，她想，原来是这样。所以这条讯息从未被读到，因为在最初它就已经被放置在了无法被查阅的地方，只有此时身为隧者共鸣者的她才能看见。整个地下空洞都仰赖着这“太阳”生存，拉海洛人自然不会有机会知晓。她该高兴吗？以这条讯息的内容而言，她将有机会实现自己的愿景——但这的确又像个阴差阳错的玩笑，因为那并不是她想象中的实现方式。可这是只有她能做到的事。",[14,628,629],{},"如果有我能做的事，我就会去做。",[14,631,632],{},"……对，是该这样。爱弥斯想起那个人，在心里为自己加油。她觉得自己可以再勇敢些，再坚定些。当然，现在还不够，但没关系，还有时间去做准备。从这方面而言，她已经受到了命运的优待。想着想着，她不禁轻轻哼起歌来。可惜，飞行雪绒的曲子没法再更新了，如果能预料到明天，她会写完那首歌的。",[14,634,635],{},"镜面没有映出她的面孔，因此爱弥斯并未看到，她脸上的微笑像是被一划被蜡笔涂歪的痕迹，在末端戛然而止。",[23,637,638,641,644,647,650,653,656],{"v-slot:story4":25},[14,639,640],{},"寂静。",[14,642,643],{},"她转过身，看到了那只“眼睛”。啊，是的，形似眼睛，但爱弥斯知道那不是。黑洞？也许人类可以用自己所知的东西去这么称呼，但在她的眼中，在已经与隧者共鸣的她眼中，那是某种在不断漫溢发生的“现象”。被其吞噬和笼罩的东西失去存在，深空联合称其为虚质——那就这么叫吧，对于处在比之更低维度的生物而言，总要有个称呼。这就和人类叫它“阿列夫一”是同样的道理。",[14,645,646],{},"爱弥斯已经不止一次和它“对视”了。对于在虚质空间和外部不断往返的她而言，这是必然会遭遇的事，只能习惯。",[14,648,649],{},"直到前不久为止，她都还是会受到一定的影响。虚无，对死亡的渴望，无意义，寂静的宇宙……凝视阿列夫一带来的负面影响，就连身为死者的她都难以避免。但现在，在爱弥斯于那被吞噬的文明的残骸中探索后，她看着那只巨大的，超越了时间与空间的眼睛，只听到了自己趋近疯狂的大笑声。\n这就是那个人一直追寻的东西吗？笑声从她的喉咙中沉闷地响起。这就是真相？",[14,651,652],{},"真荒谬。",[14,654,655],{},"一切自年幼时萌发的愿景和理想，意义都因此消解。爱弥斯忽然觉得很累，但在疲惫之后，又有一丝萦绕不去的伤心和担忧钻进她的心魂。那个人该怎么办呢？那个人知道这些事吗？如果知道，爱弥斯不敢想象对方一直以来是抱持着何种感情在世间行走。如果不知道……那她就应该把这一切都藏起来，都砸碎，都销毁……她的心中一半是冰冷的担忧，一半是燃烧的怒火。生平第一次，她知晓了何为仇恨。",[14,657,658],{},"那只被爱弥斯造出的纸飞机幻影，在她的掌心被揉皱成一团纸屑，落向无尽的虚空。",[23,660,661,664,667,670,673,676,679,682,685,688],{"v-slot:story5":25},[14,662,663],{},"爱弥斯慢慢踏着楼梯向上，回到了桌边。",[14,665,666],{},"因为刚才那个梦醒来后，她也睡不着了。事实上，她本就无需睡眠，梦也更像是记忆以另一种形式进行重播。明天她和【TA】就会抵达隧者脚下，她不太确定会发生什么，因此想要做好准备。",[14,668,669],{},"话语是意义的准备，因此她想把一些想和【TA】说，却在此刻还无法宣之于口的话记录来下。",[14,671,672],{},"该说些什么好呢？也许应该把这么多年发生的事情，都告诉对方。大事小事，欢乐和忧伤，无关紧要的一切，关系世界命运的一切……或者，也可以小小的责备对方一下，因为时间已经过去了很久，对方缺席了太久，她要分享的东西也堆积得太多。如果这些都不太对，那么就把这次公路片之旅画下来，就像以前那样。她说了又删，删了又说，最后只留下了一小段内容。",[14,674,675],{},"“我知道，只要抬头，那颗星总能找到我。”",[14,677,678],{},"爱弥斯在房间中的电子设备里留下了这段话，等待它在更久一些之后的时间被发现，或者永远不被发现。",[14,680,681],{},"此刻，她也的确没有更多想要的东西了。",[14,683,684],{},"【TA】现在看起来还挺快乐的，这比任何事都要好。如果可以，那就永远隐瞒下去吧，只要那个人能得到幸福，其他事情她都可以付之一笑。她可以做个自私的人，也可以做个无私的人，可面对家人，人难免都会护短，爱弥斯也不能免俗。真相又有什么重要的呢？",[14,686,687],{},"只要【TA】能自由而快乐地活着就好。",[14,689,690],{},"爱弥斯想着想着，忽然意识到这和过去束缚过她的那句嘱托并无区别。她忍不住笑了一下。此刻万籁俱寂，雪无声地落在天地间，于消融前等待着春日的降临。",[112,692,114],{"id":693},"整体说明-2",[40,695,696,758],{":tabs":117},[23,697,698,701],{"v-slot:tab1":25},[14,699,700],{},"hero-stories属性",[124,702,703,713],{},[127,704,705],{},[130,706,707,709,711],{},[133,708,135],{},[133,710,138],{},[133,712,141],{},[143,714,715,727,738,749],{},[130,716,717,720,724],{},[148,718,719],{},"故事",[148,721,167,722],{},[74,723],{},[148,725,726],{},"故事内容（切换后自动更新）",[130,728,729,732,735],{},[148,730,731],{},"居中",[148,733,734],{},"boolean",[148,736,737],{},"组件全局信息",[130,739,740,743,746],{},[148,741,742],{},"密钥",[148,744,745],{},"string | number",[148,747,748],{},"作为切换时的重要凭证",[130,750,751,753,755],{},[148,752,277],{},[148,754,167],{},[148,756,757],{},"是组件头部标题",[23,759,760],{"v-slot:tab2":25},[46,761,764],{"className":762,"code":763,"language":375,"meta":376},[373],"::heroStory\n---\n故事: [\"在雪原上\", \"年轻人们\", \"唯不可见者可见\", \"问我何所惧，问我何所忧\", \"一切未曾说出的\"]\n标题: 爱弥斯纪事 · 远航星\n---\n#story1\n雪落在爱弥斯的鼻尖上，湿润的凉意让她感觉有些痒痒的，她盯着湖面看了一会儿，最终还是决定放弃玩水的打算。\n\n前段时间，她耗费心思努力从湖里面捞出来了几根硕大的狐尾蒲藻当做武器，和冰原上的雪绒海豹们玩耍。在这场大战中她扮演英雄，海豹们扮演坏蛋——考虑到这群慵懒温和的生物爬行速度很慢，基本都是爱弥斯大获全胜。可惜那次玩过了头，狐尾蒲藻的碎块使小屋狼藉满地，那个人回家之后，在门口沉默了很久。\n\n自然，爱弥斯挨了一顿训。\n\n事后那个人似乎对此有些愧疚，觉得自己对孩子凶过了头，又买了一堆卡带作为补偿和应对措施。这招相当有效，电子游戏的魅力迅速俘虏了爱弥斯，她就暂时把在现实里大战的事儿抛之脑后了。而在所有的卡带里，她最喜欢的是《太空战士卡佳》系列。在宇宙中一边旅行一边拯救世界？太棒了！谁不想扮演一个忧郁、帅气又意志坚定的英雄呢？\n\n爱弥斯推开门，那个人正坐在沙发上看书，她高高兴兴地挤过去，举起手柄。和我玩！女孩的动作传达着这一讯号，于是对方笑着刮了刮女孩的鼻尖，欣然应允。\n冬日漫长，但此刻炉火燃烧，一切都温暖平静。\n\n游戏进行了一段时间，爱弥斯说，今天的任务就做到这里吧，我和你说，我在地图右侧找到了一个隐藏房间呢！密码是9072，开门之后可以玩拉海洛方块，可好玩儿了。那个人问，爱弥斯，你不是昨天还着急继续推任务拯救世界吗？对，她摇晃着脑袋笑着说，但今天我又不想了……而且，要是任务做完了，游戏也就结束了……我还想和你一起玩更久呢。就算是拯救世界，也是需要休息的，对吧？你要学会劳逸结合啦！\n\n那只温暖的手揉了揉她的发顶，带着一丝奇妙的感慨低声道：你说得对，爱弥斯。我会试着这么做的。\n\n那……要从现在做起噢？\n\n好，从现在做起。那个人笑了笑。其实……现在我在这里，已经算是在休息。来吧，我们玩拉海洛方块，你先。\n\n#story2\n虚质逆向工程学的成绩出分的下午，爱弥斯和她的朋友们例常的午饭时间一片愁云惨淡。\n\n埃拉拉一头鲜艳的红发都有些黯淡，虚弱地哀鸣着，啊，连食堂的饭都不香了……！在她身边认真咀嚼一碗不明物质的诺娃则说，朋友，虽然这分数的确让人难受，但我们不能本末倒置——这食堂的饭它本来也不香啊。琳正因为分数大受打击，塞莱斯特在温声安慰她，爱弥斯则以神游天外的表情吸了一口她特调过口味的嘻嘻果冻，和身边几位关系融洽的适格者们进行着漫谈。\n\n埃拉拉突然扭头看她：爱弥斯！你、你一点都不着急吗？\n\n她眨巴眼睛：着急什么？……啊，分数？但这次大家成绩不都差不多嘛，萨迦教授判分太严格啦，又不是大家真的不行，没事没事。说到一半，爱弥斯拿出纸巾递给她们中性格最柔软的那位。啊，小琳，擦擦泪——！\n\n塞莱斯特接了过去，和其他几个人对视一眼，轻声道：你好像不太在意作为适格者的未来。\n\n她平常会怎么说呢？大约会找几个话题打打闹闹地糊弄过去，但今天是那个人的生日，爱弥斯正在思念对方，因此有些忘记在朋友们前掩饰情绪。适格者……也只是一种可能性嘛，她语调平淡地说，比起这个，有人曾说更希望我能轻松快乐地生活，我也觉得这样比较好。我的理想没有大家那么厉害啦，懒散的人松弛点也很正常吧？\n\n真的吗？朋友们望着她的眼睛问。\n\n爱弥斯只是回以微笑：真的。\n\n但并非如此，只是因为那个理想太过沉重、太过傲慢、太过荒谬，因此不能在平稳的词句中被宣之于口。它每一日都比前一日成长得更加膨大，在爱弥斯的心灵中扎入根须，但她视之不见，因为她已经接受了那句嘱托。如果日复一日的快乐就是好的，那就让她这么一直快乐下去吧！她会信守承诺，除非……\n思绪被打断，埃拉拉在她的脸颊上狠狠捏了一把。\n\n怎么啦？爱弥斯皱着脸含混不清地说道。\n\n心口不一的坏人，她的朋友抱怨道，好了好了不问你了，下午图书馆复习一起去吗？\n\n她点头道：当然~\n\n爱弥斯笑着和朋友们打闹作一团，慢悠悠走向电梯。她们都还很年轻，并不急于一时去寻找答案，在这所满载着天才的学院中，拥有无限可能的未来。\n\n#story3\n爱弥斯走到镜子前，镜面并未映照出她的影子。\n\n在她死后，整个世界就与之错开了。适格者们曾讨论过人的本质是什么，埃拉拉说是爱，诺娃说是记忆，塞莱斯特说是自我，琳说是信仰……不对，爱弥斯想，人的本质是频率。以她现在的情况而言，她只能这么去理解。是因为和隧者共鸣，因此她的存在性质也被改变了？她的躯体已经在模拟驾驶舱中被撕碎，她应该死了，却仍旧存在……不过，她现在已经不再去想存在的本质是什么这种问题了。尽管对一个电子幽灵而言，漫长的时间足够去思考任何问题。\n\n但爱弥斯现在知道了更重要的事。\n\n在她进入高悬天际的隧者炉芯后，她看到了藏在其中的那条讯息。\n\n原来是这样，她想，原来是这样。所以这条讯息从未被读到，因为在最初它就已经被放置在了无法被查阅的地方，只有此时身为隧者共鸣者的她才能看见。整个地下空洞都仰赖着这“太阳”生存，拉海洛人自然不会有机会知晓。她该高兴吗？以这条讯息的内容而言，她将有机会实现自己的愿景——但这的确又像个阴差阳错的玩笑，因为那并不是她想象中的实现方式。可这是只有她能做到的事。\n\n如果有我能做的事，我就会去做。\n\n……对，是该这样。爱弥斯想起那个人，在心里为自己加油。她觉得自己可以再勇敢些，再坚定些。当然，现在还不够，但没关系，还有时间去做准备。从这方面而言，她已经受到了命运的优待。想着想着，她不禁轻轻哼起歌来。可惜，飞行雪绒的曲子没法再更新了，如果能预料到明天，她会写完那首歌的。\n\n镜面没有映出她的面孔，因此爱弥斯并未看到，她脸上的微笑像是被一划被蜡笔涂歪的痕迹，在末端戛然而止。\n\n#story4\n寂静。\n\n她转过身，看到了那只“眼睛”。啊，是的，形似眼睛，但爱弥斯知道那不是。黑洞？也许人类可以用自己所知的东西去这么称呼，但在她的眼中，在已经与隧者共鸣的她眼中，那是某种在不断漫溢发生的“现象”。被其吞噬和笼罩的东西失去存在，深空联合称其为虚质——那就这么叫吧，对于处在比之更低维度的生物而言，总要有个称呼。这就和人类叫它“阿列夫一”是同样的道理。\n\n爱弥斯已经不止一次和它“对视”了。对于在虚质空间和外部不断往返的她而言，这是必然会遭遇的事，只能习惯。\n\n直到前不久为止，她都还是会受到一定的影响。虚无，对死亡的渴望，无意义，寂静的宇宙……凝视阿列夫一带来的负面影响，就连身为死者的她都难以避免。但现在，在爱弥斯于那被吞噬的文明的残骸中探索后，她看着那只巨大的，超越了时间与空间的眼睛，只听到了自己趋近疯狂的大笑声。\n这就是那个人一直追寻的东西吗？笑声从她的喉咙中沉闷地响起。这就是真相？\n\n真荒谬。\n\n一切自年幼时萌发的愿景和理想，意义都因此消解。爱弥斯忽然觉得很累，但在疲惫之后，又有一丝萦绕不去的伤心和担忧钻进她的心魂。那个人该怎么办呢？那个人知道这些事吗？如果知道，爱弥斯不敢想象对方一直以来是抱持着何种感情在世间行走。如果不知道……那她就应该把这一切都藏起来，都砸碎，都销毁……她的心中一半是冰冷的担忧，一半是燃烧的怒火。生平第一次，她知晓了何为仇恨。\n\n那只被爱弥斯造出的纸飞机幻影，在她的掌心被揉皱成一团纸屑，落向无尽的虚空。\n\n#story5\n爱弥斯慢慢踏着楼梯向上，回到了桌边。\n\n因为刚才那个梦醒来后，她也睡不着了。事实上，她本就无需睡眠，梦也更像是记忆以另一种形式进行重播。明天她和【TA】就会抵达隧者脚下，她不太确定会发生什么，因此想要做好准备。\n\n话语是意义的准备，因此她想把一些想和【TA】说，却在此刻还无法宣之于口的话记录来下。\n\n该说些什么好呢？也许应该把这么多年发生的事情，都告诉对方。大事小事，欢乐和忧伤，无关紧要的一切，关系世界命运的一切……或者，也可以小小的责备对方一下，因为时间已经过去了很久，对方缺席了太久，她要分享的东西也堆积得太多。如果这些都不太对，那么就把这次公路片之旅画下来，就像以前那样。她说了又删，删了又说，最后只留下了一小段内容。\n\n“我知道，只要抬头，那颗星总能找到我。”\n\n爱弥斯在房间中的电子设备里留下了这段话，等待它在更久一些之后的时间被发现，或者永远不被发现。\n\n此刻，她也的确没有更多想要的东西了。\n\n【TA】现在看起来还挺快乐的，这比任何事都要好。如果可以，那就永远隐瞒下去吧，只要那个人能得到幸福，其他事情她都可以付之一笑。她可以做个自私的人，也可以做个无私的人，可面对家人，人难免都会护短，爱弥斯也不能免俗。真相又有什么重要的呢？\n\n只要【TA】能自由而快乐地活着就好。\n\n爱弥斯想着想着，忽然意识到这和过去束缚过她的那句嘱托并无区别。她忍不住笑了一下。此刻万籁俱寂，雪无声地落在天地间，于消融前等待着春日的降临。\n\n::\n",[55,765,763],{"__ignoreMap":25},[36,767,769],{"id":768},"时间线彩蛋","时间线&彩蛋",[40,771,772,781],{":tabs":42},[23,773,774],{"v-slot:tab1":25},[46,775,779],{"className":776,"code":777,"filename":778,"language":52,"meta":530},[49],"\u003Cscript setup lang=\"ts\">\nimport type { __String } from 'typescript';\nimport Title from '..\u002Fcard\u002Ftitle.vue';\nimport Badge from '.\u002FBadge.vue';\nimport Timeline from '.\u002FTimeline.vue';\n\nconst props = defineProps\u003C{\n  类型?: '爱弥斯' | '莫宁' | '尤诺'\n  顶部?: {\n    标题?: string\n    副标题?: string\n  }\n  时间线?: Array\u003C{\n    徽章: string[]\n    标签: string[]\n    密钥: number\n  }>\n  彩蛋?: Array\u003C{\n    图标?: string\n    徽章?: string\n    密钥?: number | string\n    信息列表?: Record\u003Cstring, string>\n  }>\n  时间线内容?:string[]\n  彩蛋内容?: string[]\n}>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"heroTimelineEasterMain\">\n    \u003Cdiv class=\"heroTimelineEasterCard\">\n      \u003Cdiv class=\"timelineEasterHeader\">\n        \u003CTitle :title=\"`${顶部?.标题}`\" \u002F>\n        \u003CBadge :text=\"顶部?.副标题\" \u002F>\n      \u003C\u002Fdiv>\n      \n      \u003C!-- 时间线部分 - 修复为两列布局 -->\n      \u003Cdiv class=\"heroTimelineList\" :id=\"类型\" v-show=\"类型 !== '莫宁'\">\n        \u003Cdiv class=\"heroTimelineCard\" v-for=\"main in 时间线\" :key=\"main.密钥\">\n          \u003Cdiv class=\"heroTimelineLabel\" v-for=\"([key, value], index) in Object.entries(时间线内容 ?? {})\" v-show=\"main.密钥 === index + 1\">\n            {{ value }}\u003CBadge :text=\"`${value}`\" v-for=\"([key, value]) in Object.entries(main.徽章 ?? {})\" :key=\"key\"\u002F>\n          \u003C\u002Fdiv>     \n          \u003Cdiv class=\"heroTimelineValue\" v-for=\"index in 时间线内容?.length\" v-show=\"main.密钥 === index\">\n            \u003Cslot :name=\"`Timeline${index}`\"\u002F>\n          \u003C\u002Fdiv>\n          \u003C!-- 特定标签位置||未写完 -->\n          \u003Cdiv class=\"heroTimelineTag\" v-show=\"类型 === '尤诺'\">\n            \u003Cspan class=\"heroTimelineTagList\" v-for=\"([key, value]) in Object.entries(main.标签 ?? {})\" :key=\"key\">\n              \u003Cslot class=\"text\">\n                {{ value }}\n              \u003C\u002Fslot>\n            \u003C\u002Fspan>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n\n      \u003Cdiv class=\"heroEasterMain\" :id=\"类型\">\n        \u003Cdiv class=\"heroEaster WuWuGameColor\" v-for=\"main in 彩蛋\" :id=\"类型\">\n          \u003Cdiv class=\"easterNumber\" v-show=\"类型 === '莫宁'\">\n            {{ main.密钥 }}\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"easterHeader\">\n            \u003Cspan class=\"esterTitle\" v-for=\"([key, value], index) in Object.entries(props.彩蛋内容 ?? {})\" v-show=\"main.密钥 === index + 1\">{{ value }}\u003C\u002Fspan>\n            \u003CBadge :text=\"`${main.徽章}`\" v-show=\"类型 !== '爱弥斯'\"\u002F>\n          \u003C\u002Fdiv>\n          \u003Cdiv class=\"easterContent\">\n            \u003Cdiv class=\"easterDetailMain\" :id=\"类型\">\n              \u003Cdiv :class=\"`easterDetailCard item-${main.密钥}`\" :id=\"`content-${index + 1}`\" v-for=\"([key, value], index) in Object.entries(main.信息列表 ?? {})\" :key=\"key\"v-show=\"类型 === '尤诺'\">\n                \u003Cspan class=\"detailKey\">{{ key }}\u003C\u002Fspan>\n                \u003Cspan class=\"detailValue\">{{ value }}\u003C\u002Fspan>\n              \u003C\u002Fdiv>\n            \u003C\u002Fdiv>\n            \u003Cdiv class=\"easterP\" :id=\"类型\" v-for=\"Index in 彩蛋内容?.length\" v-show=\"main.密钥 === Index\">\n              \u003Cslot :name=\"`easter${Index}`\">\u003C\u002Fslot>\n            \u003C\u002Fdiv>\n          \u003C\u002Fdiv>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\">\n.article p {\n  margin: 0!important;\n}\n.heroTimelineEasterMain {\n  width: 100%;\n  background: var(--ld-bg-card);\n  border: 1px solid var(--c-border);\n  border-radius: 0.75rem;\n  margin: 1.5rem 0;\n  overflow: hidden;\n  transition: border-color 0.2s ease;\n  display: flex;\n\n  .heroTimelineEasterCard {\n    flex: 1;\n    padding: 1rem;\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n\n    .timelineEasterHeader {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      gap: 12px;\n    }\n\n    \u002F* 修复时间线布局 - 一行两列 *\u002F\n    .heroTimelineList {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 0.5em;\n      @media (max-width: 560px) {\n        grid-template-columns: repeat(1, 1fr);\n      }\n        .heroTimelineCard {\n          display: flex;\n          flex-direction: column;\n          margin: 0.5em 0;\n          \n          .heroTimelineLabel {\n            display: flex;\n            align-items: center;\n            gap: 0.5rem;\n            color: var(--c-text-2);\n            font-size: 0.8rem;\n            font-weight: 500;\n          }\n          \n          .heroTimelineValue {\n            color: var(--c-text);\n            font-size: 0.8rem;\n            word-break: break-word;\n          }\n\n          .heroTimelineTag {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 0.3rem;\n            margin-top: 0.25em;\n            .heroTimelineTagList {\n              padding: 0.25em 0.9em;\n              background: rgba(46, 136, 201, 0.2);\n              border: 1px solid rgba(127, 211, 255, 0.1);\n              border-radius: 0.25rem;\n              font-size: 0.65rem;\n            }\n          }\n        }\n      }\n    .heroEasterMain {\n      display: grid;\n      gap: 0.5rem;\n      .heroEaster {\n        border-radius: 0.4em;\n        font-size: 1em;\n        padding: 0.5em 0.6em;\n        transition: all 0.2s;\n        .easterHeader {\n          display: flex;\n          align-items: center;\n          font-size: 0.9em;\n          .easterIcon {\n            font-size: 0.9em;\n          }\n          .easterTitle {\n            font-weight: 700;\n            font-size: 0.9em;\n          }\n        }\n        .easterContent {\n          font-size: 0.9em;\n          .easterP {\n            margin: 0;\n          }\n          .easterDetailMain {\n            display: grid;\n            .easterDetailCard {\n              justify-content: space-between;\n              display: flex;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\u002F* 外置样式 *\u002F\n\u002F* 时间线样式 *\u002F\n.heroTimelineList#尤诺 {\n  gap: 0.2rem\n}\n\u002F* 彩蛋样式 *\u002F\n.heroEasterMain#爱弥斯 {\n  .heroEaster {\n    border: 1px dashed var(--pink-core);\n  }\n}\n.heroEasterMain#莫宁 {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 10px;\n  .heroEaster {\n    background: #0003;\n    border: 1px solid rgba(74, 165, 255, .1);\n    .easterNumber {\n      width: 30px;\n      height: 30px;\n      background: #4aa5ff33;\n      border: 1px solid #4aa5ff;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      font-weight: 700;\n      transition: all .3s;\n    }\n  }\n}\n.heroEasterMain#尤诺 {\n  grid-template-columns: 2fr 2fr;\n  gap: .5rem;\n  .heroEaster {\n    border: 1px dashed var(--color-tide-light);\n    border-radius: 12px;\n    padding: 1rem;\n    flex-direction: column;\n    display: flex;\n    gap: 0.5rem;\n    .easterHeader {\n      justify-content: space-between;\n    }\n    .easterContent {\n      flex-direction: column;\n      display: flex;\n      gap: 0.5rem;\n    }\n    .easterDetailCard.item-1#content-1,\n    .easterDetailCard.item-2#content-1,\n    .easterDetailCard.item-2#content-2 {\n      margin-bottom: 0.25rem;\n      padding-bottom: 0.25rem;\n      border-bottom: 1px solid rgba(127, 211, 255, .1);\n    }\n    .easterP {\n      border: 1px dashed var(--color-tide-light);\n      padding: 0.5rem;\n      border-radius: 0.5rem;\n    }\n  }\n}\n\u003C\u002Fstyle>\n","heroTimelineEaster.vue",[55,780,777],{"__ignoreMap":25},[23,782,783,788,827,832],{"v-slot:tab2":25},[14,784,785],{},[234,786,787],{},"预览显示1",[789,790,796,801,806,811,816,822],"hero-timeline-easter",{":彩蛋":791,":彩蛋内容":792,":时间线":793,":时间线内容":794,":顶部":795,"类型":66},"[{\"密钥\":1},{\"密钥\":2}]","[\"官方彩蛋 · 摩斯密码\",\"飞行雪绒 · 爱弥斯个人账号\"]","[{\"密钥\":1,\"徽章\":[\"2.8版本\"]},{\"密钥\":2,\"徽章\":[\"3.0版本\"]},{\"密钥\":3,\"徽章\":[\"3.1版本\"]},{\"密钥\":4,\"徽章\":[\"时间闭环\"]}]","[\"伏笔埋下\",\"初次登场\",\"真相揭晓\",\"因果循环\"]","{\"标题\":\"官方剧情时间线 & 彩蛋\",\"副标题\":\"EMS-DATA\"}",[23,797,798],{"v-slot:Timeline1":25},[14,799,800],{},"“那一晚上的失忆以及手的虚化”埋下爱弥斯相关伏笔",[23,802,803],{"v-slot:Timeline2":25},[14,804,805],{},"第一次相遇即是告别",[23,807,808],{"v-slot:Timeline3":25},[14,809,810],{},"“我不后悔，但还是...好舍不得你”",[23,812,813],{"v-slot:Timeline4":25},[14,814,815],{},"“...别...难过...”",[23,817,818],{"v-slot:easter1":25},[819,820,821],"div",{},"\n官方OST《以虚无紧系因果》中隐藏摩斯密码，截取后翻译为`BCAKHOME`—— “回家”\n",[23,823,824],{"v-slot:easter2":25},[819,825,826],{},"\n爱弥斯生前以“飞行雪绒”为网名分享原创歌曲，歌友会每年都会筹办\n",[14,828,829],{},[234,830,831],{},"预览显示2",[789,833,840,845,850,855,860,865,874],{":彩蛋":834,":彩蛋内容":835,":时间线":836,":时间线内容":837,":顶部":838,"类型":839},"[{\"标题\":\"常驻点位1\",\"密钥\":1,\"徽章\":\"牵手副本\",\"信息列表\":{\"触发地点\":\"往事花平野和赤林猎场中间的小岛\",\"地图坐标\":\"11497,13780,88\"}},{\"标题\":\"常驻点位2\",\"密钥\":2,\"徽章\":\"月下幽会\",\"信息列表\":{\"触发地点\":\"三王峰和往事花平野中间的小岛\",\"触发时间\":\"晚上8点到凌晨4点\",\"地图坐标\":\"11273,13744,304\"}}]","[\"常驻点位1\",\"常驻点位2\"]","[{\"密钥\":1,\"徽章\":[\"幼年时期\",\"七丘 · 黎那汐塔\"],\"标签\":[\"诞生\",\"预言\",\"天赋\"]},{\"密钥\":2,\"徽章\":[\"青少年时期\",\"七丘四方殿\"],\"标签\":[\"成长\",\"反叛\",\"谕女\"]},{\"密钥\":3,\"徽章\":[\"2.6版本前半\",\"桑古伊斯狩原\"],\"标签\":[\"牺牲\",\"黑潮\",\"记忆抹除\"]},{\"密钥\":4,\"徽章\":[\"2.6版本中段\",\"混沌之间\"],\"标签\":[\"拯救\",\"循环\",\"记忆\"]},{\"密钥\":5,\"徽章\":[\"2.6版本后半\",\"战场遗迹\"],\"标签\":[\"回归\",\"锚定\",\"自我\"]}]","[\"月食之夜 · 谕女诞生\",\"四方殿 · 谕女之路\",\"黑潮狩猎 · 初次牺牲\",\"空白未来 · 唯一记忆者\",\"月相重圆 · 自我锚定\"]","{\"标题\":\"官方剧情时间线 & 彩蛋\",\"副标题\":\"YOUNUO-DATA\"}","尤诺",[23,841,842],{"v-slot:Timeline1":25},[14,843,844],{},"尤诺诞生于月亮沉没之夜，被预言为能看见绝对正确未来的天才谕女。母亲是前竞技冠军，父亲是著名锻造师。",[23,846,847],{"v-slot:Timeline2":25},[14,848,849],{},"正式成为七丘第127位谕女，但拒绝穿传统礼袍，保持纱缎与黄金装饰，以命运对视者的姿态面对众人。",[23,851,852],{"v-slot:Timeline3":25},[14,853,854],{},"为帮助漂泊者与奥古斯塔狩猎黑潮，使用锚定能力从世人记忆中被抹除，成为\"不存在之人\"。",[23,856,857],{"v-slot:Timeline4":25},[14,858,859],{},"漂泊者成为唯一记得尤诺的人，踏上拯救之旅。尤诺在存在与消失的夹缝中循环经历自己的过去。",[23,861,862],{"v-slot:Timeline5":25},[14,863,864],{},"尤诺以\"先锚定自己，再锚定所有想逃的东西\"的决心，重新将自己钉回世界，完成月相的回环与更迭。",[23,866,867],{"v-slot:easter1":25},[14,868,869,870,873],{},"🌟 尤诺不同于主线会从灵体变成实体\n",[871,872],"br",{},"\n✨ 专属情侣空间的含金量",[23,875,876],{"v-slot:easter2":25},[14,877,878,879,881],{},"🌟 隐藏成就「当天空是你眼睛的颜色」\n",[871,880],{},"\n✨ 对话中有一句今晚月色真美（深情告白了属于是）",[112,883,114],{"id":884},"整体说明-3",[40,886,887,1104],{":tabs":117},[23,888,889,892,997,1000,1048,1051],{"v-slot:tab1":25},[14,890,891],{},"hero-timeline-easter属性",[124,893,894,904],{},[127,895,896],{},[130,897,898,900,902],{},[133,899,135],{},[133,901,138],{},[133,903,141],{},[143,905,906,927,941,954,967,983],{},[130,907,908,910,916],{},[148,909,138],{},[148,911,912,913,915],{},"'爱弥斯'",[871,914],{},"'尤诺'",[148,917,918,919,922,923,926],{},"作为模块的显隐逻辑，并且还在一些",[55,920,921],{"code":921},"class","中作为",[55,924,925],{"code":925},"id","样式显示",[130,928,929,932,938],{},[148,930,931],{},"顶部",[148,933,934,935,937],{},"Array\u003C顶部",[74,936],{},">",[148,939,940],{},"具有标题、副标题两类数据",[130,942,943,946,951],{},[148,944,945],{},"时间线",[148,947,948,949,937],{},"Array\u003C时间线",[74,950],{},[148,952,953],{},"作为显示时间线的模块",[130,955,956,959,964],{},[148,957,958],{},"彩蛋",[148,960,961,962,937],{},"Array\u003C彩蛋",[74,963],{},[148,965,966],{},"作为显示彩蛋的模块",[130,968,969,972,976],{},[148,970,971],{},"时间线内容",[148,973,167,974],{},[74,975],{},[148,977,978,979,982],{},"作为驱动",[55,980,981],{"code":981},"solt :name","正常运转的核心数据，锚定了时间线的密钥来进行特定显示",[130,984,985,988,992],{},[148,986,987],{},"彩蛋内容",[148,989,167,990],{},[74,991],{},[148,993,978,994,996],{},[55,995,981],{"code":981},"正常运转的核心数据，锚定了彩蛋的密钥来进行特定显示",[14,998,999],{},"时间线属性",[124,1001,1002,1012],{},[127,1003,1004],{},[130,1005,1006,1008,1010],{},[133,1007,135],{},[133,1009,138],{},[133,1011,141],{},[143,1013,1014,1025,1036],{},[130,1015,1016,1018,1022],{},[148,1017,175],{},[148,1019,167,1020],{},[74,1021],{},[148,1023,1024],{},"作为Badge的显示字段",[130,1026,1027,1029,1033],{},[148,1028,200],{},[148,1030,167,1031],{},[74,1032],{},[148,1034,1035],{},"自定义字段",[130,1037,1038,1040,1042],{},[148,1039,742],{},[148,1041,344],{},[148,1043,1044,1045,1047],{},"锚定",[55,1046,971],{"code":971},"的分页数据所需要的密钥",[14,1049,1050],{},"彩蛋属性",[124,1052,1053,1063],{},[127,1054,1055],{},[130,1056,1057,1059,1061],{},[133,1058,135],{},[133,1060,138],{},[133,1062,141],{},[143,1064,1065,1075,1083,1095],{},[130,1066,1067,1070,1072],{},[148,1068,1069],{},"图标",[148,1071,167],{},[148,1073,1074],{},"作为彩蛋开头，是用来显示",[130,1076,1077,1079,1081],{},[148,1078,175],{},[148,1080,167],{},[148,1082,1024],{},[130,1084,1085,1087,1091],{},[148,1086,742],{},[148,1088,344,1089,167],{},[871,1090],{},[148,1092,1044,1093,1047],{},[55,1094,987],{"code":987},[130,1096,1097,1100,1102],{},[148,1098,1099],{},"信息列表",[148,1101,180],{},[148,1103],{},[23,1105,1106],{"v-slot:tab2":25},[40,1107,1109,1117],{":tabs":1108},"[\"写法1\", \"写法2\"]",[23,1110,1111],{"v-slot:tab1":25},[46,1112,1115],{"className":1113,"code":1114,"language":375,"meta":376},[373],"::hero-timeline-easter\n---\n类型: '爱弥斯'\n顶部:\n  标题: 官方剧情时间线 & 彩蛋\n  副标题: EMS-DATA\n时间线:\n  - 密钥: 1\n    徽章: [\"2.8版本\"]\n  - 密钥: 2\n    徽章: [\"3.0版本\"]\n  - 密钥: 3\n    徽章: [\"3.1版本\"]\n  - 密钥: 4\n    徽章: [\"时间闭环\"]\n彩蛋:\n  - 密钥: 1\n  - 密钥: 2\n时间线内容: [\"伏笔埋下\", \"初次登场\", \"真相揭晓\", \"因果循环\"]\n彩蛋内容: [\"官方彩蛋 · 摩斯密码\", \"飞行雪绒 · 爱弥斯个人账号\"]\n---\n#Timeline1\n“那一晚上的失忆以及手的虚化”埋下爱弥斯相关伏笔\n\n#Timeline2\n第一次相遇即是告别\n\n#Timeline3\n“我不后悔，但还是...好舍不得你”\n\n#Timeline4\n“...别...难过...”\n\n#easter1\n\u003Cdiv>\n官方OST《以虚无紧系因果》中隐藏摩斯密码，截取后翻译为`BCAKHOME`—— “回家”\n\u003C\u002Fdiv>\n#easter2\n\u003Cdiv>\n爱弥斯生前以“飞行雪绒”为网名分享原创歌曲，歌友会每年都会筹办\n\u003C\u002Fdiv>\n::\n",[55,1116,1114],{"__ignoreMap":25},[23,1118,1119],{"v-slot:tab2":25},[46,1120,1123],{"className":1121,"code":1122,"language":375,"meta":376},[373],"::hero-timeline-easter\n---\n类型: 尤诺\n顶部:\n  标题: 官方剧情时间线 & 彩蛋\n  副标题: YOUNUO-DATA\n时间线:\n  - 密钥: 1\n    徽章: [\"幼年时期\", \"七丘 · 黎那汐塔\"]\n    标签: [\"诞生\", \"预言\", \"天赋\"]\n  - 密钥: 2\n    徽章: [青少年时期, 七丘四方殿]\n    标签: [\"成长\", \"反叛\", \"谕女\"]\n  - 密钥: 3\n    徽章: [2.6版本前半, 桑古伊斯狩原]\n    标签: [\"牺牲\", \"黑潮\", \"记忆抹除\"]\n  - 密钥: 4\n    徽章: [2.6版本中段, 混沌之间]\n    标签: [\"拯救\", \"循环\", \"记忆\"]\n  - 密钥: 5\n    徽章: [2.6版本后半, 战场遗迹]\n    标签: [\"回归\", \"锚定\", \"自我\"]\n\n彩蛋:\n  - 标题: 常驻点位1\n    密钥: 1\n    徽章: 牵手副本\n    信息列表:\n      触发地点: 往事花平野和赤林猎场中间的小岛\n      地图坐标: 11497,13780,88\n  - 标题: 常驻点位2\n    密钥: 2\n    徽章: 月下幽会\n    信息列表:\n      触发地点: 三王峰和往事花平野中间的小岛\n      触发时间: 晚上8点到凌晨4点\n      地图坐标: 11273,13744,304\n时间线内容: [\"月食之夜 · 谕女诞生\", \"四方殿 · 谕女之路\", \"黑潮狩猎 · 初次牺牲\", \"空白未来 · 唯一记忆者\", \"月相重圆 · 自我锚定\"]\n彩蛋内容: [\"常驻点位1\", \"常驻点位2\"]\n---\n#Timeline1\n尤诺诞生于月亮沉没之夜，被预言为能看见绝对正确未来的天才谕女。母亲是前竞技冠军，父亲是著名锻造师。\n\n#Timeline2\n正式成为七丘第127位谕女，但拒绝穿传统礼袍，保持纱缎与黄金装饰，以命运对视者的姿态面对众人。\n\n#Timeline3\n为帮助漂泊者与奥古斯塔狩猎黑潮，使用锚定能力从世人记忆中被抹除，成为\"不存在之人\"。\n\n#Timeline4\n漂泊者成为唯一记得尤诺的人，踏上拯救之旅。尤诺在存在与消失的夹缝中循环经历自己的过去。\n\n#Timeline5\n尤诺以\"先锚定自己，再锚定所有想逃的东西\"的决心，重新将自己钉回世界，完成月相的回环与更迭。\n\n#easter1\n🌟 尤诺不同于主线会从灵体变成实体\n\u003CBR>\n✨ 专属情侣空间的含金量\n#easter2\n🌟 隐藏成就「当天空是你眼睛的颜色」\n\u003CBR>\n✨ 对话中有一句今晚月色真美（深情告白了属于是）\n::\n",[55,1124,1122],{"__ignoreMap":25},[36,1126,1128],{"id":1127},"共鸣链机制","共鸣链&&机制",[40,1130,1131,1140],{":tabs":42},[23,1132,1133],{"v-slot:tab1":25},[46,1134,1138],{"className":1135,"code":1136,"filename":1137,"language":52,"meta":530},[49],"\u003Cscript setup lang=\"ts\">\nimport Title from '..\u002Fcard\u002Ftitle.vue';\n\nconst props = defineProps\u003C{\n  元信息?: Array\u003C{\n    链度: number\n    标题: string\n  }>\n  主体?: Array\u003C{\n    内容: string[]\n    密钥: number\n    类型: 'Reson' | 'Mecha'\n    标题: string\n  }>\n}>()\nconst activeIndex = ref(0)\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003Cdiv class=\"heroResonMechaMain\">\n    \u003Cdiv class=\"heroResonMechaNav\">\n      \u003Cdiv \n        class=\"heroResonMechaNavItem\" \n        v-for=\"(item, index) in 主体\" \n        :key=\"index\"\n        @click=\"activeIndex = index\"\n        :class=\"{ active: activeIndex === index }\"\n      >\n        \u003Cspan>{{ item.标题 }}\u003C\u002Fspan>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n    \u003Cdiv class=\"heroResonMechaList\" v-if=\"主体?.[activeIndex]\">\n      \u003Cdiv class=\"heroResonMechaCard\" :id=\"主体?.[activeIndex]?.类型\" v-for=\"card in 元信息\" v-show=\"主体?.[activeIndex]?.类型 === 'Reson'\">\n        \u003Cdiv class=\"heroResonTitle\">\n          第{{card.链度}}链 · {{ card.标题 }}\n        \u003C\u002Fdiv>\n        \u003Cdiv class=\"heroResonContent\" v-for=\"index in 主体?.[activeIndex]?.内容.length\" v-show=\"card.链度 === index\">\n          \u003Cslot :name=\"`Reson${index}`\" \u002F>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n      \u003Cdiv class=\"heroResonMechaCard\" :id=\"主体?.[activeIndex]?.类型\" v-show=\"主体?.[activeIndex]?.类型 === 'Mecha'\">\n        \u003Cdiv class=\"heroMechaContent\">\n          \u003Cslot :name=\"`Mecha`\" \u002F>\n        \u003C\u002Fdiv>\n      \u003C\u002Fdiv>\n    \u003C\u002Fdiv>\n  \u003C\u002Fdiv>\n\u003C\u002Ftemplate>\n\n\u003Cstyle lang=\"scss\" scoped>\n.heroResonMechaMain {\n  width: 100%;\n  height: 320px;\n  background: var(--ld-bg-card);\n  border: 1px solid var(--c-border);\n  border-radius: 0.75rem;\n  margin: 1.5rem 0;\n  overflow: hidden;\n  transition: border-color 0.2s ease;\n  display: flex;\n  .heroResonMechaNav {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: flex-start;\n    padding: 1rem;\n    width: 80px; \n    gap: 8px;    \n    .heroResonMechaNavItem {\n      cursor: pointer;\n      width: 70px;\n      height: 40px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      border-radius: 50%;\n      transition: all 0.2s ease;\n\n      &:hover {\n        background-color: var(--c-bg-hover); \n      }\n\n      &.active {\n        background-color: var(--c-bg-active); \n      }\n    }\n  }\n  .heroResonMechaList {\n    overflow: hidden;\n    overflow-y: scroll; \n    margin-bottom: 1rem;\n    margin-top: 1rem;\n    padding-right: 1rem;\n    &::-webkit-scrollbar {\n      width: 0;\n      background: transparent;\n    }\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    .heroResonMechaCard#Reson {\n      background: rgba(122, 92, 61, 0.08);\n      border-radius: 6px;\n      padding: 10px;\n      margin-bottom: 10px;\n      .heroResonContent {\n        font-size: 0.9rem;\n        margin: 0px;\n        white-space: pre-wrap;\n      }\n    }\n    .heroResonMechaCard#Mecha {\n      padding: 10px;\n      .heroMechaContent {\n        font-size: 0.9rem;\n        margin: 0px;\n        white-space: pre-wrap;\n        p {\n          padding: 12px 0;\n          border-bottom: 1px dashed rgba(255, 140, 176, .2);\n          font-size: 0.78rem;\n        }\n      }\n    }\n  }\n}\n\n\u002F* 移动端适配：屏幕宽度 ≤ 768px 时生效 *\u002F\n@media (max-width: 768px) {\n  .heroResonMechaMain {\n    height: auto; \u002F* 高度自适应内容 *\u002F\n    flex-direction: column; \u002F* 导航与列表垂直堆叠 *\u002F\n  }\n\n  .heroResonMechaNav {\n    width: 100%; \u002F* 导航占满宽度 *\u002F\n    flex-direction: column;\n    padding: 0.5rem; \u002F* 减少内边距 *\u002F\n    gap: 8px; \n\n    .heroResonMechaNavItem {\n      width: 100%; \u002F* 导航项宽度自适应 *\u002F\n      height: 44px; \u002F* 增大点击区域 *\u002F\n      font-size: 0.875rem; \u002F* 字体放大 *\u002F\n      border-radius: 6px; \u002F* 圆角微调 *\u002F\n    }\n  }\n\n  .heroResonMechaList {\n    width: 100%; \u002F* 列表占满宽度 *\u002F\n    margin: 0; \u002F* 移除上下冗余边距 *\u002F\n    padding: 0.5rem; \u002F* 内边距缩小 *\u002F\n    overflow-y: auto; \u002F* 内容少时不显示滚动条 *\u002F\n\n    &::-webkit-scrollbar {\n      width: 0;\n      background: transparent;\n    }\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n\n    .heroResonMechaCard#Reson,\n    .heroResonMechaCard#Mecha {\n      margin-bottom: 0.75rem; \u002F* 卡片间距缩小 *\u002F\n      padding: 8px; \u002F* 卡片内边距缩小 *\u002F\n    }\n\n    .heroResonContent,\n    .heroMechaContent {\n      font-size: 0.875rem; \u002F* 整体字体缩小 *\u002F\n      p {\n        padding: 8px 0; \u002F* 行间距缩小 *\u002F\n        border-bottom: 1px dashed rgba(255, 140, 176, .2);\n        font-size: 0.75rem; \u002F* 行内字体再缩小 *\u002F\n      }\n    }\n  }\n}\n\u003C\u002Fstyle>\n","heroResonMecha",[55,1139,1136],{"__ignoreMap":25},[23,1141,1142],{"v-slot:tab2":25},[1143,1144,1147,1158,1169,1186,1191,1199,1216],"hero-reson-mecha",{":主体":1145,":元信息":1146},"[{\"内容\":[\"如金粉般洒落的初煦\",\"如雪绒般漂浮的音符\",\"炽烈在静默间延展如初\",\"于无垠电子海间轻舞\",\"远航至那星海尽处\",\"春风祝颂你的旅途\"],\"类型\":\"Reson\",\"标题\":\"共鸣链\"},{\"内容\":[\"机制\"],\"类型\":\"Mecha\",\"标题\":\"机制\"}]","[{\"标题\":\"如金粉般洒落的初煦\",\"链度\":1},{\"标题\":\"如雪绒般漂浮的音符\",\"链度\":2},{\"标题\":\"炽烈在静默间延展如初\",\"链度\":3},{\"标题\":\"于无垠电子海间轻舞\",\"链度\":4},{\"标题\":\"远航至那星海尽处\",\"链度\":5},{\"标题\":\"春风祝颂你的旅途\",\"链度\":6}]",[23,1148,1149,1152,1155],{"v-slot:Reson1":25},[14,1150,1151],{},"即刻响应状态下，重击·爱弥斯、重击·机兵暴击伤害提升300%，且蓄力期间可牵引周围的目标。",[14,1153,1154],{},"爱弥斯满足以下条件超过4秒时，获得即刻响应·辉芒状态。\n·处于非战斗状态。\n·未处于重击·爱弥斯、重击·机兵、共鸣解放星辉破界而来·终结施放状态。\n即刻响应·辉芒拥有即刻响应的所有效果，且即刻响应·辉芒不会因星辉破界而来·于此释放状态结束而移除。\n处于即刻响应·辉芒状态且不处于星辉破界而来·于此释放状态，施放重击·爱弥斯·二段蓄力或重击·机兵·二段蓄力时，可获得100点【同步率】。",[14,1156,1157],{},"处于共鸣模态·震谐\u002F共鸣模态·聚爆时，爱弥斯自身施放的技能直接造成的伤害击败被附加震谐轨迹\u002F聚爆轨迹状态的敌人时，获得轨迹封存·震谐\u002F轨迹封存·聚爆状态，持续10秒。\n轨迹封存·震谐\u002F轨迹封存·聚爆状态下保留击败目标被附加震谐轨迹\u002F聚爆轨迹的最高层数。\n爱弥斯下一次自身施放的技能直接造成的伤害立即为命中目标附加对应层数的震谐轨迹\u002F聚爆轨迹，最高可叠加至当前目标的震谐轨迹\u002F聚爆轨迹层数上限，同时清除轨迹封存·震谐\u002F轨迹封存·聚爆状态，1秒内无法再次获得轨迹封存·震谐\u002F轨迹封存·聚爆。",[23,1159,1160,1163,1166],{"v-slot:Reson2":25},[14,1161,1162],{},"共鸣技能光翼共奏·降临的伤害倍率提升100%。\n共鸣技能光翼共奏·登台的伤害倍率提升100%。",[14,1164,1165],{},"处于共鸣模态·震谐，共鸣技能光翼共奏额外造成的震谐伤害命中目标时，使目标受到共鸣技能光翼共奏额外造成的震谐伤害倍率提升20%，持续1秒，最多叠加5层。",[14,1167,1168],{},"处于共鸣模态·聚爆获得以下强化：\n·星屑共振状态对共鸣技能光翼共奏引爆的【聚爆效应】伤害倍率提升效果增强，对【聚爆效应】主目标的伤害倍率提升效果提升至400%。\n·聚爆轨迹对共鸣技能光翼共奏引爆的【聚爆效应】伤害倍率提升效果增强，每层对【聚爆效应】主目标的伤害倍率提升效果提升至15%。\n·处于战斗状态，队伍中登场角色附近的敌人被击败时，立即根据【聚爆效应】层数上限引爆【聚爆效应】。",[23,1170,1171,1174,1177,1180,1183],{"v-slot:Reson3":25},[14,1172,1173],{},"共鸣解放星辉破界而来·终结的伤害倍率提升100%。\n共鸣解放星辉破界而来·过载的伤害倍率提升40%。",[14,1175,1176],{},"处于即刻响应状态，施放重击·爱弥斯、重击·机兵时，根据自身处于共鸣模态·震谐\u002F共鸣模态·聚爆，为附近目标附加【震谐·偏移】\u002F【聚爆效应】。",[14,1178,1179],{},"固有技能星与星之间替换为以下效果：",[14,1181,1182],{},"·处于共鸣模态·震谐时，队伍中的角色附加【震谐·偏移】或造成震谐伤害时，爱弥斯暴击伤害提升60%，共鸣解放星辉破界而来·终结伤害加深25%。\n角色编入队伍或切换模态时，重置该效果。",[14,1184,1185],{},"·处于共鸣模态·聚爆时，队伍中的角色附加【聚爆效应】时，爱弥斯暴击伤害提升60%，共鸣解放星辉破界而来·终结伤害加深25%。\n角色编入队伍或切换模态时，重置该效果。",[23,1187,1188],{"v-slot:Reson4":25},[14,1189,1190],{},"施放变奏技能以旋律穿越长空、变奏技能携星辉降临于此、共鸣技能合击·突刺、共鸣技能光翼共奏时，队伍中的角色全属性伤害加成提升20%，持续30秒。",[23,1192,1193,1196],{"v-slot:Reson5":25},[14,1194,1195],{},"爱弥斯自身技能直接造成的伤害击败目标时，【流溢辉光】重置为100%。",[14,1197,1198],{},"爱弥斯受到致命伤害时，将失去意识并进入二维电子幽灵状态，持续5秒。\n进入二维电子幽灵状态时，为队伍中的角色提供爱弥斯360%攻击的护盾，持续5秒。退出二维电子幽灵状态时，爱弥斯将恢复意识并回复100%生命值与30点共鸣能量。该效果每10分钟可触发1次。\n爱弥斯恢复意识时，退出二维电子幽灵状态并移除该效果提供的护盾。",[23,1200,1201,1204,1207,1210,1213],{"v-slot:Reson6":25},[14,1202,1203],{},"目标受到爱弥斯的共鸣解放伤害提升40%。",[14,1205,1206],{},"处于共鸣模态·震谐时，爱弥斯的震谐伤害可暴击，暴击固定为80%，暴击伤害固定为275%。",[14,1208,1209],{},"处于共鸣模态·聚爆，并处于战斗状态，队伍中登场角色附近的敌人受到聚爆效应触发的伤害可暴击，暴击固定为80%，暴击伤害固定为275%。",[14,1211,1212],{},"共鸣回路为寂静赋形为目标附加震谐轨迹、聚爆轨迹层数翻倍。",[14,1214,1215],{},"处于共鸣模态·震谐\u002F共鸣模态·聚爆，并处于战斗状态，队伍中登场角色附近的敌人震谐轨迹\u002F聚爆轨迹层数上限提升至60层。爱弥斯施放共鸣技能光翼共奏期间，对范围内目标附加10层震谐轨迹\u002F聚爆轨迹，持续30秒。",[23,1217,1218,1221,1224,1227,1230,1234,1237],{"v-slot:Mecha":25},[14,1219,1220],{},"\n  共鸣模态·震谐下，可额外造成震谐伤害，拥有强力对单伤害能力。队伍中可响应震谐·干涉的角色越多，伤害越高。\n",[14,1222,1223],{},"\n  共鸣模态·聚爆下，可附加【聚爆效应】，拥有强力对群伤害能力。附加【聚爆效应】的频率越高，伤害越高。攻击可获得【同步率】。 \n",[14,1225,1226],{},"\n  【同步率】达50%时，在施放普攻第4段后，可消耗【同步率】施放强化合击，获得【共鸣率】。 \n",[14,1228,1229],{},"\n  【共鸣率】满时，可施放强化重击充满【同步率】。【同步率】、【共鸣率】都充满时，可施放终结共鸣解放。 \n",[14,1231,1233],{"style":1232},"font-weight:bold;","\n  输出流程：\n",[14,1235,1236],{}," \n  基础流程：R-AAA-E【光翼共奏】-F-AA-E【光翼共奏】-Z-R-AAAA（后撤步切人） \n",[14,1238,1239],{}," \n  技能缩写：普攻 = A，重击 = Z，共鸣技能 = E，共鸣解放 = R，声骸 = Q \n",[112,1241,114],{"id":1242},"整体说明-4",[40,1244,1245,1407],{":tabs":117},[23,1246,1247,1250,1281,1284,1331,1334],{"v-slot:tab1":25},[14,1248,1249],{},"hero-reson-mecha属性",[124,1251,1252,1262],{},[127,1253,1254],{},[130,1255,1256,1258,1260],{},[133,1257,135],{},[133,1259,138],{},[133,1261,141],{},[143,1263,1264],{},[130,1265,1266,1269,1274],{},[148,1267,1268],{},"主体",[148,1270,1271,1272,937],{},"Array\u003C类型",[74,1273],{},[148,1275,1276,1277,1280],{},"通过",[55,1278,1279],{"code":1279},"Array","来分开各个模块内容",[14,1282,1283],{},"类型属性",[124,1285,1286,1296],{},[127,1287,1288],{},[130,1289,1290,1292,1294],{},[133,1291,135],{},[133,1293,138],{},[133,1295,141],{},[143,1297,1298,1308,1319],{},[130,1299,1300,1302,1305],{},[148,1301,138],{},[148,1303,1304],{},"\u003C'爱弥斯' | '尤诺' | '奥古斯塔'>",[148,1306,1307],{},"控制组件显隐逻辑",[130,1309,1310,1313,1316],{},[148,1311,1312],{},"列表",[148,1314,1315],{},"Array\u003C列表>",[148,1317,1318],{},"通过Array来分开并显示内容",[130,1320,1321,1324,1328],{},[148,1322,1323],{},"导航",[148,1325,1323,1326],{},[74,1327],{},[148,1329,1330],{},"具有图标与名称两种配置",[14,1332,1333],{},"列表属性",[124,1335,1336,1346],{},[127,1337,1338],{},[130,1339,1340,1342,1344],{},[133,1341,135],{},[133,1343,138],{},[133,1345,141],{},[143,1347,1348,1357,1368,1386],{},[130,1349,1350,1352,1354],{},[148,1351,277],{},[148,1353,167],{},[148,1355,1356],{},"无",[130,1358,1359,1361,1363],{},[148,1360,742],{},[148,1362,344],{},[148,1364,1276,1365,1367],{},[55,1366,344],{"code":344},"类型来显示出当前处于多少，并在共鸣链中会显示第几链",[130,1369,1370,1373,1375],{},[148,1371,1372],{},"内容",[148,1374,180],{},[148,1376,1377,1378,1381,1382,1385],{},"配置项处于无序类型，可自定义内容，可以用",[55,1379,1380],{"code":1380},"-","与",[55,1383,1384],{"code":1384},"随机:","两类配置项写法",[130,1387,1388,1391,1393],{},[148,1389,1390],{},"额外内容",[148,1392,180],{},[148,1394,1395,1396,1399,1400,1403,1404,1406],{},"该配置项采用",[55,1397,1398],{"code":1398},"key","和",[55,1401,1402],{"code":1402},"value","两种显示，只能使用",[55,1405,1384],{"code":1384},"配置项写法",[23,1408,1409],{"v-slot:tab2":25},[46,1410,1413],{"className":1411,"code":1412,"language":375,"meta":376},[373],"::hero-reson-mecha\n---\n主体:\n  - 内容: [\"如金粉般洒落的初煦\", \"如雪绒般漂浮的音符\", \"炽烈在静默间延展如初\", \"于无垠电子海间轻舞\", \"远航至那星海尽处\", \"春风祝颂你的旅途\"]\n    类型: Reson\n    标题: 共鸣链\n  - 内容: [\"机制\"]\n    类型: Mecha\n    标题: 机制\n元信息:\n  - 标题: 如金粉般洒落的初煦\n    链度: 1\n  - 标题: 如雪绒般漂浮的音符\n    链度: 2\n  - 标题: 炽烈在静默间延展如初\n    链度: 3\n  - 标题: 于无垠电子海间轻舞\n    链度: 4\n  - 标题: 远航至那星海尽处\n    链度: 5\n  - 标题: 春风祝颂你的旅途\n    链度: 6\n---\n#Reson1\n\n即刻响应状态下，重击·爱弥斯、重击·机兵暴击伤害提升300%，且蓄力期间可牵引周围的目标。\n\n爱弥斯满足以下条件超过4秒时，获得即刻响应·辉芒状态。\n·处于非战斗状态。\n·未处于重击·爱弥斯、重击·机兵、共鸣解放星辉破界而来·终结施放状态。\n即刻响应·辉芒拥有即刻响应的所有效果，且即刻响应·辉芒不会因星辉破界而来·于此释放状态结束而移除。\n处于即刻响应·辉芒状态且不处于星辉破界而来·于此释放状态，施放重击·爱弥斯·二段蓄力或重击·机兵·二段蓄力时，可获得100点【同步率】。\n\n处于共鸣模态·震谐\u002F共鸣模态·聚爆时，爱弥斯自身施放的技能直接造成的伤害击败被附加震谐轨迹\u002F聚爆轨迹状态的敌人时，获得轨迹封存·震谐\u002F轨迹封存·聚爆状态，持续10秒。\n轨迹封存·震谐\u002F轨迹封存·聚爆状态下保留击败目标被附加震谐轨迹\u002F聚爆轨迹的最高层数。\n爱弥斯下一次自身施放的技能直接造成的伤害立即为命中目标附加对应层数的震谐轨迹\u002F聚爆轨迹，最高可叠加至当前目标的震谐轨迹\u002F聚爆轨迹层数上限，同时清除轨迹封存·震谐\u002F轨迹封存·聚爆状态，1秒内无法再次获得轨迹封存·震谐\u002F轨迹封存·聚爆。\n\n#Reson2\n\n共鸣技能光翼共奏·降临的伤害倍率提升100%。\n共鸣技能光翼共奏·登台的伤害倍率提升100%。\n\n处于共鸣模态·震谐，共鸣技能光翼共奏额外造成的震谐伤害命中目标时，使目标受到共鸣技能光翼共奏额外造成的震谐伤害倍率提升20%，持续1秒，最多叠加5层。\n\n处于共鸣模态·聚爆获得以下强化：\n·星屑共振状态对共鸣技能光翼共奏引爆的【聚爆效应】伤害倍率提升效果增强，对【聚爆效应】主目标的伤害倍率提升效果提升至400%。\n·聚爆轨迹对共鸣技能光翼共奏引爆的【聚爆效应】伤害倍率提升效果增强，每层对【聚爆效应】主目标的伤害倍率提升效果提升至15%。\n·处于战斗状态，队伍中登场角色附近的敌人被击败时，立即根据【聚爆效应】层数上限引爆【聚爆效应】。\n\n#Reson3\n\n共鸣解放星辉破界而来·终结的伤害倍率提升100%。\n共鸣解放星辉破界而来·过载的伤害倍率提升40%。\n\n处于即刻响应状态，施放重击·爱弥斯、重击·机兵时，根据自身处于共鸣模态·震谐\u002F共鸣模态·聚爆，为附近目标附加【震谐·偏移】\u002F【聚爆效应】。\n\n固有技能星与星之间替换为以下效果：\n\n·处于共鸣模态·震谐时，队伍中的角色附加【震谐·偏移】或造成震谐伤害时，爱弥斯暴击伤害提升60%，共鸣解放星辉破界而来·终结伤害加深25%。\n角色编入队伍或切换模态时，重置该效果。\n\n·处于共鸣模态·聚爆时，队伍中的角色附加【聚爆效应】时，爱弥斯暴击伤害提升60%，共鸣解放星辉破界而来·终结伤害加深25%。\n角色编入队伍或切换模态时，重置该效果。\n\n#Reson4\n\n施放变奏技能以旋律穿越长空、变奏技能携星辉降临于此、共鸣技能合击·突刺、共鸣技能光翼共奏时，队伍中的角色全属性伤害加成提升20%，持续30秒。\n\n#Reson5\n\n爱弥斯自身技能直接造成的伤害击败目标时，【流溢辉光】重置为100%。\n\n爱弥斯受到致命伤害时，将失去意识并进入二维电子幽灵状态，持续5秒。\n进入二维电子幽灵状态时，为队伍中的角色提供爱弥斯360%攻击的护盾，持续5秒。退出二维电子幽灵状态时，爱弥斯将恢复意识并回复100%生命值与30点共鸣能量。该效果每10分钟可触发1次。\n爱弥斯恢复意识时，退出二维电子幽灵状态并移除该效果提供的护盾。\n\n#Reson6\n\n目标受到爱弥斯的共鸣解放伤害提升40%。\n\n处于共鸣模态·震谐时，爱弥斯的震谐伤害可暴击，暴击固定为80%，暴击伤害固定为275%。\n\n处于共鸣模态·聚爆，并处于战斗状态，队伍中登场角色附近的敌人受到聚爆效应触发的伤害可暴击，暴击固定为80%，暴击伤害固定为275%。\n\n共鸣回路为寂静赋形为目标附加震谐轨迹、聚爆轨迹层数翻倍。\n\n处于共鸣模态·震谐\u002F共鸣模态·聚爆，并处于战斗状态，队伍中登场角色附近的敌人震谐轨迹\u002F聚爆轨迹层数上限提升至60层。爱弥斯施放共鸣技能光翼共奏期间，对范围内目标附加10层震谐轨迹\u002F聚爆轨迹，持续30秒。\n\n#Mecha\n\u003Cdiv class=\"MechaInfo\">\n  \u003Cp>\n    共鸣模态·震谐下，可额外造成震谐伤害，拥有强力对单伤害能力。队伍中可响应震谐·干涉的角色越多，伤害越高。\n  \u003C\u002Fp>\n  \u003Cp>\n    共鸣模态·聚爆下，可附加【聚爆效应】，拥有强力对群伤害能力。附加【聚爆效应】的频率越高，伤害越高。攻击可获得【同步率】。 \n  \u003C\u002Fp>\n  \u003Cp>\n    【同步率】达50%时，在施放普攻第4段后，可消耗【同步率】施放强化合击，获得【共鸣率】。 \n  \u003C\u002Fp>\n  \u003Cp>\n    【共鸣率】满时，可施放强化重击充满【同步率】。【同步率】、【共鸣率】都充满时，可施放终结共鸣解放。 \n  \u003C\u002Fp>\n  \u003Cp style=\"font-weight:bold;\">\n    输出流程：\n  \u003C\u002Fp>\n  \u003Cp> \n    基础流程：R-AAA-E【光翼共奏】-F-AA-E【光翼共奏】-Z-R-AAAA（后撤步切人） \n  \u003C\u002Fp>\n  \u003Cp> \n    技能缩写：普攻 = A，重击 = Z，共鸣技能 = E，共鸣解放 = R，声骸 = Q \n  \u003C\u002Fp>\n\u003C\u002Fp>\n\u003Cstyle lang=\"scss\">\n.MechaInfo {\n  font-size: 0.9rem;\n  margin: 0px;\n  white-space: pre-wrap;\n}\n\u003C\u002Fstyle>\n::\n",[55,1414,1412],{"__ignoreMap":25},[10,1416,1417],{"id":1417},"补充样式",[14,1419,1420],{},"因为需要精简scss样式，同时为部分需要用到样式的组件来说比较适配一些",[40,1422,1424,1435],{":tabs":1423},"[\"动画样式\", \"颜色样式\"]",[23,1425,1426],{"v-slot:tab1":25},[46,1427,1433],{"className":1428,"code":1430,"language":1431,"meta":1432},[1429],"language-scss","\u002F* KeyFrames动画封装样式 *\u002F\n\n\u002F* 鸣潮档案组件 *\u002F\n\u002F* 来源于霜落映界(http:\u002F\u002F36.150.237.25\u002F) *\u002F\n\n\u002F* 角色信息模块动画 *\u002F\n@keyframes pulse-glow-b7066fb5 {\n  0%,\n  to {\n    filter: drop-shadow(0 0 5px var(--pink-glow)) drop-shadow(0 0 10px var(--blue-glitch))\n  }\n  50% {\n    filter: drop-shadow(0 0 15px var(--pink-core)) drop-shadow(0 0 20px var(--blue-glow))\n  }\n}\n@keyframes scanline-b7066fb5 {\n  0% {\n    transform: translateY(-100%)\n  }\n  to {\n    transform: translateY(100%)\n  }\n}\n@keyframes blink-b7066fb5 {\n  0%,\n  to {\n    opacity: 1\n  }\n  50% {\n    opacity: .3\n  }\n}\n@keyframes float-particle-b7066fb5 {\n  0% {\n    transform: translate(0) rotate(0);\n    opacity: 0\n  }\n  10% {\n    opacity: .5\n  }\n  90% {\n    opacity: .5\n  }\n  to {\n    transform: translate(calc(100vw * var(--dx)), calc(100vh * var(--dy))) rotate(360deg);\n    opacity: 0\n  }\n}\n@keyframes hologram-scan-b7066fb5 {\n  0% {\n    top: -10%;\n    opacity: 0\n  }\n  20% {\n    opacity: .8\n  }\n  80% {\n    opacity: .8\n  }\n  to {\n    top: 110%;\n    opacity: 0\n  }\n}\n@keyframes core-pulse-b7066fb5 {\n  0% {\n    box-shadow: 0 0 5px var(--pink-core), 0 0 15px var(--blue-glitch)\n  }\n  50% {\n    box-shadow: 0 0 15px var(--pink-core), 0 0 30px var(--blue-glow), 0 0 45px var(--pink-light)\n  }\n  to {\n    box-shadow: 0 0 5px var(--pink-core), 0 0 15px var(--blue-glitch)\n  }\n}\n@keyframes borderRotate-b7066fb5 {\n  0% {\n    filter: hue-rotate(0deg)\n  }\n  to {\n    filter: hue-rotate(360deg)\n  }\n}\n@keyframes itemIn-b7066fb5 {\n  to {\n    opacity: 1;\n    transform: translateY(0)\n  }\n}\n@keyframes glitch-anim-b7066fb5 {\n  0% {\n    clip: rect(31px, 9999px, 94px, 0)\n  }\n  5% {\n    clip: rect(70px, 9999px, 71px, 0)\n  }\n  10% {\n    clip: rect(29px, 9999px, 83px, 0)\n  }\n  15% {\n    clip: rect(16px, 9999px, 91px, 0)\n  }\n  20% {\n    clip: rect(2px, 9999px, 36px, 0)\n  }\n  25% {\n    clip: rect(27px, 9999px, 9px, 0)\n  }\n  30% {\n    clip: rect(9px, 9999px, 53px, 0)\n  }\n  35% {\n    clip: rect(17px, 9999px, 24px, 0)\n  }\n  40% {\n    clip: rect(74px, 9999px, 61px, 0)\n  }\n  45% {\n    clip: rect(17px, 9999px, 83px, 0)\n  }\n  50% {\n    clip: rect(74px, 9999px, 55px, 0)\n  }\n  55% {\n    clip: rect(38px, 9999px, 48px, 0)\n  }\n  60% {\n    clip: rect(94px, 9999px, 42px, 0)\n  }\n  65% {\n    clip: rect(35px, 9999px, 23px, 0)\n  }\n  70% {\n    clip: rect(41px, 9999px, 46px, 0)\n  }\n  75% {\n    clip: rect(35px, 9999px, 3px, 0)\n  }\n  80% {\n    clip: rect(41px, 9999px, 96px, 0)\n  }\n  85% {\n    clip: rect(52px, 9999px, 59px, 0)\n  }\n  90% {\n    clip: rect(69px, 9999px, 97px, 0)\n  }\n  95% {\n    clip: rect(10px, 9999px, 71px, 0)\n  }\n  to {\n    clip: rect(67px, 9999px, 38px, 0)\n  }\n}\n@keyframes glitch-anim2-b7066fb5 {\n  0% {\n    clip: rect(65px, 9999px, 59px, 0)\n  }\n  5% {\n    clip: rect(88px, 9999px, 67px, 0)\n  }\n  10% {\n    clip: rect(94px, 9999px, 7px, 0)\n  }\n  15% {\n    clip: rect(73px, 9999px, 14px, 0)\n  }\n  20% {\n    clip: rect(96px, 9999px, 71px, 0)\n  }\n  25% {\n    clip: rect(13px, 9999px, 35px, 0)\n  }\n  30% {\n    clip: rect(72px, 9999px, 66px, 0)\n  }\n  35% {\n    clip: rect(70px, 9999px, 22px, 0)\n  }\n  40% {\n    clip: rect(13px, 9999px, 98px, 0)\n  }\n  45% {\n    clip: rect(63px, 9999px, 7px, 0)\n  }\n  50% {\n    clip: rect(80px, 9999px, 21px, 0)\n  }\n  55% {\n    clip: rect(27px, 9999px, 52px, 0)\n  }\n  60% {\n    clip: rect(89px, 9999px, 14px, 0)\n  }\n  65% {\n    clip: rect(51px, 9999px, 80px, 0)\n  }\n  70% {\n    clip: rect(2px, 9999px, 37px, 0)\n  }\n  75% {\n    clip: rect(71px, 9999px, 86px, 0)\n  }\n  80% {\n    clip: rect(19px, 9999px, 46px, 0)\n  }\n  85% {\n    clip: rect(82px, 9999px, 8px, 0)\n  }\n  90% {\n    clip: rect(48px, 9999px, 3px, 0)\n  }\n  95% {\n    clip: rect(68px, 9999px, 100px, 0)\n  }\n  to {\n    clip: rect(47px, 9999px, 2px, 0)\n  }\n}\n","scss","lang=\"scss\"",[55,1434,1430],{"__ignoreMap":25},[23,1436,1437],{"v-slot:tab2":25},[46,1438,1441],{"className":1439,"code":1440,"language":1431,"meta":1432},[1429],"\u002F* 颜色样式 *\u002F\n.WuWuGameColor#尤诺 {\n  --color-cosmic-deep: #050a14;\n  --color-starry-night: #0d1b2a;\n  --color-lunar-silver: #c2d6e6;\n  --color-moonlight: #e6f2ff;\n  --color-tide-blue: #2e88c9;\n  --color-tide-light: #7fd3ff;\n  --color-nebula-purple: #4a235a;\n  --color-constellation: rgba(127, 211, 255, .8);\n  --card-bg: rgba(15, 25, 45, .7);\n  --card-border: rgba(127, 211, 255, .4);\n  --card-shadow: 0 20px 60px rgba(5, 10, 30, .5);\n  --section-spacing: clamp(3rem, 6vw, 5rem);\n  --card-radius: 1.5rem;\n  --transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);\n  position: relative;\n  \u002F\u002F background: var(--color-cosmic-deep);\n  \u002F\u002F color: var(--color-moonlight);\n  padding-top: 60px;\n}\n.WuWuGameColor#爱弥斯 {\n  --pink-core: #ff8cb0;\n  --pink-light: #ffb3cc;\n  --pink-glow: #ffb6d9;\n  --blue-glitch: #6ed4ff;\n  --blue-glow: #9ae2ff;\n  --purple-mid: #e0a0ff;\n  --white-glow: #fbefff;\n  --bg-deep: linear-gradient(145deg, #1a1028 0%, #281e30 100%);\n  --grid-color: rgba(255, 140, 176, .15);\n  --glitch-shadow: rgba(110, 212, 255, .5);\n  --heart-glow: rgba(255, 140, 176, .7);  \n}\n",[55,1442,1440],{"__ignoreMap":25},[10,1444,1445],{"id":1445},"更新日志",[14,1447,1448],{},[234,1449,1450],{},"V20260313-PRE",[1452,1453,1454],"ul",{},[1455,1456,1457,1458,1461],"li",{},"1.优化",[55,1459,1460],{"code":1460},"人物组件","，对混乱无序的模板、数据与样式重新优化",[14,1463,1464],{},[234,1465,1450],{},[1452,1467,1468,1482,1495],{},[1455,1469,1470,1471,1474,1475,1477,1478,1481],{},"1.全线优化",[55,1472,1473],{"code":1473},"时间线&彩蛋组件","，对描述进行",[55,1476,241],{"code":241},"化使可以通过调用",[55,1479,1480],{"code":1480},"#Timeline[1-无上限]","，即可被计入到文章字数内",[1455,1483,1484,1485,1487,1488,1490,1491,1494],{},"2.",[55,1486,1473],{"code":1473},"的数据框架进行优化，实现了无需写入过于麻烦的配置项（即",[55,1489,1380],{"code":1380},"或",[55,1492,1493],{"code":1493},"标签1","写法）",[1455,1496,1497],{},"3.对部分组件需要用到的颜色样式写入到scss统一管理样式中",[14,1499,1500],{},[234,1501,1502],{},"V20260311-PRE",[1452,1504,1505,1528],{},[1455,1506,1507,1508,1511,1512,1514,1515,1381,1518,1521,1522,1524,1525,1527],{},"1.在",[55,1509,1510],{"code":1510},"共鸣链&机制组件","中新增",[55,1513,839],{"code":839},"角色类型",[55,1516,1517],{"code":1517},"共鸣链",[55,1519,1520],{"code":1520},"机制","的适配，对",[55,1523,1520],{"code":1520},"切分为4项核心机制与角色手法信息相结合，并且使用",[55,1526,229],{"code":229},"来进行显示首发对应框显示内容。",[1455,1529,1530,1531,1533,1534,1536],{},"2.锁死",[55,1532,1510],{"code":1510},"中的",[55,1535,1520],{"code":1520},"一栏中具体键位对应表内容",[14,1538,1539],{},[234,1540,1541],{},"V20260310-PRE",[1452,1543,1544,1561,1567,1576],{},[1455,1545,1507,1546,1511,1548,1514,1550,1381,1552,1555,1556],{},[55,1547,1473],{"code":1473},[55,1549,839],{"code":839},[55,1551,945],{"code":945},[55,1553,1554],{"code":1554},"菜单","适配，对时间线的显示列表进行适配，并添加小标签。同样，本站在彩蛋的基础上进行适配，除了展示出简介以外还有具体的信息列表，而且对标题上的标签进行分开，以此来呈现出具体效果。",[1557,1558],"pic",{"caption":1559,"src":1560},"说明文字，还支持通过 width 或 height 属性指定尺寸","\u002Fimage\u002FPostInternal\u002F2026\u002FWutheringWavesPostWidget\u002FheroTimelineEaster\u002Fyounuo.png",[1455,1562,1563,1564,1566],{},"2.优化",[55,1565,1473],{"code":1473},"中的样式混乱，更新迭代全新数据表，为后续的适配准备",[1455,1568,1569,1570,1572,1573,1575],{},"3.优化",[55,1571,1473],{"code":1473},"、",[55,1574,1510],{"code":1510},"中的标题显示变量，采用类TAB分栏显示，更加轻量化。",[1455,1577,1578,1579,1572,1581,1583],{},"4.优化",[55,1580,1473],{"code":1473},[55,1582,1510],{"code":1510},"中的部分变量，清除过久的代码，以防出现后续无法解读作用的代码（样式保留）。",[14,1585,1586],{},[234,1587,1588],{},"V20260309-PRE",[1452,1590,1591,1599,1604,1624,1642,1645],{},[1455,1592,1457,1593,1595,1596,1598],{},[55,1594,1473],{"code":1473},"，对彩蛋中的内容进行",[55,1597,241],{"code":241},"化（即在配置项外中的标签中的MD写法转译渲染成class）",[1455,1600,1563,1601,1603],{},[55,1602,1473],{"code":1473},"配置项混乱无序的写法，去除不必要的配置项",[1455,1605,1606,1607,1572,1609,1572,1611,1572,1614,1572,1617,1620,1621,1623],{},"3.调整",[55,1608,1473],{"code":1473},[55,1610,1510],{"code":1510},[55,1612,1613],{"code":1613},"物品组件",[55,1615,1616],{"code":1616},"信息组件",[55,1618,1619],{"code":1619},"故事组件","对各个角色的适配，由于已经",[55,1622,241],{"code":241},"文本化所以废弃了大量依靠对文本适配的配置项，部分组件保留角色类型。对特定类型角色进行单独css适配，极大简洁化浏览。",[1455,1625,1626,1627,1572,1630,1572,1633,1572,1635,1638,1639,1641],{},"4.新增",[55,1628,1629],{"code":1629},"莫宁",[55,1631,1632],{"code":1632},"琳奈",[55,1634,839],{"code":839},[55,1636,1637],{"code":1637},"奥古斯塔","角色类型，",[55,1640,66],{"code":66},"类型完全完善无需更改",[1455,1643,1644],{},"5.优化文章配置项具体内容",[1455,1646,1647],{},"6.对文章中的部分组件预览进行修改",[14,1649,1650],{},[234,1651,1652],{},"V20260308-PRE",[1452,1654,1655,1661],{},[1455,1656,1657,1658,1660],{},"1.修复",[55,1659,1510],{"code":1510},"中的简介未能计入字数的问题",[1455,1662,1563,1663,1665,1666,1669,1670,1673],{},[55,1664,1510],{"code":1510},"配置项，并且采用",[55,1667,1668],{"code":1668},"mdc config"," + ",[55,1671,1672],{"code":1672},"mdc content","的写法",[14,1675,1676],{},[234,1677,1678],{},"V20260307-PRE",[1452,1680,1681,1685],{},[1455,1682,1657,1683,1660],{},[55,1684,1613],{"code":1613},[1455,1686,1563,1687,1665,1689,1669,1691,1673],{},[55,1688,1613],{"code":1613},[55,1690,1668],{"code":1668},[55,1692,1672],{"code":1672},[14,1694,1695],{},[234,1696,1678],{},[1452,1698,1699,1703,1709,1721],{},[1455,1700,1657,1701,1660],{},[55,1702,1616],{"code":1616},[1455,1704,1705,1706,1708],{},"2.修复",[55,1707,1619],{"code":1619},"中的每个章节未能计入字数的问题",[1455,1710,1711,1712,1572,1714,1716,1717,1669,1719,1673],{},"3.取消",[55,1713,1616],{"code":1616},[55,1715,1619],{"code":1619},"中对于部分繁琐的配置项信息，并且采用",[55,1718,1668],{"code":1668},[55,1720,1672],{"code":1672},[1455,1722,1723],{},"4.对全部组件进行配置项删除",[14,1725,1726],{},[234,1727,1728],{},"V20260306-PRE",[1452,1730,1731,1743],{},[1455,1732,1733,1734,1736,1737,1739,1740,1742],{},"1.针对",[55,1735,66],{"code":66},"的人物模块中的",[55,1738,247],{"code":247},"部分的",[55,1741,362],{"code":362},"样式进行调整",[1455,1744,1745,1746,1748],{},"2.对",[55,1747,1613],{"code":1613},"进行优化并加入多个角色类型，并使用复合型组件来兼容多个数据类型",[14,1750,1751],{},[234,1752,1753],{},"V20260304-PRE",[1452,1755,1756],{},[1455,1757,1758],{},"1.优化部分组件样式",[14,1760,1761],{},[234,1762,1763],{},"V20260227-PRE",[1452,1765,1766,1769,1772],{},[1455,1767,1768],{},"1.添加新模块，并更新具体配置项与组件写法",[1455,1770,1771],{},"2.优化新组件中的移动端",[1455,1773,1774],{},"3.优化切换方式",[14,1776,1777],{},[234,1778,1779],{},"V20260225-PRE",[1452,1781,1782,1785,1791,1794,1797],{},[1455,1783,1784],{},"1.添加全新模块，并且更新了新模块的配置",[1455,1786,1787,1788],{},"2.更新全部模块的样式，并且使用复合型TS配置项",[55,1789,1790],{"code":1790},"部分",[1455,1792,1793],{},"3.更新文章中旧配置项，并且出现写入配置项",[1455,1795,1796],{},"4.更新部分模块中的显隐逻辑",[1455,1798,1799],{},"5.浓缩部分新模块配置项",[14,1801,1802],{},[234,1803,1804],{},"V20260224-PRE",[1452,1806,1807,1810],{},[1455,1808,1809],{},"1.更新了相关配置项的使用方式",[1455,1811,1812],{},"2.更新了模块在文章中的写法",[14,1814,1815],{},[234,1816,1817],{},"V20260223-PRE",[1452,1819,1820,1823],{},[1455,1821,1822],{},"1.更新基础模块，并且优化部分逻辑",[1455,1824,1825],{},"2.更新一些配置项，取消部分未使用的样式",{"title":25,"searchDepth":1827,"depth":1827,"links":1828},4,[1829,1831,1849,1850],{"id":12,"depth":1830,"text":12},2,{"id":34,"depth":1830,"text":34,"children":1832},[1833,1837,1840,1843,1846],{"id":38,"depth":1834,"text":38,"children":1835},3,[1836],{"id":114,"depth":1827,"text":114},{"id":381,"depth":1834,"text":381,"children":1838},[1839],{"id":442,"depth":1827,"text":114},{"id":520,"depth":1834,"text":520,"children":1841},[1842],{"id":693,"depth":1827,"text":114},{"id":768,"depth":1834,"text":769,"children":1844},[1845],{"id":884,"depth":1827,"text":114},{"id":1127,"depth":1834,"text":1128,"children":1847},[1848],{"id":1242,"depth":1827,"text":114},{"id":1417,"depth":1830,"text":1417},{"id":1445,"depth":1830,"text":1445},[1852],"站点魔改","2026-02-20 10:00:00","该文章展示多个以鸣潮为主题的档案组件，包含具体代码、属性表格对应、预览整体组件、写法展示四种类型，并在文章末尾附加更新报告。",false,"\u002Fimage\u002FPostCover\u002FWutheringWavesPostWidget.avif",{"slots":1858},{},true,"\u002F2026\u002F02\u002Fwutheringwavespostwidget",null,{"text":1863,"minutes":1864,"time":1865,"words":1866},"100 min read",99.23,5953800,19846,1,{"title":5,"description":1854},{"loc":1860},"posts\u002F2026\u002F02\u002FWutheringWavesPostWidget",[1872,1873,1874],"Nuxt","魔改","美化","tech","2026-02-26 10:00:00","1npdahj9RSXFznOUvyoruHpOGopT0rTjrrrdxUQ9gU4",[1879,1895,1909,1923,1937,1950,1963,1975,1989,2001,2012,2026,2040,2055,2068,2085,2099,2114,2129,2144,2159,2175,2192,2208,2220,2234,2248,2260,2264,2276,2286,2298,2310,2323,2334,2345,2358,2367],{"categories":1880,"date":1882,"description":1883,"image":1861,"path":1884,"readingTime":1885,"recommend":1861,"tags":1890,"title":1893,"type":1875,"updated":1894},[1881],"技术探索","2023-12-06 12:45:00","本篇转载三种不同方案（已经放好原文章链接）","\u002F2023\u002F03\u002Fessaythree",{"text":1886,"minutes":1887,"time":1888,"words":1889},"48 min read",47.34,2840400,9468,[1891,1892,1874],"hexo","butterfly","即刻短文的三种部署方案","2023-12-07 14:09:00",{"categories":1896,"date":1897,"description":1898,"image":1899,"path":1900,"readingTime":1901,"recommend":1867,"tags":1906,"title":1907,"type":1875,"updated":1908},[1852],"2024-04-19 10:00:00","友链页面美化以及添加功能","\u002Fimage\u002FPostCover\u002FflinkPage.avif","\u002F2024\u002F04\u002Fflinkpagemeihua",{"text":1902,"minutes":1903,"time":1904,"words":1905},"11 min read",10.8,648000,2160,[1891,1892],"友链魔改","2025-04-19 12:09:00",{"categories":1910,"date":1911,"description":1912,"image":1913,"path":1914,"readingTime":1915,"recommend":1867,"tags":1920,"title":1921,"type":1875,"updated":1922},[1852],"2025-02-05 09:00:00","这篇文章讲述在博客中对导航栏进行修改，并添加多个产品页面地址，且采用安知鱼的导航栏CSS样式表。","\u002Fimage\u002FPostCover\u002FnavMuogai.avif","\u002F2025\u002F02\u002Fbutterflynavadd",{"text":1916,"minutes":1917,"time":1918,"words":1919},"9 min read",8.585,515100,1717,[1891,1892],"butterfly导航栏修改方案","2025-03-05 10:00:00",{"categories":1924,"date":1925,"description":1926,"image":1927,"path":1928,"readingTime":1929,"recommend":1867,"tags":1934,"title":1935,"type":1875,"updated":1936},[1852],"2025-02-27 10:10:55","本篇文章讲述了如何在博客的底部模块进行魔改添加图标、来源图片、返回顶部以及建站时间，对建站时间进行js内联到模块中。","\u002Fimage\u002FPostCover\u002FfooterMeihua.avif","\u002F2025\u002F02\u002Ffooterqcqxstyle",{"text":1930,"minutes":1931,"time":1932,"words":1933},"4 min read",3.31,198600,662,[1891,1892,1874],"轻笑底部美化","2025-02-28 10:00:00",{"categories":1938,"date":1939,"description":1940,"image":1941,"path":1942,"readingTime":1943,"recommend":1861,"tags":1947,"title":1948,"type":1875,"updated":1949},[1852],"2025-03-24 08:00:09","这篇简述如何给自己博客中的归档、分类、标签页三个页面的文章卡片加上所属分类和标签，并说明了具体的实践环境，以最大限度的方式进行CSS美化。但也请注意要经常备份以免出现大量错误。","\u002Fimage\u002FPostCover\u002FarchiveMougai.avif","\u002F2025\u002F03\u002Farchivemougai",{"text":1930,"minutes":1944,"time":1945,"words":1946},3.08,184800,616,[1891,1892],"给页面加上所属分类和标签以及美化","2025-03-24 10:56:09",{"categories":1951,"date":1952,"description":1953,"image":1954,"path":1955,"readingTime":1956,"recommend":1861,"tags":1960,"title":1961,"type":1875,"updated":1962},[1852],"2025-03-05 08:00:00","这篇文章讲述如何给自己博客中的归档、分类、标签页三个页面的文章卡片添加数字来进行编排，以及对添加的数字进行CSS美化，但也请注意要经常备份以免出现错误。","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fimg\u002Fdefault_cover_29.avif?v=20260104","\u002F2025\u002F03\u002Fartice-sort",{"text":1930,"minutes":1957,"time":1958,"words":1959},3.48,208800,696,[1891,1892],"美化文章卡片显示数字","2025-03-06 18:00:00",{"categories":1964,"date":1952,"description":1965,"image":1966,"path":1967,"readingTime":1968,"recommend":1861,"tags":1973,"title":1974,"type":1875,"updated":1962},[1852],"这篇文章讲述如何在页面中添加模块以及使用CSS添加颜色以及背景图片。","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fimg\u002Fdefault_cover_21.avif","\u002F2025\u002F03\u002Fbackgroud-qcqx",{"text":1969,"minutes":1970,"time":1971,"words":1972},"1 min read",0.71,42600,142,[1891,1892],"轻笑风格背景",{"categories":1976,"date":1977,"description":1978,"image":1979,"path":1980,"readingTime":1981,"recommend":1861,"tags":1986,"title":1987,"type":1875,"updated":1988},[1852],"2025-03-24 09:00:00","本文章以安知鱼的页面文件为模版进行大幅度修改，仿轻笑的关于页面的模块摆放以及调整CSS样式来进行细致魔改。","\u002Fimage\u002FPostCover\u002FbtfAboutPage.avif","\u002F2025\u002F03\u002Fbtfaboutpage",{"text":1982,"minutes":1983,"time":1984,"words":1985},"24 min read",23.275,1396500,4655,[1891,1892],"关于页面(butterfly)","2025-03-25 11:20:00",{"categories":1990,"date":1952,"description":1991,"image":1992,"path":1993,"readingTime":1994,"recommend":1861,"tags":1999,"title":2000,"type":1875,"updated":1962},[1852],"这篇文章讲述了如何美化博客侧边栏，并调整各个卡片内容的样式表。","\u002Fimage\u002FPostCover\u002FcardMeihua.avif","\u002F2025\u002F03\u002Fcardmeihua",{"text":1995,"minutes":1996,"time":1997,"words":1998},"5 min read",4.77,286200,954,[1891,1892],"卡片美化",{"categories":2002,"date":1952,"description":2003,"image":2004,"path":2005,"readingTime":2006,"recommend":1861,"tags":2010,"title":2011,"type":1875,"updated":1962},[1852],"从零开始魔改butterfly","\u002Fimage\u002FPostCover\u002FfunctionMeihua.avif","\u002F2025\u002F03\u002Ffunctionmeihua",{"text":1969,"minutes":2007,"time":2008,"words":2009},0.345,20700,69,[1891,1892],"功能美化",{"categories":2013,"date":2014,"description":2015,"image":2016,"path":2017,"readingTime":2018,"recommend":1861,"tags":2023,"title":2024,"type":1875,"updated":2025},[1852],"2025-03-01 10:00:00","本文依照轻笑的部分内容，参考首页banner写法以及对首页banner添加鼠标滚动以及移动端滑动，通过CSS样式进行美化整个首页banner，此篇文章重点讲述了如何解决轻笑给的js内容在首页会出现不断加载的问题。","\u002Fimage\u002FPostCover\u002FrandomPost.avif","\u002F2025\u002F03\u002Frandompost",{"text":2019,"minutes":2020,"time":2021,"words":2022},"6 min read",5.595,335700,1119,[1891,1892,1874],"Banner随机文章展示(轻笑同款)","2025-03-05 12:09:00",{"categories":2027,"date":2028,"description":2029,"image":2030,"path":2031,"readingTime":2032,"recommend":2036,"tags":2037,"title":2038,"type":1875,"updated":2039},[1852],"2025-08-11 10:00:00","本篇文章讲述了添加模块代码并在博客的友情链接中添加模块，且使用css美化","\u002Fimage\u002FPostCover\u002FlinkTop.avif","\u002F2025\u002F08\u002Flinktop",{"text":1916,"minutes":2033,"time":2034,"words":2035},8.88,532800,1776,11,[1872,1873,1874],"在友链页面添加滚动头像banner","2025-08-11 20:49:00",{"categories":2041,"date":2042,"description":2043,"image":2044,"path":2045,"readingTime":2046,"recommend":2051,"tags":2052,"title":2053,"type":1875,"updated":2054},[1852],"2025-08-22 10:00:00","近期将博客迁移至Nuxt框架时，重新搭建了「关于页面」。过程中添加了技能展示组件（skillinfo.vue），实现标签分组渲染；新建about.vue页面，整合个人信息、技能、偏好等多模块内容，并通过ts定义数据接口（about.ts\u002Fcreativity.ts）。","\u002Fimage\u002FPostCover\u002FnuxtAboutPage.avif","\u002F2025\u002F08\u002Fnuxtaboutpage",{"text":2047,"minutes":2048,"time":2049,"words":2050},"16 min read",15.92,955200,3184,10,[1872,1873,1874],"关于页面(Nuxt)","2025-09-01 20:49:00",{"categories":2056,"date":2057,"description":2058,"image":2059,"path":2060,"readingTime":2061,"recommend":2065,"tags":2066,"title":2067,"type":1875,"updated":2054},[1852],"2025-09-02 10:00:00","本篇文章主要简述了如何给Nuxt框架添加站点详情","https:\u002F\u002Fwww.yjluo.top\u002Fimage\u002FPostCover\u002FsiteInfo.avif","\u002F2025\u002F09\u002Fsitelinkpageadd",{"text":1995,"minutes":2062,"time":2063,"words":2064},4.38,262800,876,9,[1872,1873,1874],"添加站点详情页面",{"categories":2069,"date":2071,"description":2072,"image":2073,"path":2074,"readingTime":2075,"recommend":1861,"tags":2079,"title":2082,"type":2083,"updated":2084},[2070],"日志记录","2025-12-28 10:00:00","该文章详细记录了2025年中的上下半年所做的事情，并且还透露出后续计划中会干什么。而在前言中也写到此文为水字数而出，上下半年均写到更换框架与服务有关于的内容。对于未来计划中提到了要对一些网站进行恢复、以及明年将在文章中加入与自创小说有关的内容","\u002Fimage\u002FPostCover\u002FannualSummary.avif","\u002F2025\u002F12\u002Fannualsummary",{"text":1930,"minutes":2076,"time":2077,"words":2078},3.855,231300,771,[2080,2081],"总结",2025,"年度总结：旧去新","story","2025-12-28 20:49:00",{"categories":2086,"date":2087,"description":2088,"image":2089,"path":2090,"readingTime":2091,"recommend":2065,"tags":2096,"title":2097,"type":1875,"updated":2098},[1852],"2025-12-01 10:00:00","该文章详细介绍了基于Vue3+TypeScript开发的豆瓣追更记录系统，采用组件化架构实现两栏筛选菜单、动态加载动画和卡片式作品展示，通过Pinia状态管理+Vite构建工具实现数据流管理，集成防抖加载、虚拟滚动等性能优化方案。","\u002Fimage\u002FPostCover\u002FbanguimPage.avif","\u002F2025\u002F12\u002Fbanguimpageadd",{"text":2092,"minutes":2093,"time":2094,"words":2095},"23 min read",22.175,1330500,4435,[1872,1873,1874],"添加追更历史","2025-12-01 20:49:00",{"categories":2100,"date":2101,"description":2102,"image":2103,"path":2104,"readingTime":2105,"recommend":2110,"tags":2111,"title":2112,"type":1875,"updated":2113},[1852],"2025-12-23 10:00:00","该文章介绍Nuxt博客适配中评论模块的Vue组件实现与Artalk评论系统单例管理逻辑，并提供具体的适配评论表情包的Json信息，评论功能有着KaTeX数学公式渲染、图片灯箱、动态监听以及管理逻辑的初始化、计数、暗黑模式切换等方式。","\u002Fimage\u002FPostCover\u002FcommentMeihua.avif","\u002F2025\u002F12\u002Fcommentadd",{"text":2106,"minutes":2107,"time":2108,"words":2109},"32 min read",31.72,1903200,6344,8,[1872,1873,1874],"评论优化","2026-03-01 20:49:00",{"categories":2115,"date":2116,"description":2117,"image":2118,"path":2119,"readingTime":2120,"recommend":2125,"tags":2126,"title":2127,"type":1875,"updated":2128},[1852],"2025-12-03 10:05:09","该博客持续维护Nuxt框架博客系统，新增装备页面实现硬件\u002F外设分类展示，支持动态过滤、标签筛选与规格参数渲染，通过TypeScript定义数据接口，结合Vue3响应式布局与SCSS响应式设计，完成设备卡片动态加载、悬停动效及跨端适配优化，集成评论跳转与购买信息展示功能。","\u002Fimage\u002FPostCover\u002FequipmentPage.avif","\u002F2025\u002F12\u002Fequipmentpageadd",{"text":2121,"minutes":2122,"time":2123,"words":2124},"8 min read",7.28,436800,1456,7,[1872,1873,1874],"添加装备页面","2025-12-03 20:49:09",{"categories":2130,"date":2131,"description":2132,"image":2133,"path":2134,"readingTime":2135,"recommend":2140,"tags":2141,"title":2142,"type":1875,"updated":2143},[1852],"2025-12-09 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括增加可后期换配置且内置移动到赞赏总览触发效果的打赏弹窗、优化头部封面移动端预览、增加版权图标虚化及打赏入口、将本地desc预览改ai摘要样式、增加版权卡片及更换头部信息样式。","\u002Fimage\u002FPostCover\u002FpostMeihua.avif","\u002F2025\u002F12\u002Fpostpagexiugai",{"text":2136,"minutes":2137,"time":2138,"words":2139},"12 min read",11.165,669900,2233,6,[1872,1873,1874],"文章美化","2025-12-09 20:49:00",{"categories":2145,"date":2146,"description":2147,"image":2148,"path":2149,"readingTime":2150,"recommend":2155,"tags":2156,"title":2157,"type":1875,"updated":2158},[1852],"2025-12-04 10:00:00","该文章记录了项目版本迭代中的UI优化与功能调整，包括站点详情卡片组件化改造（采用Badge组件优化布局）、分类卡片新增文章数量统计功能（重新严重问题）、标签卡片新增文章标签统计功能、博主信息模块的拆分与重构，同时删除了冗余的左侧图片和完整博主卡片，最终形成模块化组件结构（涉及5个核心组件及数据调用逻辑调整）。","\u002Fimage\u002FPostCover\u002FsmallCard.avif","\u002F2025\u002F12\u002Fsmallcardadd",{"text":2151,"minutes":2152,"time":2153,"words":2154},"10 min read",9.745,584700,1949,5,[1872,1873,1874],"侧边组件美化","2025-12-04 20:49:00",{"categories":2160,"date":2161,"description":2162,"image":2163,"path":2164,"readingTime":2165,"recommend":1861,"tags":2170,"title":2173,"type":1875,"updated":2174},[1852],"2026-01-27 10:00:00","自定义全局的样式颜色，具有对特定CSS中所具有的自定义样式颜色来进行整合，并且作者还顺便水了一篇文章","\u002Fimage\u002FPostCover\u002FcolorStyleAll.avif","\u002F2026\u002F01\u002Fcolorstyleall",{"text":2166,"minutes":2167,"time":2168,"words":2169},"14 min read",13.155,789300,2631,[2171,2172],"全局颜色","自定义","自定义全局颜色","2026-01-27 20:49:00",{"categories":2176,"date":2177,"description":2178,"image":2179,"path":2180,"readingTime":2181,"recommend":1861,"tags":2186,"title":2190,"type":1875,"updated":2191},[1881],"2026-01-11 10:00:00","这篇文章是一篇实战经验分享，主要讲解了如何利用腾讯云的EdgeOne边缘安全加速平台，为网站字体等静态资源搭建一个自定义的、高性能的镜像加速服务。","\u002Fimage\u002FPostCover\u002FjsdmEdge.avif","\u002F2026\u002F01\u002Fjsdmedge",{"text":2182,"minutes":2183,"time":2184,"words":2185},"3 min read",2.72,163200,544,[2187,2188,2189],"镜像","EdgeOne","jsdmirror","使用EdgeOne CDN搭建自用Jsd镜像","2026-01-11 20:49:00",{"categories":2193,"date":2194,"description":2195,"image":2196,"path":2197,"readingTime":2198,"recommend":1861,"tags":2203,"title":2206,"type":1875,"updated":2207},[1881],"2026-01-28 19:00:00","本文是一篇关于 Komari Monitor（一款服务器监控系统）的详细介绍与实用指南。文章以作者个人经验为引，对比了哪吒监控（V0\u002FV1版本）与 Komari 在各方面的差异，并逐步演示了如何部署、配置和使用 Komari。","\u002Fimage\u002FPostCover\u002FkomariMonitor.avif","\u002F2026\u002F01\u002Fkomarimonitor",{"text":2199,"minutes":2200,"time":2201,"words":2202},"7 min read",6.86,411600,1372,[2204,2205],"探针","监控","komari：全新的探针站点","2026-01-29 13:00:00",{"categories":2209,"date":2210,"description":2147,"image":2211,"path":2212,"readingTime":2213,"recommend":1827,"tags":2217,"title":2218,"type":1875,"updated":2219},[1852],"2026-01-01 10:00:00","\u002Fimage\u002FPostCover\u002FNewYear.avif","\u002F2026\u002F01\u002Fnewyear",{"text":2182,"minutes":2214,"time":2215,"words":2216},2.15,129000,430,[1872,1873,1874],"踏入2026：目标新方向","2026-01-01 20:49:00",{"categories":2221,"date":2222,"description":2223,"image":2224,"path":2225,"readingTime":2226,"recommend":1861,"tags":2231,"title":2232,"type":2083,"updated":2233},[1852],"2026-01-05 10:00:00","该文章记录了项目中对于字体、图片以及构建产物等静态资源的优化与处理，并且表示自身对于图片的存放位置进行优化。","\u002Fimage\u002FPostCover\u002FsiteAssets.avif","\u002F2026\u002F01\u002Fsiteassets",{"text":2227,"minutes":2228,"time":2229,"words":2230},"2 min read",1.82,109200,364,[1872,1873,1874],"站点资源优化","2026-01-07 20:49:00",{"categories":2235,"date":2237,"description":2238,"image":2239,"path":2240,"readingTime":2241,"recommend":1861,"tags":2245,"title":2246,"type":1875,"updated":2247},[2236],"日常随笔","2026-01-12 10:00:00","该文章主要写了对于低价机器的试水，并提醒是超开类型的机器。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002Fimage\u002FPostCover\u002FvpsTalk.avif","\u002F2026\u002F01\u002Fvpstalk",{"text":2047,"minutes":2242,"time":2243,"words":2244},15.545,932700,3109,[1872,1873,1874],"随笔：低价主机试水","2026-01-12 20:49:00",{"categories":2249,"date":2250,"description":2251,"image":2239,"path":2252,"readingTime":2253,"recommend":1861,"tags":2257,"title":2258,"type":1875,"updated":2259},[2236],"2026-01-30 10:00:00","该文章主要写了对于大容量硬盘主机的试水。在测试的过程中发现机器性能较高，且展示出机器的具体价格，并单独列出只有精简版未采用完整版测试。","\u002F2026\u002F01\u002Fvpstalk-2",{"text":2166,"minutes":2254,"time":2255,"words":2256},13.965,837900,2793,[1872,1873,1874],"随笔：大容量主机测试","2026-01-30 20:49:00",{"categories":2261,"date":1853,"description":1854,"image":1856,"path":1860,"readingTime":2262,"recommend":1867,"tags":2263,"title":5,"type":1875,"updated":1876},[1852],{"text":1863,"minutes":1864,"time":1865,"words":1866},[1872,1873,1874],{"categories":2265,"date":2266,"description":2238,"image":2267,"path":2268,"readingTime":2269,"recommend":1861,"tags":2273,"title":2274,"type":1875,"updated":2275},[1881],"2026-02-03 10:00:00","\u002Fimage\u002FPostCover\u002FfnosInstall.avif","\u002F2026\u002F02\u002Ffnosinstall",{"text":1916,"minutes":2270,"time":2271,"words":2272},8.91,534600,1782,[1872,1873,1874],"给老MAC升级为飞牛OS","2026-02-05 20:49:00",{"categories":2277,"date":2266,"description":2238,"image":2278,"path":2279,"readingTime":2280,"recommend":1861,"tags":2284,"title":2285,"type":1875,"updated":2275},[1852],"\u002Fimage\u002FPostCover\u002FmacBookPerformancTest.avif","\u002F2026\u002F02\u002Fmacbookperformanctest",{"text":2182,"minutes":2281,"time":2282,"words":2283},2.47,148200,494,[1872,1873,1874],"【精简】测试老MAC性能",{"categories":2287,"date":2288,"description":2238,"image":2289,"path":2290,"readingTime":2291,"recommend":1861,"tags":2295,"title":2296,"type":1875,"updated":2297},[1852],"2026-02-04 10:00:00","\u002Fimage\u002FPostCover\u002FmusicInstall.avif","\u002F2026\u002F02\u002Fmusicinstall",{"text":1916,"minutes":2292,"time":2293,"words":2294},8.19,491400,1638,[1872,1873,1874],"【本地+云端】搭建道理鱼音乐","2026-02-06 20:49:00",{"categories":2299,"date":2300,"description":2238,"image":2301,"path":2302,"readingTime":2303,"recommend":1834,"tags":2307,"title":2308,"type":1875,"updated":2309},[1852],"2026-03-03 10:00:00","\u002Fimage\u002FPostCover\u002FfooterNuxtMeihua.avif","\u002F2026\u002F03\u002Ffooternuxtmeihua",{"text":1930,"minutes":2304,"time":2305,"words":2306},3.235,194100,647,[1872,1873,1874],"页脚魔改(Nuxt版本)","2026-03-06 10:00:00",{"categories":2311,"date":2312,"description":2238,"image":2301,"path":2313,"readingTime":2314,"recommend":1830,"tags":2319,"title":2321,"type":1875,"updated":2322},[1852],"2026-03-21 14:00:00","\u002F2026\u002F03\u002Fsteamgamepage",{"text":2315,"minutes":2316,"time":2317,"words":2318},"18 min read",17.265,1035900,3453,[1872,2320],"页面","游戏展示页面","2026-03-22 10:00:00",{"categories":2324,"date":2325,"description":2238,"image":2301,"path":2326,"readingTime":2327,"recommend":1867,"tags":2331,"title":2332,"type":1875,"updated":2333},[1852],"2026-04-11 14:00:00","\u002F2026\u002F04\u002Fessaynuxtpage",{"text":2019,"minutes":2328,"time":2329,"words":2330},5.93,355800,1186,[1872,2320],"说说页面（Nuxt版本）","2026-04-11 22:00:00",{"categories":2335,"date":2336,"description":2238,"image":2301,"path":2337,"readingTime":2338,"recommend":1867,"tags":2342,"title":2343,"type":1875,"updated":2344},[1852],"2026-04-13 14:00:00","\u002F2026\u002F04\u002Fhotnuxtpage",{"text":1916,"minutes":2339,"time":2340,"words":2341},8.985,539100,1797,[1872,2320],"热搜页面（Nuxt版本）","2026-04-13 22:00:00",{"categories":2346,"date":2348,"description":2072,"image":2349,"path":2350,"readingTime":2351,"recommend":1861,"tags":2355,"title":2356,"type":2083,"updated":2357},[2347],"自设记录","2025-12-29 10:00:00","https:\u002F\u002Fsourceimage.s3.bitiful.net\u002Fpost\u002Fimg\u002FannualSummary\u002Fcover.webp","\u002Fnovel\u002Fworld\u002Fharmworld",{"text":2227,"minutes":2352,"time":2353,"words":2354},1.31,78600,262,[2080,2081],"世界志：鸿蒙界","2025-12-29 20:49:00",{"categories":2359,"date":2348,"description":2072,"image":2349,"path":2360,"readingTime":2361,"recommend":1861,"tags":2365,"title":2366,"type":2083,"updated":2357},[2347],"\u002Fnovel\u002Fworld\u002Flmmortalgod",{"text":2199,"minutes":2362,"time":2363,"words":2364},6.295,377700,1259,[2080,2081],"世界志：仙神界",{"categories":2368,"date":2348,"description":2072,"image":2349,"path":2369,"readingTime":2370,"recommend":1861,"tags":2374,"title":2375,"type":2083,"updated":2357},[2347],"\u002Fnovel\u002Fworld\u002Fdh",{"text":2227,"minutes":2371,"time":2372,"words":2373},1.65,99000,330,[2080,2081],"世界志：大荒",[2377,2379],{"title":2296,"path":2290,"stem":2378,"date":2288,"type":1875,"children":-1},"posts\u002F2026\u002F02\u002FmusicInstall",{"title":2308,"path":2302,"stem":2380,"date":2300,"type":1875,"children":-1},"posts\u002F2026\u002F03\u002FfooterNuxtMeihua",1776745733657]