From adf2acd22cb8f21e8b3bc60d3b5e8dfac33b0d9d Mon Sep 17 00:00:00 2001
From: Cell <1024@lruihao.cn>
Date: Sun, 7 Jul 2024 18:27:06 +0800
Subject: [PATCH] :lipstick: Style: update bilibili and douyin shortcode style

---
 assets/css/_shortcodes/_bilibili.scss | 6 +++---
 assets/css/_shortcodes/_douyin.scss   | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/css/_shortcodes/_bilibili.scss b/assets/css/_shortcodes/_bilibili.scss
index 6eef8e649..ce47f3c65 100644
--- a/assets/css/_shortcodes/_bilibili.scss
+++ b/assets/css/_shortcodes/_bilibili.scss
@@ -1,9 +1,9 @@
 .bilibili {
   position: relative;
   width: 100%;
-  height: 0;
-  padding-bottom: 75%;
-  margin: 3% auto;
+  height: auto;
+  aspect-ratio: 16 / 9;
+  margin: 1rem auto;
   text-align: center;
 
   iframe {
diff --git a/assets/css/_shortcodes/_douyin.scss b/assets/css/_shortcodes/_douyin.scss
index d8a31aa4d..47daba952 100644
--- a/assets/css/_shortcodes/_douyin.scss
+++ b/assets/css/_shortcodes/_douyin.scss
@@ -3,7 +3,7 @@
   width: 100%;
   height: 0;
   padding-bottom: 60.725%;
-  margin: 3% auto;
+  margin: 1rem auto;
   text-align: center;
 
   iframe {