ui: mobile-first records card list, responsive filters/paddings across pages, grades table scroll guard

app/src/pages/dashboard/DashboardPage.tsx

@@ -91,7 +91,7 @@ export function DashboardPage() {
   const metricCards = (s?.metrics ?? []).slice(0, 3);
 
   return (
-    <div className="mx-auto max-w-[1080px] px-6 py-5">
+    <div className="mx-auto max-w-[1080px] px-3 py-4 sm:px-6 sm:py-5">
       <div className="mb-4 flex flex-wrap items-center justify-between gap-3">
         <div className="flex flex-wrap gap-3">
           <MetricCard label="总记录" value={s?.total ?? 0} />

app/src/pages/grades/GradesPage.tsx

@@ -74,7 +74,7 @@ export function GradesPage() {
   const semesters = [...(s?.semesters ?? [])].sort((a, b) => b.term.localeCompare(a.term));
 
   return (
-    <div className="mx-auto max-w-[1080px] px-6 py-5">
+    <div className="mx-auto max-w-[1080px] px-3 py-4 sm:px-6 sm:py-5">
       {/* 总览指标 */}
       <div className="mb-4 flex flex-wrap gap-3">
         <MetricCard label="总学分" value={s?.overall.credits ?? 0} />
@@ -297,7 +297,7 @@ function SemesterCard({ sem }: { sem: SemesterGrades }) {
       />
       <CardBody className="p-0">
         <div className="overflow-x-auto">
-          <table className="w-full border-collapse text-[13px]">
+          <div className="-mx-1 overflow-x-auto px-1"><table className="w-full border-collapse text-[13px]">
             <thead>
               <tr>
                 {['课程', '学分', '分数', '等级', '绩点', ''].map(h => (
@@ -335,7 +335,7 @@ function SemesterCard({ sem }: { sem: SemesterGrades }) {
               ))}
               <CourseAddRow sem={sem} />
             </tbody>
-          </table>
+          </table></div>
         </div>
       </CardBody>
 

app/src/pages/records/RecordsPage.tsx

@@ -7,7 +7,7 @@ import {
 } from '@/lib/api';
 import type { FootprintRow } from '@/lib/types';
 import {
-  Button, Confirm, Dropdown, DropdownItem, Empty, Input, Select, Table, TableWrap, Td, Th, Tr, useToast
+  Badge, Button, Confirm, Dropdown, DropdownItem, Empty, Input, Select, Table, TableWrap, Td, Th, Tr, useToast
 } from '@/components/ui';
 import { StatusBadge, LevelBadge, RoleBadge, GradeBadge } from '@/components/common/badges';
 import { RecordEditorDialog } from '@/components/records/RecordEditorDialog';
@@ -85,7 +85,7 @@ export function RecordsPage() {
   const openDetail = (id: number) => { setDetailId(id); setDetailOpen(true); };
 
   return (
-    <div className="px-6 py-5">
+    <div className="px-3 py-4 sm:px-6 sm:py-5">
       <div className="mb-3 flex flex-wrap items-center gap-2">
         <Input
           className="w-[220px]"
@@ -93,15 +93,16 @@ export function RecordsPage() {
           value={q}
           onChange={e => setQ(e.target.value)}
         />
-        <Select className="w-[130px]" value={typeId} onChange={e => setTypeId(e.target.value)}
+        <div className="grid w-full grid-cols-2 gap-2 sm:flex sm:w-auto sm:items-center sm:gap-2">
+        <Select className="w-full sm:w-[130px]" value={typeId} onChange={e => setTypeId(e.target.value)}
           options={[{ value: '', label: '全部类型' }, ...(typesQ.data?.items ?? []).map(t => ({ value: String(t.id), label: t.name }))]} />
-        <Select className="w-[110px]" value={year} onChange={e => setYear(e.target.value)}
+        <Select className="w-full sm:w-[110px]" value={year} onChange={e => setYear(e.target.value)}
           options={[{ value: '', label: '全部年份' }, ...(yearsQ.data?.years ?? []).map(y => ({ value: String(y), label: y + ' 年' }))]} />
-        <Select className="w-[110px]" value={level} onChange={e => setLevel(e.target.value)}
+        <Select className="w-full sm:w-[110px]" value={level} onChange={e => setLevel(e.target.value)}
           options={[{ value: '', label: '全部级别' }, ...(taxQ.data?.items ?? []).filter(t => t.kind === 'level').map(t => ({ value: t.value, label: t.value }))]} />
-        <Select className="w-[100px]" value={role} onChange={e => setRole(e.target.value)}
+        <Select className="w-full sm:w-[100px]" value={role} onChange={e => setRole(e.target.value)}
           options={[{ value: '', label: '全部角色' }, ...(taxQ.data?.items ?? []).filter(t => t.kind === 'role').map(t => ({ value: t.value, label: t.value }))]} />
-        <Select className="w-[110px]" value={status} onChange={e => setStatus(e.target.value)}
+        <Select className="w-full sm:w-[110px]" value={status} onChange={e => setStatus(e.target.value)}
           options={[
             { value: '', label: '全部状态' },
             { value: 'draft', label: '草稿' },
@@ -109,21 +110,24 @@ export function RecordsPage() {
             { value: 'submitted', label: '已提交待果' },
             { value: 'finished', label: '已完结' }
           ]} />
-        <Select className="w-[130px]" value={sort} onChange={e => setSort(e.target.value)}
+        <Select className="w-full sm:w-[130px]" value={sort} onChange={e => setSort(e.target.value)}
           options={[
             { value: 'date_desc', label: '时间从新到旧' },
             { value: 'date_asc', label: '时间从旧到新' },
             { value: 'updated_desc', label: '最近修改' },
             { value: 'weight_desc', label: '重要度优先' }
           ]} />
-        <span className="num ml-auto text-[12px] text-ink-3">共 {total} 条</span>
-        <Button variant="primary" size="md" onClick={openNew}>
-          <Plus size={14} />
-          新建
-        </Button>
+        </div>
+        <div className="flex w-full items-center justify-between gap-2 sm:contents">
+          <span className="num text-[12px] text-ink-3 sm:ml-auto">共 {total} 条</span>
+          <Button variant="primary" size="md" onClick={openNew}>
+            <Plus size={14} />
+            新建
+          </Button>
+        </div>
       </div>
 
-      <div className="rounded-lg border border-line bg-surface shadow-card">
+      <div className="hidden rounded-lg border border-line bg-surface shadow-card md:block">
         <TableWrap className="max-h-[calc(100vh-260px)] overflow-y-auto">
           <Table>
             <thead>
@@ -194,8 +198,35 @@ export function RecordsPage() {
           )}
         </TableWrap>
 
-        {total > 0 && (
-          <div className="flex h-11 items-center justify-end gap-3 border-t border-line px-4 text-[12px] text-ink-3">
+      {/* 手机端：卡片列表（表格在窄屏不可用） */}
+      <div className="divide-y divide-line rounded-lg border border-line bg-surface md:hidden">
+        {(listQ.data?.items ?? []).map(row => (
+          <button key={row.id} onClick={() => openDetail(row.id)} className="block w-full px-3 py-3 text-left transition-colors active:bg-surface-2">
+            <div className="flex items-center gap-2">
+              <span className="size-2 shrink-0 rounded-full" style={{ backgroundColor: row.type_color }} />
+              <span className="min-w-0 flex-1 truncate text-[13.5px] font-medium text-ink-1">{row.title}</span>
+              {row.attachment_count > 0 && <span className="num shrink-0 text-[11px] text-ink-3">{row.attachment_count} 附件</span>}
+            </div>
+            <div className="mt-1.5 flex flex-wrap items-center gap-1.5">
+              <Badge color={row.type_color}>{row.type_name}</Badge>
+              <StatusBadge status={row.status} />
+              {row.level && <LevelBadge level={row.level} />}
+              {row.award_grade && <GradeBadge grade={row.award_grade} />}
+            </div>
+            <div className="num mt-1 text-[11.5px] text-ink-3">{fmtRange(row.start_date, row.end_date)}</div>
+          </button>
+        ))}
+        {!listQ.isLoading && !listQ.data?.items.length && (
+          <Empty
+            title="没有匹配的记录"
+            description="调整筛选条件，或新建一条记录。"
+            action={<Button variant="primary" onClick={openNew}><Plus size={14} /> 新建记录</Button>}
+          />
+        )}
+      </div>
+
+      {total > 0 && (
+        <div className="flex h-11 items-center justify-end gap-3 border-t border-line bg-surface px-4 text-[12px] text-ink-3">
             <span className="num">第 {page} / {totalPages} 页</span>
             <Button variant="secondary" size="sm" disabled={page <= 1} onClick={() => setPage(p => p - 1)}>上一页</Button>
             <Button variant="secondary" size="sm" disabled={page >= totalPages} onClick={() => setPage(p => p + 1)}>下一页</Button>

app/src/pages/taxonomy/TaxonomyPage.tsx

@@ -8,7 +8,7 @@ const PALETTE = ['#3056d3', '#7c3aed', '#0891b2', '#16a34a', '#d97706', '#dc2626
 
 export function TaxonomyPage() {
   return (
-    <div className="mx-auto max-w-[1080px] px-6 py-5">
+    <div className="mx-auto max-w-[1080px] px-3 py-4 sm:px-6 sm:py-5">
       <p className="mb-4 text-[12px] text-ink-3">
         字典驱动录入表单中的下拉选项；维度是自定义的成长分类轴，一条记录可挂多个维度。
       </p>

app/src/pages/timeline/TimelinePage.tsx

@@ -44,7 +44,7 @@ export function TimelinePage() {
   };
 
   return (
-    <div className="mx-auto max-w-[880px] px-6 py-5">
+    <div className="mx-auto max-w-[880px] px-3 py-4 sm:px-6 sm:py-5">
       <div className="mb-4 flex flex-wrap items-center gap-2">
         <Input
           className="w-[220px]"
@@ -90,7 +90,7 @@ export function TimelinePage() {
           <div className="absolute bottom-0 left-[7px] top-0 w-px bg-line" aria-hidden />
           {tlQ.data.groups.map(group => (
             <section key={group.year} className="mb-2">
-              <div className="sticky top-0 z-10 -mx-6 flex items-center gap-2 bg-bg/90 px-6 py-2 backdrop-blur">
+              <div className="sticky top-0 z-10 -mx-3 flex items-center gap-2 bg-bg/90 px-3 py-2 backdrop-blur sm:-mx-6 sm:px-6">
                 <span className="num text-[16px] font-semibold text-ink-1">{group.year}</span>
                 <span className="text-[12px] text-ink-3">{group.count} 条记录</span>
               </div>

app/src/pages/types/TypesPage.tsx

@@ -44,7 +44,7 @@ export function TypesPage() {
   const items = typesQ.data?.items ?? [];
 
   return (
-    <div className="mx-auto max-w-[1080px] px-6 py-5">
+    <div className="mx-auto max-w-[1080px] px-3 py-4 sm:px-6 sm:py-5">
       <div className="mb-4 flex items-center justify-between">
         <p className="text-[12px] text-ink-3">
           每个类型可配置专属字段模板，录入表单、详情页与检索列随之联动。内置类型不可删除，可改名或停用。

sync-server/www/assets/DashboardPage-D8pFC_15.js

@@ -0,0 +1 @@
+import{r as g,e as v,j as t,S as j,s as S}from"./index-BCzrIT2G.js";import{C as c,a as d,b as x}from"./card-BnbpsHNY.js";import{u as N,i as u,a as m}from"./useChart-DQHpg1hj.js";import{u as k,i as w,a as C,b as L,c as R,d as $,e as z,f as T}from"./echarts-BIWefrIc.js";k([w,C,L,R,$,z,T]);function q(){const[l,n]=g.useState(""),i=N(),e=v({queryKey:["stats",l||void 0],queryFn:()=>S(l?Number(l):void 0)}).data,p=u("2"),r=u("3"),h=m(()=>({grid:{left:34,right:12,top:14,bottom:24},tooltip:{trigger:"axis"},xAxis:{type:"category",data:(e==null?void 0:e.monthly.map(a=>a.ym.slice(2)))??[],axisLine:{lineStyle:{color:r}},axisTick:{show:!1},axisLabel:{color:r,fontSize:10}},yAxis:{type:"value",splitLine:{lineStyle:{color:"rgba(128,138,155,0.15)"}},axisLabel:{color:r,fontSize:10}},series:[{type:"bar",data:(e==null?void 0:e.monthly.map(a=>a.count))??[],barMaxWidth:18,itemStyle:{color:"#3056d3",borderRadius:[3,3,0,0]}}]}),[e,i]),b=m(()=>{const a=((e==null?void 0:e.by_type)??[]).filter(s=>s.count>0);return{tooltip:{trigger:"item"},legend:{orient:"vertical",right:4,top:"middle",textStyle:{color:p,fontSize:11},itemWidth:10,itemHeight:10},series:[{type:"pie",radius:["48%","72%"],center:["34%","50%"],label:{show:!1},data:a.map(s=>({name:s.label,value:s.count,itemStyle:{color:s.color||"#64748b"}}))}]}},[e,i]),y=m(()=>{const a=((e==null?void 0:e.by_level)??[]).filter(s=>s.count>0).slice().reverse();return{grid:{left:64,right:24,top:8,bottom:22},tooltip:{trigger:"axis"},xAxis:{type:"value",splitLine:{lineStyle:{color:"rgba(128,138,155,0.15)"}},axisLabel:{color:r,fontSize:10}},yAxis:{type:"category",data:a.map(s=>s.label),axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:p,fontSize:11}},series:[{type:"bar",data:a.map(s=>({value:s.count,itemStyle:{color:s.color||"#3056d3",borderRadius:[0,3,3,0]}})),barMaxWidth:14}]}},[e,i]),f=((e==null?void 0:e.metrics)??[]).slice(0,3);return t.jsxs("div",{className:"mx-auto max-w-[1080px] px-3 py-4 sm:px-6 sm:py-5",children:[t.jsxs("div",{className:"mb-4 flex flex-wrap items-center justify-between gap-3",children:[t.jsxs("div",{className:"flex flex-wrap gap-3",children:[t.jsx(o,{label:"总记录",value:(e==null?void 0:e.total)??0}),t.jsx(o,{label:l?l+" 年新增":"本年新增",value:(e==null?void 0:e.total_this_year)??0}),t.jsx(o,{label:"附件总数",value:(e==null?void 0:e.attachment_total)??0}),f.map(a=>t.jsx(o,{label:a.label,value:a.value,unit:a.unit??""},a.key))]}),t.jsx(j,{className:"w-[120px]",value:l,onChange:a=>n(a.target.value),options:[{value:"",label:"全部年份"},...((e==null?void 0:e.years)??[]).map(a=>({value:String(a),label:a+" 年"}))]})]}),!(e!=null&&e.metrics.length)&&t.jsx("div",{className:"mb-4 rounded-md border border-dashed border-line px-4 py-2 text-[12px] text-ink-3",children:"提示：在「统计」配置中注册指标（如志愿时长、读书本数），带单位的数值字段即可在此量化展示。"}),t.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[t.jsxs(c,{children:[t.jsx(d,{title:"近 12 个月活跃度"}),t.jsx(x,{children:t.jsx("div",{ref:h,className:"h-[220px]"})})]}),t.jsxs(c,{children:[t.jsx(d,{title:"类型分布"}),t.jsx(x,{children:t.jsx("div",{ref:b,className:"h-[220px]"})})]}),t.jsxs(c,{className:"col-span-2",children:[t.jsx(d,{title:"级别分布"}),t.jsx(x,{children:t.jsx("div",{ref:y,className:"h-[200px]"})})]})]})]})}function o({label:l,value:n,unit:i}){return t.jsxs("div",{className:"min-w-[120px] rounded-lg border border-line bg-surface px-4 py-3 shadow-card",children:[t.jsx("div",{className:"text-[12px] text-ink-3",children:l}),t.jsxs("div",{className:"num mt-0.5 text-[22px] font-semibold leading-tight text-ink-1",children:[n,i&&t.jsx("span",{className:"ml-1 text-[12px] font-normal text-ink-3",children:i})]})]})}export{q as DashboardPage};

sync-server/www/assets/DashboardPage-wK0A6Ijb.js

@@ -1 +0,0 @@
-import{r as g,e as v,j as t,S as j,s as S}from"./index-DZUuFiwq.js";import{C as c,a as d,b as x}from"./card-BjB6wxWQ.js";import{u as N,i as u,a as m}from"./useChart-Csyyulii.js";import{u as k,i as w,a as C,b as L,c as R,d as $,e as z,f as T}from"./echarts-BIWefrIc.js";k([w,C,L,R,$,z,T]);function q(){const[l,n]=g.useState(""),i=N(),e=v({queryKey:["stats",l||void 0],queryFn:()=>S(l?Number(l):void 0)}).data,p=u("2"),r=u("3"),h=m(()=>({grid:{left:34,right:12,top:14,bottom:24},tooltip:{trigger:"axis"},xAxis:{type:"category",data:(e==null?void 0:e.monthly.map(a=>a.ym.slice(2)))??[],axisLine:{lineStyle:{color:r}},axisTick:{show:!1},axisLabel:{color:r,fontSize:10}},yAxis:{type:"value",splitLine:{lineStyle:{color:"rgba(128,138,155,0.15)"}},axisLabel:{color:r,fontSize:10}},series:[{type:"bar",data:(e==null?void 0:e.monthly.map(a=>a.count))??[],barMaxWidth:18,itemStyle:{color:"#3056d3",borderRadius:[3,3,0,0]}}]}),[e,i]),b=m(()=>{const a=((e==null?void 0:e.by_type)??[]).filter(s=>s.count>0);return{tooltip:{trigger:"item"},legend:{orient:"vertical",right:4,top:"middle",textStyle:{color:p,fontSize:11},itemWidth:10,itemHeight:10},series:[{type:"pie",radius:["48%","72%"],center:["34%","50%"],label:{show:!1},data:a.map(s=>({name:s.label,value:s.count,itemStyle:{color:s.color||"#64748b"}}))}]}},[e,i]),y=m(()=>{const a=((e==null?void 0:e.by_level)??[]).filter(s=>s.count>0).slice().reverse();return{grid:{left:64,right:24,top:8,bottom:22},tooltip:{trigger:"axis"},xAxis:{type:"value",splitLine:{lineStyle:{color:"rgba(128,138,155,0.15)"}},axisLabel:{color:r,fontSize:10}},yAxis:{type:"category",data:a.map(s=>s.label),axisLine:{show:!1},axisTick:{show:!1},axisLabel:{color:p,fontSize:11}},series:[{type:"bar",data:a.map(s=>({value:s.count,itemStyle:{color:s.color||"#3056d3",borderRadius:[0,3,3,0]}})),barMaxWidth:14}]}},[e,i]),f=((e==null?void 0:e.metrics)??[]).slice(0,3);return t.jsxs("div",{className:"mx-auto max-w-[1080px] px-6 py-5",children:[t.jsxs("div",{className:"mb-4 flex flex-wrap items-center justify-between gap-3",children:[t.jsxs("div",{className:"flex flex-wrap gap-3",children:[t.jsx(o,{label:"总记录",value:(e==null?void 0:e.total)??0}),t.jsx(o,{label:l?l+" 年新增":"本年新增",value:(e==null?void 0:e.total_this_year)??0}),t.jsx(o,{label:"附件总数",value:(e==null?void 0:e.attachment_total)??0}),f.map(a=>t.jsx(o,{label:a.label,value:a.value,unit:a.unit??""},a.key))]}),t.jsx(j,{className:"w-[120px]",value:l,onChange:a=>n(a.target.value),options:[{value:"",label:"全部年份"},...((e==null?void 0:e.years)??[]).map(a=>({value:String(a),label:a+" 年"}))]})]}),!(e!=null&&e.metrics.length)&&t.jsx("div",{className:"mb-4 rounded-md border border-dashed border-line px-4 py-2 text-[12px] text-ink-3",children:"提示：在「统计」配置中注册指标（如志愿时长、读书本数），带单位的数值字段即可在此量化展示。"}),t.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-2 gap-4",children:[t.jsxs(c,{children:[t.jsx(d,{title:"近 12 个月活跃度"}),t.jsx(x,{children:t.jsx("div",{ref:h,className:"h-[220px]"})})]}),t.jsxs(c,{children:[t.jsx(d,{title:"类型分布"}),t.jsx(x,{children:t.jsx("div",{ref:b,className:"h-[220px]"})})]}),t.jsxs(c,{className:"col-span-2",children:[t.jsx(d,{title:"级别分布"}),t.jsx(x,{children:t.jsx("div",{ref:y,className:"h-[200px]"})})]})]})]})}function o({label:l,value:n,unit:i}){return t.jsxs("div",{className:"min-w-[120px] rounded-lg border border-line bg-surface px-4 py-3 shadow-card",children:[t.jsx("div",{className:"text-[12px] text-ink-3",children:l}),t.jsxs("div",{className:"num mt-0.5 text-[22px] font-semibold leading-tight text-ink-1",children:[n,i&&t.jsx("span",{className:"ml-1 text-[12px] font-normal text-ink-3",children:i})]})]})}export{q as DashboardPage};

sync-server/www/assets/card-BnbpsHNY.js

@@ -1 +1 @@
-import{j as s,a}from"./index-DZUuFiwq.js";function i({className:r,...e}){return s.jsx("div",{className:a("rounded-lg border border-line bg-surface shadow-card",r),...e})}function t({title:r,extra:e,className:n}){return s.jsxs("div",{className:a("flex min-h-11 flex-wrap items-center justify-between gap-2 border-b border-line px-4 py-1.5",n),children:[s.jsx("h3",{className:"text-[13px] font-semibold text-ink-1",children:r}),e&&s.jsx("div",{className:"flex flex-wrap items-center gap-2",children:e})]})}function c({className:r,...e}){return s.jsx("div",{className:a("p-4",r),...e})}export{i as C,t as a,c as b};
+import{j as s,a}from"./index-BCzrIT2G.js";function i({className:r,...e}){return s.jsx("div",{className:a("rounded-lg border border-line bg-surface shadow-card",r),...e})}function t({title:r,extra:e,className:n}){return s.jsxs("div",{className:a("flex min-h-11 flex-wrap items-center justify-between gap-2 border-b border-line px-4 py-1.5",n),children:[s.jsx("h3",{className:"text-[13px] font-semibold text-ink-1",children:r}),e&&s.jsx("div",{className:"flex flex-wrap items-center gap-2",children:e})]})}function c({className:r,...e}){return s.jsx("div",{className:a("p-4",r),...e})}export{i as C,t as a,c as b};

sync-server/www/assets/useChart-DQHpg1hj.js

@@ -1 +1 @@
-import{r}from"./index-DZUuFiwq.js";import{g as f}from"./echarts-BIWefrIc.js";function p(){const[n,o]=r.useState(0);return r.useEffect(()=>{const s=()=>o(t=>t+1);return window.addEventListener("fp-theme-change",s),()=>window.removeEventListener("fp-theme-change",s)},[]),n}function d(n){return getComputedStyle(document.documentElement).getPropertyValue("--text-"+n).trim()||"#454e5c"}function h(n,o){const s=r.useRef(null),[t,i]=r.useState(null),u=r.useRef(n);return u.current=n,r.useEffect(()=>{if(!t)return;const e=f(t);s.current=e,e.setOption(u.current(),{notMerge:!0});const c=new ResizeObserver(()=>e.resize());return c.observe(t),()=>{c.disconnect(),e.dispose(),s.current=null}},[t]),r.useEffect(()=>{var e;(e=s.current)==null||e.setOption(u.current(),{notMerge:!0})},[t,...o]),e=>i(e)}export{h as a,d as i,p as u};
+import{r}from"./index-BCzrIT2G.js";import{g as f}from"./echarts-BIWefrIc.js";function p(){const[n,o]=r.useState(0);return r.useEffect(()=>{const s=()=>o(t=>t+1);return window.addEventListener("fp-theme-change",s),()=>window.removeEventListener("fp-theme-change",s)},[]),n}function d(n){return getComputedStyle(document.documentElement).getPropertyValue("--text-"+n).trim()||"#454e5c"}function h(n,o){const s=r.useRef(null),[t,i]=r.useState(null),u=r.useRef(n);return u.current=n,r.useEffect(()=>{if(!t)return;const e=f(t);s.current=e,e.setOption(u.current(),{notMerge:!0});const c=new ResizeObserver(()=>e.resize());return c.observe(t),()=>{c.disconnect(),e.dispose(),s.current=null}},[t]),r.useEffect(()=>{var e;(e=s.current)==null||e.setOption(u.current(),{notMerge:!0})},[t,...o]),e=>i(e)}export{h as a,d as i,p as u};

sync-server/www/index.html

@@ -8,8 +8,8 @@
     <link rel="icon" href="/icons/pwa-192.png" />
     <link rel="apple-touch-icon" href="/icons/pwa-192.png" />
     <title>足迹 Footprints</title>
-    <script type="module" crossorigin src="/assets/index-DZUuFiwq.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-Dao00G5l.css">
+    <script type="module" crossorigin src="/assets/index-BCzrIT2G.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-CLr4ofF5.css">
   </head>
   <body>
     <div id="root"></div>