新增对象存储/账单/保留IP页面,成本今天视图与样式收敛

src/components/settings/AboutTab.vue

@@ -114,17 +114,17 @@ function openRepo() {
     <!-- 运行状态:运行时长随查看自增,资源指标为进程自启动累计口径 -->
     <div v-if="info?.resources" class="panel">
       <div
-        class="flex items-center justify-between gap-3 border-b border-line-soft px-5 py-3.5 max-md:flex-col max-md:items-start max-md:gap-1"
+        class="flex items-center justify-between gap-3 border-b border-line-soft px-4.5 py-3.5 max-md:flex-col max-md:items-start max-md:gap-1"
       >
         <div class="flex items-center gap-2">
           <span class="live-dot"></span>
-          <span class="text-[13px] font-semibold">运行状态</span>
+          <span class="text-sm font-semibold">运行状态</span>
         </div>
         <span class="text-xs text-ink-3">
           自 {{ fmtTime(info.startedAt) }} 启动 · 指标为进程自启动累计口径
         </span>
       </div>
-      <div class="px-5 pt-[22px] pb-5">
+      <div class="px-4.5 pt-[22px] pb-5">
         <div class="text-xs font-medium text-ink-2">运行时间</div>
         <div class="mt-1.5 text-[38px] leading-[1.1] font-semibold tracking-[-0.6px]">
           <template v-for="p in uptimeParts" :key="p.u"
@@ -132,9 +132,9 @@ function openRepo() {
           >
         </div>
       </div>
-      <div class="mx-5 h-px bg-line-soft"></div>
+      <div class="mx-4.5 h-px bg-line-soft"></div>
       <div class="grid grid-cols-4 max-md:grid-cols-2">
-        <div v-for="c in statCells" :key="c.label" class="statcell flex flex-col gap-[5px] px-5 pt-4 pb-[18px]">
+        <div v-for="c in statCells" :key="c.label" class="statcell flex flex-col gap-[5px] px-4.5 pt-4 pb-[18px]">
           <div class="text-xs font-medium text-ink-2">{{ c.label }}</div>
           <div class="text-[26px] leading-[1.15] font-semibold tracking-[-0.3px]">
             <span>{{ c.value }}</span
@@ -146,7 +146,7 @@ function openRepo() {
     </div>
 
     <!-- GitHub 仓库 -->
-    <div class="panel flex items-center gap-3.5 px-5 py-4">
+    <div class="panel flex items-center gap-3.5 px-4.5 py-4">
       <span class="flex h-10 w-10 flex-none items-center justify-center rounded-[9px] bg-wash">
         <svg class="h-5 w-5" viewBox="0 0 16 16" fill="currentColor">
           <path