diff --git a/src/components/common/test.tsx b/src/components/common/test.tsx
index 667349e17506a93d933a4b8a0f5a4e55faca69f5..ae0806c4940c89ba173402855245c317eb636b69 100644
--- a/src/components/common/test.tsx
+++ b/src/components/common/test.tsx
@@ -79,6 +79,18 @@ type RKey = {
   tt: Date
 }
 
+/** 文本类输入中不打断按键测试；type=range 不拦截（与 AP 页 Slider.mouseOnlyRail 松手 blur 配合） */
+function shouldIgnoreKeyTestEvent(evt: KeyboardEvent): boolean {
+  const el = evt.target as HTMLElement | null
+  if (!el) return false
+  if (el.isContentEditable) return true
+  if (el.tagName === 'TEXTAREA') return true
+  if (el.tagName === 'INPUT') {
+    return (el as HTMLInputElement).type.toLowerCase() !== 'range'
+  }
+  return false
+}
+
 export const Test = () => {
   const timer2 = useRef<ReturnType<typeof setTimeout>>()
 
@@ -89,11 +101,7 @@ export const Test = () => {
   const [releasedKeys, setReleasedKeys] = useState<RKey[]>([])
 
   const downHandler = (evt: KeyboardEvent) => {
-    const isInputFocused =
-      (evt.target as HTMLElement).tagName === 'INPUT' ||
-      (evt.target as HTMLElement).tagName === 'TEXTAREA' ||
-      (evt.target as HTMLElement).isContentEditable
-    if (isInputFocused) return
+    if (shouldIgnoreKeyTestEvent(evt)) return
     if (evt.key !== 'F12') {
       evt.preventDefault()
     }
@@ -114,11 +122,7 @@ export const Test = () => {
   }
 
   const upHandler = (evt: KeyboardEvent) => {
-    const isInputFocused =
-      (evt.target as HTMLElement).tagName === 'INPUT' ||
-      (evt.target as HTMLElement).tagName === 'TEXTAREA' ||
-      (evt.target as HTMLElement).isContentEditable
-    if (isInputFocused) return
+    if (shouldIgnoreKeyTestEvent(evt)) return
     if (evt.key !== 'F12') {
       evt.preventDefault()
     }
@@ -179,7 +183,7 @@ export const Test = () => {
       window.removeEventListener('keyup', upHandler)
       window.removeEventListener('blur', blurHandler)
 
-      clearInterval(timer2.current)
+      clearTimeout(timer2.current)
       pressedKeysRef.current = []
       setPressedKeys([])
     }
@@ -189,13 +193,13 @@ export const Test = () => {
     <Container>
       <BaseTitle>{t('Key Test')}</BaseTitle>
       <Board className="custom-scrollbar">
-        {releasedKeys.map((k, i) => (
-          <KeyShell key={`r-${k.k}-${i}`} $pressed={false}>
+        {releasedKeys.map(k => (
+          <KeyShell key={`r-${k.k}-${k.t}`} $pressed={false}>
             <KeyFace $pressed={false}>{k.k}</KeyFace>
           </KeyShell>
         ))}
-        {pressedKeys.map((k, i) => (
-          <KeyShell key={`p-${k.k}-${i}`} $pressed={true}>
+        {pressedKeys.map(k => (
+          <KeyShell key={`p-${k.k}`} $pressed={true}>
             <KeyFace $pressed={true}>{k.k}</KeyFace>
           </KeyShell>
         ))}
diff --git a/src/components/configure/adv-key/common/aprt.tsx b/src/components/configure/adv-key/common/aprt.tsx
index 7b22d6f7f90c31b70262bcd0d9702ae9914ab38c..94537522e0eaffdabd5c3d720dd499499767f5fb 100644
--- a/src/components/configure/adv-key/common/aprt.tsx
+++ b/src/components/configure/adv-key/common/aprt.tsx
@@ -1,4 +1,4 @@
-import {useMemo, useState, useEffect} from 'react'
+import {useMemo, useState, useEffect, useRef} from 'react'
 import {useTranslation} from 'react-i18next'
 import {Slider} from 'src/components/form/slider'
 import {
@@ -14,7 +14,7 @@ import {
 } from 'src/store/actuationSlice'
 import {useAppDispatch, useAppSelector} from 'src/store/hook'
 import {getSelectedKeys} from 'src/store/keymapSlice'
-import {APData, RTData} from 'src/types/types'
+import {AK, APData, RTData} from 'src/types/types'
 import styled from 'styled-components'
 import {Switch} from 'src/components/form/switch'
 import {getSelectedAdvKey} from 'src/store/advkeySlice'
@@ -136,6 +136,21 @@ const AP = () => {
     dispatch(updatePerKeyActuation(selectedKeys, data))
   }
 
+  const rsSocdApSig = useRef('')
+  useEffect(() => {
+    const t = advKey?.type
+    if (t !== AK.RS && t !== AK.SOCD) {
+      rsSocdApSig.current = ''
+      return
+    }
+    if (!selectedKeys?.length) return
+    const sig = `${t}-${selectedKeys.join(',')}`
+    if (rsSocdApSig.current === sig) return
+    rsSocdApSig.current = sig
+    setAPData(ap)
+    dispatch(updatePerKeyActuation(selectedKeys, ap))
+  }, [advKey?.type, selectedKeys, ap, dispatch])
+
   useEffect(() => {
     setAPData(ap)
   }, [selectedKeys, actuationMap])
@@ -206,6 +221,21 @@ export const RT = () => {
     dispatch(updatePerKeyRT(selectedKeys, rtData))
   }
 
+  const rsSocdRtSig = useRef('')
+  useEffect(() => {
+    const t = advKey?.type
+    if (t !== AK.RS && t !== AK.SOCD) {
+      rsSocdRtSig.current = ''
+      return
+    }
+    if (!selectedKeys?.length) return
+    const sig = `${t}-${selectedKeys.join(',')}`
+    if (rsSocdRtSig.current === sig) return
+    rsSocdRtSig.current = sig
+    setRTData(rt)
+    dispatch(updatePerKeyRT(selectedKeys, rt))
+  }, [advKey?.type, selectedKeys, rt, dispatch])
+
   useEffect(() => {
     setRTData(rt)
   }, [selectedKeys, actuationMap])
diff --git a/src/components/configure/calibration/calibration.tsx b/src/components/configure/calibration/calibration.tsx
index 29506db9f4f249b5b884c2154c239e83f1990624..19a2d5cd2a2a12994b46c2efc489d8b623675547 100644
--- a/src/components/configure/calibration/calibration.tsx
+++ b/src/components/configure/calibration/calibration.tsx
@@ -27,6 +27,8 @@ import {BasePanel, BaseTitle} from 'src/components/common/layout'
 import {KeySelector} from 'src/components/common/key-selector'
 
 const AUTO_DURATION = 5
+/** 设为 true 可恢复「设置按键行程」入口按钮 */
+const SHOW_SET_SWITCH_TRAVEL_BUTTON = false
 
 const Container = styled.div`
   width: 100%;
@@ -309,7 +311,9 @@ export const Calibration = () => {
               <>
                 {caliTips ? (
                   <CaliTips>{caliTips}</CaliTips>
-                ) : switchRule && deviceMode !== 'edit' ? (
+                ) : SHOW_SET_SWITCH_TRAVEL_BUTTON &&
+                  switchRule &&
+                  deviceMode !== 'edit' ? (
                   <AxisButton size="huge" default onClick={() => dispatch(setAxCfg(true))}>
                     {t('Set Switch Travel')}
                   </AxisButton>
diff --git a/src/components/configure/firmware/FirmwareUpdate.tsx b/src/components/configure/firmware/FirmwareUpdate.tsx
index e26a9264957da328be522bbe043980993de3a928..cccd85665b350827aee383615796b875353ed3b9 100644
--- a/src/components/configure/firmware/FirmwareUpdate.tsx
+++ b/src/components/configure/firmware/FirmwareUpdate.tsx
@@ -181,11 +181,11 @@ const LogLine = styled.div`
   }
 `;
 
-const FileName = styled.span`
+/* const FileName = styled.span`
   color: var(--color-primary);
   font-size: 14px;
   font-weight: 500;
-`;
+`; */
 
 const InfoRow = styled.div`
   display: flex;
diff --git a/src/components/configure/keyboard/profile.tsx b/src/components/configure/keyboard/profile.tsx
index 6e746db2c3f126dacbb0ce892cf1299c5e7821c4..8b3d73c0a5f9910bc3b00530bce8af47be7fc732 100644
--- a/src/components/configure/keyboard/profile.tsx
+++ b/src/components/configure/keyboard/profile.tsx
@@ -893,7 +893,7 @@ const EditDialog = (props: {
         spellCheck={false}
         value={decodeProfileName(name)}
         placeholder={t('Please enter the profile name')}
-        maxLength={20}
+        maxLength={15}
       />
 
       <ButtonGroupEnd>
@@ -1081,7 +1081,7 @@ const NewProfileDialog = (props: {
                 spellCheck={false}
                 value={name}
                 placeholder={t('Please enter the profile name')}
-                maxLength={20}
+                maxLength={15}
               />
             </NewProfileNameBlock>
             <NewProfileBodySpacer />
diff --git a/src/components/configure/keyboard/save-load.tsx b/src/components/configure/keyboard/save-load.tsx
index 789649165da35ca776fe0e9f6e9710c4dec6fd4d..9cc2ee8082fadcd297c1c8e46b27e02314f04380 100644
--- a/src/components/configure/keyboard/save-load.tsx
+++ b/src/components/configure/keyboard/save-load.tsx
@@ -300,7 +300,7 @@ export function ProfileImportForm(props: ProfileImportFormProps) {
           placeholder={t(
             'The profile name will be filled in automatically'
           )}
-          maxLength={20}
+          maxLength={15}
         />
       </div>
 
diff --git a/src/components/configure/performance/ap.tsx b/src/components/configure/performance/ap.tsx
index 9b5a89babb550c0d90d691e82419d7db40a4d44a..cecd7a4aeb9afd4fb35fe802804c04b1633a1854 100644
--- a/src/components/configure/performance/ap.tsx
+++ b/src/components/configure/performance/ap.tsx
@@ -228,6 +228,7 @@ export const AP = () => {
               value={apData.ap}
               labelPosition="top"
               showLabelInput
+              mouseOnlyRail
               disabled={!selectedKeys?.length}
               onChange={handleAPChange}
               wait={100}
@@ -271,6 +272,7 @@ export const AP = () => {
                 step={AP_SLIDER_STEP}
                 value={dzData.dzt}
                 labelPosition="top"
+                mouseOnlyRail
                 disabled={!selectedKeys?.length || !dzData.dz}
                 onChange={handleDZTChange}
                 wait={100}
@@ -289,6 +291,7 @@ export const AP = () => {
                 step={AP_SLIDER_STEP}
                 value={dzData.dzb}
                 labelPosition="top"
+                mouseOnlyRail
                 disabled={!selectedKeys?.length || !dzData.dz}
                 onChange={handleDZBChange}
                 wait={100}
diff --git a/src/components/configure/side/Lang.tsx b/src/components/configure/side/Lang.tsx
index dcc4f4cb7664354a40180f5520edaf53bd6c477a..43361f28c7fdd1deb11cccd6dd0167b4c860faef 100644
--- a/src/components/configure/side/Lang.tsx
+++ b/src/components/configure/side/Lang.tsx
@@ -1,6 +1,7 @@
 import React, {useMemo} from 'react'
 import {useTranslation} from 'react-i18next'
 import styled from 'styled-components'
+import {Select} from 'src/components/form/select'
 
 const Container = styled.div<{$nobg?: boolean}>`
   width: 100%;
@@ -21,8 +22,10 @@ const langs = [
   {value: 'ja', label: '日本語'},
 ]
 
+const LANG_TRIGGER_WIDTH = 91
+
 const LangButton = styled.div`
-  width: 91px;
+  width: ${LANG_TRIGGER_WIDTH}px;
   height: 36px;
   border-radius: 36px;
   font-size: 14px;
@@ -53,7 +56,13 @@ export const Lang = (props: {
       : i18n.languages[i18n.languages.length - 1]
   }, [i18n.resolvedLanguage, i18n.languages])
 
- return (
+  const selectValue = useMemo(() => {
+    const code = selectLang ?? ''
+    return langs.find(l => code === l.value || code.startsWith(`${l.value}-`))
+      ?.value ?? 'en'
+  }, [selectLang])
+
+  return (
     <>
       <Container style={props.style} $nobg={!!props.nobg}>
         <svg
@@ -81,28 +90,52 @@ export const Lang = (props: {
             </clipPath>
           </defs>
         </svg>
-        <LangButton
-          onClick={() => {
-            const currentIndex = langs.findIndex(lang => lang.value === selectLang)
-            const nextIndex = (currentIndex + 1) % langs.length
-            changeLanguage(langs[nextIndex].value)
-          }}
-        >
-          {(() => {
-            const currentLang = langs.find(lang => lang.value === selectLang)
-            return currentLang ? currentLang.label : 'English'
-          })()}
-        </LangButton>
-        {/* <Select
+        <Select
+          placement="top"
+          menuAnimation="fadeSlide"
+          hideChevron
+          hideOptionCheck
+          menuAlign="trigger"
+          closeOnTriggerLeave={false}
+          color="var(--color-primary)"
+          optionColor="var(--color-title)"
           options={langs}
           onChange={changeLanguage}
-          selectedValue={selectLang}
+          selectedValue={selectValue}
           closeOnSelect
-          style={{width: '100%', height: '100%'}}
+          style={{width: '100%', display: 'flex', justifyContent: 'center'}}
+          selectedStyle={{
+            border: 'none',
+            padding: 0,
+            minWidth: 0,
+            width: 'auto',
+            height: 'auto',
+            background: 'transparent',
+          }}
+          menuStyle={{
+            width: LANG_TRIGGER_WIDTH,
+            borderRadius: 18,
+            overflow: 'hidden',
+            boxSizing: 'border-box',
+          }}
+          optionsStyle={{
+            padding: 4,
+            gap: 2,
+            width: '100%',
+            boxSizing: 'border-box',
+          }}
+          optionStyle={{
+            minWidth: 0,
+            width: '100%',
+            justifyContent: 'center',
+            height: 32,
+            borderRadius: 16,
+            boxSizing: 'border-box',
+          }}
           selectedItem={value => (
             <LangButton style={props.btnStyle}>{value}</LangButton>
           )}
-        /> */}
+        />
       </Container>
     </>
   )
diff --git a/src/components/form/select.tsx b/src/components/form/select.tsx
index 3d9f3a5150a35c5615d91f135ce1f9279f5f47b9..410f078ad7c84ed8f6214580fa76f7e9a885b223 100644
--- a/src/components/form/select.tsx
+++ b/src/components/form/select.tsx
@@ -51,6 +51,21 @@ export const Select = <T,>(
     selectedItem?: (label: string) => JSX.Element
     selectedStyle?: React.CSSProperties
     color?: string
+    /** auto：贴底时翻转到上方；top/bottom：固定向上或向下 */
+    placement?: 'auto' | 'top' | 'bottom'
+    hideChevron?: boolean
+    /** center：菜单相对触发器水平居中；trigger：与触发器左对齐（同宽时与按钮对齐） */
+    menuAlign?: 'center' | 'trigger'
+    menuStyle?: React.CSSProperties
+    optionsStyle?: React.CSSProperties
+    optionStyle?: React.CSSProperties
+    hideOptionCheck?: boolean
+    /** 为 false 时，鼠标离开触发器不会关闭（便于 portal 菜单移入点击） */
+    closeOnTriggerLeave?: boolean
+    /** fadeSlide：轻微位移+淡入，适合贴按钮的短菜单 */
+    menuAnimation?: 'scale' | 'fadeSlide'
+    /** 未选中项文字色，默认 var(--color-select) */
+    optionColor?: string
   }>
 ) => {
   const {
@@ -62,6 +77,16 @@ export const Select = <T,>(
     selectedStyle,
     closeOnSelect = true,
     color,
+    placement = 'auto',
+    hideChevron = false,
+    menuAlign = 'center',
+    menuStyle,
+    optionsStyle,
+    optionStyle,
+    hideOptionCheck = false,
+    closeOnTriggerLeave = true,
+    menuAnimation = 'scale',
+    optionColor,
   } = props
 
   const selectedIdx = options.findIndex(o => o.value === selectedValue)
@@ -101,14 +126,35 @@ export const Select = <T,>(
       const rect = triggerRef.current.getBoundingClientRect()
       const tooltipHeight = optionsRef.current.offsetHeight
       const tooltipWidth = optionsRef.current.offsetWidth
-      const top = rect.top + rect.height + window.scrollY + 0
-      const overTop = top + tooltipHeight > window.innerHeight
+      const gap = placement === 'top' ? 4 : 6
+
+      let nextTop: number
+      let openUpward: boolean
+      if (placement === 'top') {
+        nextTop = rect.top + window.scrollY - tooltipHeight - gap
+        openUpward = true
+      } else if (placement === 'bottom') {
+        nextTop = rect.top + rect.height + window.scrollY + gap
+        openUpward = false
+      } else {
+        const topBelow = rect.top + rect.height + window.scrollY + 0
+        const overTop = topBelow + tooltipHeight > window.innerHeight
+        nextTop = overTop
+          ? rect.top + window.scrollY - tooltipHeight - 0
+          : topBelow
+        openUpward = overTop
+      }
+
+      const left =
+        menuAlign === 'trigger'
+          ? rect.left + window.scrollX
+          : rect.left + rect.width / 2 + window.scrollX - tooltipWidth / 2
+
       setPos({
-        // top: rect.top + window.scrollY - tooltipHeight - 10,
-        top: overTop ? rect.top + window.scrollY - tooltipHeight - 0 : top,
-        left: rect.left + rect.width / 2 + window.scrollX - tooltipWidth / 2,
+        top: nextTop,
+        left,
       })
-      setBottom(overTop)
+      setBottom(openUpward)
     }
 
     if (refs) {
@@ -123,39 +169,44 @@ export const Select = <T,>(
     return () => {
       document.removeEventListener('click', close)
     }
-  }, [showOptions])
+  }, [showOptions, placement, menuAlign])
 
   return (
     <div
       style={{position: 'relative', ...style}}
       onMouseLeave={() => {
-        setShowOptions(false)
+        if (closeOnTriggerLeave) setShowOptions(false)
       }}
     >
       <SelectedItem
-        style={selectedStyle}
+        style={{
+          ...selectedStyle,
+          ...(hideChevron ? {justifyContent: 'center'} : {}),
+        }}
         onClick={open}
         ref={triggerRef}
         $color={color}
       >
         {selectedItem
-          ? selectedItem(options[selectedIdx].label)
-          : options[selectedIdx].label}
-        <svg
-          width="15"
-          height="7"
-          viewBox="0 0 15 7"
-          fill="none"
-          xmlns="http://www.w3.org/2000/svg"
-          style={{transform: `rotate(${showOptions ? 180 : 0}deg)`}}
-        >
-          <path
-            d="M13.9355 0.5L7.21799 5.96409L0.500435 0.499999"
-            stroke="currentColor"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-          />
-        </svg>
+          ? selectedItem(options[selectedIdx]?.label ?? '')
+          : options[selectedIdx]?.label}
+        {!hideChevron && (
+          <svg
+            width="15"
+            height="7"
+            viewBox="0 0 15 7"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+            style={{transform: `rotate(${showOptions ? 180 : 0}deg)`}}
+          >
+            <path
+              d="M13.9355 0.5L7.21799 5.96409L0.500435 0.499999"
+              stroke="currentColor"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+            />
+          </svg>
+        )}
       </SelectedItem>
       <Gap style={bottom ? {bottom: '100%'} : {top: '100%'}} />
 
@@ -165,22 +216,19 @@ export const Select = <T,>(
             <motion.div
               ref={optionsRef}
               key="tooltip"
-              initial={{
-                opacity: 0,
-                scaleX: 0.8,
-                scaleY: 0.8,
-              }}
-              animate={{
-                opacity: 1,
-                scaleX: 1,
-                scaleY: 1,
-              }}
-              exit={{
-                opacity: 0,
-                scaleX: 0.8,
-                scaleY: 0.8,
-              }}
-              transition={{duration: 0.2, ease: 'easeOut'}}
+              {...(menuAnimation === 'fadeSlide'
+                ? {
+                    initial: {opacity: 0, y: bottom ? 6 : -6},
+                    animate: {opacity: 1, y: 0},
+                    exit: {opacity: 0, y: bottom ? 4 : -4},
+                    transition: {duration: 0.16, ease: 'easeOut'},
+                  }
+                : {
+                    initial: {opacity: 0, scaleX: 0.8, scaleY: 0.8},
+                    animate: {opacity: 1, scaleX: 1, scaleY: 1},
+                    exit: {opacity: 0, scaleX: 0.8, scaleY: 0.8},
+                    transition: {duration: 0.2, ease: 'easeOut'},
+                  })}
               style={{
                 display: 'flex',
                 flexDirection: 'column',
@@ -193,12 +241,19 @@ export const Select = <T,>(
                 transformOrigin: !bottom ? 'top center' : 'bottom center',
               }}
             >
-              <PopContainer $borderColor={color} style={{borderRadius: 6}}>
-                <Options style={{padding: 1}}>
+              <PopContainer
+                $borderColor={color}
+                style={{borderRadius: 6, ...menuStyle}}
+              >
+                <Options style={{padding: 1, ...optionsStyle}}>
                   {options.map((o, i) => (
                     <Option
-                      style={{minWidth: 110, justifyContent: 'space-between'}}
-                      $color="var(--color-select)"
+                      style={{
+                        minWidth: 110,
+                        justifyContent: 'space-between',
+                        ...optionStyle,
+                      }}
+                      $color={optionColor ?? 'var(--color-select)'}
                       key={i}
                       ref={refs[i]}
                       $selected={selectedIdx === i}
@@ -210,7 +265,7 @@ export const Select = <T,>(
                       }}
                     >
                       {o.label}
-                      {selectedIdx === i && (
+                      {selectedIdx === i && !hideOptionCheck && (
                         <svg
                           width="14"
                           height="9"
diff --git a/src/components/form/slider.tsx b/src/components/form/slider.tsx
index 2845ab914c684d3aa4de705fb2d958b88eec6c6f..0bd172a4068a80bbe0db64f6a914335084e41ae6 100644
--- a/src/components/form/slider.tsx
+++ b/src/components/form/slider.tsx
@@ -437,6 +437,11 @@ export type SliderProps = {
    * 需为非数字展示时使用 type=text，与 suffix「mm」分开。
    */
   labelInputIdleText?: string
+  /**
+   * 为 true 时：轨道 tabIndex=-1；松手后对 range blur（mousedown 上 preventDefault 会破坏原生拖动，故不用）。
+   * 右侧数值框仍可键盘输入（若有 showLabelInput）。
+   */
+  mouseOnlyRail?: boolean
 }
 
 export const Slider: React.FC<SliderProps> = props => {
@@ -496,6 +501,11 @@ export const Slider: React.FC<SliderProps> = props => {
 
   const railRef = useRef<HTMLDivElement | null>(null)
   const containerRef = useRef<HTMLDivElement | null>(null)
+  const rangeInputRef = useRef<HTMLInputElement | null>(null)
+
+  const mouseOnlyRail = !!props.mouseOnlyRail
+  const mouseOnlyRailRef = useRef(mouseOnlyRail)
+  mouseOnlyRailRef.current = mouseOnlyRail
 
   useEffect(() => {
     onChange.current = props.onChange
@@ -588,7 +598,17 @@ export const Slider: React.FC<SliderProps> = props => {
   ])
 
   useEffect(() => {
-    const stopSliding = () => setSliding(false)
+    const stopSliding = () => {
+      setSliding(false)
+      const rail = rangeInputRef.current
+      if (
+        mouseOnlyRailRef.current &&
+        rail &&
+        document.activeElement === rail
+      ) {
+        rail.blur()
+      }
+    }
     window.addEventListener('mouseup', stopSliding)
     window.addEventListener('touchend', stopSliding)
     window.addEventListener('keyup', stopSliding) // 键盘松开也结束滑动
@@ -687,16 +707,32 @@ export const Slider: React.FC<SliderProps> = props => {
         </HandlerContainer>
         <InputContainer $width={containerWidth} style={{height: height}}>
           <input
+            ref={rangeInputRef}
             type="range"
             min={min}
             max={max}
             step={step}
             value={newVal}
             disabled={props.disabled}
+            tabIndex={mouseOnlyRail ? -1 : undefined}
             onChange={onInputChange}
             onMouseDown={() => setSliding(true)}
             onTouchStart={() => setSliding(true)}
             onKeyDown={e => {
+              if (mouseOnlyRail) {
+                const block =
+                  e.key === 'ArrowLeft' ||
+                  e.key === 'ArrowRight' ||
+                  e.key === 'ArrowUp' ||
+                  e.key === 'ArrowDown' ||
+                  e.key === 'Home' ||
+                  e.key === 'End' ||
+                  e.key === 'PageUp' ||
+                  e.key === 'PageDown' ||
+                  e.key === ' '
+                if (block) e.preventDefault()
+                return
+              }
               if (
                 e.key === 'ArrowLeft' ||
                 e.key === 'ArrowRight' ||
diff --git a/src/index.css b/src/index.css
index d34dbfe3b16bab5998f46394a212df1bfe0a4340..c6324a5be088a0553977bd2dc1287de665a1428e 100644
--- a/src/index.css
+++ b/src/index.css
@@ -39,7 +39,7 @@
 }
 
 html {
-  --radius-default: 12px;
+  --radius-default: 24px;
 
   --font-menu-1: 900 16px var(--font);
   --font-menu-2: 700 20px var(--font);