+
+
为1Panel添加自己想要的应用
+
2026-02-26T11:44:54.736Z
+
+
+
+ biss
+
+
+
+
+ 1panel没有宝塔的webhook功能,之前一直使用在服务器上建立裸仓库,直接推送到服务器的方法。现在找到一种新的方法。建立GitHub仓库 因为服务器部署在香港,可以直连GitHub,国内可以使用gitee或者GitHub镜像加速。
在本地安装git
打开git bash配置用户名和邮箱
1 2 git config --global user.name "yourname" git config --global user.email "youremail"
可以使用 git config –list查看当前所有的配置
在github上创建自己的账号(在自己的电脑和服务器上)
创建SSH Key a:打开Git Bash,输入pwd查看当前路径 b.输入ssh-keygen -t rsa –C “youremail@example.com” (输入完毕后程序同时要求输入一个密语字符串(passphrase),空表示没有密语。接着会让输入2次口令(password),空表示没有口令。3次回车即可完成当前步骤)
在GitHub上传自己的公钥
新建一个私有仓库
上传文件到仓库 在自己hexo根目录下使用powershell,输入git init,然后git push到之前自己新建的仓库。
创建Action 创建Action 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 name: 自动部署 on: push: branches: - main release: types: - published workflow_dispatch: env: TZ: Asia/Shanghai jobs: deploy: runs-on: ubuntu-latest steps: - name: 检查分支 uses: actions/checkout@v3 with: ref: main - name: 缓存项目 npm 包 id: cache-node-modules uses: actions/cache@v3 with: path: node_modules key: ${{ runner.os }}-nodeModules-${{ hashFiles('package-lock.json') }}-${{ hashFiles('package.json') }} restore-keys: | ${{ runner.os }}-nodeModules- - name: 安装 Node uses: actions/setup-node@v3 with: node-version: "20.x" - name: 安装 Hexo run: | npm install hexo-cli --global - name: 安装依赖 if: steps.cache-node-modules.outputs.cache-hit != 'true' run: | npm install - name: 清理文件树 run: | npm run clean - name: 生成静态文件并压缩 run: | npm run build - name: 部署 run: | cd ./public git init git config user.name "${{ github.actor }}" git config user.email "${{ github.actor }}@users.noreply.github.com" git add . git commit -m "${{ github.event.head_commit.message }}··[$(date +"%Z %Y-%m-%d %A %H:%M:%S")]" git push --force --quiet "https://${{ github.actor }}:${{ secrets.GITHUB_TOKEN }}@github.com/${{ github.repository }}.git" master:page - name: 服务器执行拉取命令 uses: appleboy/ssh-action@v1 with: host: ${{ secrets.SERVER_IP }} username: ${{ secrets.USERNAME }} key: ${{ secrets.KEY }} passphrase: ${{ secrets.PASSPHRASE }} port: ${{ secrets.PORT }} script: | cd /opt/1panel/apps/openresty/openresty/www/sites/blog.liushen.fun/index/ git config --global --add safe.directory "$(pwd)" git fetch --all --depth=1 git reset --hard origin/main git pull --depth=1 echo "✅ 已拉取 page 分支最新内容"
环境变量 此次添加变量较多,有:SERVER_IP,USERNAME,PASSPHRASE,KEY,PORT五个变量,如下:
SERVER_IP:服务器IPUSERNAME:SSH链接用户名,一般为rootPASSPHRASE:密钥密码,用来提升强度用KEY:密钥(私钥)PORT:SSH登录端口,一般为22
测试 运行一下这个Action无报错即可。
]]>
+
+ https://blog.biss.click/posts/ce1ec3fe/
+
+ 2025-08-18T09:10:18.000Z
+
+ 1panel没有宝塔的webhook功能,之前一直使用在服务器上建立裸仓库,直接推送到服务器的方法。现在找到一种新的方法。
+
+ 使用GitHub推送Hexo到服务器
+ 2026-02-26T11:44:54.740Z
+
+
+
+ biss
+
+
+
+
+ 简介C# 是一种面向对象的编程语言。在面向对象的程序设计方法中,程序由各种相互交互的对象组成。相同种类的对象通常具有相同的类型,或者说,是在相同的 class 中。
例如,以 Rectangle(矩形)对象为例。它具有 length 和 width 属性。根据设计,它可能需要接受这些属性值、计算面积和显示细节。
实例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 using System;namespace RectangleApplication { class Rectangle { double length; double width; public void Acceptdetails () { length = 4.5 ; width = 3.5 ; } public double GetArea () { return length * width; } public void Display () { Console.WriteLine("Length: {0}" , length); Console.WriteLine("Width: {0}" , width); Console.WriteLine("Area: {0}" , GetArea()); } } class ExecuteRectangle { static void Main (string [] args ) { Rectangle r = new Rectangle(); r.Acceptdetails(); r.Display(); Console.ReadLine(); } } }
尝试一下 » 当上面的代码被编译和执行时,它会产生下列结果:
1 2 3 Length: 4.5 Width: 3.5 Area: 15.75
using 关键字 在任何 C# 程序中的第一条语句都是:
using System; using 关键字用于在程序中包含命名空间。一个程序可以包含多个 using 语句。
class 关键字 class 关键字用于声明一个类。
C# 中的注释 注释是用于解释代码。编译器会忽略注释的条目。在 C# 程序中,多行注释以 /* 开始,并以字符 */ 终止,如下所示:
单行注释是用 // 符号表示。例如:
成员变量 变量是类的属性或数据成员,用于存储数据。在上面的程序中,Rectangle 类有两个成员变量,名为 length 和 width。
成员函数 函数是一系列执行指定任务的语句。类的成员函数是在类内声明的。我们举例的类 Rectangle 包含了三个成员函数: AcceptDetails、GetArea 和 Display。
实例化一个类 在上面的程序中,类 ExecuteRectangle 是一个包含 Main() 方法和实例化 Rectangle 类的类。
标识符 标识符是用来识别类、变量、函数或任何其它用户定义的项目。在 C# 中,类的命名必须遵循如下基本规则:
标识符必须以字母、下划线或 @ 开头,后面可以跟一系列的字母、数字( 0 - 9 )、下划线( _ )、@。 标识符中的第一个字符不能是数字。 标识符必须不包含任何嵌入的空格或符号,比如 ? - +! # % ^ & * ( ) [ ] { } . ; : “ ‘ / \。 标识符不能是 C# 关键字。除非它们有一个 @ 前缀。 例如,@if 是有效的标识符,但 if 不是,因为 if 是关键字。 标识符必须区分大小写。大写字母和小写字母被认为是不同的字母。 不能与C#的类库名称相同。 C# 关键字 关键字是 C# 编译器预定义的保留字。这些关键字不能用作标识符,但是,如果您想使用这些关键字作为标识符,可以在关键字前面加上 @ 字符作为前缀。
在 C# 中,有些关键字在代码的上下文中有特殊的意义,如 get 和 set,这些被称为上下文关键字(contextual keywords)。
顶级语句(Top-Level Statements) 在 C# 9.0 版本中,引入了顶级语句(Top-Level Statements)的概念,这是一种新的编程范式,允许开发者在文件的顶层直接编写语句,而不需要将它们封装在方法或类中。
特点: 无需类或方法:顶级语句允许你直接在文件的顶层编写代码,无需定义类或方法。
文件作为入口点:包含顶级语句的文件被视为程序的入口点,类似于 C# 之前的 Main 方法。
自动 Main 方法:编译器会自动生成一个 Main 方法,并将顶级语句作为 Main 方法的主体。
支持局部函数:尽管不需要定义类,但顶级语句的文件中仍然可以定义局部函数。
更好的可读性:对于简单的脚本或工具,顶级语句提供了更好的可读性和简洁性。
适用于小型项目:顶级语句非常适合小型项目或脚本,可以快速编写和运行代码。
与现有代码兼容:顶级语句可以与现有的 C# 代码库一起使用,不会影响现有代码。
传统 C# 代码 - 在使用顶级语句之前,你必须像这样编写一个 C# 程序:
实例
1 2 3 4 5 6 7 8 9 10 11 12 using System;namespace MyApp { class Program { static void Main (string [] args ) { Console.WriteLine("Hello, World!" ); } } }
使用顶级语句的 C# 代码 - 使用顶级语句,可以简化为:
实例
1 2 3 using System;Console.WriteLine("Hello, World!" );
顶级语句支持所有常见的 C# 语法,包括声明变量、定义方法、处理异常等。
实例
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 using System;using System.Linq;int number = 42 ;string message = "The answer to life, the universe, and everything is" ;Console.WriteLine($"{message} {number} ." ); int Add (int a, int b ) => a + b;Console.WriteLine($"Sum of 1 and 2 is {Add(1 , 2 )} ." ); var numbers = new [] { 1 , 2 , 3 , 4 , 5 };var evens = numbers.Where(n => n % 2 == 0 ).ToArray();Console.WriteLine("Even numbers: " + string .Join(", " , evens)); try { int zero = 0 ; int result = number / zero; } catch (DivideByZeroException ex){ Console.WriteLine("Error: " + ex.Message); }
]]>
+
+ https://blog.biss.click/posts/e9a8e898/
+
+ 2025-08-16T10:01:10.000Z
+
+ 简介C#]]>
+
+ C# 基本语法
+ 2026-02-26T11:44:54.736Z
+
+
diff --git a/categories/index.html b/categories/index.html
new file mode 100644
index 0000000..a661342
--- /dev/null
+++ b/categories/index.html
@@ -0,0 +1,487 @@
+
分类 | Bi's Blog
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/categories/learning/index.html b/categories/learning/index.html
new file mode 100644
index 0000000..a8dba8a
--- /dev/null
+++ b/categories/learning/index.html
@@ -0,0 +1,450 @@
+
分类: 学习 | Bi's Blog
+
+
+
+
+
+
+
+
+
C# 基本语法 简介C# 是一种面向对象的编程语言。在面向对象的程序设计方法中,程序由各种相互交互的对象组成。相同种类的对象通常具有相同的类型,或者说,是在相同的 class 中。 例如,以 Rectangle(矩形)对象为例。它具有 length 和 width 属性。根据设计,它可能需要接受这些属性值、计算面积和显示细节。 实例 123456789101112131415161718192021222324252627282930313233343536using System;namespace RectangleApplication{ class Rectangle { // 成员变量 double length; double width; public void Acceptdetails() { length = 4.5; width = 3.5; } public double ...
C# 入门 今天开始学习C# 环境安装下载Visual Studio,社区版就可以 🪧引用站外地址,不保证站点的可用性和安全性 Visual Studio Visual Studio 下载的是安装器选择.Net桌面开发,注意修改安装位置 第一个程序123456789101112131415using System;namespace HelloWorldApplication{ /* 类名为 HelloWorld */ class HelloWorld { /* main函数 */ static void Main(string[] args) { /* 我的第一个 C# 程序 */ Console.WriteLine("Hello World!"); C...
英语文章分享-去奋力生活吧,就好像死亡近在咫尺 As a hospice doctor, I often have the privilege of being at the bedside of dying patients.Over the years, I’ve had countless conversations about lives well lived, and more often, about regrets.Many of my patients express a strikingly similar sentiment:I really regret that I never had the energy or time to…The rest of the sentence varies.For one, it might be writing a book.For another, traveling to a far-off land.For someone else, maybe it’s training for a favorite sport.The specifics change, ...
\ No newline at end of file
diff --git a/categories/miscellaneous/index.html b/categories/miscellaneous/index.html
new file mode 100644
index 0000000..aa8d2b0
--- /dev/null
+++ b/categories/miscellaneous/index.html
@@ -0,0 +1,450 @@
+
分类: 杂谈 | Bi's Blog
+
+
+
+
+
+
+
+
+
和朋友们的故事 最近一直忙于学习(虽然也没怎么好好学),所以一直忘了网站的更新;现在闲下来了,又不知道该写点什么;就写写我和朋友们的故事吧。因为一次偶然的突发奇想,解锁了挂号信这种奇奇怪怪的通信方式,虽然现在网络发达,但感觉这种方式有一种独特的魅力。所以从去年开始就断断续续地给朋友们写信,这是一些挂号信收据: 这应该是去年上半年的一张图片,下半年也在零散的发,只不过下半年比较忙,没发多少。到年底的时候呢又想着写一点贺年信,当然感觉自己的水平下降,写不出什么好的文章。于是开始着手准备电子版贺卡,当然完全使用了AI工具,自己写太麻烦,也没什么精力去写,于是就有了下面的电子贺卡: 之后呢,又写了其他一些有趣的功能,但好像不是这篇文章的重点; 再写信和创作电子贺卡是感慨万分,进入大学之后时间似乎变得十分快,感觉除了几个天天联系的好友之外,其他人都慢慢疏远了,不过这也是必然的事情,也没什么可悲伤的,只是感慨罢了。 怎么说,就这样吧,下次有时间再在这篇文章里更新。
\ No newline at end of file
diff --git a/categories/technology/index.html b/categories/technology/index.html
new file mode 100644
index 0000000..759ec90
--- /dev/null
+++ b/categories/technology/index.html
@@ -0,0 +1,450 @@
+
分类: 技术 | Bi's Blog
+
+
+
+
+
+
+
+
+
自建bitwarden服务 Bitwarden 是一款开源、端到端加密的密码管理器,支持 Windows、macOS、Linux、Android、iOS 以及几乎所有主流浏览器。它可以帮你: 安全存储密码、银行卡、笔记、密钥等敏感信息 全设备自动同步 一键自动填充账号密码 生成高强度随机密码 检测弱密码、重复密码、泄露密码 之前一直使用浏览器自带的密码管理器,跨平台不太好用,所以自建一个Bitwarden服务器。但是我们一般用Vaultwarden,占用更小,有一些Bitwarden的商业功能。 123456789101112services: vaultwarden: image: vaultwarden/server:latest container_name: vaultwarden restart: unless-stopped environment: DOMAIN: "https://vw.domain.tld" #更改成自己的域名 volumes: - ./vw-data/:/data/ ports: ...
自建renovate-bot 最近自建了gitea,所以把renovatebot也自建一下,毕竟renovatebot可以自动更新依赖,但是它不对自建git提供服务。这是docker compose文件: 123456789101112services: renovate: image: renovate/renovate:latest environment: RENOVATE_PLATFORM: 'gitea' RENOVATE_ENDPOINT: '你的git api地址' RENOVATE_TOKEN: 'token' RENOVATE_AUTODISCOVER: 'true' RENOVATE_GIT_AUTHOR: Renovate Bot <bot@biss.click> RENOVATE_USERNAME: renovate-bot volumes: - ./renovate-data:/tmp/renovate ...
将博客仓库转移到gitea 在上一篇文章中已经完成了gitea的安装那么博客源码迁移倒是没问题,直接git remote add origin就行,但是action文件就有些变更。这是我修改的action文件: 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556name: 自动部署on: push: branches: - master release: types: - published workflow_dispatch:env: TZ: Asia/Shanghaijobs: deploy: runs-on: ubuntu-latest steps: - name: 检查分支 uses: actions/checkout@v4 with: ref: master - name: 缓存项目 npm 包 id: cache-node-modul...
安装gitea 今天想把网站的源码转移到自建git仓,所以先来安装gitea吧(gitlab过于庞大,服务器配置不够)PS:我的服务器为2C2G 安装gitea这里用二进制文件安装 获取二进制文件:123wget -O gitea https://dl.gitea.com/gitea/1.25.4/gitea-1.25.4-linux-amd64chmod +x giteacp gitea /usr/local/bin/gitea 创建用户这一步不是必须的,但是推荐这样,用root用户很容易出问题。 1234567891011121314151617181920# On Ubuntu/Debian:adduser \ --system \ --shell /bin/bash \ --gecos 'Git Version Control' \ --group \ --disabled-password \ --home /home/git \ git# On Fedora/RHEL/CentOS:groupadd --system gitaddus...
添加typesense搜索 最近在构建班级博客,用ghost cms,在构建搜索时发现了typesense,所以把他移植到这个博客上。 安装typesense直接用docker-compose: 1234567891011services: typesense: image: typesense/typesense:30.1 restart: always ports: - "8108:8108" volumes: - ./typesense-data:/data command: '--data-dir /data --api-key=填写key --enable-cors' 然后就是反向代理之类的,不过多写了。 添加数据集123# 先安装库npm install hexo-generator-searchnpm install typesense xml2js 然后在config.yml配置(就是把文章生成json): 1234search: path: search.json field: post c...
Adguard和Openclash共存 在之前已经安装了Openwrt系统,并且也配置了OpenClash和AdguardHome,两者的原理简单看都是劫持DNS,所以两者要同时运行,必须经过一定的配置。无非就这两种方式: 左边的方式更简单一些,只需要修改AdguardHome的上游DNS服务器为127.0.0.1:7874 即可;右边的方式需要将OpenClash里的DNS指向AdguardHome,但是可能有拦截失败的情况(好像没有遇到过)。
Adguard规则分享 众所周知,Adguardhome是用于拦截广告的工具,搭配好的规则,拦截效果才会更好,下面来分享一些规则: 一个综合的过滤规则 🪧引用站外地址,不保证站点的可用性和安全性 adblockfilters adblockfilters 广告过滤规则订阅中心 🪧引用站外地址,不保证站点的可用性和安全性 广告过滤规则订阅中心 广告过滤规则订阅中心 集成了许多规则,可以挑选一下加入。 这是我添加的规则,在这些规则下,用Adblocktester可以达到74分,基本够用
在Openwrt上安装AdguardHome 接续前言,AdguardHome是一款广告拦截软件,有了一台小软路由后就开始折腾了。 安装首先要下载软件包,但是经过尝试,软件源里面的luci-app-adguardhome不太好用(也可能是我不会用) ,所以我用的下面的包: 🪧引用站外地址,不保证站点的可用性和安全性 luci-app-adguardhome rufengsuixing 虽然好几年没更新了,但还是能用。下载之后上传到路由器,使用opkg install命令安装,或者可以直接通过网页安装: 配置如下图所示进行操作,如果更新核心版本失败,考虑更换升级用的下载链接,使用镜像源,或者科学上网,错号框内的非必要不修改; 最后点击“保存并应用”,然后点击AdGuardHome Web:3000,进行安装,建议关闭路由器自带DNS/DHCP服务器,AdguardHome直接替代 然后,设置AdguardHome的DHCP服务器,注意要先检...
在Openwrt中安装OpenClash 前言因为一直想要实现从软路由上进行代理,所以买到了一个Cudy Tr3000刷系统折腾。用这篇文章记录一下安装的过程。 安装可以通过web管理页面安装,搜索openclash。 当然也可以在终端中执行命令: 123opkg updateopkg install bash iptables dnsmasq-full curl ca-bundle ipset ip-full iptables-mod-tproxy iptables-mod-extra ruby ruby-yaml kmod-tun kmod-inet-diag unzip luci-compat luci luci-baseopkg install luci-app-openclash 配置首先需要下载内核,推荐启用Smart内核。 然后导入配置: 然后就可以开心使用啦!感觉zashboard简洁好看一些,看自己感觉啦
Cudy TR3000刷入Openwrt系统 最近搞到了一台Cudy-TR3000路由器,用来进行科学上网(小猫咪),先记录一下刷写Openwrt系统的过程。 下载固件 中间固件中间固件可以在Cudy官方网站上下载 🪧引用站外地址,不保证站点的可用性和安全性 Cudy固件下载 Cudy 2. Openwrt固件 在下面的网站中下载,下载最新的就行 🪧引用站外地址,不保证站点的可用性和安全性 Openwrt固件 Openwrt.ai 刷写固件访问192.168.10.1先刷入中间固件 然后访问192.168.1.1,刷入Openwrt插件 然后访问10.0.0.1,就可以看到openwrt登录页面了,默认密码是root。
\ No newline at end of file
diff --git a/categories/technology/page/2/index.html b/categories/technology/page/2/index.html
new file mode 100644
index 0000000..fadb2b9
--- /dev/null
+++ b/categories/technology/page/2/index.html
@@ -0,0 +1,450 @@
+
分类: 技术 | Bi's Blog
+
+
+
+
+
+
+
+
+
搭建Owncloud并集成Onlyoffice 引言因为正好有云存储的需求,恰好又有服务器,所以决定自建一个Owncloud网盘服务,集成一个Onlyoffice。 安装网盘建站在官网下载最新的安装包 🪧引用站外地址,不保证站点的可用性和安全性 Owncloud Owncloud 因为使用1panel,所以搭网站很简单,选择php7.3运行环境,添加必要的php扩展,新建一个Mysql数据库,按照正常步骤安装就行了。 调优 配置Redis缓存 在1panel安装Redis,在config/config.php中添加 1234567891011'filelocking.enabled' => true,'memcache.local' => '\OC\Memcache\Redis','memcache.locking' => '\OC\Memcach...
为1Panel添加自己想要的应用 记录一下自己为1Panel贡献自己应用的经历 预准备 Fork仓库 🪧引用站外地址,不保证站点的可用性和安全性 1Panel appstore 仓库 1panel appstore 把仓库fork到自己的仓库 pull 1git clone -b dev https://<your-github-username>/appstore 创建新分支 12cd appstoregit checkout -b app/<app-name> 创建文件文件目录12345678910111213├──halo // 以 halo 的 key 命名 ,下面解释什么是 key ├── logo.png // 应用 logo , 最好是 180 * 180 px 不要超过 10 KB ├── data.yml // 应用声明文件 ├── README.md // 应用的 README ├── 2.2.0 /...
\ No newline at end of file
diff --git a/categories/technology/website/index.html b/categories/technology/website/index.html
new file mode 100644
index 0000000..090ef51
--- /dev/null
+++ b/categories/technology/website/index.html
@@ -0,0 +1,450 @@
+
分类: 建站手札 | Bi's Blog
+
+
+
+
+
+
+
+
+
添加typesense搜索 最近在构建班级博客,用ghost cms,在构建搜索时发现了typesense,所以把他移植到这个博客上。 安装typesense直接用docker-compose: 1234567891011services: typesense: image: typesense/typesense:30.1 restart: always ports: - "8108:8108" volumes: - ./typesense-data:/data command: '--data-dir /data --api-key=填写key --enable-cors' 然后就是反向代理之类的,不过多写了。 添加数据集123# 先安装库npm install hexo-generator-searchnpm install typesense xml2js 然后在config.yml配置(就是把文章生成json): 1234search: path: search.json field: post c...
\ No newline at end of file
diff --git a/categories/website/index.html b/categories/website/index.html
new file mode 100644
index 0000000..a202734
--- /dev/null
+++ b/categories/website/index.html
@@ -0,0 +1,450 @@
+
分类: 建站手札 | Bi's Blog
+
+
+
+
+
+
+
+
+
添加网站左上角菜单 看到柳神的网站有这种菜单,但是没有写魔改教程,只好自己慢慢摸索了。 🪧引用站外地址,不保证站点的可用性和安全性 liushen liushen 预计做好后是这种效果: 首先,修改\themes\butterfly\layout\includes\header\nav.pug: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051nav#nav //- 左侧区域:包含指纹菜单和网站名 span#blog-info #ls-menu-container i.fas.fa-fingerprint #ls-menu-panel .ls-section .ls-title 😀 个人网站 .ls-grid ...
自定义字体 今天感觉网站的字体有些不好看,想换一下,搜索发现网站用woff或者woff2字体,在手机端和电脑都能完美显示 2026年2月3日更新:好像谷歌字体库可以在大陆直连了,速度也很快,所以这篇文章好像没什么必要了。 选择字体首先在网上查找自己喜欢的字体,这里有一个网站 🪧引用站外地址,不保证站点的可用性和安全性 中文开源字体集 Open Source Fonts Collection for Chinese 开源字体 找到一个自己喜欢的,如果有woff或者woff2格式下载下载保存。没有也没关系,转换网站: 🪧引用站外地址,不保证站点的可用性和安全性 转换网站 ttf2woff2 利用这个网站把下载的ttf字体文件转换成woff2格式。 添加字体新建一个css文件 ...
在侧边栏添加日历和倒计时 突然看到某个网站侧边栏有日历和倒计时,就研究了一下,抄下来了(🤭)效果图: 添加js123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111document.addEventListener("DOMContentLoaded", () => { initializeCard();});document.addEventListener("pjax:complete", () => { initializeCard();});function initializeCard() ...
为博客添加CMS系统 序言因为喜欢wordpress之类动态博客的在线编辑功能,但是又不想抛弃hexo,特别是这个花里胡哨的模板,所以想着给博客添加一个cms系统,在搜索一番后发现这种CMS系统叫无头CMS,然后找到一个很好的系统:sveltia-cms 🪧引用站外地址,不保证站点的可用性和安全性 sveltia-cms sveltia 安装安装包在博客根目录下运行npm i @sveltia/cms 创建必要文件然后在博客source目录下创建admin目录并在其下新建index.html 123456789101112<!doctype html><html><head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, init...
使用GitHub推送Hexo到服务器 1panel没有宝塔的webhook功能,之前一直使用在服务器上建立裸仓库,直接推送到服务器的方法。现在找到一种新的方法。 建立GitHub仓库因为服务器部署在香港,可以直连GitHub,国内可以使用gitee或者GitHub镜像加速。 在本地安装git 打开git bash配置用户名和邮箱 12git config --global user.name "yourname"git config --global user.email "youremail" 可以使用 git config –list查看当前所有的配置 在github上创建自己的账号(在自己的电脑和服务器上) 创建SSH Key a:打开Git Bash,输入pwd查看当前路径 b.输入ssh-keygen -t rsa –C “youremail@example.com” (输入完毕后程序同时要求输入一个密语字符串(passphrase),空表示没有密语。接着会让输入2次口令(password),空表示没有口令。3次回车即可完成当前步骤) 在Git...
自定义页脚(新) 添加CSS修改有风险,注意备份 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196...
自定义分类条 修改有风险,请注意备份 今天来自定义分类条 添加pug新建文件[BlogRoot]\themes\butterfly\layout\includes\categoryBar.pug文件,写入: 12345678910.category-bar-items#category-bar-items(class=is_home() ? 'home' : '') .category-bar-item(class=is_home() ? 'select' : '', id="category-bar-home") a(href=url_for('/'))= __('博客首页') each item in site.categories.find({ parent: { $exists: false } }).data .category-bar-item(class=select ? (selec...
自定义导航栏 最近在查找怎样自定义导航栏,奈何没有对应版本的修改教程,本站使用最新版butterfly5.4。 PC 菜单栏修改[blogRoot]\themes\Butterfly\layout\includes\header\nav.pug的内容 1234567891011121314151617181920212223242526nav#nav span#blog-info a(href=url_for('/') title=config.title) if theme.nav.logo img.site-icon(src=url_for(theme.nav.logo)) if theme.nav.display_title span.site-name=config.title #menus- if (theme.algolia_search.enable || theme.local_search.enable)- #search-button- a.site-page...
利用 SiteMap 随机访问站内页面 在网上查找博客美化过程时发现基本上都有“随便逛逛”的功能,于是自己也添加一个。比较简单只有js代码,但是先要安装插件 前置条件1npm install hexo-generator-sitemap --save 在站点配置文件 _config.yaml中添加: 1234567sitemap: path: - sitemap.xml - sitemap.txt rel: false tags: true categories: true 添加js在主题目录下添加·\themes\butterfly\source\js\random.js 12345678910111213function randomPost() { fetch('/sitemap.xml').then(res => res.text()).then(str => (new window.DOMParser()).parseFromString(str, "text/xml")).then(data => {...
博客添加AI总结 之前在wordpress中看到过ai插件,现在使用hexo好像有洪墨AI,但是收费,有点负担不了,于是寻找代替品,真的找到了 🪧引用站外地址,不保证站点的可用性和安全性 liushen开发的插件 ai-summary 首先,安装插件: 1npm install hexo-ai-summary-liushen --save 安装额外插件: 1npm install axios p-limit node-fetch --save 安装后,在Hexo配置文件 _config.yml任意位置添加以下配置: 1234567891011121314151617181920212223242526# hexo-ai-summary-liushen# docs on : https://github.com/willow-god/hexo-ai-summaryaisummary: # 基本控制 enable: true ...
\ No newline at end of file
diff --git a/categories/website/page/2/index.html b/categories/website/page/2/index.html
new file mode 100644
index 0000000..a78053a
--- /dev/null
+++ b/categories/website/page/2/index.html
@@ -0,0 +1,450 @@
+
分类: 建站手札 | Bi's Blog
+
+
+
+
+
+
+
+
+
利用插件自定义页脚菜单 安装安装插件,在博客根目录[Blogroot]下打开终端,运行以下指令: 1npm install hexo-butterfly-footer-marcus --save 如果需要随机友链接的话,再运行以下指令: 1npm i yamljs --save 添加配置信息以下为写法示例 在站点配置文件_config.yml或者主题配置文件_config.butterfly.yml中添加 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613...
自定义右键菜单 演示本站右键即可查看,和原有菜单相比比较美观 新建pug文件在 \themes\butterfly\layout\includes新建 rightmenu.pug 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475#rightMenu.js-pjax .rightMenu-group.rightMenu-small a.rightMenu-item(href="javascript:window.history.back();") i.fa.fa-arrow-left a.rightMenu-item(href="javascript:window.history.forward();") i.fa.fa-arrow-right ...
在侧边栏中添加欢迎信息 效果展示 开始折腾申请腾讯地图的api key 🪧引用站外地址,不保证站点的可用性和安全性 腾讯地图 Tencent 自行查看文档,要注意在填写信任域名时不填 https:// 添加js在主题 /source/js/目录下添加 txmap.js 有一个更完善的js脚本 🪧引用站外地址,不保证站点的可用性和安全性 txmap.js github 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858...
配置说说页面 又开始折腾啦,这次把说说页面加上,改用moments项目的api 🪧引用站外地址,不保证站点的可用性和安全性 Moments 极简朋友圈 githun@kingwrcy 前期要求硬件要求 一台服务器 一个可自主解析的域名 软件要求 docker环境 反向代理工具(本文以Nginx为例) 介绍与展示这里先给大家展示一下最终的效果,注意该教程可能仅适合部分主题,如果出现主题不适配的情况请自行适配,这里以本站主题 Hexo-theme-butterfly为基础进行修改: 说说页面: ✅来自本站,本站可确保其安全性,请放心点击跳转 我的说说 胡言乱语ing。。。 轻量朋友圈 🪧引用站外地址,不保证站点的可用性和安全性 ...
部署历程 前提条件在开始之前,请确保你已满足以下条件: 服务器: 安装了 1Panel 面板的 Linux 服务器 拥有服务器的 SSH 访问权限(本文示例将使用 root 用户,你可以根据实际情况替换为其他有权限的用户)。 服务器上已安装 Git。 1Panel 配置: 已通过 1Panel 创建了一个网站(例如 blog.yourdomain.com),并记下该网站的 根目录(Document Root)。通常在 1Panel 中,路径类似于 /opt/1panel/apps/openresty/openresty/www/sites/你的网站目录/index。请务必替换为你的实际路径。本地环境: 你的电脑上已安装并配置好 Hexo 博客环境。 你的电脑上已安装 Git。 已安装 Hexo Git 部署插件: 1npm install hexo-deployer-git --save SSH 密钥认证 (关键): 你需要在本地电脑生成 SSH 密钥对(如果还没有的话)。 必须将你的本地电脑的 SSH 公钥 添加到服务器上对应用户(如 root)的 ~/.ssh...
\ No newline at end of file
diff --git a/cc/index.html b/cc/index.html
new file mode 100644
index 0000000..a32ca3e
--- /dev/null
+++ b/cc/index.html
@@ -0,0 +1,441 @@
+
版权协议 | Bi's Blog
+
+
+
+
+
+
+
+
+
+
+
+
+
版权协议
+
+
为了保持文章质量,并保持互联网的开放共享精神,保持页面流量的稳定,综合考虑下本站的所有原创文章均采用cc协议中比较严格的署名-非商业性使用-禁止演绎 4.0 国际 标准。这篇文章主要想能够更加清楚明白的介绍本站的协议标准和要求。方便你合理的使用本站的文章
+
本站无广告嵌入和商业行为。违反协议的行为不仅会损害原作者的创作热情,而且会影响整个版权环境。强烈呼吁你能够在转载时遵守协议。遵守协议的行为几乎不会对你的目标产生负面影响,鼓励创作环境是每个创作者的期望
+
哪些文章适于本协议? 所有原创内容均在文章标题顶部,以及文章结尾的版权说明部分展示
+
原创内容的非商用转载必须为完整转载且标注出处的 带有完整url链接 或 访问原文 之类字样的超链接
+
作为参考资料的情况可以无需完整转载,摘录所需要的部分内容即可,但需标注出处
+
你可以做什么? 只要你遵守本页的许可,你可以自由地共享文章的内容 — 在任何媒介以任何形式复制、发行本作品。并且无需通知作者
+
你需要遵守什么样的许可? 署名 你必须标注内容的来源,你需要在文章开头部分(或者明显位置)标注原文章链接(建议使用超链接提升阅读体验)
+
禁止商用 本站内容免费向互联网所有用户提供,分享本站文章时禁止商业性使用、禁止在转载页面中插入广告(例如谷歌广告、百度广告)、禁止阅读的拦截行为(例如关注公众号、下载App后观看文章)
+
禁止演绎
+分享全部内容(无修改) 你需要在文章开头部分(或者明显位置)标注原文章链接(建议使用超链接)
+分享部分截取内容或者衍生创作 目前本站全部原创文章的衍生品禁止公开分享和分发。如有更好的修改建议,可以在对应文章下留言。如有衍生创作需求,可以在评论中联系。
+作为参考资料截取部分内容 作为参考资料的情况可以无需完整转载,摘录所需要的部分内容即可,但需标注出处。
+
+
什么内容会被版权保护 包括但不限于:
+
+文章封面图片
+文章标题和正文
+站点图片素材(不含主题自带素材)
+
+
例外情况 本着友好互相进步的原则,被本站友链收录的博客允许博客文章内容的衍生品的分享和分发,但仍需标注出处
+
本着互联网开放精神,你可以在博客文章下方留言要求授权博文的衍生品的分享和分发,标注你的网站地址
+
关于主题样式的版权信息,可以详见Butterfly 主题说明,本站已经历多次版本迭代
+
网站源代码协议 网站源代码(仅包含css、js)的代码部分采用GPL协议
+
\ No newline at end of file
diff --git a/cookie/index.html b/cookie/index.html
new file mode 100644
index 0000000..28c1d37
--- /dev/null
+++ b/cookie/index.html
@@ -0,0 +1,495 @@
+
Cookies | Bi's Blog
+
+
+
+
+
+
+
+
+
+
+
+
+
Cookies
+
我使用Cookies来保持我的网站和我开发的软件的可靠性,安全性和个性化。当你接受Cookies时,这有助于通过我识别你的身份、记住你的偏好、或提供个性化用户体验来帮助我改善网站
+
本政策应与我的 隐私政策 一起阅读,该隐私政策解释了我如何使用个人信息
+
如果你对我使用你的个人信息或Cookies的方式有任何疑问,请通过 bishsh2006@outlook.com 与我联系
+
如果你想管理你的Cookies,请按照下面“如何管理Cookies”部分中的说明进行操作。
+
什么是Cookies? Cookies是一种小型文本文件,当你访问网站时,网站可能会将这些文件放在你的计算机或设备上。Cookies会帮助网站或其他网站在你下次访问时识别你的设备。网站信标、像素或其他类似文件也可以做同样的事情。我在此政策中使用术语“Cookies”来指代以这种方式收集信息的所有文件
+
Cookies提供许多功能。例如,他们可以帮助我记住你喜欢深色模式还是浅色模式,分析我网站的效果
+
大多数网站使用Cookies来收集和保留有关其访问者的个人信息。大多数Cookies收集一般信息,例如访问者如何到达和使用我的网站,他们使用的设备,他们的互联网协议地址(IP地址),他们正在查看的页面及其大致位置(例如,我将能够认识到你正在从深圳访问我的网站)
+
Cookies的目的 我将Cookies分为以下类别:
+
+
+
+用途
+说明
+
+
+
+授权
+你访问我的网站时,我可通过 Cookie 提供正确信息,为你打造个性化的体验。例如:Cookie会告知你通过搜索引擎搜索的具体内容来改善文章的标题优化关键词、或者创建更符合你搜索需求的文章内容
+
+
+安全措施
+我通过 Cookie 启用及支持安全功能,监控和防止可疑活动、欺诈性流量和违反版权协议的行为
+
+
+偏好、功能和服务
+我使用功能性Cookies来让我记住你的偏好,或保存你向我提供的有关你的喜好或其他信息
+
+
+个性化广告
+本站及所属旗下产品、IP没有个性化广告
+
+
+网站性能、分析和研究
+我使用这些cookie来监控网站性能。这使我能够通过快速识别和解决出现的任何问题来提供高质量的体验
+
+
+
我的网站上的第三方Cookies 我还在我的网站上使用属于上述类别的第三方Cookies,用于以下目的:
+
+帮助我监控网站上的流量;
+识别欺诈或非人为性流量;
+协助市场调研;
+改善网站功能;
+监督我的版权协议和隐私政策的遵守情况
+
+
+
+
+第三方服务商
+用途
+
+
+
+51.la
+用于统计站内访问情况,进行针对性优化异常
+
+
+灵雀应用监控
+监控系统将网站所发生的程序异常、资源加载异常、网络请求异常上报汇总,同时对页面和资源进行性能监控和卡顿监测,分析不同维度下的耗时情况,快速解决遇到的问题
+
+
+Twikoo
+Twikoo评论服务,自建存储私有,用于本站的评论服务
+
+
+
如何管理Cookies? 在将Cookie放置在你的计算机或设备上之前,系统会显示一个弹出窗口,要求你同意设置这些Cookie。通过同意放置Cookies,你可以让我为你提供最佳的体验和服务。如果你愿意,你可以通过浏览器设置关闭本站的Cookie来拒绝同意放置Cookies;但是,我网站的部分功能可能无法完全或按预期运行。你有机会允许和/或拒绝使用Cookie。你可以通过访问浏览器设置随时返回到你的Cookie偏好设置以查看和/或删除它们
+
除了我提供的控件之外,你还可以选择在Internet浏览器中启用或禁用Cookie。大多数互联网浏览器还允许你选择是要禁用所有Cookie还是仅禁用第三方Cookie。默认情况下,大多数互联网浏览器都接受Cookie,但这可以更改。有关详细信息,请参阅Internet浏览器中的帮助菜单或设备随附的文档
+
以下链接提供了有关如何在所有主流浏览器中控制Cookie的说明:
+
+
如你使用其他浏览器,请参阅浏览器制造商提供的文档。 有关Cookies以及如何管理Cookies的更多信息,请访问:
+
wikipedia.org 、 allaboutCookies.org 或 aboutCookies.org
+
更多信息 有关我数据处理的更多信息,请参阅我的隐私政策。如果你对此Cookie政策有任何疑问,请通过 bishsh2006@outlook.com 与我联系
+
\ No newline at end of file
diff --git a/css/atom.xsl b/css/atom.xsl
new file mode 100644
index 0000000..60702a0
--- /dev/null
+++ b/css/atom.xsl
@@ -0,0 +1,38 @@
+
+
diff --git a/css/calendar.css b/css/calendar.css
new file mode 100644
index 0000000..a943f9c
--- /dev/null
+++ b/css/calendar.css
@@ -0,0 +1,222 @@
+/* 浅色主题变量覆盖 -------------------------------- */
+:root {
+ --main: #a0d2eb; /* 主强调色:柔和天空蓝 */
+ --main-op: rgba(160, 210, 235, 0.6);
+ --main-op-deep: rgba(160, 210, 235, 0.4);
+ --main-op-light: rgba(160, 210, 235, 0.2);
+
+ --card-bg: #fdfdfd; /* 卡片背景:几乎白 */
+ --fontcolor: #444; /* 主文本:深灰 */
+ --secondtext: #999; /* 次级文本:浅灰 */
+}
+.card-widget {
+ padding: 10px!important;
+ max-height: calc(100vh - 100px);
+}
+.card-times a, .card-times div {
+ color: var(--fontcolor);
+}
+
+#card-widget-calendar .item-content {
+ display: flex;
+}
+
+#calendar-area-left {
+ width: 45%;
+}
+
+#calendar-area-right {
+ width: 55%;
+}
+
+#calendar-area-left, #calendar-area-right {
+ height: 100%;
+ padding: 8px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: flex-start;
+}
+
+#calendar-main {
+ width: 100%;
+}
+
+#calendar-week {
+ height: 1.2rem;
+ font-size: 14px;
+ letter-spacing: 1px;
+ font-weight: 700;
+ align-items: center;
+ display: flex;
+}
+
+#calendar-date {
+ height: 3rem;
+ line-height: 1.3;
+ font-size: 64px;
+ letter-spacing: 3px;
+ color: var(--main);
+ font-weight: 700;
+ align-items: center;
+ display: flex;
+ position: relative;
+ top: calc(50% - 2.1rem);
+}
+
+#calendar-lunar, #calendar-solar {
+ height: 1rem;
+ font-size: 12px;
+ align-items: center;
+ display: flex;
+ position: absolute;
+}
+
+#calendar-solar {
+ bottom: 2.1rem;
+}
+
+#calendar-lunar {
+ bottom: 1rem;
+ color: var(--secondtext);
+}
+
+#calendar-main a {
+ height: 1rem;
+ width: 1rem;
+ border-radius: 50%;
+ font-size: 12px;
+ line-height: 12px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+#calendar-main a.now {
+ background: var(--main);
+ color: var(--card-bg);
+}
+
+#calendar-main .calendar-rh a {
+ color: var(--secondtext);
+}
+
+.calendar-r0, .calendar-r1, .calendar-r2, .calendar-r3, .calendar-r4, .calendar-r5, .calendar-rh {
+ height: 1.2rem;
+ display: flex;
+}
+
+.calendar-d0, .calendar-d1, .calendar-d2, .calendar-d3, .calendar-d4, .calendar-d5, .calendar-d6 {
+ width: calc(100% / 7);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+#card-widget-schedule .item-content {
+ display: flex;
+}
+
+#schedule-area-left, #schedule-area-right {
+ height: 100px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+
+#schedule-area-left {
+ width: 30%;
+}
+
+#schedule-area-right {
+ width: 70%;
+ padding: 0 5px;
+}
+
+.schedule-r0, .schedule-r1, .schedule-r2 {
+ height: 2rem;
+ width: 100%;
+ align-items: center;
+ display: flex;
+}
+
+.schedule-d0 {
+ width: 30px;
+ margin-right: 5px;
+ text-align: center;
+ font-size: 12px;
+}
+
+.schedule-d1 {
+ width: calc(100% - 35px);
+ height: 1.5rem;
+ align-items: center;
+ display: flex;
+}
+
+progress::-webkit-progress-bar {
+ background: linear-gradient(to right, var(--main-op-deep), var(--main-op), var(--main-op-light));
+ border-radius: 5px;
+ overflow: hidden;
+}
+
+progress::-webkit-progress-value {
+ background: var(--main);
+ border-radius: 5px;
+}
+
+.aside-span1, .aside-span2 {
+ height: 1rem;
+ font-size: 12px;
+ z-index: 1;
+ display: flex;
+ align-items: center;
+ position: absolute;
+}
+
+.aside-span1 {
+ margin-left: 5px;
+}
+
+.aside-span2 {
+ right: 20px;
+ color: var(--secondtext);
+}
+
+.aside-span2 a {
+ margin: 0 3px;
+}
+
+#pBar_month, #pBar_week, #pBar_year {
+ width: 100%;
+ border-radius: 5px;
+ height: 100%;
+}
+
+#schedule-date, #schedule-days, #schedule-title {
+ display: flex;
+ align-items: center;
+}
+
+#schedule-title {
+ height: 25px;
+ line-height: 1;
+ font-size: 14px;
+ font-weight: 700;
+}
+
+#schedule-days {
+ height: 40px;
+ line-height: 1;
+ font-size: 30px;
+ font-weight: 900;
+ color: var(--main);
+}
+
+#schedule-date {
+ height: 20px;
+ line-height: 1;
+ font-size: 12px;
+ color: var(--secondtext);
+}
\ No newline at end of file
diff --git a/css/index.css b/css/index.css
new file mode 100644
index 0000000..aa08ae4
--- /dev/null
+++ b/css/index.css
@@ -0,0 +1,8804 @@
+/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
+html {
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%
+}
+
+body {
+ margin: 0
+}
+
+main {
+ display: block
+}
+
+h1 {
+ font-size: 2em;
+ margin: .67em 0
+}
+
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible
+}
+
+pre {
+ font-family: monospace, monospace;
+ font-size: 1em
+}
+
+a {
+ background-color: transparent
+}
+
+abbr[title] {
+ border-bottom: none;
+ text-decoration: underline;
+ text-decoration: underline dotted
+}
+
+b,
+strong {
+ font-weight: bolder
+}
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em
+}
+
+small {
+ font-size: 80%
+}
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline
+}
+
+sub {
+ bottom: -.25em
+}
+
+sup {
+ top: -.5em
+}
+
+img {
+ border-style: none
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: inherit;
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0
+}
+
+button,
+input {
+ overflow: visible
+}
+
+button,
+select {
+ text-transform: none
+}
+
+[type=button],
+[type=reset],
+[type=submit],
+button {
+ -webkit-appearance: button
+}
+
+[type=button]::-moz-focus-inner,
+[type=reset]::-moz-focus-inner,
+[type=submit]::-moz-focus-inner,
+button::-moz-focus-inner {
+ border-style: none;
+ padding: 0
+}
+
+[type=button]:-moz-focusring,
+[type=reset]:-moz-focusring,
+[type=submit]:-moz-focusring,
+button:-moz-focusring {
+ outline: 1px dotted ButtonText
+}
+
+fieldset {
+ padding: .35em .75em .625em
+}
+
+legend {
+ box-sizing: border-box;
+ color: inherit;
+ display: table;
+ max-width: 100%;
+ padding: 0;
+ white-space: normal
+}
+
+progress {
+ vertical-align: baseline
+}
+
+textarea {
+ overflow: auto
+}
+
+[type=checkbox],
+[type=radio] {
+ box-sizing: border-box;
+ padding: 0
+}
+
+[type=number]::-webkit-inner-spin-button,
+[type=number]::-webkit-outer-spin-button {
+ height: auto
+}
+
+[type=search] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px
+}
+
+[type=search]::-webkit-search-decoration {
+ -webkit-appearance: none
+}
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit
+}
+
+details {
+ display: block
+}
+
+summary {
+ display: list-item
+}
+
+template {
+ display: none
+}
+
+[hidden] {
+ display: none
+}
+.limit-one-line,
+.container .flink .flink-item-name,
+.container .flink .flink-item-desc,
+#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span,
+#aside-content .card-categories ul.card-category-list > .card-category-list-item a span,
+.site-data > a .headline,
+#nav #blog-info,
+#sidebar #sidebar-menus .menus_items .site-page {
+ overflow: hidden;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+.limit-more-line,
+.type-404 .error-content .error-info .error_subtitle,
+.article-sort-item-title,
+#recent-posts .recent-post-item >.recent-post-info > .article-title,
+#recent-posts .recent-post-item >.recent-post-info > .content,
+#aside-content .aside-list > .aside-list-item .content > .name,
+#aside-content .aside-list > .aside-list-item .content > .title,
+#aside-content .aside-list > .aside-list-item .content > .comment,
+#page-header #site-title,
+#post-info .post-title,
+.pagination-related .info .info-1 .info-item-2,
+.pagination-related .info .info-2 .info-item-1,
+.container figure.gallery-group p,
+.container figure.gallery-group .gallery-group-name {
+ display: -webkit-box;
+ overflow: hidden;
+ -webkit-box-orient: vertical;
+}
+.fontawesomeIcon,
+.custom-hr:before,
+#post .post-copyright:before,
+#post #post-outdate-notice:before,
+.toggle > .toggle-button::before,
+.note:not(.no-icon)::before,
+.search-dialog hr:before {
+ display: inline-block;
+ font-weight: 600;
+ font-family: 'Font Awesome 7 Free', 'Font Awesome 6 Free';
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+}
+.cardHover,
+.type-404 .error-content,
+.layout > div:first-child:not(.nc),
+#recent-posts .recent-post-item,
+#article-container .shuoshuo-item,
+#aside-content .card-widget,
+.layout .pagination > *:not(.space) {
+ background: var(--card-bg);
+ -webkit-box-shadow: var(--card-box-shadow);
+ box-shadow: var(--card-box-shadow);
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+ border-radius: 8px;
+}
+.cardHover:hover,
+.type-404 .error-content:hover,
+.layout > div:first-child:not(.nc):hover,
+#recent-posts .recent-post-item:hover,
+#article-container .shuoshuo-item:hover,
+#aside-content .card-widget:hover,
+.layout .pagination > *:not(.space):hover {
+ -webkit-box-shadow: var(--card-hover-box-shadow);
+ box-shadow: var(--card-hover-box-shadow);
+}
+.imgHover,
+.type-404 .error-content .error-img img,
+.article-sort-item-img :first-child,
+#recent-posts .recent-post-item .post_cover .post-bg,
+#aside-content .aside-list > .aside-list-item .thumbnail :first-child {
+ width: 100%;
+ height: 100%;
+ -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.6s;
+ -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.6s;
+ -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.6s;
+ -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.6s;
+ transition: filter 375ms ease-in 0.2s, transform 0.6s;
+ object-fit: cover;
+}
+.imgHover:hover,
+.type-404 .error-content .error-img img:hover,
+.article-sort-item-img :first-child:hover,
+#recent-posts .recent-post-item .post_cover .post-bg:hover,
+#aside-content .aside-list > .aside-list-item .thumbnail :first-child:hover {
+ -webkit-transform: scale(1.1);
+ -moz-transform: scale(1.1);
+ -o-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+.postImgHover:hover .cover,
+.pagination-related:hover .cover {
+ opacity: 0.5;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
+ -webkit-transform: scale(1.1);
+ -moz-transform: scale(1.1);
+ -o-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+.postImgHover .cover,
+.pagination-related .cover {
+ width: 100%;
+ height: 100%;
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transition: all 0.6s, filter 375ms ease-in 0.2s;
+ -moz-transition: all 0.6s, filter 375ms ease-in 0.2s;
+ -o-transition: all 0.6s, filter 375ms ease-in 0.2s;
+ -ms-transition: all 0.6s, filter 375ms ease-in 0.2s;
+ transition: all 0.6s, filter 375ms ease-in 0.2s;
+ object-fit: cover;
+}
+.list-beauty,
+.category-lists ul {
+ list-style: none;
+}
+.list-beauty li,
+.category-lists ul li {
+ position: relative;
+ padding: 0.12em 0.4em 0.12em 1.4em;
+}
+.list-beauty li:hover:before,
+.category-lists ul li:hover:before {
+ border-color: var(--pseudo-hover);
+}
+.list-beauty li:before,
+.category-lists ul li:before {
+ position: absolute;
+ top: 0.67em;
+ left: 0;
+ width: 0.43em;
+ height: 0.43em;
+ border: 0.215em solid #49b1f5;
+ border-radius: 0.43em;
+ background: transparent;
+ content: '';
+ cursor: pointer;
+ -webkit-transition: all 0.3s ease-out;
+ -moz-transition: all 0.3s ease-out;
+ -o-transition: all 0.3s ease-out;
+ -ms-transition: all 0.3s ease-out;
+ transition: all 0.3s ease-out;
+}
+.custom-hr,
+.search-dialog hr {
+ position: relative;
+ margin: 40px auto;
+ border: 2px dashed var(--hr-border);
+ width: calc(100% - 4px);
+}
+.custom-hr:hover:before,
+.search-dialog hr:hover:before {
+ left: calc(95% - 20px);
+}
+.custom-hr:before,
+.search-dialog hr:before {
+ position: absolute;
+ top: -10px;
+ left: 5%;
+ z-index: 1;
+ color: var(--hr-before-color);
+ content: '\f0c4';
+ font-size: 20px;
+ line-height: 1;
+ -webkit-transition: all 1s ease-in-out;
+ -moz-transition: all 1s ease-in-out;
+ -o-transition: all 1s ease-in-out;
+ -ms-transition: all 1s ease-in-out;
+ transition: all 1s ease-in-out;
+}
+.verticalCenter,
+.pagination-related .info .info-1,
+.pagination-related .info .info-2 {
+ position: absolute;
+ top: 50%;
+ width: 100%;
+ -webkit-transform: translate(0, -50%);
+ -moz-transform: translate(0, -50%);
+ -o-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+}
+#content-inner,
+#footer {
+ -webkit-animation: bottom-top 1s;
+ -moz-animation: bottom-top 1s;
+ -o-animation: bottom-top 1s;
+ -ms-animation: bottom-top 1s;
+ animation: bottom-top 1s;
+}
+#page-header:not(.full_page),
+#nav.show {
+ -webkit-animation: header-effect 1s;
+ -moz-animation: header-effect 1s;
+ -o-animation: header-effect 1s;
+ -ms-animation: header-effect 1s;
+ animation: header-effect 1s;
+}
+#site-title,
+#site-subtitle {
+ -webkit-animation: titleScale 1s;
+ -moz-animation: titleScale 1s;
+ -o-animation: titleScale 1s;
+ -ms-animation: titleScale 1s;
+ animation: titleScale 1s;
+}
+canvas:not(#ribbon-canvas),
+#web_bg.bg-animation {
+ -webkit-animation: to_show 4s;
+ -moz-animation: to_show 4s;
+ -o-animation: to_show 4s;
+ -ms-animation: to_show 4s;
+ animation: to_show 4s;
+}
+#ribbon-canvas {
+ -webkit-animation: ribbon_to_show 4s;
+ -moz-animation: ribbon_to_show 4s;
+ -o-animation: ribbon_to_show 4s;
+ -ms-animation: ribbon_to_show 4s;
+ animation: ribbon_to_show 4s;
+}
+#sidebar-menus.open > :nth-child(1) {
+ -webkit-animation: sidebarItem 0.2s;
+ -moz-animation: sidebarItem 0.2s;
+ -o-animation: sidebarItem 0.2s;
+ -ms-animation: sidebarItem 0.2s;
+ animation: sidebarItem 0.2s;
+}
+#sidebar-menus.open > :nth-child(2) {
+ -webkit-animation: sidebarItem 0.4s;
+ -moz-animation: sidebarItem 0.4s;
+ -o-animation: sidebarItem 0.4s;
+ -ms-animation: sidebarItem 0.4s;
+ animation: sidebarItem 0.4s;
+}
+#sidebar-menus.open > :nth-child(3) {
+ -webkit-animation: sidebarItem 0.6s;
+ -moz-animation: sidebarItem 0.6s;
+ -o-animation: sidebarItem 0.6s;
+ -ms-animation: sidebarItem 0.6s;
+ animation: sidebarItem 0.6s;
+}
+#sidebar-menus.open > :nth-child(4) {
+ -webkit-animation: sidebarItem 0.8s;
+ -moz-animation: sidebarItem 0.8s;
+ -o-animation: sidebarItem 0.8s;
+ -ms-animation: sidebarItem 0.8s;
+ animation: sidebarItem 0.8s;
+}
+.scroll-down-effects {
+ -webkit-animation: scroll-down-effect 1.5s infinite;
+ -moz-animation: scroll-down-effect 1.5s infinite;
+ -o-animation: scroll-down-effect 1.5s infinite;
+ -ms-animation: scroll-down-effect 1.5s infinite;
+ animation: scroll-down-effect 1.5s infinite;
+}
+.reward-main {
+ -webkit-animation: donate_effcet 0.3s 0.1s ease both;
+ -moz-animation: donate_effcet 0.3s 0.1s ease both;
+ -o-animation: donate_effcet 0.3s 0.1s ease both;
+ -ms-animation: donate_effcet 0.3s 0.1s ease both;
+ animation: donate_effcet 0.3s 0.1s ease both;
+}
+.btn-effects,
+.shuoshuo-navigation button:not(:disabled),
+#aside-content .card-info #card-info-btn,
+.post-reward .reward-button,
+#rightside > div > button,
+#rightside > div > a,
+.container .btn-beautify,
+.hide-inline > .hide-button,
+.hide-block > .hide-button,
+.read-mode .exit-readmode {
+ position: relative;
+ overflow: hidden;
+ -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.btn-effects:hover,
+.shuoshuo-navigation button:not(:disabled):hover,
+#aside-content .card-info #card-info-btn:hover,
+.post-reward .reward-button:hover,
+#rightside > div > button:hover,
+#rightside > div > a:hover,
+.container .btn-beautify:hover,
+.hide-inline > .hide-button:hover,
+.hide-block > .hide-button:hover,
+.read-mode .exit-readmode:hover {
+ -webkit-box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+ box-shadow: 0 4px 12px rgba(0,0,0,0.15);
+ text-decoration: none;
+ -webkit-transform: translateY(-1px) scale(1.02);
+ -moz-transform: translateY(-1px) scale(1.02);
+ -o-transform: translateY(-1px) scale(1.02);
+ -ms-transform: translateY(-1px) scale(1.02);
+ transform: translateY(-1px) scale(1.02);
+}
+.btn-effects:active,
+.shuoshuo-navigation button:not(:disabled):active,
+#aside-content .card-info #card-info-btn:active,
+.post-reward .reward-button:active,
+#rightside > div > button:active,
+#rightside > div > a:active,
+.container .btn-beautify:active,
+.hide-inline > .hide-button:active,
+.hide-block > .hide-button:active,
+.read-mode .exit-readmode:active {
+ -webkit-transition-duration: 0.1s;
+ -moz-transition-duration: 0.1s;
+ -o-transition-duration: 0.1s;
+ -ms-transition-duration: 0.1s;
+ transition-duration: 0.1s;
+ -webkit-transform: translateY(0) scale(0.98);
+ -moz-transform: translateY(0) scale(0.98);
+ -o-transform: translateY(0) scale(0.98);
+ -ms-transform: translateY(0) scale(0.98);
+ transform: translateY(0) scale(0.98);
+}
+.btn-effects i,
+.shuoshuo-navigation button:not(:disabled) i,
+#aside-content .card-info #card-info-btn i,
+.post-reward .reward-button i,
+#rightside > div > button i,
+#rightside > div > a i,
+.container .btn-beautify i,
+.hide-inline > .hide-button i,
+.hide-block > .hide-button i,
+.read-mode .exit-readmode i {
+ display: inline-block;
+ vertical-align: middle;
+ -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.btn-effects:hover i,
+.shuoshuo-navigation button:not(:disabled):hover i,
+#aside-content .card-info #card-info-btn:hover i,
+.post-reward .reward-button:hover i,
+#rightside > div > button:hover i,
+#rightside > div > a:hover i,
+.container .btn-beautify:hover i,
+.hide-inline > .hide-button:hover i,
+.hide-block > .hide-button:hover i,
+.read-mode .exit-readmode:hover i {
+ -webkit-animation: buttonIconBounce 0.6s ease-in-out;
+ -moz-animation: buttonIconBounce 0.6s ease-in-out;
+ -o-animation: buttonIconBounce 0.6s ease-in-out;
+ -ms-animation: buttonIconBounce 0.6s ease-in-out;
+ animation: buttonIconBounce 0.6s ease-in-out;
+}
+.btn-effects i + span,
+.shuoshuo-navigation button:not(:disabled) i + span,
+#aside-content .card-info #card-info-btn i + span,
+.post-reward .reward-button i + span,
+#rightside > div > button i + span,
+#rightside > div > a i + span,
+.container .btn-beautify i + span,
+.hide-inline > .hide-button i + span,
+.hide-block > .hide-button i + span,
+.read-mode .exit-readmode i + span {
+ margin-left: 6px;
+ vertical-align: middle;
+ -webkit-transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.btn-effects:hover i + span,
+.shuoshuo-navigation button:not(:disabled):hover i + span,
+#aside-content .card-info #card-info-btn:hover i + span,
+.post-reward .reward-button:hover i + span,
+#rightside > div > button:hover i + span,
+#rightside > div > a:hover i + span,
+.container .btn-beautify:hover i + span,
+.hide-inline > .hide-button:hover i + span,
+.hide-block > .hide-button:hover i + span,
+.read-mode .exit-readmode:hover i + span {
+ margin-left: 8px;
+}
+.btn-effects::before,
+.shuoshuo-navigation button:not(:disabled)::before,
+#aside-content .card-info #card-info-btn::before,
+.post-reward .reward-button::before,
+#rightside > div > button::before,
+#rightside > div > a::before,
+.container .btn-beautify::before,
+.hide-inline > .hide-button::before,
+.hide-block > .hide-button::before,
+.read-mode .exit-readmode::before {
+ position: absolute;
+ top: 0;
+ left: -100%;
+ z-index: 1;
+ width: 100%;
+ height: 100%;
+ background: -webkit-linear-gradient(0deg, transparent, rgba(255,255,255,0.2), transparent);
+ background: -moz-linear-gradient(0deg, transparent, rgba(255,255,255,0.2), transparent);
+ background: -o-linear-gradient(0deg, transparent, rgba(255,255,255,0.2), transparent);
+ background: -ms-linear-gradient(0deg, transparent, rgba(255,255,255,0.2), transparent);
+ background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
+ content: '';
+ -webkit-transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: left 0.5s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.btn-effects:hover::before,
+.shuoshuo-navigation button:not(:disabled):hover::before,
+#aside-content .card-info #card-info-btn:hover::before,
+.post-reward .reward-button:hover::before,
+#rightside > div > button:hover::before,
+#rightside > div > a:hover::before,
+.container .btn-beautify:hover::before,
+.hide-inline > .hide-button:hover::before,
+.hide-block > .hide-button:hover::before,
+.read-mode .exit-readmode:hover::before {
+ left: 100%;
+}
+.btn-effects > *,
+.shuoshuo-navigation button:not(:disabled) > *,
+#aside-content .card-info #card-info-btn > *,
+.post-reward .reward-button > *,
+#rightside > div > button > *,
+#rightside > div > a > *,
+.container .btn-beautify > *,
+.hide-inline > .hide-button > *,
+.hide-block > .hide-button > *,
+.read-mode .exit-readmode > * {
+ position: relative;
+ z-index: 2;
+}
+.btn-effects-large:hover,
+.post-reward .reward-button:hover,
+.container .btn-beautify.larger:hover {
+ -webkit-box-shadow: 0 6px 16px rgba(0,0,0,0.2);
+ box-shadow: 0 6px 16px rgba(0,0,0,0.2);
+ -webkit-transform: translateY(-2px) scale(1.03);
+ -moz-transform: translateY(-2px) scale(1.03);
+ -o-transform: translateY(-2px) scale(1.03);
+ -ms-transform: translateY(-2px) scale(1.03);
+ transform: translateY(-2px) scale(1.03);
+}
+@-moz-keyframes scroll-down-effect {
+ 0% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 50% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translate(0, -16px);
+ -moz-transform: translate(0, -16px);
+ -o-transform: translate(0, -16px);
+ -ms-transform: translate(0, -16px);
+ transform: translate(0, -16px);
+ }
+ 100% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@-webkit-keyframes scroll-down-effect {
+ 0% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 50% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translate(0, -16px);
+ -moz-transform: translate(0, -16px);
+ -o-transform: translate(0, -16px);
+ -ms-transform: translate(0, -16px);
+ transform: translate(0, -16px);
+ }
+ 100% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@-o-keyframes scroll-down-effect {
+ 0% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 50% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translate(0, -16px);
+ -moz-transform: translate(0, -16px);
+ -o-transform: translate(0, -16px);
+ -ms-transform: translate(0, -16px);
+ transform: translate(0, -16px);
+ }
+ 100% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@keyframes scroll-down-effect {
+ 0% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+ 50% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translate(0, -16px);
+ -moz-transform: translate(0, -16px);
+ -o-transform: translate(0, -16px);
+ -ms-transform: translate(0, -16px);
+ transform: translate(0, -16px);
+ }
+ 100% {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+ }
+}
+@-moz-keyframes header-effect {
+ 0% {
+ -webkit-transform: translateY(-35px);
+ -moz-transform: translateY(-35px);
+ -o-transform: translateY(-35px);
+ -ms-transform: translateY(-35px);
+ transform: translateY(-35px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes header-effect {
+ 0% {
+ -webkit-transform: translateY(-35px);
+ -moz-transform: translateY(-35px);
+ -o-transform: translateY(-35px);
+ -ms-transform: translateY(-35px);
+ transform: translateY(-35px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-o-keyframes header-effect {
+ 0% {
+ -webkit-transform: translateY(-35px);
+ -moz-transform: translateY(-35px);
+ -o-transform: translateY(-35px);
+ -ms-transform: translateY(-35px);
+ transform: translateY(-35px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@keyframes header-effect {
+ 0% {
+ -webkit-transform: translateY(-35px);
+ -moz-transform: translateY(-35px);
+ -o-transform: translateY(-35px);
+ -ms-transform: translateY(-35px);
+ transform: translateY(-35px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-moz-keyframes bottom-top {
+ 0% {
+ -webkit-transform: translateY(35px);
+ -moz-transform: translateY(35px);
+ -o-transform: translateY(35px);
+ -ms-transform: translateY(35px);
+ transform: translateY(35px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes bottom-top {
+ 0% {
+ -webkit-transform: translateY(35px);
+ -moz-transform: translateY(35px);
+ -o-transform: translateY(35px);
+ -ms-transform: translateY(35px);
+ transform: translateY(35px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-o-keyframes bottom-top {
+ 0% {
+ -webkit-transform: translateY(35px);
+ -moz-transform: translateY(35px);
+ -o-transform: translateY(35px);
+ -ms-transform: translateY(35px);
+ transform: translateY(35px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@keyframes bottom-top {
+ 0% {
+ -webkit-transform: translateY(35px);
+ -moz-transform: translateY(35px);
+ -o-transform: translateY(35px);
+ -ms-transform: translateY(35px);
+ transform: translateY(35px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-moz-keyframes titleScale {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-webkit-keyframes titleScale {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-o-keyframes titleScale {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@keyframes titleScale {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-moz-keyframes search_close {
+ 0% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+}
+@-webkit-keyframes search_close {
+ 0% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+}
+@-o-keyframes search_close {
+ 0% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+}
+@keyframes search_close {
+ 0% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+}
+@-moz-keyframes to_show {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+}
+@-webkit-keyframes to_show {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+}
+@-o-keyframes to_show {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+}
+@keyframes to_show {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+}
+@-moz-keyframes to_hide {
+ 0% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+ 100% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+}
+@-webkit-keyframes to_hide {
+ 0% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+ 100% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+}
+@-o-keyframes to_hide {
+ 0% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+ 100% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+}
+@keyframes to_hide {
+ 0% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+ 100% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+}
+@-moz-keyframes ribbon_to_show {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+ 100% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+}
+@-webkit-keyframes ribbon_to_show {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+ 100% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+}
+@-o-keyframes ribbon_to_show {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+ 100% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+}
+@keyframes ribbon_to_show {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+ 100% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+}
+@-moz-keyframes avatar_turn_around {
+ from {
+ -webkit-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -o-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-webkit-keyframes avatar_turn_around {
+ from {
+ -webkit-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -o-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-o-keyframes avatar_turn_around {
+ from {
+ -webkit-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -o-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes avatar_turn_around {
+ from {
+ -webkit-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -o-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+ }
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-moz-keyframes sub_menus {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(10px);
+ -moz-transform: translateY(10px);
+ -o-transform: translateY(10px);
+ -ms-transform: translateY(10px);
+ transform: translateY(10px);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes sub_menus {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(10px);
+ -moz-transform: translateY(10px);
+ -o-transform: translateY(10px);
+ -ms-transform: translateY(10px);
+ transform: translateY(10px);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-o-keyframes sub_menus {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(10px);
+ -moz-transform: translateY(10px);
+ -o-transform: translateY(10px);
+ -ms-transform: translateY(10px);
+ transform: translateY(10px);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@keyframes sub_menus {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(10px);
+ -moz-transform: translateY(10px);
+ -o-transform: translateY(10px);
+ -ms-transform: translateY(10px);
+ transform: translateY(10px);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-moz-keyframes donate_effcet {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(-20px);
+ -moz-transform: translateY(-20px);
+ -o-transform: translateY(-20px);
+ -ms-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes donate_effcet {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(-20px);
+ -moz-transform: translateY(-20px);
+ -o-transform: translateY(-20px);
+ -ms-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-o-keyframes donate_effcet {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(-20px);
+ -moz-transform: translateY(-20px);
+ -o-transform: translateY(-20px);
+ -ms-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@keyframes donate_effcet {
+ 0% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(-20px);
+ -moz-transform: translateY(-20px);
+ -o-transform: translateY(-20px);
+ -ms-transform: translateY(-20px);
+ transform: translateY(-20px);
+ }
+ 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-moz-keyframes sidebarItem {
+ 0% {
+ -webkit-transform: translateX(200px);
+ -moz-transform: translateX(200px);
+ -o-transform: translateX(200px);
+ -ms-transform: translateX(200px);
+ transform: translateX(200px);
+ }
+ 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+@-webkit-keyframes sidebarItem {
+ 0% {
+ -webkit-transform: translateX(200px);
+ -moz-transform: translateX(200px);
+ -o-transform: translateX(200px);
+ -ms-transform: translateX(200px);
+ transform: translateX(200px);
+ }
+ 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+@-o-keyframes sidebarItem {
+ 0% {
+ -webkit-transform: translateX(200px);
+ -moz-transform: translateX(200px);
+ -o-transform: translateX(200px);
+ -ms-transform: translateX(200px);
+ transform: translateX(200px);
+ }
+ 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+@keyframes sidebarItem {
+ 0% {
+ -webkit-transform: translateX(200px);
+ -moz-transform: translateX(200px);
+ -o-transform: translateX(200px);
+ -ms-transform: translateX(200px);
+ transform: translateX(200px);
+ }
+ 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+@-moz-keyframes buttonIconBounce {
+ 0%, 100% {
+ -webkit-transform: translateY(0) scale(1);
+ -moz-transform: translateY(0) scale(1);
+ -o-transform: translateY(0) scale(1);
+ -ms-transform: translateY(0) scale(1);
+ transform: translateY(0) scale(1);
+ }
+ 25% {
+ -webkit-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -moz-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -o-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -ms-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ }
+ 50% {
+ -webkit-transform: translateY(0) scale(1.05) rotateZ(0);
+ -moz-transform: translateY(0) scale(1.05) rotateZ(0);
+ -o-transform: translateY(0) scale(1.05) rotateZ(0);
+ -ms-transform: translateY(0) scale(1.05) rotateZ(0);
+ transform: translateY(0) scale(1.05) rotateZ(0);
+ }
+ 75% {
+ -webkit-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -moz-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -o-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -ms-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ }
+}
+@-webkit-keyframes buttonIconBounce {
+ 0%, 100% {
+ -webkit-transform: translateY(0) scale(1);
+ -moz-transform: translateY(0) scale(1);
+ -o-transform: translateY(0) scale(1);
+ -ms-transform: translateY(0) scale(1);
+ transform: translateY(0) scale(1);
+ }
+ 25% {
+ -webkit-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -moz-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -o-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -ms-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ }
+ 50% {
+ -webkit-transform: translateY(0) scale(1.05) rotateZ(0);
+ -moz-transform: translateY(0) scale(1.05) rotateZ(0);
+ -o-transform: translateY(0) scale(1.05) rotateZ(0);
+ -ms-transform: translateY(0) scale(1.05) rotateZ(0);
+ transform: translateY(0) scale(1.05) rotateZ(0);
+ }
+ 75% {
+ -webkit-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -moz-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -o-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -ms-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ }
+}
+@-o-keyframes buttonIconBounce {
+ 0%, 100% {
+ -webkit-transform: translateY(0) scale(1);
+ -moz-transform: translateY(0) scale(1);
+ -o-transform: translateY(0) scale(1);
+ -ms-transform: translateY(0) scale(1);
+ transform: translateY(0) scale(1);
+ }
+ 25% {
+ -webkit-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -moz-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -o-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -ms-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ }
+ 50% {
+ -webkit-transform: translateY(0) scale(1.05) rotateZ(0);
+ -moz-transform: translateY(0) scale(1.05) rotateZ(0);
+ -o-transform: translateY(0) scale(1.05) rotateZ(0);
+ -ms-transform: translateY(0) scale(1.05) rotateZ(0);
+ transform: translateY(0) scale(1.05) rotateZ(0);
+ }
+ 75% {
+ -webkit-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -moz-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -o-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -ms-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ }
+}
+@keyframes buttonIconBounce {
+ 0%, 100% {
+ -webkit-transform: translateY(0) scale(1);
+ -moz-transform: translateY(0) scale(1);
+ -o-transform: translateY(0) scale(1);
+ -ms-transform: translateY(0) scale(1);
+ transform: translateY(0) scale(1);
+ }
+ 25% {
+ -webkit-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -moz-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -o-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ -ms-transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ transform: translateY(-3px) scale(1.1) rotateZ(-5deg);
+ }
+ 50% {
+ -webkit-transform: translateY(0) scale(1.05) rotateZ(0);
+ -moz-transform: translateY(0) scale(1.05) rotateZ(0);
+ -o-transform: translateY(0) scale(1.05) rotateZ(0);
+ -ms-transform: translateY(0) scale(1.05) rotateZ(0);
+ transform: translateY(0) scale(1.05) rotateZ(0);
+ }
+ 75% {
+ -webkit-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -moz-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -o-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ -ms-transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ transform: translateY(-1px) scale(1.02) rotateZ(2deg);
+ }
+}
+:root {
+ --global-font-size: 110%;
+ --global-bg: #fff;
+ --font-color: #4c4948;
+ --hr-border: #a4d8fa;
+ --hr-before-color: #80c8f8;
+ --search-bg: #f6f8fa;
+ --search-input-color: #4c4948;
+ --search-a-color: #4c4948;
+ --preloader-bg: #37474f;
+ --preloader-color: #fff;
+ --tab-border-color: #f0f0f0;
+ --tab-button-bg: #f0f0f0;
+ --tab-button-color: #1f2d3d;
+ --tab-button-hover-bg: #dcdcdc;
+ --tab-button-active-bg: #fff;
+ --card-bg: #fff;
+ --card-meta: #858585;
+ --sidebar-bg: #f6f8fa;
+ --sidebar-menu-bg: #fff;
+ --btn-hover-color: #ff7242;
+ --btn-color: #fff;
+ --btn-bg: #49b1f5;
+ --text-bg-hover: rgba(73,177,245,0.7);
+ --light-grey: #eee;
+ --dark-grey: #cacaca;
+ --white: #fff;
+ --text-highlight-color: #1f2d3d;
+ --blockquote-color: #6a737d;
+ --blockquote-bg: rgba(73,177,245,0.1);
+ --reward-pop: #f5f5f5;
+ --toc-link-color: #666261;
+ --card-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.05);
+ --card-hover-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.09);
+ --pseudo-hover: #ff7242;
+ --headline-presudo: #a0a0a0;
+ --scrollbar-color: #49b1f5;
+ --default-bg-color: #49b1f5;
+ --zoom-bg: #fff;
+ --mark-bg: rgba(0,0,0,0.3);
+}
+:root {
+ --btn-color: #fff;
+ --btn-default-color: #777;
+ --tags-blue-color: #428bca;
+ --tags-blue-color-lighten: #e3eef7;
+ --tags-pink-color: #ff69b4;
+ --tags-pink-color-lighten: #ffe9f4;
+ --tags-red-color: #f00;
+ --tags-red-color-lighten: #ffd9d9;
+ --tags-orange-color: #ff8c00;
+ --tags-orange-color-lighten: #ffeed9;
+ --tags-purple-color: #6f42c1;
+ --tags-purple-color-lighten: #e9e3f6;
+ --tags-green-color: #5cb85c;
+ --tags-green-color-lighten: #e7f4e7;
+ --note-default-border: #777;
+ --note-default-bg: #f7f7f7;
+ --note-default-text: #777;
+ --note-modern-default-border: #e1e1e1;
+ --note-modern-default-bg: #f3f3f3;
+ --note-modern-default-text: #666;
+ --note-modern-default-hover: #454545;
+ --note-primary-border: #6f42c1;
+ --note-primary-bg: #f5f0fa;
+ --note-primary-text: #6f42c1;
+ --note-modern-primary-border: #e1c2ff;
+ --note-modern-primary-bg: #f3daff;
+ --note-modern-primary-text: #6f42c1;
+ --note-modern-primary-hover: #453298;
+ --note-info-border: #428bca;
+ --note-info-bg: #eef7fa;
+ --note-info-text: #428bca;
+ --note-modern-info-border: #b3e5ef;
+ --note-modern-info-bg: #d9edf7;
+ --note-modern-info-text: #31708f;
+ --note-modern-info-hover: #215761;
+ --note-success-border: #5cb85c;
+ --note-success-bg: #eff8f0;
+ --note-success-text: #5cb85c;
+ --note-modern-success-border: #d0e6be;
+ --note-modern-success-bg: #dff0d8;
+ --note-modern-success-text: #3c763d;
+ --note-modern-success-hover: #32562c;
+ --note-warning-border: #f0ad4e;
+ --note-warning-bg: #fdf8ea;
+ --note-warning-text: #f0ad4e;
+ --note-modern-warning-border: #fae4cd;
+ --note-modern-warning-bg: #fcf4e3;
+ --note-modern-warning-text: #8a6d3b;
+ --note-modern-warning-hover: #714f30;
+ --note-danger-border: #d9534f;
+ --note-danger-bg: #fcf1f2;
+ --note-danger-text: #d9534f;
+ --note-modern-danger-border: #ebcdd2;
+ --note-modern-danger-bg: #f2dfdf;
+ --note-modern-danger-text: #a94442;
+ --note-modern-danger-hover: #84333f;
+}
+body {
+ position: relative;
+ overflow-y: scroll;
+ min-height: 100%;
+ background: var(--global-bg);
+ color: var(--font-color);
+ font-size: var(--global-font-size);
+ font-family: gkai;
+ line-height: 2;
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
+ scroll-behavior: smooth;
+}
+@-moz-document url-prefix() {
+ * {
+ scrollbar-width: thin;
+ scrollbar-color: var(--scrollbar-color) transparent;
+ }
+}
+*::-webkit-scrollbar {
+ width: 5px;
+ height: 5px;
+}
+*::-webkit-scrollbar-thumb {
+ background: var(--scrollbar-color);
+}
+*::-webkit-scrollbar-track {
+ background-color: transparent;
+}
+input::placeholder {
+ color: var(--font-color);
+}
+#web_bg {
+ position: fixed;
+ z-index: -999;
+ width: 100%;
+ height: 100%;
+ background-attachment: local;
+ background-position: center;
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ position: relative;
+ margin: 20px 0 14px;
+ color: var(--text-highlight-color);
+ font-weight: bold;
+}
+h1 code,
+h2 code,
+h3 code,
+h4 code,
+h5 code,
+h6 code {
+ font-size: inherit !important;
+}
+* {
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
+}
+.table-wrap {
+ overflow-x: scroll;
+ margin: 0 0 20px;
+ border-radius: 5px;
+}
+.table-wrap table {
+ border-radius: 5px;
+}
+.table-wrap table thead > tr:first-child th:first-child {
+ border-top-left-radius: 5px;
+}
+.table-wrap table thead > tr:first-child th:last-child {
+ border-top-right-radius: 5px;
+}
+.table-wrap table tbody > tr:last-child td:first-child {
+ border-bottom-left-radius: 5px;
+}
+.table-wrap table tbody > tr:last-child td:last-child {
+ border-bottom-right-radius: 5px;
+}
+table {
+ display: table;
+ width: 100%;
+ border-spacing: 0;
+ border-collapse: separate;
+ border-top: 1px solid var(--light-grey);
+ border-left: 1px solid var(--light-grey);
+ empty-cells: show;
+}
+table thead {
+ background: rgba(153,169,191,0.1);
+}
+table th,
+table td {
+ padding: 6px 12px;
+ border: 1px solid var(--light-grey);
+ border-top: none;
+ border-left: none;
+ vertical-align: middle;
+}
+*::selection {
+ background: #00c4b6;
+ color: #f7f7f7;
+}
+button {
+ padding: 0;
+ outline: 0;
+ border: none;
+ background: none;
+ cursor: pointer;
+ touch-action: manipulation;
+}
+a {
+ color: #99a9bf;
+ text-decoration: none;
+ word-wrap: break-word;
+ -webkit-transition: all 0.2s;
+ -moz-transition: all 0.2s;
+ -o-transition: all 0.2s;
+ -ms-transition: all 0.2s;
+ transition: all 0.2s;
+ overflow-wrap: break-word;
+}
+a:hover {
+ color: #49b1f5;
+}
+.text-center {
+ text-align: center;
+}
+.text-right {
+ text-align: right;
+}
+img[src=''],
+img:not([src]) {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+}
+.img-alt {
+ margin: -10px 0 10px;
+ color: #858585;
+}
+.img-alt:hover {
+ text-decoration: none !important;
+}
+blockquote {
+ margin: 0 0 20px;
+ padding: 7px 15px;
+ border-left: 4px solid #49b1f5;
+ background-color: var(--blockquote-bg);
+ color: var(--blockquote-color);
+ border-radius: 6px;
+}
+blockquote footer cite:before {
+ padding: 0 5px;
+ content: '—';
+}
+blockquote > :last-child {
+ margin-bottom: 0 !important;
+}
+.fa-fw {
+ width: 1.25em;
+ text-align: center;
+}
+:root {
+ --hl-color: #90a4ae;
+ --hl-bg: #f6f8fa;
+ --hltools-bg: #e6ebf1;
+ --hltools-color: #90a4ae;
+ --hlnumber-bg: #f6f8fa;
+ --hlnumber-color: rgba(144,164,174,0.5);
+ --hlscrollbar-bg: #dce4eb;
+ --hlexpand-bg: linear-gradient(180deg, rgba(246,248,250,0.6), rgba(246,248,250,0.9));
+}
+[data-theme='dark'] {
+ --hl-color: rgba(255,255,255,0.7);
+ --hl-bg: #171717;
+ --hltools-bg: #1a1a1a;
+ --hltools-color: #90a4ae;
+ --hlnumber-bg: #171717;
+ --hlnumber-color: rgba(255,255,255,0.4);
+ --hlscrollbar-bg: #1f1f1f;
+ --hlexpand-bg: linear-gradient(180deg, rgba(23,23,23,0.6), rgba(23,23,23,0.9));
+}
+@-moz-document url-prefix() {
+ scrollbar-color: var(--hlscrollbar-bg) transparent;
+}
+figure.highlight table::-webkit-scrollbar-thumb,
+.container figure.highlight.default pre::-webkit-scrollbar-thumb {
+ background: var(--hlscrollbar-bg);
+}
+figure.highlight pre .deletion {
+ color: #bf42bf;
+}
+figure.highlight pre .addition {
+ color: #105ede;
+}
+figure.highlight pre .meta {
+ color: #7c4dff;
+}
+figure.highlight pre .comment {
+ color: rgba(149,165,166,0.8);
+}
+figure.highlight pre .variable,
+figure.highlight pre .attribute,
+figure.highlight pre .regexp,
+figure.highlight pre .ruby .constant,
+figure.highlight pre .xml .tag .title,
+figure.highlight pre .xml .pi,
+figure.highlight pre .xml .doctype,
+figure.highlight pre .html .doctype,
+figure.highlight pre .css .id,
+figure.highlight pre .tag .name,
+figure.highlight pre .css .class,
+figure.highlight pre .css .pseudo {
+ color: #e53935;
+}
+figure.highlight pre .tag {
+ color: #39adb5;
+}
+figure.highlight pre .number,
+figure.highlight pre .preprocessor,
+figure.highlight pre .literal,
+figure.highlight pre .params,
+figure.highlight pre .constant,
+figure.highlight pre .command {
+ color: #f76d47;
+}
+figure.highlight pre .built_in {
+ color: #ffb62c;
+}
+figure.highlight pre .ruby .class .title,
+figure.highlight pre .css .rules .attribute,
+figure.highlight pre .string,
+figure.highlight pre .value,
+figure.highlight pre .inheritance,
+figure.highlight pre .header,
+figure.highlight pre .ruby .symbol,
+figure.highlight pre .xml .cdata,
+figure.highlight pre .special,
+figure.highlight pre .number,
+figure.highlight pre .formula {
+ color: #91b859;
+}
+figure.highlight pre .keyword,
+figure.highlight pre .title,
+figure.highlight pre .css .hexcolor {
+ color: #39adb5;
+}
+figure.highlight pre .function,
+figure.highlight pre .python .decorator,
+figure.highlight pre .python .title,
+figure.highlight pre .ruby .function .title,
+figure.highlight pre .ruby .title .keyword,
+figure.highlight pre .perl .sub,
+figure.highlight pre .javascript .title,
+figure.highlight pre .coffeescript .title {
+ color: #6182b8;
+}
+figure.highlight pre .tag .attr,
+figure.highlight pre .javascript .function {
+ color: #7c4dff;
+}
+.container figure.highlight .line.marked {
+ background-color: rgba(128,203,196,0.251);
+}
+.container figure.highlight table {
+ display: block;
+ overflow: auto;
+ border: none;
+}
+.container figure.highlight table td {
+ padding: 0;
+ border: none;
+}
+.container figure.highlight .gutter pre {
+ padding-right: 10px;
+ padding-left: 10px;
+ background-color: var(--hlnumber-bg);
+ color: var(--hlnumber-color);
+ text-align: right;
+}
+.container figure.highlight .code pre {
+ padding-right: 10px;
+ padding-left: 10px;
+ width: 100%;
+}
+.container pre,
+.container figure.highlight {
+ overflow: auto;
+ margin: 0 0 20px;
+ padding: 0;
+ background: var(--hl-bg);
+ color: var(--hl-color);
+ line-height: 1.6;
+}
+.container pre,
+.container code {
+ font-size: 100%;
+ font-family: consolas, Menlo, monospace, 'PingFang SC', 'Microsoft YaHei', sans-serif !important;
+ border-radius: 6px;
+}
+.container code {
+ padding: 2px 5px;
+ background: rgba(27,31,35,0.05);
+ color: #f47466;
+}
+.container pre {
+ padding: 10px 20px;
+}
+.container pre code {
+ padding: 0;
+ background: none;
+ color: var(--hl-color);
+ text-shadow: none;
+}
+.container figure.highlight {
+ position: relative;
+ border-radius: 6px;
+}
+.container figure.highlight pre {
+ margin: 0;
+ padding: 8px 0;
+ border: none;
+}
+.container figure.highlight figcaption,
+.container figure.highlight .caption {
+ padding: 6px 0 2px 14px;
+ font-size: 100%;
+ line-height: 1em;
+}
+.container figure.highlight figcaption a,
+.container figure.highlight .caption a {
+ float: right;
+ padding-right: 10px;
+ color: var(--hl-color);
+}
+.container figure.highlight figcaption a:hover,
+.container figure.highlight .caption a:hover {
+ border-bottom-color: var(--hl-color);
+}
+.container figure.highlight.default pre {
+ padding: 10px 20px;
+}
+.container figure.highlight.copy-true {
+ -webkit-user-select: all;
+ -moz-user-select: all;
+ -ms-user-select: all;
+ user-select: all;
+ -webkit-user-select: all;
+}
+.container figure.highlight.copy-true > table,
+.container figure.highlight.copy-true > pre {
+ display: block !important;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+}
+.container .highlight-tools {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ overflow: hidden;
+ padding: 0 8px;
+ min-height: 24px;
+ height: 2.15em;
+ background: var(--hltools-bg);
+ color: var(--hltools-color);
+ font-size: 100%;
+ margin-right: auto;
+}
+.container .highlight-tools > * {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 0 0 auto;
+ -ms-flex: 0 0 auto;
+ flex: 0 0 auto;
+ margin: 2px;
+}
+.container .highlight-tools i {
+ display: -webkit-inline-box;
+ display: -moz-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-box;
+ display: inline-flex;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 5px;
+ cursor: pointer;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+}
+.container .highlight-tools i:hover {
+ color: #49b1f5;
+}
+.container .highlight-tools.closed ~ * {
+ display: none;
+}
+.container .highlight-tools.closed .expand {
+ -webkit-transform: rotate(-90deg);
+ -moz-transform: rotate(-90deg);
+ -o-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+.container .highlight-tools > .macStyle {
+ margin: 0;
+}
+.container .highlight-tools .code-lang {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1 1 auto;
+ -ms-flex: 1 1 auto;
+ flex: 1 1 auto;
+ overflow: hidden;
+ padding-right: 10px;
+ text-transform: uppercase;
+ -o-text-overflow: ellipsis;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ font-weight: bold;
+ font-size: 1.15em;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-user-select: none;
+}
+.container .gutter {
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-user-select: none;
+}
+.container .gist table {
+ width: auto;
+}
+.container .gist table td {
+ border: none;
+}
+.copy-notice {
+ position: absolute;
+ z-index: 99999;
+ padding: 2px 6px;
+ border-radius: 3px;
+ background: var(--hltools-bg);
+ white-space: nowrap;
+ font-size: 12px;
+ pointer-events: none;
+}
+.container .code-expand-btn {
+ position: absolute;
+ bottom: 0;
+ z-index: 10;
+ width: 100%;
+ background: var(--hlexpand-bg);
+ text-align: center;
+ font-size: 100%;
+ cursor: pointer;
+}
+.container .code-expand-btn i {
+ padding: 6px 0;
+ color: var(--hlnumber-color);
+ -webkit-animation: code-expand-key 1.2s infinite;
+ -moz-animation: code-expand-key 1.2s infinite;
+ -o-animation: code-expand-key 1.2s infinite;
+ -ms-animation: code-expand-key 1.2s infinite;
+ animation: code-expand-key 1.2s infinite;
+}
+.container .code-expand-btn.expand-done > i {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+.container .code-expand-btn.expand-done + table,
+.container .code-expand-btn.expand-done + pre {
+ margin-bottom: 1.8em;
+}
+.container .code-expand-btn:not(.expand-done) ~ table,
+.container .code-expand-btn:not(.expand-done) ~ pre {
+ overflow: hidden;
+ height: 200px;
+}
+@-moz-keyframes code-expand-key {
+ 0% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+ 50% {
+ opacity: 0.1;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
+ filter: alpha(opacity=10);
+ }
+ 100% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+}
+@-webkit-keyframes code-expand-key {
+ 0% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+ 50% {
+ opacity: 0.1;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
+ filter: alpha(opacity=10);
+ }
+ 100% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+}
+@-o-keyframes code-expand-key {
+ 0% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+ 50% {
+ opacity: 0.1;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
+ filter: alpha(opacity=10);
+ }
+ 100% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+}
+@keyframes code-expand-key {
+ 0% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+ 50% {
+ opacity: 0.1;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
+ filter: alpha(opacity=10);
+ }
+ 100% {
+ opacity: 0.6;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
+ filter: alpha(opacity=60);
+ }
+}
+.container figure.highlight.code-fullpage {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 9999;
+ margin: 0;
+ border-radius: 0;
+ -webkit-animation: code-fullpage 0.3s;
+ -moz-animation: code-fullpage 0.3s;
+ -o-animation: code-fullpage 0.3s;
+ -ms-animation: code-fullpage 0.3s;
+ animation: code-fullpage 0.3s;
+}
+.container figure.highlight.code-fullpage .code-expand-btn,
+.container figure.highlight.code-fullpage .expand {
+ display: none;
+}
+.container figure.highlight.code-fullpage .highlight-tools ~ pre,
+.container figure.highlight.code-fullpage .highlight-tools ~ table {
+ display: block;
+ overflow: auto;
+ margin-bottom: 0;
+ height: calc(100vh - 2.15em);
+}
+@-moz-keyframes code-fullpage {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 20%, 60% {
+ -webkit-transform: translateX(-5px);
+ -moz-transform: translateX(-5px);
+ -o-transform: translateX(-5px);
+ -ms-transform: translateX(-5px);
+ transform: translateX(-5px);
+ }
+ 40%, 80% {
+ -webkit-transform: translateX(5px);
+ -moz-transform: translateX(5px);
+ -o-transform: translateX(5px);
+ -ms-transform: translateX(5px);
+ transform: translateX(5px);
+ }
+}
+@-webkit-keyframes code-fullpage {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 20%, 60% {
+ -webkit-transform: translateX(-5px);
+ -moz-transform: translateX(-5px);
+ -o-transform: translateX(-5px);
+ -ms-transform: translateX(-5px);
+ transform: translateX(-5px);
+ }
+ 40%, 80% {
+ -webkit-transform: translateX(5px);
+ -moz-transform: translateX(5px);
+ -o-transform: translateX(5px);
+ -ms-transform: translateX(5px);
+ transform: translateX(5px);
+ }
+}
+@-o-keyframes code-fullpage {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 20%, 60% {
+ -webkit-transform: translateX(-5px);
+ -moz-transform: translateX(-5px);
+ -o-transform: translateX(-5px);
+ -ms-transform: translateX(-5px);
+ transform: translateX(-5px);
+ }
+ 40%, 80% {
+ -webkit-transform: translateX(5px);
+ -moz-transform: translateX(5px);
+ -o-transform: translateX(5px);
+ -ms-transform: translateX(5px);
+ transform: translateX(5px);
+ }
+}
+@keyframes code-fullpage {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 20%, 60% {
+ -webkit-transform: translateX(-5px);
+ -moz-transform: translateX(-5px);
+ -o-transform: translateX(-5px);
+ -ms-transform: translateX(-5px);
+ transform: translateX(-5px);
+ }
+ 40%, 80% {
+ -webkit-transform: translateX(5px);
+ -moz-transform: translateX(5px);
+ -o-transform: translateX(5px);
+ -ms-transform: translateX(5px);
+ transform: translateX(5px);
+ }
+}
+.type-404 .error-content {
+ overflow: hidden;
+ margin: 0 20px;
+ height: 360px;
+}
+@media screen and (max-width: 768px) {
+ .type-404 .error-content {
+ margin: 0;
+ height: 500px;
+ }
+}
+.type-404 .error-content .error-img {
+ display: inline-block;
+ overflow: hidden;
+ width: 50%;
+ height: 100%;
+}
+@media screen and (max-width: 768px) {
+ .type-404 .error-content .error-img {
+ width: 100%;
+ height: 45%;
+ }
+}
+.type-404 .error-content .error-img img {
+ background-color: #49b1f5;
+}
+.type-404 .error-content .error-info {
+ display: -webkit-inline-box;
+ display: -moz-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-box;
+ display: inline-flex;
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ -o-box-orient: vertical;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -ms-flex-line-pack: center;
+ -webkit-align-content: center;
+ align-content: center;
+ width: 50%;
+ height: 100%;
+ vertical-align: top;
+ text-align: center;
+}
+@media screen and (max-width: 768px) {
+ .type-404 .error-content .error-info {
+ width: 100%;
+ height: 55%;
+ }
+}
+.type-404 .error-content .error-info .error_title {
+ margin-top: -0.6em;
+ font-size: 9em;
+}
+@media screen and (max-width: 768px) {
+ .type-404 .error-content .error-info .error_title {
+ font-size: 8em;
+ }
+}
+.type-404 .error-content .error-info .error_subtitle {
+ margin-top: -3em;
+ word-break: break-word;
+ font-size: 1.6em;
+ -webkit-line-clamp: 2;
+}
+.type-404 .nc {
+ margin-top: 5%;
+ padding: 0 20px;
+}
+.type-404 #footer {
+ display: none;
+}
+.type-404 + #rightside {
+ display: none;
+}
+.article-sort {
+ margin-left: 10px;
+ padding-left: 20px;
+ border-left: 2px solid #aadafa;
+}
+.article-sort-title {
+ position: relative;
+ margin-left: 10px;
+ padding-bottom: 20px;
+ padding-left: 20px;
+ font-size: 1.72em;
+}
+.article-sort-title:hover:before {
+ border-color: var(--pseudo-hover);
+}
+.article-sort-title:before {
+ position: absolute;
+ top: calc(((100% - 36px) / 2));
+ left: -9px;
+ z-index: 1;
+ width: 10px;
+ height: 10px;
+ border: 5px solid #49b1f5;
+ border-radius: 10px;
+ background: var(--card-bg);
+ content: '';
+ line-height: 10px;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+.article-sort-title:after {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ z-index: 0;
+ width: 2px;
+ height: 1.5em;
+ background: #aadafa;
+ content: '';
+}
+.article-sort-item {
+ position: relative;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ margin: 0 0 20px 10px;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+.article-sort-item:hover:before {
+ border-color: var(--pseudo-hover);
+}
+.article-sort-item:before {
+ position: absolute;
+ left: calc(-20px - 17px);
+ width: 6px;
+ height: 6px;
+ border: 3px solid #49b1f5;
+ border-radius: 6px;
+ background: var(--card-bg);
+ content: '';
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+.article-sort-item.no-article-cover {
+ height: 80px;
+}
+.article-sort-item.no-article-cover .article-sort-item-info {
+ padding: 0;
+}
+.article-sort-item.year {
+ font-size: 1.43em;
+ margin-bottom: 10px;
+}
+.article-sort-item.year:hover:before {
+ border-color: #49b1f5;
+}
+.article-sort-item.year:before {
+ border-color: var(--pseudo-hover);
+}
+.article-sort-item-time {
+ color: var(--card-meta);
+ font-size: 0.85em;
+}
+.article-sort-item-time time {
+ padding-left: 6px;
+ cursor: default;
+}
+.article-sort-item-title {
+ color: var(--font-color);
+ font-size: 1.05em;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+ -webkit-line-clamp: 2;
+}
+.article-sort-item-title:hover {
+ color: #49b1f5;
+ -webkit-transform: translateX(10px);
+ -moz-transform: translateX(10px);
+ -o-transform: translateX(10px);
+ -ms-transform: translateX(10px);
+ transform: translateX(10px);
+}
+.article-sort-item-img {
+ overflow: hidden;
+ width: 100px;
+ height: 70px;
+ border-radius: 6px;
+}
+@media screen and (max-width: 768px) {
+ .article-sort-item-img {
+ width: 70px;
+ height: 70px;
+ }
+}
+.article-sort-item-info {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding: 0 16px;
+}
+.category-lists .category-title {
+ font-size: 2.57em;
+}
+@media screen and (max-width: 768px) {
+ .category-lists .category-title {
+ font-size: 2em;
+ }
+}
+.category-lists .category-list {
+ margin-bottom: 0;
+}
+.category-lists .category-list a {
+ color: var(--font-color);
+}
+.category-lists .category-list a:hover {
+ color: #49b1f5;
+}
+.category-lists .category-list .category-list-count {
+ margin-left: 8px;
+ color: var(--card-meta);
+}
+.category-lists .category-list .category-list-count:before {
+ content: '(';
+}
+.category-lists .category-list .category-list-count:after {
+ content: ')';
+}
+.category-lists ul {
+ padding: 0 0 0 20px;
+}
+.category-lists ul ul {
+ padding-left: 4px;
+}
+.category-lists ul li {
+ position: relative;
+ margin: 6px 0;
+ padding: 0.12em 0.4em 0.12em 1.4em;
+}
+#body-wrap {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ -o-box-orient: vertical;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ min-height: 100vh;
+}
+.layout {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1 auto;
+ -ms-flex: 1 auto;
+ flex: 1 auto;
+ margin: 0 auto;
+ padding: 40px 15px;
+ max-width: 1200px;
+ width: 100%;
+}
+@media screen and (max-width: 900px) {
+ .layout {
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ -o-box-orient: vertical;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+}
+@media screen and (max-width: 768px) {
+ .layout {
+ padding: 20px 5px;
+ }
+}
+@media screen and (min-width: 2000px) {
+ .layout {
+ max-width: 60%;
+ }
+}
+.layout > div:first-child:not(.nc) {
+ -webkit-align-self: flex-start;
+ align-self: flex-start;
+ -ms-flex-item-align: start;
+ padding: 50px 40px;
+}
+@media screen and (max-width: 768px) {
+ .layout > div:first-child:not(.nc) {
+ padding: 36px 14px;
+ }
+}
+.layout > div:first-child {
+ width: 74%;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+}
+@media screen and (max-width: 900px) {
+ .layout > div:first-child {
+ width: 100% !important;
+ }
+}
+.layout.hide-aside {
+ max-width: 1000px;
+}
+@media screen and (min-width: 2000px) {
+ .layout.hide-aside {
+ max-width: 1300px;
+ }
+}
+.layout.hide-aside > div {
+ width: 100% !important;
+}
+.apple #page-header.full_page {
+ background-attachment: scroll !important;
+}
+.apple .recent-post-item,
+.apple .avatar-img,
+.apple .flink-item-icon {
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+}
+.container .flink {
+ margin-bottom: 20px;
+}
+.container .flink .flink-list {
+ overflow: auto;
+ padding: 10px 10px 0;
+ text-align: center;
+}
+.container .flink .flink-list > .flink-list-item {
+ position: relative;
+ float: left;
+ overflow: hidden;
+ margin: 15px 7px;
+ width: calc(100% / 3 - 15px);
+ height: 90px;
+ line-height: 17px;
+ -webkit-transform: translateZ(0);
+ border-radius: 8px;
+}
+@media screen and (max-width: 1024px) {
+ .container .flink .flink-list > .flink-list-item {
+ width: calc(50% - 15px) !important;
+ }
+}
+@media screen and (max-width: 600px) {
+ .container .flink .flink-list > .flink-list-item {
+ width: calc(100% - 15px) !important;
+ }
+}
+.container .flink .flink-list > .flink-list-item:hover .flink-item-icon {
+ margin-left: -10px;
+ width: 0;
+}
+.container .flink .flink-list > .flink-list-item:before {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: -1;
+ background: var(--text-bg-hover);
+ content: '';
+ -webkit-transition: -webkit-transform 0.3s ease-out;
+ -moz-transition: -moz-transform 0.3s ease-out;
+ -o-transition: -o-transform 0.3s ease-out;
+ -ms-transition: -ms-transform 0.3s ease-out;
+ transition: transform 0.3s ease-out;
+ -webkit-transform: scale(0);
+ -moz-transform: scale(0);
+ -o-transform: scale(0);
+ -ms-transform: scale(0);
+ transform: scale(0);
+}
+.container .flink .flink-list > .flink-list-item:hover:before,
+.container .flink .flink-list > .flink-list-item:focus:before,
+.container .flink .flink-list > .flink-list-item:active:before {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+}
+.container .flink .flink-list > .flink-list-item a {
+ color: var(--font-color);
+ text-decoration: none;
+}
+.container .flink .flink-list > .flink-list-item a .flink-item-icon {
+ float: left;
+ overflow: hidden;
+ margin: 15px 10px;
+ width: 60px;
+ height: 60px;
+ border-radius: 7px;
+ -webkit-transition: width 0.3s ease-out;
+ -moz-transition: width 0.3s ease-out;
+ -o-transition: width 0.3s ease-out;
+ -ms-transition: width 0.3s ease-out;
+ transition: width 0.3s ease-out;
+}
+.container .flink .flink-list > .flink-list-item a .flink-item-icon img {
+ width: 100%;
+ height: 100%;
+ -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.3s;
+ -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.3s;
+ -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.3s;
+ -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.3s;
+ transition: filter 375ms ease-in 0.2s, transform 0.3s;
+ object-fit: cover;
+}
+.container .flink .flink-list > .flink-list-item a .img-alt {
+ display: none;
+}
+.container .flink .flink-item-name {
+ padding: 16px 10px 0 0;
+ height: 40px;
+ font-weight: bold;
+ font-size: 1.43em;
+}
+.container .flink .flink-item-desc {
+ padding: 16px 10px 16px 0;
+ height: 50px;
+ font-size: 0.93em;
+}
+.container .flink .flink-name {
+ margin-bottom: 5px;
+ font-weight: bold;
+ font-size: 1.5em;
+}
+#recent-posts .recent-post-item {
+ position: relative;
+ overflow: hidden;
+ margin-bottom: 20px;
+ display: inline-block;
+ width: calc(100% / 2 - 8px);
+ vertical-align: top;
+}
+@media screen and (max-width: 768px) {
+ #recent-posts .recent-post-item {
+ width: 100%;
+ }
+}
+@media screen and (min-width: 2000px) {
+ #recent-posts .recent-post-item {
+ width: calc(100% / 3 - 8px);
+ }
+}
+#recent-posts .recent-post-item:hover .post-bg {
+ -webkit-transform: scale(1.1);
+ -moz-transform: scale(1.1);
+ -o-transform: scale(1.1);
+ -ms-transform: scale(1.1);
+ transform: scale(1.1);
+}
+#recent-posts .recent-post-item.ads-wrap {
+ display: block !important;
+ height: auto !important;
+}
+#recent-posts .recent-post-item .post_cover {
+ overflow: hidden;
+ width: 100%;
+ height: 230px;
+}
+@media screen and (max-width: 768px) {
+ #recent-posts .recent-post-item .post_cover {
+ width: 100%;
+ height: 230px;
+ }
+}
+#recent-posts .recent-post-item .post_cover .post-bg {
+ z-index: -4;
+}
+#recent-posts .recent-post-item >.recent-post-info {
+ padding: 30px 30px 25px;
+}
+@media screen and (max-width: 768px) {
+ #recent-posts .recent-post-item >.recent-post-info {
+ padding: 20px 20px 30px;
+ width: 100%;
+ }
+}
+#recent-posts .recent-post-item >.recent-post-info.no-cover {
+ padding: 35px 30px;
+}
+@media screen and (max-width: 768px) {
+ #recent-posts .recent-post-item >.recent-post-info.no-cover {
+ padding: 30px 20px;
+ }
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-title {
+ color: var(--text-highlight-color);
+ font-size: 1.55em;
+ line-height: 1.4;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ -webkit-line-clamp: 2;
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-title .sticky {
+ margin-right: 10px;
+ color: #ff7242;
+ -webkit-transform: rotate(45deg);
+ -moz-transform: rotate(45deg);
+ -o-transform: rotate(45deg);
+ -ms-transform: rotate(45deg);
+ transform: rotate(45deg);
+}
+@media screen and (max-width: 768px) {
+ #recent-posts .recent-post-item >.recent-post-info > .article-title {
+ font-size: 1.43em;
+ }
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-title:hover {
+ color: #49b1f5;
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-meta-wrap {
+ margin: 6px 0;
+ color: var(--card-meta);
+ font-size: 0.9em;
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-meta-wrap > .post-meta-date {
+ cursor: default;
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-meta-wrap i {
+ margin: 0 4px 0 0;
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-meta-wrap .fa-spinner {
+ margin: 0;
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-label {
+ padding-right: 4px;
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-separator {
+ margin: 0 6px;
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-meta-wrap .article-meta-link {
+ margin: 0 4px;
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-meta-wrap a {
+ color: var(--card-meta);
+}
+#recent-posts .recent-post-item >.recent-post-info > .article-meta-wrap a:hover {
+ color: #49b1f5;
+ text-decoration: underline;
+}
+#recent-posts .recent-post-item >.recent-post-info > .content {
+ -webkit-line-clamp: 2;
+ word-break: break-word;
+}
+#rightMenu {
+ display: none;
+ position: fixed;
+ width: 160px;
+ height: fit-content;
+ top: 10%;
+ left: 10%;
+ background-color: var(--icat-maskbgdeep);
+ backdrop-filter: blur(20px) saturate(1.5);
+ -webkit-transform: translateZ(0);
+ -moz-transform: translateZ(0);
+ -o-transform: translateZ(0);
+ -ms-transform: translateZ(0);
+ transform: translateZ(0);
+ border: var(--style-border);
+ border-radius: 8px;
+ z-index: 99994;
+ -webkit-box-shadow: var(--icat-shadow-black);
+ box-shadow: var(--icat-shadow-black);
+ -webkit-transition: border 0.3s;
+ -moz-transition: border 0.3s;
+ -o-transition: border 0.3s;
+ -ms-transition: border 0.3s;
+ transition: border 0.3s;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+#rightMenu:hover {
+ border: var(--style-border-hover-always);
+}
+#rightMenu .rightMenu-group {
+ padding: 6px 6px;
+}
+#rightMenu .rightMenu-group:not(:nth-last-child(1)) {
+ border-bottom: 1px solid var(--icat-card-border);
+}
+#rightMenu .rightMenu-group.rightMenu-small {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -o-box-pack: justify;
+ -ms-flex-pack: justify;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+}
+#rightMenu .rightMenu-group.rightMenu-line .rightMenu-item {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ height: 40px;
+ padding: 0 4px;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-transition: 0.6s;
+ -moz-transition: 0.6s;
+ -o-transition: 0.6s;
+ -ms-transition: 0.6s;
+ transition: 0.6s;
+}
+#rightMenu .rightMenu-group .rightMenu-item {
+ height: 30px;
+ border-radius: 6px;
+ -webkit-transition: 0.3s;
+ -moz-transition: 0.3s;
+ -o-transition: 0.3s;
+ -ms-transition: 0.3s;
+ transition: 0.3s;
+ color: var(--font-color);
+ cursor: pointer;
+}
+#rightMenu .rightMenu-group .rightMenu-item * {
+ height: 40px;
+ line-height: 40px;
+}
+#rightMenu .rightMenu-group .rightMenu-item:not(:last-child) {
+ margin-bottom: 4px;
+}
+#rightMenu .rightMenu-group .rightMenu-item:hover {
+ background-color: var(--icat-blue);
+ color: var(--icat-white);
+}
+#rightMenu .rightMenu-group .rightMenu-item i {
+ display: inline-block;
+ text-align: center;
+ line-height: 30px;
+ width: 30px;
+ height: 30px;
+ padding: 0 5px;
+}
+#rightMenu .rightMenu-group .rightMenu-item .icat-refresh,
+#rightMenu .rightMenu-group .rightMenu-item .icat-changing-over,
+#rightMenu .rightMenu-group .rightMenu-item .icat-simple-complex {
+ font-weight: 900;
+}
+#rightMenu-mask {
+ position: fixed;
+ width: 100vw;
+ height: 100vh;
+ background: 0 0;
+ top: 0;
+ left: 0;
+ display: none;
+ z-index: 998;
+}
+#article-container .shuoshuo-item {
+ margin-bottom: 20px;
+ padding: 35px 30px 30px;
+}
+@media screen and (max-width: 768px) {
+ #article-container .shuoshuo-item {
+ padding: 25px 20px 20px;
+ }
+}
+#article-container .shuoshuo-item-header {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ cursor: default;
+}
+#article-container .shuoshuo-avatar {
+ overflow: hidden;
+ width: 40px;
+ height: 40px;
+ border-radius: 40px;
+}
+#article-container .shuoshuo-avatar img {
+ margin: 0;
+ width: 100%;
+ height: 100%;
+}
+#article-container .shuoshuo-info {
+ margin-left: 10px;
+ line-height: 1.5;
+}
+#article-container .shuoshuo-date {
+ color: #858585;
+ font-size: 0.8em;
+}
+#article-container .shuoshuo-content {
+ padding: 15px 0 10px;
+}
+#article-container .shuoshuo-content > *:last-child {
+ margin-bottom: 0;
+}
+#article-container .shuoshuo-footer {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+}
+#article-container .shuoshuo-footer.flex-between {
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -o-box-pack: justify;
+ -ms-flex-pack: justify;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+}
+#article-container .shuoshuo-footer.flex-end {
+ -webkit-box-pack: end;
+ -moz-box-pack: end;
+ -o-box-pack: end;
+ -ms-flex-pack: end;
+ -webkit-justify-content: flex-end;
+ justify-content: flex-end;
+}
+#article-container .shuoshuo-footer .shuoshuo-tag {
+ display: inline-block;
+ margin-right: 8px;
+ padding: 0 8px;
+ width: fit-content;
+ border: 1px solid #49b1f5;
+ border-radius: 12px;
+ color: #49b1f5;
+ font-size: 0.85em;
+ cursor: default;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+#article-container .shuoshuo-footer .shuoshuo-tag:hover {
+ background: #49b1f5;
+ color: var(--white);
+}
+#article-container .shuoshuo-footer .shuoshuo-comment-btn {
+ padding: 2px;
+ color: #90a4ae;
+ cursor: pointer;
+}
+#article-container .shuoshuo-footer .shuoshuo-comment-btn:hover {
+ color: #49b1f5;
+}
+#article-container .shuoshuo-comment {
+ padding-top: 10px;
+}
+#article-container .shuoshuo-comment.no-comment {
+ display: none;
+}
+.shuoshuo-navigation {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ margin-top: 20px;
+ padding: 20px 0;
+/* 震動動畫 */
+}
+.shuoshuo-navigation button {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ width: 2.7em;
+ height: 2.7em;
+ background-color: var(--btn-bg);
+ color: var(--btn-color);
+ font-size: 0.9em;
+ line-height: 2.5em;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ border-radius: 6px;
+}
+.shuoshuo-navigation button:hover:not(:disabled) {
+ background-color: var(--btn-hover-color);
+}
+.shuoshuo-navigation button:disabled {
+ background: #f5f5f5;
+ color: #ccc;
+ opacity: 0.5;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+ filter: alpha(opacity=50);
+ cursor: not-allowed;
+}
+.shuoshuo-navigation .shuoshuo-page-info {
+ margin: 0 15px;
+ color: #858585;
+ white-space: nowrap;
+ font-size: 0.9em;
+}
+.shuoshuo-navigation .shuoshuo-page-input {
+ margin-right: 12px;
+ padding: 0 15px;
+ height: 2.7em;
+ border: 1px solid var(--btn-bg);
+ background: var(--card-bg);
+ color: #858585;
+ text-align: center;
+ font-size: 0.9em;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ border-radius: 6px;
+/* 隱藏 number 輸入框的上下箭頭 */
+/* Firefox */
+ -moz-appearance: textfield;
+/* 當作為頁碼按鈕時的樣式 */
+/* 超出範圍時的紅色樣式 */
+}
+.shuoshuo-navigation .shuoshuo-page-input:focus {
+ outline: none;
+ border-width: 2px;
+}
+.shuoshuo-navigation .shuoshuo-page-input:focus::placeholder {
+ color: transparent;
+}
+.shuoshuo-navigation .shuoshuo-page-input::-webkit-outer-spin-button,
+.shuoshuo-navigation .shuoshuo-page-input::-webkit-inner-spin-button {
+ margin: 0;
+ -webkit-appearance: none;
+}
+.shuoshuo-navigation .shuoshuo-page-input.shuoshuo-page-num {
+ min-width: 40px;
+ width: 40px;
+ border: none;
+ background: #49b1f5;
+ color: var(--white);
+ font-weight: 500;
+ cursor: text;
+}
+.shuoshuo-navigation .shuoshuo-page-input.shuoshuo-page-num:focus {
+ border: 1px solid #49b1f5;
+ background: var(--white);
+ color: #333;
+}
+.shuoshuo-navigation .shuoshuo-page-input.invalid {
+ border-color: #ff4757;
+ background-color: #ffeaea;
+ color: #ff4757;
+ -webkit-animation: shake 0.5s ease-in-out;
+ -moz-animation: shake 0.5s ease-in-out;
+ -o-animation: shake 0.5s ease-in-out;
+ -ms-animation: shake 0.5s ease-in-out;
+ animation: shake 0.5s ease-in-out;
+}
+@-moz-keyframes shake {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translateX(-2px);
+ -moz-transform: translateX(-2px);
+ -o-transform: translateX(-2px);
+ -ms-transform: translateX(-2px);
+ transform: translateX(-2px);
+ }
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translateX(2px);
+ -moz-transform: translateX(2px);
+ -o-transform: translateX(2px);
+ -ms-transform: translateX(2px);
+ transform: translateX(2px);
+ }
+}
+@-webkit-keyframes shake {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translateX(-2px);
+ -moz-transform: translateX(-2px);
+ -o-transform: translateX(-2px);
+ -ms-transform: translateX(-2px);
+ transform: translateX(-2px);
+ }
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translateX(2px);
+ -moz-transform: translateX(2px);
+ -o-transform: translateX(2px);
+ -ms-transform: translateX(2px);
+ transform: translateX(2px);
+ }
+}
+@-o-keyframes shake {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translateX(-2px);
+ -moz-transform: translateX(-2px);
+ -o-transform: translateX(-2px);
+ -ms-transform: translateX(-2px);
+ transform: translateX(-2px);
+ }
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translateX(2px);
+ -moz-transform: translateX(2px);
+ -o-transform: translateX(2px);
+ -ms-transform: translateX(2px);
+ transform: translateX(2px);
+ }
+}
+@keyframes shake {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 10%, 30%, 50%, 70%, 90% {
+ -webkit-transform: translateX(-2px);
+ -moz-transform: translateX(-2px);
+ -o-transform: translateX(-2px);
+ -ms-transform: translateX(-2px);
+ transform: translateX(-2px);
+ }
+ 20%, 40%, 60%, 80% {
+ -webkit-transform: translateX(2px);
+ -moz-transform: translateX(2px);
+ -o-transform: translateX(2px);
+ -ms-transform: translateX(2px);
+ transform: translateX(2px);
+ }
+}
+.tag-cloud-list {
+ -webkit-animation: tagsFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-animation: tagsFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-animation: tagsFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-animation: tagsFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+ animation: tagsFadeIn 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.tag-cloud-list:hover a:not(:hover) {
+ opacity: 0.7;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+ filter: alpha(opacity=70);
+ -webkit-transform: scale(0.98);
+ -moz-transform: scale(0.98);
+ -o-transform: scale(0.98);
+ -ms-transform: scale(0.98);
+ transform: scale(0.98);
+}
+.tag-cloud-list a {
+ position: relative;
+ display: inline-block;
+ margin: 5px;
+ padding: 3px 12px;
+ line-height: 1.7;
+ -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ border-radius: 7px;
+ overflow: hidden;
+ color: #fff;
+ -webkit-transform: translateY(0) scale(1);
+ -moz-transform: translateY(0) scale(1);
+ -o-transform: translateY(0) scale(1);
+ -ms-transform: translateY(0) scale(1);
+ transform: translateY(0) scale(1);
+ will-change: transform, background-color, box-shadow;
+}
+.tag-cloud-list a::before {
+ position: absolute;
+ top: 0;
+ left: -100%;
+ z-index: -1;
+ width: 100%;
+ height: 100%;
+ background: -webkit-linear-gradient(0deg, transparent, rgba(255,255,255,0.1), transparent);
+ background: -moz-linear-gradient(0deg, transparent, rgba(255,255,255,0.1), transparent);
+ background: -o-linear-gradient(0deg, transparent, rgba(255,255,255,0.1), transparent);
+ background: -ms-linear-gradient(0deg, transparent, rgba(255,255,255,0.1), transparent);
+ background: linear-gradient(90deg, transparent, rgba(255,255,255,0.1), transparent);
+ content: '';
+ -webkit-transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: left 0.6s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.tag-cloud-list a:hover {
+ background: var(--btn-hover-color) !important;
+ -webkit-box-shadow: 0 6px 20px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.08), 0 0 0 1px rgba(255,255,255,0.05);
+ box-shadow: 0 6px 20px rgba(0,0,0,0.12), 0 4px 8px rgba(0,0,0,0.08), 0 0 0 1px rgba(255,255,255,0.05);
+ color: var(--btn-color) !important;
+ -webkit-transform: translateY(-2px) scale(1.02);
+ -moz-transform: translateY(-2px) scale(1.02);
+ -o-transform: translateY(-2px) scale(1.02);
+ -ms-transform: translateY(-2px) scale(1.02);
+ transform: translateY(-2px) scale(1.02);
+}
+.tag-cloud-list a:hover::before {
+ left: 100%;
+}
+.tag-cloud-list a:active {
+ -webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.1);
+ box-shadow: 0 3px 8px rgba(0,0,0,0.15), 0 1px 3px rgba(0,0,0,0.1);
+ -webkit-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
+ -webkit-transform: translateY(-1px) scale(0.98);
+ -moz-transform: translateY(-1px) scale(0.98);
+ -o-transform: translateY(-1px) scale(0.98);
+ -ms-transform: translateY(-1px) scale(0.98);
+ transform: translateY(-1px) scale(0.98);
+}
+@media screen and (max-width: 768px) {
+ .tag-cloud-list a {
+ zoom: 0.85;
+ }
+ .tag-cloud-list a:hover {
+ -webkit-transform: translateY(-1px) scale(1.01);
+ -moz-transform: translateY(-1px) scale(1.01);
+ -o-transform: translateY(-1px) scale(1.01);
+ -ms-transform: translateY(-1px) scale(1.01);
+ transform: translateY(-1px) scale(1.01);
+ }
+ .tag-cloud-list a:active {
+ -webkit-transform: translateY(0) scale(0.99);
+ -moz-transform: translateY(0) scale(0.99);
+ -o-transform: translateY(0) scale(0.99);
+ -ms-transform: translateY(0) scale(0.99);
+ transform: translateY(0) scale(0.99);
+ }
+ .tag-cloud-list a::before {
+ display: none;
+ }
+}
+.tag-cloud-title {
+ font-size: 2.57em;
+ -webkit-animation: titleSlideIn 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-animation: titleSlideIn 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-animation: titleSlideIn 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-animation: titleSlideIn 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+ animation: titleSlideIn 0.8s cubic-bezier(0.4, 0, 0.2, 1);
+}
+@media screen and (max-width: 768px) {
+ .tag-cloud-title {
+ font-size: 2em;
+ }
+}
+.page-title + .tag-cloud-list {
+ text-align: left;
+}
+@-moz-keyframes tagsFadeIn {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(20px);
+ -moz-transform: translateY(20px);
+ -o-transform: translateY(20px);
+ -ms-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes tagsFadeIn {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(20px);
+ -moz-transform: translateY(20px);
+ -o-transform: translateY(20px);
+ -ms-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-o-keyframes tagsFadeIn {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(20px);
+ -moz-transform: translateY(20px);
+ -o-transform: translateY(20px);
+ -ms-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@keyframes tagsFadeIn {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(20px);
+ -moz-transform: translateY(20px);
+ -o-transform: translateY(20px);
+ -ms-transform: translateY(20px);
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-moz-keyframes titleSlideIn {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateX(-30px);
+ -moz-transform: translateX(-30px);
+ -o-transform: translateX(-30px);
+ -ms-transform: translateX(-30px);
+ transform: translateX(-30px);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+@-webkit-keyframes titleSlideIn {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateX(-30px);
+ -moz-transform: translateX(-30px);
+ -o-transform: translateX(-30px);
+ -ms-transform: translateX(-30px);
+ transform: translateX(-30px);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+@-o-keyframes titleSlideIn {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateX(-30px);
+ -moz-transform: translateX(-30px);
+ -o-transform: translateX(-30px);
+ -ms-transform: translateX(-30px);
+ transform: translateX(-30px);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+@keyframes titleSlideIn {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateX(-30px);
+ -moz-transform: translateX(-30px);
+ -o-transform: translateX(-30px);
+ -ms-transform: translateX(-30px);
+ transform: translateX(-30px);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+}
+:root {
+ --liushen-title-font-color: #0883b7;
+ --liushen-maskbg: rgba(255,255,255,0.85);
+ --liushen-ai-bg: conic-gradient(from 1.5708rad at 50% 50%, #d6b300 0%, #42a2ff 54%, #d6b300 100%);
+ --liushen-card-secondbg: #f1f3f8;
+ --liushen-text: #4c4948;
+ --liushen-secondtext: rgba(60,60,67,0.8);
+}
+[data-theme='dark'] {
+ --liushen-title-font-color: #0883b7;
+ --liushen-maskbg: rgba(0,0,0,0.85);
+ --liushen-ai-bg: conic-gradient(from 1.5708rad at 50% 50%, rgba(214,178,0,0.46) 0%, rgba(66,161,255,0.53) 54%, rgba(214,178,0,0.49) 100%);
+ --liushen-card-secondbg: #3e3f41;
+ --liushen-text: rgba(255,255,255,0.702);
+ --liushen-secondtext: #a1a2b8;
+}
+.ai-summary {
+ background-color: var(--liushen-maskbg);
+ background: var(--liushen-card-secondbg);
+ border-radius: 12px;
+ padding: 8px 8px 12px 8px;
+ line-height: 1.3;
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ -o-box-orient: vertical;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ margin-bottom: 16px;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ gap: 5px;
+ position: relative;
+}
+.ai-summary::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 1;
+ filter: blur(8px);
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ background-image: var(--liushen-ai-bg);
+ -webkit-transform: scaleX(1) scaleY(0.95) translateY(2px);
+ -moz-transform: scaleX(1) scaleY(0.95) translateY(2px);
+ -o-transform: scaleX(1) scaleY(0.95) translateY(2px);
+ -ms-transform: scaleX(1) scaleY(0.95) translateY(2px);
+ transform: scaleX(1) scaleY(0.95) translateY(2px);
+}
+.ai-summary::after {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 2;
+ border-radius: 12px;
+ background: var(--liushen-maskbg);
+}
+.ai-summary .ai-explanation {
+ z-index: 10;
+ padding: 8px 12px;
+ font-size: 15px;
+ line-height: 1.4;
+ color: var(--liushen-text);
+ text-align: justify;
+}
+.ai-summary .ai-explanation::after {
+ content: '';
+ display: inline-block;
+ width: 8px;
+ height: 2px;
+ margin-left: 2px;
+ background: var(--liushen-text);
+ vertical-align: bottom;
+ -webkit-animation: blink-underline 1s ease-in-out infinite;
+ -moz-animation: blink-underline 1s ease-in-out infinite;
+ -o-animation: blink-underline 1s ease-in-out infinite;
+ -ms-animation: blink-underline 1s ease-in-out infinite;
+ animation: blink-underline 1s ease-in-out infinite;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+ position: relative;
+ bottom: 3px;
+}
+.ai-summary .ai-title {
+ z-index: 10;
+ font-size: 14px;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ border-radius: 8px;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ position: relative;
+ padding: 0 12px;
+ cursor: default;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.ai-summary .ai-title .ai-title-left {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ color: var(--liushen-title-font-color);
+}
+.ai-summary .ai-title .ai-title-left i {
+ margin-right: 3px;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ color: var(--liushen-title-font-color);
+ border-radius: 20px;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+}
+.ai-summary .ai-title .ai-title-left .ai-title-text {
+ font-weight: 500;
+}
+.ai-summary .ai-title .ai-tag {
+ color: var(--liushen-secondtext);
+ font-weight: 300;
+ margin-left: auto;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-transition: 0.3s;
+ -moz-transition: 0.3s;
+ -o-transition: 0.3s;
+ -ms-transition: 0.3s;
+ transition: 0.3s;
+}
+@-moz-keyframes blink-underline {
+ 0%, 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+ 50% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+}
+@-webkit-keyframes blink-underline {
+ 0%, 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+ 50% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+}
+@-o-keyframes blink-underline {
+ 0%, 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+ 50% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+}
+@keyframes blink-underline {
+ 0%, 100% {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ }
+ 50% {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ }
+}
+#aside-content {
+ width: 26%;
+}
+@media screen and (min-width: 900px) {
+ #aside-content {
+ padding-left: 15px;
+ }
+}
+@media screen and (max-width: 900px) {
+ #aside-content {
+ margin-top: 20px;
+ width: 100%;
+ }
+}
+#aside-content .card-widget {
+ position: relative;
+ overflow: hidden;
+ margin-bottom: 20px;
+ padding: 20px 24px;
+}
+#aside-content .card-info .author-info-name {
+ font-weight: 500;
+ font-size: 1.57em;
+}
+#aside-content .card-info .author-info-description {
+ margin-top: -0.42em;
+}
+#aside-content .card-info .site-data {
+ margin: 14px 0 4px;
+}
+#aside-content .card-info .card-info-social-icons {
+ margin: 6px 0 -6px;
+}
+#aside-content .card-info .card-info-social-icons .social-icon {
+ margin: 0 10px;
+ color: var(--font-color);
+ font-size: 1.4em;
+}
+#aside-content .card-info .card-info-social-icons i {
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+}
+#aside-content .card-info .card-info-social-icons i:hover {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+}
+#aside-content .card-info #card-info-btn {
+ display: block;
+ margin-top: 14px;
+ background-color: var(--btn-bg);
+ color: var(--btn-color);
+ text-align: center;
+ line-height: 2.4;
+ border-radius: 7px;
+}
+#aside-content .card-info #card-info-btn:hover {
+ background-color: var(--btn-hover-color);
+}
+#aside-content .card-info #card-info-btn span {
+ padding-left: 10px;
+}
+#aside-content .item-headline {
+ padding-bottom: 6px;
+ font-size: 1.2em;
+}
+#aside-content .item-headline span {
+ margin-left: 6px;
+}
+@media screen and (min-width: 900px) {
+ #aside-content .sticky_layout {
+ position: sticky;
+ position: -webkit-sticky;
+ top: 20px;
+ -webkit-transition: top 0.3s;
+ -moz-transition: top 0.3s;
+ -o-transition: top 0.3s;
+ -ms-transition: top 0.3s;
+ transition: top 0.3s;
+ }
+}
+#aside-content .card-tag-cloud a {
+ display: inline-block;
+ padding: 0 4px;
+ line-height: 1.8;
+}
+#aside-content .card-tag-cloud a:hover {
+ color: #49b1f5 !important;
+}
+#aside-content .aside-list > span {
+ display: block;
+ margin-bottom: 10px;
+ text-align: center;
+}
+#aside-content .aside-list > .aside-list-item {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 6px 0;
+}
+#aside-content .aside-list > .aside-list-item:first-child {
+ padding-top: 0;
+}
+#aside-content .aside-list > .aside-list-item:not(:last-child) {
+ border-bottom: 1px dashed #f5f5f5;
+}
+#aside-content .aside-list > .aside-list-item:last-child {
+ padding-bottom: 0;
+}
+#aside-content .aside-list > .aside-list-item .thumbnail {
+ overflow: hidden;
+ width: 4em;
+ height: 4em;
+ border-radius: 6px;
+}
+#aside-content .aside-list > .aside-list-item .content {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding-left: 10px;
+ word-break: break-all;
+}
+#aside-content .aside-list > .aside-list-item .content > .name {
+ -webkit-line-clamp: 1;
+}
+#aside-content .aside-list > .aside-list-item .content > time,
+#aside-content .aside-list > .aside-list-item .content > .name {
+ display: block;
+ color: var(--card-meta);
+ font-size: 0.85em;
+}
+#aside-content .aside-list > .aside-list-item .content > .title,
+#aside-content .aside-list > .aside-list-item .content > .comment {
+ color: var(--font-color);
+ line-height: 1.5;
+ -webkit-line-clamp: 2;
+}
+#aside-content .aside-list > .aside-list-item .content > .title:hover,
+#aside-content .aside-list > .aside-list-item .content > .comment:hover {
+ color: #49b1f5;
+}
+#aside-content .aside-list > .aside-list-item.no-cover {
+ min-height: 4.4em;
+}
+#aside-content .card-archives ul.card-archive-list,
+#aside-content .card-categories ul.card-category-list {
+ margin: 0;
+ padding: 0;
+ list-style: none;
+}
+#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a,
+#aside-content .card-categories ul.card-category-list > .card-category-list-item a {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -moz-box-orient: horizontal;
+ -o-box-orient: horizontal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ margin: 2px 0;
+ padding: 2px 8px;
+ color: var(--font-color);
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+ border-radius: 6px;
+}
+#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a:hover,
+#aside-content .card-categories ul.card-category-list > .card-category-list-item a:hover {
+ padding: 2px 12px;
+ background-color: var(--text-bg-hover);
+ color: var(--white);
+}
+#aside-content .card-archives ul.card-archive-list > .card-archive-list-item a span:first-child,
+#aside-content .card-categories ul.card-category-list > .card-category-list-item a span:first-child {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+}
+#aside-content .card-categories .card-category-list.child {
+ padding: 0 0 0 16px;
+ overflow: hidden;
+ max-height: 0;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ visibility: hidden;
+ -webkit-transition: max-height 0.3s ease, opacity 0.3s ease;
+ -moz-transition: max-height 0.3s ease, opacity 0.3s ease;
+ -o-transition: max-height 0.3s ease, opacity 0.3s ease;
+ -ms-transition: max-height 0.3s ease, opacity 0.3s ease;
+ transition: max-height 0.3s ease, opacity 0.3s ease;
+}
+#aside-content .card-categories .card-category-list > .parent > a.expand i {
+ -webkit-transform: rotate(-90deg);
+ -moz-transform: rotate(-90deg);
+ -o-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+}
+#aside-content .card-categories .card-category-list > .parent > a.expand + .child {
+ max-height: 1000px;
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ visibility: visible;
+}
+#aside-content .card-categories .card-category-list > .parent > a .card-category-list-name {
+ width: 70% !important;
+}
+#aside-content .card-categories .card-category-list > .parent > a .card-category-list-count {
+ width: calc(100% - 70% - 20px);
+ text-align: right;
+}
+#aside-content .card-categories .card-category-list > .parent > a i {
+ float: right;
+ margin-right: -0.5em;
+ padding: 0.5em;
+ -webkit-transition: -webkit-transform 0.3s;
+ -moz-transition: -moz-transform 0.3s;
+ -o-transition: -o-transform 0.3s;
+ -ms-transition: -ms-transform 0.3s;
+ transition: transform 0.3s;
+ -webkit-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -o-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+}
+#aside-content .card-webinfo .webinfo .webinfo-item {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 2px 10px 0;
+}
+#aside-content .card-webinfo .webinfo .webinfo-item div:first-child {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ padding-right: 20px;
+}
+@media screen and (min-width: 901px) {
+ #aside-content #card-toc {
+ right: 0 !important;
+ }
+}
+@media screen and (max-width: 900px) {
+ #aside-content #card-toc {
+ position: fixed;
+ right: 55px;
+ bottom: 30px;
+ z-index: 100;
+ max-width: 380px;
+ max-height: calc(100% - 60px);
+ width: calc(100% - 80px);
+ -webkit-transition: none;
+ -moz-transition: none;
+ -o-transition: none;
+ -ms-transition: none;
+ transition: none;
+ -webkit-transform: scale(0);
+ -moz-transform: scale(0);
+ -o-transform: scale(0);
+ -ms-transform: scale(0);
+ transform: scale(0);
+ -webkit-transform-origin: right bottom;
+ -moz-transform-origin: right bottom;
+ -o-transform-origin: right bottom;
+ -ms-transform-origin: right bottom;
+ transform-origin: right bottom;
+ }
+ #aside-content #card-toc.open {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+#aside-content #card-toc .toc-percentage {
+ float: right;
+ margin-top: -9px;
+ color: #a9a9a9;
+ font-style: italic;
+ font-size: 140%;
+}
+#aside-content #card-toc .toc-content {
+ overflow-y: scroll;
+ overflow-y: overlay;
+ margin: 0 -24px;
+ max-height: calc(100vh - 120px);
+ width: calc(100% + 48px);
+}
+@media screen and (max-width: 900px) {
+ #aside-content #card-toc .toc-content {
+ max-height: calc(100vh - 140px);
+ }
+}
+#aside-content #card-toc .toc-content > * {
+ margin: 0 20px !important;
+}
+#aside-content #card-toc .toc-content > * > .toc-item > .toc-child {
+ margin-left: 10px;
+ padding-left: 10px;
+ border-left: 1px solid var(--dark-grey);
+}
+#aside-content #card-toc .toc-content:not(.is-expand) .toc-child {
+ display: none;
+}
+@media screen and (max-width: 900px) {
+ #aside-content #card-toc .toc-content:not(.is-expand) .toc-child {
+ display: block !important;
+ }
+}
+#aside-content #card-toc .toc-content:not(.is-expand) .toc-item.active .toc-child {
+ display: block;
+}
+#aside-content #card-toc .toc-content ol,
+#aside-content #card-toc .toc-content li {
+ list-style: none;
+}
+#aside-content #card-toc .toc-content > ol {
+ padding: 0 !important;
+}
+#aside-content #card-toc .toc-content ol {
+ margin: 0;
+ padding-left: 18px;
+}
+#aside-content #card-toc .toc-content .toc-link {
+ display: block;
+ margin: 4px 0;
+ padding: 1px 8px;
+ color: var(--toc-link-color);
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+ border-radius: 6px;
+}
+#aside-content #card-toc .toc-content .toc-link:hover {
+ color: #49b1f5;
+}
+#aside-content #card-toc .toc-content .toc-link.active {
+ background: #00c4b6;
+ color: #fff;
+}
+#aside-content .sticky_layout:only-child > :first-child {
+ margin-top: 0;
+}
+#aside-content .card-more-btn {
+ float: right;
+ color: inherit;
+}
+#aside-content .card-more-btn:hover {
+ -webkit-animation: more-btn-move 1s infinite;
+ -moz-animation: more-btn-move 1s infinite;
+ -o-animation: more-btn-move 1s infinite;
+ -ms-animation: more-btn-move 1s infinite;
+ animation: more-btn-move 1s infinite;
+}
+#aside-content .card-announcement .item-headline i {
+ color: #f00;
+}
+.avatar-img {
+ overflow: hidden;
+ margin: 0 auto;
+ width: 110px;
+ height: 110px;
+ border-radius: 70px;
+}
+.avatar-img img {
+ width: 100%;
+ height: 100%;
+ -webkit-transition: filter 375ms ease-in 0.2s, -webkit-transform 0.3s;
+ -moz-transition: filter 375ms ease-in 0.2s, -moz-transform 0.3s;
+ -o-transition: filter 375ms ease-in 0.2s, -o-transform 0.3s;
+ -ms-transition: filter 375ms ease-in 0.2s, -ms-transform 0.3s;
+ transition: filter 375ms ease-in 0.2s, transform 0.3s;
+ object-fit: cover;
+}
+.avatar-img img:hover {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+}
+.site-data {
+ display: table;
+ width: 100%;
+ table-layout: fixed;
+}
+.site-data > a {
+ display: table-cell;
+}
+.site-data > a div {
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+}
+.site-data > a:hover div {
+ color: #49b1f5 !important;
+}
+.site-data > a .headline {
+ color: var(--font-color);
+ font-size: 0.95em;
+}
+.site-data > a .length-num {
+ margin-top: -0.45em;
+ color: var(--text-highlight-color);
+ font-size: 1.2em;
+}
+@media screen and (min-width: 900px) {
+ html.hide-aside .layout {
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ }
+ html.hide-aside .layout > .aside-content {
+ display: none;
+ }
+ html.hide-aside .layout > div:first-child {
+ width: 80%;
+ }
+}
+.page .sticky_layout {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ -o-box-orient: vertical;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+}
+@-moz-keyframes more-btn-move {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 50% {
+ -webkit-transform: translateX(3px);
+ -moz-transform: translateX(3px);
+ -o-transform: translateX(3px);
+ -ms-transform: translateX(3px);
+ transform: translateX(3px);
+ }
+}
+@-webkit-keyframes more-btn-move {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 50% {
+ -webkit-transform: translateX(3px);
+ -moz-transform: translateX(3px);
+ -o-transform: translateX(3px);
+ -ms-transform: translateX(3px);
+ transform: translateX(3px);
+ }
+}
+@-o-keyframes more-btn-move {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 50% {
+ -webkit-transform: translateX(3px);
+ -moz-transform: translateX(3px);
+ -o-transform: translateX(3px);
+ -ms-transform: translateX(3px);
+ transform: translateX(3px);
+ }
+}
+@keyframes more-btn-move {
+ 0%, 100% {
+ -webkit-transform: translateX(0);
+ -moz-transform: translateX(0);
+ -o-transform: translateX(0);
+ -ms-transform: translateX(0);
+ transform: translateX(0);
+ }
+ 50% {
+ -webkit-transform: translateX(3px);
+ -moz-transform: translateX(3px);
+ -o-transform: translateX(3px);
+ -ms-transform: translateX(3px);
+ transform: translateX(3px);
+ }
+}
+@-moz-keyframes toc-open {
+ 0% {
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-webkit-keyframes toc-open {
+ 0% {
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-o-keyframes toc-open {
+ 0% {
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@keyframes toc-open {
+ 0% {
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+ 100% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-moz-keyframes toc-close {
+ 0% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+}
+@-webkit-keyframes toc-close {
+ 0% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+}
+@-o-keyframes toc-close {
+ 0% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+}
+@keyframes toc-close {
+ 0% {
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+ 100% {
+ -webkit-transform: scale(0.7);
+ -moz-transform: scale(0.7);
+ -o-transform: scale(0.7);
+ -ms-transform: scale(0.7);
+ transform: scale(0.7);
+ }
+}
+#category-bar {
+ padding: 7px 11px;
+ background: var(--card-bg);
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ white-space: nowrap;
+ overflow: hidden;
+ -webkit-transition: 0.3s;
+ -moz-transition: 0.3s;
+ -o-transition: 0.3s;
+ -ms-transition: 0.3s;
+ transition: 0.3s;
+ height: 50px;
+ width: 100%;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -o-box-pack: justify;
+ -ms-flex-pack: justify;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ margin-bottom: 20px;
+}
+#category-bar .category-bar-right {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ border-radius: 8px;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+}
+#category-bar .category-bar-right .category-bar-more {
+ margin-left: 4px;
+ margin-right: 4px;
+ font-weight: 700;
+ border-radius: 8px;
+ padding: 0 8px;
+}
+#category-bar .category-bar-items {
+ width: 100%;
+ white-space: nowrap;
+ overflow-x: scroll;
+ scrollbar-width: none;
+ -ms-overflow-style: none;
+ overflow-y: hidden;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ border-radius: 8px;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ height: 30px;
+}
+#category-bar .category-bar-items::-webkit-scrollbar {
+ display: none;
+}
+#category-bar .category-bar-items .category-bar-item a {
+ padding: 0.1rem 0.5rem;
+ margin-right: 6px;
+ font-weight: 700;
+ border-radius: 8px;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ height: 30px;
+}
+#category-bar .category-bar-items .category-bar-item.select a {
+ background: #3eb8be;
+ color: var(--btn-color);
+}
+#post-comment .comment-head {
+ margin-bottom: 20px;
+}
+#post-comment .comment-head:after {
+ display: block;
+ clear: both;
+ content: '';
+}
+#post-comment .comment-head .comment-headline {
+ display: inline-block;
+ vertical-align: middle;
+ font-weight: 700;
+ font-size: 1.43em;
+}
+#post-comment .comment-head .comment-switch {
+ display: inline-block;
+ float: right;
+ margin: 2px auto 0;
+ padding: 4px 16px;
+ width: max-content;
+ border-radius: 8px;
+ background: #f6f8fa;
+}
+#post-comment .comment-head .comment-switch .first-comment {
+ color: #49b1f5;
+}
+#post-comment .comment-head .comment-switch .second-comment {
+ color: #ff7242;
+}
+#post-comment .comment-head .comment-switch #switch-btn {
+ position: relative;
+ display: inline-block;
+ margin: -4px 8px 0;
+ width: 42px;
+ height: 22px;
+ border-radius: 34px;
+ background-color: #49b1f5;
+ vertical-align: middle;
+ cursor: pointer;
+ -webkit-transition: 0.4s;
+ -moz-transition: 0.4s;
+ -o-transition: 0.4s;
+ -ms-transition: 0.4s;
+ transition: 0.4s;
+}
+#post-comment .comment-head .comment-switch #switch-btn:before {
+ position: absolute;
+ bottom: 4px;
+ left: 4px;
+ width: 14px;
+ height: 14px;
+ border-radius: 50%;
+ background-color: #fff;
+ content: '';
+ -webkit-transition: 0.4s;
+ -moz-transition: 0.4s;
+ -o-transition: 0.4s;
+ -ms-transition: 0.4s;
+ transition: 0.4s;
+}
+#post-comment .comment-wrap > div {
+ -webkit-animation: tabshow 0.5s;
+ -moz-animation: tabshow 0.5s;
+ -o-animation: tabshow 0.5s;
+ -ms-animation: tabshow 0.5s;
+ animation: tabshow 0.5s;
+}
+#post-comment .comment-wrap > div:nth-child(2) {
+ display: none;
+}
+#post-comment.move #switch-btn {
+ background-color: #ff7242;
+}
+#post-comment.move #switch-btn:before {
+ -webkit-transform: translateX(20px);
+ -moz-transform: translateX(20px);
+ -o-transform: translateX(20px);
+ -ms-transform: translateX(20px);
+ transform: translateX(20px);
+}
+#post-comment.move .comment-wrap > div:first-child {
+ display: none;
+}
+#post-comment.move .comment-wrap > div:last-child {
+ display: block;
+}
+#footer {
+ position: relative;
+ background-color: #49b1f5;
+ background-attachment: scroll;
+ background-position: bottom;
+ background-size: cover;
+}
+#footer > * {
+ position: relative;
+ color: var(--light-grey);
+}
+#footer a {
+ color: var(--light-grey);
+ -webkit-transition: all 0.3s ease-in-out;
+ -moz-transition: all 0.3s ease-in-out;
+ -o-transition: all 0.3s ease-in-out;
+ -ms-transition: all 0.3s ease-in-out;
+ transition: all 0.3s ease-in-out;
+}
+#footer a:hover {
+ color: #49b1f5;
+}
+#footer .footer-separator {
+ margin: 0 4px;
+}
+#footer .icp-icon {
+ padding: 0 4px;
+ max-height: 1.4em;
+ width: auto;
+ vertical-align: text-bottom;
+}
+#footer .footer-flex {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-orient: horizontal;
+ -moz-box-orient: horizontal;
+ -o-box-orient: horizontal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+ -webkit-box-lines: multiple;
+ -moz-box-lines: multiple;
+ -o-box-lines: multiple;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -o-box-pack: justify;
+ -ms-flex-pack: justify;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ margin: 0 auto;
+ padding: 40px 60px;
+ max-width: 1200px;
+ width: 100%;
+ text-align: left;
+ gap: 13px;
+}
+@media screen and (max-width: 768px) {
+ #footer .footer-flex {
+ padding: 30px;
+ gap: 10px;
+ }
+}
+#footer .footer-flex .footer-flex-items {
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ min-width: 100px;
+ text-align: left;
+ white-space: nowrap;
+}
+#footer .footer-flex .footer-flex-title {
+ margin-bottom: 5px;
+ white-space: nowrap;
+ font-weight: 600;
+ font-size: 1.4em;
+}
+#footer .footer-flex .footer-flex-item {
+ margin: 10px 0;
+ white-space: nowrap;
+}
+#footer .footer-flex a {
+ display: block;
+ white-space: nowrap;
+}
+#footer .footer-other {
+ padding: 40px 20px;
+ width: 100%;
+ text-align: center;
+}
+#footer .footer-other .framework-info {
+ display: block;
+}
+#page-header {
+ position: relative;
+ width: 100%;
+ background-color: #49b1f5;
+ background-position: center center;
+ background-size: cover;
+ background-repeat: no-repeat;
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ -ms-transition: all 0.5s;
+ transition: all 0.5s;
+}
+#page-header:not(.not-top-img):before {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: var(--mark-bg);
+ content: '';
+}
+#page-header.full_page {
+ height: 100vh;
+ background-attachment: fixed;
+}
+#page-header.full_page #site-info {
+ position: absolute;
+ top: 43%;
+ padding: 0 10px;
+ width: 100%;
+}
+#page-header #site-title,
+#page-header #site-subtitle,
+#page-header #scroll-down .scroll-down-effects {
+ text-align: center;
+ text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
+ line-height: 1.5;
+}
+#page-header #site-title {
+ margin: 0;
+ color: var(--white);
+ font-size: 1.85em;
+ -webkit-line-clamp: 3;
+}
+@media screen and (min-width: 768px) {
+ #page-header #site-title {
+ font-size: 2.85em;
+ }
+}
+#page-header #site-subtitle {
+ color: var(--light-grey);
+ font-size: 1.15em;
+}
+@media screen and (min-width: 768px) {
+ #page-header #site-subtitle {
+ font-size: 1.72em;
+ }
+}
+#page-header #site_social_icons {
+ display: none;
+ margin: 0 auto;
+ text-align: center;
+}
+@media screen and (max-width: 768px) {
+ #page-header #site_social_icons {
+ display: block;
+ }
+}
+#page-header #site_social_icons .social-icon {
+ margin: 0 10px;
+ color: var(--light-grey);
+ text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
+ font-size: 1.43em;
+}
+#page-header #scroll-down {
+ position: absolute;
+ bottom: 10px;
+ width: 100%;
+ cursor: pointer;
+}
+#page-header #scroll-down .scroll-down-effects {
+ position: relative;
+ width: 100%;
+ color: var(--light-grey);
+ font-size: 20px;
+}
+#page-header.not-home-page {
+ height: 400px;
+}
+@media screen and (max-width: 768px) {
+ #page-header.not-home-page {
+ height: 280px;
+ }
+}
+#page-header #page-site-info {
+ position: absolute;
+ top: 200px;
+ padding: 0 10px;
+ width: 100%;
+}
+@media screen and (max-width: 768px) {
+ #page-header #page-site-info {
+ top: 140px;
+ }
+}
+#page-header.post-bg {
+ height: 400px;
+}
+@media screen and (max-width: 768px) {
+ #page-header.post-bg {
+ height: 360px;
+ }
+}
+#page-header #post-info {
+ position: absolute;
+ width: 100%;
+ bottom: 30px;
+}
+#page-header #post-info > * {
+ margin: 0 auto;
+ padding: 0 15px;
+ max-width: 1200px;
+}
+@media screen and (min-width: 768px) and (max-width: 1300px) {
+ #page-header #post-info > * {
+ padding: 0 30px;
+ }
+}
+@media screen and (min-width: 2000px) {
+ #page-header #post-info > * {
+ max-width: 70%;
+ }
+}
+#page-header.not-top-img {
+ margin-bottom: 10px;
+ height: 60px;
+ background: 0;
+}
+#page-header.not-top-img .title-seo {
+ display: none;
+}
+#page-header.not-top-img #nav {
+ background: rgba(255,255,255,0.8);
+ -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
+ box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
+}
+#page-header.not-top-img #nav a,
+#page-header.not-top-img #nav span.site-page,
+#page-header.not-top-img #nav .site-name {
+ color: var(--font-color);
+ text-shadow: none;
+}
+#page-header.nav-fixed #nav {
+ position: fixed;
+ top: -60px;
+ z-index: 91;
+ background: rgba(255,255,255,0.7);
+ -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
+ box-shadow: 0 5px 6px -5px rgba(133,133,133,0.6);
+ -webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+ -moz-transition: -moz-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+ -o-transition: -o-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+ -ms-transition: -ms-transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+ transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
+ will-change: transform;
+ backdrop-filter: blur(7px);
+}
+#page-header.nav-fixed #nav #blog-info {
+ color: var(--font-color);
+}
+#page-header.nav-fixed #nav #blog-info:hover {
+ color: #49b1f5;
+}
+#page-header.nav-fixed #nav #blog-info .site-name {
+ text-shadow: none;
+}
+#page-header.nav-fixed #nav #blog-info > a:first-child {
+ display: none;
+}
+#page-header.nav-fixed #nav #blog-info > a:last-child {
+ display: inline;
+}
+#page-header.nav-fixed #nav a,
+#page-header.nav-fixed #nav span.site-page,
+#page-header.nav-fixed #nav #toggle-menu {
+ color: var(--font-color);
+ text-shadow: none;
+}
+#page-header.nav-fixed #nav a:hover,
+#page-header.nav-fixed #nav span.site-page:hover,
+#page-header.nav-fixed #nav #toggle-menu:hover {
+ color: #49b1f5;
+}
+#page-header.nav-fixed.fixed #nav {
+ top: 0;
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ -ms-transition: all 0.5s;
+ transition: all 0.5s;
+}
+#page-header.nav-visible:not(.fixed) #nav {
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ -ms-transition: all 0.5s;
+ transition: all 0.5s;
+ -webkit-transform: translate3d(0, 100%, 0);
+ -moz-transform: translate3d(0, 100%, 0);
+ -o-transform: translate3d(0, 100%, 0);
+ -ms-transform: translate3d(0, 100%, 0);
+ transform: translate3d(0, 100%, 0);
+}
+#page-header.nav-visible:not(.fixed) + .layout > .aside-content > .sticky_layout {
+ top: 70px;
+ -webkit-transition: top 0.5s;
+ -moz-transition: top 0.5s;
+ -o-transition: top 0.5s;
+ -ms-transition: top 0.5s;
+ transition: top 0.5s;
+}
+#page-header.fixed #nav {
+ position: fixed;
+}
+#page-header.fixed + .layout > .aside-content > .sticky_layout {
+ top: 70px;
+ -webkit-transition: top 0.5s;
+ -moz-transition: top 0.5s;
+ -o-transition: top 0.5s;
+ -ms-transition: top 0.5s;
+ transition: top 0.5s;
+}
+#page-header.fixed + .layout #card-toc .toc-content {
+ max-height: calc(100vh - 170px);
+}
+#page .page-title {
+ margin: 0 0 10px;
+ font-weight: bold;
+ font-size: 2em;
+}
+#post > #post-info {
+ margin-bottom: 30px;
+}
+#post > #post-info .post-title {
+ padding-bottom: 4px;
+ border-bottom: 1px solid var(--light-grey);
+ color: var(--text-highlight-color);
+}
+#post > #post-info .post-title .post-edit-link {
+ float: right;
+}
+#post > #post-info #post-meta,
+#post > #post-info #post-meta a {
+ color: #78818a;
+}
+#post-info .post-title {
+ margin-bottom: 8px;
+ color: var(--white);
+ font-weight: normal;
+ font-size: 2.5em;
+ line-height: 1.5;
+ -webkit-line-clamp: 3;
+}
+@media screen and (max-width: 768px) {
+ #post-info .post-title {
+ font-size: 2.1em;
+ }
+}
+#post-info .post-title .post-edit-link {
+ padding-left: 10px;
+}
+#post-info #post-meta {
+ color: var(--light-grey);
+ font-size: 95%;
+}
+@media screen and (min-width: 768px) {
+ #post-info #post-meta > .meta-secondline > span:first-child {
+ display: none;
+ }
+}
+@media screen and (max-width: 768px) {
+ #post-info #post-meta {
+ font-size: 90%;
+ }
+ #post-info #post-meta > .meta-firstline,
+ #post-info #post-meta > .meta-secondline {
+ display: inline;
+ }
+}
+#post-info #post-meta .post-meta-separator {
+ margin: 0 5px;
+}
+#post-info #post-meta .post-meta-icon {
+ margin-right: 4px;
+}
+#post-info #post-meta .post-meta-label {
+ margin-right: 4px;
+}
+#post-info #post-meta a {
+ color: var(--light-grey);
+ -webkit-transition: all 0.3s ease-out;
+ -moz-transition: all 0.3s ease-out;
+ -o-transition: all 0.3s ease-out;
+ -ms-transition: all 0.3s ease-out;
+ transition: all 0.3s ease-out;
+}
+#post-info #post-meta a:hover {
+ color: #49b1f5;
+ text-decoration: underline;
+}
+#nav {
+ position: absolute;
+ top: 0;
+ z-index: 90;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 0 36px;
+ width: 100%;
+ height: 60px;
+ font-size: 1.3em;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ -ms-transition: all 0.5s;
+ transition: all 0.5s;
+}
+@media screen and (max-width: 768px) {
+ #nav {
+ padding: 0 16px;
+ }
+}
+#nav.show {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+}
+#nav #blog-info {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ color: var(--light-grey);
+}
+#nav #blog-info .site-icon {
+ margin-right: 6px;
+ height: 36px;
+ vertical-align: middle;
+}
+#nav #blog-info .nav-page-title {
+ display: none;
+}
+#nav #toggle-menu {
+ display: none;
+ padding: 2px 0 0 6px;
+ vertical-align: top;
+}
+#nav #toggle-menu:hover {
+ color: var(--white);
+}
+#nav a,
+#nav span.site-page {
+ color: var(--light-grey);
+}
+#nav a:hover,
+#nav span.site-page:hover {
+ color: var(--white);
+}
+#nav .site-name {
+ text-shadow: 2px 2px 4px rgba(0,0,0,0.15);
+ font-weight: bold;
+}
+#nav .menus_items {
+ display: inline;
+}
+#nav .menus_items .menus_item {
+ position: relative;
+ display: inline-block;
+ padding: 0 0 0 14px;
+}
+#nav .menus_items .menus_item:hover .menus_item_child {
+ display: block;
+}
+#nav .menus_items .menus_item:hover > span > i:last-child {
+ -webkit-transform: rotate(180deg);
+ -moz-transform: rotate(180deg);
+ -o-transform: rotate(180deg);
+ -ms-transform: rotate(180deg);
+ transform: rotate(180deg);
+}
+#nav .menus_items .menus_item > span > i:last-child {
+ padding: 4px;
+ -webkit-transition: -webkit-transform 0.3s;
+ -moz-transition: -moz-transform 0.3s;
+ -o-transition: -o-transform 0.3s;
+ -ms-transition: -ms-transform 0.3s;
+ transition: transform 0.3s;
+}
+#nav .menus_items .menus_item .menus_item_child {
+ position: absolute;
+ right: 0;
+ display: none;
+ margin-top: 8px;
+ padding: 0;
+ width: max-content;
+ background-color: var(--sidebar-bg);
+ -webkit-box-shadow: 0 5px 20px -4px rgba(0,0,0,0.5);
+ box-shadow: 0 5px 20px -4px rgba(0,0,0,0.5);
+ -webkit-animation: sub_menus 0.3s 0.1s ease both;
+ -moz-animation: sub_menus 0.3s 0.1s ease both;
+ -o-animation: sub_menus 0.3s 0.1s ease both;
+ -ms-animation: sub_menus 0.3s 0.1s ease both;
+ animation: sub_menus 0.3s 0.1s ease both;
+ border-radius: 5px;
+}
+#nav .menus_items .menus_item .menus_item_child:before {
+ position: absolute;
+ top: -8px;
+ left: 0;
+ width: 100%;
+ height: 20px;
+ content: '';
+}
+#nav .menus_items .menus_item .menus_item_child li {
+ list-style: none;
+}
+#nav .menus_items .menus_item .menus_item_child li:hover {
+ background: var(--text-bg-hover);
+}
+#nav .menus_items .menus_item .menus_item_child li:first-child {
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+}
+#nav .menus_items .menus_item .menus_item_child li:last-child {
+ border-bottom-right-radius: 5px;
+ border-bottom-left-radius: 5px;
+}
+#nav .menus_items .menus_item .menus_item_child li a {
+ display: inline-block;
+ padding: 8px 16px;
+ width: 100%;
+ color: var(--font-color) !important;
+ text-shadow: none !important;
+}
+#nav.hide-menu #toggle-menu {
+ display: inline-block !important;
+}
+#nav.hide-menu #toggle-menu .site-page {
+ font-size: inherit;
+}
+#nav.hide-menu .menus_items {
+ display: none;
+}
+#nav.hide-menu #search-button span:not(.site-page) {
+ display: none;
+}
+#nav #search-button {
+ display: inline;
+ padding: 0 0 0 14px;
+}
+#nav .site-page {
+ position: relative;
+ padding-bottom: 6px;
+ text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
+ font-size: 0.78em;
+ cursor: pointer;
+}
+#nav .site-page:not(.child):after {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ z-index: -1;
+ width: 0;
+ height: 3px;
+ background-color: #80c8f8;
+ content: '';
+ -webkit-transition: all 0.3s ease-in-out;
+ -moz-transition: all 0.3s ease-in-out;
+ -o-transition: all 0.3s ease-in-out;
+ -ms-transition: all 0.3s ease-in-out;
+ transition: all 0.3s ease-in-out;
+ border-radius: 6px;
+}
+#nav .site-page:not(.child):hover:after {
+ width: 100%;
+}
+#nav .nav-page-title {
+ position: relative;
+ overflow: hidden;
+}
+#nav .nav-page-title > :first-child,
+#nav .nav-page-title > :last-child {
+ display: inline-block;
+ -webkit-transition: all 0.3s ease-in-out;
+ -moz-transition: all 0.3s ease-in-out;
+ -o-transition: all 0.3s ease-in-out;
+ -ms-transition: all 0.3s ease-in-out;
+ transition: all 0.3s ease-in-out;
+}
+#nav .nav-page-title > :last-child {
+ position: absolute;
+ top: 50%;
+ left: 0;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(-50%) translateY(-10px);
+ -moz-transform: translateY(-50%) translateY(-10px);
+ -o-transform: translateY(-50%) translateY(-10px);
+ -ms-transform: translateY(-50%) translateY(-10px);
+ transform: translateY(-50%) translateY(-10px);
+}
+#nav .nav-page-title:hover > :last-child {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translateY(-50%) translateY(0);
+ -moz-transform: translateY(-50%) translateY(0);
+ -o-transform: translateY(-50%) translateY(0);
+ -ms-transform: translateY(-50%) translateY(0);
+ transform: translateY(-50%) translateY(0);
+}
+#nav .nav-page-title:hover > :first-child {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translateY(10px);
+ -moz-transform: translateY(10px);
+ -o-transform: translateY(10px);
+ -ms-transform: translateY(10px);
+ transform: translateY(10px);
+}
+#pagination .pagination {
+ margin-top: 20px;
+ text-align: center;
+}
+#pagination .page-number.current {
+ background: #00c4b6;
+ color: var(--white);
+}
+#pagination .full-width {
+ width: 100% !important;
+}
+#pagination .pagination-related {
+ height: 150px;
+}
+@media screen and (min-width: 768px) {
+ #pagination .pagination-related {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ }
+}
+#pagination .pagination-related .info-1 .info-item-2 {
+ -webkit-line-clamp: 1;
+}
+#pagination .pagination-related .info-2 .info-item-1 {
+ -webkit-line-clamp: 2;
+}
+#pagination.pagination-post {
+ overflow: hidden;
+ margin-top: 40px;
+ width: 100%;
+ border-radius: 6px;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+}
+@media screen and (max-width: 768px) {
+ #pagination.pagination-post {
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ -o-box-orient: vertical;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+}
+.layout .pagination > * {
+ display: inline-block;
+ margin: 0 6px;
+ width: 2.5em;
+ height: 2.5em;
+ line-height: 2.5em;
+}
+.layout .pagination > *:not(.space):hover {
+ background: var(--btn-hover-color);
+ color: var(--btn-color);
+}
+#archive .pagination {
+ margin-top: 30px;
+}
+#archive .pagination > *:not(.space) {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.pagination-related {
+ position: relative;
+ display: inline-block;
+ overflow: hidden;
+ background: #000;
+ vertical-align: bottom;
+}
+.pagination-related.next-post .info {
+ text-align: right;
+}
+.pagination-related .info .info-1,
+.pagination-related .info .info-2 {
+ padding: 20px 40px;
+ color: var(--white);
+ -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
+ -moz-transition: -moz-transform 0.3s, opacity 0.3s;
+ -o-transition: -o-transform 0.3s, opacity 0.3s;
+ -ms-transition: -ms-transform 0.3s, opacity 0.3s;
+ transition: transform 0.3s, opacity 0.3s;
+}
+.pagination-related .info .info-1 .info-item-1 {
+ color: var(--light-grey);
+ text-transform: uppercase;
+ font-size: 90%;
+}
+.pagination-related .info .info-1 .info-item-2 {
+ color: var(--white);
+ font-weight: 500;
+}
+.pagination-related .info .info-2 {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+.pagination-related:not(.no-desc):hover .info-1 {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: translate(0, -100%);
+ -moz-transform: translate(0, -100%);
+ -o-transform: translate(0, -100%);
+ -ms-transform: translate(0, -100%);
+ transform: translate(0, -100%);
+}
+.pagination-related:not(.no-desc):hover .info-2 {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translate(0, -50%);
+ -moz-transform: translate(0, -50%);
+ -o-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+}
+.container {
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+}
+.container a {
+ color: #49b1f5;
+}
+.container a:hover {
+ text-decoration: underline;
+}
+.container img {
+ display: block;
+ margin: 0 auto 20px;
+ max-width: 100%;
+ -webkit-transition: filter 375ms ease-in 0.2s;
+ -moz-transition: filter 375ms ease-in 0.2s;
+ -o-transition: filter 375ms ease-in 0.2s;
+ -ms-transition: filter 375ms ease-in 0.2s;
+ transition: filter 375ms ease-in 0.2s;
+ border-radius: 6px;
+}
+.container p {
+ margin: 0 0 16px;
+}
+.container iframe {
+ margin: 0 0 20px;
+}
+.container kbd {
+ margin: 0 3px;
+ padding: 3px 5px;
+ border: 1px solid #b4b4b4;
+ background-color: #f8f8f8;
+ -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 2px 1px 0 rgba(255,255,255,0.6) inset;
+ box-shadow: 0 1px 3px rgba(0,0,0,0.25), 0 2px 1px 0 rgba(255,255,255,0.6) inset;
+ color: #34495e;
+ white-space: nowrap;
+ font-weight: 600;
+ font-size: 0.9em;
+ font-family: Monaco, 'Ubuntu Mono', monospace;
+ line-height: 1em;
+ border-radius: 3px;
+}
+.container ol ol,
+.container ul ol,
+.container ol ul,
+.container ul ul {
+ padding-left: 20px;
+}
+.container ol li,
+.container ul li {
+ margin: 4px 0;
+}
+.container ol p,
+.container ul p {
+ margin: 0 0 8px;
+}
+.container > :last-child {
+ margin-bottom: 0 !important;
+}
+.container hr {
+ margin: 20px 0;
+}
+#post .tag_share:after {
+ display: block;
+ clear: both;
+ content: '';
+}
+#post .tag_share .post-meta__tag-list {
+ display: inline-block;
+}
+#post .tag_share .post-meta__tags {
+ display: inline-block;
+ margin: 8px 8px 8px 0;
+ padding: 0 12px;
+ width: fit-content;
+ border: 1px solid #49b1f5;
+ border-radius: 12px;
+ color: #49b1f5;
+ font-size: 0.85em;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+#post .tag_share .post-meta__tags:hover {
+ background: #49b1f5;
+ color: var(--white);
+}
+#post .tag_share .post-share {
+ display: inline-block;
+ float: right;
+ margin: 8px 0 0;
+ width: fit-content;
+}
+#post .tag_share .post-share .social-share {
+ font-size: 0.85em;
+}
+#post .tag_share .post-share .social-share .social-share-icon {
+ margin: 0 4px;
+ width: 1.85em;
+ height: 1.85em;
+ font-size: 1.2em;
+ line-height: 1.85em;
+}
+#post .post-copyright {
+ position: relative;
+ margin: 40px 0 10px;
+ padding: 10px 16px;
+ border: 1px solid var(--light-grey);
+ -webkit-transition: box-shadow 0.3s ease-in-out;
+ -moz-transition: box-shadow 0.3s ease-in-out;
+ -o-transition: box-shadow 0.3s ease-in-out;
+ -ms-transition: box-shadow 0.3s ease-in-out;
+ transition: box-shadow 0.3s ease-in-out;
+ border-radius: 6px;
+}
+#post .post-copyright:before {
+ position: absolute;
+ top: 2px;
+ right: 12px;
+ color: #49b1f5;
+ content: '\f1f9';
+ font-size: 1.3em;
+}
+#post .post-copyright:hover {
+ -webkit-box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5);
+ box-shadow: 0 0 8px 0 rgba(232,237,250,0.6), 0 2px 4px 0 rgba(232,237,250,0.5);
+}
+#post .post-copyright .post-copyright-meta {
+ color: #49b1f5;
+ font-weight: bold;
+}
+#post .post-copyright .post-copyright-meta i {
+ margin-right: 3px;
+}
+#post .post-copyright .post-copyright-info {
+ padding-left: 6px;
+}
+#post .post-copyright .post-copyright-info a {
+ text-decoration: underline;
+ word-break: break-word;
+}
+#post .post-copyright .post-copyright-info a:hover {
+ text-decoration: none;
+}
+#post #post-outdate-notice {
+ position: relative;
+ margin: 0 0 20px;
+ padding: 0.5em 1.2em;
+ background-color: #ffe6e6;
+ color: #f66;
+ border-radius: 3px;
+ padding: 0.5em 1em 0.5em 2.6em;
+ border-left: 5px solid #ff8080;
+}
+#post #post-outdate-notice .num {
+ padding: 0 4px;
+}
+#post #post-outdate-notice:before {
+ position: absolute;
+ top: 50%;
+ left: 0.9em;
+ color: #ff8080;
+ content: '\f071';
+ -webkit-transform: translateY(-50%);
+ -moz-transform: translateY(-50%);
+ -o-transform: translateY(-50%);
+ -ms-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+#post .ads-wrap {
+ margin: 40px 0;
+}
+.relatedPosts {
+ margin-top: 40px;
+}
+.relatedPosts > .headline {
+ margin-bottom: 5px;
+ font-weight: 700;
+ font-size: 1.43em;
+}
+.relatedPosts > .relatedPosts-list > a {
+ margin: 3px;
+ width: calc(33.333% - 6px);
+ height: 200px;
+ border-radius: 6px;
+}
+@media screen and (max-width: 768px) {
+ .relatedPosts > .relatedPosts-list > a {
+ margin: 2px;
+ width: calc(50% - 4px);
+ height: 150px;
+ }
+}
+@media screen and (max-width: 600px) {
+ .relatedPosts > .relatedPosts-list > a {
+ width: calc(100% - 4px);
+ }
+}
+.relatedPosts > .relatedPosts-list .info .info-1 .info-item-2 {
+ -webkit-line-clamp: 2;
+}
+.relatedPosts > .relatedPosts-list .info .info-2 .info-item-1 {
+ -webkit-line-clamp: 3;
+}
+.post-reward {
+ position: relative;
+ margin-top: 80px;
+ width: 100%;
+ text-align: center;
+ pointer-events: none;
+}
+.post-reward > * {
+ pointer-events: auto;
+}
+.post-reward .reward-button {
+ display: inline-block;
+ padding: 4px 24px;
+ background: var(--btn-bg);
+ color: var(--btn-color);
+ cursor: pointer;
+ border-radius: 6px;
+}
+.post-reward .reward-button i {
+ margin-right: 5px;
+ vertical-align: baseline;
+}
+.post-reward:hover .reward-button {
+ background: var(--btn-hover-color);
+}
+.post-reward:hover > .reward-main {
+ display: block;
+}
+.post-reward .reward-main {
+ position: absolute;
+ bottom: 50px;
+ left: 0;
+ z-index: 100;
+ display: none;
+ padding: 0 0 15px;
+ width: 100%;
+}
+.post-reward .reward-main .reward-all {
+ display: inline-block;
+ margin: 0;
+ padding: 20px 10px;
+ background: var(--reward-pop);
+ border-radius: 6px;
+}
+.post-reward .reward-main .reward-all:before {
+ position: absolute;
+ bottom: -10px;
+ left: 0;
+ width: 100%;
+ height: 20px;
+ content: '';
+}
+.post-reward .reward-main .reward-all:after {
+ position: absolute;
+ right: 0;
+ bottom: 2px;
+ left: 0;
+ margin: 0 auto;
+ width: 0;
+ height: 0;
+ border-top: 13px solid var(--reward-pop);
+ border-right: 13px solid transparent;
+ border-left: 13px solid transparent;
+ content: '';
+}
+.post-reward .reward-main .reward-all .reward-item {
+ display: inline-block;
+ padding: 0 8px;
+ list-style-type: none;
+ vertical-align: top;
+}
+.post-reward .reward-main .reward-all .reward-item img {
+ width: 130px;
+ height: 130px;
+}
+.post-reward .reward-main .reward-all .reward-item .post-qr-code-desc {
+ width: 130px;
+ color: #858585;
+}
+#rightside {
+ position: fixed;
+ right: -48px;
+ bottom: 40px;
+ z-index: 100;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ -ms-transition: all 0.5s;
+ transition: all 0.5s;
+}
+#rightside.rightside-show {
+ opacity: 0.8;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+ filter: alpha(opacity=80);
+ -webkit-transform: translate(-58px, 0);
+ -moz-transform: translate(-58px, 0);
+ -o-transform: translate(-58px, 0);
+ -ms-transform: translate(-58px, 0);
+ transform: translate(-58px, 0);
+}
+#rightside #rightside-config-hide {
+ height: 0;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transition: -webkit-transform 0.4s;
+ -moz-transition: -moz-transform 0.4s;
+ -o-transition: -o-transform 0.4s;
+ -ms-transition: -ms-transform 0.4s;
+ transition: transform 0.4s;
+ -webkit-transform: translate(45px, 0);
+ -moz-transform: translate(45px, 0);
+ -o-transform: translate(45px, 0);
+ -ms-transform: translate(45px, 0);
+ transform: translate(45px, 0);
+}
+#rightside #rightside-config-hide.show {
+ height: auto;
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translate(0, 0);
+ -moz-transform: translate(0, 0);
+ -o-transform: translate(0, 0);
+ -ms-transform: translate(0, 0);
+ transform: translate(0, 0);
+}
+#rightside #rightside-config-hide.status {
+ height: auto;
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+}
+#rightside > div > button,
+#rightside > div > a {
+ display: block;
+ margin-bottom: 5px;
+ width: 35px;
+ height: 35px;
+ background-color: var(--btn-bg);
+ color: var(--btn-color);
+ text-align: center;
+ font-size: 16px;
+ line-height: 35px;
+ border-radius: 5px;
+}
+#rightside > div > button:hover,
+#rightside > div > a:hover {
+ background-color: var(--btn-hover-color);
+}
+#rightside > div > button i,
+#rightside > div > a i {
+ vertical-align: baseline;
+}
+#rightside #mobile-toc-button {
+ display: none;
+}
+@media screen and (max-width: 900px) {
+ #rightside #mobile-toc-button {
+ display: block;
+ }
+}
+@media screen and (max-width: 900px) {
+ #rightside #hide-aside-btn {
+ display: none;
+ }
+}
+@-moz-keyframes fadeInScale {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-webkit-keyframes fadeInScale {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@-o-keyframes fadeInScale {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+@keyframes fadeInScale {
+ from {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scale(0.8);
+ -moz-transform: scale(0.8);
+ -o-transform: scale(0.8);
+ -ms-transform: scale(0.8);
+ transform: scale(0.8);
+ }
+ to {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scale(1);
+ -moz-transform: scale(1);
+ -o-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
+ }
+}
+#sidebar #menu-mask {
+ position: fixed;
+ z-index: 102;
+ display: none;
+ width: 100%;
+ height: 100%;
+ background: rgba(0,0,0,0.8);
+}
+#sidebar #sidebar-menus {
+ position: fixed;
+ top: 0;
+ right: -330px;
+ z-index: 103;
+ overflow-x: hidden;
+ overflow-y: scroll;
+ padding-left: 5px;
+ width: 330px;
+ height: 100%;
+ background: var(--sidebar-bg);
+ -webkit-transition: all 0.5s;
+ -moz-transition: all 0.5s;
+ -o-transition: all 0.5s;
+ -ms-transition: all 0.5s;
+ transition: all 0.5s;
+}
+#sidebar #sidebar-menus.open {
+ -webkit-transform: translate3d(-100%, 0, 0);
+ -moz-transform: translate3d(-100%, 0, 0);
+ -o-transform: translate3d(-100%, 0, 0);
+ -ms-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+}
+#sidebar #sidebar-menus > .avatar-img {
+ margin: 20px auto;
+}
+#sidebar #sidebar-menus .site-data {
+ padding: 0 10px;
+}
+#sidebar #sidebar-menus hr {
+ margin: 20px auto;
+}
+#sidebar #sidebar-menus .menus_items {
+ margin: 20px;
+ padding: 15px;
+ background: var(--sidebar-menu-bg);
+ -webkit-box-shadow: 0 0 1px 1px rgba(7,17,27,0.05);
+ box-shadow: 0 0 1px 1px rgba(7,17,27,0.05);
+ border-radius: 10px;
+}
+#sidebar #sidebar-menus .menus_items .site-page {
+ position: relative;
+ display: block;
+ margin: 4px 0;
+ padding: 2px 23px 2px 15px;
+ color: var(--font-color);
+ font-size: 1.15em;
+ cursor: pointer;
+ border-radius: 6px;
+}
+#sidebar #sidebar-menus .menus_items .site-page:hover {
+ background: var(--text-bg-hover);
+ -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+ box-shadow: 0 2px 8px rgba(0,0,0,0.1);
+ color: var(--white);
+ -webkit-transition: all 0.2s ease;
+ -moz-transition: all 0.2s ease;
+ -o-transition: all 0.2s ease;
+ -ms-transition: all 0.2s ease;
+ transition: all 0.2s ease;
+ -webkit-transform: translateX(3px);
+ -moz-transform: translateX(3px);
+ -o-transform: translateX(3px);
+ -ms-transform: translateX(3px);
+ transform: translateX(3px);
+}
+#sidebar #sidebar-menus .menus_items .site-page i:first-child {
+ width: 15%;
+ text-align: left;
+}
+#sidebar #sidebar-menus .menus_items .site-page.group > i:last-child {
+ position: absolute;
+ top: 0.6em;
+ right: 10px;
+ -webkit-transition: -webkit-transform 0.3s;
+ -moz-transition: -moz-transform 0.3s;
+ -o-transition: -o-transform 0.3s;
+ -ms-transition: -ms-transform 0.3s;
+ transition: transform 0.3s;
+}
+#sidebar #sidebar-menus .menus_items .site-page.group.hide > i:last-child {
+ -webkit-transform: rotate(90deg);
+ -moz-transform: rotate(90deg);
+ -o-transform: rotate(90deg);
+ -ms-transform: rotate(90deg);
+ transform: rotate(90deg);
+}
+#sidebar #sidebar-menus .menus_items .site-page.group.hide + .menus_item_child {
+ overflow: hidden;
+ max-height: 0;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transform: scaleY(0);
+ -moz-transform: scaleY(0);
+ -o-transform: scaleY(0);
+ -ms-transform: scaleY(0);
+ transform: scaleY(0);
+ -webkit-transform-origin: top;
+ -moz-transform-origin: top;
+ -o-transform-origin: top;
+ -ms-transform-origin: top;
+ transform-origin: top;
+}
+#sidebar #sidebar-menus .menus_items .menus_item_child {
+ margin: 0;
+ padding-left: 25px;
+ max-height: 0;
+ list-style: none;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease;
+ -moz-transition: -moz-transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease;
+ -o-transition: -o-transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease;
+ -ms-transition: -ms-transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease;
+ transition: transform 0.3s ease, opacity 0.3s ease, max-height 0.3s ease;
+ -webkit-transform: scaleY(0);
+ -moz-transform: scaleY(0);
+ -o-transform: scaleY(0);
+ -ms-transform: scaleY(0);
+ transform: scaleY(0);
+ -webkit-transform-origin: top;
+ -moz-transform-origin: top;
+ -o-transform-origin: top;
+ -ms-transform-origin: top;
+ transform-origin: top;
+ will-change: transform, opacity, max-height;
+}
+#sidebar #sidebar-menus .site-page.group:not(.hide) + .menus_item_child {
+ max-height: 1000px;
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: scaleY(1);
+ -moz-transform: scaleY(1);
+ -o-transform: scaleY(1);
+ -ms-transform: scaleY(1);
+ transform: scaleY(1);
+}
+#vcomment {
+ font-size: 1.1em;
+}
+#vcomment .vbtn {
+ border: none;
+ background: var(--btn-bg);
+ color: var(--btn-color);
+}
+#vcomment .vbtn:hover {
+ background: var(--btn-hover-color);
+}
+#vcomment .vimg {
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+}
+#vcomment .vimg:hover {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+}
+#vcomment .vcards .vcard .vcontent.expand:before,
+#vcomment .vcards .vcard .vcontent.expand:after {
+ z-index: 22;
+}
+#waline-wrap {
+ --waline-font-size: 1.1em;
+ --waline-theme-color: #49b1f5;
+ --waline-active-color: #ff7242;
+}
+#waline-wrap .wl-comment-actions > button:not(last-child) {
+ padding-right: 4px;
+}
+.twikoo .tk-content p {
+ margin: 3px 0;
+}
+.fireworks {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 9999;
+ pointer-events: none;
+}
+.medium-zoom-image--opened {
+ z-index: 99999 !important;
+ margin: 0 !important;
+}
+.medium-zoom-overlay {
+ z-index: 99999 !important;
+}
+.chartjs-container {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ -o-box-orient: vertical;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ margin: 0 0 20px;
+ text-align: center;
+ gap: 20px;
+}
+@media screen and (max-width: 600px) {
+ .chartjs-container .chartjs-wrap {
+ width: 100% !important;
+ }
+}
+.chartjs-container.chartjs-abreast {
+ -webkit-box-orient: horizontal;
+ -moz-box-orient: horizontal;
+ -o-box-orient: horizontal;
+ -webkit-flex-direction: row;
+ -ms-flex-direction: row;
+ flex-direction: row;
+}
+@media screen and (max-width: 600px) {
+ .chartjs-container.chartjs-abreast {
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ -o-box-orient: vertical;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ }
+}
+.chartjs-container .chartjs-wrap {
+ width: -webkit-fill-available;
+}
+.chartjs-container canvas {
+ display: inline-block !important;
+}
+.utterances,
+.fb-comments iframe {
+ width: 100% !important;
+}
+#gitalk-container .gt-meta {
+ margin: 0 0 0.8em;
+ padding: 6px 0 16px;
+}
+.katex-display {
+ overflow: auto hidden;
+ padding: 5px;
+}
+.katex-display .katex-show {
+ display: block;
+}
+.katex {
+ display: none;
+}
+.katex.katex-show {
+ display: inline;
+}
+mjx-container {
+ overflow-x: auto;
+ overflow-y: hidden;
+ padding-bottom: 4px;
+ max-width: 100%;
+}
+mjx-container[display] {
+ display: block !important;
+ min-width: auto !important;
+}
+mjx-container:not([display]) {
+ display: inline-grid !important;
+}
+mjx-assistive-mml {
+ right: 0;
+ bottom: 0;
+}
+.aplayer {
+ color: #4c4948;
+}
+.container .aplayer {
+ margin: 0 0 20px;
+}
+.snackbar-container.snackbar-css {
+ border-radius: 5px;
+ opacity: 0.85 !important;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)" !important;
+ filter: alpha(opacity=85) !important;
+}
+.abc-music-sheet {
+ margin: 0 0 20px;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transition: opacity 0.3s;
+ -moz-transition: opacity 0.3s;
+ -o-transition: opacity 0.3s;
+ -ms-transition: opacity 0.3s;
+ transition: opacity 0.3s;
+}
+.abc-music-sheet.abcjs-container {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+}
+@media screen and (max-width: 768px) {
+ .fancybox__toolbar__column.is-middle {
+ display: none;
+ }
+}
+.container .btn-center {
+ margin: 0 0 20px;
+ text-align: center;
+}
+.container .btn-beautify {
+ display: inline-block;
+ margin: 0 4px 6px;
+ padding: 0 15px;
+ background-color: var(--btn-beautify-color, var(--btn-default-color));
+ color: var(--btn-color, #fff);
+ vertical-align: top;
+ line-height: 2;
+ border-radius: 6px;
+}
+.container .btn-beautify.blue {
+ --btn-beautify-color: var(--tags-blue-color);
+}
+.container .btn-beautify.pink {
+ --btn-beautify-color: var(--tags-pink-color);
+}
+.container .btn-beautify.red {
+ --btn-beautify-color: var(--tags-red-color);
+}
+.container .btn-beautify.purple {
+ --btn-beautify-color: var(--tags-purple-color);
+}
+.container .btn-beautify.orange {
+ --btn-beautify-color: var(--tags-orange-color);
+}
+.container .btn-beautify.green {
+ --btn-beautify-color: var(--tags-green-color);
+}
+.container .btn-beautify:hover {
+ background-color: var(--btn-hover-color);
+}
+.container .btn-beautify:not(.block) + .btn-beautify:not(.block) {
+ margin: 0 4px 20px;
+}
+.container .btn-beautify.block {
+ display: block;
+ margin: 0 0 20px;
+ width: fit-content;
+ width: -moz-fit-content;
+}
+.container .btn-beautify.block.center {
+ margin: 0 auto 20px;
+}
+.container .btn-beautify.block.right {
+ margin: 0 0 20px auto;
+}
+.container .btn-beautify.larger {
+ padding: 6px 15px;
+}
+.container .btn-beautify.outline {
+ border: 1px solid transparent;
+ border-color: var(--btn-beautify-color, var(--btn-default-color));
+ background-color: transparent;
+ color: var(--btn-beautify-color, var(--btn-default-color));
+}
+.container .btn-beautify.outline i,
+.container .btn-beautify.outline span {
+ -webkit-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -moz-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -o-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ -ms-transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+ transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.container .btn-beautify.outline::before {
+ background: -webkit-linear-gradient(0deg, transparent, rgba(0,0,0,0.1), transparent);
+ background: -moz-linear-gradient(0deg, transparent, rgba(0,0,0,0.1), transparent);
+ background: -o-linear-gradient(0deg, transparent, rgba(0,0,0,0.1), transparent);
+ background: -ms-linear-gradient(0deg, transparent, rgba(0,0,0,0.1), transparent);
+ background: linear-gradient(90deg, transparent, rgba(0,0,0,0.1), transparent);
+}
+.container .btn-beautify.outline:hover {
+ border-color: var(--btn-beautify-color, var(--btn-default-color));
+ background-color: var(--btn-beautify-color, var(--btn-default-color));
+ color: var(--btn-color) !important;
+}
+.container .btn-beautify.outline:hover i,
+.container .btn-beautify.outline:hover span {
+ color: var(--btn-color);
+}
+.container figure.gallery-group {
+ position: relative;
+ float: left;
+ overflow: hidden;
+ margin: 6px 4px;
+ width: calc(50% - 8px);
+ height: 250px;
+ border-radius: 10px;
+ background: #000;
+ -webkit-transform: translate3d(0, 0, 0);
+}
+@media screen and (max-width: 600px) {
+ .container figure.gallery-group {
+ width: calc(100% - 8px);
+ }
+}
+@media screen and (min-width: 1024px) {
+ .container figure.gallery-group {
+ width: calc(100% / 3 - 8px);
+ }
+}
+.container figure.gallery-group:hover img {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+.container figure.gallery-group:hover .gallery-group-name::after {
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+.container figure.gallery-group:hover p {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+ -webkit-transform: translate3d(0, 0, 0);
+ -moz-transform: translate3d(0, 0, 0);
+ -o-transform: translate3d(0, 0, 0);
+ -ms-transform: translate3d(0, 0, 0);
+ transform: translate3d(0, 0, 0);
+}
+.container figure.gallery-group img {
+ position: relative;
+ margin: 0;
+ max-width: none;
+ width: calc(100% + 20px);
+ height: 250px;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ opacity: 0.8;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
+ filter: alpha(opacity=80);
+ -webkit-transition: all 0.3s, filter 375ms ease-in 0.2s;
+ -moz-transition: all 0.3s, filter 375ms ease-in 0.2s;
+ -o-transition: all 0.3s, filter 375ms ease-in 0.2s;
+ -ms-transition: all 0.3s, filter 375ms ease-in 0.2s;
+ transition: all 0.3s, filter 375ms ease-in 0.2s;
+ -webkit-transform: translate3d(-10px, 0, 0);
+ -moz-transform: translate3d(-10px, 0, 0);
+ -o-transform: translate3d(-10px, 0, 0);
+ -ms-transform: translate3d(-10px, 0, 0);
+ transform: translate3d(-10px, 0, 0);
+ object-fit: cover;
+}
+.container figure.gallery-group figcaption {
+ position: absolute;
+ top: 0;
+ left: 0;
+ padding: 30px;
+ width: 100%;
+ height: 100%;
+ color: #fff;
+ text-transform: uppercase;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+}
+.container figure.gallery-group figcaption > a {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1000;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+}
+.container figure.gallery-group p {
+ margin: 0;
+ padding: 8px 0 0;
+ letter-spacing: 1px;
+ font-size: 1.1em;
+ line-height: 1.5;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+ -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
+ -moz-transition: opacity 0.35s, -moz-transform 0.35s;
+ -o-transition: opacity 0.35s, -o-transform 0.35s;
+ -ms-transition: opacity 0.35s, -ms-transform 0.35s;
+ transition: opacity 0.35s, transform 0.35s;
+ -webkit-transform: translate3d(100%, 0, 0);
+ -moz-transform: translate3d(100%, 0, 0);
+ -o-transform: translate3d(100%, 0, 0);
+ -ms-transform: translate3d(100%, 0, 0);
+ transform: translate3d(100%, 0, 0);
+ -webkit-line-clamp: 4;
+}
+.container figure.gallery-group .gallery-group-name {
+ position: relative;
+ margin: 0;
+ padding: 8px 0;
+ font-weight: bold;
+ font-size: 1.65em;
+ line-height: 1.5;
+ -webkit-line-clamp: 2;
+}
+.container figure.gallery-group .gallery-group-name:after {
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 2px;
+ background: #fff;
+ content: '';
+ -webkit-transition: -webkit-transform 0.35s;
+ -moz-transition: -moz-transform 0.35s;
+ -o-transition: -o-transform 0.35s;
+ -ms-transition: -ms-transform 0.35s;
+ transition: transform 0.35s;
+ -webkit-transform: translate3d(-100%, 0, 0);
+ -moz-transform: translate3d(-100%, 0, 0);
+ -o-transform: translate3d(-100%, 0, 0);
+ -ms-transform: translate3d(-100%, 0, 0);
+ transform: translate3d(-100%, 0, 0);
+}
+.container .gallery-group-main {
+ overflow: auto;
+ padding: 0 0 16px;
+}
+.container .gallery-container {
+ margin: 0 0 20px;
+ text-align: center;
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+}
+.container .gallery-container.loaded {
+ opacity: 1;
+ -ms-filter: none;
+ filter: none;
+}
+.container .gallery-container img {
+ display: initial;
+ margin: 0;
+ width: 100%;
+ height: 100%;
+}
+.container .gallery-container .gallery-data {
+ display: none;
+}
+.container .gallery-container button {
+ margin-top: 25px;
+ padding: 8px 14px;
+ background: var(--btn-bg);
+ color: var(--btn-color);
+ font-weight: bold;
+ font-size: 1.1em;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+ border-radius: 5px;
+}
+.container .gallery-container button:hover {
+ background: var(--btn-hover-color);
+}
+.container .gallery-container button:hover i {
+ margin-left: 8px;
+}
+.container .gallery-container button i {
+ margin-left: 4px;
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+}
+.container .loading-container {
+ display: inline-block;
+ overflow: hidden;
+ width: 154px;
+ height: 154px;
+}
+.container .loading-container .loading-item {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ -webkit-backface-visibility: hidden;
+ -moz-backface-visibility: hidden;
+ -ms-backface-visibility: hidden;
+ backface-visibility: hidden;
+ -webkit-transform: translateZ(0) scale(1);
+ -moz-transform: translateZ(0) scale(1);
+ -o-transform: translateZ(0) scale(1);
+ -ms-transform: translateZ(0) scale(1);
+ transform: translateZ(0) scale(1);
+ -webkit-transform-origin: 0 0;
+ -moz-transform-origin: 0 0;
+ -o-transform-origin: 0 0;
+ -ms-transform-origin: 0 0;
+ transform-origin: 0 0;
+}
+.container .loading-container .loading-item div {
+ position: absolute;
+ width: 30.8px;
+ height: 30.8px;
+ border-radius: 50%;
+ background: #e15b64;
+ -webkit-transform: translate(61.6px, 61.6px) scale(1);
+ -moz-transform: translate(61.6px, 61.6px) scale(1);
+ -o-transform: translate(61.6px, 61.6px) scale(1);
+ -ms-transform: translate(61.6px, 61.6px) scale(1);
+ transform: translate(61.6px, 61.6px) scale(1);
+ -webkit-animation: loading-ball 1.92s infinite cubic-bezier(0, 0.5, 0.5, 1);
+ -moz-animation: loading-ball 1.92s infinite cubic-bezier(0, 0.5, 0.5, 1);
+ -o-animation: loading-ball 1.92s infinite cubic-bezier(0, 0.5, 0.5, 1);
+ -ms-animation: loading-ball 1.92s infinite cubic-bezier(0, 0.5, 0.5, 1);
+ animation: loading-ball 1.92s infinite cubic-bezier(0, 0.5, 0.5, 1);
+}
+.container .loading-container .loading-item div:nth-child(1) {
+ background: #f47e60;
+ -webkit-transform: translate(113.96px, 61.6px) scale(1);
+ -moz-transform: translate(113.96px, 61.6px) scale(1);
+ -o-transform: translate(113.96px, 61.6px) scale(1);
+ -ms-transform: translate(113.96px, 61.6px) scale(1);
+ transform: translate(113.96px, 61.6px) scale(1);
+ -webkit-animation: loading-ball-r 0.48s infinite cubic-bezier(0, 0.5, 0.5, 1), loading-ball-c 1.92s infinite step-start;
+ -moz-animation: loading-ball-r 0.48s infinite cubic-bezier(0, 0.5, 0.5, 1), loading-ball-c 1.92s infinite step-start;
+ -o-animation: loading-ball-r 0.48s infinite cubic-bezier(0, 0.5, 0.5, 1), loading-ball-c 1.92s infinite step-start;
+ -ms-animation: loading-ball-r 0.48s infinite cubic-bezier(0, 0.5, 0.5, 1), loading-ball-c 1.92s infinite step-start;
+ animation: loading-ball-r 0.48s infinite cubic-bezier(0, 0.5, 0.5, 1), loading-ball-c 1.92s infinite step-start;
+}
+.container .loading-container .loading-item div:nth-child(2) {
+ background: #e15b64;
+ -webkit-animation-delay: -0.48s;
+ -moz-animation-delay: -0.48s;
+ -o-animation-delay: -0.48s;
+ -ms-animation-delay: -0.48s;
+ animation-delay: -0.48s;
+}
+.container .loading-container .loading-item div:nth-child(3) {
+ background: #f47e60;
+ -webkit-animation-delay: -0.96s;
+ -moz-animation-delay: -0.96s;
+ -o-animation-delay: -0.96s;
+ -ms-animation-delay: -0.96s;
+ animation-delay: -0.96s;
+}
+.container .loading-container .loading-item div:nth-child(4) {
+ background: #f8b26a;
+ -webkit-animation-delay: -1.44s;
+ -moz-animation-delay: -1.44s;
+ -o-animation-delay: -1.44s;
+ -ms-animation-delay: -1.44s;
+ animation-delay: -1.44s;
+}
+.container .loading-container .loading-item div:nth-child(5) {
+ background: #abbd81;
+ -webkit-animation-delay: -1.92s;
+ -moz-animation-delay: -1.92s;
+ -o-animation-delay: -1.92s;
+ -ms-animation-delay: -1.92s;
+ animation-delay: -1.92s;
+}
+@-moz-keyframes loading-ball {
+ 0% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(0);
+ -moz-transform: translate(9.24px, 61.6px) scale(0);
+ -o-transform: translate(9.24px, 61.6px) scale(0);
+ -ms-transform: translate(9.24px, 61.6px) scale(0);
+ transform: translate(9.24px, 61.6px) scale(0);
+ }
+ 25% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(0);
+ -moz-transform: translate(9.24px, 61.6px) scale(0);
+ -o-transform: translate(9.24px, 61.6px) scale(0);
+ -ms-transform: translate(9.24px, 61.6px) scale(0);
+ transform: translate(9.24px, 61.6px) scale(0);
+ }
+ 50% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(1);
+ -moz-transform: translate(9.24px, 61.6px) scale(1);
+ -o-transform: translate(9.24px, 61.6px) scale(1);
+ -ms-transform: translate(9.24px, 61.6px) scale(1);
+ transform: translate(9.24px, 61.6px) scale(1);
+ }
+ 75% {
+ -webkit-transform: translate(61.6px, 61.6px) scale(1);
+ -moz-transform: translate(61.6px, 61.6px) scale(1);
+ -o-transform: translate(61.6px, 61.6px) scale(1);
+ -ms-transform: translate(61.6px, 61.6px) scale(1);
+ transform: translate(61.6px, 61.6px) scale(1);
+ }
+ 100% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(1);
+ -moz-transform: translate(113.96px, 61.6px) scale(1);
+ -o-transform: translate(113.96px, 61.6px) scale(1);
+ -ms-transform: translate(113.96px, 61.6px) scale(1);
+ transform: translate(113.96px, 61.6px) scale(1);
+ }
+}
+@-webkit-keyframes loading-ball {
+ 0% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(0);
+ -moz-transform: translate(9.24px, 61.6px) scale(0);
+ -o-transform: translate(9.24px, 61.6px) scale(0);
+ -ms-transform: translate(9.24px, 61.6px) scale(0);
+ transform: translate(9.24px, 61.6px) scale(0);
+ }
+ 25% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(0);
+ -moz-transform: translate(9.24px, 61.6px) scale(0);
+ -o-transform: translate(9.24px, 61.6px) scale(0);
+ -ms-transform: translate(9.24px, 61.6px) scale(0);
+ transform: translate(9.24px, 61.6px) scale(0);
+ }
+ 50% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(1);
+ -moz-transform: translate(9.24px, 61.6px) scale(1);
+ -o-transform: translate(9.24px, 61.6px) scale(1);
+ -ms-transform: translate(9.24px, 61.6px) scale(1);
+ transform: translate(9.24px, 61.6px) scale(1);
+ }
+ 75% {
+ -webkit-transform: translate(61.6px, 61.6px) scale(1);
+ -moz-transform: translate(61.6px, 61.6px) scale(1);
+ -o-transform: translate(61.6px, 61.6px) scale(1);
+ -ms-transform: translate(61.6px, 61.6px) scale(1);
+ transform: translate(61.6px, 61.6px) scale(1);
+ }
+ 100% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(1);
+ -moz-transform: translate(113.96px, 61.6px) scale(1);
+ -o-transform: translate(113.96px, 61.6px) scale(1);
+ -ms-transform: translate(113.96px, 61.6px) scale(1);
+ transform: translate(113.96px, 61.6px) scale(1);
+ }
+}
+@-o-keyframes loading-ball {
+ 0% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(0);
+ -moz-transform: translate(9.24px, 61.6px) scale(0);
+ -o-transform: translate(9.24px, 61.6px) scale(0);
+ -ms-transform: translate(9.24px, 61.6px) scale(0);
+ transform: translate(9.24px, 61.6px) scale(0);
+ }
+ 25% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(0);
+ -moz-transform: translate(9.24px, 61.6px) scale(0);
+ -o-transform: translate(9.24px, 61.6px) scale(0);
+ -ms-transform: translate(9.24px, 61.6px) scale(0);
+ transform: translate(9.24px, 61.6px) scale(0);
+ }
+ 50% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(1);
+ -moz-transform: translate(9.24px, 61.6px) scale(1);
+ -o-transform: translate(9.24px, 61.6px) scale(1);
+ -ms-transform: translate(9.24px, 61.6px) scale(1);
+ transform: translate(9.24px, 61.6px) scale(1);
+ }
+ 75% {
+ -webkit-transform: translate(61.6px, 61.6px) scale(1);
+ -moz-transform: translate(61.6px, 61.6px) scale(1);
+ -o-transform: translate(61.6px, 61.6px) scale(1);
+ -ms-transform: translate(61.6px, 61.6px) scale(1);
+ transform: translate(61.6px, 61.6px) scale(1);
+ }
+ 100% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(1);
+ -moz-transform: translate(113.96px, 61.6px) scale(1);
+ -o-transform: translate(113.96px, 61.6px) scale(1);
+ -ms-transform: translate(113.96px, 61.6px) scale(1);
+ transform: translate(113.96px, 61.6px) scale(1);
+ }
+}
+@keyframes loading-ball {
+ 0% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(0);
+ -moz-transform: translate(9.24px, 61.6px) scale(0);
+ -o-transform: translate(9.24px, 61.6px) scale(0);
+ -ms-transform: translate(9.24px, 61.6px) scale(0);
+ transform: translate(9.24px, 61.6px) scale(0);
+ }
+ 25% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(0);
+ -moz-transform: translate(9.24px, 61.6px) scale(0);
+ -o-transform: translate(9.24px, 61.6px) scale(0);
+ -ms-transform: translate(9.24px, 61.6px) scale(0);
+ transform: translate(9.24px, 61.6px) scale(0);
+ }
+ 50% {
+ -webkit-transform: translate(9.24px, 61.6px) scale(1);
+ -moz-transform: translate(9.24px, 61.6px) scale(1);
+ -o-transform: translate(9.24px, 61.6px) scale(1);
+ -ms-transform: translate(9.24px, 61.6px) scale(1);
+ transform: translate(9.24px, 61.6px) scale(1);
+ }
+ 75% {
+ -webkit-transform: translate(61.6px, 61.6px) scale(1);
+ -moz-transform: translate(61.6px, 61.6px) scale(1);
+ -o-transform: translate(61.6px, 61.6px) scale(1);
+ -ms-transform: translate(61.6px, 61.6px) scale(1);
+ transform: translate(61.6px, 61.6px) scale(1);
+ }
+ 100% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(1);
+ -moz-transform: translate(113.96px, 61.6px) scale(1);
+ -o-transform: translate(113.96px, 61.6px) scale(1);
+ -ms-transform: translate(113.96px, 61.6px) scale(1);
+ transform: translate(113.96px, 61.6px) scale(1);
+ }
+}
+@-moz-keyframes loading-ball-r {
+ 0% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(1);
+ -moz-transform: translate(113.96px, 61.6px) scale(1);
+ -o-transform: translate(113.96px, 61.6px) scale(1);
+ -ms-transform: translate(113.96px, 61.6px) scale(1);
+ transform: translate(113.96px, 61.6px) scale(1);
+ }
+ 100% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(0);
+ -moz-transform: translate(113.96px, 61.6px) scale(0);
+ -o-transform: translate(113.96px, 61.6px) scale(0);
+ -ms-transform: translate(113.96px, 61.6px) scale(0);
+ transform: translate(113.96px, 61.6px) scale(0);
+ }
+}
+@-webkit-keyframes loading-ball-r {
+ 0% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(1);
+ -moz-transform: translate(113.96px, 61.6px) scale(1);
+ -o-transform: translate(113.96px, 61.6px) scale(1);
+ -ms-transform: translate(113.96px, 61.6px) scale(1);
+ transform: translate(113.96px, 61.6px) scale(1);
+ }
+ 100% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(0);
+ -moz-transform: translate(113.96px, 61.6px) scale(0);
+ -o-transform: translate(113.96px, 61.6px) scale(0);
+ -ms-transform: translate(113.96px, 61.6px) scale(0);
+ transform: translate(113.96px, 61.6px) scale(0);
+ }
+}
+@-o-keyframes loading-ball-r {
+ 0% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(1);
+ -moz-transform: translate(113.96px, 61.6px) scale(1);
+ -o-transform: translate(113.96px, 61.6px) scale(1);
+ -ms-transform: translate(113.96px, 61.6px) scale(1);
+ transform: translate(113.96px, 61.6px) scale(1);
+ }
+ 100% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(0);
+ -moz-transform: translate(113.96px, 61.6px) scale(0);
+ -o-transform: translate(113.96px, 61.6px) scale(0);
+ -ms-transform: translate(113.96px, 61.6px) scale(0);
+ transform: translate(113.96px, 61.6px) scale(0);
+ }
+}
+@keyframes loading-ball-r {
+ 0% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(1);
+ -moz-transform: translate(113.96px, 61.6px) scale(1);
+ -o-transform: translate(113.96px, 61.6px) scale(1);
+ -ms-transform: translate(113.96px, 61.6px) scale(1);
+ transform: translate(113.96px, 61.6px) scale(1);
+ }
+ 100% {
+ -webkit-transform: translate(113.96px, 61.6px) scale(0);
+ -moz-transform: translate(113.96px, 61.6px) scale(0);
+ -o-transform: translate(113.96px, 61.6px) scale(0);
+ -ms-transform: translate(113.96px, 61.6px) scale(0);
+ transform: translate(113.96px, 61.6px) scale(0);
+ }
+}
+@-moz-keyframes loading-ball-c {
+ 0% {
+ background: #e15b64;
+ }
+ 25% {
+ background: #abbd81;
+ }
+ 50% {
+ background: #f8b26a;
+ }
+ 75% {
+ background: #f47e60;
+ }
+ 100% {
+ background: #e15b64;
+ }
+}
+@-webkit-keyframes loading-ball-c {
+ 0% {
+ background: #e15b64;
+ }
+ 25% {
+ background: #abbd81;
+ }
+ 50% {
+ background: #f8b26a;
+ }
+ 75% {
+ background: #f47e60;
+ }
+ 100% {
+ background: #e15b64;
+ }
+}
+@-o-keyframes loading-ball-c {
+ 0% {
+ background: #e15b64;
+ }
+ 25% {
+ background: #abbd81;
+ }
+ 50% {
+ background: #f8b26a;
+ }
+ 75% {
+ background: #f47e60;
+ }
+ 100% {
+ background: #e15b64;
+ }
+}
+@keyframes loading-ball-c {
+ 0% {
+ background: #e15b64;
+ }
+ 25% {
+ background: #abbd81;
+ }
+ 50% {
+ background: #f8b26a;
+ }
+ 75% {
+ background: #f47e60;
+ }
+ 100% {
+ background: #e15b64;
+ }
+}
+blockquote.pullquote {
+ position: relative;
+ max-width: 45%;
+ font-size: 110%;
+}
+blockquote.pullquote.left {
+ float: left;
+ margin: 1em 0.5em 0 0;
+}
+blockquote.pullquote.right {
+ float: right;
+ margin: 1em 0 0 0.5em;
+}
+.video-container {
+ position: relative;
+ overflow: hidden;
+ margin-bottom: 16px;
+ padding-top: 56.25%;
+ height: 0;
+}
+.video-container iframe {
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin-top: 0;
+ width: 100%;
+ height: 100%;
+}
+.hide-inline > .hide-button,
+.hide-block > .hide-button {
+ display: inline-block;
+ padding: 5px 18px;
+ background: #49b1f5;
+ color: var(--white);
+ border-radius: 6px;
+}
+.hide-inline > .hide-button:hover,
+.hide-block > .hide-button:hover {
+ background-color: var(--btn-hover-color);
+}
+.hide-inline > .hide-button.open,
+.hide-block > .hide-button.open {
+ display: none;
+}
+.hide-inline > .hide-button.open + div,
+.hide-block > .hide-button.open + div {
+ display: block;
+}
+.hide-inline > .hide-button.open + span,
+.hide-block > .hide-button.open + span {
+ display: inline;
+}
+.hide-inline > .hide-content,
+.hide-block > .hide-content {
+ display: none;
+}
+.hide-inline > .hide-button {
+ margin: 0 6px;
+}
+.hide-inline > .hide-content {
+ margin: 0 6px;
+}
+.hide-block {
+ margin: 0 0 16px;
+}
+.toggle {
+ margin-bottom: 20px;
+ border: 1px solid #f0f0f0;
+ border-radius: 5px;
+ overflow: hidden;
+}
+.toggle > .toggle-content {
+ margin: 30px 24px;
+}
+.toggle > .toggle-button {
+ padding: 6px 15px;
+ background: #f0f0f0;
+ color: #1f2d3d;
+ list-style: none;
+ cursor: pointer;
+}
+.toggle > .toggle-button::-webkit-details-marker {
+ display: none;
+}
+.toggle > .toggle-button::before {
+ margin-right: 8px;
+ content: '\f0d7';
+ -webkit-transition: -webkit-transform 0.3s ease;
+ -moz-transition: -moz-transform 0.3s ease;
+ -o-transition: -o-transform 0.3s ease;
+ -ms-transition: -ms-transform 0.3s ease;
+ transition: transform 0.3s ease;
+ -webkit-transform: rotate(-90deg);
+ -moz-transform: rotate(-90deg);
+ -o-transform: rotate(-90deg);
+ -ms-transform: rotate(-90deg);
+ transform: rotate(-90deg);
+ -webkit-transform-origin: center center;
+ -moz-transform-origin: center center;
+ -o-transform-origin: center center;
+ -ms-transform-origin: center center;
+ transform-origin: center center;
+}
+.toggle[open] summary::before {
+ -webkit-transform: rotate(0);
+ -moz-transform: rotate(0);
+ -o-transform: rotate(0);
+ -ms-transform: rotate(0);
+ transform: rotate(0);
+}
+.container .inline-img {
+ display: inline;
+ margin: 0 3px;
+ height: 1.1em;
+ vertical-align: text-bottom;
+}
+.hl-label {
+ padding: 2px 4px;
+ color: var(--btn-color, #fff);
+ border-radius: 3px;
+}
+.hl-label.default {
+ background-color: var(--btn-default-color);
+}
+.hl-label.blue {
+ background-color: var(--tags-blue-color);
+}
+.hl-label.pink {
+ background-color: var(--tags-pink-color);
+}
+.hl-label.red {
+ background-color: var(--tags-red-color);
+}
+.hl-label.purple {
+ background-color: var(--tags-purple-color);
+}
+.hl-label.orange {
+ background-color: var(--tags-orange-color);
+}
+.hl-label.green {
+ background-color: var(--tags-green-color);
+}
+:root {
+ --tag-link-bg-color: #fff;
+ --tag-link-text-color: #000;
+ --tag-link-border-color: #fff;
+ --tag-link-hover-bg-color: #8dd8e9;
+ --tag-link-hover-border-color: #000;
+ --tag-link-tips-border-color: #000;
+ --tag-link-sitename-color: #909090;
+ --tag-link-hover-sitename-color: #000;
+}
+[data-theme=dark] {
+ --tag-link-bg-color: #2d2d2d;
+ --tag-link-text-color: #fff;
+ --tag-link-border-color: #000;
+ --tag-link-hover-bg-color: #339297;
+ --tag-link-hover-border-color: #fff;
+ --tag-link-tips-border-color: #fff;
+ --tag-link-sitename-color: #909090;
+ --tag-link-hover-sitename-color: #fff;
+}
+#article-container .tag-Link {
+ background: var(--tag-link-bg-color);
+ border-radius: 12px !important;
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ border: 1px solid var(--tag-link-border-color);
+ -webkit-box-orient: vertical;
+ -moz-box-orient: vertical;
+ -o-box-orient: vertical;
+ -webkit-flex-direction: column;
+ -ms-flex-direction: column;
+ flex-direction: column;
+ padding: 0.5rem 1rem;
+ margin-top: 1rem;
+ text-decoration: none !important;
+ color: var(--tag-link-text-color);
+ margin-bottom: 10px;
+ -webkit-transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
+ -moz-transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
+ -o-transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
+ -ms-transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
+ transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
+}
+#article-container .tag-Link:hover {
+ border-color: var(--tag-link-hover-border-color);
+ background-color: var(--tag-link-hover-bg-color);
+ -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
+ box-shadow: 0 0 5px rgba(0,0,0,0.2);
+}
+#article-container .tag-Link .tag-link-tips {
+ color: var(--tag-link-text-color);
+ border-bottom: 1px solid var(--tag-link-tips-border-color);
+ padding-bottom: 4px;
+ font-size: 0.6rem;
+ font-weight: normal;
+}
+#article-container .tag-Link .tag-link-bottom {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ margin-top: 0.5rem;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ -webkit-box-pack: distribute;
+ -moz-box-pack: distribute;
+ -o-box-pack: distribute;
+ -ms-flex-pack: distribute;
+ -webkit-justify-content: space-around;
+ justify-content: space-around;
+}
+#article-container .tag-Link .tag-link-bottom .tag-link-left {
+ width: 60px;
+ min-width: 60px;
+ height: 60px;
+ background-size: cover;
+ border-radius: 25%;
+}
+#article-container .tag-Link .tag-link-bottom .tag-link-right {
+ margin-left: 1rem;
+}
+#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-title {
+ font-size: 1rem;
+ line-height: 1.2;
+}
+#article-container .tag-Link .tag-link-bottom .tag-link-right .tag-link-sitename {
+ font-size: 0.7rem;
+ color: var(--tag-link-sitename-color);
+ font-weight: normal;
+ margin-top: 4px;
+ -webkit-transition: color 0.3s;
+ -moz-transition: color 0.3s;
+ -o-transition: color 0.3s;
+ -ms-transition: color 0.3s;
+ transition: color 0.3s;
+}
+#article-container .tag-Link .tag-link-bottom .tag-link-right:hover .tag-link-sitename {
+ color: var(--tag-link-hover-sitename-color);
+}
+#article-container .tag-Link .tag-link-bottom i {
+ margin-left: auto;
+}
+.note {
+ position: relative;
+ margin: 0 0 20px;
+ padding: 15px;
+ border-radius: 3px;
+}
+.note.icon-padding {
+ padding-left: 3em;
+}
+.note > .note-icon {
+ position: absolute;
+ top: calc(50% - 0.5em);
+ left: 0.8em;
+ font-size: larger;
+}
+.note.blue:not(.disabled) {
+ border-left-color: var(--tags-blue-color) !important;
+}
+.note.blue:not(.disabled).modern {
+ border-left-color: transparent !important;
+ color: var(--tags-blue-color);
+}
+.note.blue:not(.disabled):not(.simple) {
+ background: var(--tags-blue-color-lighten);
+}
+.note.blue > .note-icon {
+ color: var(--tags-blue-color);
+}
+.note.pink:not(.disabled) {
+ border-left-color: var(--tags-pink-color) !important;
+}
+.note.pink:not(.disabled).modern {
+ border-left-color: transparent !important;
+ color: var(--tags-pink-color);
+}
+.note.pink:not(.disabled):not(.simple) {
+ background: var(--tags-pink-color-lighten);
+}
+.note.pink > .note-icon {
+ color: var(--tags-pink-color);
+}
+.note.red:not(.disabled) {
+ border-left-color: var(--tags-red-color) !important;
+}
+.note.red:not(.disabled).modern {
+ border-left-color: transparent !important;
+ color: var(--tags-red-color);
+}
+.note.red:not(.disabled):not(.simple) {
+ background: var(--tags-red-color-lighten);
+}
+.note.red > .note-icon {
+ color: var(--tags-red-color);
+}
+.note.purple:not(.disabled) {
+ border-left-color: var(--tags-purple-color) !important;
+}
+.note.purple:not(.disabled).modern {
+ border-left-color: transparent !important;
+ color: var(--tags-purple-color);
+}
+.note.purple:not(.disabled):not(.simple) {
+ background: var(--tags-purple-color-lighten);
+}
+.note.purple > .note-icon {
+ color: var(--tags-purple-color);
+}
+.note.orange:not(.disabled) {
+ border-left-color: var(--tags-orange-color) !important;
+}
+.note.orange:not(.disabled).modern {
+ border-left-color: transparent !important;
+ color: var(--tags-orange-color);
+}
+.note.orange:not(.disabled):not(.simple) {
+ background: var(--tags-orange-color-lighten);
+}
+.note.orange > .note-icon {
+ color: var(--tags-orange-color);
+}
+.note.green:not(.disabled) {
+ border-left-color: var(--tags-green-color) !important;
+}
+.note.green:not(.disabled).modern {
+ border-left-color: transparent !important;
+ color: var(--tags-green-color);
+}
+.note.green:not(.disabled):not(.simple) {
+ background: var(--tags-green-color-lighten);
+}
+.note.green > .note-icon {
+ color: var(--tags-green-color);
+}
+.note.simple {
+ border: 1px solid var(--note-default-border);
+ border-left-width: 5px;
+}
+.note.modern {
+ border: 1px solid transparent !important;
+ background-color: var(--note-modern-default-bg);
+ color: var(--note-modern-default-text);
+}
+.note.flat {
+ border: initial;
+ border-left: 5px solid var(--note-default-border);
+ background-color: var(--note-default-bg);
+ color: var(--note-default-text);
+}
+.note h2,
+.note h3,
+.note h4,
+.note h5,
+.note h6 {
+ margin-top: 3px;
+ margin-bottom: 0;
+ padding-top: 0 !important;
+ border-bottom: initial;
+}
+.note p:first-child,
+.note ul:first-child,
+.note ol:first-child,
+.note table:first-child,
+.note pre:first-child,
+.note blockquote:first-child,
+.note img:first-child {
+ margin-top: 0 !important;
+}
+.note p:last-child,
+.note ul:last-child,
+.note ol:last-child,
+.note table:last-child,
+.note pre:last-child,
+.note blockquote:last-child,
+.note img:last-child {
+ margin-bottom: 0 !important;
+}
+.note .img-alt {
+ margin: 5px 0 10px;
+}
+.note:not(.no-icon) {
+ padding-left: 3em;
+}
+.note:not(.no-icon)::before {
+ position: absolute;
+ top: calc(50% - 0.95em);
+ left: 0.8em;
+ font-size: larger;
+}
+.note.default.flat {
+ background: var(--note-default-bg);
+ color: var(--font-color);
+}
+.note.default.modern {
+ border-color: var(--note-modern-default-border) !important;
+ background: var(--note-modern-default-bg);
+ color: var(--note-modern-default-text);
+}
+.note.default.modern a:not(.btn) {
+ color: var(--note-modern-default-text);
+}
+.note.default.modern a:not(.btn):hover {
+ color: var(--note-modern-default-hover);
+}
+.note.default:not(.modern) {
+ border-left-color: var(--note-default-border);
+}
+.note.default:not(.modern) h2,
+.note.default:not(.modern) h3,
+.note.default:not(.modern) h4,
+.note.default:not(.modern) h5,
+.note.default:not(.modern) h6 {
+ color: var(--note-default-text);
+}
+.note.default:not(.no-icon)::before {
+ content: '\f0a9';
+}
+.note.default:not(.no-icon):not(.modern)::before {
+ color: var(--note-default-text);
+}
+.note.primary.flat {
+ background: var(--note-primary-bg);
+ color: var(--font-color);
+}
+.note.primary.modern {
+ border-color: var(--note-modern-primary-border) !important;
+ background: var(--note-modern-primary-bg);
+ color: var(--note-modern-primary-text);
+}
+.note.primary.modern a:not(.btn) {
+ color: var(--note-modern-primary-text);
+}
+.note.primary.modern a:not(.btn):hover {
+ color: var(--note-modern-primary-hover);
+}
+.note.primary:not(.modern) {
+ border-left-color: var(--note-primary-border);
+}
+.note.primary:not(.modern) h2,
+.note.primary:not(.modern) h3,
+.note.primary:not(.modern) h4,
+.note.primary:not(.modern) h5,
+.note.primary:not(.modern) h6 {
+ color: var(--note-primary-text);
+}
+.note.primary:not(.no-icon)::before {
+ content: '\f055';
+}
+.note.primary:not(.no-icon):not(.modern)::before {
+ color: var(--note-primary-text);
+}
+.note.info.flat {
+ background: var(--note-info-bg);
+ color: var(--font-color);
+}
+.note.info.modern {
+ border-color: var(--note-modern-info-border) !important;
+ background: var(--note-modern-info-bg);
+ color: var(--note-modern-info-text);
+}
+.note.info.modern a:not(.btn) {
+ color: var(--note-modern-info-text);
+}
+.note.info.modern a:not(.btn):hover {
+ color: var(--note-modern-info-hover);
+}
+.note.info:not(.modern) {
+ border-left-color: var(--note-info-border);
+}
+.note.info:not(.modern) h2,
+.note.info:not(.modern) h3,
+.note.info:not(.modern) h4,
+.note.info:not(.modern) h5,
+.note.info:not(.modern) h6 {
+ color: var(--note-info-text);
+}
+.note.info:not(.no-icon)::before {
+ content: '\f05a';
+}
+.note.info:not(.no-icon):not(.modern)::before {
+ color: var(--note-info-text);
+}
+.note.success.flat {
+ background: var(--note-success-bg);
+ color: var(--font-color);
+}
+.note.success.modern {
+ border-color: var(--note-modern-success-border) !important;
+ background: var(--note-modern-success-bg);
+ color: var(--note-modern-success-text);
+}
+.note.success.modern a:not(.btn) {
+ color: var(--note-modern-success-text);
+}
+.note.success.modern a:not(.btn):hover {
+ color: var(--note-modern-success-hover);
+}
+.note.success:not(.modern) {
+ border-left-color: var(--note-success-border);
+}
+.note.success:not(.modern) h2,
+.note.success:not(.modern) h3,
+.note.success:not(.modern) h4,
+.note.success:not(.modern) h5,
+.note.success:not(.modern) h6 {
+ color: var(--note-success-text);
+}
+.note.success:not(.no-icon)::before {
+ content: '\f058';
+}
+.note.success:not(.no-icon):not(.modern)::before {
+ color: var(--note-success-text);
+}
+.note.warning.flat {
+ background: var(--note-warning-bg);
+ color: var(--font-color);
+}
+.note.warning.modern {
+ border-color: var(--note-modern-warning-border) !important;
+ background: var(--note-modern-warning-bg);
+ color: var(--note-modern-warning-text);
+}
+.note.warning.modern a:not(.btn) {
+ color: var(--note-modern-warning-text);
+}
+.note.warning.modern a:not(.btn):hover {
+ color: var(--note-modern-warning-hover);
+}
+.note.warning:not(.modern) {
+ border-left-color: var(--note-warning-border);
+}
+.note.warning:not(.modern) h2,
+.note.warning:not(.modern) h3,
+.note.warning:not(.modern) h4,
+.note.warning:not(.modern) h5,
+.note.warning:not(.modern) h6 {
+ color: var(--note-warning-text);
+}
+.note.warning:not(.no-icon)::before {
+ content: '\f06a';
+}
+.note.warning:not(.no-icon):not(.modern)::before {
+ color: var(--note-warning-text);
+}
+.note.danger.flat {
+ background: var(--note-danger-bg);
+ color: var(--font-color);
+}
+.note.danger.modern {
+ border-color: var(--note-modern-danger-border) !important;
+ background: var(--note-modern-danger-bg);
+ color: var(--note-modern-danger-text);
+}
+.note.danger.modern a:not(.btn) {
+ color: var(--note-modern-danger-text);
+}
+.note.danger.modern a:not(.btn):hover {
+ color: var(--note-modern-danger-hover);
+}
+.note.danger:not(.modern) {
+ border-left-color: var(--note-danger-border);
+}
+.note.danger:not(.modern) h2,
+.note.danger:not(.modern) h3,
+.note.danger:not(.modern) h4,
+.note.danger:not(.modern) h5,
+.note.danger:not(.modern) h6 {
+ color: var(--note-danger-text);
+}
+.note.danger:not(.no-icon)::before {
+ content: '\f056';
+}
+.note.danger:not(.no-icon):not(.modern)::before {
+ color: var(--note-danger-text);
+}
+.container .series-items a:hover {
+ color: var(--pseudo-hover);
+}
+.container .tabs {
+ position: relative;
+ margin: 0 0 20px;
+ border-right: 1px solid var(--tab-border-color);
+ border-bottom: 1px solid var(--tab-border-color);
+ border-left: 1px solid var(--tab-border-color);
+ border-radius: 6px;
+ overflow: hidden;
+}
+.container .tabs > .nav-tabs {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-lines: multiple;
+ -moz-box-lines: multiple;
+ -o-box-lines: multiple;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ margin: 0;
+ padding: 0;
+ background: var(--tab-button-bg);
+}
+.container .tabs > .nav-tabs > .tab {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ -ms-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex-grow: 1;
+ flex-grow: 1;
+ padding: 8px 18px;
+ border-top: 2px solid var(--tab-border-color);
+ background: var(--tab-button-bg);
+ color: var(--tab-button-color);
+ line-height: 2;
+ -webkit-transition: all 0.4s;
+ -moz-transition: all 0.4s;
+ -o-transition: all 0.4s;
+ -ms-transition: all 0.4s;
+ transition: all 0.4s;
+}
+.container .tabs > .nav-tabs > .tab i {
+ width: 1.5em;
+}
+.container .tabs > .nav-tabs > .tab.active {
+ border-top: 2px solid #49b1f5;
+ background: var(--tab-button-active-bg);
+ cursor: default;
+}
+.container .tabs > .nav-tabs > .tab:not(.active):hover {
+ border-top: 2px solid var(--tab-button-hover-bg);
+ background: var(--tab-button-hover-bg);
+}
+.container .tabs > .nav-tabs.no-default ~ .tab-to-top {
+ display: none;
+}
+.container .tabs > .tab-contents .tab-item-content {
+ position: relative;
+ display: none;
+ padding: 36px 24px 10px;
+}
+@media screen and (max-width: 768px) {
+ .container .tabs > .tab-contents .tab-item-content {
+ padding: 24px 14px;
+ }
+}
+.container .tabs > .tab-contents .tab-item-content.active {
+ display: block;
+ -webkit-animation: tabshow 0.5s;
+ -moz-animation: tabshow 0.5s;
+ -o-animation: tabshow 0.5s;
+ -ms-animation: tabshow 0.5s;
+ animation: tabshow 0.5s;
+}
+.container .tabs > .tab-contents .tab-item-content > :last-child {
+ margin-bottom: 0;
+}
+.container .tabs > .tab-to-top {
+ padding: 0 16px 10px 0;
+ width: 100%;
+ text-align: right;
+}
+.container .tabs > .tab-to-top button {
+ color: #99a9bf;
+}
+.container .tabs > .tab-to-top button:hover {
+ color: #49b1f5;
+}
+@-moz-keyframes tabshow {
+ 0% {
+ -webkit-transform: translateY(15px);
+ -moz-transform: translateY(15px);
+ -o-transform: translateY(15px);
+ -ms-transform: translateY(15px);
+ transform: translateY(15px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-webkit-keyframes tabshow {
+ 0% {
+ -webkit-transform: translateY(15px);
+ -moz-transform: translateY(15px);
+ -o-transform: translateY(15px);
+ -ms-transform: translateY(15px);
+ transform: translateY(15px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@-o-keyframes tabshow {
+ 0% {
+ -webkit-transform: translateY(15px);
+ -moz-transform: translateY(15px);
+ -o-transform: translateY(15px);
+ -ms-transform: translateY(15px);
+ transform: translateY(15px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+@keyframes tabshow {
+ 0% {
+ -webkit-transform: translateY(15px);
+ -moz-transform: translateY(15px);
+ -o-transform: translateY(15px);
+ -ms-transform: translateY(15px);
+ transform: translateY(15px);
+ }
+ 100% {
+ -webkit-transform: translateY(0);
+ -moz-transform: translateY(0);
+ -o-transform: translateY(0);
+ -ms-transform: translateY(0);
+ transform: translateY(0);
+ }
+}
+.container .timeline {
+ margin: 0 10px 20px;
+ padding: 14px 0 5px 20px;
+ border-left: 2px solid var(--timeline-color, #49b1f5);
+}
+.container .timeline.blue {
+ --timeline-color: #428bca;
+ --timeline-bg: rgba(66,139,202, 0.2);
+}
+.container .timeline.pink {
+ --timeline-color: #ff69b4;
+ --timeline-bg: rgba(255,105,180, 0.2);
+}
+.container .timeline.red {
+ --timeline-color: #f00;
+ --timeline-bg: rgba(255,0,0, 0.2);
+}
+.container .timeline.purple {
+ --timeline-color: #6f42c1;
+ --timeline-bg: rgba(111,66,193, 0.2);
+}
+.container .timeline.orange {
+ --timeline-color: #ff8c00;
+ --timeline-bg: rgba(255,140,0, 0.2);
+}
+.container .timeline.green {
+ --timeline-color: #5cb85c;
+ --timeline-bg: rgba(92,184,92, 0.2);
+}
+.container .timeline .timeline-item {
+ margin: 0 0 15px;
+}
+.container .timeline .timeline-item:hover .item-circle:before {
+ border-color: var(--timeline-color, #49b1f5);
+}
+.container .timeline .timeline-item.headline .timeline-item-title .item-circle > p {
+ font-weight: 600;
+ font-size: 1.2em;
+}
+.container .timeline .timeline-item.headline .timeline-item-title .item-circle:before {
+ left: -28px;
+ border: 4px solid var(--timeline-color, #49b1f5);
+}
+.container .timeline .timeline-item.headline:hover .item-circle:before {
+ border-color: var(--pseudo-hover);
+}
+.container .timeline .timeline-item .timeline-item-title {
+ position: relative;
+}
+.container .timeline .timeline-item .item-circle:before {
+ position: absolute;
+ top: 50%;
+ left: -27px;
+ width: 6px;
+ height: 6px;
+ border: 3px solid var(--pseudo-hover);
+ border-radius: 50%;
+ background: var(--card-bg);
+ content: '';
+ -webkit-transition: all 0.3s;
+ -moz-transition: all 0.3s;
+ -o-transition: all 0.3s;
+ -ms-transition: all 0.3s;
+ transition: all 0.3s;
+ -webkit-transform: translate(0, -50%);
+ -moz-transform: translate(0, -50%);
+ -o-transform: translate(0, -50%);
+ -ms-transform: translate(0, -50%);
+ transform: translate(0, -50%);
+}
+.container .timeline .timeline-item .item-circle > p {
+ margin: 0 0 8px;
+ font-weight: 500;
+}
+.container .timeline .timeline-item .timeline-item-content {
+ position: relative;
+ padding: 12px 15px;
+ border-radius: 8px;
+ background: var(--timeline-bg, #e4f3fd);
+ font-size: 0.93em;
+}
+.container .timeline .timeline-item .timeline-item-content > :last-child {
+ margin-bottom: 0;
+}
+.container .timeline + .timeline {
+ margin-top: -20px;
+}
+[data-theme='dark'] {
+ --global-bg: #0d0d0d;
+ --font-color: rgba(255,255,255,0.7);
+ --hr-border: rgba(255,255,255,0.4);
+ --hr-before-color: rgba(255,255,255,0.7);
+ --search-bg: #121212;
+ --search-input-color: rgba(255,255,255,0.7);
+ --search-a-color: rgba(255,255,255,0.7);
+ --preloader-bg: #0d0d0d;
+ --preloader-color: rgba(255,255,255,0.7);
+ --tab-border-color: #2c2c2c;
+ --tab-button-bg: #2c2c2c;
+ --tab-button-color: rgba(255,255,255,0.7);
+ --tab-button-hover-bg: #383838;
+ --tab-button-active-bg: #121212;
+ --card-bg: #121212;
+ --sidebar-bg: #121212;
+ --sidebar-menu-bg: #1f1f1f;
+ --btn-hover-color: #787878;
+ --btn-color: rgba(255,255,255,0.7);
+ --btn-bg: #1f1f1f;
+ --text-bg-hover: #383838;
+ --light-grey: rgba(255,255,255,0.7);
+ --dark-grey: rgba(255,255,255,0.2);
+ --white: rgba(255,255,255,0.9);
+ --text-highlight-color: rgba(255,255,255,0.9);
+ --blockquote-color: rgba(255,255,255,0.7);
+ --blockquote-bg: #2c2c2c;
+ --reward-pop: #2c2c2c;
+ --toc-link-color: rgba(255,255,255,0.6);
+ --scrollbar-color: #525252;
+ --timeline-bg: #1f1f1f;
+ --zoom-bg: #121212;
+ --mark-bg: rgba(0,0,0,0.6);
+ --btn-color: #ccc;
+ --btn-default-color: #929292;
+ --tags-blue-color: #3e6f98;
+ --tags-blue-color-lighten: rgba(66,139,202,0.15);
+ --tags-pink-color: #dd3c8c;
+ --tags-pink-color-lighten: rgba(255,105,180,0.15);
+ --tags-red-color: #a41b1b;
+ --tags-red-color-lighten: rgba(255,0,0,0.15);
+ --tags-orange-color: #a76a20;
+ --tags-orange-color-lighten: rgba(255,140,0,0.15);
+ --tags-purple-color: #5f4490;
+ --tags-purple-color-lighten: rgba(111,66,193,0.15);
+ --tags-green-color: #4f8e4f;
+ --tags-green-color-lighten: rgba(92,184,92,0.15);
+ --note-default-border: #5a5a5a;
+ --note-default-bg: #2b2b2b;
+ --note-default-text: #b3b3b3;
+ --note-modern-default-border: #9a9a9a;
+ --note-modern-default-bg: #353535;
+ --note-modern-default-text: #c4c4c4;
+ --note-primary-border: #5935a1;
+ --note-primary-bg: #2e1c3e;
+ --note-primary-text: #a47dd4;
+ --note-modern-primary-border: #9985cc;
+ --note-modern-primary-bg: #3c2d4c;
+ --note-modern-primary-text: #b693e6;
+ --note-info-border: #346fa2;
+ --note-info-bg: #1f2e3b;
+ --note-info-text: #7bb3db;
+ --note-modern-info-border: #7ca8b5;
+ --note-modern-info-bg: #2b3c44;
+ --note-modern-info-text: #8fc6e0;
+ --note-success-border: #4a944a;
+ --note-success-bg: #202e20;
+ --note-success-text: #82c682;
+ --note-modern-success-border: #8bb087;
+ --note-modern-success-bg: #2c3d2c;
+ --note-modern-success-text: #96d196;
+ --note-warning-border: #c08a3e;
+ --note-warning-bg: #3e301f;
+ --note-warning-text: #e6ba6b;
+ --note-modern-warning-border: #b8a285;
+ --note-modern-warning-bg: #4b3c2b;
+ --note-modern-warning-text: #d4b373;
+ --note-danger-border: #b34440;
+ --note-danger-bg: #3b201f;
+ --note-danger-text: #e67572;
+ --note-modern-danger-border: #c7898c;
+ --note-modern-danger-bg: #4d2b2e;
+ --note-modern-danger-text: #d98b8e;
+}
+[data-theme='dark'] #web_bg:before {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0,0,0,0.7);
+ content: '';
+}
+[data-theme='dark'] .container code {
+ background: #2c2c2c;
+}
+[data-theme='dark'] .container pre > code {
+ background: #171717;
+}
+[data-theme='dark'] .container figure.highlight {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+[data-theme='dark'] .container .note code {
+ background: rgba(27,31,35,0.05);
+}
+[data-theme='dark'] .container .aplayer {
+ filter: brightness(0.8);
+}
+[data-theme='dark'] .container kbd {
+ border-color: #696969;
+ background-color: #525252;
+ color: #e2f1ff;
+}
+[data-theme='dark'] #page-header.nav-fixed > #nav,
+[data-theme='dark'] #page-header.not-top-img > #nav {
+ background: rgba(18,18,18,0.8);
+ -webkit-box-shadow: 0 5px 6px -5px rgba(133,133,133,0);
+ box-shadow: 0 5px 6px -5px rgba(133,133,133,0);
+}
+[data-theme='dark'] #post-comment .comment-switch {
+ background: #2c2c2c !important;
+}
+[data-theme='dark'] #post-comment .comment-switch #switch-btn {
+ filter: brightness(0.8);
+}
+[data-theme='dark'] .hide-button,
+[data-theme='dark'] .toggle-button,
+[data-theme='dark'] #post-outdate-notice,
+[data-theme='dark'] .error-img,
+[data-theme='dark'] .container iframe,
+[data-theme='dark'] .gist,
+[data-theme='dark'] .ads-wrap,
+[data-theme='dark'] .tag-cloud-list > a {
+ filter: brightness(0.8);
+}
+[data-theme='dark'] img:not(.cover) {
+ filter: brightness(0.88) contrast(0.95);
+}
+[data-theme='dark'] #aside-content .aside-list > .aside-list-item:not(:last-child) {
+ border-bottom: 1px dashed rgba(255,255,255,0.1);
+}
+[data-theme='dark'] #gitalk-container {
+ filter: brightness(0.8);
+}
+[data-theme='dark'] #gitalk-container svg {
+ fill: rgba(255,255,255,0.9) !important;
+}
+[data-theme='dark'] #disqusjs #dsqjs:hover,
+[data-theme='dark'] #disqusjs #dsqjs:focus,
+[data-theme='dark'] #disqusjs #dsqjs .dsqjs-tab-active,
+[data-theme='dark'] #disqusjs #dsqjs .dsqjs-no-comment {
+ color: rgba(255,255,255,0.7);
+}
+[data-theme='dark'] #disqusjs #dsqjs .dsqjs-order-label {
+ background-color: #1f1f1f;
+}
+[data-theme='dark'] #disqusjs #dsqjs .dsqjs-post-body {
+ color: rgba(255,255,255,0.7);
+}
+[data-theme='dark'] #disqusjs #dsqjs .dsqjs-post-body code,
+[data-theme='dark'] #disqusjs #dsqjs .dsqjs-post-body pre {
+ background: #2c2c2c;
+}
+[data-theme='dark'] #disqusjs #dsqjs .dsqjs-post-body blockquote {
+ color: rgba(255,255,255,0.7);
+}
+[data-theme='dark'] #artitalk_main #lazy {
+ background: #121212;
+}
+[data-theme='dark'] #operare_artitalk .c2 {
+ background: #121212;
+}
+@media screen and (max-width: 900px) {
+ [data-theme='dark'] #card-toc {
+ background: #1f1f1f;
+ }
+}
+[data-theme='dark'] .artalk.atk-dark-mode,
+[data-theme='dark'] .atk-layer-wrap.atk-dark-mode {
+ --at-color-font: rgba(255,255,255,0.7);
+ --at-color-meta: rgba(255,255,255,0.7);
+ --at-color-grey: rgba(255,255,255,0.7);
+}
+[data-theme='dark'] .atk-send-btn,
+[data-theme='dark'] .atk-badge {
+ color: rgba(255,255,255,0.7) !important;
+}
+[data-theme='dark'] #waline-wrap {
+ --waline-color: rgba(255,255,255,0.7);
+ --waline-dark-grey: rgba(255,255,255,0.7);
+ --waline-info-color: rgba(255,255,255,0.5);
+}
+.read-mode {
+ --font-color: #4c4948;
+ --readmode-light-color: #fff;
+ --white: #4c4948;
+ --light-grey: #4c4948;
+ --gray: #d6dbdf;
+ --hr-border: #d6dbdf;
+ --hr-before-color: #b9c2c9;
+ --highlight-bg: #f7f7f7;
+ --exit-btn-bg: #c0c0c0;
+ --exit-btn-color: #fff;
+ --exit-btn-hover: #8d8d8d;
+ --pseudo-hover: none;
+}
+[data-theme='dark'] .read-mode {
+ --font-color: rgba(255,255,255,0.7);
+ --readmode-light-color: #0d0d0d;
+ --white: rgba(255,255,255,0.9);
+ --light-grey: rgba(255,255,255,0.7);
+ --gray: rgba(255,255,255,0.7);
+ --hr-border: rgba(255,255,255,0.5);
+ --hr-before-color: rgba(255,255,255,0.7);
+ --highlight-bg: #171717;
+ --exit-btn-bg: #1f1f1f;
+ --exit-btn-color: rgba(255,255,255,0.9);
+ --exit-btn-hover: #525252;
+}
+.read-mode {
+ background: var(--readmode-light-color);
+}
+.read-mode .exit-readmode {
+ position: fixed;
+ top: 30px;
+ right: 30px;
+ z-index: 100;
+ width: 40px;
+ height: 40px;
+ background: var(--exit-btn-bg);
+ color: var(--exit-btn-color);
+ font-size: 16px;
+ -webkit-transition: background 0.3s;
+ -moz-transition: background 0.3s;
+ -o-transition: background 0.3s;
+ -ms-transition: background 0.3s;
+ transition: background 0.3s;
+ border-radius: 8px;
+}
+@media screen and (max-width: 768px) {
+ .read-mode .exit-readmode {
+ top: initial;
+ bottom: 30px;
+ }
+}
+.read-mode .exit-readmode:hover {
+ background: var(--exit-btn-hover);
+}
+.read-mode #aside-content {
+ display: none;
+}
+.read-mode #page-header.post-bg {
+ background: none !important;
+}
+.read-mode #page-header.post-bg:before {
+ opacity: 0;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+ filter: alpha(opacity=0);
+}
+.read-mode #page-header.post-bg > #post-info {
+ text-align: center;
+}
+.read-mode #post {
+ margin: 0 auto;
+ background: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.read-mode #post:hover {
+ -webkit-box-shadow: none;
+ box-shadow: none;
+}
+.read-mode > canvas {
+ display: none !important;
+}
+.read-mode .highlight-tools,
+.read-mode #footer,
+.read-mode #post > *:not(#post-info):not(.post-content),
+.read-mode #nav,
+.read-mode #post-outdate-notice,
+.read-mode #web_bg,
+.read-mode #rightside,
+.read-mode .not-top-img {
+ display: none !important;
+}
+.read-mode .container a {
+ color: #99a9bf;
+}
+.read-mode .container pre,
+.read-mode .container .highlight:not(.js-file-line-container) {
+ background: var(--highlight-bg) !important;
+}
+.read-mode .container pre *,
+.read-mode .container .highlight:not(.js-file-line-container) * {
+ color: var(--font-color) !important;
+}
+.read-mode .container figure.highlight {
+ border-radius: 0 !important;
+ -webkit-box-shadow: none !important;
+ box-shadow: none !important;
+}
+.read-mode .container figure.highlight > :not(.highlight-tools) {
+ display: block !important;
+}
+.read-mode .container figure.highlight .line:before {
+ color: var(--font-color) !important;
+}
+.read-mode .container figure.highlight .hljs {
+ background: var(--highlight-bg) !important;
+}
+.read-mode .container h1,
+.read-mode .container h2,
+.read-mode .container h3,
+.read-mode .container h4,
+.read-mode .container h5,
+.read-mode .container h6 {
+ padding: 0;
+}
+.read-mode .container h1:before,
+.read-mode .container h2:before,
+.read-mode .container h3:before,
+.read-mode .container h4:before,
+.read-mode .container h5:before,
+.read-mode .container h6:before {
+ content: '';
+}
+.read-mode .container h1:hover,
+.read-mode .container h2:hover,
+.read-mode .container h3:hover,
+.read-mode .container h4:hover,
+.read-mode .container h5:hover,
+.read-mode .container h6:hover {
+ padding: 0;
+}
+.read-mode .container ul:hover:before,
+.read-mode .container li:hover:before,
+.read-mode .container ol:hover:before {
+ -webkit-transform: none !important;
+ -moz-transform: none !important;
+ -o-transform: none !important;
+ -ms-transform: none !important;
+ transform: none !important;
+}
+.read-mode .container ol:before,
+.read-mode .container li:before {
+ background: transparent !important;
+ color: var(--font-color) !important;
+}
+.read-mode .container ul >li:before {
+ border-color: var(--gray) !important;
+}
+.read-mode .container .tabs {
+ border: 2px solid var(--tab-border-color);
+}
+.read-mode .container .tabs > .nav-tabs {
+ background: transparent;
+}
+.read-mode .container .tabs > .nav-tabs > .tab {
+ border-top: none !important;
+}
+.read-mode .container .tabs > .tab-contents .tab-item-content.active {
+ -webkit-animation: none;
+ -moz-animation: none;
+ -o-animation: none;
+ -ms-animation: none;
+ animation: none;
+}
+.read-mode .container code {
+ color: var(--font-color);
+}
+.read-mode .container blockquote {
+ border-color: var(--gray);
+ background-color: var(--readmode-light-color);
+}
+.read-mode .container kbd {
+ border: 1px solid var(--gray);
+ background-color: transparent;
+ -webkit-box-shadow: none;
+ box-shadow: none;
+ color: var(--font-color);
+}
+.read-mode .container .hide-toggle {
+ border: 1px solid var(--gray) !important;
+}
+.read-mode .container .hide-button,
+.read-mode .container .btn-beautify,
+.read-mode .container .hl-label {
+ border: 1px solid var(--gray) !important;
+ background: var(--readmode-light-color) !important;
+ color: var(--font-color) !important;
+}
+.read-mode .container .note {
+ border: 2px solid var(--gray);
+ border-left-color: var(--gray) !important;
+ filter: none;
+ background-color: var(--readmode-light-color) !important;
+ color: var(--font-color);
+}
+.read-mode .container .note:before,
+.read-mode .container .note .note-icon {
+ color: var(--font-color);
+}
+.search-dialog {
+ position: fixed;
+ top: 10%;
+ left: 50%;
+ z-index: 1001;
+ display: none;
+ margin-left: -300px;
+ padding: 20px;
+ width: 600px;
+ background: var(--search-bg);
+ --search-height: 100vh;
+ border-radius: 8px;
+}
+@media screen and (max-width: 768px) {
+ .search-dialog {
+ top: 0;
+ left: 0;
+ margin: 0;
+ width: 100%;
+ height: 100%;
+ border-radius: 0;
+ }
+}
+.search-dialog .search-nav {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-pack: justify;
+ -moz-box-pack: justify;
+ -o-box-pack: justify;
+ -ms-flex-pack: justify;
+ -webkit-justify-content: space-between;
+ justify-content: space-between;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ margin-bottom: 14px;
+ color: #49b1f5;
+ font-size: 1.4em;
+ line-height: 1;
+}
+.search-dialog .search-nav .search-dialog-title {
+ margin-right: 4px;
+}
+.search-dialog .search-nav #loading-status[hidden] {
+ display: none !important;
+}
+.search-dialog .search-nav .search-close-button {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ color: #858585;
+ text-align: right;
+ -webkit-transition: all 0.2s ease;
+ -moz-transition: all 0.2s ease;
+ -o-transition: all 0.2s ease;
+ -ms-transition: all 0.2s ease;
+ transition: all 0.2s ease;
+}
+.search-dialog .search-nav .search-close-button:hover {
+ color: #49b1f5;
+}
+.search-dialog .local-search-input,
+.search-dialog #algolia-search-input {
+ margin: 0 auto;
+ max-width: 100%;
+ width: 100%;
+}
+.search-dialog .local-search-input input,
+.search-dialog #algolia-search-input input,
+.search-dialog .local-search-input .ais-SearchBox-input,
+.search-dialog #algolia-search-input .ais-SearchBox-input {
+ padding: 5px 14px;
+ width: 100%;
+ outline: none;
+ border: 2px solid #49b1f5;
+ border-radius: 40px;
+ background: var(--search-bg);
+ color: var(--search-input-color);
+ -webkit-appearance: none;
+}
+.search-dialog .local-search-input input::placeholder,
+.search-dialog #algolia-search-input input::placeholder,
+.search-dialog .local-search-input .ais-SearchBox-input::placeholder,
+.search-dialog #algolia-search-input .ais-SearchBox-input::placeholder {
+ color: var(--text-color);
+}
+.search-dialog .search-result-list,
+.search-dialog .ais-Hits-list {
+ overflow-y: overlay;
+ margin: 0 -20px;
+ padding: 0 22px;
+ max-height: calc(80vh - 220px);
+}
+.search-dialog .search-result-list .local-search-hit-item,
+.search-dialog .ais-Hits-list .local-search-hit-item,
+.search-dialog .search-result-list .ais-Hits-item,
+.search-dialog .ais-Hits-list .ais-Hits-item {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-align: start;
+ -moz-box-align: start;
+ -o-box-align: start;
+ -ms-flex-align: start;
+ -webkit-align-items: flex-start;
+ align-items: flex-start;
+ margin: 3px 0;
+ line-height: 1.8;
+ -webkit-transition: all 0.2s ease-in-out;
+ -moz-transition: all 0.2s ease-in-out;
+ -o-transition: all 0.2s ease-in-out;
+ -ms-transition: all 0.2s ease-in-out;
+ transition: all 0.2s ease-in-out;
+}
+.search-dialog .search-result-list .local-search-hit-item:hover,
+.search-dialog .ais-Hits-list .local-search-hit-item:hover,
+.search-dialog .search-result-list .ais-Hits-item:hover,
+.search-dialog .ais-Hits-list .ais-Hits-item:hover {
+ -webkit-transform: translateY(-1px);
+ -moz-transform: translateY(-1px);
+ -o-transform: translateY(-1px);
+ -ms-transform: translateY(-1px);
+ transform: translateY(-1px);
+}
+.search-dialog .search-result-list .local-search-hit-item:not([value])::before,
+.search-dialog .ais-Hits-list .local-search-hit-item:not([value])::before,
+.search-dialog .search-result-list .ais-Hits-item:not([value])::before,
+.search-dialog .ais-Hits-list .ais-Hits-item:not([value])::before {
+ display: none;
+}
+.search-dialog .search-result-list .local-search-hit-item[value]::before,
+.search-dialog .ais-Hits-list .local-search-hit-item[value]::before,
+.search-dialog .search-result-list .ais-Hits-item[value]::before,
+.search-dialog .ais-Hits-list .ais-Hits-item[value]::before {
+ display: -webkit-inline-box;
+ display: -moz-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-box;
+ display: inline-flex;
+ -webkit-flex-shrink: 0;
+ flex-shrink: 0;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ margin-right: 6px;
+ margin-top: 3px;
+ min-width: 24px;
+ color: #49b1f5;
+ content: attr(value) '.';
+ font-weight: bold;
+ font-style: italic;
+ font-size: 0.9em;
+}
+.search-dialog .search-result-list .local-search-hit-item::marker,
+.search-dialog .ais-Hits-list .local-search-hit-item::marker,
+.search-dialog .search-result-list .ais-Hits-item::marker,
+.search-dialog .ais-Hits-list .ais-Hits-item::marker {
+ content: none;
+}
+.search-dialog .search-result-list .local-search-hit-item a,
+.search-dialog .ais-Hits-list .local-search-hit-item a,
+.search-dialog .search-result-list .ais-Hits-item a,
+.search-dialog .ais-Hits-list .ais-Hits-item a {
+ -webkit-box-flex: 1;
+ -moz-box-flex: 1;
+ -o-box-flex: 1;
+ box-flex: 1;
+ -webkit-flex: 1;
+ -ms-flex: 1;
+ flex: 1;
+ color: var(--search-a-color);
+}
+.search-dialog .search-result-list .local-search-hit-item a:hover,
+.search-dialog .ais-Hits-list .local-search-hit-item a:hover,
+.search-dialog .search-result-list .ais-Hits-item a:hover,
+.search-dialog .ais-Hits-list .ais-Hits-item a:hover {
+ color: #49b1f5;
+}
+.search-dialog .search-result-list .local-search-hit-item .search-result-title,
+.search-dialog .ais-Hits-list .local-search-hit-item .search-result-title,
+.search-dialog .search-result-list .ais-Hits-item .search-result-title,
+.search-dialog .ais-Hits-list .ais-Hits-item .search-result-title,
+.search-dialog .search-result-list .local-search-hit-item .algolia-hits-item-title,
+.search-dialog .ais-Hits-list .local-search-hit-item .algolia-hits-item-title,
+.search-dialog .search-result-list .ais-Hits-item .algolia-hits-item-title,
+.search-dialog .ais-Hits-list .ais-Hits-item .algolia-hits-item-title {
+ font-weight: 600;
+}
+.search-dialog .search-result-list .local-search-hit-item .search-result,
+.search-dialog .ais-Hits-list .local-search-hit-item .search-result,
+.search-dialog .search-result-list .ais-Hits-item .search-result,
+.search-dialog .ais-Hits-list .ais-Hits-item .search-result,
+.search-dialog .search-result-list .local-search-hit-item .algolia-hit-item-content,
+.search-dialog .ais-Hits-list .local-search-hit-item .algolia-hit-item-content,
+.search-dialog .search-result-list .ais-Hits-item .algolia-hit-item-content,
+.search-dialog .ais-Hits-list .ais-Hits-item .algolia-hit-item-content {
+ margin: 0 0 8px;
+ word-break: break-all;
+ font-size: 0.9em;
+}
+.search-dialog .ais-Pagination {
+ margin: 15px 0 0;
+ padding: 0;
+ text-align: center;
+}
+.search-dialog .ais-Pagination .ais-Pagination-list {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-lines: multiple;
+ -moz-box-lines: multiple;
+ -o-box-lines: multiple;
+ -webkit-flex-wrap: wrap;
+ -ms-flex-wrap: wrap;
+ flex-wrap: wrap;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ margin: 0;
+ padding: 0;
+ list-style: none;
+ gap: 6px;
+}
+.search-dialog .ais-Pagination .ais-Pagination-item {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ padding: 0;
+}
+.search-dialog .ais-Pagination .ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--ellipsis):not(.ais-Pagination-item--disabled) .ais-Pagination-link:hover {
+ background: var(--btn-hover-color);
+ -webkit-transform: translateY(-1px);
+ -moz-transform: translateY(-1px);
+ -o-transform: translateY(-1px);
+ -ms-transform: translateY(-1px);
+ transform: translateY(-1px);
+}
+.search-dialog .ais-Pagination .ais-Pagination-item .ais-Pagination-link {
+ display: -webkit-inline-box;
+ display: -moz-inline-box;
+ display: -webkit-inline-flex;
+ display: -ms-inline-flexbox;
+ display: inline-box;
+ display: inline-flex;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 4px 8px;
+ min-width: 28px;
+ height: 28px;
+ border-radius: 6px;
+ background: var(--btn-bg);
+ color: var(--btn-color);
+ -webkit-transition: all 0.2s ease;
+ -moz-transition: all 0.2s ease;
+ -o-transition: all 0.2s ease;
+ -ms-transition: all 0.2s ease;
+ transition: all 0.2s ease;
+}
+.search-dialog .ais-Pagination .ais-Pagination-item .ais-Pagination-link.ais-Pagination-link--disabled {
+ opacity: 0.3;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+ filter: alpha(opacity=30);
+ cursor: not-allowed;
+}
+.search-dialog .ais-Pagination .ais-Pagination-item .ais-Pagination-link i {
+ font-size: 12px;
+}
+.search-dialog .ais-Pagination .ais-Pagination-item--selected .ais-Pagination-link {
+ background: #00c4b6;
+ font-weight: 600;
+ cursor: default;
+}
+.search-dialog .ais-Pagination .ais-Pagination-item--ellipsis .ais-Pagination-link {
+ padding: 4px 2px;
+ border: none;
+ background: transparent;
+ color: var(--text-color);
+ cursor: default;
+}
+.search-dialog .ais-Pagination .ais-Pagination-item--ellipsis .ais-Pagination-link:hover {
+ background: transparent;
+ -webkit-transform: none;
+ -moz-transform: none;
+ -o-transform: none;
+ -ms-transform: none;
+ transform: none;
+}
+.search-dialog .ais-Pagination .ais-Pagination-item--disabled .ais-Pagination-link {
+ opacity: 0.4;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+ filter: alpha(opacity=40);
+}
+@media screen and (max-width: 768px) {
+ .search-dialog .ais-Pagination .ais-Pagination-list {
+ gap: 4px;
+ }
+}
+.search-dialog hr {
+ margin: 15px auto;
+}
+#search-mask {
+ position: fixed;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ z-index: 1000;
+ display: none;
+ background: rgba(0,0,0,0.6);
+}
+.search-result-stats,
+.ais-Stats-text {
+ margin: 15px 0 0;
+ color: var(--text-color);
+ text-align: center;
+ font-size: 0.9em;
+}
+.search-keyword {
+ background: transparent;
+ color: #f47466;
+ font-weight: 600;
+}
+.search-loading {
+ display: -webkit-box;
+ display: -moz-box;
+ display: -webkit-flex;
+ display: -ms-flexbox;
+ display: box;
+ display: flex;
+ -webkit-box-pack: center;
+ -moz-box-pack: center;
+ -o-box-pack: center;
+ -ms-flex-pack: center;
+ -webkit-justify-content: center;
+ justify-content: center;
+ -webkit-box-align: center;
+ -moz-box-align: center;
+ -o-box-align: center;
+ -ms-flex-align: center;
+ -webkit-align-items: center;
+ align-items: center;
+ padding: 20px;
+ color: var(--text-color);
+}
+.search-loading::before {
+ width: 16px;
+ height: 16px;
+ border: 2px solid var(--text-color);
+ border-top-color: transparent;
+ border-radius: 50%;
+ content: '';
+ -webkit-animation: spin 1s linear infinite;
+ -moz-animation: spin 1s linear infinite;
+ -o-animation: spin 1s linear infinite;
+ -ms-animation: spin 1s linear infinite;
+ animation: spin 1s linear infinite;
+}
+@-moz-keyframes spin {
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-webkit-keyframes spin {
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@-o-keyframes spin {
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
+@keyframes spin {
+ to {
+ -webkit-transform: rotate(360deg);
+ -moz-transform: rotate(360deg);
+ -o-transform: rotate(360deg);
+ -ms-transform: rotate(360deg);
+ transform: rotate(360deg);
+ }
+}
diff --git a/css/nav.css b/css/nav.css
new file mode 100644
index 0000000..6ed56ad
--- /dev/null
+++ b/css/nav.css
@@ -0,0 +1,203 @@
+#nav-right{
+ flex:1 1 auto;
+ justify-content: flex-end;
+ margin-left: auto;
+ display: flex;
+ flex-wrap:nowrap;
+}
+
+/* 导航栏居中 */
+
+#sidebar #sidebar-menus .menus_items .menus_item {
+ margin: 10px 0;
+}
+#sidebar #sidebar-menus .menus_items a.site-page {
+ padding-left: 0;
+}
+#sidebar #sidebar-menus .menus_items .site-page {
+ position: relative;
+ display: block;
+ padding: 6px 30px 6px 22px;
+ color: var(--font-color);
+ font-size: 1.15em;
+ border: var(--style-border-always);
+ background: var(--icat-card-bg);
+ font-size: 14px;
+ border-radius: 12px;
+}
+#sidebar #sidebar-menus .menus_items .site-page i:first-child {
+ text-align: left;
+ padding-left: 10px;
+}
+
+#nav #menus {
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ position: absolute;
+ left: 0;
+ margin: 0;
+ transform: translateZ(0);
+}
+#nav #blog-info {
+ flex-wrap: nowrap;
+ display: flex;
+ align-items: center;
+ z-index: 102;
+ max-width: fit-content;
+}
+@media screen and (max-width: 900px) {
+ #nav {
+ padding: 0 15px;
+ }
+ #nav-group {
+ padding: 0 0.2rem;
+ }
+ #rightside {
+ right: -42px;
+ }
+}
+/* IPAD菜单栏调整 */
+
+/* 1. 容器溢出穿透 */
+#nav, #blog-info, #nav-group {
+ overflow: visible !important;
+}
+
+#ls-menu-container {
+ position: relative !important;
+ display: inline-flex !important;
+ align-items: center;
+ height: 100%;
+ padding: 0 15px;
+ cursor: pointer !important;
+ z-index: 2000 !important;
+}
+
+/* 2. 悬浮面板:宽大且高不透明度 */
+#ls-menu-panel {
+ position: absolute !important;
+ top: 100% !important;
+ left: 0 !important;
+ margin-top: 15px !important;
+ width: 420px;
+ padding: 24px;
+ border-radius: 18px;
+
+ /* 高不透明度磨砂玻璃 (0.9) */
+ background: rgba(255, 255, 255, 0.95) !important;
+ backdrop-filter: blur(20px) saturate(180%) !important;
+ -webkit-backdrop-filter: blur(20px) saturate(180%) !important;
+
+ border: 1px solid rgba(255, 255, 255, 0.5) !important;
+ box-shadow: 0 20px 50px rgba(0, 0, 0, 0.18) !important;
+
+ opacity: 0 !important;
+ visibility: hidden !important;
+ transform: translateY(12px) !important;
+ transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
+ z-index: 999999 !important;
+ cursor: default;
+}
+
+/* 3. 透明感应桥梁 */
+#ls-menu-panel::before {
+ content: "";
+ position: absolute;
+ top: -20px;
+ left: 0;
+ right: 0;
+ height: 25px;
+ background: transparent !important;
+}
+
+/* 4. 触发效果 */
+#ls-menu-container:hover #ls-menu-panel {
+ opacity: 1 !important;
+ visibility: visible !important;
+ transform: translateY(0) !important;
+}
+
+#ls-menu-container:hover i.fa-fingerprint {
+ color: #49b1f5;
+ transform: scale(1.1);
+}
+
+/* 5. 内部网格:保持两列 */
+.ls-section { margin-bottom: 22px; }
+.ls-section:last-child { margin-bottom: 0; }
+.ls-title {
+ color: #333;
+ font-weight: 800;
+ font-size: 15px;
+ margin-bottom: 12px;
+ opacity: 0.9;
+}
+
+.ls-grid {
+ display: grid !important;
+ grid-template-columns: repeat(2, 1fr); /* 恢复为两列 */
+ gap: 10px;
+}
+
+.ls-grid a {
+ color: #444 !important;
+ font-size: 14px !important;
+ padding: 10px 12px;
+ border-radius: 12px;
+ display: flex;
+ align-items: center;
+ transition: all 0.2s ease;
+ background: rgba(0, 0, 0, 0.02);
+}
+
+.ls-grid a:hover {
+ background: #49b1f5 !important;
+ color: #fff !important;
+ transform: translateX(4px); /* 悬停时轻微右移,增加动感 */
+}
+
+.ls-grid a i {
+ margin-right: 12px;
+ width: 20px;
+ text-align: center;
+ font-size: 15px;
+}
+
+/* 6. 深色模式适配 */
+[data-theme='dark'] #ls-menu-panel {
+ background: rgba(30, 30, 30, 0.95) !important;
+ border-color: rgba(255, 255, 255, 0.1) !important;
+}
+[data-theme='dark'] .ls-title { color: #eee; }
+[data-theme='dark'] .ls-grid a {
+ color: #ccc !important;
+ background: rgba(255, 255, 255, 0.05);
+}
+
+#nav.show-title .nav-page-title {
+ display: flex !important;
+ opacity: 1 !important;
+ visibility: visible !important;
+ position: absolute !important;
+ left: 50% !important;
+ transform: translateX(-50%) !important;
+ white-space: nowrap !important;
+ z-index: 1000 !important;
+}
+
+#nav.show-title #menus,
+#nav.show-title .nav-site-title {
+ opacity: 0 !important;
+ visibility: hidden !important;
+ pointer-events: none !important;
+}
+
+#nav .nav-page-title {
+ display: none;
+ transition: opacity 0.3s ease;
+}
+
+#nav #blog-info {
+ overflow: visible !important;
+}
\ No newline at end of file
diff --git a/css/poem.css b/css/poem.css
new file mode 100644
index 0000000..cb7df37
--- /dev/null
+++ b/css/poem.css
@@ -0,0 +1,67 @@
+[data-theme=light] {
+ --fontcolor: #363636;
+ --text: rgba(60, 60, 67, 0.6);
+ --bg: #edf0f7;
+}
+
+[data-theme=dark] {
+ --fontcolor: #F7F7FA;
+ --text: #a1a2b8;
+ --bg: #30343f;
+}
+div#poem_sentence{
+ text-align: center;
+ font-family: serif,cursive;
+ line-height: 1.4;
+ margin-bottom: 0.5rem;
+ padding: 1rem;
+ border-radius: 12px;
+ background: var(--bg);
+ min-height: 62px;
+}
+
+div#poem_info{
+ display: flex;
+ color: var(--text);
+ font-size: 100%;
+ justify-content: center;
+ flex-wrap: wrap;
+}
+
+div#poem_author{
+ order: 1;
+ padding: 2px;
+ margin-left: 8px;
+}
+
+div#poem_dynasty{
+ order: 0;
+ padding: 2px 4px 2px 6px;
+ background: var(-btn-bg);
+ color: var(--fontcolor);
+ border-radius: 8px;
+}
+
+#card-poem{
+ display: flex;
+ flex-direction: column;
+ padding: 0.5rem!important;
+ min-height: 130px;
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7))!important;
+ backdrop-filter: blur(10px);
+}
+
+[data-theme=dark] #card-poem{
+ display: flex;
+ flex-direction: column;
+ padding: 0.5rem!important;
+ min-height: 130px;
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7))!important;
+ backdrop-filter: blur(10px);
+}
\ No newline at end of file
diff --git a/css/rss2.xsl b/css/rss2.xsl
new file mode 100644
index 0000000..8f5106a
--- /dev/null
+++ b/css/rss2.xsl
@@ -0,0 +1,38 @@
+
+
diff --git a/css/shuoshuo.css b/css/shuoshuo.css
new file mode 100644
index 0000000..c864222
--- /dev/null
+++ b/css/shuoshuo.css
@@ -0,0 +1,300 @@
+/* ================= 主题变量 ================= */
+:root {
+ --card-bg: #fff;
+ --card-border: 1px solid #e3e8f7;
+ --card-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.09);
+ --card-hover-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.2);
+ --card-secondbg: #f1f3f8;
+ --button-hover-bg: #2679cc;
+ --text: #4c4948;
+ --button-bg: #f1f3f8;
+ --fancybox-bg: rgba(255,255,255,0.5);
+}
+
+[data-theme=dark] {
+ --card-bg: #181818;
+ --card-secondbg: #30343f;
+ --card-border: 1px solid #42444a;
+ --card-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.09);
+ --card-hover-box-shadow: 0 3px 8px 6px rgba(7,17,27,0.2);
+ --button-bg: #30343f;
+ --button-hover-bg: #2679cc;
+ --text: rgba(255,255,255,0.702);
+ --fancybox-bg: rgba(0,0,0,0.5);
+}
+
+/* ================= 卡片布局 ================= */
+#talk {
+ position: relative;
+ width: 100%;
+ box-sizing: border-box;
+ display: flex;
+ flex-wrap: wrap; /* 允许换行 */
+ align-items: flex-start; /* 防止高度拉伸导致变形 */
+}
+
+#talk .talk_item {
+ width: calc(33.333% - 6px);
+ background: var(--card-bg);
+ border: var(--card-border);
+ box-shadow: var(--card-box-shadow);
+ border-radius: 12px;
+ padding: 20px;
+ margin-right: 9px;
+ margin-bottom: 9px;
+ display: flex;
+ flex-direction: column;
+ transition: box-shadow .3s ease-in-out;
+}
+
+#talk .talk_item:hover {
+ box-shadow: var(--card-hover-box-shadow);
+}
+
+@media (max-width: 900px) {
+ #talk .talk_item {
+ width: calc(50% - 5px);
+ }
+}
+
+@media (max-width: 450px) {
+ #talk .talk_item {
+ width: 100%;
+ }
+}
+
+/* 给 Meting 播放器预留约 80px 的固定高度 */
+meting-js {
+ display: block;
+ min-height: 100px;
+ margin-top: 10px;
+}
+
+/* 如果有视频,也预留一下比例高度 */
+.talk_content iframe {
+ min-height: 150px;
+}
+
+/* ================= 头部信息 ================= */
+#talk .talk_meta,
+#talk .talk_bottom {
+ display: flex;
+ align-items: center;
+}
+
+#talk .talk_meta {
+ width: 100%;
+ padding-bottom: 10px;
+ border-bottom: 1px dashed grey;
+}
+
+#talk .talk_meta .avatar {
+ margin: 0 !important;
+ width: 60px;
+ height: 60px;
+ border-radius: 12px;
+}
+
+#talk .talk_meta .info {
+ display: flex;
+ flex-direction: column;
+ margin-left: 10px;
+}
+
+#talk .talk_meta .info .talk_nick {
+ color: #6dbdc3;
+ font-size: 1.2rem;
+}
+
+#talk .talk_meta .info svg.is-badge.icon {
+ width: 15px;
+ padding-top: 3px;
+}
+
+#talk .talk_meta .info span.talk_date {
+ opacity: .6;
+}
+
+/* ================= 内容区域 ================= */
+#talk .talk_item .talk_content {
+ margin-top: 10px;
+}
+
+#talk .talk_item .talk_content .zone_imgbox {
+ display: flex;
+ flex-wrap: wrap;
+ --w: calc(25% - 8px);
+ gap: 10px;
+ margin-top: 10px;
+}
+
+#talk .talk_item .talk_content .zone_imgbox a {
+ display: block;
+ border-radius: 12px;
+ width: var(--w);
+ aspect-ratio: 1/1;
+ position: relative;
+}
+
+#talk .talk_item .talk_content .zone_imgbox a:first-child {
+ width: 100%;
+ aspect-ratio: 1.8;
+}
+
+#talk .talk_item .talk_content .zone_imgbox img {
+ border-radius: 10px;
+ width: 100%;
+ height: 100%;
+ margin: 0 !important;
+ object-fit: cover;
+}
+
+/* ================= 底部信息 ================= */
+#talk .talk_item .talk_bottom {
+ margin-top: 15px;
+ padding-top: 10px;
+ border-top: 1px dashed grey;
+ justify-content: space-between;
+ opacity: .9;
+}
+
+#talk .talk_item .talk_bottom .icon {
+ float: right;
+ transition: all .3s;
+}
+
+#talk .talk_item .talk_bottom .icon:hover {
+ color: #49b1f5;
+}
+
+#talk .talk_item .talk_bottom span.talk_tag,
+#talk .talk_item .talk_bottom span.location_tag {
+ font-size: 14px;
+ background-color: var(--card-secondbg);
+ border-radius: 12px;
+ padding: 3px 15px 3px 10px;
+ transition: box-shadow 0.3s ease;
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+#talk .talk_item .talk_bottom span.location_tag {
+ margin-left: 5px;
+}
+
+#talk .talk_item .talk_bottom span.talk_tag:hover,
+#talk .talk_item .talk_bottom span.location_tag:hover {
+ box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+}
+
+/* ================= 文本链接 ================= */
+#talk .talk_item .talk_content > a {
+ margin: 0 3px;
+ color: #ff7d73 !important;
+}
+
+#talk .talk_item .talk_content > a:hover {
+ text-decoration: none !important;
+ color: #ff5143 !important;
+}
+
+/* ================= 响应式 ================= */
+@media screen and (max-width: 900px) {
+ #talk .talk_item .talk_content .zone_imgbox {
+ --w: calc(33% - 5px);
+ }
+
+ #talk .talk_item #post-comment {
+ margin: 0 3px;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .zone_imgbox {
+ gap: 6px;
+ --w: calc(50% - 3px);
+ }
+
+ span.talk_date {
+ font-size: 14px;
+ }
+}
+
+/* ================= 豆瓣卡片 ================= */
+#talk .talk_item .talk_content .douban-card {
+ margin-top: 10px !important;
+ text-decoration: none;
+ align-items: center;
+ border-radius: 12px;
+ color: #faebd7;
+ display: flex;
+ justify-content: center;
+ margin: 10px;
+ max-width: 400px;
+ overflow: hidden;
+ padding: 15px;
+ position: relative;
+}
+
+/* ================= 外链卡片 ================= */
+#talk .talk_item .talk_content .shuoshuo-external-link {
+ width: 100%;
+ height: 80px;
+ margin-top: 10px;
+ border-radius: 12px;
+ background-color: var(--card-secondbg);
+ color: var(--card-text);
+ border: var(--card-border);
+ transition: background-color .3s ease-in-out;
+}
+
+.shuoshuo-external-link:hover {
+ background-color: var(--button-hover-bg);
+}
+
+.shuoshuo-external-link .external-link {
+ display: flex;
+ color: var(--text) !important;
+ width: 100%;
+ height: 100%;
+}
+
+.shuoshuo-external-link .external-link:hover {
+ color: white !important;
+ text-decoration: none !important;
+}
+
+.shuoshuo-external-link .external-link-left {
+ width: 60px;
+ height: 60px;
+ margin: 10px;
+ border-radius: 12px;
+ background-size: cover;
+ background-position: center;
+}
+
+.shuoshuo-external-link .external-link-right {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ width: calc(100% - 80px);
+ padding: 10px;
+}
+
+.shuoshuo-external-link .external-link-right .external-link-title {
+ font-size: 1.0rem;
+ font-weight: 800;
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+.shuoshuo-external-link .external-link-right i {
+ margin-left: 5px;
+}
+
+/* ================= 结尾 ================= */
+.limit {
+ width: 100%;
+ text-align: center;
+ margin-top: 30px;
+}
diff --git a/css/shuoshuoshouye.css b/css/shuoshuoshouye.css
new file mode 100644
index 0000000..4159010
--- /dev/null
+++ b/css/shuoshuoshouye.css
@@ -0,0 +1,140 @@
+/* maintop */
+
+#main_top {
+ display: flex;
+ justify-content: center;
+ z-index: 1;
+ max-width: 1400px;
+ margin: 20px auto;
+ width: 100%;
+ padding: 0 15px;
+ margin-top: 40px;
+ margin-bottom: 0px;
+}
+
+.hide-aside #main_top {
+ width: 80%;
+}
+
+.hide-aside #main_top #bber-talk {
+ max-width: 936px;
+}
+
+@media screen and (min-width: 2000px) {
+ .hide-aside #main_top #bber-talk {
+ max-width: 80%;
+ }
+
+ #main_top {
+ max-width: 70%;
+ }
+}
+
+@media screen and (max-width: 1210px) {
+ .hide-aside #main_top {
+ padding: 0 12px;
+ }
+}
+
+@media screen and (max-width: 900px) {
+ .hide-aside #main_top {
+ width: 100%;
+ padding: 0 15px;
+ }
+}
+
+@media screen and (max-width: 768px) {
+ .hide-aside #main_top {
+ padding: 0 5px;
+ }
+
+ div#main_top {
+ margin-top: 20px;
+ padding: 0 5px;
+ }
+}
+
+/* 重点修改:bber-talk 的磨砂玻璃背景 */
+#bber-talk {
+ /* 统一磨砂玻璃效果 */
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, .8), rgba(255, 255, 255, .8), rgba(255, 255, 255, .7)) !important;
+ backdrop-filter: blur(10px);
+ -webkit-backdrop-filter: blur(10px);
+
+ border-radius: 12px; /* 给哔哔栏加一点圆角,更符合玻璃质感 */
+ border: 1px solid rgba(255, 255, 255, 0.3); /* 增加边缘高光 */
+
+ box-sizing: border-box;
+ cursor: pointer;
+ width: 100%;
+ min-height: 50px;
+ padding: .5rem 1rem;
+ display: flex;
+ align-items: center;
+ overflow: hidden;
+ font-weight: 700;
+ transition: all .3s ease-in-out;
+}
+
+/* 暗黑模式适配 */
+[data-theme=dark] #bber-talk {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7), rgba(35, 37, 58, .8), rgba(35, 37, 58, .8), rgba(24, 40, 72, .7)) !important;
+ border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
+#bber-talk:hover {
+ transform: translateY(-2px); /* 悬停微动,增加交互感 */
+ box-shadow: 0 8px 20px rgba(0,0,0,0.1);
+}
+
+#bber-talk,
+#bber-talk a {
+ color: var(--font-color);
+}
+
+#bber-talk svg.icon {
+ width: 1em;
+ height: 1em;
+ vertical-align: -.15em;
+ fill: currentColor;
+ overflow: hidden;
+ font-size: 20px;
+}
+
+#bber-talk .item i {
+ margin-left: 5px;
+}
+
+#bber-talk > i {
+ font-size: 1.1rem;
+}
+
+#bber-talk .talk-list {
+ flex: 1;
+ max-height: 32px;
+ font-size: 16px;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+}
+
+#bber-talk .talk-list:hover {
+ color: var(--default-bg-color);
+ transition: all .2s ease-in-out;
+}
+
+#bber-talk .talk-list li {
+ list-style: none;
+ width: 100%;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ margin-left: 10px;
+}
+
+@media screen and (min-width: 770px) {
+ #bber-talk .talk-list {
+ text-align: center;
+ margin-right: 20px;
+ }
+}
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..f5e5bc9
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,699 @@
+/* #card-newest-comments img {border-radius: 10px; /* 设置最新评论圆角半径为10px,可以根据需要调整} */
+
+/* 侧边栏个人信息卡片动态渐变色 */
+#aside-content>.card-widget.card-info {
+ position: relative;
+ z-index: 1; /* 确保原内容在上层显示 */
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+#aside-content > .card-widget.card-info::before {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: linear-gradient(to bottom,
+ rgba(255, 255, 255, 0.0),
+ rgba(255, 255, 255, 0.3),
+ rgba(255, 255, 255, 0.6),
+ rgba(255, 255, 255, 0.7)); /* 鼠标悬停时显示的背景图片 */
+ background-size: cover;
+ background-repeat: no-repeat;
+ opacity: 0.5;
+ transition: opacity 0.8s; /* 过渡效果持续时间 */
+ z-index: -1;
+}
+
+[data-theme=dark] #aside-content > .card-widget.card-info::before {
+ background: linear-gradient(to bottom,
+ rgba(24, 40, 72, .1),
+ rgba(35, 37, 58, .3),
+ rgba(35, 37, 58, .6),
+ rgba(24, 40, 72, .7)); /* 鼠标悬停时显示的背景图片 */
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+#aside-content > .card-widget.card-info:hover::before {
+ opacity: 1;
+}
+/* 卡片动态效果,好好看哈哈 */
+#aside-content div.card-widget.card-info .avatar-img {
+ transition: opacity 0.3s ease; /* 添加渐变效果 */
+}
+
+#aside-content div.card-widget.card-info .avatar-img:hover {
+ opacity: 0; /* 鼠标移上去时完全透明 */
+}
+
+#card-info-btn:hover, #card-info-btn:hover .icon, #card-info-btn:hover span {
+ transform: scale(1.1); /* 鼠标悬停时放大到110% */
+}
+
+[data-theme=dark] #aside-content>.card-widget.card-info {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .6),
+ rgba(35, 37, 58, .5),
+ rgba(35, 37, 58, .5),
+ rgba(24, 40, 72, .6));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/* 侧边栏公告栏卡片渐变色 */
+#aside-content>.card-widget.card-announcement {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] #aside-content>.card-widget.card-announcement {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/* 侧边栏目录最新文章卡片渐变色 */
+#aside-content>.sticky_layout>.card-widget {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] #aside-content>.sticky_layout>.card-widget {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/* 侧边栏欢迎卡片渐变色 */
+#aside-content>.card-widget.welcomeBoxClass {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] #aside-content>.card-widget.welcomeBoxClass {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/* 公告卡片渐变色 */
+#recent-posts>#noticeList {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] #recent-posts>#noticeList {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/* 个人信息Follow me按钮 */
+#aside-content>.card-widget.card-info>#card-info-btn {
+ background-color: #3eb8be;
+ border-radius: 10px;
+}
+
+/*文章页面*/
+.layout>#post {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] .layout>#post {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/*分类条*/
+#recent-posts>.category-bar {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7))!important;
+ backdrop-filter: blur(10px)!important;
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] #recent-posts>.category-bar {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7))!important;
+ backdrop-filter: blur(10px)!important;
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/*主页文章预览页面*/
+#recent-posts>.recent-post-items>.recent-post-item {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7))!important;
+ backdrop-filter: blur(10px)!important;
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] #recent-posts>.recent-post-items>.recent-post-item {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7))!important;
+ backdrop-filter: blur(10px)!important;
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/*分类页面*/
+.layout>#page {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px); 兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] .layout>#page {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px); 兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+
+/*时间轴页面*/
+.layout>#archive {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] .layout>#archive {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/*分类点进去的页面*/
+.layout>#category {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] .layout>#category {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+/*标签点进去的页面*/
+.layout>#tag {
+ background: linear-gradient(-45deg, rgba(255, 255, 255, .7),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .8),
+ rgba(255, 255, 255, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+[data-theme=dark] .layout>#tag {
+ background: linear-gradient(-45deg, rgba(24, 40, 72, .7),
+ rgba(35, 37, 58, .8),
+ rgba(35, 37, 58, .8),
+ rgba(24, 40, 72, .7));
+ backdrop-filter: blur(10px);
+ /* -webkit-backdrop-filter: blur(10px);兼容性前缀,适用于一些旧版本的浏览器 */
+}
+
+.layout.hide-aside {
+ max-width: 1200px;
+}
+
+/* 设置黑夜的时候,社交按钮为白色 */
+[data-theme=dark] .social-icon i {
+ color: rgba(188, 188, 188) !important; /* 设置为白色 */
+}
+
+.layout{
+ width: 100%;
+ max-width:1400px;
+}
+/* 重新定义宽度 */
+
+.layout > div:first-child {
+ width: 100%;
+}
+#post {
+ width: 78%;
+}
+.aside-content {
+ max-width: 100%;
+ min-width: 300px;
+}
+.layout.hide-aside {
+ max-width: 1400px;
+}
+/* 定义是否侧边栏的宽度 */
+
+#recent-posts > .recent-post-item {
+ height: 19em;
+ border: var(--style-border);
+}
+#recent-posts > .recent-post-item >.recent-post-info {
+ padding: 0 56px;
+ width: 64%;
+}
+@media screen and (max-width: 768px) {
+ #recent-posts > .recent-post-item {
+ height: auto;
+ }
+ #recent-posts > .recent-post-item >.recent-post-info {
+ padding: 20px 20px 30px;
+ width: 100%;
+ text-align: center;
+ }
+}
+/* 主页文章列表图片宽度 */
+
+.loading-img {
+ background: url(https://free.picui.cn/free/2025/08/10/689845496a283.png) no-repeat center center;
+ background-size: cover;
+}
+
+#footer {
+ background-color: rgba(0, 0, 0, 0); /* 修改透明色 */
+ color: #fff;
+ padding: 0;
+}
+
+#footer .footer-other {
+ padding: 0;
+}
+
+.footer-copyright{
+ padding: 0;
+}
+
+.my-footer-logo {
+ color: white;
+}
+
+.my-footer-wave-svg {
+ height: 50px;
+ width: 100%;
+ transform: scale(-1, -1) translateY(-10px); /*;*/
+}
+
+.my-footer-wave-path {
+ fill: #177ecd;
+}
+
+.my-footer-content {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1230px;
+ padding: 40px 15px 450px;
+ position: relative;
+}
+
+.my-footer-content-column {
+ box-sizing: border-box;
+ float: left;
+ padding-left: 15px;
+ padding-right: 15px;
+ width: 100%;
+ color: #fff;
+}
+
+.my-footer-content-column ul li a {
+ color: #fff;
+ text-decoration: none;
+}
+
+.my-footer-logo-link {
+ display: inline-block;
+}
+
+.my-footer-menu {
+ margin-top: 15px;
+}
+
+.my-footer-menu-name {
+ color: #fffff2;
+ font-size: 15px;
+ font-weight: 900;
+ letter-spacing: .1em;
+ line-height: 18px;
+ margin-bottom: 0;
+ margin-top: 0;
+ text-transform: uppercase;
+}
+
+.my-footer-menu-list {
+ list-style: none;
+ margin-bottom: 0;
+ margin-top: 10px;
+ padding-left: 0;
+}
+
+.my-footer-menu-list li {
+ margin-top: 5px;
+}
+
+.my-footer-call-to-action-description {
+ color: #fffff2;
+ margin-top: 10px;
+ margin-bottom: 20px;
+}
+
+.my-footer-call-to-action-button:hover {
+ background-color: #fffff2;
+ color: #00bef0;
+}
+
+.button:last-of-type {
+ margin-right: 0;
+}
+
+.my-footer-call-to-action-button {
+ background-color: #03708c;
+ border-radius: 21px;
+ color: #fffff2;
+ display: inline-block;
+ font-size: 11px;
+ font-weight: 900;
+ letter-spacing: .1em;
+ line-height: 18px;
+ padding: 12px 30px;
+ margin: 0 10px 10px 0;
+ text-decoration: none;
+ text-transform: uppercase;
+ transition: background-color .2s;
+ cursor: pointer;
+ position: relative;
+}
+
+.my-footer-call-to-action {
+ margin-top: 17px;
+}
+
+.my-footer-call-to-action-title {
+ color: #fffff2;
+ font-size: 14px;
+ font-weight: 900;
+ letter-spacing: .1em;
+ line-height: 18px;
+ margin-bottom: 0;
+ margin-top: 0;
+ text-transform: uppercase;
+}
+
+.my-footer-call-to-action-link-wrapper {
+ margin-bottom: 0;
+ margin-top: 10px;
+ color: #fff;
+ text-decoration: none;
+}
+
+.my-footer-call-to-action-link-wrapper a {
+ color: #fff;
+ text-decoration: none;
+}
+
+
+.my-footer-social-links {
+ bottom: -1px;
+ height: 54px;
+ position: absolute;
+ right: 0;
+ width: 236px;
+}
+
+.my-footer-social-amoeba-svg {
+ height: 54px;
+ left: 0;
+ display: block;
+ position: absolute;
+ top: 0;
+ width: 236px;
+}
+
+.my-footer-social-amoeba-path {
+ fill: #03708c;
+}
+
+.my-footer-social-link.email {
+ height: 41px;
+ left: 5px;
+ top: 14px;
+ width: 41px;
+}
+
+.my-footer-social-link {
+ display: block;
+ padding: 10px;
+ position: absolute;
+}
+
+.hidden-link-text {
+ position: absolute;
+ clip: rect(1px 1px 1px 1px);
+ clip: rect(1px, 1px, 1px, 1px);
+ -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
+ clip-path: inset(0px 0px 99.9% 99.9%);
+ overflow: hidden;
+ height: 1px;
+ width: 1px;
+ padding: 0;
+ border: 0;
+ top: 50%;
+}
+
+.my-footer-social-icon-svg {
+ display: block;
+}
+
+.my-footer-social-icon-path {
+ fill: #fffff2;
+ transition: fill .2s;
+}
+
+.my-footer-social-link.follow {
+ height: 42px;
+ left: 124px;
+ top: 13px;
+ width: 42px;
+}
+
+.my-footer-social-link.rss {
+ height: 43px;
+ left: 178px;
+ top: 10px;
+ width: 43px;
+}
+
+.my-footer-social-link.github {
+ height: 62px;
+ left: 54px;
+ top: -4px;
+ width: 62px;
+}
+
+.my-footer-copyright {
+ background-color: #03708c;
+ color: #fff;
+ padding: 15px 30px;
+ text-align: center;
+}
+
+.my-footer-copyright-wrapper {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1200px;
+}
+
+.my-footer-copyright-text {
+ color: #fff;
+ font-size: 13px;
+ font-weight: 400;
+ line-height: 18px;
+ margin-bottom: 0;
+ margin-top: 0;
+}
+
+.my-footer-copyright-link {
+ color: #fff;
+ text-decoration: none;
+}
+
+.my-footer-content-div {
+ background: #177ecd
+}
+
+.my-footer-svg-div {
+ width: 100%;
+ max-height: 200px;
+}
+
+/* Media Query For different screens */
+@media (min-width: 320px) and (max-width: 479px) {
+ /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
+ .my-footer-content {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1230px;
+ padding: 40px 15px 649px;
+ position: relative;
+ }
+
+ /* 不展示logo */
+ .my-footer-logo {
+ display: none;
+ }
+}
+
+@media (min-width: 480px) and (max-width: 599px) {
+ /* smartphones, Android phones, landscape iPhone */
+ .my-footer-content {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1230px;
+ padding: 40px 15px 738px;
+ position: relative;
+ }
+
+ .my-footer-logo {
+ padding-left: 177px; /* Qlogo 稍微偏移一点 */
+ padding-right: 170px;
+ }
+}
+
+@media (min-width: 600px) and (max-width: 800px) {
+ /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */
+ .my-footer-content {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1230px;
+ padding: 40px 15px 758px;
+ position: relative;
+ }
+
+
+}
+
+@media (min-width: 801px) {
+ /* tablet, landscape iPad, lo-res laptops ands desktops */
+
+}
+
+@media (min-width: 1025px) {
+ /* big landscape tablets, laptops, and desktops */
+
+}
+
+@media (min-width: 1281px) {
+ /* hi-res laptops and desktops */
+
+}
+
+
+@media (min-width: 760px) {
+ .my-footer-content {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 1230px;
+ padding: 10px 15px 237px;
+ position: relative;
+ }
+
+
+ .my-footer-content-column {
+ /*五列的话 19.99 %*/
+ width: 24.99%;
+ }
+}
+
+@media (min-width: 568px) {
+
+}
+
+@media (min-width: 600px) and (max-width: 760px) {
+ /* 在这里编写适用于小屏幕的样式 */
+ .my-footer-logo {
+ padding-left: 212px; /* Qlogo 稍微偏移一点 */
+ padding-right: 204px;
+ }
+}
+
+/* 页脚波浪的颜色 */
+[data-theme='dark'] .my-footer-wave-path {
+ fill: #0f3858;
+}
+[data-theme='dark'] .my-footer-content-div {
+ background-color: #0f3858;
+}
+
+/* 页脚海底的颜色 */
+[data-theme='dark'] .my-footer-copyright {
+ background-color: #2b3f49;
+}
+[data-theme='dark'] .my-footer-social-amoeba-path {
+ fill: #2b3f49;
+}
diff --git a/css/swiper.css b/css/swiper.css
new file mode 100644
index 0000000..650d91c
--- /dev/null
+++ b/css/swiper.css
@@ -0,0 +1,138 @@
+/* 1. 强制清空外层容器的背景、边框和阴影 */
+#swiperBox,
+#swiper_container,
+.blog-slider,
+.swiper-container {
+ padding: 0 !important;
+ margin: 0 auto !important;
+ background: none !important;
+ border: none !important;
+ box-shadow: none !important;
+ width: 100% !important;
+ overflow: hidden !important;
+}
+
+/* 2. 强力锁定比例,防止 JS 动态修改高度 */
+div#swiper_container {
+ width: 100% !important;
+
+ /* 使用 vw 单位根据屏幕宽度动态计算高度 */
+ /* 16:9 比例下,高度 = 宽度 * 56.25% */
+ height: 56.25vw !important;
+
+ /* 设定最大高度,防止在 PC 端显得过大(可根据需求调整,比如 400px) */
+ max-height: 450px !important;
+
+ /* 设定最小高度,防止在极小屏幕下太扁 */
+ min-height: 180px !important;
+
+ aspect-ratio: 16 / 9 !important;
+ display: block !important;
+ border-radius: 12px;
+ position: relative !important;
+}
+
+/* 强制内部所有幻灯片跟随父容器高度 */
+.swiper-wrapper, .swiper-slide, .blog-slider__item {
+ height: 100% !important;
+}
+/* 3. 彻底隐藏分页圆点或橙色元素 */
+.blog-slider__pagination, .swiper-pagination {
+ display: none !important;
+}
+
+.blog-slider__pagination .swiper-pagination-bullet,
+.swiper-pagination-bullet,
+.swiper-button-next,
+.swiper-button-prev {
+ outline: none !important;
+}
+
+/* 4. 图片填充修复:确保铺满不留白 */
+.blog-slider__item {
+ width: 100% !important;
+ height: 100% !important;
+ background-size: cover !important;
+ background-position: center !important;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+/* 5. 打包内容块并整体居中 */
+.blog-slider__content {
+ background: rgba(0, 0, 0, 0.45) !important;
+ width: 100% !important;
+ height: 100% !important;
+ position: absolute !important;
+ top: 0 !important;
+ left: 0 !important;
+ margin: 0 !important;
+ padding: 0 !important;
+}
+
+/* 核心:将内容容器设为居中参考点 */
+.blog-slider__content .blog-slider__item_content_wrapper, /* 尝试抓取可能的内层包裹 */
+.blog-slider__content > div:first-child, /* 备选抓取 */
+.blog-slider__content {
+ display: flex !important;
+ flex-direction: column !important;
+ justify-content: center !important;
+ align-items: center !important;
+}
+
+/* 针对标题和描述的统一样式 */
+.blog-slider__title,
+.blog-slider__text {
+ position: relative !important; /* 放弃绝对定位,回归正常流,防止重叠 */
+ top: 0 !important;
+ left: 0 !important;
+ transform: none !important;
+ width: 85% !important;
+ text-align: center !important;
+ margin: 5px auto !important; /* 自动上下留白 */
+ color: #ffffff !important;
+}
+
+a.blog-slider__title {
+ font-size: 1.4rem !important;
+ font-weight: bold !important;
+ line-height: 1.3 !important;
+ text-decoration: none !important;
+}
+
+.blog-slider__text {
+ font-size: 0.9rem !important;
+ opacity: 0.9;
+ /* 限制描述文字行数,防止在16:9中撑破容器 */
+ display: -webkit-box !important;
+ -webkit-line-clamp: 2;
+ -webkit-box-orient: vertical;
+ overflow: hidden;
+}
+
+/* 针对手机端的极小屏幕适配 */
+@media screen and (max-width: 768px) {
+ a.blog-slider__title {
+ font-size: 1.1rem !important;
+ }
+ .blog-slider__text {
+ font-size: 0.8rem !important;
+ -webkit-line-clamp: 1; /* 手机端只留一行描述,防止空间拥挤 */
+ }
+}
+/* 6. 移动端微调:防止文字过大或间距过宽 */
+@media screen and (max-width: 768px) {
+ .blog-slider__content {
+ padding: 0 15px !important;
+ }
+ a.blog-slider__title {
+ font-size: 1.1rem !important;
+ }
+}
+
+/* 7. 左右箭头样式:白色且无背景 */
+.swiper-button-next::after, .swiper-button-prev::after {
+ font-size: 1.2rem !important;
+ color: #fff !important;
+ background: none !important;
+}
\ No newline at end of file
diff --git a/css/var.css b/css/var.css
new file mode 100644
index 0000000..e69de29
diff --git a/go.html b/go.html
new file mode 100644
index 0000000..094646b
--- /dev/null
+++ b/go.html
@@ -0,0 +1 @@
+
😃页面加载中,请稍候...
Bi's Blog
安全中心
⚡将在 秒后跳转,请自行确认链接安全性
取消跳转 立即跳转
\ No newline at end of file
diff --git a/images/Bi.ico b/images/Bi.ico
new file mode 100644
index 0000000000000000000000000000000000000000..6d3a9bc98a0ec81772f21fb6cf8baa4c690a543d
GIT binary patch
literal 36534
zcmeI5eT)^=8OCRYN
!*-
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
literal 0
HcmV?d00001
diff --git a/images/background.png b/images/background.png
new file mode 100644
index 0000000000000000000000000000000000000000..e90a980aae731a940b502562cd244597d70c5a0d
GIT binary patch
literal 467607
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 N88B7DP9P!vb4s!Nq}Y^IozfM~06!F;%JB
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