/* ========================================================================== FLOAT 共用外殼（頁首 / 頁尾） 來源：首頁 V3 的 .fh3-nav 與 .fh3-foot，逐值抽出，未做任何視覺改動。 母本：wp-content/mu-plugins/float-home-v3.php（<<<'CSS' 區塊） 規則：這裡只放「殼」需要的東西 —— 字體、色票 token、基礎重置、nav、foot。 hero／rail／card 等頁面內容的樣式一律不進來。 ========================================================================== */ body.float-shell .entry-header, body.float-shell .ct-page-title { display:none;} body.float-shell header#header, body.float-shell .ct-header { display:none;} body.float-shell { --theme-content-vertical-spacing:0px; --theme-content-spacing:0px;} body.float-shell #main-container, body.float-shell .site-main, body.float-shell .site-main > [class*="ct-container"], body.float-shell .site-main [class*="ct-container"] > article, body.float-shell .site-main article, body.float-shell .site-main .entry-content, body.float-shell .site-main .entry-content > .wp-block-html { width:100% !important; max-width:none !important; margin:0 !important; padding:0 !important; background:transparent !important;} body.float-shell .woocommerce-notices-wrapper:empty { display:none;} /* 2026-09-20 定案：全站英數字的日常字＝老闆自己做的 FLOAT Bold Italic（Neuron 輪廓＋筆畫 60/1000 的粗體）。 * 名字沿用 "InterLatin"：站上每支版型的字型堆疊第一個都是它，換來源一個檔都不用改。 * font-weight 100–900 整段＝不管 CSS 要幾號粗細都是這一款（它只有一個粗細；瀏覽器也不會再假加粗）。 * unicode-range 只列它有的字（有 $ 沒 #），其餘退系統字。13px 以下的法遵小字另外用 InterLegal（下面）。 * 歷史：2026-09-18 用髮絲版 Neuron 全站套過一次，兩小時退回（價格、加購列太淡）；Bold 版把那個問題解掉了。 */ @font-face { font-family:"InterLatin"; font-style:normal; font-weight:100 900; font-display:swap; src:url(https://floatselect.com/wp-content/uploads/float-fonts/float-bolditalic.woff2) format("woff2"); unicode-range:U+0020-0022, U+0024-003B, U+003D, U+003F-005A, U+005C, U+0061-007A, U+00C0-00FF;} /* 真正的 Inter，只給頁尾法遵／隱私那種 13px 以下的小字（要的是清楚不是風格）。 */ @font-face { font-family:"InterLegal"; font-style:normal; font-weight:100 900; font-display:swap; src:url(https://floatselect.com/wp-content/uploads/float-fonts/inter-latin-var.woff2) format("woff2"); unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} /* Neuron Italic（Zanik，Fontself 手工字，86 個字）——展示用的髮絲斜體，只給大標／英文名， * 不給導覽、內文、按鈕（小字會發灰）。宣告成 normal 讓元素直接 font-family 就套，免得瀏覽器再斜一次。 * unicode-range 只列它有的字：原檔沒有 $（2026-09-18 用 fontTools 拿 S 加一條同粗細同斜度的桿補了一個， * 腳本 fonts/add_dollar.py），仍沒有 #、[]{}<>|~^_。 * 授權：老闆 2026-09-17 決定先上、出海前買 Creative Market 的 Webfont 授權（$15）；買到的檔再換上來。 */ @font-face { font-family:"NeuronLatin"; font-style:normal; font-weight:400; font-display:swap; src:url(https://floatselect.com/wp-content/uploads/float-fonts/float-italic.woff2) format("woff2"); /* 2026-09-20 換成老闆的 FLOAT Italic（同輪廓、自帶 $） */ unicode-range:U+0020-0022, U+0024-003B, U+003D, U+003F-005A, U+005C, U+0061-007A, U+00C0-00FF;} .fh3 { --fh3-bg:#000; --fh3-surface:#131313; --fh3-text:#fff; --fh3-grey:#787878; --fh3-muted:#9a9a9a; --fh3-line:#333; --fh3-accent:#c9ff3d; --fh3-accent-ink:#000; /* One curve for the whole page. The built-in `ease` is too soft to read as a * decision; this starts fast, so the movement lands in the first frames the * user is actually watching. Presses are faster than hovers because a press * is the system answering, and an answer that takes 150ms feels asked-again. */ --fh3-ease:cubic-bezier(.23,1,.32,1); --fh3-t-press:120ms; --fh3-t-hover:180ms; /* 抽屜滑進滑出 —— **逐值取自參考站存檔**，不要再自己猜： Downloads/Contact Us _ Starface – Starface World_files/component-menu-drawer.css .js details[open] > .menu-drawer{ transition: transform 600ms ease, visibility 300ms ease; } 我先後猜過 180／260／420ms，老闆三次都說太快。原始值是 600ms， 而且曲線是**瀏覽器內建的 ease**，不是我們的 --fh3-ease（easeOutQuint）—— easeOutQuint 起步太衝，在 600ms 下前半段會一閃而過。 ⚠️ menu_js() 收起面板的 setTimeout 必須大於這個值（目前 700ms）， 否則 hidden 會在動畫跑完之前套上去，關閉時直接消失。**兩個值要一起改。** */ --fh3-t-panel:600ms; --fh3-ease-panel:ease; --fh3-pad:16px; /* px-4 → md:px-8 */ --fh3-gutter:8px; /* item padding-left ladder */ /* Separate channel for the scene rail, with its own ladder end to end — it is * not a variant of --fh3-gutter and never derives from it. The two only * coincide at 393 and 500; below and above that they move apart, widest at * 769 where the scene rail takes 24px against the shared 12px. Five 650/810 * photographs need air that a row of product thumbnails does not. */ --fh3-scene-gutter:16px; --fh3-card:78vw; /* basis ladder */ /* The reference sets a 14px root, so its rem tokens land on whole pixels: * .5714/.7143/.8571/1/1.286/1.429/1.714rem = 8/10/12/14/18/20/24px. This page * inherits the theme's 16px root, so the same rem values came out 14% larger * than the design. Pinned to px to match exactly. */ --fh3-t-2xs:8px; --fh3-t-xs:10px; --fh3-t-sm:12px; --fh3-t-base:14px; --fh3-t-xl:18px; --fh3-t-2xl:20px; --fh3-t-4xl:24px; /* InterLatin first (latin only, self-hosted), then the CJK system faces. * "Helvetica Neue" is kept in the stack for macOS but is absent on Windows, * where the previous stack silently fell all the way through to Arial. */ --fh3-sans:"InterLatin","Helvetica Neue",Helvetica,Arial,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif; /* 展示字：英數字走 Neuron，中文照 --fh3-sans 退回系統字 */ --fh3-display:"NeuronLatin","InterLatin","Helvetica Neue",Helvetica,Arial,"PingFang TC","Microsoft JhengHei","Noto Sans TC",sans-serif; /* Sections are transparent, not black: the globe runs on underneath them and * has to show through the gaps between cards. The page ground is painted on * body instead. */ color:var(--fh3-text); font-family:var(--fh3-sans); font-kerning:none; line-height:125%;} @media (min-width:393px){ .fh3{--fh3-gutter:12px; --fh3-scene-gutter:12px;} } @media (min-width:500px){ .fh3{--fh3-card:48vw; --fh3-gutter:8px; --fh3-scene-gutter:8px;} } @media (min-width:769px){ .fh3{--fh3-card:31.5vw; --fh3-gutter:12px; --fh3-scene-gutter:24px; --fh3-pad:32px;} } @media (min-width:960px){ .fh3{--fh3-card:24vw; --fh3-gutter:16px;} } @media (min-width:1300px){ .fh3{--fh3-card:19.4vw; --fh3-gutter:20px;} } .fh3 *, .fh3 *::before, .fh3 *::after { box-sizing:border-box;} .fh3 { --fh3-link-color:inherit; --fh3-link-hover-color:inherit;} .fh3 a { color:var(--fh3-link-color); text-decoration:none;} .fh3 a:hover, .fh3 a:focus-visible { color:var(--fh3-link-hover-color);} .fh3 a:visited { color:var(--fh3-link-color);} .fh3 h1, .fh3 h2, .fh3 h3, .fh3 h4 { color:inherit;} .fh3 img { display:block; max-width:100%;} .fh3 h1, .fh3 h2, .fh3 h3, .fh3 h4, .fh3 p, .fh3 ul, .fh3 b { margin:0;} .fh3 h1, .fh3 h2, .fh3 h3, .fh3 h4 { font-weight:700; line-height:1em;} .fh3 :focus-visible { outline:2px solid var(--fh3-accent); outline-offset:2px;} .fh3-nav { position:relative; z-index:50; display:flex; width:100%; background:#000; border-bottom:1px solid var(--fh3-line);} .fh3-nav__inner { flex-grow:1; display:flex; align-items:center; gap:8px; min-width:0; height:70px; padding:0 16px; background:#000; color:#fff;} .fh3-nav__home { display:flex; flex:none; align-items:center; padding-top:8px;} .fh3-nav__home img { height:32px; width:32px;} .fh3-nav__nav { display:flex; flex:1 1 auto; min-width:0; height:70px; padding-left:2px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none;} .fh3-nav__nav::-webkit-scrollbar { display:none;} .fh3-nav__list { display:flex; gap:16px; margin:0; padding:0; list-style:none;} /* .fh3-nav__inner 前綴不是裝飾,是為了贏過基礎層的 `.fh3 ul { margin:0 }`。 那條是 (0,1,1),單一 class 的 (0,1,0) 打不過它,所以這裡的 margin-left:auto 一直沒生效——桌機看不出來,因為 .fh3-nav__nav 的 flex:1 1 auto 在吃掉空白; 手機把 nav 藏起來之後支撐消失,整排就塌回左邊。 */ .fh3-nav__inner .fh3-nav__list--end { flex:none; margin-left:auto; gap:16px;} .fh3-nav__list a { display:flex; align-items:center; gap:6px; height:70px; padding-top:12px; border-bottom:4px solid transparent; --fh3-link-color:var(--fh3-text); --fh3-link-hover-color:var(--fh3-text); font-size:var(--fh3-t-base); line-height:75%; font-weight:700; white-space:nowrap; text-transform:uppercase; transition:opacity .15s ease;} @media (hover:hover) and (pointer:fine){ .fh3-nav__list a:hover{opacity:.7;} } @media (min-width:769px){ .fh3-nav__inner{padding:0 32px;} } /* 右側圖示連結。 文字連結靠 padding-top:12px + 透明 border-bottom:4px 撐出 hover 底線的位置； 圖示沒有底線狀態，兩者都要歸零，否則圖示會被那 16px 推到偏下方而不是置中。 */ .fh3-nav__list--end .fh3-nav__icon{ padding-top:0; border-bottom:0; opacity:.72; transition:opacity .15s ease;} .fh3-nav__list--end .fh3-nav__icon svg{ /* 明確給白色,不用 currentColor。 SVG 的 fill 預設值是黑色,所以只要這條規則沒生效(例如 style.css 的 ?ver= 沒跟著改、瀏覽器吃舊快取),圖示就會是黑底黑圖=完全看不見,而且 看起來像「圖示沒出來」而不是「樣式沒載到」。寫死顏色至少讓失效模式 停在一個看得見的狀態。頁首背景是寫死的 #000。 */ display:block; width:19px; height:19px; fill:#fff;} @media (hover:hover) and (pointer:fine){ /* 蓋掉通用的 a:hover{opacity:.7}——對已經是 .72 的圖示來說，那是往暗的方向 移動，hover 反而看起來像失效。 */ .fh3-nav__list--end .fh3-nav__icon:hover{opacity:1;} } /* -------------------------------------------------------------------------- 手機頁首：logo + 購物車 + 漢堡，其餘收進整頁面板 -------------------------------------------------------------------------- */ .fh3-nav__burger{ display:flex; flex:none; align-items:center; justify-content:center; width:40px; height:40px; margin-right:-8px; padding:0; border:0; background:none; color:inherit; cursor:pointer;} .fh3-nav__burger svg{display:block;} @media (min-width:769px){ /* 桌機完全不變：四個連結 + 兩個圖示，沒有漢堡。 */ .fh3-nav__burger{display:none;} } @media (max-width:768px){ /* 導覽連結原本是一條要橫向捲的細字，那正是要改掉的東西；會員圖示也一起 收進面板，手機列上只留購物車，和 Blocksy 一致。 */ .fh3-nav__nav{display:none;} .fh3-nav__inner .fh3-nav__list--end{gap:4px;} /* 同樣要贏過 (0,1,1):這次是 `.fh3-nav__list a { display:flex }`。 單寫 .fh3-nav__icon--account 會被它壓過去,圖示照樣顯示。 */ .fh3-nav__list--end .fh3-nav__icon--account{display:none;} } .fh3-menu[hidden]{display:none;} .fh3-menu__scrim[hidden]{display:none;} /* -------------------------------------------------------------------------- 選單面板 結構照 starface.world 的選單抽屜：搜尋 → 帶縮圖的購物清單 → 其他頁面 → 釘在底部的會員鈕與社群。**桌機是貼著左欄的抽屜、手機是整頁蓋滿**， 同一份標記兩種長相。 ⚠️ 這裡原本有一條 `@media (min-width:769px){ .fh3-menu{display:none} }` —— 面板當初只為手機做的。rail 模式在桌機把漢堡拿回來了（見 .fh3-rail 那段）， 卻沒有人把面板一起拿回來，所以桌機按漢堡「沒反應」：JS 有跑、 is-open 有加、連 html.fh3-menu-open 的 overflow:hidden 都生效了 （整頁被鎖住不能捲），只有面板自己是 display:none。2026-09-04 修掉。 **不要再把那條加回來。** -------------------------------------------------------------------------- */ .fh3-menu{ /* 80 而不是 60：商品頁的常駐購買列 .fgp__sticky 是 z-index 70 （fixed、貼頂、滿寬），60 的話捲動之後開選單，抽屜上緣會被它蓋住。 */ position:fixed; inset:0; z-index:80; display:flex; /* ⚠️ 這一層是 inset:0，整片蓋住視窗 —— 包含左欄。z-index 60 > rail 的 50， 所以**左欄那顆已經變成 ✕ 的漢堡會被它擋住，點不到**（2026-09-04 老闆回報 「點叉叉關不起來」就是這個）。它自己沒有背景、不該接任何滑鼠事件， 命中測試交給真正畫得出東西的兩個子層。 自我提醒：`el.click()` 是程式呼叫，會**繞過命中測試** —— 用它測「點得到嗎」 永遠是綠的。要問這一格上誰接得到滑鼠，用 document.elementFromPoint()。 */ pointer-events:none;} .fh3-menu__panel, .fh3-menu__scrim{pointer-events:auto;} /* 遮罩只在桌機看得到：桌機的抽屜只佔左邊一條，右邊還看得到頁面， 直覺就是「點旁邊關掉」。手機蓋滿整頁，沒有旁邊可點。 */ .fh3-menu__scrim{ position:absolute; inset:0; z-index:0; background:rgba(0,0,0,.45); border:0; padding:0; display:none; opacity:0; transition:opacity var(--fh3-t-panel) var(--fh3-ease-panel, ease);} .fh3-menu.is-open .fh3-menu__scrim{opacity:1;} .fh3-menu__panel{ position:relative; z-index:1; box-sizing:border-box; display:flex; flex-direction:column; width:100%; height:100%; background:var(--fh3-bg); color:var(--fh3-text); overflow-y:auto; -webkit-overflow-scrolling:touch; /* 只推自己的寬度，跟參考站一模一樣（`transform: translateX(-100%)`）。 收起來的位置是 -216…110 —— **右緣剛好落在左欄的右緣**， 再靠 .fh3-menu 的 clip-path 把 x<110 那一段切掉， 所以視覺上它是「從頁首右側被拉出來」，不是從畫面最左邊飛進來。 （參考站用的是 z-index:-1 把抽屜壓在頁首後面。我們不能照抄： 商品頁的常駐購買列 .fgp__sticky 是 z-index 70， 把左欄拉到它之上會跟它打架。clip-path 達到同樣效果又不動層級。） */ transform:translateX(-100%); transition:transform var(--fh3-t-panel) var(--fh3-ease-panel, ease); will-change:transform;} .fh3-menu.is-open .fh3-menu__panel{transform:none;} /* 和頁首同高同內距，關閉鈕就落在漢堡原本的位置——面板讀起來是同一條列展開， 不是另外飛進來的一層。桌機不需要（關閉鈕是左欄那顆漢堡本人）。 */ .fh3-menu__bar{ display:flex; flex:none; align-items:center; justify-content:space-between; height:70px; padding:0 20px;} .fh3-menu__home{display:flex; align-items:center; padding-top:8px;} .fh3-menu__home img{width:32px; height:32px;} .fh3-menu__close{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; margin-right:-8px; padding:0; border:0; background:none; color:inherit; cursor:pointer;} /* 搜尋列。參考站是一顆藥丸型輸入框，放大鏡貼在右內側。 */ /* 側距一律 20px —— 參考站 .menu-drawer__search{padding:2rem 2rem .5rem}、 .menu-drawer__menu{padding:0 2rem}、.menu-drawer__utility-links{padding:0 2rem 2rem} 全部是 2rem(=20px)。搜尋／清單／底部三塊對齊同一條左右邊， 底部那顆白鈕才會跟上面的項目切齊。 用 margin 不用 padding：放大鏡是 position:absolute right:6px， 改成 padding 的話 right 會從表單的外緣算，鈕會跑到輸入框外面。 */ .fh3-menu__search{ position:relative; flex:none; margin:20px 20px 5px;} .fh3-menu__search-input{ width:100%; height:44px; margin:0; padding:0 44px 0 18px; border:1px solid var(--fh3-line); border-radius:999px; background:transparent; color:inherit; font-size:var(--fh3-t-base); line-height:44px; -webkit-appearance:none; appearance:none;} .fh3-menu__search-input::placeholder{color:currentColor; opacity:.55;} .fh3-menu__search-input:focus{outline:2px solid currentColor; outline-offset:2px;} .fh3-menu__search-go{ position:absolute; top:50%; right:6px; transform:translateY(-50%); display:flex; align-items:center; justify-content:center; width:34px; height:34px; padding:0; border:0; background:none; color:inherit; cursor:pointer;} .fh3-menu__nav{ flex:1 1 auto; margin:0 20px; padding:15px 0 24px;} .fh3-menu__list{margin:0; padding:0; list-style:none;} /* 帶縮圖那一組：一條一個 40px 方圖 ＋ 一條細分隔線（參考站同一個節奏）。 */ .fh3-menu__list--shop a{ display:flex; align-items:center; gap:14px; padding:11px 0; border-bottom:1px solid var(--fh3-line); --fh3-link-color:var(--fh3-text); --fh3-link-hover-color:var(--fh3-text);} .fh3-menu__thumb{ flex:none; display:block; width:40px; height:40px; border-radius:6px; overflow:hidden; /* 商品照的底是淺色的，貼在黑面板上要有一塊自己的底才不會像破圖。 */ background:#fff;} .fh3-menu__thumb-img{ display:block; width:100%; height:100%; object-fit:cover;} .fh3-menu__label{ /* 桌機抽屜只有 320px，扣掉 40 縮圖＋14 間距＋32 內距剩 234 —— 「CLASSIC COLLECTION」18 個字在 18px 下剛好一行。20px 會斷行。 */ font-size:var(--fh3-t-xl); font-weight:700; line-height:1.25;} /* v1.30.0：面板下半部那組文字連結（.fh3-menu__list--text）已整組移除。 */ /* 釘在底部。margin-top:auto ＋ 面板是 flex column，內容短的時候它會沉到底， 內容長到要捲的時候它就跟在後面 —— 不用 position:sticky， sticky 在可捲的 flex 容器裡跨瀏覽器不穩。 */ /* 底部區塊。參考站的 .menu-drawer__utility-links 是 padding:0 2rem 2rem， 而且它有自己的黑底把「登入＋社群」跟上面的黃色清單分開。 我們整個面板本來就是黑的，分界改由一條 1px 細線負責 —— 線上方留 20px、下方 20px，跟左右的 20px 是同一個節奏。 */ .fh3-menu__foot{ flex:none; margin-top:auto; padding:20px; border-top:1px solid var(--fh3-line);} /* 登入鈕逐值照參考站的 .menu-drawer__account： min-height:6rem(60px)、border-radius:0、白底黑字、font-size:2rem(20px)、置中。 高度用 min-height ＋ flex 置中，不用 padding 湊 —— 字級之後若再調， 鈕的高度不會跟著飄。 */ .fh3-menu__cta{ display:flex; align-items:center; justify-content:center; min-height:60px; padding:8px 16px; border-radius:0; background:var(--fh3-text); color:var(--fh3-bg); text-align:center; font-weight:700; letter-spacing:.02em; font-size:var(--fh3-t-2xl); --fh3-link-color:var(--fh3-bg); --fh3-link-hover-color:var(--fh3-bg);} /* 社群：參考站 .list-social{justify-content:center}、 .list-social__link{padding:1.3rem 1.25rem}。間距做在連結的 padding 上而不是 gap —— 那 13px 同時是點擊區的高度，用 gap 的話字跟字之間有距離、但可點範圍還是一行字高。 */ .fh3-menu__social{ display:flex; justify-content:center; gap:0; margin:0; padding:0; list-style:none; font-size:var(--fh3-t-base);} .fh3-menu__social a{display:block; padding:13px 12.5px;} /* 面板開著時鎖住背景捲動。只鎖 body 在 iOS 上擋不住，html 也要。 */ html.fh3-menu-open, html.fh3-menu-open body{overflow:hidden;} /* 桌機：抽屜貼著左欄，右邊留給遮罩。 斷點跟 rail 一致用 991px —— rail 在 990px 以下會攤成上方橫列， 那時候面板必須是滿版的手機長相，不然抽屜會從一條橫列底下冒出來。 */ @media (min-width:991px){ /* 遮罩從左欄的右緣開始 —— 蓋住左欄的話，那顆已經變成 ✕ 的漢堡與字標 會一起被壓暗，看起來像整條左欄被停用了（第一版實際截圖就是這樣）。 參考站開著選單時左欄一樣是亮的。抽屜疊在遮罩上（z-index 1 vs 0）， 所以遮罩從 110 開始不會少蓋到任何該蓋的地方。 */ .fh3-menu__scrim{display:block; left:var(--fh3-rail-w, 110px);} /* 切在左欄右緣：抽屜收起來時整條落在 x<110，被切掉 → 看不見； 展開時從這條線往右長出來。左欄本身不在裁切範圍內， 所以它照樣是亮的、那顆 ✕ 照樣點得到。 */ .fh3-menu{clip-path:inset(0 0 0 var(--fh3-rail-w, 110px));} .fh3-menu__panel{ width:min(326px, calc(100vw - var(--fh3-rail-w, 110px))); margin-left:var(--fh3-rail-w, 110px); /* 左欄與抽屜之間的縫隙。參考站那道縫是黑的（它的頁面底色是黑的， 襯在黃欄與黃面板之間就看得出來）—— 我們兩邊都是黑的， 同樣做法會完全看不見，所以老闆指定用白色。 做成面板自己的 border-left 而不是空隙：它會跟著面板一起滑， 收起來的時候不會留下一條懸空的白線。 width 326 ＝ 320 內容 ＋ 6 白邊（box-sizing:border-box）。 */ border-left:6px solid #fff; border-right:1px solid var(--fh3-line);} /* 桌機的關閉鈕是左欄那顆漢堡本人（它會變成 ✕），這裡再放一顆就有兩個。 */ .fh3-menu__bar{display:none;} .fh3-menu__search{margin-top:22px;} } /* 手機是滿版，寬度夠，字回到原本面板的大小。 */ @media (max-width:990px){ .fh3-menu__label{font-size:var(--fh3-t-2xl);} .fh3-menu__thumb{width:48px; height:48px;} } /* body 沒有 rail 時（橫式頁首 ＋ 桌機）漢堡本來就是隱藏的， 面板不會被打開；真的被打開也讓它靠左，不要飄在中間。 */ @media (min-width:991px){ body:not(.float-shell--rail) .fh3-menu__panel{margin-left:0;} } /* 漢堡圖示：開著的時候換成 ✕。兩組路徑都在同一個 SVG 裡（見 BURGER_SVG）。 */ .fh3-burger-icon__x{display:none;} [aria-expanded="true"] .fh3-burger-icon__bars{display:none;} [aria-expanded="true"] .fh3-burger-icon__x{display:block;} @media (prefers-reduced-motion:reduce){ .fh3-menu__panel, .fh3-menu__scrim{transition:none;} } /* -------------------------------------------------------------------------- 套用外殼的頁面，要把佈景主題原本的頁首與頁尾內容藏掉 -------------------------------------------------------------------------- */ /* Blocksy 的 content block（hook:1506 就是舊的 Greenshift 頁尾）。 殼自己有頁尾，留著會變成兩個頁尾疊在一起。 */ body.float-shell [data-block^="hook:"] { display: none !important;} /* Blocksy 的