chore: 宴会场导入界面优化

Author: clansty

DESIGN.md

@@ -65,10 +65,10 @@
 
 采用混合策略：普通内容依靠主题色的 tonal shift，输入框和 Modal 使用组件库既有边框与表面。业务组件不新增阴影层级，也不嵌套装饰性卡片。
 
+不要用 border，一般不画分割线。不要给 button 设置透明度、边框、动画之类自定义样式，因为全局 css 里已经有了
+
 ## 8. Accessibility Constraints & Accepted Debt
 
 - 目标为 WCAG 2.2 AA；正文对比度不低于 4.5:1，大字不低于 3:1。
 - 所有交互必须可键盘到达并有可见焦点。
 - 中文标签保持完整语义短语，375px 宽度下不允许单字孤行或控件覆盖。
-
-当前没有因本次宴谱功能新增的可访问性债务。

MaiChartManager/Front/src/views/Charts/ImportCreateChartButton/ImportChartButton/ErrorDisplayIdInput.tsx

@@ -44,11 +44,10 @@ export default defineComponent({
 
     return () => <Modal
       width="min(90vw,50em)"
-      innerClass="max-h-[90dvh] of-hidden"
       title={t('chart.import.importPrompt')}
       v-model:show={show.value}
     >{{
-      default: () => <div class="max-h-[calc(90dvh-10rem)] of-y-auto cst pr-1 space-y-3">
+      default: () => <div class="flex flex-col gap-3">
         <ImportAlert errors={props.errors} tempOptions={props.tempOptions}></ImportAlert>
         {!!props.meta.length && <>
             <div>{t('chart.import.assignId')}</div>
@@ -125,7 +124,7 @@ const MusicIdInput = defineComponent({
         <NumberInput v-model:value={props.meta.id} min={dxBase.value + 1} max={119999} step={1} class="w-full sm:w-auto shrink-0"/>
       </div>
       {isUtage.value && props.meta.maidataLevels.length >= 2 && props.meta.utageMapping &&
-        <div class="flex flex-col gap-3 border-t border-t-solid border-gray/20 pt-3 sm:ml-19">
+        <div class="flex flex-col gap-3 sm:ml-19">
           <div class="flex flex-wrap gap-x-5 gap-y-2">
             <label class="flex gap-2 items-center">
               <input type="radio" name={playStyleInputName} checked={!props.meta.utageMapping.isDoublePlayer}