opt: use superellipse corner-shape

xaoxuu · xaoxuu · commit bbdb2b7faac1 · 2026-03-02T16:37:07.000+08:00
diff --git a/source/css/_common/highlight.styl b/source/css/_common/highlight.styl
@@ -14,6 +14,7 @@ p>code:not([class]),li>code:not([class])
   --theme: var(--text-p3)
   margin: var(--gap-p) 0
   border-radius: $border-card
+  corner-shape: superellipse(1.2)
   overflow: hidden
   background: var(--block)
   font-family: $ff-codeblock
@@ -79,6 +80,7 @@ p>code:not([class]),li>code:not([class])
   .gist-file 
     border: 1px solid var(--block-border)
     border-radius: $border-card
+    corner-shape: superellipse(1.2)
     overflow: hidden
   .gist-data
     --bgColor-default: var(--block)
diff --git a/source/css/_common/loading.styl b/source/css/_common/loading.styl
@@ -31,4 +31,8 @@ svg.loading
     font-size: 14px
   &.error
     &:after
-      content: hexo-config('style.loading.error')
+      content: hexo-config('style.loading.error')
+
+.article-footer
+  .loading-wrap
+    background: none
diff --git a/source/css/_components/md.styl b/source/css/_components/md.styl
@@ -82,6 +82,7 @@
 .md-text.content 
   p>img, .tag-plugin.image .image-bg
     border-radius: $border-image
+    corner-shape: superellipse(1.2)
 
 // 链接样式
 li:not([class]) a:not([class])
diff --git a/source/css/_components/pages/article-story.styl b/source/css/_components/pages/article-story.styl
@@ -91,8 +91,10 @@
 
   p>img, .tag-plugin.image .image-bg
     border-radius: $border-image-l
+    corner-shape: superellipse(1.2)
     >img
       border-radius: $border-image-l
+      corner-shape: superellipse(1.2)
 
 
 .l_body[type=story] .md-text.content>blockquote, .md-text.content .tag-plugin.blockquote
diff --git a/source/css/_components/partial/article-footer.styl b/source/css/_components/partial/article-footer.styl
@@ -3,6 +3,7 @@
   padding: 1rem
   background: var(--block)
   border-radius: $border-card-l
+  corner-shape: superellipse(1.2)
   border: 1px solid var(--block-border)
   font-size: $fs-15
   line-height: 1.6
diff --git a/source/css/_components/sidebar/menu.styl b/source/css/_components/sidebar/menu.styl
@@ -16,6 +16,7 @@
     width: 100%
     min-height: 40px
     border-radius: $border-bar
+    corner-shape: superellipse(1.2)
     font-size: $fs-15
     font-weight: 500
     color: var(--text-p3)
diff --git a/source/css/_components/tag-plugins/folding.styl b/source/css/_components/tag-plugins/folding.styl
@@ -3,6 +3,7 @@ details.folding
   padding: 1rem
   margin: 1rem 0
   border-radius: $border-card
+  corner-shape: superellipse(1.2)
   background: var(--theme-block)
   border: 1px solid var(--theme-border)
   summary
diff --git a/source/css/_components/tag-plugins/gallery.styl b/source/css/_components/tag-plugins/gallery.styl
@@ -49,6 +49,8 @@
 // 网格布局
 .tag-plugin.gallery.grid-box
   display: grid
+  .grid-cell
+    corner-shape: superellipse(1.2)
   &[size='xs']
     grid-template-columns: repeat(auto-fill, minmax(80px, 1fr))
     grid-gap: 2px
diff --git a/source/css/_components/tag-plugins/grid.styl b/source/css/_components/tag-plugins/grid.styl
@@ -17,6 +17,7 @@
   &[bg]>.cell
     padding: 1rem
     border-radius: $border-card
+    corner-shape: superellipse(1.2)
   &[bg='box']>.cell
     background: var(--block)
   &[bg='card']>.cell
diff --git a/source/css/_components/tag-plugins/image.styl b/source/css/_components/tag-plugins/image.styl
@@ -5,6 +5,7 @@
   .image-bg
     text-align: center
     border-radius: $border-image
+    corner-shape: superellipse(1.2)
     position: relative
     overflow: hidden
     display: flex
@@ -23,6 +24,7 @@
       display: block
       object-fit: cover
       border-radius: $border-image
+      corner-shape: superellipse(1.2)
     .image-download
       z-index: 2
       position: absolute
diff --git a/source/css/_components/tag-plugins/link.styl b/source/css/_components/tag-plugins/link.styl
@@ -13,6 +13,7 @@
   width: 300px
   max-width: 100%
   border-radius: $border-card-s
+  corner-shape: superellipse(1.2)
   hoverable-card()
 
 .md-text .link-card.plain
diff --git a/source/css/_components/tag-plugins/note.styl b/source/css/_components/tag-plugins/note.styl
@@ -2,6 +2,7 @@
   position: relative
   padding: 0.25rem 1rem
   border-radius: $border-card
+  corner-shape: superellipse(1.2)
   background: var(--theme-block)
   overflow: hidden
   if hexo-config('tag_plugins.note.border') == true
diff --git a/source/css/_components/tag-plugins/okr.styl b/source/css/_components/tag-plugins/okr.styl
@@ -1,6 +1,7 @@
 .md-text .tag-plugin.okr
   position: relative
   border-radius: $border-card
+  corner-shape: superellipse(1.2)
   background: var(--theme-block)
   if hexo-config('tag_plugins.okr.border') == true
     border: 1px solid var(--theme-border)
diff --git a/source/css/_components/tag-plugins/sites.styl b/source/css/_components/tag-plugins/sites.styl
@@ -12,6 +12,7 @@
   position: relative
   .lazy-box
     border-radius: $border-card-s
+    corner-shape: superellipse(1.2)
     box-shadow: 0 1px 2px 0px rgba(0, 0, 0, 0.2)
     overflow hidden
     >img
@@ -28,6 +29,7 @@
       margin-right: 8px
       margin-top: 2px
       border-radius: @width
+      corner-shape: superellipse(1)
       >img
         width: 28px
         height: @width
diff --git a/source/css/_components/tag-plugins/timeline.styl b/source/css/_components/tag-plugins/timeline.styl
@@ -3,6 +3,7 @@
   padding-left: 16px
   p>img
     border-radius: $border-image-s
+    corner-shape: superellipse(1.2)
   &:before
     content: ''
     position: absolute
@@ -23,6 +24,7 @@
       margin-left: 0
     p>img
       border-radius: $border-image-s
+      corner-shape: superellipse(1.2)
 
 .tag-plugin.timeline .timenode
   position: relative
@@ -91,6 +93,7 @@
 .tag-plugin.timeline .body
   background: var(--card)
   border-radius: 16px
+  corner-shape: superellipse(1.2)
   border-top-left-radius: 2px
   padding: 0.5rem 1rem
   margin-top: 4px
@@ -147,6 +150,7 @@
   .lazy-box
     margin: .5rem 0
     border-radius: $border-image
+    corner-shape: superellipse(1.2)
     >img
       margin: 0 auto
 
@@ -155,6 +159,7 @@
 
 aside .tag-plugin.timeline[data-api] .body .lazy-box
   border-radius: $border-image-s
+  corner-shape: superellipse(1.2)
 
 .tag-plugin.timeline[data-api] .body .footer
   margin: 0 0 -0.5rem
diff --git a/source/css/_components/widgets/components.styl b/source/css/_components/widgets/components.styl
@@ -4,6 +4,7 @@
 
 .linklist .link
   border-radius: $border-bar
+  corner-shape: superellipse(1.2)
   color: var(--text-p2)
   min-height: 32px
   padding: 0 4px
diff --git a/source/css/_components/widgets/list.styl b/source/css/_components/widgets/list.styl
@@ -4,6 +4,7 @@
     padding: 6px 16px
     display: block
     border-radius: $border-bar
+    corner-shape: superellipse(1.2)
     color: var(--text-p1)
     trans1 background
     &.active,&:hover
diff --git a/source/css/_plugins/comments/artalk.styl b/source/css/_plugins/comments/artalk.styl
@@ -158,6 +158,7 @@
     >img
       margin: var(--gap-p) auto
       border-radius: $border-image-s
+      corner-shape: superellipse(1.2)
   a>img
     display: inline
   img[atk-emoticon]
diff --git a/source/css/_plugins/comments/twikoo.styl b/source/css/_plugins/comments/twikoo.styl
@@ -6,6 +6,7 @@
     .vemoji, .tk-owo-emotion
       width: unset
       border-radius: $border-image-s
+      corner-shape: superellipse(1.2)
       max-height: 24px
       max-width: 100px
       display: inline
@@ -14,6 +15,7 @@
       max-width: 400px
       max-height: 400px
       border-radius: $border-image-s
+      corner-shape: superellipse(1.2)
 
 .OwO
   .OwO-body
