From 248dcb761c5f138e66269a1edb75545f87559873 Mon Sep 17 00:00:00 2001
From: xfy <i@rua.plus>
Date: Mon, 13 Jul 2026 16:21:02 +0800
Subject: [PATCH] =?UTF-8?q?refactor(ui):=20=E5=9C=86=E8=A7=92=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=E4=B8=BA=E4=B8=89=E6=A1=A3=E6=A2=AF=E5=BA=A6(32/16/8)?=
 =?UTF-8?q?+token=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将全站圆角收敛为语义化三档梯度:
- --radius-card  32px  容器(卡片/封面/admin主面板)
- --radius-paper 16px  内容(代码块/正文图片/iframe/表格)
- --radius-mini   8px  微元素(标签/复制按钮/toc/paginav)

此前内容区代码块、正文图片圆角仅 8px,与卡片 32px 设计语言断层
4 倍;表格 16px 是硬编码字面量散落 5 处。本次:
- --radius-paper 从 8px 提到 16px,代码块/图片/iframe 随之提档
- 表格 5 处 16px 字面量改用 var(--radius-paper)(值不变,语义化)
- toc/复制按钮/标签/paginav/blur-img 拆出到新 --radius-mini:8px
- 封面 2rem 改用 var(--radius-card)(值不变,语义化)

按钮/头像/徽章另用胶囊(rounded-full),独立于本梯度,不动。
---
 input.css | 30 +++++++++++++++++-------------
 1 file changed, 17 insertions(+), 13 deletions(-)

diff --git a/input.css b/input.css
index ba12f9c..8aacce0 100644
--- a/input.css
+++ b/input.css
@@ -27,7 +27,11 @@
   --color-paper-accent-2: #179299;
   --color-paper-accent-2-soft: #ccd0da;
 
-  --radius-paper: 8px;
+  /* 圆角三档梯度：容器 32 → 内容 16 → 微元素 8。
+     按钮/头像/徽章另用胶囊（Tailwind rounded-full），独立于本梯度。 */
+  --radius-card: 2rem;    /* 32px：文章卡片、封面、admin 主面板 */
+  --radius-paper: 16px;   /* 16px：代码块、正文图片、iframe、表格、输入框、admin 卡片 */
+  --radius-mini: 8px;     /* 8px：标签、复制按钮、toc、paginav */
   --gap-paper: 24px;
   --content-gap-paper: 20px;
   --nav-width-paper: 1024px;
@@ -203,13 +207,13 @@
   details.toc {
     margin-bottom: var(--content-gap-paper);
     background: var(--color-paper-code-bg);
-    border-radius: var(--radius-paper);
+    border-radius: var(--radius-mini);
     border: 1px solid var(--color-paper-border);
   }
 
   details.toc summary {
     padding: 0.3rem 1.2rem;
-    border-radius: var(--radius-paper);
+    border-radius: var(--radius-mini);
     cursor: pointer;
     display: list-item;
     width: 100%;
@@ -277,7 +281,7 @@
   /* 封面用 blur-img 结构：去 margin、保持圆角，内层 img cover 填充 */
   .entry-cover .blur-img {
     margin: 0;
-    border-radius: 2rem;
+    border-radius: var(--radius-card);
     overflow: hidden;
   }
   .entry-cover img {
@@ -421,7 +425,7 @@
     width: 100%;
     border-collapse: separate;
     border-spacing: 0;
-    border-radius: 16px;
+    border-radius: var(--radius-paper);
     box-shadow: 0 0 0 1px var(--color-paper-border);
   }
 
@@ -436,19 +440,19 @@
   }
 
   .md-content table thead th:first-child {
-    border-top-left-radius: 16px;
+    border-top-left-radius: var(--radius-paper);
   }
 
   .md-content table thead th:last-child {
-    border-top-right-radius: 16px;
+    border-top-right-radius: var(--radius-paper);
   }
 
   .md-content table tbody tr:last-child td:first-child {
-    border-bottom-left-radius: 16px;
+    border-bottom-left-radius: var(--radius-paper);
   }
 
   .md-content table tbody tr:last-child td:last-child {
-    border-bottom-right-radius: 16px;
+    border-bottom-right-radius: var(--radius-paper);
   }
 
   .md-content table tbody td {
@@ -540,7 +544,7 @@
     right: 8px;
     color: var(--color-paper-theme);
     background: var(--color-paper-tertiary);
-    border-radius: var(--radius-paper);
+    border-radius: var(--radius-mini);
     padding: 4px 8px;
     font-size: 12px;
     user-select: none;
@@ -607,7 +611,7 @@
     font-size: 14px;
     line-height: 34px;
     background: var(--color-paper-code-bg);
-    border-radius: var(--radius-paper);
+    border-radius: var(--radius-mini);
     border: 1px solid var(--color-paper-border);
     text-decoration: none;
     transition: all 0.2s ease-out;
@@ -621,7 +625,7 @@
 
   .paginav {
     display: flex;
-    border-radius: var(--radius-paper);
+    border-radius: var(--radius-mini);
     background: var(--color-paper-code-bg);
     border: 1px solid var(--color-paper-border);
     overflow: hidden;
@@ -738,7 +742,7 @@
     aspect-ratio: var(--ar);
     /* 加载中灰底（占位图未加载完时） */
     background: var(--color-paper-code-bg);
-    border-radius: 6px;
+    border-radius: var(--radius-mini);
     margin: 1em 0;
   }
   .blur-img-placeholder {