{"id":2091,"date":"2026-05-14T15:17:36","date_gmt":"2026-05-14T07:17:36","guid":{"rendered":"http:\/\/8.148.82.253\/?page_id=2091"},"modified":"2026-05-20T11:50:47","modified_gmt":"2026-05-20T03:50:47","slug":"%e6%96%b0%e9%97%bb%e8%b5%84%e8%ae%af","status":"publish","type":"page","link":"https:\/\/www.huazhigroup.com.cn\/index.php\/%e6%96%b0%e9%97%bb%e8%b5%84%e8%ae%af\/","title":{"rendered":"\u65b0\u95fb\u8d44\u8baf"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2091\" class=\"elementor elementor-2091\">\n\t\t\t\t<div class=\"elementor-element elementor-element-61f7ef1 e-flex e-con-boxed e-con e-parent\" data-id=\"61f7ef1\" 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-9cfe098 elementor-widget elementor-widget-html\" data-id=\"9cfe098\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"hz-news-wrapper\">\r\n<style>\r\n\/* ===== \u4f01\u4e1a\u7ea7\u89c6\u89c9\u53d8\u91cf\u4e0e\u5168\u5c40\u4f5c\u7528\u57df ===== *\/\r\n.hz-news-wrapper{--hz-primary:#0f172a;--hz-accent:#2563eb;--hz-accent-light:#3b82f6;--hz-bg:#f8fafc;--hz-surface:#ffffff;--hz-text:#1e293b;--hz-text-light:#64748b;--hz-border:#e2e8f0;--hz-radius:16px;--hz-shadow-sm:0 4px 12px rgba(0,0,0,.04);--hz-shadow-md:0 12px 28px rgba(0,0,0,.06);--hz-shadow-lg:0 20px 40px rgba(0,0,0,.1);--hz-trans:all .4s cubic-bezier(.25,.8,.25,1);font-family:'PingFang SC','Microsoft YaHei','Helvetica Neue',system-ui,sans-serif;line-height:1.6;color:var(--hz-text);background:var(--hz-bg);min-height:100vh;position:relative;overflow-x:hidden}\r\n.hz-news-wrapper *{box-sizing:border-box;margin:0;padding:0}\r\n.hz-news-wrapper::before{content:'';position:fixed;inset:0;background:radial-gradient(circle at 15% 25%,rgba(37,99,235,.035) 0,transparent 35%),radial-gradient(circle at 85% 75%,rgba(14,165,233,.035) 0,transparent 35%);z-index:-1;pointer-events:none}\r\n\r\n\/* ===== \u5bb9\u5668 ===== *\/\r\n.hz-container{max-width:1360px;margin:0 auto;padding:0 clamp(20px,4vw,40px);position:relative;z-index:1}\r\n\r\n\/* ===== \u9876\u90e8 Hero ===== *\/\r\n.hz-hero{position:relative;height:65vh;min-height:520px;border-radius:20px;overflow:hidden;box-shadow:var(--hz-shadow-lg);margin:24px auto 0;border:1px solid var(--hz-border);background:#000}\r\n.hz-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform 1.2s cubic-bezier(.25,.46,.45,.94);filter:brightness(.85)}\r\n.hz-hero-overlay{position:absolute;inset:0;background:linear-gradient(105deg,rgba(15,23,42,.95) 0%,rgba(30,41,59,.7) 45%,transparent 100%);z-index:1}\r\n.hz-hero-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:0 clamp(40px,6vw,80px);color:#fff;z-index:2;opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}\r\n.hz-hero.show{opacity:1;transform:translateY(0)}\r\n.hz-hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;background:rgba(255,255,255,.12);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:50px;font-size:13px;font-weight:600;width:fit-content;margin-bottom:24px;letter-spacing:.04em}\r\n.hz-hero-title{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.12;margin-bottom:20px;text-shadow:0 6px 16px rgba(0,0,0,.3);letter-spacing:-.02em}\r\n.hz-hero-excerpt{font-size:clamp(16px,1.8vw,20px);opacity:.92;max-width:720px;line-height:1.65;margin-bottom:32px;font-weight:400}\r\n.hz-hero-meta{display:flex;gap:24px;font-size:14px;opacity:.85;margin-bottom:36px;letter-spacing:.02em}\r\n.hz-hero-meta svg{width:16px;height:16px;margin-right:6px;opacity:.8}\r\n.hz-hero-btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;background:#fff;color:var(--hz-accent);font-weight:600;border-radius:50px;text-decoration:none;transition:var(--hz-trans);box-shadow:0 8px 24px rgba(0,0,0,.15);pointer-events:none;opacity:.6}\r\n.hz-hero-btn.ready{pointer-events:auto;opacity:1}\r\n.hz-hero-btn:hover{transform:translateY(-3px);background:var(--hz-surface);box-shadow:0 12px 32px rgba(0,0,0,.2);color:var(--hz-accent-light)}\r\n\r\n\/* ===== \u5206\u7c7b\u5bfc\u822a ===== *\/\r\n.hz-cat-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding:14px 20px;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border:1px solid rgba(226,232,240,.6);border-radius:60px;max-width:fit-content;margin:-45px auto 50px;position:relative;z-index:10;box-shadow:var(--hz-shadow-md)}\r\n.hz-cat-pill{padding:10px 24px;border-radius:40px;font-size:14px;font-weight:500;color:var(--hz-text-light);cursor:pointer;transition:var(--hz-trans);border:1px solid transparent;user-select:none;position:relative}\r\n.hz-cat-pill:hover{color:var(--hz-accent);background:rgba(37,99,235,.06)}\r\n.hz-cat-pill.active{background:var(--hz-accent);color:#fff;box-shadow:0 6px 16px rgba(37,99,235,.25);border-color:var(--hz-accent)}\r\n\r\n\/* ===== \u533a\u5757\u6807\u9898 ===== *\/\r\n.hz-section-head{display:flex;align-items:center;gap:16px;margin:clamp(40px,6vw,64px) 0 clamp(28px,4vw,40px);font-size:clamp(24px,3vw,32px);font-weight:700;letter-spacing:-.01em}\r\n.hz-section-head::before{content:'';width:5px;height:clamp(26px,3vw,32px);background:linear-gradient(180deg,var(--hz-accent),#1e40af);border-radius:3px}\r\n.hz-section-head span{font-size:13px;color:var(--hz-text-light);font-weight:400;letter-spacing:.1em;margin-left:auto;opacity:.6;text-transform:uppercase}\r\n\r\n\/* ===== \u5361\u7247\u7f51\u683c ===== *\/\r\n.hz-featured{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(20px,3vw,32px);margin-bottom:50px}\r\n.hz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,28px);margin-bottom:60px}\r\n\r\n\/* ===== \u5361\u7247\u6837\u5f0f ===== *\/\r\n.hz-card{background:var(--hz-surface);border-radius:var(--hz-radius);overflow:hidden;border:1px solid var(--hz-border);transition:var(--hz-trans);opacity:0;transform:translateY(20px)}\r\n.hz-card.visible{opacity:1;transform:translateY(0)}\r\n.hz-card:hover{transform:translateY(-6px);box-shadow:var(--hz-shadow-lg);border-color:rgba(37,99,235,.25)}\r\n.hz-card-img{height:clamp(200px,24vw,260px);position:relative;overflow:hidden;background:#e2e8f0}\r\n.hz-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94);filter:brightness(.98)}\r\n.hz-card:hover .hz-card-img img{transform:scale(1.05);filter:brightness(1)}\r\n.hz-card-tag{position:absolute;top:16px;left:16px;padding:6px 14px;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border-radius:8px;font-size:12px;font-weight:600;color:var(--hz-accent);box-shadow:0 3px 10px rgba(0,0,0,.08)}\r\n.hz-card-body{padding:clamp(18px,2.5vw,24px)}\r\n.hz-card-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--hz-text-light);margin-bottom:12px}\r\n.hz-card-meta svg{width:14px;height:14px;opacity:.6}\r\n.hz-card-title{font-size:clamp(18px,1.8vw,21px);font-weight:700;line-height:1.35;margin-bottom:12px;transition:color .2s;letter-spacing:-.01em}\r\n.hz-card-title a{color:inherit;text-decoration:none;position:relative}\r\n.hz-card-title a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--hz-accent);transition:width .3s ease;border-radius:1px}\r\n.hz-card:hover .hz-card-title{color:var(--hz-accent)}\r\n.hz-card:hover .hz-card-title a::after{width:100%}\r\n.hz-card-excerpt{font-size:14px;color:var(--hz-text-light);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}\r\n\r\n\/* ===== \u52a0\u8f7d\u4e0e\u72b6\u6001 ===== *\/\r\n.hz-load-area{text-align:center;padding:clamp(30px,4vw,50px) 0}\r\n.hz-btn-load{display:inline-flex;align-items:center;gap:12px;padding:14px 40px;background:var(--hz-primary);color:#fff;border:none;border-radius:50px;font-weight:600;font-size:15px;cursor:pointer;transition:var(--hz-trans);box-shadow:0 8px 20px rgba(15,23,42,.18)}\r\n.hz-btn-load:hover:not(:disabled){background:var(--hz-accent);transform:translateY(-3px);box-shadow:0 12px 28px rgba(37,99,235,.25)}\r\n.hz-btn-load:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}\r\n.hz-state-msg{padding:40px;text-align:center;color:var(--hz-text-light);background:var(--hz-surface);border-radius:var(--hz-radius);border:1px dashed var(--hz-border)}\r\n.hz-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:hz-spin .7s linear infinite}\r\n@keyframes hz-spin{to{transform:rotate(360deg)}}\r\n.hz-btn-load.loading .hz-spinner{display:block}\r\n.hz-btn-load.loading span{display:none}\r\n\r\n\/* ===== \u54cd\u5e94\u5f0f ===== *\/\r\n@media(max-width:1024px){.hz-hero{height:55vh;min-height:460px}.hz-featured{grid-template-columns:1fr}.hz-grid{grid-template-columns:repeat(2,1fr)}}\r\n@media(max-width:768px){.hz-hero-wrap{padding:0 clamp(24px,4vw,40px)}.hz-hero-title{font-size:clamp(26px,6vw,36px)}.hz-cat-bar{border-radius:16px;margin:-30px 16px 40px;padding:12px 16px}.hz-grid{grid-template-columns:1fr}.hz-card-img{height:220px}.hz-section-head span{display:none}}\r\n@media(max-width:480px){.hz-hero{height:48vh}.hz-hero-meta{flex-direction:column;gap:8px}.hz-btn-load{width:100%}}\r\n<\/style>\r\n\r\n<div class=\"hz-container\">\r\n    <!-- Hero -->\r\n    <div class=\"hz-hero\" id=\"hzHero\">\r\n        <div class=\"hz-hero-bg\" id=\"hzHeroBg\"><\/div>\r\n        <div class=\"hz-hero-overlay\"><\/div>\r\n        <div class=\"hz-hero-content\" id=\"hzHeroContent\">\r\n            <div class=\"hz-hero-badge\"><svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke=\"#fff\" stroke-width=\"2\" d=\"M12 8v4l3 3\"\/><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"#fff\" stroke-width=\"2\"\/><\/svg> \u6700\u65b0\u52a8\u6001<\/div>\r\n            <h1 class=\"hz-hero-title\" id=\"hzHeroTitle\">\u6b63\u5728\u540c\u6b65\u96c6\u56e2\u8d44\u8baf...<\/h1>\r\n            <p class=\"hz-hero-excerpt\" id=\"hzHeroExcerpt\">\u8bf7\u7a0d\u5019\uff0c\u7cfb\u7edf\u6b63\u5728\u52a0\u8f7d\u540e\u53f0\u6570\u636e\u3002<\/p>\r\n            <div class=\"hz-hero-meta\">\r\n                <span id=\"hzHeroDate\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg> --<\/span>\r\n                <span><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M3 21h18M5 21V7l8-4v18M19 21V11l-6-4M9 9h1M9 13h1M9 17h1\"\/><\/svg> \u534e\u965f\u96c6\u56e2<\/span>\r\n            <\/div>\r\n            <a href=\"#\" class=\"hz-hero-btn\" id=\"hzHeroBtn\">\u9605\u8bfb\u8be6\u60c5 <svg width=\"18\" height=\"18\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke=\"currentColor\" stroke-width=\"2\" d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/a>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- \u5206\u7c7b -->\r\n    <nav class=\"hz-cat-bar\" id=\"hzCatBar\"><div class=\"hz-state-msg\" style=\"margin:0;padding:12px 20px\">\u52a0\u8f7d\u4e2d...<\/div><\/nav>\r\n\r\n    <!-- \u7cbe\u9009 -->\r\n    <div class=\"hz-section-head\">\u7cbe\u9009\u8d44\u8baf <span>EDITOR'S PICK<\/span><\/div>\r\n    <div class=\"hz-featured\" id=\"hzFeat\"><\/div>\r\n\r\n    <!-- \u5217\u8868 -->\r\n    <div class=\"hz-section-head\">\u5168\u90e8\u52a8\u6001 <span>ALL NEWS<\/span><\/div>\r\n    <div class=\"hz-grid\" id=\"hzGrid\"><\/div>\r\n\r\n    <!-- \u52a0\u8f7d\u66f4\u591a -->\r\n    <div class=\"hz-load-area\" id=\"hzLoadArea\" style=\"display:none\">\r\n        <button class=\"hz-btn-load\" id=\"hzLoadBtn\"><div class=\"hz-spinner\"><\/div><span>\u52a0\u8f7d\u66f4\u591a\u8d44\u8baf<\/span><\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n    const ROOT = window.wpApiSettings?.root?.replace(\/\\\/$\/,'') || (location.origin + '\/wp-json');\r\n    let page=1, cat='', loading=false, hasMore=true;\r\n    const $ = id => document.getElementById(id);\r\n    const els = { hero:$('hzHero'), heroBg:$('hzHeroBg'), heroCont:$('hzHeroContent'), heroTitle:$('hzHeroTitle'),\r\n                heroEx:$('hzHeroExcerpt'), heroDt:$('hzHeroDate'), heroBtn:$('hzHeroBtn'), catBar:$('hzCatBar'),\r\n                feat:$('hzFeat'), grid:$('hzGrid'), loadArea:$('hzLoadArea'), loadBtn:$('hzLoadBtn') };\r\n\r\n    const fmt = d => new Date(d).toLocaleDateString('zh-CN',{year:'numeric',month:'2-digit',day:'2-digit'});\r\n    const clean = h => { const t=document.createElement('div'); t.innerHTML=h; return (t.textContent||'').trim(); };\r\n\r\n    \/\/ \u3010\u5df2\u4fee\u6539\uff1a\u5168\u5c40\u56fe\u7247\u83b7\u53d6\u903b\u8f91\u3011\u4f18\u5148\u7279\u8272\u56fe \u2192 \u81ea\u52a8\u53d6\u6587\u7ae0\u7b2c\u4e00\u5f20\u56fe \u2192 \u6700\u540e\u7528\u5360\u4f4d\u56fe\r\n    const img = p => {\r\n        \/\/ 1. \u4f18\u5148\u4f7f\u7528WordPress\u540e\u53f0\u8bbe\u7f6e\u7684\u7279\u8272\u56fe\r\n        const featured = p._embedded?.['wp:featuredmedia']?.[0];\r\n        if (featured) {\r\n            return featured.media_details?.sizes?.['medium_large']?.source_url || featured.source_url;\r\n        }\r\n        \r\n        \/\/ 2. \u6ca1\u6709\u7279\u8272\u56fe\u65f6\uff0c\u81ea\u52a8\u63d0\u53d6\u6587\u7ae0\u6b63\u6587\u91cc\u7684\u7b2c\u4e00\u5f20\u56fe\u7247\r\n        const content = p.content?.rendered || '';\r\n        if (content) {\r\n            const doc = new DOMParser().parseFromString(content, 'text\/html');\r\n            const firstImg = doc.querySelector('img');\r\n            if (firstImg && firstImg.src) {\r\n                return firstImg.src;\r\n            }\r\n        }\r\n        \r\n        \/\/ 3. \u6587\u7ae0\u91cc\u4e5f\u6ca1\u6709\u56fe\u7247\u65f6\uff0c\u4f7f\u7528\u9ed8\u8ba4\u5360\u4f4d\u56fe\r\n        return 'https:\/\/via.placeholder.com\/800x500\/f1f5f9\/94a3b8?text=NEWS';\r\n    };\r\n\r\n    const card = (p, type='grid') => {\r\n        const t = clean(p.title.rendered), e = clean(p.excerpt.rendered).slice(0,100)+'...',\r\n              c = p._embedded?.['wp:term']?.[0]?.[0]?.name || '\u96c6\u56e2\u52a8\u6001', d = fmt(p.date), src = img(p);\r\n        return `<article class=\"hz-card\">\r\n            <div class=\"hz-card-img\"><img src=\"${src}\" alt=\"${t}\" loading=\"lazy\" decoding=\"async\"><span class=\"hz-card-tag\">${c}<\/span><\/div>\r\n            <div class=\"hz-card-body\">\r\n                <div class=\"hz-card-meta\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg>${d}<\/div>\r\n                <h3 class=\"hz-card-title\"><a href=\"${p.link}\">${t}<\/a><\/h3>\r\n                <p class=\"hz-card-excerpt\">${e}<\/p>\r\n            <\/div>\r\n        <\/article>`;\r\n    };\r\n\r\n    const animateCards = () => {\r\n        const cards = document.querySelectorAll('.hz-card:not(.visible)');\r\n        cards.forEach((el,i)=> setTimeout(()=> el.classList.add('visible'), i*60));\r\n    };\r\n\r\n    const fetchPosts = async (append=false) => {\r\n        if(loading) return; loading=true; els.loadBtn.classList.add('loading'); els.loadBtn.disabled=true;\r\n        try{\r\n            let url = `${ROOT}\/wp\/v2\/posts?per_page=12&_embed=true&page=${page}&orderby=date&order=desc`;\r\n            if(cat) url += `&categories=${cat}`;\r\n            const res = await fetch(url);\r\n            if(!res.ok) throw new Error('API\u54cd\u5e94\u5f02\u5e38');\r\n            const data = await res.json();\r\n            const pages = parseInt(res.headers.get('X-WP-TotalPages') || '1');\r\n            hasMore = page < pages;\r\n\r\n            if(!append && data.length){\r\n                const f = data[0];\r\n                \/\/ ==============================================\r\n                \/\/ \u3010\u9876\u90e8\u5927\u56fe\u94fe\u63a5\u4f4d\u7f6e\u3011\u81ea\u52a8\u53d6\u6700\u65b0\u53d1\u5e03\u7684\u7b2c\u4e00\u7bc7\u6587\u7ae0\u7684\u56fe\u7247\r\n                \/\/ ==============================================\r\n                els.heroBg.style.backgroundImage = `url('${img(f)}')`;\r\n                \r\n                \/\/ \u3010\u5982\u679c\u8981\u624b\u52a8\u8bbe\u7f6e\u56fa\u5b9a\u9876\u90e8\u5927\u56fe\uff0c\u628a\u4e0a\u9762\u8fd9\u884c\u66ff\u6362\u6210\u4e0b\u9762\u8fd9\u884c\u3011\r\n                \/\/ els.heroBg.style.backgroundImage = `url('https:\/\/\u4f60\u7684\u56fa\u5b9a\u56fe\u7247\u5b8c\u6574\u5730\u5740.jpg')`;\r\n\r\n                els.heroTitle.textContent = clean(f.title.rendered);\r\n                els.heroEx.textContent = clean(f.excerpt.rendered).slice(0,115)+'...';\r\n                els.heroDt.innerHTML = `<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"\/><\/svg> ${fmt(f.date)}`;\r\n                els.heroBtn.href = f.link; els.heroBtn.classList.add('ready');\r\n                setTimeout(()=>els.heroCont.classList.add('show'),150);\r\n                els.feat.innerHTML = data.slice(1,3).map(p=>card(p,'feat')).join('');\r\n            }\r\n            const list = append ? data : data.slice(3);\r\n            els.grid.insertAdjacentHTML('beforeend', list.map(p=>card(p)).join(''));\r\n            setTimeout(animateCards, 50);\r\n            els.loadArea.style.display = hasMore ? 'block' : 'none';\r\n            if(!hasMore) els.loadArea.innerHTML = '<p style=\"color:var(--hz-text-light);font-size:14px;letter-spacing:.04em\">\u5df2\u5c55\u793a\u5168\u90e8\u5185\u5bb9<\/p>';\r\n            page++;\r\n        }catch(e){\r\n            console.warn(e);\r\n            if(!append) els.feat.innerHTML = '<div class=\"hz-state-msg\">\u7cbe\u9009\u5185\u5bb9\u52a0\u8f7d\u5f02\u5e38<\/div>';\r\n            els.grid.insertAdjacentHTML('beforeend','<div class=\"hz-state-msg\" style=\"grid-column:1\/-1\">\u90e8\u5206\u8d44\u8baf\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u5237\u65b0\u91cd\u8bd5<\/div>');\r\n        }finally{ loading=false; els.loadBtn.classList.remove('loading'); els.loadBtn.disabled=false; }\r\n    };\r\n\r\n    const loadCats = async () => {\r\n        try{\r\n            const res = await fetch(`${ROOT}\/wp\/v2\/categories?per_page=8&orderby=count&order=desc&_fields=id,name`);\r\n            const cats = await res.json();\r\n            els.catBar.innerHTML = `<span class=\"hz-cat-pill active\" data-id=\"\">\u5168\u90e8\u8d44\u8baf<\/span>` + \r\n                cats.map(c=>`<span class=\"hz-cat-pill\" data-id=\"${c.id}\">${c.name}<\/span>`).join('');\r\n        }catch(e){\r\n            els.catBar.innerHTML = `<span class=\"hz-cat-pill active\" data-id=\"\">\u5168\u90e8\u8d44\u8baf<\/span><span class=\"hz-cat-pill\" data-id=\"\">\u96c6\u56e2\u52a8\u6001<\/span><span class=\"hz-cat-pill\" data-id=\"\">\u4ea7\u4e1a\u6d1e\u5bdf<\/span><span class=\"hz-cat-pill\" data-id=\"\">\u5a92\u4f53\u62a5\u9053<\/span>`;\r\n        }\r\n        els.catBar.onclick = e => {\r\n            const t = e.target.closest('.hz-cat-pill'); if(!t) return;\r\n            els.catBar.querySelectorAll('.hz-cat-pill').forEach(p=>p.classList.remove('active'));\r\n            t.classList.add('active');\r\n            cat = t.dataset.id; page=1; hasMore=true; els.loadArea.style.display='none'; els.feat.innerHTML=''; els.grid.innerHTML='';\r\n            fetchPosts(false);\r\n        };\r\n    };\r\n\r\n    els.loadBtn.onclick = ()=>{ page++; fetchPosts(true); };\r\n    loadCats(); fetchPosts(false);\r\n})();\r\n<\/script>\r\n<\/div>\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>\u6700\u65b0\u52a8\u6001 \u6b63\u5728\u540c\u6b65\u96c6\u56e2\u8d44\u8baf&#8230; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2091","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/pages\/2091","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/comments?post=2091"}],"version-history":[{"count":15,"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/pages\/2091\/revisions"}],"predecessor-version":[{"id":2140,"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/pages\/2091\/revisions\/2140"}],"wp:attachment":[{"href":"https:\/\/www.huazhigroup.com.cn\/index.php\/wp-json\/wp\/v2\/media?parent=2091"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}