用户:RedDragon/Test2：修订间差异

曲目
曲目
限制
难度	a
流速	b
MOD	c
其他	d

以互动方式浏览历史

←上一编辑

可视化wikitext

2025年10月23日 (四) 01:34的最新版本

神秘的随机挑战！

Ver.1.6

{{Infobox
|name = 随机挑战
|title = 曲目
|titlestyle = background:#ccc
|image = [[File:插画图标.png|100px]]
|headerstyle = background:#ccf
|labelstyle = background:#ddf

|header1 = 限制
|label2 = 难度
|data2 = a
|label3 = 流速
|data3 = b
|label4 = MOD
|data4 = c
|label5 = 其他
|data5 = d

|belowstyle = background:#ddf;
|below = e

}}

User:RedDragon/Test User:RedDragon/Test1 User:RedDragon/Test2

@@ 第30行： / 第30行： @@
              <th scope="row" class="infobox-label" style="width:90px;background:#ddf;">其他</th>
              <td class="infobox-data" id="other-data">d</td>
+        </tr>
+        <tr class="infobox-below" style="display:none;">
+            <td colspan="2" style="padding:0.5em;text-align:center;">e</td>
          </tr>
      </tbody>
 </table>
+<script>
+    document.addEventListener('DOMContentLoaded', function () {
+        initRandomChallenge()
+    })
+    function regenerateChallenge() {
+        initRandomChallenge()
+    }
-<script>
+     function useMockData() {
-     document.addEventListener('DOMContentLoaded', () => {
+         updateSongInfo({
-         fetch('https://rizwiki.cn/api.php?action=query&titles=曲目列表&prop=revisions&rvprop=content&format=json'.replace(/&/g, '&'))
+            title: "Pastel Lines",
-             .then(r => r.text())
+            ez: "1",
-             .then(text => {
+             hd: "6",
-                console.log('原始响应长度:', text.length)
+             in: "11"
+        }, {
+            titleStyle: '#94E1FF',
+            headerStyle: '#A3E5FF',
+            labelStyle: '#B2E9FE'
+        })
+    }
-                const parser = new DOMParser()
+    function initRandomChallenge() {
-                const doc = parser.parseFromString(text, 'text/html')
+        var encodedUrl = 'https://rizwiki.cn/api.php?action=query%26titles=曲目列表%26prop=revisions%26rvprop=content%26format=json'
-                const preElement = doc.querySelector('pre')
+        var decodedUrl = decodeURIComponent(encodedUrl)
-                if (preElement) {
+        fetch(decodedUrl)
-                    try {
+            .then(function (r) { return r.json() })
-                        const jsonText = preElement.textContent
+            .then(function (data) {
-                        console.log('找到JSON数据:', jsonText.substring(0, 200))
+                if (data.query) {
-                        const data = JSON.parse(jsonText)
+                    if (data.query.pages) {
-                         const pages = data.query.pages
+                         var pages = data.query.pages
-                         const pageId = Object.keys(pages)[0]
+                         var pageId = Object.keys(pages)[0]
-                         const wikitext = pages[pageId].revisions[0]['*']
+                         var wikitext = pages[pageId].revisions[0]['*']
-                         const songs = parseSongsFromWikitext(wikitext)
+                         var songs = parseSongsFromWikitext(wikitext)
-                         songs.length > 0
+                         if (songs.length > 0) {
-                             ? loadSongColors(songs[Math.floor(Math.random() * songs.length)])
+                             loadSongColors(songs[Math.floor(Math.random() * songs.length)])
-                             : useMockData()
+                        } else {
-                     } catch (e) {
+                             useMockData()
-                        console.error('JSON解析失败:', e)
+                        }
+                     } else {
                          useMockData()
                      }
                  } else {
-                    console.error('未找到pre元素')
                      useMockData()
                  }
              })
-             .catch(e => {
+             .catch(function (e) {
                  console.error('获取曲目列表失败:', e)
                  useMockData()
              })
-     })
+     }
      function parseSongsFromWikitext(wikitext) {
          const songs = []
-         const rowRegex = /\|\[\[文件:(.*?)\]\]\s*\|\|\s*\[\[(.*?)\]\]\s*\|\|\s*(.*?)\s*\|\|\s*(.*?)\s*\|\|\s*(\d+.*?)\s*\|\|\s*(\d+.*?)\s*\|\|\s*(\d+.*?)(?=\s*\||\s*\|-|\s*\})/g
+         const rows = wikitext.split('|-')
-         let match
+         for (const row of rows.slice(1)) {
-        while ((match = rowRegex.exec(wikitext)) !== null) {
+            const columns = row.split('\n').filter(function (col) { return col.trim().startsWith('|') })
-            const song = {
-                image: match[1],
+            if (columns.length >= 7) {
-                title: match[2],
+                const imageMatch = columns[0].match(/\[\[文件:([^|\]]+)/)
-                author: match[3],
+                const titleMatch = columns[1].match(/\[\[([^|\]]+)/)
-                duration: match[4],
-                ez: match[5],
+                if (imageMatch) {
-                hd: match[6],
+                    if (titleMatch) {
-                in: match[7]
+                        const song = {
-            }
+                            image: imageMatch[1].trim(),
-            if (song.title) {
+                            title: titleMatch[1].trim(),
-                if (song.title !== '') {
+                            author: columns[2].replace(/^\|/, '').trim(),
-                    songs.push(song)
+                            duration: columns[3].replace(/^\|/, '').trim(),
+                        }
+                        if (song.title === "BRAVE: ROAD") {
+                            song.ez = ""
+                            song.hd = columns[4].replace(/^\|/, '').trim()
+                            song.in = columns[5].replace(/^\|/, '').trim()
+                            song.at = columns[6].replace(/^\|/, '').trim()
+                        } else {
+                            song.ez = columns[4].replace(/^\|/, '').trim()
+                            song.hd = columns[5].replace(/^\|/, '').trim()
+                            song.in = columns[6].replace(/^\|/, '').trim()
+                        }
+                        if (song.title) {
+                            if (song.title !== '') {
+                                if (song.title !== '?') {
+                                    songs.push(song)
+                                }
+                            }
+                        }
+                    }
                  }
              }
          }
          return songs
      }
      function loadSongColors(song) {
-         const url = `https://rizwiki.cn/api.php?action=query&titles=${encodeURIComponent(song.title)}&prop=revisions&rvprop=content&format=json`.replace(/&/g, '&')
+         const encodedUrl = `https://rizwiki.cn/api.php?action=query%26titles=${encodeURIComponent(song.title)}%26prop=revisions%7Cpageimages%26rvprop=content%26pithumbsize=300%26format=json`
-         fetch(url)
+         const decodedUrl = decodeURIComponent(encodedUrl)
-            .then(r => r.text())
-            .then(text => {
-                const parser = new DOMParser()
-                const doc = parser.parseFromString(text, 'text/html')
-                const preElement = doc.querySelector('pre')
-                if (preElement) {
+        fetch(decodedUrl)
-                    try {
+            .then(function (r) { return r.json() })
-                        const jsonText = preElement.textContent
+            .then(function (data) {
-                        const data = JSON.parse(jsonText)
+                const pages = data.query.pages
-                        const pages = data.query.pages
+                const pageId = Object.keys(pages)[0]
-                        const pageId = Object.keys(pages)[0]
+                const pageData = pages[pageId]
-                        if (!pages[pageId].revisions) {
-                            throw new Error('页面不存在')
+                if (!pageData.revisions) {
-                        }
+                    throw new Error('页面不存在')
-                        const wikitext = pages[pageId].revisions[0]['*']
+                }
-                        const styles = parseStylesFromWikitext(wikitext)
+                const wikitext = pageData.revisions[0]['*']
+                const styles = parseStylesFromWikitext(wikitext)
-                        updateSongInfo(song, {
+                let imageUrl = null
-                            titleStyle: styles.title || '#94E1FF',
+                if (pageData.thumbnail) {
-                            headerStyle: styles.header || '#A3E5FF',
+                    if (pageData.thumbnail.source) {
-                            labelStyle: styles.label || '#B2E9FE',
+                         imageUrl = pageData.thumbnail.source
-                            imageUrl: `https://rizwiki.cn/images/thumb/${song.image.substring(0, 1)}/${song.image.substring(0, 2)}/${song.image}/300px-${song.image}`,
-                            pageUrl: `https://rizwiki.cn/wiki/${encodeURIComponent(song.title)}`
-                        })
-                    } catch (e) {
-                         console.error('解析曲目数据失败:', e)
-                        throw e
                      }
-                } else {
-                    throw new Error('未找到JSON数据')
                  }
+                updateSongInfo(song, {
+                    titleBg: styles.titleBg || '#94E1FF',
+                    titleColor: styles.titleColor || '#000000',
+                    headerBg: styles.headerBg || '#A3E5FF',
+                    headerColor: styles.headerColor || '#000000',
+                    labelBg: styles.labelBg || '#B2E9FE',
+                    labelColor: styles.labelColor || '#000000',
+                    imageUrl: imageUrl,
+                    pageUrl: `https://rizwiki.cn/wiki/${encodeURIComponent(song.title)}`
+                })
              })
-             .catch(e => {
+             .catch(function (e) {
                  console.error('获取曲目颜色失败:', e)
                  updateSongInfo(song, {
-                     titleStyle: '#94E1FF',
+                     titleBg: '#94E1FF',
-                     headerStyle: '#A3E5FF',
+                     titleColor: '#000000',
-                     labelStyle: '#B2E9FE',
+                    headerBg: '#A3E5FF',
-                     imageUrl: `https://rizwiki.cn/images/thumb/${song.image.substring(0, 1)}/${song.image.substring(0, 2)}/${song.image}/300px-${song.image}`,
+                     headerColor: '#000000',
+                    labelBg: '#B2E9FE',
+                    labelColor: '#000000',
+                     imageUrl: null,
                      pageUrl: `https://rizwiki.cn/wiki/${encodeURIComponent(song.title)}`
                  })
@@ 第146行： / 第187行： @@
      function parseStylesFromWikitext(wikitext) {
-         const styles = {}
+         var styles = {}
-         const titleMatch = wikitext.match(/infobox-title.*?background:(#[0-9a-fA-F]+)/)
+         var color1Match = wikitext.match(/\|color1\s*=\s*([^\n}]+)/)
-         if (titleMatch) styles.title = titleMatch[1]
+        var color3Match = wikitext.match(/\|color3\s*=\s*([^\n}]+)/)
+         var color4Match = wikitext.match(/\|color4\s*=\s*([^\n}]+)/)
+        var textcolor1Match = wikitext.match(/\|textcolor1\s*=\s*([^\n}]+)/)
+        var textcolor3Match = wikitext.match(/\|textcolor3\s*=\s*([^\n}]+)/)
+        var textcolor4Match = wikitext.match(/\|textcolor4\s*=\s*([^\n}]+)/)
-         const headerMatch = wikitext.match(/infobox-header.*?background:(#[0-9a-fA-F]+)/)
+         if (color1Match) styles.titleBg = color1Match[1].trim()
-         if (headerMatch) styles.header = headerMatch[1]
+        if (color3Match) styles.headerBg = color3Match[1].trim()
+         if (color4Match) styles.labelBg = color4Match[1].trim()
-         const labelMatch = wikitext.match(/infobox-label.*?background:(#[0-9a-fA-F]+)/)
+         if (textcolor1Match) styles.titleColor = textcolor1Match[1].trim()
-         if (labelMatch) styles.label = labelMatch[1]
+        if (textcolor3Match) styles.headerColor = textcolor3Match[1].trim()
+         if (textcolor4Match) styles.labelColor = textcolor4Match[1].trim()
          return styles
      }
-     function parseImageFromWikitext(wikitext) {
+     function updateSongInfo(song, data) {
-         const fileMatch = wikitext.match(/\[\[文件:(.*?)\]\]/)
+         var titleElement = document.querySelector('.infobox-title th')
-         if (fileMatch) {
+        var headerElement = document.querySelector('.infobox-header th')
-             const fileName = fileMatch[1]
+        var labelElements = document.querySelectorAll('.infobox-label')
-             return `https://rizwiki.cn/images/thumb/${fileName.substring(0, 1)}/${fileName.substring(0, 2)}/${fileName}/300px-${fileName}`
+        var belowElement = document.querySelector('.infobox-below')
+        titleElement.textContent = song.title
+        titleElement.style.background = data.titleBg || '#94E1FF'
+        titleElement.style.color = data.titleColor || '#000000'
+         headerElement.style.background = data.headerBg || '#A3E5FF'
+        headerElement.style.color = data.headerColor || '#000000'
+        for (var i = 0; i < labelElements.length; i++) {
+             labelElements[i].style.background = data.labelBg || '#B2E9FE'
+             labelElements[i].style.color = data.labelColor || '#000000'
          }
-        return null
-    }
-    function updateSongInfo(song, data) {
+         belowElement.style.background = data.labelBg || '#B2E9FE'
-        document.querySelector('.infobox-title th').textContent = song.title
+         belowElement.style.color = data.labelColor || '#000000'
-         document.querySelector('.infobox-title th').style.background = data.titleStyle
-         document.querySelector('.infobox-header th').style.background = data.headerStyle
-        document.querySelectorAll('.infobox-label').forEach(label => label.style.background = data.labelStyle)
-         const container = document.querySelector('.infobox td[colspan="2"]')
+         // 更新图片
-         container.innerHTML = `<a href="${data.pageUrl}" target="_blank">
+        var container = document.querySelector('.infobox td[colspan="2"]')
-        <img id="song-image" width="300" height="300" src="${data.imageUrl || '/images/thumb/4/41/插画图标.png/300px-插画图标.png'}">
+         container.innerHTML = `<a href="${data.pageUrl}" target="_blank"><img id="song-image" width="300" height="300" src="${data.imageUrl || '/images/thumb/4/41/插画图标.png/300px-插画图标.png'}"></a>`
-    </a>`
-         window.difficultyArray = [
+         var availableDifficulties = []
-            createDiffSpan("EZ", song.ez),
+        if (song.ez) availableDifficulties.push({ type: "EZ", value: song.ez })
-            createDiffSpan("HD", song.hd),
+        if (song.hd) availableDifficulties.push({ type: "HD", value: song.hd })
-            createDiffSpan("IN", song.in),
+        if (song.in) availableDifficulties.push({ type: "IN", value: song.in })
-             '<span style="width:max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background:#53D6FF;padding:0 0.80em;margin:0.1em 0.50em">无限制</span>'
+        if (song.at) availableDifficulties.push({ type: "AT", value: song.at })
-        ]
+        window.difficultyArray = availableDifficulties.map(function (diff) {
+             return createDiffSpan(diff.type, diff.value);
+        });
+        window.difficultyArray.push('<span style="width:max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background:#53D6FF;padding:0 0.80em;margin:0.1em 0.50em">无限制</span>');
          generateRandomRestrictions()
@@ 第190行： / 第246行： @@
      function createDiffSpan(diff, level) {
-         const colors = { EZ: '#57E4C4', HD: '#FDBA61', IN: '#FE8661' }
+         var colors = {
+            EZ: '#57E4C4', HD: '#FDBA61', IN: '#FE8661', AT: '#4C364B'
+        }
          return `<span style="width:max-content;text-align:center;display:inline-block;border-radius:1em;color:white;background:${colors[diff]};padding:0 0.80em;margin:0.1em 0.50em">${diff} ${level}</span>`
      }
      function generateRandomRestrictions() {
-         const speeds = [...Array(40).fill("无限制"), ...Array.from({ length: 91 }, (_, i) => (i + 10) / 10)]
+         // 流速选项
-         const mods = ["无MOD", "镜像模式", "保护模式", "Bad保护模式", "特殊计量条", "隐藏计量条"]
+        var speeds = Array(40).fill("无限制").concat(Array.from({ length: 91 }, function (_, i) { return (i + 10) / 10 }))
-        const others = ["无限制", "静音", "单手", "手持"]
+        // 随机流速
+        var selectedSpeed = speeds[Math.floor(Math.random() * speeds.length)]
+        // 随机难度
+        var selectedDifficulty = window.difficultyArray[Math.floor(Math.random() * window.difficultyArray.length)]
+        // 流速难度显示
+         document.getElementById('speed-data').textContent = selectedSpeed
+        document.getElementById('difficulty-data').innerHTML = selectedDifficulty
+        // MOD权重配置
+        var modOptions = [
+            { name: "无MOD", weight: 9 },
+            { name: "无限制", weight: 9 },
+            { name: "观赏模式", weight: 1 },
-         document.getElementById('difficulty-data').innerHTML = window.difficultyArray[Math.floor(Math.random() * window.difficultyArray.length)]
+            { name: "镜像模式", weight: 4 },
+            { name: "保护模式", weight: 4 },
+            { name: "Bad保护模式", weight: 4 },
+            { name: "特殊计量条", weight: 1, exclude: ["特殊计量条100%", "特殊计量条110%", "特殊计量条120%"] },
+            { name: "特殊计量条100%", weight: 1, exclude: ["特殊计量条", "特殊计量条110%", "特殊计量条120%"] },
+            { name: "特殊计量条110%", weight: 1, exclude: ["特殊计量条", "特殊计量条100%", "特殊计量条120%"] },
+            { name: "特殊计量条120%", weight: 1, exclude: ["特殊计量条", "特殊计量条100%", "特殊计量条110%"] },
+            { name: "隐藏计量条", weight: 4 }
+         ]
-         document.getElementById('speed-data').textContent = speeds[Math.floor(Math.random() * speeds.length)]
+         // 其他限制权重配置
+        var otherOptions = [
+            { name: "无限制", weight: 12 },
+            { name: "静音", weight: 2 },
+            { name: "单手", weight: 2, exclude: ["全拆打法", "全换打法", "禁止出张"] },
+            { name: "手持", weight: 2 },
+            { name: "Bad数比Hit数多", weight: 1 },
+            { name: "Combo低于50", weight: 1 },
+            { name: "全拆打法", weight: 2, exclude: ["单手", "全换打法"] },
+            { name: "全换打法", weight: 2, exclude: ["单手", "全拆打法"] },
+            { name: "禁止出张", weight: 2, exclude: ["单手"] },
+            { name: "反色", weight: 1 }
+        ]
-         let selectedMods = []
+         // 随机MOD
-         if (Math.random() < 0.3) {
+        var selectedMods = selectWeightedItemsWithExclude(modOptions, 0.3, ["无MOD", "无限制", "观赏模式"])
-             selectedMods = [mods[Math.floor(Math.random() * mods.length)]]
+        // 随机其他限制
+        var selectedOthers = selectWeightedItemsWithExclude(otherOptions, 0.8, ["无限制"])
+        updateRestrictionElement('mod-data', selectedMods)
+        updateRestrictionElement('other-data', selectedOthers)
+        updateBelowText(selectedDifficulty, selectedSpeed, selectedMods, selectedOthers)
+    }
+    // 加权随机选择函数，逐个检查冲突
+    // options: 选项数组
+    // singleProbability: 只选择一个项的概率
+    // excludeItem: 选择多个时要排除的项
+    function selectWeightedItemsWithExclude(options, singleProbability, excludeItems) {
+        var selectedItems = []
+         if (Math.random() < singleProbability) {
+            var weightedOptions = []
+            for (var i = 0; i < options.length; i++) {
+                for (var j = 0; j < options[i].weight; j++) {
+                    weightedOptions.push(options[i].name)
+                }
+             }
+            selectedItems = [weightedOptions[Math.floor(Math.random() * weightedOptions.length)]]
          } else {
-             const count = Math.floor(Math.random() * 3) + 2
+             var availableOptions = options.filter(function (opt) {
-             const availableMods = mods.filter(m => m !== "无MOD")
+                return !excludeItems.includes(opt.name)
-            const shuffled = [...availableMods].sort(() => Math.random() - 0.5)
+            })
-            selectedMods = shuffled.slice(0, Math.min(count, availableMods.length))
+            var weightedOptions = []
+            for (var i = 0; i < availableOptions.length; i++) {
+                for (var j = 0; j < availableOptions[i].weight; j++) {
+                    weightedOptions.push(availableOptions[i])
+                }
+            }
+            var count = Math.floor(Math.random() * 3) + 2  // 2-4个项
+             var maxAttempts = 20
+            while (maxAttempts > 0) {
+                if (selectedItems.length < count) {
+                    if (weightedOptions.length > 0) {
+                        maxAttempts--
+                        var randomIndex = Math.floor(Math.random() * weightedOptions.length)
+                        var candidate = weightedOptions[randomIndex]
+                        var canAdd = true
+                        for (var j = 0; j < selectedItems.length; j++) {
+                            var selectedItem = selectedItems[j]
+                            if (candidate.exclude) {
+                                if (candidate.exclude.includes(selectedItem)) {
+                                    canAdd = false
+                                    break
+                                }
+                            }
+                            var selectedOption = availableOptions.find(function (opt) { return opt.name === selectedItem })
+                            if (selectedOption) {
+                                if (selectedOption.exclude) {
+                                    if (selectedOption.exclude.includes(candidate.name)) {
+                                        canAdd = false
+                                        break
+                                    }
+                                }
+                            }
+                        }
-            const hasSpecial = selectedMods.includes("特殊计量条")
+                        if (canAdd) {
-            if (hasSpecial) {
+                            selectedItems.push(candidate.name)
-                const specialRates = ["特殊计量条100%", "特殊计量条110%", "特殊计量条120%"]
+                            weightedOptions = weightedOptions.filter(function (opt) { return opt.name !== candidate.name })
-                selectedMods = selectedMods.filter(m => m !== "特殊计量条")
+                        } else {
-                selectedMods.push(specialRates[Math.floor(Math.random() * specialRates.length)])
+                            weightedOptions.splice(randomIndex, 1)
+                        }
+                    } else {
+                        break
+                    }
+                } else {
+                    break
+                }
              }
          }
-         const modElement = document.getElementById('mod-data')
+         for (var i = 0; i < excludeItems.length; i++) {
-         if (selectedMods.length === 1) {
+            if (selectedItems.includes(excludeItems[i])) {
-             modElement.textContent = selectedMods[0]
+                selectedItems = [excludeItems[i]]
+                break
+            }
+        }
+        return selectedItems
+    }
+    function updateRestrictionElement(elementId, items) {
+        var element = document.getElementById(elementId)
+         if (items.length == 1) {
+             element.textContent = items[0]
          } else {
-             modElement.innerHTML = `<p>${selectedMods.join('<br>')}</p>`
+             element.innerHTML = '<p>' + items.join('<br>') + '</p>'
          }
+    }
-         let selectedOthers = []
+    function updateBelowText(difficulty, speed, mods, others) {
-         if (Math.random() < 0.8) {
+         var belowElement = document.querySelector('.infobox-below')
-             selectedOthers = [others[Math.floor(Math.random() * others.length)]]
+        var belowText = ""
-         } else {
-            const count = Math.floor(Math.random() * 2) + 2
+        if (mods[0] == "观赏模式") {
-             const availableOthers = others.filter(o => o !== "无限制")
+            belowText = "WOW奖励关！"
-            const shuffled = [...availableOthers].sort(() => Math.random() - 0.5)
+         } else if (difficulty.includes('EZ')) {
-             selectedOthers = shuffled.slice(0, Math.min(count, availableOthers.length))
+             if (speed == "无限制") {
+                if (mods[0] == "无限制") {
+                    if (others[0] == "无限制") {
+                        belowText = "最简单的一集"
+                    }
+                }
+            }
+         } else if (difficulty.includes('无限制')) {
+             if (speed == "无限制") {
+                if (mods[0] == "无限制") {
+                    if (others[0] == "无限制") {
+                        belowText = "无限制！"
+                    }
+                }
+             }
+        } else if (difficulty.includes('AT')) {
+            belowText = "这么强？！"
          }
-         const otherElement = document.getElementById('other-data')
+         if (belowText) {
-        if (selectedOthers.length === 1) {
+            belowElement.style.display = ""
-             otherElement.textContent = selectedOthers[0]
+             belowElement.querySelector('td').textContent = belowText
          } else {
-             otherElement.innerHTML = `<p>${selectedOthers.join('<br>')}</p>`
+             belowElement.style.display = "none"
          }
-    }
-    function useMockData() {
-        updateSongInfo({
-            title: "Pastel Lines",
-            ez: "1",
-            hd: "6",
-            in: "11"
-        }, {
-            titleStyle: '#94E1FF',
-            headerStyle: '#A3E5FF',
-            labelStyle: '#B2E9FE'
-        })
      }
 </script>
 </html>
 神秘的随机挑战！
+Ver.1.6
+<html>
+<button onclick="regenerateChallenge()"
+    style="padding: 10px 20px; font-size: 16px; background-color: var(--background-color-interactive-subtle); border: var(--border-width-base) solid var(--border-color-base); border-radius: var(--border-radius-large); cursor: pointer; transition-duration: 100ms;"
+    onmouseover="this.style.backgroundColor='var(--background-color-base)'"
+    onmouseout="this.style.backgroundColor='var(--background-color-interactive-subtle)'">
+    新挑战
+</button>
+</html>
+<pre>
 {{Infobox
-|name         = 随机挑战
+|name = 随机挑战
-|title        = 曲目
+|title = 曲目
-|titlestyle   = background:#ccc
+|titlestyle = background:#ccc
-|image        = [[File:插画图标.png|200px]]
+|image = [[File:插画图标.png|100px]]
-|imagestyle   =
+|headerstyle = background:#ccf
-|headerstyle  = background:#ccf
+|labelstyle = background:#ddf
-|labelstyle   = background:#ddf
 |header1 = 限制
-|label2  = 难度
+|label2 = 难度
-|data2   = a
+|data2 = a
-|label3  = 流速
+|label3 = 流速
-|data3   = b
+|data3 = b
-|label4  = MOD
+|label4 = MOD
-|data4   = c
+|data4 = c
-|label5  = 其他
+|label5 = 其他
-|data5   = d
+|data5 = d
+|belowstyle = background:#ddf;
+|below = e
 }}
+</pre>
 ----
 [[User:RedDragon/Test]]
 [[User:RedDragon/Test1]]
 [[User:RedDragon/Test2]]