@@ -258,11 +258,18 @@ template {
258258 line-height: 16px;
259259 height: 16px;
260260}
261- .anzhiyufont ,
261+ .fontawesomeIcon ,
262262hr:before,
263263#article-container a.headerlink::before,
264264#post .post-outdate-notice:before,
265265.note:not(.no-icon)::before {
266+ display: inline-block;
267+ font-weight: 600;
268+ font-family: 'Font Awesome 6 Free';
269+ text-rendering: auto;
270+ -webkit-font-smoothing: antialiased;
271+ }
272+ .anzhiyufont {
266273 font-family: "anzhiyufont";
267274 font-size: 16px;
268275 font-style: normal;
@@ -424,6 +431,13 @@ hr:before,
424431 -ms-animation: shake 0.8s;
425432 animation: shake 0.8s;
426433}
434+ .avatar-img {
435+ -webkit-animation: avatar_turn_around 2s linear infinite;
436+ -moz-animation: avatar_turn_around 2s linear infinite;
437+ -o-animation: avatar_turn_around 2s linear infinite;
438+ -ms-animation: avatar_turn_around 2s linear infinite;
439+ animation: avatar_turn_around 2s linear infinite;
440+ }
427441.reward-main {
428442 -webkit-animation: donate_effcet 0.3s 0.1s ease both;
429443 -moz-animation: donate_effcet 0.3s 0.1s ease both;
@@ -3180,14 +3194,14 @@ blockquote > :last-child {
31803194 }
31813195}
31823196:root {
3183- --hl-color: #90a4ae ;
3184- --hl-bg: #f6f8fa ;
3185- --hltools-bg: var(--anzhiyu-secondbg) ;
3186- --hltools-color: var(--anzhiyu-fontcolor) ;
3187- --hlnumber-bg: #f6f8fa ;
3188- --hlnumber-color: rgba(144,164,174 ,0.5);
3189- --hlscrollbar-bg: #dce4eb ;
3190- --hlexpand-bg: linear-gradient(180deg, rgba(246,248,250 ,0.6), rgba(246,248,250 ,0.9));
3197+ --hl-color: #8f93a2 ;
3198+ --hl-bg: #0f111a ;
3199+ --hltools-bg: #0b0d14 ;
3200+ --hltools-color: #8f93a2 ;
3201+ --hlnumber-bg: #0f111a ;
3202+ --hlnumber-color: rgba(143,147,162 ,0.5);
3203+ --hlscrollbar-bg: #1e2234 ;
3204+ --hlexpand-bg: linear-gradient(180deg, rgba(15,17,26 ,0.6), rgba(15,17,26 ,0.9));
31913205}
31923206[data-theme='dark'] {
31933207 --hl-color: rgba(255,255,255,0.7);
@@ -3212,10 +3226,10 @@ figure.highlight pre .addition {
32123226 color: #105ede;
32133227}
32143228figure.highlight pre .meta {
3215- color: #7c4dff ;
3229+ color: #c792ea ;
32163230}
32173231figure.highlight pre .comment {
3218- color: #969896 ;
3232+ color: rgba(101,115,126,0.8) ;
32193233}
32203234figure.highlight pre .variable,
32213235figure.highlight pre .attribute,
@@ -3229,21 +3243,21 @@ figure.highlight pre .css .id,
32293243figure.highlight pre .tag .name,
32303244figure.highlight pre .css .class,
32313245figure.highlight pre .css .pseudo {
3232- color: #e53935 ;
3246+ color: #ff5370 ;
32333247}
32343248figure.highlight pre .tag {
3235- color: #39adb5 ;
3249+ color: #89ddff ;
32363250}
32373251figure.highlight pre .number,
32383252figure.highlight pre .preprocessor,
32393253figure.highlight pre .literal,
32403254figure.highlight pre .params,
32413255figure.highlight pre .constant,
32423256figure.highlight pre .command {
3243- color: #f76d47 ;
3257+ color: #f78c6c ;
32443258}
32453259figure.highlight pre .built_in {
3246- color: #ffb62c ;
3260+ color: #ffcb6b ;
32473261}
32483262figure.highlight pre .ruby .class .title,
32493263figure.highlight pre .css .rules .attribute,
@@ -3256,12 +3270,12 @@ figure.highlight pre .xml .cdata,
32563270figure.highlight pre .special,
32573271figure.highlight pre .number,
32583272figure.highlight pre .formula {
3259- color: #91b859 ;
3273+ color: #c3e88d ;
32603274}
32613275figure.highlight pre .keyword,
32623276figure.highlight pre .title,
32633277figure.highlight pre .css .hexcolor {
3264- color: #39adb5 ;
3278+ color: #89ddff ;
32653279}
32663280figure.highlight pre .function,
32673281figure.highlight pre .python .decorator,
@@ -3271,14 +3285,14 @@ figure.highlight pre .ruby .title .keyword,
32713285figure.highlight pre .perl .sub,
32723286figure.highlight pre .javascript .title,
32733287figure.highlight pre .coffeescript .title {
3274- color: #6182b8 ;
3288+ color: #82aaff ;
32753289}
32763290figure.highlight pre .tag .attr,
32773291figure.highlight pre .javascript .function {
3278- color: #7c4dff ;
3292+ color: #c792ea ;
32793293}
32803294#article-container figure.highlight .line.marked {
3281- background-color: rgba(128,203,196 ,0.251 );
3295+ background-color: rgba(113,124,180 ,0.314 );
32823296}
32833297#article-container figure.highlight table {
32843298 display: block;
@@ -3292,11 +3306,7 @@ figure.highlight pre .javascript .function {
32923306#article-container figure.highlight .gutter pre {
32933307 padding-right: 0.625rem;
32943308 padding-left: 1.25rem;
3295- background: var(--anzhiyu-secondbg);
3296- background-color: var(--anzhiyu-secondbg);
3297- border-right: var(--style-border-always);
3298- padding-right: 0.5rem;
3299- padding-left: 0.5rem;
3309+ background: var(--hlexpand-bg);
33003310 color: var(--hlnumber-color);
33013311 text-align: right;
33023312}
@@ -3310,8 +3320,7 @@ figure.highlight pre .javascript .function {
33103320 overflow: auto;
33113321 margin: 0 0 20px;
33123322 padding: 0;
3313- background: var(--anzhiyu-card-bg);
3314- border: var(--style-border-always);
3323+ background: var(--hl-bg);
33153324 color: var(--hl-color);
33163325 line-height: 1.6;
33173326}
@@ -3378,11 +3387,6 @@ figure.highlight pre .javascript .function {
33783387 background: var(--hltools-bg);
33793388 color: var(--hltools-color);
33803389 font-size: var(--global-font-size);
3381- border-bottom: var(--style-border-always);
3382- }
3383- #article-container .highlight-tools.closed {
3384- border-bottom: 1px solid transparent;
3385- height: calc(2.15em - 1px);
33863390}
33873391#article-container .highlight-tools.closed ~ * {
33883392 display: none;
@@ -3460,83 +3464,6 @@ figure.highlight pre .javascript .function {
34603464#article-container .gist table td {
34613465 border: none;
34623466}
3463- #article-container .code-expand-btn {
3464- position: absolute;
3465- bottom: 0px;
3466- z-index: 10;
3467- width: 100%;
3468- -webkit-transition: all 0.3s;
3469- -moz-transition: all 0.3s;
3470- -o-transition: all 0.3s;
3471- -ms-transition: all 0.3s;
3472- transition: all 0.3s;
3473- font-size: 20px;
3474- background: var(--anzhiyu-secondbg);
3475- text-align: center;
3476- font-size: var(--global-font-size);
3477- cursor: pointer;
3478- -webkit-transform: translateZ(0);
3479- -moz-transform: translateZ(0);
3480- -o-transform: translateZ(0);
3481- -ms-transform: translateZ(0);
3482- transform: translateZ(0);
3483- position: absolute;
3484- display: -webkit-box;
3485- display: -moz-box;
3486- display: -webkit-flex;
3487- display: -ms-flexbox;
3488- display: box;
3489- display: flex;
3490- -webkit-box-align: center;
3491- -moz-box-align: center;
3492- -o-box-align: center;
3493- -ms-flex-align: center;
3494- -webkit-align-items: center;
3495- align-items: center;
3496- -webkit-box-pack: center;
3497- -moz-box-pack: center;
3498- -o-box-pack: center;
3499- -ms-flex-pack: center;
3500- -webkit-justify-content: center;
3501- justify-content: center;
3502- height: 32px;
3503- font-size: 16px;
3504- }
3505- #article-container .code-expand-btn:hover {
3506- background: var(--anzhiyu-main);
3507- }
3508- #article-container .code-expand-btn:hover i {
3509- color: var(--anzhiyu-white);
3510- }
3511- #article-container .code-expand-btn i {
3512- color: var(--anzhiyu-fontcolor);
3513- -webkit-animation: 1.2s ease 0s infinite normal none running code-expand-key;
3514- -moz-animation: 1.2s ease 0s infinite normal none running code-expand-key;
3515- -o-animation: 1.2s ease 0s infinite normal none running code-expand-key;
3516- -ms-animation: 1.2s ease 0s infinite normal none running code-expand-key;
3517- animation: 1.2s ease 0s infinite normal none running code-expand-key;
3518- }
3519- #article-container .code-expand-btn.expand-done {
3520- -webkit-transform: rotate(180deg);
3521- -moz-transform: rotate(180deg);
3522- -o-transform: rotate(180deg);
3523- -ms-transform: rotate(180deg);
3524- transform: rotate(180deg);
3525- -webkit-transition: all 0s, background 0.3s;
3526- -moz-transition: all 0s, background 0.3s;
3527- -o-transition: all 0s, background 0.3s;
3528- -ms-transition: all 0s, background 0.3s;
3529- transition: all 0s, background 0.3s;
3530- }
3531- #article-container .code-expand-btn.expand-done + table,
3532- #article-container .code-expand-btn.expand-done + pre {
3533- margin-bottom: 1.8em;
3534- }
3535- #article-container .code-expand-btn:not(.expand-done) ~ table,
3536- #article-container .code-expand-btn:not(.expand-done) ~ pre {
3537- overflow: hidden;
3538- height: 330px;
3539- }
35403467@-moz-keyframes code-expand-key {
35413468 0% {
35423469 opacity: 0.6;
@@ -7486,6 +7413,26 @@ body[data-type="link"] #page .page-title {
74867413 padding: 0px 20px 0px;
74877414 }
74887415}
7416+ div#bannerGroup {
7417+ margin-right: 10px;
7418+ width: calc(51% - 10px) !important;
7419+ }
7420+ @media screen and (max-width: 768px) {
7421+ #home_top {
7422+ padding: 0px 15px;
7423+ }
7424+ #topPostGroup {
7425+ height: 280px;
7426+ }
7427+ #swiper_container_blog {
7428+ padding: 0 10px;
7429+ }
7430+ }
7431+ @media screen and (max-width: 1200px) {
7432+ div#bannerGroup {
7433+ display: none !important;
7434+ }
7435+ }
74897436#content-inner #recent-posts > .recent-post-item > .recent-post-info > .content {
74907437 opacity: 0;
74917438 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
@@ -7850,6 +7797,17 @@ body[data-type="music"] .s-sticker div {
78507797body:has(#console.show) #nav-music {
78517798 display: none !important;
78527799}
7800+ #nav-music {
7801+ display: none !important;
7802+ }
7803+ body:has(#console.show) #nav-music {
7804+ display: -webkit-box !important;
7805+ display: -moz-box !important;
7806+ display: -webkit-flex !important;
7807+ display: -ms-flexbox !important;
7808+ display: box !important;
7809+ display: flex !important;
7810+ }
78537811@media screen and (max-width: 1400px) {
78547812 body #anMusic-page #anMusicSwitching,
78557813 body #anMusic-page #anMusicRefreshBtn,
@@ -14462,7 +14420,7 @@ blockquote {
1446214420 border-left: 5px solid #ff8080;
1446314421}
1446414422#post .post-outdate-notice:before {
14465- content: '\e66f ';
14423+ content: '\f071 ';
1446614424 position: absolute;
1446714425 top: 50%;
1446814426 left: 0.9em;
0 commit comments