{"id":134,"date":"2026-09-05T19:22:16","date_gmt":"2026-09-05T11:22:16","guid":{"rendered":"https:\/\/idliuling.top\/?page_id=134"},"modified":"2026-10-22T18:23:22","modified_gmt":"2026-10-22T10:23:22","slug":"portfolio-2","status":"publish","type":"page","link":"https:\/\/idliuling.top\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.portfolio-product,\n.portfolio-product *,\n.portfolio-product *::before,\n.portfolio-product *::after {\n  box-sizing: border-box;\n}\n\n.portfolio-product {\n  \/* \u516c\u5171\u9ed8\u8ba4\u503c\uff0cHTML\u4e2d\u7684\u8bbe\u7f6e\u4f18\u5148 *\/\n  --product-bg: #000000;\n  --product-text: #f2f0e9;\n  --product-pad: clamp(24px, 8vw, 100px);\n\n  --product-image-scale: 1;\n  --product-mobile-scale: 1;\n  --product-image-x: 52.1%;\n  --product-image-y: 38%;\n  --product-image-width: clamp(280px, 48vw, 820px);\n  --product-image-height: clamp(280px, 48svh, 600px);\n\n  --product-button-bg: rgba(0, 0, 255, .66);\n  --product-button-text: #f2f0e9;\n  --product-button-hover-bg: #f2f0e9;\n  --product-button-hover-text: #171714;\n  --product-button-size: clamp(92px, 8.5vw, 132px);\n  --product-button-gap: 24px;\n\n  --product-description-align: left;\n  --product-description-width: 540px;\n\n  --product-dialog-bg: #10100f;\n  --product-dialog-text: #f2f0e9;\n  --product-focus: #d9ff43;\n\n  position: relative;\n  isolation: isolate;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n\n  width: 100vw;\n  max-width: none !important;\n  min-height: max(100svh, 860px);\n\n  margin-block: 0 !important;\n  margin-inline: calc(50% - 50vw) !important;\n\n  \/*\n    \u4e3a\u4e3b\u56fe\u9884\u7559\u7a7a\u95f4\u3002\n    \u5e95\u90e8\u5185\u5bb9\u81ea\u7136\u6491\u5f00\uff0c\u8bf4\u660e\u53d8\u957f\u65f6\u5c55\u793a\u533a\u4e5f\u80fd\u589e\u9ad8\u3002\n  *\/\n  padding:\n    max(480px, 52svh)\n    var(--product-pad)\n    48px;\n\n  overflow: hidden;\n  background: var(--product-bg);\n  color: var(--product-text);\n\n  font-family:\n    Arial,\n    \"PingFang SC\",\n    \"Microsoft YaHei\",\n    sans-serif;\n}\n\n\/* \u4ea7\u54c1\u7f16\u53f7 *\/\n.portfolio-index {\n  position: absolute;\n  z-index: 0;\n  top: 72px;\n  left: var(--product-pad);\n\n  margin: 0;\n  color: transparent;\n  opacity: .76;\n\n  font-size: clamp(90px, 18vw, 260px);\n  font-weight: 800;\n  line-height: 1;\n\n  -webkit-text-stroke: 3px var(--product-text);\n  pointer-events: none;\n}\n\n\/* \u72ec\u7acb\u4ea7\u54c1\u4e3b\u56fe *\/\n.portfolio-image {\n  position: absolute;\n  z-index: 1;\n  top: var(--product-image-y);\n  left: var(--product-image-x);\n\n  width: var(--product-image-width);\n  height: var(--product-image-height);\n\n  transform:\n    translate(-50%, -50%)\n    scale(var(--product-image-scale));\n\n  pointer-events: none;\n}\n\n.portfolio-image img {\n  display: block;\n\n  width: 100%;\n  max-width: none;\n  height: 100%;\n\n  margin: 0;\n  border: 0;\n  object-fit: contain;\n}\n\n\/* \u5e95\u90e8\u533a\u57df\u4f7f\u7528\u81ea\u7136\u5e03\u5c40\uff0c\u4e0d\u518d\u7edd\u5bf9\u5b9a\u4f4d *\/\n.portfolio-bottom {\n  position: relative;\n  z-index: 2;\n\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);\n  gap: 6vw;\n  align-items: end;\n\n  width: 100%;\n}\n\n.portfolio-heading,\n.portfolio-meta {\n  min-width: 0;\n}\n\n.portfolio-eyebrow {\n  display: flex;\n  gap: 12px;\n  align-items: center;\n\n  margin-bottom: 24px;\n\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .14em;\n  text-transform: uppercase;\n}\n\n.portfolio-eyebrow::before {\n  flex: 0 0 28px;\n  height: 2px;\n\n  background: currentColor;\n  content: \"\";\n}\n\n.portfolio-product .portfolio-title {\n  margin: 0;\n  color: inherit;\n  font-family: inherit;\n\n  font-size: clamp(52px, 8vw, 140px);\n  font-weight: 800;\n  line-height: 1;\n  letter-spacing: -.04em;\n\n  overflow-wrap: anywhere;\n}\n\n\/* \u6309\u94ae\u3001\u8bf4\u660e\u548c\u4fe1\u606f\u4f9d\u6b21\u6392\u5217 *\/\n.portfolio-meta {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n}\n\n\/* \u6309\u94ae\u59cb\u7ec8\u4f4d\u4e8e\u8bf4\u660e\u4e0a\u65b9 *\/\n.portfolio-product .portfolio-open {\n  position: static;\n  flex: 0 0 auto;\n  align-self: flex-end;\n\n  display: grid;\n  place-content: center;\n\n  width: var(--product-button-size);\n  height: auto;\n  aspect-ratio: 1;\n\n  margin: 0 0 var(--product-button-gap);\n  padding: 12px;\n\n  border: 1px solid currentColor;\n  border-radius: 50%;\n\n  background: var(--product-button-bg);\n  color: var(--product-button-text);\n\n  font: 700 11px\/1.35 Arial, sans-serif;\n  letter-spacing: .12em;\n  text-align: center;\n\n  cursor: pointer;\n  transition: background .2s, color .2s;\n}\n\n.portfolio-open:hover,\n.portfolio-close:hover {\n  background: var(--product-button-hover-bg);\n  color: var(--product-button-hover-text);\n}\n\n.portfolio-open:focus-visible,\n.portfolio-close:focus-visible {\n  outline: 2px solid var(--product-focus);\n  outline-offset: 5px;\n}\n\n\/* \u6587\u672c\u5757\u53f3\u4fa7\u4e0e\u4e0b\u65b9\u5206\u5272\u7ebf\u5bf9\u9f50 *\/\n.portfolio-product .portfolio-description {\n  width: 100%;\n  max-width: var(--product-description-width);\n  margin: 0 0 0 auto;\n\n  color: inherit;\n  font-size: clamp(17px, 1.7vw, 25px);\n  line-height: 1.55;\n\n  text-align: var(--product-description-align);\n  overflow-wrap: anywhere;\n}\n\n\/* \u9879\u76ee\u4fe1\u606f\u53ca\u5206\u5272\u7ebf *\/\n.portfolio-facts {\n  display: grid;\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  gap: 16px;\n\n  width: 100%;\n  margin: 40px 0 0;\n  padding: 20px 0 0;\n\n  border-top: 1px solid currentColor;\n\n  font-size: 11px;\n  line-height: 1.6;\n}\n\n.portfolio-facts dt {\n  margin: 0 0 8px;\n\n  font-weight: 700;\n  letter-spacing: .1em;\n}\n\n.portfolio-facts dd {\n  margin: 0;\n  overflow-wrap: anywhere;\n}\n\n\/* \u5168\u5c4f\u6a21\u578b\u5f39\u7a97 *\/\n.portfolio-dialog {\n  position: fixed;\n  inset: 0;\n\n  width: 100%;\n  max-width: none;\n  height: 100%;\n  max-height: none;\n\n  margin: 0;\n  padding: 0;\n  border: 0;\n  overflow: hidden;\n\n  background: var(--product-dialog-bg);\n  color: var(--product-dialog-text);\n}\n\n.portfolio-dialog:not([open]) {\n  display: none;\n}\n\n.portfolio-dialog[open] {\n  display: block;\n}\n\n.portfolio-dialog::backdrop {\n  background: rgba(0, 0, 0, .85);\n}\n\n.portfolio-dialog model-viewer {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n  border: 0;\n\n  background: var(--product-dialog-bg);\n  --poster-color: var(--product-dialog-bg);\n}\n\n.portfolio-dialog-bar {\n  position: absolute;\n  z-index: 3;\n  top: 0;\n  right: 0;\n  left: 0;\n\n  display: flex;\n  gap: 20px;\n  align-items: center;\n  justify-content: space-between;\n\n  padding: 24px var(--product-pad);\n\n  pointer-events: none;\n}\n\n.portfolio-dialog-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: .12em;\n  text-transform: uppercase;\n}\n\n.portfolio-close {\n  flex-shrink: 0;\n\n  min-height: 44px;\n  padding: 11px 18px;\n\n  border: 1px solid currentColor;\n  border-radius: 99px;\n\n  background: var(--product-dialog-bg);\n  color: var(--product-dialog-text);\n\n  font: 700 12px\/1 Arial, sans-serif;\n\n  cursor: pointer;\n  pointer-events: auto;\n}\n\n.portfolio-load-status {\n  position: absolute;\n  z-index: 2;\n  top: 50%;\n  left: 50%;\n\n  max-width: 90%;\n  margin: 0;\n  padding: 12px 16px;\n\n  transform: translate(-50%, -50%);\n\n  background: var(--product-dialog-bg);\n  color: var(--product-dialog-text);\n\n  font-size: 13px;\n  text-align: center;\n\n  pointer-events: none;\n}\n\n.portfolio-load-status[hidden] {\n  display: none;\n}\n\n.portfolio-hint {\n  position: absolute;\n  z-index: 2;\n\n  bottom: max(24px, env(safe-area-inset-bottom));\n  left: 50%;\n\n  width: 90%;\n  transform: translateX(-50%);\n\n  opacity: .72;\n  font-size: 11px;\n  text-align: center;\n\n  pointer-events: none;\n}\n\n\/* \u7a84\u5c4f\u6216\u77ee\u7a97\u53e3\uff1a\u81ea\u52a8\u4e0a\u4e0b\u6392\u5217 *\/\n@media (max-width: 1100px), (max-height: 700px) {\n  .portfolio-product {\n    min-height: 100svh;\n    padding: 72px var(--product-pad) 28px;\n  }\n\n  .portfolio-index {\n    top: 24px;\n    font-size: 100px;\n    -webkit-text-stroke-width: 2px;\n  }\n\n  .portfolio-image {\n    position: relative;\n    top: auto;\n    left: auto;\n\n    flex: 0 0 auto;\n    width: 100%;\n    height: clamp(240px, 48svh, 520px);\n    margin: 0 auto 24px;\n\n    transform: scale(var(--product-mobile-scale));\n  }\n\n  .portfolio-bottom {\n    grid-template-columns: minmax(0, 1fr);\n    gap: 24px;\n  }\n\n  .portfolio-product .portfolio-title {\n    font-size: clamp(44px, 10vw, 80px);\n  }\n\n  .portfolio-eyebrow {\n    margin-bottom: 16px;\n  }\n\n  .portfolio-product .portfolio-open {\n    width: 92px;\n  }\n\n  .portfolio-product .portfolio-description {\n    font-size: 16px;\n    line-height: 1.65;\n  }\n\n  .portfolio-facts {\n    gap: 12px;\n    margin-top: 24px;\n  }\n\n  .portfolio-dialog-bar {\n    padding-top: max(16px, env(safe-area-inset-top));\n  }\n}\n\n\/* \u51cf\u5c11\u52a8\u6001\u6548\u679c *\/\n@media (prefers-reduced-motion: reduce) {\n  .portfolio-open {\n    transition: none;\n  }\n}\/* \u4ec5\u5e73\u677f\u548c\u624b\u673a\uff1a\u4ea7\u54c1\u540d\u79f0\u4e0e3D\u6309\u94ae\u5bf9\u9f50 *\/\n@media (max-width: 1100px) {\n  .portfolio-product .portfolio-bottom {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 92px;\n    gap: 24px 16px;\n    align-items: center;\n\n    margin-top: 0;\n    padding-top: 0;\n  }\n\n  \/* \u4ea7\u54c1\u540d\u79f0\u653e\u5728\u5de6\u4fa7 *\/\n  .portfolio-product .portfolio-heading {\n    grid-column: 1;\n    grid-row: 1;\n    align-self: center;\n  }\n\n  \/* \u8ba9\u6309\u94ae\u3001\u8bf4\u660e\u3001\u4fe1\u606f\u5206\u522b\u53c2\u4e0e\u5916\u5c42\u6392\u5217 *\/\n  .portfolio-product .portfolio-meta {\n    display: contents;\n  }\n\n  \/* 3D\u6309\u94ae\u653e\u5728\u540d\u79f0\u53f3\u4fa7 *\/\n  .portfolio-product .portfolio-open {\n    grid-column: 2;\n    grid-row: 1;\n    align-self: center;\n    justify-self: end;\n\n    width: 92px;\n    margin: 0;\n  }\n\n  \/* \u4ea7\u54c1\u8bf4\u660e\u653e\u5728\u4e0b\u4e00\u884c *\/\n  .portfolio-product .portfolio-description {\n    grid-column: 1 \/ -1;\n    grid-row: 2;\n\n    max-width: 100%;\n    margin: 0;\n  }\n\n  \/* \u9879\u76ee\u4fe1\u606f\u653e\u5728\u8bf4\u660e\u4e0b\u9762 *\/\n  .portfolio-product .portfolio-facts {\n    grid-column: 1 \/ -1;\n    grid-row: 3;\n\n    margin-top: 0;\n  }\n}\/* \u5e73\u677f\u548c\u624b\u673a\u4fdd\u7559\u8f83\u5c0f\u7684\u5de6\u53f3\u7559\u767d *\/\n@media (max-width: 1100px) {\n  .portfolio-product {\n    --product-pad: clamp(20px, 4vw, 40px);\n  }\n}\n<\/style>\n\n<script data-wp-block-html=\"js\">\n(() => {\n  \/* \u6574\u4e2a\u9875\u9762\u53ea\u521d\u59cb\u5316\u4e00\u6b21 *\/\n  if (window.__portfolioViewersInitialized) return;\n  window.__portfolioViewersInitialized = true;\n\n  \/*\n    \u9996\u6b21\u70b9\u51fb\u6309\u94ae\u65f6\u52a0\u8f7d\u67e5\u770b\u5668\u3002\n    \u5982\u679c\u811a\u672c\u5df2\u4e0a\u4f20\u670d\u52a1\u5668\uff0c\u53ef\u4ee5\u6362\u6210\u81ea\u5df1\u7684\u811a\u672c\u5730\u5740\u3002\n  *\/\n  const MODEL_VIEWER_URL =\n    'https:\/\/cdn.jsdelivr.net\/npm\/@google\/model-viewer@4.3.1\/dist\/model-viewer.min.js';\n\n  let libraryPromise;\n  let activeDialog = null;\n  let previousOverflow = '';\n  let dialogNumber = 0;\n\n  const reducedMotion = window.matchMedia(\n    '(prefers-reduced-motion: reduce)'\n  );\n\n  const loadViewerLibrary = () => {\n    if (customElements.get('model-viewer')) {\n      return Promise.resolve();\n    }\n\n    if (libraryPromise) return libraryPromise;\n\n    libraryPromise = new Promise((resolve, reject) => {\n      const script = document.createElement('script');\n\n      script.type = 'module';\n      script.src = MODEL_VIEWER_URL;\n\n      script.addEventListener('load', () => {\n        if (customElements.get('model-viewer')) {\n          resolve();\n        } else {\n          libraryPromise = null;\n          script.remove();\n          reject(new Error('\u67e5\u770b\u5668\u672a\u6ce8\u518c'));\n        }\n      }, { once: true });\n\n      script.addEventListener('error', () => {\n        libraryPromise = null;\n        script.remove();\n        reject(new Error('\u67e5\u770b\u5668\u811a\u672c\u52a0\u8f7d\u5931\u8d25'));\n      }, { once: true });\n\n      document.head.appendChild(script);\n    });\n\n    return libraryPromise;\n  };\n\n  const initProductViewers = () => {\n    document.querySelectorAll('.portfolio-product').forEach((product) => {\n      if (product.dataset.viewerReady === 'true') return;\n\n      const openButton = product.querySelector('.portfolio-open');\n      const dialog = product.querySelector('.portfolio-dialog');\n      const viewer = dialog?.querySelector('model-viewer');\n      const closeButton = dialog?.querySelector('.portfolio-close');\n      const status = dialog?.querySelector('.portfolio-load-status');\n\n      if (!openButton || !dialog || !viewer || !closeButton || !status) {\n        return;\n      }\n\n      product.dataset.viewerReady = 'true';\n\n      \/* \u6bcf\u4e2a\u4ea7\u54c1\u81ea\u52a8\u5206\u914d\u72ec\u7acb\u5f39\u7a97ID *\/\n      let dialogId;\n\n      do {\n        dialogId = `portfolio-dialog-${++dialogNumber}`;\n      } while (document.getElementById(dialogId));\n\n      dialog.id = dialogId;\n      openButton.setAttribute('aria-controls', dialogId);\n\n      let loaded = false;\n      let opening = false;\n\n      const showStatus = (message) => {\n        status.textContent = message;\n        status.hidden = false;\n      };\n\n      viewer.addEventListener('load', () => {\n        loaded = true;\n        status.hidden = true;\n      });\n\n      viewer.addEventListener('error', () => {\n        loaded = false;\n        showStatus('\u6a21\u578b\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u68c0\u67e5\u6a21\u578b\u5730\u5740\u540e\u5237\u65b0\u91cd\u8bd5\u3002');\n      });\n\n      closeButton.addEventListener('click', () => {\n        dialog.close();\n      });\n\n      \/* ESC\u6216\u5173\u95ed\u6309\u94ae\u5173\u95ed\u540e\u6062\u590d\u6eda\u52a8 *\/\n      dialog.addEventListener('close', () => {\n        viewer.removeAttribute('auto-rotate');\n\n        if (activeDialog === dialog) {\n          document.body.style.overflow = previousOverflow;\n          activeDialog = null;\n        }\n\n        openButton.focus({ preventScroll: true });\n      });\n\n      openButton.addEventListener('click', async () => {\n        if (dialog.open || opening) return;\n\n        const modelUrl = viewer.dataset.src;\n\n        if (activeDialog?.open) {\n          activeDialog.close();\n        }\n\n        previousOverflow = document.body.style.overflow;\n\n        dialog.showModal();\n        activeDialog = dialog;\n        document.body.style.overflow = 'hidden';\n\n        if (!modelUrl) {\n          showStatus('\u672a\u586b\u5199\u6a21\u578b\u5730\u5740\uff0c\u8bf7\u68c0\u67e5 data-src\u3002');\n          return;\n        }\n\n        opening = true;\n\n        if (!loaded) {\n          showStatus('\u6b63\u5728\u8f7d\u5165 3D \u6a21\u578b\u2026');\n        }\n\n        try {\n          await loadViewerLibrary();\n\n          if (!dialog.open) return;\n\n          \/* \u7b2c\u4e00\u6b21\u6253\u5f00\u5f53\u524d\u4ea7\u54c1\u65f6\u624d\u4e0b\u8f7dGLB *\/\n          if (!viewer.hasAttribute('src')) {\n            viewer.setAttribute('src', modelUrl);\n          }\n\n          if (!reducedMotion.matches) {\n            viewer.setAttribute('auto-rotate', '');\n          }\n\n          if (loaded) {\n            status.hidden = true;\n          }\n        } catch (error) {\n          showStatus('3D\u67e5\u770b\u5668\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u5173\u95ed\u540e\u91cd\u8bd5\u3002');\n        } finally {\n          opening = false;\n        }\n      });\n    });\n  };\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initProductViewers, {\n      once: true\n    });\n  } else {\n    initProductViewers();\n  }\n})();\n<\/script>\n\n<!--\n  \u4e00\u4e2a section \u5c31\u662f\u4e00\u6b3e\u4ea7\u54c1\uff0c\u65b0\u589e\u6848\u4f8b\u65f6\u590d\u5236\u6574\u4e2a section\u3002\n\n  \u5e38\u7528\u8bbe\u7f6e\uff1a\n  --product-bg\uff1a\u9875\u9762\u80cc\u666f\u8272\n  --product-text\uff1a\u9875\u9762\u6587\u5b57\u989c\u8272\n  --product-image-scale\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-mobile-scale\uff1a\u5e73\u677f\u53ca\u624b\u673a\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-image-x\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u5de6\u53f3\u4f4d\u7f6e\n  --product-image-y\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u4e0a\u4e0b\u4f4d\u7f6e\n  --product-description-align\uff1a\u8bf4\u660e\u6587\u5b57 left\u5de6\u5bf9\u9f50 \/ right\u53f3\u5bf9\u9f50\n  --product-button-gap\uff1a\u7535\u8111\u7aef\u6309\u94ae\u4e0e\u8bf4\u660e\u7684\u95f4\u9694\n  --product-dialog-bg\uff1a3D\u5f39\u7a97\u80cc\u666f\u8272\n  --product-dialog-text\uff1a3D\u5f39\u7a97\u6587\u5b57\u989c\u8272\n-->\n\n<section class=\"portfolio-product\" aria-label=\"\u4ea7\u54c1\u5c55\u793a\" style=\"\n    --product-bg: #132c33;\n    --product-text: #f2f0e9;\n    --product-image-scale: 1.6;\n    --product-mobile-scale: 1;\n    --product-image-x: 52.1%;\n    --product-image-y: 45%;\n    --product-description-align: left;\n    --product-button-gap: 24px;\n    --product-button-bg: rgba(0, 0, 255, .66);\n    --product-button-text: #f2f0e9;\n    --product-dialog-bg: #10100f;\n    --product-dialog-text: #f2f0e9;\n  \">\n\n  <!-- \u3010\u4fee\u65391\u3011\u6848\u4f8b\u7f16\u53f7\u6216\u5b57\u6bcd -->\n  <p class=\"portfolio-index\" aria-hidden=\"true\">A<\/p>\n\n  <div class=\"portfolio-image\">\n    <!--\n      \u3010\u4fee\u65392\u3011\u4ea7\u54c1\u4e3b\u56fe\u5730\u5740\uff1a\u4fee\u6539 src\u3002\n\n      \u7b2c\u4e00\u6b3e\u4ea7\u54c1\u4f7f\u7528 loading=\"eager\"\uff1b\n      \u540e\u9762\u7684\u4ea7\u54c1\u4f7f\u7528 loading=\"lazy\"\u3002\n    -->\n    <img src=\"\/image\/remote-control-main.png\" alt=\"\u4ea7\u54c1\u5916\u89c2\u5c55\u793a\" loading=\"eager\" decoding=\"async\">\n  <\/div>\n\n  <div class=\"portfolio-bottom\">\n    <div class=\"portfolio-heading\">\n      <div class=\"portfolio-eyebrow\">Featured project<\/div>\n\n      <!-- \u3010\u4fee\u65393\u3011\u4ea7\u54c1\u540d\u79f0\uff0c\u6574\u4efd\u6a21\u677f\u53ea\u5728\u8fd9\u91cc\u586b\u5199\u4e00\u6b21 -->\n      <h2 class=\"portfolio-title\">\u9065\u63a7\u5668<\/h2>\n    <\/div>\n\n    <div class=\"portfolio-meta\">\n      <button class=\"portfolio-open\" type=\"button\" aria-haspopup=\"dialog\">\n        \u67e5\u770b<br>3D \u6a21\u578b\n      <\/button>\n\n      <!-- \u3010\u4fee\u65394\u3011\u6848\u4f8b\u8bf4\u660e -->\n      <p class=\"portfolio-description\">\n        \u4e00\u6b3e\u7528\u4e8e\u6c99\u76d8\u4ea4\u4e92\u6f14\u793a\u7684\u624b\u6301\u63a7\u5236\u5668\u3002\u901a\u8fc7\u76f4\u89c2\u7684\u6309\u952e\u5e03\u5c40\u4e0e\u4fbf\u6377\u7684\u5355\u624b\u64cd\u4f5c\uff0c\n        \u63a7\u5236\u6f14\u793a\u5185\u5bb9\u4e0e\u573a\u666f\u5207\u6362\uff0c\u8ba9\u6c99\u76d8\u5c55\u793a\u66f4\u6d41\u7545\u3001\u8bb2\u89e3\u66f4\u4ece\u5bb9\u3002\n      <\/p>\n\n      <!-- \u3010\u4fee\u65395\u3011\u9879\u76ee\u4fe1\u606f -->\n      <dl class=\"portfolio-facts\">\n        <div>\n          <dt>\u89d2\u8272<\/dt>\n          <dd>\u8bbe\u8ba1\u4e3b\u5bfc<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u5468\u671f<\/dt>\n          <dd>3 \u5468<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u670d\u52a1<\/dt>\n          <dd>\u7b56\u7565 \/ ID \/ CGI<\/dd>\n        <\/div>\n      <\/dl>\n    <\/div>\n  <\/div>\n\n  <!-- \u5f53\u524d\u6848\u4f8b\u76843D\u5f39\u7a97\uff0c\u590d\u5236\u4ea7\u54c1\u65f6\u4e00\u8d77\u590d\u5236 -->\n  <dialog class=\"portfolio-dialog\" aria-label=\"\u4ea7\u54c1\u4ea4\u4e92\u5f0f\u4e09\u7ef4\u6a21\u578b\">\n\n    <div class=\"portfolio-dialog-bar\">\n      <span class=\"portfolio-dialog-label\">\n        \u4ea4\u4e92\u5f0f 3D \u5c55\u793a\n      <\/span>\n\n      <button class=\"portfolio-close\" type=\"button\" autofocus=\"\">\n        \u5173\u95ed\n      <\/button>\n    <\/div>\n\n    <!--\n      \u3010\u4fee\u65396\u30113D\u6a21\u578b\u5730\u5740\uff1a\u53ea\u4fee\u6539 data-src\u3002\n      \u4fdd\u7559 data-src\uff0c\u70b9\u51fb\u6309\u94ae\u540e\u624d\u52a0\u8f7d\u6a21\u578b\u3002\n\n      camera-orbit=\"0deg 75deg 150%\"\n        \u6700\u540e\u7684150%\u63a7\u5236\u521d\u59cb\u8ddd\u79bb\uff0c\u6570\u503c\u8d8a\u5c0f\u6a21\u578b\u8d8a\u5927\u3002\n\n      min-camera-orbit=\"auto auto 100%\"\n        \u6700\u540e\u7684100%\u63a7\u5236\u5141\u8bb8\u653e\u5927\u7684\u6700\u8fd1\u8ddd\u79bb\u3002\n\n      max-camera-orbit=\"auto auto 250%\"\n        \u6700\u540e\u7684250%\u63a7\u5236\u5141\u8bb8\u7f29\u5c0f\u7684\u6700\u8fdc\u8ddd\u79bb\u3002\n\n      exposure=\"1\"\n        \u6a21\u578b\u4eae\u5ea6\uff0c\u6570\u503c\u8d8a\u5927\u8d8a\u4eae\u3002\n\n      rotation-per-second=\"20deg\"\n        \u81ea\u52a8\u65cb\u8f6c\u901f\u5ea6\u3002\n    -->\n    <model-viewer data-src=\"\/models\/remote-control.glb\" alt=\"\u53ef\u65cb\u8f6c\u548c\u7f29\u653e\u7684\u4ea7\u54c1\u4e09\u7ef4\u6a21\u578b\" camera-controls=\"\" disable-pan=\"\" camera-target=\"auto auto auto\" camera-orbit=\"0deg 75deg 150%\" min-camera-orbit=\"auto auto 100%\" max-camera-orbit=\"auto auto 250%\" field-of-view=\"35deg\" touch-action=\"pan-y\" rotation-per-second=\"20deg\" shadow-intensity=\"1\" exposure=\"1\" tone-mapping=\"aces\" loading=\"eager\">\n    <\/model-viewer>\n\n    <p class=\"portfolio-load-status\" role=\"status\" aria-live=\"polite\" hidden=\"\">\n      \u6b63\u5728\u8f7d\u5165 3D \u6a21\u578b\u2026\n    <\/p>\n\n    <div class=\"portfolio-hint\">\n      \u62d6\u52a8\u65cb\u8f6c \u00b7 \u6eda\u8f6e\u6216\u53cc\u6307\u7f29\u653e\n    <\/div>\n  <\/dialog>\n<\/section>\n\n\n\n<!--\n  \u4e00\u4e2a section \u5c31\u662f\u4e00\u6b3e\u4ea7\u54c1\uff0c\u65b0\u589e\u6848\u4f8b\u65f6\u590d\u5236\u6574\u4e2a section\u3002\n\n  \u5e38\u7528\u8bbe\u7f6e\uff1a\n  --product-bg\uff1a\u9875\u9762\u80cc\u666f\u8272\n  --product-text\uff1a\u9875\u9762\u6587\u5b57\u989c\u8272\n  --product-image-scale\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-mobile-scale\uff1a\u5e73\u677f\u53ca\u624b\u673a\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-image-x\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u5de6\u53f3\u4f4d\u7f6e\n  --product-image-y\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u4e0a\u4e0b\u4f4d\u7f6e\n  --product-description-align\uff1a\u8bf4\u660e\u6587\u5b57 left\u5de6\u5bf9\u9f50 \/ right\u53f3\u5bf9\u9f50\n  --product-button-gap\uff1a\u7535\u8111\u7aef\u6309\u94ae\u4e0e\u8bf4\u660e\u7684\u95f4\u9694\n  --product-dialog-bg\uff1a3D\u5f39\u7a97\u80cc\u666f\u8272\n  --product-dialog-text\uff1a3D\u5f39\u7a97\u6587\u5b57\u989c\u8272\n-->\n\n<section class=\"portfolio-product\" aria-label=\"\u4ea7\u54c1\u5c55\u793a\" style=\"\n    --product-bg: #503E2A;\n    --product-text: #f2f0e9;\n    --product-image-scale: 1.6;\n    --product-mobile-scale: 1;\n    --product-image-x: 52.1%;\n    --product-image-y: 38%;\n    --product-description-align: left;\n    --product-button-gap: 24px;\n    --product-button-bg: rgba(0, 0, 255, .66);\n    --product-button-text: #f2f0e9;\n    --product-dialog-bg: #10100f;\n    --product-dialog-text: #f2f0e9;\n  \">\n\n  <!-- \u3010\u4fee\u65391\u3011\u6848\u4f8b\u7f16\u53f7\u6216\u5b57\u6bcd -->\n  <p class=\"portfolio-index\" aria-hidden=\"true\">B<\/p>\n\n  <div class=\"portfolio-image\">\n    <!--\n      \u3010\u4fee\u65392\u3011\u4ea7\u54c1\u4e3b\u56fe\u5730\u5740\uff1a\u4fee\u6539 src\u3002\n\n      \u7b2c\u4e00\u6b3e\u4ea7\u54c1\u4f7f\u7528 loading=\"eager\"\uff1b\n      \u540e\u9762\u7684\u4ea7\u54c1\u4f7f\u7528 loading=\"lazy\"\u3002\n    -->\n    <img src=\"\/image\/bird.png\" alt=\"\u4ea7\u54c1\u5916\u89c2\u5c55\u793a\" loading=\"eager\" decoding=\"async\">\n  <\/div>\n\n  <div class=\"portfolio-bottom\">\n    <div class=\"portfolio-heading\">\n      <div class=\"portfolio-eyebrow\">Featured project<\/div>\n\n      <!-- \u3010\u4fee\u65393\u3011\u4ea7\u54c1\u540d\u79f0\uff0c\u6574\u4efd\u6a21\u677f\u53ea\u5728\u8fd9\u91cc\u586b\u5199\u4e00\u6b21 -->\n      <h2 class=\"portfolio-title\">\u5582\u9e1f\u5668<\/h2>\n    <\/div>\n\n    <div class=\"portfolio-meta\">\n      <button class=\"portfolio-open\" type=\"button\" aria-haspopup=\"dialog\">\n        \u67e5\u770b<br>3D \u6a21\u578b\n      <\/button>\n\n      <!-- \u3010\u4fee\u65394\u3011\u6848\u4f8b\u8bf4\u660e -->\n      <p class=\"portfolio-description\">\n       \u4e00\u6b3e\u4ee5\u86cb\u58f3\u4e0e\u82b1\u6735\u4e3a\u7075\u611f\u7684\u60ac\u6302\u5f0f\u5582\u9e1f\u5668\uff0c\u4ee5\u5706\u6da6\u5916\u58f3\u4e0e\u73af\u5f62\u6816\u67b6\uff0c\u4e3a\u9e1f\u513f\u63d0\u4f9b\u505c\u7559\u4e0e\u8fdb\u98df\u7a7a\u95f4\uff0c\u8fde\u63a5\u65e5\u5e38\u751f\u6d3b\u4e0e\u81ea\u7136\u3002\n      <\/p>\n\n      <!-- \u3010\u4fee\u65395\u3011\u9879\u76ee\u4fe1\u606f -->\n      <dl class=\"portfolio-facts\">\n        <div>\n          <dt>\u89d2\u8272<\/dt>\n          <dd>\u8bbe\u8ba1\u4e3b\u5bfc<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u5468\u671f<\/dt>\n          <dd>3 \u5468<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u670d\u52a1<\/dt>\n          <dd>\u7b56\u7565 \/ ID \/ CGI<\/dd>\n        <\/div>\n      <\/dl>\n    <\/div>\n  <\/div>\n\n  <!-- \u5f53\u524d\u6848\u4f8b\u76843D\u5f39\u7a97\uff0c\u590d\u5236\u4ea7\u54c1\u65f6\u4e00\u8d77\u590d\u5236 -->\n  <dialog class=\"portfolio-dialog\" aria-label=\"\u4ea7\u54c1\u4ea4\u4e92\u5f0f\u4e09\u7ef4\u6a21\u578b\">\n\n    <div class=\"portfolio-dialog-bar\">\n      <span class=\"portfolio-dialog-label\">\n        \u4ea4\u4e92\u5f0f 3D \u5c55\u793a\n      <\/span>\n\n      <button class=\"portfolio-close\" type=\"button\" autofocus=\"\">\n        \u5173\u95ed\n      <\/button>\n    <\/div>\n\n    <!--\n      \u3010\u4fee\u65396\u30113D\u6a21\u578b\u5730\u5740\uff1a\u53ea\u4fee\u6539 data-src\u3002\n      \u4fdd\u7559 data-src\uff0c\u70b9\u51fb\u6309\u94ae\u540e\u624d\u52a0\u8f7d\u6a21\u578b\u3002\n\n      camera-orbit=\"0deg 75deg 150%\"\n        \u6700\u540e\u7684150%\u63a7\u5236\u521d\u59cb\u8ddd\u79bb\uff0c\u6570\u503c\u8d8a\u5c0f\u6a21\u578b\u8d8a\u5927\u3002\n\n      min-camera-orbit=\"auto auto 100%\"\n        \u6700\u540e\u7684100%\u63a7\u5236\u5141\u8bb8\u653e\u5927\u7684\u6700\u8fd1\u8ddd\u79bb\u3002\n\n      max-camera-orbit=\"auto auto 250%\"\n        \u6700\u540e\u7684250%\u63a7\u5236\u5141\u8bb8\u7f29\u5c0f\u7684\u6700\u8fdc\u8ddd\u79bb\u3002\n\n      exposure=\"1\"\n        \u6a21\u578b\u4eae\u5ea6\uff0c\u6570\u503c\u8d8a\u5927\u8d8a\u4eae\u3002\n\n      rotation-per-second=\"20deg\"\n        \u81ea\u52a8\u65cb\u8f6c\u901f\u5ea6\u3002\n    -->\n    <model-viewer data-src=\"\/models\/bird_feeder.glb\" alt=\"\u53ef\u65cb\u8f6c\u548c\u7f29\u653e\u7684\u4ea7\u54c1\u4e09\u7ef4\u6a21\u578b\" camera-controls=\"\" disable-pan=\"\" camera-target=\"auto auto auto\" camera-orbit=\"0deg 75deg 150%\" min-camera-orbit=\"auto auto 100%\" max-camera-orbit=\"auto auto 250%\" field-of-view=\"35deg\" touch-action=\"pan-y\" rotation-per-second=\"20deg\" shadow-intensity=\"1\" exposure=\"1\" tone-mapping=\"aces\" loading=\"eager\">\n    <\/model-viewer>\n\n    <p class=\"portfolio-load-status\" role=\"status\" aria-live=\"polite\" hidden=\"\">\n      \u6b63\u5728\u8f7d\u5165 3D \u6a21\u578b\u2026\n    <\/p>\n\n    <div class=\"portfolio-hint\">\n      \u62d6\u52a8\u65cb\u8f6c \u00b7 \u6eda\u8f6e\u6216\u53cc\u6307\u7f29\u653e\n    <\/div>\n  <\/dialog>\n<\/section>\n\n\n\n<!--\n  \u4e00\u4e2a section \u5c31\u662f\u4e00\u6b3e\u4ea7\u54c1\uff0c\u65b0\u589e\u6848\u4f8b\u65f6\u590d\u5236\u6574\u4e2a section\u3002\n\n  \u5e38\u7528\u8bbe\u7f6e\uff1a\n  --product-bg\uff1a\u9875\u9762\u80cc\u666f\u8272\n  --product-text\uff1a\u9875\u9762\u6587\u5b57\u989c\u8272\n  --product-image-scale\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-mobile-scale\uff1a\u5e73\u677f\u53ca\u624b\u673a\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-image-x\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u5de6\u53f3\u4f4d\u7f6e\n  --product-image-y\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u4e0a\u4e0b\u4f4d\u7f6e\n  --product-description-align\uff1a\u8bf4\u660e\u6587\u5b57 left\u5de6\u5bf9\u9f50 \/ right\u53f3\u5bf9\u9f50\n  --product-button-gap\uff1a\u7535\u8111\u7aef\u6309\u94ae\u4e0e\u8bf4\u660e\u7684\u95f4\u9694\n  --product-dialog-bg\uff1a3D\u5f39\u7a97\u80cc\u666f\u8272\n  --product-dialog-text\uff1a3D\u5f39\u7a97\u6587\u5b57\u989c\u8272\n-->\n\n<section class=\"portfolio-product\" aria-label=\"\u4ea7\u54c1\u5c55\u793a\" style=\"\n    --product-bg: #485b4d;\n    --product-text: #f2f0e9;\n    --product-image-scale: 1.6;\n    --product-mobile-scale: 1;\n    --product-image-x: 52.1%;\n    --product-image-y: 38%;\n    --product-description-align: left;\n    --product-button-gap: 24px;\n    --product-button-bg: rgba(0, 0, 255, .66);\n    --product-button-text: #f2f0e9;\n    --product-dialog-bg: #10100f;\n    --product-dialog-text: #f2f0e9;\n  \">\n\n  <!-- \u3010\u4fee\u65391\u3011\u6848\u4f8b\u7f16\u53f7\u6216\u5b57\u6bcd -->\n  <p class=\"portfolio-index\" aria-hidden=\"true\">C<\/p>\n\n  <div class=\"portfolio-image\">\n    <!--\n      \u3010\u4fee\u65392\u3011\u4ea7\u54c1\u4e3b\u56fe\u5730\u5740\uff1a\u4fee\u6539 src\u3002\n\n      \u7b2c\u4e00\u6b3e\u4ea7\u54c1\u4f7f\u7528 loading=\"eager\"\uff1b\n      \u540e\u9762\u7684\u4ea7\u54c1\u4f7f\u7528 loading=\"lazy\"\u3002\n    -->\n    <img src=\"\/image\/cng.png\" alt=\"\u4ea7\u54c1\u5916\u89c2\u5c55\u793a\" loading=\"eager\" decoding=\"async\">\n  <\/div>\n\n  <div class=\"portfolio-bottom\">\n    <div class=\"portfolio-heading\">\n      <div class=\"portfolio-eyebrow\">Featured project<\/div>\n\n      <!-- \u3010\u4fee\u65393\u3011\u4ea7\u54c1\u540d\u79f0\uff0c\u6574\u4efd\u6a21\u677f\u53ea\u5728\u8fd9\u91cc\u586b\u5199\u4e00\u6b21 -->\n      <h2 class=\"portfolio-title\">CNG<\/h2>\n    <\/div>\n\n    <div class=\"portfolio-meta\">\n      <button class=\"portfolio-open\" type=\"button\" aria-haspopup=\"dialog\">\n        \u67e5\u770b<br>3D \u6a21\u578b\n      <\/button>\n\n      <!-- \u3010\u4fee\u65394\u3011\u6848\u4f8b\u8bf4\u660e -->\n      <p class=\"portfolio-description\">\n        \u4e00\u7ec4\u9762\u5411\u52a0\u6c14\u7ad9\u7684CNG\u52a0\u6c14\u8bbe\u5907\uff0c\u4ee5\u7b80\u6d01\u9020\u578b\u4e0e\u94f6\u7070\u914d\u8272\u5448\u73b0\u4e13\u4e1a\u8d28\u611f\uff0c\u6e05\u6670\u5212\u5206\u64cd\u4f5c\u533a\u57df\uff0c\u517c\u987e\u4f7f\u7528\u4fbf\u5229\u4e0e\u6574\u4f53\u89c6\u89c9\u79e9\u5e8f\u3002\n      <\/p>\n\n      <!-- \u3010\u4fee\u65395\u3011\u9879\u76ee\u4fe1\u606f -->\n      <dl class=\"portfolio-facts\">\n        <div>\n          <dt>\u89d2\u8272<\/dt>\n          <dd>\u8bbe\u8ba1\u4e3b\u5bfc<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u5468\u671f<\/dt>\n          <dd>3 \u5468<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u670d\u52a1<\/dt>\n          <dd>\u7b56\u7565 \/ ID \/ CGI<\/dd>\n        <\/div>\n      <\/dl>\n    <\/div>\n  <\/div>\n\n  <!-- \u5f53\u524d\u6848\u4f8b\u76843D\u5f39\u7a97\uff0c\u590d\u5236\u4ea7\u54c1\u65f6\u4e00\u8d77\u590d\u5236 -->\n  <dialog class=\"portfolio-dialog\" aria-label=\"\u4ea7\u54c1\u4ea4\u4e92\u5f0f\u4e09\u7ef4\u6a21\u578b\">\n\n    <div class=\"portfolio-dialog-bar\">\n      <span class=\"portfolio-dialog-label\">\n        \u4ea4\u4e92\u5f0f 3D \u5c55\u793a\n      <\/span>\n\n      <button class=\"portfolio-close\" type=\"button\" autofocus=\"\">\n        \u5173\u95ed\n      <\/button>\n    <\/div>\n\n    <!--\n      \u3010\u4fee\u65396\u30113D\u6a21\u578b\u5730\u5740\uff1a\u53ea\u4fee\u6539 data-src\u3002\n      \u4fdd\u7559 data-src\uff0c\u70b9\u51fb\u6309\u94ae\u540e\u624d\u52a0\u8f7d\u6a21\u578b\u3002\n\n      camera-orbit=\"0deg 75deg 150%\"\n        \u6700\u540e\u7684150%\u63a7\u5236\u521d\u59cb\u8ddd\u79bb\uff0c\u6570\u503c\u8d8a\u5c0f\u6a21\u578b\u8d8a\u5927\u3002\n\n      min-camera-orbit=\"auto auto 100%\"\n        \u6700\u540e\u7684100%\u63a7\u5236\u5141\u8bb8\u653e\u5927\u7684\u6700\u8fd1\u8ddd\u79bb\u3002\n\n      max-camera-orbit=\"auto auto 250%\"\n        \u6700\u540e\u7684250%\u63a7\u5236\u5141\u8bb8\u7f29\u5c0f\u7684\u6700\u8fdc\u8ddd\u79bb\u3002\n\n      exposure=\"1\"\n        \u6a21\u578b\u4eae\u5ea6\uff0c\u6570\u503c\u8d8a\u5927\u8d8a\u4eae\u3002\n\n      rotation-per-second=\"20deg\"\n        \u81ea\u52a8\u65cb\u8f6c\u901f\u5ea6\u3002\n    -->\n    <model-viewer data-src=\"\/models\/cng20240619.glb\" alt=\"\u53ef\u65cb\u8f6c\u548c\u7f29\u653e\u7684\u4ea7\u54c1\u4e09\u7ef4\u6a21\u578b\" camera-controls=\"\" disable-pan=\"\" camera-target=\"auto auto auto\" camera-orbit=\"0deg 75deg 150%\" min-camera-orbit=\"auto auto 100%\" max-camera-orbit=\"auto auto 250%\" field-of-view=\"35deg\" touch-action=\"pan-y\" rotation-per-second=\"20deg\" shadow-intensity=\"1\" exposure=\"1\" tone-mapping=\"aces\" loading=\"eager\">\n    <\/model-viewer>\n\n    <p class=\"portfolio-load-status\" role=\"status\" aria-live=\"polite\" hidden=\"\">\n      \u6b63\u5728\u8f7d\u5165 3D \u6a21\u578b\u2026\n    <\/p>\n\n    <div class=\"portfolio-hint\">\n      \u62d6\u52a8\u65cb\u8f6c \u00b7 \u6eda\u8f6e\u6216\u53cc\u6307\u7f29\u653e\n    <\/div>\n  <\/dialog>\n<\/section>\n\n\n\n<!--\n  \u4e00\u4e2a section \u5c31\u662f\u4e00\u6b3e\u4ea7\u54c1\uff0c\u65b0\u589e\u6848\u4f8b\u65f6\u590d\u5236\u6574\u4e2a section\u3002\n\n  \u5e38\u7528\u8bbe\u7f6e\uff1a\n  --product-bg\uff1a\u9875\u9762\u80cc\u666f\u8272\n  --product-text\uff1a\u9875\u9762\u6587\u5b57\u989c\u8272\n  --product-image-scale\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-mobile-scale\uff1a\u5e73\u677f\u53ca\u624b\u673a\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-image-x\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u5de6\u53f3\u4f4d\u7f6e\n  --product-image-y\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u4e0a\u4e0b\u4f4d\u7f6e\n  --product-description-align\uff1a\u8bf4\u660e\u6587\u5b57 left\u5de6\u5bf9\u9f50 \/ right\u53f3\u5bf9\u9f50\n  --product-button-gap\uff1a\u7535\u8111\u7aef\u6309\u94ae\u4e0e\u8bf4\u660e\u7684\u95f4\u9694\n  --product-dialog-bg\uff1a3D\u5f39\u7a97\u80cc\u666f\u8272\n  --product-dialog-text\uff1a3D\u5f39\u7a97\u6587\u5b57\u989c\u8272\n-->\n\n<section class=\"portfolio-product\" aria-label=\"\u4ea7\u54c1\u5c55\u793a\" style=\"\n    --product-bg: #134857;\n    --product-text: #f2f0e9;\n    --product-image-scale: 1.6;\n    --product-mobile-scale: 1;\n    --product-image-x: 52.1%;\n    --product-image-y: 38%;\n    --product-description-align: left;\n    --product-button-gap: 24px;\n    --product-button-bg: rgba(0, 0, 255, .66);\n    --product-button-text: #f2f0e9;\n    --product-dialog-bg: #10100f;\n    --product-dialog-text: #f2f0e9;\n  \">\n\n  <!-- \u3010\u4fee\u65391\u3011\u6848\u4f8b\u7f16\u53f7\u6216\u5b57\u6bcd -->\n  <p class=\"portfolio-index\" aria-hidden=\"true\">D<\/p>\n\n  <div class=\"portfolio-image\">\n    <!--\n      \u3010\u4fee\u65392\u3011\u4ea7\u54c1\u4e3b\u56fe\u5730\u5740\uff1a\u4fee\u6539 src\u3002\n\n      \u7b2c\u4e00\u6b3e\u4ea7\u54c1\u4f7f\u7528 loading=\"eager\"\uff1b\n      \u540e\u9762\u7684\u4ea7\u54c1\u4f7f\u7528 loading=\"lazy\"\u3002\n    -->\n    <img src=\"\/image\/loong.png\" alt=\"\u4ea7\u54c1\u5916\u89c2\u5c55\u793a\" loading=\"eager\" decoding=\"async\">\n  <\/div>\n\n  <div class=\"portfolio-bottom\">\n    <div class=\"portfolio-heading\">\n      <div class=\"portfolio-eyebrow\">Featured project<\/div>\n\n      <!-- \u3010\u4fee\u65393\u3011\u4ea7\u54c1\u540d\u79f0\uff0c\u6574\u4efd\u6a21\u677f\u53ea\u5728\u8fd9\u91cc\u586b\u5199\u4e00\u6b21 -->\n      <h2 class=\"portfolio-title\">\u6c34\u4e0a\u65e0\u4eba\u673a<\/h2>\n    <\/div>\n\n    <div class=\"portfolio-meta\">\n      <button class=\"portfolio-open\" type=\"button\" aria-haspopup=\"dialog\">\n        \u67e5\u770b<br>3D \u6a21\u578b\n      <\/button>\n\n      <!-- \u3010\u4fee\u65394\u3011\u6848\u4f8b\u8bf4\u660e -->\n      <p class=\"portfolio-description\">\n        \u4e00\u6b3e\u9762\u5411\u6c34\u4e0a\u4f5c\u4e1a\u7684\u65e0\u4eba\u673a\uff0c\u4ee5\u6d41\u7ebf\u578b\u673a\u8eab\u4e0e\u4e24\u4fa7\u6d6e\u4f53\u6784\u5efa\u8f7b\u5de7\u59ff\u6001\uff0c\u767d\u8272\u4e3b\u4f53\u642d\u914d\u7ea2\u84dd\u70b9\u7f00\uff0c\u517c\u987e\u529f\u80fd\u8868\u8fbe\u4e0e\u6c34\u9762\u8fa8\u8bc6\u5ea6\u3002\n      <\/p>\n\n      <!-- \u3010\u4fee\u65395\u3011\u9879\u76ee\u4fe1\u606f -->\n      <dl class=\"portfolio-facts\">\n        <div>\n          <dt>\u89d2\u8272<\/dt>\n          <dd>\u8bbe\u8ba1\u4e3b\u5bfc<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u5468\u671f<\/dt>\n          <dd>3 \u5468<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u670d\u52a1<\/dt>\n          <dd>\u7b56\u7565 \/ ID \/ CGI<\/dd>\n        <\/div>\n      <\/dl>\n    <\/div>\n  <\/div>\n\n  <!-- \u5f53\u524d\u6848\u4f8b\u76843D\u5f39\u7a97\uff0c\u590d\u5236\u4ea7\u54c1\u65f6\u4e00\u8d77\u590d\u5236 -->\n  <dialog class=\"portfolio-dialog\" aria-label=\"\u4ea7\u54c1\u4ea4\u4e92\u5f0f\u4e09\u7ef4\u6a21\u578b\">\n\n    <div class=\"portfolio-dialog-bar\">\n      <span class=\"portfolio-dialog-label\">\n        \u4ea4\u4e92\u5f0f 3D \u5c55\u793a\n      <\/span>\n\n      <button class=\"portfolio-close\" type=\"button\" autofocus=\"\">\n        \u5173\u95ed\n      <\/button>\n    <\/div>\n\n    <!--\n      \u3010\u4fee\u65396\u30113D\u6a21\u578b\u5730\u5740\uff1a\u53ea\u4fee\u6539 data-src\u3002\n      \u4fdd\u7559 data-src\uff0c\u70b9\u51fb\u6309\u94ae\u540e\u624d\u52a0\u8f7d\u6a21\u578b\u3002\n\n      camera-orbit=\"0deg 75deg 150%\"\n        \u6700\u540e\u7684150%\u63a7\u5236\u521d\u59cb\u8ddd\u79bb\uff0c\u6570\u503c\u8d8a\u5c0f\u6a21\u578b\u8d8a\u5927\u3002\n\n      min-camera-orbit=\"auto auto 100%\"\n        \u6700\u540e\u7684100%\u63a7\u5236\u5141\u8bb8\u653e\u5927\u7684\u6700\u8fd1\u8ddd\u79bb\u3002\n\n      max-camera-orbit=\"auto auto 250%\"\n        \u6700\u540e\u7684250%\u63a7\u5236\u5141\u8bb8\u7f29\u5c0f\u7684\u6700\u8fdc\u8ddd\u79bb\u3002\n\n      exposure=\"1\"\n        \u6a21\u578b\u4eae\u5ea6\uff0c\u6570\u503c\u8d8a\u5927\u8d8a\u4eae\u3002\n\n      rotation-per-second=\"20deg\"\n        \u81ea\u52a8\u65cb\u8f6c\u901f\u5ea6\u3002\n    -->\n    <model-viewer data-src=\"\/models\/loong.glb\" alt=\"\u53ef\u65cb\u8f6c\u548c\u7f29\u653e\u7684\u4ea7\u54c1\u4e09\u7ef4\u6a21\u578b\" camera-controls=\"\" disable-pan=\"\" camera-target=\"auto auto auto\" camera-orbit=\"0deg 75deg 150%\" min-camera-orbit=\"auto auto 100%\" max-camera-orbit=\"auto auto 250%\" field-of-view=\"35deg\" touch-action=\"pan-y\" rotation-per-second=\"20deg\" shadow-intensity=\"1\" exposure=\"1\" tone-mapping=\"aces\" loading=\"eager\">\n    <\/model-viewer>\n\n    <p class=\"portfolio-load-status\" role=\"status\" aria-live=\"polite\" hidden=\"\">\n      \u6b63\u5728\u8f7d\u5165 3D \u6a21\u578b\u2026\n    <\/p>\n\n    <div class=\"portfolio-hint\">\n      \u62d6\u52a8\u65cb\u8f6c \u00b7 \u6eda\u8f6e\u6216\u53cc\u6307\u7f29\u653e\n    <\/div>\n  <\/dialog>\n<\/section>\n\n\n\n<!--\n  \u4e00\u4e2a section \u5c31\u662f\u4e00\u6b3e\u4ea7\u54c1\uff0c\u65b0\u589e\u6848\u4f8b\u65f6\u590d\u5236\u6574\u4e2a section\u3002\n\n  \u5e38\u7528\u8bbe\u7f6e\uff1a\n  --product-bg\uff1a\u9875\u9762\u80cc\u666f\u8272\n  --product-text\uff1a\u9875\u9762\u6587\u5b57\u989c\u8272\n  --product-image-scale\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-mobile-scale\uff1a\u5e73\u677f\u53ca\u624b\u673a\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-image-x\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u5de6\u53f3\u4f4d\u7f6e\n  --product-image-y\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u4e0a\u4e0b\u4f4d\u7f6e\n  --product-description-align\uff1a\u8bf4\u660e\u6587\u5b57 left\u5de6\u5bf9\u9f50 \/ right\u53f3\u5bf9\u9f50\n  --product-button-gap\uff1a\u7535\u8111\u7aef\u6309\u94ae\u4e0e\u8bf4\u660e\u7684\u95f4\u9694\n  --product-dialog-bg\uff1a3D\u5f39\u7a97\u80cc\u666f\u8272\n  --product-dialog-text\uff1a3D\u5f39\u7a97\u6587\u5b57\u989c\u8272\n-->\n\n<section class=\"portfolio-product\" aria-label=\"\u4ea7\u54c1\u5c55\u793a\" style=\"\n    --product-bg: #411c35;\n    --product-text: #f2f0e9;\n    --product-image-scale: 1.6;\n    --product-mobile-scale: 1;\n    --product-image-x: 52.1%;\n    --product-image-y: 50%;\n    --product-description-align: left;\n    --product-button-gap: 24px;\n    --product-button-bg: rgba(0, 0, 255, .66);\n    --product-button-text: #f2f0e9;\n    --product-dialog-bg: #10100f;\n    --product-dialog-text: #f2f0e9;\n  \">\n\n  <!-- \u3010\u4fee\u65391\u3011\u6848\u4f8b\u7f16\u53f7\u6216\u5b57\u6bcd -->\n  <p class=\"portfolio-index\" aria-hidden=\"true\">E<\/p>\n\n  <div class=\"portfolio-image\">\n    <!--\n      \u3010\u4fee\u65392\u3011\u4ea7\u54c1\u4e3b\u56fe\u5730\u5740\uff1a\u4fee\u6539 src\u3002\n\n      \u7b2c\u4e00\u6b3e\u4ea7\u54c1\u4f7f\u7528 loading=\"eager\"\uff1b\n      \u540e\u9762\u7684\u4ea7\u54c1\u4f7f\u7528 loading=\"lazy\"\u3002\n    -->\n    <img src=\"\/image\/miewenqi.png\" alt=\"\u4ea7\u54c1\u5916\u89c2\u5c55\u793a\" loading=\"eager\" decoding=\"async\">\n  <\/div>\n\n  <div class=\"portfolio-bottom\">\n    <div class=\"portfolio-heading\">\n      <div class=\"portfolio-eyebrow\">Featured project<\/div>\n\n      <!-- \u3010\u4fee\u65393\u3011\u4ea7\u54c1\u540d\u79f0\uff0c\u6574\u4efd\u6a21\u677f\u53ea\u5728\u8fd9\u91cc\u586b\u5199\u4e00\u6b21 -->\n      <h2 class=\"portfolio-title\">\u706d\u868a\u5668<\/h2>\n    <\/div>\n\n    <div class=\"portfolio-meta\">\n      <button class=\"portfolio-open\" type=\"button\" aria-haspopup=\"dialog\">\n        \u67e5\u770b<br>3D \u6a21\u578b\n      <\/button>\n\n      <!-- \u3010\u4fee\u65394\u3011\u6848\u4f8b\u8bf4\u660e -->\n      <p class=\"portfolio-description\">\n       \u4e00\u6b3e\u91c7\u7528\u5c42\u53e0\u683c\u6805\u8bbe\u8ba1\u7684\u706d\u868a\u5668\uff0c\u4ee5\u9ed1\u767d\u914d\u8272\u4e0e\u5706\u6da6\u673a\u8eab\u5448\u73b0\u7b80\u6d01\u8d28\u611f\uff0c\u73af\u7ed5\u5f0f\u5f00\u53e3\u900f\u51fa\u7d2b\u8272\u8bf1\u868a\u5149\uff0c\u517c\u987e\u529f\u80fd\u8868\u8fbe\u4e0e\u5bb6\u5c45\u878d\u5408\u3002\n      <\/p>\n\n      <!-- \u3010\u4fee\u65395\u3011\u9879\u76ee\u4fe1\u606f -->\n      <dl class=\"portfolio-facts\">\n        <div>\n          <dt>\u89d2\u8272<\/dt>\n          <dd>\u8bbe\u8ba1\u4e3b\u5bfc<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u5468\u671f<\/dt>\n          <dd>3 \u5468<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u670d\u52a1<\/dt>\n          <dd>\u7b56\u7565 \/ ID \/ CGI<\/dd>\n        <\/div>\n      <\/dl>\n    <\/div>\n  <\/div>\n\n  <!-- \u5f53\u524d\u6848\u4f8b\u76843D\u5f39\u7a97\uff0c\u590d\u5236\u4ea7\u54c1\u65f6\u4e00\u8d77\u590d\u5236 -->\n  <dialog class=\"portfolio-dialog\" aria-label=\"\u4ea7\u54c1\u4ea4\u4e92\u5f0f\u4e09\u7ef4\u6a21\u578b\">\n\n    <div class=\"portfolio-dialog-bar\">\n      <span class=\"portfolio-dialog-label\">\n        \u4ea4\u4e92\u5f0f 3D \u5c55\u793a\n      <\/span>\n\n      <button class=\"portfolio-close\" type=\"button\" autofocus=\"\">\n        \u5173\u95ed\n      <\/button>\n    <\/div>\n\n    <!--\n      \u3010\u4fee\u65396\u30113D\u6a21\u578b\u5730\u5740\uff1a\u53ea\u4fee\u6539 data-src\u3002\n      \u4fdd\u7559 data-src\uff0c\u70b9\u51fb\u6309\u94ae\u540e\u624d\u52a0\u8f7d\u6a21\u578b\u3002\n\n      camera-orbit=\"0deg 75deg 150%\"\n        \u6700\u540e\u7684150%\u63a7\u5236\u521d\u59cb\u8ddd\u79bb\uff0c\u6570\u503c\u8d8a\u5c0f\u6a21\u578b\u8d8a\u5927\u3002\n\n      min-camera-orbit=\"auto auto 100%\"\n        \u6700\u540e\u7684100%\u63a7\u5236\u5141\u8bb8\u653e\u5927\u7684\u6700\u8fd1\u8ddd\u79bb\u3002\n\n      max-camera-orbit=\"auto auto 250%\"\n        \u6700\u540e\u7684250%\u63a7\u5236\u5141\u8bb8\u7f29\u5c0f\u7684\u6700\u8fdc\u8ddd\u79bb\u3002\n\n      exposure=\"1\"\n        \u6a21\u578b\u4eae\u5ea6\uff0c\u6570\u503c\u8d8a\u5927\u8d8a\u4eae\u3002\n\n      rotation-per-second=\"20deg\"\n        \u81ea\u52a8\u65cb\u8f6c\u901f\u5ea6\u3002\n    -->\n    <model-viewer data-src=\"\/models\/miewenqi_1.glb\" alt=\"\u53ef\u65cb\u8f6c\u548c\u7f29\u653e\u7684\u4ea7\u54c1\u4e09\u7ef4\u6a21\u578b\" camera-controls=\"\" disable-pan=\"\" camera-target=\"auto auto auto\" camera-orbit=\"0deg 75deg 150%\" min-camera-orbit=\"auto auto 100%\" max-camera-orbit=\"auto auto 250%\" field-of-view=\"35deg\" touch-action=\"pan-y\" rotation-per-second=\"20deg\" shadow-intensity=\"1\" exposure=\"1\" tone-mapping=\"aces\" loading=\"eager\">\n    <\/model-viewer>\n\n    <p class=\"portfolio-load-status\" role=\"status\" aria-live=\"polite\" hidden=\"\">\n      \u6b63\u5728\u8f7d\u5165 3D \u6a21\u578b\u2026\n    <\/p>\n\n    <div class=\"portfolio-hint\">\n      \u62d6\u52a8\u65cb\u8f6c \u00b7 \u6eda\u8f6e\u6216\u53cc\u6307\u7f29\u653e\n    <\/div>\n  <\/dialog>\n<\/section>\n\n\n\n<!--\n  \u4e00\u4e2a section \u5c31\u662f\u4e00\u6b3e\u4ea7\u54c1\uff0c\u65b0\u589e\u6848\u4f8b\u65f6\u590d\u5236\u6574\u4e2a section\u3002\n\n  \u5e38\u7528\u8bbe\u7f6e\uff1a\n  --product-bg\uff1a\u9875\u9762\u80cc\u666f\u8272\n  --product-text\uff1a\u9875\u9762\u6587\u5b57\u989c\u8272\n  --product-image-scale\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-mobile-scale\uff1a\u5e73\u677f\u53ca\u624b\u673a\u7aef\u4e3b\u56fe\u7f29\u653e\n  --product-image-x\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u5de6\u53f3\u4f4d\u7f6e\n  --product-image-y\uff1a\u7535\u8111\u7aef\u4e3b\u56fe\u4e0a\u4e0b\u4f4d\u7f6e\n  --product-description-align\uff1a\u8bf4\u660e\u6587\u5b57 left\u5de6\u5bf9\u9f50 \/ right\u53f3\u5bf9\u9f50\n  --product-button-gap\uff1a\u7535\u8111\u7aef\u6309\u94ae\u4e0e\u8bf4\u660e\u7684\u95f4\u9694\n  --product-dialog-bg\uff1a3D\u5f39\u7a97\u80cc\u666f\u8272\n  --product-dialog-text\uff1a3D\u5f39\u7a97\u6587\u5b57\u989c\u8272\n-->\n\n<section class=\"portfolio-product\" aria-label=\"\u4ea7\u54c1\u5c55\u793a\" style=\"\n    --product-bg: #474b4c;\n    --product-text: #f2f0e9;\n    --product-image-scale: 1.6;\n    --product-mobile-scale: 1;\n    --product-image-x: 52.1%;\n    --product-image-y: 38%;\n    --product-description-align: left;\n    --product-button-gap: 24px;\n    --product-button-bg: rgba(0, 0, 255, .66);\n    --product-button-text: #f2f0e9;\n    --product-dialog-bg: #10100f;\n    --product-dialog-text: #f2f0e9;\n  \">\n\n  <!-- \u3010\u4fee\u65391\u3011\u6848\u4f8b\u7f16\u53f7\u6216\u5b57\u6bcd -->\n  <p class=\"portfolio-index\" aria-hidden=\"true\">F<\/p>\n\n  <div class=\"portfolio-image\">\n    <!--\n      \u3010\u4fee\u65392\u3011\u4ea7\u54c1\u4e3b\u56fe\u5730\u5740\uff1a\u4fee\u6539 src\u3002\n\n      \u7b2c\u4e00\u6b3e\u4ea7\u54c1\u4f7f\u7528 loading=\"eager\"\uff1b\n      \u540e\u9762\u7684\u4ea7\u54c1\u4f7f\u7528 loading=\"lazy\"\u3002\n    -->\n    <img src=\"\/image\/jzyb.png\" alt=\"\u4ea7\u54c1\u5916\u89c2\u5c55\u793a\" loading=\"eager\" decoding=\"async\">\n  <\/div>\n\n  <div class=\"portfolio-bottom\">\n    <div class=\"portfolio-heading\">\n      <div class=\"portfolio-eyebrow\">Featured project<\/div>\n\n      <!-- \u3010\u4fee\u65393\u3011\u4ea7\u54c1\u540d\u79f0\uff0c\u6574\u4efd\u6a21\u677f\u53ea\u5728\u8fd9\u91cc\u586b\u5199\u4e00\u6b21 -->\n      <h2 class=\"portfolio-title\">\u667a\u80fd\u6c34\u8868<\/h2>\n    <\/div>\n\n    <div class=\"portfolio-meta\">\n      <button class=\"portfolio-open\" type=\"button\" aria-haspopup=\"dialog\">\n        \u67e5\u770b<br>3D \u6a21\u578b\n      <\/button>\n\n      <!-- \u3010\u4fee\u65394\u3011\u6848\u4f8b\u8bf4\u660e -->\n      <p class=\"portfolio-description\">\n        \u4e00\u6b3e\u91c7\u7528\u84dd\u767d\u914d\u8272\u7684\u667a\u80fd\u6c34\u8868\uff0c\u4ee5\u7d27\u51d1\u673a\u8eab\u4e0e\u5706\u6da6\u8f6e\u5ed3\u5448\u73b0\u7b80\u6d01\u8d28\u611f\uff0c\u9876\u90e8\u96c6\u4e2d\u5e03\u5c40\u8bfb\u6570\u4e0e\u611f\u5e94\u533a\u57df\uff0c\u8ba9\u7528\u6c34\u4fe1\u606f\u67e5\u770b\u66f4\u52a0\u76f4\u89c2\u3002\n      <\/p>\n\n      <!-- \u3010\u4fee\u65395\u3011\u9879\u76ee\u4fe1\u606f -->\n      <dl class=\"portfolio-facts\">\n        <div>\n          <dt>\u89d2\u8272<\/dt>\n          <dd>\u8bbe\u8ba1\u4e3b\u5bfc<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u5468\u671f<\/dt>\n          <dd>3 \u5468<\/dd>\n        <\/div>\n\n        <div>\n          <dt>\u670d\u52a1<\/dt>\n          <dd>\u7b56\u7565 \/ ID \/ CGI<\/dd>\n        <\/div>\n      <\/dl>\n    <\/div>\n  <\/div>\n\n  <!-- \u5f53\u524d\u6848\u4f8b\u76843D\u5f39\u7a97\uff0c\u590d\u5236\u4ea7\u54c1\u65f6\u4e00\u8d77\u590d\u5236 -->\n  <dialog class=\"portfolio-dialog\" aria-label=\"\u4ea7\u54c1\u4ea4\u4e92\u5f0f\u4e09\u7ef4\u6a21\u578b\">\n\n    <div class=\"portfolio-dialog-bar\">\n      <span class=\"portfolio-dialog-label\">\n        \u4ea4\u4e92\u5f0f 3D \u5c55\u793a\n      <\/span>\n\n      <button class=\"portfolio-close\" type=\"button\" autofocus=\"\">\n        \u5173\u95ed\n      <\/button>\n    <\/div>\n\n    <!--\n      \u3010\u4fee\u65396\u30113D\u6a21\u578b\u5730\u5740\uff1a\u53ea\u4fee\u6539 data-src\u3002\n      \u4fdd\u7559 data-src\uff0c\u70b9\u51fb\u6309\u94ae\u540e\u624d\u52a0\u8f7d\u6a21\u578b\u3002\n\n      camera-orbit=\"0deg 75deg 150%\"\n        \u6700\u540e\u7684150%\u63a7\u5236\u521d\u59cb\u8ddd\u79bb\uff0c\u6570\u503c\u8d8a\u5c0f\u6a21\u578b\u8d8a\u5927\u3002\n\n      min-camera-orbit=\"auto auto 100%\"\n        \u6700\u540e\u7684100%\u63a7\u5236\u5141\u8bb8\u653e\u5927\u7684\u6700\u8fd1\u8ddd\u79bb\u3002\n\n      max-camera-orbit=\"auto auto 250%\"\n        \u6700\u540e\u7684250%\u63a7\u5236\u5141\u8bb8\u7f29\u5c0f\u7684\u6700\u8fdc\u8ddd\u79bb\u3002\n\n      exposure=\"1\"\n        \u6a21\u578b\u4eae\u5ea6\uff0c\u6570\u503c\u8d8a\u5927\u8d8a\u4eae\u3002\n\n      rotation-per-second=\"20deg\"\n        \u81ea\u52a8\u65cb\u8f6c\u901f\u5ea6\u3002\n    -->\n    <model-viewer data-src=\"\/models\/jzyb.glb\" alt=\"\u53ef\u65cb\u8f6c\u548c\u7f29\u653e\u7684\u4ea7\u54c1\u4e09\u7ef4\u6a21\u578b\" camera-controls=\"\" disable-pan=\"\" camera-target=\"auto auto auto\" camera-orbit=\"0deg 75deg 150%\" min-camera-orbit=\"auto auto 100%\" max-camera-orbit=\"auto auto 250%\" field-of-view=\"35deg\" touch-action=\"pan-y\" rotation-per-second=\"20deg\" shadow-intensity=\"1\" exposure=\"1\" tone-mapping=\"aces\" loading=\"eager\">\n    <\/model-viewer>\n\n    <p class=\"portfolio-load-status\" role=\"status\" aria-live=\"polite\" hidden=\"\">\n      \u6b63\u5728\u8f7d\u5165 3D \u6a21\u578b\u2026\n    <\/p>\n\n    <div class=\"portfolio-hint\">\n      \u62d6\u52a8\u65cb\u8f6c \u00b7 \u6eda\u8f6e\u6216\u53cc\u6307\u7f29\u653e\n    <\/div>\n  <\/dialog>\n<\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A Featured project \u9065\u63a7\u5668 \u67e5\u770b3D \u6a21\u578b \u4e00\u6b3e\u7528\u4e8e\u6c99\u76d8\u4ea4\u4e92\u6f14\u793a\u7684\u624b\u6301\u63a7\u5236\u5668\u3002\u901a\u8fc7\u76f4\u89c2\u7684\u6309\u952e [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-134","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/idliuling.top\/index.php\/wp-json\/wp\/v2\/pages\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/idliuling.top\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/idliuling.top\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/idliuling.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/idliuling.top\/index.php\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":80,"href":"https:\/\/idliuling.top\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions"}],"predecessor-version":[{"id":331,"href":"https:\/\/idliuling.top\/index.php\/wp-json\/wp\/v2\/pages\/134\/revisions\/331"}],"wp:attachment":[{"href":"https:\/\/idliuling.top\/index.php\/wp-json\/wp\/v2\/media?parent=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}