\u547d\u66f8 MING SHU \u2014 HEADER<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500&family=Noto+Serif+TC:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 HEADER\n \u8a2d\u8a08\u4ee3\u5e63\u540c\u6b65 tokens.css\n \u2605 \u5168\u90e8\u9078\u64c7\u5668\u4ee5 #ms-header-root \u63d0\u5347\u7279\u7570\u6027\uff0c\u58d3\u904e Elementor \u4e3b\u984c\u6a23\u5f0f\n ============================================================ *\/\n\n#ms-header-root{\n --ms-ink: #1A1410;\n --ms-ink-deep: #0E2740;\n --ms-navy: #12304F;\n --ms-paper: #FAF6EF;\n --ms-paper-3: #EFE7D9;\n --ms-gold: #B08D4F;\n --ms-gold-light: #C9A870;\n --ms-muted: #7A7167;\n --ms-serif: \"Noto Serif TC\",\"Songti TC\",\"SimSun\",\"\u5b8b\u9ad4\",serif;\n --ms-sans: \"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",\"\u5fae\u8edf\u6b63\u9ed1\u9ad4\",sans-serif;\n --ms-ease: cubic-bezier(.16,.84,.44,1);\n --ms-h: 88px; \/* \u684c\u6a5f header \u9ad8 *\/\n --ms-h-sm: 72px; \/* sticky \/ \u624b\u6a5f header \u9ad8 *\/\n\n display:block;\n position:relative;\n width:100%;\n z-index:9990;\n}\n\n\/* \u5168\u57df\u91cd\u7f6e\uff1a\u58d3\u904e\u4e3b\u984c\u5c0d nav \/ a \/ button \/ ul \u7684\u9810\u8a2d *\/\n#ms-header-root *,\n#ms-header-root *::before,\n#ms-header-root *::after{\n box-sizing:border-box;\n margin:0;\n padding:0;\n font-family:inherit;\n}\n\n#ms-header-root a{\n text-decoration:none;\n background:none;\n border:none;\n box-shadow:none;\n}\n\n\/* ------------------------------------------------------------\n Header \u672c\u9ad4\n------------------------------------------------------------ *\/\n#ms-header-root .ms-header{\n display:block;\n width:100%;\n height:var(--ms-h);\n background:var(--ms-paper);\n border-bottom:1px solid rgba(176,141,79,.16);\n position:relative;\n z-index:9990;\n transition:height .5s var(--ms-ease),\n background .5s var(--ms-ease),\n box-shadow .5s var(--ms-ease),\n border-color .5s var(--ms-ease);\n opacity:0;\n transform:translateY(-14px);\n animation:msHeaderIn .9s var(--ms-ease) .05s forwards;\n}\n\n@keyframes msHeaderIn{\n to{ opacity:1; transform:translateY(0); }\n}\n\n#ms-header-root .ms-inner{\n display:flex;\n flex-direction:row; \/* \u2605 \u660e\u78ba\u6a6b\u6392\uff0c\u9632\u4e3b\u984c\u8986\u5beb *\/\n flex-wrap:nowrap;\n align-items:center;\n justify-content:space-between;\n gap:clamp(16px,3vw,48px);\n width:100%;\n max-width:1320px;\n height:100%;\n margin:0 auto;\n padding:0 clamp(20px,3.4vw,40px);\n}\n\n\/* ------------------------------------------------------------\n Logo \u6a23\u5f0f\u8207\u660e\u986f\u5fae\u52d5\u614b\u63a7\u5236\n------------------------------------------------------------ *\/\n#ms-header-root .ms-logo{\n display:flex;\n align-items:center;\n flex:0 0 auto;\n}\n\n#ms-header-root .ms-logo a{\n display:block;\n line-height:0;\n transition:transform .5s var(--ms-ease), opacity .4s var(--ms-ease);\n}\n\n#ms-header-root .ms-logo a:hover{\n transform:scale(1.06);\n opacity:.9;\n}\n\n\/* \u684c\u6a5f\u7248 Logo \u5c3a\u5bf8 & \u52a0\u5f37\u7248\u5fae\u52d5\u614b *\/\n#ms-header-root .ms-logo img { \n display: block;\n width: clamp(60px, 6vw, 75px);\n height: auto;\n \/* \u6642\u9593\u8abf\u6574\u70ba 2.6 \u79d2\uff0c\u52d5\u756b\u611f\u66f4\u6d41\u66a2\u660e\u986f *\/\n animation: logoFloat 2.6s ease-in-out infinite; \n transform-origin: center center; \n} \n\n@keyframes logoFloat { \n 0%, 100% { \n transform: translateY(0) scale(1); \n filter: drop-shadow(0 2px 5px rgba(26, 20, 16, 0.06)); \n } \n 50% { \n \/* \u5e45\u5ea6\u52a0\u5927\u5230 6px + 3% \u653e\u5927 + \u6eab\u6f64\u91d1\u8272\u65e5\u5149\u6688 *\/\n transform: translateY(-6px) scale(1.03); \n filter: drop-shadow(0 8px 16px rgba(176, 141, 79, 0.35)) brightness(1.08); \n } \n}\n\n\/* ------------------------------------------------------------\n \u684c\u6a5f\u5c0e\u89bd\n------------------------------------------------------------ *\/\n#ms-header-root .ms-nav{\n display:flex;\n flex-direction:row;\n flex-wrap:nowrap;\n align-items:center;\n gap:clamp(20px,2.6vw,40px);\n margin-left:auto;\n list-style:none;\n}\n\n#ms-header-root .ms-nav > a{\n display:inline-flex;\n align-items:center;\n flex:0 0 auto;\n width:auto;\n white-space:nowrap;\n position:relative;\n padding:8px 0;\n font-family:var(--ms-sans);\n font-size:clamp(14px,1.06vw,16px);\n font-weight:400;\n letter-spacing:.05em;\n line-height:1;\n color:var(--ms-ink);\n transition:color .4s var(--ms-ease);\n opacity:0;\n transform:translateY(-10px);\n animation:msNavIn .75s var(--ms-ease) forwards;\n}\n\n#ms-header-root .ms-nav > a:nth-of-type(1){ animation-delay:.30s; }\n#ms-header-root .ms-nav > a:nth-of-type(2){ animation-delay:.38s; }\n#ms-header-root .ms-nav > a:nth-of-type(3){ animation-delay:.46s; }\n#ms-header-root .ms-nav > a:nth-of-type(4){ animation-delay:.54s; }\n#ms-header-root .ms-nav > a:nth-of-type(5){ animation-delay:.62s; }\n\n@keyframes msNavIn{\n to{ opacity:1; transform:translateY(0); }\n}\n\n#ms-header-root .ms-nav > a::after{\n content:\"\";\n position:absolute;\n left:50%;\n bottom:0;\n width:0;\n height:1px;\n transform:translateX(-50%);\n background:linear-gradient(90deg,\n rgba(176,141,79,0) 0%,\n var(--ms-gold) 50%,\n rgba(176,141,79,0) 100%);\n transition:width .5s var(--ms-ease);\n}\n\n#ms-header-root .ms-nav > a:hover,\n#ms-header-root .ms-nav > a:focus-visible{\n color:var(--ms-ink-deep);\n}\n\n#ms-header-root .ms-nav > a:hover::after,\n#ms-header-root .ms-nav > a:focus-visible::after{\n width:100%;\n}\n\n#ms-header-root .ms-nav > a.is-current{\n color:var(--ms-ink-deep);\n font-weight:500;\n}\n#ms-header-root .ms-nav > a.is-current::after{\n width:100%;\n opacity:.5;\n}\n\n\/* ------------------------------------------------------------\n Sticky\n------------------------------------------------------------ *\/\n#ms-header-root .ms-header.is-sticky{\n position:fixed;\n top:0;\n left:0;\n height:var(--ms-h-sm);\n background:rgba(250,246,239,.88);\n -webkit-backdrop-filter:blur(18px) saturate(1.5);\n backdrop-filter:blur(18px) saturate(1.5);\n box-shadow:0 14px 44px rgba(26,20,16,.08);\n border-bottom-color:rgba(176,141,79,.1);\n}\n\n#ms-header-root .ms-header.is-sticky .ms-logo img{\n width: 50px !important;\n}\n\n#ms-header-root .ms-spacer{\n display:none;\n width:100%;\n height:var(--ms-h);\n}\n#ms-header-root .ms-spacer.is-active{ display:block; }\n\n\/* ------------------------------------------------------------\n \u6f22\u5821\u9215\n------------------------------------------------------------ *\/\n#ms-header-root .ms-toggle{\n display:none;\n position:relative;\n flex:0 0 auto;\n width:44px;\n height:44px;\n background:none;\n border:none;\n cursor:pointer;\n z-index:2;\n}\n\n#ms-header-root .ms-toggle.is-open{\n opacity:0;\n pointer-events:none;\n}\n\n#ms-header-root .ms-close{\n position:absolute;\n top:calc((var(--ms-h) - 44px) \/ 2);\n right:clamp(20px,3.4vw,40px);\n width:44px;\n height:44px;\n background:none;\n border:none;\n cursor:pointer;\n z-index:3;\n opacity:0;\n transition:opacity .35s var(--ms-ease) .2s,\n transform .5s var(--ms-ease);\n}\n\n#ms-header-root .ms-drawer.is-open .ms-close{ opacity:1; }\n\n#ms-header-root .ms-close:hover{ transform:rotate(90deg); }\n\n#ms-header-root .ms-close i{\n position:absolute;\n top:21px;\n left:10px;\n display:block;\n width:24px;\n height:1.5px;\n background:var(--ms-ink-deep);\n}\n#ms-header-root .ms-close i:nth-child(1){ transform:rotate(45deg); }\n#ms-header-root .ms-close i:nth-child(2){ transform:rotate(-45deg); }\n\n#ms-header-root .ms-toggle i{\n position:absolute;\n left:10px;\n display:block;\n height:1.5px;\n background:var(--ms-ink-deep);\n transition:transform .5s var(--ms-ease),\n opacity .3s var(--ms-ease),\n width .5s var(--ms-ease);\n}\n\n#ms-header-root .ms-toggle i:nth-child(1){ top:15px; width:24px; }\n#ms-header-root .ms-toggle i:nth-child(2){ top:21.5px; width:17px; }\n#ms-header-root .ms-toggle i:nth-child(3){ top:28px; width:24px; }\n\n#ms-header-root .ms-toggle:hover i:nth-child(2){ width:24px; }\n\n#ms-header-root .ms-toggle.is-open i:nth-child(1){\n transform:translateY(6.5px) rotate(45deg);\n}\n#ms-header-root .ms-toggle.is-open i:nth-child(2){\n opacity:0;\n transform:translateX(-14px);\n}\n#ms-header-root .ms-toggle.is-open i:nth-child(3){\n transform:translateY(-6.5px) rotate(-45deg);\n}\n\n\/* ------------------------------------------------------------\n \u624b\u6a5f\u62bd\u5c5c\n------------------------------------------------------------ *\/\n#ms-header-root .ms-drawer{\n position:fixed;\n inset:0;\n display:flex;\n flex-direction:column;\n justify-content:center;\n align-items:center;\n gap:0;\n background:var(--ms-paper);\n z-index:10001;\n opacity:0;\n visibility:hidden;\n transform:translateY(-101%);\n transition:transform .7s cubic-bezier(.76,0,.24,1),\n opacity .45s var(--ms-ease),\n visibility .7s;\n}\n\n#ms-header-root .ms-drawer.is-open{\n opacity:1;\n visibility:visible;\n transform:translateY(0);\n}\n\n#ms-header-root .ms-drawer-top{\n position:absolute;\n top:0;\n left:0;\n display:flex;\n align-items:center;\n width:100%;\n height:var(--ms-h);\n padding:0 clamp(20px,3.4vw,40px);\n opacity:0;\n transition:opacity .4s var(--ms-ease) .18s;\n pointer-events:none;\n}\n#ms-header-root .ms-drawer.is-open .ms-drawer-top{ opacity:1; }\n\n#ms-header-root .ms-drawer-top img{\n display:block;\n width:48px;\n height:auto;\n}\n\n#ms-header-root .ms-drawer-foot{\n position:absolute;\n bottom:clamp(28px,6vh,52px);\n left:0;\n width:100%;\n text-align:center;\n font-family:var(--ms-sans);\n font-size:11px;\n letter-spacing:.34em;\n color:var(--ms-gold);\n opacity:0;\n transition:opacity .5s var(--ms-ease) .58s;\n pointer-events:none;\n}\n#ms-header-root .ms-drawer.is-open .ms-drawer-foot{ opacity:.75; }\n\n#ms-header-root .ms-drawer::before{\n content:\"\";\n position:absolute;\n top:50%;\n left:50%;\n width:min(78vw,420px);\n aspect-ratio:1\/1;\n transform:translate(-50%,-50%);\n border:1px solid rgba(176,141,79,.16);\n border-radius:50%;\n pointer-events:none;\n animation:msBreathe 7s ease-in-out infinite;\n}\n\n@keyframes msBreathe{\n 0%,100%{ transform:translate(-50%,-50%) scale(1); opacity:.5; }\n 50% { transform:translate(-50%,-50%) scale(1.07); opacity:.9; }\n}\n\n#ms-header-root .ms-drawer > a{\n display:block;\n position:relative;\n padding:18px 0;\n font-family:var(--ms-serif);\n font-size:clamp(21px,6.2vw,28px);\n font-weight:400;\n letter-spacing:.14em;\n color:var(--ms-ink-deep);\n white-space:nowrap;\n opacity:0;\n transform:translateY(26px);\n transition:opacity .55s var(--ms-ease),\n transform .55s var(--ms-ease),\n color .35s var(--ms-ease);\n}\n\n#ms-header-root .ms-drawer.is-open > a{\n opacity:1;\n transform:translateY(0);\n}\n\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(1){ transition-delay:.24s; }\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(2){ transition-delay:.31s; }\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(3){ transition-delay:.38s; }\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(4){ transition-delay:.45s; }\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(5){ transition-delay:.52s; }\n\n#ms-header-root .ms-drawer > a::after{\n content:\"\";\n position:absolute;\n left:50%;\n bottom:10px;\n width:0;\n height:1px;\n transform:translateX(-50%);\n background:var(--ms-gold);\n transition:width .45s var(--ms-ease);\n}\n#ms-header-root .ms-drawer > a:hover::after,\n#ms-header-root .ms-drawer > a:active::after{ width:64%; }\n\nbody.ms-lock{\n position:fixed;\n width:100%;\n overflow:hidden;\n}\n\n\/* ------------------------------------------------------------\n RWD\n------------------------------------------------------------ *\/\n@media (max-width:900px){\n #ms-header-root .ms-nav{ gap:20px; }\n #ms-header-root .ms-nav > a{ font-size:14px; letter-spacing:.03em; }\n}\n\n@media (max-width:768px){\n #ms-header-root{ --ms-h:72px; --ms-h-sm:64px; }\n \n \/* \ud83d\udcf1 \u624b\u6a5f\u7248 Logo \u5c3a\u5bf8\u63a7\u5236 *\/\n #ms-header-root .ms-logo img{ width: 48px !important; }\n #ms-header-root .ms-header.is-sticky .ms-logo img{ width: 42px !important; }\n #ms-header-root .ms-drawer-top img{ width: 48px !important; }\n\n #ms-header-root .ms-nav{ display:none; }\n #ms-header-root .ms-toggle{ display:block; }\n}\n\n@media (prefers-reduced-motion:reduce){\n #ms-header-root *{\n animation:none !important;\n transition-duration:.01ms !important;\n }\n #ms-header-root .ms-header,\n #ms-header-root .ms-nav > a,\n #ms-header-root .ms-drawer > a{\n opacity:1 !important;\n transform:none !important;\n }\n}\n<\/style>\n<\/head>\n<body style=\"margin:0;background:#FAF6EF;\">\n\n<div id=\"ms-header-root\">\n\n <header class=\"ms-header\">\n <div class=\"ms-inner\">\n\n <div class=\"ms-logo\">\n <a href=\"\/\" aria-label=\"\u547d\u66f8 MING SHU \u9996\u9801\">\n <img decoding=\"async\" src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png\" alt=\"\u547d\u66f8 MING SHU\">\n <\/a>\n <\/div>\n\n <nav class=\"ms-nav\" aria-label=\"\u4e3b\u8981\u5c0e\u89bd\">\n <a href=\"https:\/\/mingshu.space\/#about\">\u8a8d\u8b58\u547d\u66f8<\/a>\n <a href=\"https:\/\/mingshu.space\/#preview\">\u8a66\u95b1\u547d\u66f8<\/a>\n <a href=\"https:\/\/mingshu.space\/#collection\">\u6536\u85cf\u65b9\u6848<\/a>\n <a href=\"https:\/\/mingshu.space\/#story\">\u54c1\u724c\u6545\u4e8b<\/a>\n <a href=\"https:\/\/mingshu.space\/#faq\">\u5e38\u898b\u554f\u984c<\/a>\n <\/nav>\n\n <button class=\"ms-toggle\" type=\"button\" aria-label=\"\u958b\u555f\u9078\u55ae\" aria-expanded=\"false\" aria-controls=\"ms-drawer\">\n <i><\/i><i><\/i><i><\/i>\n <\/button>\n\n <\/div>\n <\/header>\n\n <div class=\"ms-spacer\" aria-hidden=\"true\"><\/div>\n\n <nav class=\"ms-drawer\" id=\"ms-drawer\" aria-label=\"\u884c\u52d5\u88dd\u7f6e\u5c0e\u89bd\" aria-hidden=\"true\">\n\n <div class=\"ms-drawer-top\" aria-hidden=\"true\">\n <img decoding=\"async\" src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png\" alt=\"\u547d\u66f8 MING SHU\">\n <\/div>\n\n <button class=\"ms-close\" type=\"button\" aria-label=\"\u95dc\u9589\u9078\u55ae\">\n <i><\/i><i><\/i>\n <\/button>\n\n <a href=\"https:\/\/mingshu.space\/#about\">\u8a8d\u8b58\u547d\u66f8<\/a>\n <a href=\"https:\/\/mingshu.space\/#preview\">\u8a66\u95b1\u547d\u66f8<\/a>\n <a href=\"https:\/\/mingshu.space\/#collection\">\u6536\u85cf\u65b9\u6848<\/a>\n <a href=\"https:\/\/mingshu.space\/#story\">\u54c1\u724c\u6545\u4e8b<\/a>\n <a href=\"https:\/\/mingshu.space\/#faq\">\u5e38\u898b\u554f\u984c<\/a>\n\n <div class=\"ms-drawer-foot\" aria-hidden=\"true\">MING SHU<\/div>\n\n <\/nav>\n\n<\/div>\n\n<script>\n(function(){\n var root = document.getElementById('ms-header-root');\n if(!root) return;\n\n var header = root.querySelector('.ms-header');\n var spacer = root.querySelector('.ms-spacer');\n var toggle = root.querySelector('.ms-toggle');\n var drawer = root.querySelector('.ms-drawer');\n var closeBtn = root.querySelector('.ms-close');\n\n \/* ---------- Sticky ---------- *\/\n var anchorTop = 0, ticking = false;\n\n function measure(){\n if(header.classList.contains('is-sticky')) return;\n anchorTop = root.getBoundingClientRect().top + window.pageYOffset;\n }\n\n function onScroll(){\n var y = window.pageYOffset;\n if(y > anchorTop + 8){\n if(!header.classList.contains('is-sticky')){\n header.classList.add('is-sticky');\n spacer.classList.add('is-active');\n }\n }else if(y <= anchorTop){\n header.classList.remove('is-sticky');\n spacer.classList.remove('is-active');\n measure();\n }\n ticking = false;\n }\n\n measure();\n window.addEventListener('scroll', function(){\n if(!ticking){ window.requestAnimationFrame(onScroll); ticking = true; }\n }, {passive:true});\n window.addEventListener('resize', measure);\n window.addEventListener('load', measure);\n\n \/* ---------- \u62bd\u5c5c ---------- *\/\n var scrollLock = 0;\n\n function setDrawer(open){\n drawer.classList.toggle('is-open', open);\n toggle.classList.toggle('is-open', open);\n drawer.setAttribute('aria-hidden', open ? 'false' : 'true');\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n toggle.setAttribute('aria-label', open ? '\u95dc\u9589\u9078\u55ae' : '\u958b\u555f\u9078\u55ae');\n\n if(open){\n scrollLock = window.pageYOffset;\n document.body.classList.add('ms-lock');\n document.body.style.top = (-scrollLock) + 'px';\n var first = drawer.querySelector('a');\n if(first) setTimeout(function(){ first.focus(); }, 320);\n }else{\n document.body.classList.remove('ms-lock');\n document.body.style.top = '';\n window.scrollTo(0, scrollLock);\n toggle.focus();\n }\n }\n\n function closeDrawer(){ if(drawer.classList.contains('is-open')) setDrawer(false); }\n\n toggle.addEventListener('click', function(){\n setDrawer(!drawer.classList.contains('is-open'));\n });\n\n if(closeBtn) closeBtn.addEventListener('click', closeDrawer);\n\n Array.prototype.forEach.call(drawer.querySelectorAll('a'), function(a){\n a.addEventListener('click', closeDrawer);\n });\n\n drawer.addEventListener('click', function(e){\n if(e.target === drawer) closeDrawer();\n });\n\n document.addEventListener('keydown', function(e){\n if(!drawer.classList.contains('is-open')) return;\n\n if(e.key === 'Escape'){ closeDrawer(); return; }\n\n if(e.key === 'Tab'){\n var items = [].slice.call(drawer.querySelectorAll('a'));\n if(closeBtn) items.push(closeBtn);\n if(!items.length) return;\n var firstEl = items[0], lastEl = items[items.length - 1];\n if(e.shiftKey && document.activeElement === firstEl){\n e.preventDefault(); lastEl.focus();\n }else if(!e.shiftKey && document.activeElement === lastEl){\n e.preventDefault(); firstEl.focus();\n }\n }\n });\n\n window.addEventListener('resize', function(){\n if(window.innerWidth > 768) closeDrawer();\n });\n\n \/* ---------- \u76ee\u524d\u9801\u9ad8\u4eae ---------- *\/\n var path = window.location.pathname.replace(\/\\\/+$\/,'');\n Array.prototype.forEach.call(root.querySelectorAll('.ms-nav > a, .ms-drawer > a'), function(a){\n var href = (a.getAttribute('href')||'').replace(\/\\\/+$\/,'');\n if(href && href === path) a.classList.add('is-current');\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fb5c7cb e-con e-atomic-element e-flexbox-base e-ec7ba53 \" data-id=\"fb5c7cb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fb5c7cb\">\n \t\t<div class=\"elementor-element elementor-element-b9f23ce elementor-widget elementor-widget-html\" data-id=\"b9f23ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<link rel=\"preconnect\" href=\"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\" crossorigin>\n<link rel=\"preload\" href=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-opening.webm%EF%BC%9A%E9%96%8B%E5%A0%B4%E5%8B%95%E7%95%AB.webm\" as=\"video\" type=\"video\/webm\">\n\n \n <script>\n (function(){\n try{\n var replay = new URLSearchParams(location.search).get(\"replayIntro\")===\"1\";\n var played = false;\n try{ played = sessionStorage.getItem(\"mingshu_intro_played_webm_v2\")===\"1\"; }catch(e){}\n if(replay || !played){\n document.documentElement.classList.add(\"ms-intro-pending\");\n setTimeout(function(){ document.documentElement.classList.remove(\"ms-intro-pending\"); }, 16000);\n }\n }catch(e){\n document.documentElement.classList.add(\"ms-intro-pending\");\n setTimeout(function(){ document.documentElement.classList.remove(\"ms-intro-pending\"); }, 16000);\n }\n })();\n <\/script>\n\n <style>\n :root {\n --ms-primary:#132B45;\n --ms-primary-hover:#1B3B60;\n --ms-paper:#F8F6F2;\n --ms-gold:#C8A46A;\n --ms-text:#2B2B2B;\n --ms-muted:#707070;\n --ms-white:#FFFFFF;\n --ms-container:1320px;\n }\n\n html { background:var(--ms-paper); }\n body {\n margin:0;\n color:var(--ms-text);\n background:var(--ms-paper);\n font-family:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n }\n body.ms-page-lock { overflow:hidden !important; }\n\n #ms-home-intro-hero,\n #ms-home-intro-hero *,\n #ms-opening-layer,\n #ms-opening-layer * { box-sizing:border-box; }\n\n \/* \u958b\u5834\u5c64\u9810\u8a2d\u96b1\u85cf\uff1aWordPress \u4e0d\u57f7\u884c JS \u6642\u4e0d\u6703\u906e\u4f4f\u9801\u9762 *\/\n #ms-opening-layer {\n position:fixed;\n inset:0;\n z-index:999999;\n display:none;\n width:100%;\n height:100vh;\n height:100dvh;\n overflow:hidden;\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n background:radial-gradient(circle at center,#20364C 0%,#0D1B2A 62%,#080F17 100%);\n }\n\n \/* \u2461\u3010\u65b0\u589e\u3011\u9996\u5c4f\u9632\u9583\uff1aJS \u5224\u5b9a\u8981\u64ad\u958b\u5834\u6642\uff0c\u7b2c\u4e00\u6642\u9593\u5c31\u906e\u4f4f Hero\u3001\u92ea\u4e0a\u958b\u5834\u6df1\u85cd\u80cc\u666f\uff0c\n \u6d88\u9664\u300c\u5148\u9583\u4e00\u5e40 Hero\u300d\u7684\u554f\u984c\u3002 *\/\n html.ms-intro-pending #ms-opening-layer {\n display:block;\n opacity:1;\n visibility:visible;\n pointer-events:auto;\n }\n html.ms-intro-pending #ms-home-intro-hero {\n visibility:hidden;\n }\n\n #ms-opening-layer.is-active {\n display:block;\n opacity:1;\n visibility:visible;\n pointer-events:auto;\n }\n #ms-opening-layer.is-finished {\n display:block;\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n transition:opacity .75s ease,visibility .75s ease;\n }\n .ms-opening-video {\n position:absolute;\n inset:0;\n z-index:1;\n width:100%;\n height:100%;\n display:block;\n object-fit:contain;\n object-position:center;\n background:transparent;\n transition:opacity .6s ease,transform 1.15s ease,filter 1.15s ease;\n }\n #ms-opening-layer.is-transitioning .ms-opening-video {\n opacity:.9;\n transform:scale(1.045);\n filter:brightness(1.3) saturate(1.08);\n }\n \/* \u767d\u5149\u5b8c\u5168\u906e\u6eff\u5f8c\u6c38\u4e45\u85cf\u8d77\u958b\u5834\u5f71\u7247\uff0c\u907f\u514d\u7d50\u5c3e\u756b\u9762\u9583\u56de\u4e00\u5e40 *\/\n #ms-opening-layer.is-covered .ms-opening-video {\n opacity:0;\n visibility:hidden;\n }\n .ms-gold-flash,\n .ms-white-flash {\n position:absolute;\n inset:0;\n pointer-events:none;\n opacity:0;\n }\n .ms-gold-flash {\n z-index:2;\n background:radial-gradient(circle at 52% 54%,#FFF 0%,rgba(255,248,218,.98) 8%,rgba(238,204,132,.9) 22%,rgba(200,164,106,.52) 46%,rgba(200,164,106,0) 72%);\n transform:scale(.4);\n }\n .ms-white-flash { z-index:3;background:#FFF; }\n #ms-opening-layer.is-transitioning .ms-gold-flash {\n animation:msGoldFlash 1.15s cubic-bezier(.2,.75,.2,1) forwards;\n }\n #ms-opening-layer.is-transitioning .ms-white-flash {\n animation:msWhiteFlash 1.15s ease forwards;\n }\n @keyframes msGoldFlash {\n 0%{opacity:0;transform:scale(.35)}\n 25%{opacity:.72}\n 68%{opacity:1;transform:scale(2.1)}\n 100%{opacity:0;transform:scale(3)}\n }\n @keyframes msWhiteFlash {\n 0%,48%{opacity:0}\n 70%,100%{opacity:1}\n }\n .ms-opening-skip {\n position:absolute;\n right:28px;\n bottom:28px;\n z-index:5;\n padding:10px 18px;\n border:1px solid rgba(255,255,255,.5);\n border-radius:999px;\n color:#FFF;\n background:rgba(19,43,69,.5);\n backdrop-filter:blur(12px);\n -webkit-backdrop-filter:blur(12px);\n font:14px\/1.5 \"Noto Sans TC\",\"Microsoft JhengHei\",sans-serif;\n letter-spacing:1px;\n cursor:pointer;\n transition:background .3s ease,transform .3s ease,opacity .3s ease;\n }\n .ms-opening-skip:hover { background:rgba(19,43,69,.8);transform:translateY(-2px); }\n #ms-opening-layer.is-transitioning .ms-opening-skip { opacity:0;pointer-events:none; }\n\n \/* Hero *\/\n .ms-hero {\n position:relative;\n width:100%;\n \/* \u684c\u6a5f\u8b93 Hero \u6070\u597d\u4f54\u6eff\u4e00\u5c4f\uff0c\u300c\u7ffb\u958b\u7b2c\u4e00\u9801\u300d\u63d0\u793a\u624d\u6703\u843d\u5728\u53ef\u8996\u7bc4\u570d\u5167 *\/\n min-height:100vh;\n min-height:100dvh;\n display:flex;\n align-items:center;\n padding:60px 0 100px;\n overflow:hidden;\n background-color:var(--ms-paper);\n }\n \/* \u80cc\u666f\u7368\u7acb\u6210\u4e00\u5c64\uff1a\u53ef\u505a Ken Burns \u7de9\u6162\u63a8\u8fd1\u8207\u6ed1\u9f20\u8996\u5dee\uff0c\u4e0d\u5f71\u97ff\u5167\u5bb9 *\/\n .ms-hero-bg {\n position:absolute;\n inset:-4%;\n z-index:0;\n pointer-events:none;\n background-image:url(\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u670817\u65e5-\u4e0b\u534804_33_46.png\");\n background-size:cover;\n background-position:center;\n background-repeat:no-repeat;\n \/* \u4e0d\u505a Ken Burns \u7e2e\u653e\uff1a\u50c5\u4fdd\u7559\u6ed1\u9f20\u8996\u5dee\u7684\u6975\u5c0f\u4f4d\u79fb\uff08\u514b\u5236\uff09 *\/\n transform:translate3d(var(--ms-bgx,0px),var(--ms-bgy,0px),0) scale(1.04);\n transition:transform 1.6s cubic-bezier(.22,.9,.24,1);\n }\n \/* \u7d19\u8cea\u58d3\u5149\uff1a\u50c5\u70ba\u6587\u5b57\u53ef\u8b80\u5ea6\u670d\u52d9\uff0c\u4e0d\u505a\u547c\u5438\u52d5\u756b\uff08\u964d\u566a\uff09 *\/\n .ms-hero-glow {\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events:none;\n background:linear-gradient(100deg,rgba(248,246,242,.92) 0%,rgba(248,246,242,.62) 34%,rgba(248,246,242,.12) 58%,rgba(248,246,242,0) 76%);\n }\n\n .ms-hero.is-revealing { animation:msHeroReveal 1s ease both; }\n @keyframes msHeroReveal {\n from{opacity:.55;filter:brightness(1.2)}\n to{opacity:1;filter:brightness(1)}\n }\n .ms-hero-container {\n position:relative;\n z-index:2;\n width:100%;\n max-width:var(--ms-container);\n margin:0 auto;\n padding:40px 30px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:80px;\n }\n .ms-hero-content { position:relative;z-index:3;width:45%; }\n\n \/* \u2500\u2500 Eyebrow\uff1a\u9032\u5834\u6642\u5b57\u8ddd\u7531\u7dca\u5230\u9b06\u6490\u958b \u2500\u2500 *\/\n .ms-eyebrow {\n margin:0 0 26px;\n color:var(--ms-gold);\n font-size:13px;\n line-height:1.5;\n letter-spacing:0;\n opacity:0;\n transform:translateY(14px);\n }\n .ms-hero-content.is-in .ms-eyebrow {\n animation:msEyebrowIn 1.5s cubic-bezier(.19,1,.22,1) .12s forwards;\n }\n @keyframes msEyebrowIn {\n 0%{opacity:0;transform:translateY(14px);letter-spacing:0}\n 60%{opacity:1}\n 100%{opacity:1;transform:translateY(0);letter-spacing:3px}\n }\n\n \/* \u2500\u2500 \u6a19\u984c\uff1a\u9010\u884c\u906e\u7f69\u4e0a\u63a8 + \u9010\u5b57\u6d6e\u73fe \u2500\u2500 *\/\n .ms-hero-title {\n margin:0 0 32px;\n color:var(--ms-primary);\n font-family:\"Noto Serif TC\",\"PMingLiU\",serif;\n font-size:64px;\n font-weight:700;\n line-height:1.25;\n }\n .ms-title-line {\n display:block;\n overflow:hidden;\n \/* \u4e2d\u6587\u6a19\u984c\u7d55\u4e0d\u65b7\u884c\uff1a\u5169\u884c\u7531\u5169\u500b span \u63a7\u5236 *\/\n white-space:nowrap;\n }\n .ms-title-inner {\n display:inline-block;\n transform:translateY(105%);\n opacity:0;\n }\n .ms-hero-content.is-in .ms-title-line:nth-child(1) .ms-title-inner {\n animation:msLineUp 1.05s cubic-bezier(.19,1,.22,1) .28s forwards;\n }\n .ms-hero-content.is-in .ms-title-line:nth-child(2) .ms-title-inner {\n animation:msLineUp 1.05s cubic-bezier(.19,1,.22,1) .44s forwards;\n }\n \/* \u9010\u5b57\u6d6e\u73fe\uff08JS \u62c6\u5b57\u6210\u529f\u6642\u555f\u7528\uff0c\u5931\u6557\u5247\u6cbf\u7528\u6574\u884c\u52d5\u756b\uff09 *\/\n .ms-hero-title.is-split .ms-title-inner { opacity:1;transform:none;animation:none !important; }\n .ms-hero-title.is-split .ms-char {\n display:inline-block;\n opacity:0;\n transform:translateY(100%);\n filter:blur(6px);\n will-change:transform,opacity,filter;\n }\n .ms-hero-content.is-in .ms-hero-title.is-split .ms-char {\n animation:msCharUp .95s cubic-bezier(.16,1,.3,1) forwards;\n animation-delay:calc(.26s + var(--ms-i) * .042s);\n }\n \/* \u9032\u5834\u7d50\u675f\u5f8c\u4ea4\u68d2\u7d66\u6ed1\u9f20\u4e92\u52d5\u3002\n animation \u5fc5\u9808\u7528 !important \u5fb9\u5e95\u65b7\u958b\u2014\u2014forwards \u7684\u586b\u5145\u503c\n \u512a\u5148\u6b0a\u9ad8\u65bc\u4e00\u822c\u5ba3\u544a\uff0c\u5426\u5247 JS \u5beb\u5165\u7684 inline transform \u6703\u88ab\u58d3\u4f4f\u3002 *\/\n .ms-hero-title.is-ready .ms-char {\n animation:none !important;\n opacity:1;\n filter:none;\n color:color-mix(in srgb,var(--ms-primary) calc(100% - var(--ms-lift,0) * 22%),var(--ms-gold));\n transition:transform .45s cubic-bezier(.22,.9,.24,1),color .45s ease;\n }\n \/* \u4e0d\u652f\u63f4 color-mix \u7684\u700f\u89bd\u5668\u4ecd\u6709\u4f4d\u79fb\u6548\u679c\uff0c\u984f\u8272\u7dad\u6301\u4e3b\u8272 *\/\n @supports not (color:color-mix(in srgb,#000 50%,#fff)) {\n .ms-hero-title.is-ready .ms-char { color:var(--ms-primary); }\n }\n\n .ms-hero-description {\n margin:0 0 45px;\n color:var(--ms-text);\n font-size:18px;\n line-height:1.9;\n opacity:0;\n transform:translateY(18px);\n }\n .ms-hero-content.is-in .ms-hero-description {\n animation:msFadeUp 1s cubic-bezier(.22,.9,.24,1) .78s forwards;\n }\n \/* \u6bb5\u843d\u9010\u5b57\u63ed\u793a\uff1a\u62c6\u5b57\u6210\u529f\u6642\u6539\u7531\u6bcf\u500b\u5b57\u81ea\u884c\u6d6e\u73fe\uff0c\u6574\u9ad4\u4e0d\u518d\u4e00\u6b21\u6de1\u5165 *\/\n .ms-hero-description.is-split {\n opacity:1;\n transform:none;\n animation:none !important;\n }\n .ms-hero-description.is-split .ms-dchar {\n display:inline-block;\n opacity:0;\n transform:translateY(10px);\n white-space:pre-wrap;\n }\n .ms-hero-content.is-in .ms-hero-description.is-split .ms-dchar {\n animation:msFadeUp .7s cubic-bezier(.22,.9,.24,1) forwards;\n animation-delay:calc(.72s + var(--ms-i) * .012s);\n }\n\n .ms-hero-buttons {\n display:flex;\n align-items:center;\n gap:28px;\n opacity:0;\n transform:translateY(18px);\n }\n .ms-hero-content.is-in .ms-hero-buttons {\n animation:msFadeUp 1s cubic-bezier(.22,.9,.24,1) .95s forwards;\n }\n\n \/* \u2500\u2500 \u4e3b\u6309\u9215\uff1a\u65b9\u89d2\u3001\u7dda\u6027\u3001\u586b\u8272\u7531\u5de6\u63a8\u9032\uff08\u7406\u6027\u8a9e\u5f59\uff0c\u4e0d\u505a\u78c1\u5438\u8207\u70ab\u5149\uff09\u2500\u2500 *\/\n .ms-primary-btn {\n position:relative;\n display:inline-flex;\n align-items:center;\n justify-content:space-between;\n gap:38px;\n min-width:264px;\n padding:19px 26px;\n border:1px solid var(--ms-primary);\n border-radius:2px;\n overflow:hidden;\n isolation:isolate;\n color:var(--ms-primary) !important;\n background:transparent;\n font-size:15px;\n line-height:1.5;\n letter-spacing:2px;\n text-decoration:none !important;\n cursor:pointer;\n transition:color .45s cubic-bezier(.22,.9,.24,1),border-color .45s ease;\n }\n \/* \u6df1\u85cd\u586b\u8272\u7531\u5de6\u5f80\u53f3\u63a8\u9032 *\/\n .ms-primary-btn::before {\n content:\"\";\n position:absolute;\n inset:0;\n z-index:-1;\n background:var(--ms-primary);\n transform:scaleX(0);\n transform-origin:left center;\n transition:transform .55s cubic-bezier(.22,.9,.24,1);\n }\n .ms-primary-btn:hover::before { transform:scaleX(1); }\n .ms-primary-btn:hover { color:#FFF !important; }\n .ms-btn-label { position:relative;z-index:2; }\n \/* \u55ae\u7dda\u7bad\u982d\uff1ahover \u6642\u7cbe\u6e96\u53f3\u79fb *\/\n .ms-btn-arrow {\n position:relative;\n z-index:2;\n display:block;\n width:36px;\n height:1px;\n background:currentColor;\n transition:transform .45s cubic-bezier(.22,.9,.24,1);\n }\n .ms-btn-arrow::after {\n content:\"\";\n position:absolute;\n top:-3px;\n right:0;\n width:7px;\n height:7px;\n border-top:1px solid currentColor;\n border-right:1px solid currentColor;\n transform:rotate(45deg);\n transform-origin:top right;\n }\n .ms-primary-btn:hover .ms-btn-arrow { transform:translateX(7px); }\n .ms-primary-btn:active { transform:translateY(1px);transition-duration:.1s; }\n .ms-primary-btn:focus-visible { outline:1px solid var(--ms-gold);outline-offset:3px; }\n\n @keyframes msFadeUp { to{opacity:1;transform:translateY(0)} }\n @keyframes msLineUp { to{opacity:1;transform:translateY(0)} }\n @keyframes msCharUp {\n 0%{opacity:0;transform:translateY(100%);filter:blur(6px)}\n 100%{opacity:1;transform:translateY(0);filter:blur(0)}\n }\n\n \/* Hero \u5f71\u7247\u8207\u547d\u66f8\u5171\u7528\u540c\u4e00\u8996\u89ba\u7bc4\u570d *\/\n .ms-hero-book {\n position:relative;\n width:55%;\n min-height:430px;\n display:flex;\n align-items:center;\n justify-content:center;\n overflow:visible;\n perspective:1200px;\n perspective-origin:50% 50%;\n }\n .ms-hero-video {\n position:absolute;\n top:50%;\n left:50%;\n z-index:4;\n width:min(100%,620px);\n height:430px;\n display:block;\n object-fit:contain;\n object-position:center;\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n transform:translate(-50%,-50%) scale(.985);\n transition:opacity .65s ease,visibility .65s ease,transform .65s ease;\n }\n .ms-hero-video.is-playing {\n opacity:1;\n visibility:visible;\n transform:translate(-50%,-50%) scale(1);\n }\n .ms-hero-video.is-ending {\n opacity:0;\n visibility:hidden;\n transform:translate(-50%,-50%) scale(1.015);\n }\n .ms-book-wrap {\n position:relative;\n z-index:3;\n width:100%;\n display:flex;\n justify-content:center;\n opacity:1;\n visibility:visible;\n animation:msBookFloat 6s ease-in-out infinite;\n transition:opacity .65s ease,visibility .65s ease,transform .65s ease;\n }\n .ms-book-wrap.is-waiting {\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n animation:none;\n transform:translateY(10px) scale(.985);\n }\n \/* 3D \u50be\u659c\u5c64\uff1a\u8207\u6d6e\u52d5\u52d5\u756b\u5206\u96e2\uff0c\u907f\u514d transform \u4e92\u76f8\u8986\u84cb *\/\n .ms-book-tilt {\n position:relative;\n width:100%;\n display:flex;\n justify-content:center;\n transform-style:preserve-3d;\n transform:rotateX(var(--ms-rx,0deg)) rotateY(var(--ms-ry,0deg)) scale(var(--ms-bs,1));\n transition:transform .6s cubic-bezier(.22,.9,.24,1);\n }\n .ms-hero-book.is-tilting .ms-book-tilt { transition:transform .18s ease-out; }\n .ms-book-image {\n display:block;\n width:100%;\n max-width:620px;\n height:auto;\n filter:drop-shadow(0 35px 60px rgba(0,0,0,.18));\n transition:filter .6s ease;\n }\n .ms-hero-book.is-tilting .ms-book-image {\n filter:drop-shadow(0 46px 74px rgba(0,0,0,.26));\n }\n \/* \u56db\u89d2\u5b9a\u4f4d\u6a19\u8a18\uff1a\u5982\u88fd\u5716\uff0f\u651d\u5f71\u7684\u88c1\u5207\u6a19\uff0c\u53d6\u4ee3\u6383\u5149\u88dd\u98fe *\/\n .ms-crop {\n position:absolute;\n z-index:2;\n width:18px;\n height:18px;\n border:0 solid rgba(19,43,69,.34);\n pointer-events:none;\n opacity:0;\n transition:opacity .5s ease,transform .5s cubic-bezier(.22,.9,.24,1);\n }\n .ms-crop.tl { top:-14px;left:-14px;border-top-width:1px;border-left-width:1px;transform:translate(6px,6px) }\n .ms-crop.tr { top:-14px;right:-14px;border-top-width:1px;border-right-width:1px;transform:translate(-6px,6px) }\n .ms-crop.bl { bottom:-14px;left:-14px;border-bottom-width:1px;border-left-width:1px;transform:translate(6px,-6px) }\n .ms-crop.br { bottom:-14px;right:-14px;border-bottom-width:1px;border-right-width:1px;transform:translate(-6px,-6px) }\n .ms-hero-book.is-tilting .ms-crop { opacity:1;transform:translate(0,0); }\n .ms-book-shadow {\n position:absolute;\n bottom:20px;\n z-index:1;\n width:420px;\n height:45px;\n border-radius:50%;\n background:rgba(0,0,0,.15);\n filter:blur(35px);\n opacity:.15;\n animation:msBookShadow 6s ease-in-out infinite;\n transition:opacity .5s ease;\n }\n .ms-hero-book.is-video-active .ms-book-shadow { opacity:0;animation:none; }\n \/* \u6d6e\u52d5\u5e45\u5ea6\u6536\u6582\uff1a\u7531 12px \u964d\u5230 6px\uff0c\u7dad\u6301\u514b\u5236 *\/\n @keyframes msBookFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\n @keyframes msBookShadow { 0%,100%{opacity:.15;transform:scaleX(1)} 50%{opacity:.1;transform:scaleX(.94)} }\n\n \/* \u56fa\u5b9a\u8cbc\u5728\u8996\u7a97\u5e95\u90e8\uff1aHero \u9ad8\u65bc\u4e00\u5c4f\u6642\u63d0\u793a\u4ecd\u770b\u5f97\u5230\uff0c\u6372\u96e2\u9996\u5c4f\u5f8c\u81ea\u52d5\u96b1\u53bb *\/\n .ms-first-page {\n position:fixed;\n bottom:26px;\n left:50%;\n z-index:5;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:8px;\n color:var(--ms-muted);\n font-size:15px;\n line-height:1.5;\n letter-spacing:1px;\n text-decoration:none;\n cursor:pointer;\n opacity:0;\n transform:translateX(-50%) translateY(14px);\n transition:color .35s ease;\n }\n .ms-hero.is-in ~ .ms-first-page {\n animation:msCueIn 1.1s cubic-bezier(.22,.9,.24,1) 1.25s forwards;\n }\n @keyframes msCueIn { to{opacity:1;transform:translateX(-50%) translateY(0)} }\n \/* \u6372\u96e2\u9996\u5c4f\u5f8c\u6de1\u51fa\uff0c\u4e0d\u5e72\u64fe\u5f8c\u7e8c\u5167\u5bb9 *\/\n .ms-first-page.is-hidden {\n opacity:0 !important;\n pointer-events:none;\n transition:opacity .5s ease;\n }\n .ms-first-page:hover { color:var(--ms-primary); }\n .ms-first-page .ms-cue-arrow {\n display:block;\n animation:msCueBob 2.1s ease-in-out infinite;\n }\n .ms-first-page:hover .ms-cue-arrow { animation-duration:1.1s; }\n @keyframes msCueBob {\n 0%,100%{transform:translateY(0);opacity:.55}\n 50%{transform:translateY(7px);opacity:1}\n }\n\n \/* \u77ee\u87a2\u5e55\uff08\u7b46\u96fb 768\/900 \u9ad8\uff09\uff1a\u50c5\u7e2e\u9593\u8ddd\u8207\u5b57\u7d1a\uff0c\u547d\u66f8\u7dad\u6301\u539f\u672c\u6bd4\u4f8b\u4e0d\u7e2e *\/\n @media (min-width:769px) and (max-height:820px) {\n .ms-hero { padding:40px 0 84px; }\n .ms-hero-container { padding-top:16px;padding-bottom:16px; }\n .ms-hero-title { font-size:min(64px,7.6vh); }\n .ms-hero-description { margin-bottom:30px; }\n }\n\n @media (max-width:1024px) {\n .ms-hero-container { gap:44px; }\n \/* \u684c\u6a5f\u7e2e\u5230 1024 \u6642\uff0c45% \u6b04\u5bec\u7d04 420px\uff0c7 \u5b57\u4e0d\u65b7\u884c\u9700 \u2264 60px *\/\n .ms-hero-title { font-size:min(52px,5.1vw); }\n .ms-hero-video { width:min(100%,520px);height:400px; }\n .ms-book-image { max-width:520px; }\n }\n\n @media (max-width:768px) {\n .ms-opening-video { object-fit:cover;object-position:center; }\n .ms-opening-skip {\n right:18px;\n bottom:calc(18px + env(safe-area-inset-bottom));\n padding:9px 16px;\n font-size:13px;\n }\n .ms-hero { min-height:auto;padding:30px 0 50px; }\n .ms-hero-container { flex-direction:column-reverse;padding:0 24px;gap:30px; }\n .ms-hero-content,.ms-hero-book { width:100%; }\n .ms-eyebrow { margin-bottom:18px;font-size:11px;letter-spacing:2.4px; }\n \/* \u624b\u6a5f\u6a19\u984c\u4e0d\u65b7\u884c\uff1a7 \u5b57 \u00d7 \u5b57\u7d1a \u2264 \u53ef\u7528\u5bec\uff08100vw - 48px \u5167\u8ddd\uff09\uff0c\u6545\u4e0a\u9650\u53d6 12.4vw *\/\n .ms-hero-title { margin-bottom:22px;font-size:min(42px,11.8vw);line-height:1.32; }\n .ms-hero-description { margin-bottom:30px;font-size:16px;line-height:1.85; }\n .ms-hero-buttons { flex-direction:column;align-items:flex-start;gap:20px; }\n .ms-primary-btn { width:100%;padding:16px 24px; }\n .ms-hero-bg { transform:none;scale:1.02; }\n .ms-book-tilt { transform:none !important; }\n .ms-primary-btn { min-width:0;gap:16px;padding:17px 20px;font-size:14px;letter-spacing:1.4px; }\n .ms-btn-arrow { width:26px; }\n .ms-crop { display:none; }\n .ms-hero-book { min-height:350px; }\n .ms-hero-video { width:min(100%,350px);height:350px; }\n .ms-book-image { max-width:330px;margin:auto; }\n .ms-book-shadow { bottom:15px;width:260px;height:30px; }\n .ms-first-page { display:none; }\n }\n\n @media (max-width:390px) {\n \/* \u5167\u8ddd\u6536\u5230 18px\uff0c\u53ef\u7528\u5bec\u8b8a\u5927\uff0c\u5b57\u7d1a\u4e0a\u9650\u8ddf\u8457\u653e\u5bec *\/\n .ms-hero-container { padding-right:18px;padding-left:18px; }\n .ms-hero-title { font-size:min(42px,12.6vw); }\n .ms-hero-book { min-height:310px; }\n .ms-hero-video { width:min(100%,310px);height:310px; }\n .ms-book-image { max-width:295px; }\n }\n\n \/* \u6975\u7a84\u6a5f\uff08\u2264340px\uff09\u518d\u964d\u4e00\u968e\uff0c\u78ba\u4fdd 7 \u5b57\u4ecd\u5728\u540c\u4e00\u884c *\/\n @media (max-width:340px) {\n .ms-hero-title { font-size:12.2vw; }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .ms-book-wrap,.ms-book-shadow,.ms-hero-bg,.ms-hero-glow,\n .ms-first-page .ms-cue-arrow { animation:none !important; }\n .ms-eyebrow,.ms-hero-description,.ms-hero-buttons,.ms-first-page { opacity:1 !important;transform:none !important;letter-spacing:3px; }\n .ms-hero-description { letter-spacing:normal; }\n .ms-title-inner,.ms-hero-title.is-split .ms-char,\n .ms-hero-description.is-split .ms-dchar {\n opacity:1 !important;transform:none !important;animation:none !important;filter:none !important;\n }\n .ms-first-page { transform:translateX(-50%) !important; }\n }\n <\/style>\n \n <div id=\"ms-opening-layer\" aria-hidden=\"true\">\n <video\n id=\"ms-opening-video\"\n class=\"ms-opening-video\"\n muted\n playsinline\n webkit-playsinline\n preload=\"auto\"\n >\n <source\n src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-opening.webm%EF%BC%9A%E9%96%8B%E5%A0%B4%E5%8B%95%E7%95%AB.webm\"\n type=\"video\/webm\"\n >\n <\/video>\n\n <div class=\"ms-gold-flash\"><\/div>\n <div class=\"ms-white-flash\"><\/div>\n\n <button id=\"ms-opening-skip\" class=\"ms-opening-skip\" type=\"button\">\n \u7565\u904e\n <\/button>\n <\/div>\n\n \n <div id=\"ms-home-intro-hero\">\n <section id=\"ms-hero-section\" class=\"ms-hero\">\n <div class=\"ms-hero-bg\" id=\"ms-hero-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"ms-hero-glow\" aria-hidden=\"true\"><\/div>\n\n <div class=\"ms-hero-container\">\n <div class=\"ms-hero-content\">\n <div class=\"ms-eyebrow\">YOUR PERSONAL LIFE GUIDE<\/div>\n\n <h1 class=\"ms-hero-title\">\n <span class=\"ms-title-line\"><span class=\"ms-title-inner\">\u6bcf\u4e00\u5e74<\/span><\/span>\n <span class=\"ms-title-line\"><span class=\"ms-title-inner\">\u503c\u5f97\u66f4\u7406\u89e3\u81ea\u5df1<\/span><\/span>\n <\/h1>\n\n <p class=\"ms-hero-description\">\n \u878d\u5408\u547d\u76e4\u3001\u6d41\u5e74\u5206\u6790\u3001\u4eba\u751f\u898f\u5283\u8207\u5e74\u5ea6\u63d0\u9192\u7684\u5c08\u5c6c\u547d\u66f8\uff0c\n \u966a\u4f34\u4f60\u5728\u4eba\u751f\u7684\u91cd\u8981\u6642\u523b\uff0c\u770b\u898b\u66f4\u5b8c\u6574\u7684\u81ea\u5df1\u3002\n <\/p>\n\n\n <div class=\"ms-hero-buttons\">\n <a\n href=\"https:\/\/lin.ee\/ykScCxY\"\n class=\"ms-primary-btn\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <span class=\"ms-btn-label\">\u52a0\u5165 LINE<\/span>\n <span class=\"ms-btn-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div id=\"ms-hero-book\" class=\"ms-hero-book\">\n <video\n id=\"ms-hero-video\"\n class=\"ms-hero-video\"\n muted\n playsinline\n webkit-playsinline\n preload=\"auto\"\n >\n <source\n src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-hero.webm\"\n type=\"video\/webm\"\n >\n <\/video>\n\n <div id=\"ms-book-wrap\" class=\"ms-book-wrap\">\n <div class=\"ms-book-tilt\" id=\"ms-book-tilt\">\n <img decoding=\"async\"\n class=\"ms-book-image\"\n src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/\u5c01\u9762-1-1.png\"\n alt=\"\u500b\u4eba\u5c08\u5c6c\u547d\u66f8\"\n >\n <span class=\"ms-crop tl\" aria-hidden=\"true\"><\/span>\n <span class=\"ms-crop tr\" aria-hidden=\"true\"><\/span>\n <span class=\"ms-crop bl\" aria-hidden=\"true\"><\/span>\n <span class=\"ms-crop br\" aria-hidden=\"true\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"ms-book-shadow\"><\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <a href=\"#ms-next-page\" class=\"ms-first-page\" data-ms-scroll>\n <span>\u7ffb\u958b\u7b2c\u4e00\u9801<\/span>\n <span class=\"ms-cue-arrow\">\u2193<\/span>\n <\/a>\n <\/div>\n\n \n <div id=\"ms-next-page\" aria-hidden=\"true\" style=\"position:relative;height:1px;\"><\/div>\n\n <script>\n (function () {\n \"use strict\";\n\n var STORAGE_KEY = \"mingshu_intro_played_webm_v2\";\n var TRANSITION_MS = 1150;\n var OPENING_TIMEOUT_MS = 15000;\n var HERO_TIMEOUT_MS = 15000;\n\n function init() {\n var openingLayer = document.getElementById(\"ms-opening-layer\");\n var openingVideo = document.getElementById(\"ms-opening-video\");\n var openingSkip = document.getElementById(\"ms-opening-skip\");\n var heroSection = document.getElementById(\"ms-hero-section\");\n var heroBook = document.getElementById(\"ms-hero-book\");\n var heroVideo = document.getElementById(\"ms-hero-video\");\n var bookWrap = document.getElementById(\"ms-book-wrap\");\n\n if (!openingLayer || !openingVideo || !heroSection || !heroBook || !heroVideo || !bookWrap) {\n \/* \u4fdd\u96aa\uff1a\u6293\u4e0d\u5230\u5143\u7d20\u4e5f\u8981\u89e3\u9664\u906e\u7f69\uff0c\u907f\u514d\u5361\u4f4f *\/\n document.documentElement.classList.remove(\"ms-intro-pending\");\n return;\n }\n\n var introFinished = false;\n var heroStarted = false;\n var heroFinished = false;\n var introTimer = 0;\n var heroTimer = 0;\n\n \/* \u672c\u6a5f\u6216\u6b63\u5f0f\u7db2\u7ad9\u52a0 ?replayIntro=1 \u53ef\u5f37\u5236\u91cd\u64ad\u958b\u5834 *\/\n var forceReplay = new URLSearchParams(window.location.search).get(\"replayIntro\") === \"1\";\n\n function introAlreadyPlayed() {\n if (forceReplay) return false;\n try { return sessionStorage.getItem(STORAGE_KEY) === \"1\"; }\n catch (error) { return false; }\n }\n\n function rememberIntro() {\n try { sessionStorage.setItem(STORAGE_KEY, \"1\"); }\n catch (error) {}\n }\n\n function showBook() {\n if (heroFinished) return;\n heroFinished = true;\n window.clearTimeout(heroTimer);\n heroVideo.pause();\n heroVideo.classList.remove(\"is-playing\");\n heroVideo.classList.add(\"is-ending\");\n heroBook.classList.remove(\"is-video-active\");\n window.setTimeout(function () {\n bookWrap.classList.remove(\"is-waiting\");\n }, 180);\n }\n\n function playHero() {\n if (heroStarted || heroFinished) return;\n heroStarted = true;\n heroBook.classList.add(\"is-video-active\");\n bookWrap.classList.add(\"is-waiting\");\n heroVideo.classList.remove(\"is-ending\");\n heroVideo.classList.add(\"is-playing\");\n heroVideo.addEventListener(\"ended\", showBook, { once:true });\n heroVideo.addEventListener(\"error\", showBook, { once:true });\n \/* <source> \u8f09\u5165\u5931\u6557\u4e0d\u6703\u5192\u6ce1\u5230 <video>\uff0c\u4e14\u932f\u8aa4\u53ef\u80fd\u5728\u6b64\u4e4b\u524d\u5c31\u767c\u751f\u904e\uff0c\n \u6545\u540c\u6642\u300c\u4e3b\u52d5\u5224\u5b9a\u300d\u8207\u300c\u88dc\u7d81\u76e3\u807d\u300d\uff0c\u907f\u514d\u5f71\u7247 404 \u6642\u5c01\u9762\u7a7a\u767d\u5230 15 \u79d2\u903e\u6642 *\/\n var heroSource = heroVideo.querySelector(\"source\");\n if (heroSource) heroSource.addEventListener(\"error\", showBook, { once:true });\n \/* \u540c\u6a23\u4e0d\u53ef\u7528 networkState \/ readyState \u505a\u540c\u6b65\u5224\u5b9a\uff1a\n \u5f71\u7247\u5c1a\u672a\u8f09\u5165\u6642\u9019\u4e9b\u503c\u672c\u4f86\u5c31\u4ee3\u8868\u300c\u9084\u6c92\u958b\u59cb\u300d\uff0c\n \u8aa4\u5224\u6703\u76f4\u63a5\u5403\u6389\u6574\u6bb5\u66f8\u672c\u52d5\u756b\u3002\u5931\u6557\u4e00\u5f8b\u4ea4\u7d66\u4e8b\u4ef6\u8207\u903e\u6642\u8655\u7406\u3002 *\/\n try { heroVideo.currentTime = 0; } catch (error) {}\n var promise = heroVideo.play();\n if (promise && typeof promise.catch === \"function\") promise.catch(showBook);\n heroTimer = window.setTimeout(showBook, HERO_TIMEOUT_MS);\n }\n\n function finishIntro() {\n if (introFinished) return;\n introFinished = true;\n window.clearTimeout(introTimer);\n rememberIntro();\n openingVideo.pause();\n openingLayer.classList.add(\"is-transitioning\");\n heroSection.classList.add(\"is-revealing\");\n\n \/*\n * \u767d\u5149\u5728\u7d04 805ms \u5b8c\u5168\u906e\u6eff\u3002\n * \u7b49\u906e\u6eff\u5f8c\u624d\u96b1\u85cf\u958b\u5834\u5f71\u7247\u4e26\u555f\u52d5 Hero\uff0c\u907f\u514d\u5169\u6bb5\u756b\u9762\u4ea4\u758a\u9583\u5e40\u3002\n *\/\n window.setTimeout(function () {\n openingLayer.classList.add(\"is-covered\");\n playHero();\n }, 850);\n\n window.setTimeout(function () {\n openingLayer.classList.remove(\"is-active\");\n openingLayer.classList.add(\"is-finished\");\n openingLayer.setAttribute(\"aria-hidden\", \"true\");\n document.body.classList.remove(\"ms-page-lock\");\n }, TRANSITION_MS);\n }\n\n function playOpening() {\n if (introAlreadyPlayed()) {\n \/* \u5df2\u64ad\u904e\uff1a\u4e0d\u906e\u7f69\u3001\u76f4\u63a5\u986f\u793a Hero \u4e26\u64ad Hero \u5f71\u7247 *\/\n document.documentElement.classList.remove(\"ms-intro-pending\");\n playHero();\n return;\n }\n\n openingLayer.classList.add(\"is-active\");\n openingLayer.setAttribute(\"aria-hidden\", \"false\");\n document.body.classList.add(\"ms-page-lock\");\n \/* \u2462\u3010\u65b0\u589e\u3011\u4ea4\u68d2\uff1ais-active \u5df2\u63a5\u624b\u986f\u793a\u958b\u5834\u5c64\uff0c\u89e3\u9664\u9996\u5c4f\u906e\u7f69 class\uff0c\n \u8b93\u7d50\u5c3e is-finished \u7684\u6de1\u51fa\u80fd\u6b63\u5e38\u751f\u6548\u3002 *\/\n document.documentElement.classList.remove(\"ms-intro-pending\");\n\n openingVideo.addEventListener(\"ended\", finishIntro, { once:true });\n openingVideo.addEventListener(\"error\", finishIntro, { once:true });\n \/* <source> \u8f09\u5165\u5931\u6557\u4e0d\u6703\u5192\u6ce1\u5230 <video>\uff0c\u9700\u500b\u5225\u76e3\u807d\u3002\n \u6ce8\u610f\uff1a\u4e0d\u53ef\u7528 networkState \u505a\u540c\u6b65\u5224\u5b9a\u2014\u2014\u6b64\u6642\u5f71\u7247\u5c1a\u672a\u958b\u59cb\u8f09\u5165\uff0c\n networkState \u672c\u4f86\u5c31\u662f 3\uff0c\u6703\u88ab\u8aa4\u5224\u6210\u5931\u6557\u800c\u76f4\u63a5\u8df3\u904e\u6574\u6bb5\u958b\u5834\u3002 *\/\n var openingSource = openingVideo.querySelector(\"source\");\n if (openingSource) openingSource.addEventListener(\"error\", finishIntro, { once:true });\n try { openingVideo.currentTime = 0; } catch (error) {}\n\n var promise = openingVideo.play();\n if (promise && typeof promise.catch === \"function\") promise.catch(finishIntro);\n introTimer = window.setTimeout(finishIntro, OPENING_TIMEOUT_MS);\n }\n\n openingSkip.addEventListener(\"click\", finishIntro);\n playOpening();\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", init);\n } else {\n init();\n }\n })();\n <\/script>\n\n \n <script>\n (function () {\n \"use strict\";\n\n var reduceMotion = false;\n try {\n reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n } catch (e) {}\n\n function init() {\n var hero = document.getElementById(\"ms-hero-section\");\n var content = hero ? hero.querySelector(\".ms-hero-content\") : null;\n var title = hero ? hero.querySelector(\".ms-hero-title\") : null;\n var heroBook = document.getElementById(\"ms-hero-book\");\n var tilt = document.getElementById(\"ms-book-tilt\");\n var bg = document.getElementById(\"ms-hero-bg\");\n if (!hero) return;\n\n \/* 1) \u6a19\u984c\u9010\u5b57\u62c6\u5206\uff1a\u628a\u6bcf\u500b\u4e2d\u6587\u5b57\u5305\u6210 .ms-char \u4e26\u5e36 index\uff0c\u505a\u6ce2\u6d6a\u6d6e\u73fe *\/\n if (title && !reduceMotion) {\n var lines = title.querySelectorAll(\".ms-title-inner\");\n var idx = 0;\n var ok = lines.length > 0;\n for (var i = 0; i < lines.length; i++) {\n var text = lines[i].textContent.trim();\n if (!text) { ok = false; break; }\n var frag = document.createDocumentFragment();\n for (var c = 0; c < text.length; c++) {\n var span = document.createElement(\"span\");\n span.className = \"ms-char\";\n span.style.setProperty(\"--ms-i\", String(idx++));\n span.textContent = text.charAt(c);\n frag.appendChild(span);\n }\n lines[i].textContent = \"\";\n lines[i].appendChild(frag);\n }\n if (ok) title.classList.add(\"is-split\");\n }\n\n \/* 1b) \u6bb5\u843d\u9010\u5b57\u62c6\u5206\uff1a\u4ea4\u4e92\u611f\u7684\u4e3b\u8981\u4f86\u6e90\u4e4b\u4e00 *\/\n var desc = hero.querySelector(\".ms-hero-description\");\n if (desc && !reduceMotion) {\n var dtext = desc.textContent.replace(\/\\s+\/g, \" \").trim();\n if (dtext) {\n var dfrag = document.createDocumentFragment();\n for (var d = 0; d < dtext.length; d++) {\n var ds = document.createElement(\"span\");\n ds.className = \"ms-dchar\";\n ds.style.setProperty(\"--ms-i\", String(d));\n ds.textContent = dtext.charAt(d);\n dfrag.appendChild(ds);\n }\n desc.textContent = \"\";\n desc.appendChild(dfrag);\n desc.classList.add(\"is-split\");\n }\n }\n\n \/* 2) \u9032\u5834\u89f8\u767c\uff1aHero \u4e00\u9032\u8996\u7a97\u5c31\u8dd1\uff0c\u958b\u5834\u5f71\u7247\u64ad\u5b8c\u5f8c\u4ecd\u6703\u6b63\u5e38\u986f\u793a *\/\n var revealed = false;\n function reveal() {\n \/* \u5fc5\u9808\u51aa\u7b49\uff1aIntersectionObserver \u8207\u4fdd\u96aa setTimeout \u90fd\u6703\u547c\u53eb\uff0c\n \u91cd\u5165\u6703\u8b93\u7b2c\u4e8c\u9846 readyAt \u8a08\u6642\u5668\u5728\u6ed1\u9f20\u4e92\u52d5\u5f8c\u628a transform \u6b78\u96f6 *\/\n if (revealed) return;\n revealed = true;\n hero.classList.add(\"is-in\");\n if (content) content.classList.add(\"is-in\");\n \/* \u9010\u5b57\u9032\u5834\u8dd1\u5b8c\u5f8c\u624d\u958b\u653e\u6ed1\u9f20\u4e92\u52d5\uff0c\u907f\u514d\u5169\u7d44 transform \u6253\u67b6 *\/\n if (title && title.classList.contains(\"is-split\")) {\n var chars = title.querySelectorAll(\".ms-char\");\n var last = chars.length ? chars.length - 1 : 0;\n var readyAt = 260 + last * 42 + 950 + 120;\n window.setTimeout(function () {\n if (title.classList.contains(\"is-ready\")) return;\n \/* \u53d6\u6d88\u9032\u5834\u52d5\u756b\u672c\u8eab\uff1aforwards \u586b\u5145\u503c\u7684\u512a\u5148\u6b0a\u9ad8\u65bc inline style\uff0c\n \u4e0d\u53d6\u6d88\u7684\u8a71\u5f8c\u7e8c\u6ed1\u9f20\u4e92\u52d5\u5beb\u5165\u7684 transform \u4e0d\u6703\u751f\u6548\u3002\n \u53d6\u6d88\u524d\u5148\u628a\u7d42\u503c\u56fa\u5b9a\u6210 inline\uff0c\u907f\u514d\u6389\u56de translateY(100%)\u3002 *\/\n for (var i = 0; i < chars.length; i++) {\n chars[i].style.transform = \"translateY(0)\";\n chars[i].style.opacity = \"1\";\n chars[i].style.filter = \"none\";\n if (chars[i].getAnimations) {\n var anims = chars[i].getAnimations();\n for (var a = 0; a < anims.length; a++) anims[a].cancel();\n }\n }\n title.classList.add(\"is-ready\");\n }, readyAt);\n }\n }\n if (reduceMotion) {\n reveal();\n } else if (\"IntersectionObserver\" in window) {\n var io = new IntersectionObserver(function (entries) {\n for (var i = 0; i < entries.length; i++) {\n if (entries[i].isIntersecting) { reveal(); io.disconnect(); break; }\n }\n }, { threshold: 0.18 });\n io.observe(hero);\n \/* \u4fdd\u96aa\uff1a2.4 \u79d2\u5167\u4e00\u5b9a\u986f\u793a\uff0c\u907f\u514d\u4efb\u4f55\u60c5\u6cc1\u5361\u5728\u900f\u660e\u72c0\u614b *\/\n window.setTimeout(reveal, 2400);\n } else {\n reveal();\n }\n\n if (reduceMotion) return;\n\n var isCoarse = false;\n try { isCoarse = window.matchMedia(\"(hover: none)\").matches; } catch (e) {}\n\n \/* 3a) \u6a19\u984c\u9010\u5b57\u6ed1\u9f20\u611f\u61c9\uff1a\u6e38\u6a19\u8d8a\u8fd1\u7684\u5b57\u6d6e\u5f97\u8d8a\u9ad8\u3001\u8d8a\u504f\u91d1\u8272 *\/\n if (title && title.classList.contains(\"is-split\") && !isCoarse) {\n var charEls = [].slice.call(title.querySelectorAll(\".ms-char\"));\n var charBoxes = [];\n var measure = function () {\n charBoxes = charEls.map(function (el) {\n var r = el.getBoundingClientRect();\n return { el: el, cx: r.left + r.width \/ 2, cy: r.top + r.height \/ 2 };\n });\n };\n measure();\n window.addEventListener(\"resize\", measure);\n window.addEventListener(\"scroll\", measure, { passive: true });\n\n var tRaf = 0;\n var RADIUS = 190;\n hero.addEventListener(\"mousemove\", function (ev) {\n if (tRaf) return;\n tRaf = window.requestAnimationFrame(function () {\n tRaf = 0;\n for (var i = 0; i < charBoxes.length; i++) {\n var c = charBoxes[i];\n var dx = ev.clientX - c.cx;\n var dy = ev.clientY - c.cy;\n var dist = Math.sqrt(dx * dx + dy * dy);\n var lift = dist < RADIUS ? (1 - dist \/ RADIUS) : 0;\n c.el.style.setProperty(\"--ms-lift\", lift.toFixed(3));\n c.el.style.transform = \"translateY(\" + (lift * -12).toFixed(2) + \"px)\";\n }\n });\n });\n hero.addEventListener(\"mouseleave\", function () {\n for (var i = 0; i < charBoxes.length; i++) {\n charBoxes[i].el.style.setProperty(\"--ms-lift\", \"0\");\n charBoxes[i].el.style.transform = \"translateY(0)\";\n }\n });\n }\n\n \/* 3) \u547d\u66f8 3D \u50be\u659c\uff1a\u89d2\u5ea6\u6536\u6582\u81f3 \u00b15\u00b0\uff0c\u50c5\u4f5c\u70ba\u300c\u53ef\u88ab\u7aef\u8a73\u300d\u7684\u7d30\u5fae\u56de\u994b *\/\n if (heroBook && tilt && !isCoarse) {\n heroBook.addEventListener(\"mouseenter\", function () {\n heroBook.classList.add(\"is-tilting\");\n });\n heroBook.addEventListener(\"mousemove\", function (ev) {\n var r = heroBook.getBoundingClientRect();\n var px = (ev.clientX - r.left) \/ r.width - 0.5;\n var py = (ev.clientY - r.top) \/ r.height - 0.5;\n tilt.style.setProperty(\"--ms-ry\", (px * 5).toFixed(2) + \"deg\");\n tilt.style.setProperty(\"--ms-rx\", (-py * 3.6).toFixed(2) + \"deg\");\n tilt.style.setProperty(\"--ms-bs\", \"1.015\");\n });\n heroBook.addEventListener(\"mouseleave\", function () {\n heroBook.classList.remove(\"is-tilting\");\n tilt.style.setProperty(\"--ms-ry\", \"0deg\");\n tilt.style.setProperty(\"--ms-rx\", \"0deg\");\n tilt.style.setProperty(\"--ms-bs\", \"1\");\n });\n }\n\n \/* 4) \u80cc\u666f\u8996\u5dee\uff1a\u4f4d\u79fb\u58d3\u5230\u6975\u5c0f\uff0c\u53ea\u505a\u7a7a\u9593\u6df1\u5ea6\u4e0d\u505a\u52d5\u52e2 *\/\n if (bg && !isCoarse) {\n var raf = 0;\n hero.addEventListener(\"mousemove\", function (ev) {\n if (raf) return;\n raf = window.requestAnimationFrame(function () {\n raf = 0;\n var r = hero.getBoundingClientRect();\n var px = (ev.clientX - r.left) \/ r.width - 0.5;\n var py = (ev.clientY - r.top) \/ r.height - 0.5;\n bg.style.setProperty(\"--ms-bgx\", (-px * 12).toFixed(2) + \"px\");\n bg.style.setProperty(\"--ms-bgy\", (-py * 9).toFixed(2) + \"px\");\n });\n });\n hero.addEventListener(\"mouseleave\", function () {\n bg.style.setProperty(\"--ms-bgx\", \"0px\");\n bg.style.setProperty(\"--ms-bgy\", \"0px\");\n });\n }\n\n \/* 5b) \u6372\u96e2\u9996\u5c4f\u5f8c\u96b1\u53bb\u5e95\u90e8\u63d0\u793a *\/\n var cue = document.querySelector(\".ms-first-page\");\n if (cue) {\n var cRaf = 0;\n window.addEventListener(\"scroll\", function () {\n if (cRaf) return;\n cRaf = window.requestAnimationFrame(function () {\n cRaf = 0;\n var past = window.scrollY > window.innerHeight * 0.42;\n cue.classList.toggle(\"is-hidden\", past);\n });\n }, { passive: true });\n }\n\n \/* 6) \u5e73\u6ed1\u6372\u52d5\uff1a\u7ffb\u958b\u4e0b\u4e00\u9801 \/ \u7ffb\u958b\u7b2c\u4e00\u9801 *\/\n var scrollers = document.querySelectorAll(\"[data-ms-scroll]\");\n for (var s = 0; s < scrollers.length; s++) {\n scrollers[s].addEventListener(\"click\", function (ev) {\n var href = this.getAttribute(\"href\") || \"\";\n if (href.charAt(0) !== \"#\") return;\n var target = document.querySelector(href);\n \/* \u627e\u4e0d\u5230\u6307\u5b9a\u9328\u9ede\u6642\uff0c\u9000\u800c\u6372\u5230 Hero \u7684\u4e0b\u4e00\u500b\u5144\u5f1f\u5340\u584a *\/\n if (!target || target.offsetHeight <= 1) {\n var wrap = document.getElementById(\"ms-home-intro-hero\");\n target = wrap ? wrap.nextElementSibling : null;\n }\n ev.preventDefault();\n if (target && target.scrollIntoView) {\n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n } else {\n window.scrollTo({ top: hero.offsetHeight, behavior: \"smooth\" });\n }\n });\n }\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", init);\n } else {\n init();\n }\n })();\n <\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a984d9a e-flex e-con-boxed e-con e-parent\" data-id=\"a984d9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-285689f elementor-widget elementor-widget-menu-anchor\" data-id=\"285689f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"about\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1213c66 elementor-widget elementor-widget-html\" data-id=\"1213c66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE A \u2014 \u4ec0\u9ebc\u662f\u547d\u66f8\uff5c\u547d\u66f8 MING SHU<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE A\uff1a\u4ec0\u9ebc\u662f\u547d\u66f8\n \u9328\u9ede\uff1a#what \uff5c \u4eae\u5834\u7c73\u767d\n ------------------------------------------------------------\n V3 \u8a2d\u8a08\u65b9\u5411\uff1a\u7406\u6027\u30fb\u79e9\u5e8f\u30fb\u7b56\u5c55\u5f0f\u7de8\u8f2f\u6392\u7248\n 1. \u5c0d\u6bd4\u5340\u6539\u300c\u898f\u683c\u5c0d\u7167\u8868\u300d\uff1a\u4e94\u500b\u6bd4\u8f03\u7dad\u5ea6\u6a6b\u5411\u5c0d\u7167\uff0c\n \u7528\u898f\u683c\u53d6\u4ee3\u5197\u9918\u6558\u8ff0\uff0c\u4e00\u773c\u53ef\u6bd4\u3002\n 2. \u5f71\u50cf\u5be6\u8b49\uff1a\u4ee5\u73fe\u6709\u4e3b\u8996\u89ba\uff08\u7cbe\u88dd\u66f8\u9ad4\u3001\u547d\u76e4\u5167\u9801\u3001\u5e74\u904b\u5206\u6790\u5167\u9801\uff09\n \u76f4\u63a5\u69cb\u6210\u8ad6\u64da\uff0c\u975e\u88dd\u98fe\u3002\n 3. \u7dad\u6301\u539f\u4e3b\u8996\u89ba\u914d\u8272\u8207\u8a9e\u5f59\uff0c\u4e0d\u4f7f\u7528\u7d30\u7dda\u67f5\u6b04\u3002\n 4. \u7cbe\u7dfb\u4ea4\u4e92\uff1a\u5c0d\u7167\u5217 hover \u806f\u52d5\u3001\u5f71\u50cf\u8996\u5dee\u3001\u5e8f\u5217\u9032\u5834\u3001\n \u6307\u6a19\u6578\u5b57 countUp\u3001\u5c0d\u7167\u8ef8\u6383\u63cf\u7dda\u3002\n 5. \u684c\u6a5f\uff0f\u5e73\u677f\uff0f\u624b\u6a5f\u4e09\u65b7\u9ede\u96f6\u6ea2\u51fa\u3002\n ============================================================ *\/\n\n:root{\n \/* ---------- \u8272\u5f69\uff08\u6cbf\u7528\u539f\u4e3b\u8996\u89ba\uff09 ---------- *\/\n --ink:#1A1410;\n --ink-deep:#0E2740;\n --navy:#12304F;\n --navy-2:#0C2440;\n --paper:#FAF6EF;\n --paper-2:#F4EEE4;\n --paper-3:#EFE7D9;\n --gold:#B08D4F;\n --gold-light:#C9A870;\n --gold-pale:#D8C39A;\n --brown:#6A5530;\n --muted:#3E3730; \/* \u518d\u52a0\u6df1\uff1a\u539f #5C5349 \u4ecd\u504f\u6dfa *\/\n --muted-soft:#4A423A; \/* \u4e09\u7d1a\u8cc7\u8a0a\u4e5f\u4e00\u4f75\u52a0\u6df1 *\/\n --line:rgba(176,141,79,.32);\n --line-soft:rgba(176,141,79,.16);\n\n \/* \u4e00\u822c\u547d\u76e4\u5074\uff1a\u58d3\u6291\u4f46\u4ecd\u9700\u770b\u5f97\u6e05\u695a *\/\n --dim-text:#6B655D; \/* \u539f #948E85 \u592a\u6dfa *\/\n --dim-title:#585249; \/* \u539f #7D776E \u592a\u6dfa *\/\n --dim-bg:#F0EEEA;\n\n \/* ---------- \u5b57\u9ad4 ---------- *\/\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n\n \/* ---------- \u5c3a\u5ea6 ---------- *\/\n \/* \u5168\u9762\u52a0\u5927\u4e00\u865f *\/\n --fs-eyebrow:clamp(12px,.95vw,14px);\n --fs-h2:clamp(34px,5vw,66px);\n --fs-h3:clamp(22px,2.3vw,32px);\n --fs-lead:clamp(16.5px,1.45vw,21px);\n --fs-body:clamp(16px,1.32vw,19px);\n --fs-spec:clamp(16.5px,1.42vw,21px);\n --fs-small:clamp(13.5px,1.05vw,15.5px);\n --fs-micro:clamp(11.5px,.88vw,13px);\n\n --track-eyebrow:.34em;\n --track-label:.22em;\n\n --sec-pad-y:clamp(84px,10vw,176px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:1240px;\n\n \/* ---------- \u52d5\u6548 ---------- *\/\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.32s; --dur:.6s; --dur-slow:.9s;\n\n --radius:4px; --radius-lg:10px;\n --shadow-soft:0 18px 48px rgba(26,20,16,.09);\n --shadow-lift:0 30px 76px rgba(26,20,16,.16);\n --shadow-book:0 34px 80px rgba(12,36,64,.26);\n}\n\n*,*::before,*::after{box-sizing:border-box;}\nhtml{-webkit-text-size-adjust:100%;}\n\n\/* ============================================================\n \u2605 \u4e3b\u984c\u6ce8\u5165\u9632\u8b77\uff08WordPress\uff0fElementor \u5fc5\u5099\uff09\n ------------------------------------------------------------\n \u4f48\u666f\u4e3b\u984c\u6216\u5916\u639b\u5e38\u5c0d li \/ span \/ p \u6ce8\u5165 ::before \u88dd\u98fe\uff08\u5713\u9ede\u3001\u83f1\u5f62\u3001\n \u5f15\u865f\u7b49\uff09\uff0c\u6703\u58d3\u5728\u6587\u5b57\u4e0a\u6216\u7834\u58de\u7248\u9762\uff0c\u800c\u672c\u5730\u958b\u6a94\u5b8c\u5168\u770b\u4e0d\u5230\u3002\n \u6b64\u8655\u5148\u628a\u53ef\u80fd\u88ab\u6ce8\u5165\u7684\u507d\u5143\u7d20\u4e00\u5f8b\u6e05\u7a7a\uff0c\u672c\u6a94\u771f\u6b63\u9700\u8981\u7684\u88dd\u98fe\n \uff08\u91d1\u8272\u83f1\u5f62\u3001\u6c34\u5370\u6578\u5b57\u3001\u91d1\u7dda\u7b49\uff09\u90fd\u5728\u6b64\u5340\u584a\u4e4b\u5f8c\u624d\u5ba3\u544a\uff0c\u4e0d\u53d7\u5f71\u97ff\u3002\n \u26a0\ufe0f \u65e5\u5f8c\u65b0\u589e\u88dd\u98fe\u507d\u5143\u7d20\u6642\uff0c\u52d9\u5fc5\u5beb\u5728\u672c\u5340\u584a\u4e4b\u5f8c\u3002\n ============================================================ *\/\n#what li::before,#what li::after,\n#what p::before,#what p::after,\n#what span::before,#what span::after,\n#what div::before,#what div::after,\n#what h2::before,#what h2::after,\n#what h3::before,#what h3::after,\n#what h4::before,#what h4::after,\n#what ul::before,#what ul::after,\n#what figure::before,#what figure::after,\n#what figcaption::before,#what figcaption::after,\n#what article::before,#what article::after,\n#what aside::before,#what aside::after{\n content:none !important;\n}\n\/* \u6e05\u6389\u4e3b\u984c\u53ef\u80fd\u52a0\u7684\u5217\u8868\u7b26\u865f *\/\n#what ul,#what ol,#what li{\n list-style:none !important;\n list-style-type:none !important;\n list-style-image:none !important;\n}\n\n\/* ============================================================\n \u2605 \u984f\u8272\u9396\uff08\u8cbc\u5165 Elementor\uff0fWordPress \u5fc5\u8981\uff09\n ------------------------------------------------------------\n Elementor \u5bb9\u5668\u53ef\u5728\u5f8c\u53f0\u8a2d\u5b9a\u300c\u6587\u5b57\u984f\u8272\u300d\uff0c\u5176\u7522\u751f\u7684\u9078\u64c7\u5668\n \uff08.elementor-element-xxxxx\uff09\u7279\u7570\u6027\u9ad8\u65bc\u4e00\u822c class\uff0c\u6703\u8b93\u672c\u5340\u584a\n \u7684\u6a19\u984c\u8207\u5167\u6587\u88ab\u6539\u6210\u767d\u8272\u800c\u5728\u7c73\u767d\u5e95\u4e0a\u5b8c\u5168\u770b\u4e0d\u898b\u3002\n \u6b64\u8655\u4ee5 #what\uff08ID\uff0c\u7279\u7570\u6027 1-0-0\uff09\u914d\u5408 !important \u9396\u6b7b\u6240\u6709\u6587\u5b57\u8272\uff0c\n \u78ba\u4fdd\u7121\u8ad6\u5916\u5c64\u5bb9\u5668\u600e\u9ebc\u8a2d\u5b9a\uff0c\u672c\u5340\u584a\u7684\u914d\u8272\u90fd\u4e0d\u88ab\u8986\u5beb\u3002\n \u540c\u6642\u6e05\u9664\u4e3b\u984c\u53ef\u80fd\u52a0\u4e0a\u7684 text-shadow\uff08\u767d\u8272\u5149\u6688\u6703\u8b93\u5b57\u767c\u7cca\uff09\u3002\n ============================================================ *\/\n#what,\n#what h2,#what h3,#what h4,#what h5,\n#what p,#what span,#what li,#what div,#what strong,#what em,#what i,#what b{\n text-shadow:none !important;\n -webkit-text-stroke:0 !important;\n}\n\n\/* \u4e3b\u8272\uff1a\u6a19\u984c\u8207\u5f37\u8abf\u6587\u5b57\u4e00\u5f8b\u8fd1\u7d14\u9ed1 *\/\n#what .ms-h2,\n#what .ms-h2 .ms-line,\n#what .ms-points-title,\n#what .ms-pages-title,\n#what .ms-proof-title,\n#what .ms-spec-key-text,\n#what .ms-spec-head-col--book h3,\n#what .ms-spec-val--book,\n#what .ms-spec-val--book span,\n#what .ms-point-text,\n#what .ms-point-text span,\n#what .ms-stat-num,\n#what .ms-stat-num i,\n#what .ms-proof-meta .v,\n#what .ms-page-cap strong,\n#what .ms-book-item h4{\n color:#12100E !important;\n}\n#what .ms-spec-val--book strong,\n#what .ms-h2 .ms-accent,\n#what .ms-points-title em{\n color:#4A3B1E !important; \/* \u6df1\u68d5\u91cd\u9ede\u5b57 *\/\n}\n\n\/* \u6b21\u8981\u6587\u5b57 \u2014\u2014 \u9023\u540c\u5167\u5c64 span \u4e00\u4f75\u9396\u4f4f\u3002\n \u5bb9\u5668\u8a2d\u767d\u5b57\u6642\u6703\u7528 `span{color:#fff}` \u76f4\u63a5\u547d\u4e2d\u5167\u5c64\u7bc0\u9ede\uff0c\n \u53ea\u9396\u7236\u5c64\u662f\u4e0d\u5920\u7684\u3002 *\/\n#what .ms-lead,\n#what .ms-lead span,\n#what .ms-lead-seg,\n#what .ms-nb,\n#what .ms-proof-desc,\n#what .ms-stat-note,\n#what .ms-book-item p,\n#what .ms-page-fig--book .ms-page-cap,\n#what .ms-page-fig--book .ms-page-cap span{\n color:#3E3730 !important;\n}\n#what .ms-stat-label,\n#what .ms-proof-meta .k{\n color:#4A423A !important;\n}\n\n\/* \u91d1\u8272\u7cfb\uff08\u7d22\u5f15\u3001\u7de8\u865f\u3001\u82f1\u6587\u5c0f\u6a19\uff09 *\/\n#what .ms-eyebrow,\n#what .ms-spec-idx,\n#what .ms-point-num,\n#what .ms-col--book .ms-col-sub,\n#what .ms-proof-label,\n#what .ms-spec-head-col--book .ms-spec-head-label,\n#what .ms-page-fig--book .ms-page-cap .n,\n#what .ms-stat-num span{ \/* \u300c\u500b\u6708\uff0f\u5927\u9762\u5411\uff0f\u7a2e\u7248\u672c\u300d\u5f8c\u7db4\u7dad\u6301\u91d1\u8272 *\/\n color:#96703C !important;\n}\n\n\/* \u4e00\u822c\u547d\u76e4\u5074\uff08\u523b\u610f\u58d3\u6291\uff0c\u4f46\u4ecd\u9700\u770b\u5f97\u6e05\u695a\uff09 *\/\n#what .ms-spec-val--plain,\n#what .ms-spec-val--plain span,\n#what .ms-plain-list li,\n#what .ms-plain-list li span{\n color:#6B655D !important;\n}\n#what .ms-spec-head-col--plain h3,\n#what .ms-col--plain .ms-col-title,\n#what .ms-page-fig--plain .ms-page-cap,\n#what .ms-page-fig--plain .ms-page-cap span,\n#what .ms-page-fig--plain .ms-page-cap .n,\n#what .ms-page-fig--plain .ms-page-cap strong{\n color:#585249 !important;\n}\n#what .ms-spec-head-col--plain .ms-spec-head-label,\n#what .ms-spec-head-label{\n color:#4A423A !important;\n}\n\n\/* \u80cc\u666f\u9396\uff1a\u907f\u514d\u5916\u5c64\u5bb9\u5668\u7684\u6df1\u8272\u80cc\u666f\u8b93\u7c73\u767d\u5340\u584a\u5931\u6548 *\/\n#what{\n color:#1A1410 !important;\n}\nbody{\n margin:0; background:var(--paper); color:var(--ink);\n font-family:var(--sans); font-weight:400;\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n overflow-x:hidden;\n}\nimg{max-width:100%; height:auto; display:block;}\n\n\/* ============================================================\n SECTION \u5916\u6846\n ============================================================ *\/\n.ms-what{\n position:relative; overflow:hidden;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:\n radial-gradient(120% 80% at 82% 4%, #FFFDF8 0%, rgba(255,253,248,0) 55%),\n linear-gradient(180deg,#FBF8F2 0%,var(--paper) 40%,var(--paper-2) 100%);\n}\n#what .ms-what::before{\n content:\"\" !important; position:absolute; inset:0; pointer-events:none; opacity:.5;\n background-image:\n repeating-linear-gradient(96deg, rgba(176,141,79,.030) 0 1px, transparent 1px 3px),\n repeating-linear-gradient(174deg, rgba(106,85,48,.022) 0 1px, transparent 1px 4px);\n mix-blend-mode:multiply;\n}\n#what .ms-what::after{\n content:\"\" !important; position:absolute; left:100%; top:5%;\n width:min(44vw,540px); aspect-ratio:1;\n transform:translateX(-62%);\n border:1px solid rgba(176,141,79,.10); border-radius:50%;\n background:radial-gradient(circle at 50% 50%, rgba(176,141,79,.045) 0%, transparent 62%);\n pointer-events:none;\n animation:ms-breathe 14s var(--ease-soft) infinite;\n}\n@keyframes ms-breathe{\n 0%,100%{transform:translateX(-62%) scale(1) rotate(0deg); opacity:.72;}\n 50% {transform:translateX(-62%) scale(1.05) rotate(6deg); opacity:1;}\n}\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n \u6a19\u984c\u7fa4\n ============================================================ *\/\n.ms-head{text-align:center; max-width:min(100%,900px); margin:0 auto clamp(56px,7vw,104px);}\n\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:18px;\n font-size:var(--fs-eyebrow); font-weight:600;\n letter-spacing:var(--track-eyebrow); color:#96703C;\n text-transform:uppercase; margin:0 0 clamp(22px,2.4vw,34px);\n}\n#what .ms-eyebrow::before,#what .ms-eyebrow::after{\n content:\"\" !important; width:clamp(30px,4.4vw,62px); height:1px;\n background:linear-gradient(90deg,transparent,var(--gold));\n transform:scaleX(1); transform-origin:right;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.ms-eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent); transform-origin:left;}\n.ms-anim .ms-eyebrow::before,.ms-anim .ms-eyebrow::after{transform:scaleX(0);}\n.ms-anim .is-in .ms-eyebrow::before,.ms-anim .is-in .ms-eyebrow::after{transform:scaleX(1);}\n\n\/* \u6a19\u984c\uff1a\u7d14\u9ed1\u6700\u6e05\u695a\u3002\n \u4e26\u5f37\u5236\u6e05\u9664 Elementor\uff0f\u4e3b\u984c\u53ef\u80fd\u52a0\u5728\u6a19\u984c\u4e0a\u7684 text-shadow\n \uff08\u6703\u7522\u751f\u767d\u8272\u5149\u6688\uff0c\u8b93\u5b57\u770b\u8d77\u4f86\u9ad2\u4e14\u6a21\u7cca\uff09\u3002 *\/\n.ms-h2,\n.ms-h2 .ms-line,\n.ms-h2 .ms-accent{\n text-shadow:none!important;\n -webkit-text-stroke:0!important;\n}\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.34; letter-spacing:.02em;\n color:#12100E; \/* \u8fd1\u7d14\u9ed1 *\/\n margin:0 0 clamp(22px,2.4vw,32px);\n \/* \u4e2d\u6587\u6a19\u984c\u9632\u5b64\u5b57\uff1a\u6574\u53e5\u4e0d\u62c6\u884c\uff0c\u53ea\u5728 <br> \u8655\u65b7 *\/\n text-wrap:balance;\n}\n.ms-h2 .ms-line{display:inline-block;} \/* \u6bcf\u884c\u6210\u584a\uff0c\u4e0d\u5728\u53e5\u4e2d\u65b7\u5b57 *\/\n\/* \u91cd\u9ede\u5b57\u6539\u91d1\u8272\u5e95\u7dda\uff0c\u4e0d\u7528\u534a\u900f\u660e\u8272\u584a\u758a\u5b57\uff08\u539f\u505a\u6cd5\u58d3\u4f4e\u5c0d\u6bd4\uff09 *\/\n\/* \u91cd\u9ede\u5b57\uff1a\u6df1\u68d5\uff08\u6bd4\u539f --brown #6A5530 \u66f4\u6df1\uff09\uff0c\u7dad\u6301\u91d1\u7cfb\u8272\u76f8\u4f46\u62c9\u958b\u5c0d\u6bd4 *\/\n.ms-h2 .ms-accent{\n position:relative; display:inline-block;\n color:#4A3B1E;\n}\n#what .ms-h2 .ms-accent::after{\n content:\"\" !important; position:absolute; left:0; right:0; bottom:-.06em;\n height:3px; border-radius:2px;\n background:linear-gradient(90deg,var(--gold-light),var(--gold),rgba(176,141,79,.25));\n transform:scaleX(1); transform-origin:left;\n transition:transform 1.05s var(--ease-out) .45s;\n}\n.ms-anim .ms-h2 .ms-accent::after{transform:scaleX(0);}\n.ms-anim .is-in .ms-h2 .ms-accent::after{transform:scaleX(1);}\n\n.ms-lead{\n font-size:var(--fs-lead); line-height:2.05; color:var(--muted);\n max-width:62ch; margin:0 auto; font-weight:500;\n text-shadow:none!important;\n text-wrap:pretty; \/* \u907f\u514d\u884c\u5c3e\u5b64\u5b57 *\/\n}\n\/* \u684c\u6a5f\uff1a\u5169\u53e5\u5404\u81ea\u6210\u884c\uff08\u53d6\u4ee3\u786c\u5beb\u7684 <br>\uff0c\u624b\u6a5f\u624d\u80fd\u81ea\u7531\u91cd\u6392\uff09 *\/\n.ms-lead-br{display:block; height:0;}\n.ms-lead-seg{display:inline;}\n\/* \u53e5\u5c3e\u7247\u8a9e\u4e0d\u62c6\u884c\uff0c\u907f\u514d\u300c\u8cc7\u8a0a\uff1b\u300d\u55ae\u7368\u6210\u884c *\/\n.ms-nb{white-space:nowrap;}\n\n\/* ============================================================\n \u898f\u683c\u5c0d\u7167\u8868\n ============================================================ *\/\n.ms-spec{\n margin-bottom:clamp(72px,8.5vw,140px);\n}\n\n\/* --- \u8868\u982d --- *\/\n.ms-spec-head{\n display:grid;\n grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.25fr);\n gap:clamp(12px,1.6vw,28px);\n align-items:end;\n padding-bottom:clamp(16px,1.8vw,24px);\n border-bottom:2px solid var(--ink-deep);\n position:relative;\n}\n\/* \u8868\u982d\u4e3b\u8ef8\u7dda\uff1a\u9032\u5834\u6642\u7531\u5de6\u5f80\u53f3\u5c55\u958b *\/\n#what .ms-spec-head::after{\n content:\"\" !important; position:absolute; left:0; bottom:-2px;\n height:2px; width:100%;\n background:linear-gradient(90deg,var(--gold-light),var(--gold),rgba(176,141,79,.2));\n transform:scaleX(0); transform-origin:left;\n transition:transform 1.2s var(--ease-out) .15s;\n}\n.ms-anim .is-in .ms-spec-head::after{transform:scaleX(1);}\n.ms-spec-head-label{\n font-size:var(--fs-micro); font-weight:600;\n letter-spacing:var(--track-label); text-transform:uppercase;\n color:var(--muted-soft);\n}\n.ms-spec-head-col{min-width:0;}\n.ms-spec-head-col h3{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(18px,1.8vw,25px); line-height:1.4;\n margin:6px 0 0; letter-spacing:.03em;\n}\n.ms-spec-head-col--plain h3{color:var(--dim-title);}\n.ms-spec-head-col--book h3{color:#12100E;}\n.ms-spec-head-col--book{position:relative;}\n\/* \u4e3b\u89d2\u6b04\u7684\u91d1\u8272\u6a19\u8b58\u9ede *\/\n.ms-spec-head-col--book .ms-spec-head-label{color:var(--gold);}\n#what .ms-spec-head-col--book .ms-spec-head-label::before{\n content:\"\u25c6\" !important; margin-right:7px; font-size:.9em;\n}\n\n\/* --- \u8cc7\u6599\u5217 --- *\/\n.ms-spec-row{\n display:grid;\n grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.25fr);\n gap:clamp(12px,1.6vw,28px);\n align-items:center;\n padding:clamp(20px,2.3vw,32px) 0;\n border-bottom:1px solid var(--line-soft);\n position:relative;\n transition:opacity var(--dur) var(--ease-out),\n transform var(--dur) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-anim .ms-spec-row{opacity:0; transform:translateY(14px);}\n.ms-anim .is-in .ms-spec-row,\n.ms-anim .ms-spec-row.is-in{opacity:1; transform:none;}\n\n\/* hover \u806f\u52d5\uff1a\u6574\u5217\u6de1\u91d1\u5e95 + \u5de6\u7de3\u91d1\u7dda\u6383\u51fa *\/\n#what .ms-spec-row::before{\n content:\"\" !important; position:absolute; left:0; right:0; top:0; bottom:0;\n background:linear-gradient(90deg, rgba(201,168,112,.09), rgba(201,168,112,.02) 60%, transparent);\n opacity:0; pointer-events:none;\n transition:opacity var(--dur-fast) var(--ease-out);\n}\n#what .ms-spec-row::after{\n content:\"\" !important; position:absolute; left:0; bottom:-1px; height:1px; width:0;\n background:linear-gradient(90deg,var(--gold),rgba(176,141,79,.15));\n transition:width .55s var(--ease-out);\n}\n.ms-spec-row:hover::before{opacity:1;}\n.ms-spec-row:hover::after{width:100%;}\n\n\/* \u7dad\u5ea6\u6b04 *\/\n.ms-spec-key{\n display:flex; align-items:baseline; gap:clamp(10px,1.2vw,16px);\n min-width:0;\n}\n.ms-spec-idx{\n font-family:var(--serif); font-size:var(--fs-small);\n letter-spacing:.14em; color:#96703C; \/* \u52a0\u6df1\u91d1\uff0c\u7c73\u767d\u5e95\u4e0a\u624d\u8b80\u5f97\u6e05 *\/\n font-weight:700; flex:0 0 auto;\n transition:color var(--dur-fast) var(--ease-out),\n transform var(--dur-fast) var(--ease-out);\n}\n.ms-spec-row:hover .ms-spec-idx{color:var(--brown); transform:translateX(2px);}\n.ms-spec-key-text{\n font-family:var(--serif); font-weight:700; \/* 600\u2192700 *\/\n font-size:var(--fs-spec); line-height:1.55;\n color:#12100E; \/* \u7d14\u9ed1\uff0c\u6700\u6e05\u695a *\/\n letter-spacing:.03em;\n min-width:0;\n}\n\n\/* \u503c\u6b04\u5171\u7528 \u2014\u2014 \u4f9d\u6307\u793a\u5168\u9762\u52a0\u7c97 *\/\n.ms-spec-val{\n font-size:var(--fs-spec); line-height:1.75; min-width:0;\n font-weight:600;\n}\n\/* \u4e00\u822c\u547d\u76e4\u5074\uff1a\u76f8\u5c0d\u58d3\u6291\uff0c\u4f46\u4ecd\u9700\u6e05\u695a\u53ef\u8b80 *\/\n.ms-spec-val--plain{\n color:var(--dim-text); font-weight:600;\n display:flex; align-items:flex-start; gap:10px;\n}\n#what .ms-spec-val--plain::before{\n content:\"\" !important; flex:0 0 auto; width:11px; height:1px;\n background:currentColor; opacity:.6; margin-top:.85em;\n}\n\/* \u547d\u66f8\u5074\uff1a\u4e3b\u89d2 *\/\n.ms-spec-val--book{\n color:#12100E; font-weight:600;\n display:flex; align-items:flex-start; gap:11px;\n}\n#what .ms-spec-val--book::before{\n content:\"\u2726\" !important; flex:0 0 auto; color:var(--gold);\n font-size:.92em; line-height:1.75;\n transition:transform .55s var(--ease-out), color var(--dur-fast) var(--ease-out), opacity .45s var(--ease-out);\n}\n\/* \u9032\u5834\uff1a\u83f1\u5f62\u65cb\u8f49\u653e\u5927\u5165\u5834 *\/\n.ms-anim .ms-spec-val--book::before{transform:scale(.35) rotate(-120deg); opacity:0;}\n.ms-anim .is-in .ms-spec-val--book::before{transform:scale(1) rotate(0deg); opacity:1;}\n.ms-spec-row:hover .ms-spec-val--book::before{\n transform:scale(1.24) rotate(-12deg); color:var(--brown);\n}\n.ms-spec-val--book strong{\n font-weight:800; color:var(--ink-deep); \/* \u6bd4\u5468\u570d 600 \u66f4\u91cd\uff0c\u7dad\u6301\u5c64\u6b21 *\/\n}\n\n\/* --- \u8868\u5c3e\u7d71\u8a08\u689d --- *\/\n.ms-spec-foot{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:clamp(14px,2vw,32px);\n margin-top:clamp(30px,3.4vw,50px);\n padding-top:clamp(26px,3vw,40px);\n border-top:1px solid var(--line);\n}\n.ms-stat{\n position:relative;\n text-align:center;\n padding-top:clamp(14px,1.6vw,22px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n\/* \u6bcf\u500b\u7d71\u8a08\u4e0a\u7de3\u7684\u91d1\u7dda\uff0c\u9032\u5834\u7531\u4e2d\u5fc3\u5c55\u958b *\/\n#what .ms-stat::before{\n content:\"\" !important; position:absolute; top:0; left:50%;\n width:min(64px,40%); height:2px;\n transform:translateX(-50%) scaleX(0);\n background:linear-gradient(90deg,rgba(176,141,79,0),var(--gold),rgba(176,141,79,0));\n transition:transform .85s var(--ease-out) .25s;\n}\n.ms-anim .is-in .ms-stat::before,\n.ms-anim .ms-stat.is-in::before{transform:translateX(-50%) scaleX(1);}\n.ms-anim .ms-stat{opacity:0; transform:translateY(16px);}\n.ms-anim .is-in .ms-stat,\n.ms-anim .ms-stat.is-in{opacity:1; transform:none;}\n.ms-stat-num{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(34px,4vw,58px); line-height:1.1;\n color:#12100E; letter-spacing:.02em;\n display:block; margin-bottom:10px;\n}\n.ms-stat-num i{\n font-style:normal;\n font-variant-numeric:tabular-nums; \/* \u7b49\u5bec\u6578\u5b57\uff0ccountUp \u6642\u4e0d\u6296\u52d5 *\/\n}\n.ms-stat-num span{\n font-family:var(--sans);\n font-size:.36em; color:var(--gold); margin-left:5px; font-weight:500;\n letter-spacing:.06em;\n}\n.ms-stat-label{\n font-size:var(--fs-micro); letter-spacing:var(--track-label);\n text-transform:uppercase; color:var(--muted-soft); font-weight:600;\n display:block; margin-bottom:5px;\n}\n.ms-stat-note{\n font-size:var(--fs-small); color:var(--muted); line-height:1.7;\n font-weight:500;\n}\n\n\/* ============================================================\n \u5f71\u50cf\u5be6\u8b49\u5340\n ============================================================ *\/\n.ms-proof{\n --px:0px; \/* \u7531 JS \u5beb\u5165\u7684\u6372\u52d5\u8996\u5dee\u91cf\uff0c\u5b50\u5143\u7d20\u7e7c\u627f *\/\n display:grid;\n grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);\n gap:clamp(24px,3.4vw,64px);\n align-items:center;\n margin-bottom:clamp(72px,8.5vw,140px);\n}\n\n\/* --- \u5de6\uff1a\u7cbe\u88dd\u66f8\u9ad4 --- *\/\n.ms-proof-book{\n position:relative;\n display:flex; justify-content:center; align-items:center;\n padding:clamp(16px,2vw,32px);\n}\n\/* \u5206\u5c64\u8ca0\u8cac\uff0c\u907f\u514d\u591a\u500b transform \u4e92\u76f8\u8986\u5beb\uff1a\n \u5916\u5c64 .ms-proof-shift \u5403\u6372\u52d5\u8996\u5dee\uff08JS \u5beb\u5165\uff09\n \u5167\u5c64 .ms-proof-book-img \u5403\u9032\u5834\u8207 hover\uff08\u7d14 CSS\uff09 *\/\n\/* \u8996\u5dee\u5c64\uff1a\u5728 flex \u5bb9\u5668\u4e2d\u5fc5\u9808\u6709\u660e\u78ba\u5bec\u5ea6\uff0c\n \u5426\u5247\u5b50\u5716\u7684 width:min(100%,440px) \u6703\u89e3\u6790\u70ba 0 \u800c\u6d88\u5931 *\/\n.ms-proof-shift{\n flex:0 1 auto;\n width:min(100%,440px);\n max-width:100%;\n opacity:1;\n transition:transform 1.05s var(--ease-out), opacity .85s var(--ease-out);\n will-change:transform, opacity;\n}\n\/* \u66f8\u9ad4\u5716\u6c38\u9060\u53ef\u898b\uff08\u4e0d\u5c0d img \u672c\u8eab\u505a opacity \u52d5\u756b\uff0c\n \u907f\u514d transition \u4e2d\u65b7\u6642\u5361\u5728\u4e2d\u9593\u503c\u800c\u6574\u5f35\u6d88\u5931\uff09\u3002\n \u9032\u5834\u6539\u7531\u5916\u5c64 .ms-proof-shift \u627f\u64d4\u4f4d\u79fb\uff0c\u5b89\u5168\u5f97\u591a\u3002 *\/\n.ms-proof-book-img{\n position:relative; z-index:2;\n width:100%;\n filter:drop-shadow(0 34px 60px rgba(12,36,64,.28));\n transition:transform .8s var(--ease-out);\n}\n\/* \u9032\u5834\u4f4d\u79fb\u8207\u6de1\u5165\u653e\u5728 shift \u5c64\u3002\n \u521d\u59cb\u614b\u7531 JS \u4ee5 inline style \u8a2d\u5b9a\u3001\u63ed\u793a\u6642\u518d\u6e05\u9664\uff0c\n \u4e0d\u4f9d\u8cf4 class \u9078\u64c7\u5668\u7684\u5c64\u758a\u9806\u5e8f\uff0c\u884c\u70ba\u6700\u53ef\u9810\u6e2c\u3002 *\/\n\/* \u66f8\u9ad4 hover\uff1a\u5fae\u5e45\u7acb\u9ad4\u50be\u659c *\/\n.ms-proof-book:hover .ms-proof-book-img{\n transform:translateY(-8px) scale(1.025) rotate(-1.2deg);\n transition:transform .8s var(--ease-out);\n}\n\/* \u66f8\u9ad4\u5f8c\u65b9\u7684\u5149\u6688 *\/\n#what .ms-proof-book::before{\n content:\"\" !important; position:absolute; z-index:1;\n left:50%; top:50%; width:min(78%,380px); aspect-ratio:1;\n transform:translate(-50%,-50%);\n background:radial-gradient(circle, rgba(176,141,79,.16) 0%, transparent 66%);\n pointer-events:none;\n animation:ms-glow 8s var(--ease-soft) infinite;\n}\n@keyframes ms-glow{\n 0%,100%{opacity:.7; transform:translate(-50%,-50%) scale(1);}\n 50% {opacity:1; transform:translate(-50%,-50%) scale(1.08);}\n}\n\n\/* --- \u53f3\uff1a\u8aaa\u660e --- *\/\n.ms-proof-text{min-width:0;}\n.ms-proof-label{\n display:inline-block;\n font-size:var(--fs-micro); letter-spacing:var(--track-label);\n text-transform:uppercase; color:var(--gold); font-weight:500;\n margin-bottom:clamp(14px,1.6vw,20px);\n}\n.ms-proof-title{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(23px,2.6vw,37px); line-height:1.55;\n color:#12100E; letter-spacing:.03em;\n margin:0 0 clamp(18px,2vw,26px);\n text-shadow:none!important;\n}\n.ms-proof-desc{\n font-size:var(--fs-body); line-height:1.95; color:var(--muted);\n margin:0 0 clamp(24px,2.8vw,36px); font-weight:500;\n}\n\/* \u898f\u683c\u5fae\u5217\u8868 *\/\n.ms-proof-meta{\n list-style:none; margin:0; padding:0;\n border-top:1px solid var(--line-soft);\n}\n.ms-proof-meta li{\n display:flex; justify-content:space-between; align-items:baseline;\n gap:16px; padding:clamp(11px,1.2vw,15px) 0;\n border-bottom:1px solid var(--line-soft);\n font-size:var(--fs-small);\n}\n.ms-proof-meta dt,.ms-proof-meta .k{\n color:var(--muted-soft); letter-spacing:.1em;\n text-transform:uppercase; font-size:var(--fs-micro); font-weight:600;\n flex:0 0 auto;\n}\n.ms-proof-meta .v{\n color:#12100E; font-weight:700; text-align:right;\n font-family:var(--serif); min-width:0;\n}\n\n\/* ============================================================\n \u5167\u9801\u5c0d\u7167\uff08\u4e00\u822c\u547d\u76e4 vs \u547d\u66f8\u5167\u9801\uff09\n ============================================================ *\/\n.ms-pages{\n margin-bottom:clamp(64px,7.5vw,120px);\n}\n.ms-pages-title{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(21px,2.2vw,31px); line-height:1.6;\n color:#12100E; text-align:center; letter-spacing:.03em;\n margin:0 auto clamp(30px,3.6vw,52px); max-width:32ch;\n text-shadow:none!important;\n}\n.ms-pages-grid{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:clamp(18px,2.6vw,44px);\n align-items:start;\n}\n.ms-page-fig{\n margin:0; min-width:0;\n transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-anim .ms-page-fig{opacity:0; transform:translateY(22px);}\n.ms-anim .is-in .ms-page-fig,\n.ms-anim .ms-page-fig.is-in{opacity:1; transform:none;}\n\n.ms-page-frame{\n position:relative; overflow:hidden;\n border-radius:var(--radius-lg);\n background:#fff;\n box-shadow:var(--shadow-soft);\n transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);\n}\n.ms-page-frame img{\n width:100%;\n transition:transform 1.1s var(--ease-out), filter var(--dur) var(--ease-out);\n}\n\/* \u4e00\u822c\u547d\u76e4\u5074\uff1a\u53bb\u5f69\u58d3\u6291\uff0chover \u624d\u7565\u56de\u5fa9 *\/\n.ms-page-fig--plain .ms-page-frame{border:1px solid rgba(26,20,16,.08);}\n.ms-page-fig--plain img{filter:saturate(.32) contrast(.96) brightness(1.02);}\n.ms-page-fig--plain:hover img{filter:saturate(.55) contrast(1) brightness(1);}\n\/* \u547d\u66f8\u5074\uff1a\u91d1\u6846 + \u6d6e\u8d77 *\/\n.ms-page-fig--book .ms-page-frame{border:1px solid var(--line);}\n.ms-page-fig--book:hover .ms-page-frame{\n transform:translateY(-7px); box-shadow:var(--shadow-lift);\n}\n.ms-page-fig--book:hover img{transform:scale(1.03);}\n\n\/* \u5f71\u50cf\u4e0a\u7de3\u6383\u63cf\u5149\u7dda\uff08\u50c5\u547d\u66f8\u5074\uff0chover \u89f8\u767c\uff09 *\/\n#what .ms-page-fig--book .ms-page-frame::after{\n content:\"\" !important; position:absolute; inset:0; pointer-events:none;\n background:linear-gradient(105deg, transparent 34%, rgba(255,255,255,.34) 48%, transparent 62%);\n background-size:240% 100%; background-position:180% 0;\n opacity:0; transition:opacity .3s;\n}\n.ms-page-fig--book:hover .ms-page-frame::after{\n opacity:1; animation:ms-scan 1.4s var(--ease-out);\n}\n@keyframes ms-scan{\n from{background-position:180% 0;}\n to{background-position:-90% 0;}\n}\n\n.ms-page-cap{\n display:flex; align-items:baseline; gap:10px;\n margin-top:clamp(13px,1.5vw,18px);\n font-size:var(--fs-small); line-height:1.7; font-weight:500;\n}\n.ms-page-cap .n{\n font-family:var(--serif); font-size:var(--fs-micro);\n letter-spacing:.16em; flex:0 0 auto; font-weight:700;\n}\n.ms-page-fig--plain .ms-page-cap{color:var(--dim-text);}\n.ms-page-fig--plain .ms-page-cap .n{color:var(--dim-text);}\n.ms-page-fig--book .ms-page-cap{color:var(--muted);}\n.ms-page-fig--book .ms-page-cap .n{color:#96703C;}\n.ms-page-cap strong{color:#12100E; font-weight:700;}\n.ms-page-fig--plain .ms-page-cap strong{color:var(--dim-title);}\n\n\/* ============================================================\n \u516d\u9ede\u7d50\u8ad6 \u2014\u2014 \u975e\u5c0d\u7a31\u7db2\u683c\n ============================================================ *\/\n.ms-points-wrap{\n position:relative;\n padding-top:clamp(52px,6vw,88px);\n border-top:1px solid var(--line);\n}\n.ms-points-title{\n font-family:var(--serif); font-size:clamp(23px,2.6vw,36px); font-weight:700;\n color:#12100E; text-align:center;\n max-width:26ch; margin:0 auto clamp(40px,4.6vw,70px);\n line-height:1.65; letter-spacing:.03em;\n text-shadow:none!important;\n}\n.ms-points-title em{font-style:normal; color:#4A3B1E;}\n\n.ms-points{\n list-style:none; margin:0; padding:0;\n display:grid;\n grid-template-columns:repeat(6,minmax(0,1fr));\n gap:clamp(13px,1.6vw,22px);\n}\n.ms-point:nth-child(1){grid-column:span 4;}\n.ms-point:nth-child(2),\n.ms-point:nth-child(3),\n.ms-point:nth-child(4),\n.ms-point:nth-child(5){grid-column:span 2;}\n.ms-point:nth-child(6){grid-column:span 6;}\n\n.ms-point{\n position:relative; min-width:0;\n display:flex; flex-direction:column; justify-content:flex-end;\n min-height:clamp(138px,12vw,196px);\n padding:clamp(26px,2.8vw,40px) clamp(22px,2.4vw,34px);\n background:rgba(255,253,248,.78);\n border:1px solid var(--line-soft);\n border-radius:var(--radius);\n overflow:hidden; cursor:default;\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-anim .ms-point{opacity:0; transform:translateY(20px);}\n.ms-anim .is-in .ms-point,\n.ms-anim .ms-point.is-in{opacity:1; transform:none;}\n\n.ms-point:nth-child(1) .ms-point-text,\n.ms-point:nth-child(6) .ms-point-text{\n font-size:clamp(20px,2.1vw,29px); font-weight:700; color:#12100E;\n}\n.ms-point:nth-child(1){\n background:linear-gradient(135deg,#FFFDF8 0%,var(--paper) 100%);\n border-color:var(--line);\n}\n.ms-point:nth-child(6){\n background:linear-gradient(115deg,#FFFDF8 0%,var(--paper-2) 100%);\n border-color:var(--line);\n min-height:clamp(114px,9.5vw,156px);\n}\n\n.ms-point-text{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(17px,1.6vw,22px); line-height:1.65;\n color:#12100E; letter-spacing:.02em;\n}\n.ms-point-num{\n display:block; font-family:var(--serif);\n font-size:clamp(12.5px,1.05vw,15px);\n letter-spacing:.24em; color:#96703C;\n margin-bottom:clamp(11px,1.2vw,17px); font-weight:700;\n}\n\n\/* \u5927\u6578\u5b57\u6c34\u5370\u50c5\u9996\u5c3e\u5169\u5f35\uff0c\u4f4e\u5b58\u5728\u611f *\/\n#what .ms-point:nth-child(1)::after,\n#what .ms-point:nth-child(6)::after{\n content:attr(data-n);\n position:absolute; right:clamp(16px,1.9vw,30px); top:clamp(-10px,-.8vw,-4px);\n font-family:var(--serif); font-weight:400;\n font-size:clamp(66px,7vw,116px); line-height:1;\n color:rgba(176,141,79,.10); pointer-events:none;\n transition:color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n}\n.ms-point:nth-child(1):hover::after,\n.ms-point:nth-child(6):hover::after{\n color:rgba(176,141,79,.19); transform:translateY(-4px) scale(1.04);\n}\n\n#what .ms-point::before{\n content:\"\" !important; position:absolute; left:0; top:0; bottom:0; width:2px;\n background:linear-gradient(180deg,var(--gold-light),var(--gold));\n transform:scaleY(0); transform-origin:top;\n transition:transform var(--dur-fast) var(--ease-out);\n}\n.ms-point:hover{\n border-color:rgba(176,141,79,.48); background:#FFFDF8;\n transform:translateY(-4px);\n}\n.ms-point:hover::before{transform:scaleY(1);}\n\n\/* ============================================================\n RWD\n ============================================================ *\/\n@media (max-width:1024px){\n .ms-points{grid-template-columns:repeat(4,minmax(0,1fr));}\n .ms-point:nth-child(1){grid-column:span 4;}\n .ms-point:nth-child(2),\n .ms-point:nth-child(3),\n .ms-point:nth-child(4),\n .ms-point:nth-child(5){grid-column:span 2;}\n .ms-point:nth-child(6){grid-column:span 4;}\n\n .ms-proof{grid-template-columns:1fr; gap:clamp(28px,4vw,48px);}\n .ms-proof-book{order:-1;}\n .ms-proof-shift{width:min(74%,360px);}\n}\n\n@media (max-width:820px){\n \/* \u898f\u683c\u8868\u8f49\u70ba\u5806\u758a\u5361\uff1a\u7dad\u5ea6\u70ba\u6a19\u984c\uff0c\u5169\u500b\u503c\u4e0a\u4e0b\u6392 *\/\n .ms-spec-head{display:none;}\n\n \/* ---------- \u624b\u6a5f\u5c08\u5c6c\u4e92\u52d5\uff08\u7121 hover\uff0c\u6539\u7528\u9032\u5834\u52d5\u6548\u8207 :active \u89f8\u63a7\u56de\u994b\uff09 ---------- *\/\n\n \/* \u6bcf\u5217\u9032\u5834\uff1a\u5e95\u7de3\u91d1\u7dda\u7531\u5de6\u62bd\u51fa\uff08\u4e0d\u7528\u5de6\u7de3\uff0c\u907f\u514d\u8cbc\u9f4a\u87a2\u5e55\u908a\u3001\u58d3\u5230\u7de8\u865f\uff09 *\/\n .ms-spec-row{\n transition:opacity var(--dur) var(--ease-out),\n transform var(--dur) var(--ease-out),\n background var(--dur-fast) var(--ease-out);\n }\n #what .ms-spec-row::after{\n content:\"\" !important; position:absolute; left:0; bottom:-1px; top:auto;\n height:1px; width:100%;\n background:linear-gradient(90deg,var(--gold),rgba(176,141,79,.12));\n transform:scaleX(0); transform-origin:left;\n transition:transform .85s var(--ease-out) .15s;\n }\n .ms-anim .ms-spec-row.is-in::after,\n .ms-anim .is-in .ms-spec-row::after{transform:scaleX(1);}\n\n \/* \u89f8\u63a7\u6309\u4e0b\uff1a\u6574\u5217\u6de1\u91d1\u5e95 + \u5fae\u7e2e\uff0c\u653e\u958b\u56de\u5f48 *\/\n .ms-spec-row:active{\n background:rgba(201,168,112,.10);\n transform:scale(.988);\n }\n\n \/* \u547d\u66f8\u5074\u7684\u503c\uff1a\u9032\u5834\u6642\u91d1\u8272\u83f1\u5f62\u8f49\u5165 *\/\n .ms-spec-val--book::before{\n transition:transform .6s var(--ease-out) .2s, opacity .5s var(--ease-out) .2s;\n }\n .ms-anim .ms-spec-row .ms-spec-val--book::before{\n transform:scale(.4) rotate(-90deg); opacity:0;\n }\n .ms-anim .ms-spec-row.is-in .ms-spec-val--book::before,\n .ms-anim .is-in .ms-spec-row .ms-spec-val--book::before{\n transform:scale(1) rotate(0deg); opacity:1;\n }\n\n \/* \u547d\u66f8\u5074\u5de6\u7de3\u91d1\u7dda\uff1a\u9032\u5834\u5f8c\u7531\u4e0a\u62bd\u51fa *\/\n .ms-spec-val--book{\n position:relative;\n transition:border-color .5s var(--ease-out);\n }\n\n \/* \u7d22\u5f15\u7de8\u865f\u9032\u5834\u4f4d\u79fb *\/\n .ms-spec-idx{\n transition:transform .6s var(--ease-out) .1s, opacity .5s var(--ease-out) .1s;\n }\n .ms-anim .ms-spec-row .ms-spec-idx{transform:translateX(-8px); opacity:0;}\n .ms-anim .ms-spec-row.is-in .ms-spec-idx,\n .ms-anim .is-in .ms-spec-row .ms-spec-idx{transform:translateX(0); opacity:1;}\n\n \/* \u9010\u5217 stagger\uff1a\u624b\u6a5f\u7528 nth-child \u7d66\u968e\u68af\u5f0f\u5ef6\u9072\uff0c\n \u7236\u5c64\u4e00\u6b21\u63ed\u793a\u6642\u4ecd\u6709\u4f9d\u5e8f\u9032\u5834\u7684\u7bc0\u594f\u611f *\/\n .ms-spec-row:nth-of-type(1){transition-delay:.04s;}\n .ms-spec-row:nth-of-type(2){transition-delay:.12s;}\n .ms-spec-row:nth-of-type(3){transition-delay:.20s;}\n .ms-spec-row:nth-of-type(4){transition-delay:.28s;}\n .ms-spec-row:nth-of-type(5){transition-delay:.36s;}\n\n .ms-spec-row{\n grid-template-columns:1fr;\n gap:0;\n padding:clamp(22px,3.4vw,28px) 0;\n }\n .ms-spec-key{margin-bottom:14px;}\n\n .ms-spec-val{\n padding:11px 0 11px 14px;\n border-left:2px solid var(--line-soft);\n font-size:clamp(14px,3.4vw,15.5px);\n }\n .ms-spec-val--plain{margin-bottom:8px;}\n .ms-spec-val--book{border-left-color:var(--gold);}\n\n \/* \u624b\u6a5f\u7248\u88dc\u56de\u6b04\u4f4d\u6a19\u7c64\uff0c\u5426\u5247\u770b\u4e0d\u51fa\u54ea\u500b\u662f\u54ea\u500b *\/\n .ms-spec-val::after{\n order:-1;\n font-size:var(--fs-micro); letter-spacing:.16em;\n text-transform:uppercase; font-weight:500;\n display:block; margin-bottom:4px;\n }\n .ms-spec-val--plain{flex-direction:column; align-items:flex-start; gap:0;}\n .ms-spec-val--plain::before{display:none;}\n #what .ms-spec-val--plain::after{content:\"\u514d\u8cbb\u547d\u76e4\" !important; color:var(--dim-text);}\n .ms-spec-val--book{flex-direction:column; align-items:flex-start; gap:0;}\n .ms-spec-val--book::before{display:none;}\n #what .ms-spec-val--book::after{content:\"\u5c08\u5c6c\u547d\u66f8\" !important; color:var(--gold);}\n}\n\n@media (max-width:720px){\n .ms-pages-grid{grid-template-columns:1fr; gap:26px;}\n .ms-page-fig--book{order:-1;} \/* \u624b\u6a5f\u5148\u770b\u547d\u66f8\u5167\u9801 *\/\n\n \/* \u5167\u9801\u5716\u624b\u6a5f\u4e92\u52d5\uff1a\u9032\u5834\u6642\u91d1\u6846\u7531\u7d30\u8b8a\u986f\u3001\u89f8\u63a7\u6309\u4e0b\u5fae\u7e2e *\/\n .ms-page-frame{\n transition:transform .45s var(--ease-out),\n box-shadow .5s var(--ease-out),\n border-color .6s var(--ease-out) .15s;\n }\n .ms-page-fig--book .ms-page-frame{border-color:var(--line-soft);}\n .ms-anim .ms-page-fig--book.is-in .ms-page-frame,\n .ms-anim .is-in .ms-page-fig--book .ms-page-frame{\n border-color:var(--gold);\n box-shadow:0 16px 40px rgba(176,141,79,.18);\n }\n .ms-page-fig:active .ms-page-frame{transform:scale(.985);}\n\n \/* \u4e00\u822c\u547d\u76e4\u5074\uff1a\u9032\u5834\u6642\u7531\u66f4\u7070\u6f38\u6f38\u56de\u5230\u8a2d\u5b9a\u98fd\u548c\u5ea6\uff0c\u5f62\u6210\u5c0d\u7167 *\/\n .ms-page-fig--plain img{\n transition:filter 1.1s var(--ease-out) .2s;\n }\n .ms-anim .ms-page-fig--plain img{filter:saturate(0) contrast(.94);}\n .ms-anim .ms-page-fig--plain.is-in img,\n .ms-anim .is-in .ms-page-fig--plain img{filter:saturate(.32) contrast(.96) brightness(1.02);}\n .ms-spec-foot{grid-template-columns:1fr; gap:26px;}\n .ms-spec-foot .ms-stat{\n display:grid; grid-template-columns:auto 1fr;\n gap:4px 18px; align-items:baseline; text-align:left;\n }\n .ms-spec-foot .ms-stat-num{grid-row:span 2; margin-bottom:0;}\n}\n\n@media (max-width:640px){\n \/* \u624b\u6a5f\u55ae\u6b04\u6642\u6bcf\u5f35\u5361\u5404\u81ea\u89f8\u767c\uff08\u898b JS\uff09\uff0c\n stagger \u7e2e\u77ed\u70ba 0.06s \u7684\u77ed\u5ef6\u9072\u5373\u53ef\uff0c\u4e0d\u9700\u6b78\u96f6 *\/\n .ms-point,.ms-spec-row,.ms-stat,.ms-page-fig{transition-delay:.05s;}\n\n .ms-points{grid-template-columns:1fr;}\n .ms-point:nth-child(1),\n .ms-point:nth-child(2),\n .ms-point:nth-child(3),\n .ms-point:nth-child(4),\n .ms-point:nth-child(5),\n .ms-point:nth-child(6){grid-column:span 1;}\n .ms-point,\n .ms-point:nth-child(1),\n .ms-point:nth-child(6){min-height:auto;}\n\n \/* \u516d\u9ede\u5361\u624b\u6a5f\u4e92\u52d5\uff1a\u9032\u5834\u5de6\u7de3\u91d1\u7dda\u62bd\u51fa + \u89f8\u63a7\u6309\u4e0b\u5fae\u7e2e\u56de\u994b *\/\n .ms-point::before{transition:transform .65s var(--ease-out) .15s;}\n .ms-anim .ms-point.is-in::before,\n .ms-anim .is-in .ms-point::before{transform:scaleY(1);}\n\n .ms-point:active{\n transform:scale(.985);\n border-color:rgba(176,141,79,.5);\n background:#FFFDF8;\n }\n\n \/* \u7de8\u865f\u9032\u5834\u4f4d\u79fb *\/\n .ms-point-num{transition:transform .6s var(--ease-out) .12s, opacity .5s var(--ease-out) .12s;}\n .ms-anim .ms-point .ms-point-num{transform:translateX(-6px); opacity:0;}\n .ms-anim .ms-point.is-in .ms-point-num,\n .ms-anim .is-in .ms-point .ms-point-num{transform:translateX(0); opacity:1;}\n\n \/* \u9996\u5c3e\u5927\u5361\u7684\u6c34\u5370\u6578\u5b57\uff1a\u9032\u5834\u6de1\u5165\u4e0a\u6d6e *\/\n .ms-point:nth-child(1)::after,\n .ms-point:nth-child(6)::after{\n transition:opacity .9s var(--ease-out) .3s, transform .9s var(--ease-out) .3s;\n }\n .ms-anim .ms-point:nth-child(1)::after,\n .ms-anim .ms-point:nth-child(6)::after{opacity:0; transform:translateY(10px);}\n .ms-anim .ms-point:nth-child(1).is-in::after,\n .ms-anim .ms-point:nth-child(6).is-in::after,\n .ms-anim .is-in .ms-point:nth-child(1)::after,\n .ms-anim .is-in .ms-point:nth-child(6)::after{opacity:1; transform:translateY(0);}\n .ms-eyebrow{gap:12px;}\n\n \/* \u5c0e\u8a00\uff1a\u624b\u6a5f\u4e0d\u5403\u684c\u6a5f\u7684\u65b7\u884c\uff0c\u5169\u6bb5\u5404\u81ea\u6210\u584a\u81ea\u7136\u91cd\u6392\uff0c\n \u9650\u5236\u884c\u5bec\u4e26\u6539\u5de6\u5c0d\u9f4a\uff0c\u907f\u514d\u300c\u8cc7\u8a0a\uff1b\u300d\u9019\u985e\u5c37\u5c2c\u5b64\u5b57\u884c *\/\n .ms-lead{\n line-height:1.95;\n text-align:left;\n max-width:100%;\n margin-inline:auto;\n }\n .ms-lead-seg{display:block;}\n .ms-lead-seg + .ms-lead-seg{margin-top:.9em;}\n .ms-lead-br{display:none;}\n\n \/* \u6a19\u984c\uff1a\u624b\u6a5f\u8b93\u6574\u53e5\u81ea\u7136\u91cd\u6392\uff0c\u5404\u884c\u9577\u5ea6\u8f03\u5747\u8861 *\/\n .ms-h2 .ms-line{display:inline;}\n .ms-h2{line-height:1.42;}\n}\n\n\/* \u6975\u7a84\u87a2\u5e55\uff1anowrap \u7247\u8a9e\u53ef\u80fd\u6490\u7834\u7248\u9762\uff0c\u89e3\u9664\u4fdd\u8b77\u512a\u5148\u4fdd\u8b49\u4e0d\u6ea2\u51fa *\/\n@media (max-width:360px){\n .ms-nb{white-space:normal;}\n\n .ms-proof-shift{width:min(84%,300px);}\n .ms-proof-meta li{flex-wrap:wrap; gap:4px 12px;}\n .ms-proof-meta .v{text-align:left;}\n}\n\n\/* ---------- \u7121\u969c\u7919 ---------- *\/\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n \/* .ms-anim \u4e0d\u6703\u88ab\u52a0\u4e0a\uff0c\u5143\u7d20\u672c\u5c31\u53ef\u898b\uff1b\u6b64\u8655\u50c5\u4fdd\u96aa *\/\n .ms-spec-row,.ms-stat,.ms-point,.ms-page-fig,\n .ms-proof-shift,.ms-proof-book-img{\n opacity:1!important; transform:none!important;\n }\n .ms-eyebrow::before,.ms-eyebrow::after,.ms-h2 .ms-accent::after{transform:scaleX(1)!important;}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ms-what\" id=\"what\">\n <div class=\"ms-inner\">\n\n \n <header class=\"ms-head\" data-reveal>\n <p class=\"ms-eyebrow\">What is Ming Shu<\/p>\n <h2 class=\"ms-h2\"><span class=\"ms-line\">\u547d\u66f8\uff0c\u662f\u4e00\u4efd\u5c08\u5c6c\u65bc\u4f60\u7684<\/span><br><span class=\"ms-accent\">\u4eba\u751f\u4f7f\u7528\u8aaa\u660e\u66f8<\/span><\/h2>\n <p class=\"ms-lead\">\n <span class=\"ms-lead-seg\">\u4e00\u822c\u7684\u514d\u8cbb\u547d\u76e4\uff0c\u53ea\u63d0\u4f9b\u661f\u66dc\u3001\u5bae\u4f4d\u8207<span class=\"ms-nb\">\u57fa\u672c\u6392\u76e4\u8cc7\u8a0a\uff1b<\/span><\/span><span class=\"ms-lead-br\"><\/span><span class=\"ms-lead-seg\">\u5c08\u5c6c\u547d\u66f8\u5247\u5c07\u8907\u96dc\u7684\u547d\u7406\u8cc7\u6599\uff0c\u8f49\u5316\u70ba\u770b\u5f97\u61c2\u3001<span class=\"ms-nb\">\u80fd\u5be6\u969b\u4f7f\u7528\u7684\u5e74\u5ea6\u4eba\u751f\u5efa\u8b70<\/span><\/span>\n <\/p>\n <\/header>\n\n \n <div class=\"ms-spec\" data-reveal>\n\n <div class=\"ms-spec-head\">\n <div class=\"ms-spec-head-col\">\n <span class=\"ms-spec-head-label\">Comparison<\/span>\n <\/div>\n <div class=\"ms-spec-head-col ms-spec-head-col--plain\">\n <span class=\"ms-spec-head-label\">Free Chart<\/span>\n <h3>\u4e00\u822c\u514d\u8cbb\u547d\u76e4<\/h3>\n <\/div>\n <div class=\"ms-spec-head-col ms-spec-head-col--book\">\n <span class=\"ms-spec-head-label\">Personal Ming Shu<\/span>\n <h3>\u5c08\u5c6c\u500b\u4eba\u547d\u66f8<\/h3>\n <\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.06s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">01<\/span>\n <span class=\"ms-spec-key-text\">\u5448\u73fe\u65b9\u5f0f<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u5448\u73fe\u661f\u66dc\u8207\u5bae\u4f4d\u6392\u5217<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span><strong>\u767d\u8a71\u89e3\u6790<\/strong>\uff0c\u628a\u547d\u7406\u8853\u8a9e\u7ffb\u8b6f\u6210\u65e5\u5e38\u8a9e\u8a00<\/span><\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.12s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">02<\/span>\n <span class=\"ms-spec-key-text\">\u7406\u89e3\u6210\u672c<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u4f7f\u7528\u8005\u81ea\u884c\u67e5\u95b1\u7406\u89e3<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span>\u8f49\u5316\u70ba<strong>\u53ef\u57f7\u884c\u7684\u884c\u52d5\u5efa\u8b70<\/strong><\/span><\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.18s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">03<\/span>\n <span class=\"ms-spec-key-text\">\u6db5\u84cb\u7bc4\u570d<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u5167\u5bb9\u8f03\u70ba\u7c21\u7565<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span>\u5e74\u5ea6\u683c\u5c40\u8207<strong>\u5341\u4e8c\u500b\u6708\u4efd<\/strong>\u5b8c\u6574\u5206\u6790<\/span><\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.24s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">04<\/span>\n <span class=\"ms-spec-key-text\">\u5c08\u4eba\u670d\u52d9<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u6c92\u6709\u5c08\u4eba\u670d\u52d9<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span>\u53ef\u7531<strong>\u8001\u5e2b\u7dda\u4e0a\u89e3\u8aaa<\/strong>\uff0c\u7591\u554f\u7576\u5834\u91d0\u6e05<\/span><\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.30s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">05<\/span>\n <span class=\"ms-spec-key-text\">\u4fdd\u5b58\u65b9\u5f0f<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u4e0d\u4e00\u5b9a\u80fd\u5920\u4fdd\u5b58<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span><strong>\u7cbe\u88dd\u5be6\u9ad4<\/strong>\u8207\u96fb\u5b50\u7248\u6c38\u4e45\u6536\u85cf<\/span><\/div>\n <\/div>\n\n \n <div class=\"ms-spec-foot\">\n <div class=\"ms-stat\" style=\"--d:.10s\">\n <span class=\"ms-stat-num\" data-count=\"12\"><i>12<\/i><span>\u500b\u6708<\/span><\/span>\n <span class=\"ms-stat-label\">Monthly<\/span>\n <span class=\"ms-stat-note\">\u9010\u6708\u904b\u52e2\u5206\u6790\uff0c\u6642\u9593\u8ef8\u5b8c\u6574\u4e0d\u7559\u7a7a\u767d<\/span>\n <\/div>\n <div class=\"ms-stat\" style=\"--d:.18s\">\n <span class=\"ms-stat-num\" data-count=\"5\"><i>5<\/i><span>\u5927\u9762\u5411<\/span><\/span>\n <span class=\"ms-stat-label\">Dimensions<\/span>\n <span class=\"ms-stat-note\">\u4e8b\u696d\u3001\u611f\u60c5\u3001\u8ca1\u904b\u3001\u5065\u5eb7\u3001\u5b78\u7fd2<\/span>\n <\/div>\n <div class=\"ms-stat\" style=\"--d:.26s\">\n <span class=\"ms-stat-num\" data-count=\"2\"><i>2<\/i><span>\u7a2e\u7248\u672c<\/span><\/span>\n <span class=\"ms-stat-label\">Format<\/span>\n <span class=\"ms-stat-note\">\u7cbe\u88dd\u5be6\u9ad4\u66f8\u8207\u96fb\u5b50\u7248\uff0c\u540c\u6642\u64c1\u6709<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"ms-proof\" data-reveal>\n\n <div class=\"ms-proof-book\">\n <div class=\"ms-proof-shift\">\n <img loading=\"lazy\"\n class=\"ms-proof-book-img\"\n src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026%E5%B9%B47%E6%9C%8823%E6%97%A5-%E4%B8%8B%E5%8D%8802_37_36-1.png\"\n alt=\"2027 \u5e74\u5ea6\u958b\u904b\u547d\u66f8 \u7cbe\u88dd\u5be6\u9ad4\u66f8\"\n width=\"1096\" height=\"1435\" loading=\"lazy\" decoding=\"async\">\n <\/div>\n <\/div>\n\n <div class=\"ms-proof-text\">\n <span class=\"ms-proof-label\">The Object<\/span>\n <h3 class=\"ms-proof-title\">\u4e00\u672c\u80fd\u653e\u4e0a\u66f8\u67b6\u7684<br>\u5e74\u5ea6\u7d00\u9304<\/h3>\n <p class=\"ms-proof-desc\">\n \u547d\u66f8\u4e0d\u662f\u4e00\u4efd\u4e0b\u8f09\u5f8c\u5c31\u88ab\u907a\u5fd8\u7684\u6a94\u6848\u3002\u5b83\u4ee5\u7cbe\u88dd\u5be6\u9ad4\u66f8\u7684\u5f62\u5f0f\u5448\u73fe\uff0c\n \u6df1\u85cd\u66f8\u5c01\u71d9\u91d1\u58d3\u7d0b\uff0c\u662f\u4e00\u4efd\u53ef\u4ee5\u53cd\u8986\u7ffb\u95b1\u3001\u4e5f\u503c\u5f97\u6536\u85cf\u7684\u5e74\u5ea6\u7d00\u9304\n <\/p>\n <ul class=\"ms-proof-meta\">\n <li><span class=\"k\">Format<\/span><span class=\"v\">\u7cbe\u88dd\u5be6\u9ad4\u66f8 \uff0b \u96fb\u5b50\u7248<\/span><\/li>\n <li><span class=\"k\">Coverage<\/span><span class=\"v\">\u5e74\u5ea6\u683c\u5c40 \uff0b \u5341\u4e8c\u500b\u6708\u4efd<\/span><\/li>\n <li><span class=\"k\">Service<\/span><span class=\"v\">\u53ef\u7531\u8001\u5e2b\u7dda\u4e0a\u89e3\u8aaa<\/span><\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n \n <div class=\"ms-pages\" data-reveal>\n <h3 class=\"ms-pages-title\">\u540c\u4efd\u547d\u7406\u8cc7\u6599\uff0c<br>\u5448\u73fe\u65b9\u5f0f\u6c7a\u5b9a\u80fd\u4e0d\u80fd\u88ab\u4f7f\u7528<\/h3>\n\n <div class=\"ms-pages-grid\">\n\n <figure class=\"ms-page-fig ms-page-fig--plain\" style=\"--d:.08s\">\n <div class=\"ms-page-frame\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/07.png\"\n alt=\"\u4e00\u822c\u547d\u76e4\uff1a\u661f\u66dc\u8207\u5bae\u4f4d\u6392\u5217\u8cc7\u8a0a\"\n width=\"1055\" height=\"1491\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"ms-page-cap\">\n <span class=\"n\">A<\/span>\n <span><strong>\u539f\u59cb\u547d\u76e4\u8cc7\u6599<\/strong>\u3000\u661f\u66dc\u3001\u5bae\u4f4d\u8207\u57fa\u672c\u6392\u76e4\u8cc7\u8a0a\uff0c\u9700\u81ea\u884c\u67e5\u95b1\u7406\u89e3\u3002<\/span>\n <\/figcaption>\n <\/figure>\n\n <figure class=\"ms-page-fig ms-page-fig--book\" style=\"--d:.16s\">\n <div class=\"ms-page-frame\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/08.png\"\n alt=\"\u547d\u66f8\u5167\u9801\uff1a\u5e74\u904b\u5206\u6790\u8207\u884c\u52d5\u5efa\u8b70\"\n width=\"1055\" height=\"1491\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"ms-page-cap\">\n <span class=\"n\">B<\/span>\n <span><strong>\u547d\u66f8\u5167\u9801<\/strong>\u3000\u540c\u4efd\u8cc7\u6599\uff0c\u8f49\u5316\u70ba\u767d\u8a71\u89e3\u6790\u8207\u5efa\u8b70<\/span>\n <\/figcaption>\n <\/figure>\n\n <\/div>\n <\/div>\n\n \n <div class=\"ms-points-wrap\" data-reveal>\n <h3 class=\"ms-points-title\">\u4e0d\u50c5\u544a\u8a34\u4f60\u904b\u52e2<br><em>\u66f4\u544a\u8a34\u4f60\u2014\u2014<\/em><\/h3>\n\n <ul class=\"ms-points\">\n <li class=\"ms-point\" data-n=\"01\" style=\"--d:.05s\">\n <span class=\"ms-point-num\">POINT 01<\/span>\n <span class=\"ms-point-text\">\u54ea\u4e9b\u6642\u9593\u9069\u5408\u4e3b\u52d5\u51fa\u64ca<\/span>\n <\/li>\n <li class=\"ms-point\" style=\"--d:.12s\">\n <span class=\"ms-point-num\">02<\/span>\n <span class=\"ms-point-text\">\u54ea\u4e9b\u4e8b\u60c5<br>\u61c9\u8a72\u653e\u6162\u89c0\u5bdf<\/span>\n <\/li>\n <li class=\"ms-point\" style=\"--d:.19s\">\n <span class=\"ms-point-num\">03<\/span>\n <span class=\"ms-point-text\">\u5de5\u4f5c\u8207\u8ca1\u52d9<br>\u6709\u54ea\u4e9b\u98a8\u96aa<\/span>\n <\/li>\n <li class=\"ms-point\" style=\"--d:.26s\">\n <span class=\"ms-point-num\">04<\/span>\n <span class=\"ms-point-text\">\u611f\u60c5\u8207\u5bb6\u5ead<br>\u61c9\u8a72\u5982\u4f55\u6e9d\u901a<\/span>\n <\/li>\n <li class=\"ms-point\" style=\"--d:.33s\">\n <span class=\"ms-point-num\">05<\/span>\n <span class=\"ms-point-text\">\u54ea\u4e9b\u6708\u4efd<br>\u503c\u5f97\u63d0\u524d\u5b89\u6392<\/span>\n <\/li>\n <li class=\"ms-point\" data-n=\"06\" style=\"--d:.40s\">\n <span class=\"ms-point-num\">POINT 06<\/span>\n <span class=\"ms-point-text\">\u5982\u4f55\u904b\u7528\u81ea\u5df1\u7684\u512a\u52e2<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n\n \/* ---------- \u6efe\u52d5\u9032\u5834 ----------\n \u6f38\u9032\u589e\u5f37\uff1aCSS \u9810\u8a2d\u300c\u5168\u90e8\u53ef\u898b\u300d\uff0c\u53ea\u6709\u5728 JS \u5c31\u7dd2\u4e14\u652f\u63f4 IO\u3001\n \u4e14\u4f7f\u7528\u8005\u672a\u8981\u6c42\u6e1b\u5c11\u52d5\u614b\u6642\uff0c\u624d\u52a0 .ms-anim \u958b\u555f\u9032\u5834\u52d5\u756b\u3002\n \u5982\u6b64\u5373\u4f7f JS \u5931\u6548\u6216 observer \u672a\u89f8\u767c\uff0c\u5167\u5bb9\u4e5f\u4e00\u5b9a\u770b\u5f97\u5230\u3002 *\/\n var section = document.querySelector('.ms-what');\n var els = document.querySelectorAll('[data-reveal]');\n\n function showAll(){\n Array.prototype.forEach.call(els, function(el){ el.classList.add('is-in'); });\n }\n\n if(!('IntersectionObserver' in window) || reduce){\n showAll();\n runCount(document);\n }else{\n if(section) section.classList.add('ms-anim');\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if(e.isIntersecting){\n e.target.classList.add('is-in');\n io.unobserve(e.target);\n if(e.target.querySelector('[data-count]')) runCount(e.target);\n }\n });\n \/* threshold \u7528 0\uff1a\u5143\u7d20\u9ad8\u5ea6\u5927\u65bc\u8996\u7a97\u6642\uff0c\u6c38\u9060\u9054\u4e0d\u5230\u767e\u5206\u6bd4\u9580\u6abb\u800c\u5361\u5728 opacity:0\u3002\n \u6539\u7531 rootMargin \u63a7\u5236\u89f8\u767c\u9ede\uff08\u9032\u5165\u8996\u7a97\u5e95\u90e8 12% \u4ee5\u5167\u5373\u63ed\u793a\uff09\u3002 *\/\n }, { threshold:0, rootMargin:'0px 0px -12% 0px' });\n Array.prototype.forEach.call(els, function(el){ io.observe(el); });\n\n \/* \u7a84\u87a2\u5e55\uff1a\u5361\u7247\u6539\u70ba\u5404\u81ea\u7368\u7acb\u89c0\u5bdf\uff08\u55ae\u6b04\u6642\u6574\u7d44\u5171\u7528\u89f8\u767c\u9ede\u6703\u8b93\u5f8c\u6bb5\u9072\u9072\u4e0d\u63ed\u793a\uff09\u3002\n \u7528 class \u800c\u975e inline style\uff0c\u624d\u4e0d\u6703\u9396\u6b7b\u5f8c\u7e8c\u7684 hover\uff0ftouch \u6548\u679c\u3002 *\/\n if(window.matchMedia('(max-width:860px)').matches){\n var cardIO = new IntersectionObserver(function(en){\n en.forEach(function(e){\n if(e.isIntersecting){\n e.target.classList.add('is-in');\n cardIO.unobserve(e.target);\n }\n });\n }, { threshold:0, rootMargin:'0px 0px -6% 0px' });\n Array.prototype.forEach.call(\n document.querySelectorAll('.ms-point, .ms-spec-row, .ms-page-fig, .ms-stat'),\n function(c){ cardIO.observe(c); }\n );\n }\n\n \/* \u4fdd\u96aa\uff1a\u8996\u7a97\u5c3a\u5bf8\u8b8a\u52d5\uff08\u542b\u65cb\u8f49\u3001\u7e2e\u653e\u3001Elementor \u5bb9\u5668\u91cd\u6392\uff09\u5f8c\uff0c\n \u5df2\u9032\u5165\u8996\u7a97\u537b\u4ecd\u672a\u63ed\u793a\u7684\u5143\u7d20\u76f4\u63a5\u986f\u793a\uff0c\u907f\u514d\u6c38\u4e45\u505c\u5728 opacity:0 *\/\n var sweep = function(){\n var vh = window.innerHeight || 800;\n Array.prototype.forEach.call(els, function(el){\n if(el.classList.contains('is-in')) return;\n var r = el.getBoundingClientRect();\n if(r.top < vh * 0.94 && r.bottom > 0){\n el.classList.add('is-in');\n io.unobserve(el);\n if(el.querySelector('[data-count]')) runCount(el);\n }\n });\n };\n var sweepTick = false;\n var onSweep = function(){\n if(sweepTick) return;\n sweepTick = true;\n requestAnimationFrame(function(){ sweep(); sweepTick = false; });\n };\n window.addEventListener('scroll', onSweep, {passive:true});\n window.addEventListener('resize', onSweep);\n window.addEventListener('hashchange', onSweep); \/* \u9328\u9ede\u8df3\u8f49 *\/\n window.addEventListener('load', sweep);\n\n \/* \u515c\u5e95\u8f2a\u8a62\uff1a\u6db5\u84cb scrollIntoView\u3001\u9328\u9ede\u76f4\u9054\u3001Elementor \u52d5\u614b\u8f09\u5165\u7b49\n \u4e0d\u89f8\u767c scroll \u4e8b\u4ef6\u7684\u60c5\u5883\u3002\u5168\u90e8\u63ed\u793a\u5f8c\u81ea\u52d5\u505c\u6b62\u3002 *\/\n var polls = 0;\n var poller = setInterval(function(){\n sweep();\n polls++;\n var pending = 0;\n Array.prototype.forEach.call(els, function(el){\n if(!el.classList.contains('is-in')) pending++;\n });\n if(pending === 0 || polls > 40) clearInterval(poller);\n }, 400);\n }\n\n \/* ---------- \u6578\u5b57 countUp ----------\n \u7d50\u69cb\u56fa\u5b9a\u70ba\uff1a<span class=\"ms-stat-num\"><i>\u6578\u5b57<\/i><span>\u5f8c\u7db4<\/span><\/span>\n \u53ea\u6539 <i> \u7684\u5167\u5bb9\uff0c\u5f8c\u7db4\u7bc0\u9ede\u5b8c\u5168\u4e0d\u52d5\uff0c\u907f\u514d\u8986\u5beb\u3002 *\/\n function runCount(scope){\n Array.prototype.forEach.call(scope.querySelectorAll('[data-count]'), function(el){\n if(el.dataset.done) return;\n el.dataset.done = '1';\n\n var target = parseInt(el.getAttribute('data-count'), 10);\n if(isNaN(target)) return;\n\n var slot = el.querySelector('i');\n if(!slot){ \/* \u6c92\u6709\u6578\u5b57\u69fd\u5c31\u5efa\u4e00\u500b\uff0c\u63d2\u5728\u6700\u524d\u9762 *\/\n slot = document.createElement('i');\n slot.style.fontStyle = 'normal';\n el.insertBefore(slot, el.firstChild);\n }\n\n if(reduce){ slot.textContent = String(target); return; }\n\n var start = null, dur = 1150;\n function step(ts){\n if(start === null) start = ts;\n var p = Math.min((ts - start) \/ dur, 1);\n var eased = 1 - Math.pow(1 - p, 3); \/* easeOutCubic *\/\n slot.textContent = String(Math.round(target * eased));\n if(p < 1) requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n });\n }\n\n \/* ---------- \u66f8\u9ad4\u8996\u5dee\uff08\u50c5\u684c\u6a5f\u3001\u4e14\u672a\u8981\u6c42\u6e1b\u5c11\u52d5\u614b\uff09 ----------\n \u7528 CSS \u8b8a\u6578\u50b3\u905e\u4f4d\u79fb\u91cf\uff0c\u4e0d\u76f4\u63a5\u5beb style.transform\uff0c\n \u5426\u5247\u6703\u8986\u5beb\u9032\u5834\u52d5\u756b\u8207 hover \u7684 transform\u3002 *\/\n var proofWrap = document.querySelector('.ms-proof');\n var proofShift = document.querySelector('.ms-proof-shift');\n\n \/* \u66f8\u9ad4\u9032\u5834\uff1a\u4ee5 inline style \u63a7\u5236\uff0c\u78ba\u4fdd\u4e0d\u53d7\u9078\u64c7\u5668\u5c64\u758a\u5f71\u97ff\u3002\n \u53ea\u8981 JS \u6709\u8dd1\uff0c\u5716\u5c31\u4e00\u5b9a\u6703\u5728 1 \u79d2\u5167\u5b8c\u5168\u986f\u793a\u3002 *\/\n if(proofShift && proofWrap){\n if(reduce){\n proofShift.style.opacity = '1';\n }else{\n proofShift.style.opacity = '0';\n proofShift.style.transform = 'translateY(24px)';\n var revealBook = function(){\n proofShift.style.opacity = '1';\n proofShift.style.transform = 'translateY(0)';\n };\n if('IntersectionObserver' in window){\n var bookIO = new IntersectionObserver(function(en){\n en.forEach(function(e){\n if(e.isIntersecting){ revealBook(); bookIO.disconnect(); }\n });\n }, { threshold:0, rootMargin:'0px 0px -10% 0px' });\n bookIO.observe(proofWrap);\n }\n \/* \u4fdd\u96aa\uff1a\u7121\u8ad6\u5982\u4f55 2.4 \u79d2\u5f8c\u4e00\u5b9a\u986f\u793a *\/\n setTimeout(revealBook, 2400);\n }\n }\n\n if(proofWrap && proofShift && !reduce && window.matchMedia('(min-width:1025px)').matches){\n var ticking = false;\n var onParallax = function(){\n if(ticking) return;\n ticking = true;\n requestAnimationFrame(function(){\n var r = proofWrap.getBoundingClientRect();\n var vh = window.innerHeight || 800;\n if(r.top < vh && r.bottom > 0){\n var prog = (r.top + r.height \/ 2 - vh \/ 2) \/ vh; \/* \u7d04 -1 ~ 1 *\/\n var shift = Math.max(-16, Math.min(16, prog * -16));\n proofShift.style.transform = 'translateY(' + shift.toFixed(2) + 'px)';\n }\n ticking = false;\n });\n };\n \/* \u7b49\u9032\u5834\u52d5\u756b\u6536\u5b8c\u518d\u555f\u7528\u8996\u5dee\uff0c\u907f\u514d\u8207\u9032\u5834 transition \u6253\u67b6\u3002\n \u6ce8\u610f\uff1ainline style \u7684 transition \u4e0d\u53ef\u4f7f\u7528 var(--...)\uff0c\n \u8a72\u503c\u6703\u88ab\u8996\u70ba\u7121\u6548\u800c\u8b93\u6574\u689d\u5ba3\u544a\u5931\u6548\uff0c\u4e26\u4e2d\u65b7\u9032\u884c\u4e2d\u7684\u52d5\u756b\u3002 *\/\n setTimeout(function(){\n proofShift.style.transition = 'transform .2s linear';\n window.addEventListener('scroll', onParallax, {passive:true});\n onParallax();\n }, 2600);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-791463b e-flex e-con-boxed e-con e-parent\" data-id=\"791463b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cc9194 elementor-widget elementor-widget-html\" data-id=\"6cc9194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE B \u2014 \u9019\u4efd\u547d\u66f8\u9069\u5408\u8ab0\uff5c\u547d\u66f8 MING SHU<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE B\uff1a\u9019\u4efd\u547d\u66f8\u9069\u5408\u8ab0\uff08v2 \u91cd\u88fd\uff09\n \u9328\u9ede\uff1a#who \uff5c \u6697\u5834\u6df1\u85cd\uff08\u7dad\u6301\u65e2\u6709\u4e3b\u8996\u89ba\uff09\n\n \u2605 v2 \u6539\u52d5\u91cd\u9ede\n 1. Layout\uff1a3\u00d72 \u540c\u69cb\u5361\u5e73\u92ea \u2192 \u5de6\u5074 sticky \u6a19\u984c + \u53f3\u5074\u6efe\u52d5\u60c5\u5883\u5217\n 2. \u60c5\u5883\u5217\uff1a\u6372\u52d5\u6642\u9010\u4e00\u63a8\u9032\u4e26\u9ad8\u4eae\uff08\u76ee\u524d\u9805\u91d1\u7dda\u4eae\u8d77\u3001\u5e8f\u865f\u8b8a\u91d1\uff09\n 3. \u9ad4\u9a57\uff1a\u5361\u7247\u5167\u6ed1\u9f20\u8ddf\u96a8\u91d1\u8272\u5149\u6688\uff08--mx\/--my \u8ffd\u8e64\uff09\n 4. \u5c0d\u6bd4\u4fee\u6b63\uff1a\u5e95\u90e8\u63d0\u793a\u6539\u70ba\u91d1\u8272\u5e95\u6a19\u7c64\uff0c\u4e0d\u518d\u662f\u6697\u5e95\u4e0a\u7684\u6de1\u91d1\u7d30\u5b57\n 5. \u5e8f\u865f\u8ef8\uff1a\u5de6\u5074 sticky \u5340\u986f\u793a\u76ee\u524d\u9032\u5ea6\uff0801\/06\uff09\n\n \u2605 sticky \u95dc\u9375\uff08\u8e29\u904e\u7684\u96f7\uff0c\u52ff\u6539\u56de\uff09\uff1a\n \u00b7 .ms-who \u4e0d\u53ef\u52a0 overflow:hidden \u2192 \u6703\u8b93\u5b50\u5c64 .ms-aside \u7684 sticky \u5b8c\u5168\u5931\u6548\n \u00b7 \u4e5f\u4e0d\u53ef\u53ea\u7528 clip-path \u2192 \u5b83\u53ea\u88c1\u7e6a\u88fd\uff0c\u4e0d\u6536 scrollWidth\uff08\u5be6\u6e2c\u4ecd\u6ea2\u51fa 107px\uff09\n \u00b7 \u6b63\u89e3\uff1a\u628a\u6703\u6ea2\u51fa\u7684\u88dd\u98fe\u5c64\uff08\u53f3\u4e0b\u91d1\u8272\u5149\u6688\uff09\u7368\u7acb\u5305\u9032 .ms-glow-wrap\uff0c\n \u7531\u8a72\u5c64\u81ea\u5df1 overflow:hidden\uff0c.ms-who \u7dad\u6301\u4e7e\u6de8\n ============================================================ *\/\n:root{\n --ink:#1A1410; --ink-deep:#0E2740;\n --navy:#12304F; --navy-2:#0C2440; --navy-3:#1B3E63; --navy-4:#081C33;\n --paper:#FAF6EF; --paper-2:#F4EEE4;\n --gold:#B08D4F; --gold-light:#C9A870; --gold-pale:#D8C39A; --gold-glow:#F2D9A8;\n --brown:#6A5530;\n \/* \u5c0d\u6bd4\u4fee\u6b63\uff1a\u539f #9FB0C4 \u5728\u6b64\u80cc\u666f\u4eae\u5ea6\u4e0a\u504f\u7070\uff0c\u63d0\u9ad8\u5230 #B8C6D6 *\/\n --muted-dark:#B8C6D6;\n --line-dark:rgba(216,195,154,.22);\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(28px,3.4vw,46px);\n --fs-h3:clamp(18px,1.55vw,22px);\n --fs-lead:clamp(14px,1.05vw,16px);\n --fs-body:clamp(13.5px,.98vw,15px);\n --track-eyebrow:.34em;\n --sec-pad-y:clamp(78px,9.5vw,158px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:1200px;\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.32s; --dur:.62s; --dur-slow:.9s;\n --radius:4px; --radius-lg:12px;\n}\n*,*::before,*::after{box-sizing:border-box; min-width:0;}\nhtml{-webkit-text-size-adjust:100%;}\nbody{\n margin:0; background:var(--navy); color:#EAF1F8;\n font-family:var(--sans); font-weight:300;\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n overflow-x:hidden;\n}\nimg,svg{max-width:100%; height:auto;}\n\n\/* ============================================================\n SECTION\uff08\u4e0d\u53ef\u7528 overflow:hidden\uff0c\u5426\u5247 sticky \u5931\u6548\uff09\n ============================================================ *\/\n.ms-who{\n position:relative;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n \/* \u4e0d\u8a2d overflow:hidden\uff0fclip-path\uff1a\u5169\u8005\u90fd\u6703\u5f71\u97ff\u5b50\u5c64 sticky \u6216\u7121\u6cd5\u6536 scrollWidth\u3002\n \u6ea2\u51fa\u7684\u88dd\u98fe\u5c64\u5404\u81ea\u5305\u5728 .ms-glow-wrap \u5167\u8655\u7406\u3002 *\/\n background:\n radial-gradient(90% 60% at 18% 4%, rgba(27,62,99,.85) 0%, rgba(27,62,99,0) 58%),\n radial-gradient(80% 55% at 88% 92%, rgba(176,141,79,.13) 0%, rgba(176,141,79,0) 60%),\n linear-gradient(168deg, var(--navy-3) 0%, var(--navy) 34%, var(--navy-2) 100%);\n}\n.ms-who::before{\n content:\"\"; position:absolute; inset:0; pointer-events:none; opacity:.5;\n background-image:\n radial-gradient(1.6px 1.6px at 12% 18%, rgba(216,195,154,.85), transparent),\n radial-gradient(1.2px 1.2px at 78% 12%, rgba(255,255,255,.55), transparent),\n radial-gradient(1.4px 1.4px at 34% 76%, rgba(216,195,154,.6), transparent),\n radial-gradient(1px 1px at 62% 44%, rgba(255,255,255,.5), transparent),\n radial-gradient(1.5px 1.5px at 89% 62%, rgba(216,195,154,.55), transparent),\n radial-gradient(1.1px 1.1px at 8% 58%, rgba(255,255,255,.42), transparent),\n radial-gradient(1.3px 1.3px at 48% 8%, rgba(216,195,154,.5), transparent);\n animation:ms-twinkle 7s var(--ease-soft) infinite;\n}\n@keyframes ms-twinkle{0%,100%{opacity:.34;}50%{opacity:.62;}}\n\/* \u53f3\u4e0b\u5149\u6688\uff1a\u653e\u5728\u5c08\u5c6c\u7684 overflow:hidden \u5305\u88dd\u5c64\u5167\u3002\n \u4e0d\u80fd\u628a overflow:hidden \u52a0\u5728 .ms-who\uff08\u6703\u8b93\u5b50\u5c64 sticky \u5931\u6548\uff09\uff0c\n \u4e5f\u4e0d\u80fd\u53ea\u9760 clip-path\uff08\u53ea\u88c1\u7e6a\u88fd\u3001\u4e0d\u6536 scrollWidth\uff09\u3002 *\/\n.ms-glow-wrap{\n display:block; position:absolute; inset:0;\n overflow:hidden; pointer-events:none; z-index:0;\n}\n.ms-glow-wrap::after{\n content:\"\"; position:absolute; right:0; bottom:0;\n width:min(52vw,600px); aspect-ratio:1;\n border-radius:50%;\n transform:translate(14%,12%);\n background:radial-gradient(circle, rgba(176,141,79,.12) 0%, transparent 66%);\n animation:ms-glow 16s var(--ease-soft) infinite;\n}\n@keyframes ms-glow{\n 0%,100%{transform:translate(14%,12%) scale(1); opacity:.7;}\n 50%{transform:translate(14%,12%) scale(1.12); opacity:1;}\n}\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n \u96d9\u6b04\uff1a\u5de6 sticky \uff0f \u53f3\u6efe\u52d5\n ============================================================ *\/\n.ms-split{\n display:grid; align-items:start;\n grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);\n gap:clamp(28px,4vw,72px);\n}\n\n\/* ---------- \u5de6\u6b04\uff08sticky\uff09 ---------- *\/\n.ms-aside{\n position:sticky; top:clamp(90px,12vh,150px);\n padding-right:clamp(0px,1vw,16px);\n}\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:14px;\n font-size:var(--fs-eyebrow); font-weight:400; letter-spacing:var(--track-eyebrow);\n color:var(--gold-pale); text-transform:uppercase; margin:0 0 clamp(16px,1.8vw,24px);\n}\n.ms-eyebrow::before{\n content:\"\"; width:clamp(24px,3.2vw,44px); height:1px;\n background:linear-gradient(90deg,var(--gold-pale),transparent);\n transform:scaleX(0); transform-origin:left;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.is-in .ms-eyebrow::before{transform:scaleX(1);}\n\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.42; letter-spacing:.02em; color:#FFFFFF;\n margin:0 0 clamp(16px,1.8vw,24px);\n text-shadow:0 2px 30px rgba(0,0,0,.35);\n}\n.ms-h2 em{\n font-style:normal; position:relative; display:inline-block;\n color:var(--gold-glow);\n}\n\/* \u6a19\u984c\u91cd\u9ede\u5b57\u4e0b\u65b9\u91d1\u8272\u5e95\u7dda\uff08\u7531\u5de6\u5c55\u958b\uff09 *\/\n.ms-h2 em::after{\n content:\"\"; position:absolute; left:0; right:0; bottom:-.04em; height:.08em;\n background:linear-gradient(90deg,rgba(201,168,112,.75),rgba(201,168,112,.16));\n border-radius:2px; z-index:-1;\n transform:scaleX(0); transform-origin:left;\n transition:transform var(--dur-slow) var(--ease-out) .35s;\n}\n.is-in .ms-h2 em::after{transform:scaleX(1);}\n\n.ms-lead{\n font-size:var(--fs-lead); line-height:2.05; color:var(--muted-dark);\n margin:0 0 clamp(26px,3vw,40px); font-weight:300; max-width:34ch;\n}\n\n\/* \u5de6\u6b04\u9032\u5ea6\u8ef8 *\/\n.ms-progress{\n display:flex; align-items:center; gap:14px;\n padding-top:clamp(20px,2.2vw,30px); border-top:1px solid var(--line-dark);\n}\n.ms-prog-num{\n font-family:var(--serif); font-size:clamp(26px,2.6vw,38px); font-weight:700;\n line-height:1; color:var(--gold-glow); font-variant-numeric:tabular-nums;\n min-width:2.1ch; text-align:right;\n}\n.ms-prog-total{\n font-family:var(--serif); font-size:clamp(13px,1.05vw,16px);\n color:var(--muted-dark); line-height:1;\n}\n.ms-prog-bar{\n flex:1; height:2px; border-radius:2px; overflow:hidden;\n background:rgba(216,195,154,.16);\n}\n.ms-prog-fill{\n display:block; height:100%; width:16.6667%;\n background:linear-gradient(90deg,var(--gold),var(--gold-glow));\n border-radius:2px;\n transition:width var(--dur) var(--ease-out);\n}\n\/* \u76ee\u524d\u60c5\u5883\u6a19\u984c\uff1a\u96a8\u6372\u52d5\u5207\u63db\uff0c\u8b93\u5de6\u6b04\u4e0d\u518d\u662f\u975c\u614b\u7a7a\u767d *\/\n.ms-prog-title{\n font-family:var(--serif); font-weight:600;\n font-size:clamp(15px,1.25vw,19px); line-height:1.6; letter-spacing:.04em;\n color:var(--gold-glow); margin:clamp(14px,1.5vw,20px) 0 0;\n transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);\n}\n.ms-prog-title.is-swap{opacity:0; transform:translateY(6px);}\n\n\/* ---------- \u53f3\u6b04\uff1a\u60c5\u5883\u5217 ---------- *\/\n.ms-list{display:flex; flex-direction:column; gap:clamp(12px,1.4vw,18px);}\n\n.ms-card{\n position:relative; overflow:hidden;\n display:grid; grid-template-columns:auto 1fr; align-items:start;\n gap:clamp(16px,1.7vw,24px);\n padding:clamp(22px,2.3vw,32px) clamp(20px,2.2vw,30px);\n border-radius:var(--radius-lg);\n \/* \u26a0\ufe0f \u4e0d\u53ef\u7528 rgba(255,255,255,.0x) \u534a\u900f\u660e\u767d\uff1a\u5728 WordPress\uff0fElementor \u4e0b\u82e5\u7236\u5c64\u662f\u767d\u5e95\uff0c\n \u534a\u900f\u660e\u767d\u6703\u76f4\u63a5\u7b97\u6210\u5be6\u5fc3\u767d\u5361\uff08\u5be6\u6e2c\u6574\u5f35\u5361\u8b8a\u767d\u3001\u6587\u5b57\u770b\u4e0d\u898b\uff09\u3002\n \u6539\u7528\u4e0d\u4f9d\u8cf4\u5e95\u5c64\u7684\u4e0d\u900f\u660e\u6df1\u85cd\u5be6\u8272\u3002 *\/\n background:linear-gradient(160deg, #1B3E63 0%, #16345A 100%);\n border:1px solid rgba(216,195,154,.16);\n opacity:0; transform:translateY(22px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-card.is-in{opacity:1; transform:none;}\n\n\/* \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688\uff08--mx\/--my \u7531 JS \u66f4\u65b0\uff09 *\/\n.ms-card__spot{\n position:absolute; inset:0; pointer-events:none; z-index:0;\n opacity:0; transition:opacity var(--dur-fast) var(--ease-out);\n background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),\n rgba(216,195,154,.16) 0%, rgba(216,195,154,.05) 40%, transparent 70%);\n}\n.ms-card:hover .ms-card__spot{opacity:1;}\n\n\/* \u5de6\u7de3\u91d1\u7dda\uff08active \/ hover \u6642\u4eae\u8d77\uff09 *\/\n.ms-card__edge{\n position:absolute; left:0; top:0; bottom:0; width:2px; z-index:1;\n background:linear-gradient(180deg,transparent,var(--gold-light) 22%,var(--gold-light) 78%,transparent);\n transform:scaleY(0); transform-origin:center; pointer-events:none;\n transition:transform var(--dur) var(--ease-out), opacity var(--dur-fast) var(--ease-out);\n opacity:0;\n}\n.ms-card:hover .ms-card__edge{transform:scaleY(1); opacity:1;}\n.ms-card.is-active .ms-card__edge{transform:scaleY(1); opacity:.85;}\n\n.ms-card:hover{\n border-color:rgba(216,195,154,.5);\n background:linear-gradient(160deg, #23496F 0%, #1B3E63 100%);\n box-shadow:0 22px 52px rgba(0,0,0,.34);\n}\n\/* \u6372\u5230\u76ee\u524d\u9019\u5f35\u6642\u7684\u9ad8\u4eae\uff08\u4e0d\u9700\u6ed1\u9f20\uff09 *\/\n.ms-card.is-active{\n border-color:rgba(216,195,154,.36);\n background:\n radial-gradient(140% 100% at 0% 50%, rgba(176,141,79,.12) 0%, rgba(176,141,79,0) 58%),\n linear-gradient(160deg, #20456B 0%, #1B3E63 100%);\n}\n\n\/* --- \u5e8f\u865f + \u5716\u793a\uff08\u5de6\u5074\u76f4\u6b04\uff09 --- *\/\n.ms-card__lead{\n position:relative; z-index:1;\n display:flex; align-items:center;\n}\n\/* \u5e8f\u865f\u79fb\u5230\u6a19\u984c\u540c\u884c\uff08\u898b .ms-card-title \u5167\uff09\uff0c\u6b64\u8655\u50c5\u4fdd\u7559\u5716\u793a\u6b04 *\/\n.ms-num{\n font-family:var(--serif); font-weight:600; line-height:1;\n font-size:clamp(12px,.95vw,14px); letter-spacing:.1em;\n color:rgba(216,195,154,.55); font-variant-numeric:tabular-nums;\n transition:color var(--dur-fast) var(--ease-out);\n display:block; margin-bottom:6px;\n}\n.ms-card:hover .ms-num,.ms-card.is-active .ms-num{color:var(--gold-glow);}\n\n.ms-ico{\n width:clamp(42px,3.8vw,52px); height:clamp(42px,3.8vw,52px); flex:none;\n display:grid; place-items:center; border-radius:50%;\n border:1px solid rgba(216,195,154,.3);\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.16), rgba(216,195,154,.035));\n transition:transform var(--dur) var(--ease-out), border-color var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);\n}\n.ms-ico svg{\n width:50%; height:50%; stroke:var(--gold-pale); fill:none;\n stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;\n transition:stroke var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-ico{\n transform:scale(1.08) rotate(-4deg);\n border-color:rgba(216,195,154,.72);\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.28), rgba(216,195,154,.07));\n box-shadow:0 0 0 6px rgba(216,195,154,.06), 0 10px 26px rgba(0,0,0,.28);\n}\n.ms-card.is-active .ms-ico{\n border-color:rgba(216,195,154,.58);\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.24), rgba(216,195,154,.06));\n}\n.ms-card:hover .ms-ico svg,.ms-card.is-active .ms-ico svg{stroke:var(--gold-glow);}\n\n\/* --- \u6587\u5b57 --- *\/\n.ms-card__body{position:relative; z-index:1; padding-top:2px;}\n.ms-card-title{\n font-family:var(--serif); font-weight:600; font-size:var(--fs-h3);\n color:#FFFFFF; margin:0 0 clamp(8px,.85vw,11px); line-height:1.5; letter-spacing:.03em;\n}\n.ms-card-desc{\n font-size:var(--fs-body); line-height:1.9; color:var(--muted-dark);\n margin:0 0 clamp(11px,1.2vw,15px); font-weight:300;\n}\n\/* \u95dc\u9375\u8a5e\u6a19\u7c64\uff08\u53d6\u4ee3\u7d14\u6587\u5b57\u5806\u758a\uff0c\u589e\u52a0\u6383\u8996\u6027\uff09 *\/\n.ms-tags{display:flex; flex-wrap:wrap; gap:6px;}\n.ms-tag{\n display:inline-block; font-size:clamp(11px,.82vw,12.5px); line-height:1.5;\n color:#DCE6F1; background:#22456A; \/* \u5be6\u8272\uff0c\u4e0d\u53d7\u7236\u5c64\u5e95\u8272\u5f71\u97ff *\/\n border:1px solid rgba(216,195,154,.2); padding:4px 10px; border-radius:99px;\n transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out),\n color var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-tag,.ms-card.is-active .ms-tag{\n background:rgba(216,195,154,.14); border-color:rgba(216,195,154,.36); color:#F4EDDD;\n}\n\n\/* ============================================================\n \u5e95\u90e8\u63d0\u793a\uff08\u4fee\u6b63\u539f\u672c\u6697\u5e95\u6de1\u91d1\u5b57\u7684\u4f4e\u5c0d\u6bd4\uff09\n ============================================================ *\/\n.ms-note{\n margin:clamp(44px,5vw,74px) 0 0;\n padding:clamp(22px,2.4vw,32px) clamp(22px,2.6vw,36px);\n border-radius:var(--radius-lg);\n background:\n radial-gradient(120% 160% at 0% 50%, rgba(176,141,79,.18) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(160deg, #1E4269 0%, #17365C 100%); \/* \u5be6\u8272\uff0c\u4e0d\u4f9d\u8cf4\u7236\u5c64 *\/\n border:1px solid rgba(216,195,154,.3);\n display:flex; align-items:center; gap:clamp(14px,1.6vw,22px);\n opacity:0; transform:translateY(16px);\n transition:opacity var(--dur) var(--ease-out) .1s, transform var(--dur) var(--ease-out) .1s;\n}\n.ms-note.is-in{opacity:1; transform:none;}\n.ms-note__ico{\n width:clamp(38px,3.4vw,46px); height:clamp(38px,3.4vw,46px); flex:none;\n display:grid; place-items:center; border-radius:12px;\n background:linear-gradient(135deg,var(--gold-pale),var(--gold-light));\n box-shadow:0 8px 22px rgba(176,141,79,.3);\n}\n.ms-note__ico svg{width:52%; height:52%; stroke:#241906; fill:none;\n stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}\n.ms-note p{\n margin:0; font-size:var(--fs-body); line-height:1.95;\n color:#E4EDF6; font-weight:300;\n}\n\/* \u53cd\u767d\u4fee\u6b63\uff1a\u6539\u70ba\u91d1\u5e95\u6df1\u5b57\u7684\u5be6\u5fc3\u6a19\u7c64\uff0c\u800c\u975e\u6697\u5e95\u6de1\u91d1\u7d30\u5b57 *\/\n.ms-note b{\n display:inline-block; font-weight:500; color:#241906;\n background:linear-gradient(135deg,var(--gold-pale),var(--gold-light));\n padding:2px 9px; border-radius:5px; margin:0 2px;\n box-shadow:0 3px 10px rgba(176,141,79,.28);\n}\n\n\/* ============================================================\n \ud83d\udee1 WordPress\uff0fElementor \u9632\u8b77\u5c64\n ------------------------------------------------------------\n \u75c7\u72c0\uff08\u5be6\u6e2c\uff09\uff1a\u8cbc\u9032 WP \u5f8c\u672a active \u7684\u5361\u7247\u6574\u5f35\u8b8a\u767d\u3001\u6587\u5b57\u770b\u4e0d\u898b\uff1b\n \u5361\u7247\u53f3\u4e0a\u5192\u51fa\u300c\u275e\u300d\u5f15\u865f\uff1b\u6a19\u7c64\u524d\u591a\u51fa\u5713\u9ede\u3002\n \u6839\u56e0\uff1a\n 1. \u4e3b\u984c\u5c0d article \/ blockquote \/ li \u7b49\u6a19\u7c64\u6ce8\u5165 background\u3001::before content\n 2. \u539f\u8a2d\u8a08\u7528 rgba(255,255,255,.0x) \u534a\u900f\u660e\u767d \u2014\u2014 \u758a\u5728\u4e3b\u984c\u767d\u5e95\u4e0a\u6703\u7b97\u6210\u5be6\u5fc3\u767d\n \u5c0d\u7b56\uff1a\n 1. \u6240\u6709\u5361\u7247\uff0f\u6a19\u7c64\u80cc\u666f\u6539\u70ba\u300c\u4e0d\u900f\u660e\u5be6\u8272\u300d\uff08\u898b\u4e0a\u65b9\u5404\u5340\u584a\uff09\n 2. \u672c\u5c64\u7528 #who \u524d\u7db4\u62c9\u9ad8\u7279\u7570\u6027\uff0c\u58d3\u904e\u4e3b\u984c\u9078\u64c7\u5668\n 3. \u660e\u78ba\u6e05\u6389\u4e3b\u984c\u53ef\u80fd\u6ce8\u5165\u7684 content \/ background \/ list-style\n ============================================================ *\/\n#who .ms-card,\n#who .ms-note,\n#who .ms-tag,\n#who .ms-card__body,\n#who .ms-card__lead{\n box-shadow:none;\n}\n\/* \u6e05\u6389\u4e3b\u984c\u6ce8\u5165\u7684\u88dd\u98fe\u507d\u5143\u7d20\uff08\u5f15\u865f\u3001\u5713\u9ede\u3001\u8a08\u6578\u5668\uff09 *\/\n#who .ms-card::before,\n#who .ms-card::after,\n#who .ms-card__body::before,\n#who .ms-card__body::after,\n#who .ms-tag::before,\n#who .ms-tag::after,\n#who .ms-card-title::before,\n#who .ms-card-title::after,\n#who .ms-card-desc::before,\n#who .ms-card-desc::after,\n#who .ms-note p::before,\n#who .ms-note p::after{\n content:none !important;\n display:none !important;\n}\n\/* \u5361\u7247\u80cc\u666f\u9396\u5b9a\u70ba\u5be6\u8272\uff08\u58d3\u904e\u4e3b\u984c article \u80cc\u666f\uff09\n \u26a0\ufe0f \u5fc5\u9808\u5e36 !important\uff1a\u5be6\u6e2c\u90e8\u5206\u4e3b\u984c\uff0f\u5916\u639b\u4ee5 .ms-card{background:#fff !important}\n \u76f4\u63a5\u547d\u4e2d\u6211\u5011\u7684 class\uff0c\u4e0d\u52a0 !important \u6703\u88ab\u5b8c\u5168\u58d3\u904e\uff08\u6574\u5f35\u5361\u8b8a\u767d\uff09 *\/\n#who .ms-card{\n background:linear-gradient(160deg,#1B3E63 0%,#16345A 100%) !important;\n background-color:#1B3E63 !important;\n}\n#who .ms-card.is-active{\n background:\n radial-gradient(140% 100% at 0% 50%, rgba(176,141,79,.14) 0%, rgba(176,141,79,0) 58%),\n linear-gradient(160deg,#20456B 0%,#1B3E63 100%) !important;\n background-color:#20456B !important;\n}\n#who .ms-card:hover{\n background:linear-gradient(160deg,#23496F 0%,#1B3E63 100%) !important;\n background-color:#23496F !important;\n}\n\/* \u6587\u5b57\u984f\u8272\u9396\u5b9a\uff08\u4e3b\u984c\u5e38\u628a\u5340\u584a\u5167\u6587\u6539\u6df1\u8272\uff0c\u6697\u5e95\u4e0a\u6703\u6d88\u5931\uff09 *\/\n#who .ms-card-title{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF;}\n#who .ms-card-desc{color:#B8C6D6 !important; -webkit-text-fill-color:#B8C6D6;}\n#who .ms-tag{\n background:#22456A !important; background-color:#22456A !important;\n color:#DCE6F1 !important; -webkit-text-fill-color:#DCE6F1;\n list-style:none !important;\n}\n#who .ms-h2{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF;}\n#who .ms-h2 em{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#who .ms-lead,#who .ms-prog-total{color:#B8C6D6 !important; -webkit-text-fill-color:#B8C6D6;}\n#who .ms-prog-num,#who .ms-prog-title{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#who .ms-eyebrow{color:#D8C39A !important; -webkit-text-fill-color:#D8C39A;}\n#who .ms-num{color:rgba(216,195,154,.55) !important; -webkit-text-fill-color:rgba(216,195,154,.55);}\n#who .ms-card:hover .ms-num,\n#who .ms-card.is-active .ms-num{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n\/* \u5e95\u90e8\u63d0\u793a\uff1a\u91d1\u5e95\u6df1\u5b57\u6a19\u7c64\uff08\u4e3b\u984c\u53ef\u80fd\u91cd\u8a2d b \u7684 background\/color\uff09 *\/\n#who .ms-note{\n background:\n radial-gradient(120% 160% at 0% 50%, rgba(176,141,79,.18) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(160deg,#1E4269 0%,#17365C 100%) !important;\n background-color:#1E4269 !important;\n}\n#who .ms-note p{color:#E4EDF6 !important; -webkit-text-fill-color:#E4EDF6;}\n#who .ms-note b{\n background:linear-gradient(135deg,#D8C39A,#C9A870) !important;\n background-color:#D8C39A !important;\n color:#241906 !important;\n -webkit-text-fill-color:#241906; \/* \u9632\u4e3b\u984c\u7528 text-fill-color \u900f\u660e\u5316 *\/\n font-weight:500; display:inline-block;\n padding:2px 9px; border-radius:5px;\n}\n\/* \u5716\u793a\u5713\u5e95\u8207 SVG \u63cf\u908a\u9396\u5b9a *\/\n#who .ms-ico{\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.16), rgba(216,195,154,.035)) !important;\n background-color:#1F4368 !important;\n border:1px solid rgba(216,195,154,.3) !important;\n}\n#who .ms-card:hover .ms-ico,\n#who .ms-card.is-active .ms-ico{\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.28), rgba(216,195,154,.07)) !important;\n background-color:#26507A !important;\n}\n#who .ms-ico svg{stroke:#D8C39A !important; fill:none !important;}\n#who .ms-card:hover .ms-ico svg,\n#who .ms-card.is-active .ms-ico svg{stroke:#F2D9A8 !important;}\n#who .ms-note__ico{\n background:linear-gradient(135deg,#D8C39A,#C9A870) !important;\n background-color:#D8C39A !important;\n}\n#who .ms-note__ico svg{stroke:#241906 !important; fill:none !important;}\n\/* \u9032\u5ea6\u689d *\/\n#who .ms-prog-bar{background:rgba(216,195,154,.16) !important;}\n#who .ms-prog-fill{background:linear-gradient(90deg,#B08D4F,#F2D9A8) !important;}\n\/* \u5361\u7247\u5de6\u7de3\u91d1\u7dda *\/\n#who .ms-card__edge{\n background:linear-gradient(180deg,transparent,#C9A870 22%,#C9A870 78%,transparent) !important;\n}\n\/* \u6e05\u6389\u4e3b\u984c\u53ef\u80fd\u52a0\u7684\u6e05\u55ae\u6a23\u5f0f *\/\n#who .ms-list,#who .ms-tags{list-style:none !important; margin:0; padding:0;}\n\/* \u5340\u584a\u672c\u9ad4\u80cc\u666f\uff08\u4e3b\u984c\u53ef\u80fd\u5c0d section \u4e0b\u767d\u5e95\uff09 *\/\n#who{\n background:\n radial-gradient(90% 60% at 18% 4%, rgba(27,62,99,.85) 0%, rgba(27,62,99,0) 58%),\n radial-gradient(80% 55% at 88% 92%, rgba(176,141,79,.13) 0%, rgba(176,141,79,0) 60%),\n linear-gradient(168deg,#1B3E63 0%,#12304F 34%,#0C2440 100%) !important;\n background-color:#12304F !important;\n}\n\n\/* ============================================================\n RWD\n ============================================================ *\/\n@media (max-width:900px){\n \/* sticky \u89e3\u9664\uff0c\u6539\u70ba\u4e0a\u4e0b\u5806\u758a *\/\n .ms-split{grid-template-columns:1fr; gap:clamp(26px,4vw,40px);}\n .ms-aside{position:static; top:auto; padding-right:0;}\n .ms-lead{max-width:56ch;}\n \/* \u55ae\u6b04\u6642\u5de6\u6b04\u4e0d\u518d sticky\uff0c\u9032\u5ea6\u8ef8\u8207\u9023\u52d5\u6a19\u984c\u5931\u53bb\u5c0d\u61c9\u8108\u7d61\uff0c\u4e00\u4f75\u96b1\u85cf *\/\n .ms-progress,.ms-prog-title{display:none;}\n}\n@media (max-width:600px){\n .ms-card{\n grid-template-columns:1fr; gap:clamp(12px,2.4vw,16px);\n padding:22px 18px;\n }\n .ms-card:hover{box-shadow:none;}\n .ms-note{flex-direction:column; align-items:flex-start; text-align:left;}\n}\n@media (max-width:400px){\n .ms-eyebrow{gap:10px;}\n .ms-eyebrow::before{width:20px;}\n}\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n .ms-card,.ms-note{opacity:1!important; transform:none!important;}\n .ms-eyebrow::before{transform:scaleX(1)!important;}\n .ms-h2 em::after{transform:scaleX(1)!important;}\n .ms-card__spot{display:none;}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ms-who\" id=\"who\">\n <span class=\"ms-glow-wrap\" aria-hidden=\"true\"><\/span>\n <div class=\"ms-inner\">\n <div class=\"ms-split\">\n\n \n <aside class=\"ms-aside\" data-reveal>\n <p class=\"ms-eyebrow\">Who Needs It<\/p>\n <h2 class=\"ms-h2\">\u5728\u4eba\u751f\u7684\u91cd\u8981\u968e\u6bb5\uff0c<br>\u66f4\u9700\u8981<em>\u770b\u6e05\u65b9\u5411<\/em><\/h2>\n <p class=\"ms-lead\">\u547d\u66f8\u4e0d\u9810\u8a00\u547d\u904b\uff0c\u800c\u662f\u5728\u4f60\u9762\u5c0d\u9078\u64c7\u6642\uff0c\u591a\u7d66\u4f60\u4e00\u500b\u5224\u65b7\u4f9d\u64da\u3002<\/p>\n\n <div class=\"ms-progress\" aria-hidden=\"true\">\n <span class=\"ms-prog-num\" id=\"progNum\">01<\/span>\n <span class=\"ms-prog-total\">\uff0f 06<\/span>\n <span class=\"ms-prog-bar\"><i class=\"ms-prog-fill\" id=\"progFill\"><\/i><\/span>\n <\/div>\n\n \n <p class=\"ms-prog-title\" id=\"progTitle\">\u4e8b\u696d\u6b63\u5728\u8f49\u578b\u7684\u4eba<\/p>\n <\/aside>\n\n \n <div class=\"ms-list\">\n\n \n <article class=\"ms-card\" data-i=\"1\" style=\"--d:.04s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 17l5-5 4 3 8-8\"\/><path d=\"M16 7h4v4\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">01<\/span>\n <h3 class=\"ms-card-title\">\u4e8b\u696d\u6b63\u5728\u8f49\u578b\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u6e96\u5099\u5275\u696d\u3001\u8f49\u8077\u3001\u5347\u9077\u6216\u958b\u62d3\u65b0\u5e02\u5834\uff0c\u60f3\u4e86\u89e3\u4ec0\u9ebc\u6642\u9593\u9069\u5408\u63a8\u52d5\u91cd\u8981\u8a08\u756b\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u5275\u696d<\/span>\n <span class=\"ms-tag\">\u8f49\u8077<\/span>\n <span class=\"ms-tag\">\u5347\u9077<\/span>\n <span class=\"ms-tag\">\u65b0\u5e02\u5834<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"2\" style=\"--d:.08s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3v7\"\/><path d=\"M12 10L5 21\"\/><path d=\"M12 10l7 11\"\/><circle cx=\"12\" cy=\"3\" r=\"1.6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">02<\/span>\n <h3 class=\"ms-card-title\">\u9762\u81e8\u91cd\u5927\u9078\u64c7\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u6b63\u5728\u601d\u8003\u5408\u4f5c\u3001\u6295\u8cc7\u3001\u642c\u9077\u3001\u5a5a\u59fb\u6216\u4eba\u751f\u65b9\u5411\uff0c\u5e0c\u671b\u591a\u4e00\u500b\u5224\u65b7\u4f9d\u64da\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u5408\u4f5c<\/span>\n <span class=\"ms-tag\">\u6295\u8cc7<\/span>\n <span class=\"ms-tag\">\u642c\u9077<\/span>\n <span class=\"ms-tag\">\u5a5a\u59fb<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"3\" style=\"--d:.12s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"8.5\" cy=\"9\" r=\"3\"\/><circle cx=\"16\" cy=\"11\" r=\"2.4\"\/><path d=\"M3 20c.6-3.2 2.8-5 5.5-5s4.9 1.8 5.5 5\"\/><path d=\"M15 20c.4-2.2 1.8-3.4 3.4-3.4 1.4 0 2.6.9 3.1 2.6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">03<\/span>\n <h3 class=\"ms-card-title\">\u60f3\u7406\u89e3\u4eba\u969b\u4e92\u52d5\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u60f3\u4e86\u89e3\u81ea\u5df1\u8207\u4f34\u4fb6\u3001\u5bb6\u4eba\u6216\u5408\u4f5c\u5925\u4f34\u4e4b\u9593\u7684\u76f8\u8655\u6a21\u5f0f\u8207\u4e92\u52d5\u7bc0\u594f\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u4f34\u4fb6<\/span>\n <span class=\"ms-tag\">\u5bb6\u4eba<\/span>\n <span class=\"ms-tag\">\u5408\u4f5c\u5925\u4f34<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"4\" style=\"--d:.16s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15.5\" rx=\"2\"\/><path d=\"M3.5 9.6h17\"\/><path d=\"M8 3v4M16 3v4\"\/><path d=\"M8 13.4h3M8 17h6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">04<\/span>\n <h3 class=\"ms-card-title\">\u91cd\u8996\u5e74\u5ea6\u898f\u5283\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u5e0c\u671b\u63d0\u524d\u5b89\u6392\u4e0b\u4e00\u5e74\u5ea6\u7684\u5de5\u4f5c\u3001\u8ca1\u52d9\u3001\u5065\u5eb7\u8207\u5bb6\u5ead\u8a08\u756b\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u5de5\u4f5c<\/span>\n <span class=\"ms-tag\">\u8ca1\u52d9<\/span>\n <span class=\"ms-tag\">\u5065\u5eb7<\/span>\n <span class=\"ms-tag\">\u5bb6\u5ead<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"5\" style=\"--d:.20s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.4\"\/><path d=\"M12 3.6v16.8M3.6 12h16.8\"\/><circle cx=\"12\" cy=\"12\" r=\"2.6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">05<\/span>\n <h3 class=\"ms-card-title\">\u60f3\u66f4\u4e86\u89e3\u81ea\u5df1\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u5e0c\u671b\u770b\u898b\u81ea\u5df1\u7684\u6027\u683c\u512a\u52e2\u3001\u76f2\u9ede\uff0c\u4ee5\u53ca\u9019\u4e00\u751f\u53cd\u8986\u51fa\u73fe\u7684\u4eba\u751f\u8ab2\u984c\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u6027\u683c\u512a\u52e2<\/span>\n <span class=\"ms-tag\">\u76f2\u9ede<\/span>\n <span class=\"ms-tag\">\u4eba\u751f\u8ab2\u984c<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"6\" style=\"--d:.24s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3.4\" y=\"9.6\" width=\"17.2\" height=\"11.2\" rx=\"1.8\"\/><path d=\"M2.6 9.6h18.8\"\/><path d=\"M12 9.6v11.2\"\/><path d=\"M12 9.6C10.4 6.2 8.8 4.6 7.2 4.6a2.3 2.3 0 000 4.6\"\/><path d=\"M12 9.6c1.6-3.4 3.2-5 4.8-5a2.3 2.3 0 010 4.6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">06<\/span>\n <h3 class=\"ms-card-title\">\u5c0b\u627e\u6709\u610f\u7fa9\u79ae\u7269\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u9069\u5408\u4f5c\u70ba\u751f\u65e5\u3001\u6210\u5e74\u3001\u7d50\u5a5a\u3001\u5275\u696d\u3001\u9000\u4f11\u6216\u65b0\u5e74\u7684\u7d00\u5ff5\u79ae\u7269\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u751f\u65e5<\/span>\n <span class=\"ms-tag\">\u6210\u5e74<\/span>\n <span class=\"ms-tag\">\u7d50\u5a5a<\/span>\n <span class=\"ms-tag\">\u9000\u4f11<\/span>\n <span class=\"ms-tag\">\u65b0\u5e74<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n\n \n <div class=\"ms-note\" data-reveal-solo>\n <span class=\"ms-note__ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3.2 20 7v5c0 4-3.2 7.4-8 8.4-4.8-1-8-4.4-8-8.4V7l8-3.8Z\"\/><path d=\"M9 12.2 11 14.3l4-4.4\"\/><\/svg>\n <\/span>\n <p>\u7121\u8ad6\u4f60\u5c6c\u65bc\u54ea\u4e00\u7a2e\u60c5\u6cc1\uff0c\u547d\u66f8\u90fd\u6703\u4f9d\u7167<b>\u4f60\u7684\u51fa\u751f\u8cc7\u6599<\/b>\u91cd\u65b0\u88fd\u4f5c\uff0c\u4e0d\u4f7f\u7528\u5236\u5f0f\u5316\u7684\u5927\u773e\u904b\u52e2\u5167\u5bb9\u3002<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var cards = Array.prototype.slice.call(document.querySelectorAll('.ms-card'));\n\n \/* ---- \u9032\u5834\uff08\u5de6\u6b04\uff0f\u5361\u7247\uff0f\u5e95\u90e8\u63d0\u793a\uff09 ---- *\/\n var reveals = document.querySelectorAll('[data-reveal],[data-reveal-solo]');\n if('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }\n });\n },{threshold:.12, rootMargin:'0px 0px -6% 0px'});\n reveals.forEach(function(el){ io.observe(el); });\n\n var ioCard = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); ioCard.unobserve(e.target); }\n });\n },{threshold:.18, rootMargin:'0px 0px -8% 0px'});\n cards.forEach(function(c){ ioCard.observe(c); });\n }else{\n reveals.forEach(function(el){ el.classList.add('is-in'); });\n cards.forEach(function(c){ c.classList.add('is-in'); });\n }\n\n \/* ---- \u6372\u52d5\u9ad8\u4eae + \u5de6\u6b04\u9032\u5ea6 ---- *\/\n var progNum = document.getElementById('progNum');\n var progFill = document.getElementById('progFill');\n var progTitle = document.getElementById('progTitle');\n var total = cards.length;\n var current = -1;\n\n function setActive(idx){\n if(idx === current) return;\n current = idx;\n cards.forEach(function(c,i){ c.classList.toggle('is-active', i === idx); });\n if(progNum) progNum.textContent = ('0' + (idx+1)).slice(-2);\n if(progFill) progFill.style.width = (((idx+1)\/total)*100) + '%';\n\n \/* \u5de6\u6b04\u6a19\u984c\u6de1\u51fa\u2192\u63db\u5b57\u2192\u6de1\u5165 *\/\n if(progTitle){\n var t = cards[idx].querySelector('.ms-card-title');\n var next = t ? t.textContent : '';\n if(next && next !== progTitle.textContent){\n if(reduce){ progTitle.textContent = next; }\n else{\n progTitle.classList.add('is-swap');\n setTimeout(function(){\n progTitle.textContent = next;\n progTitle.classList.remove('is-swap');\n }, 200);\n }\n }\n }\n }\n\n if('IntersectionObserver' in window){\n \/* \u4ee5\u8996\u7a97\u4e2d\u7dda\u70ba\u5224\u5b9a\uff1a\u6700\u63a5\u8fd1\u4e2d\u7dda\u7684\u5361\u7247\u70ba active *\/\n var ioActive = new IntersectionObserver(function(es){\n var best = null, bestDist = Infinity;\n var mid = window.innerHeight \/ 2;\n cards.forEach(function(c,i){\n var r = c.getBoundingClientRect();\n if(r.bottom < 0 || r.top > window.innerHeight) return;\n var d = Math.abs((r.top + r.bottom)\/2 - mid);\n if(d < bestDist){ bestDist = d; best = i; }\n });\n if(best !== null) setActive(best);\n },{threshold:[0,.25,.5,.75,1], rootMargin:'-20% 0px -20% 0px'});\n cards.forEach(function(c){ ioActive.observe(c); });\n }\n\n \/* ---- \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688 ---- *\/\n if(!reduce && window.matchMedia('(hover:hover)').matches){\n cards.forEach(function(c){\n c.addEventListener('mousemove', function(e){\n var r = c.getBoundingClientRect();\n c.style.setProperty('--mx', ((e.clientX - r.left) \/ r.width * 100) + '%');\n c.style.setProperty('--my', ((e.clientY - r.top) \/ r.height * 100) + '%');\n });\n });\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19b4c3b e-flex e-con-boxed e-con e-parent\" data-id=\"19b4c3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8385a2b elementor-widget elementor-widget-menu-anchor\" data-id=\"8385a2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Preview\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db55c79 elementor-widget elementor-widget-html\" data-id=\"db55c79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE D\uff1a\u547d\u66f8\u7279\u8272\u8207\u5dee\u7570\uff08v2 \u91cd\u88fd\uff09\n \u9328\u9ede\uff1a#features \uff5c \u6697\u5834\u6df1\u85cd\n\n \u2605 v2 \u6539\u52d5\u91cd\u9ede\n 1. Layout\uff1a6 \u500b\u7b49\u9ad8\u9577\u689d \u2192 Bento \u4fbf\u7576\u683c\uff0801 \u8de8\u5169\u683c\u4e3b\u7279\u8272 + 5 \u5f35\u5c0f\u5361\uff09\n 2. \u80cc\u666f\u6eff\u7248\uff1aCSS \u7834 Elementor \u5bb9\u5668\uff08100vw + margin \u8ca0\u503c\uff09\uff0c\u5167\u5bb9\u4ecd\u7f6e\u4e2d\n 3. \u5c0d\u6bd4\u4fee\u6b63\uff1a\u6a19\u984c\u52a0\u6697\u8272\u63cf\u908a\u3001\u63cf\u8ff0\u6587\u5b57\u7531 #9FB0C4 \u63d0\u4eae\u5230 #CBD8E6\n 4. \u5b57\u7d1a\uff1a\u63cf\u8ff0 13.5px \u2192 15px \u8d77\u8df3\uff0c\u884c\u9ad8\u52a0\u5927\n 5. \u4ea4\u4e92\uff1a\u6ed1\u9f20\u8ddf\u96a8\u5149\u6688\u3001\u91d1\u8272\u908a\u6846\u6d41\u5149\u5faa\u74b0\u3001\u5716\u793a\u547c\u5438\u3001\n \u624b\u6a5f\u7528\u300c\u6372\u5165\u5373\u89f8\u767c\u300d\u7684 active \u614b\u53d6\u4ee3 hover\uff08\u89f8\u63a7\u88dd\u7f6e\u4e5f\u6709\u52d5\u614b\uff09\n\n \u2605 WordPress \u9632\u8b77\uff1a\u6240\u6709\u5361\u7247\u80cc\u666f\u7528\u4e0d\u900f\u660e\u5be6\u8272 + #features \u524d\u7db4 !important\n \uff08\u898b\u6a94\u5c3e\u9632\u8b77\u5c64\uff1b\u8e29\u904e\u7684\u96f7\u8a73\u898b README \u00a7\u4e5d\uff09\n ============================================================ *\/\n:root{\n --ink-deep:#0E2740;\n --navy:#12304F; --navy-2:#0C2440; --navy-3:#1B3E63; --navy-4:#081C33;\n --gold:#B08D4F; --gold-light:#C9A870; --gold-pale:#D8C39A; --gold-glow:#F2D9A8;\n \/* \u5c0d\u6bd4\u4fee\u6b63\uff1a\u539f #9FB0C4 \u5728\u6df1\u85cd\u5e95\u4e0a\u7070\u6389\uff0c\u63d0\u4eae *\/\n --muted-dark:#CBD8E6;\n --muted-soft:#AEBECE;\n --line-dark:rgba(216,195,154,.22);\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(28px,3.9vw,52px);\n --fs-h3:clamp(19px,1.65vw,23px);\n --fs-h3-lg:clamp(23px,2.2vw,32px); \/* \u4e3b\u7279\u8272\u5361\u6a19\u984c *\/\n --fs-lead:clamp(15px,1.2vw,18px); \/* \u52a0\u5927 *\/\n --fs-body:clamp(15px,1.08vw,16.5px); \/* \u63cf\u8ff0\u52a0\u5927\uff1a\u539f 13.5 \u8d77 \u2192 15 \u8d77 *\/\n --fs-body-lg:clamp(15.5px,1.15vw,17.5px);\n --track-eyebrow:.34em;\n\n --sec-pad-y:clamp(72px,8.5vw,140px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:1200px;\n\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.3s; --dur:.6s; --dur-slow:.9s;\n --radius-lg:16px;\n}\n*,*::before,*::after{box-sizing:border-box; min-width:0;}\nhtml{-webkit-text-size-adjust:100%;}\nbody{\n margin:0; background:var(--navy-2); color:#EAF1F8;\n font-family:var(--sans); font-weight:400; \/* 300\u2192400\uff1a\u6697\u5e95\u7d30\u5b57\u4e0d\u6613\u8b80 *\/\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n overflow-x:hidden;\n}\nimg,svg{max-width:100%; height:auto;}\n\n\/* ============================================================\n 1. SECTION\uff08\u542b Elementor \u7834\u5bb9\u5668\u6eff\u7248\uff09\n ============================================================ *\/\n\/* \u2605 \u80cc\u666f\u6eff\u7248\u4fee\u6b63\uff08\u6cbf\u7528 PAGE E \u5df2\u5728\u5be6\u7ad9\u9a57\u8b49\u7684\u5beb\u6cd5\uff09\n ------------------------------------------------------------\n \u554f\u984c\uff1aElementor \u5bb9\u5668\u6709\u6700\u5927\u5bec\u5ea6\uff0c\u5340\u584a\u53ea\u4f54\u4e2d\u9593\u5167\u5bb9\u6b04\uff0c\n \u5169\u5074\u6703\u9732\u51fa\u4e3b\u984c\u5e95\u8272\uff08\u7c73\u8272\uff09\u3002\n \u5148\u524d\u7248\u672c\u6539\u4ea4\u7531 Elementor \u7aef\u8a2d\u300c\u5168\u5bec Full Width\u300d\u8655\u7406\uff0c\u4f46\u5be6\u7ad9\u672a\u751f\u6548\uff0c\n \u6545\u6539\u56de CSS \u81ea\u884c\u7834\u5bb9\u5668\u3002\n\n \u5169\u500b\u8e29\u904e\u7684\u96f7\uff08PAGE E \u5be6\u6e2c\uff0c\u52d9\u5fc5\u4fdd\u7559\uff09\uff1a\n 1. \u7528 left:50% + translateX(-50%) \u5c0d\u9f4a\u300c\u8996\u7a97\u300d\u4e2d\u5fc3\uff0c\n \u4e0d\u53ef\u7528 calc(50% - 50vw) \u2014\u2014 \u5f8c\u8005\u6703\u56e0\u5916\u5c64\u5bb9\u5668 padding \u800c\u504f\u79fb\uff0c\n \u5be6\u6e2c\u9020\u6210\u5340\u584a\u5bec 1570px > \u8996\u7a97 1440px \u800c\u7522\u751f\u6a6b\u5411\u6372\u52d5\u3002\n 2. box-sizing \u5fc5\u9808\u5728\u672c\u9078\u64c7\u5668\u5167\u660e\u78ba\u5ba3\u544a \u2014\u2014 #features \u81ea\u5df1\u4e0d\u5728\n `#features *` \u7684\u7bc4\u570d\u5167\uff0c\u5c11\u4e86\u5b83\u5de6\u53f3 padding \u6703\u52a0\u5728 100vw \u4e4b\u5916\uff0c\n \u540c\u6a23\u6490\u51fa 1570px \u7684\u6a6b\u5411\u6372\u52d5\u3002\n 3. \u5be6\u7ad9\u5be6\u6e2c background \u66fe\u88ab\u4e3b\u984c\u8986\u84cb\u6210 rgba(0,0,0,0)\uff0c\u6545\u4e00\u5f8b !important\uff0c\n \u4e26\u53e6\u7d66 background-color \u4f5c\u70ba\u6f38\u5c64\u88ab\u64cb\u6642\u7684\u4fdd\u5e95\u6df1\u85cd\u3002\n ------------------------------------------------------------ *\/\n.ms-feat{\n box-sizing:border-box!important;\n width:100vw!important;\n max-width:100vw!important;\n position:relative!important;\n left:50%!important; right:auto!important;\n transform:translateX(-50%)!important;\n margin-left:0!important; margin-right:0!important;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:\n radial-gradient(85% 55% at 78% 6%, rgba(27,62,99,.78) 0%, rgba(27,62,99,0) 60%),\n radial-gradient(70% 50% at 12% 88%, rgba(176,141,79,.13) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(190deg, var(--navy) 0%, var(--navy-2) 52%, var(--navy-4) 100%)!important;\n background-color:var(--navy-2)!important; \/* \u6f38\u5c64\u82e5\u88ab\u64cb\uff0c\u81f3\u5c11\u6709\u6df1\u85cd\u5e95 *\/\n}\n\/* \u6975\u6de1\u6771\u65b9\u56de\u7d0b\u683c\u7dda *\/\n.ms-feat__grid{\n position:absolute; inset:0; pointer-events:none; opacity:.55; z-index:0;\n background-image:\n linear-gradient(rgba(216,195,154,.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(216,195,154,.05) 1px, transparent 1px);\n background-size:78px 78px;\n mask-image:radial-gradient(120% 90% at 50% 0%, #000 0%, transparent 72%);\n -webkit-mask-image:radial-gradient(120% 90% at 50% 0%, #000 0%, transparent 72%);\n}\n\/* \u80cc\u666f\u91d1\u8272\u5149\u6688\uff1a\u7de9\u6162\u547c\u5438\u5faa\u74b0\uff08\u7368\u7acb\u5305\u88dd\u5c64\uff0c\u81ea\u5df1 overflow:hidden \u6536\u6ea2\u51fa\uff09 *\/\n.ms-feat__glow{\n position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0;\n}\n.ms-feat__glow::before,\n.ms-feat__glow::after{\n content:\"\"; position:absolute; border-radius:50%;\n background:radial-gradient(circle, rgba(176,141,79,.14) 0%, transparent 66%);\n}\n.ms-feat__glow::before{\n width:min(58vw,680px); aspect-ratio:1; left:0; top:0;\n transform:translate(-32%,-26%);\n animation:ms-breathe-a 18s var(--ease-soft) infinite;\n}\n.ms-feat__glow::after{\n width:min(50vw,600px); aspect-ratio:1; right:0; bottom:0;\n transform:translate(28%,24%);\n animation:ms-breathe-b 22s var(--ease-soft) infinite;\n}\n@keyframes ms-breathe-a{\n 0%,100%{transform:translate(-32%,-26%) scale(1); opacity:.55;}\n 50%{transform:translate(-28%,-22%) scale(1.16); opacity:.95;}\n}\n@keyframes ms-breathe-b{\n 0%,100%{transform:translate(28%,24%) scale(1); opacity:.5;}\n 50%{transform:translate(24%,20%) scale(1.14); opacity:.9;}\n}\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n 2. \u5340\u584a\u6a19\u984c\uff08\u5c0d\u6bd4\u4fee\u6b63\uff09\n ============================================================ *\/\n.ms-head{text-align:center; margin-bottom:clamp(44px,5.2vw,80px);}\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:clamp(11px,1.5vw,16px);\n font-size:var(--fs-eyebrow); font-weight:500; letter-spacing:var(--track-eyebrow);\n color:var(--gold-glow); text-transform:uppercase; margin:0 0 clamp(18px,2vw,28px);\n}\n.ms-eyebrow::before,.ms-eyebrow::after{\n content:\"\"; width:clamp(28px,4vw,54px); height:1px;\n background:linear-gradient(90deg,transparent,var(--gold-pale));\n transform:scaleX(0); transform-origin:right;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.ms-eyebrow::after{background:linear-gradient(90deg,var(--gold-pale),transparent); transform-origin:left;}\n.is-in .ms-eyebrow::before,.is-in .ms-eyebrow::after{transform:scaleX(1);}\n\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.35; color:#fff; margin:0 0 clamp(16px,1.8vw,24px);\n letter-spacing:.02em;\n \/* \u539f\u672c 0 2px 30px \u7684\u5927\u7bc4\u570d\u6a21\u7cca\u6703\u8b93\u767d\u5b57\u908a\u7de3\u7cca\u6389\u3001\u5c0d\u6bd4\u53cd\u800c\u4e0b\u964d\uff1b\n \u6539\u70ba\u7dca\u5be6\u6697\u8272\u63cf\u908a\uff0c\u6df1\u85cd\u5e95\u4e0a\u5b57\u5f62\u92b3\u5229 *\/\n text-shadow:\n 0 1px 2px rgba(4,16,30,.9),\n 0 2px 12px rgba(4,16,30,.6);\n}\n.ms-h2 em{\n font-style:normal; color:var(--gold-glow); position:relative; display:inline-block;\n}\n.ms-h2 em::after{\n content:\"\"; position:absolute; left:0; right:0; bottom:-.04em; height:.08em;\n background:linear-gradient(90deg,rgba(201,168,112,.8),rgba(201,168,112,.18));\n border-radius:2px; z-index:-1;\n transform:scaleX(0); transform-origin:left;\n transition:transform var(--dur-slow) var(--ease-out) .35s;\n}\n.is-in .ms-h2 em::after{transform:scaleX(1);}\n\n.ms-lead{\n font-size:var(--fs-lead); line-height:2; color:var(--muted-dark);\n max-width:50ch; margin:0 auto; font-weight:400;\n text-shadow:0 1px 3px rgba(4,16,30,.65);\n}\n\n\/* ============================================================\n 3. Bento \u4fbf\u7576\u683c\n ============================================================ *\/\n\/* Bento \u4f48\u5c40\uff08\u684c\u6a5f 3 \u6b04\uff09\n \u6392\u5217\uff1a\n \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2510\n \u2502 01 \u2502 02 \u2502 01 \u8de8 2 \u6b04 2 \u5217\uff08\u4e3b\u7279\u8272\uff09\n \u2502 \uff08\u4e3b\uff09 \u251c\u2500\u2500\u2500\u2500\u2500\u2524\n \u2502 \u2502 03 \u2502\n \u251c\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u253c\u2500\u2500\u2500\u2500\u2500\u2524\n \u2502 04 \u2502 05 \u2502 06 \u2502\n \u2514\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2518 *\/\n.ms-bento{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n grid-auto-rows:minmax(0,auto);\n gap:clamp(12px,1.4vw,20px);\n align-items:stretch;\n}\n\n.ms-card{\n position:relative; overflow:hidden;\n display:flex; flex-direction:column;\n padding:clamp(24px,2.5vw,34px) clamp(22px,2.3vw,32px);\n border-radius:var(--radius-lg);\n \/* \u26a0\ufe0f \u5be6\u8272\uff0c\u4e0d\u7528\u534a\u900f\u660e\u767d\uff08WP \u767d\u5e95\u7236\u5c64\u6703\u8b93\u5b83\u8b8a\u767d\u5361\uff09 *\/\n background:linear-gradient(158deg,#1B3E63 0%,#16345A 100%);\n border:1px solid rgba(216,195,154,.16);\n opacity:0; transform:translateY(24px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n border-color var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-card.is-in{opacity:1; transform:none;}\n\n\/* --- \u4e3b\u7279\u8272\u5361\uff1a\u8de8 2 \u6b04 \u00d7 2 \u5217 --- *\/\n.ms-card--hero{\n grid-column:span 2; grid-row:span 2;\n padding:clamp(30px,3.2vw,46px) clamp(28px,3vw,42px);\n border-color:rgba(216,195,154,.34);\n background:\n radial-gradient(120% 90% at 8% 0%, rgba(176,141,79,.2) 0%, rgba(176,141,79,0) 60%),\n linear-gradient(158deg,#20456B 0%,#183A60 100%);\n box-shadow:0 0 0 1px rgba(216,195,154,.1), 0 22px 52px rgba(0,0,0,.3);\n}\n\n\/* \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688 *\/\n.ms-card__spot{\n position:absolute; inset:0; pointer-events:none; z-index:0;\n opacity:0; transition:opacity var(--dur-fast) var(--ease-out);\n background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),\n rgba(216,195,154,.2) 0%, rgba(216,195,154,.06) 42%, transparent 72%);\n}\n.ms-card:hover .ms-card__spot,\n.ms-card.is-active .ms-card__spot{opacity:1;}\n\n\/* \u908a\u6846\u6d41\u5149\uff08hover\uff0factive \u6642\u6cbf\u908a\u7e5e\u884c\u4e00\u5708\uff09 *\/\n.ms-card__beam{\n position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:1;\n padding:1px; opacity:0;\n background:conic-gradient(from var(--beam,0deg),\n transparent 0deg, transparent 300deg,\n rgba(242,217,168,.9) 340deg, transparent 360deg);\n -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite:xor; mask-composite:exclude;\n transition:opacity var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-card__beam,\n.ms-card.is-active .ms-card__beam{\n opacity:1; animation:ms-beam 2.6s linear infinite;\n}\n@property --beam{syntax:'<angle>'; initial-value:0deg; inherits:false;}\n@keyframes ms-beam{to{--beam:360deg;}}\n\n\/* \u5361\u7247 hover\uff0factive \u614b *\/\n.ms-card:hover,.ms-card.is-active{\n border-color:rgba(216,195,154,.55);\n box-shadow:0 24px 56px rgba(0,0,0,.38);\n}\n@media (hover:hover){\n .ms-card:hover{transform:translateY(-6px);}\n}\n\n\/* --- \u5e8f\u865f --- *\/\n.ms-num{\n font-family:var(--serif); font-weight:600; line-height:1;\n font-size:clamp(13px,1vw,15px); letter-spacing:.14em;\n color:rgba(216,195,154,.62); margin-bottom:clamp(12px,1.3vw,17px);\n position:relative; z-index:2;\n transition:color var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-num,.ms-card.is-active .ms-num{color:var(--gold-glow);}\n.ms-card--hero .ms-num{font-size:clamp(14px,1.15vw,17px);}\n\n\/* --- \u5716\u793a --- *\/\n.ms-ico{\n width:clamp(46px,4.2vw,58px); height:clamp(46px,4.2vw,58px); flex:none;\n display:grid; place-items:center; border-radius:14px;\n margin-bottom:clamp(14px,1.5vw,20px);\n position:relative; z-index:2;\n background:linear-gradient(150deg,#255181 0%,#1D4270 100%);\n border:1px solid rgba(216,195,154,.3);\n transition:transform var(--dur) var(--ease-out), border-color var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n}\n.ms-ico svg{\n width:52%; height:52%; stroke:var(--gold-pale); fill:none;\n stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;\n transition:stroke var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-ico,.ms-card.is-active .ms-ico{\n transform:translateY(-3px) scale(1.06) rotate(-4deg);\n border-color:rgba(216,195,154,.72);\n box-shadow:0 0 0 6px rgba(216,195,154,.07), 0 10px 24px rgba(0,0,0,.3);\n}\n.ms-card:hover .ms-ico svg,.ms-card.is-active .ms-ico svg{stroke:var(--gold-glow);}\n\/* \u5716\u793a\u5149\u74b0\u547c\u5438\uff08\u6301\u7e8c\u5faa\u74b0\uff0c\u624b\u6a5f\u4e5f\u770b\u5f97\u5230\uff09 *\/\n.ms-ico::after{\n content:\"\"; position:absolute; inset:-5px; border-radius:18px;\n border:1px solid rgba(216,195,154,.28); pointer-events:none;\n animation:ms-halo 3.6s var(--ease-soft) infinite;\n}\n@keyframes ms-halo{\n 0%,100%{transform:scale(1); opacity:.5;}\n 50%{transform:scale(1.09); opacity:0;}\n}\n.ms-card--hero .ms-ico{\n width:clamp(54px,4.8vw,66px); height:clamp(54px,4.8vw,66px);\n background:linear-gradient(150deg,#2B5C90 0%,#22497A 100%);\n border-color:rgba(216,195,154,.44);\n}\n\n\/* --- \u6587\u5b57 --- *\/\n.ms-card-title{\n font-family:var(--serif); font-weight:600; font-size:var(--fs-h3);\n color:#fff; margin:0 0 clamp(9px,1vw,13px); line-height:1.5; letter-spacing:.03em;\n position:relative; z-index:2;\n}\n.ms-card--hero .ms-card-title{\n font-size:var(--fs-h3-lg); color:var(--gold-glow);\n}\n.ms-card-desc{\n font-size:var(--fs-body); line-height:1.9; color:var(--muted-dark);\n margin:0; font-weight:400; position:relative; z-index:2;\n flex:1 0 auto; \/* \u63cf\u8ff0\u9577\u77ed\u4e0d\u4e00\u6642\u4ecd\u8b93\u540c\u5217\u5361\u7247\u5e95\u90e8\u5c0d\u9f4a *\/\n}\n.ms-card--hero .ms-card-desc{\n font-size:var(--fs-body-lg); line-height:1.95;\n flex:0 0 auto; \/* hero \u5361\u4e0d\u6490\u958b\u63cf\u8ff0\uff0c\u907f\u514d\u4e2d\u6bb5\u5927\u7247\u7a7a\u767d *\/\n}\n\/* hero \u5361\uff1a\u7528\u4e00\u689d\u91d1\u8272\u5206\u9694\u7dda + \u88dc\u5145\u8aaa\u660e\u586b\u6eff\u9ad8\u5ea6\uff0c\u53d6\u4ee3\u7a7a\u767d *\/\n.ms-hero-extra{\n position:relative; z-index:2;\n margin-top:clamp(18px,2vw,26px); padding-top:clamp(18px,2vw,26px);\n border-top:1px solid rgba(216,195,154,.22);\n display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(12px,1.4vw,20px);\n}\n.ms-hero-pt{display:flex; align-items:flex-start; gap:10px;}\n.ms-hero-pt i{\n flex:none; width:20px; height:20px; margin-top:.15em; border-radius:50%;\n display:grid; place-items:center;\n background:rgba(216,195,154,.16); border:1px solid rgba(216,195,154,.34);\n}\n.ms-hero-pt i svg{width:9px; height:9px; display:block;}\n.ms-hero-pt i svg path{stroke:var(--gold-glow); stroke-width:2.6; fill:none; stroke-linecap:round; stroke-linejoin:round;}\n.ms-hero-pt span{\n font-size:clamp(13.5px,1vw,15px); line-height:1.75; color:var(--muted-dark); font-weight:400;\n}\n\n\/* \u4e3b\u7279\u8272\u5361\u7684\u88dc\u5145\u6a19\u7c64 *\/\n.ms-chips{\n display:flex; flex-wrap:wrap; gap:7px;\n margin-top:auto; padding-top:clamp(16px,1.8vw,24px);\n position:relative; z-index:2;\n}\n.ms-chip{\n display:inline-block; font-size:clamp(12px,.88vw,13.5px); line-height:1.5;\n color:#E7EEF6; background:#27507C;\n border:1px solid rgba(216,195,154,.24); padding:5px 12px; border-radius:99px;\n transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-chip,.ms-card.is-active .ms-chip{\n background:#2E5C8C; border-color:rgba(216,195,154,.46);\n}\n\n\/* \u5f85\u78ba\u8a8d\u6a19\u8a18 *\/\n.ms-tbd{\n display:inline-block; margin-left:8px; padding:3px 9px; border-radius:4px;\n font-size:clamp(11px,.8vw,12px); letter-spacing:.08em; font-weight:500;\n color:#241906; background:linear-gradient(135deg,var(--gold-pale),var(--gold-light));\n vertical-align:middle; white-space:nowrap;\n}\n\n\/* ============================================================\n 4. RWD \u2500\u2500 \u96fb\u8166\uff0f\u5e73\u677f\uff0f\u624b\u6a5f\u7686\u4e0d\u53ef\u8dd1\u7248\n ============================================================ *\/\n@media (max-width:1000px){\n \/* \u4e09\u6b04 \u2192 \u5169\u6b04\uff1ahero \u8de8\u6eff\u5169\u6b04\u4e14\u4e0d\u518d\u8de8\u5217\uff0c\u5176\u9918\u5404\u4f54\u4e00\u683c *\/\n .ms-bento{grid-template-columns:repeat(2,1fr);}\n .ms-card--hero{grid-column:span 2; grid-row:span 1;}\n}\n@media (max-width:640px){\n \/* \u55ae\u6b04 *\/\n .ms-bento{grid-template-columns:1fr; gap:12px;}\n .ms-card--hero{grid-column:span 1; grid-row:span 1;}\n .ms-card{padding:24px 20px;}\n .ms-card--hero{padding:28px 22px;}\n \/* hero \u88dc\u5145\u8aaa\u660e\u6536\u55ae\u6b04\uff0c\u9632\u7a84\u87a2\u5e55\u64e0\u58d3 *\/\n .ms-hero-extra{grid-template-columns:1fr; gap:10px;}\n}\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n .ms-card{opacity:1!important; transform:none!important;}\n .ms-eyebrow::before,.ms-eyebrow::after{transform:scaleX(1)!important;}\n .ms-h2 em::after{transform:scaleX(1)!important;}\n .ms-card__spot,.ms-card__beam{display:none;}\n}\n\n\/* ============================================================\n \ud83d\udee1 WordPress\uff0fElementor \u9632\u8b77\u5c64\n ------------------------------------------------------------\n \u5c0d\u7b56\u540c PAGE B\uff08README \u00a7\u4e5d\u6709\u5b8c\u6574\u8a18\u9304\uff09\uff1a\n 1. \u80cc\u666f\u4e00\u5f8b\u4e0d\u900f\u660e\u5be6\u8272\uff0c\u4e0d\u4f9d\u8cf4\u7236\u5c64\u5e95\u8272\n 2. #features \u524d\u7db4 + !important \u58d3\u904e\u4e3b\u984c\uff0f\u5916\u639b\n 3. -webkit-text-fill-color \u9632\u4e3b\u984c\u628a\u5b57\u900f\u660e\u5316\n 4. content:none \u6e05\u6389\u4e3b\u984c\u6ce8\u5165\u7684\u5f15\u865f\uff0f\u5713\u9ede\n ============================================================ *\/\n#features{\n background:\n radial-gradient(85% 55% at 78% 6%, rgba(27,62,99,.78) 0%, rgba(27,62,99,0) 60%),\n radial-gradient(70% 50% at 12% 88%, rgba(176,141,79,.13) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(190deg,#12304F 0%,#0C2440 52%,#081C33 100%) !important;\n background-color:#0C2440 !important;\n \/* \u6eff\u7248\u5c6c\u6027\u5728\u6b64\u5c64\u91cd\u7533\u4e00\u6b21\uff1a\u4e3b\u984c\u82e5\u7528 #features \u4e4b\u5916\u7684\u9ad8\u7279\u7570\u6027\u898f\u5247\n \u8986\u5beb width\/margin\uff0c\u4ecd\u80fd\u88ab\u9019\u88e1\u58d3\u56de\u53bb\uff08\u540c PAGE E \u5be6\u7ad9\u7d93\u9a57\uff09 *\/\n box-sizing:border-box !important;\n width:100vw !important;\n max-width:100vw !important;\n position:relative !important;\n left:50% !important; right:auto !important;\n transform:translateX(-50%) !important;\n margin-left:0 !important; margin-right:0 !important;\n}\n#features .ms-card{\n background:linear-gradient(158deg,#1B3E63 0%,#16345A 100%) !important;\n background-color:#1B3E63 !important;\n}\n#features .ms-card--hero{\n background:\n radial-gradient(120% 90% at 8% 0%, rgba(176,141,79,.2) 0%, rgba(176,141,79,0) 60%),\n linear-gradient(158deg,#20456B 0%,#183A60 100%) !important;\n background-color:#20456B !important;\n}\n#features .ms-ico{\n background:linear-gradient(150deg,#255181 0%,#1D4270 100%) !important;\n background-color:#255181 !important;\n}\n#features .ms-card--hero .ms-ico{\n background:linear-gradient(150deg,#2B5C90 0%,#22497A 100%) !important;\n background-color:#2B5C90 !important;\n}\n#features .ms-chip{\n background:#27507C !important; background-color:#27507C !important;\n color:#E7EEF6 !important; -webkit-text-fill-color:#E7EEF6;\n list-style:none !important;\n}\n#features .ms-card:hover .ms-chip,\n#features .ms-card.is-active .ms-chip{\n background:#2E5C8C !important; background-color:#2E5C8C !important;\n}\n#features .ms-tbd{\n background:linear-gradient(135deg,#D8C39A,#C9A870) !important;\n background-color:#D8C39A !important;\n color:#241906 !important; -webkit-text-fill-color:#241906;\n}\n\/* \u6587\u5b57\u8272\u9396\u5b9a *\/\n#features .ms-h2{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF;}\n#features .ms-h2 em{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#features .ms-lead{color:#CBD8E6 !important; -webkit-text-fill-color:#CBD8E6;}\n#features .ms-eyebrow{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#features .ms-card-title{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF;}\n#features .ms-card--hero .ms-card-title{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#features .ms-card-desc{color:#CBD8E6 !important; -webkit-text-fill-color:#CBD8E6;}\n#features .ms-hero-pt span{color:#CBD8E6 !important; -webkit-text-fill-color:#CBD8E6;}\n#features .ms-hero-pt i{background:rgba(216,195,154,.16) !important; background-color:#23496F !important;}\n#features .ms-hero-pt i svg path{stroke:#F2D9A8 !important; fill:none !important;}\n#features .ms-num{color:rgba(216,195,154,.62) !important; -webkit-text-fill-color:rgba(216,195,154,.62);}\n#features .ms-card:hover .ms-num,\n#features .ms-card.is-active .ms-num{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n\/* SVG \u63cf\u908a *\/\n#features .ms-ico svg{stroke:#D8C39A !important; fill:none !important;}\n#features .ms-card:hover .ms-ico svg,\n#features .ms-card.is-active .ms-ico svg{stroke:#F2D9A8 !important;}\n\/* \u6e05\u6389\u4e3b\u984c\u6ce8\u5165\u7684\u88dd\u98fe\u507d\u5143\u7d20 *\/\n#features .ms-card::before,\n#features .ms-card::after,\n#features .ms-card-title::before,\n#features .ms-card-title::after,\n#features .ms-card-desc::before,\n#features .ms-card-desc::after,\n#features .ms-chip::before,\n#features .ms-chip::after{\n content:none !important; display:none !important;\n}\n#features .ms-bento,#features .ms-chips{list-style:none !important;}\n\n<\/style>\n\n\n<section class=\"ms-feat\" id=\"features\">\n <span class=\"ms-feat__grid\" aria-hidden=\"true\"><\/span>\n <span class=\"ms-feat__glow\" aria-hidden=\"true\"><\/span>\n\n <div class=\"ms-inner\">\n\n <header class=\"ms-head\" data-reveal>\n <p class=\"ms-eyebrow\">Features<\/p>\n <h2 class=\"ms-h2\">\u4e0d\u50c5\u662f\u6392\u76e4<br>\u662f\u7d93\u6574\u7406\u7684\u4eba\u751f\u7b56\u7565<em>\u4eba\u751f\u7b56\u7565<\/em><\/h2>\n <p class=\"ms-lead\">\u540c\u6a23\u662f\u547d\u7406\u5167\u5bb9\uff0c\u5dee\u5225\u5728\u65bc\u300c\u4f60\u770b\u5b8c\u4e4b\u5f8c\uff0c\u77e5\u4e0d\u77e5\u9053\u4e0b\u4e00\u6b65\u8a72\u600e\u9ebc\u505a\u300d\u3002<\/p>\n <\/header>\n\n <div class=\"ms-bento\">\n\n \n <article class=\"ms-card ms-card--hero\" style=\"--d:.04s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">01<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3.2 20 7v5c0 4-3.2 7.4-8 8.4-4.8-1-8-4.4-8-8.4V7l8-3.8Z\"\/><path d=\"M12 8.6v4.6M9.7 10.9h4.6\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u500b\u4eba\u5c08\u5c6c\u5206\u6790<\/h3>\n <p class=\"ms-card-desc\">\u6bcf\u4efd\u547d\u66f8\u4f9d\u7167\u500b\u4eba\u51fa\u751f\u8cc7\u6599\u88fd\u4f5c\uff0c\u4e0d\u4f7f\u7528\u5236\u5f0f\u5316\u7684\u5927\u773e\u904b\u52e2\u5167\u5bb9\u3002\u5f9e\u547d\u76e4\u7d50\u69cb\u5230\u6d41\u5e74\u8b8a\u5316\uff0c\u5168\u90e8\u4f9d\u4f60\u4e00\u500b\u4eba\u7684\u8cc7\u6599\u91cd\u65b0\u63a8\u7b97\u8207\u64b0\u5beb\u3002<\/p>\n\n <div class=\"ms-hero-extra\">\n <div class=\"ms-hero-pt\">\n <i><svg viewBox=\"0 0 12 12\"><path d=\"M2 6.4 4.6 9 10 3.2\"\/><\/svg><\/i>\n <span>\u4f9d\u51fa\u751f\u5e74\u6708\u65e5\u8207\u6642\u9593\u6392\u76e4<\/span>\n <\/div>\n <div class=\"ms-hero-pt\">\n <i><svg viewBox=\"0 0 12 12\"><path d=\"M2 6.4 4.6 9 10 3.2\"\/><\/svg><\/i>\n <span>\u547d\u76e4\u7d50\u69cb\u9010\u9805\u5c0d\u61c9\u89e3\u8b80<\/span>\n <\/div>\n <div class=\"ms-hero-pt\">\n <i><svg viewBox=\"0 0 12 12\"><path d=\"M2 6.4 4.6 9 10 3.2\"\/><\/svg><\/i>\n <span>\u6d41\u5e74\u8b8a\u5316\u55ae\u7368\u63a8\u7b97<\/span>\n <\/div>\n <div class=\"ms-hero-pt\">\n <i><svg viewBox=\"0 0 12 12\"><path d=\"M2 6.4 4.6 9 10 3.2\"\/><\/svg><\/i>\n <span>\u5167\u5bb9\u4e0d\u8207\u4ed6\u4eba\u91cd\u8907<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ms-chips\">\n <span class=\"ms-chip\">\u4f9d\u51fa\u751f\u8cc7\u6599<\/span>\n <span class=\"ms-chip\">\u9010\u672c\u88fd\u4f5c<\/span>\n <span class=\"ms-chip\">\u975e\u5957\u7248\u5167\u5bb9<\/span>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.09s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">02<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5h16M4 10h11M4 14.5h16M4 19h9\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u901a\u4fd7\u6613\u61c2\u7684\u5206\u6790<\/h3>\n <p class=\"ms-card-desc\">\u5c07\u661f\u66dc\u3001\u5bae\u4f4d\u8207\u6d41\u5e74\u95dc\u4fc2\uff0c\u8f49\u5316\u70ba\u4e00\u822c\u4eba\u53ef\u4ee5\u76f4\u63a5\u8b80\u61c2\u7684\u6587\u5b57\u3002<\/p>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.14s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">03<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15.5\" rx=\"2\"\/><path d=\"M3.5 9.6h17M8 3v4M16 3v4\"\/><path d=\"M7.6 13.2h3M7.6 16.8h6\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u5168\u5e74\u5ea6\u5b8c\u6574\u898f\u5283<\/h3>\n <p class=\"ms-card-desc\">\u540c\u6642\u63d0\u4f9b\u5e74\u5ea6\u7e3d\u89bd\u3001\u6d41\u5e74\u5341\u4e8c\u5bae\uff0c\u4ee5\u53ca\u5341\u4e8c\u500b\u6708\u4efd\u7684\u5b8c\u6574\u5206\u6790\u3002<\/p>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.19s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">04<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 17l5-5 4 3 8-8\"\/><path d=\"M16 7h4v4\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u5177\u9ad4\u884c\u52d5\u5efa\u8b70<\/h3>\n <p class=\"ms-card-desc\">\u4e0d\u53ea\u63cf\u8ff0\u904b\u52e2\uff0c\u4e5f\u660e\u78ba\u6307\u51fa\u9069\u5408\u884c\u52d5\u3001\u9069\u5408\u89c0\u5bdf\u8207\u61c9\u8a72\u4fdd\u5b88\u7684\u6642\u6a5f\u3002<\/p>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.24s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">05<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4.5 4.5h9.5a3 3 0 0 1 3 3v12a2.4 2.4 0 0 0-2.4-2.4H4.5Z\"\/><path d=\"M19.5 4.5H17a3 3 0 0 0-3 3v12a2.4 2.4 0 0 1 2.4-2.4h3.1Z\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u5167\u6582\u8996\u89ba\u8a2d\u8a08<\/h3>\n <p class=\"ms-card-desc\">\u4ee5\u6771\u65b9\u66f8\u518a\u3001\u7c73\u767d\u7d19\u5f35\u3001\u58a8\u8272\u8207\u91d1\u8272\u70ba\u8a2d\u8a08\u8a9e\u8a00\uff0c\u517c\u5177\u95b1\u8b80\u6027\u8207\u6536\u85cf\u611f\u3002<\/p>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.29s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">06<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8.4\" r=\"3.1\"\/><path d=\"M3.4 20c.6-3.4 2.9-5.3 5.6-5.3s5 1.9 5.6 5.3\"\/><path d=\"M16.4 6.6h4.6M16.4 10h4.6M17.6 13.4h3.4\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u5c08\u4eba\u89e3\u66f8\u670d\u52d9<span class=\"ms-tbd\">\u8fd1\u671f\u4e0a\u7dda<\/span><\/h3>\n <p class=\"ms-card-desc\">\u53ef\u52a0\u8cfc\u7dda\u4e0a\u89e3\u66f8\uff0c\u7531\u8001\u5e2b\u91dd\u5c0d\u4f60\u6700\u95dc\u5fc3\u7684\u554f\u984c\u9032\u4e00\u6b65\u8aaa\u660e\u3002<\/p>\n <\/article>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var cards = Array.prototype.slice.call(document.querySelectorAll('.ms-card'));\n\n \/* ---- \u9032\u5834 ---- *\/\n var heads = document.querySelectorAll('[data-reveal]');\n if('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }\n });\n },{threshold:.14, rootMargin:'0px 0px -8% 0px'});\n heads.forEach(function(el){ io.observe(el); });\n\n var ioCard = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); ioCard.unobserve(e.target); }\n });\n },{threshold:.16, rootMargin:'0px 0px -8% 0px'});\n cards.forEach(function(c){ ioCard.observe(c); });\n }else{\n heads.forEach(function(el){ el.classList.add('is-in'); });\n cards.forEach(function(c){ c.classList.add('is-in'); });\n }\n\n \/* ---- \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688\uff08\u6709\u6ed1\u9f20\u5c31\u6703\u751f\u6548\uff1b\u7121\u6ed1\u9f20\u7684\u88dd\u7f6e\u4e0d\u6703\u89f8\u767c mousemove\uff0c\u7121\u526f\u4f5c\u7528\uff09 ---- *\/\n if(!reduce){\n cards.forEach(function(c){\n c.addEventListener('mousemove', function(e){\n var r = c.getBoundingClientRect();\n c.style.setProperty('--mx', ((e.clientX - r.left) \/ r.width * 100) + '%');\n c.style.setProperty('--my', ((e.clientY - r.top) \/ r.height * 100) + '%');\n });\n });\n }\n\n \/* ---- \u6372\u5230\u756b\u9762\u4e2d\u592e\u7684\u5361\u7247\u81ea\u52d5 active ----\n \u26a0\ufe0f \u4e0d\u7528 matchMedia('(hover:hover)') \u505a\u4e92\u65a5\u5224\u65b7\uff1a\n headless Chrome \u5373\u4f7f\u6a21\u64ec\u624b\u6a5f\u5bec\u4e5f\u56de\u5831 hover:true\uff0c\n \u4e14\u89f8\u63a7\u7b46\u96fb\u7b49\u88dd\u7f6e\u7684\u56de\u5831\u4e26\u4e0d\u53ef\u9760 \u2192 \u6703\u8b93\u624b\u6a5f\u5b8c\u5168\u6c92\u6709\u4ea4\u4e92\u6548\u679c\u3002\n \u6539\u70ba\u300c\u7a84\u87a2\u5e55\u5c31\u555f\u7528\u300d\uff0c\u8b93\u89f8\u63a7\u4f7f\u7528\u8005\u4e00\u5b9a\u770b\u5f97\u5230\n \u908a\u6846\u6d41\u5149\u3001\u5716\u793a\u4eae\u8d77\u3001\u5149\u6688\u7b49\u52d5\u614b\uff1b\u684c\u6a5f\u5bec\u87a2\u5e55\u5247\u4ea4\u7d66 hover\u3002 *\/\n var mqNarrow = window.matchMedia('(max-width:1000px)');\n var ioActive = null;\n\n function clearActive(){\n cards.forEach(function(c){ c.classList.remove('is-active'); });\n }\n function enableScrollActive(){\n if(ioActive || reduce || !('IntersectionObserver' in window)) return;\n ioActive = new IntersectionObserver(function(){\n var mid = window.innerHeight \/ 2;\n var best = null, bestDist = Infinity;\n cards.forEach(function(c,i){\n var r = c.getBoundingClientRect();\n if(r.bottom < 0 || r.top > window.innerHeight) return;\n var d = Math.abs((r.top + r.bottom)\/2 - mid);\n if(d < bestDist){ bestDist = d; best = i; }\n });\n cards.forEach(function(c,i){ c.classList.toggle('is-active', i === best); });\n if(best !== null){\n cards[best].style.setProperty('--mx','50%');\n cards[best].style.setProperty('--my','38%');\n }\n },{threshold:[0,.25,.5,.75,1], rootMargin:'-25% 0px -25% 0px'});\n cards.forEach(function(c){ ioActive.observe(c); });\n }\n function disableScrollActive(){\n if(!ioActive) return;\n ioActive.disconnect(); ioActive = null; clearActive();\n }\n function syncActiveMode(){\n if(mqNarrow.matches) enableScrollActive();\n else disableScrollActive();\n }\n syncActiveMode();\n if(mqNarrow.addEventListener) mqNarrow.addEventListener('change', syncActiveMode);\n else if(mqNarrow.addListener) mqNarrow.addListener(syncActiveMode);\n})();\n<\/script>\n\n\n<script>\n(function(){\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var cards = Array.prototype.slice.call(document.querySelectorAll('.ms-card'));\n\n \/* ---- \u9032\u5834 ---- *\/\n var heads = document.querySelectorAll('[data-reveal]');\n if('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }\n });\n },{threshold:.14, rootMargin:'0px 0px -8% 0px'});\n heads.forEach(function(el){ io.observe(el); });\n\n var ioCard = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); ioCard.unobserve(e.target); }\n });\n },{threshold:.16, rootMargin:'0px 0px -8% 0px'});\n cards.forEach(function(c){ ioCard.observe(c); });\n }else{\n heads.forEach(function(el){ el.classList.add('is-in'); });\n cards.forEach(function(c){ c.classList.add('is-in'); });\n }\n\n \/* ---- \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688\uff08\u6709\u6ed1\u9f20\u5c31\u6703\u751f\u6548\uff1b\u7121\u6ed1\u9f20\u7684\u88dd\u7f6e\u4e0d\u6703\u89f8\u767c mousemove\uff0c\u7121\u526f\u4f5c\u7528\uff09 ---- *\/\n if(!reduce){\n cards.forEach(function(c){\n c.addEventListener('mousemove', function(e){\n var r = c.getBoundingClientRect();\n c.style.setProperty('--mx', ((e.clientX - r.left) \/ r.width * 100) + '%');\n c.style.setProperty('--my', ((e.clientY - r.top) \/ r.height * 100) + '%');\n });\n });\n }\n\n \/* ---- \u6372\u5230\u756b\u9762\u4e2d\u592e\u7684\u5361\u7247\u81ea\u52d5 active ----\n \u26a0\ufe0f \u4e0d\u7528 matchMedia('(hover:hover)') \u505a\u4e92\u65a5\u5224\u65b7\uff1a\n headless Chrome \u5373\u4f7f\u6a21\u64ec\u624b\u6a5f\u5bec\u4e5f\u56de\u5831 hover:true\uff0c\n \u4e14\u89f8\u63a7\u7b46\u96fb\u7b49\u88dd\u7f6e\u7684\u56de\u5831\u4e26\u4e0d\u53ef\u9760 \u2192 \u6703\u8b93\u624b\u6a5f\u5b8c\u5168\u6c92\u6709\u4ea4\u4e92\u6548\u679c\u3002\n \u6539\u70ba\u300c\u7a84\u87a2\u5e55\u5c31\u555f\u7528\u300d\uff0c\u8b93\u89f8\u63a7\u4f7f\u7528\u8005\u4e00\u5b9a\u770b\u5f97\u5230\n \u908a\u6846\u6d41\u5149\u3001\u5716\u793a\u4eae\u8d77\u3001\u5149\u6688\u7b49\u52d5\u614b\uff1b\u684c\u6a5f\u5bec\u87a2\u5e55\u5247\u4ea4\u7d66 hover\u3002 *\/\n var mqNarrow = window.matchMedia('(max-width:1000px)');\n var ioActive = null;\n\n function clearActive(){\n cards.forEach(function(c){ c.classList.remove('is-active'); });\n }\n function enableScrollActive(){\n if(ioActive || reduce || !('IntersectionObserver' in window)) return;\n ioActive = new IntersectionObserver(function(){\n var mid = window.innerHeight \/ 2;\n var best = null, bestDist = Infinity;\n cards.forEach(function(c,i){\n var r = c.getBoundingClientRect();\n if(r.bottom < 0 || r.top > window.innerHeight) return;\n var d = Math.abs((r.top + r.bottom)\/2 - mid);\n if(d < bestDist){ bestDist = d; best = i; }\n });\n cards.forEach(function(c,i){ c.classList.toggle('is-active', i === best); });\n if(best !== null){\n cards[best].style.setProperty('--mx','50%');\n cards[best].style.setProperty('--my','38%');\n }\n },{threshold:[0,.25,.5,.75,1], rootMargin:'-25% 0px -25% 0px'});\n cards.forEach(function(c){ ioActive.observe(c); });\n }\n function disableScrollActive(){\n if(!ioActive) return;\n ioActive.disconnect(); ioActive = null; clearActive();\n }\n function syncActiveMode(){\n if(mqNarrow.matches) enableScrollActive();\n else disableScrollActive();\n }\n syncActiveMode();\n if(mqNarrow.addEventListener) mqNarrow.addEventListener('change', syncActiveMode);\n else if(mqNarrow.addListener) mqNarrow.addListener(syncActiveMode);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a2969c e-flex e-con-boxed e-con e-parent\" data-id=\"6a2969c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ec2e0e e-flex e-con-boxed e-con e-parent\" data-id=\"9ec2e0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae94e1d elementor-widget elementor-widget-menu-anchor\" data-id=\"ae94e1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"story\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e90b524 elementor-widget elementor-widget-html\" data-id=\"e90b524\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE H \u2014 \u4e00\u672c\u66f8\uff0c\u4e00\u6bb5\u4eba\u751f\uff5c\u547d\u66f8 MING SHU<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE H\uff1a\u5ba2\u6236\u898b\u8b49\uff08\u5c0d\u8a71\u6d41\uff09\n \u9328\u9ede\uff1a#stories \uff5c \u4eae\u5834\u7c73\u767d\n \u2605 PDF \u00a77 \u8981\u6c42\uff1a\u898b\u8b49\u9808\u53d6\u5f97\u672c\u4eba\u6388\u6b0a\uff0c\u53ef\u63a1\u533f\u540d\u5f62\u5f0f\n \u2605 \u898b\u8b49\u6587\u5b57\u70ba\u7d50\u69cb\u793a\u610f\uff0c\u5be6\u969b\u5167\u5bb9\u9700\u66ff\u63db\u70ba\u771f\u5be6\u6388\u6b0a\u898b\u8b49\n\n \u7248\u578b\uff1a\u5de6\u53f3\u4ea4\u932f\u7684\u5c0d\u8a71\u6c23\u6ce1\uff08\u624b\u6a5f\u4ea6\u4fdd\u7559\u4ea4\u932f\uff0c\u7dad\u6301\u5c0d\u8a71\u8a9e\u5883\uff09\n \u8272\u5f69\uff1a\u6587\u5b57\u5168\u9762\u52a0\u6df1\uff0c\u5c0d\u6bd4\u5ea6\u5747\u9054 WCAG AAA\n \u6a19\u984c 15.51 \uff0f \u5f15\u8a00 7.21 \uff0f \u5167\u6587 9.89 \uff0f \u7f72\u540d 5.54\n ============================================================ *\/\n:root{\n --ink:#1A1410;\n \/* \u6a19\u984c\uff0f\u5f15\u8a00\u7528\u8272\uff1a#0A1F33 \u2192 #071726\uff0c\u5728\u7c73\u767d\u5e95\u4e0a\u66f4\u6c89\u3001\u5c0d\u6bd4\u66f4\u9ad8 *\/\n --ink-deep:#071726;\n --paper:#FAF6EF; --paper-2:#F4EEE4; --paper-3:#EFE7D9;\n --gold:#9A7938; --gold-light:#C9A870; --gold-pale:#D8C39A; --brown:#5E4B29;\n \/* \u6587\u5b57\u8272\uff08\u518d\u6b21\u52a0\u6df1\uff0c\u4f9d\u4f7f\u7528\u8005\u8981\u6c42\uff09\n --muted \u5167\u6587\uff1a#4F473E \u2192 #3A332B\uff08\u5c0d\u6bd4 11.9\uff0cAAA\uff09\n --muted-2 \u7f72\u540d\uff1a#6B6259 \u2192 #4A423A\uff08\u5c0d\u6bd4 8.6\uff0cAAA\uff09 *\/\n --muted:#3A332B;\n --muted-2:#4A423A;\n --line:rgba(154,121,56,.3);\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(30px,4.4vw,58px);\n --fs-quote:clamp(16px,1.42vw,20px);\n --fs-lead:clamp(14px,1.15vw,17px);\n --fs-body:clamp(13px,.98vw,15px);\n --track-eyebrow:.34em;\n --sec-pad-y:clamp(74px,8.4vw,132px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:940px;\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.32s; --dur:.66s; --dur-slow:.9s;\n --radius:5px; --radius-lg:10px;\n --shadow-soft:0 14px 40px rgba(26,20,16,.08);\n --shadow-lift:0 26px 64px rgba(26,20,16,.15);\n}\n*,*::before,*::after{box-sizing:border-box;}\nhtml{-webkit-text-size-adjust:100%;}\nbody{\n margin:0; background:var(--paper); color:var(--ink);\n font-family:var(--sans); font-weight:300; overflow-x:hidden;\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n}\nimg{max-width:100%; height:auto; display:block;}\n\n.ms-stories{\n position:relative; overflow:hidden;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:\n radial-gradient(110% 68% at 84% 6%, #FFFDF8 0%, rgba(255,253,248,0) 56%),\n linear-gradient(180deg,#FBF8F2 0%, var(--paper) 44%, var(--paper-2) 100%);\n}\n.ms-stories::before{\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.5;\n background-image:\n repeating-linear-gradient(96deg, rgba(154,121,56,.028) 0 1px, transparent 1px 3px),\n repeating-linear-gradient(174deg, rgba(94,75,41,.02) 0 1px, transparent 1px 4px);\n mix-blend-mode:multiply;\n}\n\/* \u6975\u7de9\u6162\u6f02\u79fb\u7684\u6696\u5149\u6688\uff0c\u8b93\u5927\u9762\u7a4d\u7c73\u767d\u4e0d\u5446\u677f *\/\n.ms-stories::after{\n content:\"\"; position:absolute; inset:-25%; pointer-events:none; z-index:0;\n background:radial-gradient(34% 24% at 50% 50%, rgba(201,168,112,.2) 0%, rgba(201,168,112,0) 70%);\n animation:ms-drift 30s var(--ease-soft) infinite alternate;\n}\n@keyframes ms-drift{\n 0%{transform:translate3d(-16%,-10%,0) scale(1);}\n 100%{transform:translate3d(18%,12%,0) scale(1.22);}\n}\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n \u6a19\u984c\n ============================================================ *\/\n.ms-head{text-align:center; margin-bottom:clamp(48px,5.6vw,84px);}\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:16px;\n font-size:var(--fs-eyebrow); font-weight:500; letter-spacing:var(--track-eyebrow);\n color:var(--gold); text-transform:uppercase; margin:0 0 clamp(20px,2.2vw,30px);\n}\n.ms-eyebrow::before,.ms-eyebrow::after{\n content:\"\"; width:clamp(28px,4vw,54px); height:1px;\n background:linear-gradient(90deg,transparent,var(--gold));\n transform:scaleX(0); transform-origin:right;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.ms-eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent); transform-origin:left;}\n.is-in .ms-eyebrow::before,.is-in .ms-eyebrow::after{transform:scaleX(1);}\n\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.3; color:var(--ink-deep); margin:0 0 clamp(16px,1.8vw,24px); letter-spacing:.02em;\n}\n\/* \u6a19\u984c\u9010\u5b57\u63ed\u793a\uff08\u5e36\u6a21\u7cca\u6d88\u6563\uff09 *\/\n.ms-h2 .ms-ch{\n display:inline-block;\n opacity:0; transform:translateY(38%); filter:blur(7px);\n transition:opacity .8s var(--ease-out), transform .8s var(--ease-out), filter .8s var(--ease-out);\n transition-delay:calc(var(--i,0) * .052s);\n}\n.is-in .ms-h2 .ms-ch{opacity:1; transform:translateY(0); filter:blur(0);}\n\n.ms-lead{\n font-size:var(--fs-lead); line-height:2.05; color:var(--muted);\n max-width:min(100%,600px); margin:0 auto; text-wrap:pretty;\n opacity:0; transform:translateY(14px);\n transition:opacity var(--dur) var(--ease-out) .5s, transform var(--dur) var(--ease-out) .5s;\n}\n.is-in .ms-lead{opacity:1; transform:none;}\n\n\/* ============================================================\n \u5c0d\u8a71\u6d41\uff1a\u4e2d\u592e\u6642\u9593\u8ef8 + \u5de6\u53f3\u4ea4\u932f\u6c23\u6ce1\n ============================================================ *\/\n.ms-thread{position:relative;}\n\/* \u4e2d\u592e\u5f15\u5c0e\u7dda\uff1a\u7531\u4e0a\u5f80\u4e0b\u756b\u51fa *\/\n.ms-thread::before{\n content:\"\"; position:absolute; top:0; bottom:0; left:50%; width:1px;\n transform:translateX(-50%) scaleY(0); transform-origin:top center;\n background:linear-gradient(180deg,\n rgba(154,121,56,0) 0%, rgba(154,121,56,.26) 12%,\n rgba(154,121,56,.26) 88%, rgba(154,121,56,0) 100%);\n transition:transform 1.8s var(--ease-out) .2s;\n}\n.ms-thread.is-in::before,.is-in .ms-thread::before{transform:translateX(-50%) scaleY(1);}\n\n.ms-row{\n position:relative; display:flex; margin-bottom:clamp(20px,2.4vw,34px);\n}\n.ms-row:last-child{margin-bottom:0;}\n\/* \u6c23\u6ce1\u8cbc\u8fd1\u4e2d\u7dda\uff08\u7559 34px \u7d66\u5c16\u89d2\u8207\u7bc0\u9ede\uff09\uff0c\u53e6\u4e00\u5074\u7559\u767d *\/\n.ms-row--l{justify-content:flex-start; padding-right:calc(50% + 34px);}\n.ms-row--r{justify-content:flex-end; padding-left:calc(50% + 34px);}\n\n\/* \u6642\u9593\u8ef8\u7bc0\u9ede *\/\n.ms-node{\n position:absolute; top:clamp(30px,3vw,44px); left:50%;\n width:11px; height:11px; border-radius:50%; z-index:2;\n transform:translate(-50%,-50%) scale(0);\n background:radial-gradient(circle at 36% 32%, #F2E3C4, var(--gold-light));\n border:1px solid rgba(154,121,56,.5);\n box-shadow:0 0 0 4px rgba(250,246,239,.9), 0 0 14px rgba(201,168,112,.5);\n transition:transform .7s var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.is-in .ms-node{transform:translate(-50%,-50%) scale(1);}\n\/* \u7bc0\u9ede\u547c\u5438\u5149\u6688 *\/\n.ms-node::after{\n content:\"\"; position:absolute; inset:-7px; border-radius:50%;\n border:1px solid rgba(201,168,112,.45);\n animation:ms-pulse 3.4s var(--ease-soft) infinite;\n animation-delay:var(--d,0s);\n}\n@keyframes ms-pulse{\n 0%{transform:scale(.7); opacity:.85;}\n 70%,100%{transform:scale(1.7); opacity:0;}\n}\n\n\/* ============================================================\n \u6c23\u6ce1\n ============================================================ *\/\n.ms-bubble{\n position:relative; isolation:isolate; overflow:hidden;\n width:100%;\n padding:clamp(24px,2.5vw,34px) clamp(22px,2.3vw,30px);\n border-radius:16px;\n background:linear-gradient(168deg,#FFFDF8 0%,var(--paper) 100%);\n border:1px solid var(--line);\n box-shadow:var(--shadow-soft);\n opacity:0;\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n\/* \u4ea4\u932f\u9032\u5834\uff1a\u5de6\u5074\u7531\u5de6\u6ed1\u5165\u3001\u53f3\u5074\u7531\u53f3\u6ed1\u5165 *\/\n.ms-row--l .ms-bubble{transform:translate(-26px,18px); border-bottom-left-radius:5px;}\n.ms-row--r .ms-bubble{transform:translate(26px,18px); border-bottom-right-radius:5px;}\n.is-in .ms-bubble{opacity:1; transform:translate(0,0);}\n\n\/* \u6c23\u6ce1\u5c16\u89d2\uff1a\u639b\u5728 .ms-row \u4e0a\uff0c\u907f\u514d\u88ab\u6c23\u6ce1\u7684 overflow:hidden \u88c1\u6389 *\/\n.ms-row::after{\n content:\"\"; position:absolute; top:clamp(28px,2.9vw,42px);\n width:13px; height:13px; z-index:1;\n background:#FFFDF8;\n border:1px solid var(--line);\n transform:rotate(45deg) scale(0);\n transition:transform .6s var(--ease-out), border-color var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.is-in .ms-row::after{transform:rotate(45deg) scale(1);}\n\/* \u5de6\u5074\u6c23\u6ce1\uff1a\u5c16\u89d2\u8cbc\u5728\u5176\u53f3\u7de3\uff0c\u958b\u53e3\u671d\u53f3\uff08\u6307\u5411\u4e2d\u7dda\uff09 *\/\n.ms-row--l::after{\n right:calc(50% + 28px); border-left:0; border-bottom:0;\n}\n\/* \u53f3\u5074\u6c23\u6ce1\uff1a\u5c16\u89d2\u8cbc\u5728\u5176\u5de6\u7de3\uff0c\u958b\u53e3\u671d\u5de6 *\/\n.ms-row--r::after{\n left:calc(50% + 28px); border-right:0; border-top:0;\n}\n\n\/* \u5faa\u74b0\u6383\u5149\uff1a\u6bcf\u5247\u932f\u958b\u6642\u5dee\uff0c\u4e0d\u540c\u6b65 *\/\n.ms-bubble::after{\n content:\"\"; position:absolute; inset:0; z-index:0; pointer-events:none;\n background:linear-gradient(105deg,\n transparent 38%, rgba(201,168,112,.15) 47%, rgba(255,255,255,.34) 52%, transparent 62%);\n background-size:240% 100%; background-position:190% 0;\n animation:ms-sheen 8s var(--ease-soft) infinite;\n animation-delay:var(--sheen,0s);\n}\n@keyframes ms-sheen{\n 0%,60%{background-position:190% 0;}\n 88%,100%{background-position:-80% 0;}\n}\n.ms-bubble>*{position:relative; z-index:1;}\n\n.ms-bubble:hover{\n box-shadow:var(--shadow-lift);\n border-color:rgba(154,121,56,.55);\n}\n.ms-row--l .ms-bubble:hover{transform:translate(4px,-5px);}\n.ms-row--r .ms-bubble:hover{transform:translate(-4px,-5px);}\n.ms-bubble:hover::before{border-color:rgba(154,121,56,.55);}\n\n\/* \u5f15\u865f\u88dd\u98fe *\/\n.ms-mark{\n position:absolute; right:clamp(14px,1.5vw,20px); top:clamp(4px,.6vw,10px); z-index:0;\n font-family:var(--serif); font-size:clamp(40px,3.8vw,54px); line-height:1;\n color:rgba(154,121,56,.14); pointer-events:none; user-select:none;\n transition:color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n}\n.ms-bubble:hover .ms-mark{color:rgba(154,121,56,.26); transform:translateY(-3px) scale(1.06);}\n\n.ms-quote{\n font-family:var(--serif); font-weight:600; font-size:var(--fs-quote);\n line-height:1.85; color:var(--ink-deep); margin:0 0 clamp(12px,1.3vw,17px);\n letter-spacing:.02em;\n \/* CJK \u6a19\u9ede\u7981\u5247\uff08\u3002\u300d\u4e0d\u53ef\u7f6e\u65bc\u884c\u9996\uff09\u6703\u628a\u5c3e\u7aef\u6a19\u9ede\u63a8\u51fa\u908a\u754c\u6578 px\u3002\n overflow-wrap \/ line-break \u7686\u7121\u6cd5\u8986\u5beb\u8a72\u7981\u5247\uff0c\n \u6545\u9810\u7559\u53f3\u5074\u9918\u88d5\u8b93\u6a19\u9ede\u6709\u61f8\u639b\u7a7a\u9593 *\/\n padding-right:.7em;\n overflow-wrap:anywhere; word-break:break-word; text-wrap:pretty;\n}\n.ms-text{\n font-size:var(--fs-body); line-height:2; color:var(--muted);\n margin:0 0 clamp(18px,1.9vw,24px); font-weight:400;\n overflow-wrap:anywhere; word-break:break-word; text-wrap:pretty;\n}\n.ms-by{\n display:flex; align-items:center; gap:11px;\n padding-top:clamp(14px,1.5vw,18px); border-top:1px solid rgba(154,121,56,.18);\n font-size:clamp(12px,.9vw,13.5px); color:var(--muted-2); letter-spacing:.06em;\n}\n.ms-avatar{\n width:34px; height:34px; border-radius:50%; flex:0 0 auto;\n display:grid; place-items:center;\n font-family:var(--serif); font-size:14px; color:var(--brown);\n background:linear-gradient(150deg, var(--paper-3), #E6DCC9);\n border:1px solid rgba(154,121,56,.32);\n transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);\n}\n.ms-bubble:hover .ms-avatar{\n transform:scale(1.09) rotate(-6deg);\n box-shadow:0 0 16px rgba(201,168,112,.45);\n}\n\n\/* ============================================================\n \u6388\u6b0a\u8aaa\u660e\n ============================================================ *\/\n.ms-consent{\n margin-top:clamp(38px,4vw,58px); text-align:center;\n font-size:clamp(12px,.9vw,13.5px); line-height:1.9; color:var(--muted-2); font-weight:400;\n padding-top:clamp(24px,2.6vw,34px); border-top:1px solid var(--line);\n max-width:min(100%,560px); margin-left:auto; margin-right:auto; text-wrap:pretty;\n opacity:0; transform:translateY(14px);\n transition:opacity var(--dur) var(--ease-out) .15s, transform var(--dur) var(--ease-out) .15s;\n}\n.ms-consent.is-in,.is-in .ms-consent{opacity:1; transform:none;}\n\n\/* ============================================================\n RWD \u2014 \u624b\u6a5f\u4fdd\u7559\u5de6\u53f3\u4ea4\u932f\uff0c\u6c23\u6ce1\u62c9\u5bec\u3001\u504f\u79fb\u7e2e\u5c0f\n ============================================================ *\/\n@media (max-width:760px){\n :root{--maxw:100%;}\n .ms-bubble{width:100%; padding:20px 18px; border-radius:14px;}\n .ms-row{margin-bottom:16px;}\n \/* \u8ef8\u7dda\u79fb\u5230\u5de6\u7de3\uff0c\u7bc0\u9ede\u8ddf\u8457\u79fb\uff0c\u907f\u514d\u4f54\u7528\u5bec\u5ea6 *\/\n .ms-thread::before{left:11px; transform:translateX(0) scaleY(0);}\n .ms-thread.is-in::before,.is-in .ms-thread::before{transform:translateX(0) scaleY(1);}\n .ms-node{left:11px; top:26px; width:9px; height:9px;}\n \/* \u624b\u6a5f\uff1a\u8ef8\u7dda\u5728\u5de6\uff0c\u6240\u6709\u6c23\u6ce1\u9760\u53f3\u6392\uff0c\u9760\u504f\u79fb\u91cf\u505a\u51fa\u4ea4\u932f\u5c64\u6b21 *\/\n .ms-row--l,.ms-row--r{\n padding-left:30px; padding-right:0; justify-content:flex-start;\n }\n .ms-row--r{padding-left:44px;}\n \/* \u624b\u6a5f\u7684\u5c16\u89d2\u4e00\u5f8b\u671d\u5de6\uff0c\u6307\u5411\u5de6\u5074\u8ef8\u7dda *\/\n .ms-row--l::after,.ms-row--r::after{\n left:24px; right:auto; top:22px; width:11px; height:11px;\n border:1px solid var(--line); border-right:0; border-top:0;\n }\n .ms-row--r::after{left:38px;}\n .ms-row--l .ms-bubble{transform:translate(-14px,14px); border-bottom-left-radius:4px; border-bottom-right-radius:14px;}\n .ms-row--r .ms-bubble{transform:translate(14px,14px); border-bottom-right-radius:14px; border-bottom-left-radius:4px;}\n .is-in .ms-bubble{transform:translate(0,0);}\n .ms-bubble:hover{transform:none;}\n .ms-row--l .ms-bubble:hover,.ms-row--r .ms-bubble:hover{transform:none;}\n .ms-eyebrow{gap:11px;}\n \/* \u624b\u6a5f\u95dc\u9589\u6383\u5149\uff1a\u7701\u96fb\u4e26\u964d\u4f4e\u5c0f\u87a2\u5e55\u8996\u89ba\u5e72\u64fe *\/\n .ms-bubble::after{animation:none; opacity:0;}\n}\n@media (max-width:400px){\n .ms-bubble{padding:18px 15px;}\n .ms-row--l{padding-left:26px;}\n .ms-row--r{padding-left:36px;}\n .ms-row--l::after{left:20px;}\n .ms-row--r::after{left:30px;}\n .ms-avatar{width:30px; height:30px; font-size:13px;}\n}\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n .ms-bubble,.ms-consent,.ms-lead{opacity:1!important; transform:none!important;}\n .ms-row--l .ms-bubble,.ms-row--r .ms-bubble{transform:none!important;}\n .ms-eyebrow::before,.ms-eyebrow::after{transform:scaleX(1)!important;}\n .ms-h2 .ms-ch{opacity:1!important; transform:none!important; filter:none!important;}\n .ms-thread::before{transform:translateX(-50%) scaleY(1)!important;}\n .ms-node{transform:translate(-50%,-50%) scale(1)!important;}\n}\n\n\/* ============================================================\n \ud83d\udee1 WordPress\uff0fElementor \u9632\u8b77\u5c64\n ------------------------------------------------------------\n \u75c7\u72c0\uff08\u5be6\u6e2c\u91cd\u73fe\uff09\uff1a\u672c\u5730\u6a19\u984c\u662f\u9ed1\u7684\uff0c\u8cbc\u9032 WP \u5f8c**\u6a19\u984c\u8207\u5167\u6587\u5168\u8b8a\u767d**\uff0c\n \u5728\u7c73\u767d\u5e95\u4e0a\u5b8c\u5168\u770b\u4e0d\u898b\u3002\n \u6839\u56e0\uff1a\u4e3b\u984c\uff0f\u5916\u639b\u4ee5 `!important` \u628a\u5340\u584a\u6587\u5b57\u8a2d\u70ba\u767d\u8272\n \uff08\u6df1\u8272\u7248\u578b\u4e3b\u984c\u5728\u4eae\u5834\u5340\u584a\u4e0a\u6700\u5bb9\u6613\u4e2d\uff09\uff0c\u5e38\u898b\u5beb\u6cd5\u5982\n `h2{color:#fff !important}`\u3001`.ms-h2 *{color:#fff !important}`\u3002\n \u26a0\ufe0f \u7279\u5225\u6ce8\u610f\uff1a\u672c\u9801\u6a19\u984c\u88ab JS \u62c6\u6210\u9010\u5b57 <span class=\"ms-ch\">\uff0c\n \u4e3b\u984c\u7684 `.ms-h2 *` \u6703\u76f4\u63a5\u547d\u4e2d\u5b50\u5c64 \u2192 \u53ea\u9396 .ms-h2 \u672c\u8eab\u7121\u6548\uff0c\n \u5fc5\u9808\u9023 .ms-ch \u4e00\u8d77\u9396\u3002\n \u5c0d\u7b56\uff1a#stories \u524d\u7db4 + !important + -webkit-text-fill-color \u4e09\u91cd\u9396\u5b9a\u3002\n ============================================================ *\/\n#stories .ms-h2,\n#stories .ms-h2 .ms-ch,\n#stories .ms-h2 span{\n color:#071726 !important;\n -webkit-text-fill-color:#071726 !important;\n}\n#stories .ms-quote{\n color:#071726 !important;\n -webkit-text-fill-color:#071726 !important;\n}\n#stories .ms-lead,\n#stories .ms-text{\n color:#3A332B !important;\n -webkit-text-fill-color:#3A332B !important;\n}\n#stories .ms-by,\n#stories .ms-consent{\n color:#4A423A !important;\n -webkit-text-fill-color:#4A423A !important;\n}\n#stories .ms-eyebrow{\n color:#9A7938 !important;\n -webkit-text-fill-color:#9A7938 !important;\n}\n#stories .ms-avatar{\n color:#5E4B29 !important;\n -webkit-text-fill-color:#5E4B29 !important;\n background:linear-gradient(150deg,#EFE7D9,#E6DCC9) !important;\n background-color:#EFE7D9 !important;\n}\n#stories .ms-mark{\n color:rgba(154,121,56,.14) !important;\n -webkit-text-fill-color:rgba(154,121,56,.14) !important;\n}\n#stories .ms-bubble:hover .ms-mark{\n color:rgba(154,121,56,.26) !important;\n -webkit-text-fill-color:rgba(154,121,56,.26) !important;\n}\n\/* \u5340\u584a\u8207\u6c23\u6ce1\u5e95\u8272\uff1a\u6539\u70ba\u4e0d\u900f\u660e\u5be6\u8272\uff0c\u4e0d\u4f9d\u8cf4\u7236\u5c64\uff08\u9632 WP \u767d\u5e95\uff0f\u6df1\u5e95\u7ffb\u8f49\uff09 *\/\n#stories{\n background:\n radial-gradient(110% 68% at 84% 6%, #FFFDF8 0%, rgba(255,253,248,0) 56%),\n linear-gradient(180deg,#FBF8F2 0%,#FAF6EF 44%,#F4EEE4 100%) !important;\n background-color:#FAF6EF !important;\n}\n#stories .ms-bubble{\n background:linear-gradient(168deg,#FFFDF8 0%,#FAF6EF 100%) !important;\n background-color:#FFFDF8 !important;\n}\n#stories .ms-row::after{\n background:#FFFDF8 !important;\n background-color:#FFFDF8 !important;\n}\n\/* \u6e05\u6389\u4e3b\u984c\u6ce8\u5165\u7684\u88dd\u98fe\u507d\u5143\u7d20\uff08\u5f15\u865f\uff0f\u5713\u9ede\uff09\uff0c\u672c\u9801\u5df2\u6709\u81ea\u5df1\u7684 \u275d *\/\n#stories .ms-bubble::before,\n#stories .ms-quote::before,\n#stories .ms-quote::after,\n#stories .ms-text::before,\n#stories .ms-text::after,\n#stories .ms-by::before,\n#stories .ms-by::after{\n content:none !important;\n display:none !important;\n}\n#stories .ms-thread,#stories .ms-row{list-style:none !important;}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ms-stories\" id=\"stories\">\n <div class=\"ms-inner\">\n\n <header class=\"ms-head\" data-reveal>\n <p class=\"ms-eyebrow\">Stories<\/p>\n <h2 class=\"ms-h2\" data-split>\u4e00\u672c\u66f8\uff0c\u4e00\u6bb5\u4eba\u751f<\/h2>\n <p class=\"ms-lead\">\u6bcf\u4e00\u672c\u547d\u66f8\uff0c\u90fd\u662f\u4e00\u6bb5\u8207\u81ea\u5df1\u7684\u76f8\u9047\u3002<\/p>\n <\/header>\n\n <div class=\"ms-thread\" data-reveal>\n\n <div class=\"ms-row ms-row--l\">\n <span class=\"ms-node\" style=\"--d:.05s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.05s;--sheen:0s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u7b2c\u4e00\u6b21\u771f\u6b63\u975c\u4e0b\u4f86\uff0c\u95b1\u8b80\u81ea\u5df1\u7684\u751f\u547d\u7bc0\u594f\u3002\u300d<\/p>\n <p class=\"ms-text\">\u5728\u8f49\u8077\u7684\u7336\u8c6b\u671f\u8b80\u5b8c\u547d\u66f8\uff0c\u6700\u6709\u5e6b\u52a9\u7684\u4e0d\u662f\u9810\u6e2c\uff0c\u800c\u662f\u5b83\u628a\u300c\u54ea\u5e7e\u500b\u6708\u9069\u5408\u63a8\u9032\u3001\u54ea\u5e7e\u500b\u6708\u9069\u5408\u89c0\u5bdf\u300d\u5beb\u5f97\u5f88\u5177\u9ad4\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <div class=\"ms-row ms-row--r\">\n <span class=\"ms-node\" style=\"--d:.14s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.14s;--sheen:1.6s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u77e5\u9053\u4ec0\u9ebc\u6642\u5019\u8a72\u4fdd\u5b88\uff0c\u6bd4\u77e5\u9053\u4ec0\u9ebc\u6642\u5019\u6703\u8cfa\u66f4\u91cd\u8981\u3002\u300d<\/p>\n <p class=\"ms-text\">\u8ca1\u904b\u7ae0\u7bc0\u63d0\u9192\u4e86\u5e7e\u500b\u9700\u8981\u8b39\u614e\u7684\u6708\u4efd\uff0c\u8b93\u6211\u5728\u505a\u6295\u8cc7\u6c7a\u5b9a\u524d\u591a\u60f3\u4e86\u4e00\u8f2a\uff0c\u4e5f\u91cd\u65b0\u8abf\u6574\u4e86\u5e74\u5ea6\u7684\u8cc7\u91d1\u5b89\u6392\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <div class=\"ms-row ms-row--l\">\n <span class=\"ms-node\" style=\"--d:.23s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.23s;--sheen:3.2s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u539f\u4f86\u6211\u5011\u7684\u76f8\u8655\u7bc0\u594f\uff0c\u662f\u53ef\u4ee5\u88ab\u7406\u89e3\u7684\u3002\u300d<\/p>\n <p class=\"ms-text\">\u770b\u5b8c\u95dc\u4fc2\u7684\u6bb5\u843d\uff0c\u6bd4\u8f03\u80fd\u7406\u89e3\u5f7c\u6b64\u5728\u610f\u7684\u9ede\u4e0d\u540c\u3002\u8207\u5176\u8aaa\u6539\u8b8a\u4e86\u4ec0\u9ebc\uff0c\u4e0d\u5982\u8aaa\u591a\u4e86\u4e00\u500b\u4e00\u8d77\u8a0e\u8ad6\u7684\u8a71\u984c\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <div class=\"ms-row ms-row--r\">\n <span class=\"ms-node\" style=\"--d:.32s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.32s;--sheen:4.8s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u5b83\u6c92\u6709\u544a\u8a34\u6211\u7b54\u6848\uff0c\u4f46\u8b93\u6211\u770b\u61c2\u4e86\u81ea\u5df1\u7684\u554f\u984c\u3002\u300d<\/p>\n <p class=\"ms-text\">\u6027\u683c\u512a\u52e2\u8207\u76f2\u9ede\u90a3\u4e00\u6bb5\u8b80\u8d77\u4f86\u7279\u5225\u6709\u611f\uff0c\u6709\u4e9b\u53cd\u8986\u51fa\u73fe\u7684\u72c0\u6cc1\uff0c\u7b2c\u4e00\u6b21\u88ab\u6574\u7406\u6210\u6e05\u695a\u7684\u6587\u5b57\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <div class=\"ms-row ms-row--l\">\n <span class=\"ms-node\" style=\"--d:.41s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.41s;--sheen:6.4s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u4e00\u4efd\u7d66\u672a\u4f86\u81ea\u5df1\u7684\u63d0\u9192\u3002\u300d<\/p>\n <p class=\"ms-text\">\u7576\u4f5c\u751f\u65e5\u79ae\u7269\u9001\u51fa\u53bb\uff0c\u6536\u5230\u7684\u4eba\u8aaa\u9019\u662f\u8fd1\u5e7e\u5e74\u6700\u7279\u5225\u7684\u79ae\u7269\uff0c\u56e0\u70ba\u5b83\u662f\u5c08\u5c6c\u7684\u3001\u800c\u4e14\u53ef\u4ee5\u4e00\u76f4\u7559\u8457\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <\/div>\n\n <p class=\"ms-consent\" data-reveal>\n \u4ee5\u4e0a\u898b\u8b49\u5167\u5bb9\u5747\u5df2\u53d6\u5f97\u7576\u4e8b\u4eba\u6388\u6b0a\uff0c\u4e26\u4f9d\u7576\u4e8b\u4eba\u610f\u9858\u4ee5\u533f\u540d\u5f62\u5f0f\u5448\u73fe\u3002\n <\/p>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n \/* \u6a19\u984c\u9010\u5b57\u62c6\u5206\uff1a\u70ba\u6bcf\u500b\u5b57\u5e36\u4e0a\u7d22\u5f15\uff0c\u505a\u6ce2\u6d6a\u5f0f\u6d6e\u73fe *\/\n var splits=document.querySelectorAll('[data-split]');\n splits.forEach(function(el){\n var t=el.textContent.trim();\n if(!t) return;\n var frag=document.createDocumentFragment();\n for(var i=0;i<t.length;i++){\n var s=document.createElement('span');\n s.className='ms-ch';\n s.style.setProperty('--i',String(i));\n s.textContent=t.charAt(i);\n frag.appendChild(s);\n }\n el.textContent='';\n el.appendChild(frag);\n });\n\n var els=document.querySelectorAll('[data-reveal]');\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(es){es.forEach(function(e){\n if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target);}});},\n {threshold:0,rootMargin:'0px 0px -4% 0px'});\n els.forEach(function(el){io.observe(el);});\n \/* \u4fdd\u96aa\uff1a\u77ee\u87a2\u5e55\u6216\u672a\u6372\u52d5\u6642\uff0c\u78ba\u4fdd\u5167\u5bb9\u4e0d\u6703\u505c\u5728\u900f\u660e\u72c0\u614b *\/\n window.setTimeout(function(){\n els.forEach(function(el){el.classList.add('is-in');});\n },2600);\n }else{ els.forEach(function(el){el.classList.add('is-in');}); }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-375246d e-flex e-con-boxed e-con e-parent\" data-id=\"375246d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5d3301 elementor-widget elementor-widget-menu-anchor\" data-id=\"a5d3301\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"faq\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b940ae1 elementor-widget elementor-widget-html\" data-id=\"b940ae1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE I \u2014 \u5e38\u898b\u554f\u984c\uff5c\u547d\u66f8 MING SHU<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE I\uff1a\u5e38\u898b\u554f\u984c FAQ\uff08v4 \u00b7 \u975c\u614b\u7248\uff09\n \u9328\u9ede\uff1a#faq \uff5c \u4eae\u5834\u7c73\u767d\n\n \u2605\u2605 v4 \u70ba\u4ec0\u9ebc\u628a\u4e92\u52d5\u5168\u90e8\u62ff\u6389 \u2605\u2605\n v1 grid 0fr\u21921fr\u3001v2 JS max-height\u3001v3 \u539f\u751f <details>\uff0c\n \u4e09\u7a2e\u6298\u758a\u6a5f\u5236\u5728\u672c\u6a5f\uff08Brave\uff09\u5168\u90e8\u6b63\u5e38\uff0c\u8cbc\u5230 WordPress \u5168\u90e8\u51fa\u4e8b\uff1a\n v1\/v2 \u2192 \u9ede\u958b\u5f8c\u5340\u584a\u62c9\u9577\u4f46\u6c92\u6709\u6587\u5b57\n v3 \u2192 \u9023\u554f\u984c\u5217\u90fd\u6574\u500b\u6d88\u5931\uff08\u53ea\u5269\u7a7a\u7684\u5c0e\u89d2\u5bb9\u5668\uff09\n v3 \u7684\u5931\u6557\u8aaa\u660e\u5c0d\u65b9\u7ad9\u4e0a\u6709\u6771\u897f\u76f4\u63a5\u8b93 <summary> \u4e0d\u986f\u793a\uff0c\n \u5df2\u7d93\u4e0d\u662f\u300c\u6298\u758a\u5beb\u6cd5\u300d\u5c64\u6b21\u7684\u554f\u984c\u3002\u6211\u7121\u6cd5\u9060\u7aef\u7aae\u8209\u662f\u54ea\u500b\u5916\u639b\uff0f\u4e3b\u984c\uff0c\n \u518d\u63db\u7b2c\u56db\u7a2e\u4e92\u52d5\u5beb\u6cd5\u53ea\u662f\u518d\u8ced\u4e00\u6b21\u3002\n\n \u2605 \u7d50\u8ad6\uff1a\u4e0d\u518d\u4f7f\u7528\u4efb\u4f55\u6298\u758a\u3001JS\u3001\u6216\u9700\u8981\u700f\u89bd\u5668\u7279\u6b8a\u652f\u63f4\u7684\u5143\u7d20\u3002\n \u6539\u6210 8 \u984c\u5168\u90e8\u975c\u614b\u76f4\u63a5\u986f\u793a\uff0c\u53ea\u7528\u6700\u57fa\u672c\u7684 div + p\u3002\n \u6c92\u6709\u6771\u897f\u53ef\u4ee5\u88ab\u300c\u5c55\u958b\u5931\u6557\u300d\uff0c\u56e0\u70ba\u6c92\u6709\u9700\u8981\u5c55\u958b\u7684\u6771\u897f\u3002\n\n \u2605 \u672c\u7248\u53ea\u7528\u6700\u4fdd\u5b88\u7684 CSS\n - \u7248\u9762\uff1adiv + \u6a19\u6e96 flow\uff0c\u4e0d\u7528 grid \/ flex \u505a\u95dc\u9375\u6392\u7248\n - \u7121 JavaScript\u3001\u7121 <details>\u3001\u7121 animation\u3001\u7121 transition\n - \u95dc\u9375 color \/ background \u5168\u90e8 !important + -webkit-text-fill-color\n - \u80cc\u666f\u4e00\u5f8b\u4e0d\u900f\u660e\u5be6\u8272\uff0c\u4e0d\u7528\u534a\u900f\u660e\uff08\u534a\u900f\u660e\u5728 WP \u767d\u5e95\u6703\u8b8a\u5be6\u5fc3\u767d\uff09\n - \u7e2e\u6392\u7528 padding-left \u56fa\u5b9a\u503c\uff0c\u4e0d\u4f9d\u8cf4 grid \u6b04\u4f4d\u8a08\u7b97\n\n \u2605 \u4fdd\u7559\u7684\u8a2d\u8a08\n - \u5c0e\u89d2\u5bb9\u5668\uff08\u5713\u89d2 + \u9670\u5f71\uff09\u3001\u91d1\u8272\u5de6\u908a\u689d\u3001\u984c\u865f\u3001\u4e3b\u6a19\u984c\u7d14\u9ed1\u3001\u6df1\u8272\u5167\u6587\n ============================================================ *\/\n#ms-faq{\n --ink-title:#111111;\n --ink-q:#16120E;\n --ink-body:#3A322A;\n --ink-soft:#4A4038;\n --paper:#FAF6EF;\n --paper-2:#F4EEE4;\n --card:#FFFDF9;\n --hint-bg:#F6EFE1;\n --gold:#B08D4F;\n --gold-deep:#8A6C36;\n --brown:#6A5530;\n --line:rgba(176,141,79,.28);\n --line-soft:rgba(176,141,79,.2);\n\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(30px,4.4vw,58px);\n --fs-q:clamp(17px,1.4vw,21px);\n --fs-lead:clamp(14.5px,1.18vw,17.5px);\n --fs-body:clamp(14.5px,1.1vw,16.5px);\n --fs-small:clamp(13px,.95vw,14.5px);\n\n --sec-pad-y:clamp(70px,8vw,140px);\n --sec-pad-x:clamp(16px,4.5vw,80px);\n --maxw:860px;\n\n \/* \u984c\u865f\u6b04\u5bec\uff1a\u554f\u984c\u8207\u7b54\u6848\u5171\u7528\u540c\u4e00\u500b\u503c\uff0c\u7e2e\u6392\u5fc5\u5b9a\u4e00\u81f4 *\/\n --indent:clamp(38px,3.4vw,52px);\n}\n#ms-faq *,#ms-faq *::before,#ms-faq *::after{box-sizing:border-box;}\n\n\/* \u6e05\u6389\u4e3b\u984c\u5e38\u6ce8\u5165\u7684\u5f15\u865f\uff0f\u7b26\u865f\u7b49\u507d\u5143\u7d20 *\/\n#ms-faq p::before,#ms-faq p::after,\n#ms-faq h2::before,#ms-faq h2::after,\n#ms-faq h3::before,#ms-faq h3::after{content:none;}\n\n\/* ============================================================\n 1. \u5340\u584a\u5bb9\u5668\n ============================================================ *\/\n#ms-faq{\n margin:0;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:var(--paper)!important;\n font-family:var(--sans);\n font-weight:400;\n -webkit-font-smoothing:antialiased;\n}\n#ms-faq .ms-inner{max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n 2. \u6a19\u984c\u5340\n ============================================================ *\/\n#ms-faq .ms-head{text-align:center; margin:0 0 clamp(36px,4.2vw,60px);}\n\n#ms-faq .ms-eyebrow{\n font-size:var(--fs-eyebrow);\n letter-spacing:.34em;\n color:var(--gold-deep)!important;\n -webkit-text-fill-color:var(--gold-deep);\n text-transform:uppercase;\n margin:0 0 clamp(16px,1.8vw,24px);\n font-weight:400;\n}\n#ms-faq .ms-h2{\n font-family:var(--serif);\n font-weight:700;\n font-size:var(--fs-h2);\n line-height:1.3;\n color:var(--ink-title)!important;\n -webkit-text-fill-color:var(--ink-title);\n margin:0 0 clamp(12px,1.5vw,20px);\n letter-spacing:.02em;\n}\n#ms-faq .ms-lead{\n font-size:var(--fs-lead);\n line-height:1.9;\n color:var(--ink-soft)!important;\n -webkit-text-fill-color:var(--ink-soft);\n max-width:50ch;\n margin:0 auto;\n font-weight:400;\n}\n\n\/* ============================================================\n 3. \u5c0e\u89d2\u5bb9\u5668\uff08\u7d14\u975c\u614b\uff1a\u5713\u89d2 + \u9670\u5f71\uff0c\u7121\u52d5\u756b\uff09\n ============================================================ *\/\n#ms-faq .ms-shell{\n border-radius:20px;\n padding:clamp(10px,1.4vw,22px);\n background:linear-gradient(168deg,#FFFEFB 0%,#FDFAF3 55%,#F9F4EA 100%)!important;\n border:1px solid var(--line);\n box-shadow:\n 0 2px 6px rgba(106,85,48,.05),\n 0 14px 34px rgba(106,85,48,.09),\n 0 30px 64px rgba(106,85,48,.07);\n}\n\n\/* ============================================================\n 4. \u984c\u76ee\u5340\u584a\uff08\u4e00\u984c\u4e00\u689d\uff0c\u5168\u90e8\u76f4\u63a5\u986f\u793a\uff09\n ============================================================ *\/\n#ms-faq .ms-item{\n position:relative;\n padding:clamp(20px,2.1vw,28px) clamp(14px,1.6vw,24px);\n border-bottom:1px solid var(--line-soft);\n background:transparent;\n}\n#ms-faq .ms-item:last-child{border-bottom:0;}\n\n\/* \u5de6\u5074\u91d1\u8272\u77ed\u689d\uff08\u7d14\u975c\u614b\uff0c\u4e0d\u505a hover \u52d5\u756b\uff09 *\/\n#ms-faq .ms-item .ms-bar{\n position:absolute;\n left:0;\n top:clamp(22px,2.3vw,30px);\n width:3px;\n height:clamp(20px,1.9vw,26px);\n background:var(--gold)!important;\n border-radius:0 3px 3px 0;\n}\n\n\/* ---------- 4-1 \u554f\u984c ---------- *\/\n#ms-faq .ms-q{\n font-family:var(--serif);\n font-size:var(--fs-q);\n font-weight:600;\n line-height:1.55;\n letter-spacing:.02em;\n color:var(--ink-q)!important;\n -webkit-text-fill-color:var(--ink-q);\n margin:0 0 clamp(10px,1.1vw,15px);\n padding-left:var(--indent);\n \/* \u984c\u865f\u7528 text-indent \u8ca0\u503c\u914d\u5408 padding\uff0c\u4e0d\u4f9d\u8cf4 grid\/flex *\/\n text-indent:calc(-1 * var(--indent));\n}\n#ms-faq .ms-qnum{\n display:inline-block;\n width:var(--indent);\n text-indent:0;\n font-family:var(--serif);\n font-size:clamp(13.5px,1.05vw,16px);\n font-weight:500;\n letter-spacing:.08em;\n color:var(--gold-deep)!important;\n -webkit-text-fill-color:var(--gold-deep);\n}\n\n\/* ---------- 4-2 \u7b54\u6848 ---------- *\/\n#ms-faq .ms-a{\n padding-left:var(--indent);\n}\n#ms-faq .ms-a p{\n font-size:var(--fs-body);\n line-height:1.95;\n color:var(--ink-body)!important;\n -webkit-text-fill-color:var(--ink-body);\n font-weight:400;\n margin:0 0 .8em;\n}\n#ms-faq .ms-a p:last-child{margin-bottom:0;}\n#ms-faq .ms-a strong{\n color:var(--brown)!important;\n -webkit-text-fill-color:var(--brown);\n font-weight:600;\n}\n\n\/* ---------- 4-3 \u91cd\u9ede\u63d0\u793a\u689d ---------- *\/\n#ms-faq .ms-hint{\n display:block;\n margin:.8em 0 0;\n padding:12px 16px;\n background:var(--hint-bg)!important;\n border-left:3px solid var(--gold);\n border-radius:0 5px 5px 0;\n font-size:var(--fs-small)!important;\n line-height:1.8;\n color:var(--ink-body)!important;\n -webkit-text-fill-color:var(--ink-body);\n}\n#ms-faq .ms-hint b{\n color:var(--brown)!important;\n -webkit-text-fill-color:var(--brown);\n font-weight:600;\n}\n\n\/* ---------- 4-4 \u5f85\u78ba\u8a8d\u6a19\u8a18 ---------- *\/\n#ms-faq .ms-tbd{\n display:inline-block;\n margin-left:5px;\n padding:2px 8px;\n border-radius:3px;\n font-size:clamp(11px,.8vw,12px);\n letter-spacing:.05em;\n color:var(--brown)!important;\n -webkit-text-fill-color:var(--brown);\n background:rgba(176,141,79,.16)!important;\n border:1px solid rgba(176,141,79,.34);\n white-space:nowrap;\n}\n\n\/* ============================================================\n 5. RWD\uff08\u53ea\u8abf\u5c3a\u5bf8\uff0c\u7248\u9762\u7d50\u69cb\u4e0d\u8b8a\uff09\n ============================================================ *\/\n@media (max-width:720px){\n #ms-faq{--indent:clamp(32px,7vw,40px);}\n #ms-faq .ms-shell{padding:8px; border-radius:16px;}\n}\n\n@media (max-width:480px){\n #ms-faq{\n --fs-q:clamp(16.5px,4.5vw,18.5px);\n --fs-body:clamp(15px,4vw,16px);\n --fs-small:clamp(13.5px,3.6vw,14.5px);\n --indent:30px;\n --sec-pad-x:14px;\n }\n #ms-faq .ms-shell{padding:6px; border-radius:14px;}\n #ms-faq .ms-item{padding:18px 12px;}\n #ms-faq .ms-item .ms-bar{top:20px; height:19px;}\n}\n<\/style>\n<\/head>\n<body style=\"margin:0;background:#FAF6EF;\">\n\n<section id=\"ms-faq\">\n <div class=\"ms-inner\">\n\n <div class=\"ms-head\">\n <p class=\"ms-eyebrow\">FAQ<\/p>\n <h2 class=\"ms-h2\">\u5e38\u898b\u554f\u984c<\/h2>\n <p class=\"ms-lead\">\u8cfc\u8cb7\u524d\u60f3\u78ba\u8a8d\u7684\u4e8b\uff0c\u9019\u88e1\u90fd\u5148\u8aaa\u6e05\u695a\u3002<\/p>\n <\/div>\n\n <div class=\"ms-shell\">\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">01<\/span>\u547d\u66f8\u548c\u4e00\u822c\u514d\u8cbb\u7b97\u547d\u6709\u4ec0\u9ebc\u4e0d\u540c\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u547d\u66f8\u6703\u4f9d\u7167\u500b\u4eba\u51fa\u751f\u8cc7\u6599\uff0c\u5b8c\u6574\u5206\u6790\u5e74\u5ea6\u904b\u52e2\u3001\u6d41\u5e74\u5341\u4e8c\u5bae\u8207\u5341\u4e8c\u500b\u6708\u4efd\uff0c\u4e26\u4ee5\u767d\u8a71\u65b9\u5f0f\u63d0\u4f9b\u5be6\u969b\u7684\u751f\u6d3b\u5efa\u8b70\uff0c\u800c\u4e0d\u53ea\u662f\u63d0\u4f9b\u4e00\u5f35\u547d\u76e4\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">02<\/span>\u4e0d\u77e5\u9053\u6b63\u78ba\u51fa\u751f\u6642\u9593\u600e\u9ebc\u8fa6\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u53ef\u4ee5\u5148\u806f\u7d61\u5c08\u4eba\u8aaa\u660e\u72c0\u6cc1\u3002\u82e5\u53ea\u80fd\u78ba\u5b9a\u5927\u7d04\u6642\u6bb5\uff0c\u8001\u5e2b\u6703\u8a55\u4f30\u662f\u5426\u9069\u5408\u88fd\u4f5c\u3002<\/p>\n <p class=\"ms-hint\"><b>\u6700\u6e96\u78ba\u7684\u505a\u6cd5<\/b>\uff1a\u8acb\u81f3\u5168\u53f0\u4efb\u4e00<b>\u6236\u653f\u4e8b\u52d9\u6240<\/b>\u7533\u8acb\u300c<b>\u51fa\u751f\u8b49\u660e\u66f8<\/b>\u300d\uff0c\u4e0a\u9762\u6703\u8a18\u8f09\u6b63\u78ba\u7684\u51fa\u751f\u6642\u9593\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">03<\/span>\u88fd\u4f5c\u9700\u8981\u591a\u4e45\u6642\u9593\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u4e00\u822c\u4ef6\u70ba<strong>\u4ed8\u6b3e\u53ca\u8cc7\u6599\u78ba\u8a8d\u5f8c 7\u201314 \u500b\u5de5\u4f5c\u5929<\/strong>\uff1b\u6025\u4ef6\u4f9d\u5be6\u969b\u7522\u80fd\u53e6\u884c\u5831\u50f9<span class=\"ms-tbd\">\u7522\u80fd\u5f85\u78ba\u8a8d<\/span><\/p>\n <p class=\"ms-hint\">\u5be6\u9ad4\u547d\u66f8\u63a1<b>\u7d71\u4e00\u6279\u6b21\u51fa\u8ca8<\/b>\uff0c\u51fa\u8ca8\u65e5\u671f\u5c07\u65bc\u8a02\u8cfc\u9801\u9762\u516c\u544a<span class=\"ms-tbd\">\u65e5\u671f\u5f85\u78ba\u8a8d<\/span><\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">04<\/span>\u547d\u66f8\u662f\u96fb\u5b50\u6a94\u9084\u662f\u5be6\u9ad4\u66f8\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u6240\u6709\u65b9\u6848\u7686\u5305\u542b<strong>\u7cbe\u88dd\u5be6\u9ad4\u547d\u66f8<\/strong>\uff0c\u4e26\u540c\u6b65\u63d0\u4f9b\u96fb\u5b50\u7248\u672c\u65bc\u6703\u54e1\u4e2d\u5fc3\u6c38\u4e45\u4fdd\u5b58\u3002<\/p>\n <p>\u76ee\u524d<strong>\u6c92\u6709\u55ae\u7368\u8cfc\u8cb7\u96fb\u5b50\u7248<\/strong>\u7684\u65b9\u6848\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">05<\/span>\u53ef\u4ee5\u5e6b\u5bb6\u4eba\u6216\u670b\u53cb\u8cfc\u8cb7\u55ce\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u53ef\u4ee5\u3002\u4f46\u5fc5\u9808\u53d6\u5f97\u5c0d\u65b9\u6b63\u78ba\u7684<strong>\u570b\u66c6\u51fa\u751f\u5e74\u6708\u65e5\u3001\u51fa\u751f\u6642\u9593<\/strong>\u8207<strong>\u751f\u7406\u6027\u5225<\/strong>\u3002<\/p>\n <p class=\"ms-hint\">\u6392\u76e4<b>\u4e0d\u9700\u8981\u51fa\u751f\u5730\u9ede<\/b>\uff0c\u4f46<b>\u751f\u7406\u6027\u5225\u70ba\u5fc5\u586b<\/b>\uff0c\u6703\u5f71\u97ff\u547d\u76e4\u7684\u63a8\u7b97\u7d50\u679c\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">06<\/span>\u547d\u66f8\u5167\u5bb9\u53ef\u4ee5\u4fee\u6539\u55ce\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u51fa\u751f\u8cc7\u6599\u4e00\u7d93\u78ba\u8a8d\u3001\u547d\u66f8\u958b\u59cb\u88fd\u4f5c\u5f8c\uff0c<strong>\u6055\u4e0d\u63a5\u53d7\u4fee\u6539<\/strong>\u3002<\/p>\n <p>\u9019\u4e5f\u662f\u70ba\u4ec0\u9ebc\u5728\u88fd\u4f5c\u524d\uff0c\u7cfb\u7d71\u6703\u5bc4\u51fa\u78ba\u8a8d\u4fe1\u8acb\u4f60\u518d\u6b21\u6838\u5c0d\u51fa\u751f\u8cc7\u6599\u2014\u2014\u9019\u4e00\u6b65\u8acb\u52d9\u5fc5\u4ed4\u7d30\u78ba\u8a8d\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">07<\/span>\u547d\u66f8\u53ef\u4ee5\u53d6\u4ee3\u6295\u8cc7\u3001\u91ab\u7642\u6216\u6cd5\u5f8b\u5efa\u8b70\u55ce\uff1f<\/p>\n <div class=\"ms-a\">\n <p><strong>\u4e0d\u53ef\u4ee5\u3002<\/strong>\u547d\u66f8\u5167\u5bb9\u50c5\u4f9b\u500b\u4eba\u63a2\u7d22\u8207\u4eba\u751f\u898f\u5283\u53c3\u8003\uff0c\u4e0d\u80fd\u53d6\u4ee3\u91ab\u5e2b\u3001\u5f8b\u5e2b\u3001\u6703\u8a08\u5e2b\u6216\u6295\u8cc7\u5c08\u696d\u4eba\u54e1\u7684\u610f\u898b\u3002<\/p>\n <p>\u91cd\u5927\u6c7a\u7b56\u4ecd\u61c9\u4f9d\u500b\u4eba\u5be6\u969b\u72c0\u6cc1\uff0c\u4e26\u8aee\u8a62\u76f8\u95dc\u5c08\u696d\u4eba\u58eb\u5f8c\u5be9\u614e\u5224\u65b7\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">08<\/span>\u6211\u7684\u51fa\u751f\u8cc7\u6599\u5b89\u5168\u55ce\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u51fa\u751f\u8cc7\u6599\u50c5\u7528\u65bc\u6392\u76e4\u3001\u547d\u66f8\u88fd\u4f5c\u8207\u76f8\u95dc\u670d\u52d9\u3002\u8cc7\u6599\u7684\u4fdd\u5b58\u671f\u9593\u3001\u4f7f\u7528\u7bc4\u570d\u8207\u522a\u9664\u7533\u8acb\u65b9\u5f0f\uff0c\u5747\u8f09\u660e\u65bc\u96b1\u79c1\u6b0a\u653f\u7b56\u3002<\/p>\n <p class=\"ms-hint\">\u82e5\u4f60\u522a\u9664\u6703\u54e1\u8cc7\u6599\u4e2d\u7684<b>\u51fa\u751f\u6642\u8fb0<\/b>\uff0c\u5f80\u5f8c\u4f7f\u7528\u5176\u4ed6\u670d\u52d9\u6642\u5c07<b>\u9700\u8981\u91cd\u65b0\u8f38\u5165\u4e00\u6b21<\/b>\u3002<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\":\"https:\/\/schema.org\",\n \"@type\":\"FAQPage\",\n \"mainEntity\":[\n {\"@type\":\"Question\",\"name\":\"\u547d\u66f8\u548c\u4e00\u822c\u514d\u8cbb\u7b97\u547d\u6709\u4ec0\u9ebc\u4e0d\u540c\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u547d\u66f8\u6703\u4f9d\u7167\u500b\u4eba\u51fa\u751f\u8cc7\u6599\uff0c\u5b8c\u6574\u5206\u6790\u5e74\u5ea6\u904b\u52e2\u3001\u6d41\u5e74\u5341\u4e8c\u5bae\u8207\u5341\u4e8c\u500b\u6708\u4efd\uff0c\u4e26\u4ee5\u767d\u8a71\u65b9\u5f0f\u63d0\u4f9b\u5be6\u969b\u7684\u751f\u6d3b\u5efa\u8b70\uff0c\u800c\u4e0d\u53ea\u662f\u63d0\u4f9b\u4e00\u5f35\u547d\u76e4\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u4e0d\u77e5\u9053\u6b63\u78ba\u51fa\u751f\u6642\u9593\u600e\u9ebc\u8fa6\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u53ef\u4ee5\u5148\u806f\u7d61\u5c08\u4eba\u8aaa\u660e\u72c0\u6cc1\u3002\u82e5\u53ea\u80fd\u78ba\u5b9a\u5927\u7d04\u6642\u6bb5\uff0c\u8001\u5e2b\u6703\u8a55\u4f30\u662f\u5426\u9069\u5408\u88fd\u4f5c\u3002\u6700\u6e96\u78ba\u7684\u505a\u6cd5\u662f\u81f3\u5168\u53f0\u4efb\u4e00\u6236\u653f\u4e8b\u52d9\u6240\u7533\u8acb\u51fa\u751f\u8b49\u660e\u66f8\uff0c\u4e0a\u9762\u6703\u8a18\u8f09\u6b63\u78ba\u7684\u51fa\u751f\u6642\u9593\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u88fd\u4f5c\u9700\u8981\u591a\u4e45\u6642\u9593\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u4e00\u822c\u4ef6\u70ba\u4ed8\u6b3e\u53ca\u8cc7\u6599\u78ba\u8a8d\u5f8c 7 \u81f3 14 \u500b\u5de5\u4f5c\u5929\uff1b\u6025\u4ef6\u4f9d\u5be6\u969b\u7522\u80fd\u53e6\u884c\u5831\u50f9\u3002\u5be6\u9ad4\u547d\u66f8\u63a1\u7d71\u4e00\u6279\u6b21\u51fa\u8ca8\uff0c\u51fa\u8ca8\u65e5\u671f\u5c07\u65bc\u8a02\u8cfc\u9801\u9762\u516c\u544a\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u547d\u66f8\u662f\u96fb\u5b50\u6a94\u9084\u662f\u5be6\u9ad4\u66f8\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u6240\u6709\u65b9\u6848\u7686\u5305\u542b\u7cbe\u88dd\u5be6\u9ad4\u547d\u66f8\uff0c\u4e26\u540c\u6b65\u63d0\u4f9b\u96fb\u5b50\u7248\u672c\u65bc\u6703\u54e1\u4e2d\u5fc3\u6c38\u4e45\u4fdd\u5b58\u3002\u76ee\u524d\u6c92\u6709\u55ae\u7368\u8cfc\u8cb7\u96fb\u5b50\u7248\u7684\u65b9\u6848\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u53ef\u4ee5\u5e6b\u5bb6\u4eba\u6216\u670b\u53cb\u8cfc\u8cb7\u55ce\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u53ef\u4ee5\uff0c\u4f46\u5fc5\u9808\u53d6\u5f97\u5c0d\u65b9\u6b63\u78ba\u7684\u570b\u66c6\u51fa\u751f\u5e74\u6708\u65e5\u3001\u51fa\u751f\u6642\u9593\u8207\u751f\u7406\u6027\u5225\u3002\u6392\u76e4\u4e0d\u9700\u8981\u51fa\u751f\u5730\u9ede\uff0c\u4f46\u751f\u7406\u6027\u5225\u70ba\u5fc5\u586b\uff0c\u6703\u5f71\u97ff\u547d\u76e4\u7684\u63a8\u7b97\u7d50\u679c\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u547d\u66f8\u5167\u5bb9\u53ef\u4ee5\u4fee\u6539\u55ce\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u51fa\u751f\u8cc7\u6599\u4e00\u7d93\u78ba\u8a8d\u3001\u547d\u66f8\u958b\u59cb\u88fd\u4f5c\u5f8c\uff0c\u6055\u4e0d\u63a5\u53d7\u4fee\u6539\u3002\u88fd\u4f5c\u524d\u7cfb\u7d71\u6703\u5bc4\u51fa\u78ba\u8a8d\u4fe1\u8acb\u518d\u6b21\u6838\u5c0d\u51fa\u751f\u8cc7\u6599\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u547d\u66f8\u53ef\u4ee5\u53d6\u4ee3\u6295\u8cc7\u3001\u91ab\u7642\u6216\u6cd5\u5f8b\u5efa\u8b70\u55ce\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u4e0d\u53ef\u4ee5\u3002\u547d\u66f8\u5167\u5bb9\u50c5\u4f9b\u500b\u4eba\u63a2\u7d22\u8207\u4eba\u751f\u898f\u5283\u53c3\u8003\uff0c\u4e0d\u80fd\u53d6\u4ee3\u91ab\u5e2b\u3001\u5f8b\u5e2b\u3001\u6703\u8a08\u5e2b\u6216\u6295\u8cc7\u5c08\u696d\u4eba\u54e1\u7684\u610f\u898b\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u6211\u7684\u51fa\u751f\u8cc7\u6599\u5b89\u5168\u55ce\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u51fa\u751f\u8cc7\u6599\u50c5\u7528\u65bc\u6392\u76e4\u3001\u547d\u66f8\u88fd\u4f5c\u8207\u76f8\u95dc\u670d\u52d9\u3002\u8cc7\u6599\u7684\u4fdd\u5b58\u671f\u9593\u3001\u4f7f\u7528\u7bc4\u570d\u8207\u522a\u9664\u7533\u8acb\u65b9\u5f0f\uff0c\u5747\u8f09\u660e\u65bc\u96b1\u79c1\u6b0a\u653f\u7b56\u3002\u82e5\u522a\u9664\u6703\u54e1\u8cc7\u6599\u4e2d\u7684\u51fa\u751f\u6642\u8fb0\uff0c\u5f80\u5f8c\u4f7f\u7528\u5176\u4ed6\u670d\u52d9\u6642\u5c07\u9700\u8981\u91cd\u65b0\u8f38\u5165\u4e00\u6b21\u3002\"}}\n ]\n}\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8176ce4 e-con e-atomic-element e-flexbox-base e-71f2df9 \" data-id=\"8176ce4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8176ce4\">\n \t\t<div class=\"elementor-element elementor-element-ced4a77 elementor-widget elementor-widget-html\" data-id=\"ced4a77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE J \u2014 \u5c08\u4eba\u8aee\u8a62\uff5c\u547d\u66f8 MING SHU<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE J\uff1a\u5c08\u4eba\u8aee\u8a62\uff08LINE\uff09\n \u9328\u9ede\uff1a#contact \uff5c \u6697\u5834\u6df1\u85cd\n LINE\uff1ahttps:\/\/lin.ee\/ykScCxY\uff08\u5df2\u63a5\u4e0a\uff0c\u5168\u5340\u751f\u6548\uff09\n ============================================================ *\/\n:root{\n --navy:#12304F; --navy-2:#0C2440; --navy-3:#1B3E63;\n --gold:#B08D4F; --gold-light:#C9A870; --gold-pale:#D8C39A;\n --muted-dark:#9FB0C4; --line-dark:rgba(216,195,154,.22);\n --line-green:#06C755;\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(30px,4.4vw,58px);\n --fs-lead:clamp(14px,1.15vw,17px);\n --fs-body:clamp(13px,.98vw,15px);\n --track-eyebrow:.34em;\n --sec-pad-y:clamp(70px,8vw,124px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:1060px;\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.32s; --dur:.62s; --dur-slow:.9s;\n --radius:6px; --radius-lg:12px;\n}\n*,*::before,*::after{box-sizing:border-box;}\nhtml{-webkit-text-size-adjust:100%;}\nbody{\n margin:0; background:var(--navy-2); color:#EAF1F8;\n font-family:var(--sans); font-weight:300; overflow-x:hidden;\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n}\n\n.ms-contact{\n position:relative; overflow:hidden;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:\n radial-gradient(82% 54% at 22% 4%, rgba(27,62,99,.82) 0%, rgba(27,62,99,0) 58%),\n radial-gradient(70% 48% at 82% 94%, rgba(176,141,79,.14) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(184deg, var(--navy) 0%, var(--navy-2) 54%, #081C33 100%);\n}\n.ms-contact::before{\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.5;\n background-image:\n radial-gradient(1.5px 1.5px at 14% 18%, rgba(216,195,154,.72), transparent),\n radial-gradient(1.1px 1.1px at 80% 14%, rgba(255,255,255,.5), transparent),\n radial-gradient(1.3px 1.3px at 62% 78%, rgba(216,195,154,.55), transparent),\n radial-gradient(1px 1px at 28% 84%, rgba(255,255,255,.42), transparent);\n animation:ms-twinkle 8s var(--ease-soft) infinite;\n}\n@keyframes ms-twinkle{0%,100%{opacity:.32;}50%{opacity:.6;}}\n\n\/* \u6975\u7de9\u6162\u6f02\u79fb\u7684\u91d1\u8272\u5149\u6688\uff0c\u8b93\u5927\u9762\u7a4d\u6697\u5834\u4e0d\u5446\u677f *\/\n.ms-contact::after{\n content:\"\"; position:absolute; inset:-20%; pointer-events:none; z-index:0;\n background:radial-gradient(38% 26% at 50% 50%, rgba(176,141,79,.17) 0%, rgba(176,141,79,0) 70%);\n animation:ms-drift 26s var(--ease-soft) infinite alternate;\n}\n@keyframes ms-drift{\n 0%{transform:translate3d(-14%,-8%,0) scale(1);}\n 100%{transform:translate3d(16%,10%,0) scale(1.18);}\n}\n\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n \u6a21\u584a\u4e00\uff1a\u6a19\u984c\u5340\n ============================================================ *\/\n.ms-head{text-align:center; margin-bottom:clamp(38px,4.4vw,60px);}\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:16px;\n font-size:var(--fs-eyebrow); font-weight:400; letter-spacing:var(--track-eyebrow);\n color:var(--gold-pale); text-transform:uppercase; margin:0 0 clamp(20px,2.2vw,30px);\n}\n.ms-eyebrow::before,.ms-eyebrow::after{\n content:\"\"; width:clamp(28px,4vw,54px); height:1px;\n background:linear-gradient(90deg,transparent,var(--gold-pale));\n transform:scaleX(0); transform-origin:right;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.ms-eyebrow::after{background:linear-gradient(90deg,var(--gold-pale),transparent); transform-origin:left;}\n.is-in .ms-eyebrow::before,.is-in .ms-eyebrow::after{transform:scaleX(1);}\n\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.3; color:#fff; margin:0 0 clamp(16px,1.8vw,24px);\n letter-spacing:.02em; text-shadow:0 2px 30px rgba(0,0,0,.4);\n}\n\/* \u6a19\u984c\u9010\u884c\u7531\u4e0b\u63ed\u793a *\/\n.ms-h2 .ms-ln{display:block; overflow:hidden;}\n.ms-h2 .ms-ln i{\n display:inline-block; font-style:normal;\n transform:translateY(104%); opacity:0;\n transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out);\n}\n.ms-h2 .ms-ln:nth-child(2) i{transition-delay:.12s;}\n.is-in .ms-h2 .ms-ln i{transform:translateY(0); opacity:1;}\n\n.ms-lead{\n \/* \u4e2d\u6587\u7528 ch \u6703\u7b97\u4e0d\u6e96\u5c0e\u81f4\u5c3e\u5b57\u7368\u7acb\u6210\u884c\uff0c\u6539\u7528\u56fa\u5b9a\u4e0a\u9650 *\/\n font-size:var(--fs-lead); line-height:2.05; color:var(--muted-dark);\n max-width:min(100%,640px); margin:0 auto; text-wrap:pretty;\n opacity:0; transform:translateY(14px);\n transition:opacity var(--dur) var(--ease-out) .26s, transform var(--dur) var(--ease-out) .26s;\n}\n.is-in .ms-lead{opacity:1; transform:none;}\n\n\/* ============================================================\n \u6a21\u584a\u4e8c\uff1a\u4e3b LINE \u884c\u52d5\u5340\uff08\u8996\u89ba\u4e3b\u9ad4\uff09\n ============================================================ *\/\n.ms-main{\n position:relative; text-align:center;\n padding:clamp(30px,3.2vw,42px) clamp(22px,3vw,44px);\n margin-bottom:clamp(38px,4.2vw,58px);\n border-radius:clamp(14px,1.6vw,20px);\n border:1px solid var(--line-dark);\n background:linear-gradient(160deg, rgba(255,255,255,.062) 0%, rgba(255,255,255,.018) 100%);\n overflow:hidden;\n opacity:0; transform:translateY(20px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n}\n.ms-main.is-in,.is-in .ms-main{opacity:1; transform:none;}\n\/* \u4e3b\u5340\u584a\u7684\u547c\u5438\u5149\u6688\uff08LINE \u7da0\uff0c\u547c\u61c9\u4e3b\u884c\u52d5\uff09 *\/\n.ms-main::before{\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:0;\n background:radial-gradient(52% 62% at 50% 0%, rgba(6,199,85,.15) 0%, rgba(6,199,85,0) 68%);\n animation:ms-breathe 7s var(--ease-soft) infinite;\n}\n@keyframes ms-breathe{0%,100%{opacity:.5;}50%{opacity:1;}}\n.ms-main>*{position:relative; z-index:1;}\n\n.ms-main-title{\n font-family:var(--serif); font-size:clamp(17px,1.6vw,23px); font-weight:600;\n color:#fff; margin:0 0 clamp(8px,.9vw,12px); letter-spacing:.04em; line-height:1.55;\n}\n.ms-main-sub{\n font-size:var(--fs-body); line-height:1.95; color:var(--muted-dark);\n margin:0 auto clamp(22px,2.2vw,30px); max-width:min(100%,480px); text-wrap:pretty;\n}\n\n.ms-line-btn{\n display:inline-flex; align-items:center; justify-content:center; gap:13px;\n text-decoration:none; position:relative; overflow:hidden;\n font-size:clamp(15px,1.2vw,18px); font-weight:500; letter-spacing:.1em;\n color:#FFFFFF; background:linear-gradient(135deg,#07D45C,var(--line-green));\n padding:clamp(17px,1.7vw,22px) clamp(34px,3.4vw,52px); border-radius:99px;\n box-shadow:0 16px 42px rgba(6,199,85,.3);\n transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);\n}\n.ms-line-btn svg{\n width:clamp(22px,1.9vw,26px); height:auto; fill:currentColor; flex:0 0 auto;\n transition:transform var(--dur-fast) var(--ease-out);\n}\n.ms-line-btn:hover{transform:translateY(-4px); box-shadow:0 24px 58px rgba(6,199,85,.44);}\n.ms-line-btn:hover svg{transform:scale(1.12) rotate(-6deg);}\n.ms-line-btn:active{transform:translateY(-1px); transition-duration:.1s;}\n.ms-line-btn:focus-visible{outline:2px solid var(--gold-pale); outline-offset:4px;}\n.ms-line-btn::after{\n content:\"\"; position:absolute; inset:0; pointer-events:none;\n background:linear-gradient(105deg, transparent 34%, rgba(255,255,255,.4) 50%, transparent 64%);\n background-size:220% 100%; background-position:180% 0;\n animation:ms-sheen 4.6s var(--ease-soft) infinite 1.2s;\n}\n@keyframes ms-sheen{0%,64%{background-position:180% 0;}88%,100%{background-position:-70% 0;}}\n\n.ms-hours{\n margin:clamp(16px,1.8vw,24px) 0 0;\n font-size:clamp(12.5px,.92vw,14px); color:var(--muted-dark); letter-spacing:.06em; line-height:1.9;\n}\n\n\/* ============================================================\n \u6a21\u584a\u4e09\uff1a\u60c5\u5883\u5165\u53e3\uff082\u00d72\uff0c\u5faa\u74b0\u6383\u5149 + \u547c\u5438\u5149\u6688\uff09\n ============================================================ *\/\n.ms-routes-head{\n text-align:center; margin-bottom:clamp(20px,2.2vw,30px);\n opacity:0; transform:translateY(14px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n}\n.ms-routes-head.is-in,.is-in .ms-routes-head{opacity:1; transform:none;}\n.ms-routes-label{\n display:inline-flex; align-items:center; gap:14px;\n font-size:var(--fs-eyebrow); letter-spacing:var(--track-eyebrow);\n color:var(--gold-pale); text-transform:uppercase; margin:0;\n}\n.ms-routes-label::before,.ms-routes-label::after{\n content:\"\"; width:clamp(22px,3vw,40px); height:1px;\n background:linear-gradient(90deg,transparent,rgba(216,195,154,.6));\n}\n.ms-routes-label::after{background:linear-gradient(90deg,rgba(216,195,154,.6),transparent);}\n\n.ms-routes{\n display:grid; gap:clamp(13px,1.5vw,20px); grid-template-columns:repeat(2,minmax(0,1fr));\n margin-bottom:clamp(30px,3.4vw,48px);\n}\n.ms-route{\n position:relative; isolation:isolate;\n display:flex; align-items:flex-start; gap:clamp(14px,1.6vw,20px);\n text-decoration:none; cursor:pointer; text-align:left;\n padding:clamp(26px,2.9vw,38px) clamp(22px,2.4vw,32px);\n min-height:clamp(96px,8.4vw,124px);\n border-radius:var(--radius-lg); overflow:hidden;\n background:linear-gradient(150deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.022) 100%);\n border:1px solid var(--line-dark);\n opacity:0; transform:translateY(22px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.is-in .ms-route{opacity:1; transform:none;}\n\n\/* \u2460 \u5faa\u74b0\u6383\u5149\uff1a\u56db\u5f35\u5361\u5404\u81ea\u932f\u958b\u5ef6\u9072\uff0c\u4e0d\u540c\u6b65\u6383\u904e *\/\n.ms-route::before{\n content:\"\"; position:absolute; inset:0; z-index:0; pointer-events:none;\n background:linear-gradient(105deg,\n transparent 38%, rgba(216,195,154,.17) 47%, rgba(255,255,255,.11) 52%, transparent 62%);\n background-size:240% 100%; background-position:190% 0;\n animation:ms-card-sheen 7.5s var(--ease-soft) infinite;\n animation-delay:var(--sheen-delay,0s);\n}\n@keyframes ms-card-sheen{\n 0%,58%{background-position:190% 0;}\n 86%,100%{background-position:-80% 0;}\n}\n\/* \u2461 \u547c\u5438\u5149\u6688\uff1a\u5361\u7247\u5167\u5074\u91d1\u8272\u6688\u5149\u7de9\u6162\u660e\u6ec5 *\/\n.ms-route::after{\n content:\"\"; position:absolute; inset:0; z-index:0; pointer-events:none;\n border-radius:inherit;\n box-shadow:inset 0 0 26px rgba(216,195,154,.15);\n opacity:.5;\n animation:ms-card-glow 6s var(--ease-soft) infinite alternate;\n animation-delay:var(--sheen-delay,0s);\n transition:opacity var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);\n}\n@keyframes ms-card-glow{0%{opacity:.32;}100%{opacity:.9;}}\n\n.ms-route>*{position:relative; z-index:1;}\n\n.ms-route:hover{\n transform:translateY(-6px); border-color:rgba(216,195,154,.55);\n background:linear-gradient(150deg, rgba(255,255,255,.115) 0%, rgba(255,255,255,.034) 100%);\n box-shadow:0 26px 56px rgba(0,0,0,.36), 0 0 0 1px rgba(216,195,154,.16);\n}\n.ms-route:hover::after{\n opacity:1; box-shadow:inset 0 0 38px rgba(216,195,154,.3);\n animation-play-state:paused;\n}\n.ms-route:focus-visible{outline:2px solid var(--gold-pale); outline-offset:3px;}\n\n.ms-route-ico{\n width:clamp(40px,3.6vw,50px); height:clamp(40px,3.6vw,50px); flex:0 0 auto;\n align-self:center;\n border-radius:50%; display:grid; place-items:center;\n border:1px solid rgba(216,195,154,.32);\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.18), rgba(216,195,154,.04));\n transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n}\n.ms-route-ico svg{\n width:50%; height:50%; stroke:var(--gold-pale); fill:none;\n stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;\n}\n.ms-route:hover .ms-route-ico{\n transform:scale(1.1) rotate(-6deg); border-color:rgba(216,195,154,.78);\n box-shadow:0 0 22px rgba(216,195,154,.3);\n}\n.ms-route-text{flex:1; min-width:0;}\n.ms-route-title{\n display:block;\n font-family:var(--serif); font-size:clamp(15px,1.28vw,18px); font-weight:600;\n color:#fff; margin:0 0 5px; letter-spacing:.03em; line-height:1.5;\n transition:color var(--dur-fast) var(--ease-out);\n}\n.ms-route:hover .ms-route-title{color:var(--gold-pale);}\n.ms-route-sub{font-size:clamp(12px,.9vw,13.5px); line-height:1.75; color:var(--muted-dark); margin:0;}\n.ms-route-arrow{\n flex:0 0 auto; width:16px; height:16px; align-self:center;\n border-top:1.5px solid rgba(216,195,154,.5); border-right:1.5px solid rgba(216,195,154,.5);\n transform:rotate(45deg);\n transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);\n}\n.ms-route:hover .ms-route-arrow{transform:rotate(45deg) translate(4px,-4px); border-color:var(--gold-pale);}\n\n\/* ============================================================\n \u6a21\u584a\u56db\uff1a\u6536\u5c3e\u63d0\u793a\n ============================================================ *\/\n.ms-foot{\n text-align:center; padding-top:clamp(26px,3vw,42px);\n border-top:1px solid var(--line-dark);\n opacity:0; transform:translateY(16px);\n transition:opacity var(--dur) var(--ease-out) .1s, transform var(--dur) var(--ease-out) .1s;\n}\n.ms-foot.is-in,.is-in .ms-foot{opacity:1; transform:none;}\n.ms-foot-text{\n font-size:var(--fs-body); line-height:2; color:var(--muted-dark);\n margin:0 auto; max-width:min(100%,560px); text-wrap:pretty;\n}\n.ms-foot-text strong{color:var(--gold-pale); font-weight:500;}\n\n\/* ============================================================\n RWD\n ============================================================ *\/\n\/* \u5e73\u677f\u76f4\u5411\uff08768\u2013860\uff09\u5169\u5f35\u4e26\u6392\u504f\u64e0\uff0c\u63d0\u524d\u6539\u55ae\u6b04 *\/\n@media (max-width:880px){\n .ms-routes{grid-template-columns:1fr;}\n}\n@media (max-width:760px){\n .ms-routes{gap:12px; margin-bottom:30px;}\n .ms-route{padding:20px 18px; gap:14px; min-height:0;}\n .ms-route:hover{transform:none;}\n .ms-eyebrow{gap:11px;}\n .ms-main{padding:30px 20px;}\n \/* \u624b\u6a5f\u95dc\u9589\u5361\u7247\u6383\u5149\uff1a\u7701\u96fb\u4e26\u964d\u4f4e\u5c0f\u87a2\u5e55\u7684\u8996\u89ba\u5e72\u64fe *\/\n .ms-route::before{animation:none; opacity:0;}\n .ms-route-arrow{width:13px; height:13px;}\n}\n@media (max-width:400px){\n .ms-route{padding:18px 15px; gap:12px;}\n .ms-route-ico{width:36px; height:36px;}\n .ms-line-btn{padding:15px 22px; font-size:14.5px; letter-spacing:.05em; gap:10px;}\n .ms-line-btn svg{width:20px;}\n}\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n .ms-main,.ms-route,.ms-foot,.ms-lead,.ms-routes-head{opacity:1!important; transform:none!important;}\n .ms-eyebrow::before,.ms-eyebrow::after{transform:scaleX(1)!important;}\n .ms-h2 .ms-ln i{transform:none!important; opacity:1!important;}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ms-contact\" id=\"contact\">\n <div class=\"ms-inner\">\n\n \n <header class=\"ms-head\" data-reveal>\n <p class=\"ms-eyebrow\">Contact<\/p>\n <h2 class=\"ms-h2\">\n <span class=\"ms-ln\"><i>\u4e0d\u78ba\u5b9a\u9069\u5408\u54ea\u500b\u65b9\u6848\uff1f<\/i><\/span>\n <span class=\"ms-ln\"><i>\u5148\u554f\u554f\u5c08\u4eba<\/i><\/span>\n <\/h2>\n <p class=\"ms-lead\">\u51fa\u751f\u6642\u9593\u4e0d\u78ba\u5b9a\u3001\u4e0d\u4e86\u89e3\u65b9\u6848\u5dee\u7570\uff0c\u90fd\u53ef\u4ee5\u5148\u8aee\u8a62\uff0c\u4e0d\u9700\u7acb\u5373\u8cfc\u8cb7\u3002<\/p>\n <\/header>\n\n \n <div class=\"ms-main\" data-reveal>\n <h3 class=\"ms-main-title\">\u52a0\u5165\u5b98\u65b9 LINE\uff0c\u76f4\u63a5\u8207\u5c08\u4eba\u5c0d\u8a71<\/h3>\n <p class=\"ms-main-sub\">\u4e0d\u9700\u586b\u5beb\u8868\u55ae\uff0c\u52a0\u5165\u597d\u53cb\u5373\u53ef\u958b\u59cb\u8a62\u554f\u3002<\/p>\n <a class=\"ms-line-btn\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.4c-5.5 0-10 3.6-10 8 0 3.9 3.5 7.2 8.2 7.9.3.07.75.22.86.5.1.26.07.66.03.92l-.14.83c-.04.25-.2.96.85.52 1.05-.44 5.64-3.32 7.7-5.69 1.42-1.56 2.1-3.14 2.1-4.98 0-4.4-4.5-8-9.6-8z\"\/><\/svg>\n LINE \u8a62\u554f\u547d\u66f8\n <\/a>\n <p class=\"ms-hours\">\u5c08\u4eba\u5c07\u65bc\u670d\u52d9\u6642\u9593\u5167\u56de\u8986\u60a8\u7684\u8a0a\u606f\u3002<\/p>\n <\/div>\n\n \n <div class=\"ms-routes-head\" data-reveal>\n <p class=\"ms-routes-label\">\u4f60\u53ef\u4ee5\u9019\u6a23\u554f<\/p>\n <\/div>\n\n <div class=\"ms-routes\" data-reveal>\n <a class=\"ms-route\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"--d:.05s;--sheen-delay:0s\">\n <span class=\"ms-route-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 5.6h16v10.4H9.4L5.6 19v-3H4z\"\/><path d=\"M8.4 9.4h7.2M8.4 12.4h4.8\"\/><\/svg>\n <\/span>\n <span class=\"ms-route-text\">\n <span class=\"ms-route-title\">\u8acb\u5c08\u4eba\u70ba\u6211\u4ecb\u7d39<\/span>\n <p class=\"ms-route-sub\">\u60f3\u5148\u4e86\u89e3\u547d\u66f8\u5167\u5bb9\u8207\u670d\u52d9\u6d41\u7a0b<\/p>\n <\/span>\n <span class=\"ms-route-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n\n <a class=\"ms-route\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"--d:.11s;--sheen-delay:1.9s\">\n <span class=\"ms-route-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9.4 9.2a2.7 2.7 0 115.2 1c0 1.8-2.6 2.2-2.6 4\"\/><circle cx=\"12\" cy=\"17.6\" r=\"1\"\/><circle cx=\"12\" cy=\"12\" r=\"8.6\"\/><\/svg>\n <\/span>\n <span class=\"ms-route-text\">\n <span class=\"ms-route-title\">\u6211\u4e0d\u78ba\u5b9a\u9069\u5408\u54ea\u500b\u65b9\u6848<\/span>\n <p class=\"ms-route-sub\">\u5354\u52a9\u4f60\u6bd4\u8f03\u65b9\u6848\u5dee\u7570\u8207\u52a0\u8cfc\u9805\u76ee<\/p>\n <\/span>\n <span class=\"ms-route-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n\n <a class=\"ms-route\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"--d:.17s;--sheen-delay:3.8s\">\n <span class=\"ms-route-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.4\"\/><path d=\"M12 6.6V12l3.6 2.2\"\/><\/svg>\n <\/span>\n <span class=\"ms-route-text\">\n <span class=\"ms-route-title\">\u51fa\u751f\u6642\u9593\u4e0d\u78ba\u5b9a<\/span>\n <p class=\"ms-route-sub\">\u53ef\u81f3\u6236\u653f\u4e8b\u52d9\u6240\u7533\u8acb\u51fa\u751f\u8b49\u660e\u66f8\uff0c\u6216\u5148\u8a62\u554f\u5c08\u4eba<\/p>\n <\/span>\n <span class=\"ms-route-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n\n <a class=\"ms-route\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"--d:.23s;--sheen-delay:5.6s\">\n <span class=\"ms-route-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15.5\" rx=\"2\"\/><path d=\"M3.5 9.6h17M8 3v4M16 3v4\"\/><path d=\"M11 13.6l1.4 1.4 2.8-3\"\/><\/svg>\n <\/span>\n <span class=\"ms-route-text\">\n <span class=\"ms-route-title\">\u9810\u7d04\u8001\u5e2b\u89e3\u66f8<\/span>\n <p class=\"ms-route-sub\">\u547d\u66f8\u5b8c\u6210\u5f8c\uff0c\u9810\u7d04\u7dda\u4e0a\u4e00\u5c0d\u4e00\u89e3\u8b80<\/p>\n <\/span>\n <span class=\"ms-route-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"ms-foot\" data-reveal>\n <p class=\"ms-foot-text\">\n \u521d\u6b21\u8aee\u8a62<strong>\u4e0d\u9700\u8981\u63d0\u4f9b\u5b8c\u6574\u51fa\u751f\u8cc7\u6599<\/strong>\uff0c\u6b63\u5f0f\u4e0b\u55ae\u5f8c\u624d\u6703\u586b\u5beb\u3002\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var els=document.querySelectorAll('[data-reveal]');\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(es){es.forEach(function(e){\n if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target);}});},\n {threshold:0,rootMargin:'0px 0px -4% 0px'});\n els.forEach(function(el){io.observe(el);});\n \/* \u4fdd\u96aa\uff1a\u77ee\u87a2\u5e55\u6216\u4f7f\u7528\u8005\u672a\u6372\u52d5\u6642\uff0c\u4ecd\u78ba\u4fdd\u5167\u5bb9\u4e0d\u6703\u505c\u5728\u900f\u660e\u72c0\u614b *\/\n window.setTimeout(function(){\n els.forEach(function(el){el.classList.add('is-in');});\n },2600);\n }else{ els.forEach(function(el){el.classList.add('is-in');}); }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u547d\u66f8 MING SHU \u2014 HEADER \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 \u6536\u85cf\u65b9\u6848 \u54c1\u724c\u6545\u4e8b \u5e38\u898b\u554f\u984c \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-268","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mingshu.space\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8\" \/>\n<meta property=\"og:description\" content=\"\u547d\u66f8 MING SHU \u2014 HEADER \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 \u6536\u85cf\u65b9\u6848 \u54c1\u724c\u6545\u4e8b \u5e38\u898b\u554f\u984c \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mingshu.space\/\" \/>\n<meta property=\"og:site_name\" content=\"\u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T10:31:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mingshu.space\\\/\",\"url\":\"https:\\\/\\\/mingshu.space\\\/\",\"name\":\"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mingshu.space\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mingshu.space\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mingshu.space\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mingshu-logo.png\",\"datePublished\":\"2026-07-28T02:42:33+00:00\",\"dateModified\":\"2026-07-28T10:31:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mingshu.space\\\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mingshu.space\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/mingshu.space\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mingshu.space\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mingshu-logo.png\",\"contentUrl\":\"https:\\\/\\\/mingshu.space\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mingshu-logo.png\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mingshu.space\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mingshu.space\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u9996\u9801\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\\\/#website\",\"url\":\"https:\\\/\\\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\\\/\",\"name\":\"\u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8\",\"description\":\"\u547d\u66f8\uff5c\u6bcf\u4e00\u5e74\uff0c\u90fd\u503c\u5f97\u66f4\u7406\u89e3\u81ea\u5df1\",\"alternateName\":\"2026 \u6d41\u5e74\u904b\u52e2\u547d\u66f8\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u89e3\u8b80\u8207\u4eba\u751f\u898f\u5283\uff5c\u547d\u66f8\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n","yoast_head_json":{"title":"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mingshu.space\/","og_locale":"zh_TW","og_type":"article","og_title":"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","og_description":"\u547d\u66f8 MING SHU \u2014 HEADER \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 \u6536\u85cf\u65b9\u6848 \u54c1\u724c\u6545\u4e8b \u5e38\u898b\u554f\u984c \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 […]","og_url":"https:\/\/mingshu.space\/","og_site_name":"\u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","article_modified_time":"2026-07-28T10:31:54+00:00","og_image":[{"url":"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"4 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mingshu.space\/","url":"https:\/\/mingshu.space\/","name":"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","isPartOf":{"@id":"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mingshu.space\/#primaryimage"},"image":{"@id":"https:\/\/mingshu.space\/#primaryimage"},"thumbnailUrl":"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png","datePublished":"2026-07-28T02:42:33+00:00","dateModified":"2026-07-28T10:31:54+00:00","breadcrumb":{"@id":"https:\/\/mingshu.space\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mingshu.space\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/mingshu.space\/#primaryimage","url":"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png","contentUrl":"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/mingshu.space\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mingshu.space\/"},{"@type":"ListItem","position":2,"name":"\u9996\u9801"}]},{"@type":"WebSite","@id":"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\/#website","url":"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\/","name":"\u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","description":"\u547d\u66f8\uff5c\u6bcf\u4e00\u5e74\uff0c\u90fd\u503c\u5f97\u66f4\u7406\u89e3\u81ea\u5df1","alternateName":"2026 \u6d41\u5e74\u904b\u52e2\u547d\u66f8\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u89e3\u8b80\u8207\u4eba\u751f\u898f\u5283\uff5c\u547d\u66f8","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/pages\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mingshu.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=268"}],"version-history":[{"count":5,"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/pages\/268\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/pages\/268\/revisions\/443"}],"wp:attachment":[{"href":"https:\/\/mingshu.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n \t\t

\n\t\t\t\t\t\n\n\n\n\n\u547d\u66f8 MING SHU \u2014 HEADER<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Sans+TC:wght@300;400;500&family=Noto+Serif+TC:wght@400;500&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 HEADER\n \u8a2d\u8a08\u4ee3\u5e63\u540c\u6b65 tokens.css\n \u2605 \u5168\u90e8\u9078\u64c7\u5668\u4ee5 #ms-header-root \u63d0\u5347\u7279\u7570\u6027\uff0c\u58d3\u904e Elementor \u4e3b\u984c\u6a23\u5f0f\n ============================================================ *\/\n\n#ms-header-root{\n --ms-ink: #1A1410;\n --ms-ink-deep: #0E2740;\n --ms-navy: #12304F;\n --ms-paper: #FAF6EF;\n --ms-paper-3: #EFE7D9;\n --ms-gold: #B08D4F;\n --ms-gold-light: #C9A870;\n --ms-muted: #7A7167;\n --ms-serif: \"Noto Serif TC\",\"Songti TC\",\"SimSun\",\"\u5b8b\u9ad4\",serif;\n --ms-sans: \"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",\"\u5fae\u8edf\u6b63\u9ed1\u9ad4\",sans-serif;\n --ms-ease: cubic-bezier(.16,.84,.44,1);\n --ms-h: 88px; \/* \u684c\u6a5f header \u9ad8 *\/\n --ms-h-sm: 72px; \/* sticky \/ \u624b\u6a5f header \u9ad8 *\/\n\n display:block;\n position:relative;\n width:100%;\n z-index:9990;\n}\n\n\/* \u5168\u57df\u91cd\u7f6e\uff1a\u58d3\u904e\u4e3b\u984c\u5c0d nav \/ a \/ button \/ ul \u7684\u9810\u8a2d *\/\n#ms-header-root *,\n#ms-header-root *::before,\n#ms-header-root *::after{\n box-sizing:border-box;\n margin:0;\n padding:0;\n font-family:inherit;\n}\n\n#ms-header-root a{\n text-decoration:none;\n background:none;\n border:none;\n box-shadow:none;\n}\n\n\/* ------------------------------------------------------------\n Header \u672c\u9ad4\n------------------------------------------------------------ *\/\n#ms-header-root .ms-header{\n display:block;\n width:100%;\n height:var(--ms-h);\n background:var(--ms-paper);\n border-bottom:1px solid rgba(176,141,79,.16);\n position:relative;\n z-index:9990;\n transition:height .5s var(--ms-ease),\n background .5s var(--ms-ease),\n box-shadow .5s var(--ms-ease),\n border-color .5s var(--ms-ease);\n opacity:0;\n transform:translateY(-14px);\n animation:msHeaderIn .9s var(--ms-ease) .05s forwards;\n}\n\n@keyframes msHeaderIn{\n to{ opacity:1; transform:translateY(0); }\n}\n\n#ms-header-root .ms-inner{\n display:flex;\n flex-direction:row; \/* \u2605 \u660e\u78ba\u6a6b\u6392\uff0c\u9632\u4e3b\u984c\u8986\u5beb *\/\n flex-wrap:nowrap;\n align-items:center;\n justify-content:space-between;\n gap:clamp(16px,3vw,48px);\n width:100%;\n max-width:1320px;\n height:100%;\n margin:0 auto;\n padding:0 clamp(20px,3.4vw,40px);\n}\n\n\/* ------------------------------------------------------------\n Logo \u6a23\u5f0f\u8207\u660e\u986f\u5fae\u52d5\u614b\u63a7\u5236\n------------------------------------------------------------ *\/\n#ms-header-root .ms-logo{\n display:flex;\n align-items:center;\n flex:0 0 auto;\n}\n\n#ms-header-root .ms-logo a{\n display:block;\n line-height:0;\n transition:transform .5s var(--ms-ease), opacity .4s var(--ms-ease);\n}\n\n#ms-header-root .ms-logo a:hover{\n transform:scale(1.06);\n opacity:.9;\n}\n\n\/* \u684c\u6a5f\u7248 Logo \u5c3a\u5bf8 & \u52a0\u5f37\u7248\u5fae\u52d5\u614b *\/\n#ms-header-root .ms-logo img { \n display: block;\n width: clamp(60px, 6vw, 75px);\n height: auto;\n \/* \u6642\u9593\u8abf\u6574\u70ba 2.6 \u79d2\uff0c\u52d5\u756b\u611f\u66f4\u6d41\u66a2\u660e\u986f *\/\n animation: logoFloat 2.6s ease-in-out infinite; \n transform-origin: center center; \n} \n\n@keyframes logoFloat { \n 0%, 100% { \n transform: translateY(0) scale(1); \n filter: drop-shadow(0 2px 5px rgba(26, 20, 16, 0.06)); \n } \n 50% { \n \/* \u5e45\u5ea6\u52a0\u5927\u5230 6px + 3% \u653e\u5927 + \u6eab\u6f64\u91d1\u8272\u65e5\u5149\u6688 *\/\n transform: translateY(-6px) scale(1.03); \n filter: drop-shadow(0 8px 16px rgba(176, 141, 79, 0.35)) brightness(1.08); \n } \n}\n\n\/* ------------------------------------------------------------\n \u684c\u6a5f\u5c0e\u89bd\n------------------------------------------------------------ *\/\n#ms-header-root .ms-nav{\n display:flex;\n flex-direction:row;\n flex-wrap:nowrap;\n align-items:center;\n gap:clamp(20px,2.6vw,40px);\n margin-left:auto;\n list-style:none;\n}\n\n#ms-header-root .ms-nav > a{\n display:inline-flex;\n align-items:center;\n flex:0 0 auto;\n width:auto;\n white-space:nowrap;\n position:relative;\n padding:8px 0;\n font-family:var(--ms-sans);\n font-size:clamp(14px,1.06vw,16px);\n font-weight:400;\n letter-spacing:.05em;\n line-height:1;\n color:var(--ms-ink);\n transition:color .4s var(--ms-ease);\n opacity:0;\n transform:translateY(-10px);\n animation:msNavIn .75s var(--ms-ease) forwards;\n}\n\n#ms-header-root .ms-nav > a:nth-of-type(1){ animation-delay:.30s; }\n#ms-header-root .ms-nav > a:nth-of-type(2){ animation-delay:.38s; }\n#ms-header-root .ms-nav > a:nth-of-type(3){ animation-delay:.46s; }\n#ms-header-root .ms-nav > a:nth-of-type(4){ animation-delay:.54s; }\n#ms-header-root .ms-nav > a:nth-of-type(5){ animation-delay:.62s; }\n\n@keyframes msNavIn{\n to{ opacity:1; transform:translateY(0); }\n}\n\n#ms-header-root .ms-nav > a::after{\n content:\"\";\n position:absolute;\n left:50%;\n bottom:0;\n width:0;\n height:1px;\n transform:translateX(-50%);\n background:linear-gradient(90deg,\n rgba(176,141,79,0) 0%,\n var(--ms-gold) 50%,\n rgba(176,141,79,0) 100%);\n transition:width .5s var(--ms-ease);\n}\n\n#ms-header-root .ms-nav > a:hover,\n#ms-header-root .ms-nav > a:focus-visible{\n color:var(--ms-ink-deep);\n}\n\n#ms-header-root .ms-nav > a:hover::after,\n#ms-header-root .ms-nav > a:focus-visible::after{\n width:100%;\n}\n\n#ms-header-root .ms-nav > a.is-current{\n color:var(--ms-ink-deep);\n font-weight:500;\n}\n#ms-header-root .ms-nav > a.is-current::after{\n width:100%;\n opacity:.5;\n}\n\n\/* ------------------------------------------------------------\n Sticky\n------------------------------------------------------------ *\/\n#ms-header-root .ms-header.is-sticky{\n position:fixed;\n top:0;\n left:0;\n height:var(--ms-h-sm);\n background:rgba(250,246,239,.88);\n -webkit-backdrop-filter:blur(18px) saturate(1.5);\n backdrop-filter:blur(18px) saturate(1.5);\n box-shadow:0 14px 44px rgba(26,20,16,.08);\n border-bottom-color:rgba(176,141,79,.1);\n}\n\n#ms-header-root .ms-header.is-sticky .ms-logo img{\n width: 50px !important;\n}\n\n#ms-header-root .ms-spacer{\n display:none;\n width:100%;\n height:var(--ms-h);\n}\n#ms-header-root .ms-spacer.is-active{ display:block; }\n\n\/* ------------------------------------------------------------\n \u6f22\u5821\u9215\n------------------------------------------------------------ *\/\n#ms-header-root .ms-toggle{\n display:none;\n position:relative;\n flex:0 0 auto;\n width:44px;\n height:44px;\n background:none;\n border:none;\n cursor:pointer;\n z-index:2;\n}\n\n#ms-header-root .ms-toggle.is-open{\n opacity:0;\n pointer-events:none;\n}\n\n#ms-header-root .ms-close{\n position:absolute;\n top:calc((var(--ms-h) - 44px) \/ 2);\n right:clamp(20px,3.4vw,40px);\n width:44px;\n height:44px;\n background:none;\n border:none;\n cursor:pointer;\n z-index:3;\n opacity:0;\n transition:opacity .35s var(--ms-ease) .2s,\n transform .5s var(--ms-ease);\n}\n\n#ms-header-root .ms-drawer.is-open .ms-close{ opacity:1; }\n\n#ms-header-root .ms-close:hover{ transform:rotate(90deg); }\n\n#ms-header-root .ms-close i{\n position:absolute;\n top:21px;\n left:10px;\n display:block;\n width:24px;\n height:1.5px;\n background:var(--ms-ink-deep);\n}\n#ms-header-root .ms-close i:nth-child(1){ transform:rotate(45deg); }\n#ms-header-root .ms-close i:nth-child(2){ transform:rotate(-45deg); }\n\n#ms-header-root .ms-toggle i{\n position:absolute;\n left:10px;\n display:block;\n height:1.5px;\n background:var(--ms-ink-deep);\n transition:transform .5s var(--ms-ease),\n opacity .3s var(--ms-ease),\n width .5s var(--ms-ease);\n}\n\n#ms-header-root .ms-toggle i:nth-child(1){ top:15px; width:24px; }\n#ms-header-root .ms-toggle i:nth-child(2){ top:21.5px; width:17px; }\n#ms-header-root .ms-toggle i:nth-child(3){ top:28px; width:24px; }\n\n#ms-header-root .ms-toggle:hover i:nth-child(2){ width:24px; }\n\n#ms-header-root .ms-toggle.is-open i:nth-child(1){\n transform:translateY(6.5px) rotate(45deg);\n}\n#ms-header-root .ms-toggle.is-open i:nth-child(2){\n opacity:0;\n transform:translateX(-14px);\n}\n#ms-header-root .ms-toggle.is-open i:nth-child(3){\n transform:translateY(-6.5px) rotate(-45deg);\n}\n\n\/* ------------------------------------------------------------\n \u624b\u6a5f\u62bd\u5c5c\n------------------------------------------------------------ *\/\n#ms-header-root .ms-drawer{\n position:fixed;\n inset:0;\n display:flex;\n flex-direction:column;\n justify-content:center;\n align-items:center;\n gap:0;\n background:var(--ms-paper);\n z-index:10001;\n opacity:0;\n visibility:hidden;\n transform:translateY(-101%);\n transition:transform .7s cubic-bezier(.76,0,.24,1),\n opacity .45s var(--ms-ease),\n visibility .7s;\n}\n\n#ms-header-root .ms-drawer.is-open{\n opacity:1;\n visibility:visible;\n transform:translateY(0);\n}\n\n#ms-header-root .ms-drawer-top{\n position:absolute;\n top:0;\n left:0;\n display:flex;\n align-items:center;\n width:100%;\n height:var(--ms-h);\n padding:0 clamp(20px,3.4vw,40px);\n opacity:0;\n transition:opacity .4s var(--ms-ease) .18s;\n pointer-events:none;\n}\n#ms-header-root .ms-drawer.is-open .ms-drawer-top{ opacity:1; }\n\n#ms-header-root .ms-drawer-top img{\n display:block;\n width:48px;\n height:auto;\n}\n\n#ms-header-root .ms-drawer-foot{\n position:absolute;\n bottom:clamp(28px,6vh,52px);\n left:0;\n width:100%;\n text-align:center;\n font-family:var(--ms-sans);\n font-size:11px;\n letter-spacing:.34em;\n color:var(--ms-gold);\n opacity:0;\n transition:opacity .5s var(--ms-ease) .58s;\n pointer-events:none;\n}\n#ms-header-root .ms-drawer.is-open .ms-drawer-foot{ opacity:.75; }\n\n#ms-header-root .ms-drawer::before{\n content:\"\";\n position:absolute;\n top:50%;\n left:50%;\n width:min(78vw,420px);\n aspect-ratio:1\/1;\n transform:translate(-50%,-50%);\n border:1px solid rgba(176,141,79,.16);\n border-radius:50%;\n pointer-events:none;\n animation:msBreathe 7s ease-in-out infinite;\n}\n\n@keyframes msBreathe{\n 0%,100%{ transform:translate(-50%,-50%) scale(1); opacity:.5; }\n 50% { transform:translate(-50%,-50%) scale(1.07); opacity:.9; }\n}\n\n#ms-header-root .ms-drawer > a{\n display:block;\n position:relative;\n padding:18px 0;\n font-family:var(--ms-serif);\n font-size:clamp(21px,6.2vw,28px);\n font-weight:400;\n letter-spacing:.14em;\n color:var(--ms-ink-deep);\n white-space:nowrap;\n opacity:0;\n transform:translateY(26px);\n transition:opacity .55s var(--ms-ease),\n transform .55s var(--ms-ease),\n color .35s var(--ms-ease);\n}\n\n#ms-header-root .ms-drawer.is-open > a{\n opacity:1;\n transform:translateY(0);\n}\n\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(1){ transition-delay:.24s; }\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(2){ transition-delay:.31s; }\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(3){ transition-delay:.38s; }\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(4){ transition-delay:.45s; }\n#ms-header-root .ms-drawer.is-open > a:nth-of-type(5){ transition-delay:.52s; }\n\n#ms-header-root .ms-drawer > a::after{\n content:\"\";\n position:absolute;\n left:50%;\n bottom:10px;\n width:0;\n height:1px;\n transform:translateX(-50%);\n background:var(--ms-gold);\n transition:width .45s var(--ms-ease);\n}\n#ms-header-root .ms-drawer > a:hover::after,\n#ms-header-root .ms-drawer > a:active::after{ width:64%; }\n\nbody.ms-lock{\n position:fixed;\n width:100%;\n overflow:hidden;\n}\n\n\/* ------------------------------------------------------------\n RWD\n------------------------------------------------------------ *\/\n@media (max-width:900px){\n #ms-header-root .ms-nav{ gap:20px; }\n #ms-header-root .ms-nav > a{ font-size:14px; letter-spacing:.03em; }\n}\n\n@media (max-width:768px){\n #ms-header-root{ --ms-h:72px; --ms-h-sm:64px; }\n \n \/* \ud83d\udcf1 \u624b\u6a5f\u7248 Logo \u5c3a\u5bf8\u63a7\u5236 *\/\n #ms-header-root .ms-logo img{ width: 48px !important; }\n #ms-header-root .ms-header.is-sticky .ms-logo img{ width: 42px !important; }\n #ms-header-root .ms-drawer-top img{ width: 48px !important; }\n\n #ms-header-root .ms-nav{ display:none; }\n #ms-header-root .ms-toggle{ display:block; }\n}\n\n@media (prefers-reduced-motion:reduce){\n #ms-header-root *{\n animation:none !important;\n transition-duration:.01ms !important;\n }\n #ms-header-root .ms-header,\n #ms-header-root .ms-nav > a,\n #ms-header-root .ms-drawer > a{\n opacity:1 !important;\n transform:none !important;\n }\n}\n<\/style>\n<\/head>\n<body style=\"margin:0;background:#FAF6EF;\">\n\n<div id=\"ms-header-root\">\n\n <header class=\"ms-header\">\n <div class=\"ms-inner\">\n\n <div class=\"ms-logo\">\n <a href=\"\/\" aria-label=\"\u547d\u66f8 MING SHU \u9996\u9801\">\n <img decoding=\"async\" src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png\" alt=\"\u547d\u66f8 MING SHU\">\n <\/a>\n <\/div>\n\n <nav class=\"ms-nav\" aria-label=\"\u4e3b\u8981\u5c0e\u89bd\">\n <a href=\"https:\/\/mingshu.space\/#about\">\u8a8d\u8b58\u547d\u66f8<\/a>\n <a href=\"https:\/\/mingshu.space\/#preview\">\u8a66\u95b1\u547d\u66f8<\/a>\n <a href=\"https:\/\/mingshu.space\/#collection\">\u6536\u85cf\u65b9\u6848<\/a>\n <a href=\"https:\/\/mingshu.space\/#story\">\u54c1\u724c\u6545\u4e8b<\/a>\n <a href=\"https:\/\/mingshu.space\/#faq\">\u5e38\u898b\u554f\u984c<\/a>\n <\/nav>\n\n <button class=\"ms-toggle\" type=\"button\" aria-label=\"\u958b\u555f\u9078\u55ae\" aria-expanded=\"false\" aria-controls=\"ms-drawer\">\n <i><\/i><i><\/i><i><\/i>\n <\/button>\n\n <\/div>\n <\/header>\n\n <div class=\"ms-spacer\" aria-hidden=\"true\"><\/div>\n\n <nav class=\"ms-drawer\" id=\"ms-drawer\" aria-label=\"\u884c\u52d5\u88dd\u7f6e\u5c0e\u89bd\" aria-hidden=\"true\">\n\n <div class=\"ms-drawer-top\" aria-hidden=\"true\">\n <img decoding=\"async\" src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png\" alt=\"\u547d\u66f8 MING SHU\">\n <\/div>\n\n <button class=\"ms-close\" type=\"button\" aria-label=\"\u95dc\u9589\u9078\u55ae\">\n <i><\/i><i><\/i>\n <\/button>\n\n <a href=\"https:\/\/mingshu.space\/#about\">\u8a8d\u8b58\u547d\u66f8<\/a>\n <a href=\"https:\/\/mingshu.space\/#preview\">\u8a66\u95b1\u547d\u66f8<\/a>\n <a href=\"https:\/\/mingshu.space\/#collection\">\u6536\u85cf\u65b9\u6848<\/a>\n <a href=\"https:\/\/mingshu.space\/#story\">\u54c1\u724c\u6545\u4e8b<\/a>\n <a href=\"https:\/\/mingshu.space\/#faq\">\u5e38\u898b\u554f\u984c<\/a>\n\n <div class=\"ms-drawer-foot\" aria-hidden=\"true\">MING SHU<\/div>\n\n <\/nav>\n\n<\/div>\n\n<script>\n(function(){\n var root = document.getElementById('ms-header-root');\n if(!root) return;\n\n var header = root.querySelector('.ms-header');\n var spacer = root.querySelector('.ms-spacer');\n var toggle = root.querySelector('.ms-toggle');\n var drawer = root.querySelector('.ms-drawer');\n var closeBtn = root.querySelector('.ms-close');\n\n \/* ---------- Sticky ---------- *\/\n var anchorTop = 0, ticking = false;\n\n function measure(){\n if(header.classList.contains('is-sticky')) return;\n anchorTop = root.getBoundingClientRect().top + window.pageYOffset;\n }\n\n function onScroll(){\n var y = window.pageYOffset;\n if(y > anchorTop + 8){\n if(!header.classList.contains('is-sticky')){\n header.classList.add('is-sticky');\n spacer.classList.add('is-active');\n }\n }else if(y <= anchorTop){\n header.classList.remove('is-sticky');\n spacer.classList.remove('is-active');\n measure();\n }\n ticking = false;\n }\n\n measure();\n window.addEventListener('scroll', function(){\n if(!ticking){ window.requestAnimationFrame(onScroll); ticking = true; }\n }, {passive:true});\n window.addEventListener('resize', measure);\n window.addEventListener('load', measure);\n\n \/* ---------- \u62bd\u5c5c ---------- *\/\n var scrollLock = 0;\n\n function setDrawer(open){\n drawer.classList.toggle('is-open', open);\n toggle.classList.toggle('is-open', open);\n drawer.setAttribute('aria-hidden', open ? 'false' : 'true');\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n toggle.setAttribute('aria-label', open ? '\u95dc\u9589\u9078\u55ae' : '\u958b\u555f\u9078\u55ae');\n\n if(open){\n scrollLock = window.pageYOffset;\n document.body.classList.add('ms-lock');\n document.body.style.top = (-scrollLock) + 'px';\n var first = drawer.querySelector('a');\n if(first) setTimeout(function(){ first.focus(); }, 320);\n }else{\n document.body.classList.remove('ms-lock');\n document.body.style.top = '';\n window.scrollTo(0, scrollLock);\n toggle.focus();\n }\n }\n\n function closeDrawer(){ if(drawer.classList.contains('is-open')) setDrawer(false); }\n\n toggle.addEventListener('click', function(){\n setDrawer(!drawer.classList.contains('is-open'));\n });\n\n if(closeBtn) closeBtn.addEventListener('click', closeDrawer);\n\n Array.prototype.forEach.call(drawer.querySelectorAll('a'), function(a){\n a.addEventListener('click', closeDrawer);\n });\n\n drawer.addEventListener('click', function(e){\n if(e.target === drawer) closeDrawer();\n });\n\n document.addEventListener('keydown', function(e){\n if(!drawer.classList.contains('is-open')) return;\n\n if(e.key === 'Escape'){ closeDrawer(); return; }\n\n if(e.key === 'Tab'){\n var items = [].slice.call(drawer.querySelectorAll('a'));\n if(closeBtn) items.push(closeBtn);\n if(!items.length) return;\n var firstEl = items[0], lastEl = items[items.length - 1];\n if(e.shiftKey && document.activeElement === firstEl){\n e.preventDefault(); lastEl.focus();\n }else if(!e.shiftKey && document.activeElement === lastEl){\n e.preventDefault(); firstEl.focus();\n }\n }\n });\n\n window.addEventListener('resize', function(){\n if(window.innerWidth > 768) closeDrawer();\n });\n\n \/* ---------- \u76ee\u524d\u9801\u9ad8\u4eae ---------- *\/\n var path = window.location.pathname.replace(\/\\\/+$\/,'');\n Array.prototype.forEach.call(root.querySelectorAll('.ms-nav > a, .ms-drawer > a'), function(a){\n var href = (a.getAttribute('href')||'').replace(\/\\\/+$\/,'');\n if(href && href === path) a.classList.add('is-current');\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fb5c7cb e-con e-atomic-element e-flexbox-base e-ec7ba53 \" data-id=\"fb5c7cb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fb5c7cb\">\n \t\t<div class=\"elementor-element elementor-element-b9f23ce elementor-widget elementor-widget-html\" data-id=\"b9f23ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<link rel=\"preconnect\" href=\"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\" crossorigin>\n<link rel=\"preload\" href=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-opening.webm%EF%BC%9A%E9%96%8B%E5%A0%B4%E5%8B%95%E7%95%AB.webm\" as=\"video\" type=\"video\/webm\">\n\n \n <script>\n (function(){\n try{\n var replay = new URLSearchParams(location.search).get(\"replayIntro\")===\"1\";\n var played = false;\n try{ played = sessionStorage.getItem(\"mingshu_intro_played_webm_v2\")===\"1\"; }catch(e){}\n if(replay || !played){\n document.documentElement.classList.add(\"ms-intro-pending\");\n setTimeout(function(){ document.documentElement.classList.remove(\"ms-intro-pending\"); }, 16000);\n }\n }catch(e){\n document.documentElement.classList.add(\"ms-intro-pending\");\n setTimeout(function(){ document.documentElement.classList.remove(\"ms-intro-pending\"); }, 16000);\n }\n })();\n <\/script>\n\n <style>\n :root {\n --ms-primary:#132B45;\n --ms-primary-hover:#1B3B60;\n --ms-paper:#F8F6F2;\n --ms-gold:#C8A46A;\n --ms-text:#2B2B2B;\n --ms-muted:#707070;\n --ms-white:#FFFFFF;\n --ms-container:1320px;\n }\n\n html { background:var(--ms-paper); }\n body {\n margin:0;\n color:var(--ms-text);\n background:var(--ms-paper);\n font-family:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n }\n body.ms-page-lock { overflow:hidden !important; }\n\n #ms-home-intro-hero,\n #ms-home-intro-hero *,\n #ms-opening-layer,\n #ms-opening-layer * { box-sizing:border-box; }\n\n \/* \u958b\u5834\u5c64\u9810\u8a2d\u96b1\u85cf\uff1aWordPress \u4e0d\u57f7\u884c JS \u6642\u4e0d\u6703\u906e\u4f4f\u9801\u9762 *\/\n #ms-opening-layer {\n position:fixed;\n inset:0;\n z-index:999999;\n display:none;\n width:100%;\n height:100vh;\n height:100dvh;\n overflow:hidden;\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n background:radial-gradient(circle at center,#20364C 0%,#0D1B2A 62%,#080F17 100%);\n }\n\n \/* \u2461\u3010\u65b0\u589e\u3011\u9996\u5c4f\u9632\u9583\uff1aJS \u5224\u5b9a\u8981\u64ad\u958b\u5834\u6642\uff0c\u7b2c\u4e00\u6642\u9593\u5c31\u906e\u4f4f Hero\u3001\u92ea\u4e0a\u958b\u5834\u6df1\u85cd\u80cc\u666f\uff0c\n \u6d88\u9664\u300c\u5148\u9583\u4e00\u5e40 Hero\u300d\u7684\u554f\u984c\u3002 *\/\n html.ms-intro-pending #ms-opening-layer {\n display:block;\n opacity:1;\n visibility:visible;\n pointer-events:auto;\n }\n html.ms-intro-pending #ms-home-intro-hero {\n visibility:hidden;\n }\n\n #ms-opening-layer.is-active {\n display:block;\n opacity:1;\n visibility:visible;\n pointer-events:auto;\n }\n #ms-opening-layer.is-finished {\n display:block;\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n transition:opacity .75s ease,visibility .75s ease;\n }\n .ms-opening-video {\n position:absolute;\n inset:0;\n z-index:1;\n width:100%;\n height:100%;\n display:block;\n object-fit:contain;\n object-position:center;\n background:transparent;\n transition:opacity .6s ease,transform 1.15s ease,filter 1.15s ease;\n }\n #ms-opening-layer.is-transitioning .ms-opening-video {\n opacity:.9;\n transform:scale(1.045);\n filter:brightness(1.3) saturate(1.08);\n }\n \/* \u767d\u5149\u5b8c\u5168\u906e\u6eff\u5f8c\u6c38\u4e45\u85cf\u8d77\u958b\u5834\u5f71\u7247\uff0c\u907f\u514d\u7d50\u5c3e\u756b\u9762\u9583\u56de\u4e00\u5e40 *\/\n #ms-opening-layer.is-covered .ms-opening-video {\n opacity:0;\n visibility:hidden;\n }\n .ms-gold-flash,\n .ms-white-flash {\n position:absolute;\n inset:0;\n pointer-events:none;\n opacity:0;\n }\n .ms-gold-flash {\n z-index:2;\n background:radial-gradient(circle at 52% 54%,#FFF 0%,rgba(255,248,218,.98) 8%,rgba(238,204,132,.9) 22%,rgba(200,164,106,.52) 46%,rgba(200,164,106,0) 72%);\n transform:scale(.4);\n }\n .ms-white-flash { z-index:3;background:#FFF; }\n #ms-opening-layer.is-transitioning .ms-gold-flash {\n animation:msGoldFlash 1.15s cubic-bezier(.2,.75,.2,1) forwards;\n }\n #ms-opening-layer.is-transitioning .ms-white-flash {\n animation:msWhiteFlash 1.15s ease forwards;\n }\n @keyframes msGoldFlash {\n 0%{opacity:0;transform:scale(.35)}\n 25%{opacity:.72}\n 68%{opacity:1;transform:scale(2.1)}\n 100%{opacity:0;transform:scale(3)}\n }\n @keyframes msWhiteFlash {\n 0%,48%{opacity:0}\n 70%,100%{opacity:1}\n }\n .ms-opening-skip {\n position:absolute;\n right:28px;\n bottom:28px;\n z-index:5;\n padding:10px 18px;\n border:1px solid rgba(255,255,255,.5);\n border-radius:999px;\n color:#FFF;\n background:rgba(19,43,69,.5);\n backdrop-filter:blur(12px);\n -webkit-backdrop-filter:blur(12px);\n font:14px\/1.5 \"Noto Sans TC\",\"Microsoft JhengHei\",sans-serif;\n letter-spacing:1px;\n cursor:pointer;\n transition:background .3s ease,transform .3s ease,opacity .3s ease;\n }\n .ms-opening-skip:hover { background:rgba(19,43,69,.8);transform:translateY(-2px); }\n #ms-opening-layer.is-transitioning .ms-opening-skip { opacity:0;pointer-events:none; }\n\n \/* Hero *\/\n .ms-hero {\n position:relative;\n width:100%;\n \/* \u684c\u6a5f\u8b93 Hero \u6070\u597d\u4f54\u6eff\u4e00\u5c4f\uff0c\u300c\u7ffb\u958b\u7b2c\u4e00\u9801\u300d\u63d0\u793a\u624d\u6703\u843d\u5728\u53ef\u8996\u7bc4\u570d\u5167 *\/\n min-height:100vh;\n min-height:100dvh;\n display:flex;\n align-items:center;\n padding:60px 0 100px;\n overflow:hidden;\n background-color:var(--ms-paper);\n }\n \/* \u80cc\u666f\u7368\u7acb\u6210\u4e00\u5c64\uff1a\u53ef\u505a Ken Burns \u7de9\u6162\u63a8\u8fd1\u8207\u6ed1\u9f20\u8996\u5dee\uff0c\u4e0d\u5f71\u97ff\u5167\u5bb9 *\/\n .ms-hero-bg {\n position:absolute;\n inset:-4%;\n z-index:0;\n pointer-events:none;\n background-image:url(\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026\u5e747\u670817\u65e5-\u4e0b\u534804_33_46.png\");\n background-size:cover;\n background-position:center;\n background-repeat:no-repeat;\n \/* \u4e0d\u505a Ken Burns \u7e2e\u653e\uff1a\u50c5\u4fdd\u7559\u6ed1\u9f20\u8996\u5dee\u7684\u6975\u5c0f\u4f4d\u79fb\uff08\u514b\u5236\uff09 *\/\n transform:translate3d(var(--ms-bgx,0px),var(--ms-bgy,0px),0) scale(1.04);\n transition:transform 1.6s cubic-bezier(.22,.9,.24,1);\n }\n \/* \u7d19\u8cea\u58d3\u5149\uff1a\u50c5\u70ba\u6587\u5b57\u53ef\u8b80\u5ea6\u670d\u52d9\uff0c\u4e0d\u505a\u547c\u5438\u52d5\u756b\uff08\u964d\u566a\uff09 *\/\n .ms-hero-glow {\n position:absolute;\n inset:0;\n z-index:1;\n pointer-events:none;\n background:linear-gradient(100deg,rgba(248,246,242,.92) 0%,rgba(248,246,242,.62) 34%,rgba(248,246,242,.12) 58%,rgba(248,246,242,0) 76%);\n }\n\n .ms-hero.is-revealing { animation:msHeroReveal 1s ease both; }\n @keyframes msHeroReveal {\n from{opacity:.55;filter:brightness(1.2)}\n to{opacity:1;filter:brightness(1)}\n }\n .ms-hero-container {\n position:relative;\n z-index:2;\n width:100%;\n max-width:var(--ms-container);\n margin:0 auto;\n padding:40px 30px;\n display:flex;\n align-items:center;\n justify-content:space-between;\n gap:80px;\n }\n .ms-hero-content { position:relative;z-index:3;width:45%; }\n\n \/* \u2500\u2500 Eyebrow\uff1a\u9032\u5834\u6642\u5b57\u8ddd\u7531\u7dca\u5230\u9b06\u6490\u958b \u2500\u2500 *\/\n .ms-eyebrow {\n margin:0 0 26px;\n color:var(--ms-gold);\n font-size:13px;\n line-height:1.5;\n letter-spacing:0;\n opacity:0;\n transform:translateY(14px);\n }\n .ms-hero-content.is-in .ms-eyebrow {\n animation:msEyebrowIn 1.5s cubic-bezier(.19,1,.22,1) .12s forwards;\n }\n @keyframes msEyebrowIn {\n 0%{opacity:0;transform:translateY(14px);letter-spacing:0}\n 60%{opacity:1}\n 100%{opacity:1;transform:translateY(0);letter-spacing:3px}\n }\n\n \/* \u2500\u2500 \u6a19\u984c\uff1a\u9010\u884c\u906e\u7f69\u4e0a\u63a8 + \u9010\u5b57\u6d6e\u73fe \u2500\u2500 *\/\n .ms-hero-title {\n margin:0 0 32px;\n color:var(--ms-primary);\n font-family:\"Noto Serif TC\",\"PMingLiU\",serif;\n font-size:64px;\n font-weight:700;\n line-height:1.25;\n }\n .ms-title-line {\n display:block;\n overflow:hidden;\n \/* \u4e2d\u6587\u6a19\u984c\u7d55\u4e0d\u65b7\u884c\uff1a\u5169\u884c\u7531\u5169\u500b span \u63a7\u5236 *\/\n white-space:nowrap;\n }\n .ms-title-inner {\n display:inline-block;\n transform:translateY(105%);\n opacity:0;\n }\n .ms-hero-content.is-in .ms-title-line:nth-child(1) .ms-title-inner {\n animation:msLineUp 1.05s cubic-bezier(.19,1,.22,1) .28s forwards;\n }\n .ms-hero-content.is-in .ms-title-line:nth-child(2) .ms-title-inner {\n animation:msLineUp 1.05s cubic-bezier(.19,1,.22,1) .44s forwards;\n }\n \/* \u9010\u5b57\u6d6e\u73fe\uff08JS \u62c6\u5b57\u6210\u529f\u6642\u555f\u7528\uff0c\u5931\u6557\u5247\u6cbf\u7528\u6574\u884c\u52d5\u756b\uff09 *\/\n .ms-hero-title.is-split .ms-title-inner { opacity:1;transform:none;animation:none !important; }\n .ms-hero-title.is-split .ms-char {\n display:inline-block;\n opacity:0;\n transform:translateY(100%);\n filter:blur(6px);\n will-change:transform,opacity,filter;\n }\n .ms-hero-content.is-in .ms-hero-title.is-split .ms-char {\n animation:msCharUp .95s cubic-bezier(.16,1,.3,1) forwards;\n animation-delay:calc(.26s + var(--ms-i) * .042s);\n }\n \/* \u9032\u5834\u7d50\u675f\u5f8c\u4ea4\u68d2\u7d66\u6ed1\u9f20\u4e92\u52d5\u3002\n animation \u5fc5\u9808\u7528 !important \u5fb9\u5e95\u65b7\u958b\u2014\u2014forwards \u7684\u586b\u5145\u503c\n \u512a\u5148\u6b0a\u9ad8\u65bc\u4e00\u822c\u5ba3\u544a\uff0c\u5426\u5247 JS \u5beb\u5165\u7684 inline transform \u6703\u88ab\u58d3\u4f4f\u3002 *\/\n .ms-hero-title.is-ready .ms-char {\n animation:none !important;\n opacity:1;\n filter:none;\n color:color-mix(in srgb,var(--ms-primary) calc(100% - var(--ms-lift,0) * 22%),var(--ms-gold));\n transition:transform .45s cubic-bezier(.22,.9,.24,1),color .45s ease;\n }\n \/* \u4e0d\u652f\u63f4 color-mix \u7684\u700f\u89bd\u5668\u4ecd\u6709\u4f4d\u79fb\u6548\u679c\uff0c\u984f\u8272\u7dad\u6301\u4e3b\u8272 *\/\n @supports not (color:color-mix(in srgb,#000 50%,#fff)) {\n .ms-hero-title.is-ready .ms-char { color:var(--ms-primary); }\n }\n\n .ms-hero-description {\n margin:0 0 45px;\n color:var(--ms-text);\n font-size:18px;\n line-height:1.9;\n opacity:0;\n transform:translateY(18px);\n }\n .ms-hero-content.is-in .ms-hero-description {\n animation:msFadeUp 1s cubic-bezier(.22,.9,.24,1) .78s forwards;\n }\n \/* \u6bb5\u843d\u9010\u5b57\u63ed\u793a\uff1a\u62c6\u5b57\u6210\u529f\u6642\u6539\u7531\u6bcf\u500b\u5b57\u81ea\u884c\u6d6e\u73fe\uff0c\u6574\u9ad4\u4e0d\u518d\u4e00\u6b21\u6de1\u5165 *\/\n .ms-hero-description.is-split {\n opacity:1;\n transform:none;\n animation:none !important;\n }\n .ms-hero-description.is-split .ms-dchar {\n display:inline-block;\n opacity:0;\n transform:translateY(10px);\n white-space:pre-wrap;\n }\n .ms-hero-content.is-in .ms-hero-description.is-split .ms-dchar {\n animation:msFadeUp .7s cubic-bezier(.22,.9,.24,1) forwards;\n animation-delay:calc(.72s + var(--ms-i) * .012s);\n }\n\n .ms-hero-buttons {\n display:flex;\n align-items:center;\n gap:28px;\n opacity:0;\n transform:translateY(18px);\n }\n .ms-hero-content.is-in .ms-hero-buttons {\n animation:msFadeUp 1s cubic-bezier(.22,.9,.24,1) .95s forwards;\n }\n\n \/* \u2500\u2500 \u4e3b\u6309\u9215\uff1a\u65b9\u89d2\u3001\u7dda\u6027\u3001\u586b\u8272\u7531\u5de6\u63a8\u9032\uff08\u7406\u6027\u8a9e\u5f59\uff0c\u4e0d\u505a\u78c1\u5438\u8207\u70ab\u5149\uff09\u2500\u2500 *\/\n .ms-primary-btn {\n position:relative;\n display:inline-flex;\n align-items:center;\n justify-content:space-between;\n gap:38px;\n min-width:264px;\n padding:19px 26px;\n border:1px solid var(--ms-primary);\n border-radius:2px;\n overflow:hidden;\n isolation:isolate;\n color:var(--ms-primary) !important;\n background:transparent;\n font-size:15px;\n line-height:1.5;\n letter-spacing:2px;\n text-decoration:none !important;\n cursor:pointer;\n transition:color .45s cubic-bezier(.22,.9,.24,1),border-color .45s ease;\n }\n \/* \u6df1\u85cd\u586b\u8272\u7531\u5de6\u5f80\u53f3\u63a8\u9032 *\/\n .ms-primary-btn::before {\n content:\"\";\n position:absolute;\n inset:0;\n z-index:-1;\n background:var(--ms-primary);\n transform:scaleX(0);\n transform-origin:left center;\n transition:transform .55s cubic-bezier(.22,.9,.24,1);\n }\n .ms-primary-btn:hover::before { transform:scaleX(1); }\n .ms-primary-btn:hover { color:#FFF !important; }\n .ms-btn-label { position:relative;z-index:2; }\n \/* \u55ae\u7dda\u7bad\u982d\uff1ahover \u6642\u7cbe\u6e96\u53f3\u79fb *\/\n .ms-btn-arrow {\n position:relative;\n z-index:2;\n display:block;\n width:36px;\n height:1px;\n background:currentColor;\n transition:transform .45s cubic-bezier(.22,.9,.24,1);\n }\n .ms-btn-arrow::after {\n content:\"\";\n position:absolute;\n top:-3px;\n right:0;\n width:7px;\n height:7px;\n border-top:1px solid currentColor;\n border-right:1px solid currentColor;\n transform:rotate(45deg);\n transform-origin:top right;\n }\n .ms-primary-btn:hover .ms-btn-arrow { transform:translateX(7px); }\n .ms-primary-btn:active { transform:translateY(1px);transition-duration:.1s; }\n .ms-primary-btn:focus-visible { outline:1px solid var(--ms-gold);outline-offset:3px; }\n\n @keyframes msFadeUp { to{opacity:1;transform:translateY(0)} }\n @keyframes msLineUp { to{opacity:1;transform:translateY(0)} }\n @keyframes msCharUp {\n 0%{opacity:0;transform:translateY(100%);filter:blur(6px)}\n 100%{opacity:1;transform:translateY(0);filter:blur(0)}\n }\n\n \/* Hero \u5f71\u7247\u8207\u547d\u66f8\u5171\u7528\u540c\u4e00\u8996\u89ba\u7bc4\u570d *\/\n .ms-hero-book {\n position:relative;\n width:55%;\n min-height:430px;\n display:flex;\n align-items:center;\n justify-content:center;\n overflow:visible;\n perspective:1200px;\n perspective-origin:50% 50%;\n }\n .ms-hero-video {\n position:absolute;\n top:50%;\n left:50%;\n z-index:4;\n width:min(100%,620px);\n height:430px;\n display:block;\n object-fit:contain;\n object-position:center;\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n transform:translate(-50%,-50%) scale(.985);\n transition:opacity .65s ease,visibility .65s ease,transform .65s ease;\n }\n .ms-hero-video.is-playing {\n opacity:1;\n visibility:visible;\n transform:translate(-50%,-50%) scale(1);\n }\n .ms-hero-video.is-ending {\n opacity:0;\n visibility:hidden;\n transform:translate(-50%,-50%) scale(1.015);\n }\n .ms-book-wrap {\n position:relative;\n z-index:3;\n width:100%;\n display:flex;\n justify-content:center;\n opacity:1;\n visibility:visible;\n animation:msBookFloat 6s ease-in-out infinite;\n transition:opacity .65s ease,visibility .65s ease,transform .65s ease;\n }\n .ms-book-wrap.is-waiting {\n opacity:0;\n visibility:hidden;\n pointer-events:none;\n animation:none;\n transform:translateY(10px) scale(.985);\n }\n \/* 3D \u50be\u659c\u5c64\uff1a\u8207\u6d6e\u52d5\u52d5\u756b\u5206\u96e2\uff0c\u907f\u514d transform \u4e92\u76f8\u8986\u84cb *\/\n .ms-book-tilt {\n position:relative;\n width:100%;\n display:flex;\n justify-content:center;\n transform-style:preserve-3d;\n transform:rotateX(var(--ms-rx,0deg)) rotateY(var(--ms-ry,0deg)) scale(var(--ms-bs,1));\n transition:transform .6s cubic-bezier(.22,.9,.24,1);\n }\n .ms-hero-book.is-tilting .ms-book-tilt { transition:transform .18s ease-out; }\n .ms-book-image {\n display:block;\n width:100%;\n max-width:620px;\n height:auto;\n filter:drop-shadow(0 35px 60px rgba(0,0,0,.18));\n transition:filter .6s ease;\n }\n .ms-hero-book.is-tilting .ms-book-image {\n filter:drop-shadow(0 46px 74px rgba(0,0,0,.26));\n }\n \/* \u56db\u89d2\u5b9a\u4f4d\u6a19\u8a18\uff1a\u5982\u88fd\u5716\uff0f\u651d\u5f71\u7684\u88c1\u5207\u6a19\uff0c\u53d6\u4ee3\u6383\u5149\u88dd\u98fe *\/\n .ms-crop {\n position:absolute;\n z-index:2;\n width:18px;\n height:18px;\n border:0 solid rgba(19,43,69,.34);\n pointer-events:none;\n opacity:0;\n transition:opacity .5s ease,transform .5s cubic-bezier(.22,.9,.24,1);\n }\n .ms-crop.tl { top:-14px;left:-14px;border-top-width:1px;border-left-width:1px;transform:translate(6px,6px) }\n .ms-crop.tr { top:-14px;right:-14px;border-top-width:1px;border-right-width:1px;transform:translate(-6px,6px) }\n .ms-crop.bl { bottom:-14px;left:-14px;border-bottom-width:1px;border-left-width:1px;transform:translate(6px,-6px) }\n .ms-crop.br { bottom:-14px;right:-14px;border-bottom-width:1px;border-right-width:1px;transform:translate(-6px,-6px) }\n .ms-hero-book.is-tilting .ms-crop { opacity:1;transform:translate(0,0); }\n .ms-book-shadow {\n position:absolute;\n bottom:20px;\n z-index:1;\n width:420px;\n height:45px;\n border-radius:50%;\n background:rgba(0,0,0,.15);\n filter:blur(35px);\n opacity:.15;\n animation:msBookShadow 6s ease-in-out infinite;\n transition:opacity .5s ease;\n }\n .ms-hero-book.is-video-active .ms-book-shadow { opacity:0;animation:none; }\n \/* \u6d6e\u52d5\u5e45\u5ea6\u6536\u6582\uff1a\u7531 12px \u964d\u5230 6px\uff0c\u7dad\u6301\u514b\u5236 *\/\n @keyframes msBookFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }\n @keyframes msBookShadow { 0%,100%{opacity:.15;transform:scaleX(1)} 50%{opacity:.1;transform:scaleX(.94)} }\n\n \/* \u56fa\u5b9a\u8cbc\u5728\u8996\u7a97\u5e95\u90e8\uff1aHero \u9ad8\u65bc\u4e00\u5c4f\u6642\u63d0\u793a\u4ecd\u770b\u5f97\u5230\uff0c\u6372\u96e2\u9996\u5c4f\u5f8c\u81ea\u52d5\u96b1\u53bb *\/\n .ms-first-page {\n position:fixed;\n bottom:26px;\n left:50%;\n z-index:5;\n display:flex;\n flex-direction:column;\n align-items:center;\n gap:8px;\n color:var(--ms-muted);\n font-size:15px;\n line-height:1.5;\n letter-spacing:1px;\n text-decoration:none;\n cursor:pointer;\n opacity:0;\n transform:translateX(-50%) translateY(14px);\n transition:color .35s ease;\n }\n .ms-hero.is-in ~ .ms-first-page {\n animation:msCueIn 1.1s cubic-bezier(.22,.9,.24,1) 1.25s forwards;\n }\n @keyframes msCueIn { to{opacity:1;transform:translateX(-50%) translateY(0)} }\n \/* \u6372\u96e2\u9996\u5c4f\u5f8c\u6de1\u51fa\uff0c\u4e0d\u5e72\u64fe\u5f8c\u7e8c\u5167\u5bb9 *\/\n .ms-first-page.is-hidden {\n opacity:0 !important;\n pointer-events:none;\n transition:opacity .5s ease;\n }\n .ms-first-page:hover { color:var(--ms-primary); }\n .ms-first-page .ms-cue-arrow {\n display:block;\n animation:msCueBob 2.1s ease-in-out infinite;\n }\n .ms-first-page:hover .ms-cue-arrow { animation-duration:1.1s; }\n @keyframes msCueBob {\n 0%,100%{transform:translateY(0);opacity:.55}\n 50%{transform:translateY(7px);opacity:1}\n }\n\n \/* \u77ee\u87a2\u5e55\uff08\u7b46\u96fb 768\/900 \u9ad8\uff09\uff1a\u50c5\u7e2e\u9593\u8ddd\u8207\u5b57\u7d1a\uff0c\u547d\u66f8\u7dad\u6301\u539f\u672c\u6bd4\u4f8b\u4e0d\u7e2e *\/\n @media (min-width:769px) and (max-height:820px) {\n .ms-hero { padding:40px 0 84px; }\n .ms-hero-container { padding-top:16px;padding-bottom:16px; }\n .ms-hero-title { font-size:min(64px,7.6vh); }\n .ms-hero-description { margin-bottom:30px; }\n }\n\n @media (max-width:1024px) {\n .ms-hero-container { gap:44px; }\n \/* \u684c\u6a5f\u7e2e\u5230 1024 \u6642\uff0c45% \u6b04\u5bec\u7d04 420px\uff0c7 \u5b57\u4e0d\u65b7\u884c\u9700 \u2264 60px *\/\n .ms-hero-title { font-size:min(52px,5.1vw); }\n .ms-hero-video { width:min(100%,520px);height:400px; }\n .ms-book-image { max-width:520px; }\n }\n\n @media (max-width:768px) {\n .ms-opening-video { object-fit:cover;object-position:center; }\n .ms-opening-skip {\n right:18px;\n bottom:calc(18px + env(safe-area-inset-bottom));\n padding:9px 16px;\n font-size:13px;\n }\n .ms-hero { min-height:auto;padding:30px 0 50px; }\n .ms-hero-container { flex-direction:column-reverse;padding:0 24px;gap:30px; }\n .ms-hero-content,.ms-hero-book { width:100%; }\n .ms-eyebrow { margin-bottom:18px;font-size:11px;letter-spacing:2.4px; }\n \/* \u624b\u6a5f\u6a19\u984c\u4e0d\u65b7\u884c\uff1a7 \u5b57 \u00d7 \u5b57\u7d1a \u2264 \u53ef\u7528\u5bec\uff08100vw - 48px \u5167\u8ddd\uff09\uff0c\u6545\u4e0a\u9650\u53d6 12.4vw *\/\n .ms-hero-title { margin-bottom:22px;font-size:min(42px,11.8vw);line-height:1.32; }\n .ms-hero-description { margin-bottom:30px;font-size:16px;line-height:1.85; }\n .ms-hero-buttons { flex-direction:column;align-items:flex-start;gap:20px; }\n .ms-primary-btn { width:100%;padding:16px 24px; }\n .ms-hero-bg { transform:none;scale:1.02; }\n .ms-book-tilt { transform:none !important; }\n .ms-primary-btn { min-width:0;gap:16px;padding:17px 20px;font-size:14px;letter-spacing:1.4px; }\n .ms-btn-arrow { width:26px; }\n .ms-crop { display:none; }\n .ms-hero-book { min-height:350px; }\n .ms-hero-video { width:min(100%,350px);height:350px; }\n .ms-book-image { max-width:330px;margin:auto; }\n .ms-book-shadow { bottom:15px;width:260px;height:30px; }\n .ms-first-page { display:none; }\n }\n\n @media (max-width:390px) {\n \/* \u5167\u8ddd\u6536\u5230 18px\uff0c\u53ef\u7528\u5bec\u8b8a\u5927\uff0c\u5b57\u7d1a\u4e0a\u9650\u8ddf\u8457\u653e\u5bec *\/\n .ms-hero-container { padding-right:18px;padding-left:18px; }\n .ms-hero-title { font-size:min(42px,12.6vw); }\n .ms-hero-book { min-height:310px; }\n .ms-hero-video { width:min(100%,310px);height:310px; }\n .ms-book-image { max-width:295px; }\n }\n\n \/* \u6975\u7a84\u6a5f\uff08\u2264340px\uff09\u518d\u964d\u4e00\u968e\uff0c\u78ba\u4fdd 7 \u5b57\u4ecd\u5728\u540c\u4e00\u884c *\/\n @media (max-width:340px) {\n .ms-hero-title { font-size:12.2vw; }\n }\n\n @media (prefers-reduced-motion:reduce) {\n .ms-book-wrap,.ms-book-shadow,.ms-hero-bg,.ms-hero-glow,\n .ms-first-page .ms-cue-arrow { animation:none !important; }\n .ms-eyebrow,.ms-hero-description,.ms-hero-buttons,.ms-first-page { opacity:1 !important;transform:none !important;letter-spacing:3px; }\n .ms-hero-description { letter-spacing:normal; }\n .ms-title-inner,.ms-hero-title.is-split .ms-char,\n .ms-hero-description.is-split .ms-dchar {\n opacity:1 !important;transform:none !important;animation:none !important;filter:none !important;\n }\n .ms-first-page { transform:translateX(-50%) !important; }\n }\n <\/style>\n \n <div id=\"ms-opening-layer\" aria-hidden=\"true\">\n <video\n id=\"ms-opening-video\"\n class=\"ms-opening-video\"\n muted\n playsinline\n webkit-playsinline\n preload=\"auto\"\n >\n <source\n src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-opening.webm%EF%BC%9A%E9%96%8B%E5%A0%B4%E5%8B%95%E7%95%AB.webm\"\n type=\"video\/webm\"\n >\n <\/video>\n\n <div class=\"ms-gold-flash\"><\/div>\n <div class=\"ms-white-flash\"><\/div>\n\n <button id=\"ms-opening-skip\" class=\"ms-opening-skip\" type=\"button\">\n \u7565\u904e\n <\/button>\n <\/div>\n\n \n <div id=\"ms-home-intro-hero\">\n <section id=\"ms-hero-section\" class=\"ms-hero\">\n <div class=\"ms-hero-bg\" id=\"ms-hero-bg\" aria-hidden=\"true\"><\/div>\n <div class=\"ms-hero-glow\" aria-hidden=\"true\"><\/div>\n\n <div class=\"ms-hero-container\">\n <div class=\"ms-hero-content\">\n <div class=\"ms-eyebrow\">YOUR PERSONAL LIFE GUIDE<\/div>\n\n <h1 class=\"ms-hero-title\">\n <span class=\"ms-title-line\"><span class=\"ms-title-inner\">\u6bcf\u4e00\u5e74<\/span><\/span>\n <span class=\"ms-title-line\"><span class=\"ms-title-inner\">\u503c\u5f97\u66f4\u7406\u89e3\u81ea\u5df1<\/span><\/span>\n <\/h1>\n\n <p class=\"ms-hero-description\">\n \u878d\u5408\u547d\u76e4\u3001\u6d41\u5e74\u5206\u6790\u3001\u4eba\u751f\u898f\u5283\u8207\u5e74\u5ea6\u63d0\u9192\u7684\u5c08\u5c6c\u547d\u66f8\uff0c\n \u966a\u4f34\u4f60\u5728\u4eba\u751f\u7684\u91cd\u8981\u6642\u523b\uff0c\u770b\u898b\u66f4\u5b8c\u6574\u7684\u81ea\u5df1\u3002\n <\/p>\n\n\n <div class=\"ms-hero-buttons\">\n <a\n href=\"https:\/\/lin.ee\/ykScCxY\"\n class=\"ms-primary-btn\"\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <span class=\"ms-btn-label\">\u52a0\u5165 LINE<\/span>\n <span class=\"ms-btn-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n <\/div>\n <\/div>\n\n <div id=\"ms-hero-book\" class=\"ms-hero-book\">\n <video\n id=\"ms-hero-video\"\n class=\"ms-hero-video\"\n muted\n playsinline\n webkit-playsinline\n preload=\"auto\"\n >\n <source\n src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-hero.webm\"\n type=\"video\/webm\"\n >\n <\/video>\n\n <div id=\"ms-book-wrap\" class=\"ms-book-wrap\">\n <div class=\"ms-book-tilt\" id=\"ms-book-tilt\">\n <img decoding=\"async\"\n class=\"ms-book-image\"\n src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/\u5c01\u9762-1-1.png\"\n alt=\"\u500b\u4eba\u5c08\u5c6c\u547d\u66f8\"\n >\n <span class=\"ms-crop tl\" aria-hidden=\"true\"><\/span>\n <span class=\"ms-crop tr\" aria-hidden=\"true\"><\/span>\n <span class=\"ms-crop bl\" aria-hidden=\"true\"><\/span>\n <span class=\"ms-crop br\" aria-hidden=\"true\"><\/span>\n <\/div>\n <\/div>\n\n <div class=\"ms-book-shadow\"><\/div>\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <a href=\"#ms-next-page\" class=\"ms-first-page\" data-ms-scroll>\n <span>\u7ffb\u958b\u7b2c\u4e00\u9801<\/span>\n <span class=\"ms-cue-arrow\">\u2193<\/span>\n <\/a>\n <\/div>\n\n \n <div id=\"ms-next-page\" aria-hidden=\"true\" style=\"position:relative;height:1px;\"><\/div>\n\n <script>\n (function () {\n \"use strict\";\n\n var STORAGE_KEY = \"mingshu_intro_played_webm_v2\";\n var TRANSITION_MS = 1150;\n var OPENING_TIMEOUT_MS = 15000;\n var HERO_TIMEOUT_MS = 15000;\n\n function init() {\n var openingLayer = document.getElementById(\"ms-opening-layer\");\n var openingVideo = document.getElementById(\"ms-opening-video\");\n var openingSkip = document.getElementById(\"ms-opening-skip\");\n var heroSection = document.getElementById(\"ms-hero-section\");\n var heroBook = document.getElementById(\"ms-hero-book\");\n var heroVideo = document.getElementById(\"ms-hero-video\");\n var bookWrap = document.getElementById(\"ms-book-wrap\");\n\n if (!openingLayer || !openingVideo || !heroSection || !heroBook || !heroVideo || !bookWrap) {\n \/* \u4fdd\u96aa\uff1a\u6293\u4e0d\u5230\u5143\u7d20\u4e5f\u8981\u89e3\u9664\u906e\u7f69\uff0c\u907f\u514d\u5361\u4f4f *\/\n document.documentElement.classList.remove(\"ms-intro-pending\");\n return;\n }\n\n var introFinished = false;\n var heroStarted = false;\n var heroFinished = false;\n var introTimer = 0;\n var heroTimer = 0;\n\n \/* \u672c\u6a5f\u6216\u6b63\u5f0f\u7db2\u7ad9\u52a0 ?replayIntro=1 \u53ef\u5f37\u5236\u91cd\u64ad\u958b\u5834 *\/\n var forceReplay = new URLSearchParams(window.location.search).get(\"replayIntro\") === \"1\";\n\n function introAlreadyPlayed() {\n if (forceReplay) return false;\n try { return sessionStorage.getItem(STORAGE_KEY) === \"1\"; }\n catch (error) { return false; }\n }\n\n function rememberIntro() {\n try { sessionStorage.setItem(STORAGE_KEY, \"1\"); }\n catch (error) {}\n }\n\n function showBook() {\n if (heroFinished) return;\n heroFinished = true;\n window.clearTimeout(heroTimer);\n heroVideo.pause();\n heroVideo.classList.remove(\"is-playing\");\n heroVideo.classList.add(\"is-ending\");\n heroBook.classList.remove(\"is-video-active\");\n window.setTimeout(function () {\n bookWrap.classList.remove(\"is-waiting\");\n }, 180);\n }\n\n function playHero() {\n if (heroStarted || heroFinished) return;\n heroStarted = true;\n heroBook.classList.add(\"is-video-active\");\n bookWrap.classList.add(\"is-waiting\");\n heroVideo.classList.remove(\"is-ending\");\n heroVideo.classList.add(\"is-playing\");\n heroVideo.addEventListener(\"ended\", showBook, { once:true });\n heroVideo.addEventListener(\"error\", showBook, { once:true });\n \/* <source> \u8f09\u5165\u5931\u6557\u4e0d\u6703\u5192\u6ce1\u5230 <video>\uff0c\u4e14\u932f\u8aa4\u53ef\u80fd\u5728\u6b64\u4e4b\u524d\u5c31\u767c\u751f\u904e\uff0c\n \u6545\u540c\u6642\u300c\u4e3b\u52d5\u5224\u5b9a\u300d\u8207\u300c\u88dc\u7d81\u76e3\u807d\u300d\uff0c\u907f\u514d\u5f71\u7247 404 \u6642\u5c01\u9762\u7a7a\u767d\u5230 15 \u79d2\u903e\u6642 *\/\n var heroSource = heroVideo.querySelector(\"source\");\n if (heroSource) heroSource.addEventListener(\"error\", showBook, { once:true });\n \/* \u540c\u6a23\u4e0d\u53ef\u7528 networkState \/ readyState \u505a\u540c\u6b65\u5224\u5b9a\uff1a\n \u5f71\u7247\u5c1a\u672a\u8f09\u5165\u6642\u9019\u4e9b\u503c\u672c\u4f86\u5c31\u4ee3\u8868\u300c\u9084\u6c92\u958b\u59cb\u300d\uff0c\n \u8aa4\u5224\u6703\u76f4\u63a5\u5403\u6389\u6574\u6bb5\u66f8\u672c\u52d5\u756b\u3002\u5931\u6557\u4e00\u5f8b\u4ea4\u7d66\u4e8b\u4ef6\u8207\u903e\u6642\u8655\u7406\u3002 *\/\n try { heroVideo.currentTime = 0; } catch (error) {}\n var promise = heroVideo.play();\n if (promise && typeof promise.catch === \"function\") promise.catch(showBook);\n heroTimer = window.setTimeout(showBook, HERO_TIMEOUT_MS);\n }\n\n function finishIntro() {\n if (introFinished) return;\n introFinished = true;\n window.clearTimeout(introTimer);\n rememberIntro();\n openingVideo.pause();\n openingLayer.classList.add(\"is-transitioning\");\n heroSection.classList.add(\"is-revealing\");\n\n \/*\n * \u767d\u5149\u5728\u7d04 805ms \u5b8c\u5168\u906e\u6eff\u3002\n * \u7b49\u906e\u6eff\u5f8c\u624d\u96b1\u85cf\u958b\u5834\u5f71\u7247\u4e26\u555f\u52d5 Hero\uff0c\u907f\u514d\u5169\u6bb5\u756b\u9762\u4ea4\u758a\u9583\u5e40\u3002\n *\/\n window.setTimeout(function () {\n openingLayer.classList.add(\"is-covered\");\n playHero();\n }, 850);\n\n window.setTimeout(function () {\n openingLayer.classList.remove(\"is-active\");\n openingLayer.classList.add(\"is-finished\");\n openingLayer.setAttribute(\"aria-hidden\", \"true\");\n document.body.classList.remove(\"ms-page-lock\");\n }, TRANSITION_MS);\n }\n\n function playOpening() {\n if (introAlreadyPlayed()) {\n \/* \u5df2\u64ad\u904e\uff1a\u4e0d\u906e\u7f69\u3001\u76f4\u63a5\u986f\u793a Hero \u4e26\u64ad Hero \u5f71\u7247 *\/\n document.documentElement.classList.remove(\"ms-intro-pending\");\n playHero();\n return;\n }\n\n openingLayer.classList.add(\"is-active\");\n openingLayer.setAttribute(\"aria-hidden\", \"false\");\n document.body.classList.add(\"ms-page-lock\");\n \/* \u2462\u3010\u65b0\u589e\u3011\u4ea4\u68d2\uff1ais-active \u5df2\u63a5\u624b\u986f\u793a\u958b\u5834\u5c64\uff0c\u89e3\u9664\u9996\u5c4f\u906e\u7f69 class\uff0c\n \u8b93\u7d50\u5c3e is-finished \u7684\u6de1\u51fa\u80fd\u6b63\u5e38\u751f\u6548\u3002 *\/\n document.documentElement.classList.remove(\"ms-intro-pending\");\n\n openingVideo.addEventListener(\"ended\", finishIntro, { once:true });\n openingVideo.addEventListener(\"error\", finishIntro, { once:true });\n \/* <source> \u8f09\u5165\u5931\u6557\u4e0d\u6703\u5192\u6ce1\u5230 <video>\uff0c\u9700\u500b\u5225\u76e3\u807d\u3002\n \u6ce8\u610f\uff1a\u4e0d\u53ef\u7528 networkState \u505a\u540c\u6b65\u5224\u5b9a\u2014\u2014\u6b64\u6642\u5f71\u7247\u5c1a\u672a\u958b\u59cb\u8f09\u5165\uff0c\n networkState \u672c\u4f86\u5c31\u662f 3\uff0c\u6703\u88ab\u8aa4\u5224\u6210\u5931\u6557\u800c\u76f4\u63a5\u8df3\u904e\u6574\u6bb5\u958b\u5834\u3002 *\/\n var openingSource = openingVideo.querySelector(\"source\");\n if (openingSource) openingSource.addEventListener(\"error\", finishIntro, { once:true });\n try { openingVideo.currentTime = 0; } catch (error) {}\n\n var promise = openingVideo.play();\n if (promise && typeof promise.catch === \"function\") promise.catch(finishIntro);\n introTimer = window.setTimeout(finishIntro, OPENING_TIMEOUT_MS);\n }\n\n openingSkip.addEventListener(\"click\", finishIntro);\n playOpening();\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", init);\n } else {\n init();\n }\n })();\n <\/script>\n\n \n <script>\n (function () {\n \"use strict\";\n\n var reduceMotion = false;\n try {\n reduceMotion = window.matchMedia(\"(prefers-reduced-motion: reduce)\").matches;\n } catch (e) {}\n\n function init() {\n var hero = document.getElementById(\"ms-hero-section\");\n var content = hero ? hero.querySelector(\".ms-hero-content\") : null;\n var title = hero ? hero.querySelector(\".ms-hero-title\") : null;\n var heroBook = document.getElementById(\"ms-hero-book\");\n var tilt = document.getElementById(\"ms-book-tilt\");\n var bg = document.getElementById(\"ms-hero-bg\");\n if (!hero) return;\n\n \/* 1) \u6a19\u984c\u9010\u5b57\u62c6\u5206\uff1a\u628a\u6bcf\u500b\u4e2d\u6587\u5b57\u5305\u6210 .ms-char \u4e26\u5e36 index\uff0c\u505a\u6ce2\u6d6a\u6d6e\u73fe *\/\n if (title && !reduceMotion) {\n var lines = title.querySelectorAll(\".ms-title-inner\");\n var idx = 0;\n var ok = lines.length > 0;\n for (var i = 0; i < lines.length; i++) {\n var text = lines[i].textContent.trim();\n if (!text) { ok = false; break; }\n var frag = document.createDocumentFragment();\n for (var c = 0; c < text.length; c++) {\n var span = document.createElement(\"span\");\n span.className = \"ms-char\";\n span.style.setProperty(\"--ms-i\", String(idx++));\n span.textContent = text.charAt(c);\n frag.appendChild(span);\n }\n lines[i].textContent = \"\";\n lines[i].appendChild(frag);\n }\n if (ok) title.classList.add(\"is-split\");\n }\n\n \/* 1b) \u6bb5\u843d\u9010\u5b57\u62c6\u5206\uff1a\u4ea4\u4e92\u611f\u7684\u4e3b\u8981\u4f86\u6e90\u4e4b\u4e00 *\/\n var desc = hero.querySelector(\".ms-hero-description\");\n if (desc && !reduceMotion) {\n var dtext = desc.textContent.replace(\/\\s+\/g, \" \").trim();\n if (dtext) {\n var dfrag = document.createDocumentFragment();\n for (var d = 0; d < dtext.length; d++) {\n var ds = document.createElement(\"span\");\n ds.className = \"ms-dchar\";\n ds.style.setProperty(\"--ms-i\", String(d));\n ds.textContent = dtext.charAt(d);\n dfrag.appendChild(ds);\n }\n desc.textContent = \"\";\n desc.appendChild(dfrag);\n desc.classList.add(\"is-split\");\n }\n }\n\n \/* 2) \u9032\u5834\u89f8\u767c\uff1aHero \u4e00\u9032\u8996\u7a97\u5c31\u8dd1\uff0c\u958b\u5834\u5f71\u7247\u64ad\u5b8c\u5f8c\u4ecd\u6703\u6b63\u5e38\u986f\u793a *\/\n var revealed = false;\n function reveal() {\n \/* \u5fc5\u9808\u51aa\u7b49\uff1aIntersectionObserver \u8207\u4fdd\u96aa setTimeout \u90fd\u6703\u547c\u53eb\uff0c\n \u91cd\u5165\u6703\u8b93\u7b2c\u4e8c\u9846 readyAt \u8a08\u6642\u5668\u5728\u6ed1\u9f20\u4e92\u52d5\u5f8c\u628a transform \u6b78\u96f6 *\/\n if (revealed) return;\n revealed = true;\n hero.classList.add(\"is-in\");\n if (content) content.classList.add(\"is-in\");\n \/* \u9010\u5b57\u9032\u5834\u8dd1\u5b8c\u5f8c\u624d\u958b\u653e\u6ed1\u9f20\u4e92\u52d5\uff0c\u907f\u514d\u5169\u7d44 transform \u6253\u67b6 *\/\n if (title && title.classList.contains(\"is-split\")) {\n var chars = title.querySelectorAll(\".ms-char\");\n var last = chars.length ? chars.length - 1 : 0;\n var readyAt = 260 + last * 42 + 950 + 120;\n window.setTimeout(function () {\n if (title.classList.contains(\"is-ready\")) return;\n \/* \u53d6\u6d88\u9032\u5834\u52d5\u756b\u672c\u8eab\uff1aforwards \u586b\u5145\u503c\u7684\u512a\u5148\u6b0a\u9ad8\u65bc inline style\uff0c\n \u4e0d\u53d6\u6d88\u7684\u8a71\u5f8c\u7e8c\u6ed1\u9f20\u4e92\u52d5\u5beb\u5165\u7684 transform \u4e0d\u6703\u751f\u6548\u3002\n \u53d6\u6d88\u524d\u5148\u628a\u7d42\u503c\u56fa\u5b9a\u6210 inline\uff0c\u907f\u514d\u6389\u56de translateY(100%)\u3002 *\/\n for (var i = 0; i < chars.length; i++) {\n chars[i].style.transform = \"translateY(0)\";\n chars[i].style.opacity = \"1\";\n chars[i].style.filter = \"none\";\n if (chars[i].getAnimations) {\n var anims = chars[i].getAnimations();\n for (var a = 0; a < anims.length; a++) anims[a].cancel();\n }\n }\n title.classList.add(\"is-ready\");\n }, readyAt);\n }\n }\n if (reduceMotion) {\n reveal();\n } else if (\"IntersectionObserver\" in window) {\n var io = new IntersectionObserver(function (entries) {\n for (var i = 0; i < entries.length; i++) {\n if (entries[i].isIntersecting) { reveal(); io.disconnect(); break; }\n }\n }, { threshold: 0.18 });\n io.observe(hero);\n \/* \u4fdd\u96aa\uff1a2.4 \u79d2\u5167\u4e00\u5b9a\u986f\u793a\uff0c\u907f\u514d\u4efb\u4f55\u60c5\u6cc1\u5361\u5728\u900f\u660e\u72c0\u614b *\/\n window.setTimeout(reveal, 2400);\n } else {\n reveal();\n }\n\n if (reduceMotion) return;\n\n var isCoarse = false;\n try { isCoarse = window.matchMedia(\"(hover: none)\").matches; } catch (e) {}\n\n \/* 3a) \u6a19\u984c\u9010\u5b57\u6ed1\u9f20\u611f\u61c9\uff1a\u6e38\u6a19\u8d8a\u8fd1\u7684\u5b57\u6d6e\u5f97\u8d8a\u9ad8\u3001\u8d8a\u504f\u91d1\u8272 *\/\n if (title && title.classList.contains(\"is-split\") && !isCoarse) {\n var charEls = [].slice.call(title.querySelectorAll(\".ms-char\"));\n var charBoxes = [];\n var measure = function () {\n charBoxes = charEls.map(function (el) {\n var r = el.getBoundingClientRect();\n return { el: el, cx: r.left + r.width \/ 2, cy: r.top + r.height \/ 2 };\n });\n };\n measure();\n window.addEventListener(\"resize\", measure);\n window.addEventListener(\"scroll\", measure, { passive: true });\n\n var tRaf = 0;\n var RADIUS = 190;\n hero.addEventListener(\"mousemove\", function (ev) {\n if (tRaf) return;\n tRaf = window.requestAnimationFrame(function () {\n tRaf = 0;\n for (var i = 0; i < charBoxes.length; i++) {\n var c = charBoxes[i];\n var dx = ev.clientX - c.cx;\n var dy = ev.clientY - c.cy;\n var dist = Math.sqrt(dx * dx + dy * dy);\n var lift = dist < RADIUS ? (1 - dist \/ RADIUS) : 0;\n c.el.style.setProperty(\"--ms-lift\", lift.toFixed(3));\n c.el.style.transform = \"translateY(\" + (lift * -12).toFixed(2) + \"px)\";\n }\n });\n });\n hero.addEventListener(\"mouseleave\", function () {\n for (var i = 0; i < charBoxes.length; i++) {\n charBoxes[i].el.style.setProperty(\"--ms-lift\", \"0\");\n charBoxes[i].el.style.transform = \"translateY(0)\";\n }\n });\n }\n\n \/* 3) \u547d\u66f8 3D \u50be\u659c\uff1a\u89d2\u5ea6\u6536\u6582\u81f3 \u00b15\u00b0\uff0c\u50c5\u4f5c\u70ba\u300c\u53ef\u88ab\u7aef\u8a73\u300d\u7684\u7d30\u5fae\u56de\u994b *\/\n if (heroBook && tilt && !isCoarse) {\n heroBook.addEventListener(\"mouseenter\", function () {\n heroBook.classList.add(\"is-tilting\");\n });\n heroBook.addEventListener(\"mousemove\", function (ev) {\n var r = heroBook.getBoundingClientRect();\n var px = (ev.clientX - r.left) \/ r.width - 0.5;\n var py = (ev.clientY - r.top) \/ r.height - 0.5;\n tilt.style.setProperty(\"--ms-ry\", (px * 5).toFixed(2) + \"deg\");\n tilt.style.setProperty(\"--ms-rx\", (-py * 3.6).toFixed(2) + \"deg\");\n tilt.style.setProperty(\"--ms-bs\", \"1.015\");\n });\n heroBook.addEventListener(\"mouseleave\", function () {\n heroBook.classList.remove(\"is-tilting\");\n tilt.style.setProperty(\"--ms-ry\", \"0deg\");\n tilt.style.setProperty(\"--ms-rx\", \"0deg\");\n tilt.style.setProperty(\"--ms-bs\", \"1\");\n });\n }\n\n \/* 4) \u80cc\u666f\u8996\u5dee\uff1a\u4f4d\u79fb\u58d3\u5230\u6975\u5c0f\uff0c\u53ea\u505a\u7a7a\u9593\u6df1\u5ea6\u4e0d\u505a\u52d5\u52e2 *\/\n if (bg && !isCoarse) {\n var raf = 0;\n hero.addEventListener(\"mousemove\", function (ev) {\n if (raf) return;\n raf = window.requestAnimationFrame(function () {\n raf = 0;\n var r = hero.getBoundingClientRect();\n var px = (ev.clientX - r.left) \/ r.width - 0.5;\n var py = (ev.clientY - r.top) \/ r.height - 0.5;\n bg.style.setProperty(\"--ms-bgx\", (-px * 12).toFixed(2) + \"px\");\n bg.style.setProperty(\"--ms-bgy\", (-py * 9).toFixed(2) + \"px\");\n });\n });\n hero.addEventListener(\"mouseleave\", function () {\n bg.style.setProperty(\"--ms-bgx\", \"0px\");\n bg.style.setProperty(\"--ms-bgy\", \"0px\");\n });\n }\n\n \/* 5b) \u6372\u96e2\u9996\u5c4f\u5f8c\u96b1\u53bb\u5e95\u90e8\u63d0\u793a *\/\n var cue = document.querySelector(\".ms-first-page\");\n if (cue) {\n var cRaf = 0;\n window.addEventListener(\"scroll\", function () {\n if (cRaf) return;\n cRaf = window.requestAnimationFrame(function () {\n cRaf = 0;\n var past = window.scrollY > window.innerHeight * 0.42;\n cue.classList.toggle(\"is-hidden\", past);\n });\n }, { passive: true });\n }\n\n \/* 6) \u5e73\u6ed1\u6372\u52d5\uff1a\u7ffb\u958b\u4e0b\u4e00\u9801 \/ \u7ffb\u958b\u7b2c\u4e00\u9801 *\/\n var scrollers = document.querySelectorAll(\"[data-ms-scroll]\");\n for (var s = 0; s < scrollers.length; s++) {\n scrollers[s].addEventListener(\"click\", function (ev) {\n var href = this.getAttribute(\"href\") || \"\";\n if (href.charAt(0) !== \"#\") return;\n var target = document.querySelector(href);\n \/* \u627e\u4e0d\u5230\u6307\u5b9a\u9328\u9ede\u6642\uff0c\u9000\u800c\u6372\u5230 Hero \u7684\u4e0b\u4e00\u500b\u5144\u5f1f\u5340\u584a *\/\n if (!target || target.offsetHeight <= 1) {\n var wrap = document.getElementById(\"ms-home-intro-hero\");\n target = wrap ? wrap.nextElementSibling : null;\n }\n ev.preventDefault();\n if (target && target.scrollIntoView) {\n target.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\n } else {\n window.scrollTo({ top: hero.offsetHeight, behavior: \"smooth\" });\n }\n });\n }\n }\n\n if (document.readyState === \"loading\") {\n document.addEventListener(\"DOMContentLoaded\", init);\n } else {\n init();\n }\n })();\n <\/script>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a984d9a e-flex e-con-boxed e-con e-parent\" data-id=\"a984d9a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-285689f elementor-widget elementor-widget-menu-anchor\" data-id=\"285689f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"about\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1213c66 elementor-widget elementor-widget-html\" data-id=\"1213c66\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE A \u2014 \u4ec0\u9ebc\u662f\u547d\u66f8\uff5c\u547d\u66f8 MING SHU<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE A\uff1a\u4ec0\u9ebc\u662f\u547d\u66f8\n \u9328\u9ede\uff1a#what \uff5c \u4eae\u5834\u7c73\u767d\n ------------------------------------------------------------\n V3 \u8a2d\u8a08\u65b9\u5411\uff1a\u7406\u6027\u30fb\u79e9\u5e8f\u30fb\u7b56\u5c55\u5f0f\u7de8\u8f2f\u6392\u7248\n 1. \u5c0d\u6bd4\u5340\u6539\u300c\u898f\u683c\u5c0d\u7167\u8868\u300d\uff1a\u4e94\u500b\u6bd4\u8f03\u7dad\u5ea6\u6a6b\u5411\u5c0d\u7167\uff0c\n \u7528\u898f\u683c\u53d6\u4ee3\u5197\u9918\u6558\u8ff0\uff0c\u4e00\u773c\u53ef\u6bd4\u3002\n 2. \u5f71\u50cf\u5be6\u8b49\uff1a\u4ee5\u73fe\u6709\u4e3b\u8996\u89ba\uff08\u7cbe\u88dd\u66f8\u9ad4\u3001\u547d\u76e4\u5167\u9801\u3001\u5e74\u904b\u5206\u6790\u5167\u9801\uff09\n \u76f4\u63a5\u69cb\u6210\u8ad6\u64da\uff0c\u975e\u88dd\u98fe\u3002\n 3. \u7dad\u6301\u539f\u4e3b\u8996\u89ba\u914d\u8272\u8207\u8a9e\u5f59\uff0c\u4e0d\u4f7f\u7528\u7d30\u7dda\u67f5\u6b04\u3002\n 4. \u7cbe\u7dfb\u4ea4\u4e92\uff1a\u5c0d\u7167\u5217 hover \u806f\u52d5\u3001\u5f71\u50cf\u8996\u5dee\u3001\u5e8f\u5217\u9032\u5834\u3001\n \u6307\u6a19\u6578\u5b57 countUp\u3001\u5c0d\u7167\u8ef8\u6383\u63cf\u7dda\u3002\n 5. \u684c\u6a5f\uff0f\u5e73\u677f\uff0f\u624b\u6a5f\u4e09\u65b7\u9ede\u96f6\u6ea2\u51fa\u3002\n ============================================================ *\/\n\n:root{\n \/* ---------- \u8272\u5f69\uff08\u6cbf\u7528\u539f\u4e3b\u8996\u89ba\uff09 ---------- *\/\n --ink:#1A1410;\n --ink-deep:#0E2740;\n --navy:#12304F;\n --navy-2:#0C2440;\n --paper:#FAF6EF;\n --paper-2:#F4EEE4;\n --paper-3:#EFE7D9;\n --gold:#B08D4F;\n --gold-light:#C9A870;\n --gold-pale:#D8C39A;\n --brown:#6A5530;\n --muted:#3E3730; \/* \u518d\u52a0\u6df1\uff1a\u539f #5C5349 \u4ecd\u504f\u6dfa *\/\n --muted-soft:#4A423A; \/* \u4e09\u7d1a\u8cc7\u8a0a\u4e5f\u4e00\u4f75\u52a0\u6df1 *\/\n --line:rgba(176,141,79,.32);\n --line-soft:rgba(176,141,79,.16);\n\n \/* \u4e00\u822c\u547d\u76e4\u5074\uff1a\u58d3\u6291\u4f46\u4ecd\u9700\u770b\u5f97\u6e05\u695a *\/\n --dim-text:#6B655D; \/* \u539f #948E85 \u592a\u6dfa *\/\n --dim-title:#585249; \/* \u539f #7D776E \u592a\u6dfa *\/\n --dim-bg:#F0EEEA;\n\n \/* ---------- \u5b57\u9ad4 ---------- *\/\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n\n \/* ---------- \u5c3a\u5ea6 ---------- *\/\n \/* \u5168\u9762\u52a0\u5927\u4e00\u865f *\/\n --fs-eyebrow:clamp(12px,.95vw,14px);\n --fs-h2:clamp(34px,5vw,66px);\n --fs-h3:clamp(22px,2.3vw,32px);\n --fs-lead:clamp(16.5px,1.45vw,21px);\n --fs-body:clamp(16px,1.32vw,19px);\n --fs-spec:clamp(16.5px,1.42vw,21px);\n --fs-small:clamp(13.5px,1.05vw,15.5px);\n --fs-micro:clamp(11.5px,.88vw,13px);\n\n --track-eyebrow:.34em;\n --track-label:.22em;\n\n --sec-pad-y:clamp(84px,10vw,176px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:1240px;\n\n \/* ---------- \u52d5\u6548 ---------- *\/\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.32s; --dur:.6s; --dur-slow:.9s;\n\n --radius:4px; --radius-lg:10px;\n --shadow-soft:0 18px 48px rgba(26,20,16,.09);\n --shadow-lift:0 30px 76px rgba(26,20,16,.16);\n --shadow-book:0 34px 80px rgba(12,36,64,.26);\n}\n\n*,*::before,*::after{box-sizing:border-box;}\nhtml{-webkit-text-size-adjust:100%;}\n\n\/* ============================================================\n \u2605 \u4e3b\u984c\u6ce8\u5165\u9632\u8b77\uff08WordPress\uff0fElementor \u5fc5\u5099\uff09\n ------------------------------------------------------------\n \u4f48\u666f\u4e3b\u984c\u6216\u5916\u639b\u5e38\u5c0d li \/ span \/ p \u6ce8\u5165 ::before \u88dd\u98fe\uff08\u5713\u9ede\u3001\u83f1\u5f62\u3001\n \u5f15\u865f\u7b49\uff09\uff0c\u6703\u58d3\u5728\u6587\u5b57\u4e0a\u6216\u7834\u58de\u7248\u9762\uff0c\u800c\u672c\u5730\u958b\u6a94\u5b8c\u5168\u770b\u4e0d\u5230\u3002\n \u6b64\u8655\u5148\u628a\u53ef\u80fd\u88ab\u6ce8\u5165\u7684\u507d\u5143\u7d20\u4e00\u5f8b\u6e05\u7a7a\uff0c\u672c\u6a94\u771f\u6b63\u9700\u8981\u7684\u88dd\u98fe\n \uff08\u91d1\u8272\u83f1\u5f62\u3001\u6c34\u5370\u6578\u5b57\u3001\u91d1\u7dda\u7b49\uff09\u90fd\u5728\u6b64\u5340\u584a\u4e4b\u5f8c\u624d\u5ba3\u544a\uff0c\u4e0d\u53d7\u5f71\u97ff\u3002\n \u26a0\ufe0f \u65e5\u5f8c\u65b0\u589e\u88dd\u98fe\u507d\u5143\u7d20\u6642\uff0c\u52d9\u5fc5\u5beb\u5728\u672c\u5340\u584a\u4e4b\u5f8c\u3002\n ============================================================ *\/\n#what li::before,#what li::after,\n#what p::before,#what p::after,\n#what span::before,#what span::after,\n#what div::before,#what div::after,\n#what h2::before,#what h2::after,\n#what h3::before,#what h3::after,\n#what h4::before,#what h4::after,\n#what ul::before,#what ul::after,\n#what figure::before,#what figure::after,\n#what figcaption::before,#what figcaption::after,\n#what article::before,#what article::after,\n#what aside::before,#what aside::after{\n content:none !important;\n}\n\/* \u6e05\u6389\u4e3b\u984c\u53ef\u80fd\u52a0\u7684\u5217\u8868\u7b26\u865f *\/\n#what ul,#what ol,#what li{\n list-style:none !important;\n list-style-type:none !important;\n list-style-image:none !important;\n}\n\n\/* ============================================================\n \u2605 \u984f\u8272\u9396\uff08\u8cbc\u5165 Elementor\uff0fWordPress \u5fc5\u8981\uff09\n ------------------------------------------------------------\n Elementor \u5bb9\u5668\u53ef\u5728\u5f8c\u53f0\u8a2d\u5b9a\u300c\u6587\u5b57\u984f\u8272\u300d\uff0c\u5176\u7522\u751f\u7684\u9078\u64c7\u5668\n \uff08.elementor-element-xxxxx\uff09\u7279\u7570\u6027\u9ad8\u65bc\u4e00\u822c class\uff0c\u6703\u8b93\u672c\u5340\u584a\n \u7684\u6a19\u984c\u8207\u5167\u6587\u88ab\u6539\u6210\u767d\u8272\u800c\u5728\u7c73\u767d\u5e95\u4e0a\u5b8c\u5168\u770b\u4e0d\u898b\u3002\n \u6b64\u8655\u4ee5 #what\uff08ID\uff0c\u7279\u7570\u6027 1-0-0\uff09\u914d\u5408 !important \u9396\u6b7b\u6240\u6709\u6587\u5b57\u8272\uff0c\n \u78ba\u4fdd\u7121\u8ad6\u5916\u5c64\u5bb9\u5668\u600e\u9ebc\u8a2d\u5b9a\uff0c\u672c\u5340\u584a\u7684\u914d\u8272\u90fd\u4e0d\u88ab\u8986\u5beb\u3002\n \u540c\u6642\u6e05\u9664\u4e3b\u984c\u53ef\u80fd\u52a0\u4e0a\u7684 text-shadow\uff08\u767d\u8272\u5149\u6688\u6703\u8b93\u5b57\u767c\u7cca\uff09\u3002\n ============================================================ *\/\n#what,\n#what h2,#what h3,#what h4,#what h5,\n#what p,#what span,#what li,#what div,#what strong,#what em,#what i,#what b{\n text-shadow:none !important;\n -webkit-text-stroke:0 !important;\n}\n\n\/* \u4e3b\u8272\uff1a\u6a19\u984c\u8207\u5f37\u8abf\u6587\u5b57\u4e00\u5f8b\u8fd1\u7d14\u9ed1 *\/\n#what .ms-h2,\n#what .ms-h2 .ms-line,\n#what .ms-points-title,\n#what .ms-pages-title,\n#what .ms-proof-title,\n#what .ms-spec-key-text,\n#what .ms-spec-head-col--book h3,\n#what .ms-spec-val--book,\n#what .ms-spec-val--book span,\n#what .ms-point-text,\n#what .ms-point-text span,\n#what .ms-stat-num,\n#what .ms-stat-num i,\n#what .ms-proof-meta .v,\n#what .ms-page-cap strong,\n#what .ms-book-item h4{\n color:#12100E !important;\n}\n#what .ms-spec-val--book strong,\n#what .ms-h2 .ms-accent,\n#what .ms-points-title em{\n color:#4A3B1E !important; \/* \u6df1\u68d5\u91cd\u9ede\u5b57 *\/\n}\n\n\/* \u6b21\u8981\u6587\u5b57 \u2014\u2014 \u9023\u540c\u5167\u5c64 span \u4e00\u4f75\u9396\u4f4f\u3002\n \u5bb9\u5668\u8a2d\u767d\u5b57\u6642\u6703\u7528 `span{color:#fff}` \u76f4\u63a5\u547d\u4e2d\u5167\u5c64\u7bc0\u9ede\uff0c\n \u53ea\u9396\u7236\u5c64\u662f\u4e0d\u5920\u7684\u3002 *\/\n#what .ms-lead,\n#what .ms-lead span,\n#what .ms-lead-seg,\n#what .ms-nb,\n#what .ms-proof-desc,\n#what .ms-stat-note,\n#what .ms-book-item p,\n#what .ms-page-fig--book .ms-page-cap,\n#what .ms-page-fig--book .ms-page-cap span{\n color:#3E3730 !important;\n}\n#what .ms-stat-label,\n#what .ms-proof-meta .k{\n color:#4A423A !important;\n}\n\n\/* \u91d1\u8272\u7cfb\uff08\u7d22\u5f15\u3001\u7de8\u865f\u3001\u82f1\u6587\u5c0f\u6a19\uff09 *\/\n#what .ms-eyebrow,\n#what .ms-spec-idx,\n#what .ms-point-num,\n#what .ms-col--book .ms-col-sub,\n#what .ms-proof-label,\n#what .ms-spec-head-col--book .ms-spec-head-label,\n#what .ms-page-fig--book .ms-page-cap .n,\n#what .ms-stat-num span{ \/* \u300c\u500b\u6708\uff0f\u5927\u9762\u5411\uff0f\u7a2e\u7248\u672c\u300d\u5f8c\u7db4\u7dad\u6301\u91d1\u8272 *\/\n color:#96703C !important;\n}\n\n\/* \u4e00\u822c\u547d\u76e4\u5074\uff08\u523b\u610f\u58d3\u6291\uff0c\u4f46\u4ecd\u9700\u770b\u5f97\u6e05\u695a\uff09 *\/\n#what .ms-spec-val--plain,\n#what .ms-spec-val--plain span,\n#what .ms-plain-list li,\n#what .ms-plain-list li span{\n color:#6B655D !important;\n}\n#what .ms-spec-head-col--plain h3,\n#what .ms-col--plain .ms-col-title,\n#what .ms-page-fig--plain .ms-page-cap,\n#what .ms-page-fig--plain .ms-page-cap span,\n#what .ms-page-fig--plain .ms-page-cap .n,\n#what .ms-page-fig--plain .ms-page-cap strong{\n color:#585249 !important;\n}\n#what .ms-spec-head-col--plain .ms-spec-head-label,\n#what .ms-spec-head-label{\n color:#4A423A !important;\n}\n\n\/* \u80cc\u666f\u9396\uff1a\u907f\u514d\u5916\u5c64\u5bb9\u5668\u7684\u6df1\u8272\u80cc\u666f\u8b93\u7c73\u767d\u5340\u584a\u5931\u6548 *\/\n#what{\n color:#1A1410 !important;\n}\nbody{\n margin:0; background:var(--paper); color:var(--ink);\n font-family:var(--sans); font-weight:400;\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n overflow-x:hidden;\n}\nimg{max-width:100%; height:auto; display:block;}\n\n\/* ============================================================\n SECTION \u5916\u6846\n ============================================================ *\/\n.ms-what{\n position:relative; overflow:hidden;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:\n radial-gradient(120% 80% at 82% 4%, #FFFDF8 0%, rgba(255,253,248,0) 55%),\n linear-gradient(180deg,#FBF8F2 0%,var(--paper) 40%,var(--paper-2) 100%);\n}\n#what .ms-what::before{\n content:\"\" !important; position:absolute; inset:0; pointer-events:none; opacity:.5;\n background-image:\n repeating-linear-gradient(96deg, rgba(176,141,79,.030) 0 1px, transparent 1px 3px),\n repeating-linear-gradient(174deg, rgba(106,85,48,.022) 0 1px, transparent 1px 4px);\n mix-blend-mode:multiply;\n}\n#what .ms-what::after{\n content:\"\" !important; position:absolute; left:100%; top:5%;\n width:min(44vw,540px); aspect-ratio:1;\n transform:translateX(-62%);\n border:1px solid rgba(176,141,79,.10); border-radius:50%;\n background:radial-gradient(circle at 50% 50%, rgba(176,141,79,.045) 0%, transparent 62%);\n pointer-events:none;\n animation:ms-breathe 14s var(--ease-soft) infinite;\n}\n@keyframes ms-breathe{\n 0%,100%{transform:translateX(-62%) scale(1) rotate(0deg); opacity:.72;}\n 50% {transform:translateX(-62%) scale(1.05) rotate(6deg); opacity:1;}\n}\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n \u6a19\u984c\u7fa4\n ============================================================ *\/\n.ms-head{text-align:center; max-width:min(100%,900px); margin:0 auto clamp(56px,7vw,104px);}\n\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:18px;\n font-size:var(--fs-eyebrow); font-weight:600;\n letter-spacing:var(--track-eyebrow); color:#96703C;\n text-transform:uppercase; margin:0 0 clamp(22px,2.4vw,34px);\n}\n#what .ms-eyebrow::before,#what .ms-eyebrow::after{\n content:\"\" !important; width:clamp(30px,4.4vw,62px); height:1px;\n background:linear-gradient(90deg,transparent,var(--gold));\n transform:scaleX(1); transform-origin:right;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.ms-eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent); transform-origin:left;}\n.ms-anim .ms-eyebrow::before,.ms-anim .ms-eyebrow::after{transform:scaleX(0);}\n.ms-anim .is-in .ms-eyebrow::before,.ms-anim .is-in .ms-eyebrow::after{transform:scaleX(1);}\n\n\/* \u6a19\u984c\uff1a\u7d14\u9ed1\u6700\u6e05\u695a\u3002\n \u4e26\u5f37\u5236\u6e05\u9664 Elementor\uff0f\u4e3b\u984c\u53ef\u80fd\u52a0\u5728\u6a19\u984c\u4e0a\u7684 text-shadow\n \uff08\u6703\u7522\u751f\u767d\u8272\u5149\u6688\uff0c\u8b93\u5b57\u770b\u8d77\u4f86\u9ad2\u4e14\u6a21\u7cca\uff09\u3002 *\/\n.ms-h2,\n.ms-h2 .ms-line,\n.ms-h2 .ms-accent{\n text-shadow:none!important;\n -webkit-text-stroke:0!important;\n}\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.34; letter-spacing:.02em;\n color:#12100E; \/* \u8fd1\u7d14\u9ed1 *\/\n margin:0 0 clamp(22px,2.4vw,32px);\n \/* \u4e2d\u6587\u6a19\u984c\u9632\u5b64\u5b57\uff1a\u6574\u53e5\u4e0d\u62c6\u884c\uff0c\u53ea\u5728 <br> \u8655\u65b7 *\/\n text-wrap:balance;\n}\n.ms-h2 .ms-line{display:inline-block;} \/* \u6bcf\u884c\u6210\u584a\uff0c\u4e0d\u5728\u53e5\u4e2d\u65b7\u5b57 *\/\n\/* \u91cd\u9ede\u5b57\u6539\u91d1\u8272\u5e95\u7dda\uff0c\u4e0d\u7528\u534a\u900f\u660e\u8272\u584a\u758a\u5b57\uff08\u539f\u505a\u6cd5\u58d3\u4f4e\u5c0d\u6bd4\uff09 *\/\n\/* \u91cd\u9ede\u5b57\uff1a\u6df1\u68d5\uff08\u6bd4\u539f --brown #6A5530 \u66f4\u6df1\uff09\uff0c\u7dad\u6301\u91d1\u7cfb\u8272\u76f8\u4f46\u62c9\u958b\u5c0d\u6bd4 *\/\n.ms-h2 .ms-accent{\n position:relative; display:inline-block;\n color:#4A3B1E;\n}\n#what .ms-h2 .ms-accent::after{\n content:\"\" !important; position:absolute; left:0; right:0; bottom:-.06em;\n height:3px; border-radius:2px;\n background:linear-gradient(90deg,var(--gold-light),var(--gold),rgba(176,141,79,.25));\n transform:scaleX(1); transform-origin:left;\n transition:transform 1.05s var(--ease-out) .45s;\n}\n.ms-anim .ms-h2 .ms-accent::after{transform:scaleX(0);}\n.ms-anim .is-in .ms-h2 .ms-accent::after{transform:scaleX(1);}\n\n.ms-lead{\n font-size:var(--fs-lead); line-height:2.05; color:var(--muted);\n max-width:62ch; margin:0 auto; font-weight:500;\n text-shadow:none!important;\n text-wrap:pretty; \/* \u907f\u514d\u884c\u5c3e\u5b64\u5b57 *\/\n}\n\/* \u684c\u6a5f\uff1a\u5169\u53e5\u5404\u81ea\u6210\u884c\uff08\u53d6\u4ee3\u786c\u5beb\u7684 <br>\uff0c\u624b\u6a5f\u624d\u80fd\u81ea\u7531\u91cd\u6392\uff09 *\/\n.ms-lead-br{display:block; height:0;}\n.ms-lead-seg{display:inline;}\n\/* \u53e5\u5c3e\u7247\u8a9e\u4e0d\u62c6\u884c\uff0c\u907f\u514d\u300c\u8cc7\u8a0a\uff1b\u300d\u55ae\u7368\u6210\u884c *\/\n.ms-nb{white-space:nowrap;}\n\n\/* ============================================================\n \u898f\u683c\u5c0d\u7167\u8868\n ============================================================ *\/\n.ms-spec{\n margin-bottom:clamp(72px,8.5vw,140px);\n}\n\n\/* --- \u8868\u982d --- *\/\n.ms-spec-head{\n display:grid;\n grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.25fr);\n gap:clamp(12px,1.6vw,28px);\n align-items:end;\n padding-bottom:clamp(16px,1.8vw,24px);\n border-bottom:2px solid var(--ink-deep);\n position:relative;\n}\n\/* \u8868\u982d\u4e3b\u8ef8\u7dda\uff1a\u9032\u5834\u6642\u7531\u5de6\u5f80\u53f3\u5c55\u958b *\/\n#what .ms-spec-head::after{\n content:\"\" !important; position:absolute; left:0; bottom:-2px;\n height:2px; width:100%;\n background:linear-gradient(90deg,var(--gold-light),var(--gold),rgba(176,141,79,.2));\n transform:scaleX(0); transform-origin:left;\n transition:transform 1.2s var(--ease-out) .15s;\n}\n.ms-anim .is-in .ms-spec-head::after{transform:scaleX(1);}\n.ms-spec-head-label{\n font-size:var(--fs-micro); font-weight:600;\n letter-spacing:var(--track-label); text-transform:uppercase;\n color:var(--muted-soft);\n}\n.ms-spec-head-col{min-width:0;}\n.ms-spec-head-col h3{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(18px,1.8vw,25px); line-height:1.4;\n margin:6px 0 0; letter-spacing:.03em;\n}\n.ms-spec-head-col--plain h3{color:var(--dim-title);}\n.ms-spec-head-col--book h3{color:#12100E;}\n.ms-spec-head-col--book{position:relative;}\n\/* \u4e3b\u89d2\u6b04\u7684\u91d1\u8272\u6a19\u8b58\u9ede *\/\n.ms-spec-head-col--book .ms-spec-head-label{color:var(--gold);}\n#what .ms-spec-head-col--book .ms-spec-head-label::before{\n content:\"\u25c6\" !important; margin-right:7px; font-size:.9em;\n}\n\n\/* --- \u8cc7\u6599\u5217 --- *\/\n.ms-spec-row{\n display:grid;\n grid-template-columns:minmax(0,.85fr) minmax(0,1fr) minmax(0,1.25fr);\n gap:clamp(12px,1.6vw,28px);\n align-items:center;\n padding:clamp(20px,2.3vw,32px) 0;\n border-bottom:1px solid var(--line-soft);\n position:relative;\n transition:opacity var(--dur) var(--ease-out),\n transform var(--dur) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-anim .ms-spec-row{opacity:0; transform:translateY(14px);}\n.ms-anim .is-in .ms-spec-row,\n.ms-anim .ms-spec-row.is-in{opacity:1; transform:none;}\n\n\/* hover \u806f\u52d5\uff1a\u6574\u5217\u6de1\u91d1\u5e95 + \u5de6\u7de3\u91d1\u7dda\u6383\u51fa *\/\n#what .ms-spec-row::before{\n content:\"\" !important; position:absolute; left:0; right:0; top:0; bottom:0;\n background:linear-gradient(90deg, rgba(201,168,112,.09), rgba(201,168,112,.02) 60%, transparent);\n opacity:0; pointer-events:none;\n transition:opacity var(--dur-fast) var(--ease-out);\n}\n#what .ms-spec-row::after{\n content:\"\" !important; position:absolute; left:0; bottom:-1px; height:1px; width:0;\n background:linear-gradient(90deg,var(--gold),rgba(176,141,79,.15));\n transition:width .55s var(--ease-out);\n}\n.ms-spec-row:hover::before{opacity:1;}\n.ms-spec-row:hover::after{width:100%;}\n\n\/* \u7dad\u5ea6\u6b04 *\/\n.ms-spec-key{\n display:flex; align-items:baseline; gap:clamp(10px,1.2vw,16px);\n min-width:0;\n}\n.ms-spec-idx{\n font-family:var(--serif); font-size:var(--fs-small);\n letter-spacing:.14em; color:#96703C; \/* \u52a0\u6df1\u91d1\uff0c\u7c73\u767d\u5e95\u4e0a\u624d\u8b80\u5f97\u6e05 *\/\n font-weight:700; flex:0 0 auto;\n transition:color var(--dur-fast) var(--ease-out),\n transform var(--dur-fast) var(--ease-out);\n}\n.ms-spec-row:hover .ms-spec-idx{color:var(--brown); transform:translateX(2px);}\n.ms-spec-key-text{\n font-family:var(--serif); font-weight:700; \/* 600\u2192700 *\/\n font-size:var(--fs-spec); line-height:1.55;\n color:#12100E; \/* \u7d14\u9ed1\uff0c\u6700\u6e05\u695a *\/\n letter-spacing:.03em;\n min-width:0;\n}\n\n\/* \u503c\u6b04\u5171\u7528 \u2014\u2014 \u4f9d\u6307\u793a\u5168\u9762\u52a0\u7c97 *\/\n.ms-spec-val{\n font-size:var(--fs-spec); line-height:1.75; min-width:0;\n font-weight:600;\n}\n\/* \u4e00\u822c\u547d\u76e4\u5074\uff1a\u76f8\u5c0d\u58d3\u6291\uff0c\u4f46\u4ecd\u9700\u6e05\u695a\u53ef\u8b80 *\/\n.ms-spec-val--plain{\n color:var(--dim-text); font-weight:600;\n display:flex; align-items:flex-start; gap:10px;\n}\n#what .ms-spec-val--plain::before{\n content:\"\" !important; flex:0 0 auto; width:11px; height:1px;\n background:currentColor; opacity:.6; margin-top:.85em;\n}\n\/* \u547d\u66f8\u5074\uff1a\u4e3b\u89d2 *\/\n.ms-spec-val--book{\n color:#12100E; font-weight:600;\n display:flex; align-items:flex-start; gap:11px;\n}\n#what .ms-spec-val--book::before{\n content:\"\u2726\" !important; flex:0 0 auto; color:var(--gold);\n font-size:.92em; line-height:1.75;\n transition:transform .55s var(--ease-out), color var(--dur-fast) var(--ease-out), opacity .45s var(--ease-out);\n}\n\/* \u9032\u5834\uff1a\u83f1\u5f62\u65cb\u8f49\u653e\u5927\u5165\u5834 *\/\n.ms-anim .ms-spec-val--book::before{transform:scale(.35) rotate(-120deg); opacity:0;}\n.ms-anim .is-in .ms-spec-val--book::before{transform:scale(1) rotate(0deg); opacity:1;}\n.ms-spec-row:hover .ms-spec-val--book::before{\n transform:scale(1.24) rotate(-12deg); color:var(--brown);\n}\n.ms-spec-val--book strong{\n font-weight:800; color:var(--ink-deep); \/* \u6bd4\u5468\u570d 600 \u66f4\u91cd\uff0c\u7dad\u6301\u5c64\u6b21 *\/\n}\n\n\/* --- \u8868\u5c3e\u7d71\u8a08\u689d --- *\/\n.ms-spec-foot{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n gap:clamp(14px,2vw,32px);\n margin-top:clamp(30px,3.4vw,50px);\n padding-top:clamp(26px,3vw,40px);\n border-top:1px solid var(--line);\n}\n.ms-stat{\n position:relative;\n text-align:center;\n padding-top:clamp(14px,1.6vw,22px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n\/* \u6bcf\u500b\u7d71\u8a08\u4e0a\u7de3\u7684\u91d1\u7dda\uff0c\u9032\u5834\u7531\u4e2d\u5fc3\u5c55\u958b *\/\n#what .ms-stat::before{\n content:\"\" !important; position:absolute; top:0; left:50%;\n width:min(64px,40%); height:2px;\n transform:translateX(-50%) scaleX(0);\n background:linear-gradient(90deg,rgba(176,141,79,0),var(--gold),rgba(176,141,79,0));\n transition:transform .85s var(--ease-out) .25s;\n}\n.ms-anim .is-in .ms-stat::before,\n.ms-anim .ms-stat.is-in::before{transform:translateX(-50%) scaleX(1);}\n.ms-anim .ms-stat{opacity:0; transform:translateY(16px);}\n.ms-anim .is-in .ms-stat,\n.ms-anim .ms-stat.is-in{opacity:1; transform:none;}\n.ms-stat-num{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(34px,4vw,58px); line-height:1.1;\n color:#12100E; letter-spacing:.02em;\n display:block; margin-bottom:10px;\n}\n.ms-stat-num i{\n font-style:normal;\n font-variant-numeric:tabular-nums; \/* \u7b49\u5bec\u6578\u5b57\uff0ccountUp \u6642\u4e0d\u6296\u52d5 *\/\n}\n.ms-stat-num span{\n font-family:var(--sans);\n font-size:.36em; color:var(--gold); margin-left:5px; font-weight:500;\n letter-spacing:.06em;\n}\n.ms-stat-label{\n font-size:var(--fs-micro); letter-spacing:var(--track-label);\n text-transform:uppercase; color:var(--muted-soft); font-weight:600;\n display:block; margin-bottom:5px;\n}\n.ms-stat-note{\n font-size:var(--fs-small); color:var(--muted); line-height:1.7;\n font-weight:500;\n}\n\n\/* ============================================================\n \u5f71\u50cf\u5be6\u8b49\u5340\n ============================================================ *\/\n.ms-proof{\n --px:0px; \/* \u7531 JS \u5beb\u5165\u7684\u6372\u52d5\u8996\u5dee\u91cf\uff0c\u5b50\u5143\u7d20\u7e7c\u627f *\/\n display:grid;\n grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);\n gap:clamp(24px,3.4vw,64px);\n align-items:center;\n margin-bottom:clamp(72px,8.5vw,140px);\n}\n\n\/* --- \u5de6\uff1a\u7cbe\u88dd\u66f8\u9ad4 --- *\/\n.ms-proof-book{\n position:relative;\n display:flex; justify-content:center; align-items:center;\n padding:clamp(16px,2vw,32px);\n}\n\/* \u5206\u5c64\u8ca0\u8cac\uff0c\u907f\u514d\u591a\u500b transform \u4e92\u76f8\u8986\u5beb\uff1a\n \u5916\u5c64 .ms-proof-shift \u5403\u6372\u52d5\u8996\u5dee\uff08JS \u5beb\u5165\uff09\n \u5167\u5c64 .ms-proof-book-img \u5403\u9032\u5834\u8207 hover\uff08\u7d14 CSS\uff09 *\/\n\/* \u8996\u5dee\u5c64\uff1a\u5728 flex \u5bb9\u5668\u4e2d\u5fc5\u9808\u6709\u660e\u78ba\u5bec\u5ea6\uff0c\n \u5426\u5247\u5b50\u5716\u7684 width:min(100%,440px) \u6703\u89e3\u6790\u70ba 0 \u800c\u6d88\u5931 *\/\n.ms-proof-shift{\n flex:0 1 auto;\n width:min(100%,440px);\n max-width:100%;\n opacity:1;\n transition:transform 1.05s var(--ease-out), opacity .85s var(--ease-out);\n will-change:transform, opacity;\n}\n\/* \u66f8\u9ad4\u5716\u6c38\u9060\u53ef\u898b\uff08\u4e0d\u5c0d img \u672c\u8eab\u505a opacity \u52d5\u756b\uff0c\n \u907f\u514d transition \u4e2d\u65b7\u6642\u5361\u5728\u4e2d\u9593\u503c\u800c\u6574\u5f35\u6d88\u5931\uff09\u3002\n \u9032\u5834\u6539\u7531\u5916\u5c64 .ms-proof-shift \u627f\u64d4\u4f4d\u79fb\uff0c\u5b89\u5168\u5f97\u591a\u3002 *\/\n.ms-proof-book-img{\n position:relative; z-index:2;\n width:100%;\n filter:drop-shadow(0 34px 60px rgba(12,36,64,.28));\n transition:transform .8s var(--ease-out);\n}\n\/* \u9032\u5834\u4f4d\u79fb\u8207\u6de1\u5165\u653e\u5728 shift \u5c64\u3002\n \u521d\u59cb\u614b\u7531 JS \u4ee5 inline style \u8a2d\u5b9a\u3001\u63ed\u793a\u6642\u518d\u6e05\u9664\uff0c\n \u4e0d\u4f9d\u8cf4 class \u9078\u64c7\u5668\u7684\u5c64\u758a\u9806\u5e8f\uff0c\u884c\u70ba\u6700\u53ef\u9810\u6e2c\u3002 *\/\n\/* \u66f8\u9ad4 hover\uff1a\u5fae\u5e45\u7acb\u9ad4\u50be\u659c *\/\n.ms-proof-book:hover .ms-proof-book-img{\n transform:translateY(-8px) scale(1.025) rotate(-1.2deg);\n transition:transform .8s var(--ease-out);\n}\n\/* \u66f8\u9ad4\u5f8c\u65b9\u7684\u5149\u6688 *\/\n#what .ms-proof-book::before{\n content:\"\" !important; position:absolute; z-index:1;\n left:50%; top:50%; width:min(78%,380px); aspect-ratio:1;\n transform:translate(-50%,-50%);\n background:radial-gradient(circle, rgba(176,141,79,.16) 0%, transparent 66%);\n pointer-events:none;\n animation:ms-glow 8s var(--ease-soft) infinite;\n}\n@keyframes ms-glow{\n 0%,100%{opacity:.7; transform:translate(-50%,-50%) scale(1);}\n 50% {opacity:1; transform:translate(-50%,-50%) scale(1.08);}\n}\n\n\/* --- \u53f3\uff1a\u8aaa\u660e --- *\/\n.ms-proof-text{min-width:0;}\n.ms-proof-label{\n display:inline-block;\n font-size:var(--fs-micro); letter-spacing:var(--track-label);\n text-transform:uppercase; color:var(--gold); font-weight:500;\n margin-bottom:clamp(14px,1.6vw,20px);\n}\n.ms-proof-title{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(23px,2.6vw,37px); line-height:1.55;\n color:#12100E; letter-spacing:.03em;\n margin:0 0 clamp(18px,2vw,26px);\n text-shadow:none!important;\n}\n.ms-proof-desc{\n font-size:var(--fs-body); line-height:1.95; color:var(--muted);\n margin:0 0 clamp(24px,2.8vw,36px); font-weight:500;\n}\n\/* \u898f\u683c\u5fae\u5217\u8868 *\/\n.ms-proof-meta{\n list-style:none; margin:0; padding:0;\n border-top:1px solid var(--line-soft);\n}\n.ms-proof-meta li{\n display:flex; justify-content:space-between; align-items:baseline;\n gap:16px; padding:clamp(11px,1.2vw,15px) 0;\n border-bottom:1px solid var(--line-soft);\n font-size:var(--fs-small);\n}\n.ms-proof-meta dt,.ms-proof-meta .k{\n color:var(--muted-soft); letter-spacing:.1em;\n text-transform:uppercase; font-size:var(--fs-micro); font-weight:600;\n flex:0 0 auto;\n}\n.ms-proof-meta .v{\n color:#12100E; font-weight:700; text-align:right;\n font-family:var(--serif); min-width:0;\n}\n\n\/* ============================================================\n \u5167\u9801\u5c0d\u7167\uff08\u4e00\u822c\u547d\u76e4 vs \u547d\u66f8\u5167\u9801\uff09\n ============================================================ *\/\n.ms-pages{\n margin-bottom:clamp(64px,7.5vw,120px);\n}\n.ms-pages-title{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(21px,2.2vw,31px); line-height:1.6;\n color:#12100E; text-align:center; letter-spacing:.03em;\n margin:0 auto clamp(30px,3.6vw,52px); max-width:32ch;\n text-shadow:none!important;\n}\n.ms-pages-grid{\n display:grid;\n grid-template-columns:repeat(2,minmax(0,1fr));\n gap:clamp(18px,2.6vw,44px);\n align-items:start;\n}\n.ms-page-fig{\n margin:0; min-width:0;\n transition:opacity var(--dur-slow) var(--ease-out), transform var(--dur-slow) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-anim .ms-page-fig{opacity:0; transform:translateY(22px);}\n.ms-anim .is-in .ms-page-fig,\n.ms-anim .ms-page-fig.is-in{opacity:1; transform:none;}\n\n.ms-page-frame{\n position:relative; overflow:hidden;\n border-radius:var(--radius-lg);\n background:#fff;\n box-shadow:var(--shadow-soft);\n transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);\n}\n.ms-page-frame img{\n width:100%;\n transition:transform 1.1s var(--ease-out), filter var(--dur) var(--ease-out);\n}\n\/* \u4e00\u822c\u547d\u76e4\u5074\uff1a\u53bb\u5f69\u58d3\u6291\uff0chover \u624d\u7565\u56de\u5fa9 *\/\n.ms-page-fig--plain .ms-page-frame{border:1px solid rgba(26,20,16,.08);}\n.ms-page-fig--plain img{filter:saturate(.32) contrast(.96) brightness(1.02);}\n.ms-page-fig--plain:hover img{filter:saturate(.55) contrast(1) brightness(1);}\n\/* \u547d\u66f8\u5074\uff1a\u91d1\u6846 + \u6d6e\u8d77 *\/\n.ms-page-fig--book .ms-page-frame{border:1px solid var(--line);}\n.ms-page-fig--book:hover .ms-page-frame{\n transform:translateY(-7px); box-shadow:var(--shadow-lift);\n}\n.ms-page-fig--book:hover img{transform:scale(1.03);}\n\n\/* \u5f71\u50cf\u4e0a\u7de3\u6383\u63cf\u5149\u7dda\uff08\u50c5\u547d\u66f8\u5074\uff0chover \u89f8\u767c\uff09 *\/\n#what .ms-page-fig--book .ms-page-frame::after{\n content:\"\" !important; position:absolute; inset:0; pointer-events:none;\n background:linear-gradient(105deg, transparent 34%, rgba(255,255,255,.34) 48%, transparent 62%);\n background-size:240% 100%; background-position:180% 0;\n opacity:0; transition:opacity .3s;\n}\n.ms-page-fig--book:hover .ms-page-frame::after{\n opacity:1; animation:ms-scan 1.4s var(--ease-out);\n}\n@keyframes ms-scan{\n from{background-position:180% 0;}\n to{background-position:-90% 0;}\n}\n\n.ms-page-cap{\n display:flex; align-items:baseline; gap:10px;\n margin-top:clamp(13px,1.5vw,18px);\n font-size:var(--fs-small); line-height:1.7; font-weight:500;\n}\n.ms-page-cap .n{\n font-family:var(--serif); font-size:var(--fs-micro);\n letter-spacing:.16em; flex:0 0 auto; font-weight:700;\n}\n.ms-page-fig--plain .ms-page-cap{color:var(--dim-text);}\n.ms-page-fig--plain .ms-page-cap .n{color:var(--dim-text);}\n.ms-page-fig--book .ms-page-cap{color:var(--muted);}\n.ms-page-fig--book .ms-page-cap .n{color:#96703C;}\n.ms-page-cap strong{color:#12100E; font-weight:700;}\n.ms-page-fig--plain .ms-page-cap strong{color:var(--dim-title);}\n\n\/* ============================================================\n \u516d\u9ede\u7d50\u8ad6 \u2014\u2014 \u975e\u5c0d\u7a31\u7db2\u683c\n ============================================================ *\/\n.ms-points-wrap{\n position:relative;\n padding-top:clamp(52px,6vw,88px);\n border-top:1px solid var(--line);\n}\n.ms-points-title{\n font-family:var(--serif); font-size:clamp(23px,2.6vw,36px); font-weight:700;\n color:#12100E; text-align:center;\n max-width:26ch; margin:0 auto clamp(40px,4.6vw,70px);\n line-height:1.65; letter-spacing:.03em;\n text-shadow:none!important;\n}\n.ms-points-title em{font-style:normal; color:#4A3B1E;}\n\n.ms-points{\n list-style:none; margin:0; padding:0;\n display:grid;\n grid-template-columns:repeat(6,minmax(0,1fr));\n gap:clamp(13px,1.6vw,22px);\n}\n.ms-point:nth-child(1){grid-column:span 4;}\n.ms-point:nth-child(2),\n.ms-point:nth-child(3),\n.ms-point:nth-child(4),\n.ms-point:nth-child(5){grid-column:span 2;}\n.ms-point:nth-child(6){grid-column:span 6;}\n\n.ms-point{\n position:relative; min-width:0;\n display:flex; flex-direction:column; justify-content:flex-end;\n min-height:clamp(138px,12vw,196px);\n padding:clamp(26px,2.8vw,40px) clamp(22px,2.4vw,34px);\n background:rgba(255,253,248,.78);\n border:1px solid var(--line-soft);\n border-radius:var(--radius);\n overflow:hidden; cursor:default;\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-anim .ms-point{opacity:0; transform:translateY(20px);}\n.ms-anim .is-in .ms-point,\n.ms-anim .ms-point.is-in{opacity:1; transform:none;}\n\n.ms-point:nth-child(1) .ms-point-text,\n.ms-point:nth-child(6) .ms-point-text{\n font-size:clamp(20px,2.1vw,29px); font-weight:700; color:#12100E;\n}\n.ms-point:nth-child(1){\n background:linear-gradient(135deg,#FFFDF8 0%,var(--paper) 100%);\n border-color:var(--line);\n}\n.ms-point:nth-child(6){\n background:linear-gradient(115deg,#FFFDF8 0%,var(--paper-2) 100%);\n border-color:var(--line);\n min-height:clamp(114px,9.5vw,156px);\n}\n\n.ms-point-text{\n font-family:var(--serif); font-weight:700;\n font-size:clamp(17px,1.6vw,22px); line-height:1.65;\n color:#12100E; letter-spacing:.02em;\n}\n.ms-point-num{\n display:block; font-family:var(--serif);\n font-size:clamp(12.5px,1.05vw,15px);\n letter-spacing:.24em; color:#96703C;\n margin-bottom:clamp(11px,1.2vw,17px); font-weight:700;\n}\n\n\/* \u5927\u6578\u5b57\u6c34\u5370\u50c5\u9996\u5c3e\u5169\u5f35\uff0c\u4f4e\u5b58\u5728\u611f *\/\n#what .ms-point:nth-child(1)::after,\n#what .ms-point:nth-child(6)::after{\n content:attr(data-n);\n position:absolute; right:clamp(16px,1.9vw,30px); top:clamp(-10px,-.8vw,-4px);\n font-family:var(--serif); font-weight:400;\n font-size:clamp(66px,7vw,116px); line-height:1;\n color:rgba(176,141,79,.10); pointer-events:none;\n transition:color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n}\n.ms-point:nth-child(1):hover::after,\n.ms-point:nth-child(6):hover::after{\n color:rgba(176,141,79,.19); transform:translateY(-4px) scale(1.04);\n}\n\n#what .ms-point::before{\n content:\"\" !important; position:absolute; left:0; top:0; bottom:0; width:2px;\n background:linear-gradient(180deg,var(--gold-light),var(--gold));\n transform:scaleY(0); transform-origin:top;\n transition:transform var(--dur-fast) var(--ease-out);\n}\n.ms-point:hover{\n border-color:rgba(176,141,79,.48); background:#FFFDF8;\n transform:translateY(-4px);\n}\n.ms-point:hover::before{transform:scaleY(1);}\n\n\/* ============================================================\n RWD\n ============================================================ *\/\n@media (max-width:1024px){\n .ms-points{grid-template-columns:repeat(4,minmax(0,1fr));}\n .ms-point:nth-child(1){grid-column:span 4;}\n .ms-point:nth-child(2),\n .ms-point:nth-child(3),\n .ms-point:nth-child(4),\n .ms-point:nth-child(5){grid-column:span 2;}\n .ms-point:nth-child(6){grid-column:span 4;}\n\n .ms-proof{grid-template-columns:1fr; gap:clamp(28px,4vw,48px);}\n .ms-proof-book{order:-1;}\n .ms-proof-shift{width:min(74%,360px);}\n}\n\n@media (max-width:820px){\n \/* \u898f\u683c\u8868\u8f49\u70ba\u5806\u758a\u5361\uff1a\u7dad\u5ea6\u70ba\u6a19\u984c\uff0c\u5169\u500b\u503c\u4e0a\u4e0b\u6392 *\/\n .ms-spec-head{display:none;}\n\n \/* ---------- \u624b\u6a5f\u5c08\u5c6c\u4e92\u52d5\uff08\u7121 hover\uff0c\u6539\u7528\u9032\u5834\u52d5\u6548\u8207 :active \u89f8\u63a7\u56de\u994b\uff09 ---------- *\/\n\n \/* \u6bcf\u5217\u9032\u5834\uff1a\u5e95\u7de3\u91d1\u7dda\u7531\u5de6\u62bd\u51fa\uff08\u4e0d\u7528\u5de6\u7de3\uff0c\u907f\u514d\u8cbc\u9f4a\u87a2\u5e55\u908a\u3001\u58d3\u5230\u7de8\u865f\uff09 *\/\n .ms-spec-row{\n transition:opacity var(--dur) var(--ease-out),\n transform var(--dur) var(--ease-out),\n background var(--dur-fast) var(--ease-out);\n }\n #what .ms-spec-row::after{\n content:\"\" !important; position:absolute; left:0; bottom:-1px; top:auto;\n height:1px; width:100%;\n background:linear-gradient(90deg,var(--gold),rgba(176,141,79,.12));\n transform:scaleX(0); transform-origin:left;\n transition:transform .85s var(--ease-out) .15s;\n }\n .ms-anim .ms-spec-row.is-in::after,\n .ms-anim .is-in .ms-spec-row::after{transform:scaleX(1);}\n\n \/* \u89f8\u63a7\u6309\u4e0b\uff1a\u6574\u5217\u6de1\u91d1\u5e95 + \u5fae\u7e2e\uff0c\u653e\u958b\u56de\u5f48 *\/\n .ms-spec-row:active{\n background:rgba(201,168,112,.10);\n transform:scale(.988);\n }\n\n \/* \u547d\u66f8\u5074\u7684\u503c\uff1a\u9032\u5834\u6642\u91d1\u8272\u83f1\u5f62\u8f49\u5165 *\/\n .ms-spec-val--book::before{\n transition:transform .6s var(--ease-out) .2s, opacity .5s var(--ease-out) .2s;\n }\n .ms-anim .ms-spec-row .ms-spec-val--book::before{\n transform:scale(.4) rotate(-90deg); opacity:0;\n }\n .ms-anim .ms-spec-row.is-in .ms-spec-val--book::before,\n .ms-anim .is-in .ms-spec-row .ms-spec-val--book::before{\n transform:scale(1) rotate(0deg); opacity:1;\n }\n\n \/* \u547d\u66f8\u5074\u5de6\u7de3\u91d1\u7dda\uff1a\u9032\u5834\u5f8c\u7531\u4e0a\u62bd\u51fa *\/\n .ms-spec-val--book{\n position:relative;\n transition:border-color .5s var(--ease-out);\n }\n\n \/* \u7d22\u5f15\u7de8\u865f\u9032\u5834\u4f4d\u79fb *\/\n .ms-spec-idx{\n transition:transform .6s var(--ease-out) .1s, opacity .5s var(--ease-out) .1s;\n }\n .ms-anim .ms-spec-row .ms-spec-idx{transform:translateX(-8px); opacity:0;}\n .ms-anim .ms-spec-row.is-in .ms-spec-idx,\n .ms-anim .is-in .ms-spec-row .ms-spec-idx{transform:translateX(0); opacity:1;}\n\n \/* \u9010\u5217 stagger\uff1a\u624b\u6a5f\u7528 nth-child \u7d66\u968e\u68af\u5f0f\u5ef6\u9072\uff0c\n \u7236\u5c64\u4e00\u6b21\u63ed\u793a\u6642\u4ecd\u6709\u4f9d\u5e8f\u9032\u5834\u7684\u7bc0\u594f\u611f *\/\n .ms-spec-row:nth-of-type(1){transition-delay:.04s;}\n .ms-spec-row:nth-of-type(2){transition-delay:.12s;}\n .ms-spec-row:nth-of-type(3){transition-delay:.20s;}\n .ms-spec-row:nth-of-type(4){transition-delay:.28s;}\n .ms-spec-row:nth-of-type(5){transition-delay:.36s;}\n\n .ms-spec-row{\n grid-template-columns:1fr;\n gap:0;\n padding:clamp(22px,3.4vw,28px) 0;\n }\n .ms-spec-key{margin-bottom:14px;}\n\n .ms-spec-val{\n padding:11px 0 11px 14px;\n border-left:2px solid var(--line-soft);\n font-size:clamp(14px,3.4vw,15.5px);\n }\n .ms-spec-val--plain{margin-bottom:8px;}\n .ms-spec-val--book{border-left-color:var(--gold);}\n\n \/* \u624b\u6a5f\u7248\u88dc\u56de\u6b04\u4f4d\u6a19\u7c64\uff0c\u5426\u5247\u770b\u4e0d\u51fa\u54ea\u500b\u662f\u54ea\u500b *\/\n .ms-spec-val::after{\n order:-1;\n font-size:var(--fs-micro); letter-spacing:.16em;\n text-transform:uppercase; font-weight:500;\n display:block; margin-bottom:4px;\n }\n .ms-spec-val--plain{flex-direction:column; align-items:flex-start; gap:0;}\n .ms-spec-val--plain::before{display:none;}\n #what .ms-spec-val--plain::after{content:\"\u514d\u8cbb\u547d\u76e4\" !important; color:var(--dim-text);}\n .ms-spec-val--book{flex-direction:column; align-items:flex-start; gap:0;}\n .ms-spec-val--book::before{display:none;}\n #what .ms-spec-val--book::after{content:\"\u5c08\u5c6c\u547d\u66f8\" !important; color:var(--gold);}\n}\n\n@media (max-width:720px){\n .ms-pages-grid{grid-template-columns:1fr; gap:26px;}\n .ms-page-fig--book{order:-1;} \/* \u624b\u6a5f\u5148\u770b\u547d\u66f8\u5167\u9801 *\/\n\n \/* \u5167\u9801\u5716\u624b\u6a5f\u4e92\u52d5\uff1a\u9032\u5834\u6642\u91d1\u6846\u7531\u7d30\u8b8a\u986f\u3001\u89f8\u63a7\u6309\u4e0b\u5fae\u7e2e *\/\n .ms-page-frame{\n transition:transform .45s var(--ease-out),\n box-shadow .5s var(--ease-out),\n border-color .6s var(--ease-out) .15s;\n }\n .ms-page-fig--book .ms-page-frame{border-color:var(--line-soft);}\n .ms-anim .ms-page-fig--book.is-in .ms-page-frame,\n .ms-anim .is-in .ms-page-fig--book .ms-page-frame{\n border-color:var(--gold);\n box-shadow:0 16px 40px rgba(176,141,79,.18);\n }\n .ms-page-fig:active .ms-page-frame{transform:scale(.985);}\n\n \/* \u4e00\u822c\u547d\u76e4\u5074\uff1a\u9032\u5834\u6642\u7531\u66f4\u7070\u6f38\u6f38\u56de\u5230\u8a2d\u5b9a\u98fd\u548c\u5ea6\uff0c\u5f62\u6210\u5c0d\u7167 *\/\n .ms-page-fig--plain img{\n transition:filter 1.1s var(--ease-out) .2s;\n }\n .ms-anim .ms-page-fig--plain img{filter:saturate(0) contrast(.94);}\n .ms-anim .ms-page-fig--plain.is-in img,\n .ms-anim .is-in .ms-page-fig--plain img{filter:saturate(.32) contrast(.96) brightness(1.02);}\n .ms-spec-foot{grid-template-columns:1fr; gap:26px;}\n .ms-spec-foot .ms-stat{\n display:grid; grid-template-columns:auto 1fr;\n gap:4px 18px; align-items:baseline; text-align:left;\n }\n .ms-spec-foot .ms-stat-num{grid-row:span 2; margin-bottom:0;}\n}\n\n@media (max-width:640px){\n \/* \u624b\u6a5f\u55ae\u6b04\u6642\u6bcf\u5f35\u5361\u5404\u81ea\u89f8\u767c\uff08\u898b JS\uff09\uff0c\n stagger \u7e2e\u77ed\u70ba 0.06s \u7684\u77ed\u5ef6\u9072\u5373\u53ef\uff0c\u4e0d\u9700\u6b78\u96f6 *\/\n .ms-point,.ms-spec-row,.ms-stat,.ms-page-fig{transition-delay:.05s;}\n\n .ms-points{grid-template-columns:1fr;}\n .ms-point:nth-child(1),\n .ms-point:nth-child(2),\n .ms-point:nth-child(3),\n .ms-point:nth-child(4),\n .ms-point:nth-child(5),\n .ms-point:nth-child(6){grid-column:span 1;}\n .ms-point,\n .ms-point:nth-child(1),\n .ms-point:nth-child(6){min-height:auto;}\n\n \/* \u516d\u9ede\u5361\u624b\u6a5f\u4e92\u52d5\uff1a\u9032\u5834\u5de6\u7de3\u91d1\u7dda\u62bd\u51fa + \u89f8\u63a7\u6309\u4e0b\u5fae\u7e2e\u56de\u994b *\/\n .ms-point::before{transition:transform .65s var(--ease-out) .15s;}\n .ms-anim .ms-point.is-in::before,\n .ms-anim .is-in .ms-point::before{transform:scaleY(1);}\n\n .ms-point:active{\n transform:scale(.985);\n border-color:rgba(176,141,79,.5);\n background:#FFFDF8;\n }\n\n \/* \u7de8\u865f\u9032\u5834\u4f4d\u79fb *\/\n .ms-point-num{transition:transform .6s var(--ease-out) .12s, opacity .5s var(--ease-out) .12s;}\n .ms-anim .ms-point .ms-point-num{transform:translateX(-6px); opacity:0;}\n .ms-anim .ms-point.is-in .ms-point-num,\n .ms-anim .is-in .ms-point .ms-point-num{transform:translateX(0); opacity:1;}\n\n \/* \u9996\u5c3e\u5927\u5361\u7684\u6c34\u5370\u6578\u5b57\uff1a\u9032\u5834\u6de1\u5165\u4e0a\u6d6e *\/\n .ms-point:nth-child(1)::after,\n .ms-point:nth-child(6)::after{\n transition:opacity .9s var(--ease-out) .3s, transform .9s var(--ease-out) .3s;\n }\n .ms-anim .ms-point:nth-child(1)::after,\n .ms-anim .ms-point:nth-child(6)::after{opacity:0; transform:translateY(10px);}\n .ms-anim .ms-point:nth-child(1).is-in::after,\n .ms-anim .ms-point:nth-child(6).is-in::after,\n .ms-anim .is-in .ms-point:nth-child(1)::after,\n .ms-anim .is-in .ms-point:nth-child(6)::after{opacity:1; transform:translateY(0);}\n .ms-eyebrow{gap:12px;}\n\n \/* \u5c0e\u8a00\uff1a\u624b\u6a5f\u4e0d\u5403\u684c\u6a5f\u7684\u65b7\u884c\uff0c\u5169\u6bb5\u5404\u81ea\u6210\u584a\u81ea\u7136\u91cd\u6392\uff0c\n \u9650\u5236\u884c\u5bec\u4e26\u6539\u5de6\u5c0d\u9f4a\uff0c\u907f\u514d\u300c\u8cc7\u8a0a\uff1b\u300d\u9019\u985e\u5c37\u5c2c\u5b64\u5b57\u884c *\/\n .ms-lead{\n line-height:1.95;\n text-align:left;\n max-width:100%;\n margin-inline:auto;\n }\n .ms-lead-seg{display:block;}\n .ms-lead-seg + .ms-lead-seg{margin-top:.9em;}\n .ms-lead-br{display:none;}\n\n \/* \u6a19\u984c\uff1a\u624b\u6a5f\u8b93\u6574\u53e5\u81ea\u7136\u91cd\u6392\uff0c\u5404\u884c\u9577\u5ea6\u8f03\u5747\u8861 *\/\n .ms-h2 .ms-line{display:inline;}\n .ms-h2{line-height:1.42;}\n}\n\n\/* \u6975\u7a84\u87a2\u5e55\uff1anowrap \u7247\u8a9e\u53ef\u80fd\u6490\u7834\u7248\u9762\uff0c\u89e3\u9664\u4fdd\u8b77\u512a\u5148\u4fdd\u8b49\u4e0d\u6ea2\u51fa *\/\n@media (max-width:360px){\n .ms-nb{white-space:normal;}\n\n .ms-proof-shift{width:min(84%,300px);}\n .ms-proof-meta li{flex-wrap:wrap; gap:4px 12px;}\n .ms-proof-meta .v{text-align:left;}\n}\n\n\/* ---------- \u7121\u969c\u7919 ---------- *\/\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n \/* .ms-anim \u4e0d\u6703\u88ab\u52a0\u4e0a\uff0c\u5143\u7d20\u672c\u5c31\u53ef\u898b\uff1b\u6b64\u8655\u50c5\u4fdd\u96aa *\/\n .ms-spec-row,.ms-stat,.ms-point,.ms-page-fig,\n .ms-proof-shift,.ms-proof-book-img{\n opacity:1!important; transform:none!important;\n }\n .ms-eyebrow::before,.ms-eyebrow::after,.ms-h2 .ms-accent::after{transform:scaleX(1)!important;}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ms-what\" id=\"what\">\n <div class=\"ms-inner\">\n\n \n <header class=\"ms-head\" data-reveal>\n <p class=\"ms-eyebrow\">What is Ming Shu<\/p>\n <h2 class=\"ms-h2\"><span class=\"ms-line\">\u547d\u66f8\uff0c\u662f\u4e00\u4efd\u5c08\u5c6c\u65bc\u4f60\u7684<\/span><br><span class=\"ms-accent\">\u4eba\u751f\u4f7f\u7528\u8aaa\u660e\u66f8<\/span><\/h2>\n <p class=\"ms-lead\">\n <span class=\"ms-lead-seg\">\u4e00\u822c\u7684\u514d\u8cbb\u547d\u76e4\uff0c\u53ea\u63d0\u4f9b\u661f\u66dc\u3001\u5bae\u4f4d\u8207<span class=\"ms-nb\">\u57fa\u672c\u6392\u76e4\u8cc7\u8a0a\uff1b<\/span><\/span><span class=\"ms-lead-br\"><\/span><span class=\"ms-lead-seg\">\u5c08\u5c6c\u547d\u66f8\u5247\u5c07\u8907\u96dc\u7684\u547d\u7406\u8cc7\u6599\uff0c\u8f49\u5316\u70ba\u770b\u5f97\u61c2\u3001<span class=\"ms-nb\">\u80fd\u5be6\u969b\u4f7f\u7528\u7684\u5e74\u5ea6\u4eba\u751f\u5efa\u8b70<\/span><\/span>\n <\/p>\n <\/header>\n\n \n <div class=\"ms-spec\" data-reveal>\n\n <div class=\"ms-spec-head\">\n <div class=\"ms-spec-head-col\">\n <span class=\"ms-spec-head-label\">Comparison<\/span>\n <\/div>\n <div class=\"ms-spec-head-col ms-spec-head-col--plain\">\n <span class=\"ms-spec-head-label\">Free Chart<\/span>\n <h3>\u4e00\u822c\u514d\u8cbb\u547d\u76e4<\/h3>\n <\/div>\n <div class=\"ms-spec-head-col ms-spec-head-col--book\">\n <span class=\"ms-spec-head-label\">Personal Ming Shu<\/span>\n <h3>\u5c08\u5c6c\u500b\u4eba\u547d\u66f8<\/h3>\n <\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.06s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">01<\/span>\n <span class=\"ms-spec-key-text\">\u5448\u73fe\u65b9\u5f0f<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u5448\u73fe\u661f\u66dc\u8207\u5bae\u4f4d\u6392\u5217<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span><strong>\u767d\u8a71\u89e3\u6790<\/strong>\uff0c\u628a\u547d\u7406\u8853\u8a9e\u7ffb\u8b6f\u6210\u65e5\u5e38\u8a9e\u8a00<\/span><\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.12s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">02<\/span>\n <span class=\"ms-spec-key-text\">\u7406\u89e3\u6210\u672c<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u4f7f\u7528\u8005\u81ea\u884c\u67e5\u95b1\u7406\u89e3<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span>\u8f49\u5316\u70ba<strong>\u53ef\u57f7\u884c\u7684\u884c\u52d5\u5efa\u8b70<\/strong><\/span><\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.18s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">03<\/span>\n <span class=\"ms-spec-key-text\">\u6db5\u84cb\u7bc4\u570d<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u5167\u5bb9\u8f03\u70ba\u7c21\u7565<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span>\u5e74\u5ea6\u683c\u5c40\u8207<strong>\u5341\u4e8c\u500b\u6708\u4efd<\/strong>\u5b8c\u6574\u5206\u6790<\/span><\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.24s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">04<\/span>\n <span class=\"ms-spec-key-text\">\u5c08\u4eba\u670d\u52d9<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u6c92\u6709\u5c08\u4eba\u670d\u52d9<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span>\u53ef\u7531<strong>\u8001\u5e2b\u7dda\u4e0a\u89e3\u8aaa<\/strong>\uff0c\u7591\u554f\u7576\u5834\u91d0\u6e05<\/span><\/div>\n <\/div>\n\n <div class=\"ms-spec-row\" style=\"--d:.30s\">\n <div class=\"ms-spec-key\">\n <span class=\"ms-spec-idx\">05<\/span>\n <span class=\"ms-spec-key-text\">\u4fdd\u5b58\u65b9\u5f0f<\/span>\n <\/div>\n <div class=\"ms-spec-val ms-spec-val--plain\">\u4e0d\u4e00\u5b9a\u80fd\u5920\u4fdd\u5b58<\/div>\n <div class=\"ms-spec-val ms-spec-val--book\"><span><strong>\u7cbe\u88dd\u5be6\u9ad4<\/strong>\u8207\u96fb\u5b50\u7248\u6c38\u4e45\u6536\u85cf<\/span><\/div>\n <\/div>\n\n \n <div class=\"ms-spec-foot\">\n <div class=\"ms-stat\" style=\"--d:.10s\">\n <span class=\"ms-stat-num\" data-count=\"12\"><i>12<\/i><span>\u500b\u6708<\/span><\/span>\n <span class=\"ms-stat-label\">Monthly<\/span>\n <span class=\"ms-stat-note\">\u9010\u6708\u904b\u52e2\u5206\u6790\uff0c\u6642\u9593\u8ef8\u5b8c\u6574\u4e0d\u7559\u7a7a\u767d<\/span>\n <\/div>\n <div class=\"ms-stat\" style=\"--d:.18s\">\n <span class=\"ms-stat-num\" data-count=\"5\"><i>5<\/i><span>\u5927\u9762\u5411<\/span><\/span>\n <span class=\"ms-stat-label\">Dimensions<\/span>\n <span class=\"ms-stat-note\">\u4e8b\u696d\u3001\u611f\u60c5\u3001\u8ca1\u904b\u3001\u5065\u5eb7\u3001\u5b78\u7fd2<\/span>\n <\/div>\n <div class=\"ms-stat\" style=\"--d:.26s\">\n <span class=\"ms-stat-num\" data-count=\"2\"><i>2<\/i><span>\u7a2e\u7248\u672c<\/span><\/span>\n <span class=\"ms-stat-label\">Format<\/span>\n <span class=\"ms-stat-note\">\u7cbe\u88dd\u5be6\u9ad4\u66f8\u8207\u96fb\u5b50\u7248\uff0c\u540c\u6642\u64c1\u6709<\/span>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <div class=\"ms-proof\" data-reveal>\n\n <div class=\"ms-proof-book\">\n <div class=\"ms-proof-shift\">\n <img loading=\"lazy\"\n class=\"ms-proof-book-img\"\n src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/ChatGPT-Image-2026%E5%B9%B47%E6%9C%8823%E6%97%A5-%E4%B8%8B%E5%8D%8802_37_36-1.png\"\n alt=\"2027 \u5e74\u5ea6\u958b\u904b\u547d\u66f8 \u7cbe\u88dd\u5be6\u9ad4\u66f8\"\n width=\"1096\" height=\"1435\" loading=\"lazy\" decoding=\"async\">\n <\/div>\n <\/div>\n\n <div class=\"ms-proof-text\">\n <span class=\"ms-proof-label\">The Object<\/span>\n <h3 class=\"ms-proof-title\">\u4e00\u672c\u80fd\u653e\u4e0a\u66f8\u67b6\u7684<br>\u5e74\u5ea6\u7d00\u9304<\/h3>\n <p class=\"ms-proof-desc\">\n \u547d\u66f8\u4e0d\u662f\u4e00\u4efd\u4e0b\u8f09\u5f8c\u5c31\u88ab\u907a\u5fd8\u7684\u6a94\u6848\u3002\u5b83\u4ee5\u7cbe\u88dd\u5be6\u9ad4\u66f8\u7684\u5f62\u5f0f\u5448\u73fe\uff0c\n \u6df1\u85cd\u66f8\u5c01\u71d9\u91d1\u58d3\u7d0b\uff0c\u662f\u4e00\u4efd\u53ef\u4ee5\u53cd\u8986\u7ffb\u95b1\u3001\u4e5f\u503c\u5f97\u6536\u85cf\u7684\u5e74\u5ea6\u7d00\u9304\n <\/p>\n <ul class=\"ms-proof-meta\">\n <li><span class=\"k\">Format<\/span><span class=\"v\">\u7cbe\u88dd\u5be6\u9ad4\u66f8 \uff0b \u96fb\u5b50\u7248<\/span><\/li>\n <li><span class=\"k\">Coverage<\/span><span class=\"v\">\u5e74\u5ea6\u683c\u5c40 \uff0b \u5341\u4e8c\u500b\u6708\u4efd<\/span><\/li>\n <li><span class=\"k\">Service<\/span><span class=\"v\">\u53ef\u7531\u8001\u5e2b\u7dda\u4e0a\u89e3\u8aaa<\/span><\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n\n \n <div class=\"ms-pages\" data-reveal>\n <h3 class=\"ms-pages-title\">\u540c\u4efd\u547d\u7406\u8cc7\u6599\uff0c<br>\u5448\u73fe\u65b9\u5f0f\u6c7a\u5b9a\u80fd\u4e0d\u80fd\u88ab\u4f7f\u7528<\/h3>\n\n <div class=\"ms-pages-grid\">\n\n <figure class=\"ms-page-fig ms-page-fig--plain\" style=\"--d:.08s\">\n <div class=\"ms-page-frame\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/07.png\"\n alt=\"\u4e00\u822c\u547d\u76e4\uff1a\u661f\u66dc\u8207\u5bae\u4f4d\u6392\u5217\u8cc7\u8a0a\"\n width=\"1055\" height=\"1491\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"ms-page-cap\">\n <span class=\"n\">A<\/span>\n <span><strong>\u539f\u59cb\u547d\u76e4\u8cc7\u6599<\/strong>\u3000\u661f\u66dc\u3001\u5bae\u4f4d\u8207\u57fa\u672c\u6392\u76e4\u8cc7\u8a0a\uff0c\u9700\u81ea\u884c\u67e5\u95b1\u7406\u89e3\u3002<\/span>\n <\/figcaption>\n <\/figure>\n\n <figure class=\"ms-page-fig ms-page-fig--book\" style=\"--d:.16s\">\n <div class=\"ms-page-frame\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/08.png\"\n alt=\"\u547d\u66f8\u5167\u9801\uff1a\u5e74\u904b\u5206\u6790\u8207\u884c\u52d5\u5efa\u8b70\"\n width=\"1055\" height=\"1491\" loading=\"lazy\">\n <\/div>\n <figcaption class=\"ms-page-cap\">\n <span class=\"n\">B<\/span>\n <span><strong>\u547d\u66f8\u5167\u9801<\/strong>\u3000\u540c\u4efd\u8cc7\u6599\uff0c\u8f49\u5316\u70ba\u767d\u8a71\u89e3\u6790\u8207\u5efa\u8b70<\/span>\n <\/figcaption>\n <\/figure>\n\n <\/div>\n <\/div>\n\n \n <div class=\"ms-points-wrap\" data-reveal>\n <h3 class=\"ms-points-title\">\u4e0d\u50c5\u544a\u8a34\u4f60\u904b\u52e2<br><em>\u66f4\u544a\u8a34\u4f60\u2014\u2014<\/em><\/h3>\n\n <ul class=\"ms-points\">\n <li class=\"ms-point\" data-n=\"01\" style=\"--d:.05s\">\n <span class=\"ms-point-num\">POINT 01<\/span>\n <span class=\"ms-point-text\">\u54ea\u4e9b\u6642\u9593\u9069\u5408\u4e3b\u52d5\u51fa\u64ca<\/span>\n <\/li>\n <li class=\"ms-point\" style=\"--d:.12s\">\n <span class=\"ms-point-num\">02<\/span>\n <span class=\"ms-point-text\">\u54ea\u4e9b\u4e8b\u60c5<br>\u61c9\u8a72\u653e\u6162\u89c0\u5bdf<\/span>\n <\/li>\n <li class=\"ms-point\" style=\"--d:.19s\">\n <span class=\"ms-point-num\">03<\/span>\n <span class=\"ms-point-text\">\u5de5\u4f5c\u8207\u8ca1\u52d9<br>\u6709\u54ea\u4e9b\u98a8\u96aa<\/span>\n <\/li>\n <li class=\"ms-point\" style=\"--d:.26s\">\n <span class=\"ms-point-num\">04<\/span>\n <span class=\"ms-point-text\">\u611f\u60c5\u8207\u5bb6\u5ead<br>\u61c9\u8a72\u5982\u4f55\u6e9d\u901a<\/span>\n <\/li>\n <li class=\"ms-point\" style=\"--d:.33s\">\n <span class=\"ms-point-num\">05<\/span>\n <span class=\"ms-point-text\">\u54ea\u4e9b\u6708\u4efd<br>\u503c\u5f97\u63d0\u524d\u5b89\u6392<\/span>\n <\/li>\n <li class=\"ms-point\" data-n=\"06\" style=\"--d:.40s\">\n <span class=\"ms-point-num\">POINT 06<\/span>\n <span class=\"ms-point-text\">\u5982\u4f55\u904b\u7528\u81ea\u5df1\u7684\u512a\u52e2<\/span>\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var reduce = window.matchMedia && window.matchMedia('(prefers-reduced-motion:reduce)').matches;\n\n \/* ---------- \u6efe\u52d5\u9032\u5834 ----------\n \u6f38\u9032\u589e\u5f37\uff1aCSS \u9810\u8a2d\u300c\u5168\u90e8\u53ef\u898b\u300d\uff0c\u53ea\u6709\u5728 JS \u5c31\u7dd2\u4e14\u652f\u63f4 IO\u3001\n \u4e14\u4f7f\u7528\u8005\u672a\u8981\u6c42\u6e1b\u5c11\u52d5\u614b\u6642\uff0c\u624d\u52a0 .ms-anim \u958b\u555f\u9032\u5834\u52d5\u756b\u3002\n \u5982\u6b64\u5373\u4f7f JS \u5931\u6548\u6216 observer \u672a\u89f8\u767c\uff0c\u5167\u5bb9\u4e5f\u4e00\u5b9a\u770b\u5f97\u5230\u3002 *\/\n var section = document.querySelector('.ms-what');\n var els = document.querySelectorAll('[data-reveal]');\n\n function showAll(){\n Array.prototype.forEach.call(els, function(el){ el.classList.add('is-in'); });\n }\n\n if(!('IntersectionObserver' in window) || reduce){\n showAll();\n runCount(document);\n }else{\n if(section) section.classList.add('ms-anim');\n var io = new IntersectionObserver(function(entries){\n entries.forEach(function(e){\n if(e.isIntersecting){\n e.target.classList.add('is-in');\n io.unobserve(e.target);\n if(e.target.querySelector('[data-count]')) runCount(e.target);\n }\n });\n \/* threshold \u7528 0\uff1a\u5143\u7d20\u9ad8\u5ea6\u5927\u65bc\u8996\u7a97\u6642\uff0c\u6c38\u9060\u9054\u4e0d\u5230\u767e\u5206\u6bd4\u9580\u6abb\u800c\u5361\u5728 opacity:0\u3002\n \u6539\u7531 rootMargin \u63a7\u5236\u89f8\u767c\u9ede\uff08\u9032\u5165\u8996\u7a97\u5e95\u90e8 12% \u4ee5\u5167\u5373\u63ed\u793a\uff09\u3002 *\/\n }, { threshold:0, rootMargin:'0px 0px -12% 0px' });\n Array.prototype.forEach.call(els, function(el){ io.observe(el); });\n\n \/* \u7a84\u87a2\u5e55\uff1a\u5361\u7247\u6539\u70ba\u5404\u81ea\u7368\u7acb\u89c0\u5bdf\uff08\u55ae\u6b04\u6642\u6574\u7d44\u5171\u7528\u89f8\u767c\u9ede\u6703\u8b93\u5f8c\u6bb5\u9072\u9072\u4e0d\u63ed\u793a\uff09\u3002\n \u7528 class \u800c\u975e inline style\uff0c\u624d\u4e0d\u6703\u9396\u6b7b\u5f8c\u7e8c\u7684 hover\uff0ftouch \u6548\u679c\u3002 *\/\n if(window.matchMedia('(max-width:860px)').matches){\n var cardIO = new IntersectionObserver(function(en){\n en.forEach(function(e){\n if(e.isIntersecting){\n e.target.classList.add('is-in');\n cardIO.unobserve(e.target);\n }\n });\n }, { threshold:0, rootMargin:'0px 0px -6% 0px' });\n Array.prototype.forEach.call(\n document.querySelectorAll('.ms-point, .ms-spec-row, .ms-page-fig, .ms-stat'),\n function(c){ cardIO.observe(c); }\n );\n }\n\n \/* \u4fdd\u96aa\uff1a\u8996\u7a97\u5c3a\u5bf8\u8b8a\u52d5\uff08\u542b\u65cb\u8f49\u3001\u7e2e\u653e\u3001Elementor \u5bb9\u5668\u91cd\u6392\uff09\u5f8c\uff0c\n \u5df2\u9032\u5165\u8996\u7a97\u537b\u4ecd\u672a\u63ed\u793a\u7684\u5143\u7d20\u76f4\u63a5\u986f\u793a\uff0c\u907f\u514d\u6c38\u4e45\u505c\u5728 opacity:0 *\/\n var sweep = function(){\n var vh = window.innerHeight || 800;\n Array.prototype.forEach.call(els, function(el){\n if(el.classList.contains('is-in')) return;\n var r = el.getBoundingClientRect();\n if(r.top < vh * 0.94 && r.bottom > 0){\n el.classList.add('is-in');\n io.unobserve(el);\n if(el.querySelector('[data-count]')) runCount(el);\n }\n });\n };\n var sweepTick = false;\n var onSweep = function(){\n if(sweepTick) return;\n sweepTick = true;\n requestAnimationFrame(function(){ sweep(); sweepTick = false; });\n };\n window.addEventListener('scroll', onSweep, {passive:true});\n window.addEventListener('resize', onSweep);\n window.addEventListener('hashchange', onSweep); \/* \u9328\u9ede\u8df3\u8f49 *\/\n window.addEventListener('load', sweep);\n\n \/* \u515c\u5e95\u8f2a\u8a62\uff1a\u6db5\u84cb scrollIntoView\u3001\u9328\u9ede\u76f4\u9054\u3001Elementor \u52d5\u614b\u8f09\u5165\u7b49\n \u4e0d\u89f8\u767c scroll \u4e8b\u4ef6\u7684\u60c5\u5883\u3002\u5168\u90e8\u63ed\u793a\u5f8c\u81ea\u52d5\u505c\u6b62\u3002 *\/\n var polls = 0;\n var poller = setInterval(function(){\n sweep();\n polls++;\n var pending = 0;\n Array.prototype.forEach.call(els, function(el){\n if(!el.classList.contains('is-in')) pending++;\n });\n if(pending === 0 || polls > 40) clearInterval(poller);\n }, 400);\n }\n\n \/* ---------- \u6578\u5b57 countUp ----------\n \u7d50\u69cb\u56fa\u5b9a\u70ba\uff1a<span class=\"ms-stat-num\"><i>\u6578\u5b57<\/i><span>\u5f8c\u7db4<\/span><\/span>\n \u53ea\u6539 <i> \u7684\u5167\u5bb9\uff0c\u5f8c\u7db4\u7bc0\u9ede\u5b8c\u5168\u4e0d\u52d5\uff0c\u907f\u514d\u8986\u5beb\u3002 *\/\n function runCount(scope){\n Array.prototype.forEach.call(scope.querySelectorAll('[data-count]'), function(el){\n if(el.dataset.done) return;\n el.dataset.done = '1';\n\n var target = parseInt(el.getAttribute('data-count'), 10);\n if(isNaN(target)) return;\n\n var slot = el.querySelector('i');\n if(!slot){ \/* \u6c92\u6709\u6578\u5b57\u69fd\u5c31\u5efa\u4e00\u500b\uff0c\u63d2\u5728\u6700\u524d\u9762 *\/\n slot = document.createElement('i');\n slot.style.fontStyle = 'normal';\n el.insertBefore(slot, el.firstChild);\n }\n\n if(reduce){ slot.textContent = String(target); return; }\n\n var start = null, dur = 1150;\n function step(ts){\n if(start === null) start = ts;\n var p = Math.min((ts - start) \/ dur, 1);\n var eased = 1 - Math.pow(1 - p, 3); \/* easeOutCubic *\/\n slot.textContent = String(Math.round(target * eased));\n if(p < 1) requestAnimationFrame(step);\n }\n requestAnimationFrame(step);\n });\n }\n\n \/* ---------- \u66f8\u9ad4\u8996\u5dee\uff08\u50c5\u684c\u6a5f\u3001\u4e14\u672a\u8981\u6c42\u6e1b\u5c11\u52d5\u614b\uff09 ----------\n \u7528 CSS \u8b8a\u6578\u50b3\u905e\u4f4d\u79fb\u91cf\uff0c\u4e0d\u76f4\u63a5\u5beb style.transform\uff0c\n \u5426\u5247\u6703\u8986\u5beb\u9032\u5834\u52d5\u756b\u8207 hover \u7684 transform\u3002 *\/\n var proofWrap = document.querySelector('.ms-proof');\n var proofShift = document.querySelector('.ms-proof-shift');\n\n \/* \u66f8\u9ad4\u9032\u5834\uff1a\u4ee5 inline style \u63a7\u5236\uff0c\u78ba\u4fdd\u4e0d\u53d7\u9078\u64c7\u5668\u5c64\u758a\u5f71\u97ff\u3002\n \u53ea\u8981 JS \u6709\u8dd1\uff0c\u5716\u5c31\u4e00\u5b9a\u6703\u5728 1 \u79d2\u5167\u5b8c\u5168\u986f\u793a\u3002 *\/\n if(proofShift && proofWrap){\n if(reduce){\n proofShift.style.opacity = '1';\n }else{\n proofShift.style.opacity = '0';\n proofShift.style.transform = 'translateY(24px)';\n var revealBook = function(){\n proofShift.style.opacity = '1';\n proofShift.style.transform = 'translateY(0)';\n };\n if('IntersectionObserver' in window){\n var bookIO = new IntersectionObserver(function(en){\n en.forEach(function(e){\n if(e.isIntersecting){ revealBook(); bookIO.disconnect(); }\n });\n }, { threshold:0, rootMargin:'0px 0px -10% 0px' });\n bookIO.observe(proofWrap);\n }\n \/* \u4fdd\u96aa\uff1a\u7121\u8ad6\u5982\u4f55 2.4 \u79d2\u5f8c\u4e00\u5b9a\u986f\u793a *\/\n setTimeout(revealBook, 2400);\n }\n }\n\n if(proofWrap && proofShift && !reduce && window.matchMedia('(min-width:1025px)').matches){\n var ticking = false;\n var onParallax = function(){\n if(ticking) return;\n ticking = true;\n requestAnimationFrame(function(){\n var r = proofWrap.getBoundingClientRect();\n var vh = window.innerHeight || 800;\n if(r.top < vh && r.bottom > 0){\n var prog = (r.top + r.height \/ 2 - vh \/ 2) \/ vh; \/* \u7d04 -1 ~ 1 *\/\n var shift = Math.max(-16, Math.min(16, prog * -16));\n proofShift.style.transform = 'translateY(' + shift.toFixed(2) + 'px)';\n }\n ticking = false;\n });\n };\n \/* \u7b49\u9032\u5834\u52d5\u756b\u6536\u5b8c\u518d\u555f\u7528\u8996\u5dee\uff0c\u907f\u514d\u8207\u9032\u5834 transition \u6253\u67b6\u3002\n \u6ce8\u610f\uff1ainline style \u7684 transition \u4e0d\u53ef\u4f7f\u7528 var(--...)\uff0c\n \u8a72\u503c\u6703\u88ab\u8996\u70ba\u7121\u6548\u800c\u8b93\u6574\u689d\u5ba3\u544a\u5931\u6548\uff0c\u4e26\u4e2d\u65b7\u9032\u884c\u4e2d\u7684\u52d5\u756b\u3002 *\/\n setTimeout(function(){\n proofShift.style.transition = 'transform .2s linear';\n window.addEventListener('scroll', onParallax, {passive:true});\n onParallax();\n }, 2600);\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-791463b e-flex e-con-boxed e-con e-parent\" data-id=\"791463b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6cc9194 elementor-widget elementor-widget-html\" data-id=\"6cc9194\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE B \u2014 \u9019\u4efd\u547d\u66f8\u9069\u5408\u8ab0\uff5c\u547d\u66f8 MING SHU<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE B\uff1a\u9019\u4efd\u547d\u66f8\u9069\u5408\u8ab0\uff08v2 \u91cd\u88fd\uff09\n \u9328\u9ede\uff1a#who \uff5c \u6697\u5834\u6df1\u85cd\uff08\u7dad\u6301\u65e2\u6709\u4e3b\u8996\u89ba\uff09\n\n \u2605 v2 \u6539\u52d5\u91cd\u9ede\n 1. Layout\uff1a3\u00d72 \u540c\u69cb\u5361\u5e73\u92ea \u2192 \u5de6\u5074 sticky \u6a19\u984c + \u53f3\u5074\u6efe\u52d5\u60c5\u5883\u5217\n 2. \u60c5\u5883\u5217\uff1a\u6372\u52d5\u6642\u9010\u4e00\u63a8\u9032\u4e26\u9ad8\u4eae\uff08\u76ee\u524d\u9805\u91d1\u7dda\u4eae\u8d77\u3001\u5e8f\u865f\u8b8a\u91d1\uff09\n 3. \u9ad4\u9a57\uff1a\u5361\u7247\u5167\u6ed1\u9f20\u8ddf\u96a8\u91d1\u8272\u5149\u6688\uff08--mx\/--my \u8ffd\u8e64\uff09\n 4. \u5c0d\u6bd4\u4fee\u6b63\uff1a\u5e95\u90e8\u63d0\u793a\u6539\u70ba\u91d1\u8272\u5e95\u6a19\u7c64\uff0c\u4e0d\u518d\u662f\u6697\u5e95\u4e0a\u7684\u6de1\u91d1\u7d30\u5b57\n 5. \u5e8f\u865f\u8ef8\uff1a\u5de6\u5074 sticky \u5340\u986f\u793a\u76ee\u524d\u9032\u5ea6\uff0801\/06\uff09\n\n \u2605 sticky \u95dc\u9375\uff08\u8e29\u904e\u7684\u96f7\uff0c\u52ff\u6539\u56de\uff09\uff1a\n \u00b7 .ms-who \u4e0d\u53ef\u52a0 overflow:hidden \u2192 \u6703\u8b93\u5b50\u5c64 .ms-aside \u7684 sticky \u5b8c\u5168\u5931\u6548\n \u00b7 \u4e5f\u4e0d\u53ef\u53ea\u7528 clip-path \u2192 \u5b83\u53ea\u88c1\u7e6a\u88fd\uff0c\u4e0d\u6536 scrollWidth\uff08\u5be6\u6e2c\u4ecd\u6ea2\u51fa 107px\uff09\n \u00b7 \u6b63\u89e3\uff1a\u628a\u6703\u6ea2\u51fa\u7684\u88dd\u98fe\u5c64\uff08\u53f3\u4e0b\u91d1\u8272\u5149\u6688\uff09\u7368\u7acb\u5305\u9032 .ms-glow-wrap\uff0c\n \u7531\u8a72\u5c64\u81ea\u5df1 overflow:hidden\uff0c.ms-who \u7dad\u6301\u4e7e\u6de8\n ============================================================ *\/\n:root{\n --ink:#1A1410; --ink-deep:#0E2740;\n --navy:#12304F; --navy-2:#0C2440; --navy-3:#1B3E63; --navy-4:#081C33;\n --paper:#FAF6EF; --paper-2:#F4EEE4;\n --gold:#B08D4F; --gold-light:#C9A870; --gold-pale:#D8C39A; --gold-glow:#F2D9A8;\n --brown:#6A5530;\n \/* \u5c0d\u6bd4\u4fee\u6b63\uff1a\u539f #9FB0C4 \u5728\u6b64\u80cc\u666f\u4eae\u5ea6\u4e0a\u504f\u7070\uff0c\u63d0\u9ad8\u5230 #B8C6D6 *\/\n --muted-dark:#B8C6D6;\n --line-dark:rgba(216,195,154,.22);\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(28px,3.4vw,46px);\n --fs-h3:clamp(18px,1.55vw,22px);\n --fs-lead:clamp(14px,1.05vw,16px);\n --fs-body:clamp(13.5px,.98vw,15px);\n --track-eyebrow:.34em;\n --sec-pad-y:clamp(78px,9.5vw,158px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:1200px;\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.32s; --dur:.62s; --dur-slow:.9s;\n --radius:4px; --radius-lg:12px;\n}\n*,*::before,*::after{box-sizing:border-box; min-width:0;}\nhtml{-webkit-text-size-adjust:100%;}\nbody{\n margin:0; background:var(--navy); color:#EAF1F8;\n font-family:var(--sans); font-weight:300;\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n overflow-x:hidden;\n}\nimg,svg{max-width:100%; height:auto;}\n\n\/* ============================================================\n SECTION\uff08\u4e0d\u53ef\u7528 overflow:hidden\uff0c\u5426\u5247 sticky \u5931\u6548\uff09\n ============================================================ *\/\n.ms-who{\n position:relative;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n \/* \u4e0d\u8a2d overflow:hidden\uff0fclip-path\uff1a\u5169\u8005\u90fd\u6703\u5f71\u97ff\u5b50\u5c64 sticky \u6216\u7121\u6cd5\u6536 scrollWidth\u3002\n \u6ea2\u51fa\u7684\u88dd\u98fe\u5c64\u5404\u81ea\u5305\u5728 .ms-glow-wrap \u5167\u8655\u7406\u3002 *\/\n background:\n radial-gradient(90% 60% at 18% 4%, rgba(27,62,99,.85) 0%, rgba(27,62,99,0) 58%),\n radial-gradient(80% 55% at 88% 92%, rgba(176,141,79,.13) 0%, rgba(176,141,79,0) 60%),\n linear-gradient(168deg, var(--navy-3) 0%, var(--navy) 34%, var(--navy-2) 100%);\n}\n.ms-who::before{\n content:\"\"; position:absolute; inset:0; pointer-events:none; opacity:.5;\n background-image:\n radial-gradient(1.6px 1.6px at 12% 18%, rgba(216,195,154,.85), transparent),\n radial-gradient(1.2px 1.2px at 78% 12%, rgba(255,255,255,.55), transparent),\n radial-gradient(1.4px 1.4px at 34% 76%, rgba(216,195,154,.6), transparent),\n radial-gradient(1px 1px at 62% 44%, rgba(255,255,255,.5), transparent),\n radial-gradient(1.5px 1.5px at 89% 62%, rgba(216,195,154,.55), transparent),\n radial-gradient(1.1px 1.1px at 8% 58%, rgba(255,255,255,.42), transparent),\n radial-gradient(1.3px 1.3px at 48% 8%, rgba(216,195,154,.5), transparent);\n animation:ms-twinkle 7s var(--ease-soft) infinite;\n}\n@keyframes ms-twinkle{0%,100%{opacity:.34;}50%{opacity:.62;}}\n\/* \u53f3\u4e0b\u5149\u6688\uff1a\u653e\u5728\u5c08\u5c6c\u7684 overflow:hidden \u5305\u88dd\u5c64\u5167\u3002\n \u4e0d\u80fd\u628a overflow:hidden \u52a0\u5728 .ms-who\uff08\u6703\u8b93\u5b50\u5c64 sticky \u5931\u6548\uff09\uff0c\n \u4e5f\u4e0d\u80fd\u53ea\u9760 clip-path\uff08\u53ea\u88c1\u7e6a\u88fd\u3001\u4e0d\u6536 scrollWidth\uff09\u3002 *\/\n.ms-glow-wrap{\n display:block; position:absolute; inset:0;\n overflow:hidden; pointer-events:none; z-index:0;\n}\n.ms-glow-wrap::after{\n content:\"\"; position:absolute; right:0; bottom:0;\n width:min(52vw,600px); aspect-ratio:1;\n border-radius:50%;\n transform:translate(14%,12%);\n background:radial-gradient(circle, rgba(176,141,79,.12) 0%, transparent 66%);\n animation:ms-glow 16s var(--ease-soft) infinite;\n}\n@keyframes ms-glow{\n 0%,100%{transform:translate(14%,12%) scale(1); opacity:.7;}\n 50%{transform:translate(14%,12%) scale(1.12); opacity:1;}\n}\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n \u96d9\u6b04\uff1a\u5de6 sticky \uff0f \u53f3\u6efe\u52d5\n ============================================================ *\/\n.ms-split{\n display:grid; align-items:start;\n grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);\n gap:clamp(28px,4vw,72px);\n}\n\n\/* ---------- \u5de6\u6b04\uff08sticky\uff09 ---------- *\/\n.ms-aside{\n position:sticky; top:clamp(90px,12vh,150px);\n padding-right:clamp(0px,1vw,16px);\n}\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:14px;\n font-size:var(--fs-eyebrow); font-weight:400; letter-spacing:var(--track-eyebrow);\n color:var(--gold-pale); text-transform:uppercase; margin:0 0 clamp(16px,1.8vw,24px);\n}\n.ms-eyebrow::before{\n content:\"\"; width:clamp(24px,3.2vw,44px); height:1px;\n background:linear-gradient(90deg,var(--gold-pale),transparent);\n transform:scaleX(0); transform-origin:left;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.is-in .ms-eyebrow::before{transform:scaleX(1);}\n\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.42; letter-spacing:.02em; color:#FFFFFF;\n margin:0 0 clamp(16px,1.8vw,24px);\n text-shadow:0 2px 30px rgba(0,0,0,.35);\n}\n.ms-h2 em{\n font-style:normal; position:relative; display:inline-block;\n color:var(--gold-glow);\n}\n\/* \u6a19\u984c\u91cd\u9ede\u5b57\u4e0b\u65b9\u91d1\u8272\u5e95\u7dda\uff08\u7531\u5de6\u5c55\u958b\uff09 *\/\n.ms-h2 em::after{\n content:\"\"; position:absolute; left:0; right:0; bottom:-.04em; height:.08em;\n background:linear-gradient(90deg,rgba(201,168,112,.75),rgba(201,168,112,.16));\n border-radius:2px; z-index:-1;\n transform:scaleX(0); transform-origin:left;\n transition:transform var(--dur-slow) var(--ease-out) .35s;\n}\n.is-in .ms-h2 em::after{transform:scaleX(1);}\n\n.ms-lead{\n font-size:var(--fs-lead); line-height:2.05; color:var(--muted-dark);\n margin:0 0 clamp(26px,3vw,40px); font-weight:300; max-width:34ch;\n}\n\n\/* \u5de6\u6b04\u9032\u5ea6\u8ef8 *\/\n.ms-progress{\n display:flex; align-items:center; gap:14px;\n padding-top:clamp(20px,2.2vw,30px); border-top:1px solid var(--line-dark);\n}\n.ms-prog-num{\n font-family:var(--serif); font-size:clamp(26px,2.6vw,38px); font-weight:700;\n line-height:1; color:var(--gold-glow); font-variant-numeric:tabular-nums;\n min-width:2.1ch; text-align:right;\n}\n.ms-prog-total{\n font-family:var(--serif); font-size:clamp(13px,1.05vw,16px);\n color:var(--muted-dark); line-height:1;\n}\n.ms-prog-bar{\n flex:1; height:2px; border-radius:2px; overflow:hidden;\n background:rgba(216,195,154,.16);\n}\n.ms-prog-fill{\n display:block; height:100%; width:16.6667%;\n background:linear-gradient(90deg,var(--gold),var(--gold-glow));\n border-radius:2px;\n transition:width var(--dur) var(--ease-out);\n}\n\/* \u76ee\u524d\u60c5\u5883\u6a19\u984c\uff1a\u96a8\u6372\u52d5\u5207\u63db\uff0c\u8b93\u5de6\u6b04\u4e0d\u518d\u662f\u975c\u614b\u7a7a\u767d *\/\n.ms-prog-title{\n font-family:var(--serif); font-weight:600;\n font-size:clamp(15px,1.25vw,19px); line-height:1.6; letter-spacing:.04em;\n color:var(--gold-glow); margin:clamp(14px,1.5vw,20px) 0 0;\n transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);\n}\n.ms-prog-title.is-swap{opacity:0; transform:translateY(6px);}\n\n\/* ---------- \u53f3\u6b04\uff1a\u60c5\u5883\u5217 ---------- *\/\n.ms-list{display:flex; flex-direction:column; gap:clamp(12px,1.4vw,18px);}\n\n.ms-card{\n position:relative; overflow:hidden;\n display:grid; grid-template-columns:auto 1fr; align-items:start;\n gap:clamp(16px,1.7vw,24px);\n padding:clamp(22px,2.3vw,32px) clamp(20px,2.2vw,30px);\n border-radius:var(--radius-lg);\n \/* \u26a0\ufe0f \u4e0d\u53ef\u7528 rgba(255,255,255,.0x) \u534a\u900f\u660e\u767d\uff1a\u5728 WordPress\uff0fElementor \u4e0b\u82e5\u7236\u5c64\u662f\u767d\u5e95\uff0c\n \u534a\u900f\u660e\u767d\u6703\u76f4\u63a5\u7b97\u6210\u5be6\u5fc3\u767d\u5361\uff08\u5be6\u6e2c\u6574\u5f35\u5361\u8b8a\u767d\u3001\u6587\u5b57\u770b\u4e0d\u898b\uff09\u3002\n \u6539\u7528\u4e0d\u4f9d\u8cf4\u5e95\u5c64\u7684\u4e0d\u900f\u660e\u6df1\u85cd\u5be6\u8272\u3002 *\/\n background:linear-gradient(160deg, #1B3E63 0%, #16345A 100%);\n border:1px solid rgba(216,195,154,.16);\n opacity:0; transform:translateY(22px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-card.is-in{opacity:1; transform:none;}\n\n\/* \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688\uff08--mx\/--my \u7531 JS \u66f4\u65b0\uff09 *\/\n.ms-card__spot{\n position:absolute; inset:0; pointer-events:none; z-index:0;\n opacity:0; transition:opacity var(--dur-fast) var(--ease-out);\n background:radial-gradient(220px circle at var(--mx,50%) var(--my,50%),\n rgba(216,195,154,.16) 0%, rgba(216,195,154,.05) 40%, transparent 70%);\n}\n.ms-card:hover .ms-card__spot{opacity:1;}\n\n\/* \u5de6\u7de3\u91d1\u7dda\uff08active \/ hover \u6642\u4eae\u8d77\uff09 *\/\n.ms-card__edge{\n position:absolute; left:0; top:0; bottom:0; width:2px; z-index:1;\n background:linear-gradient(180deg,transparent,var(--gold-light) 22%,var(--gold-light) 78%,transparent);\n transform:scaleY(0); transform-origin:center; pointer-events:none;\n transition:transform var(--dur) var(--ease-out), opacity var(--dur-fast) var(--ease-out);\n opacity:0;\n}\n.ms-card:hover .ms-card__edge{transform:scaleY(1); opacity:1;}\n.ms-card.is-active .ms-card__edge{transform:scaleY(1); opacity:.85;}\n\n.ms-card:hover{\n border-color:rgba(216,195,154,.5);\n background:linear-gradient(160deg, #23496F 0%, #1B3E63 100%);\n box-shadow:0 22px 52px rgba(0,0,0,.34);\n}\n\/* \u6372\u5230\u76ee\u524d\u9019\u5f35\u6642\u7684\u9ad8\u4eae\uff08\u4e0d\u9700\u6ed1\u9f20\uff09 *\/\n.ms-card.is-active{\n border-color:rgba(216,195,154,.36);\n background:\n radial-gradient(140% 100% at 0% 50%, rgba(176,141,79,.12) 0%, rgba(176,141,79,0) 58%),\n linear-gradient(160deg, #20456B 0%, #1B3E63 100%);\n}\n\n\/* --- \u5e8f\u865f + \u5716\u793a\uff08\u5de6\u5074\u76f4\u6b04\uff09 --- *\/\n.ms-card__lead{\n position:relative; z-index:1;\n display:flex; align-items:center;\n}\n\/* \u5e8f\u865f\u79fb\u5230\u6a19\u984c\u540c\u884c\uff08\u898b .ms-card-title \u5167\uff09\uff0c\u6b64\u8655\u50c5\u4fdd\u7559\u5716\u793a\u6b04 *\/\n.ms-num{\n font-family:var(--serif); font-weight:600; line-height:1;\n font-size:clamp(12px,.95vw,14px); letter-spacing:.1em;\n color:rgba(216,195,154,.55); font-variant-numeric:tabular-nums;\n transition:color var(--dur-fast) var(--ease-out);\n display:block; margin-bottom:6px;\n}\n.ms-card:hover .ms-num,.ms-card.is-active .ms-num{color:var(--gold-glow);}\n\n.ms-ico{\n width:clamp(42px,3.8vw,52px); height:clamp(42px,3.8vw,52px); flex:none;\n display:grid; place-items:center; border-radius:50%;\n border:1px solid rgba(216,195,154,.3);\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.16), rgba(216,195,154,.035));\n transition:transform var(--dur) var(--ease-out), border-color var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);\n}\n.ms-ico svg{\n width:50%; height:50%; stroke:var(--gold-pale); fill:none;\n stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;\n transition:stroke var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-ico{\n transform:scale(1.08) rotate(-4deg);\n border-color:rgba(216,195,154,.72);\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.28), rgba(216,195,154,.07));\n box-shadow:0 0 0 6px rgba(216,195,154,.06), 0 10px 26px rgba(0,0,0,.28);\n}\n.ms-card.is-active .ms-ico{\n border-color:rgba(216,195,154,.58);\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.24), rgba(216,195,154,.06));\n}\n.ms-card:hover .ms-ico svg,.ms-card.is-active .ms-ico svg{stroke:var(--gold-glow);}\n\n\/* --- \u6587\u5b57 --- *\/\n.ms-card__body{position:relative; z-index:1; padding-top:2px;}\n.ms-card-title{\n font-family:var(--serif); font-weight:600; font-size:var(--fs-h3);\n color:#FFFFFF; margin:0 0 clamp(8px,.85vw,11px); line-height:1.5; letter-spacing:.03em;\n}\n.ms-card-desc{\n font-size:var(--fs-body); line-height:1.9; color:var(--muted-dark);\n margin:0 0 clamp(11px,1.2vw,15px); font-weight:300;\n}\n\/* \u95dc\u9375\u8a5e\u6a19\u7c64\uff08\u53d6\u4ee3\u7d14\u6587\u5b57\u5806\u758a\uff0c\u589e\u52a0\u6383\u8996\u6027\uff09 *\/\n.ms-tags{display:flex; flex-wrap:wrap; gap:6px;}\n.ms-tag{\n display:inline-block; font-size:clamp(11px,.82vw,12.5px); line-height:1.5;\n color:#DCE6F1; background:#22456A; \/* \u5be6\u8272\uff0c\u4e0d\u53d7\u7236\u5c64\u5e95\u8272\u5f71\u97ff *\/\n border:1px solid rgba(216,195,154,.2); padding:4px 10px; border-radius:99px;\n transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out),\n color var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-tag,.ms-card.is-active .ms-tag{\n background:rgba(216,195,154,.14); border-color:rgba(216,195,154,.36); color:#F4EDDD;\n}\n\n\/* ============================================================\n \u5e95\u90e8\u63d0\u793a\uff08\u4fee\u6b63\u539f\u672c\u6697\u5e95\u6de1\u91d1\u5b57\u7684\u4f4e\u5c0d\u6bd4\uff09\n ============================================================ *\/\n.ms-note{\n margin:clamp(44px,5vw,74px) 0 0;\n padding:clamp(22px,2.4vw,32px) clamp(22px,2.6vw,36px);\n border-radius:var(--radius-lg);\n background:\n radial-gradient(120% 160% at 0% 50%, rgba(176,141,79,.18) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(160deg, #1E4269 0%, #17365C 100%); \/* \u5be6\u8272\uff0c\u4e0d\u4f9d\u8cf4\u7236\u5c64 *\/\n border:1px solid rgba(216,195,154,.3);\n display:flex; align-items:center; gap:clamp(14px,1.6vw,22px);\n opacity:0; transform:translateY(16px);\n transition:opacity var(--dur) var(--ease-out) .1s, transform var(--dur) var(--ease-out) .1s;\n}\n.ms-note.is-in{opacity:1; transform:none;}\n.ms-note__ico{\n width:clamp(38px,3.4vw,46px); height:clamp(38px,3.4vw,46px); flex:none;\n display:grid; place-items:center; border-radius:12px;\n background:linear-gradient(135deg,var(--gold-pale),var(--gold-light));\n box-shadow:0 8px 22px rgba(176,141,79,.3);\n}\n.ms-note__ico svg{width:52%; height:52%; stroke:#241906; fill:none;\n stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;}\n.ms-note p{\n margin:0; font-size:var(--fs-body); line-height:1.95;\n color:#E4EDF6; font-weight:300;\n}\n\/* \u53cd\u767d\u4fee\u6b63\uff1a\u6539\u70ba\u91d1\u5e95\u6df1\u5b57\u7684\u5be6\u5fc3\u6a19\u7c64\uff0c\u800c\u975e\u6697\u5e95\u6de1\u91d1\u7d30\u5b57 *\/\n.ms-note b{\n display:inline-block; font-weight:500; color:#241906;\n background:linear-gradient(135deg,var(--gold-pale),var(--gold-light));\n padding:2px 9px; border-radius:5px; margin:0 2px;\n box-shadow:0 3px 10px rgba(176,141,79,.28);\n}\n\n\/* ============================================================\n \ud83d\udee1 WordPress\uff0fElementor \u9632\u8b77\u5c64\n ------------------------------------------------------------\n \u75c7\u72c0\uff08\u5be6\u6e2c\uff09\uff1a\u8cbc\u9032 WP \u5f8c\u672a active \u7684\u5361\u7247\u6574\u5f35\u8b8a\u767d\u3001\u6587\u5b57\u770b\u4e0d\u898b\uff1b\n \u5361\u7247\u53f3\u4e0a\u5192\u51fa\u300c\u275e\u300d\u5f15\u865f\uff1b\u6a19\u7c64\u524d\u591a\u51fa\u5713\u9ede\u3002\n \u6839\u56e0\uff1a\n 1. \u4e3b\u984c\u5c0d article \/ blockquote \/ li \u7b49\u6a19\u7c64\u6ce8\u5165 background\u3001::before content\n 2. \u539f\u8a2d\u8a08\u7528 rgba(255,255,255,.0x) \u534a\u900f\u660e\u767d \u2014\u2014 \u758a\u5728\u4e3b\u984c\u767d\u5e95\u4e0a\u6703\u7b97\u6210\u5be6\u5fc3\u767d\n \u5c0d\u7b56\uff1a\n 1. \u6240\u6709\u5361\u7247\uff0f\u6a19\u7c64\u80cc\u666f\u6539\u70ba\u300c\u4e0d\u900f\u660e\u5be6\u8272\u300d\uff08\u898b\u4e0a\u65b9\u5404\u5340\u584a\uff09\n 2. \u672c\u5c64\u7528 #who \u524d\u7db4\u62c9\u9ad8\u7279\u7570\u6027\uff0c\u58d3\u904e\u4e3b\u984c\u9078\u64c7\u5668\n 3. \u660e\u78ba\u6e05\u6389\u4e3b\u984c\u53ef\u80fd\u6ce8\u5165\u7684 content \/ background \/ list-style\n ============================================================ *\/\n#who .ms-card,\n#who .ms-note,\n#who .ms-tag,\n#who .ms-card__body,\n#who .ms-card__lead{\n box-shadow:none;\n}\n\/* \u6e05\u6389\u4e3b\u984c\u6ce8\u5165\u7684\u88dd\u98fe\u507d\u5143\u7d20\uff08\u5f15\u865f\u3001\u5713\u9ede\u3001\u8a08\u6578\u5668\uff09 *\/\n#who .ms-card::before,\n#who .ms-card::after,\n#who .ms-card__body::before,\n#who .ms-card__body::after,\n#who .ms-tag::before,\n#who .ms-tag::after,\n#who .ms-card-title::before,\n#who .ms-card-title::after,\n#who .ms-card-desc::before,\n#who .ms-card-desc::after,\n#who .ms-note p::before,\n#who .ms-note p::after{\n content:none !important;\n display:none !important;\n}\n\/* \u5361\u7247\u80cc\u666f\u9396\u5b9a\u70ba\u5be6\u8272\uff08\u58d3\u904e\u4e3b\u984c article \u80cc\u666f\uff09\n \u26a0\ufe0f \u5fc5\u9808\u5e36 !important\uff1a\u5be6\u6e2c\u90e8\u5206\u4e3b\u984c\uff0f\u5916\u639b\u4ee5 .ms-card{background:#fff !important}\n \u76f4\u63a5\u547d\u4e2d\u6211\u5011\u7684 class\uff0c\u4e0d\u52a0 !important \u6703\u88ab\u5b8c\u5168\u58d3\u904e\uff08\u6574\u5f35\u5361\u8b8a\u767d\uff09 *\/\n#who .ms-card{\n background:linear-gradient(160deg,#1B3E63 0%,#16345A 100%) !important;\n background-color:#1B3E63 !important;\n}\n#who .ms-card.is-active{\n background:\n radial-gradient(140% 100% at 0% 50%, rgba(176,141,79,.14) 0%, rgba(176,141,79,0) 58%),\n linear-gradient(160deg,#20456B 0%,#1B3E63 100%) !important;\n background-color:#20456B !important;\n}\n#who .ms-card:hover{\n background:linear-gradient(160deg,#23496F 0%,#1B3E63 100%) !important;\n background-color:#23496F !important;\n}\n\/* \u6587\u5b57\u984f\u8272\u9396\u5b9a\uff08\u4e3b\u984c\u5e38\u628a\u5340\u584a\u5167\u6587\u6539\u6df1\u8272\uff0c\u6697\u5e95\u4e0a\u6703\u6d88\u5931\uff09 *\/\n#who .ms-card-title{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF;}\n#who .ms-card-desc{color:#B8C6D6 !important; -webkit-text-fill-color:#B8C6D6;}\n#who .ms-tag{\n background:#22456A !important; background-color:#22456A !important;\n color:#DCE6F1 !important; -webkit-text-fill-color:#DCE6F1;\n list-style:none !important;\n}\n#who .ms-h2{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF;}\n#who .ms-h2 em{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#who .ms-lead,#who .ms-prog-total{color:#B8C6D6 !important; -webkit-text-fill-color:#B8C6D6;}\n#who .ms-prog-num,#who .ms-prog-title{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#who .ms-eyebrow{color:#D8C39A !important; -webkit-text-fill-color:#D8C39A;}\n#who .ms-num{color:rgba(216,195,154,.55) !important; -webkit-text-fill-color:rgba(216,195,154,.55);}\n#who .ms-card:hover .ms-num,\n#who .ms-card.is-active .ms-num{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n\/* \u5e95\u90e8\u63d0\u793a\uff1a\u91d1\u5e95\u6df1\u5b57\u6a19\u7c64\uff08\u4e3b\u984c\u53ef\u80fd\u91cd\u8a2d b \u7684 background\/color\uff09 *\/\n#who .ms-note{\n background:\n radial-gradient(120% 160% at 0% 50%, rgba(176,141,79,.18) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(160deg,#1E4269 0%,#17365C 100%) !important;\n background-color:#1E4269 !important;\n}\n#who .ms-note p{color:#E4EDF6 !important; -webkit-text-fill-color:#E4EDF6;}\n#who .ms-note b{\n background:linear-gradient(135deg,#D8C39A,#C9A870) !important;\n background-color:#D8C39A !important;\n color:#241906 !important;\n -webkit-text-fill-color:#241906; \/* \u9632\u4e3b\u984c\u7528 text-fill-color \u900f\u660e\u5316 *\/\n font-weight:500; display:inline-block;\n padding:2px 9px; border-radius:5px;\n}\n\/* \u5716\u793a\u5713\u5e95\u8207 SVG \u63cf\u908a\u9396\u5b9a *\/\n#who .ms-ico{\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.16), rgba(216,195,154,.035)) !important;\n background-color:#1F4368 !important;\n border:1px solid rgba(216,195,154,.3) !important;\n}\n#who .ms-card:hover .ms-ico,\n#who .ms-card.is-active .ms-ico{\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.28), rgba(216,195,154,.07)) !important;\n background-color:#26507A !important;\n}\n#who .ms-ico svg{stroke:#D8C39A !important; fill:none !important;}\n#who .ms-card:hover .ms-ico svg,\n#who .ms-card.is-active .ms-ico svg{stroke:#F2D9A8 !important;}\n#who .ms-note__ico{\n background:linear-gradient(135deg,#D8C39A,#C9A870) !important;\n background-color:#D8C39A !important;\n}\n#who .ms-note__ico svg{stroke:#241906 !important; fill:none !important;}\n\/* \u9032\u5ea6\u689d *\/\n#who .ms-prog-bar{background:rgba(216,195,154,.16) !important;}\n#who .ms-prog-fill{background:linear-gradient(90deg,#B08D4F,#F2D9A8) !important;}\n\/* \u5361\u7247\u5de6\u7de3\u91d1\u7dda *\/\n#who .ms-card__edge{\n background:linear-gradient(180deg,transparent,#C9A870 22%,#C9A870 78%,transparent) !important;\n}\n\/* \u6e05\u6389\u4e3b\u984c\u53ef\u80fd\u52a0\u7684\u6e05\u55ae\u6a23\u5f0f *\/\n#who .ms-list,#who .ms-tags{list-style:none !important; margin:0; padding:0;}\n\/* \u5340\u584a\u672c\u9ad4\u80cc\u666f\uff08\u4e3b\u984c\u53ef\u80fd\u5c0d section \u4e0b\u767d\u5e95\uff09 *\/\n#who{\n background:\n radial-gradient(90% 60% at 18% 4%, rgba(27,62,99,.85) 0%, rgba(27,62,99,0) 58%),\n radial-gradient(80% 55% at 88% 92%, rgba(176,141,79,.13) 0%, rgba(176,141,79,0) 60%),\n linear-gradient(168deg,#1B3E63 0%,#12304F 34%,#0C2440 100%) !important;\n background-color:#12304F !important;\n}\n\n\/* ============================================================\n RWD\n ============================================================ *\/\n@media (max-width:900px){\n \/* sticky \u89e3\u9664\uff0c\u6539\u70ba\u4e0a\u4e0b\u5806\u758a *\/\n .ms-split{grid-template-columns:1fr; gap:clamp(26px,4vw,40px);}\n .ms-aside{position:static; top:auto; padding-right:0;}\n .ms-lead{max-width:56ch;}\n \/* \u55ae\u6b04\u6642\u5de6\u6b04\u4e0d\u518d sticky\uff0c\u9032\u5ea6\u8ef8\u8207\u9023\u52d5\u6a19\u984c\u5931\u53bb\u5c0d\u61c9\u8108\u7d61\uff0c\u4e00\u4f75\u96b1\u85cf *\/\n .ms-progress,.ms-prog-title{display:none;}\n}\n@media (max-width:600px){\n .ms-card{\n grid-template-columns:1fr; gap:clamp(12px,2.4vw,16px);\n padding:22px 18px;\n }\n .ms-card:hover{box-shadow:none;}\n .ms-note{flex-direction:column; align-items:flex-start; text-align:left;}\n}\n@media (max-width:400px){\n .ms-eyebrow{gap:10px;}\n .ms-eyebrow::before{width:20px;}\n}\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n .ms-card,.ms-note{opacity:1!important; transform:none!important;}\n .ms-eyebrow::before{transform:scaleX(1)!important;}\n .ms-h2 em::after{transform:scaleX(1)!important;}\n .ms-card__spot{display:none;}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ms-who\" id=\"who\">\n <span class=\"ms-glow-wrap\" aria-hidden=\"true\"><\/span>\n <div class=\"ms-inner\">\n <div class=\"ms-split\">\n\n \n <aside class=\"ms-aside\" data-reveal>\n <p class=\"ms-eyebrow\">Who Needs It<\/p>\n <h2 class=\"ms-h2\">\u5728\u4eba\u751f\u7684\u91cd\u8981\u968e\u6bb5\uff0c<br>\u66f4\u9700\u8981<em>\u770b\u6e05\u65b9\u5411<\/em><\/h2>\n <p class=\"ms-lead\">\u547d\u66f8\u4e0d\u9810\u8a00\u547d\u904b\uff0c\u800c\u662f\u5728\u4f60\u9762\u5c0d\u9078\u64c7\u6642\uff0c\u591a\u7d66\u4f60\u4e00\u500b\u5224\u65b7\u4f9d\u64da\u3002<\/p>\n\n <div class=\"ms-progress\" aria-hidden=\"true\">\n <span class=\"ms-prog-num\" id=\"progNum\">01<\/span>\n <span class=\"ms-prog-total\">\uff0f 06<\/span>\n <span class=\"ms-prog-bar\"><i class=\"ms-prog-fill\" id=\"progFill\"><\/i><\/span>\n <\/div>\n\n \n <p class=\"ms-prog-title\" id=\"progTitle\">\u4e8b\u696d\u6b63\u5728\u8f49\u578b\u7684\u4eba<\/p>\n <\/aside>\n\n \n <div class=\"ms-list\">\n\n \n <article class=\"ms-card\" data-i=\"1\" style=\"--d:.04s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 17l5-5 4 3 8-8\"\/><path d=\"M16 7h4v4\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">01<\/span>\n <h3 class=\"ms-card-title\">\u4e8b\u696d\u6b63\u5728\u8f49\u578b\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u6e96\u5099\u5275\u696d\u3001\u8f49\u8077\u3001\u5347\u9077\u6216\u958b\u62d3\u65b0\u5e02\u5834\uff0c\u60f3\u4e86\u89e3\u4ec0\u9ebc\u6642\u9593\u9069\u5408\u63a8\u52d5\u91cd\u8981\u8a08\u756b\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u5275\u696d<\/span>\n <span class=\"ms-tag\">\u8f49\u8077<\/span>\n <span class=\"ms-tag\">\u5347\u9077<\/span>\n <span class=\"ms-tag\">\u65b0\u5e02\u5834<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"2\" style=\"--d:.08s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3v7\"\/><path d=\"M12 10L5 21\"\/><path d=\"M12 10l7 11\"\/><circle cx=\"12\" cy=\"3\" r=\"1.6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">02<\/span>\n <h3 class=\"ms-card-title\">\u9762\u81e8\u91cd\u5927\u9078\u64c7\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u6b63\u5728\u601d\u8003\u5408\u4f5c\u3001\u6295\u8cc7\u3001\u642c\u9077\u3001\u5a5a\u59fb\u6216\u4eba\u751f\u65b9\u5411\uff0c\u5e0c\u671b\u591a\u4e00\u500b\u5224\u65b7\u4f9d\u64da\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u5408\u4f5c<\/span>\n <span class=\"ms-tag\">\u6295\u8cc7<\/span>\n <span class=\"ms-tag\">\u642c\u9077<\/span>\n <span class=\"ms-tag\">\u5a5a\u59fb<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"3\" style=\"--d:.12s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"8.5\" cy=\"9\" r=\"3\"\/><circle cx=\"16\" cy=\"11\" r=\"2.4\"\/><path d=\"M3 20c.6-3.2 2.8-5 5.5-5s4.9 1.8 5.5 5\"\/><path d=\"M15 20c.4-2.2 1.8-3.4 3.4-3.4 1.4 0 2.6.9 3.1 2.6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">03<\/span>\n <h3 class=\"ms-card-title\">\u60f3\u7406\u89e3\u4eba\u969b\u4e92\u52d5\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u60f3\u4e86\u89e3\u81ea\u5df1\u8207\u4f34\u4fb6\u3001\u5bb6\u4eba\u6216\u5408\u4f5c\u5925\u4f34\u4e4b\u9593\u7684\u76f8\u8655\u6a21\u5f0f\u8207\u4e92\u52d5\u7bc0\u594f\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u4f34\u4fb6<\/span>\n <span class=\"ms-tag\">\u5bb6\u4eba<\/span>\n <span class=\"ms-tag\">\u5408\u4f5c\u5925\u4f34<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"4\" style=\"--d:.16s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15.5\" rx=\"2\"\/><path d=\"M3.5 9.6h17\"\/><path d=\"M8 3v4M16 3v4\"\/><path d=\"M8 13.4h3M8 17h6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">04<\/span>\n <h3 class=\"ms-card-title\">\u91cd\u8996\u5e74\u5ea6\u898f\u5283\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u5e0c\u671b\u63d0\u524d\u5b89\u6392\u4e0b\u4e00\u5e74\u5ea6\u7684\u5de5\u4f5c\u3001\u8ca1\u52d9\u3001\u5065\u5eb7\u8207\u5bb6\u5ead\u8a08\u756b\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u5de5\u4f5c<\/span>\n <span class=\"ms-tag\">\u8ca1\u52d9<\/span>\n <span class=\"ms-tag\">\u5065\u5eb7<\/span>\n <span class=\"ms-tag\">\u5bb6\u5ead<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"5\" style=\"--d:.20s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.4\"\/><path d=\"M12 3.6v16.8M3.6 12h16.8\"\/><circle cx=\"12\" cy=\"12\" r=\"2.6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">05<\/span>\n <h3 class=\"ms-card-title\">\u60f3\u66f4\u4e86\u89e3\u81ea\u5df1\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u5e0c\u671b\u770b\u898b\u81ea\u5df1\u7684\u6027\u683c\u512a\u52e2\u3001\u76f2\u9ede\uff0c\u4ee5\u53ca\u9019\u4e00\u751f\u53cd\u8986\u51fa\u73fe\u7684\u4eba\u751f\u8ab2\u984c\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u6027\u683c\u512a\u52e2<\/span>\n <span class=\"ms-tag\">\u76f2\u9ede<\/span>\n <span class=\"ms-tag\">\u4eba\u751f\u8ab2\u984c<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" data-i=\"6\" style=\"--d:.24s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__edge\"><\/span>\n <div class=\"ms-card__lead\">\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3.4\" y=\"9.6\" width=\"17.2\" height=\"11.2\" rx=\"1.8\"\/><path d=\"M2.6 9.6h18.8\"\/><path d=\"M12 9.6v11.2\"\/><path d=\"M12 9.6C10.4 6.2 8.8 4.6 7.2 4.6a2.3 2.3 0 000 4.6\"\/><path d=\"M12 9.6c1.6-3.4 3.2-5 4.8-5a2.3 2.3 0 010 4.6\"\/><\/svg>\n <\/span>\n <\/div>\n <div class=\"ms-card__body\">\n <span class=\"ms-num\">06<\/span>\n <h3 class=\"ms-card-title\">\u5c0b\u627e\u6709\u610f\u7fa9\u79ae\u7269\u7684\u4eba<\/h3>\n <p class=\"ms-card-desc\">\u9069\u5408\u4f5c\u70ba\u751f\u65e5\u3001\u6210\u5e74\u3001\u7d50\u5a5a\u3001\u5275\u696d\u3001\u9000\u4f11\u6216\u65b0\u5e74\u7684\u7d00\u5ff5\u79ae\u7269\u3002<\/p>\n <div class=\"ms-tags\">\n <span class=\"ms-tag\">\u751f\u65e5<\/span>\n <span class=\"ms-tag\">\u6210\u5e74<\/span>\n <span class=\"ms-tag\">\u7d50\u5a5a<\/span>\n <span class=\"ms-tag\">\u9000\u4f11<\/span>\n <span class=\"ms-tag\">\u65b0\u5e74<\/span>\n <\/div>\n <\/div>\n <\/article>\n\n <\/div>\n <\/div>\n\n \n <div class=\"ms-note\" data-reveal-solo>\n <span class=\"ms-note__ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3.2 20 7v5c0 4-3.2 7.4-8 8.4-4.8-1-8-4.4-8-8.4V7l8-3.8Z\"\/><path d=\"M9 12.2 11 14.3l4-4.4\"\/><\/svg>\n <\/span>\n <p>\u7121\u8ad6\u4f60\u5c6c\u65bc\u54ea\u4e00\u7a2e\u60c5\u6cc1\uff0c\u547d\u66f8\u90fd\u6703\u4f9d\u7167<b>\u4f60\u7684\u51fa\u751f\u8cc7\u6599<\/b>\u91cd\u65b0\u88fd\u4f5c\uff0c\u4e0d\u4f7f\u7528\u5236\u5f0f\u5316\u7684\u5927\u773e\u904b\u52e2\u5167\u5bb9\u3002<\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var cards = Array.prototype.slice.call(document.querySelectorAll('.ms-card'));\n\n \/* ---- \u9032\u5834\uff08\u5de6\u6b04\uff0f\u5361\u7247\uff0f\u5e95\u90e8\u63d0\u793a\uff09 ---- *\/\n var reveals = document.querySelectorAll('[data-reveal],[data-reveal-solo]');\n if('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }\n });\n },{threshold:.12, rootMargin:'0px 0px -6% 0px'});\n reveals.forEach(function(el){ io.observe(el); });\n\n var ioCard = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); ioCard.unobserve(e.target); }\n });\n },{threshold:.18, rootMargin:'0px 0px -8% 0px'});\n cards.forEach(function(c){ ioCard.observe(c); });\n }else{\n reveals.forEach(function(el){ el.classList.add('is-in'); });\n cards.forEach(function(c){ c.classList.add('is-in'); });\n }\n\n \/* ---- \u6372\u52d5\u9ad8\u4eae + \u5de6\u6b04\u9032\u5ea6 ---- *\/\n var progNum = document.getElementById('progNum');\n var progFill = document.getElementById('progFill');\n var progTitle = document.getElementById('progTitle');\n var total = cards.length;\n var current = -1;\n\n function setActive(idx){\n if(idx === current) return;\n current = idx;\n cards.forEach(function(c,i){ c.classList.toggle('is-active', i === idx); });\n if(progNum) progNum.textContent = ('0' + (idx+1)).slice(-2);\n if(progFill) progFill.style.width = (((idx+1)\/total)*100) + '%';\n\n \/* \u5de6\u6b04\u6a19\u984c\u6de1\u51fa\u2192\u63db\u5b57\u2192\u6de1\u5165 *\/\n if(progTitle){\n var t = cards[idx].querySelector('.ms-card-title');\n var next = t ? t.textContent : '';\n if(next && next !== progTitle.textContent){\n if(reduce){ progTitle.textContent = next; }\n else{\n progTitle.classList.add('is-swap');\n setTimeout(function(){\n progTitle.textContent = next;\n progTitle.classList.remove('is-swap');\n }, 200);\n }\n }\n }\n }\n\n if('IntersectionObserver' in window){\n \/* \u4ee5\u8996\u7a97\u4e2d\u7dda\u70ba\u5224\u5b9a\uff1a\u6700\u63a5\u8fd1\u4e2d\u7dda\u7684\u5361\u7247\u70ba active *\/\n var ioActive = new IntersectionObserver(function(es){\n var best = null, bestDist = Infinity;\n var mid = window.innerHeight \/ 2;\n cards.forEach(function(c,i){\n var r = c.getBoundingClientRect();\n if(r.bottom < 0 || r.top > window.innerHeight) return;\n var d = Math.abs((r.top + r.bottom)\/2 - mid);\n if(d < bestDist){ bestDist = d; best = i; }\n });\n if(best !== null) setActive(best);\n },{threshold:[0,.25,.5,.75,1], rootMargin:'-20% 0px -20% 0px'});\n cards.forEach(function(c){ ioActive.observe(c); });\n }\n\n \/* ---- \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688 ---- *\/\n if(!reduce && window.matchMedia('(hover:hover)').matches){\n cards.forEach(function(c){\n c.addEventListener('mousemove', function(e){\n var r = c.getBoundingClientRect();\n c.style.setProperty('--mx', ((e.clientX - r.left) \/ r.width * 100) + '%');\n c.style.setProperty('--my', ((e.clientY - r.top) \/ r.height * 100) + '%');\n });\n });\n }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-19b4c3b e-flex e-con-boxed e-con e-parent\" data-id=\"19b4c3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8385a2b elementor-widget elementor-widget-menu-anchor\" data-id=\"8385a2b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"Preview\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-db55c79 elementor-widget elementor-widget-html\" data-id=\"db55c79\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n\n<style>\n\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE D\uff1a\u547d\u66f8\u7279\u8272\u8207\u5dee\u7570\uff08v2 \u91cd\u88fd\uff09\n \u9328\u9ede\uff1a#features \uff5c \u6697\u5834\u6df1\u85cd\n\n \u2605 v2 \u6539\u52d5\u91cd\u9ede\n 1. Layout\uff1a6 \u500b\u7b49\u9ad8\u9577\u689d \u2192 Bento \u4fbf\u7576\u683c\uff0801 \u8de8\u5169\u683c\u4e3b\u7279\u8272 + 5 \u5f35\u5c0f\u5361\uff09\n 2. \u80cc\u666f\u6eff\u7248\uff1aCSS \u7834 Elementor \u5bb9\u5668\uff08100vw + margin \u8ca0\u503c\uff09\uff0c\u5167\u5bb9\u4ecd\u7f6e\u4e2d\n 3. \u5c0d\u6bd4\u4fee\u6b63\uff1a\u6a19\u984c\u52a0\u6697\u8272\u63cf\u908a\u3001\u63cf\u8ff0\u6587\u5b57\u7531 #9FB0C4 \u63d0\u4eae\u5230 #CBD8E6\n 4. \u5b57\u7d1a\uff1a\u63cf\u8ff0 13.5px \u2192 15px \u8d77\u8df3\uff0c\u884c\u9ad8\u52a0\u5927\n 5. \u4ea4\u4e92\uff1a\u6ed1\u9f20\u8ddf\u96a8\u5149\u6688\u3001\u91d1\u8272\u908a\u6846\u6d41\u5149\u5faa\u74b0\u3001\u5716\u793a\u547c\u5438\u3001\n \u624b\u6a5f\u7528\u300c\u6372\u5165\u5373\u89f8\u767c\u300d\u7684 active \u614b\u53d6\u4ee3 hover\uff08\u89f8\u63a7\u88dd\u7f6e\u4e5f\u6709\u52d5\u614b\uff09\n\n \u2605 WordPress \u9632\u8b77\uff1a\u6240\u6709\u5361\u7247\u80cc\u666f\u7528\u4e0d\u900f\u660e\u5be6\u8272 + #features \u524d\u7db4 !important\n \uff08\u898b\u6a94\u5c3e\u9632\u8b77\u5c64\uff1b\u8e29\u904e\u7684\u96f7\u8a73\u898b README \u00a7\u4e5d\uff09\n ============================================================ *\/\n:root{\n --ink-deep:#0E2740;\n --navy:#12304F; --navy-2:#0C2440; --navy-3:#1B3E63; --navy-4:#081C33;\n --gold:#B08D4F; --gold-light:#C9A870; --gold-pale:#D8C39A; --gold-glow:#F2D9A8;\n \/* \u5c0d\u6bd4\u4fee\u6b63\uff1a\u539f #9FB0C4 \u5728\u6df1\u85cd\u5e95\u4e0a\u7070\u6389\uff0c\u63d0\u4eae *\/\n --muted-dark:#CBD8E6;\n --muted-soft:#AEBECE;\n --line-dark:rgba(216,195,154,.22);\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(28px,3.9vw,52px);\n --fs-h3:clamp(19px,1.65vw,23px);\n --fs-h3-lg:clamp(23px,2.2vw,32px); \/* \u4e3b\u7279\u8272\u5361\u6a19\u984c *\/\n --fs-lead:clamp(15px,1.2vw,18px); \/* \u52a0\u5927 *\/\n --fs-body:clamp(15px,1.08vw,16.5px); \/* \u63cf\u8ff0\u52a0\u5927\uff1a\u539f 13.5 \u8d77 \u2192 15 \u8d77 *\/\n --fs-body-lg:clamp(15.5px,1.15vw,17.5px);\n --track-eyebrow:.34em;\n\n --sec-pad-y:clamp(72px,8.5vw,140px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:1200px;\n\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.3s; --dur:.6s; --dur-slow:.9s;\n --radius-lg:16px;\n}\n*,*::before,*::after{box-sizing:border-box; min-width:0;}\nhtml{-webkit-text-size-adjust:100%;}\nbody{\n margin:0; background:var(--navy-2); color:#EAF1F8;\n font-family:var(--sans); font-weight:400; \/* 300\u2192400\uff1a\u6697\u5e95\u7d30\u5b57\u4e0d\u6613\u8b80 *\/\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n overflow-x:hidden;\n}\nimg,svg{max-width:100%; height:auto;}\n\n\/* ============================================================\n 1. SECTION\uff08\u542b Elementor \u7834\u5bb9\u5668\u6eff\u7248\uff09\n ============================================================ *\/\n\/* \u2605 \u80cc\u666f\u6eff\u7248\u4fee\u6b63\uff08\u6cbf\u7528 PAGE E \u5df2\u5728\u5be6\u7ad9\u9a57\u8b49\u7684\u5beb\u6cd5\uff09\n ------------------------------------------------------------\n \u554f\u984c\uff1aElementor \u5bb9\u5668\u6709\u6700\u5927\u5bec\u5ea6\uff0c\u5340\u584a\u53ea\u4f54\u4e2d\u9593\u5167\u5bb9\u6b04\uff0c\n \u5169\u5074\u6703\u9732\u51fa\u4e3b\u984c\u5e95\u8272\uff08\u7c73\u8272\uff09\u3002\n \u5148\u524d\u7248\u672c\u6539\u4ea4\u7531 Elementor \u7aef\u8a2d\u300c\u5168\u5bec Full Width\u300d\u8655\u7406\uff0c\u4f46\u5be6\u7ad9\u672a\u751f\u6548\uff0c\n \u6545\u6539\u56de CSS \u81ea\u884c\u7834\u5bb9\u5668\u3002\n\n \u5169\u500b\u8e29\u904e\u7684\u96f7\uff08PAGE E \u5be6\u6e2c\uff0c\u52d9\u5fc5\u4fdd\u7559\uff09\uff1a\n 1. \u7528 left:50% + translateX(-50%) \u5c0d\u9f4a\u300c\u8996\u7a97\u300d\u4e2d\u5fc3\uff0c\n \u4e0d\u53ef\u7528 calc(50% - 50vw) \u2014\u2014 \u5f8c\u8005\u6703\u56e0\u5916\u5c64\u5bb9\u5668 padding \u800c\u504f\u79fb\uff0c\n \u5be6\u6e2c\u9020\u6210\u5340\u584a\u5bec 1570px > \u8996\u7a97 1440px \u800c\u7522\u751f\u6a6b\u5411\u6372\u52d5\u3002\n 2. box-sizing \u5fc5\u9808\u5728\u672c\u9078\u64c7\u5668\u5167\u660e\u78ba\u5ba3\u544a \u2014\u2014 #features \u81ea\u5df1\u4e0d\u5728\n `#features *` \u7684\u7bc4\u570d\u5167\uff0c\u5c11\u4e86\u5b83\u5de6\u53f3 padding \u6703\u52a0\u5728 100vw \u4e4b\u5916\uff0c\n \u540c\u6a23\u6490\u51fa 1570px \u7684\u6a6b\u5411\u6372\u52d5\u3002\n 3. \u5be6\u7ad9\u5be6\u6e2c background \u66fe\u88ab\u4e3b\u984c\u8986\u84cb\u6210 rgba(0,0,0,0)\uff0c\u6545\u4e00\u5f8b !important\uff0c\n \u4e26\u53e6\u7d66 background-color \u4f5c\u70ba\u6f38\u5c64\u88ab\u64cb\u6642\u7684\u4fdd\u5e95\u6df1\u85cd\u3002\n ------------------------------------------------------------ *\/\n.ms-feat{\n box-sizing:border-box!important;\n width:100vw!important;\n max-width:100vw!important;\n position:relative!important;\n left:50%!important; right:auto!important;\n transform:translateX(-50%)!important;\n margin-left:0!important; margin-right:0!important;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:\n radial-gradient(85% 55% at 78% 6%, rgba(27,62,99,.78) 0%, rgba(27,62,99,0) 60%),\n radial-gradient(70% 50% at 12% 88%, rgba(176,141,79,.13) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(190deg, var(--navy) 0%, var(--navy-2) 52%, var(--navy-4) 100%)!important;\n background-color:var(--navy-2)!important; \/* \u6f38\u5c64\u82e5\u88ab\u64cb\uff0c\u81f3\u5c11\u6709\u6df1\u85cd\u5e95 *\/\n}\n\/* \u6975\u6de1\u6771\u65b9\u56de\u7d0b\u683c\u7dda *\/\n.ms-feat__grid{\n position:absolute; inset:0; pointer-events:none; opacity:.55; z-index:0;\n background-image:\n linear-gradient(rgba(216,195,154,.05) 1px, transparent 1px),\n linear-gradient(90deg, rgba(216,195,154,.05) 1px, transparent 1px);\n background-size:78px 78px;\n mask-image:radial-gradient(120% 90% at 50% 0%, #000 0%, transparent 72%);\n -webkit-mask-image:radial-gradient(120% 90% at 50% 0%, #000 0%, transparent 72%);\n}\n\/* \u80cc\u666f\u91d1\u8272\u5149\u6688\uff1a\u7de9\u6162\u547c\u5438\u5faa\u74b0\uff08\u7368\u7acb\u5305\u88dd\u5c64\uff0c\u81ea\u5df1 overflow:hidden \u6536\u6ea2\u51fa\uff09 *\/\n.ms-feat__glow{\n position:absolute; inset:0; overflow:hidden; pointer-events:none; z-index:0;\n}\n.ms-feat__glow::before,\n.ms-feat__glow::after{\n content:\"\"; position:absolute; border-radius:50%;\n background:radial-gradient(circle, rgba(176,141,79,.14) 0%, transparent 66%);\n}\n.ms-feat__glow::before{\n width:min(58vw,680px); aspect-ratio:1; left:0; top:0;\n transform:translate(-32%,-26%);\n animation:ms-breathe-a 18s var(--ease-soft) infinite;\n}\n.ms-feat__glow::after{\n width:min(50vw,600px); aspect-ratio:1; right:0; bottom:0;\n transform:translate(28%,24%);\n animation:ms-breathe-b 22s var(--ease-soft) infinite;\n}\n@keyframes ms-breathe-a{\n 0%,100%{transform:translate(-32%,-26%) scale(1); opacity:.55;}\n 50%{transform:translate(-28%,-22%) scale(1.16); opacity:.95;}\n}\n@keyframes ms-breathe-b{\n 0%,100%{transform:translate(28%,24%) scale(1); opacity:.5;}\n 50%{transform:translate(24%,20%) scale(1.14); opacity:.9;}\n}\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n 2. \u5340\u584a\u6a19\u984c\uff08\u5c0d\u6bd4\u4fee\u6b63\uff09\n ============================================================ *\/\n.ms-head{text-align:center; margin-bottom:clamp(44px,5.2vw,80px);}\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:clamp(11px,1.5vw,16px);\n font-size:var(--fs-eyebrow); font-weight:500; letter-spacing:var(--track-eyebrow);\n color:var(--gold-glow); text-transform:uppercase; margin:0 0 clamp(18px,2vw,28px);\n}\n.ms-eyebrow::before,.ms-eyebrow::after{\n content:\"\"; width:clamp(28px,4vw,54px); height:1px;\n background:linear-gradient(90deg,transparent,var(--gold-pale));\n transform:scaleX(0); transform-origin:right;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.ms-eyebrow::after{background:linear-gradient(90deg,var(--gold-pale),transparent); transform-origin:left;}\n.is-in .ms-eyebrow::before,.is-in .ms-eyebrow::after{transform:scaleX(1);}\n\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.35; color:#fff; margin:0 0 clamp(16px,1.8vw,24px);\n letter-spacing:.02em;\n \/* \u539f\u672c 0 2px 30px \u7684\u5927\u7bc4\u570d\u6a21\u7cca\u6703\u8b93\u767d\u5b57\u908a\u7de3\u7cca\u6389\u3001\u5c0d\u6bd4\u53cd\u800c\u4e0b\u964d\uff1b\n \u6539\u70ba\u7dca\u5be6\u6697\u8272\u63cf\u908a\uff0c\u6df1\u85cd\u5e95\u4e0a\u5b57\u5f62\u92b3\u5229 *\/\n text-shadow:\n 0 1px 2px rgba(4,16,30,.9),\n 0 2px 12px rgba(4,16,30,.6);\n}\n.ms-h2 em{\n font-style:normal; color:var(--gold-glow); position:relative; display:inline-block;\n}\n.ms-h2 em::after{\n content:\"\"; position:absolute; left:0; right:0; bottom:-.04em; height:.08em;\n background:linear-gradient(90deg,rgba(201,168,112,.8),rgba(201,168,112,.18));\n border-radius:2px; z-index:-1;\n transform:scaleX(0); transform-origin:left;\n transition:transform var(--dur-slow) var(--ease-out) .35s;\n}\n.is-in .ms-h2 em::after{transform:scaleX(1);}\n\n.ms-lead{\n font-size:var(--fs-lead); line-height:2; color:var(--muted-dark);\n max-width:50ch; margin:0 auto; font-weight:400;\n text-shadow:0 1px 3px rgba(4,16,30,.65);\n}\n\n\/* ============================================================\n 3. Bento \u4fbf\u7576\u683c\n ============================================================ *\/\n\/* Bento \u4f48\u5c40\uff08\u684c\u6a5f 3 \u6b04\uff09\n \u6392\u5217\uff1a\n \u250c\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u2510\n \u2502 01 \u2502 02 \u2502 01 \u8de8 2 \u6b04 2 \u5217\uff08\u4e3b\u7279\u8272\uff09\n \u2502 \uff08\u4e3b\uff09 \u251c\u2500\u2500\u2500\u2500\u2500\u2524\n \u2502 \u2502 03 \u2502\n \u251c\u2500\u2500\u2500\u2500\u2500\u252c\u2500\u2500\u2500\u2500\u2500\u253c\u2500\u2500\u2500\u2500\u2500\u2524\n \u2502 04 \u2502 05 \u2502 06 \u2502\n \u2514\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2534\u2500\u2500\u2500\u2500\u2500\u2518 *\/\n.ms-bento{\n display:grid;\n grid-template-columns:repeat(3,1fr);\n grid-auto-rows:minmax(0,auto);\n gap:clamp(12px,1.4vw,20px);\n align-items:stretch;\n}\n\n.ms-card{\n position:relative; overflow:hidden;\n display:flex; flex-direction:column;\n padding:clamp(24px,2.5vw,34px) clamp(22px,2.3vw,32px);\n border-radius:var(--radius-lg);\n \/* \u26a0\ufe0f \u5be6\u8272\uff0c\u4e0d\u7528\u534a\u900f\u660e\u767d\uff08WP \u767d\u5e95\u7236\u5c64\u6703\u8b93\u5b83\u8b8a\u767d\u5361\uff09 *\/\n background:linear-gradient(158deg,#1B3E63 0%,#16345A 100%);\n border:1px solid rgba(216,195,154,.16);\n opacity:0; transform:translateY(24px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n border-color var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.ms-card.is-in{opacity:1; transform:none;}\n\n\/* --- \u4e3b\u7279\u8272\u5361\uff1a\u8de8 2 \u6b04 \u00d7 2 \u5217 --- *\/\n.ms-card--hero{\n grid-column:span 2; grid-row:span 2;\n padding:clamp(30px,3.2vw,46px) clamp(28px,3vw,42px);\n border-color:rgba(216,195,154,.34);\n background:\n radial-gradient(120% 90% at 8% 0%, rgba(176,141,79,.2) 0%, rgba(176,141,79,0) 60%),\n linear-gradient(158deg,#20456B 0%,#183A60 100%);\n box-shadow:0 0 0 1px rgba(216,195,154,.1), 0 22px 52px rgba(0,0,0,.3);\n}\n\n\/* \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688 *\/\n.ms-card__spot{\n position:absolute; inset:0; pointer-events:none; z-index:0;\n opacity:0; transition:opacity var(--dur-fast) var(--ease-out);\n background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),\n rgba(216,195,154,.2) 0%, rgba(216,195,154,.06) 42%, transparent 72%);\n}\n.ms-card:hover .ms-card__spot,\n.ms-card.is-active .ms-card__spot{opacity:1;}\n\n\/* \u908a\u6846\u6d41\u5149\uff08hover\uff0factive \u6642\u6cbf\u908a\u7e5e\u884c\u4e00\u5708\uff09 *\/\n.ms-card__beam{\n position:absolute; inset:0; border-radius:inherit; pointer-events:none; z-index:1;\n padding:1px; opacity:0;\n background:conic-gradient(from var(--beam,0deg),\n transparent 0deg, transparent 300deg,\n rgba(242,217,168,.9) 340deg, transparent 360deg);\n -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n -webkit-mask-composite:xor; mask-composite:exclude;\n transition:opacity var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-card__beam,\n.ms-card.is-active .ms-card__beam{\n opacity:1; animation:ms-beam 2.6s linear infinite;\n}\n@property --beam{syntax:'<angle>'; initial-value:0deg; inherits:false;}\n@keyframes ms-beam{to{--beam:360deg;}}\n\n\/* \u5361\u7247 hover\uff0factive \u614b *\/\n.ms-card:hover,.ms-card.is-active{\n border-color:rgba(216,195,154,.55);\n box-shadow:0 24px 56px rgba(0,0,0,.38);\n}\n@media (hover:hover){\n .ms-card:hover{transform:translateY(-6px);}\n}\n\n\/* --- \u5e8f\u865f --- *\/\n.ms-num{\n font-family:var(--serif); font-weight:600; line-height:1;\n font-size:clamp(13px,1vw,15px); letter-spacing:.14em;\n color:rgba(216,195,154,.62); margin-bottom:clamp(12px,1.3vw,17px);\n position:relative; z-index:2;\n transition:color var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-num,.ms-card.is-active .ms-num{color:var(--gold-glow);}\n.ms-card--hero .ms-num{font-size:clamp(14px,1.15vw,17px);}\n\n\/* --- \u5716\u793a --- *\/\n.ms-ico{\n width:clamp(46px,4.2vw,58px); height:clamp(46px,4.2vw,58px); flex:none;\n display:grid; place-items:center; border-radius:14px;\n margin-bottom:clamp(14px,1.5vw,20px);\n position:relative; z-index:2;\n background:linear-gradient(150deg,#255181 0%,#1D4270 100%);\n border:1px solid rgba(216,195,154,.3);\n transition:transform var(--dur) var(--ease-out), border-color var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n}\n.ms-ico svg{\n width:52%; height:52%; stroke:var(--gold-pale); fill:none;\n stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round;\n transition:stroke var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-ico,.ms-card.is-active .ms-ico{\n transform:translateY(-3px) scale(1.06) rotate(-4deg);\n border-color:rgba(216,195,154,.72);\n box-shadow:0 0 0 6px rgba(216,195,154,.07), 0 10px 24px rgba(0,0,0,.3);\n}\n.ms-card:hover .ms-ico svg,.ms-card.is-active .ms-ico svg{stroke:var(--gold-glow);}\n\/* \u5716\u793a\u5149\u74b0\u547c\u5438\uff08\u6301\u7e8c\u5faa\u74b0\uff0c\u624b\u6a5f\u4e5f\u770b\u5f97\u5230\uff09 *\/\n.ms-ico::after{\n content:\"\"; position:absolute; inset:-5px; border-radius:18px;\n border:1px solid rgba(216,195,154,.28); pointer-events:none;\n animation:ms-halo 3.6s var(--ease-soft) infinite;\n}\n@keyframes ms-halo{\n 0%,100%{transform:scale(1); opacity:.5;}\n 50%{transform:scale(1.09); opacity:0;}\n}\n.ms-card--hero .ms-ico{\n width:clamp(54px,4.8vw,66px); height:clamp(54px,4.8vw,66px);\n background:linear-gradient(150deg,#2B5C90 0%,#22497A 100%);\n border-color:rgba(216,195,154,.44);\n}\n\n\/* --- \u6587\u5b57 --- *\/\n.ms-card-title{\n font-family:var(--serif); font-weight:600; font-size:var(--fs-h3);\n color:#fff; margin:0 0 clamp(9px,1vw,13px); line-height:1.5; letter-spacing:.03em;\n position:relative; z-index:2;\n}\n.ms-card--hero .ms-card-title{\n font-size:var(--fs-h3-lg); color:var(--gold-glow);\n}\n.ms-card-desc{\n font-size:var(--fs-body); line-height:1.9; color:var(--muted-dark);\n margin:0; font-weight:400; position:relative; z-index:2;\n flex:1 0 auto; \/* \u63cf\u8ff0\u9577\u77ed\u4e0d\u4e00\u6642\u4ecd\u8b93\u540c\u5217\u5361\u7247\u5e95\u90e8\u5c0d\u9f4a *\/\n}\n.ms-card--hero .ms-card-desc{\n font-size:var(--fs-body-lg); line-height:1.95;\n flex:0 0 auto; \/* hero \u5361\u4e0d\u6490\u958b\u63cf\u8ff0\uff0c\u907f\u514d\u4e2d\u6bb5\u5927\u7247\u7a7a\u767d *\/\n}\n\/* hero \u5361\uff1a\u7528\u4e00\u689d\u91d1\u8272\u5206\u9694\u7dda + \u88dc\u5145\u8aaa\u660e\u586b\u6eff\u9ad8\u5ea6\uff0c\u53d6\u4ee3\u7a7a\u767d *\/\n.ms-hero-extra{\n position:relative; z-index:2;\n margin-top:clamp(18px,2vw,26px); padding-top:clamp(18px,2vw,26px);\n border-top:1px solid rgba(216,195,154,.22);\n display:grid; grid-template-columns:repeat(2,1fr); gap:clamp(12px,1.4vw,20px);\n}\n.ms-hero-pt{display:flex; align-items:flex-start; gap:10px;}\n.ms-hero-pt i{\n flex:none; width:20px; height:20px; margin-top:.15em; border-radius:50%;\n display:grid; place-items:center;\n background:rgba(216,195,154,.16); border:1px solid rgba(216,195,154,.34);\n}\n.ms-hero-pt i svg{width:9px; height:9px; display:block;}\n.ms-hero-pt i svg path{stroke:var(--gold-glow); stroke-width:2.6; fill:none; stroke-linecap:round; stroke-linejoin:round;}\n.ms-hero-pt span{\n font-size:clamp(13.5px,1vw,15px); line-height:1.75; color:var(--muted-dark); font-weight:400;\n}\n\n\/* \u4e3b\u7279\u8272\u5361\u7684\u88dc\u5145\u6a19\u7c64 *\/\n.ms-chips{\n display:flex; flex-wrap:wrap; gap:7px;\n margin-top:auto; padding-top:clamp(16px,1.8vw,24px);\n position:relative; z-index:2;\n}\n.ms-chip{\n display:inline-block; font-size:clamp(12px,.88vw,13.5px); line-height:1.5;\n color:#E7EEF6; background:#27507C;\n border:1px solid rgba(216,195,154,.24); padding:5px 12px; border-radius:99px;\n transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);\n}\n.ms-card:hover .ms-chip,.ms-card.is-active .ms-chip{\n background:#2E5C8C; border-color:rgba(216,195,154,.46);\n}\n\n\/* \u5f85\u78ba\u8a8d\u6a19\u8a18 *\/\n.ms-tbd{\n display:inline-block; margin-left:8px; padding:3px 9px; border-radius:4px;\n font-size:clamp(11px,.8vw,12px); letter-spacing:.08em; font-weight:500;\n color:#241906; background:linear-gradient(135deg,var(--gold-pale),var(--gold-light));\n vertical-align:middle; white-space:nowrap;\n}\n\n\/* ============================================================\n 4. RWD \u2500\u2500 \u96fb\u8166\uff0f\u5e73\u677f\uff0f\u624b\u6a5f\u7686\u4e0d\u53ef\u8dd1\u7248\n ============================================================ *\/\n@media (max-width:1000px){\n \/* \u4e09\u6b04 \u2192 \u5169\u6b04\uff1ahero \u8de8\u6eff\u5169\u6b04\u4e14\u4e0d\u518d\u8de8\u5217\uff0c\u5176\u9918\u5404\u4f54\u4e00\u683c *\/\n .ms-bento{grid-template-columns:repeat(2,1fr);}\n .ms-card--hero{grid-column:span 2; grid-row:span 1;}\n}\n@media (max-width:640px){\n \/* \u55ae\u6b04 *\/\n .ms-bento{grid-template-columns:1fr; gap:12px;}\n .ms-card--hero{grid-column:span 1; grid-row:span 1;}\n .ms-card{padding:24px 20px;}\n .ms-card--hero{padding:28px 22px;}\n \/* hero \u88dc\u5145\u8aaa\u660e\u6536\u55ae\u6b04\uff0c\u9632\u7a84\u87a2\u5e55\u64e0\u58d3 *\/\n .ms-hero-extra{grid-template-columns:1fr; gap:10px;}\n}\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n .ms-card{opacity:1!important; transform:none!important;}\n .ms-eyebrow::before,.ms-eyebrow::after{transform:scaleX(1)!important;}\n .ms-h2 em::after{transform:scaleX(1)!important;}\n .ms-card__spot,.ms-card__beam{display:none;}\n}\n\n\/* ============================================================\n \ud83d\udee1 WordPress\uff0fElementor \u9632\u8b77\u5c64\n ------------------------------------------------------------\n \u5c0d\u7b56\u540c PAGE B\uff08README \u00a7\u4e5d\u6709\u5b8c\u6574\u8a18\u9304\uff09\uff1a\n 1. \u80cc\u666f\u4e00\u5f8b\u4e0d\u900f\u660e\u5be6\u8272\uff0c\u4e0d\u4f9d\u8cf4\u7236\u5c64\u5e95\u8272\n 2. #features \u524d\u7db4 + !important \u58d3\u904e\u4e3b\u984c\uff0f\u5916\u639b\n 3. -webkit-text-fill-color \u9632\u4e3b\u984c\u628a\u5b57\u900f\u660e\u5316\n 4. content:none \u6e05\u6389\u4e3b\u984c\u6ce8\u5165\u7684\u5f15\u865f\uff0f\u5713\u9ede\n ============================================================ *\/\n#features{\n background:\n radial-gradient(85% 55% at 78% 6%, rgba(27,62,99,.78) 0%, rgba(27,62,99,0) 60%),\n radial-gradient(70% 50% at 12% 88%, rgba(176,141,79,.13) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(190deg,#12304F 0%,#0C2440 52%,#081C33 100%) !important;\n background-color:#0C2440 !important;\n \/* \u6eff\u7248\u5c6c\u6027\u5728\u6b64\u5c64\u91cd\u7533\u4e00\u6b21\uff1a\u4e3b\u984c\u82e5\u7528 #features \u4e4b\u5916\u7684\u9ad8\u7279\u7570\u6027\u898f\u5247\n \u8986\u5beb width\/margin\uff0c\u4ecd\u80fd\u88ab\u9019\u88e1\u58d3\u56de\u53bb\uff08\u540c PAGE E \u5be6\u7ad9\u7d93\u9a57\uff09 *\/\n box-sizing:border-box !important;\n width:100vw !important;\n max-width:100vw !important;\n position:relative !important;\n left:50% !important; right:auto !important;\n transform:translateX(-50%) !important;\n margin-left:0 !important; margin-right:0 !important;\n}\n#features .ms-card{\n background:linear-gradient(158deg,#1B3E63 0%,#16345A 100%) !important;\n background-color:#1B3E63 !important;\n}\n#features .ms-card--hero{\n background:\n radial-gradient(120% 90% at 8% 0%, rgba(176,141,79,.2) 0%, rgba(176,141,79,0) 60%),\n linear-gradient(158deg,#20456B 0%,#183A60 100%) !important;\n background-color:#20456B !important;\n}\n#features .ms-ico{\n background:linear-gradient(150deg,#255181 0%,#1D4270 100%) !important;\n background-color:#255181 !important;\n}\n#features .ms-card--hero .ms-ico{\n background:linear-gradient(150deg,#2B5C90 0%,#22497A 100%) !important;\n background-color:#2B5C90 !important;\n}\n#features .ms-chip{\n background:#27507C !important; background-color:#27507C !important;\n color:#E7EEF6 !important; -webkit-text-fill-color:#E7EEF6;\n list-style:none !important;\n}\n#features .ms-card:hover .ms-chip,\n#features .ms-card.is-active .ms-chip{\n background:#2E5C8C !important; background-color:#2E5C8C !important;\n}\n#features .ms-tbd{\n background:linear-gradient(135deg,#D8C39A,#C9A870) !important;\n background-color:#D8C39A !important;\n color:#241906 !important; -webkit-text-fill-color:#241906;\n}\n\/* \u6587\u5b57\u8272\u9396\u5b9a *\/\n#features .ms-h2{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF;}\n#features .ms-h2 em{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#features .ms-lead{color:#CBD8E6 !important; -webkit-text-fill-color:#CBD8E6;}\n#features .ms-eyebrow{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#features .ms-card-title{color:#FFFFFF !important; -webkit-text-fill-color:#FFFFFF;}\n#features .ms-card--hero .ms-card-title{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n#features .ms-card-desc{color:#CBD8E6 !important; -webkit-text-fill-color:#CBD8E6;}\n#features .ms-hero-pt span{color:#CBD8E6 !important; -webkit-text-fill-color:#CBD8E6;}\n#features .ms-hero-pt i{background:rgba(216,195,154,.16) !important; background-color:#23496F !important;}\n#features .ms-hero-pt i svg path{stroke:#F2D9A8 !important; fill:none !important;}\n#features .ms-num{color:rgba(216,195,154,.62) !important; -webkit-text-fill-color:rgba(216,195,154,.62);}\n#features .ms-card:hover .ms-num,\n#features .ms-card.is-active .ms-num{color:#F2D9A8 !important; -webkit-text-fill-color:#F2D9A8;}\n\/* SVG \u63cf\u908a *\/\n#features .ms-ico svg{stroke:#D8C39A !important; fill:none !important;}\n#features .ms-card:hover .ms-ico svg,\n#features .ms-card.is-active .ms-ico svg{stroke:#F2D9A8 !important;}\n\/* \u6e05\u6389\u4e3b\u984c\u6ce8\u5165\u7684\u88dd\u98fe\u507d\u5143\u7d20 *\/\n#features .ms-card::before,\n#features .ms-card::after,\n#features .ms-card-title::before,\n#features .ms-card-title::after,\n#features .ms-card-desc::before,\n#features .ms-card-desc::after,\n#features .ms-chip::before,\n#features .ms-chip::after{\n content:none !important; display:none !important;\n}\n#features .ms-bento,#features .ms-chips{list-style:none !important;}\n\n<\/style>\n\n\n<section class=\"ms-feat\" id=\"features\">\n <span class=\"ms-feat__grid\" aria-hidden=\"true\"><\/span>\n <span class=\"ms-feat__glow\" aria-hidden=\"true\"><\/span>\n\n <div class=\"ms-inner\">\n\n <header class=\"ms-head\" data-reveal>\n <p class=\"ms-eyebrow\">Features<\/p>\n <h2 class=\"ms-h2\">\u4e0d\u50c5\u662f\u6392\u76e4<br>\u662f\u7d93\u6574\u7406\u7684\u4eba\u751f\u7b56\u7565<em>\u4eba\u751f\u7b56\u7565<\/em><\/h2>\n <p class=\"ms-lead\">\u540c\u6a23\u662f\u547d\u7406\u5167\u5bb9\uff0c\u5dee\u5225\u5728\u65bc\u300c\u4f60\u770b\u5b8c\u4e4b\u5f8c\uff0c\u77e5\u4e0d\u77e5\u9053\u4e0b\u4e00\u6b65\u8a72\u600e\u9ebc\u505a\u300d\u3002<\/p>\n <\/header>\n\n <div class=\"ms-bento\">\n\n \n <article class=\"ms-card ms-card--hero\" style=\"--d:.04s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">01<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 3.2 20 7v5c0 4-3.2 7.4-8 8.4-4.8-1-8-4.4-8-8.4V7l8-3.8Z\"\/><path d=\"M12 8.6v4.6M9.7 10.9h4.6\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u500b\u4eba\u5c08\u5c6c\u5206\u6790<\/h3>\n <p class=\"ms-card-desc\">\u6bcf\u4efd\u547d\u66f8\u4f9d\u7167\u500b\u4eba\u51fa\u751f\u8cc7\u6599\u88fd\u4f5c\uff0c\u4e0d\u4f7f\u7528\u5236\u5f0f\u5316\u7684\u5927\u773e\u904b\u52e2\u5167\u5bb9\u3002\u5f9e\u547d\u76e4\u7d50\u69cb\u5230\u6d41\u5e74\u8b8a\u5316\uff0c\u5168\u90e8\u4f9d\u4f60\u4e00\u500b\u4eba\u7684\u8cc7\u6599\u91cd\u65b0\u63a8\u7b97\u8207\u64b0\u5beb\u3002<\/p>\n\n <div class=\"ms-hero-extra\">\n <div class=\"ms-hero-pt\">\n <i><svg viewBox=\"0 0 12 12\"><path d=\"M2 6.4 4.6 9 10 3.2\"\/><\/svg><\/i>\n <span>\u4f9d\u51fa\u751f\u5e74\u6708\u65e5\u8207\u6642\u9593\u6392\u76e4<\/span>\n <\/div>\n <div class=\"ms-hero-pt\">\n <i><svg viewBox=\"0 0 12 12\"><path d=\"M2 6.4 4.6 9 10 3.2\"\/><\/svg><\/i>\n <span>\u547d\u76e4\u7d50\u69cb\u9010\u9805\u5c0d\u61c9\u89e3\u8b80<\/span>\n <\/div>\n <div class=\"ms-hero-pt\">\n <i><svg viewBox=\"0 0 12 12\"><path d=\"M2 6.4 4.6 9 10 3.2\"\/><\/svg><\/i>\n <span>\u6d41\u5e74\u8b8a\u5316\u55ae\u7368\u63a8\u7b97<\/span>\n <\/div>\n <div class=\"ms-hero-pt\">\n <i><svg viewBox=\"0 0 12 12\"><path d=\"M2 6.4 4.6 9 10 3.2\"\/><\/svg><\/i>\n <span>\u5167\u5bb9\u4e0d\u8207\u4ed6\u4eba\u91cd\u8907<\/span>\n <\/div>\n <\/div>\n\n <div class=\"ms-chips\">\n <span class=\"ms-chip\">\u4f9d\u51fa\u751f\u8cc7\u6599<\/span>\n <span class=\"ms-chip\">\u9010\u672c\u88fd\u4f5c<\/span>\n <span class=\"ms-chip\">\u975e\u5957\u7248\u5167\u5bb9<\/span>\n <\/div>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.09s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">02<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 5.5h16M4 10h11M4 14.5h16M4 19h9\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u901a\u4fd7\u6613\u61c2\u7684\u5206\u6790<\/h3>\n <p class=\"ms-card-desc\">\u5c07\u661f\u66dc\u3001\u5bae\u4f4d\u8207\u6d41\u5e74\u95dc\u4fc2\uff0c\u8f49\u5316\u70ba\u4e00\u822c\u4eba\u53ef\u4ee5\u76f4\u63a5\u8b80\u61c2\u7684\u6587\u5b57\u3002<\/p>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.14s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">03<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15.5\" rx=\"2\"\/><path d=\"M3.5 9.6h17M8 3v4M16 3v4\"\/><path d=\"M7.6 13.2h3M7.6 16.8h6\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u5168\u5e74\u5ea6\u5b8c\u6574\u898f\u5283<\/h3>\n <p class=\"ms-card-desc\">\u540c\u6642\u63d0\u4f9b\u5e74\u5ea6\u7e3d\u89bd\u3001\u6d41\u5e74\u5341\u4e8c\u5bae\uff0c\u4ee5\u53ca\u5341\u4e8c\u500b\u6708\u4efd\u7684\u5b8c\u6574\u5206\u6790\u3002<\/p>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.19s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">04<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 17l5-5 4 3 8-8\"\/><path d=\"M16 7h4v4\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u5177\u9ad4\u884c\u52d5\u5efa\u8b70<\/h3>\n <p class=\"ms-card-desc\">\u4e0d\u53ea\u63cf\u8ff0\u904b\u52e2\uff0c\u4e5f\u660e\u78ba\u6307\u51fa\u9069\u5408\u884c\u52d5\u3001\u9069\u5408\u89c0\u5bdf\u8207\u61c9\u8a72\u4fdd\u5b88\u7684\u6642\u6a5f\u3002<\/p>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.24s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">05<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4.5 4.5h9.5a3 3 0 0 1 3 3v12a2.4 2.4 0 0 0-2.4-2.4H4.5Z\"\/><path d=\"M19.5 4.5H17a3 3 0 0 0-3 3v12a2.4 2.4 0 0 1 2.4-2.4h3.1Z\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u5167\u6582\u8996\u89ba\u8a2d\u8a08<\/h3>\n <p class=\"ms-card-desc\">\u4ee5\u6771\u65b9\u66f8\u518a\u3001\u7c73\u767d\u7d19\u5f35\u3001\u58a8\u8272\u8207\u91d1\u8272\u70ba\u8a2d\u8a08\u8a9e\u8a00\uff0c\u517c\u5177\u95b1\u8b80\u6027\u8207\u6536\u85cf\u611f\u3002<\/p>\n <\/article>\n\n \n <article class=\"ms-card\" style=\"--d:.29s\">\n <span class=\"ms-card__spot\"><\/span>\n <span class=\"ms-card__beam\"><\/span>\n <p class=\"ms-num\">06<\/p>\n <span class=\"ms-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8.4\" r=\"3.1\"\/><path d=\"M3.4 20c.6-3.4 2.9-5.3 5.6-5.3s5 1.9 5.6 5.3\"\/><path d=\"M16.4 6.6h4.6M16.4 10h4.6M17.6 13.4h3.4\"\/><\/svg>\n <\/span>\n <h3 class=\"ms-card-title\">\u5c08\u4eba\u89e3\u66f8\u670d\u52d9<span class=\"ms-tbd\">\u8fd1\u671f\u4e0a\u7dda<\/span><\/h3>\n <p class=\"ms-card-desc\">\u53ef\u52a0\u8cfc\u7dda\u4e0a\u89e3\u66f8\uff0c\u7531\u8001\u5e2b\u91dd\u5c0d\u4f60\u6700\u95dc\u5fc3\u7684\u554f\u984c\u9032\u4e00\u6b65\u8aaa\u660e\u3002<\/p>\n <\/article>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var cards = Array.prototype.slice.call(document.querySelectorAll('.ms-card'));\n\n \/* ---- \u9032\u5834 ---- *\/\n var heads = document.querySelectorAll('[data-reveal]');\n if('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }\n });\n },{threshold:.14, rootMargin:'0px 0px -8% 0px'});\n heads.forEach(function(el){ io.observe(el); });\n\n var ioCard = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); ioCard.unobserve(e.target); }\n });\n },{threshold:.16, rootMargin:'0px 0px -8% 0px'});\n cards.forEach(function(c){ ioCard.observe(c); });\n }else{\n heads.forEach(function(el){ el.classList.add('is-in'); });\n cards.forEach(function(c){ c.classList.add('is-in'); });\n }\n\n \/* ---- \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688\uff08\u6709\u6ed1\u9f20\u5c31\u6703\u751f\u6548\uff1b\u7121\u6ed1\u9f20\u7684\u88dd\u7f6e\u4e0d\u6703\u89f8\u767c mousemove\uff0c\u7121\u526f\u4f5c\u7528\uff09 ---- *\/\n if(!reduce){\n cards.forEach(function(c){\n c.addEventListener('mousemove', function(e){\n var r = c.getBoundingClientRect();\n c.style.setProperty('--mx', ((e.clientX - r.left) \/ r.width * 100) + '%');\n c.style.setProperty('--my', ((e.clientY - r.top) \/ r.height * 100) + '%');\n });\n });\n }\n\n \/* ---- \u6372\u5230\u756b\u9762\u4e2d\u592e\u7684\u5361\u7247\u81ea\u52d5 active ----\n \u26a0\ufe0f \u4e0d\u7528 matchMedia('(hover:hover)') \u505a\u4e92\u65a5\u5224\u65b7\uff1a\n headless Chrome \u5373\u4f7f\u6a21\u64ec\u624b\u6a5f\u5bec\u4e5f\u56de\u5831 hover:true\uff0c\n \u4e14\u89f8\u63a7\u7b46\u96fb\u7b49\u88dd\u7f6e\u7684\u56de\u5831\u4e26\u4e0d\u53ef\u9760 \u2192 \u6703\u8b93\u624b\u6a5f\u5b8c\u5168\u6c92\u6709\u4ea4\u4e92\u6548\u679c\u3002\n \u6539\u70ba\u300c\u7a84\u87a2\u5e55\u5c31\u555f\u7528\u300d\uff0c\u8b93\u89f8\u63a7\u4f7f\u7528\u8005\u4e00\u5b9a\u770b\u5f97\u5230\n \u908a\u6846\u6d41\u5149\u3001\u5716\u793a\u4eae\u8d77\u3001\u5149\u6688\u7b49\u52d5\u614b\uff1b\u684c\u6a5f\u5bec\u87a2\u5e55\u5247\u4ea4\u7d66 hover\u3002 *\/\n var mqNarrow = window.matchMedia('(max-width:1000px)');\n var ioActive = null;\n\n function clearActive(){\n cards.forEach(function(c){ c.classList.remove('is-active'); });\n }\n function enableScrollActive(){\n if(ioActive || reduce || !('IntersectionObserver' in window)) return;\n ioActive = new IntersectionObserver(function(){\n var mid = window.innerHeight \/ 2;\n var best = null, bestDist = Infinity;\n cards.forEach(function(c,i){\n var r = c.getBoundingClientRect();\n if(r.bottom < 0 || r.top > window.innerHeight) return;\n var d = Math.abs((r.top + r.bottom)\/2 - mid);\n if(d < bestDist){ bestDist = d; best = i; }\n });\n cards.forEach(function(c,i){ c.classList.toggle('is-active', i === best); });\n if(best !== null){\n cards[best].style.setProperty('--mx','50%');\n cards[best].style.setProperty('--my','38%');\n }\n },{threshold:[0,.25,.5,.75,1], rootMargin:'-25% 0px -25% 0px'});\n cards.forEach(function(c){ ioActive.observe(c); });\n }\n function disableScrollActive(){\n if(!ioActive) return;\n ioActive.disconnect(); ioActive = null; clearActive();\n }\n function syncActiveMode(){\n if(mqNarrow.matches) enableScrollActive();\n else disableScrollActive();\n }\n syncActiveMode();\n if(mqNarrow.addEventListener) mqNarrow.addEventListener('change', syncActiveMode);\n else if(mqNarrow.addListener) mqNarrow.addListener(syncActiveMode);\n})();\n<\/script>\n\n\n<script>\n(function(){\n var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n var cards = Array.prototype.slice.call(document.querySelectorAll('.ms-card'));\n\n \/* ---- \u9032\u5834 ---- *\/\n var heads = document.querySelectorAll('[data-reveal]');\n if('IntersectionObserver' in window){\n var io = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); io.unobserve(e.target); }\n });\n },{threshold:.14, rootMargin:'0px 0px -8% 0px'});\n heads.forEach(function(el){ io.observe(el); });\n\n var ioCard = new IntersectionObserver(function(es){\n es.forEach(function(e){\n if(e.isIntersecting){ e.target.classList.add('is-in'); ioCard.unobserve(e.target); }\n });\n },{threshold:.16, rootMargin:'0px 0px -8% 0px'});\n cards.forEach(function(c){ ioCard.observe(c); });\n }else{\n heads.forEach(function(el){ el.classList.add('is-in'); });\n cards.forEach(function(c){ c.classList.add('is-in'); });\n }\n\n \/* ---- \u6ed1\u9f20\u8ddf\u96a8\u5149\u6688\uff08\u6709\u6ed1\u9f20\u5c31\u6703\u751f\u6548\uff1b\u7121\u6ed1\u9f20\u7684\u88dd\u7f6e\u4e0d\u6703\u89f8\u767c mousemove\uff0c\u7121\u526f\u4f5c\u7528\uff09 ---- *\/\n if(!reduce){\n cards.forEach(function(c){\n c.addEventListener('mousemove', function(e){\n var r = c.getBoundingClientRect();\n c.style.setProperty('--mx', ((e.clientX - r.left) \/ r.width * 100) + '%');\n c.style.setProperty('--my', ((e.clientY - r.top) \/ r.height * 100) + '%');\n });\n });\n }\n\n \/* ---- \u6372\u5230\u756b\u9762\u4e2d\u592e\u7684\u5361\u7247\u81ea\u52d5 active ----\n \u26a0\ufe0f \u4e0d\u7528 matchMedia('(hover:hover)') \u505a\u4e92\u65a5\u5224\u65b7\uff1a\n headless Chrome \u5373\u4f7f\u6a21\u64ec\u624b\u6a5f\u5bec\u4e5f\u56de\u5831 hover:true\uff0c\n \u4e14\u89f8\u63a7\u7b46\u96fb\u7b49\u88dd\u7f6e\u7684\u56de\u5831\u4e26\u4e0d\u53ef\u9760 \u2192 \u6703\u8b93\u624b\u6a5f\u5b8c\u5168\u6c92\u6709\u4ea4\u4e92\u6548\u679c\u3002\n \u6539\u70ba\u300c\u7a84\u87a2\u5e55\u5c31\u555f\u7528\u300d\uff0c\u8b93\u89f8\u63a7\u4f7f\u7528\u8005\u4e00\u5b9a\u770b\u5f97\u5230\n \u908a\u6846\u6d41\u5149\u3001\u5716\u793a\u4eae\u8d77\u3001\u5149\u6688\u7b49\u52d5\u614b\uff1b\u684c\u6a5f\u5bec\u87a2\u5e55\u5247\u4ea4\u7d66 hover\u3002 *\/\n var mqNarrow = window.matchMedia('(max-width:1000px)');\n var ioActive = null;\n\n function clearActive(){\n cards.forEach(function(c){ c.classList.remove('is-active'); });\n }\n function enableScrollActive(){\n if(ioActive || reduce || !('IntersectionObserver' in window)) return;\n ioActive = new IntersectionObserver(function(){\n var mid = window.innerHeight \/ 2;\n var best = null, bestDist = Infinity;\n cards.forEach(function(c,i){\n var r = c.getBoundingClientRect();\n if(r.bottom < 0 || r.top > window.innerHeight) return;\n var d = Math.abs((r.top + r.bottom)\/2 - mid);\n if(d < bestDist){ bestDist = d; best = i; }\n });\n cards.forEach(function(c,i){ c.classList.toggle('is-active', i === best); });\n if(best !== null){\n cards[best].style.setProperty('--mx','50%');\n cards[best].style.setProperty('--my','38%');\n }\n },{threshold:[0,.25,.5,.75,1], rootMargin:'-25% 0px -25% 0px'});\n cards.forEach(function(c){ ioActive.observe(c); });\n }\n function disableScrollActive(){\n if(!ioActive) return;\n ioActive.disconnect(); ioActive = null; clearActive();\n }\n function syncActiveMode(){\n if(mqNarrow.matches) enableScrollActive();\n else disableScrollActive();\n }\n syncActiveMode();\n if(mqNarrow.addEventListener) mqNarrow.addEventListener('change', syncActiveMode);\n else if(mqNarrow.addListener) mqNarrow.addListener(syncActiveMode);\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a2969c e-flex e-con-boxed e-con e-parent\" data-id=\"6a2969c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ec2e0e e-flex e-con-boxed e-con e-parent\" data-id=\"9ec2e0e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ae94e1d elementor-widget elementor-widget-menu-anchor\" data-id=\"ae94e1d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"story\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e90b524 elementor-widget elementor-widget-html\" data-id=\"e90b524\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE H \u2014 \u4e00\u672c\u66f8\uff0c\u4e00\u6bb5\u4eba\u751f\uff5c\u547d\u66f8 MING SHU<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE H\uff1a\u5ba2\u6236\u898b\u8b49\uff08\u5c0d\u8a71\u6d41\uff09\n \u9328\u9ede\uff1a#stories \uff5c \u4eae\u5834\u7c73\u767d\n \u2605 PDF \u00a77 \u8981\u6c42\uff1a\u898b\u8b49\u9808\u53d6\u5f97\u672c\u4eba\u6388\u6b0a\uff0c\u53ef\u63a1\u533f\u540d\u5f62\u5f0f\n \u2605 \u898b\u8b49\u6587\u5b57\u70ba\u7d50\u69cb\u793a\u610f\uff0c\u5be6\u969b\u5167\u5bb9\u9700\u66ff\u63db\u70ba\u771f\u5be6\u6388\u6b0a\u898b\u8b49\n\n \u7248\u578b\uff1a\u5de6\u53f3\u4ea4\u932f\u7684\u5c0d\u8a71\u6c23\u6ce1\uff08\u624b\u6a5f\u4ea6\u4fdd\u7559\u4ea4\u932f\uff0c\u7dad\u6301\u5c0d\u8a71\u8a9e\u5883\uff09\n \u8272\u5f69\uff1a\u6587\u5b57\u5168\u9762\u52a0\u6df1\uff0c\u5c0d\u6bd4\u5ea6\u5747\u9054 WCAG AAA\n \u6a19\u984c 15.51 \uff0f \u5f15\u8a00 7.21 \uff0f \u5167\u6587 9.89 \uff0f \u7f72\u540d 5.54\n ============================================================ *\/\n:root{\n --ink:#1A1410;\n \/* \u6a19\u984c\uff0f\u5f15\u8a00\u7528\u8272\uff1a#0A1F33 \u2192 #071726\uff0c\u5728\u7c73\u767d\u5e95\u4e0a\u66f4\u6c89\u3001\u5c0d\u6bd4\u66f4\u9ad8 *\/\n --ink-deep:#071726;\n --paper:#FAF6EF; --paper-2:#F4EEE4; --paper-3:#EFE7D9;\n --gold:#9A7938; --gold-light:#C9A870; --gold-pale:#D8C39A; --brown:#5E4B29;\n \/* \u6587\u5b57\u8272\uff08\u518d\u6b21\u52a0\u6df1\uff0c\u4f9d\u4f7f\u7528\u8005\u8981\u6c42\uff09\n --muted \u5167\u6587\uff1a#4F473E \u2192 #3A332B\uff08\u5c0d\u6bd4 11.9\uff0cAAA\uff09\n --muted-2 \u7f72\u540d\uff1a#6B6259 \u2192 #4A423A\uff08\u5c0d\u6bd4 8.6\uff0cAAA\uff09 *\/\n --muted:#3A332B;\n --muted-2:#4A423A;\n --line:rgba(154,121,56,.3);\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(30px,4.4vw,58px);\n --fs-quote:clamp(16px,1.42vw,20px);\n --fs-lead:clamp(14px,1.15vw,17px);\n --fs-body:clamp(13px,.98vw,15px);\n --track-eyebrow:.34em;\n --sec-pad-y:clamp(74px,8.4vw,132px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:940px;\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.32s; --dur:.66s; --dur-slow:.9s;\n --radius:5px; --radius-lg:10px;\n --shadow-soft:0 14px 40px rgba(26,20,16,.08);\n --shadow-lift:0 26px 64px rgba(26,20,16,.15);\n}\n*,*::before,*::after{box-sizing:border-box;}\nhtml{-webkit-text-size-adjust:100%;}\nbody{\n margin:0; background:var(--paper); color:var(--ink);\n font-family:var(--sans); font-weight:300; overflow-x:hidden;\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n}\nimg{max-width:100%; height:auto; display:block;}\n\n.ms-stories{\n position:relative; overflow:hidden;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:\n radial-gradient(110% 68% at 84% 6%, #FFFDF8 0%, rgba(255,253,248,0) 56%),\n linear-gradient(180deg,#FBF8F2 0%, var(--paper) 44%, var(--paper-2) 100%);\n}\n.ms-stories::before{\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.5;\n background-image:\n repeating-linear-gradient(96deg, rgba(154,121,56,.028) 0 1px, transparent 1px 3px),\n repeating-linear-gradient(174deg, rgba(94,75,41,.02) 0 1px, transparent 1px 4px);\n mix-blend-mode:multiply;\n}\n\/* \u6975\u7de9\u6162\u6f02\u79fb\u7684\u6696\u5149\u6688\uff0c\u8b93\u5927\u9762\u7a4d\u7c73\u767d\u4e0d\u5446\u677f *\/\n.ms-stories::after{\n content:\"\"; position:absolute; inset:-25%; pointer-events:none; z-index:0;\n background:radial-gradient(34% 24% at 50% 50%, rgba(201,168,112,.2) 0%, rgba(201,168,112,0) 70%);\n animation:ms-drift 30s var(--ease-soft) infinite alternate;\n}\n@keyframes ms-drift{\n 0%{transform:translate3d(-16%,-10%,0) scale(1);}\n 100%{transform:translate3d(18%,12%,0) scale(1.22);}\n}\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n \u6a19\u984c\n ============================================================ *\/\n.ms-head{text-align:center; margin-bottom:clamp(48px,5.6vw,84px);}\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:16px;\n font-size:var(--fs-eyebrow); font-weight:500; letter-spacing:var(--track-eyebrow);\n color:var(--gold); text-transform:uppercase; margin:0 0 clamp(20px,2.2vw,30px);\n}\n.ms-eyebrow::before,.ms-eyebrow::after{\n content:\"\"; width:clamp(28px,4vw,54px); height:1px;\n background:linear-gradient(90deg,transparent,var(--gold));\n transform:scaleX(0); transform-origin:right;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.ms-eyebrow::after{background:linear-gradient(90deg,var(--gold),transparent); transform-origin:left;}\n.is-in .ms-eyebrow::before,.is-in .ms-eyebrow::after{transform:scaleX(1);}\n\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.3; color:var(--ink-deep); margin:0 0 clamp(16px,1.8vw,24px); letter-spacing:.02em;\n}\n\/* \u6a19\u984c\u9010\u5b57\u63ed\u793a\uff08\u5e36\u6a21\u7cca\u6d88\u6563\uff09 *\/\n.ms-h2 .ms-ch{\n display:inline-block;\n opacity:0; transform:translateY(38%); filter:blur(7px);\n transition:opacity .8s var(--ease-out), transform .8s var(--ease-out), filter .8s var(--ease-out);\n transition-delay:calc(var(--i,0) * .052s);\n}\n.is-in .ms-h2 .ms-ch{opacity:1; transform:translateY(0); filter:blur(0);}\n\n.ms-lead{\n font-size:var(--fs-lead); line-height:2.05; color:var(--muted);\n max-width:min(100%,600px); margin:0 auto; text-wrap:pretty;\n opacity:0; transform:translateY(14px);\n transition:opacity var(--dur) var(--ease-out) .5s, transform var(--dur) var(--ease-out) .5s;\n}\n.is-in .ms-lead{opacity:1; transform:none;}\n\n\/* ============================================================\n \u5c0d\u8a71\u6d41\uff1a\u4e2d\u592e\u6642\u9593\u8ef8 + \u5de6\u53f3\u4ea4\u932f\u6c23\u6ce1\n ============================================================ *\/\n.ms-thread{position:relative;}\n\/* \u4e2d\u592e\u5f15\u5c0e\u7dda\uff1a\u7531\u4e0a\u5f80\u4e0b\u756b\u51fa *\/\n.ms-thread::before{\n content:\"\"; position:absolute; top:0; bottom:0; left:50%; width:1px;\n transform:translateX(-50%) scaleY(0); transform-origin:top center;\n background:linear-gradient(180deg,\n rgba(154,121,56,0) 0%, rgba(154,121,56,.26) 12%,\n rgba(154,121,56,.26) 88%, rgba(154,121,56,0) 100%);\n transition:transform 1.8s var(--ease-out) .2s;\n}\n.ms-thread.is-in::before,.is-in .ms-thread::before{transform:translateX(-50%) scaleY(1);}\n\n.ms-row{\n position:relative; display:flex; margin-bottom:clamp(20px,2.4vw,34px);\n}\n.ms-row:last-child{margin-bottom:0;}\n\/* \u6c23\u6ce1\u8cbc\u8fd1\u4e2d\u7dda\uff08\u7559 34px \u7d66\u5c16\u89d2\u8207\u7bc0\u9ede\uff09\uff0c\u53e6\u4e00\u5074\u7559\u767d *\/\n.ms-row--l{justify-content:flex-start; padding-right:calc(50% + 34px);}\n.ms-row--r{justify-content:flex-end; padding-left:calc(50% + 34px);}\n\n\/* \u6642\u9593\u8ef8\u7bc0\u9ede *\/\n.ms-node{\n position:absolute; top:clamp(30px,3vw,44px); left:50%;\n width:11px; height:11px; border-radius:50%; z-index:2;\n transform:translate(-50%,-50%) scale(0);\n background:radial-gradient(circle at 36% 32%, #F2E3C4, var(--gold-light));\n border:1px solid rgba(154,121,56,.5);\n box-shadow:0 0 0 4px rgba(250,246,239,.9), 0 0 14px rgba(201,168,112,.5);\n transition:transform .7s var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.is-in .ms-node{transform:translate(-50%,-50%) scale(1);}\n\/* \u7bc0\u9ede\u547c\u5438\u5149\u6688 *\/\n.ms-node::after{\n content:\"\"; position:absolute; inset:-7px; border-radius:50%;\n border:1px solid rgba(201,168,112,.45);\n animation:ms-pulse 3.4s var(--ease-soft) infinite;\n animation-delay:var(--d,0s);\n}\n@keyframes ms-pulse{\n 0%{transform:scale(.7); opacity:.85;}\n 70%,100%{transform:scale(1.7); opacity:0;}\n}\n\n\/* ============================================================\n \u6c23\u6ce1\n ============================================================ *\/\n.ms-bubble{\n position:relative; isolation:isolate; overflow:hidden;\n width:100%;\n padding:clamp(24px,2.5vw,34px) clamp(22px,2.3vw,30px);\n border-radius:16px;\n background:linear-gradient(168deg,#FFFDF8 0%,var(--paper) 100%);\n border:1px solid var(--line);\n box-shadow:var(--shadow-soft);\n opacity:0;\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n\/* \u4ea4\u932f\u9032\u5834\uff1a\u5de6\u5074\u7531\u5de6\u6ed1\u5165\u3001\u53f3\u5074\u7531\u53f3\u6ed1\u5165 *\/\n.ms-row--l .ms-bubble{transform:translate(-26px,18px); border-bottom-left-radius:5px;}\n.ms-row--r .ms-bubble{transform:translate(26px,18px); border-bottom-right-radius:5px;}\n.is-in .ms-bubble{opacity:1; transform:translate(0,0);}\n\n\/* \u6c23\u6ce1\u5c16\u89d2\uff1a\u639b\u5728 .ms-row \u4e0a\uff0c\u907f\u514d\u88ab\u6c23\u6ce1\u7684 overflow:hidden \u88c1\u6389 *\/\n.ms-row::after{\n content:\"\"; position:absolute; top:clamp(28px,2.9vw,42px);\n width:13px; height:13px; z-index:1;\n background:#FFFDF8;\n border:1px solid var(--line);\n transform:rotate(45deg) scale(0);\n transition:transform .6s var(--ease-out), border-color var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.is-in .ms-row::after{transform:rotate(45deg) scale(1);}\n\/* \u5de6\u5074\u6c23\u6ce1\uff1a\u5c16\u89d2\u8cbc\u5728\u5176\u53f3\u7de3\uff0c\u958b\u53e3\u671d\u53f3\uff08\u6307\u5411\u4e2d\u7dda\uff09 *\/\n.ms-row--l::after{\n right:calc(50% + 28px); border-left:0; border-bottom:0;\n}\n\/* \u53f3\u5074\u6c23\u6ce1\uff1a\u5c16\u89d2\u8cbc\u5728\u5176\u5de6\u7de3\uff0c\u958b\u53e3\u671d\u5de6 *\/\n.ms-row--r::after{\n left:calc(50% + 28px); border-right:0; border-top:0;\n}\n\n\/* \u5faa\u74b0\u6383\u5149\uff1a\u6bcf\u5247\u932f\u958b\u6642\u5dee\uff0c\u4e0d\u540c\u6b65 *\/\n.ms-bubble::after{\n content:\"\"; position:absolute; inset:0; z-index:0; pointer-events:none;\n background:linear-gradient(105deg,\n transparent 38%, rgba(201,168,112,.15) 47%, rgba(255,255,255,.34) 52%, transparent 62%);\n background-size:240% 100%; background-position:190% 0;\n animation:ms-sheen 8s var(--ease-soft) infinite;\n animation-delay:var(--sheen,0s);\n}\n@keyframes ms-sheen{\n 0%,60%{background-position:190% 0;}\n 88%,100%{background-position:-80% 0;}\n}\n.ms-bubble>*{position:relative; z-index:1;}\n\n.ms-bubble:hover{\n box-shadow:var(--shadow-lift);\n border-color:rgba(154,121,56,.55);\n}\n.ms-row--l .ms-bubble:hover{transform:translate(4px,-5px);}\n.ms-row--r .ms-bubble:hover{transform:translate(-4px,-5px);}\n.ms-bubble:hover::before{border-color:rgba(154,121,56,.55);}\n\n\/* \u5f15\u865f\u88dd\u98fe *\/\n.ms-mark{\n position:absolute; right:clamp(14px,1.5vw,20px); top:clamp(4px,.6vw,10px); z-index:0;\n font-family:var(--serif); font-size:clamp(40px,3.8vw,54px); line-height:1;\n color:rgba(154,121,56,.14); pointer-events:none; user-select:none;\n transition:color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n}\n.ms-bubble:hover .ms-mark{color:rgba(154,121,56,.26); transform:translateY(-3px) scale(1.06);}\n\n.ms-quote{\n font-family:var(--serif); font-weight:600; font-size:var(--fs-quote);\n line-height:1.85; color:var(--ink-deep); margin:0 0 clamp(12px,1.3vw,17px);\n letter-spacing:.02em;\n \/* CJK \u6a19\u9ede\u7981\u5247\uff08\u3002\u300d\u4e0d\u53ef\u7f6e\u65bc\u884c\u9996\uff09\u6703\u628a\u5c3e\u7aef\u6a19\u9ede\u63a8\u51fa\u908a\u754c\u6578 px\u3002\n overflow-wrap \/ line-break \u7686\u7121\u6cd5\u8986\u5beb\u8a72\u7981\u5247\uff0c\n \u6545\u9810\u7559\u53f3\u5074\u9918\u88d5\u8b93\u6a19\u9ede\u6709\u61f8\u639b\u7a7a\u9593 *\/\n padding-right:.7em;\n overflow-wrap:anywhere; word-break:break-word; text-wrap:pretty;\n}\n.ms-text{\n font-size:var(--fs-body); line-height:2; color:var(--muted);\n margin:0 0 clamp(18px,1.9vw,24px); font-weight:400;\n overflow-wrap:anywhere; word-break:break-word; text-wrap:pretty;\n}\n.ms-by{\n display:flex; align-items:center; gap:11px;\n padding-top:clamp(14px,1.5vw,18px); border-top:1px solid rgba(154,121,56,.18);\n font-size:clamp(12px,.9vw,13.5px); color:var(--muted-2); letter-spacing:.06em;\n}\n.ms-avatar{\n width:34px; height:34px; border-radius:50%; flex:0 0 auto;\n display:grid; place-items:center;\n font-family:var(--serif); font-size:14px; color:var(--brown);\n background:linear-gradient(150deg, var(--paper-3), #E6DCC9);\n border:1px solid rgba(154,121,56,.32);\n transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);\n}\n.ms-bubble:hover .ms-avatar{\n transform:scale(1.09) rotate(-6deg);\n box-shadow:0 0 16px rgba(201,168,112,.45);\n}\n\n\/* ============================================================\n \u6388\u6b0a\u8aaa\u660e\n ============================================================ *\/\n.ms-consent{\n margin-top:clamp(38px,4vw,58px); text-align:center;\n font-size:clamp(12px,.9vw,13.5px); line-height:1.9; color:var(--muted-2); font-weight:400;\n padding-top:clamp(24px,2.6vw,34px); border-top:1px solid var(--line);\n max-width:min(100%,560px); margin-left:auto; margin-right:auto; text-wrap:pretty;\n opacity:0; transform:translateY(14px);\n transition:opacity var(--dur) var(--ease-out) .15s, transform var(--dur) var(--ease-out) .15s;\n}\n.ms-consent.is-in,.is-in .ms-consent{opacity:1; transform:none;}\n\n\/* ============================================================\n RWD \u2014 \u624b\u6a5f\u4fdd\u7559\u5de6\u53f3\u4ea4\u932f\uff0c\u6c23\u6ce1\u62c9\u5bec\u3001\u504f\u79fb\u7e2e\u5c0f\n ============================================================ *\/\n@media (max-width:760px){\n :root{--maxw:100%;}\n .ms-bubble{width:100%; padding:20px 18px; border-radius:14px;}\n .ms-row{margin-bottom:16px;}\n \/* \u8ef8\u7dda\u79fb\u5230\u5de6\u7de3\uff0c\u7bc0\u9ede\u8ddf\u8457\u79fb\uff0c\u907f\u514d\u4f54\u7528\u5bec\u5ea6 *\/\n .ms-thread::before{left:11px; transform:translateX(0) scaleY(0);}\n .ms-thread.is-in::before,.is-in .ms-thread::before{transform:translateX(0) scaleY(1);}\n .ms-node{left:11px; top:26px; width:9px; height:9px;}\n \/* \u624b\u6a5f\uff1a\u8ef8\u7dda\u5728\u5de6\uff0c\u6240\u6709\u6c23\u6ce1\u9760\u53f3\u6392\uff0c\u9760\u504f\u79fb\u91cf\u505a\u51fa\u4ea4\u932f\u5c64\u6b21 *\/\n .ms-row--l,.ms-row--r{\n padding-left:30px; padding-right:0; justify-content:flex-start;\n }\n .ms-row--r{padding-left:44px;}\n \/* \u624b\u6a5f\u7684\u5c16\u89d2\u4e00\u5f8b\u671d\u5de6\uff0c\u6307\u5411\u5de6\u5074\u8ef8\u7dda *\/\n .ms-row--l::after,.ms-row--r::after{\n left:24px; right:auto; top:22px; width:11px; height:11px;\n border:1px solid var(--line); border-right:0; border-top:0;\n }\n .ms-row--r::after{left:38px;}\n .ms-row--l .ms-bubble{transform:translate(-14px,14px); border-bottom-left-radius:4px; border-bottom-right-radius:14px;}\n .ms-row--r .ms-bubble{transform:translate(14px,14px); border-bottom-right-radius:14px; border-bottom-left-radius:4px;}\n .is-in .ms-bubble{transform:translate(0,0);}\n .ms-bubble:hover{transform:none;}\n .ms-row--l .ms-bubble:hover,.ms-row--r .ms-bubble:hover{transform:none;}\n .ms-eyebrow{gap:11px;}\n \/* \u624b\u6a5f\u95dc\u9589\u6383\u5149\uff1a\u7701\u96fb\u4e26\u964d\u4f4e\u5c0f\u87a2\u5e55\u8996\u89ba\u5e72\u64fe *\/\n .ms-bubble::after{animation:none; opacity:0;}\n}\n@media (max-width:400px){\n .ms-bubble{padding:18px 15px;}\n .ms-row--l{padding-left:26px;}\n .ms-row--r{padding-left:36px;}\n .ms-row--l::after{left:20px;}\n .ms-row--r::after{left:30px;}\n .ms-avatar{width:30px; height:30px; font-size:13px;}\n}\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n .ms-bubble,.ms-consent,.ms-lead{opacity:1!important; transform:none!important;}\n .ms-row--l .ms-bubble,.ms-row--r .ms-bubble{transform:none!important;}\n .ms-eyebrow::before,.ms-eyebrow::after{transform:scaleX(1)!important;}\n .ms-h2 .ms-ch{opacity:1!important; transform:none!important; filter:none!important;}\n .ms-thread::before{transform:translateX(-50%) scaleY(1)!important;}\n .ms-node{transform:translate(-50%,-50%) scale(1)!important;}\n}\n\n\/* ============================================================\n \ud83d\udee1 WordPress\uff0fElementor \u9632\u8b77\u5c64\n ------------------------------------------------------------\n \u75c7\u72c0\uff08\u5be6\u6e2c\u91cd\u73fe\uff09\uff1a\u672c\u5730\u6a19\u984c\u662f\u9ed1\u7684\uff0c\u8cbc\u9032 WP \u5f8c**\u6a19\u984c\u8207\u5167\u6587\u5168\u8b8a\u767d**\uff0c\n \u5728\u7c73\u767d\u5e95\u4e0a\u5b8c\u5168\u770b\u4e0d\u898b\u3002\n \u6839\u56e0\uff1a\u4e3b\u984c\uff0f\u5916\u639b\u4ee5 `!important` \u628a\u5340\u584a\u6587\u5b57\u8a2d\u70ba\u767d\u8272\n \uff08\u6df1\u8272\u7248\u578b\u4e3b\u984c\u5728\u4eae\u5834\u5340\u584a\u4e0a\u6700\u5bb9\u6613\u4e2d\uff09\uff0c\u5e38\u898b\u5beb\u6cd5\u5982\n `h2{color:#fff !important}`\u3001`.ms-h2 *{color:#fff !important}`\u3002\n \u26a0\ufe0f \u7279\u5225\u6ce8\u610f\uff1a\u672c\u9801\u6a19\u984c\u88ab JS \u62c6\u6210\u9010\u5b57 <span class=\"ms-ch\">\uff0c\n \u4e3b\u984c\u7684 `.ms-h2 *` \u6703\u76f4\u63a5\u547d\u4e2d\u5b50\u5c64 \u2192 \u53ea\u9396 .ms-h2 \u672c\u8eab\u7121\u6548\uff0c\n \u5fc5\u9808\u9023 .ms-ch \u4e00\u8d77\u9396\u3002\n \u5c0d\u7b56\uff1a#stories \u524d\u7db4 + !important + -webkit-text-fill-color \u4e09\u91cd\u9396\u5b9a\u3002\n ============================================================ *\/\n#stories .ms-h2,\n#stories .ms-h2 .ms-ch,\n#stories .ms-h2 span{\n color:#071726 !important;\n -webkit-text-fill-color:#071726 !important;\n}\n#stories .ms-quote{\n color:#071726 !important;\n -webkit-text-fill-color:#071726 !important;\n}\n#stories .ms-lead,\n#stories .ms-text{\n color:#3A332B !important;\n -webkit-text-fill-color:#3A332B !important;\n}\n#stories .ms-by,\n#stories .ms-consent{\n color:#4A423A !important;\n -webkit-text-fill-color:#4A423A !important;\n}\n#stories .ms-eyebrow{\n color:#9A7938 !important;\n -webkit-text-fill-color:#9A7938 !important;\n}\n#stories .ms-avatar{\n color:#5E4B29 !important;\n -webkit-text-fill-color:#5E4B29 !important;\n background:linear-gradient(150deg,#EFE7D9,#E6DCC9) !important;\n background-color:#EFE7D9 !important;\n}\n#stories .ms-mark{\n color:rgba(154,121,56,.14) !important;\n -webkit-text-fill-color:rgba(154,121,56,.14) !important;\n}\n#stories .ms-bubble:hover .ms-mark{\n color:rgba(154,121,56,.26) !important;\n -webkit-text-fill-color:rgba(154,121,56,.26) !important;\n}\n\/* \u5340\u584a\u8207\u6c23\u6ce1\u5e95\u8272\uff1a\u6539\u70ba\u4e0d\u900f\u660e\u5be6\u8272\uff0c\u4e0d\u4f9d\u8cf4\u7236\u5c64\uff08\u9632 WP \u767d\u5e95\uff0f\u6df1\u5e95\u7ffb\u8f49\uff09 *\/\n#stories{\n background:\n radial-gradient(110% 68% at 84% 6%, #FFFDF8 0%, rgba(255,253,248,0) 56%),\n linear-gradient(180deg,#FBF8F2 0%,#FAF6EF 44%,#F4EEE4 100%) !important;\n background-color:#FAF6EF !important;\n}\n#stories .ms-bubble{\n background:linear-gradient(168deg,#FFFDF8 0%,#FAF6EF 100%) !important;\n background-color:#FFFDF8 !important;\n}\n#stories .ms-row::after{\n background:#FFFDF8 !important;\n background-color:#FFFDF8 !important;\n}\n\/* \u6e05\u6389\u4e3b\u984c\u6ce8\u5165\u7684\u88dd\u98fe\u507d\u5143\u7d20\uff08\u5f15\u865f\uff0f\u5713\u9ede\uff09\uff0c\u672c\u9801\u5df2\u6709\u81ea\u5df1\u7684 \u275d *\/\n#stories .ms-bubble::before,\n#stories .ms-quote::before,\n#stories .ms-quote::after,\n#stories .ms-text::before,\n#stories .ms-text::after,\n#stories .ms-by::before,\n#stories .ms-by::after{\n content:none !important;\n display:none !important;\n}\n#stories .ms-thread,#stories .ms-row{list-style:none !important;}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ms-stories\" id=\"stories\">\n <div class=\"ms-inner\">\n\n <header class=\"ms-head\" data-reveal>\n <p class=\"ms-eyebrow\">Stories<\/p>\n <h2 class=\"ms-h2\" data-split>\u4e00\u672c\u66f8\uff0c\u4e00\u6bb5\u4eba\u751f<\/h2>\n <p class=\"ms-lead\">\u6bcf\u4e00\u672c\u547d\u66f8\uff0c\u90fd\u662f\u4e00\u6bb5\u8207\u81ea\u5df1\u7684\u76f8\u9047\u3002<\/p>\n <\/header>\n\n <div class=\"ms-thread\" data-reveal>\n\n <div class=\"ms-row ms-row--l\">\n <span class=\"ms-node\" style=\"--d:.05s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.05s;--sheen:0s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u7b2c\u4e00\u6b21\u771f\u6b63\u975c\u4e0b\u4f86\uff0c\u95b1\u8b80\u81ea\u5df1\u7684\u751f\u547d\u7bc0\u594f\u3002\u300d<\/p>\n <p class=\"ms-text\">\u5728\u8f49\u8077\u7684\u7336\u8c6b\u671f\u8b80\u5b8c\u547d\u66f8\uff0c\u6700\u6709\u5e6b\u52a9\u7684\u4e0d\u662f\u9810\u6e2c\uff0c\u800c\u662f\u5b83\u628a\u300c\u54ea\u5e7e\u500b\u6708\u9069\u5408\u63a8\u9032\u3001\u54ea\u5e7e\u500b\u6708\u9069\u5408\u89c0\u5bdf\u300d\u5beb\u5f97\u5f88\u5177\u9ad4\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <div class=\"ms-row ms-row--r\">\n <span class=\"ms-node\" style=\"--d:.14s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.14s;--sheen:1.6s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u77e5\u9053\u4ec0\u9ebc\u6642\u5019\u8a72\u4fdd\u5b88\uff0c\u6bd4\u77e5\u9053\u4ec0\u9ebc\u6642\u5019\u6703\u8cfa\u66f4\u91cd\u8981\u3002\u300d<\/p>\n <p class=\"ms-text\">\u8ca1\u904b\u7ae0\u7bc0\u63d0\u9192\u4e86\u5e7e\u500b\u9700\u8981\u8b39\u614e\u7684\u6708\u4efd\uff0c\u8b93\u6211\u5728\u505a\u6295\u8cc7\u6c7a\u5b9a\u524d\u591a\u60f3\u4e86\u4e00\u8f2a\uff0c\u4e5f\u91cd\u65b0\u8abf\u6574\u4e86\u5e74\u5ea6\u7684\u8cc7\u91d1\u5b89\u6392\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <div class=\"ms-row ms-row--l\">\n <span class=\"ms-node\" style=\"--d:.23s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.23s;--sheen:3.2s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u539f\u4f86\u6211\u5011\u7684\u76f8\u8655\u7bc0\u594f\uff0c\u662f\u53ef\u4ee5\u88ab\u7406\u89e3\u7684\u3002\u300d<\/p>\n <p class=\"ms-text\">\u770b\u5b8c\u95dc\u4fc2\u7684\u6bb5\u843d\uff0c\u6bd4\u8f03\u80fd\u7406\u89e3\u5f7c\u6b64\u5728\u610f\u7684\u9ede\u4e0d\u540c\u3002\u8207\u5176\u8aaa\u6539\u8b8a\u4e86\u4ec0\u9ebc\uff0c\u4e0d\u5982\u8aaa\u591a\u4e86\u4e00\u500b\u4e00\u8d77\u8a0e\u8ad6\u7684\u8a71\u984c\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <div class=\"ms-row ms-row--r\">\n <span class=\"ms-node\" style=\"--d:.32s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.32s;--sheen:4.8s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u5b83\u6c92\u6709\u544a\u8a34\u6211\u7b54\u6848\uff0c\u4f46\u8b93\u6211\u770b\u61c2\u4e86\u81ea\u5df1\u7684\u554f\u984c\u3002\u300d<\/p>\n <p class=\"ms-text\">\u6027\u683c\u512a\u52e2\u8207\u76f2\u9ede\u90a3\u4e00\u6bb5\u8b80\u8d77\u4f86\u7279\u5225\u6709\u611f\uff0c\u6709\u4e9b\u53cd\u8986\u51fa\u73fe\u7684\u72c0\u6cc1\uff0c\u7b2c\u4e00\u6b21\u88ab\u6574\u7406\u6210\u6e05\u695a\u7684\u6587\u5b57\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <div class=\"ms-row ms-row--l\">\n <span class=\"ms-node\" style=\"--d:.41s\" aria-hidden=\"true\"><\/span>\n <article class=\"ms-bubble\" style=\"--d:.41s;--sheen:6.4s\">\n <span class=\"ms-mark\" aria-hidden=\"true\">\u275d<\/span>\n <p class=\"ms-quote\">\u300c\u4e00\u4efd\u7d66\u672a\u4f86\u81ea\u5df1\u7684\u63d0\u9192\u3002\u300d<\/p>\n <p class=\"ms-text\">\u7576\u4f5c\u751f\u65e5\u79ae\u7269\u9001\u51fa\u53bb\uff0c\u6536\u5230\u7684\u4eba\u8aaa\u9019\u662f\u8fd1\u5e7e\u5e74\u6700\u7279\u5225\u7684\u79ae\u7269\uff0c\u56e0\u70ba\u5b83\u662f\u5c08\u5c6c\u7684\u3001\u800c\u4e14\u53ef\u4ee5\u4e00\u76f4\u7559\u8457\u3002<\/p>\n <div class=\"ms-by\"><span class=\"ms-avatar\">\u547d<\/span>\u547d\u66f8\u6536\u85cf\u8005<\/div>\n <\/article>\n <\/div>\n\n <\/div>\n\n <p class=\"ms-consent\" data-reveal>\n \u4ee5\u4e0a\u898b\u8b49\u5167\u5bb9\u5747\u5df2\u53d6\u5f97\u7576\u4e8b\u4eba\u6388\u6b0a\uff0c\u4e26\u4f9d\u7576\u4e8b\u4eba\u610f\u9858\u4ee5\u533f\u540d\u5f62\u5f0f\u5448\u73fe\u3002\n <\/p>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n \/* \u6a19\u984c\u9010\u5b57\u62c6\u5206\uff1a\u70ba\u6bcf\u500b\u5b57\u5e36\u4e0a\u7d22\u5f15\uff0c\u505a\u6ce2\u6d6a\u5f0f\u6d6e\u73fe *\/\n var splits=document.querySelectorAll('[data-split]');\n splits.forEach(function(el){\n var t=el.textContent.trim();\n if(!t) return;\n var frag=document.createDocumentFragment();\n for(var i=0;i<t.length;i++){\n var s=document.createElement('span');\n s.className='ms-ch';\n s.style.setProperty('--i',String(i));\n s.textContent=t.charAt(i);\n frag.appendChild(s);\n }\n el.textContent='';\n el.appendChild(frag);\n });\n\n var els=document.querySelectorAll('[data-reveal]');\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(es){es.forEach(function(e){\n if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target);}});},\n {threshold:0,rootMargin:'0px 0px -4% 0px'});\n els.forEach(function(el){io.observe(el);});\n \/* \u4fdd\u96aa\uff1a\u77ee\u87a2\u5e55\u6216\u672a\u6372\u52d5\u6642\uff0c\u78ba\u4fdd\u5167\u5bb9\u4e0d\u6703\u505c\u5728\u900f\u660e\u72c0\u614b *\/\n window.setTimeout(function(){\n els.forEach(function(el){el.classList.add('is-in');});\n },2600);\n }else{ els.forEach(function(el){el.classList.add('is-in');}); }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-375246d e-flex e-con-boxed e-con e-parent\" data-id=\"375246d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a5d3301 elementor-widget elementor-widget-menu-anchor\" data-id=\"a5d3301\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"menu-anchor.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-menu-anchor\" id=\"faq\"><\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b940ae1 elementor-widget elementor-widget-html\" data-id=\"b940ae1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE I \u2014 \u5e38\u898b\u554f\u984c\uff5c\u547d\u66f8 MING SHU<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE I\uff1a\u5e38\u898b\u554f\u984c FAQ\uff08v4 \u00b7 \u975c\u614b\u7248\uff09\n \u9328\u9ede\uff1a#faq \uff5c \u4eae\u5834\u7c73\u767d\n\n \u2605\u2605 v4 \u70ba\u4ec0\u9ebc\u628a\u4e92\u52d5\u5168\u90e8\u62ff\u6389 \u2605\u2605\n v1 grid 0fr\u21921fr\u3001v2 JS max-height\u3001v3 \u539f\u751f <details>\uff0c\n \u4e09\u7a2e\u6298\u758a\u6a5f\u5236\u5728\u672c\u6a5f\uff08Brave\uff09\u5168\u90e8\u6b63\u5e38\uff0c\u8cbc\u5230 WordPress \u5168\u90e8\u51fa\u4e8b\uff1a\n v1\/v2 \u2192 \u9ede\u958b\u5f8c\u5340\u584a\u62c9\u9577\u4f46\u6c92\u6709\u6587\u5b57\n v3 \u2192 \u9023\u554f\u984c\u5217\u90fd\u6574\u500b\u6d88\u5931\uff08\u53ea\u5269\u7a7a\u7684\u5c0e\u89d2\u5bb9\u5668\uff09\n v3 \u7684\u5931\u6557\u8aaa\u660e\u5c0d\u65b9\u7ad9\u4e0a\u6709\u6771\u897f\u76f4\u63a5\u8b93 <summary> \u4e0d\u986f\u793a\uff0c\n \u5df2\u7d93\u4e0d\u662f\u300c\u6298\u758a\u5beb\u6cd5\u300d\u5c64\u6b21\u7684\u554f\u984c\u3002\u6211\u7121\u6cd5\u9060\u7aef\u7aae\u8209\u662f\u54ea\u500b\u5916\u639b\uff0f\u4e3b\u984c\uff0c\n \u518d\u63db\u7b2c\u56db\u7a2e\u4e92\u52d5\u5beb\u6cd5\u53ea\u662f\u518d\u8ced\u4e00\u6b21\u3002\n\n \u2605 \u7d50\u8ad6\uff1a\u4e0d\u518d\u4f7f\u7528\u4efb\u4f55\u6298\u758a\u3001JS\u3001\u6216\u9700\u8981\u700f\u89bd\u5668\u7279\u6b8a\u652f\u63f4\u7684\u5143\u7d20\u3002\n \u6539\u6210 8 \u984c\u5168\u90e8\u975c\u614b\u76f4\u63a5\u986f\u793a\uff0c\u53ea\u7528\u6700\u57fa\u672c\u7684 div + p\u3002\n \u6c92\u6709\u6771\u897f\u53ef\u4ee5\u88ab\u300c\u5c55\u958b\u5931\u6557\u300d\uff0c\u56e0\u70ba\u6c92\u6709\u9700\u8981\u5c55\u958b\u7684\u6771\u897f\u3002\n\n \u2605 \u672c\u7248\u53ea\u7528\u6700\u4fdd\u5b88\u7684 CSS\n - \u7248\u9762\uff1adiv + \u6a19\u6e96 flow\uff0c\u4e0d\u7528 grid \/ flex \u505a\u95dc\u9375\u6392\u7248\n - \u7121 JavaScript\u3001\u7121 <details>\u3001\u7121 animation\u3001\u7121 transition\n - \u95dc\u9375 color \/ background \u5168\u90e8 !important + -webkit-text-fill-color\n - \u80cc\u666f\u4e00\u5f8b\u4e0d\u900f\u660e\u5be6\u8272\uff0c\u4e0d\u7528\u534a\u900f\u660e\uff08\u534a\u900f\u660e\u5728 WP \u767d\u5e95\u6703\u8b8a\u5be6\u5fc3\u767d\uff09\n - \u7e2e\u6392\u7528 padding-left \u56fa\u5b9a\u503c\uff0c\u4e0d\u4f9d\u8cf4 grid \u6b04\u4f4d\u8a08\u7b97\n\n \u2605 \u4fdd\u7559\u7684\u8a2d\u8a08\n - \u5c0e\u89d2\u5bb9\u5668\uff08\u5713\u89d2 + \u9670\u5f71\uff09\u3001\u91d1\u8272\u5de6\u908a\u689d\u3001\u984c\u865f\u3001\u4e3b\u6a19\u984c\u7d14\u9ed1\u3001\u6df1\u8272\u5167\u6587\n ============================================================ *\/\n#ms-faq{\n --ink-title:#111111;\n --ink-q:#16120E;\n --ink-body:#3A322A;\n --ink-soft:#4A4038;\n --paper:#FAF6EF;\n --paper-2:#F4EEE4;\n --card:#FFFDF9;\n --hint-bg:#F6EFE1;\n --gold:#B08D4F;\n --gold-deep:#8A6C36;\n --brown:#6A5530;\n --line:rgba(176,141,79,.28);\n --line-soft:rgba(176,141,79,.2);\n\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(30px,4.4vw,58px);\n --fs-q:clamp(17px,1.4vw,21px);\n --fs-lead:clamp(14.5px,1.18vw,17.5px);\n --fs-body:clamp(14.5px,1.1vw,16.5px);\n --fs-small:clamp(13px,.95vw,14.5px);\n\n --sec-pad-y:clamp(70px,8vw,140px);\n --sec-pad-x:clamp(16px,4.5vw,80px);\n --maxw:860px;\n\n \/* \u984c\u865f\u6b04\u5bec\uff1a\u554f\u984c\u8207\u7b54\u6848\u5171\u7528\u540c\u4e00\u500b\u503c\uff0c\u7e2e\u6392\u5fc5\u5b9a\u4e00\u81f4 *\/\n --indent:clamp(38px,3.4vw,52px);\n}\n#ms-faq *,#ms-faq *::before,#ms-faq *::after{box-sizing:border-box;}\n\n\/* \u6e05\u6389\u4e3b\u984c\u5e38\u6ce8\u5165\u7684\u5f15\u865f\uff0f\u7b26\u865f\u7b49\u507d\u5143\u7d20 *\/\n#ms-faq p::before,#ms-faq p::after,\n#ms-faq h2::before,#ms-faq h2::after,\n#ms-faq h3::before,#ms-faq h3::after{content:none;}\n\n\/* ============================================================\n 1. \u5340\u584a\u5bb9\u5668\n ============================================================ *\/\n#ms-faq{\n margin:0;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:var(--paper)!important;\n font-family:var(--sans);\n font-weight:400;\n -webkit-font-smoothing:antialiased;\n}\n#ms-faq .ms-inner{max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n 2. \u6a19\u984c\u5340\n ============================================================ *\/\n#ms-faq .ms-head{text-align:center; margin:0 0 clamp(36px,4.2vw,60px);}\n\n#ms-faq .ms-eyebrow{\n font-size:var(--fs-eyebrow);\n letter-spacing:.34em;\n color:var(--gold-deep)!important;\n -webkit-text-fill-color:var(--gold-deep);\n text-transform:uppercase;\n margin:0 0 clamp(16px,1.8vw,24px);\n font-weight:400;\n}\n#ms-faq .ms-h2{\n font-family:var(--serif);\n font-weight:700;\n font-size:var(--fs-h2);\n line-height:1.3;\n color:var(--ink-title)!important;\n -webkit-text-fill-color:var(--ink-title);\n margin:0 0 clamp(12px,1.5vw,20px);\n letter-spacing:.02em;\n}\n#ms-faq .ms-lead{\n font-size:var(--fs-lead);\n line-height:1.9;\n color:var(--ink-soft)!important;\n -webkit-text-fill-color:var(--ink-soft);\n max-width:50ch;\n margin:0 auto;\n font-weight:400;\n}\n\n\/* ============================================================\n 3. \u5c0e\u89d2\u5bb9\u5668\uff08\u7d14\u975c\u614b\uff1a\u5713\u89d2 + \u9670\u5f71\uff0c\u7121\u52d5\u756b\uff09\n ============================================================ *\/\n#ms-faq .ms-shell{\n border-radius:20px;\n padding:clamp(10px,1.4vw,22px);\n background:linear-gradient(168deg,#FFFEFB 0%,#FDFAF3 55%,#F9F4EA 100%)!important;\n border:1px solid var(--line);\n box-shadow:\n 0 2px 6px rgba(106,85,48,.05),\n 0 14px 34px rgba(106,85,48,.09),\n 0 30px 64px rgba(106,85,48,.07);\n}\n\n\/* ============================================================\n 4. \u984c\u76ee\u5340\u584a\uff08\u4e00\u984c\u4e00\u689d\uff0c\u5168\u90e8\u76f4\u63a5\u986f\u793a\uff09\n ============================================================ *\/\n#ms-faq .ms-item{\n position:relative;\n padding:clamp(20px,2.1vw,28px) clamp(14px,1.6vw,24px);\n border-bottom:1px solid var(--line-soft);\n background:transparent;\n}\n#ms-faq .ms-item:last-child{border-bottom:0;}\n\n\/* \u5de6\u5074\u91d1\u8272\u77ed\u689d\uff08\u7d14\u975c\u614b\uff0c\u4e0d\u505a hover \u52d5\u756b\uff09 *\/\n#ms-faq .ms-item .ms-bar{\n position:absolute;\n left:0;\n top:clamp(22px,2.3vw,30px);\n width:3px;\n height:clamp(20px,1.9vw,26px);\n background:var(--gold)!important;\n border-radius:0 3px 3px 0;\n}\n\n\/* ---------- 4-1 \u554f\u984c ---------- *\/\n#ms-faq .ms-q{\n font-family:var(--serif);\n font-size:var(--fs-q);\n font-weight:600;\n line-height:1.55;\n letter-spacing:.02em;\n color:var(--ink-q)!important;\n -webkit-text-fill-color:var(--ink-q);\n margin:0 0 clamp(10px,1.1vw,15px);\n padding-left:var(--indent);\n \/* \u984c\u865f\u7528 text-indent \u8ca0\u503c\u914d\u5408 padding\uff0c\u4e0d\u4f9d\u8cf4 grid\/flex *\/\n text-indent:calc(-1 * var(--indent));\n}\n#ms-faq .ms-qnum{\n display:inline-block;\n width:var(--indent);\n text-indent:0;\n font-family:var(--serif);\n font-size:clamp(13.5px,1.05vw,16px);\n font-weight:500;\n letter-spacing:.08em;\n color:var(--gold-deep)!important;\n -webkit-text-fill-color:var(--gold-deep);\n}\n\n\/* ---------- 4-2 \u7b54\u6848 ---------- *\/\n#ms-faq .ms-a{\n padding-left:var(--indent);\n}\n#ms-faq .ms-a p{\n font-size:var(--fs-body);\n line-height:1.95;\n color:var(--ink-body)!important;\n -webkit-text-fill-color:var(--ink-body);\n font-weight:400;\n margin:0 0 .8em;\n}\n#ms-faq .ms-a p:last-child{margin-bottom:0;}\n#ms-faq .ms-a strong{\n color:var(--brown)!important;\n -webkit-text-fill-color:var(--brown);\n font-weight:600;\n}\n\n\/* ---------- 4-3 \u91cd\u9ede\u63d0\u793a\u689d ---------- *\/\n#ms-faq .ms-hint{\n display:block;\n margin:.8em 0 0;\n padding:12px 16px;\n background:var(--hint-bg)!important;\n border-left:3px solid var(--gold);\n border-radius:0 5px 5px 0;\n font-size:var(--fs-small)!important;\n line-height:1.8;\n color:var(--ink-body)!important;\n -webkit-text-fill-color:var(--ink-body);\n}\n#ms-faq .ms-hint b{\n color:var(--brown)!important;\n -webkit-text-fill-color:var(--brown);\n font-weight:600;\n}\n\n\/* ---------- 4-4 \u5f85\u78ba\u8a8d\u6a19\u8a18 ---------- *\/\n#ms-faq .ms-tbd{\n display:inline-block;\n margin-left:5px;\n padding:2px 8px;\n border-radius:3px;\n font-size:clamp(11px,.8vw,12px);\n letter-spacing:.05em;\n color:var(--brown)!important;\n -webkit-text-fill-color:var(--brown);\n background:rgba(176,141,79,.16)!important;\n border:1px solid rgba(176,141,79,.34);\n white-space:nowrap;\n}\n\n\/* ============================================================\n 5. RWD\uff08\u53ea\u8abf\u5c3a\u5bf8\uff0c\u7248\u9762\u7d50\u69cb\u4e0d\u8b8a\uff09\n ============================================================ *\/\n@media (max-width:720px){\n #ms-faq{--indent:clamp(32px,7vw,40px);}\n #ms-faq .ms-shell{padding:8px; border-radius:16px;}\n}\n\n@media (max-width:480px){\n #ms-faq{\n --fs-q:clamp(16.5px,4.5vw,18.5px);\n --fs-body:clamp(15px,4vw,16px);\n --fs-small:clamp(13.5px,3.6vw,14.5px);\n --indent:30px;\n --sec-pad-x:14px;\n }\n #ms-faq .ms-shell{padding:6px; border-radius:14px;}\n #ms-faq .ms-item{padding:18px 12px;}\n #ms-faq .ms-item .ms-bar{top:20px; height:19px;}\n}\n<\/style>\n<\/head>\n<body style=\"margin:0;background:#FAF6EF;\">\n\n<section id=\"ms-faq\">\n <div class=\"ms-inner\">\n\n <div class=\"ms-head\">\n <p class=\"ms-eyebrow\">FAQ<\/p>\n <h2 class=\"ms-h2\">\u5e38\u898b\u554f\u984c<\/h2>\n <p class=\"ms-lead\">\u8cfc\u8cb7\u524d\u60f3\u78ba\u8a8d\u7684\u4e8b\uff0c\u9019\u88e1\u90fd\u5148\u8aaa\u6e05\u695a\u3002<\/p>\n <\/div>\n\n <div class=\"ms-shell\">\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">01<\/span>\u547d\u66f8\u548c\u4e00\u822c\u514d\u8cbb\u7b97\u547d\u6709\u4ec0\u9ebc\u4e0d\u540c\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u547d\u66f8\u6703\u4f9d\u7167\u500b\u4eba\u51fa\u751f\u8cc7\u6599\uff0c\u5b8c\u6574\u5206\u6790\u5e74\u5ea6\u904b\u52e2\u3001\u6d41\u5e74\u5341\u4e8c\u5bae\u8207\u5341\u4e8c\u500b\u6708\u4efd\uff0c\u4e26\u4ee5\u767d\u8a71\u65b9\u5f0f\u63d0\u4f9b\u5be6\u969b\u7684\u751f\u6d3b\u5efa\u8b70\uff0c\u800c\u4e0d\u53ea\u662f\u63d0\u4f9b\u4e00\u5f35\u547d\u76e4\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">02<\/span>\u4e0d\u77e5\u9053\u6b63\u78ba\u51fa\u751f\u6642\u9593\u600e\u9ebc\u8fa6\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u53ef\u4ee5\u5148\u806f\u7d61\u5c08\u4eba\u8aaa\u660e\u72c0\u6cc1\u3002\u82e5\u53ea\u80fd\u78ba\u5b9a\u5927\u7d04\u6642\u6bb5\uff0c\u8001\u5e2b\u6703\u8a55\u4f30\u662f\u5426\u9069\u5408\u88fd\u4f5c\u3002<\/p>\n <p class=\"ms-hint\"><b>\u6700\u6e96\u78ba\u7684\u505a\u6cd5<\/b>\uff1a\u8acb\u81f3\u5168\u53f0\u4efb\u4e00<b>\u6236\u653f\u4e8b\u52d9\u6240<\/b>\u7533\u8acb\u300c<b>\u51fa\u751f\u8b49\u660e\u66f8<\/b>\u300d\uff0c\u4e0a\u9762\u6703\u8a18\u8f09\u6b63\u78ba\u7684\u51fa\u751f\u6642\u9593\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">03<\/span>\u88fd\u4f5c\u9700\u8981\u591a\u4e45\u6642\u9593\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u4e00\u822c\u4ef6\u70ba<strong>\u4ed8\u6b3e\u53ca\u8cc7\u6599\u78ba\u8a8d\u5f8c 7\u201314 \u500b\u5de5\u4f5c\u5929<\/strong>\uff1b\u6025\u4ef6\u4f9d\u5be6\u969b\u7522\u80fd\u53e6\u884c\u5831\u50f9<span class=\"ms-tbd\">\u7522\u80fd\u5f85\u78ba\u8a8d<\/span><\/p>\n <p class=\"ms-hint\">\u5be6\u9ad4\u547d\u66f8\u63a1<b>\u7d71\u4e00\u6279\u6b21\u51fa\u8ca8<\/b>\uff0c\u51fa\u8ca8\u65e5\u671f\u5c07\u65bc\u8a02\u8cfc\u9801\u9762\u516c\u544a<span class=\"ms-tbd\">\u65e5\u671f\u5f85\u78ba\u8a8d<\/span><\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">04<\/span>\u547d\u66f8\u662f\u96fb\u5b50\u6a94\u9084\u662f\u5be6\u9ad4\u66f8\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u6240\u6709\u65b9\u6848\u7686\u5305\u542b<strong>\u7cbe\u88dd\u5be6\u9ad4\u547d\u66f8<\/strong>\uff0c\u4e26\u540c\u6b65\u63d0\u4f9b\u96fb\u5b50\u7248\u672c\u65bc\u6703\u54e1\u4e2d\u5fc3\u6c38\u4e45\u4fdd\u5b58\u3002<\/p>\n <p>\u76ee\u524d<strong>\u6c92\u6709\u55ae\u7368\u8cfc\u8cb7\u96fb\u5b50\u7248<\/strong>\u7684\u65b9\u6848\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">05<\/span>\u53ef\u4ee5\u5e6b\u5bb6\u4eba\u6216\u670b\u53cb\u8cfc\u8cb7\u55ce\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u53ef\u4ee5\u3002\u4f46\u5fc5\u9808\u53d6\u5f97\u5c0d\u65b9\u6b63\u78ba\u7684<strong>\u570b\u66c6\u51fa\u751f\u5e74\u6708\u65e5\u3001\u51fa\u751f\u6642\u9593<\/strong>\u8207<strong>\u751f\u7406\u6027\u5225<\/strong>\u3002<\/p>\n <p class=\"ms-hint\">\u6392\u76e4<b>\u4e0d\u9700\u8981\u51fa\u751f\u5730\u9ede<\/b>\uff0c\u4f46<b>\u751f\u7406\u6027\u5225\u70ba\u5fc5\u586b<\/b>\uff0c\u6703\u5f71\u97ff\u547d\u76e4\u7684\u63a8\u7b97\u7d50\u679c\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">06<\/span>\u547d\u66f8\u5167\u5bb9\u53ef\u4ee5\u4fee\u6539\u55ce\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u51fa\u751f\u8cc7\u6599\u4e00\u7d93\u78ba\u8a8d\u3001\u547d\u66f8\u958b\u59cb\u88fd\u4f5c\u5f8c\uff0c<strong>\u6055\u4e0d\u63a5\u53d7\u4fee\u6539<\/strong>\u3002<\/p>\n <p>\u9019\u4e5f\u662f\u70ba\u4ec0\u9ebc\u5728\u88fd\u4f5c\u524d\uff0c\u7cfb\u7d71\u6703\u5bc4\u51fa\u78ba\u8a8d\u4fe1\u8acb\u4f60\u518d\u6b21\u6838\u5c0d\u51fa\u751f\u8cc7\u6599\u2014\u2014\u9019\u4e00\u6b65\u8acb\u52d9\u5fc5\u4ed4\u7d30\u78ba\u8a8d\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">07<\/span>\u547d\u66f8\u53ef\u4ee5\u53d6\u4ee3\u6295\u8cc7\u3001\u91ab\u7642\u6216\u6cd5\u5f8b\u5efa\u8b70\u55ce\uff1f<\/p>\n <div class=\"ms-a\">\n <p><strong>\u4e0d\u53ef\u4ee5\u3002<\/strong>\u547d\u66f8\u5167\u5bb9\u50c5\u4f9b\u500b\u4eba\u63a2\u7d22\u8207\u4eba\u751f\u898f\u5283\u53c3\u8003\uff0c\u4e0d\u80fd\u53d6\u4ee3\u91ab\u5e2b\u3001\u5f8b\u5e2b\u3001\u6703\u8a08\u5e2b\u6216\u6295\u8cc7\u5c08\u696d\u4eba\u54e1\u7684\u610f\u898b\u3002<\/p>\n <p>\u91cd\u5927\u6c7a\u7b56\u4ecd\u61c9\u4f9d\u500b\u4eba\u5be6\u969b\u72c0\u6cc1\uff0c\u4e26\u8aee\u8a62\u76f8\u95dc\u5c08\u696d\u4eba\u58eb\u5f8c\u5be9\u614e\u5224\u65b7\u3002<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"ms-item\">\n <span class=\"ms-bar\"><\/span>\n <p class=\"ms-q\"><span class=\"ms-qnum\">08<\/span>\u6211\u7684\u51fa\u751f\u8cc7\u6599\u5b89\u5168\u55ce\uff1f<\/p>\n <div class=\"ms-a\">\n <p>\u51fa\u751f\u8cc7\u6599\u50c5\u7528\u65bc\u6392\u76e4\u3001\u547d\u66f8\u88fd\u4f5c\u8207\u76f8\u95dc\u670d\u52d9\u3002\u8cc7\u6599\u7684\u4fdd\u5b58\u671f\u9593\u3001\u4f7f\u7528\u7bc4\u570d\u8207\u522a\u9664\u7533\u8acb\u65b9\u5f0f\uff0c\u5747\u8f09\u660e\u65bc\u96b1\u79c1\u6b0a\u653f\u7b56\u3002<\/p>\n <p class=\"ms-hint\">\u82e5\u4f60\u522a\u9664\u6703\u54e1\u8cc7\u6599\u4e2d\u7684<b>\u51fa\u751f\u6642\u8fb0<\/b>\uff0c\u5f80\u5f8c\u4f7f\u7528\u5176\u4ed6\u670d\u52d9\u6642\u5c07<b>\u9700\u8981\u91cd\u65b0\u8f38\u5165\u4e00\u6b21<\/b>\u3002<\/p>\n <\/div>\n <\/div>\n\n <\/div>\n\n <\/div>\n<\/section>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\":\"https:\/\/schema.org\",\n \"@type\":\"FAQPage\",\n \"mainEntity\":[\n {\"@type\":\"Question\",\"name\":\"\u547d\u66f8\u548c\u4e00\u822c\u514d\u8cbb\u7b97\u547d\u6709\u4ec0\u9ebc\u4e0d\u540c\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u547d\u66f8\u6703\u4f9d\u7167\u500b\u4eba\u51fa\u751f\u8cc7\u6599\uff0c\u5b8c\u6574\u5206\u6790\u5e74\u5ea6\u904b\u52e2\u3001\u6d41\u5e74\u5341\u4e8c\u5bae\u8207\u5341\u4e8c\u500b\u6708\u4efd\uff0c\u4e26\u4ee5\u767d\u8a71\u65b9\u5f0f\u63d0\u4f9b\u5be6\u969b\u7684\u751f\u6d3b\u5efa\u8b70\uff0c\u800c\u4e0d\u53ea\u662f\u63d0\u4f9b\u4e00\u5f35\u547d\u76e4\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u4e0d\u77e5\u9053\u6b63\u78ba\u51fa\u751f\u6642\u9593\u600e\u9ebc\u8fa6\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u53ef\u4ee5\u5148\u806f\u7d61\u5c08\u4eba\u8aaa\u660e\u72c0\u6cc1\u3002\u82e5\u53ea\u80fd\u78ba\u5b9a\u5927\u7d04\u6642\u6bb5\uff0c\u8001\u5e2b\u6703\u8a55\u4f30\u662f\u5426\u9069\u5408\u88fd\u4f5c\u3002\u6700\u6e96\u78ba\u7684\u505a\u6cd5\u662f\u81f3\u5168\u53f0\u4efb\u4e00\u6236\u653f\u4e8b\u52d9\u6240\u7533\u8acb\u51fa\u751f\u8b49\u660e\u66f8\uff0c\u4e0a\u9762\u6703\u8a18\u8f09\u6b63\u78ba\u7684\u51fa\u751f\u6642\u9593\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u88fd\u4f5c\u9700\u8981\u591a\u4e45\u6642\u9593\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u4e00\u822c\u4ef6\u70ba\u4ed8\u6b3e\u53ca\u8cc7\u6599\u78ba\u8a8d\u5f8c 7 \u81f3 14 \u500b\u5de5\u4f5c\u5929\uff1b\u6025\u4ef6\u4f9d\u5be6\u969b\u7522\u80fd\u53e6\u884c\u5831\u50f9\u3002\u5be6\u9ad4\u547d\u66f8\u63a1\u7d71\u4e00\u6279\u6b21\u51fa\u8ca8\uff0c\u51fa\u8ca8\u65e5\u671f\u5c07\u65bc\u8a02\u8cfc\u9801\u9762\u516c\u544a\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u547d\u66f8\u662f\u96fb\u5b50\u6a94\u9084\u662f\u5be6\u9ad4\u66f8\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u6240\u6709\u65b9\u6848\u7686\u5305\u542b\u7cbe\u88dd\u5be6\u9ad4\u547d\u66f8\uff0c\u4e26\u540c\u6b65\u63d0\u4f9b\u96fb\u5b50\u7248\u672c\u65bc\u6703\u54e1\u4e2d\u5fc3\u6c38\u4e45\u4fdd\u5b58\u3002\u76ee\u524d\u6c92\u6709\u55ae\u7368\u8cfc\u8cb7\u96fb\u5b50\u7248\u7684\u65b9\u6848\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u53ef\u4ee5\u5e6b\u5bb6\u4eba\u6216\u670b\u53cb\u8cfc\u8cb7\u55ce\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u53ef\u4ee5\uff0c\u4f46\u5fc5\u9808\u53d6\u5f97\u5c0d\u65b9\u6b63\u78ba\u7684\u570b\u66c6\u51fa\u751f\u5e74\u6708\u65e5\u3001\u51fa\u751f\u6642\u9593\u8207\u751f\u7406\u6027\u5225\u3002\u6392\u76e4\u4e0d\u9700\u8981\u51fa\u751f\u5730\u9ede\uff0c\u4f46\u751f\u7406\u6027\u5225\u70ba\u5fc5\u586b\uff0c\u6703\u5f71\u97ff\u547d\u76e4\u7684\u63a8\u7b97\u7d50\u679c\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u547d\u66f8\u5167\u5bb9\u53ef\u4ee5\u4fee\u6539\u55ce\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u51fa\u751f\u8cc7\u6599\u4e00\u7d93\u78ba\u8a8d\u3001\u547d\u66f8\u958b\u59cb\u88fd\u4f5c\u5f8c\uff0c\u6055\u4e0d\u63a5\u53d7\u4fee\u6539\u3002\u88fd\u4f5c\u524d\u7cfb\u7d71\u6703\u5bc4\u51fa\u78ba\u8a8d\u4fe1\u8acb\u518d\u6b21\u6838\u5c0d\u51fa\u751f\u8cc7\u6599\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u547d\u66f8\u53ef\u4ee5\u53d6\u4ee3\u6295\u8cc7\u3001\u91ab\u7642\u6216\u6cd5\u5f8b\u5efa\u8b70\u55ce\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u4e0d\u53ef\u4ee5\u3002\u547d\u66f8\u5167\u5bb9\u50c5\u4f9b\u500b\u4eba\u63a2\u7d22\u8207\u4eba\u751f\u898f\u5283\u53c3\u8003\uff0c\u4e0d\u80fd\u53d6\u4ee3\u91ab\u5e2b\u3001\u5f8b\u5e2b\u3001\u6703\u8a08\u5e2b\u6216\u6295\u8cc7\u5c08\u696d\u4eba\u54e1\u7684\u610f\u898b\u3002\"}},\n {\"@type\":\"Question\",\"name\":\"\u6211\u7684\u51fa\u751f\u8cc7\u6599\u5b89\u5168\u55ce\uff1f\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"\u51fa\u751f\u8cc7\u6599\u50c5\u7528\u65bc\u6392\u76e4\u3001\u547d\u66f8\u88fd\u4f5c\u8207\u76f8\u95dc\u670d\u52d9\u3002\u8cc7\u6599\u7684\u4fdd\u5b58\u671f\u9593\u3001\u4f7f\u7528\u7bc4\u570d\u8207\u522a\u9664\u7533\u8acb\u65b9\u5f0f\uff0c\u5747\u8f09\u660e\u65bc\u96b1\u79c1\u6b0a\u653f\u7b56\u3002\u82e5\u522a\u9664\u6703\u54e1\u8cc7\u6599\u4e2d\u7684\u51fa\u751f\u6642\u8fb0\uff0c\u5f80\u5f8c\u4f7f\u7528\u5176\u4ed6\u670d\u52d9\u6642\u5c07\u9700\u8981\u91cd\u65b0\u8f38\u5165\u4e00\u6b21\u3002\"}}\n ]\n}\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8176ce4 e-con e-atomic-element e-flexbox-base e-71f2df9 \" data-id=\"8176ce4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8176ce4\">\n \t\t<div class=\"elementor-element elementor-element-ced4a77 elementor-widget elementor-widget-html\" data-id=\"ced4a77\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>PAGE J \u2014 \u5c08\u4eba\u8aee\u8a62\uff5c\u547d\u66f8 MING SHU<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Noto+Serif+TC:wght@400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&display=swap\" rel=\"stylesheet\">\n<style>\n\/* ============================================================\n \u547d\u66f8 MING SHU \u2014 PAGE J\uff1a\u5c08\u4eba\u8aee\u8a62\uff08LINE\uff09\n \u9328\u9ede\uff1a#contact \uff5c \u6697\u5834\u6df1\u85cd\n LINE\uff1ahttps:\/\/lin.ee\/ykScCxY\uff08\u5df2\u63a5\u4e0a\uff0c\u5168\u5340\u751f\u6548\uff09\n ============================================================ *\/\n:root{\n --navy:#12304F; --navy-2:#0C2440; --navy-3:#1B3E63;\n --gold:#B08D4F; --gold-light:#C9A870; --gold-pale:#D8C39A;\n --muted-dark:#9FB0C4; --line-dark:rgba(216,195,154,.22);\n --line-green:#06C755;\n --serif:\"Noto Serif TC\",\"Songti TC\",\"SimSun\",serif;\n --sans:\"Noto Sans TC\",\"PingFang TC\",\"Microsoft JhengHei\",sans-serif;\n --fs-eyebrow:clamp(11px,.85vw,13px);\n --fs-h2:clamp(30px,4.4vw,58px);\n --fs-lead:clamp(14px,1.15vw,17px);\n --fs-body:clamp(13px,.98vw,15px);\n --track-eyebrow:.34em;\n --sec-pad-y:clamp(70px,8vw,124px);\n --sec-pad-x:clamp(20px,5vw,80px);\n --maxw:1060px;\n --ease-out:cubic-bezier(.16,.84,.44,1);\n --ease-soft:cubic-bezier(.25,.46,.45,.94);\n --dur-fast:.32s; --dur:.62s; --dur-slow:.9s;\n --radius:6px; --radius-lg:12px;\n}\n*,*::before,*::after{box-sizing:border-box;}\nhtml{-webkit-text-size-adjust:100%;}\nbody{\n margin:0; background:var(--navy-2); color:#EAF1F8;\n font-family:var(--sans); font-weight:300; overflow-x:hidden;\n -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;\n}\n\n.ms-contact{\n position:relative; overflow:hidden;\n padding:var(--sec-pad-y) var(--sec-pad-x);\n background:\n radial-gradient(82% 54% at 22% 4%, rgba(27,62,99,.82) 0%, rgba(27,62,99,0) 58%),\n radial-gradient(70% 48% at 82% 94%, rgba(176,141,79,.14) 0%, rgba(176,141,79,0) 62%),\n linear-gradient(184deg, var(--navy) 0%, var(--navy-2) 54%, #081C33 100%);\n}\n.ms-contact::before{\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:0; opacity:.5;\n background-image:\n radial-gradient(1.5px 1.5px at 14% 18%, rgba(216,195,154,.72), transparent),\n radial-gradient(1.1px 1.1px at 80% 14%, rgba(255,255,255,.5), transparent),\n radial-gradient(1.3px 1.3px at 62% 78%, rgba(216,195,154,.55), transparent),\n radial-gradient(1px 1px at 28% 84%, rgba(255,255,255,.42), transparent);\n animation:ms-twinkle 8s var(--ease-soft) infinite;\n}\n@keyframes ms-twinkle{0%,100%{opacity:.32;}50%{opacity:.6;}}\n\n\/* \u6975\u7de9\u6162\u6f02\u79fb\u7684\u91d1\u8272\u5149\u6688\uff0c\u8b93\u5927\u9762\u7a4d\u6697\u5834\u4e0d\u5446\u677f *\/\n.ms-contact::after{\n content:\"\"; position:absolute; inset:-20%; pointer-events:none; z-index:0;\n background:radial-gradient(38% 26% at 50% 50%, rgba(176,141,79,.17) 0%, rgba(176,141,79,0) 70%);\n animation:ms-drift 26s var(--ease-soft) infinite alternate;\n}\n@keyframes ms-drift{\n 0%{transform:translate3d(-14%,-8%,0) scale(1);}\n 100%{transform:translate3d(16%,10%,0) scale(1.18);}\n}\n\n.ms-inner{position:relative; z-index:1; max-width:var(--maxw); margin:0 auto;}\n\n\/* ============================================================\n \u6a21\u584a\u4e00\uff1a\u6a19\u984c\u5340\n ============================================================ *\/\n.ms-head{text-align:center; margin-bottom:clamp(38px,4.4vw,60px);}\n.ms-eyebrow{\n display:inline-flex; align-items:center; gap:16px;\n font-size:var(--fs-eyebrow); font-weight:400; letter-spacing:var(--track-eyebrow);\n color:var(--gold-pale); text-transform:uppercase; margin:0 0 clamp(20px,2.2vw,30px);\n}\n.ms-eyebrow::before,.ms-eyebrow::after{\n content:\"\"; width:clamp(28px,4vw,54px); height:1px;\n background:linear-gradient(90deg,transparent,var(--gold-pale));\n transform:scaleX(0); transform-origin:right;\n transition:transform var(--dur-slow) var(--ease-out) .1s;\n}\n.ms-eyebrow::after{background:linear-gradient(90deg,var(--gold-pale),transparent); transform-origin:left;}\n.is-in .ms-eyebrow::before,.is-in .ms-eyebrow::after{transform:scaleX(1);}\n\n.ms-h2{\n font-family:var(--serif); font-weight:700; font-size:var(--fs-h2);\n line-height:1.3; color:#fff; margin:0 0 clamp(16px,1.8vw,24px);\n letter-spacing:.02em; text-shadow:0 2px 30px rgba(0,0,0,.4);\n}\n\/* \u6a19\u984c\u9010\u884c\u7531\u4e0b\u63ed\u793a *\/\n.ms-h2 .ms-ln{display:block; overflow:hidden;}\n.ms-h2 .ms-ln i{\n display:inline-block; font-style:normal;\n transform:translateY(104%); opacity:0;\n transition:transform var(--dur-slow) var(--ease-out), opacity var(--dur-slow) var(--ease-out);\n}\n.ms-h2 .ms-ln:nth-child(2) i{transition-delay:.12s;}\n.is-in .ms-h2 .ms-ln i{transform:translateY(0); opacity:1;}\n\n.ms-lead{\n \/* \u4e2d\u6587\u7528 ch \u6703\u7b97\u4e0d\u6e96\u5c0e\u81f4\u5c3e\u5b57\u7368\u7acb\u6210\u884c\uff0c\u6539\u7528\u56fa\u5b9a\u4e0a\u9650 *\/\n font-size:var(--fs-lead); line-height:2.05; color:var(--muted-dark);\n max-width:min(100%,640px); margin:0 auto; text-wrap:pretty;\n opacity:0; transform:translateY(14px);\n transition:opacity var(--dur) var(--ease-out) .26s, transform var(--dur) var(--ease-out) .26s;\n}\n.is-in .ms-lead{opacity:1; transform:none;}\n\n\/* ============================================================\n \u6a21\u584a\u4e8c\uff1a\u4e3b LINE \u884c\u52d5\u5340\uff08\u8996\u89ba\u4e3b\u9ad4\uff09\n ============================================================ *\/\n.ms-main{\n position:relative; text-align:center;\n padding:clamp(30px,3.2vw,42px) clamp(22px,3vw,44px);\n margin-bottom:clamp(38px,4.2vw,58px);\n border-radius:clamp(14px,1.6vw,20px);\n border:1px solid var(--line-dark);\n background:linear-gradient(160deg, rgba(255,255,255,.062) 0%, rgba(255,255,255,.018) 100%);\n overflow:hidden;\n opacity:0; transform:translateY(20px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n}\n.ms-main.is-in,.is-in .ms-main{opacity:1; transform:none;}\n\/* \u4e3b\u5340\u584a\u7684\u547c\u5438\u5149\u6688\uff08LINE \u7da0\uff0c\u547c\u61c9\u4e3b\u884c\u52d5\uff09 *\/\n.ms-main::before{\n content:\"\"; position:absolute; inset:0; pointer-events:none; z-index:0;\n background:radial-gradient(52% 62% at 50% 0%, rgba(6,199,85,.15) 0%, rgba(6,199,85,0) 68%);\n animation:ms-breathe 7s var(--ease-soft) infinite;\n}\n@keyframes ms-breathe{0%,100%{opacity:.5;}50%{opacity:1;}}\n.ms-main>*{position:relative; z-index:1;}\n\n.ms-main-title{\n font-family:var(--serif); font-size:clamp(17px,1.6vw,23px); font-weight:600;\n color:#fff; margin:0 0 clamp(8px,.9vw,12px); letter-spacing:.04em; line-height:1.55;\n}\n.ms-main-sub{\n font-size:var(--fs-body); line-height:1.95; color:var(--muted-dark);\n margin:0 auto clamp(22px,2.2vw,30px); max-width:min(100%,480px); text-wrap:pretty;\n}\n\n.ms-line-btn{\n display:inline-flex; align-items:center; justify-content:center; gap:13px;\n text-decoration:none; position:relative; overflow:hidden;\n font-size:clamp(15px,1.2vw,18px); font-weight:500; letter-spacing:.1em;\n color:#FFFFFF; background:linear-gradient(135deg,#07D45C,var(--line-green));\n padding:clamp(17px,1.7vw,22px) clamp(34px,3.4vw,52px); border-radius:99px;\n box-shadow:0 16px 42px rgba(6,199,85,.3);\n transition:transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);\n}\n.ms-line-btn svg{\n width:clamp(22px,1.9vw,26px); height:auto; fill:currentColor; flex:0 0 auto;\n transition:transform var(--dur-fast) var(--ease-out);\n}\n.ms-line-btn:hover{transform:translateY(-4px); box-shadow:0 24px 58px rgba(6,199,85,.44);}\n.ms-line-btn:hover svg{transform:scale(1.12) rotate(-6deg);}\n.ms-line-btn:active{transform:translateY(-1px); transition-duration:.1s;}\n.ms-line-btn:focus-visible{outline:2px solid var(--gold-pale); outline-offset:4px;}\n.ms-line-btn::after{\n content:\"\"; position:absolute; inset:0; pointer-events:none;\n background:linear-gradient(105deg, transparent 34%, rgba(255,255,255,.4) 50%, transparent 64%);\n background-size:220% 100%; background-position:180% 0;\n animation:ms-sheen 4.6s var(--ease-soft) infinite 1.2s;\n}\n@keyframes ms-sheen{0%,64%{background-position:180% 0;}88%,100%{background-position:-70% 0;}}\n\n.ms-hours{\n margin:clamp(16px,1.8vw,24px) 0 0;\n font-size:clamp(12.5px,.92vw,14px); color:var(--muted-dark); letter-spacing:.06em; line-height:1.9;\n}\n\n\/* ============================================================\n \u6a21\u584a\u4e09\uff1a\u60c5\u5883\u5165\u53e3\uff082\u00d72\uff0c\u5faa\u74b0\u6383\u5149 + \u547c\u5438\u5149\u6688\uff09\n ============================================================ *\/\n.ms-routes-head{\n text-align:center; margin-bottom:clamp(20px,2.2vw,30px);\n opacity:0; transform:translateY(14px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out);\n}\n.ms-routes-head.is-in,.is-in .ms-routes-head{opacity:1; transform:none;}\n.ms-routes-label{\n display:inline-flex; align-items:center; gap:14px;\n font-size:var(--fs-eyebrow); letter-spacing:var(--track-eyebrow);\n color:var(--gold-pale); text-transform:uppercase; margin:0;\n}\n.ms-routes-label::before,.ms-routes-label::after{\n content:\"\"; width:clamp(22px,3vw,40px); height:1px;\n background:linear-gradient(90deg,transparent,rgba(216,195,154,.6));\n}\n.ms-routes-label::after{background:linear-gradient(90deg,rgba(216,195,154,.6),transparent);}\n\n.ms-routes{\n display:grid; gap:clamp(13px,1.5vw,20px); grid-template-columns:repeat(2,minmax(0,1fr));\n margin-bottom:clamp(30px,3.4vw,48px);\n}\n.ms-route{\n position:relative; isolation:isolate;\n display:flex; align-items:flex-start; gap:clamp(14px,1.6vw,20px);\n text-decoration:none; cursor:pointer; text-align:left;\n padding:clamp(26px,2.9vw,38px) clamp(22px,2.4vw,32px);\n min-height:clamp(96px,8.4vw,124px);\n border-radius:var(--radius-lg); overflow:hidden;\n background:linear-gradient(150deg, rgba(255,255,255,.07) 0%, rgba(255,255,255,.022) 100%);\n border:1px solid var(--line-dark);\n opacity:0; transform:translateY(22px);\n transition:opacity var(--dur) var(--ease-out), transform var(--dur) var(--ease-out),\n border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n transition-delay:var(--d,0s);\n}\n.is-in .ms-route{opacity:1; transform:none;}\n\n\/* \u2460 \u5faa\u74b0\u6383\u5149\uff1a\u56db\u5f35\u5361\u5404\u81ea\u932f\u958b\u5ef6\u9072\uff0c\u4e0d\u540c\u6b65\u6383\u904e *\/\n.ms-route::before{\n content:\"\"; position:absolute; inset:0; z-index:0; pointer-events:none;\n background:linear-gradient(105deg,\n transparent 38%, rgba(216,195,154,.17) 47%, rgba(255,255,255,.11) 52%, transparent 62%);\n background-size:240% 100%; background-position:190% 0;\n animation:ms-card-sheen 7.5s var(--ease-soft) infinite;\n animation-delay:var(--sheen-delay,0s);\n}\n@keyframes ms-card-sheen{\n 0%,58%{background-position:190% 0;}\n 86%,100%{background-position:-80% 0;}\n}\n\/* \u2461 \u547c\u5438\u5149\u6688\uff1a\u5361\u7247\u5167\u5074\u91d1\u8272\u6688\u5149\u7de9\u6162\u660e\u6ec5 *\/\n.ms-route::after{\n content:\"\"; position:absolute; inset:0; z-index:0; pointer-events:none;\n border-radius:inherit;\n box-shadow:inset 0 0 26px rgba(216,195,154,.15);\n opacity:.5;\n animation:ms-card-glow 6s var(--ease-soft) infinite alternate;\n animation-delay:var(--sheen-delay,0s);\n transition:opacity var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);\n}\n@keyframes ms-card-glow{0%{opacity:.32;}100%{opacity:.9;}}\n\n.ms-route>*{position:relative; z-index:1;}\n\n.ms-route:hover{\n transform:translateY(-6px); border-color:rgba(216,195,154,.55);\n background:linear-gradient(150deg, rgba(255,255,255,.115) 0%, rgba(255,255,255,.034) 100%);\n box-shadow:0 26px 56px rgba(0,0,0,.36), 0 0 0 1px rgba(216,195,154,.16);\n}\n.ms-route:hover::after{\n opacity:1; box-shadow:inset 0 0 38px rgba(216,195,154,.3);\n animation-play-state:paused;\n}\n.ms-route:focus-visible{outline:2px solid var(--gold-pale); outline-offset:3px;}\n\n.ms-route-ico{\n width:clamp(40px,3.6vw,50px); height:clamp(40px,3.6vw,50px); flex:0 0 auto;\n align-self:center;\n border-radius:50%; display:grid; place-items:center;\n border:1px solid rgba(216,195,154,.32);\n background:radial-gradient(circle at 38% 32%, rgba(216,195,154,.18), rgba(216,195,154,.04));\n transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out),\n box-shadow var(--dur-fast) var(--ease-out);\n}\n.ms-route-ico svg{\n width:50%; height:50%; stroke:var(--gold-pale); fill:none;\n stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round;\n}\n.ms-route:hover .ms-route-ico{\n transform:scale(1.1) rotate(-6deg); border-color:rgba(216,195,154,.78);\n box-shadow:0 0 22px rgba(216,195,154,.3);\n}\n.ms-route-text{flex:1; min-width:0;}\n.ms-route-title{\n display:block;\n font-family:var(--serif); font-size:clamp(15px,1.28vw,18px); font-weight:600;\n color:#fff; margin:0 0 5px; letter-spacing:.03em; line-height:1.5;\n transition:color var(--dur-fast) var(--ease-out);\n}\n.ms-route:hover .ms-route-title{color:var(--gold-pale);}\n.ms-route-sub{font-size:clamp(12px,.9vw,13.5px); line-height:1.75; color:var(--muted-dark); margin:0;}\n.ms-route-arrow{\n flex:0 0 auto; width:16px; height:16px; align-self:center;\n border-top:1.5px solid rgba(216,195,154,.5); border-right:1.5px solid rgba(216,195,154,.5);\n transform:rotate(45deg);\n transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);\n}\n.ms-route:hover .ms-route-arrow{transform:rotate(45deg) translate(4px,-4px); border-color:var(--gold-pale);}\n\n\/* ============================================================\n \u6a21\u584a\u56db\uff1a\u6536\u5c3e\u63d0\u793a\n ============================================================ *\/\n.ms-foot{\n text-align:center; padding-top:clamp(26px,3vw,42px);\n border-top:1px solid var(--line-dark);\n opacity:0; transform:translateY(16px);\n transition:opacity var(--dur) var(--ease-out) .1s, transform var(--dur) var(--ease-out) .1s;\n}\n.ms-foot.is-in,.is-in .ms-foot{opacity:1; transform:none;}\n.ms-foot-text{\n font-size:var(--fs-body); line-height:2; color:var(--muted-dark);\n margin:0 auto; max-width:min(100%,560px); text-wrap:pretty;\n}\n.ms-foot-text strong{color:var(--gold-pale); font-weight:500;}\n\n\/* ============================================================\n RWD\n ============================================================ *\/\n\/* \u5e73\u677f\u76f4\u5411\uff08768\u2013860\uff09\u5169\u5f35\u4e26\u6392\u504f\u64e0\uff0c\u63d0\u524d\u6539\u55ae\u6b04 *\/\n@media (max-width:880px){\n .ms-routes{grid-template-columns:1fr;}\n}\n@media (max-width:760px){\n .ms-routes{gap:12px; margin-bottom:30px;}\n .ms-route{padding:20px 18px; gap:14px; min-height:0;}\n .ms-route:hover{transform:none;}\n .ms-eyebrow{gap:11px;}\n .ms-main{padding:30px 20px;}\n \/* \u624b\u6a5f\u95dc\u9589\u5361\u7247\u6383\u5149\uff1a\u7701\u96fb\u4e26\u964d\u4f4e\u5c0f\u87a2\u5e55\u7684\u8996\u89ba\u5e72\u64fe *\/\n .ms-route::before{animation:none; opacity:0;}\n .ms-route-arrow{width:13px; height:13px;}\n}\n@media (max-width:400px){\n .ms-route{padding:18px 15px; gap:12px;}\n .ms-route-ico{width:36px; height:36px;}\n .ms-line-btn{padding:15px 22px; font-size:14.5px; letter-spacing:.05em; gap:10px;}\n .ms-line-btn svg{width:20px;}\n}\n@media (prefers-reduced-motion:reduce){\n *,*::before,*::after{animation:none!important; transition:none!important;}\n .ms-main,.ms-route,.ms-foot,.ms-lead,.ms-routes-head{opacity:1!important; transform:none!important;}\n .ms-eyebrow::before,.ms-eyebrow::after{transform:scaleX(1)!important;}\n .ms-h2 .ms-ln i{transform:none!important; opacity:1!important;}\n}\n<\/style>\n<\/head>\n<body>\n\n<section class=\"ms-contact\" id=\"contact\">\n <div class=\"ms-inner\">\n\n \n <header class=\"ms-head\" data-reveal>\n <p class=\"ms-eyebrow\">Contact<\/p>\n <h2 class=\"ms-h2\">\n <span class=\"ms-ln\"><i>\u4e0d\u78ba\u5b9a\u9069\u5408\u54ea\u500b\u65b9\u6848\uff1f<\/i><\/span>\n <span class=\"ms-ln\"><i>\u5148\u554f\u554f\u5c08\u4eba<\/i><\/span>\n <\/h2>\n <p class=\"ms-lead\">\u51fa\u751f\u6642\u9593\u4e0d\u78ba\u5b9a\u3001\u4e0d\u4e86\u89e3\u65b9\u6848\u5dee\u7570\uff0c\u90fd\u53ef\u4ee5\u5148\u8aee\u8a62\uff0c\u4e0d\u9700\u7acb\u5373\u8cfc\u8cb7\u3002<\/p>\n <\/header>\n\n \n <div class=\"ms-main\" data-reveal>\n <h3 class=\"ms-main-title\">\u52a0\u5165\u5b98\u65b9 LINE\uff0c\u76f4\u63a5\u8207\u5c08\u4eba\u5c0d\u8a71<\/h3>\n <p class=\"ms-main-sub\">\u4e0d\u9700\u586b\u5beb\u8868\u55ae\uff0c\u52a0\u5165\u597d\u53cb\u5373\u53ef\u958b\u59cb\u8a62\u554f\u3002<\/p>\n <a class=\"ms-line-btn\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\">\n <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M12 2.4c-5.5 0-10 3.6-10 8 0 3.9 3.5 7.2 8.2 7.9.3.07.75.22.86.5.1.26.07.66.03.92l-.14.83c-.04.25-.2.96.85.52 1.05-.44 5.64-3.32 7.7-5.69 1.42-1.56 2.1-3.14 2.1-4.98 0-4.4-4.5-8-9.6-8z\"\/><\/svg>\n LINE \u8a62\u554f\u547d\u66f8\n <\/a>\n <p class=\"ms-hours\">\u5c08\u4eba\u5c07\u65bc\u670d\u52d9\u6642\u9593\u5167\u56de\u8986\u60a8\u7684\u8a0a\u606f\u3002<\/p>\n <\/div>\n\n \n <div class=\"ms-routes-head\" data-reveal>\n <p class=\"ms-routes-label\">\u4f60\u53ef\u4ee5\u9019\u6a23\u554f<\/p>\n <\/div>\n\n <div class=\"ms-routes\" data-reveal>\n <a class=\"ms-route\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"--d:.05s;--sheen-delay:0s\">\n <span class=\"ms-route-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M4 5.6h16v10.4H9.4L5.6 19v-3H4z\"\/><path d=\"M8.4 9.4h7.2M8.4 12.4h4.8\"\/><\/svg>\n <\/span>\n <span class=\"ms-route-text\">\n <span class=\"ms-route-title\">\u8acb\u5c08\u4eba\u70ba\u6211\u4ecb\u7d39<\/span>\n <p class=\"ms-route-sub\">\u60f3\u5148\u4e86\u89e3\u547d\u66f8\u5167\u5bb9\u8207\u670d\u52d9\u6d41\u7a0b<\/p>\n <\/span>\n <span class=\"ms-route-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n\n <a class=\"ms-route\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"--d:.11s;--sheen-delay:1.9s\">\n <span class=\"ms-route-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M9.4 9.2a2.7 2.7 0 115.2 1c0 1.8-2.6 2.2-2.6 4\"\/><circle cx=\"12\" cy=\"17.6\" r=\"1\"\/><circle cx=\"12\" cy=\"12\" r=\"8.6\"\/><\/svg>\n <\/span>\n <span class=\"ms-route-text\">\n <span class=\"ms-route-title\">\u6211\u4e0d\u78ba\u5b9a\u9069\u5408\u54ea\u500b\u65b9\u6848<\/span>\n <p class=\"ms-route-sub\">\u5354\u52a9\u4f60\u6bd4\u8f03\u65b9\u6848\u5dee\u7570\u8207\u52a0\u8cfc\u9805\u76ee<\/p>\n <\/span>\n <span class=\"ms-route-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n\n <a class=\"ms-route\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"--d:.17s;--sheen-delay:3.8s\">\n <span class=\"ms-route-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><circle cx=\"12\" cy=\"12\" r=\"8.4\"\/><path d=\"M12 6.6V12l3.6 2.2\"\/><\/svg>\n <\/span>\n <span class=\"ms-route-text\">\n <span class=\"ms-route-title\">\u51fa\u751f\u6642\u9593\u4e0d\u78ba\u5b9a<\/span>\n <p class=\"ms-route-sub\">\u53ef\u81f3\u6236\u653f\u4e8b\u52d9\u6240\u7533\u8acb\u51fa\u751f\u8b49\u660e\u66f8\uff0c\u6216\u5148\u8a62\u554f\u5c08\u4eba<\/p>\n <\/span>\n <span class=\"ms-route-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n\n <a class=\"ms-route\" href=\"https:\/\/lin.ee\/ykScCxY\" target=\"_blank\" rel=\"noopener noreferrer\"\n style=\"--d:.23s;--sheen-delay:5.6s\">\n <span class=\"ms-route-ico\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 24 24\"><rect x=\"3.5\" y=\"5\" width=\"17\" height=\"15.5\" rx=\"2\"\/><path d=\"M3.5 9.6h17M8 3v4M16 3v4\"\/><path d=\"M11 13.6l1.4 1.4 2.8-3\"\/><\/svg>\n <\/span>\n <span class=\"ms-route-text\">\n <span class=\"ms-route-title\">\u9810\u7d04\u8001\u5e2b\u89e3\u66f8<\/span>\n <p class=\"ms-route-sub\">\u547d\u66f8\u5b8c\u6210\u5f8c\uff0c\u9810\u7d04\u7dda\u4e0a\u4e00\u5c0d\u4e00\u89e3\u8b80<\/p>\n <\/span>\n <span class=\"ms-route-arrow\" aria-hidden=\"true\"><\/span>\n <\/a>\n <\/div>\n\n \n <div class=\"ms-foot\" data-reveal>\n <p class=\"ms-foot-text\">\n \u521d\u6b21\u8aee\u8a62<strong>\u4e0d\u9700\u8981\u63d0\u4f9b\u5b8c\u6574\u51fa\u751f\u8cc7\u6599<\/strong>\uff0c\u6b63\u5f0f\u4e0b\u55ae\u5f8c\u624d\u6703\u586b\u5beb\u3002\n <\/p>\n <\/div>\n\n <\/div>\n<\/section>\n\n<script>\n(function(){\n var els=document.querySelectorAll('[data-reveal]');\n if('IntersectionObserver' in window){\n var io=new IntersectionObserver(function(es){es.forEach(function(e){\n if(e.isIntersecting){e.target.classList.add('is-in');io.unobserve(e.target);}});},\n {threshold:0,rootMargin:'0px 0px -4% 0px'});\n els.forEach(function(el){io.observe(el);});\n \/* \u4fdd\u96aa\uff1a\u77ee\u87a2\u5e55\u6216\u4f7f\u7528\u8005\u672a\u6372\u52d5\u6642\uff0c\u4ecd\u78ba\u4fdd\u5167\u5bb9\u4e0d\u6703\u505c\u5728\u900f\u660e\u72c0\u614b *\/\n window.setTimeout(function(){\n els.forEach(function(el){el.classList.add('is-in');});\n },2600);\n }else{ els.forEach(function(el){el.classList.add('is-in');}); }\n})();\n<\/script>\n\n<\/body>\n<\/html>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u547d\u66f8 MING SHU \u2014 HEADER \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 \u6536\u85cf\u65b9\u6848 \u54c1\u724c\u6545\u4e8b \u5e38\u898b\u554f\u984c \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-268","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mingshu.space\/\" \/>\n<meta property=\"og:locale\" content=\"zh_TW\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8\" \/>\n<meta property=\"og:description\" content=\"\u547d\u66f8 MING SHU \u2014 HEADER \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 \u6536\u85cf\u65b9\u6848 \u54c1\u724c\u6545\u4e8b \u5e38\u898b\u554f\u984c \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mingshu.space\/\" \/>\n<meta property=\"og:site_name\" content=\"\u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-28T10:31:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u9810\u4f30\u95b1\u8b80\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 \u5206\u9418\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mingshu.space\\\/\",\"url\":\"https:\\\/\\\/mingshu.space\\\/\",\"name\":\"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mingshu.space\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mingshu.space\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mingshu.space\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mingshu-logo.png\",\"datePublished\":\"2026-07-28T02:42:33+00:00\",\"dateModified\":\"2026-07-28T10:31:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mingshu.space\\\/#breadcrumb\"},\"inLanguage\":\"zh-TW\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mingshu.space\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"zh-TW\",\"@id\":\"https:\\\/\\\/mingshu.space\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mingshu.space\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mingshu-logo.png\",\"contentUrl\":\"https:\\\/\\\/mingshu.space\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/mingshu-logo.png\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mingshu.space\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mingshu.space\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u9996\u9801\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\\\/#website\",\"url\":\"https:\\\/\\\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\\\/\",\"name\":\"\u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8\",\"description\":\"\u547d\u66f8\uff5c\u6bcf\u4e00\u5e74\uff0c\u90fd\u503c\u5f97\u66f4\u7406\u89e3\u81ea\u5df1\",\"alternateName\":\"2026 \u6d41\u5e74\u904b\u52e2\u547d\u66f8\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u89e3\u8b80\u8207\u4eba\u751f\u898f\u5283\uff5c\u547d\u66f8\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"zh-TW\"}]}<\/script>\n","yoast_head_json":{"title":"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mingshu.space\/","og_locale":"zh_TW","og_type":"article","og_title":"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","og_description":"\u547d\u66f8 MING SHU \u2014 HEADER \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 \u6536\u85cf\u65b9\u6848 \u54c1\u724c\u6545\u4e8b \u5e38\u898b\u554f\u984c \u8a8d\u8b58\u547d\u66f8 \u8a66\u95b1\u547d\u66f8 […]","og_url":"https:\/\/mingshu.space\/","og_site_name":"\u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","article_modified_time":"2026-07-28T10:31:54+00:00","og_image":[{"url":"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u9810\u4f30\u95b1\u8b80\u6642\u9593":"4 \u5206\u9418"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mingshu.space\/","url":"https:\/\/mingshu.space\/","name":"\u9996\u9801 - \u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","isPartOf":{"@id":"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mingshu.space\/#primaryimage"},"image":{"@id":"https:\/\/mingshu.space\/#primaryimage"},"thumbnailUrl":"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png","datePublished":"2026-07-28T02:42:33+00:00","dateModified":"2026-07-28T10:31:54+00:00","breadcrumb":{"@id":"https:\/\/mingshu.space\/#breadcrumb"},"inLanguage":"zh-TW","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mingshu.space\/"]}]},{"@type":"ImageObject","inLanguage":"zh-TW","@id":"https:\/\/mingshu.space\/#primaryimage","url":"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png","contentUrl":"https:\/\/mingshu.space\/wp-content\/uploads\/2026\/07\/mingshu-logo.png","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/mingshu.space\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mingshu.space\/"},{"@type":"ListItem","position":2,"name":"\u9996\u9801"}]},{"@type":"WebSite","@id":"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\/#website","url":"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\/","name":"\u547d\u66f8 Mingshu\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u8207\u6d41\u5e74\u904b\u52e2\uff5c\u5c08\u5c6c\u500b\u4eba\u547d\u66f8","description":"\u547d\u66f8\uff5c\u6bcf\u4e00\u5e74\uff0c\u90fd\u503c\u5f97\u66f4\u7406\u89e3\u81ea\u5df1","alternateName":"2026 \u6d41\u5e74\u904b\u52e2\u547d\u66f8\uff5c\u5ba2\u88fd\u5316\u7d2b\u5fae\u547d\u76e4\u89e3\u8b80\u8207\u4eba\u751f\u898f\u5283\uff5c\u547d\u66f8","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mingshuspace-fd4e7e.ingress-daribow.ewp.live\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"zh-TW"}]}},"_links":{"self":[{"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/pages\/268","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mingshu.space\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=268"}],"version-history":[{"count":5,"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/pages\/268\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/mingshu.space\/index.php?rest_route=\/wp\/v2\/pages\/268\/revisions\/443"}],"wp:attachment":[{"href":"https:\/\/mingshu.space\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=268"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}