{"id":12742,"date":"2026-05-01T16:09:58","date_gmt":"2026-05-01T08:09:58","guid":{"rendered":"https:\/\/www.luminart.cc\/?page_id=12742"},"modified":"2026-05-01T16:27:34","modified_gmt":"2026-05-01T08:27:34","slug":"%e8%b6%85%e6%b8%85%e5%8e%9f%e7%94%bb","status":"publish","type":"page","link":"https:\/\/www.luminart.cc\/?page_id=12742","title":{"rendered":"\u8d85\u6e05\u539f\u753b"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"12742\" class=\"elementor elementor-12742\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f473c6c e-flex e-con-boxed e-con e-parent\" data-id=\"f473c6c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-588bdaa elementor-widget elementor-widget-html\" data-id=\"588bdaa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n.hd-page {\n    background: #0a0a0a;\n    padding: 40px 24px 60px;\n    font-family: 'PingFang SC', 'Microsoft YaHei', sans-serif;\n    min-height: 80vh;\n}\n.hd-page-title { color: #fff; font-size: 28px; font-weight: 500; margin: 0 0 6px; }\n.hd-page-sub { color: #555; font-size: 14px; margin: 0 0 24px; }\n.hd-filter-section { margin-bottom: 8px; }\n.hd-filter-group { margin-bottom: 6px; border: 0.5px solid #1e1e1e; border-radius: 10px; overflow: hidden; }\n.hd-filter-header {\n    display: flex; align-items: center; justify-content: space-between;\n    padding: 10px 16px; cursor: pointer; background: #111;\n    user-select: none; transition: background 0.15s;\n}\n.hd-filter-header:hover { background: #161616; }\n.hd-filter-header-left { display: flex; align-items: center; gap: 10px; }\n.hd-filter-label { color: #888; font-size: 12px; font-weight: 500; letter-spacing: 0.06em; }\n.hd-filter-active-tag {\n    background: #1a1500; border: 0.5px solid #3a2e00;\n    color: #c9a84c; font-size: 11px; padding: 2px 8px; border-radius: 20px;\n}\n.hd-filter-arrow { color: #444; font-size: 12px; transition: transform 0.2s; }\n.hd-filter-arrow.open { transform: rotate(180deg); }\n.hd-filter-body {\n    display: none; padding: 12px 16px 14px; background: #0d0d0d;\n    flex-wrap: wrap; gap: 6px; border-top: 0.5px solid #1a1a1a;\n}\n.hd-filter-body.open { display: flex; }\n.hd-ftag {\n    background: #1a1a1a; border: 0.5px solid #2a2a2a; color: #666;\n    font-size: 12px; padding: 4px 12px; border-radius: 20px;\n    cursor: pointer; transition: all 0.15s; user-select: none;\n}\n.hd-ftag:hover { border-color: #555; color: #999; }\n.hd-ftag.active { background: #1a1500; border-color: #c9a84c; color: #c9a84c; }\n.hd-toolbar {\n    display: flex; align-items: center; justify-content: space-between;\n    margin: 16px 0 20px; flex-wrap: wrap; gap: 10px;\n    border-top: 0.5px solid #1a1a1a; padding-top: 16px;\n}\n.hd-count { color: #444; font-size: 13px; }\n.hd-count span { color: #666; }\n.hd-sort { display: flex; gap: 6px; }\n.hd-sort-btn {\n    background: #1a1a1a; border: 0.5px solid #2a2a2a; color: #666;\n    font-size: 12px; padding: 5px 14px; border-radius: 20px;\n    cursor: pointer; transition: all 0.15s; user-select: none;\n}\n.hd-sort-btn:hover { border-color: #555; color: #999; }\n.hd-sort-btn.active { background: #1a1500; border-color: #c9a84c; color: #c9a84c; }\n.hd-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n}\n@media (max-width: 900px) { .hd-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } }\n@media (max-width: 480px) { .hd-grid { grid-template-columns: 1fr; gap: 10px; } }\n.hd-card {\n    background: #141414; border-radius: 12px; overflow: hidden;\n    border: 0.5px solid #222; cursor: pointer; display: flex;\n    flex-direction: column; transition: border-color 0.25s, transform 0.25s;\n    text-decoration: none;\n}\n.hd-card:hover { border-color: #c9a84c; transform: scale(1.02); }\n.hd-card.hd-hidden { display: none; }\n.hd-card-img {\n    width: 100%; aspect-ratio: 16\/9; overflow: hidden;\n    background: #1a1a1a; flex-shrink: 0; position: relative;\n}\n.hd-card-img img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }\n.hd-card-no-img { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #2a2a2a; font-size: 12px; }\n.hd-code {\n    position: absolute; top: 10px; right: 10px;\n    background: rgba(0,0,0,0.65); border: 0.5px solid #333;\n    color: #888; font-size: 10px; padding: 2px 8px;\n    border-radius: 20px; font-family: monospace;\n}\n.hd-card-body { padding: 12px 14px 14px; flex: 1; }\n.hd-card-name { color: #fff; font-size: 13px; font-weight: 500; margin: 0 0 4px; line-height: 1.4; }\n.hd-card-tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px; }\n.hd-tag { background: #1e1e1e; border: 0.5px solid #2a2a2a; color: #666; font-size: 10px; padding: 2px 6px; border-radius: 20px; }\n.hd-tag.hd-more { color: #333; background: #111; border-color: #1a1a1a; }\n.hd-loading { color: #333; text-align: center; padding: 60px 0; font-size: 14px; }\n.hd-no-result { color: #333; text-align: center; padding: 60px 0; font-size: 14px; display: none; grid-column: 1 \/ -1; }\n<\/style>\n\n<div class=\"hd-page\">\n    <h1 class=\"hd-page-title\">\u8d85\u6e05\u539f\u753b<\/h1>\n    <p class=\"hd-page-sub\">\u9ad8\u6e05\u539f\u4f5c\u6536\u85cf\uff0c\u50cf\u7d20\u7ea7\u6b23\u8d4f\u5927\u5e08\u7b14\u89e6<\/p>\n\n    <div class=\"hd-filter-section\" id=\"hd-filters\" style=\"display:none;\">\n        <div class=\"hd-filter-group\">\n            <div class=\"hd-filter-header\" onclick=\"hdToggleGroup('movement')\">\n                <div class=\"hd-filter-header-left\">\n                    <span class=\"hd-filter-label\">\u827a\u672f\u8fd0\u52a8<\/span>\n                    <span class=\"hd-filter-active-tag\" id=\"hd-active-movement\" style=\"display:none;\"><\/span>\n                <\/div>\n                <span class=\"hd-filter-arrow\" id=\"hd-arrow-movement\">\u25bc<\/span>\n            <\/div>\n            <div class=\"hd-filter-body\" id=\"hd-body-movement\">\n                <div id=\"hd-tags-movement\" style=\"display:flex;flex-wrap:wrap;gap:6px;width:100%;\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"hd-toolbar\" id=\"hd-toolbar\" style=\"display:none;\">\n        <p class=\"hd-count\">\u5171 <span id=\"hd-num\">0<\/span> \u4ef6\u4f5c\u54c1<\/p>\n        <div class=\"hd-sort\">\n            <span class=\"hd-sort-btn active\" id=\"hd-sort-title\" onclick=\"hdSort('title')\">\u6309\u7f16\u53f7\u6392\u5e8f<\/span>\n            <span class=\"hd-sort-btn\" id=\"hd-sort-date\" onclick=\"hdSort('date')\">\u6309\u66f4\u65b0\u65f6\u95f4<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"hd-grid\" id=\"hd-grid\">\n        <div class=\"hd-loading\">\u52a0\u8f7d\u4e2d...<\/div>\n    <\/div>\n<\/div>\n\n<script>\nvar HD_MOVEMENTS = ['\u5370\u8c61\u6d3e','\u5df4\u6d1b\u514b','\u6587\u827a\u590d\u5174','\u6d6a\u6f2b\u4e3b\u4e49','\u5199\u5b9e\u4e3b\u4e49','\u65b0\u53e4\u5178\u4e3b\u4e49','\u6ce2\u666e\u827a\u672f','\u73b0\u5b9e\u4e3b\u4e49','\u73b0\u4ee3\u4e3b\u4e49','\u8c61\u5f81\u4e3b\u4e49','\u81ea\u7136\u4e3b\u4e49','\u53e4\u5178\u4e3b\u4e49','\u73b0\u4ee3\u88c5\u9970','\u6d1b\u53ef\u53ef','\u6cd5\u56fd\u5b66\u9662\u6d3e','\u8d85\u73b0\u5b9e\u4e3b\u4e49','\u5a01\u5c3c\u65af\u753b\u6d3e','\u5df4\u6bd4\u677e','\u5df4\u6bd4\u677e\u753b\u6d3e','\u4fc4\u56fd\u5de1\u56de\u5c55\u89c8\u753b\u6d3e','\u8868\u73b0\u4e3b\u4e49','\u7acb\u4f53\u4e3b\u4e49','\u63d2\u753b\u827a\u672f','\u91ce\u517d\u6d3e','\u4fc4\u56fd\u5b66\u9662\u6d3e','\u62bd\u8c61\u8868\u73b0\u4e3b\u4e49','\u5c71\u6c34\u753b','\u5199\u610f','\u8fbe\u8fbe\u4e3b\u4e49','\u65b0\u827a\u672f\u8fd0\u52a8','\u552f\u7f8e\u4e3b\u4e49','\u4e1c\u65b9\u4e3b\u4e49','\u8377\u5170\u9ec4\u91d1\u65f6\u4ee3','\u5df4\u9ece\u6d3e','\u7ef4\u4e5f\u7eb3\u5206\u79bb\u6d3e','\u9b54\u5e7b\u73b0\u5b9e\u4e3b\u4e49','\u82cf\u8054\u5b66\u9662\u6d3e','\u8272\u5f69\u4e3b\u4e49','\u7eb3\u6bd4\u6d3e','\u540e\u5370\u8c61\u6d3e','\u4e2d\u56fd\u827a\u672f','\u539f\u59cb\u4e3b\u4e49','\u5f53\u4ee3\u827a\u672f','\u6d6e\u4e16\u7ed8','\u70b9\u5f69\u6d3e','\u540e\u5370\u8c61\u4e3b\u4e49'];\n\nvar hdAllData = [];\nvar hdCurrentSort = 'title';\nvar hdActiveMovement = '';\n\nfunction hdToggleGroup(type) {\n    var body = document.getElementById('hd-body-' + type);\n    var arrow = document.getElementById('hd-arrow-' + type);\n    var isOpen = body.classList.contains('open');\n    body.classList.toggle('open', !isOpen);\n    arrow.classList.toggle('open', !isOpen);\n}\n\nfunction hdBuildFilters(data) {\n    var movSet = {};\n    data.forEach(function(item) {\n        item.tags.forEach(function(t) {\n            if (HD_MOVEMENTS.indexOf(t.name) !== -1) movSet[t.name] = true;\n        });\n    });\n    hdRenderTagRow('hd-tags-movement', Object.keys(movSet), 'movement');\n    document.getElementById('hd-filters').style.display = 'block';\n    document.getElementById('hd-toolbar').style.display = 'flex';\n}\n\nfunction hdRenderTagRow(containerId, tags, type) {\n    var container = document.getElementById(containerId);\n    container.innerHTML = '';\n    var allBtn = document.createElement('span');\n    allBtn.className = 'hd-ftag active';\n    allBtn.textContent = '\u5168\u90e8';\n    allBtn.onclick = function() { hdSetFilter(type, ''); };\n    container.appendChild(allBtn);\n    tags.forEach(function(tag) {\n        var btn = document.createElement('span');\n        btn.className = 'hd-ftag';\n        btn.textContent = tag;\n        btn.onclick = function() { hdSetFilter(type, tag); };\n        container.appendChild(btn);\n    });\n}\n\nfunction hdSetFilter(type, value) {\n    hdActiveMovement = value;\n    var rowId = 'hd-tags-' + type;\n    document.querySelectorAll('#' + rowId + ' .hd-ftag').forEach(function(btn) {\n        btn.classList.toggle('active', (btn.textContent === '\u5168\u90e8' && value === '') || btn.textContent === value);\n    });\n    var badge = document.getElementById('hd-active-' + type);\n    if (value) { badge.textContent = value; badge.style.display = 'inline-block'; }\n    else { badge.style.display = 'none'; }\n    hdApplyFilter();\n}\n\nfunction hdApplyFilter() {\n    var cards = document.querySelectorAll('.hd-card');\n    var visible = 0;\n    cards.forEach(function(card) {\n        var tags = (card.getAttribute('data-tags') || '').split(',');\n        var ok = !hdActiveMovement || tags.indexOf(hdActiveMovement) !== -1;\n        card.classList.toggle('hd-hidden', !ok);\n        if (ok) visible++;\n    });\n    document.getElementById('hd-num').textContent = visible;\n    var noResult = document.getElementById('hd-no-result');\n    if (noResult) noResult.style.display = visible === 0 ? 'block' : 'none';\n}\n\nfunction hdGetCode(title) {\n    var m = title.match(\/^([A-Za-z]\\d+)\/);\n    return m ? m[1].toUpperCase() : 'ZZZ';\n}\n\nfunction hdSortByTitle(a, b) {\n    var ca = hdGetCode(a.title), cb = hdGetCode(b.title);\n    var la = ca.charAt(0), lb = cb.charAt(0);\n    if (la !== lb) return la < lb ? -1 : 1;\n    return (parseInt(ca.slice(1)) || 0) - (parseInt(cb.slice(1)) || 0);\n}\n\nfunction hdSort(type) {\n    hdCurrentSort = type;\n    document.getElementById('hd-sort-title').classList.toggle('active', type === 'title');\n    document.getElementById('hd-sort-date').classList.toggle('active', type === 'date');\n    var sorted = hdAllData.slice();\n    if (type === 'title') sorted.sort(hdSortByTitle);\n    else sorted.sort(function(a, b){ return new Date(b.date) - new Date(a.date); });\n    hdRenderCards(sorted);\n}\n\nfunction hdRenderCards(data) {\n    var grid = document.getElementById('hd-grid');\n    grid.innerHTML = '';\n    data.forEach(function(item) {\n        var code = hdGetCode(item.title);\n        var cleanTitle = item.title.replace(\/^[A-Za-z]\\d+\\s*\/, '');\n        var tagNames = item.tags.map(function(t){ return t.name; });\n        var movTags = tagNames.filter(function(t){ return HD_MOVEMENTS.indexOf(t) !== -1; });\n        var visibleTags = movTags.slice(0, 3);\n        var moreCnt = movTags.length - 3;\n        var tagsHtml = visibleTags.map(function(t){\n            return '<span class=\"hd-tag\">' + t + '<\/span>';\n        }).join('');\n        if (moreCnt > 0) tagsHtml += '<span class=\"hd-tag hd-more\">+' + moreCnt + '<\/span>';\n        var imgHtml = item.thumb\n            ? '<img decoding=\"async\" src=\"' + item.thumb + '\" alt=\"' + cleanTitle + '\" loading=\"lazy\"\/>'\n            : '<div class=\"hd-card-no-img\">\u6682\u65e0\u56fe\u7247<\/div>';\n        var card = document.createElement('a');\n        card.className = 'hd-card';\n        card.href = item.url;\n        card.setAttribute('data-tags', tagNames.join(','));\n        card.innerHTML =\n            '<div class=\"hd-card-img\">' +\n                imgHtml +\n                '<span class=\"hd-code\">' + code + '<\/span>' +\n            '<\/div>' +\n            '<div class=\"hd-card-body\">' +\n                '<p class=\"hd-card-name\">' + cleanTitle + '<\/p>' +\n                '<div class=\"hd-card-tags\">' + tagsHtml + '<\/div>' +\n            '<\/div>';\n        grid.appendChild(card);\n    });\n    var noResult = document.createElement('div');\n    noResult.className = 'hd-no-result';\n    noResult.id = 'hd-no-result';\n    noResult.textContent = '\u6ca1\u6709\u627e\u5230\u76f8\u5173\u4f5c\u54c1';\n    grid.appendChild(noResult);\n    document.getElementById('hd-num').textContent = data.length;\n    hdApplyFilter();\n}\n\nfetch('\/wp-admin\/admin-ajax.php', {\n    method: 'POST',\n    headers: {'Content-Type': 'application\/x-www-form-urlencoded'},\n    body: 'action=lm_get_artworks'\n})\n.then(function(r){ return r.json(); })\n.then(function(res){\n    if (res.success) {\n        hdAllData = res.data;\n        hdAllData.sort(hdSortByTitle);\n        hdRenderCards(hdAllData);\n        hdBuildFilters(hdAllData);\n    } else {\n        document.getElementById('hd-grid').innerHTML = '<div class=\"hd-loading\">\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u5237\u65b0\u91cd\u8bd5<\/div>';\n    }\n})\n.catch(function(){\n    document.getElementById('hd-grid').innerHTML = '<div class=\"hd-loading\">\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u5237\u65b0\u91cd\u8bd5<\/div>';\n});\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u8d85\u6e05\u539f\u753b \u9ad8\u6e05\u539f\u4f5c\u6536\u85cf\uff0c\u50cf\u7d20\u7ea7\u6b23\u8d4f\u5927\u5e08\u7b14\u89e6 \u827a\u672f\u8fd0\u52a8 \u25bc \u5171 0 \u4ef6\u4f5c\u54c1 \u6309\u7f16\u53f7\u6392\u5e8f \u6309\u66f4\u65b0\u65f6\u95f4 \u52a0\u8f7d\u4e2d&#038;#8 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-12742","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/pages\/12742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.luminart.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12742"}],"version-history":[{"count":7,"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/pages\/12742\/revisions"}],"predecessor-version":[{"id":12753,"href":"https:\/\/www.luminart.cc\/index.php?rest_route=\/wp\/v2\/pages\/12742\/revisions\/12753"}],"wp:attachment":[{"href":"https:\/\/www.luminart.cc\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}