1.修改侧栏中的广告图片为圆角，并增加了上边距。

2.给侧栏中的广告区内的“广告”字样前面增加了一个小图标。 3.给首页的登录二级菜单增加了边框，同时减小了宽度，并且增加了上边距。 4.增加忽略文件。
添加忽略文件
2024-04-13 14:38:48 +08:00 · 2024-04-12 23:06:23 +08:00
3 changed files with 10884 additions and 10769 deletions
--- a/.gitignore
+++ b/.gitignore
@ -0,0 +1,2 @@
+release
+/release/
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@ -1594,7 +1594,9 @@ blockquote footer cite::before {
 }

@media screen and (min-width: 1300px) {
-    #recent-posts > .recent-post-item.col1.alternate .left_radius, #recent-posts > .recent-post-item.col1.alternate .right_radius {
+
+	#recent-posts>.recent-post-item.col1.alternate .left_radius,
+	#recent-posts>.recent-post-item.col1.alternate .right_radius {
 		width: 75%;
 		display: flex;
 		height: 220px
@ -2696,7 +2698,8 @@ blockquote footer cite::before {
 	}
 }

-#body-wrap:has(#travellings_button:hover) #nav #menus, #body-wrap:has(#travellings_button:hover) #page-name {
+#body-wrap:has(#travellings_button:hover) #nav #menus,
+#body-wrap:has(#travellings_button:hover) #page-name {
 	display: none
 }

@ -3920,8 +3923,7 @@ mjx-container[jax="CHTML"][display="true"] {
 	padding-bottom: 0.3rem;
 }

-.aplayer {
-}
+.aplayer {}

 #article-container .aplayer {
 	margin: 0px 0px 1rem;
@ -4124,9 +4126,11 @@ figure.gallery-group:hover .gallery-group-name::after {
 #aside-content .aside-list>.aside-list-item .content>.name,
 #aside-content .aside-list>.aside-list-item .content>.title,
 #error-wrap .error-content .error-info .error_subtitle,
-#post-info .post-title, #recent-posts > .recent-post-item > .recent-post-info > .article-title,
+#post-info .post-title,
+#recent-posts>.recent-post-item>.recent-post-info>.article-title,
 #recent-posts>.recent-post-item>.recent-post-info>.content,
-.article-sort-item-title, .limit-more-line,
+.article-sort-item-title,
+.limit-more-line,
 .relatedPosts>.relatedPosts-list .content .title,
 figure.gallery-group .gallery-group-name,
 figure.gallery-group p {
@ -4687,8 +4691,7 @@ html {
 .fal,
 .far,
 .fas,
-.fat
-.iconfont {
+.fat .iconfont {
 	line-height: 1;
 }

@ -5189,9 +5192,10 @@ html {

 #page-header #nav #nav-right div .back-menu-list-groups {
 	position: absolute;
-    right: 0;
+	right: auto;
 	left: auto;
-    top: 34px;
+	top: 40px;
+	border: var(--style-border);
 }

 #page-header #nav #nav-right .console-button .nav-login {
@ -5216,7 +5220,7 @@ html {
 	display: block;
 	flex-direction: row;
 	flex-wrap: wrap;
-    width: 140px;
+	width: 115px;
 	justify-content: space-between;
 }

@ -5415,7 +5419,8 @@ html {
 	opacity: 0;
 	pointer-events: none;
 	backdrop-filter: blur(20px);
-    -webkit-backdrop-filter: blur(20px)
+	-webkit-backdrop-filter: blur(20px);
+	padding: 0 0 5px 0;
 }

 .back-home-button .back-menu-list-groups:hover {
@ -5786,14 +5791,7 @@ html {
 	opacity: 1;
 }

-#nav-music
-.aplayer
-.aplayer-info
-.aplayer-controller
-.aplayer-bar-wrap:hover
-.aplayer-bar
-.aplayer-played
-.aplayer-thumb {
+#nav-music .aplayer .aplayer-info .aplayer-controller .aplayer-bar-wrap:hover .aplayer-bar .aplayer-played .aplayer-thumb {
 	display: none;
 }

@ -6606,7 +6604,8 @@ body[data-type=music] .page #nav #site-name span {
 	filter: none
 }

-#rightside > div > a, #rightside > div > button {
+#rightside>div>a,
+#rightside>div>button {
 	display: block;
 	margin-bottom: 5px;
 	width: 35px;
@ -6619,7 +6618,8 @@ body[data-type=music] .page #nav #site-name span {
 	line-height: 35px
 }

-#rightside > div > a:hover, #rightside > div > button:hover {
+#rightside>div>a:hover,
+#rightside>div>button:hover {
 	background-color: var(--btn-hover-color)
 }

@ -7019,6 +7019,7 @@ body[data-type=music] .page #nav #site-name span {
 	0% {
 		transform: translate3d(-90px, 0, 0);
 	}
+
 	100% {
 		transform: translate3d(85px, 0, 0);
 	}
@ -7745,6 +7746,7 @@ div#power-star-title {
 }

@media screen and (min-width: 1200px) {
+
 	/* 侧边栏在左侧时，显示 100% */
 	.layout.left-aside>div:first-child {
 		-webkit-box-ordinal-group: 2;
@ -8770,15 +8772,11 @@ li {
 }

@media screen and (max-width: 1300px) {
-    .recent-post-item:hover .recent-post-info .recent-post-info-top .content {
-
-    }
+	.recent-post-item:hover .recent-post-info .recent-post-info-top .content {}
 }

@media screen and (min-width: 1300px) {
-    .recent-post-item:hover .recent-post-info .recent-post-info-top .content {
-
-    }
+	.recent-post-item:hover .recent-post-info .recent-post-info-top .content {}
 }

@media screen and (min-width: 768px) {
@ -9049,15 +9047,19 @@ canvas#universe {
 	0% {
 		opacity: 1;
 	}
+
 	40% {
 		opacity: 1;
 	}
+
 	50% {
 		opacity: 0;
 	}
+
 	90% {
 		opacity: 0;
 	}
+
 	100% {
 		opacity: 1;
 	}
@ -9187,7 +9189,9 @@ ins.adsbygoogle {
 }

@media screen and (max-width: 375px) {
-    #recent-posts > .recent-post-item .left_radius, #recent-posts > .recent-post-item .right_radius {
+
+	#recent-posts>.recent-post-item .left_radius,
+	#recent-posts>.recent-post-item .right_radius {
 		height: 170px
 	}
 }
@ -9235,7 +9239,8 @@ ins.adsbygoogle {
 	margin-bottom: 0rem;
 }

-.recent-top-post-group.more-page, .climb.more-page {
+.recent-top-post-group.more-page,
+.climb.more-page {
 	display: none;
 }

@ -9463,20 +9468,24 @@ span.recent-post-top-text {
 }

 /* 图片在左侧 */
-#recent-posts > .recent-post-item.left, .recent-post-item.alternate.odd {
+#recent-posts>.recent-post-item.left,
+.recent-post-item.alternate.odd {
 	flex-direction: row !important;
 }

-#recent-posts > .recent-post-item.left .cover_radius, .recent-post-item.alternate.odd .cover_radius {
+#recent-posts>.recent-post-item.left .cover_radius,
+.recent-post-item.alternate.odd .cover_radius {
 	border-radius: 12px 0px 0px 12px !important;
 }

 /* 图片在右侧 */
-#recent-posts > .recent-post-item.right, .recent-post-item.alternate.even {
+#recent-posts>.recent-post-item.right,
+.recent-post-item.alternate.even {
 	flex-direction: row-reverse !important;
 }

-#recent-posts > .recent-post-item.right .cover_radius, .recent-post-item.alternate.even .cover_radius {
+#recent-posts>.recent-post-item.right .cover_radius,
+.recent-post-item.alternate.even .cover_radius {
 	border-radius: 0px 12px 12px 0px !important;
 }

@ -9495,7 +9504,8 @@ span.recent-post-top-text {
 		clip-path: inset(0 0 0 0 round 12px);
 	}

-    #category #recent-posts .recent-post-item, #tag #recent-posts .recent-post-item {
+	#category #recent-posts .recent-post-item,
+	#tag #recent-posts .recent-post-item {
 		margin-top: .5rem;
 		margin-bottom: 1rem;
 		position: relative;
@ -9511,18 +9521,24 @@ span.recent-post-top-text {

 	/* 设置分列 */
 	/* 1 列：左右排列 */
-    #recent-posts > .recent-post-item.col1, #category #recent-posts .recent-post-item.col1, #tag #recent-posts .recent-post-item.col1 {
+	#recent-posts>.recent-post-item.col1,
+	#category #recent-posts .recent-post-item.col1,
+	#tag #recent-posts .recent-post-item.col1 {
 		width: calc(100% - .5rem);

 	}

 	/* 2 列 */
-    #recent-posts > .recent-post-item.col2, #category #recent-posts .recent-post-item.col2, #tag #recent-posts .recent-post-item.col2 {
+	#recent-posts>.recent-post-item.col2,
+	#category #recent-posts .recent-post-item.col2,
+	#tag #recent-posts .recent-post-item.col2 {
 		width: calc(100% / 2 - .5rem);
 	}

 	/* 3 列 */
-    #recent-posts > .recent-post-item.col3, #category #recent-posts .recent-post-item.col3, #tag #recent-posts .recent-post-item.col3 {
+	#recent-posts>.recent-post-item.col3,
+	#category #recent-posts .recent-post-item.col3,
+	#tag #recent-posts .recent-post-item.col3 {
 		width: calc(100% / 3 - .5rem);
 	}

@ -9548,7 +9564,9 @@ span.recent-post-top-text {
 }

@media screen and (min-width: 1200px) {
-    #category #recent-posts .recent-post-item, #tag #recent-posts .recent-post-item {
+
+	#category #recent-posts .recent-post-item,
+	#tag #recent-posts .recent-post-item {
 		animation: slide-in .6s .4s backwards
 	}

@ -9582,7 +9600,8 @@ span.recent-post-top-text {
 		padding: 0 1rem
 	}

-    #category #recent-posts, #tag #recent-posts {
+	#category #recent-posts,
+	#tag #recent-posts {
 		padding: 0
 	}

@ -9722,7 +9741,8 @@ span.recent-post-top-text {
 	display: none;
 }

-#post-meta .post-meta-date, #post-meta .post-meta-author {
+#post-meta .post-meta-date,
+#post-meta .post-meta-author {
 	opacity: .6;
 	margin-right: 0.8rem;
 }
@ -10533,6 +10553,7 @@ a.extend.prev {
 			opacity: 0;
 			transform: rotate(10deg) translateY(-8%) scale(1.8);
 		}
+
 		to {
 			opacity: 0.5;
 			transform: rotate(10deg) translateY(-10%) scale(2);
@ -10961,12 +10982,15 @@ span.post-meta-position {
 	opacity: 0.6;
 }

-.post-meta-pv, .post-meta-commentcount, .post-meta-editor {
+.post-meta-pv,
+.post-meta-commentcount,
+.post-meta-editor {
 	opacity: 0.6;
 	margin-right: 2px
 }

-#twikoo-count, #ArtalkCount {
+#twikoo-count,
+#ArtalkCount {
 	font-weight: 800;
 	color: var(--heo-white);
 }
@ -11210,9 +11234,12 @@ details:not(.tk-admin-config-group):not(.card-friend-class-name) summary {
 	left: 0;
 	width: 100%;
 	font-weight: bold;
-    white-space: nowrap; /* 禁止换行 */
-    overflow: hidden; /* 超出部分隐藏 */
-    text-overflow: ellipsis; /* 超出部分用省略号表示 */
+	white-space: nowrap;
+	/* 禁止换行 */
+	overflow: hidden;
+	/* 超出部分隐藏 */
+	text-overflow: ellipsis;
+	/* 超出部分用省略号表示 */
 }

 details:not(.tk-admin-config-group):not(.card-friend-class-name)>*:nth-child(2) {
@ -11982,14 +12009,16 @@ a.reward-main-btn:hover {
 		height: 100%;
 	}

-    #pagination .next-post a:hover div, #pagination .prev-post a:hover div {
+	#pagination .next-post a:hover div,
+	#pagination .prev-post a:hover div {
 		color: var(--heo-white) !important
 	}
 }

@media screen and (max-width: 768px) {

-    #pagination .next-post a:hover, #pagination .prev-post a:hover {
+	#pagination .next-post a:hover,
+	#pagination .prev-post a:hover {
 		background: var(--heo-none)
 	}

@ -12015,7 +12044,8 @@ a.reward-main-btn:hover {
 	filter: blur(5px);
 }

-#pagination .next_info, #post #pagination .prev_info {
+#pagination .next_info,
+#post #pagination .prev_info {
 	font-weight: 700;
 	-webkit-line-clamp: 2;
 	white-space: normal;
@ -12064,7 +12094,8 @@ a.reward-main-btn:hover {
 		border: 1px solid var(--heo-main)
 	}

-    #pagination .next-post a, #pagination .prev-post a {
+	#pagination .next-post a,
+	#pagination .prev-post a {
 		border: none;
 		height: fit-content;
 		padding: .5rem 0
@ -12074,7 +12105,8 @@ a.reward-main-btn:hover {
 		border-radius: 0
 	}

-    #pagination .next_info, #post #pagination .prev_info {
+	#pagination .next_info,
+	#post #pagination .prev_info {
 		font-size: 14px;
 		font-weight: 400;
 		margin-bottom: 0
@ -12089,26 +12121,35 @@ a.reward-main-btn:hover {
 		background: 0 0
 	}

-    #pagination .next_info, #post #pagination .prev_info {
+	#pagination .next_info,
+	#post #pagination .prev_info {
 		color: var(--heo-fontcolor);
 	}

-    #pagination .next-post, #pagination .prev-post, .next-post.pull-right, .prev-post.pull-left {
+	#pagination .next-post,
+	#pagination .prev-post,
+	.next-post.pull-right,
+	.prev-post.pull-left {
 		background: var(--heo-maskbgdeep);
 		-webkit-backdrop-filter: blur(5px);
 		backdrop-filter: blur(5px);
 		transform: translateZ(0)
 	}

-    #pagination .next-post a:hover, #pagination .prev-post a:hover {
+	#pagination .next-post a:hover,
+	#pagination .prev-post a:hover {
 		background: var(--heo-main);
 	}

-    #pagination .next-post .label, #post #pagination .prev-post .label {
+	#pagination .next-post .label,
+	#post #pagination .prev-post .label {
 		color: var(--heo-fontcolor)
 	}

-    #pagination.pagination-post .next-post.pull-full img, #pagination.pagination-post .next-post.pull-right img, #pagination.pagination-post .prev-post.pull-full img, #pagination.pagination-post .prev-post.pull-left img {
+	#pagination.pagination-post .next-post.pull-full img,
+	#pagination.pagination-post .next-post.pull-right img,
+	#pagination.pagination-post .prev-post.pull-full img,
+	#pagination.pagination-post .prev-post.pull-left img {
 		display: none;
 		top: 0
 	}
@ -12133,7 +12174,8 @@ a.reward-main-btn:hover {
 		position: relative
 	}

-    #pagination .next-post .label, #post #pagination .prev-post .label {
+	#pagination .next-post .label,
+	#post #pagination .prev-post .label {
 		color: var(--heo-fontcolor);
 		font-weight: 700;
 		font-size: 12px;
@ -12569,7 +12611,8 @@ img.tk-avatar-img {
 }

 /* 填写项标题 */
-.el-input-group__append, .el-input-group__prepend {
+.el-input-group__append,
+.el-input-group__prepend {
 	background-color: var(--heo-card-bg) !important;
 	color: var(--heo-fontcolor) !important;
 	border-color: var(--heo-card-border) !important;
@ -12591,7 +12634,8 @@ img.tk-avatar-img {
 	border: var(--style-border-always);
 }

-.el-input-group--prepend .el-input__inner, .el-input-group__append {
+.el-input-group--prepend .el-input__inner,
+.el-input-group__append {
 	border-radius: 12px !important
 }

@ -13454,7 +13498,8 @@ span.tagsPageCount {
 	color: var(--heo-lighttext);
 }

-#tag-page-tags .tagsPageCount, #post .tag_share .post-meta__tags span.tagsPageCount {
+#tag-page-tags .tagsPageCount,
+#post .tag_share .post-meta__tags span.tagsPageCount {
 	padding: 2px;
 	background: var(--heo-card-bg);
 	border: var(--style-border-always);
@ -14231,6 +14276,7 @@ figure.gallery-group:hover .gallery-group-name::after {
 }

@keyframes heartbeat-bounce {
+
 	0%,
 	100% {
 		transform: scale(1);
@ -14240,12 +14286,14 @@ figure.gallery-group:hover .gallery-group-name::after {
 	30% {
 		transform: scale(0.9);
 	}
+
 	20%,
 	40%,
 	60%,
 	80% {
 		transform: scale(1.1);
 	}
+
 	50%,
 	70% {
 		transform: scale(1.1);
@ -15319,9 +15367,11 @@ span.hexo-douban-pagenum {
 	0% {
 		transform: translate(0, -4px);
 	}
+
 	50% {
 		transform: translate(0, 4px);
 	}
+
 	100% {
 		transform: translate(0, -4px);
 	}
@ -15346,16 +15396,20 @@ span.hexo-douban-pagenum {
 }

@media screen and (max-width: 768px) {
-    #about-page .author-tag-left, #about-page .author-tag-right {
+
+	#about-page .author-tag-left,
+	#about-page .author-tag-right {
 		display: none;
 	}
 }

-#about-page .author-tag-left .author-tag:first-child, #about-page .author-tag-left .author-tag:last-child {
+#about-page .author-tag-left .author-tag:first-child,
+#about-page .author-tag-left .author-tag:last-child {
 	margin-right: -16px;
 }

-#about-page .author-tag-right .author-tag:first-child, #about-page .author-tag-right .author-tag:last-child {
+#about-page .author-tag-right .author-tag:first-child,
+#about-page .author-tag-right .author-tag:last-child {
 	margin-left: -16px;
 }

@ -16301,6 +16355,7 @@ span.hexo-douban-pagenum {
 	.author-content-item.single.reward .reward-list-all .reward-list-item {
 		width: calc((100% / 4) - 0.5rem);
 	}
+
 	.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar {
 		width: 32%;
 	}
@ -16310,6 +16365,7 @@ span.hexo-douban-pagenum {
 	.author-content-item.single.reward .reward-list-all .reward-list-item {
 		width: calc((100% / 2) - 0.5rem);
 	}
+
 	.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar {
 		width: 20%;
 	}
@ -16319,6 +16375,7 @@ span.hexo-douban-pagenum {
 	.author-content-item.single.reward .reward-list-all .reward-list-item {
 		width: 100%;
 	}
+
 	.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar {
 		width: 9%;
 	}
@ -16328,6 +16385,7 @@ span.hexo-douban-pagenum {
 	.author-content-item.single.reward .reward-list-all .reward-list-item {
 		width: 100%;
 	}
+
 	.author-content-item.single.reward .reward-list-all .reward-list-item .reward-list-item-avatar {
 		width: 20%;
 	}
@ -16520,56 +16578,71 @@ span.hexo-douban-pagenum {
 		width: 0;
 		background-size: 500px 62.5px;
 	}
-    16.6% {
-    }
-    33.2% {
-    }
-    49.8% {
-    }
-    66.4% {
-    }
+
+	16.6% {}
+
+	33.2% {}
+
+	49.8% {}
+
+	66.4% {}
+
 	83% {
 		width: 475px;
 	}
+
 	83.1% {
 		width: 475px;
 	}
+
 	83.2% {
 		width: 475px;
 	}
+
 	83.3% {
 		width: 475px;
 	}
+
 	83.4% {
 		width: 475px;
 	}
+
 	83.5% {
 		width: 475px;
 	}
+
 	83.6% {
 		width: 475px;
 	}
+
 	83.7% {
 		width: 475px;
 	}
+
 	83.8% {
 		width: 475px;
 	}
+
 	83.9% {
 		width: 475px;
 	}
+
 	84% {
 		width: 475px;
 	}
+
 	85% {
 		width: 475px;
 	}
+
 	86% {
 		width: 475px;
 	}
+
 	87% {
 		width: 475px;
 	}
+
 	100% {
 		width: 500px;
 	}
@ -16646,7 +16719,8 @@ span.hexo-douban-pagenum {
 	transform: translateX(-50%)
 }

-.author-content-item.comic-content .author-content-item-tips, .author-content-item.comic-content .author-content-item-title {
+.author-content-item.comic-content .author-content-item-tips,
+.author-content-item.comic-content .author-content-item-title {
 	z-index: 2;
 	color: var(--heo-white);
 	pointer-events: none
@ -17427,6 +17501,7 @@ span.hexo-douban-pagenum {
 }

@media screen and (min-width: 768px) {
+
 	/* 隐藏弹窗 */
 	.needEndHide.hide {
 		bottom: -200px !important;
@ -17586,7 +17661,8 @@ img.rss-plan-icon {
 	color: var(--heo-fontcolor)
 }

-.pagination .toPageGroup input:focus, .pagination .toPageGroup:hover input {
+.pagination .toPageGroup input:focus,
+.pagination .toPageGroup:hover input {
 	border: var(--style-border-hover-always);
 	outline-style: none;
 	width: 100px
@ -17615,7 +17691,8 @@ a#toPageButton {
 	pointer-events: none
 }

-.toPageGroup:focus-within a#toPageButton, .toPageGroup:hover a#toPageButton {
+.toPageGroup:focus-within a#toPageButton,
+.toPageGroup:hover a#toPageButton {
 	width: 30px;
 	height: 30px;
 	right: 4px;
@ -17770,7 +17847,10 @@ body.compensate-for-scrollbar {
 	box-sizing: border-box
 }

-.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
+.fancybox-bg,
+.fancybox-inner,
+.fancybox-outer,
+.fancybox-stage {
 	bottom: 0;
 	left: 0;
 	position: absolute;
@ -17796,7 +17876,10 @@ body.compensate-for-scrollbar {
 	transition-timing-function: cubic-bezier(.22, .61, .36, 1)
 }

-.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
+.fancybox-caption,
+.fancybox-infobar,
+.fancybox-navigation .fancybox-button,
+.fancybox-toolbar {
 	direction: ltr;
 	opacity: 0;
 	position: absolute;
@ -17805,7 +17888,10 @@ body.compensate-for-scrollbar {
 	z-index: 99997
 }

-.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
+.fancybox-show-caption .fancybox-caption,
+.fancybox-show-infobar .fancybox-infobar,
+.fancybox-show-nav .fancybox-navigation .fancybox-button,
+.fancybox-show-toolbar .fancybox-toolbar {
 	opacity: 1;
 	transition: opacity .25s ease 0s, visibility 0s ease 0s, background-color .3s ease 0s;
 	visibility: visible
@ -17873,7 +17959,10 @@ body.compensate-for-scrollbar {
 	width: 0
 }

-.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
+.fancybox-is-sliding .fancybox-slide,
+.fancybox-slide--current,
+.fancybox-slide--next,
+.fancybox-slide--previous {
 	display: block
 }

@ -17933,7 +18022,8 @@ body.compensate-for-scrollbar {
 	cursor: zoom-in
 }

-.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
+.fancybox-can-pan .fancybox-content,
+.fancybox-can-swipe .fancybox-content {
 	cursor: grab
 }

@ -17945,7 +18035,8 @@ body.compensate-for-scrollbar {
 	cursor: text
 }

-.fancybox-image, .fancybox-spaceball {
+.fancybox-image,
+.fancybox-spaceball {
 	background: 0 0;
 	border: 0;
 	height: 100%;
@ -17967,7 +18058,10 @@ body.compensate-for-scrollbar {
 	z-index: 1
 }

-.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
+.fancybox-slide--iframe .fancybox-content,
+.fancybox-slide--map .fancybox-content,
+.fancybox-slide--pdf .fancybox-content,
+.fancybox-slide--video .fancybox-content {
 	height: 100%;
 	overflow: visible;
 	padding: 0;
@ -17986,7 +18080,8 @@ body.compensate-for-scrollbar {
 	background: #fff
 }

-.fancybox-iframe, .fancybox-video {
+.fancybox-iframe,
+.fancybox-video {
 	background: 0 0;
 	border: 0;
 	display: block;
@ -18038,7 +18133,9 @@ body.compensate-for-scrollbar {
 	transition: .3s
 }

-.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
+.fancybox-button,
+.fancybox-button:link,
+.fancybox-button:visited {
 	color: #ccc
 }

@ -18055,7 +18152,8 @@ body.compensate-for-scrollbar {
 	outline: 1px dotted
 }

-.fancybox-button[disabled], .fancybox-button[disabled]:hover {
+.fancybox-button[disabled],
+.fancybox-button[disabled]:hover {
 	color: #888;
 	cursor: default;
 	outline: 0
@ -18078,7 +18176,10 @@ body.compensate-for-scrollbar {
 	stroke-width: 0
 }

-.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:first-child, .fancybox-button--pause svg:first-child, .fancybox-button--play svg:nth-child(2) {
+.fancybox-button--fsenter svg:nth-child(2),
+.fancybox-button--fsexit svg:first-child,
+.fancybox-button--pause svg:first-child,
+.fancybox-button--play svg:nth-child(2) {
 	display: none
 }

@ -18126,7 +18227,8 @@ body.compensate-for-scrollbar {
 	overflow: hidden
 }

-.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
+.fancybox-is-scaling .fancybox-close-small,
+.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
 	display: none
 }

@ -18181,7 +18283,9 @@ body.compensate-for-scrollbar {
 	pointer-events: all
 }

-.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
+.fancybox-caption a,
+.fancybox-caption a:link,
+.fancybox-caption a:visited {
 	color: #ccc;
 	text-decoration: none
 }
@ -18233,7 +18337,8 @@ body.compensate-for-scrollbar {
 	transform: translateZ(0)
 }

-.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
+.fancybox-fx-fade.fancybox-slide--next,
+.fancybox-fx-fade.fancybox-slide--previous {
 	opacity: 0;
 	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
 }
@ -18376,7 +18481,8 @@ body.compensate-for-scrollbar {
 	white-space: nowrap
 }

-.fancybox-share__button:link, .fancybox-share__button:visited {
+.fancybox-share__button:link,
+.fancybox-share__button:visited {
 	color: #fff
 }

@ -18775,13 +18881,16 @@ body.compensate-for-scrollbar {
 	margin-top: 10px
 }

-body[data-type=neodb] .sort-button-group button,body[data-type=neodb] .type-button-group button {
+body[data-type=neodb] .sort-button-group button,
+body[data-type=neodb] .type-button-group button {
 	margin: 5px 10px;
 	border-radius: 5px
 }

@media screen and (max-width: 768px) {
-    body[data-type=neodb] .sort-button-group button,body[data-type=neodb] .type-button-group button {
+
+	body[data-type=neodb] .sort-button-group button,
+	body[data-type=neodb] .type-button-group button {
 		font-size: 13px
 	}
 }
@ -18812,8 +18921,13 @@ body[data-type=neodb] .sort-button-group button,body[data-type=neodb] .type-butt
 	-ms-transition: .3s;
 	transition: .3s
 }
+
 .type-button.active {
 	background-color: #2196f3;
 	color: #fff
 }

+.ad-img {
+	margin: 12px 0 0 0;
+	border-radius: 8px;
+}
--- a/templates/modules/widgets/aside/adbox.html
+++ b/templates/modules/widgets/aside/adbox.html
@ -1,12 +1,12 @@
 <!-- 广告 -->
 <div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='google'}">
 	<div class="item-headline"><span>广告</span></div>
-    <script async th:src="${'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + theme.config.sidebar.adbox.ad_google.ad_client}"
+
+	<script async
+		th:src="${'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=' + theme.config.sidebar.adbox.ad_google.ad_client}"
 		crossorigin="anonymous"></script>
 	<!-- 广告2 -->
-    <ins class="adsbygoogle"
-         style="display:block"
-         th:data-ad-client="${theme.config.sidebar.adbox.ad_google.ad_client}"
+	<ins class="adsbygoogle" style="display:block" th:data-ad-client="${theme.config.sidebar.adbox.ad_google.ad_client}"
 		th:data-ad-slot="${theme.config.sidebar.adbox.ad_google.ad_slot}"
 		th:data-ad-format="${theme.config.sidebar.adbox.ad_google.ad_format}"
 		th:data-full-width-responsive="${theme.config.sidebar.adbox.ad_google.full_width_responsive}"></ins>
@ -17,9 +17,8 @@
 </div>

 <div class="card-widget" th:if="${theme.config.sidebar.adbox.adType=='customAd'}">
-    <div class="item-headline"><span>广告</span></div>
-    <a th:href="${theme.config.sidebar.adbox.ad_custom.ad_redirect_url}" target="_blank">
-        <img th:src="${theme.config.sidebar.adbox.ad_custom.ad_pic_url}" alt="自定义广告">
+	<div class="item-headline"><i class="haofont hao-icon-bullhorn"></i><span>广告</span></div>
+	<a th:href="${theme.config.sidebar.adbox.ad_custom.ad_redirect_url}" target="_blank" title="立即前往">
+		<img class="ad-img" th:src="${theme.config.sidebar.adbox.ad_custom.ad_pic_url}" alt="自定义广告">
 	</a>
-
 </div>