\u7ff0\u8c6b\u5ba4\u5167\u88dd\u4fee\u8a2d\u8a08\u6709\u9650\u516c\u53f8\uff5c\u9996\u9801\u512a\u5316\u9810\u89bd<\/title>\n <style>\n :root {\n --ink: #18202a;\n --muted: #5e6671;\n --line: #e4e0d8;\n --paper: #f8f6f1;\n --white: #ffffff;\n --gold: #c68b44;\n --deep: #263341;\n --green: #768476;\n --shadow: 0 22px 60px rgba(24, 32, 42, 0.14);\n font-family: \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n color: var(--ink);\n background: var(--paper);\n letter-spacing: 0;\n }\n\n @keyframes hero-zoom {\n from { transform: scale(1); }\n to { transform: scale(1.055); }\n }\n\n @keyframes rise-in {\n from {\n opacity: 0;\n transform: translateY(22px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes wave-scan {\n from { transform: translateX(-18%); }\n to { transform: translateX(18%); }\n }\n\n @keyframes hero-slide {\n 0%, 16% { opacity: 1; transform: scale(1.02); }\n 21%, 96% { opacity: 0; transform: scale(1.07); }\n 100% { opacity: 1; transform: scale(1.02); }\n }\n\n @keyframes wave-draw {\n 0% { stroke-dashoffset: 980; opacity: 0; }\n 18%, 72% { opacity: 0.82; }\n 100% { stroke-dashoffset: 0; opacity: 0; }\n }\n\n @keyframes ripple-pulse {\n 0% { transform: translate(-50%, -50%) scale(0.48); opacity: 0; }\n 28% { opacity: 0.62; }\n 100% { transform: translate(-50%, -50%) scale(1.75); opacity: 0; }\n }\n\n @keyframes bar-listen {\n 0%, 100% { transform: scaleY(0.36); opacity: 0.52; }\n 50% { transform: scaleY(1); opacity: 1; }\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n img {\n max-width: 100%;\n display: block;\n }\n\n .site-header {\n position: sticky;\n top: 0;\n z-index: 20;\n border-bottom: 1px solid rgba(228, 224, 216, 0.85);\n background: rgba(248, 246, 241, 0.92);\n backdrop-filter: blur(18px);\n }\n\n .nav {\n width: min(1180px, calc(100% - 48px));\n height: 82px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n }\n\n .brand img {\n width: 166px;\n height: auto;\n }\n\n .menu {\n display: flex;\n align-items: center;\n gap: 26px;\n font-size: 15px;\n font-weight: 600;\n color: #2d3540;\n white-space: nowrap;\n }\n\n .menu a {\n position: relative;\n padding: 9px 0;\n }\n\n .menu a::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: var(--gold);\n transition: width 180ms ease;\n }\n\n .menu a:hover::after,\n .menu a.is-active::after {\n width: 100%;\n }\n\n .nav-action {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 42px;\n padding: 0 18px;\n border: 1px solid var(--ink);\n color: var(--ink);\n font-weight: 700;\n font-size: 14px;\n }\n\n .nav-tools {\n display: flex;\n align-items: center;\n gap: 14px;\n flex: 0 0 auto;\n }\n\n .social-links {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .social-links a {\n display: inline-grid;\n place-items: center;\n width: 34px;\n height: 34px;\n border: 1px solid rgba(38, 51, 65, 0.24);\n border-radius: 999px;\n color: var(--deep);\n background: rgba(255, 255, 255, 0.56);\n transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;\n }\n\n .social-links a:hover {\n transform: translateY(-2px);\n border-color: rgba(198, 139, 68, 0.72);\n background: rgba(255, 255, 255, 0.92);\n }\n\n .social-links svg {\n width: 16px;\n height: 16px;\n fill: currentColor;\n }\n\n .hero {\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 0;\n min-height: calc(100svh - 82px);\n display: grid;\n align-items: end;\n position: relative;\n isolation: isolate;\n overflow: hidden;\n background: #171e26;\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -2;\n background:\n linear-gradient(90deg, rgba(10, 15, 21, 0.92) 0%, rgba(12, 18, 25, 0.78) 35%, rgba(12, 18, 25, 0.38) 64%, rgba(12, 18, 25, 0.16) 100%),\n linear-gradient(0deg, rgba(10, 15, 21, 0.34), rgba(10, 15, 21, 0.04));\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n inset: auto 0 0;\n height: 34%;\n background: linear-gradient(0deg, rgba(248, 246, 241, 1), rgba(248, 246, 241, 0));\n z-index: -1;\n }\n\n .hero-slider {\n position: absolute;\n inset: 0;\n z-index: -3;\n background: #111820;\n }\n\n .hero-slide {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n opacity: 0;\n animation: hero-slide 35s ease-in-out infinite;\n transform-origin: center;\n will-change: opacity, transform;\n }\n\n .hero-slide:nth-child(1) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-conference-hall.png\");\n animation-delay: 0s;\n }\n\n .hero-slide:nth-child(2) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-auditorium-av.png\");\n animation-delay: 7s;\n }\n\n .hero-slide:nth-child(3) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-concert-hall.png\");\n animation-delay: 14s;\n }\n\n .hero-slide:nth-child(4) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-school-auditorium.png\");\n animation-delay: 21s;\n }\n\n .hero-slide:nth-child(5) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-cinema-room.png\");\n animation-delay: 28s;\n }\n\n .hero-wave {\n position: absolute;\n left: -6%;\n right: -6%;\n top: 15%;\n height: 54%;\n z-index: 1;\n opacity: 0.72;\n overflow: hidden;\n pointer-events: none;\n mix-blend-mode: screen;\n }\n\n .hero-wave svg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n filter: drop-shadow(0 0 22px rgba(243, 215, 173, 0.22));\n }\n\n .wave-path {\n fill: none;\n stroke: rgba(243, 215, 173, 0.72);\n stroke-width: 2.4;\n stroke-linecap: round;\n stroke-dasharray: 980;\n animation: wave-draw 4.8s ease-in-out infinite;\n }\n\n .wave-path:nth-child(2) {\n stroke: rgba(255, 255, 255, 0.52);\n animation-delay: 700ms;\n }\n\n .wave-path:nth-child(3) {\n stroke: rgba(198, 139, 68, 0.88);\n animation-delay: 1400ms;\n }\n\n .sound-ripple {\n position: absolute;\n left: 22%;\n top: 50%;\n width: 170px;\n height: 170px;\n border: 1px solid rgba(243, 215, 173, 0.55);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: ripple-pulse 3.8s ease-out infinite;\n }\n\n .sound-ripple:nth-of-type(2) {\n animation-delay: 850ms;\n }\n\n .sound-ripple:nth-of-type(3) {\n animation-delay: 1700ms;\n }\n\n .hero-inner {\n width: min(1180px, calc(100% - 48px));\n margin: 0 auto;\n padding: 92px 0 70px;\n color: var(--white);\n position: relative;\n z-index: 2;\n animation: rise-in 700ms ease both;\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 22px;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: 0.08em;\n color: #f3d7ad;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 42px;\n height: 1px;\n background: currentColor;\n }\n\n .hero h1 {\n max-width: 720px;\n margin: 0;\n font-size: clamp(38px, 5vw, 64px);\n line-height: 1.14;\n font-weight: 800;\n color: #fff !important;\n text-shadow: 0 4px 34px rgba(0, 0, 0, 0.92), 0 1px 2px rgba(0, 0, 0, 0.72);\n }\n\n .hero p {\n max-width: 610px;\n margin: 24px 0 0;\n color: rgba(255, 255, 255, 0.92);\n font-size: 20px;\n line-height: 1.85;\n text-shadow: 0 2px 16px rgba(0, 0, 0, 0.68);\n }\n\n .venue-list {\n display: flex;\n flex-wrap: wrap;\n gap: 9px;\n max-width: 740px;\n margin-top: 24px;\n }\n\n .venue-list span {\n padding: 8px 11px;\n border: 1px solid rgba(243, 215, 173, 0.48);\n background: rgba(10, 15, 21, 0.42);\n color: rgba(255, 255, 255, 0.94);\n font-size: 13px;\n font-weight: 800;\n backdrop-filter: blur(10px);\n }\n\n .hero-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 36px;\n }\n\n .sound-bars {\n display: inline-grid;\n grid-auto-flow: column;\n align-items: end;\n gap: 5px;\n height: 28px;\n margin-left: 16px;\n vertical-align: middle;\n }\n\n .sound-bars i {\n display: block;\n width: 4px;\n height: 100%;\n background: #f3d7ad;\n transform-origin: bottom;\n animation: bar-listen 1.2s ease-in-out infinite;\n }\n\n .sound-bars i:nth-child(2) { animation-delay: 120ms; }\n .sound-bars i:nth-child(3) { animation-delay: 240ms; }\n .sound-bars i:nth-child(4) { animation-delay: 360ms; }\n .sound-bars i:nth-child(5) { animation-delay: 480ms; }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 48px;\n padding: 0 22px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: transform 160ms ease, background 160ms ease, color 160ms ease;\n }\n\n .button:hover {\n transform: translateY(-1px);\n }\n\n .button.primary {\n background: var(--gold);\n color: #1f1710;\n }\n\n .button.secondary {\n border-color: rgba(255, 255, 255, 0.45);\n color: var(--white);\n }\n\n .proof {\n width: min(1180px, calc(100% - 48px));\n margin: -38px auto 0;\n position: relative;\n z-index: 5;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n background: var(--white);\n box-shadow: var(--shadow);\n border: 1px solid rgba(228, 224, 216, 0.78);\n }\n\n .proof-item {\n padding: 26px 30px;\n border-right: 1px solid var(--line);\n animation: rise-in 620ms ease both;\n }\n\n .proof-item:nth-child(2) {\n animation-delay: 90ms;\n }\n\n .proof-item:nth-child(3) {\n animation-delay: 180ms;\n }\n\n .proof-item:last-child {\n border-right: 0;\n }\n\n .proof strong {\n display: block;\n font-size: 28px;\n line-height: 1;\n color: var(--deep);\n }\n\n .proof span {\n display: block;\n margin-top: 10px;\n color: var(--muted);\n line-height: 1.6;\n font-size: 14px;\n }\n\n section {\n width: min(1180px, calc(100% - 48px));\n margin: 0 auto;\n padding: 88px 0;\n }\n\n .section-kicker {\n margin: 0 0 12px;\n color: var(--gold);\n font-weight: 800;\n font-size: 13px;\n letter-spacing: 0.1em;\n }\n\n .section-title {\n max-width: 720px;\n margin: 0;\n font-size: clamp(30px, 3.6vw, 46px);\n line-height: 1.22;\n color: var(--ink);\n }\n\n .intro {\n display: grid;\n grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);\n gap: 64px;\n align-items: center;\n }\n\n .intro-photo {\n aspect-ratio: 1 \/ 1;\n overflow: hidden;\n box-shadow: var(--shadow);\n position: relative;\n }\n\n .intro-photo::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(120deg, transparent 0 42%, rgba(255,255,255,0.32) 48%, transparent 54% 100%);\n transform: translateX(-100%);\n transition: transform 720ms ease;\n }\n\n .intro-photo:hover::after {\n transform: translateX(100%);\n }\n\n .intro-photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .intro-copy p {\n margin: 20px 0 0;\n color: var(--muted);\n font-size: 17px;\n line-height: 1.95;\n }\n\n .service-grid {\n margin-top: 38px;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n\n .service {\n min-height: 172px;\n padding: 24px;\n border: 1px solid var(--line);\n background: rgba(255, 255, 255, 0.7);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\n }\n\n .service:hover {\n transform: translateY(-6px);\n border-color: rgba(198, 139, 68, 0.7);\n box-shadow: 0 18px 42px rgba(24, 32, 42, 0.1);\n }\n\n .service b {\n display: block;\n color: var(--deep);\n font-size: 20px;\n }\n\n .service span {\n color: var(--muted);\n line-height: 1.7;\n font-size: 14px;\n }\n\n .odeon-lab {\n display: grid;\n grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\n gap: 58px;\n align-items: center;\n padding-top: 0;\n }\n\n .odeon-copy p {\n margin: 20px 0 0;\n color: var(--muted);\n font-size: 17px;\n line-height: 1.95;\n }\n\n .odeon-points {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n margin-top: 28px;\n }\n\n .odeon-points span {\n padding: 14px 12px;\n border: 1px solid var(--line);\n background: rgba(255, 255, 255, 0.72);\n color: var(--deep);\n font-weight: 800;\n text-align: center;\n font-size: 14px;\n }\n\n .odeon-workflow {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 10px;\n margin-top: 16px;\n }\n\n .odeon-workflow span {\n min-height: 76px;\n padding: 13px 12px;\n border: 1px solid rgba(38, 51, 65, 0.13);\n background: rgba(255, 255, 255, 0.5);\n color: var(--muted);\n font-size: 13px;\n line-height: 1.45;\n }\n\n .odeon-workflow b {\n display: block;\n color: var(--deep);\n font-size: 13px;\n margin-bottom: 4px;\n }\n\n .odeon-visual {\n position: relative;\n min-height: 440px;\n border: 1px solid var(--line);\n background:\n linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(236, 232, 224, 0.78)),\n repeating-linear-gradient(90deg, rgba(24, 32, 42, 0.05), rgba(24, 32, 42, 0.05) 1px, transparent 1px, transparent 42px),\n repeating-linear-gradient(0deg, rgba(24, 32, 42, 0.04), rgba(24, 32, 42, 0.04) 1px, transparent 1px, transparent 42px);\n box-shadow: var(--shadow);\n overflow: hidden;\n }\n\n .odeon-visual::before {\n content: \"ODEON\";\n position: absolute;\n left: 24px;\n top: 22px;\n color: rgba(38, 51, 65, 0.18);\n font-size: 54px;\n font-weight: 900;\n letter-spacing: 0.08em;\n }\n\n .sim-room {\n position: absolute;\n inset: 90px 58px 82px;\n border: 2px solid rgba(38, 51, 65, 0.62);\n transform: skewY(-4deg);\n background: rgba(255, 255, 255, 0.38);\n }\n\n .sim-room::before,\n .sim-room::after {\n content: \"\";\n position: absolute;\n background: rgba(198, 139, 68, 0.22);\n }\n\n .sim-room::before {\n left: 15%;\n top: 20%;\n width: 28%;\n height: 46%;\n }\n\n .sim-room::after {\n right: 12%;\n bottom: 16%;\n width: 34%;\n height: 18%;\n }\n\n .source-dot,\n .receiver-dot {\n position: absolute;\n z-index: 2;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: var(--gold);\n box-shadow: 0 0 0 8px rgba(198, 139, 68, 0.16);\n }\n\n .source-dot {\n left: 25%;\n top: 46%;\n }\n\n .receiver-dot {\n right: 23%;\n top: 36%;\n background: var(--green);\n box-shadow: 0 0 0 8px rgba(118, 132, 118, 0.16);\n }\n\n .ray {\n position: absolute;\n left: 27%;\n top: 49%;\n height: 2px;\n width: 52%;\n background: linear-gradient(90deg, rgba(198, 139, 68, 0.95), rgba(198, 139, 68, 0));\n transform-origin: left center;\n animation: ray-pulse 2.4s ease-in-out infinite;\n }\n\n .ray:nth-of-type(2) { transform: rotate(-24deg); animation-delay: 160ms; }\n .ray:nth-of-type(3) { transform: rotate(9deg); animation-delay: 320ms; }\n .ray:nth-of-type(4) { transform: rotate(31deg); animation-delay: 480ms; }\n .ray:nth-of-type(5) { transform: rotate(-48deg); animation-delay: 640ms; }\n\n @keyframes ray-pulse {\n 0%, 100% { opacity: 0.25; clip-path: inset(0 62% 0 0); }\n 48% { opacity: 0.95; clip-path: inset(0 0 0 0); }\n }\n\n .sim-metrics {\n position: absolute;\n left: 24px;\n right: 24px;\n bottom: 22px;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n\n .sim-metrics b {\n display: block;\n padding: 13px 12px;\n background: rgba(24, 32, 42, 0.88);\n color: #fff;\n font-size: 13px;\n letter-spacing: 0.04em;\n }\n\n .sim-caption {\n position: absolute;\n top: 90px;\n right: 32px;\n width: 160px;\n padding: 14px;\n background: rgba(255, 255, 255, 0.76);\n border: 1px solid rgba(38, 51, 65, 0.12);\n color: var(--muted);\n font-size: 12px;\n line-height: 1.55;\n box-shadow: 0 16px 38px rgba(38, 51, 65, 0.12);\n }\n\n .sim-caption b {\n display: block;\n color: var(--deep);\n font-size: 13px;\n margin-bottom: 3px;\n }\n\n .cases {\n width: 100%;\n max-width: none;\n background: #202a34;\n color: var(--white);\n padding: 86px 0 96px;\n }\n\n .cases-inner {\n width: min(1180px, calc(100% - 48px));\n margin: 0 auto;\n }\n\n .cases .section-title {\n color: var(--white);\n }\n\n .case-grid {\n margin-top: 38px;\n display: grid;\n grid-template-columns: 1.35fr 1fr 1fr;\n gap: 18px;\n }\n\n .case {\n min-height: 260px;\n position: relative;\n overflow: hidden;\n background: #111820;\n }\n\n .case:first-child {\n grid-row: span 2;\n min-height: 538px;\n }\n\n .case img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.82;\n transform: scale(1.01);\n transition: transform 260ms ease, opacity 260ms ease;\n }\n\n .case:hover img {\n opacity: 0.94;\n transform: scale(1.04);\n }\n\n .case-label {\n position: absolute;\n left: 18px;\n right: 18px;\n bottom: 18px;\n padding-top: 46px;\n background: linear-gradient(0deg, rgba(17, 24, 32, 0.86), rgba(17, 24, 32, 0));\n color: var(--white);\n font-weight: 800;\n line-height: 1.5;\n transform: translateY(8px);\n transition: transform 220ms ease;\n }\n\n .case:hover .case-label {\n transform: translateY(0);\n }\n\n .contact-band {\n width: min(1180px, calc(100% - 48px));\n margin: -42px auto 0;\n padding: 36px;\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 24px;\n align-items: center;\n background: var(--white);\n box-shadow: var(--shadow);\n border: 1px solid var(--line);\n position: relative;\n z-index: 3;\n }\n\n .contact-band h2 {\n margin: 0;\n font-size: 28px;\n line-height: 1.35;\n }\n\n .contact-band p {\n margin: 8px 0 0;\n color: var(--muted);\n line-height: 1.7;\n }\n\n .footer {\n padding: 90px 24px 34px;\n text-align: center;\n color: #6f746f;\n font-size: 14px;\n }\n\n @media (max-width: 900px) {\n .nav {\n height: 72px;\n width: min(100% - 32px, 1180px);\n }\n\n .menu {\n display: none;\n }\n\n .nav-tools {\n gap: 10px;\n }\n\n .social-links a {\n width: 32px;\n height: 32px;\n }\n\n .brand img {\n width: 138px;\n }\n\n .hero {\n min-height: 680px;\n }\n\n .hero-inner,\n section,\n .cases-inner,\n .contact-band,\n .proof {\n width: min(100% - 32px, 1180px);\n }\n\n .proof,\n .intro,\n .odeon-lab,\n .service-grid,\n .case-grid,\n .contact-band {\n grid-template-columns: 1fr;\n }\n\n .proof-item {\n border-right: 0;\n border-bottom: 1px solid var(--line);\n }\n\n .proof-item:last-child {\n border-bottom: 0;\n }\n\n .case:first-child {\n min-height: 360px;\n }\n\n .odeon-points,\n .odeon-workflow,\n .sim-metrics {\n grid-template-columns: 1fr;\n }\n\n .odeon-visual {\n min-height: 390px;\n }\n }\n\n @media (max-width: 640px) {\n .nav-action {\n display: none;\n }\n\n .social-links {\n gap: 6px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 1ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 1ms !important;\n scroll-behavior: auto !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header class=\"site-header\">\n <nav class=\"nav\" aria-label=\"\u4e3b\u8981\u5c0e\u89bd\">\n <a class=\"brand\" href=\"https:\/\/www.hanyu.com.tw\/\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/cropped-hanyu.png\" alt=\"HANYU \u7ff0\u8c6b\">\n <\/a>\n <div class=\"menu\">\n <a class=\"is-active\" href=\"https:\/\/www.hanyu.com.tw\/\">\u9996\u9801<\/a>\n <a href=\"https:\/\/www.hanyu.com.tw\/?page_id=19\">\u95dc\u65bc\u6211\u5011<\/a>\n <a href=\"https:\/\/www.hanyu.com.tw\/?page_id=21\">\u670d\u52d9\u9805\u76ee<\/a>\n <a href=\"https:\/\/www.hanyu.com.tw\/?page_id=2786\">\u7522\u54c1\u4ecb\u7d39<\/a>\n <a href=\"https:\/\/www.hanyu.com.tw\/?page_id=2278\">\u5be6\u7e3e\u6848\u4f8b<\/a>\n <a href=\"hanyu-reverb-calculator-preview.html\">\u6b98\u97ff\u8a08\u7b97\u5668<\/a>\n <\/div>\n <div class=\"nav-tools\">\n <div class=\"social-links\" aria-label=\"\u793e\u7fa4\u9023\u7d50\">\n <a href=\"https:\/\/lin.ee\/bhn2NqB\" target=\"_blank\" rel=\"noopener\" aria-label=\"LINE\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M12 3.8c-5 0-9 3.1-9 7 0 3.4 3.1 6.3 7.3 6.9l-.4 2.3 3-2.1c4.6-.3 8.1-3.3 8.1-7.1 0-3.9-4-7-9-7z\"><\/path>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/www.facebook.com\/HanYuDesgin?locale=zh_TW\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M14.2 8.1V6.7c0-.7.5-.9.9-.9h2.1V2.2L14.3 2c-3.2 0-4.9 1.9-4.9 5.4v.7H6.2V12h3.2v10h4.1V12h3.2l.5-3.9h-3z\"><\/path>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/han.yu_design\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M7.7 3.2h8.6c2.5 0 4.5 2 4.5 4.5v8.6c0 2.5-2 4.5-4.5 4.5H7.7c-2.5 0-4.5-2-4.5-4.5V7.7c0-2.5 2-4.5 4.5-4.5zm4.3 4.9a3.9 3.9 0 1 0 0 7.8 3.9 3.9 0 0 0 0-7.8zm5.1-.9a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\"><\/path>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@%E7%BF%B0%E8%B1%AB%E8%81%B2%E5%AD%B8\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M21.4 7.1c-.2-.9-.9-1.6-1.8-1.8C18 4.9 12 4.9 12 4.9s-6 0-7.6.4c-.9.2-1.6.9-1.8 1.8-.4 1.6-.4 4.9-.4 4.9s0 3.3.4 4.9c.2.9.9 1.6 1.8 1.8 1.6.4 7.6.4 7.6.4s6 0 7.6-.4c.9-.2 1.6-.9 1.8-1.8.4-1.6.4-4.9.4-4.9s0-3.3-.4-4.9zM10 15.1V8.9l5.4 3.1-5.4 3.1z\"><\/path>\n <\/svg>\n <\/a>\n <\/div>\n <a class=\"nav-action\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=25\">\u9810\u7d04\u8aee\u8a62<\/a>\n <\/div>\n <\/nav>\n <\/header>\n\n <main>\n <section class=\"hero\">\n <div class=\"hero-slider\" aria-hidden=\"true\">\n <i class=\"hero-slide\"><\/i>\n <i class=\"hero-slide\"><\/i>\n <i class=\"hero-slide\"><\/i>\n <i class=\"hero-slide\"><\/i>\n <i class=\"hero-slide\"><\/i>\n <\/div>\n <div class=\"hero-wave\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 1200 360\" preserveAspectRatio=\"none\">\n <path class=\"wave-path\" d=\"M0,185 C70,128 128,128 198,185 S328,242 398,185 S528,128 598,185 S728,242 798,185 S928,128 998,185 S1128,242 1200,185\" \/>\n <path class=\"wave-path\" d=\"M0,150 C86,96 154,96 240,150 S394,204 480,150 S634,96 720,150 S874,204 960,150 S1114,96 1200,150\" \/>\n <path class=\"wave-path\" d=\"M0,222 C56,174 118,174 174,222 S292,270 348,222 S466,174 522,222 S640,270 696,222 S814,174 870,222 S1038,270 1200,222\" \/>\n <\/svg>\n <i class=\"sound-ripple\"><\/i>\n <i class=\"sound-ripple\"><\/i>\n <i class=\"sound-ripple\"><\/i>\n <\/div>\n <div class=\"hero-inner\">\n <div class=\"eyebrow\">INTERIOR ACOUSTIC DESIGN<\/div>\n <h1>\u5438\u9694\u97f3\u627e\u7ff0\u8c6b <span class=\"sound-bars\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/span><\/h1>\n <p>\u5c08\u6ce8\u6f14\u85dd\u5ef3\u3001\u97f3\u6a02\u5ef3\u3001\u570b\u969b\u6703\u8b70\u5ef3\u3001\u6703\u8b70\u5ba4\u3001\u8996\u807d\u5ba4\u3001\u79ae\u5802\u8207\u6d3b\u52d5\u4e2d\u5fc3\u7b49\u5c0d\u8072\u97f3\u54c1\u8cea\u8981\u6c42\u9ad8\u7684\u5834\u6240\uff0c\u6574\u5408\u5438\u97f3\u3001\u9694\u97f3\u3001\u64f4\u6563\u8207\u7a7a\u9593\u8072\u5b78\u6a21\u64ec\uff0c\u8b93\u8a2d\u8a08\u6210\u679c\u517c\u5177\u6e05\u6670\u5ea6\u3001\u5b89\u975c\u5ea6\u8207\u65bd\u5de5\u54c1\u8cea\u3002<\/p>\n <div class=\"venue-list\" aria-label=\"\u4e3b\u8981\u670d\u52d9\u5834\u57df\">\n <span>\u6f14\u85dd\u5ef3<\/span>\n <span>\u97f3\u6a02\u5ef3<\/span>\n <span>\u570b\u969b\u6703\u8b70\u5ef3<\/span>\n <span>\u6703\u8b70\u5ba4<\/span>\n <span>\u8996\u807d\u5ba4<\/span>\n <span>\u79ae\u5802<\/span>\n <span>\u6d3b\u52d5\u4e2d\u5fc3<\/span>\n <span>\u8072\u5b78\u6539\u5584\u5834\u57df<\/span>\n <\/div>\n <div class=\"hero-actions\">\n <a class=\"button primary\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=25\">\u958b\u59cb\u898f\u5283<\/a>\n <a class=\"button secondary\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2278\">\u67e5\u770b\u5be6\u7e3e<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"proof\" aria-label=\"\u54c1\u724c\u91cd\u9ede\">\n <div class=\"proof-item\">\n <strong>\u8a2d\u8a08 \u00d7 \u8072\u5b78<\/strong>\n <span>\u8b93\u5438\u97f3\u3001\u9694\u97f3\u8207\u6df7\u97ff\u63a7\u5236\u6210\u70ba\u7a7a\u9593\u8a2d\u8a08\u7684\u4e00\u90e8\u5206\u3002<\/span>\n <\/div>\n <div class=\"proof-item\">\n <strong>\u5167\u88dd\u4fee\u6574\u5408<\/strong>\n <span>\u7246\u9762\u3001\u5929\u82b1\u3001\u9580\u7247\u3001\u5730\u576a\u8207\u8a2d\u5099\u566a\u97f3\u4e00\u8d77\u898f\u5283\u3002<\/span>\n <\/div>\n <div class=\"proof-item\">\n <strong>\u6750\u6599\u7cfb\u7d71\u5b8c\u6574<\/strong>\n <span>\u5438\u97f3\u64f4\u6563\u9ad4\u3001\u9694\u97f3\u9580\u7246\u3001\u9694\u9707\u8207\u53ef\u8abf\u6df7\u97ff\u7cfb\u7d71\u3002<\/span>\n <\/div>\n <\/div>\n\n <section class=\"intro\">\n <div class=\"intro-photo\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E5%8F%B0%E4%B8%AD%E5%9C%8B%E5%B0%8F1-1-1024x768.png\" alt=\"\u7ff0\u8c6b\u5ba4\u5167\u8072\u5b78\u7a7a\u9593\">\n <\/div>\n <div class=\"intro-copy\">\n <p class=\"section-kicker\">DESIGN APPROACH<\/p>\n <h2 class=\"section-title\">\u7528\u5ba4\u5167\u8a2d\u8a08\u7684\u7d30\u7dfb\u5ea6\uff0c\u8655\u7406\u8072\u97f3\u5728\u7a7a\u9593\u88e1\u7684\u8868\u60c5\u3002<\/h2>\n <p>\u6211\u5011\u9577\u671f\u5c08\u6ce8\u65bc\u7a7a\u9593\u5c0d\u8072\u97f3\u7684\u9700\u6c42\uff0c\u5f9e\u5ba4\u5167\u52d5\u7dda\u3001\u7246\u9762\u6bd4\u4f8b\u3001\u6750\u8cea\u808c\u7406\u5230\u65bd\u5de5\u7bc0\u9ede\uff0c\u8b93\u8a2d\u8a08\u4e0d\u53ea\u505c\u7559\u5728\u8996\u89ba\u6548\u679c\uff0c\u4e5f\u517c\u9867\u56de\u97f3\u3001\u566a\u97f3\u3001\u9694\u97f3\u3001\u8046\u807d\u6e05\u6670\u5ea6\u8207\u65e5\u5e38\u4f7f\u7528\u611f\u3002<\/p>\n <div class=\"service-grid\">\n <article class=\"service\">\n <b>\u5438\u97f3\u7f8e\u5b78\u7246\u9762<\/b>\n <span>\u4ee5\u6750\u6599\u6bd4\u4f8b\u8207\u7dda\u689d\u5b89\u6392\uff0c\u964d\u4f4e\u53cd\u5c04\u4e26\u7dad\u6301\u8a2d\u8a08\u5b8c\u6574\u5ea6\u3002<\/span>\n <\/article>\n <article class=\"service\">\n <b>\u9694\u97f3\u9580\u7246\u7cfb\u7d71<\/b>\n <span>\u8655\u7406\u9580\u7e2b\u3001\u7246\u9ad4\u3001\u8a2d\u5099\u8207\u7d50\u69cb\u50b3\u97f3\u7684\u95dc\u9375\u7d30\u7bc0\u3002<\/span>\n <\/article>\n <article class=\"service\">\n <b>\u7a7a\u9593\u8072\u5b78\u8abf\u6574<\/b>\n <span>\u4f9d\u7528\u9014\u63a7\u5236\u6df7\u97ff\u3001\u6e05\u6670\u5ea6\u3001\u64f4\u6563\u8207\u8046\u807d\u8212\u9069\u5ea6\u3002<\/span>\n <\/article>\n <article class=\"service\">\n <b>\u5167\u88dd\u4fee\u65bd\u5de5\u6574\u5408<\/b>\n <span>\u628a\u8072\u5b78\u9700\u6c42\u843d\u5be6\u5230\u5929\u82b1\u3001\u7246\u9762\u3001\u5730\u576a\u8207\u73fe\u5834\u5de5\u5e8f\u3002<\/span>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"odeon-lab\">\n <div class=\"odeon-copy\">\n <p class=\"section-kicker\">ODEON SIMULATION<\/p>\n <h2 class=\"section-title\">\u4ee5 ODEON \u7a7a\u9593\u8072\u5b78\u6a21\u64ec\uff0c\u8b93\u8a2d\u8a08\u6c7a\u7b56\u6709\u4f9d\u64da\u3002<\/h2>\n <p>\u7ff0\u8c6b\u4f7f\u7528 ODEON Room Acoustics Software \u9032\u884c\u7a7a\u9593\u8072\u5b78\u6a21\u64ec\u8207\u5206\u6790\uff0c\u900f\u904e 3D \u6a21\u578b\u3001\u8072\u6e90\u8207\u63a5\u6536\u9ede\u3001\u6750\u6599\u5438\u97f3\u8cc7\u6599\u548c\u8072\u7dda\u8ffd\u8e64\uff0c\u9810\u5148\u8a55\u4f30 RT60\u3001STI\u3001C50\/C80 \u7b49\u95dc\u9375\u8072\u5b78\u6307\u6a19\uff0c\u8b93\u5438\u97f3\u3001\u9694\u97f3\u8207\u64f4\u6563\u914d\u7f6e\u4e0d\u53ea\u6191\u7d93\u9a57\uff0c\u4e5f\u80fd\u7528\u6578\u64da\u6e9d\u901a\u3002<\/p>\n <div class=\"odeon-points\">\n <span>3D \u7a7a\u9593\u6a21\u578b<\/span>\n <span>\u8072\u7dda\u8ffd\u8e64<\/span>\n <span>RT \/ STI \u5206\u6790<\/span>\n <\/div>\n <div class=\"odeon-workflow\" aria-label=\"ODEON \u6a21\u64ec\u6d41\u7a0b\">\n <span><b>01 \u5efa\u6a21<\/b>\u5efa\u7acb\u7a7a\u9593\u6bd4\u4f8b\u3001\u5929\u82b1\u3001\u7246\u9762\u8207\u4e3b\u8981\u53cd\u5c04\u9762\u3002<\/span>\n <span><b>02 \u6750\u6599<\/b>\u5957\u5165\u5438\u97f3\u3001\u53cd\u5c04\u3001\u64f4\u6563\u7b49\u8072\u5b78\u6750\u6599\u8cc7\u6599\u3002<\/span>\n <span><b>03 \u6a21\u64ec<\/b>\u914d\u7f6e\u97f3\u6e90\u8207\u63a5\u6536\u9ede\uff0c\u89c0\u5bdf\u8072\u7dda\u8207\u80fd\u91cf\u5206\u4f48\u3002<\/span>\n <span><b>04 \u5efa\u8b70<\/b>\u8f38\u51fa\u6df7\u97ff\u3001\u8a9e\u97f3\u6e05\u6670\u5ea6\u8207\u6750\u6599\u914d\u7f6e\u65b9\u5411\u3002<\/span>\n <\/div>\n <\/div>\n <div class=\"odeon-visual\" aria-label=\"ODEON \u8072\u5b78\u6a21\u64ec\u793a\u610f\">\n <div class=\"sim-room\"><\/div>\n <div class=\"sim-caption\"><b>ODEON model view<\/b>\u793a\u610f 3D \u7a7a\u9593\u6a21\u578b\u5167\u7684\u97f3\u6e90\u3001\u63a5\u6536\u9ede\u8207\u53cd\u5c04\u8def\u5f91\u3002<\/div>\n <i class=\"source-dot\" title=\"\u97f3\u6e90\u9ede\"><\/i>\n <i class=\"receiver-dot\" title=\"\u63a5\u6536\u9ede\"><\/i>\n <i class=\"ray\"><\/i>\n <i class=\"ray\"><\/i>\n <i class=\"ray\"><\/i>\n <i class=\"ray\"><\/i>\n <div class=\"sim-metrics\">\n <b>RT60 0.63s<\/b>\n <b>STI CLEAR<\/b>\n <b>C80 BALANCE<\/b>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"cases\">\n <div class=\"cases-inner\">\n <p class=\"section-kicker\">SELECTED WORKS<\/p>\n <h2 class=\"section-title\">\u4f5c\u54c1\u5448\u73fe\u56de\u5230\u7a7a\u9593\u672c\u8eab\uff1a\u6750\u8cea\u3001\u5149\u7dda\u3001\u6bd4\u4f8b\u8207\u8072\u97f3\u54c1\u8cea\u3002<\/h2>\n <div class=\"case-grid\">\n <a class=\"case\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2278\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E5%8F%B0%E4%B8%AD%E5%9C%8B%E5%B0%8F1-1-1024x768.png\" alt=\"\u6a5f\u95dc\u5b78\u6821\u8072\u5b78\u5de5\u7a0b\u6848\u4f8b\">\n <span class=\"case-label\">\u5b78\u6821\u8207\u516c\u5171\u7a7a\u9593\u8072\u5b78\u5167\u88dd<\/span>\n <\/a>\n <a class=\"case\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2278\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E5%AE%8C%E5%B7%A5%E5%9C%96-1024x768.png\" alt=\"\u5b8c\u5de5\u6848\u4f8b\">\n <span class=\"case-label\">\u5438\u97f3\u8207\u9694\u97f3\u6574\u5408\u5b8c\u5de5\u6848\u4f8b<\/span>\n <\/a>\n <a class=\"case\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2786\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E8%A8%AD%E5%82%99-1024x768.png\" alt=\"\u8072\u5b78\u8a2d\u5099\u8207\u6750\u6599\">\n <span class=\"case-label\">\u8072\u5b78\u6750\u6599\u8207\u8a2d\u5099\u7bc0\u9ede<\/span>\n <\/a>\n <a class=\"case\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2786\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E5%AE%8C%E5%B7%A5%E5%9C%96-1-scaled-600x450.png\" alt=\"\u7a7a\u9593\u5b8c\u6210\u7167\">\n <span class=\"case-label\">\u7a7a\u9593\u8072\u5b78\u5b8c\u6210\u7167<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <aside class=\"contact-band\">\n <div>\n <h2>\u6b63\u5728\u898f\u5283\u9700\u8981\u5b89\u975c\u3001\u597d\u807d\u3001\u597d\u770b\u7684\u7a7a\u9593\uff1f<\/h2>\n <p>\u53ef\u5148\u63d0\u4f9b\u7528\u9014\u3001\u576a\u6578\u3001\u73fe\u6cc1\u7167\u7247\u8207\u76ee\u524d\u56f0\u64fe\uff0c\u7ff0\u8c6b\u5c07\u5354\u52a9\u8a55\u4f30\u5438\u97f3\u3001\u9694\u97f3\u8207\u7a7a\u9593\u8072\u5b78\u7684\u8a2d\u8a08\u65b9\u5411\u3002<\/p>\n <\/div>\n <a class=\"button primary\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=25\">\u806f\u7d61\u7ff0\u8c6b<\/a>\n <\/aside>\n <\/main>\n\n <footer class=\"footer\">\n \u7248\u6b0a \u00a9 2026 \u7ff0\u8c6b\u5ba4\u5167\u88dd\u4fee\u8a2d\u8a08\u6709\u9650\u516c\u53f8\n <\/footer>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u7ff0\u8c6b\u5ba4\u5167\u88dd\u4fee\u8a2d\u8a08\u6709\u9650\u516c\u53f8\uff5c\u9996\u9801\u512a\u5316\u9810\u89bd \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u7522\u54c1\u4ecb\u7d39 \u5be6\u7e3e\u6848\u4f8b \u6b98\u97ff\u8a08\u7b97\u5668 \u9810\u7d04\u8aee\u8a62 I […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"blocksy_meta":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":97,"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":3571,"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/3571"}],"wp:attachment":[{"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2017-06-19T05:41:37","date_gmt":"2017-06-18T21:41:37","guid":{"rendered":"http:\/\/www.hanyu.com.tw\/home\/"},"modified":"2026-06-16T15:25:41","modified_gmt":"2026-06-16T07:25:41","slug":"home","status":"publish","type":"page","link":"https:\/\/www.hanyu.com.tw\/","title":{"rendered":"\u7ff0\u8c6b\u5ba4\u5167\u88dd\u4fee\u8a2d\u8a08\u6709\u9650\u516c\u53f8"},"content":{"rendered":"\n\n\n\n \n \n \u7ff0\u8c6b\u5ba4\u5167\u88dd\u4fee\u8a2d\u8a08\u6709\u9650\u516c\u53f8\uff5c\u9996\u9801\u512a\u5316\u9810\u89bd<\/title>\n <style>\n :root {\n --ink: #18202a;\n --muted: #5e6671;\n --line: #e4e0d8;\n --paper: #f8f6f1;\n --white: #ffffff;\n --gold: #c68b44;\n --deep: #263341;\n --green: #768476;\n --shadow: 0 22px 60px rgba(24, 32, 42, 0.14);\n font-family: \"Noto Sans TC\", \"PingFang TC\", \"Microsoft JhengHei\", Arial, sans-serif;\n }\n\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n color: var(--ink);\n background: var(--paper);\n letter-spacing: 0;\n }\n\n @keyframes hero-zoom {\n from { transform: scale(1); }\n to { transform: scale(1.055); }\n }\n\n @keyframes rise-in {\n from {\n opacity: 0;\n transform: translateY(22px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @keyframes wave-scan {\n from { transform: translateX(-18%); }\n to { transform: translateX(18%); }\n }\n\n @keyframes hero-slide {\n 0%, 16% { opacity: 1; transform: scale(1.02); }\n 21%, 96% { opacity: 0; transform: scale(1.07); }\n 100% { opacity: 1; transform: scale(1.02); }\n }\n\n @keyframes wave-draw {\n 0% { stroke-dashoffset: 980; opacity: 0; }\n 18%, 72% { opacity: 0.82; }\n 100% { stroke-dashoffset: 0; opacity: 0; }\n }\n\n @keyframes ripple-pulse {\n 0% { transform: translate(-50%, -50%) scale(0.48); opacity: 0; }\n 28% { opacity: 0.62; }\n 100% { transform: translate(-50%, -50%) scale(1.75); opacity: 0; }\n }\n\n @keyframes bar-listen {\n 0%, 100% { transform: scaleY(0.36); opacity: 0.52; }\n 50% { transform: scaleY(1); opacity: 1; }\n }\n\n a {\n color: inherit;\n text-decoration: none;\n }\n\n img {\n max-width: 100%;\n display: block;\n }\n\n .site-header {\n position: sticky;\n top: 0;\n z-index: 20;\n border-bottom: 1px solid rgba(228, 224, 216, 0.85);\n background: rgba(248, 246, 241, 0.92);\n backdrop-filter: blur(18px);\n }\n\n .nav {\n width: min(1180px, calc(100% - 48px));\n height: 82px;\n margin: 0 auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 28px;\n }\n\n .brand img {\n width: 166px;\n height: auto;\n }\n\n .menu {\n display: flex;\n align-items: center;\n gap: 26px;\n font-size: 15px;\n font-weight: 600;\n color: #2d3540;\n white-space: nowrap;\n }\n\n .menu a {\n position: relative;\n padding: 9px 0;\n }\n\n .menu a::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: 0;\n width: 0;\n height: 2px;\n background: var(--gold);\n transition: width 180ms ease;\n }\n\n .menu a:hover::after,\n .menu a.is-active::after {\n width: 100%;\n }\n\n .nav-action {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 42px;\n padding: 0 18px;\n border: 1px solid var(--ink);\n color: var(--ink);\n font-weight: 700;\n font-size: 14px;\n }\n\n .nav-tools {\n display: flex;\n align-items: center;\n gap: 14px;\n flex: 0 0 auto;\n }\n\n .social-links {\n display: flex;\n align-items: center;\n gap: 8px;\n }\n\n .social-links a {\n display: inline-grid;\n place-items: center;\n width: 34px;\n height: 34px;\n border: 1px solid rgba(38, 51, 65, 0.24);\n border-radius: 999px;\n color: var(--deep);\n background: rgba(255, 255, 255, 0.56);\n transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;\n }\n\n .social-links a:hover {\n transform: translateY(-2px);\n border-color: rgba(198, 139, 68, 0.72);\n background: rgba(255, 255, 255, 0.92);\n }\n\n .social-links svg {\n width: 16px;\n height: 16px;\n fill: currentColor;\n }\n\n .hero {\n width: 100%;\n max-width: none;\n margin: 0;\n padding: 0;\n min-height: calc(100svh - 82px);\n display: grid;\n align-items: end;\n position: relative;\n isolation: isolate;\n overflow: hidden;\n background: #171e26;\n }\n\n .hero::before {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: -2;\n background:\n linear-gradient(90deg, rgba(10, 15, 21, 0.92) 0%, rgba(12, 18, 25, 0.78) 35%, rgba(12, 18, 25, 0.38) 64%, rgba(12, 18, 25, 0.16) 100%),\n linear-gradient(0deg, rgba(10, 15, 21, 0.34), rgba(10, 15, 21, 0.04));\n }\n\n .hero::after {\n content: \"\";\n position: absolute;\n inset: auto 0 0;\n height: 34%;\n background: linear-gradient(0deg, rgba(248, 246, 241, 1), rgba(248, 246, 241, 0));\n z-index: -1;\n }\n\n .hero-slider {\n position: absolute;\n inset: 0;\n z-index: -3;\n background: #111820;\n }\n\n .hero-slide {\n position: absolute;\n inset: 0;\n background-size: cover;\n background-position: center;\n opacity: 0;\n animation: hero-slide 35s ease-in-out infinite;\n transform-origin: center;\n will-change: opacity, transform;\n }\n\n .hero-slide:nth-child(1) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-conference-hall.png\");\n animation-delay: 0s;\n }\n\n .hero-slide:nth-child(2) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-auditorium-av.png\");\n animation-delay: 7s;\n }\n\n .hero-slide:nth-child(3) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-concert-hall.png\");\n animation-delay: 14s;\n }\n\n .hero-slide:nth-child(4) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-school-auditorium.png\");\n animation-delay: 21s;\n }\n\n .hero-slide:nth-child(5) {\n background-image: url(\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2026\/06\/hanyu-hero-cinema-room.png\");\n animation-delay: 28s;\n }\n\n .hero-wave {\n position: absolute;\n left: -6%;\n right: -6%;\n top: 15%;\n height: 54%;\n z-index: 1;\n opacity: 0.72;\n overflow: hidden;\n pointer-events: none;\n mix-blend-mode: screen;\n }\n\n .hero-wave svg {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n filter: drop-shadow(0 0 22px rgba(243, 215, 173, 0.22));\n }\n\n .wave-path {\n fill: none;\n stroke: rgba(243, 215, 173, 0.72);\n stroke-width: 2.4;\n stroke-linecap: round;\n stroke-dasharray: 980;\n animation: wave-draw 4.8s ease-in-out infinite;\n }\n\n .wave-path:nth-child(2) {\n stroke: rgba(255, 255, 255, 0.52);\n animation-delay: 700ms;\n }\n\n .wave-path:nth-child(3) {\n stroke: rgba(198, 139, 68, 0.88);\n animation-delay: 1400ms;\n }\n\n .sound-ripple {\n position: absolute;\n left: 22%;\n top: 50%;\n width: 170px;\n height: 170px;\n border: 1px solid rgba(243, 215, 173, 0.55);\n border-radius: 50%;\n transform: translate(-50%, -50%);\n animation: ripple-pulse 3.8s ease-out infinite;\n }\n\n .sound-ripple:nth-of-type(2) {\n animation-delay: 850ms;\n }\n\n .sound-ripple:nth-of-type(3) {\n animation-delay: 1700ms;\n }\n\n .hero-inner {\n width: min(1180px, calc(100% - 48px));\n margin: 0 auto;\n padding: 92px 0 70px;\n color: var(--white);\n position: relative;\n z-index: 2;\n animation: rise-in 700ms ease both;\n }\n\n .eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 12px;\n margin-bottom: 22px;\n font-size: 13px;\n font-weight: 800;\n letter-spacing: 0.08em;\n color: #f3d7ad;\n }\n\n .eyebrow::before {\n content: \"\";\n width: 42px;\n height: 1px;\n background: currentColor;\n }\n\n .hero h1 {\n max-width: 720px;\n margin: 0;\n font-size: clamp(38px, 5vw, 64px);\n line-height: 1.14;\n font-weight: 800;\n color: #fff !important;\n text-shadow: 0 4px 34px rgba(0, 0, 0, 0.92), 0 1px 2px rgba(0, 0, 0, 0.72);\n }\n\n .hero p {\n max-width: 610px;\n margin: 24px 0 0;\n color: rgba(255, 255, 255, 0.92);\n font-size: 20px;\n line-height: 1.85;\n text-shadow: 0 2px 16px rgba(0, 0, 0, 0.68);\n }\n\n .venue-list {\n display: flex;\n flex-wrap: wrap;\n gap: 9px;\n max-width: 740px;\n margin-top: 24px;\n }\n\n .venue-list span {\n padding: 8px 11px;\n border: 1px solid rgba(243, 215, 173, 0.48);\n background: rgba(10, 15, 21, 0.42);\n color: rgba(255, 255, 255, 0.94);\n font-size: 13px;\n font-weight: 800;\n backdrop-filter: blur(10px);\n }\n\n .hero-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 14px;\n margin-top: 36px;\n }\n\n .sound-bars {\n display: inline-grid;\n grid-auto-flow: column;\n align-items: end;\n gap: 5px;\n height: 28px;\n margin-left: 16px;\n vertical-align: middle;\n }\n\n .sound-bars i {\n display: block;\n width: 4px;\n height: 100%;\n background: #f3d7ad;\n transform-origin: bottom;\n animation: bar-listen 1.2s ease-in-out infinite;\n }\n\n .sound-bars i:nth-child(2) { animation-delay: 120ms; }\n .sound-bars i:nth-child(3) { animation-delay: 240ms; }\n .sound-bars i:nth-child(4) { animation-delay: 360ms; }\n .sound-bars i:nth-child(5) { animation-delay: 480ms; }\n\n .button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 48px;\n padding: 0 22px;\n font-weight: 800;\n border: 1px solid transparent;\n transition: transform 160ms ease, background 160ms ease, color 160ms ease;\n }\n\n .button:hover {\n transform: translateY(-1px);\n }\n\n .button.primary {\n background: var(--gold);\n color: #1f1710;\n }\n\n .button.secondary {\n border-color: rgba(255, 255, 255, 0.45);\n color: var(--white);\n }\n\n .proof {\n width: min(1180px, calc(100% - 48px));\n margin: -38px auto 0;\n position: relative;\n z-index: 5;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n background: var(--white);\n box-shadow: var(--shadow);\n border: 1px solid rgba(228, 224, 216, 0.78);\n }\n\n .proof-item {\n padding: 26px 30px;\n border-right: 1px solid var(--line);\n animation: rise-in 620ms ease both;\n }\n\n .proof-item:nth-child(2) {\n animation-delay: 90ms;\n }\n\n .proof-item:nth-child(3) {\n animation-delay: 180ms;\n }\n\n .proof-item:last-child {\n border-right: 0;\n }\n\n .proof strong {\n display: block;\n font-size: 28px;\n line-height: 1;\n color: var(--deep);\n }\n\n .proof span {\n display: block;\n margin-top: 10px;\n color: var(--muted);\n line-height: 1.6;\n font-size: 14px;\n }\n\n section {\n width: min(1180px, calc(100% - 48px));\n margin: 0 auto;\n padding: 88px 0;\n }\n\n .section-kicker {\n margin: 0 0 12px;\n color: var(--gold);\n font-weight: 800;\n font-size: 13px;\n letter-spacing: 0.1em;\n }\n\n .section-title {\n max-width: 720px;\n margin: 0;\n font-size: clamp(30px, 3.6vw, 46px);\n line-height: 1.22;\n color: var(--ink);\n }\n\n .intro {\n display: grid;\n grid-template-columns: minmax(0, 0.92fr) minmax(0, 1fr);\n gap: 64px;\n align-items: center;\n }\n\n .intro-photo {\n aspect-ratio: 1 \/ 1;\n overflow: hidden;\n box-shadow: var(--shadow);\n position: relative;\n }\n\n .intro-photo::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(120deg, transparent 0 42%, rgba(255,255,255,0.32) 48%, transparent 54% 100%);\n transform: translateX(-100%);\n transition: transform 720ms ease;\n }\n\n .intro-photo:hover::after {\n transform: translateX(100%);\n }\n\n .intro-photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n .intro-copy p {\n margin: 20px 0 0;\n color: var(--muted);\n font-size: 17px;\n line-height: 1.95;\n }\n\n .service-grid {\n margin-top: 38px;\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n\n .service {\n min-height: 172px;\n padding: 24px;\n border: 1px solid var(--line);\n background: rgba(255, 255, 255, 0.7);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;\n }\n\n .service:hover {\n transform: translateY(-6px);\n border-color: rgba(198, 139, 68, 0.7);\n box-shadow: 0 18px 42px rgba(24, 32, 42, 0.1);\n }\n\n .service b {\n display: block;\n color: var(--deep);\n font-size: 20px;\n }\n\n .service span {\n color: var(--muted);\n line-height: 1.7;\n font-size: 14px;\n }\n\n .odeon-lab {\n display: grid;\n grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);\n gap: 58px;\n align-items: center;\n padding-top: 0;\n }\n\n .odeon-copy p {\n margin: 20px 0 0;\n color: var(--muted);\n font-size: 17px;\n line-height: 1.95;\n }\n\n .odeon-points {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n margin-top: 28px;\n }\n\n .odeon-points span {\n padding: 14px 12px;\n border: 1px solid var(--line);\n background: rgba(255, 255, 255, 0.72);\n color: var(--deep);\n font-weight: 800;\n text-align: center;\n font-size: 14px;\n }\n\n .odeon-workflow {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 10px;\n margin-top: 16px;\n }\n\n .odeon-workflow span {\n min-height: 76px;\n padding: 13px 12px;\n border: 1px solid rgba(38, 51, 65, 0.13);\n background: rgba(255, 255, 255, 0.5);\n color: var(--muted);\n font-size: 13px;\n line-height: 1.45;\n }\n\n .odeon-workflow b {\n display: block;\n color: var(--deep);\n font-size: 13px;\n margin-bottom: 4px;\n }\n\n .odeon-visual {\n position: relative;\n min-height: 440px;\n border: 1px solid var(--line);\n background:\n linear-gradient(135deg, rgba(255, 255, 255, 0.86), rgba(236, 232, 224, 0.78)),\n repeating-linear-gradient(90deg, rgba(24, 32, 42, 0.05), rgba(24, 32, 42, 0.05) 1px, transparent 1px, transparent 42px),\n repeating-linear-gradient(0deg, rgba(24, 32, 42, 0.04), rgba(24, 32, 42, 0.04) 1px, transparent 1px, transparent 42px);\n box-shadow: var(--shadow);\n overflow: hidden;\n }\n\n .odeon-visual::before {\n content: \"ODEON\";\n position: absolute;\n left: 24px;\n top: 22px;\n color: rgba(38, 51, 65, 0.18);\n font-size: 54px;\n font-weight: 900;\n letter-spacing: 0.08em;\n }\n\n .sim-room {\n position: absolute;\n inset: 90px 58px 82px;\n border: 2px solid rgba(38, 51, 65, 0.62);\n transform: skewY(-4deg);\n background: rgba(255, 255, 255, 0.38);\n }\n\n .sim-room::before,\n .sim-room::after {\n content: \"\";\n position: absolute;\n background: rgba(198, 139, 68, 0.22);\n }\n\n .sim-room::before {\n left: 15%;\n top: 20%;\n width: 28%;\n height: 46%;\n }\n\n .sim-room::after {\n right: 12%;\n bottom: 16%;\n width: 34%;\n height: 18%;\n }\n\n .source-dot,\n .receiver-dot {\n position: absolute;\n z-index: 2;\n width: 18px;\n height: 18px;\n border-radius: 50%;\n background: var(--gold);\n box-shadow: 0 0 0 8px rgba(198, 139, 68, 0.16);\n }\n\n .source-dot {\n left: 25%;\n top: 46%;\n }\n\n .receiver-dot {\n right: 23%;\n top: 36%;\n background: var(--green);\n box-shadow: 0 0 0 8px rgba(118, 132, 118, 0.16);\n }\n\n .ray {\n position: absolute;\n left: 27%;\n top: 49%;\n height: 2px;\n width: 52%;\n background: linear-gradient(90deg, rgba(198, 139, 68, 0.95), rgba(198, 139, 68, 0));\n transform-origin: left center;\n animation: ray-pulse 2.4s ease-in-out infinite;\n }\n\n .ray:nth-of-type(2) { transform: rotate(-24deg); animation-delay: 160ms; }\n .ray:nth-of-type(3) { transform: rotate(9deg); animation-delay: 320ms; }\n .ray:nth-of-type(4) { transform: rotate(31deg); animation-delay: 480ms; }\n .ray:nth-of-type(5) { transform: rotate(-48deg); animation-delay: 640ms; }\n\n @keyframes ray-pulse {\n 0%, 100% { opacity: 0.25; clip-path: inset(0 62% 0 0); }\n 48% { opacity: 0.95; clip-path: inset(0 0 0 0); }\n }\n\n .sim-metrics {\n position: absolute;\n left: 24px;\n right: 24px;\n bottom: 22px;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 10px;\n }\n\n .sim-metrics b {\n display: block;\n padding: 13px 12px;\n background: rgba(24, 32, 42, 0.88);\n color: #fff;\n font-size: 13px;\n letter-spacing: 0.04em;\n }\n\n .sim-caption {\n position: absolute;\n top: 90px;\n right: 32px;\n width: 160px;\n padding: 14px;\n background: rgba(255, 255, 255, 0.76);\n border: 1px solid rgba(38, 51, 65, 0.12);\n color: var(--muted);\n font-size: 12px;\n line-height: 1.55;\n box-shadow: 0 16px 38px rgba(38, 51, 65, 0.12);\n }\n\n .sim-caption b {\n display: block;\n color: var(--deep);\n font-size: 13px;\n margin-bottom: 3px;\n }\n\n .cases {\n width: 100%;\n max-width: none;\n background: #202a34;\n color: var(--white);\n padding: 86px 0 96px;\n }\n\n .cases-inner {\n width: min(1180px, calc(100% - 48px));\n margin: 0 auto;\n }\n\n .cases .section-title {\n color: var(--white);\n }\n\n .case-grid {\n margin-top: 38px;\n display: grid;\n grid-template-columns: 1.35fr 1fr 1fr;\n gap: 18px;\n }\n\n .case {\n min-height: 260px;\n position: relative;\n overflow: hidden;\n background: #111820;\n }\n\n .case:first-child {\n grid-row: span 2;\n min-height: 538px;\n }\n\n .case img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.82;\n transform: scale(1.01);\n transition: transform 260ms ease, opacity 260ms ease;\n }\n\n .case:hover img {\n opacity: 0.94;\n transform: scale(1.04);\n }\n\n .case-label {\n position: absolute;\n left: 18px;\n right: 18px;\n bottom: 18px;\n padding-top: 46px;\n background: linear-gradient(0deg, rgba(17, 24, 32, 0.86), rgba(17, 24, 32, 0));\n color: var(--white);\n font-weight: 800;\n line-height: 1.5;\n transform: translateY(8px);\n transition: transform 220ms ease;\n }\n\n .case:hover .case-label {\n transform: translateY(0);\n }\n\n .contact-band {\n width: min(1180px, calc(100% - 48px));\n margin: -42px auto 0;\n padding: 36px;\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n gap: 24px;\n align-items: center;\n background: var(--white);\n box-shadow: var(--shadow);\n border: 1px solid var(--line);\n position: relative;\n z-index: 3;\n }\n\n .contact-band h2 {\n margin: 0;\n font-size: 28px;\n line-height: 1.35;\n }\n\n .contact-band p {\n margin: 8px 0 0;\n color: var(--muted);\n line-height: 1.7;\n }\n\n .footer {\n padding: 90px 24px 34px;\n text-align: center;\n color: #6f746f;\n font-size: 14px;\n }\n\n @media (max-width: 900px) {\n .nav {\n height: 72px;\n width: min(100% - 32px, 1180px);\n }\n\n .menu {\n display: none;\n }\n\n .nav-tools {\n gap: 10px;\n }\n\n .social-links a {\n width: 32px;\n height: 32px;\n }\n\n .brand img {\n width: 138px;\n }\n\n .hero {\n min-height: 680px;\n }\n\n .hero-inner,\n section,\n .cases-inner,\n .contact-band,\n .proof {\n width: min(100% - 32px, 1180px);\n }\n\n .proof,\n .intro,\n .odeon-lab,\n .service-grid,\n .case-grid,\n .contact-band {\n grid-template-columns: 1fr;\n }\n\n .proof-item {\n border-right: 0;\n border-bottom: 1px solid var(--line);\n }\n\n .proof-item:last-child {\n border-bottom: 0;\n }\n\n .case:first-child {\n min-height: 360px;\n }\n\n .odeon-points,\n .odeon-workflow,\n .sim-metrics {\n grid-template-columns: 1fr;\n }\n\n .odeon-visual {\n min-height: 390px;\n }\n }\n\n @media (max-width: 640px) {\n .nav-action {\n display: none;\n }\n\n .social-links {\n gap: 6px;\n }\n }\n\n @media (prefers-reduced-motion: reduce) {\n *,\n *::before,\n *::after {\n animation-duration: 1ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 1ms !important;\n scroll-behavior: auto !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n <header class=\"site-header\">\n <nav class=\"nav\" aria-label=\"\u4e3b\u8981\u5c0e\u89bd\">\n <a class=\"brand\" href=\"https:\/\/www.hanyu.com.tw\/\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/cropped-hanyu.png\" alt=\"HANYU \u7ff0\u8c6b\">\n <\/a>\n <div class=\"menu\">\n <a class=\"is-active\" href=\"https:\/\/www.hanyu.com.tw\/\">\u9996\u9801<\/a>\n <a href=\"https:\/\/www.hanyu.com.tw\/?page_id=19\">\u95dc\u65bc\u6211\u5011<\/a>\n <a href=\"https:\/\/www.hanyu.com.tw\/?page_id=21\">\u670d\u52d9\u9805\u76ee<\/a>\n <a href=\"https:\/\/www.hanyu.com.tw\/?page_id=2786\">\u7522\u54c1\u4ecb\u7d39<\/a>\n <a href=\"https:\/\/www.hanyu.com.tw\/?page_id=2278\">\u5be6\u7e3e\u6848\u4f8b<\/a>\n <a href=\"hanyu-reverb-calculator-preview.html\">\u6b98\u97ff\u8a08\u7b97\u5668<\/a>\n <\/div>\n <div class=\"nav-tools\">\n <div class=\"social-links\" aria-label=\"\u793e\u7fa4\u9023\u7d50\">\n <a href=\"https:\/\/lin.ee\/bhn2NqB\" target=\"_blank\" rel=\"noopener\" aria-label=\"LINE\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M12 3.8c-5 0-9 3.1-9 7 0 3.4 3.1 6.3 7.3 6.9l-.4 2.3 3-2.1c4.6-.3 8.1-3.3 8.1-7.1 0-3.9-4-7-9-7z\"><\/path>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/www.facebook.com\/HanYuDesgin?locale=zh_TW\" target=\"_blank\" rel=\"noopener\" aria-label=\"Facebook\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M14.2 8.1V6.7c0-.7.5-.9.9-.9h2.1V2.2L14.3 2c-3.2 0-4.9 1.9-4.9 5.4v.7H6.2V12h3.2v10h4.1V12h3.2l.5-3.9h-3z\"><\/path>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/www.instagram.com\/han.yu_design\/\" target=\"_blank\" rel=\"noopener\" aria-label=\"Instagram\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M7.7 3.2h8.6c2.5 0 4.5 2 4.5 4.5v8.6c0 2.5-2 4.5-4.5 4.5H7.7c-2.5 0-4.5-2-4.5-4.5V7.7c0-2.5 2-4.5 4.5-4.5zm4.3 4.9a3.9 3.9 0 1 0 0 7.8 3.9 3.9 0 0 0 0-7.8zm5.1-.9a1 1 0 1 0 0 2 1 1 0 0 0 0-2z\"><\/path>\n <\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@%E7%BF%B0%E8%B1%AB%E8%81%B2%E5%AD%B8\" target=\"_blank\" rel=\"noopener\" aria-label=\"YouTube\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n <path d=\"M21.4 7.1c-.2-.9-.9-1.6-1.8-1.8C18 4.9 12 4.9 12 4.9s-6 0-7.6.4c-.9.2-1.6.9-1.8 1.8-.4 1.6-.4 4.9-.4 4.9s0 3.3.4 4.9c.2.9.9 1.6 1.8 1.8 1.6.4 7.6.4 7.6.4s6 0 7.6-.4c.9-.2 1.6-.9 1.8-1.8.4-1.6.4-4.9.4-4.9s0-3.3-.4-4.9zM10 15.1V8.9l5.4 3.1-5.4 3.1z\"><\/path>\n <\/svg>\n <\/a>\n <\/div>\n <a class=\"nav-action\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=25\">\u9810\u7d04\u8aee\u8a62<\/a>\n <\/div>\n <\/nav>\n <\/header>\n\n <main>\n <section class=\"hero\">\n <div class=\"hero-slider\" aria-hidden=\"true\">\n <i class=\"hero-slide\"><\/i>\n <i class=\"hero-slide\"><\/i>\n <i class=\"hero-slide\"><\/i>\n <i class=\"hero-slide\"><\/i>\n <i class=\"hero-slide\"><\/i>\n <\/div>\n <div class=\"hero-wave\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 1200 360\" preserveAspectRatio=\"none\">\n <path class=\"wave-path\" d=\"M0,185 C70,128 128,128 198,185 S328,242 398,185 S528,128 598,185 S728,242 798,185 S928,128 998,185 S1128,242 1200,185\" \/>\n <path class=\"wave-path\" d=\"M0,150 C86,96 154,96 240,150 S394,204 480,150 S634,96 720,150 S874,204 960,150 S1114,96 1200,150\" \/>\n <path class=\"wave-path\" d=\"M0,222 C56,174 118,174 174,222 S292,270 348,222 S466,174 522,222 S640,270 696,222 S814,174 870,222 S1038,270 1200,222\" \/>\n <\/svg>\n <i class=\"sound-ripple\"><\/i>\n <i class=\"sound-ripple\"><\/i>\n <i class=\"sound-ripple\"><\/i>\n <\/div>\n <div class=\"hero-inner\">\n <div class=\"eyebrow\">INTERIOR ACOUSTIC DESIGN<\/div>\n <h1>\u5438\u9694\u97f3\u627e\u7ff0\u8c6b <span class=\"sound-bars\" aria-hidden=\"true\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/span><\/h1>\n <p>\u5c08\u6ce8\u6f14\u85dd\u5ef3\u3001\u97f3\u6a02\u5ef3\u3001\u570b\u969b\u6703\u8b70\u5ef3\u3001\u6703\u8b70\u5ba4\u3001\u8996\u807d\u5ba4\u3001\u79ae\u5802\u8207\u6d3b\u52d5\u4e2d\u5fc3\u7b49\u5c0d\u8072\u97f3\u54c1\u8cea\u8981\u6c42\u9ad8\u7684\u5834\u6240\uff0c\u6574\u5408\u5438\u97f3\u3001\u9694\u97f3\u3001\u64f4\u6563\u8207\u7a7a\u9593\u8072\u5b78\u6a21\u64ec\uff0c\u8b93\u8a2d\u8a08\u6210\u679c\u517c\u5177\u6e05\u6670\u5ea6\u3001\u5b89\u975c\u5ea6\u8207\u65bd\u5de5\u54c1\u8cea\u3002<\/p>\n <div class=\"venue-list\" aria-label=\"\u4e3b\u8981\u670d\u52d9\u5834\u57df\">\n <span>\u6f14\u85dd\u5ef3<\/span>\n <span>\u97f3\u6a02\u5ef3<\/span>\n <span>\u570b\u969b\u6703\u8b70\u5ef3<\/span>\n <span>\u6703\u8b70\u5ba4<\/span>\n <span>\u8996\u807d\u5ba4<\/span>\n <span>\u79ae\u5802<\/span>\n <span>\u6d3b\u52d5\u4e2d\u5fc3<\/span>\n <span>\u8072\u5b78\u6539\u5584\u5834\u57df<\/span>\n <\/div>\n <div class=\"hero-actions\">\n <a class=\"button primary\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=25\">\u958b\u59cb\u898f\u5283<\/a>\n <a class=\"button secondary\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2278\">\u67e5\u770b\u5be6\u7e3e<\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <div class=\"proof\" aria-label=\"\u54c1\u724c\u91cd\u9ede\">\n <div class=\"proof-item\">\n <strong>\u8a2d\u8a08 \u00d7 \u8072\u5b78<\/strong>\n <span>\u8b93\u5438\u97f3\u3001\u9694\u97f3\u8207\u6df7\u97ff\u63a7\u5236\u6210\u70ba\u7a7a\u9593\u8a2d\u8a08\u7684\u4e00\u90e8\u5206\u3002<\/span>\n <\/div>\n <div class=\"proof-item\">\n <strong>\u5167\u88dd\u4fee\u6574\u5408<\/strong>\n <span>\u7246\u9762\u3001\u5929\u82b1\u3001\u9580\u7247\u3001\u5730\u576a\u8207\u8a2d\u5099\u566a\u97f3\u4e00\u8d77\u898f\u5283\u3002<\/span>\n <\/div>\n <div class=\"proof-item\">\n <strong>\u6750\u6599\u7cfb\u7d71\u5b8c\u6574<\/strong>\n <span>\u5438\u97f3\u64f4\u6563\u9ad4\u3001\u9694\u97f3\u9580\u7246\u3001\u9694\u9707\u8207\u53ef\u8abf\u6df7\u97ff\u7cfb\u7d71\u3002<\/span>\n <\/div>\n <\/div>\n\n <section class=\"intro\">\n <div class=\"intro-photo\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E5%8F%B0%E4%B8%AD%E5%9C%8B%E5%B0%8F1-1-1024x768.png\" alt=\"\u7ff0\u8c6b\u5ba4\u5167\u8072\u5b78\u7a7a\u9593\">\n <\/div>\n <div class=\"intro-copy\">\n <p class=\"section-kicker\">DESIGN APPROACH<\/p>\n <h2 class=\"section-title\">\u7528\u5ba4\u5167\u8a2d\u8a08\u7684\u7d30\u7dfb\u5ea6\uff0c\u8655\u7406\u8072\u97f3\u5728\u7a7a\u9593\u88e1\u7684\u8868\u60c5\u3002<\/h2>\n <p>\u6211\u5011\u9577\u671f\u5c08\u6ce8\u65bc\u7a7a\u9593\u5c0d\u8072\u97f3\u7684\u9700\u6c42\uff0c\u5f9e\u5ba4\u5167\u52d5\u7dda\u3001\u7246\u9762\u6bd4\u4f8b\u3001\u6750\u8cea\u808c\u7406\u5230\u65bd\u5de5\u7bc0\u9ede\uff0c\u8b93\u8a2d\u8a08\u4e0d\u53ea\u505c\u7559\u5728\u8996\u89ba\u6548\u679c\uff0c\u4e5f\u517c\u9867\u56de\u97f3\u3001\u566a\u97f3\u3001\u9694\u97f3\u3001\u8046\u807d\u6e05\u6670\u5ea6\u8207\u65e5\u5e38\u4f7f\u7528\u611f\u3002<\/p>\n <div class=\"service-grid\">\n <article class=\"service\">\n <b>\u5438\u97f3\u7f8e\u5b78\u7246\u9762<\/b>\n <span>\u4ee5\u6750\u6599\u6bd4\u4f8b\u8207\u7dda\u689d\u5b89\u6392\uff0c\u964d\u4f4e\u53cd\u5c04\u4e26\u7dad\u6301\u8a2d\u8a08\u5b8c\u6574\u5ea6\u3002<\/span>\n <\/article>\n <article class=\"service\">\n <b>\u9694\u97f3\u9580\u7246\u7cfb\u7d71<\/b>\n <span>\u8655\u7406\u9580\u7e2b\u3001\u7246\u9ad4\u3001\u8a2d\u5099\u8207\u7d50\u69cb\u50b3\u97f3\u7684\u95dc\u9375\u7d30\u7bc0\u3002<\/span>\n <\/article>\n <article class=\"service\">\n <b>\u7a7a\u9593\u8072\u5b78\u8abf\u6574<\/b>\n <span>\u4f9d\u7528\u9014\u63a7\u5236\u6df7\u97ff\u3001\u6e05\u6670\u5ea6\u3001\u64f4\u6563\u8207\u8046\u807d\u8212\u9069\u5ea6\u3002<\/span>\n <\/article>\n <article class=\"service\">\n <b>\u5167\u88dd\u4fee\u65bd\u5de5\u6574\u5408<\/b>\n <span>\u628a\u8072\u5b78\u9700\u6c42\u843d\u5be6\u5230\u5929\u82b1\u3001\u7246\u9762\u3001\u5730\u576a\u8207\u73fe\u5834\u5de5\u5e8f\u3002<\/span>\n <\/article>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"odeon-lab\">\n <div class=\"odeon-copy\">\n <p class=\"section-kicker\">ODEON SIMULATION<\/p>\n <h2 class=\"section-title\">\u4ee5 ODEON \u7a7a\u9593\u8072\u5b78\u6a21\u64ec\uff0c\u8b93\u8a2d\u8a08\u6c7a\u7b56\u6709\u4f9d\u64da\u3002<\/h2>\n <p>\u7ff0\u8c6b\u4f7f\u7528 ODEON Room Acoustics Software \u9032\u884c\u7a7a\u9593\u8072\u5b78\u6a21\u64ec\u8207\u5206\u6790\uff0c\u900f\u904e 3D \u6a21\u578b\u3001\u8072\u6e90\u8207\u63a5\u6536\u9ede\u3001\u6750\u6599\u5438\u97f3\u8cc7\u6599\u548c\u8072\u7dda\u8ffd\u8e64\uff0c\u9810\u5148\u8a55\u4f30 RT60\u3001STI\u3001C50\/C80 \u7b49\u95dc\u9375\u8072\u5b78\u6307\u6a19\uff0c\u8b93\u5438\u97f3\u3001\u9694\u97f3\u8207\u64f4\u6563\u914d\u7f6e\u4e0d\u53ea\u6191\u7d93\u9a57\uff0c\u4e5f\u80fd\u7528\u6578\u64da\u6e9d\u901a\u3002<\/p>\n <div class=\"odeon-points\">\n <span>3D \u7a7a\u9593\u6a21\u578b<\/span>\n <span>\u8072\u7dda\u8ffd\u8e64<\/span>\n <span>RT \/ STI \u5206\u6790<\/span>\n <\/div>\n <div class=\"odeon-workflow\" aria-label=\"ODEON \u6a21\u64ec\u6d41\u7a0b\">\n <span><b>01 \u5efa\u6a21<\/b>\u5efa\u7acb\u7a7a\u9593\u6bd4\u4f8b\u3001\u5929\u82b1\u3001\u7246\u9762\u8207\u4e3b\u8981\u53cd\u5c04\u9762\u3002<\/span>\n <span><b>02 \u6750\u6599<\/b>\u5957\u5165\u5438\u97f3\u3001\u53cd\u5c04\u3001\u64f4\u6563\u7b49\u8072\u5b78\u6750\u6599\u8cc7\u6599\u3002<\/span>\n <span><b>03 \u6a21\u64ec<\/b>\u914d\u7f6e\u97f3\u6e90\u8207\u63a5\u6536\u9ede\uff0c\u89c0\u5bdf\u8072\u7dda\u8207\u80fd\u91cf\u5206\u4f48\u3002<\/span>\n <span><b>04 \u5efa\u8b70<\/b>\u8f38\u51fa\u6df7\u97ff\u3001\u8a9e\u97f3\u6e05\u6670\u5ea6\u8207\u6750\u6599\u914d\u7f6e\u65b9\u5411\u3002<\/span>\n <\/div>\n <\/div>\n <div class=\"odeon-visual\" aria-label=\"ODEON \u8072\u5b78\u6a21\u64ec\u793a\u610f\">\n <div class=\"sim-room\"><\/div>\n <div class=\"sim-caption\"><b>ODEON model view<\/b>\u793a\u610f 3D \u7a7a\u9593\u6a21\u578b\u5167\u7684\u97f3\u6e90\u3001\u63a5\u6536\u9ede\u8207\u53cd\u5c04\u8def\u5f91\u3002<\/div>\n <i class=\"source-dot\" title=\"\u97f3\u6e90\u9ede\"><\/i>\n <i class=\"receiver-dot\" title=\"\u63a5\u6536\u9ede\"><\/i>\n <i class=\"ray\"><\/i>\n <i class=\"ray\"><\/i>\n <i class=\"ray\"><\/i>\n <i class=\"ray\"><\/i>\n <div class=\"sim-metrics\">\n <b>RT60 0.63s<\/b>\n <b>STI CLEAR<\/b>\n <b>C80 BALANCE<\/b>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"cases\">\n <div class=\"cases-inner\">\n <p class=\"section-kicker\">SELECTED WORKS<\/p>\n <h2 class=\"section-title\">\u4f5c\u54c1\u5448\u73fe\u56de\u5230\u7a7a\u9593\u672c\u8eab\uff1a\u6750\u8cea\u3001\u5149\u7dda\u3001\u6bd4\u4f8b\u8207\u8072\u97f3\u54c1\u8cea\u3002<\/h2>\n <div class=\"case-grid\">\n <a class=\"case\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2278\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E5%8F%B0%E4%B8%AD%E5%9C%8B%E5%B0%8F1-1-1024x768.png\" alt=\"\u6a5f\u95dc\u5b78\u6821\u8072\u5b78\u5de5\u7a0b\u6848\u4f8b\">\n <span class=\"case-label\">\u5b78\u6821\u8207\u516c\u5171\u7a7a\u9593\u8072\u5b78\u5167\u88dd<\/span>\n <\/a>\n <a class=\"case\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2278\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E5%AE%8C%E5%B7%A5%E5%9C%96-1024x768.png\" alt=\"\u5b8c\u5de5\u6848\u4f8b\">\n <span class=\"case-label\">\u5438\u97f3\u8207\u9694\u97f3\u6574\u5408\u5b8c\u5de5\u6848\u4f8b<\/span>\n <\/a>\n <a class=\"case\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2786\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E8%A8%AD%E5%82%99-1024x768.png\" alt=\"\u8072\u5b78\u8a2d\u5099\u8207\u6750\u6599\">\n <span class=\"case-label\">\u8072\u5b78\u6750\u6599\u8207\u8a2d\u5099\u7bc0\u9ede<\/span>\n <\/a>\n <a class=\"case\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=2786\">\n <img decoding=\"async\" src=\"https:\/\/www.hanyu.com.tw\/wp-content\/uploads\/2022\/07\/%E5%AE%8C%E5%B7%A5%E5%9C%96-1-scaled-600x450.png\" alt=\"\u7a7a\u9593\u5b8c\u6210\u7167\">\n <span class=\"case-label\">\u7a7a\u9593\u8072\u5b78\u5b8c\u6210\u7167<\/span>\n <\/a>\n <\/div>\n <\/div>\n <\/section>\n\n <aside class=\"contact-band\">\n <div>\n <h2>\u6b63\u5728\u898f\u5283\u9700\u8981\u5b89\u975c\u3001\u597d\u807d\u3001\u597d\u770b\u7684\u7a7a\u9593\uff1f<\/h2>\n <p>\u53ef\u5148\u63d0\u4f9b\u7528\u9014\u3001\u576a\u6578\u3001\u73fe\u6cc1\u7167\u7247\u8207\u76ee\u524d\u56f0\u64fe\uff0c\u7ff0\u8c6b\u5c07\u5354\u52a9\u8a55\u4f30\u5438\u97f3\u3001\u9694\u97f3\u8207\u7a7a\u9593\u8072\u5b78\u7684\u8a2d\u8a08\u65b9\u5411\u3002<\/p>\n <\/div>\n <a class=\"button primary\" href=\"https:\/\/www.hanyu.com.tw\/?page_id=25\">\u806f\u7d61\u7ff0\u8c6b<\/a>\n <\/aside>\n <\/main>\n\n <footer class=\"footer\">\n \u7248\u6b0a \u00a9 2026 \u7ff0\u8c6b\u5ba4\u5167\u88dd\u4fee\u8a2d\u8a08\u6709\u9650\u516c\u53f8\n <\/footer>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>\u7ff0\u8c6b\u5ba4\u5167\u88dd\u4fee\u8a2d\u8a08\u6709\u9650\u516c\u53f8\uff5c\u9996\u9801\u512a\u5316\u9810\u89bd \u9996\u9801 \u95dc\u65bc\u6211\u5011 \u670d\u52d9\u9805\u76ee \u7522\u54c1\u4ecb\u7d39 \u5be6\u7e3e\u6848\u4f8b \u6b98\u97ff\u8a08\u7b97\u5668 \u9810\u7d04\u8aee\u8a62 I […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"blocksy_meta":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":97,"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":3571,"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/3571"}],"wp:attachment":[{"href":"https:\/\/www.hanyu.com.tw\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}