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

模块:CardData:修订间差异

来自夜幕之下
Rin留言 | 贡献
移除多余的 deep stories status 过滤,与其他关联字段保持一致逻辑 (via update-page on MediaWiki MCP Server)
Rin留言 | 贡献
card_fullscreen-img 加上卡面图片,命名规则:卡面_stylename.png (via update-page on MediaWiki MCP Server)
 
(未显示同一用户的26个中间版本)
第1行: 第1行:
-- Module:CardData
-- Module:CardData
-- 用法:{{#invoke:CardData|render|复仇童谣}}
-- 用法:{{#invoke:CardData|render|复仇童谣}}
-- 通过 ExternalData 扩展从 Directus API 拉取数据,在服务端渲染完整 HTML


local p = {}
local p = {}
-- ══════════════════════════════════════════════
-- 工具函数
-- ══════════════════════════════════════════════


local function val(v, fallback)
local function val(v, fallback)
第39行: 第34行:
     if extraClass then div:addClass(extraClass) end
     if extraClass then div:addClass(extraClass) end
     return div
     return div
end
-- 单条属性行:图标 + 标签 + 值
local function makeAttrRow(label, value)
    local item = mw.html.create("div"):addClass("card_content_attribute-item")
    local titleDiv = item:tag("div"):addClass("card_content_attribute-title")
    titleDiv:tag("div"):addClass("card_content_attribute-icon")
    titleDiv:tag("div"):wikitext(" " .. label)
    item:tag("div"):wikitext(value or "—")
    return item
end
-- 信息栏:稀有度 + 四维
local function makeInfoSection(intel, supply, execute, strategy, rarity)
    local infoDiv = mw.html.create("div"):addClass("card_content_info")
    local rarityItem = infoDiv:tag("div"):addClass("card_content_info-item")
    rarityItem:tag("div"):wikitext("稀有度")
    rarityItem:tag("div"):wikitext(rarityStars(rarity))
    local dims = {
        { label = "情报", value = intel    },
        { label = "物资", value = supply  },
        { label = "执行", value = execute  },
        { label = "策略", value = strategy },
    }
    for _, dim in ipairs(dims) do
        local item = infoDiv:tag("div"):addClass("card_content_info-item")
        item:tag("div"):wikitext(dim.label)
        local n = tonumber(dim.value)
        item:tag("div"):wikitext(n and ("※" .. n) or "—")
    end
    return infoDiv
end
end


第69行: 第98行:
     if not rows or type(rows) ~= "table" or #rows == 0 then return wrap end
     if not rows or type(rows) ~= "table" or #rows == 0 then return wrap end


     local colCount = 0
     local maxCols = 0
     if rows[1] and rows[1].levels then colCount = #rows[1].levels end
     for _, row in ipairs(rows) do
        if type(row.levels) == "table" and #row.levels > maxCols then
            maxCols = #row.levels
        end
    end


     local gridClass = "card_content_skill-upgrade-grid"
     local DATA_COLS, gridClass
     if colCount >= 10 then gridClass = gridClass .. " card_content_skill-upgrade-grid--10" end
    if maxCols > 8 then
        DATA_COLS = 9
        gridClass = "card_content_skill-upgrade-grid card_content_skill-upgrade-grid--10"
     else
        DATA_COLS = 8
        gridClass = "card_content_skill-upgrade-grid"
    end


     local grid = wrap:tag("div"):addClass(gridClass)
     local grid = wrap:tag("div"):addClass(gridClass)
     grid:tag("div")
     grid:tag("div")
     for i = 2, colCount do
     for i = 2, DATA_COLS + 1 do
         grid:tag("div"):addClass("card_content_skill-upgrade-lv"):wikitext(tostring(i))
         grid:tag("div"):addClass("card_content_skill-upgrade-lv"):wikitext(tostring(i))
     end
     end
第86行: 第126行:
         labelCell:tag("span"):addClass("card_content_skill-upgrade-badge-text"):wikitext(val(row.name, ""))
         labelCell:tag("span"):addClass("card_content_skill-upgrade-badge-text"):wikitext(val(row.name, ""))
         labelCell:tag("span"):addClass("card_content_skill-upgrade-arrow"):wikitext("→")
         labelCell:tag("span"):addClass("card_content_skill-upgrade-arrow"):wikitext("→")
         if row.levels and type(row.levels) == "table" then
 
            for _, v in ipairs(row.levels) do
         local levels = (type(row.levels) == "table") and row.levels or {}
                local cell = grid:tag("div"):addClass("card_content_skill-upgrade-val")
        for col = 1, DATA_COLS do
                if v == nil or v == "" or v == "—" then
            local v = levels[col]
                    cell:addClass("card_content_skill-upgrade-val--null"):wikitext("—")
            local cell = grid:tag("div"):addClass("card_content_skill-upgrade-val")
                else
            if v == nil or v == "" then
                    cell:addClass("card_accent"):wikitext(tostring(v))
                cell:addClass("card_content_skill-upgrade-val--null"):wikitext("—")
                end
            else
                cell:addClass("card_accent"):wikitext(tostring(v))
             end
             end
         end
         end
     end
     end
     return wrap
     return wrap
end
end
第103行: 第145行:
     local card = mw.html.create("div"):addClass("card_content_skill-card")
     local card = mw.html.create("div"):addClass("card_content_skill-card")
     local left = card:tag("div"):addClass("card_content_skill-left")
     local left = card:tag("div"):addClass("card_content_skill-left")
     local titleRow = left:tag("div"):addClass("card_content_skill-title")
     local titleRow = left:tag("div"):addClass("card_content_skill-title")
     titleRow:tag("div"):addClass("card_content_skill-icon")
     titleRow:tag("div"):addClass("card_content_skill-icon")
     local titleText = titleRow:tag("div"):addClass("card_content_skill-title-text")
     local titleText = titleRow:tag("div"):addClass("card_content_skill-title-text")
     local nameRow = titleText:tag("div")
     local nameRow = titleText:tag("div")
     nameRow:tag("span"):addClass("card_content_skill-name"):wikitext(val(skillData.name))
     nameRow:tag("span"):addClass("card_content_skill-name"):wikitext(val(skillData.name))
     nameRow:tag("span"):addClass("card_content_skill-type card_accent--type")
     nameRow:tag("span"):addClass("card_content_skill-type card_accent--type")
         :wikitext("「" .. val(skillData.type) .. "」")
         :wikitext("「" .. val(skillData.type) .. "」")
     local metaRow = titleText:tag("div"):addClass("card_content_skill-meta")
     local metaRow = titleText:tag("div"):addClass("card_content_skill-meta")
     if skillType == "normal_attack" then
     if skillType == "normal_attack" then
第125行: 第164行:
             :tag("span"):addClass("card_accent"):wikitext(val(skillData.desire_cost))
             :tag("span"):addClass("card_accent"):wikitext(val(skillData.desire_cost))
     end
     end
     if skillType == "passive" or skillType == "ultimate" then
     if skillType == "passive" or skillType == "ultimate" then
         left:node(makeTagsRow(skillData.tags))
         left:node(makeTagsRow(skillData.tags))
第170行: 第208行:
end
end


-- ──────────────────────────────────────────────
-- 辅助:小传时间线
-- card.stories = [ { sort, story: [ { id, text }, ... ] } ]
-- cardTitle = card.stylename,作为故事标题展示
-- ──────────────────────────────────────────────
local function makeStoryTimeline(stories, cardTitle)
local function makeStoryTimeline(stories, cardTitle)
     local timeline = mw.html.create("div")
     local timeline = mw.html.create("div")
         :addClass("card_timeline card_content_story-timeline")
         :addClass("card_timeline card_content_story-timeline")
     timeline:tag("div"):addClass("card_timeline-line")
     timeline:tag("div"):addClass("card_timeline-line")


     local entry    = stories and type(stories) == "table" and stories[1]
     if not stories or type(stories) ~= "table" or #stories == 0 then
    local chapters = entry and type(entry.story) == "table" and entry.story or {}
 
    if #chapters == 0 then
         timeline:tag("div"):addClass("card_timeline-item"):wikitext("(小传数据待补充)")
         timeline:tag("div"):addClass("card_timeline-item"):wikitext("(小传数据待补充)")
         return timeline
         return timeline
第191行: 第222行:
     local unlockLevels = { "Lv.20 解锁", "Lv.40 解锁", "Lv.60 解锁", "Lv.80 解锁", "Lv.100 解锁" }
     local unlockLevels = { "Lv.20 解锁", "Lv.40 解锁", "Lv.60 解锁", "Lv.80 解锁", "Lv.100 解锁" }


     for idx, chapter in ipairs(chapters) do
     for idx, chapter in ipairs(stories) do
         local item = timeline:tag("div"):addClass("card_timeline-item")
         local item = timeline:tag("div"):addClass("card_timeline-item")
         if idx == #chapters then item:addClass("card_timeline-item--last") end
         if idx == #stories then item:addClass("card_timeline-item--last") end
 
         item:tag("div"):addClass("card_timeline-dot")
         item:tag("div"):addClass("card_timeline-dot")
         item:tag("div"):addClass("card_timeline-unlock")
         item:tag("div"):addClass("card_timeline-unlock")
             :wikitext(unlockLevels[idx] or ("Lv." .. (idx * 20) .. " 解锁"))
             :wikitext(unlockLevels[idx] or ("Lv." .. (idx * 20) .. " 解锁"))
         local titleDiv = item:tag("div"):addClass("card_timeline-title")
         local titleDiv = item:tag("div"):addClass("card_timeline-title")
         titleDiv:tag("span"):addClass("card_timeline-numeral")
         titleDiv:tag("span"):addClass("card_timeline-numeral"):wikitext(romans[idx] or tostring(idx))
            :wikitext(romans[idx] or tostring(idx))
         titleDiv:tag("span"):addClass("card_timeline-chapter"):wikitext(cardTitle or "")
         titleDiv:tag("span"):addClass("card_timeline-chapter"):wikitext(cardTitle or "")
         titleDiv:tag("span"):addClass("card_timeline-label"):wikitext("/ Story")
         titleDiv:tag("span"):addClass("card_timeline-label"):wikitext("/ Story")
         local bodyDiv = item:tag("div"):addClass("card_timeline-body")
         local bodyDiv = item:tag("div"):addClass("card_timeline-body")
         local text = chapter.text or ""
         local text = chapter.text or ""
         if text ~= "" then
         if text ~= "" then
             local lines = mw.text.split(text, "\n")
            text = text:gsub("\r\n", "\n")
             for i, line in ipairs(lines) do
             local paragraphs = mw.text.split(text, "\n+")
                 if line ~= "" then bodyDiv:wikitext(line) end
             for _, para in ipairs(paragraphs) do
                 if i < #lines then bodyDiv:tag("br") end
                 para = mw.text.trim(para)
                 if para ~= "" then bodyDiv:tag("p"):wikitext(para) end
             end
             end
         end
         end
第219行: 第247行:
end
end


-- ══════════════════════════════════════════════
-- 主渲染函数
-- ══════════════════════════════════════════════
function p.render(frame)
function p.render(frame)
     local name = mw.text.trim(frame.args[1] or frame.args.name or "")
     local name = mw.text.trim(frame.args[1] or frame.args.name or "")
第227行: 第252行:
         return '<span class="error">错误:请提供卡片名称,例如 {{#invoke:CardData|render|复仇童谣}}</span>'
         return '<span class="error">错误:请提供卡片名称,例如 {{#invoke:CardData|render|复仇童谣}}</span>'
     end
     end
    -- ── 1. 构造 API URL(与其他关联字段逻辑完全一致,不加额外过滤)──
    local fields = table.concat({
        "stylename", "rarity",
        "character.name", "profession.name", "desire.name",
        "skill_normal_attack.name", "skill_normal_attack.type",
        "skill_normal_attack.weapon", "skill_normal_attack.description",
        "skill_normal_attack.levels.*",
        "skill_passive.name", "skill_passive.type",
        "skill_passive.trigger_type", "skill_passive.trigger_value",
        "skill_passive.tags", "skill_passive.description",
        "skill_passive.levels.*",
        "skill_ultimate.name", "skill_ultimate.type",
        "skill_ultimate.desire_cost", "skill_ultimate.tags",
        "skill_ultimate.description", "skill_ultimate.levels.*",
        "feats.stages",
        "stories.sort",
        "stories.story"
    }, ",")


     local encodedName = mw.uri.encode(name, "QUERY")
     local encodedName = mw.uri.encode(name, "QUERY")
     local apiUrl = "https://data.saltedkiss.org/items/cards"
     local apiUrl = "https://data.saltedkiss.org/items/cards"
         .. "?fields=" .. mw.uri.encode(fields, "QUERY")
         .. "?fields=stylename,rarity,character.name,profession.name,desire.name"
        .. ",intel,supply,execute,strategy"
        .. ",skill_normal_attack.name,skill_normal_attack.type,skill_normal_attack.weapon"
        .. ",skill_normal_attack.description,skill_normal_attack.levels.*"
        .. ",skill_passive.name,skill_passive.type,skill_passive.trigger_type"
        .. ",skill_passive.trigger_value,skill_passive.tags,skill_passive.description"
        .. ",skill_passive.levels.*"
        .. ",skill_ultimate.name,skill_ultimate.type,skill_ultimate.desire_cost"
        .. ",skill_ultimate.tags,skill_ultimate.description,skill_ultimate.levels.*"
        .. ",feats.stages"
        .. ",stories.text"
         .. "&filter[stylename][_eq]=" .. encodedName
         .. "&filter[stylename][_eq]=" .. encodedName


    -- ── 2. 拉取原始 JSON ──
     local rawResponse = frame:preprocess(
     local rawResponse = frame:preprocess(
         '{{#get_web_data:url=' .. apiUrl
         '{{#get_web_data:url=' .. apiUrl
第260行: 第275行:
     rawResponse = mw.text.trim(rawResponse or "")
     rawResponse = mw.text.trim(rawResponse or "")


    -- ── 3. 解析 ──
     local parsed = parseJson(rawResponse)
     local parsed = parseJson(rawResponse)
     local card  = parsed and type(parsed.data) == "table" and parsed.data[1] or nil
     local card  = parsed and type(parsed.data) == "table" and parsed.data[1] or nil
第303行: 第317行:
     skillUL.tags = tagsToJson(skillUL)
     skillUL.tags = tagsToJson(skillUL)


    -- ── 4. 组装 HTML ──
     local rarity    = tonumber(card.rarity) or 0
     local rarity    = tonumber(card.rarity) or 0
     local stylename = val(card.stylename)
     local stylename = val(card.stylename)
第314行: 第327行:
         :attr("data-rarity", rarity)
         :attr("data-rarity", rarity)


    -- 全屏背景图,文件命名规则:卡面_卡面名.png
     root:tag("div"):addClass("card_fullscreen-img")
     root:tag("div"):addClass("card_fullscreen-img")
        :wikitext("[[文件:卡面_" .. stylename .. ".png]]")
     root:tag("div"):addClass("card_hero"):css("height", "100vh")
     root:tag("div"):addClass("card_hero"):css("height", "100vh")


第324行: 第339行:
     -- 左栏
     -- 左栏
     local leftCol = layout:tag("div"):addClass("card_content_left")
     local leftCol = layout:tag("div"):addClass("card_content_left")
    -- 卡名
     local nc = leftCol:tag("div"):addClass("card_content_name-container")
     local nc = leftCol:tag("div"):addClass("card_content_name-container")
     local nr = nc:tag("div"):addClass("card_content_name-row")
     local nr = nc:tag("div"):addClass("card_content_name-row")
第335行: 第352行:
     nt:wikitext(" " .. charName)
     nt:wikitext(" " .. charName)


    -- 信息(稀有度 + 四维)
     leftCol:node(makeTitle("信息", "Info"))
     leftCol:node(makeTitle("信息", "Info"))
     leftCol:node(makeHr())
     leftCol:node(makeHr())
     leftCol:tag("div"):addClass("card_content_info")
     leftCol:node(makeInfoSection(card.intel, card.supply, card.execute, card.strategy, rarity))
        :tag("div"):addClass("card_content_info-item")
        :tag("div"):wikitext("稀有度"):done()
        :tag("div"):wikitext(rarityStars(rarity))


    -- 等级 100 属性
     leftCol:node(makeTitle("等级 100", "Lv. Max"))
     leftCol:node(makeTitle("等级 100", "Lv. Max"))
     leftCol:node(makeHr())
     leftCol:node(makeHr())
     leftCol:tag("div"):addClass("card_content_attribute-item"):wikitext("(数据待补充)")
     leftCol:node(makeAttrRow("生命", "—"))
    leftCol:node(makeAttrRow("攻击", "—"))
    leftCol:node(makeAttrRow("防御", "—"))
    leftCol:node(makeAttrRow("暴击率", "—"))
    leftCol:node(makeAttrRow("暴击伤害", "—"))
 
    -- 映像
     leftCol:node(makeTitle("映像", "Reflection"))
     leftCol:node(makeTitle("映像", "Reflection"))
     leftCol:node(makeHr())
     leftCol:node(makeHr())
     leftCol:tag("div"):addClass("card_content_attribute-item"):wikitext("(数据待补充)")
     leftCol:node(makeAttrRow("固定攻击", ""))
    leftCol:node(makeAttrRow("固定生命", "—"))
    leftCol:node(makeAttrRow("伤害加成", "—"))
 
    -- 认知
     leftCol:node(makeTitle("认知", "Cognition"))
     leftCol:node(makeTitle("认知", "Cognition"))
     leftCol:node(makeHr())
     leftCol:node(makeHr())
第354行: 第380行:
     -- 右栏
     -- 右栏
     local rightCol = layout:tag("div"):addClass("card_content_right")
     local rightCol = layout:tag("div"):addClass("card_content_right")
     rightCol:node(makeTitle("战斗技能", "Tactical"))
     rightCol:node(makeTitle("战斗技能", "Tactical"))
     rightCol:node(makeHr("card_content-item-hr--mb12"))
     rightCol:node(makeHr("card_content-item-hr--mb12"))
第380行: 第405行:
     storyHeader:node(makeStoryTimeline(stories, stylename))
     storyHeader:node(makeStoryTimeline(stories, stylename))


     -- 邀约(待补充)
     -- 邀约
     rightCol:tag("div"):css("height", "12px"):css("width", "100%")
     rightCol:tag("div"):css("height", "12px"):css("width", "100%")
     rightCol:node(makeTitle("邀约", "Date"))
     rightCol:node(makeTitle("邀约", "Date"))
第389行: 第414行:
         :tag("li"):addClass("card_content_date-item"):wikitext("(邀约数据待补充)")
         :tag("li"):addClass("card_content_date-item"):wikitext("(邀约数据待补充)")


     return tostring(root) .. frame:expandTemplate{ title = "cardcss" }
     return tostring(root)
end
end


return p
return p

2026年3月28日 (六) 22:00的最新版本

此模块的文档可以在模块:CardData/doc创建

-- Module:CardData
-- 用法:{{#invoke:CardData|render|复仇童谣}}

local p = {}

local function val(v, fallback)
    if v == nil or v == "" then return fallback or "—" end
    return v
end

local function rarityStars(n)
    n = tonumber(n) or 0
    return string.rep("★", n)
end

local function parseJson(str)
    if not str or str == "" then return nil end
    local ok, result = pcall(mw.text.jsonDecode, str)
    if ok then return result else return nil end
end

local function makeTitle(titleText, subtitleText, extraClass)
    local div = mw.html.create("div")
        :addClass("card_content-item-title")
        :addClass("card_content-item-title--mt")
    if extraClass then div:addClass(extraClass) end
    div:wikitext(titleText)
    div:tag("span"):addClass("card_content-item-subtitle"):wikitext(subtitleText)
    return div
end

local function makeHr(extraClass)
    local div = mw.html.create("div"):addClass("card_content-item-hr")
    if extraClass then div:addClass(extraClass) end
    return div
end

-- 单条属性行:图标 + 标签 + 值
local function makeAttrRow(label, value)
    local item = mw.html.create("div"):addClass("card_content_attribute-item")
    local titleDiv = item:tag("div"):addClass("card_content_attribute-title")
    titleDiv:tag("div"):addClass("card_content_attribute-icon")
    titleDiv:tag("div"):wikitext(" " .. label)
    item:tag("div"):wikitext(value or "—")
    return item
end

-- 信息栏:稀有度 + 四维
local function makeInfoSection(intel, supply, execute, strategy, rarity)
    local infoDiv = mw.html.create("div"):addClass("card_content_info")

    local rarityItem = infoDiv:tag("div"):addClass("card_content_info-item")
    rarityItem:tag("div"):wikitext("稀有度")
    rarityItem:tag("div"):wikitext(rarityStars(rarity))

    local dims = {
        { label = "情报", value = intel    },
        { label = "物资", value = supply   },
        { label = "执行", value = execute  },
        { label = "策略", value = strategy },
    }
    for _, dim in ipairs(dims) do
        local item = infoDiv:tag("div"):addClass("card_content_info-item")
        item:tag("div"):wikitext(dim.label)
        local n = tonumber(dim.value)
        item:tag("div"):wikitext(n and ("※" .. n) or "—")
    end

    return infoDiv
end

local function makeTriggerLabel(triggerType, triggerValue)
    local span = mw.html.create("span"):addClass("card_content_skill-meta-val")
    if triggerType == "normal_attack" then
        span:wikitext("每进行")
        span:tag("span"):addClass("card_accent"):wikitext(tostring(triggerValue or "?"))
        span:wikitext("次普攻")
    else
        span:wikitext(val(triggerType))
    end
    return span
end

local function makeTagsRow(tagsJson)
    local div = mw.html.create("div"):addClass("card_content_skill-tags")
    local tags = parseJson(tagsJson)
    if tags and type(tags) == "table" then
        for _, tag in ipairs(tags) do
            div:tag("div"):addClass("card_content_skill-tag"):wikitext(tag)
        end
    end
    return div
end

local function makeUpgradeTable(levelsJson)
    local wrap = mw.html.create("div"):addClass("card_content_skill-upgrade")
    local rows = parseJson(levelsJson)
    if not rows or type(rows) ~= "table" or #rows == 0 then return wrap end

    local maxCols = 0
    for _, row in ipairs(rows) do
        if type(row.levels) == "table" and #row.levels > maxCols then
            maxCols = #row.levels
        end
    end

    local DATA_COLS, gridClass
    if maxCols > 8 then
        DATA_COLS = 9
        gridClass = "card_content_skill-upgrade-grid card_content_skill-upgrade-grid--10"
    else
        DATA_COLS = 8
        gridClass = "card_content_skill-upgrade-grid"
    end

    local grid = wrap:tag("div"):addClass(gridClass)

    grid:tag("div")
    for i = 2, DATA_COLS + 1 do
        grid:tag("div"):addClass("card_content_skill-upgrade-lv"):wikitext(tostring(i))
    end

    for idx, row in ipairs(rows) do
        local labelCell = grid:tag("div"):addClass("card_content_skill-upgrade-row-label")
        labelCell:tag("span"):addClass("card_content_skill-upgrade-badge"):wikitext(tostring(idx))
        labelCell:tag("span"):addClass("card_content_skill-upgrade-badge-text"):wikitext(val(row.name, ""))
        labelCell:tag("span"):addClass("card_content_skill-upgrade-arrow"):wikitext("→")

        local levels = (type(row.levels) == "table") and row.levels or {}
        for col = 1, DATA_COLS do
            local v = levels[col]
            local cell = grid:tag("div"):addClass("card_content_skill-upgrade-val")
            if v == nil or v == "" then
                cell:addClass("card_content_skill-upgrade-val--null"):wikitext("—")
            else
                cell:addClass("card_accent"):wikitext(tostring(v))
            end
        end
    end

    return wrap
end

local function makeSkillCard(skillData, skillType)
    local card = mw.html.create("div"):addClass("card_content_skill-card")
    local left = card:tag("div"):addClass("card_content_skill-left")
    local titleRow = left:tag("div"):addClass("card_content_skill-title")
    titleRow:tag("div"):addClass("card_content_skill-icon")
    local titleText = titleRow:tag("div"):addClass("card_content_skill-title-text")
    local nameRow = titleText:tag("div")
    nameRow:tag("span"):addClass("card_content_skill-name"):wikitext(val(skillData.name))
    nameRow:tag("span"):addClass("card_content_skill-type card_accent--type")
        :wikitext("「" .. val(skillData.type) .. "」")
    local metaRow = titleText:tag("div"):addClass("card_content_skill-meta")
    if skillType == "normal_attack" then
        metaRow:wikitext("使用武器 ")
        metaRow:tag("span"):addClass("card_content_skill-meta-val card_accent"):wikitext(val(skillData.weapon))
    elseif skillType == "passive" then
        metaRow:wikitext("触发条件 ")
        metaRow:node(makeTriggerLabel(skillData.trigger_type, skillData.trigger_value))
    elseif skillType == "ultimate" then
        metaRow:wikitext("欲火消耗 ")
        metaRow:tag("span"):addClass("card_content_skill-meta-val")
            :tag("span"):addClass("card_accent"):wikitext(val(skillData.desire_cost))
    end
    if skillType == "passive" or skillType == "ultimate" then
        left:node(makeTagsRow(skillData.tags))
    end
    left:tag("div"):addClass("card_content_skill_effect"):wikitext(val(skillData.description))
    card:node(makeUpgradeTable(skillData.levels))
    return card
end

local function makeFeatList(stagesJson)
    local ul = mw.html.create("ul"):addClass("card_content_feat-ul")
    local stages = parseJson(stagesJson)
    if not stages or type(stages) ~= "table" then
        ul:tag("li"):wikitext("—")
        return ul
    end
    for _, stage in ipairs(stages) do
        local li  = ul:tag("li"):addClass("card_content_feat-list")
        local row = li:tag("div"):addClass("card_content_feat-row")
        local sw  = row:tag("div"):addClass("card_content_feat-stage-wrap")
        sw:tag("p"):tag("span"):addClass("card_content_feat-stage"):wikitext("STAGE")
        sw:tag("div"):addClass("card_content_feat-number")
            :wikitext(string.format("%02d", stage.stage or 0))
        local rd = row:tag("div")
        if stage.value and type(stage.value) == "table" then
            for _, v in ipairs(stage.value) do
                if v.description then
                    rd:tag("span"):addClass("card_accent"):wikitext(v.description)
                    rd:tag("br")
                end
            end
        end
        if stage.stat_boosts and type(stage.stat_boosts) == "table" then
            for _, boost in ipairs(stage.stat_boosts) do
                rd:wikitext((boost.type or "") .. "提升" .. (boost.value or ""))
            end
        end
        if stage.extra_name then
            rd:tag("span"):addClass("card_content_feat-stage-cn")
                :wikitext("「" .. stage.extra_name .. "」")
        end
    end
    return ul
end

local function makeStoryTimeline(stories, cardTitle)
    local timeline = mw.html.create("div")
        :addClass("card_timeline card_content_story-timeline")

    timeline:tag("div"):addClass("card_timeline-line")

    if not stories or type(stories) ~= "table" or #stories == 0 then
        timeline:tag("div"):addClass("card_timeline-item"):wikitext("(小传数据待补充)")
        return timeline
    end

    local romans       = { "Ⅰ", "Ⅱ", "Ⅲ", "Ⅳ", "Ⅴ" }
    local unlockLevels = { "Lv.20 解锁", "Lv.40 解锁", "Lv.60 解锁", "Lv.80 解锁", "Lv.100 解锁" }

    for idx, chapter in ipairs(stories) do
        local item = timeline:tag("div"):addClass("card_timeline-item")
        if idx == #stories then item:addClass("card_timeline-item--last") end
        item:tag("div"):addClass("card_timeline-dot")
        item:tag("div"):addClass("card_timeline-unlock")
            :wikitext(unlockLevels[idx] or ("Lv." .. (idx * 20) .. " 解锁"))
        local titleDiv = item:tag("div"):addClass("card_timeline-title")
        titleDiv:tag("span"):addClass("card_timeline-numeral"):wikitext(romans[idx] or tostring(idx))
        titleDiv:tag("span"):addClass("card_timeline-chapter"):wikitext(cardTitle or "")
        titleDiv:tag("span"):addClass("card_timeline-label"):wikitext("/ Story")
        local bodyDiv = item:tag("div"):addClass("card_timeline-body")
        local text = chapter.text or ""
        if text ~= "" then
            text = text:gsub("\r\n", "\n")
            local paragraphs = mw.text.split(text, "\n+")
            for _, para in ipairs(paragraphs) do
                para = mw.text.trim(para)
                if para ~= "" then bodyDiv:tag("p"):wikitext(para) end
            end
        end
    end

    return timeline
end

function p.render(frame)
    local name = mw.text.trim(frame.args[1] or frame.args.name or "")
    if name == "" then
        return '<span class="error">错误:请提供卡片名称,例如 {{#invoke:CardData|render|复仇童谣}}</span>'
    end

    local encodedName = mw.uri.encode(name, "QUERY")
    local apiUrl = "https://data.saltedkiss.org/items/cards"
        .. "?fields=stylename,rarity,character.name,profession.name,desire.name"
        .. ",intel,supply,execute,strategy"
        .. ",skill_normal_attack.name,skill_normal_attack.type,skill_normal_attack.weapon"
        .. ",skill_normal_attack.description,skill_normal_attack.levels.*"
        .. ",skill_passive.name,skill_passive.type,skill_passive.trigger_type"
        .. ",skill_passive.trigger_value,skill_passive.tags,skill_passive.description"
        .. ",skill_passive.levels.*"
        .. ",skill_ultimate.name,skill_ultimate.type,skill_ultimate.desire_cost"
        .. ",skill_ultimate.tags,skill_ultimate.description,skill_ultimate.levels.*"
        .. ",feats.stages"
        .. ",stories.text"
        .. "&filter[stylename][_eq]=" .. encodedName

    local rawResponse = frame:preprocess(
        '{{#get_web_data:url=' .. apiUrl
        .. '|format=text|data=responseText=__text}}'
        .. '{{#external_value:responseText}}'
    )
    rawResponse = mw.text.trim(rawResponse or "")

    local parsed = parseJson(rawResponse)
    local card   = parsed and type(parsed.data) == "table" and parsed.data[1] or nil

    if not card then
        return '<span class="error">⚠ 无法加载卡片数据:' .. mw.text.nowiki(name)
            .. '(response=' .. mw.text.nowiki(rawResponse) .. ')</span>'
    end

    local charData   = card.character or {}
    local profData   = card.profession or {}
    local desireData = card.desire or {}
    local skillNA    = card.skill_normal_attack or {}
    local skillPA    = card.skill_passive or {}
    local skillUL    = card.skill_ultimate or {}
    local stories    = card.stories or {}

    local featsStagesJson = "[]"
    if card.feats and type(card.feats) == "table" and card.feats[1] then
        local sr = card.feats[1].stages
        featsStagesJson = type(sr) == "table" and mw.text.jsonEncode(sr)
                       or type(sr) == "string" and sr or "[]"
    end

    local function levelsToJson(skill)
        if not skill.levels then return "[]" end
        if type(skill.levels) == "string" then return skill.levels end
        if type(skill.levels) == "table"  then return mw.text.jsonEncode(skill.levels) end
        return "[]"
    end
    skillNA.levels = levelsToJson(skillNA)
    skillPA.levels = levelsToJson(skillPA)
    skillUL.levels = levelsToJson(skillUL)

    local function tagsToJson(skill)
        if not skill.tags then return "[]" end
        if type(skill.tags) == "string" then return skill.tags end
        if type(skill.tags) == "table"  then return mw.text.jsonEncode(skill.tags) end
        return "[]"
    end
    skillPA.tags = tagsToJson(skillPA)
    skillUL.tags = tagsToJson(skillUL)

    local rarity    = tonumber(card.rarity) or 0
    local stylename = val(card.stylename)
    local charName  = val(charData.name)
    local profName  = val(profData.name)
    local desName   = val(desireData.name)

    local root = mw.html.create("div")
        :addClass("ron-card ron-card--rarity-" .. rarity)
        :attr("data-rarity", rarity)

    -- 全屏背景图,文件命名规则:卡面_卡面名.png
    root:tag("div"):addClass("card_fullscreen-img")
        :wikitext("[[文件:卡面_" .. stylename .. ".png]]")
    root:tag("div"):addClass("card_hero"):css("height", "100vh")

    local layout = root:tag("div"):addClass("card_content-container")
        :tag("div"):addClass("card_content-background")
        :tag("div"):addClass("card_content-inner")
        :tag("div"):addClass("card_content card_content--layout")

    -- 左栏
    local leftCol = layout:tag("div"):addClass("card_content_left")

    -- 卡名
    local nc = leftCol:tag("div"):addClass("card_content_name-container")
    local nr = nc:tag("div"):addClass("card_content_name-row")
    nr:tag("div"):addClass("card_content_name-icon")
    nr:tag("div"):addClass("card_content_name-classtext"):wikitext(profName)
    nr:tag("div"):addClass("card_content_name-icon card_content_name-icon--ml")
    nr:tag("div"):addClass("card_content_name-classtext"):wikitext(desName)
    local nt = nc:tag("div"):addClass("card_content_name-text")
    nt:wikitext(stylename .. " ")
    nt:tag("span"):addClass("card_accent"):wikitext("·")
    nt:wikitext(" " .. charName)

    -- 信息(稀有度 + 四维)
    leftCol:node(makeTitle("信息", "Info"))
    leftCol:node(makeHr())
    leftCol:node(makeInfoSection(card.intel, card.supply, card.execute, card.strategy, rarity))

    -- 等级 100 属性
    leftCol:node(makeTitle("等级 100", "Lv. Max"))
    leftCol:node(makeHr())
    leftCol:node(makeAttrRow("生命", "—"))
    leftCol:node(makeAttrRow("攻击", "—"))
    leftCol:node(makeAttrRow("防御", "—"))
    leftCol:node(makeAttrRow("暴击率", "—"))
    leftCol:node(makeAttrRow("暴击伤害", "—"))

    -- 映像
    leftCol:node(makeTitle("映像", "Reflection"))
    leftCol:node(makeHr())
    leftCol:node(makeAttrRow("固定攻击", "—"))
    leftCol:node(makeAttrRow("固定生命", "—"))
    leftCol:node(makeAttrRow("伤害加成", "—"))

    -- 认知
    leftCol:node(makeTitle("认知", "Cognition"))
    leftCol:node(makeHr())
    leftCol:tag("div"):addClass("card_content_attribute-item"):wikitext("(数据待补充)")

    -- 右栏
    local rightCol = layout:tag("div"):addClass("card_content_right")
    rightCol:node(makeTitle("战斗技能", "Tactical"))
    rightCol:node(makeHr("card_content-item-hr--mb12"))
    rightCol:node(makeSkillCard(skillNA, "normal_attack"))
    rightCol:tag("div"):addClass("card_content_skill-gap")
    rightCol:node(makeSkillCard(skillPA, "passive"))
    rightCol:tag("div"):addClass("card_content_skill-gap")
    rightCol:node(makeSkillCard(skillUL, "ultimate"))

    rightCol:node(makeTitle("觉醒", "Feat"))
    rightCol:node(makeHr("card_content-item-hr--mb12"))
    rightCol:node(makeFeatList(featsStagesJson))

    -- 小传
    local storySection = rightCol:tag("div"):addClass("card_content_story")
    local storyHeader  = storySection:tag("div"):addClass("card_content_story-header")
    local storyLeft    = storyHeader:tag("div"):addClass("card_content_story-header-left")
    storyLeft:node(makeTitle("小传", "Story"))
    storyLeft:node(makeHr("card_content-item-hr--mb12"))
    storyLeft:tag("div"):addClass("card_content_story-toggle")
        :attr("data-collapsed", "false")
        :tag("span"):addClass("story-toggle-text"):wikitext("收起"):done()
        :tag("span"):addClass("story-toggle-icon"):wikitext("-")
    storyHeader:tag("div"):addClass("card_content_story-header-spacer")
    storyHeader:node(makeStoryTimeline(stories, stylename))

    -- 邀约
    rightCol:tag("div"):css("height", "12px"):css("width", "100%")
    rightCol:node(makeTitle("邀约", "Date"))
    rightCol:node(makeHr("card_content-item-hr--mb12"))
    rightCol:tag("div"):addClass("card_content_date")
        :tag("div"):addClass("card_content_date-track")
        :tag("ul"):addClass("card_content_date-list")
        :tag("li"):addClass("card_content_date-item"):wikitext("(邀约数据待补充)")

    return tostring(root)
end

return p