diff --git a/README.md b/README.md
new file mode 100755
index 0000000..ad7fc67
--- /dev/null
+++ b/README.md
@@ -0,0 +1,12 @@
+# halo-theme-pix
+
+> 基于原作者v1.2.5代码修改
+
+#### v1.2.5-1
+1. 修改全局样式以适配日记簿
+2. 片刻、图库支持视频并接入灯箱
+3. 更新remixicon
+4. 片刻增加标签展示
+5. 适配多线路
+6. ···
+
diff --git a/templates/archives.html b/templates/archives.html
index 7b90ab3..c152ace 100644
--- a/templates/archives.html
+++ b/templates/archives.html
@@ -1,22 +1,22 @@
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/templates/assets/css/anian.css b/templates/assets/css/anian.css
new file mode 100644
index 0000000..6ff6291
--- /dev/null
+++ b/templates/assets/css/anian.css
@@ -0,0 +1,36 @@
+/* 瞬间标签与评论间距 */
+.moment_tag_gap {
+ margin-right: 10px;
+}
+
+/* 灯箱视频格式 */
+.fancybox-slide--video .fancybox-content {
+ width: auto !important;
+ height: auto !important;
+ background: transparent;
+}
+
+.fancybox-slide--video video.fancybox-video {
+ width: auto !important;
+ height: auto !important;
+ max-height: 75dvh !important;
+ max-width: 75dvw !important;
+ object-fit: contain;
+}
+/* 片刻视频容器鼠标样式 */
+.fancybox.mo_img {
+ cursor: zoom-in;
+}
+/* 图库视频图标hover放大 */
+.video-fancybox .play-icon {
+ transition: all 0.4s ease !important;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 40px;
+ height: 40px;
+}
+.video-fancybox:hover .play-icon {
+ transform: scale(1.3) !important;
+ opacity: 1;
+}
\ No newline at end of file
diff --git a/templates/assets/css/main.css b/templates/assets/css/main.css
index a9077c9..4f041c7 100644
--- a/templates/assets/css/main.css
+++ b/templates/assets/css/main.css
@@ -1,5842 +1,6680 @@
-:root {
- --pix-theme: #22bb6d;
- --hilight-color: #00bb5e;
- --pix-background: #ebf2ed;
- --code-color: hsl(0deg 0% 15% / .05);
-
-}
-
-body {
- background: var(--dark-body-bg);
- font-family: var(--font-family);
- height:100%;
-}
-
-html {
- background: transparent;
-}
-
-h1 , h2 , h3 , h4 , p ,input {
- font-family: var(--font-family);
-}
-
-.uk-tooltip {
- background: rgba(31, 31, 31, 0.906);
-}
-
-.nowrap {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.shadow {
- -moz-box-shadow: 0px 3px 14px 1px #d0dada;
- -webkit-box-shadow: 0px 3px 14px 1px #d0dada;
- box-shadow: 0px 3px 14px 1px #d0dadab5;
-}
-
-.round8 {
- border-radius: 8px;
-}
-
-.round12 {
- border-radius: 12px;
-}
-
-.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
- color: #16e186;
- text-decoration: none;
-}
-
-.uk-lightbox {
- background: #bdd1c6d7;
- backdrop-filter: blur(0.5rem);
- -webkit-backdrop-filter: blur(0.5rem);
-}
-
-.uk-lightbox-toolbar {
- padding: 10px 10px;
- background: rgb(75 95 73 / 43%);
- color: rgba(255,255,255,.7);
-}
-
-.uk-lightbox-button {
- border-radius: 3px;
- color: #fff;
-}
-
-.uk-lightbox-button svg {
- color: #fff;
-}
-
-.uk-modal {
- backdrop-filter: blur(0.5rem);
- -webkit-backdrop-filter: blur(0.5rem);
-}
-
-:focus:not([tabindex^='-']) {
- outline: none;
-}
-
-img.lazy.loaded {
- opacity: 1;
- transition: opacity 400ms;
-}
-
-img.lazy:not(.loaded) {
- opacity: 0;
-}
-
-.page_main {
- z-index: 98;
- position: relative;
- background: #f6faf8;
- border-radius: 12px;
-}
-
-.main_wrap {
- width: 100%;
- max-width: 960px;
- margin: 0 auto;
- margin-top: 60px;
-}
-
-.top_bar {
- height: 72px;
- display: flex;
- justify-content: space-between;
- align-items: center;
- align-content: center;
- background: #e5ede8;
- border-top-right-radius: 12px;
-}
-
-header#masthead {
- width: 100%;
-}
-
-.top_logo {
- padding: 20px 40px;
-}
-
-.top_logo.close_bar {
- display: none;
-}
-
-.top_logo img {
- height: 42px;
-}
-
-.top_left {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- flex-wrap: nowrap;
- align-items: center;
- margin-left: 15px;
-}
-
-
-.top_right {
- display: flex;
- align-items: center;
- margin-right: 30px;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
- align-content: center;
-}
-
-.top_tool {
- position: relative;
-}
-
-.t_search.top_tool.icon_color {
- display: none;
-}
-
-.search_box form {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
- flex-wrap: nowrap;
- position: relative;
-}
-
-.uk-modal-dialog.search_modal_inner {
- height: 100%;
- backdrop-filter: blur(0.5rem);
- -webkit-backdrop-filter: blur(0.5rem);
- background: #ffffffe0;
-}
-
-.search_box {
- max-width: 450px;
- width: 100%;
- margin: 0 auto;
- padding: 20px;
- padding-top: 100px;
-}
-
-.search_box form i {
- position: absolute;
- right: 12px;
- top: 11px;
- padding: 0;
- font-size: 18px;
-}
-
-.search_box input.s_input {
- width: 100%;
- font-size: 13px;
- border-radius: 8px;
- padding: 5px 15px;
- border-color: #535353;
- height: 50px;
- border: 2px solid;
-}
-
-.s_set_box {
- margin-bottom: 20px;
-}
-
-.s_set_box .inner {
- display: flex;
- flex-direction: row;
- justify-content: center;
-}
-
-.s_set_box a {
- padding: 5px 10px;
- color: #5c7665;
- font-size: 14px;
-}
-
-.s_set_box a.active {
- border-bottom: 2px solid var(--hilight-color);
- color: var(--hilight-color);
-}
-
-#search_modal {
- display: none;
-}
-
-.search_box .s_set_box a:hover {
- color: var(--hilight-color);
-}
-
-.search_box input.s_input:focus {
- border-color: var(--pix-theme);
-}
-
-.top_s_box {
- position: relative;
- padding: 0;
- max-width: 200px;
- display: flex;
- align-content: center;
- align-items: center;
-}
-
-.set_text {
- position: absolute;
- z-index: 9;
- font-size: 12px;
- margin-left: 14px;
- cursor: pointer;
- padding-right: 7px;
- border-right: 1px solid rgb(215 226 219 / 55%);
- color: #839187;
-}
-
-.top_s_box input.s_input {
- height: 38px;
- border: none;
- background: rgb(215 226 219 / 55%);
- padding-left: 52px;
- border-radius: 20px;
- transition:none
-}
-
-.top_set_box {
- margin: 0;
- z-index: 98;
- border-radius: 8px;
- padding: 10px;
- min-width: 80px;
- text-align: center;
- display: none;
-}
-
-.top_s_box .s_set_box .inner {
- display: flex;
- flex-direction: column;
-}
-
-.top_set_box a {
- border-radius: 5px;
- margin-bottom: 3px;
-}
-
-.top_set_box a.active {
- border: none;
- background: var(--pix-background);
-}
-
-.top_s_box form i {
- top: 6px;
- color: #639170;
-}
-
-.top_s_box form {
- width: 200px;
-}
-
-.top_tool i {
- font-size: 18px;
- color: #000000;
- cursor: pointer;
-}
-
-.top_tool a {
- padding: 10px;
- display: flex;
-}
-
-.uk-modal-close-full.uk-close {
- bottom: 5%;
- top: auto;
- border-radius: 50%;
- padding: 10px;
- left: 50%;
- right: auto;
- transform: translateX(-50%);
- background: #323232;
-}
-
-.uk-modal-close-full.uk-close svg {
- width: 15px;
- height: 15px;
- color: #fff;
-}
-
-.index_banner {
- height: 200px;
- position: relative;
- background-repeat: no-repeat;
- background: #f6faf8;
- background-size: cover;
- background-position: center;
-}
-
-.index_banner img {
- height: 100%;
- width: 100%;
- object-fit: cover;
-}
-
-.main_body {
- position: relative;
-}
-
-.blog_list_inner , .normal_list_inner , .single_wrap {
- background: #f6faf8;
- padding-bottom: 80px;
-}
-
-.top_bar.uk-sticky-fixed.uk-active {
- backdrop-filter: blur(0.5rem);
- -webkit-backdrop-filter: blur(0.5rem);
- background: rgb(255 255 255 / 80%);
- border-radius: 0;
- transition: 100ms;
-}
-
-.left_menu_box {
-
-}
-
-.left_menu_box ul {
- list-style: none;
- padding: 0 40px;
- margin-top: 20px;
- padding-bottom: 20px;
- border-bottom: 1px solid #e1eae4;
-}
-
-.left_menu_box ul li {
- width: 100%;
-}
-
-.left_menu_box ul li a {
- display: flex;
- width: 100%;
- color: #000000;
- padding: 12px 15px;
- border-radius: 12px;
- margin-bottom: 5px;
- align-items: center;
- flex-direction: row;
- justify-content: flex-start;
- flex-wrap: nowrap;
- align-content: center;
- position: relative;
-}
-
-.left_menu_box li[class*=current-] a {
- background: #c6dbce;
- color: #069d53;
-}
-
-.left_menu_box li[class*=current-] ul a {
- background: inherit;
- color: inherit;
-}
-
-.left_menu_box ul li a img {
- width: 18px;
- height: 18px;
- margin-right: 5px;
-}
-
-.left_menu_box ul li i {
- line-height: 1;
- font-size: 18px;
- margin-right: 8px;
-}
-
-.left_menu_box ul li a:hover {
- color: #069d53;
- transition: all .1s;
- background: #c6dbce;
- box-shadow: 0 28px 50px rgb(202 223 208);
-}
-
-.left_nav_inner {
- background: var(--pix-background);
- display: flex;
- flex-direction: column;
- height: 100%;
- border-top-left-radius: 12px;
-}
-
-.left_nav_inner.uk-sticky-fixed {
- border-radius: 0;
-}
-
-.left_menu_box li[class*=current-] a:hover {
- background: #c6dbce;
-}
-
-.left_menu_box li ul,.menu-top-container li ul {
- margin: 0;
- padding: 0;
- font-size: 15px;
- padding-left: 8px;
- display: none;
- border: none;
-}
-
-.left_menu_box li ul li a {
- color: #5b6660;
- margin: 0;
-}
-
-.left_menu_box li ul li a:hover {
- background: none;
- box-shadow: none;
-}
-
-.user_info {
- position: absolute;
- bottom: 10%;
- right: 8%;
-}
-
-.user_info .top {
- display: flex;
- align-items: center;
-}
-
-.user_info .name {
- color: #fff;
- font-weight: 600;
-}
-
-.user_info .avatar {
- width: 58px;
- height: 58px;
-}
-
-.user_info .avatar img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 8px;
-}
-
-.user_info .left {
- display: flex;
- flex-direction: column;
- align-content: flex-end;
- align-items: flex-end;
- padding-right: 10px;
-}
-
-.user_info .des {
- font-size: 13px;
- text-align: right;
- color: #d6d6d6;
-}
-
-#post_item,#photos_item {
- padding: 40px;
- padding-top: 0;
-}
-
-.loading_box {
- text-align: center;
- padding: 50px 0px;
- width: 100%;
-}
-
-.p_item_inner {
- display: flex;
- flex-wrap: nowrap;
- flex-direction: column;
- position: relative;
-}
-
-.list_user_meta {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
- position: relative;
-}
-
-.post_footer_meta span.sticky_icon {
- padding: 3px 8px;
- background: var(--pix-theme);
- color: #fff;
- border-radius: 3px;
- margin-right: 5px;
-}
-
-.post_footer_meta span.sticky_icon i {
- color: #fff;
- font-size: 13px;
-}
-
-.list_user_meta .avatar {
- width: 48px;
- height: 48px;
- min-width: 48px;
- margin-right: 10px;
-}
-
-.list_user_meta .avatar img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 8px;
-}
-
-.list_user_meta .name {
- color: #576b95;
- display: flex;
- flex-direction: column;
-}
-
-.list_user_meta .name time {
- font-size: 13px;
- color: #aab0bf;
-}
-
-.blog_content {
- padding-left: 58px;
-}
-
-.blog_content .entry-content {
- margin-top: 5px;
-}
-
-.t_content {
- display: block;
- width: 100%;
- overflow: hidden;
- color: #0d0d0d;
- white-space: pre-wrap;
-}
-
-.t_content p {
- word-break: break-all;
- color: #0d0d0d;
- margin-bottom: 5px;
- white-space: pre-wrap;
-}
-
-.t_content>p:last-child, .t_content>p:first-child {
- margin-top: 0px!important;
-}
-
-.t_content li p {
- margin: 0 0 0px;
-}
-
-.t_content p a.tag{
- display: none;
-}
-
-.rm_hidden , .read-less-btn {
- display: none;
-}
-
-
-#create_post_box .modal_inner {
- width: 520px;
- padding: 0;
-}
-
-.edit_overlay {
- position: absolute;
- width: 100%;
- height: 100%;
- background: #323232cc;
- z-index: 998;
- border-radius: 8px;
- backdrop-filter: blur(0.2rem);
- -webkit-backdrop-filter: blur(0.2rem);
-}
-
-.t_form {
- padding: 0 30px;
- padding-top: 20px;
-}
-
-#topic-title {
- width: 80%;
- padding: 8px 10px;
- border: none;
- margin-bottom: 5px;
- font-size: 13px;
- color: #313131;
- caret-color: #2fc963;
- outline: none;
- border-radius: 5px;
-}
-
-#topic_content {
- background: #eff2f0;
- padding: 8px 10px;
- font-size: 14px;
- color: #040404;
- border: none;
- height: 100px;
- resize: none;
- caret-color: #2fc963;
- outline: none;
- border-radius: 5px;
-}
-
-#topic_content:focus {
- box-shadow: 0 0 0 0.12rem rgb(193 220 202);
- transition: all .2s;
-}
-
-#topic_content::-webkit-input-placeholder , #topic-title::-webkit-input-placeholder {
- color:rgb(190, 190, 190);
-}
-
-.topic_tool {
- padding: 0px 30px 40px;
-}
-
-.up_img_btn {
- position: relative;
-}
-
-.add_img_box {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- margin-bottom: 15px;
-}
-
-.up_img_btn {
- width: 72px;
- height: 72px;
- background: #f0f0f0;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 3px;
-}
-
-.up_img_btn i {
- font-size: 32px;
- color: #9dc9af;
- cursor: pointer;
-}
-
-input#topic_img_up {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- opacity: 0;
- cursor: pointer;
- font-size: 0;
-}
-
-.tool_box {
- border-bottom: 1px solid #eff2f0;
- margin-bottom: 10px;
- padding: 10px 0;
- display: flex;
- justify-content: space-between;
- align-items: center;
-
-}
-
-.tool_box .left {
- display: flex;
-}
-
-.smile_box , .t_cat {
- margin-right: 5px;
-}
-
-.smile_box i , .simi i , .t_cat i , .loca i {
- font-size: 16px;
- color: #66c187;
- padding: 5px;
- border-radius: 3px;
-}
-
-.moment_type_btn i{
- font-size: 16px;
- color: #66c187;
- padding: 5px;
- border-radius: 3px;
-}
-
-.moment_type_btn {
- margin-right: 5px;
-}
-
-.moment_card_type.moment_type_btn {
- margin-right: 0px;
-}
-
-span.moment_btn_line {
- padding: 0 5px;
- color: #e2e2e2;
-}
-
-.loca i {
- background: #eff4ff;
- color: #bec9ff;
-}
-
-.simi i {
-
-}
-
-.edit_text {
- display: flex;
- flex-direction: column;
-}
-
-.smile_show {
- display: none;
- border-bottom: 1px solid #eff2f0;
- margin-bottom: 10px;
- padding-bottom: 10px;
-}
-
-.smile_show_inner {
- display: grid;
- justify-content: space-between;
- grid-template-columns: repeat(auto-fill, 1.625em);
- row-gap: 0.225em;
- justify-items: center;
-}
-
-.push_item {
- display: flex;
- align-items: center;
- background: var(--pix-theme);
- color: #fff;
- padding: 10px 18px;
- border-radius: 5px;
- font-size: 15px;
- align-content: center;
- border: none;
- justify-content: center;
- flex-direction: row;
- cursor: pointer;
-}
-
-.push_close {
- background: #c7d4ce;
- color: #fff;
- padding: 10px 18px;
- border-radius: 5px;
- font-size: 15px;
- cursor: pointer;
- border: none;
- margin-right: 7px;
-}
-
-.push_item i {
- margin-right: 3px;
-}
-
-.form_footer {
- display: flex;
- justify-content: space-between;
- padding-top: 15px;
- margin-top: 25px;
- border-top: 1px solid #eff2f0;
- align-items: flex-end;
-}
-
-.form_footer .admin_tool {
- display: flex;
- flex-direction: row;
- align-items: center;
- font-size: 14px;
-}
-
-.form_footer .admin_tool a {
- display: flex;
- flex-direction: row;
- align-items: center;
- color: #96aea0;
- margin-right: 15px;
-}
-
-.form_footer .admin_tool a:hover {
- color: var(--hilight-color);
-}
-
-.form_footer .admin_tool a i {
- margin-right: 3px;
-}
-
-.moment_sure {
- display: flex;
- flex-direction: row;
- align-items: center;
- flex-wrap: nowrap;
-}
-
-.t_cat_box {
- padding: 15px;
-}
-
-.t_cat_box i {
- background: none;
- color: #216635;
- font-size: inherit;
- padding: 0;
-}
-
-.t_cat_box ul {
- padding: 0;
- margin: 0;
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- align-items: center;
- justify-content: flex-start;
- max-height: 100px;
- overflow-y: scroll;
-}
-
-.t_cat_box li {
- list-style: none;
- font-size: 13px;
- padding: 4px 8px;
- background: #eff2f0;
- margin-bottom: 3px;
- border-radius: 3px;
- display: flex;
- cursor: pointer;
- color: #216635;
- flex-direction: row;
- align-content: center;
- align-items: center;
- justify-content: space-between;
- width: 32%;
- margin-right: 3px;
-}
-
-.t_cat_box li span {
- display: flex;
- align-items: center;
-}
-
-.cat_header {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: space-between;
- flex-wrap: wrap;
-}
-
-.de_cat {
- font-size: 12px;
- padding: 2px 10px;
- background: #a3b0cd;
- color: #fff;
- border-radius: 50px;
- border-top-left-radius: 0px;
- display: flex;
- align-items: center;
- margin-bottom: 5px;
- margin-left: auto;
-}
-
-.t_cat_toogle {
- display: flex;
- color: #fff;
- cursor: pointer;
-}
-
-
-.set_cat {
- position: relative;
- display: flex;
- margin-bottom: 10px;
- border-bottom: 1px solid #eff2f0;
- align-items: center;
- justify-content: space-between;
-}
-
-input#add_cat {
- border: none;
- font-size: 13px;
- outline: none;
- width: 75%;
- padding: 6px 10px;
-}
-
-.up_cat_btn {
- font-size: 13px;
- background: #1fce70;
- color: #fff;
- padding: 2px 10px;
- border-radius: 3px;
-}
-
-.up_cat_btn:hover {
- color: #fff;
-}
-
-.img_show {
- display: flex;
- align-items: center;
- flex-direction: row;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-content: center;
- width: 50%;
-}
-
-.t_media_item {
- width: 72px;
- height: 72px;
- margin-right: 3px;
- margin-bottom: 3px;
- position: relative;
- background: #f0f0f0;
- border-radius: 3px;
- cursor: move;
-}
-
-.topic-img-de {
- position: absolute;
- top: 3px;
- right: 3px;
- line-height: 1;
-}
-
-.topic-img-de i {
- background: #fff;
- color: #000000;
- border-radius: 50%;
- font-size: 13px;
-}
-
-.t_media_item img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 3px;
-}
-
-.img_load_text {
- display: flex;
- justify-content: center;
- flex-direction: column;
- align-items: center;
- font-size: 12px;
- color: #3ba557;
-}
-
-.img_load_text span {
- padding-top: 5px;
-}
-
-a.up_img_btn {
- margin-right: 3px;
- margin-bottom: 3px;
-}
-
-.img_show>:last-child {
- margin-bottom: 3px;
-}
-
-.up_from_media a , .up_from_cdn a{
- display: flex;
- align-items: center;
- font-size: 13px;
- color: #7b8395;
- line-height: 1;
- padding: 8px 13px;
- background: #eff2f0;
- border-radius: 3px;
-}
-
-.up_from_media a i , .up_from_cdn a i {
- margin-right: 2px;
-}
-
-.up_from_media , .up_from_cdn {
- margin-right: 8px;
-}
-
-.up_img_type {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- border-left: 1px solid #eff2f0;
- align-items: center;
- flex-wrap: nowrap;
- align-content: center;
- margin-top: 15px;
-}
-
-.wp_get_media_list {
- display: flex;
- flex-wrap: wrap;
- align-items: center;
- justify-content: flex-start;
-}
-
-.wp_get_media_list li {
- list-style: none;
- width: 44px;
- padding: 1px;
- cursor: pointer;
- height: 44px;
-}
-
-.wp_get_media_list li img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 3px;
-}
-
-.show_media_box , .show_cdn_media {
- margin-top: 15px;
- padding: 8px;
- background: #eff2f0;
- border-radius: 3px;
-}
-
-.attch_nav a {
- color: var(--pix-theme);
-}
-
-.attch_nav a i {
- padding: 3px;
- background: #9fc1b0;
- color: #fff;
- border-radius: 3px;
-}
-
-.wp_get_media_list li img {
- -moz-transition:all 0.25s ease;
- -webkit-transition:all 0.25s ease;
- -o-transition:all 0.25s ease;
- -ms-transition:all 0.25s ease;
- transition:all 0.25s ease;
-}
-
-.wp_get_media_list:hover li img:not(:hover){
- opacity:0.6;
- -moz-transform:scale(0.9);
- -ms-transform:scale(0.9);
- -webkit-transform:scale(0.9);
- -o-transform:scale(0.9);transform:scale(0.9);
-}
-
-.show_media_box .nav_tool {
- display: flex;
- justify-content: space-between;
- align-content: center;
- align-items: center;
- margin-top: 5px;
-}
-
-.show_media_box .nav_tool {
- display: flex;
- justify-content: space-between;
- align-content: center;
- align-items: center;
- margin-top: 5px;
-}
-
-.show_media_box .souqi {
- font-size: 13px;
- display: flex;
- align-content: center;
- flex-direction: row;
- flex-wrap: nowrap;
-}
-
-.show_media_box .souqi {
- color: #9d9f9e;
-}
-
-input#img_link_up {
- border: 1px solid #e7ece9;
- padding: 6px 8px;
- font-size: 13px;
- outline: none;
- border-radius: 3px;
- margin-right: 5px;
-}
-
-.show_cdn_media .inner {
- display: flex;
- flex-direction: row;
- align-content: center;
- flex-wrap: nowrap;
- justify-content: flex-start;
- align-items: stretch;
-}
-
-.show_cdn_media a {
- font-size: 13px;
- padding: 3px 10px;
- border-radius: 3px;
- display: flex;
- align-items: center;
-}
-
-a.img_link_btn {
- background: var(--pix-theme);
- color: #fff;
- margin-right: 5px;
-}
-
-a.img_link_cancel {
- background: #b6d1bf;
- color: #658d79;
-}
-
-input#img_link_up:focus{
- border-color: var(--hilight-color);
-}
-
-.show_cdn_media span {
- font-size: 12px;
- color: #96ac9e;
-}
-
-.loca {
- display: flex;
- align-content: center;
- align-items: center;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
-}
-
-.loca_text {
- font-size: 13px;
- color: #748ec8;
- margin-right: 8px;
-}
-
-.local_box .inner {
- display: flex;
- justify-content: space-between;
- align-items: center;
- flex-direction: row;
- flex-wrap: wrap;
- align-content: center;
-}
-
-.set_local_box {
- display: flex;
- align-items: stretch;
- flex-direction: row;
- justify-content: flex-start;
-}
-
-input#set_local {
- background: #eff2f0;
- border-radius: 3px;
- border: 1px solid #e3e8e5;
- font-size: 13px;
- padding: 5px 10px;
- outline: none;
- margin-right: 5px;
-}
-
-a.set_local_btn {
- font-size: 13px;
- background: var(--pix-theme);
- color: #fff;
- padding: 3px 8px;
- border-radius: 3px;
- display: flex;
- align-items: center;
-}
-
-a.close_local {
- font-size: 13px;
- color: #8890cc;
-}
-
-/*.img_list {*/
-/* */
-/*}*/
-
-/*.img_list .list_inner {*/
-/* display: flex;*/
-/* flex-wrap: wrap;*/
-/* flex-direction: row;*/
-/* align-content: center;*/
-/*}*/
-
-/*.img_list a {*/
-/* padding: 3px;*/
-/* position: relative;*/
-/* width: 25%;*/
-/* margin: 3px;*/
-/*}*/
-
-.img_list span img {
- cursor: zoom-in;
-}
-
-.img_list span:nth-last-child(1):first-child{
- width: 60%;
-}
-
-.img_list span:nth-last-child(1):first-child:before {
- padding: 0;
-}
-
-.img_list span:nth-last-child(1):first-child img {
- position: relative;
-}
-
-/*.img_list a:nth-child(1):nth-last-child(4),*/
-/*.img_list a:nth-child(3):nth-last-child(2),*/
-/*.img_list a:nth-child(4):nth-last-child(1) {*/
-/* width: 25%;*/
-/*}*/
-
-/*.img_list a:nth-child(2):nth-last-child(3) {*/
-/* margin-right: 30%;*/
-/*}*/
-/* */
-
-/*.img_list a img {*/
-/* border-radius: 5px;*/
-/* position: absolute;*/
-/* top: 0;*/
-/* left: 0;*/
-/* bottom: 0;*/
-/* right: 0;*/
-/* width: 100%;*/
-/* height: 100%;*/
-/* object-fit: cover;*/
-/*}*/
-
-/*.img_list .list_inner a:before {*/
-/* content: "";*/
-/* display: block;*/
-/* padding-top: 100%;*/
-/*}*/
-
-.moment_cat_nav , .posts_cat_nav,.photos_cat_nav {
- padding: 25px 40px;
- border-bottom: 1px solid var(--pix-background);
-}
-
-.moment_cat_nav ul , .posts_cat_nav ul,.photos_cat_nav ul {
- display: flex;
- align-items: center;
- flex-direction: row;
- flex-wrap: nowrap;
- padding: 0;
- margin: 0;
- overflow-x: scroll;
- scrollbar-width: none;
-}
-
-.moment_cat_nav ul li , .posts_cat_nav ul li, .photos_cat_nav ul li {
- list-style: none;
- flex: none;
-}
-
-.moment_cat_nav ul::-webkit-scrollbar , .posts_cat_nav ul::-webkit-scrollbar, .photos_cat_nav ul::-webkit-scrollbar {
-
- display: none; /* Chrome Safari */
-
- }
-
-.moment_cat_nav ul li a , .posts_cat_nav ul li a, .photos_cat_nav ul li a {
- padding: 5px 10px;
- background: #e1e9e5;
- margin: 0 4px;
- border-radius: 5px;
- font-size: 12px;
- color: #7aa1a1;
- display: flex;
- align-items: center;
-}
-
-.moment_cat_nav ul li a:hover, .posts_cat_nav ul li a:hover, .photos_cat_nav ul li a:hover {
- background-color: var(--pix-theme);
- color: #fff;
-}
-
-.moment_cat_nav ul li a.active , .posts_cat_nav ul li a.active, .photos_cat_nav ul li a.active {
- background: var(--pix-theme);
- color: #fff;
-}
-
-#t_pagination , #pagination, #p_pagination {
- padding: 30px;
- text-align: center;
- display: flex;
- justify-content: center;
- border-top: 1px solid var(--pix-background);
-}
-
-#t_pagination a , #pagination a, #p_pagination a {
- padding: 10px 15px;
- background: var(--pix-theme);
- color: #fff;
- border-radius: 8px;
- display: flex;
-}
-
-.p_item {
- padding: 40px 0;
- border-bottom: 1px solid var(--pix-background);
-}
-
-.p_item:last-child {
- border-bottom: none;
-}
-
-.post_footer_meta {
- display: flex;
- justify-content: space-between;
- align-items: center;
-}
-
-.post_footer_meta .left , .post_footer_meta .right {
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: flex-start;
- flex-wrap: nowrap;
-}
-
-.post_footer_meta .right .control_edit_post {
- font-size: 13px;
- display: flex;
- color: #20c768;
-}
-
-.post_footer_meta span {
- display: flex;
- align-items: center;
- align-content: center;
- flex-direction: row;
- flex-wrap: nowrap;
- color: #444444;
- font-size: 12px;
-}
-
-.post_footer_meta span i {
- margin-right: 3px;
- font-size: 13px;
- color: #819286;
-}
-
-span.post_views {
- margin-right: 5px;
- display: flex;
- align-items: center;
-}
-
-span.post_views i {
- margin-right: 3px;
-}
-
-.single_wrap span.post_views {
- margin-left: 10px;
- margin-right: 0;
-}
-
-.entry-footer {
- margin-top: 10px;
- background: var(--pix-background);
- padding: 8px 10px;
- border-radius: 8px;
-}
-
-.avatar_title{
- color: #41624b;
- display: flex;
- align-items: center;
- align-content: center;
- flex-wrap: nowrap;
- flex-direction: row;
- justify-content: flex-start;
-}
-
-.avatar_title a {
- color: #41624b;
- display: flex;
- align-items: center;
- align-content: center;
- flex-wrap: nowrap;
- flex-direction: row;
- justify-content: flex-start;
-}
-
-.p_title {
- margin-bottom: 8px;
- color: #41624b;
- display: flex;
- align-items: center;
- align-content: center;
- flex-wrap: nowrap;
- flex-direction: row;
- justify-content: flex-start;
-}
-
-.p_title a {
- color: #41624b;
- display: flex;
- align-items: center;
- align-content: center;
- flex-wrap: nowrap;
- flex-direction: row;
- justify-content: flex-start;
-}
-
-.p_title i {
- margin-right: 3px;
-}
-
-.t_content a::before{
- content: "\eeb8";
- font-family: 'remixicon' !important;
- margin-right: 3px;
-}
-
-a.mo_link,.t_content a {
- display: inline-flex;
- align-items: center;
- flex-direction: row;
- align-content: center;
- color: var(--pix-theme);
-}
-
-a.mo_link i {
- margin-right: 3px;
-}
-
-.post_footer_meta span.comnum {
- padding: 3px 8px;
- background: #2c2c2c;
- color: #fff;
- border-radius: 3px;
- cursor: pointer;
-}
-
-.post_footer_meta span.comnum i {
- color: #fff;
- position: relative;
-}
-
-a.up_like {
- display: flex;
- align-items: center;
- flex-direction: row;
- align-content: center;
- margin-left: 5px;
- color: #444444;
- font-size: 12px;
-}
-
-a.up_like i {
- margin-right: 3px;
- font-size: 13px;
- color: #819286;
- position: relative;
-}
-
-a.up_like.done span {
- color: #fc7f70;
-}
-
-a.up_like.done i {
- color: #fc7f70;
-}
-
-span.ip_loca {
- font-size: 12px;
- display: flex;
- align-items: center;
- align-content: center;
- margin-top: 10px;
- color: #354677;
- margin-bottom: 5px;
-}
-
-span.ip_loca i {
- margin-right: 3px;
-}
-
-#comment_form_reset {
- display: none;
-}
-
-.topic_comments_wrap {
- background: var(--pix-background);
- padding: 20px;
- margin-top: 15px;
- border-radius: 8px;
-}
-
-textarea#comment {
- border: none;
- background: #f7f9f7;
- font-size: 13px;
- height: 50px;
- outline: none;
- resize: none;
- border-bottom: 1px solid var(--pix-background);
- border-radius: 0px;
-}
-
-#t_commentform {
- padding: 10px;
- background: #f7f9f7;
- border-radius: 5px;
- border: 1px solid #deece2;
- margin: 15px 0 25px;
-}
-
-#t_commentform:focus-within {
- border: 1px solid var(--hilight-color);
-}
-
-.topic_comments_foobar {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- flex-wrap: nowrap;
- align-items: center;
-}
-
-input#push_comment {
- font-size: 13px;
- border: none;
- display: flex;
- align-items: center;
- padding: 8px 18px;
- cursor: pointer;
- background: var(--pix-theme);
- color: #fff;
- border-radius: 5px;
-}
-
-.comments-area ul.comment-list {
- padding: 0;
-}
-
-.comments-area ul.comment-list li {
- list-style: none;
- margin-bottom: 25px;
- border-bottom: 1px solid #d9eade;
-}
-
-.comments-area ul.comment-list li:last-child {
- border: none;
-}
-
-.comments-area ul.comment-list li .comment_body {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
- margin-bottom: 25px;
-}
-
-.comments-area ul.comment-list li .profile {
- width: 42px;
- height: 42px;
- margin-right: 8px;
-}
-
-.comments-area ul.comment-list li .profile a {
- width: 42px;
- height: 42px;
- display: block;
-}
-
-.comments-area ul.comment-list li .profile a img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 8px;
-}
-
-.comments-area ul.comment-list li .com_right {
- width: 100%;
-}
-
-.comment-list li .com_right .left {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
- align-items: center;
-}
-
-.comment-list li .com_right .left h4 {
- margin: 0;
- font-size: 16px;
- margin-right: 5px;
- display: flex;
- align-items: center;
- flex-direction: row;
- align-content: center;
- flex-wrap: nowrap;
- justify-content: flex-start;
-}
-
-.comment-list li .com_right .left h4 a {
- color: #5d7099;
-}
-
-.comment-list li .com_right .left h4 i {
- color: #687aa0;
- margin-left: 3px;
- position: relative;
- top: 0.03em;
-}
-
-.comment-list li .com_right .left time {
- font-size: 13px;
- color: #98ad9e;
-}
-
-.commentshow {
- margin-top: 40px;
-}
-
-.comment-list li .com_right .body {
- margin-top: 5px;
-}
-
-.comment-list li .com_right .body p {
- font-size: 14px;
- color: #5e5e5e;
- margin: 0;
-}
-
-.comment-list li .com_right .commeta {
- display: flex;
- justify-content: space-between;
- align-items: center;
- flex-direction: row;
- align-content: center;
- line-height: 1;
-}
-
-a.comment-reply-link {
- color: #8aae94;
-}
-
-.topic_comments_foobar .right {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: flex-start;
- flex-wrap: nowrap;
-}
-
-.cancel-comment-reply {
- margin-right: 8px;
-}
-
-.cancel-comment-reply a {
- font-size: 13px;
- color: #5b8567;
- padding: 5px 18px;
- cursor: pointer;
- background: #cddcd1;
- display: flex;
- border-radius: 5px;
-}
-
-.comments-area ul.comment-list li ul {
- padding: 0;
- margin-left: 20px;
-}
-
-.comments-area ul.comment-list li ul li {
- padding: 0;
- margin: 0;
- border: none;
-}
-
-.comments-area ul.comment-list li ul li .children {
- padding: 0;
- margin: 0;
-}
-
-a.parents_at {
- color: var(--pix-theme);
- display: inline-block;
-}
-
-.comments-area ul.comment-list li li .profile {
- width: 35px;
- height: 35px;
- margin-right: 8px;
-}
-
-.comments-area ul.comment-list li li .profile a {
- width: 35px;
- height: 35px;
- display: block;
-}
-
-.comment_smile_box a i {
- font-size: 20px;
- color: #87af9b;
-}
-
-.com_smile_show {
- width: 220px;
- margin-top: 10px;
-}
-
-.com_smile_show .inner {
- padding: 10px;
- background: #fff;
- display: grid;
- justify-content: space-between;
- grid-template-columns: repeat(auto-fill, 1.625em);
- row-gap: 0.225em;
- justify-items: center;
-}
-
-.comment-list .loader {
- display: flex;
- justify-content: center;
-}
-
-.commentnav {
- display: flex;
- flex-direction: row;
- justify-content: flex-end;
- margin-top: 20px;
- padding-top: 20px;
- border-top: 1px solid #d9eade;
-}
-
-.commentnav a {
- padding: 3px 7px;
- background: #d2ddd5;
- margin: 0 2px;
- font-size: 13px;
- color: #76937f;
- border-radius: 2px;
- display: flex;
- align-items: center;
-}
-
-.commentnav span.page-numbers.current {
- padding: 3px 7px;
- background: var(--pix-theme);
- margin: 0 2px;
- font-size: 13px;
- color: #ffffff;
- border-radius: 2px;
-}
-
-.commentnav span.page-numbers.dots {
- color: #a0b9a6;
-}
-
-.comments-title {
- font-size: 14px;
- display: flex;
- align-items: center;
- color: #516181;
-}
-
-.comments-title i {
- margin-right: 3px;
-}
-
-.comments-title span {
- margin-left: 3px;
-}
-
-.comments-title a {
- color: #516181;
-}
-
-.comment-list p.nodata {
- display: flex;
- justify-content: center;
- color: var(--pix-theme);
-}
-
-.single_content , .page_content , .page_wrap {
- background: #f6faf8;
- padding: 0 40px;
- padding-bottom: 100px;
-}
-
-.single_content .comments-area {
- background: var(--pix-background);
- padding: 40px;
- margin-top: 15px;
- border-radius: 8px;
-}
-
-#commentform {
- padding: 10px 15px;
- background: #f7f9f7;
- border-radius: 5px;
- border: 1px solid #deece2;
- margin: 15px 0 25px;
-}
-
-#commentform:focus-within {
- border: 1px solid var(--hilight-color);
-}
-
-.com_push input#submit {
- font-size: 13px;
- border: none;
- display: flex;
- align-items: center;
- padding: 8px 18px;
- cursor: pointer;
- background: var(--pix-theme);
- color: #fff;
- border-radius: 5px;
-}
-
-.com-footer {
- display: flex;
- justify-content: space-between;
- align-items: center;
- align-content: center;
- flex-direction: row;
- flex-wrap: nowrap;
- margin-top: 5px;
-}
-
-.com_tools {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: flex-start;
- flex-wrap: nowrap;
-}
-
-a.edit-profile {
- display: flex;
- align-items: center;
- flex-direction: row;
- flex-wrap: nowrap;
- font-size: 13px;
- color: #576889;
-}
-
-a.edit-profile img {
- width: 24px;
- height: 24px;
- object-fit: cover;
- border-radius: 50%;
- margin-right: 5px;
-}
-
-a.com_smile_btn {
- width: 24px;
- height: 24px;
- display: flex;
-}
-
-.vi_avatar_box {
- margin-bottom: 10px;
-}
-
-#commentform textarea#comment {
- border: none;
- background: var(--pix-background);
- font-size: 13px;
- height: 50px;
- outline: none;
- resize: none;
- border-bottom: 1px solid var(--pix-background);
- border-radius: 5px;
- padding: 10px;
-}
-
-#ava-content {
- background: #fff;
- border-radius: 8px;
- padding: 15px;
- width: 240px;
-}
-
-#comment-author-info p{
- font-size: 13px;
- margin-bottom: 5px;
- color: #516181;
-}
-
-.key-value-entry p {
- margin-bottom: 5px;
- color: #516181;
-}
-
-#comment-author-info input,.field input, .field textarea {
- outline: none;
- font-size: 13px;
- padding: 7px 5px;
- width: 100%;
- margin-bottom: 7px;
- border-radius: 5px;
- border-color: #d0dada;
- background: var(--pix-background);
-}
-
-#comment-author-info input:focus ,.field input:focus, .field textarea:focus{
- border-color: var(--hilight-color);
-}
-
-.com_push {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: flex-start;
-}
-
-.commclose {
- display: none;
-}
-
-footer#colophon {
- position: fixed;
- bottom: 30px;
- font-size: 13px;
- color: #9fb2a7;
- left: 2%;
-}
-
-a.beian {
- color: #9fb2a7;
- margin-bottom: 3px;
-}
-
-.footer_top {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- flex-wrap: nowrap;
- align-content: flex-start;
-}
-
-.footer_top span {
- padding: 0 8px;
- display: none;
-}
-
-.footer_text {
- margin-top: 5px;
-}
-
-.copyright {
-
-}
-
-.copyright a {
- color: var(--pix-theme);
-}
-
-
-.footer_nav {
- position: fixed!important;
- bottom: 0;
- max-width: 960px;
- z-index: 898;
- width: 100%;
-}
-
-.footer_nav_box ul {
- list-style: none;
- margin-bottom: 0;
- padding: 0;
- display: flex;
- justify-content: center;
-}
-
-.footer_nav_box ul li {
- position: relative;
-}
-
-small.f_unread_num {
- position: absolute;
- right: 10px;
- top: 0;
- background: #fe3d3d;
- color: #fff;
- border-radius: 5px;
- display: flex;
- flex-direction: row;
- justify-content: center;
- align-items: center;
- font-size: 12px;
- padding: 0 6px;
- transform: scale(.8) translateX(50%);
-}
-
-a.com_msg_btn {
- position: relative;
-}
-
-.msg_title {
- display: flex;
- position: absolute;
- padding: 4px;
- top: 10px;
- left: 25px;
- align-items: center;
- flex-direction: row;
- justify-content: flex-start;
- font-size: 15px;
- color: #3b4466;
-}
-.msg_title i {
- margin-right: 5px;
-}
-
-.footer_nav_box ul li a {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-items: center;
- align-content: flex-start;
- font-size: 13px;
- padding: 0 20px;
- color: #587667;
- transition: all .2s;
- justify-content: center;
-}
-
-.footer_nav_box ul li a img {
- width: 22px;
- height: 22px;
-}
-
-.footer_nav_box ul li a:hover {
- color: var(--hilight-color);
- transform: translateY(-2px);
- transition: all .2s;
-}
-
-.footer_nav_box ul li a i {
- font-size: 22px;
- line-height: 1;
-}
-
-.footer_nav_box ul li a span {
- font-size: 12px;
-}
-
-.footer_nav_box {
- display: flex;
- flex-direction: row;
- align-items: center;
- flex-wrap: nowrap;
- width: 100%;
- backdrop-filter: blur(0.5rem);
- -webkit-backdrop-filter: blur(0.5rem);
- background: rgb(255 255 255 / 80%);
- border-top: 1px solid #edf3f0;
- position: absolute;
- right: 0;
- top: 0px;
-}
-
-.footer_nav_box .inner {
- display: flex;
- width: 100%;
- min-height: 64px;
-}
-
-.footer_nav_box .left {
- display: flex;
- align-items: center;
-}
-
-.footer_nav_box .right {
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: row;
- flex-wrap: nowrap;
-}
-
-.footer_nav_box .right_inner {
- display: flex;
- justify-content: center;
- align-items: center;
- width: 100%;
-}
-
-.t_dark a {
- padding: 7px;
- display: flex;
- line-height: 1;
- background: #accab5;
- border-radius: 8px;
-}
-
-.t_dark a i {
- color: #fff;
- font-size: 16px;
-}
-
-.go_top_box {
- position: fixed;
- max-width: 960px;
- width: 100%;
- height: 65px;
- bottom: 0;
-}
-
-.lbc .go_top_box {
- max-width: 720px;
-}
-
-a.go_top {
- position: absolute;
- right: -45px;
- padding: 7px;
- display: flex;
- line-height: 1;
- background: var(--pix-theme);
- color: #fff;
- border-radius: 8px;
- bottom: 20px;
- opacity: 0;
- transition: all .15s;
-}
-
-a.go_top.show {
- bottom: 40px;
- opacity: 1;
- transition: all .15s;
-}
-
-.footer_nav_box .left_inner {
- padding: 0 20px;
- width: 100%;
- border-right: 1px solid #e8efea;
-}
-
-.footer_nav_box .left_inner i {
- font-size: 18px;
-}
-
-.links_modal_inner {
- padding: 15px;
- padding-top: 40px;
-}
-
-#link_modal .uk-modal-dialog {
- width: 420px;
- border-radius: 8px;
-}
-
-.link_group {
- display: flex;
- justify-content: space-between;
- align-items: center;
- flex-wrap: wrap;
- flex-direction: row;
-}
-
-.link-avatar {
- margin-right: 7px;
-}
-
-.link_group .item {
- width: 48%;
- display: flex;
- padding: 6px;
- background: #f8f8f8;
- border-radius: 5px;
- margin-bottom: 10px;
-}
-
-.links_page .link_group .item {
- background: #ecf4f0;
-}
-
-.link-avatar a {
- width: 42px;
- height: 42px;
- display: block;
-}
-
-.link-avatar img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 3px;
-}
-
-.link_group .item .info {
- display: inline-grid;
- flex-direction: column;
-}
-
-.link_group .item .info .name {
- font-size: 14px;
- margin: 0;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.link_group .item .info .name a {
- color: #40496e;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.link_group .item .info .description {
- font-size: 12px;
- color: #a6b5ad;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.link_cat_name {
- display: flex;
- margin-bottom: 8px;
- align-items: center;
- flex-direction: row;
- color: #284d2e;
- font-size: 14px;
-}
-
-.link_cat_name i {
- margin-right: 2px;
-}
-
-.link_group_content {
- margin-bottom: 15px;
- padding-bottom: 15px;
- border-bottom: 1px solid #edf2ef;
-}
-
-.link_group_content:last-child{
- border-bottom: none
-}
-
-.links_count {
- font-size: 13px;
- margin-bottom: 10px;
- color: #859a89;
- display: flex;
- justify-content: center;
- position: relative;
-}
-
-.link_group .item:hover {
- transition: all .1s;
- background: #e6f3ea;
- box-shadow: 0px 8px 13px 0px rgb(202 223 208 / 81%);
-}
-
-.link_group .item:hover .name a {
- color: #069d53;
-}
-
-.unread_box {
- font-size: 13px;
- margin-bottom: 10px;
-}
-
-p.msg_limit {
- font-size: 12px;
- text-align: center;
- color: #aeaeae;
-}
-
-.unread_tip {
- text-align: center;
- margin-bottom: 10px;
-}
-
-.unread_box .vi_reply_item {
- background: #eef5f0;
- border-radius: 8px;
-}
-
-.vi_reply_item {
- padding: 14px;
- border-bottom: 1px solid #e7f5eb;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- margin-bottom: 5px;
-}
-
-.vi_reply_item:last-child {
- border: none;
-}
-
-.vi_reply_item .box {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- flex-wrap: nowrap;
- width: 100%;
-}
-
-.vi_reply_item .target_comment {
- font-size: 13px;
- color: #39435f;
- display: flex;
- align-items: center;
- color: #86928c;
- margin-bottom: 8px;
- padding-left: 8px;
- border-left: 2px solid #b8d2c3;
-}
-
-.vi_reply_item .target_comment span {
- margin-left: 3px;
-}
-
-.msg_modal_inner {
- padding: 15px;
- padding-top: 40px;
-}
-
-#msg_modal .uk-modal-dialog {
- width: 600px;
- border-radius: 8px;
-}
-
-.vi_reply_item .reply {
- display: flex;
- align-items: flex-start;
- flex-direction: column;
- justify-content: flex-start;
- flex-wrap: wrap;
- align-content: flex-start;
- width: 100%;
-}
-
-.vi_reply_item .avatar_top {
- width: 38px;
- height: 38px;
- margin-right: 8px;
- min-width: 38px;
-}
-
-.vi_reply_item .avatar_top img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 5px;
-}
-
-.vi_reply_item .name {
- font-size: 13px;
- color: #a7a7a7;
-}
-
-.vi_reply_item .name span {
- color: var(--hilight-color);
- padding-right: 3px;
-}
-
-.vi_reply_item .meta {
- font-size: 12px;
- display: flex;
- color: #a1a1a1;
-}
-
-.vi_reply_item .meta a {
- color: #069d53;
-}
-
-.vi_reply_item .meta time {
- margin-right: 5px;
-}
-
-.vi_reply_item .right {
- display: flex;
- width: inherit;
- justify-content: space-between;
-}
-
-.page_content .entry-header {
- padding: 15px 0;
- display: flex;
- justify-content: space-between;
- align-items: center;
- border-bottom: 1px solid #deebe5;
-}
-
-.page_content .entry-header .left {
- display: flex;
- align-items: center;
-}
-
-.page_content .entry-header .right {
- display: flex;
- align-items: center;
- font-size: 13px;
-}
-
-.page_content .entry-header .right time {
- color: #a8b7ad;
-}
-
-.page_content .entry-header .right .up_like {
- color: #9cbaab;
- margin-left: 10px;
-}
-
-.page_content .entry-header .right .up_like i {
- font-size: 14px;
-}
-
-.page_content .entry-header i {
- font-size: 18px;
- margin-right: 3px;
- color: #b9d1c5;
-}
-
-.page_content .entry-title {
- font-size: 17px;
- margin: 0;
-}
-
-.page_content .entry-content {
- font-size: 15px;
- color: #3e445c;
-}
-
-.page_content .entry-content a {
- color: var(--hilight-color);
-}
-
-.s_main {
- background: #f6faf8;
- padding: 40px;
- padding-bottom: 100px;
- padding-top: 20px;
-}
-
-.s_tips {
- padding-bottom: 20px;
- color: #7d8e86;
- border-bottom: 1px solid #e1f0e8;
-}
-
-.search_moment_inner.search_item {
- display: flex;
-}
-
-.search_item .left {
-
-}
-
-.search_item .left .icon_mark {
- margin-right: 8px;
-}
-
-.search_item .left .icon_mark i {
- width: 42px;
- height: 42px;
- background: #d4e4d9;
- display: flex;
- justify-content: center;
- align-items: center;
- border-radius: 8px;
- color: #2da860;
-}
-
-.search_item .right {
-
-}
-
-.search_item .right .top {
- display: flex;
- flex-direction: row;
- align-items: center;
- font-size: 13px;
- color: #94a599;
-}
-
-.search_item .right .top .cat {
- margin-right: 8px;
-}
-
-.search_item .right a {
- color: #546983;
-}
-
-.search_item .right a:hover {
- color: var(--hilight-color);
- text-decoration: underline;
-}
-
-.page-content.no_resault {
- text-align: center;
-}
-
-.page-content.no_resault img {
- width: 70%;
- margin-top: 60px;
-}
-
-.nodata_main {
- background: #f6faf8;
- padding: 40px;
- padding-bottom: 100px;
- padding-top: 20px;
-}
-
-.normal_content {
-
-}
-
-.normal_content .entry-content , .normal_grid_content .entry-content {
- margin: 0;
-}
-
-.normal_content .entry-title , .normal_grid_content .entry-title {
- font-size: 18px;
- margin-bottom: 5px;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- width: 100%;
-}
-
-.normal_content .entry-title a , .normal_grid_content .entry-title a {
- color: #32395c;
-}
-
-.normal_content .entry_meta , .normal_card_content .entry_meta , .normal_grid_content .entry_meta {
- font-size: 13px;
- color: #89a396;
-}
-
-.normal_content .entry-content p , .normal_card_content .entry-content p {
- margin: 8px 0;
- margin-bottom: 12px;
- color: #606268;
-}
-
-.normal_content .entry-content .feature {
- width: 100%;
- height: 200px;
-}
-
-.normal_content .entry-content .feature a {
-
-}
-
-.normal_content .entry-content .feature a img {
- width: 100%;
- height: 100%;
- object-fit: cover;
-}
-
-.normal_content .post_footer_meta span.comnum , .normal_card_content .post_footer_meta span.comnum , .normal_grid_content .post_footer_meta span.comnum {
- background: none;
- color: #444444;
-}
-
-.normal_content .post_footer_meta span.comnum i , .normal_card_content .post_footer_meta span.comnum i , .normal_grid_content .post_footer_meta span.comnum i {
- color: #819286;
-}
-
-.normal_content a.up_like , .normal_card_content a.up_like , .normal_grid_content a.up_like {
- margin-left: 5px;
-}
-
-.normal_cat {
- font-size: 12px;
- padding: 3px 8px;
- background: #accab5;
- border-radius: 3px;
- color: #ffffff;
-}
-
-.normal_card_content {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
-}
-
-.normal_card_content .feature {
- width: 140px;
- min-width: 140px;
- height: 180px;
- margin-right: 12px;
-}
-
-.normal_card_content .feature img {
- width: 100%;
- height: 100%;
- object-fit: cover;
-}
-
-.normal_card_content .card_right {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-content: flex-start;
- width: 100%;
- overflow: hidden;
-}
-
-.normal_card_content .entry-title {
- font-size: 18px;
- margin-bottom: 5px;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: break-spaces;
-}
-
-.normal_card_content .entry-title a {
- color: #32395c;
-}
-
-.normal_card_content .entry-title a:hover{
- color: var(--hilight-color);
-}
-
-.normal_card_content .entry-content {
- margin: 0;
- margin-top: 5px;
-}
-
-.normal_card_content .entry-footer {
- margin-top: 10px;
-}
-
-.normal_grid_content .entry-content .feature {
- width: 100%;
- height: 130px;
-}
-
-.normal_grid_content .entry-content .feature a img {
- width: 100%;
- height: 100%;
- object-fit: cover;
-}
-
-.normal_grid_content .entry-footer {
- margin-top: 12px;
-}
-
-.normal_grid_content .entry_meta {
- margin-bottom: 5px;
-}
-
-.normal_grid_content .post_footer_meta span.comnum {
- padding: 0;
-}
-
-.grid_item {
- padding: 20px 0 0;
-}
-
-.feature {
- overflow: hidden;
-}
-
-.feature img {
- transition: all .3s;
-}
-
-.feature img:hover {
- transform: scale(1.06);
- transition: all .3s;
-}
-
-.single_wrap {
- padding: 40px;
- padding-bottom: 100px;
-}
-
-.post-single .entry-title {
- font-size: 19px;
- color: #292f42;
- margin-bottom: 10px;
-}
-
-.post-single .post_header ul {
- display: flex;
- flex-direction: row;
- align-content: center;
- align-items: center;
- justify-content: space-between;
- padding: 0;
- margin: 0;
- margin-bottom: 25px;
- font-size: 13px;
-}
-
-.post-single .header_meta {
- display: flex;
- align-content: center;
- align-items: center;
-}
-
-span.single_time {
- display: flex;
- align-items: center;
-}
-
-span.single_time i {
- margin-right: 3px;
-}
-
-.post-single a.up_like {
- margin-left: 10px;
-}
-
-.post-single .post_header ul.post-categories {
- margin: 0;
-}
-
-.post-categories li {
- list-style: none;
-}
-
-.post-categories a {
- padding: 5px 8px;
- background: #cee2d4;
- color: #7cad95;
- border-radius: 5px;
- margin-left: 3px;
-}
-
-.post-categories a:hover {
- color: var(--hilight-color);
-}
-
-.single_wrap .comments-area , .page_content .comments-area {
- background: var(--pix-background);
- padding: 40px;
- margin-top: 30px;
- border-radius: 8px;
-}
-
-.single-inner {
- padding: 20px 0;
- border-top: 1px solid #e6eee8;
-}
-
-.single-content {
- margin: 1rem 0;
- border-radius: 8px;
-}
-
-.s_tips span {
- color: var(--hilight-color);
- padding: 0 2px;
-}
-
-.page_wrap {
- padding-top: 20px;
-}
-
-.column_item {
-
-}
-
-.column_inner {
- background: var(--pix-background);
-}
-
-.column_inner .cat_img {
- position: relative;
- width: 100%;
- height: 120px;
-}
-
-.column_inner .cat_img a:before {
- content: "";
- position: absolute;
- background: linear-gradient(0deg,#0011097a 5%,#0d0d0d00 50%);
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- border-radius: 10px;
-}
-
-.column_inner .cat_img img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 12px;
-}
-
-.column_inner .cat_img .meta {
- position: absolute;
- bottom: 15px;
- left: 15px;
- color: #fff;
- font-size: 12px;
-}
-
-.column_inner .cat_img .meta .title {
- font-size: 15px;
-}
-
-.column_inner .cat_img .meta p {
- margin: 0;
-}
-
-ul.column_lists {
- padding: 15px;
- margin: 0;
- height: 92px;
-}
-
-ul.column_lists li {
- list-style: none;
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- font-size: 14px;
- padding: 5px;
- align-items: center;
-}
-
-ul.column_lists li a {
- width: 60%;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- color: #4a4e72;
-}
-
-ul.column_lists li a:hover {
- color: var(--hilight-color);
- text-decoration: underline;
-}
-
-ul.column_lists li span {
- color: #7e8f83;
- font-size: 12px;
- text-overflow: ellipsis;
- white-space: nowrap;
-}
-
-.archive_main {
- background: #f6faf8;
- padding-bottom: 150px;
-}
-
-.archive_main .page-header {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
- padding: 20px 40px;
- align-items: center;
- border-bottom: 1px solid var(--pix-background);
-}
-
-.archive_main .cat_img {
- width: 64px;
- height: 64px;
- min-width: 64px;
- margin-right: 10px;
-}
-
-.archive_main .cat_img img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 8px;
-}
-
-.archive_main .cat_title {
-
-}
-
-.archive_main .cat_title h1 {
- font-size: 18px;
- margin-bottom: 5px;
- color: #4a586b;
-}
-
-.archive_main .cat_title .archive-description {
- font-size: 13px;
- color: #8e9f93;
-}
-
-.archive_main .cat_title .archive-description p {
- margin: 0;
-}
-
-.sidebar {
-
-}
-
-.sidebar .widget:last-child {
- border: none;
-}
-
-.wid_title , h2.widget-title {
- margin-bottom: 15px;
- font-size: 14px;
- color: #9098a7;
- font-weight: 600;
-}
-
-.wid_sw_social {
- display: flex;
- flex-direction: row;
- align-items: center;
- flex-wrap: wrap;
- justify-content: flex-start;
- align-content: center;
-}
-
-.sw_item {
- position: relative;
-}
-
-.wid_sw_social a {
- margin-right: 8px;
- margin-bottom: 8px;
- display: flex;
- line-height: 1;
- justify-content: center;
- padding: 8px;
- background: #2f2f2f;
- border-radius: 5px;
-}
-
-.sw_qrcode {
- position: absolute;
- display: none;
- background: #fff;
- padding: 5px;
- border-radius: 3px;
- z-index: 99;
- left: 50%;
- width: max-content;
- transform: translateX(-50%);
- box-shadow: 0px 4px 14px 0px #8abb8f91;
-}
-
-.sw_qrcode img {
- width: 120px;
-}
-
-.wid_sw_social a img {
- width: 18px;
- height: 18px;
-}
-
-.wid_sw_social a i {
- display: flex;
- line-height: 1;
- width: 20%;
- justify-content: center;
- color: #fff;
- font-size: 18px;
-}
-
-.widget_inner.sidebar_inner {
-
-}
-
-.widget_inner .widget {
- border-bottom: 1px solid #e1eae4;
- padding: 0 40px 20px;
- margin: 0;
- margin-bottom: 20px;
-}
-
-.items.wid_ad_info {
- display: flex;
- flex-direction: column;
- flex-wrap: nowrap;
- align-content: flex-start;
-}
-
-.ad_info {
- display: flex;
- align-items: center;
- flex-direction: row;
- flex-wrap: nowrap;
- padding-bottom: 5px;
-}
-
-.ad_info .meta {
- display: flex;
-}
-
-.ad_info p {
- margin: 0;
- font-size: 14px;
- color: #89978c;
- line-height: 1;
-}
-
-.ad_info a {
- font-size: 14px;
- color: #89978c;
-}
-
-.ad_info a:hover {
- color: var(--hilight-color);
- text-decoration: underline;
-}
-
-.ad_info .name {
- margin-right: 5px;
- color: #5f936e;
- display: flex;
-}
-
-.ad_info .name img {
- width: 16px;
- height: 16px;
-}
-
-.widget_media_image figure {
- height: 120px;
- width: 100%;
-}
-
-.widget_media_image img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 8px !important;
-}
-
-.widget_nav_menu .widget-title {
- margin-bottom: 10px;
- font-size: 14px;
- color: #4b566b;
-}
-
-.widget_nav_menu ul {
- padding: 0;
- margin: 0;
-}
-
-.widget_nav_menu ul li {
- list-style: none;
-}
-
-.widget_nav_menu ul li a {
- color: #536a5d;
- padding: 8px 15px;
- display: flex;
- font-size: 14px;
- border-radius: 8px;
-}
-
-.widget_nav_menu ul li a:hover {
- color: #069d53;
- transition: all .1s;
- background: #e0ebe4;
- box-shadow: 0px 11px 20px 0px rgb(202 223 208);
-}
-
-.widget_nav_menu li ul {
- display: none;
- padding-left: 10px;
-}
-
-.posts_show_widget ul {
- padding: 0;
-}
-
-.posts_show_widget ul li {
- list-style: none;
- display: flex;
- flex-direction: row;
- align-items: center;
- margin-bottom: 15px;
-}
-
-.posts_show_widget ul li .image a {
- width: 50px;
- height: 50px;
- display: flex;
-}
-
-.posts_show_widget ul li .image img {
- width: 100%;
- height: 100%;
- object-fit: cover;
-}
-
-.posts_show_widget ul li .title {
- font-size: 14px;
- margin-bottom: 3px;
-}
-
-.posts_show_widget ul li .title a {
- color: #313964;
-}
-
-.posts_show_widget ul li .title a:hover {
- color: var(--hilight-color);
-}
-
-.posts_show_widget ul li .info {
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- width: 100%;
- margin-left: 8px;
-}
-
-.posts_show_widget ul li .meta {
- font-size: 12px;
- color: #a1a1a1;
-}
-
-.posts_show_widget .no_img li a:before{
- /*content: "#";*/
- color: #23bb6e;
- margin-right: 3px;
-}
-
-.posts_show_widget .no_img li .image {
- display: none;
-}
-
-.hot_cat ul {
- padding: 0;
-}
-
-.hot_cat ul li {
- list-style: none;
- display: flex;
- margin-bottom: 10px;
-}
-
-.hot_cat ul li a {
- width: 100%;
- height: 60px;
- position: relative;
-}
-
-.hot_cat ul li a .cat_img {
- position: absolute;
- width: 100%;
- height: 60px;
-}
-
-.hot_cat ul li a img {
- width: 100%;
- height: 100%;
- object-fit: cover;
-}
-
-.hot_cat ul li a .cat_name {
- z-index: 9;
- position: relative;
- display: flex;
- height: inherit;
- align-items: center;
- justify-content: flex-start;
- padding-left: 25px;
-}
-
-.hot_cat ul li a .cat_img::before {
- position: absolute;
- content: "";
- width: 100%;
- height: 100%;
- background: rgb(0 1 70 / 29%);
- border-radius: 8px;
-}
-
-.hot_cat ul li a .cat_name h2 {
- font-size: 14px;
- color: #fff;
- margin: 0;
-}
-
-.cst_widget_comment ul {
- padding: 0;
-}
-
-.cst_widget_comment ul li {
- list-style: none;
- display: flex;
- flex-direction: row;
- align-items: flex-start;
- justify-content: flex-start;
- margin-bottom: 20px;
-}
-
-.cst_widget_comment ul li .left {
-
-}
-
-.cst_widget_comment ul li .left a {
- width: 42px;
- height: 42px;
- display: flex;
-}
-
-.cst_widget_comment ul li .left a img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 8px;
-}
-
-.cst_widget_comment ul li .right {
- width: 100%;
- display: flex;
- flex-direction: column;
- position: relative;
- margin-left: 8px;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.cst_widget_comment ul li .right a {
- line-height: 1;
- padding-bottom: 4px;
- color: #313964;
- max-width: 40%;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-
-.cst_widget_comment ul li .right a:hover{
- color: var(--hilight-color);
-}
-
-.cst_widget_comment ul li .right .body {
- font-size: 13px;
- background: #dee9e1;
- padding: 5px 7px;
- border-radius: 5px;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-
-.cst_widget_comment ul li .right .meta {
- font-size: 12px;
- position: absolute;
- right: 0;
- color: #99aaa1;
-}
-
-.pix_widget_tongji ul {
- padding: 0;
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
-}
-
-.pix_widget_tongji ul li {
- list-style: none;
- display: flex;
- flex-direction: column;
- width: 48%;
- align-items: flex-start;
- background: linear-gradient(90deg,#f6faf8,#816bff00);
- border-radius: 5px;
- margin-bottom: 10px;
- padding: 8px 12px 5px;
- box-shadow: 0px 8px 9px 0px rgb(202 223 208 / 29%);
-}
-
-.pix_widget_tongji ul li span {
- font-size: 14px;
- color: #879f8e;
-}
-
-.pix_widget_tongji ul li small {
- font-size: 14px;
- font-weight: 600;
- color: #5b8a72;
-}
-
-.widget_tag_cloud .tagcloud {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
-}
-
-.widget_tag_cloud a {
- font-size: 12px !important;
- padding: 3px 8px;
- background: #f6faf8;
- margin-bottom: 5px;
- display: flex;
- margin-right: 5px;
- border-radius: 3px;
- box-shadow: 0px 8px 9px 0px rgb(202 223 208 / 29%);
- color: #5e7b66;
- flex-direction: row;
- align-items: center;
-}
-
-widget_tag_cloud a {
- color: var(--hilight-color);
-}
-
-li.sf_item {
- padding: 4px 0;
- margin-right: 12px;
-}
-
-li.sf_item a {
- display: flex;
- align-items: center;
-}
-
-.sf_wid_info {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
-}
-
-.sf_item a {
- font-size: 13px;
- color: #7d9484;
-}
-
-.sf_item a:hover {
- color: var(--hilight-color);
-}
-
-.sf_item img {
- max-height: 16px;
- margin-right: 5px;
-}
-
-li.sf_item.oneline {
- width: auto;
-}
-
-#login_form_box .modal_inner {
- width: 280px;
-}
-
-form#login label {
- position: relative;
- display: flex;
- margin-bottom: 10px;
- align-items: center;
- justify-content: flex-start;
- align-content: center;
-}
-
-#login_form_box input#username , #login_form_box input#password {
- width: 100%;
- font-size: 13px;
- padding: 8px 5px 8px 40px;
- background: var(--pix-background);
- border-color: #c2cfc9;
- outline: none;
- border-radius: 8px;
-}
-
-#login_form_box input#username:focus , #login_form_box input#password:focus {
- border-color: var(--hilight-color);
-}
-
-#login_form_box [for="loginRemember"] {
- font-size: 0.75rem;
- display: flex;
- flex-direction: row;
- align-items: center;
- justify-content: center;
- height: 1.5rem;
-}
-
-#login_form_box label i {
- position: absolute;
- left: 10px;
- color: #6c8677;
-}
-
-input.submit_button {
- width: 100%;
- text-align: center;
- padding: 12px;
- background: var(--pix-theme);
- color: #fff;
- border-radius: 8px;
- font-size: 13px;
- cursor: pointer;
- border: none;
- margin-bottom: 20px;
-}
-
-p.log_title {
- font-size: 14px;
- color: #58625c;
-}
-
-.admin_bottom_bar {
- display: flex;
- justify-content: space-between;
-}
-
-.admin_bottom_bar .left {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- align-content: center;
- align-items: center;
-}
-
-.admin_bottom_bar .left img {
- width: 32px;
- height: 32px;
- margin-right: 5px;
- border-radius: 50%;
-}
-
-.admin_bottom_bar .left a {
- width: 32px;
- height: 32px;
- display: flex;
- justify-content: center;
- align-items: center;
- flex-direction: row;
- flex-wrap: nowrap;
- align-content: center;
- color: #8fb49d;
- background: #eff4f0;
- border-radius: 50%;
- margin-right: 5px;
-}
-
-.top_ava {
- width: 28px;
- height: 28px;
- margin-left: 10px;
- position: relative;
-}
-
-.top_ava img {
- border-radius: 50%;
- cursor: pointer;
- box-shadow: 0px 4px 14px 0px #8abb8f91;
- width: 100%;
- height: 100%;
- object-fit: cover;
-}
-
-.user_pannel {
- min-width: 140px;
- padding: 15px;
- display: none;
-}
-
-.user_pannel .inner {
- display: flex;
- flex-direction: column;
- align-content: flex-start;
- flex-wrap: nowrap;
-}
-
-.user_pannel .inner a {
- display: flex;
- align-items: center;
- font-size: 15px;
- color: #37543d;
- padding: 10px;
- background: var(--pix-background);
- margin-bottom: 5px;
- border-radius: 8px;
-}
-
-.user_pannel .inner a:hover {
- color: #ffffff;
- background: var(--hilight-color);
-}
-
-.user_pannel .inner a i {
- margin-right: 5px;
-}
-
-.bottom_tool {
- position: fixed;
- bottom: 15px;
- max-width: 320px;
- padding: 0 40px;
- display: none;
- width: 100%;
-}
-
-.bottom_tool .inner {
- display: flex;
- width: 100%;
- background: #f6faf7;
- padding: 10px 15px;
- border-radius: 8px;
- justify-content: space-between;
- align-items: center;
-}
-
-.lbc .top_logo.close_bar {
- display: block;
- padding-top: 20px;
-}
-
-.lbc .top_logo.close_bar img {
- width: 38px;
- height: 38px;
-}
-
-a.music_btn {
- color: #91c38e;
- font-size: 18px;
-}
-
-span.menu_tips {
- position: absolute;
- font-size: 12px;
- right: 0;
- padding: 4px 8px;
- background: #080808e8;
- color: #fff;
- border-radius: 3px;
- transform: translateX(105%);
- white-space: nowrap;
-}
-
-.left_menu_box ul li a i.drop_icon{
- position: absolute;
- right: 10px;
- color: #83a897;
-}
-
-.left_menu_box ul li a i.drop_icon.up,.menu-top-container ul li a i.drop_icon.up {
- transform: rotate(180deg);
-}
-
-#post_pager {
- display: flex;
- justify-content: space-between;
- padding: 40px;
- align-items: center;
-}
-
-#post_pager a {
- display: flex;
- align-content: center;
- align-items: center;
- font-size: 13px;
- padding: 5px 8px;
- background: #accab5;
- color: #fff;
- border-radius: 5px;
- padding-left: 12px;
- margin-right: 5px;
-}
-
-#post_pager a.prev {
- padding-left: 8px;
- padding-right: 12px;
-}
-
-#post_pager a:hover {
- background: var(--hilight-color);
-}
-
-.pager_inner {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
-}
-
-#post_pager .c_paged {
- font-size: 14px;
- color: #687c70;
-}
-
-.pix_player.loacl_audio{
- background: rgb(241 243 244)
-}
-
-.pix_player {
- display: flex;
- max-width: 300px;
- width: 100%;
- background: rgb(235 242 237 / 81%);
- margin-bottom: 5px;
- border-radius: 5px;
- position: relative;
- align-items: center;
-}
-
-.player_thum {
- width: 64px;
- height: 64px;
- display: flex;
- justify-content: center;
- align-items: center;
- min-width: 64px;
-}
-
-.player_thum img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 5px;
-}
-
-a.play_btn {
- line-height: 1;
- padding: 7px;
- background: #00b34a;
- border-radius: 50%;
- margin: 0 10px;
-}
-
-a.play_btn i {
- display: flex;
- color: #fff;
-}
-
-.player_time {
- display: flex;
- font-size: 13px;
-}
-
-.player_bar {
- height: 3px;
- width: 100%;
- background: #ddd;
- position: relative;
- cursor: pointer;
- border-radius: 3px;
-}
-
-.player_bar .progress {
- position: absolute;
- height: 3px;
- background: linear-gradient(90deg,#00b34a,#00e0c7);
- left: 0;
- top: 0;
- border-radius: 3px;
-}
-
-.player_tool {
- margin-top: 5px;
-}
-
-.player_meta {
- width: 100%;
- padding: 5px 10px;
- display: flex;
- flex-direction: column;
- justify-content: center;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.player_meta .title {
- font-size: 14px;
- display: flex;
- flex-direction: column;
- line-height: 1;
- margin-bottom: 4px;
- color: #151515;
-}
-
-.player_meta .title span.author{
- font-size: 12px;
- color: #969696;
-}
-
-.player_meta .title span.name {
- margin-bottom: 3px;
- text-overflow: ellipsis;
- overflow: hidden;
-}
-
-.play_bg {
- position: absolute;
- width: 100%;
- height: 100%;
- z-index: -1;
- border-radius: 5px;
- top: 0;
- left: 0;
- overflow: hidden;
-}
-
-.play_bg img {
- object-fit: cover;
- width: 110%;
- height: 110%;
- border-radius: 5px;
- filter: blur(10px);
-}
-
-.land_page {
- display: flex;
- align-items: center;
- flex-direction: row;
- justify-content: center;
- flex-wrap: nowrap;
- background: #f6f7ff;
-}
-
-.land_content {
- max-width: 1280px;
- width: 100%;
- display: flex;
- flex-direction: row;
- margin: 60px auto;
- height: 800px;
- background: #fff;
- border-radius: 16px;
- overflow: hidden;
- box-shadow: 0px 12px 15px 2px rgb(224 225 255 / 41%);
-}
-
-.land_left {
- background-size: cover;
- width: 50%;
-}
-
-.land_right {
- display: flex;
- width: 50%;
- flex-direction: column;
- align-content: flex-start;
- padding: 80px;
- position: relative;
- padding-top: 80px;
-}
-
-.land_right .title {
- font-size: 42px;
- font-weight: 600;
- margin-bottom: 15px;
-}
-
-.land_right .title p {
- margin: 0;
- display: inline-block;
- position: relative;
- line-height: 1.2;
-}
-
-
-.land_right .land_des {
- font-size: 16px;
- color: #5f6383;
- margin-bottom: 20px;
- line-height: 1.8;
-}
-
-.land_right .land_des a {
- color: #008549;
-}
-
-.land_nav {
- display: flex;
- flex-direction: row;
- flex-wrap: nowrap;
- justify-content: flex-start;
- align-items: center;
- align-content: center;
- margin-top: 20px;
-}
-
-.land_logo {
- margin-bottom: 60px;
-}
-
-.land_logo img {
- height: 42px;
- border-radius: 8px;
-}
-
-.land_nav a {
- padding: 8px 14px;
- background: #2e2e2e;
- color: #fff;
- font-size: 15px;
- border-radius: 8px;
- margin-right: 8px;
- display: flex;
- justify-content: center;
- width: 22%;
- align-items: center;
-}
-
-.land_nav a:hover {
- background: #00b34a;
- transition: all .2s;
- color: #fff;
-}
-
-.land_nav a i {
- margin-right: 5px;
-}
-
-.land_nav a span {
- font-size: 15px;
-}
-
-.land_right .footer {
- position: absolute;
- bottom: 80px;
- display: flex;
- justify-content: space-between;
- left: 0;
- right: 0;
- padding: 0 80px;
- font-size: 14px;
-}
-
-.land_right .beian {
- color: #aeb7cd;
-}
-
-.land_right .copyright {
- color: #aeb7cd;
-}
-
-.land_page.sim {
- display: flex;
- align-items: flex-start;
- background: #f5f7ff;
-}
-
-.sim .land_content {
- max-width: 500px;
- width: 100%;
- background: transparent;
- display: flex;
- flex-direction: column;
- height: auto;
- padding-bottom: 10px;
- margin-top: 6%;
- overflow: inherit;
- box-shadow: none;
-}
-
-.sim .land_top {
- width: 100%;
- height: 180px;
- border-radius: 16px;
- background-size: cover;
- position: relative;
- box-shadow: 0px 4px 9px 3px rgb(225 225 252);
-}
-
-.sim .land_logo {
- margin: 0;
- bottom: auto;
- top: auto;
- width: 58px;
- height: 58px;
- left: auto;
- position: relative;
-}
-
-.sim .land_logo img {
- border: 2px solid #fff;
- object-fit: cover;
- width: 100%;
- height: 100%;
-}
-
-.sim .land_meta {
- position: absolute;
- bottom: -15px;
- top: auto;
- left: 50px;
- display: flex;
- flex-direction: row;
-}
-
-.sim .land_meta .title {
- padding-top: 6px;
- margin-left: 8px;
- color: #fff;
- text-shadow: 1px 2px 3px #3348cd9c;
-}
-
-.sim .land_bottom {
- margin-top: 40px;
-}
-
-.sim .land_des {
- font-size: 15px;
- line-height: 1.8;
-}
-
-.sim .land_des a {
- color: #4d4ec3;
-}
-
-.sim .land_nav {
- margin-top: 40px;
- display: flex;
- justify-content: space-around;
-}
-
-.sim .land_nav a {
- background: #ebefff;
- color: #48509d;
- padding: 8px 16px;
- margin: 0;
- border-radius: 5px;
- transition: all .2s;
- -webkit-transition: all .2s;
- -moz-transition: all .2s;
- -ms-transition: all .2s;
- -o-transition: all .2s;
- box-sizing: border-box;
- -webkit-box-sizing: border-box;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #ffffff), color-stop(97%, #f2f2f7));
- background-image: linear-gradient(-180deg, #f8f9ff 8%, #eeeeff 97%);
- border: 1px solid #e9eaec;
- -webkit-box-shadow: 0 3px 4px 0 rgb(44 71 146 / 32%), inset 0 -2px 0 0 #e1e3e8;
- box-shadow: 0 3px 4px 0rgba(44,71,146,.32),inset 0 -2px 0 0 #e1e3e8;
-}
-
-.sim .land_nav a:hover {
- transform: translateY(-3px);
- -webkit-box-shadow: 0 8px 20px 0 rgb(44 71 146 / 20%);
- box-shadow: 0 8px 20px 0 rgb(44 71 146 / 20%);
- border: 1px solid #f3f3f8;
- -webkit-transform: scale(1.02);
- transform: translateY(-2px);
-}
-
-.sim .footer {
- display: flex;
- font-size: 14px;
- justify-content: space-between;
- margin-top: 40px;
- color: #b8bdd3;
-}
-
-.sim .footer a {
- color: #6773c7;
-}
-
-.diy_html {
- margin-top: 40px;
-}
-
-.land_page.sim.darkl , .land_page.darkl {
- background: #0a0c19;
-}
-
-.sim.darkl .land_top , .darkl .land_content {
- box-shadow: 0px 4px 9px 3px rgb(2 5 23);
-}
-
-.sim.darkl .land_logo img {
- border: 0px solid #0a0c19;
-}
-
-.sim.darkl .land_des {
- font-size: 15px;
- line-height: 1.8;
- color: #c8cbe1;
-}
-
-.sim.darkl .land_nav a {
- color: #848bbd;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #27293e), color-stop(97%, #10121f));
- background-image: linear-gradient(-180deg, #27293e 8%, #10121f 97%);
- border: 1px solid #0e1123;
- -webkit-box-shadow: 0 3px 4px 0 rgb(6 7 17), inset 0 -2px 0 0 #0b0d16;
- box-shadow: 0 3px 4px 0 rgb(6 7 17),inset 0 -2px 0 0 #0b0d16;
-}
-
-.sim.darkl .land_nav a:hover {
- -webkit-box-shadow: 0px 6px 20px 3px rgb(66 67 181 / 24%);
- box-shadow: 0px 6px 20px 3px rgb(66 67 181 / 24%);
- border: 1px solid #2600ff;
- -webkit-transform: scale(1.02);
- transform: translateY(-2px);
- background-image: linear-gradient(1deg, #070b41 8%, #2b2152 97%);
-}
-
-.darkl .land_content {
- background: #161829;
-}
-
-.darkl .land_right .title p {
- color: #fff;
-}
-
-.darkl .land_right .land_des {
- color: #b5b8d3;
-}
-
-.darkl .land_right .land_des a {
- color: #00f697;
-}
-
-.darkl .land_nav a {
- background: #070707;
- transition: all .2s;
- color: #fff;
-}
-
-.darkl .land_nav a:hover {
- background: #00bb5f;
- transform: translateY(-2px);
- box-shadow: 0px 5px 18px 0px #06972470;
- transition: all .2s;
-}
-
-.sim.darkl .land_content {
- background: transparent;
- box-shadow: none;
-}
-
-/*—滚动条默认显示样式–*/
-::-webkit-scrollbar-thumb{
- background-color:var(--hilight-color);
- height:50px;
- outline-offset:-2px;
- outline:2px solid #fff;
-
-}
-
- /*—滚动条大小–*/
- ::-webkit-scrollbar{
- width:6px;
- height:6px;
-}
-
- /*—滚动框背景样式–*/
- ::-webkit-scrollbar-track-piece{
- -webkit-border-radius:0;
-}
-
-/* Keyword values */
-* {
-scrollbar-width: auto; /* 系统默认的滚动条宽度 */
-scrollbar-width: thin; /* 系统提供的瘦滚动条宽度,或者比默认滚动条宽度更窄的宽度 */
-scrollbar-width: none; /* 不显示滚动条,但是该元素依然可以滚动 */
-
-/* Global values */
-scrollbar-width: inherit;
-scrollbar-width: initial;
-scrollbar-width: unset;
-}
-.coco-msg {
- border-radius: 5px;
-}
-
-.compensate-for-scrollbar {
- margin: 0 !important;
-}
-
-img.s_nodata {
- opacity: .5;
- width: 300px;
-}
-
-p.no_posts {
- display: flex;
- justify-content: center;
- margin-top: 50px;
- flex-direction: column;
- align-content: center;
- align-items: center;
- width: 100%;
-}
-
-p.no_posts small {
- font-size: 15px;
- color: #a9bbaa;
-}
-
-.msg_log {
- text-align: center;
- font-size: 15px;
- color: #a9bbaa;
- padding-top: 20px;
-}
-
-.read_box .msg_log {
- display: none;
-}
-
-.lbc .left_nav , .lbc .footer_nav_box .left {
- width: 12%;
-}
-
-.lbc .page_main , .lbc .footer_nav_box .right {
- width: 88%;
-}
-
-.lbc .left_menu_box ul {
- padding: 0 10px;
- display: flex;
- flex-direction: column;
- align-content: center;
- align-items: center;
- flex-wrap: nowrap;
- border: none;
-}
-
-.lbc .nav_title {
- display: none;
- opacity: 0;
-}
-
-.lbc .left_menu_box ul li a {
- justify-content: center;
- padding: 12px;
-}
-
-.lbc .left_menu_box ul li a img , .lbc .left_menu_box ul li a i {
- margin: 0;
-}
-
-.lbc .left_menu_box ul li {
- width: auto;
-}
-
-.lbc .top_logo {
- padding: 0;
- text-align: center;
- padding-top: 15px;
- display: none;
- margin-bottom: 15px;
-}
-
-.lbc .sidebar {
- display: none;
-}
-
-.lbc .left_menu_box li ul {
- padding: 0;
- display: none;
-}
-
-.lbc .main_wrap , .lbc .top_bar , .lbc .footer_nav {
- max-width: 720px;
-}
-
-.lbc .bottom_tool {
- padding: 0;
- justify-content: center;
- width: 86px;
-}
-
-.lbc .bottom_tool .inner {
- width: auto;
-}
-
-.lbc .left_menu_box ul li a i.drop_icon {
- display: none;
-}
-
-
-.left_nav {
- z-index: 899;
-}
-
-a.mobile_edit {
- display: none;
- border-radius: 50%;
- background: var(--pix-theme);
- color: #fff;
- width: 28px;
- height: 28px;
- justify-content: center;
- align-items: center;
- align-content: center;
-}
-
-.mobile_edit i {
- line-height: 1;
-}
-
-.admin_ava {
- display: flex;
-}
-
-.single-content img , .entry-content img {
- border-radius: 8px !important;
-}
-
-.single-content ul li , .entry-content ul li {
- list-style: circle;
- padding-bottom: 12px;
- margin-bottom: 8px;
- border-bottom: 1px solid #e5f1ea;
-}
-
-.single-content ol li , .entry-content ol li {
- padding-bottom: 12px;
- margin-bottom: 8px;
- border-bottom: 1px solid #e5f1ea;
- padding-left: 10px;
-}
-
-.single-content li p{
- margin: 0 0 0px;
-}
-
-ul[data-type=taskList] li, ul .vditor-task {
- display: flex;
-}
-
-ul[data-type=taskList] li>label {
- flex: 0 0 auto;
- margin-right: 0.5rem;
- -webkit-user-select: none;
- -moz-user-select: none;
- user-select: none;
- pointer-events: none;
-}
-
-ul[data-type=taskList] p {
- margin-top: -0.08em;
-}
-
-.single-content blockquote , .entry-content blockquote {
- font-size: 15px;
- font-style: normal;
- padding: 8px 12px;
- background: #f6f7ff;
- border-radius: 5px;
- border: 1px solid #eaf0ff;
-}
-
-.single-content a , .page_content .entry-content a {
- color: #4f5e91;
- text-decoration: underline;
- word-wrap: break-word;
-}
-
-.notification-content p a{
- color: #4f5e91;
-}
-
-.single-content a:hover,.notification-content p a:hover {
- color: var(--hilight-color);
-}
-
-.single-content .wp-block-table th , .single-content .wp-block-table td {
- padding: 10px 5px !important;
-}
-
-pre:not(.content) {
- padding: 0;
- position: relative;
-}
-
-/*
-*评论滑块
-*/
-.comment-form-validate {
- display: inline-block;
- position: relative;
- margin-right: 10px;
-}
-
-.comment-form-validate input {
- position: absolute;
- left: 0;
- top: 0;
- width: 100%;
- height: 100%;
- z-index: 5;
- opacity: 0;
- cursor: pointer;
-}
-
-label.comment_check_style {
- width: 50px;
- height: 2px;
- background: #ccc;
- position: relative;
- display: inline-block;
- border-radius: 46px;
- -webkit-transition: 0.2s;
- transition: 0.2s;
- top: -4px;
-}
-
-label.comment_check_style:after {
- content: '';
- position: absolute;
- width: 18px;
- height: 18px;
- border-radius: 100%;
- left: 0;
- top: -8px;
- z-index: 2;
- background: #bcbcd4;
- box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
- -webkit-transition: 0.2s;
- transition: 0.2s;
-}
-
-.comment-form-validate input:hover + label:after {
- box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
-}
-.comment-form-validate input:checked + label:after {
- left: 32px;
- background: #2942ff;
-}
-
-/*
-*片刻类型
-*/
-
-.add_card_box {
-
-}
-
-.edit_card_box {
-
-}
-
-.edit_card_box .tips {
- font-size: 13px;
- color: #535370;
-}
-
-.edit_card_box .edit_content {
- display: flex;
- flex-direction: row;
- align-items: stretch;
- justify-content: flex-start;
- padding: 10px 0;
-}
-
-.edit_card_box .edit_content input {
- font-size: 14px;
- padding: 3px 8px;
- border-color: #e0e6ff;
- background: #eff2f0;
- border-radius: 5px;
- margin-right: 5px;
- width: 50%;
-}
-
-.edit_card_box .edit_content a.push_card {
- background: var(--pix-theme);
- font-size: 13px;
- color: #fff;
- display: flex;
- align-items: center;
- justify-content: center;
- padding: 0 10px;
- border-radius: 5px;
-}
-
-.edit_card_box .edit_content input:focus {
- border-color:#00b34a
-}
-
-.edit_card_box span {
- font-size: 12px;
- color: #ababab;
-}
-
-.moment_card_item {
- width: 100%;
- max-width: 300px;
- position: relative;
- margin-bottom: 5px;
-}
-
-.moment_card_item a {
- display: flex;
- flex-direction: row;
- justify-content: flex-start;
- background: #eff2f0;
- padding: 3px;
- border-radius: 8px;
- align-items: center;
- cursor: move;
-}
-
-.moment_card_item .left {
- width: 42px;
- height: 42px;
-}
-
-.moment_card_item .left img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 5px;
- min-width: 42px;
-}
-
-.moment_card_item .right {
- display: flex;
- flex-direction: column;
- margin-left: 8px;
- overflow: hidden;
- width: 100%;
-}
-
-.moment_card_item .right h4 {
- font-size: 14px;
- color: #545d97;
- margin-bottom: 0;
- line-height: 1;
- padding-top: 2px;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.moment_card_item .right .content {
- font-size: 13px;
- color: #909090;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
-}
-
-.show_card {
- display: none;
- margin-top: 15px;
- padding: 8px;
- border-radius: 8px;
- border: 1px dashed #ddd;
-}
-
-span.de_card {
- padding: 0 5px;
- font-size: 12px;
- cursor: pointer;
-}
-
-span.de_card i {
- background: var(--pix-theme);
- border-radius: 50%;
- padding: 2px;
- color: #fff;
-}
-
-.moment_card_item.loop_card_item a {
- cursor: pointer;
- padding: 5px;
- border: 1px solid #e3f2e7;
- transition: all .2s;
-}
-
-.moment_card_item.loop_card_item a:hover {
- box-shadow: 0px 8px 13px 0px rgb(223 232 227);
- transition: all .2s;
-}
-
-.moment_card_item.loop_card_item {
- margin-bottom: 8px;
-}
-
-.edit_content.audio_type {
- margin-top: 5px;
-}
-
-.edit_audio_box .tips , .edit_video_box .tips {
- font-size: 13px;
-}
-
-.audio_choose , .video_choose, .card_choose {
- display: flex;
- font-size: 14px;
- margin-bottom: 15px;
-}
-
-.audio_choose li , .video_choose li, .card_choose li{
- list-style: none;
-}
-
-.audio_choose a , .video_choose a , .card_choose a{
- padding: 3px;
- color: #4d4b85;
- margin-right: 8px;
-}
-
-.audio_choose li.uk-active a , .video_choose li.uk-active a , .card_choose li.uk-active a{
- border-bottom: 2px solid var(--pix-theme);
- color: var(--pix-theme);
-}
-
-.local_video {
- display: flex;
- align-items: center;
- flex-direction: row;
- flex-wrap: nowrap;
- background: #eff2f0;
- width: 100%;
- padding: 7px;
- border-radius: 5px;
- margin-top: 8px;
-}
-
-.m_media_left {
- min-width: 62px;
- height: 62px;
- background: #ffffff;
- display: flex;
- align-items: center;
- justify-content: center;
- border-radius: 3px;
- position: relative;
-}
-
-.m_media_left img {
- width: 62px;
- height: 100%;
- object-fit: cover;
- border-radius: 3px;
-}
-
-.m_media_left i {
- font-size: 32px;
- color: #9dc9af;
- cursor: pointer;
-}
-
-.m_media_left input {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
- opacity: 0;
- cursor: pointer;
- font-size: 0;
-}
-
-.loacl_audio .audio_right {
- display: flex;
- flex-direction: column;
- margin-left: 8px;
- width: 100%;
-}
-
-.loacl_audio .audio_right .audio_meta {
- display: flex;
- margin-bottom: 5px;
- justify-content: space-between;
-}
-
-.loacl_audio input , .type_audio_text input {
- font-size: 14px;
- width: 100%;
- border: none;
- background: #e5eae7;
- padding: 3px 8px;
-}
-
-.loacl_audio .audio_right .audio_meta input {
- width: 49%;
- font-size: 14px;
-}
-
-.loacl_audio .audio_right input#moment_audio_name {
-
-}
-
-.loacl_audio .audio_right input#moment_audio_url {
-
-}
-
-.netease_audio {
- margin-top: 10px;
-}
-
-input#moment_video_url , input#moment_video_bili {
- border: none;
- background: #e5eae7;
- padding: 6px 8px;
- font-size: 14px;
- width: 100%;
-}
-
-input#moment_video_bili {
- margin-top: 10px;
-}
-
-.video_right {
- display: flex;
- flex-direction: column;
- margin-left: 8px;
- width: 80%;
-}
-
-.pix_local_player {
- max-width: 400px;
- width: 100%;
- margin-top: 10px;
- position: relative;
- border-radius: 5px;
- overflow: hidden;
-}
-
-.video_play_btn {
- position: absolute;
- width: 100%;
- height: 100%;
- display: flex;
- justify-content: center;
- align-items: center;
- z-index: 98;
- cursor: pointer;
- background-size: cover;
- background-repeat: no-repeat;
- background-position: center;
-}
-
-.video_play_btn i {
- font-size: 28px;
- color: #ffffff;
- background: #252525d4;
- padding: 3px 8px;
- border-radius: 5px;
-}
-
-.pix_bili_player {
- position: relative;
- height: 0;
- padding-top: 45%;
- max-width: 400px;
- width: 100%;
- border-radius: 5px;
- overflow: hidden;
- margin-top: 10px;
-}
-
-.pix_bili_player iframe {
- position: absolute;
- width: 100%;
- height: 100%;
- top: 0;
- left: 0;
-}
-
-.post_control {
- position: absolute;
- right: 0;
- top: 2px;
- z-index: 99;
- cursor: pointer;
-}
-
-.post_control .post_control_btn {
-
-}
-
-.post_control .post_control_btn i {
- color: #aeaeae;
- font-size: 18px;
-}
-
-.post_control_list {
- display: flex;
- width: 120px;
- flex-direction: column;
- align-content: flex-start;
- background: var(--pix-background);
- padding: 8px;
- border: 1px solid #e8e8e8;
-}
-
-.post_control_box {
- display: none;
- position: absolute;
- width: 120px;
- right: 0;
- top: 0;
- flex-direction: column;
- align-content: flex-start;
- padding-top: 26px;
-}
-
-.post_control_box.show {
- display: flex;
-}
-
-.post_control_list a {
- font-size: 14px;
- padding: 5px 8px;
- color: #3f3f3f;
-}
-
-.post_control_list a:hover {
- background: #00b34a;
- color: #fff;
- border-radius: 5px;
-}
-
-a.bg_music, a.bg_lrc {
- padding: 7px;
- display: flex;
- line-height: 1;
- background: #accab5;
- border-radius: 8px;
-}
-
-a.bg_music i, a.bg_lrc i {
- font-size: 16px;
- color: #fff;
-}
-
-.footer_tool {
- position: absolute;
- right: -45px;
- display: flex;
- bottom: 70px;
- flex-direction: column;
-}
-
-.footer_tool .t_dark , .footer_tool .t_music {
- margin-bottom: 8px;
-}
-
-/* 主题布局 */
-.main_sidebar {
- z-index: 980;
- display: none;
-}
-
-body.mod_single .left_nav , body.mod_single .footer_nav_box .left {
- display: none;
-}
-
-body.mod_single .top_bar {
- border-top-right-radius: 12px;
- border-top-left-radius: 12px;
-}
-
-body.mod_single .main_wrap , body.mod_single .footer_nav , body.mod_single .go_top_box {
- max-width: 680px;
-}
-
-body.mod_single .page_main , body.mod_single .footer_nav_box .right {
- width: 100%;
-}
-
-body.mod_third .left_nav {
- width: 25%;
-}
-
-body.mod_third .page_main {
- width: 50%;
-}
-
-body.mod_third .main_sidebar {
- width: 25%;
- display: block;
-}
-
-body.mod_third .main_wrap {
- max-width: 1280px;
-}
-
-.sidebar_right {
- background: var(--pix-background);
- display: flex;
- flex-direction: column;
- height: 100%;
- border-top-right-radius: 12px;
-}
-
-body.mod_third .top_bar {
- border-top-right-radius: 0px;
-}
-
-.right_admin_tool {
- height: 72px;
- display: flex;
- align-items: center;
- justify-content: flex-end;
- background: var(--pix-background);
- border-top-right-radius: 12px;
-}
-
-.widget_inner.sidebar_right_inner {
- z-index: 970;
-}
-
-.widget_inner.sidebar_right_inner.side_fixed {
- position: fixed;
-}
-
-.widget_inner.sidebar_right_inner.uk-sticky-fixed {
- z-index: 970;
-}
-
-.sidebar_right.uk-sticky-fixed {
- border-top-right-radius: 0px;
-}
-
-body.mod_third .go_top_box {
- max-width: 1280px;
-}
-
-body.mod_double_r .left_nav {
- display: none;
-}
-
-body.mod_double_r .top_bar {
- border-top-left-radius: 12px;
- border-top-right-radius: 0px;
-}
-
-body.mod_double_r .footer_nav_box .inner {
- flex-direction: row-reverse;
-}
-
-body.mod_double_r .main_sidebar {
- display: block;
-}
-
-body.mod_third_s .main_sidebar{
- display: block;
- width: 32%;
-}
-
-body.mod_third_s .left_nav {
- width: 8%;
-}
-
-body.mod_third_s .main_wrap , body.mod_third_s .go_top_box {
- max-width: 1060px;
-}
-
-body.mod_third_s .footer_nav {
- max-width: 721px;
-}
-
-body.mod_third_s .footer_nav_box .left {
- width: 11.5%;
-}
-
-body.mod_third_s .footer_nav_box .right {
- width: 88.5%;
-}
-
-body.mod_third_s .page_main {
- width: 60%;
-}
-
-body.mod_third_s .top_logo {
- padding: 0;
- text-align: center;
- padding-top: 15px;
- display: none;
- margin-bottom: 15px;
-}
-
-body.mod_third_s .top_logo.close_bar {
- display: block;
- padding-top: 20px;
-}
-
-body.mod_third_s .left_menu_box ul {
- padding: 0 10px;
- display: flex;
- flex-direction: column;
- align-content: center;
- align-items: center;
- flex-wrap: nowrap;
- border: none;
-}
-
-body.mod_third_s .left_menu_box ul li {
- width: auto;
-}
-
-body.mod_third_s .left_menu_box ul li a {
- justify-content: center;
- padding: 12px;
-}
-
-body.mod_third_s .left_menu_box ul li a img , body.mod_third_s .left_menu_box ul li a i {
- margin: 0;
-}
-
-body.mod_third_s .left_menu_box ul li a i.drop_icon {
- display: none;
-}
-
-body.mod_third_s .nav_title {
- display: none;
- opacity: 0;
-}
-
-body.mod_third_s .sidebar {
- display: none;
-}
-
-body.mod_third_s .left_menu_box li ul {
- padding: 0;
- display: none;
-}
-
-body.mod_third_s .top_bar {
- border-top-right-radius: 0px;
-}
-
-
-@font-face{
- font-style:normal;
- font-family:'eafont';
- src:url('../libs/fonts/eafont.ttf') format('truetype');
-}
-
-.show-more-btn , a.read-less-btn {
- margin: auto;
- cursor: pointer;
- color: #0ea755;
- white-space: nowrap;
- transition: color 300ms ease-in-out;
- border: 0;
- font-size: 15px;
- background: transparent;
- padding: 0;
- margin-left: 5px;
- }
-
- .show-more-btn:hover , a.read-less-btn:hover {
- opacity: .7;
- }
-
- /*全局播放器*/
-.bgm_box {
- width: 100%;
- padding: 10px;
- position: relative;
-}
-
-.player_mod {
-
-}
-
-.player_mod .top {
- display: flex;
- flex-direction: row;
- align-content: flex-start;
- align-items: center;
- justify-content: space-between;
-}
-
-.player_mod .m_cover {
- width: 42px;
- height: 42px;
- min-width: 42px;
-}
-
-.player_mod .m_cover img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 8px;
-}
-
-.player_mod .m_info h2 {
- font-size: 14px;
- margin: 0;
- color: #1b213d;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- max-width: 120px;
- margin-right: 5px;
-}
-
-.player_mod .m_info small {
- color: #747589;
-}
-
-.player_mod .m_info {
- margin-left: 10px;
- display: flex;
- flex-direction: column;
- align-items: flex-start;
-}
-
-.player_mod .tool {
- margin-bottom: 6px;
- margin-top: 6px;
-}
-
-.player_mod .pl_btn {
- display: flex;
- justify-content: center;
- align-items: center;
- margin-right: 15px;
-}
-
-.player_mod .bar {
- width: 100%;
- height: 2px;
- background: #eceeff;
-
-}
-
-.pl_btn a i {
- color: #accab5;
- font-size: 18px;
-}
-
-.pl_btn a {
- margin: 0 3px;
- display: flex;
-}
-
-a.m_play i {
- font-size: 32px;
- color: var(--pix-theme);
-}
-
-a.m_next {
- margin-right: 20px;
-}
-
-.player_hand {
- position: absolute;
- width: 100%;
- height: 10px;
- right: 0;
- top: -10px;
- cursor: pointer;
-}
-
-.musci_list_box {
- display: none;
- padding: 10px;
- background: #f6f7ff;
- border-radius: 5px;
- height: 200px;
- width: 100%;
- overflow-y: scroll;
- box-shadow: 0px -4px 12px 0px rgb(104 99 203 / 12%);
-}
-
-.musci_list_box li {
- padding: 3px 5px;
- cursor: pointer;
- text-overflow: ellipsis;
- overflow: hidden;
- white-space: nowrap;
- font-size: 14px;
- margin: 3px 0;
- border-radius: 3px;
-}
-
-.musci_list_box li:hover , .musci_list_box li.active {
- background: #4f39ff;
- color: #fff;
-}
-
-.m_tt {
- display: flex;
-}
-
-.timer {
- font-size: 12px;
- color: #a8a7bd;
- display: flex;
-}
-
-.timer span {
- padding: 0 2px;
-}
-
-.player_dot {
- position: absolute;
- width: 10px;
- height: 10px;
- right: 0;
- top: 50%;
- background: #ffffff;
- border-radius: 50%;
- border: 2px solid var(--pix-theme);
- transform: translateY(-50%);
- margin-right: -5px;
-}
-
-.volume_box {
- min-width: 36px;
- border-radius: 5px;
- padding: 15px 0px;
- text-align: center;
-}
-
-.vo_bar {
- height: 100px;
- width: 5px;
- background: #d6d6df;
- margin: 0 auto;
- border-radius: 2px;
- position: relative;
- cursor: pointer;
- position: relative;
-}
-
-.vo_size {
- position: absolute;
- left: 0;
- bottom: 0;
- width: 100%;
- background: #23bb6e;
- border-radius: 2px;
- height: 100%;
-}
-
-body.mod_single .footer_nav_box .bgm_box .left {
- display: flex;
-}
-
-.lbc .footer_nav_box .bgm_box .left , body.mod_third_s .footer_nav_box .bgm_box .left {
- width: auto;
-}
-
-a.m_list,a.m_loop {
- margin: 0 10px;
-}
-
-.pl_btn a i:hover {
- color: var(--pix-theme);
-}
-
-.musci_list_box .nodata {
- text-align: center;
- padding-top: 20px;
-}
-
-.posts_mu_list {
- background: var(--pix-background);
- border-radius: 8px;
- max-height: 460px;
- overflow-y: scroll;
- border: 1px solid #d0dada;
- margin-bottom: 20px;
-}
-
-.posts_mu_list li {
- display: flex;
- font-size: 14px;
- padding: 7px 12px;
-}
-
-.posts_mu_list li:nth-of-type(odd){
- background: #f6faf8;
-}
-
-.posts_mu_list .mu_id {
- min-width: 30px;
-}
-
-.posts_mu_list .s_play_btn {
- margin-right: 7px;
- line-height: 1;
- font-size: 18px;
- display: flex;
- align-items: center;
- color: #9ab7a8;
-}
-
-.mus_info {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
-}
-
-.posts_mu_list li span {
- font-size: 13px;
- color: #a1a1a1;
-}
-
-.posts_mu_list li:hover div , .posts_mu_list li:hover a , .posts_mu_list li.active , .posts_mu_list li.active .s_play_btn {
- color: #00b34a;
-}
-
-.single_music_header .mu_img {
- width: 180px;
- height: 180px;
- margin-right: 15px;
- min-width: 180px;
-}
-
-.single_music_header .mu_img img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- padding: 5px;
- border: 1px solid #daf0e6;
-}
-
-.single_music_header {
- margin-bottom: 20px;
- display: flex;
- justify-content: flex-start;
-}
-
-.single_music_header .header_meta {
- font-size: 12px;
- color: #808b87;
-}
-
-.single_music_header .single_cat ul {
- padding: 0;
- display: flex;
- margin: 0;
- margin-top: 10px;
-}
-
-.single_music_header .single_cat ul li a {
- font-size: 12px;
- padding: 2px 8px;
- display: flex;
- align-items: center;
-}
-
-.mu_des {
- font-size: 13px;
- margin-top: 15px;
- line-height: 1.8;
-}
-
-.mu_l_title {
- display: flex;
- color: #414763;
- margin-bottom: 15px;
-}
-
-.mu_l_title i {
- margin-right: 5px;
-}
-
-.top_menu_box {
- box-shadow: none;
- padding: 5px;
- display: none;
- margin-top: 0;
- background: rgb(255 255 255 / 84%);
- border-top: 1px solid #ebebeb;
-}
-
-.nav_tips {
- font-size: 13px;
- padding: 10px;
-}
-
-.top_menu_box ul {
- padding: 0;
- margin: 0;
- display: flex;
- flex-direction: row;
- align-items: center;
- overflow-x: auto;
- scrollbar-width: none;
-}
-
-.top_menu_box ul::-webkit-scrollbar {
- display: none;
-}
-
-.top_menu_box ul li {
- list-style: none;
-}
-
-.top_menu_box li ul {
- display: none;
-}
-
-.top_menu_box ul li a {
- font-size: 14px;
- color: #292929;
- display: flex;
- align-items: center;
-}
-
-.top_menu_box ul li a img {
- width: 14px;
- height: 14px;
- margin-right: 4px;
-}
-
-.top_menu_box ul li a i {
- font-size: 14px;
- margin-right: 3px;
- color: #363636;
-}
-
-.top_menu_box .nav_title {
- display: block;
- opacity: 1;
- word-break: keep-all;
-}
-
-.top_menu_box ul li a:hover , .top_menu_box ul li a:hover i {
- color: #069d53;
-}
-
-.poster_box {
- border: none !important;
-}
-
-.poster_box img {
- width: 330px;
-}
-
-.poster_modal .uk-modal-dialog {
- width: 330px;
- padding: 5px;
- border-radius: 5px;
- min-height: 550px;
-}
-
-.poster_box .loading_box {
- padding: 0;
- padding-top: 220px;
-}
-
-.post_share_box {
- display: flex;
- justify-content: center;
- padding: 15px 0;
- border-top: 1px solid #f4f4f4;
-}
-
-.post_share_box a {
- padding: 0 10px;
- color: #656ca7;
-}
-
-.post_share_box.hide {
- display: none;
-}
-
-.pix_icon {
- display: flex;
- align-items: center;
- flex-direction: row;
- align-content: center;
- margin-left: 5px;
- color: #7a7fae;
- font-size: 12px;
-}
-
-.share_btn_icon {
- margin-left: 15px;
- font-size: 13px;
-}
-
-.single_footer_box {
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 20px 0;
- margin: 30px 0 10px;
- background: linear-gradient(90deg,var(--pix-background),#816bff00);
- border-radius: 8px;
-}
-
-.single_footer_box .pix_icon , .single_footer_box a.up_like {
- margin: 0px;
-}
-
-.single_footer_box i , .single_footer_box a.up_like i {
- font-size: 18px;
-}
-
-.single_footer_box .pix_donate_btn , .single_footer_box .pix_share_btn , .single_footer_box .up_like {
- width: 72px;
- display: flex;
- justify-content: center;
-}
-
-#donate_modal .uk-modal-body {
- border-radius: 8px;
- width: auto;
-}
-
-.donate_des {
- font-size: 15px;
- margin-bottom: 10px;
-}
-
-.donate_pic img {
- width: 180px;
-}
-
-span.edit_post {
- margin-left: 10px;
-}
-
-span.edit_post a {
- color: #00b34a;
- display: flex;
-}
-
-.footer_main .sf_wid_info {
- display: flex;
- justify-content: space-evenly;
-}
-
-.footer_main {
- /*position: relative;*/
- width: -webkit-fill-available;
- width: -moz-available;
- padding: 0 10px;
- padding-bottom: 100px;
- /*z-index: 988;*/
-}
-
-.sf_item {
- display: flex;
- justify-content: center;
-}
-
-.footer_main .inner {
- padding: 15px 40px;
- background: var(--pix-background);
- border-radius: 8px;
-}
-
-.m_offcanvas .inner {
- background: #fff;
- padding: 30px;
-}
-
-.m_offcanvas ul {
- margin: 0;
- padding: 0;
-}
-
-.m_offcanvas ul li {
- list-style: none;
- padding: 10px 0;
-}
-
-.m_offcanvas ul li a {
- color: #363636;
- display: flex;
- align-items: center;
- font-size: 15px;
-}
-
-.m_offcanvas ul li a i {
- color: #363636;
- font-size: 15px;
- margin-right: 5px;
-}
-
-.m_offcanvas ul li a:hover {
- color: #363636;
-}
-
-.m_offcanvas ul li img {
- height: 15px;
- margin-right: 5px;
-}
-
-.m_offcanvas .m_logo {
- margin-bottom: 15px;
-}
-
-.m_offcanvas .m_logo img {
- height: 36px;
-}
-
-.mobile_logo {
- display: none;
-}
-
-.mobile_logo a {
- line-height: 1;
-}
-
-.mobile_logo img {
- height: 24px;
-}
-
-.footer_menu {
- display: none;
-}
-
-.footer_menu .inner {
- display: flex;
- justify-content: space-between;
- padding: 10px 8px;
- background: #fff;
- border-top: 1px solid #eaeaea;
- align-items: center;
-}
-
-.footer_menu li {
- list-style: none;
- display: flex;
- align-items: center;
-}
-
-.footer_menu li a {
- display: flex;
- flex-direction: column;
- align-items: center;
- color: #181818;
-}
-
-.footer_menu li a i {
- line-height: 1;
- margin-bottom: 2px;
- color: #181818;
-}
-
-.footer_menu li a span {
- font-size: 12px;
-}
-
-.footer_menu .inner {
- flex-flow: nowrap;
- display: flex;
- justify-content: space-between;
-}
-
-.footer_menu .inner .item {
- display: flex;
- justify-content: space-around;
- width: 100%;
- flex: 1;
-}
-
-.footer_menu .inner .t_dark a {
- background: transparent;
- padding: 0;
- line-height:normal
-}
-
-.footer_menu .inner .center {
- padding: 0 8px;
-}
-
-.footer_menu .inner .center .mobile_edit {
- width: 32px;
- height: 32px;
-}
-
-.arc_pagenav {
- display: flex;
- justify-content: center;
-}
-
-.arc_pagenav a {
- padding: 10px 15px;
- background: var(--pix-theme);
- color: #fff;
- border-radius: 8px;
- display: flex;
-}
-
-ul.items.wid_yiyan {
- padding: 0;
- margin: 0;
-}
-
-.yiyan_box {
- position: relative;
- width: 100%;
- min-height: 120px;
-}
-
-.yiyan_box img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- border-radius: 8px;
-}
-
-.yiyan_box .yiyan_info {
- position: absolute;
- top: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: flex-start;
- padding: 15px 20px;
- flex-direction: column;
- flex-wrap: nowrap;
- justify-content: space-between;
-}
-
-.yiyan_box .yiyan_info:after {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- background: #00012038;
- border-radius: 8px;
-}
-
-.yiyan_box p {
- color: #fff;
- font-size: 14px;
- margin: 0;
- z-index: 1;
-}
-
-.yiyan_box .time {
- z-index: 1;
- color: #dfe1ff;
- display: flex;
- flex-direction: row;
- padding-bottom: 15px;
- width: 100%;
- justify-content: space-between;
-}
-
-.yiyan_box .left {
- display: flex;
- flex-direction: column;
-}
-
-.yiyan_box .time .day {
- font-size: 35px;
- line-height: 1;
- letter-spacing: 4px;
- position: relative;
- font-weight: 600;
-}
-
-.yiyan_box .time .ym {
- font-size: 12px;
-}
-
-.yiyan_box .time a {
- color: #a2adda;
-}
-
-@media screen and (min-width: 768px) {
- .is_mobile {
- display: none;
- }
-
-}
-
-@media screen and (max-width: 768px) {
- .not_mobile {
- display: none;
- }
-
-
-}
-
-.single_wrap .comments-area , .page_content .comments-area {
- background: var(--pix-background);
- padding: 40px;
- margin-top: 30px;
- border-radius: 8px;
-}
-
-#top_third{
- display: none;
-}
-
-.current-line {
- color: #484848;
-}
-
-.current-line .active {
- color: #000000;
-}
-
-/*toc*/
-.listree-box {
- display: none;
- position: fixed;
- z-index: 999;
- top: 45%;
- left: 0;
- background-color: var(--toc-color);
- color: #fff;
- border-radius: 0 10px 10px 0;
-}
-
-h3.listree-titles {
- float: right;
- cursor: default;
- padding: 20px 8px 9px 6px;
- font-size: 1.01rem;
-}
-
-h3.listree-titles a.listree-btn {
- color: #fff;
- display: block;
- width: 22px;
- text-align: center;
-}
-
-#listree-ol {
- max-height: 230px;
- overflow: scroll;
- overflow-x: hidden;
- float: left;
- height: 100%;
- min-height: 100px;
- line-height: 1.5;
- margin: 20px 0px 20px -10px;
- padding-right: 20px;
- align-items: center;
- border-right: 1px solid #eeeeef;
-}
-
-#listree-ol li {
- line-height: 1.8;
- margin-bottom: 6px;
- list-style: none;
-}
-
-#listree-ol li a {
- color: #fff;
-
-}
-
-#listree-ol ul {
- margin-top:0px;
- padding-left: 10px;
-}
-
-a#listree-click.current, #listree-ol > li.current > a, #listree-ol > li ul li.current > a {
- color: #f2ff2c;
-}
-
-#listree-ol::-webkit-scrollbar-track {
- background-color: #fff;
-}
-
-#listree-ol::-webkit-scrollbar-thumb {
- background: rgb(199,201,204);
-}
-
-#listree-ol::-webkit-scrollbar {
- width: 3px;
-}
-
-.dark .db--container {
- --db-main-color:var(--dark-ac-btn);
- --db--background-gray:var(--normal-btn);
- --db--text-color-light:var(--text-light);
- --db--text-color:var(--light-color);
- --db--text-color-light:var(--light-color);
- --db-hover-color:var(--dark-ac-btn)
-}
-.db--container {
- --db-main-color:var(--hilight-color);
- --db-hover-color:var(--hilight-color);
-}
-.page_content .entry-content .db--container a {
- color: #32395c;
- text-decoration: none;
-}
-.dark .single-content .db--title a, .dark .page_content .entry-content .db--title a {
- color: var(--text-color);
- text-decoration: none;
-}
-.dark .single-content .db--title a:hover, .dark .page_content .entry-content .db--title a:hover {
- color: var(--db-hover-color);
-}
-
-.page_content .entry-content .db--container a:hover{
- color: var(--hilight-color);
-}
-
-
-.halo-comment {
- position: relative;
- z-index: 2;
-}
-
-.signup {
- font-size: .75rem;
- line-height: 1rem;
- justify-content: center;
- display: flex;
- gap: .5rem;
-}
-
-
-
-
-
+:root {
+ --pix-theme: #22bb6d;
+ --hilight-color: #00bb5e;
+ --pix-background: #ebf2ed;
+ --code-color: hsl(0deg 0% 15% / .05);
+
+}
+
+body {
+ background: var(--dark-body-bg);
+ font-family: var(--font-family);
+ height:100%;
+}
+
+html {
+ background: transparent;
+}
+
+h1 , h2 , h3 , h4 , p ,input {
+ font-family: var(--font-family);
+}
+
+.uk-tooltip {
+ background: rgba(31, 31, 31, 0.906);
+}
+
+.nowrap {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.shadow {
+ -moz-box-shadow: 0px 3px 14px 1px #d0dada;
+ -webkit-box-shadow: 0px 3px 14px 1px #d0dada;
+ box-shadow: 0px 3px 14px 1px #d0dadab5;
+}
+
+.round8 {
+ border-radius: 8px;
+}
+
+.round12 {
+ border-radius: 12px;
+}
+
+.uk-link-toggle:hover .uk-link, .uk-link:hover, a:hover {
+ color: #16e186;
+ text-decoration: none;
+}
+
+.uk-lightbox {
+ background: #bdd1c6d7;
+ backdrop-filter: blur(0.5rem);
+ -webkit-backdrop-filter: blur(0.5rem);
+}
+
+.uk-lightbox-toolbar {
+ padding: 10px 10px;
+ background: rgb(75 95 73 / 43%);
+ color: rgba(255,255,255,.7);
+}
+
+.uk-lightbox-button {
+ border-radius: 3px;
+ color: #fff;
+}
+
+.uk-lightbox-button svg {
+ color: #fff;
+}
+
+.uk-modal {
+ backdrop-filter: blur(0.5rem);
+ -webkit-backdrop-filter: blur(0.5rem);
+}
+
+:focus:not([tabindex^='-']) {
+ outline: none;
+}
+
+img.lazy.loaded {
+ opacity: 1;
+ transition: opacity 400ms;
+}
+
+img.lazy:not(.loaded) {
+ opacity: 0;
+}
+
+.page_main {
+ z-index: 98;
+ position: relative;
+ background: #f6faf8;
+ border-radius: 12px;
+}
+
+.main_wrap {
+ width: 100%;
+ max-width: 960px;
+ margin: 0 auto;
+ margin-top: 60px;
+}
+
+.top_bar {
+ height: 72px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ align-content: center;
+ background: #e5ede8;
+ border-top-right-radius: 12px;
+}
+
+header#masthead {
+ width: 100%;
+}
+
+.top_logo {
+ padding: 20px 40px;
+ text-align: center;
+}
+
+.top_logo.close_bar {
+ display: none;
+}
+
+.top_logo img {
+ height: 42px;
+}
+
+.top_left {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ flex-wrap: nowrap;
+ align-items: center;
+ margin-left: 15px;
+}
+
+
+.top_right {
+ display: flex;
+ align-items: center;
+ margin-right: 30px;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ align-content: center;
+}
+
+.top_tool {
+ position: relative;
+}
+
+.t_search.top_tool.icon_color {
+ display: none;
+}
+
+.search_box form {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+ position: relative;
+}
+
+.uk-modal-dialog.search_modal_inner {
+ height: 100%;
+ backdrop-filter: blur(0.5rem);
+ -webkit-backdrop-filter: blur(0.5rem);
+ background: #ffffffe0;
+}
+
+.search_box {
+ max-width: 450px;
+ width: 100%;
+ margin: 0 auto;
+ padding: 20px;
+ padding-top: 100px;
+}
+
+.search_box form i {
+ position: absolute;
+ right: 12px;
+ top: 11px;
+ padding: 0;
+ font-size: 18px;
+}
+
+.search_box input.s_input {
+ width: 100%;
+ font-size: 13px;
+ border-radius: 8px;
+ padding: 5px 15px;
+ border-color: #535353;
+ height: 50px;
+ border: 2px solid;
+}
+
+.s_set_box {
+ margin-bottom: 20px;
+}
+
+.s_set_box .inner {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+}
+
+.s_set_box a {
+ padding: 5px 10px;
+ color: #5c7665;
+ font-size: 14px;
+}
+
+.s_set_box a.active {
+ border-bottom: 2px solid var(--hilight-color);
+ color: var(--hilight-color);
+}
+
+#search_modal {
+ display: none;
+}
+
+.search_box .s_set_box a:hover {
+ color: var(--hilight-color);
+}
+
+.search_box input.s_input:focus {
+ border-color: var(--pix-theme);
+}
+
+.top_s_box {
+ position: relative;
+ padding: 0;
+ max-width: 200px;
+ display: flex;
+ align-content: center;
+ align-items: center;
+}
+
+.set_text {
+ position: absolute;
+ z-index: 9;
+ font-size: 12px;
+ margin-left: 14px;
+ cursor: pointer;
+ padding-right: 7px;
+ border-right: 1px solid rgb(215 226 219 / 55%);
+ color: #839187;
+}
+
+.top_s_box input.s_input {
+ height: 38px;
+ border: none;
+ background: rgb(215 226 219 / 55%);
+ padding-left: 52px;
+ border-radius: 20px;
+ transition:none
+}
+
+.top_set_box {
+ margin: 0;
+ z-index: 98;
+ border-radius: 8px;
+ padding: 10px;
+ min-width: 80px;
+ text-align: center;
+ display: none;
+}
+
+.top_s_box .s_set_box .inner {
+ display: flex;
+ flex-direction: column;
+}
+
+.top_set_box a {
+ border-radius: 5px;
+ margin-bottom: 3px;
+}
+
+.top_set_box a.active {
+ border: none;
+ background: var(--pix-background);
+}
+
+.top_s_box form i {
+ top: 6px;
+ color: #639170;
+}
+
+.top_s_box form {
+ width: 200px;
+}
+
+.top_tool i {
+ font-size: 18px;
+ color: #000000;
+ cursor: pointer;
+}
+
+.top_tool a {
+ padding: 10px;
+ display: flex;
+}
+
+.uk-modal-close-full.uk-close {
+ bottom: 5%;
+ top: auto;
+ border-radius: 50%;
+ padding: 10px;
+ left: 50%;
+ right: auto;
+ transform: translateX(-50%);
+ background: #323232;
+}
+
+.uk-modal-close-full.uk-close svg {
+ width: 15px;
+ height: 15px;
+ color: #fff;
+}
+
+.index_banner {
+ height: 350px;
+ position: relative;
+ overflow: hidden;
+ background-color: #f6faf8;
+}
+
+.index_banner .bg {
+ position: absolute;
+ inset: 0;
+
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+
+ transition: opacity 0.6s ease;
+}
+
+.index_banner .bg1 {
+ opacity: 1;
+ background-image: url("/upload/dingbu-siji.png");
+}
+
+.index_banner .bg2 {
+ opacity: 0;
+}
+
+.index_banner img {
+ height: 100%;
+ width: 100%;
+ object-fit: cover;
+}
+
+.main_body {
+ position: relative;
+}
+
+.blog_list_inner , .normal_list_inner , .single_wrap {
+ background: #f6faf8;
+ padding-bottom: 80px;
+}
+
+.top_bar.uk-sticky-fixed.uk-active {
+ backdrop-filter: blur(0.5rem);
+ -webkit-backdrop-filter: blur(0.5rem);
+ background: rgb(235 242 237 / 80%);
+ border-radius: 0;
+ transition: 100ms;
+}
+
+/* .left_menu_box {
+
+} */
+
+.left_menu_box ul {
+ list-style: none;
+ padding: 0 40px;
+ margin-top: 20px;
+ padding-bottom: 20px;
+ border-bottom: 1px solid #e1eae4;
+}
+
+.left_menu_box ul li {
+ width: 100%;
+}
+
+.left_menu_box ul li a {
+ display: flex;
+ width: 100%;
+ color: #000000;
+ padding: 12px 15px;
+ border-radius: 12px;
+ margin-bottom: 5px;
+ align-items: center;
+ flex-direction: row;
+ justify-content: flex-start;
+ flex-wrap: nowrap;
+ align-content: center;
+ position: relative;
+}
+
+.left_menu_box li[class*=current-] a {
+ background: #c6dbce;
+ color: #069d53;
+}
+
+.left_menu_box li[class*=current-] ul a {
+ background: inherit;
+ color: inherit;
+}
+
+.left_menu_box ul li a img {
+ width: 18px;
+ height: 18px;
+ margin-right: 5px;
+}
+
+.left_menu_box ul li i {
+ line-height: 1;
+ font-size: 18px;
+ margin-right: 8px;
+}
+
+.left_menu_box ul li a:hover {
+ color: #069d53;
+ transition: all .1s;
+ background: #c6dbce;
+ box-shadow: 0 28px 50px rgb(202 223 208);
+}
+
+.left_nav_inner {
+ background: var(--pix-background);
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ border-top-left-radius: 12px;
+}
+
+.left_nav_inner.uk-sticky-fixed {
+ border-radius: 0;
+}
+
+.left_menu_box li[class*=current-] a:hover {
+ background: #c6dbce;
+}
+
+.left_menu_box li ul,.menu-top-container li ul {
+ margin: 0;
+ padding: 0;
+ font-size: 15px;
+ padding-left: 8px;
+ display: none;
+ border: none;
+}
+
+.left_menu_box li ul li a {
+ color: #5b6660;
+ margin: 0;
+}
+
+.left_menu_box li ul li a:hover {
+ background: none;
+ box-shadow: none;
+}
+
+.user_info {
+ position: absolute;
+ bottom: 10%;
+ right: 8%;
+ border-radius: 8px;
+ padding-left:5px;
+ display: none;
+}
+
+.user_info .top {
+ display: flex;
+ align-items: center;
+}
+
+.user_info .name {
+ color: #79a189;
+ font-weight: 800;
+}
+
+.user_info .avatar {
+ width: 58px;
+ height: 58px;
+}
+
+.user_info .avatar img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 8px;
+}
+
+.user_info .left {
+ display: flex;
+ flex-direction: column;
+ align-content: flex-end;
+ align-items: flex-end;
+ padding-right: 5px;
+}
+
+.user_info .des {
+ font-size: 13px;
+ text-align: right;
+ color: #79a189;
+ font-weight: 600;
+}
+
+#post_item,#photos_item {
+ padding: 40px;
+ padding-top: 0;
+}
+
+.loading_box {
+ text-align: center;
+ padding: 50px 0px;
+ width: 100%;
+}
+
+.p_item_inner {
+ display: flex;
+ flex-wrap: nowrap;
+ flex-direction: column;
+ position: relative;
+}
+
+.list_user_meta {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ position: relative;
+}
+
+.post_footer_meta span.sticky_icon {
+ padding: 3px 8px;
+ background: var(--pix-theme);
+ color: #fff;
+ border-radius: 3px;
+ margin-right: 5px;
+}
+
+.post_footer_meta span.sticky_icon i {
+ color: #fff;
+ font-size: 13px;
+}
+
+.list_user_meta .avatar {
+ width: 48px;
+ height: 48px;
+ min-width: 48px;
+ margin-right: 10px;
+}
+
+.list_user_meta .avatar img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 8px;
+}
+
+.list_user_meta .name {
+ color: #576b95;
+ display: flex;
+ flex-direction: column;
+}
+
+.list_user_meta .name time {
+ font-size: 13px;
+ color: #aab0bf;
+}
+
+.blog_content {
+ padding-left: 58px;
+}
+
+.blog_content .entry-content {
+ margin-top: 5px;
+}
+
+.t_content {
+ display: block;
+ width: 100%;
+ overflow: hidden;
+ color: #0d0d0d;
+ white-space: pre-wrap;
+}
+
+.t_content p {
+ word-break: break-all;
+ color: #0d0d0d;
+ margin-bottom: 5px;
+ white-space: pre-wrap;
+}
+
+.t_content>p:last-child, .t_content>p:first-child {
+ margin-top: 0px!important;
+}
+
+.t_content li p {
+ margin: 0 0 0px;
+}
+
+.t_content p a.tag{
+ display: none;
+}
+
+.rm_hidden , .read-less-btn {
+ display: none;
+}
+
+
+#create_post_box .modal_inner {
+ width: 520px;
+ padding: 0;
+}
+
+.edit_overlay {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background: #323232cc;
+ z-index: 998;
+ border-radius: 8px;
+ backdrop-filter: blur(0.2rem);
+ -webkit-backdrop-filter: blur(0.2rem);
+}
+
+.t_form {
+ padding: 0 30px;
+ padding-top: 20px;
+}
+
+#topic-title {
+ width: 80%;
+ padding: 8px 10px;
+ border: none;
+ margin-bottom: 5px;
+ font-size: 13px;
+ color: #313131;
+ caret-color: #2fc963;
+ outline: none;
+ border-radius: 5px;
+}
+
+#topic_content {
+ background: #eff2f0;
+ padding: 8px 10px;
+ font-size: 14px;
+ color: #040404;
+ border: none;
+ height: 100px;
+ resize: none;
+ caret-color: #2fc963;
+ outline: none;
+ border-radius: 5px;
+}
+
+#topic_content:focus {
+ box-shadow: 0 0 0 0.12rem rgb(193 220 202);
+ transition: all .2s;
+}
+
+#topic_content::-webkit-input-placeholder , #topic-title::-webkit-input-placeholder {
+ color:rgb(190, 190, 190);
+}
+
+.topic_tool {
+ padding: 0px 30px 40px;
+}
+
+.up_img_btn {
+ position: relative;
+}
+
+.add_img_box {
+ display: flex;
+ flex-direction: column;
+ flex-wrap: nowrap;
+ margin-bottom: 15px;
+}
+
+.up_img_btn {
+ width: 72px;
+ height: 72px;
+ background: #f0f0f0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 3px;
+}
+
+.up_img_btn i {
+ font-size: 32px;
+ color: #9dc9af;
+ cursor: pointer;
+}
+
+input#topic_img_up {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ cursor: pointer;
+ font-size: 0;
+}
+
+.tool_box {
+ border-bottom: 1px solid #eff2f0;
+ margin-bottom: 10px;
+ padding: 10px 0;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+}
+
+.tool_box .left {
+ display: flex;
+}
+
+.smile_box , .t_cat {
+ margin-right: 5px;
+}
+
+.smile_box i , .simi i , .t_cat i , .loca i {
+ font-size: 16px;
+ color: #66c187;
+ padding: 5px;
+ border-radius: 3px;
+}
+
+.moment_type_btn i{
+ font-size: 16px;
+ color: #66c187;
+ padding: 5px;
+ border-radius: 3px;
+}
+
+.moment_type_btn {
+ margin-right: 5px;
+}
+
+.moment_card_type.moment_type_btn {
+ margin-right: 0px;
+}
+
+span.moment_btn_line {
+ padding: 0 5px;
+ color: #e2e2e2;
+}
+
+.loca i {
+ background: #eff4ff;
+ color: #bec9ff;
+}
+
+/* .simi i {
+
+} */
+
+.edit_text {
+ display: flex;
+ flex-direction: column;
+}
+
+.smile_show {
+ display: none;
+ border-bottom: 1px solid #eff2f0;
+ margin-bottom: 10px;
+ padding-bottom: 10px;
+}
+
+.smile_show_inner {
+ display: grid;
+ justify-content: space-between;
+ grid-template-columns: repeat(auto-fill, 1.625em);
+ row-gap: 0.225em;
+ justify-items: center;
+}
+
+.push_item {
+ display: flex;
+ align-items: center;
+ background: var(--pix-theme);
+ color: #fff;
+ padding: 10px 18px;
+ border-radius: 5px;
+ font-size: 15px;
+ align-content: center;
+ border: none;
+ justify-content: center;
+ flex-direction: row;
+ cursor: pointer;
+}
+
+.push_close {
+ background: #c7d4ce;
+ color: #fff;
+ padding: 10px 18px;
+ border-radius: 5px;
+ font-size: 15px;
+ cursor: pointer;
+ border: none;
+ margin-right: 7px;
+}
+
+.push_item i {
+ margin-right: 3px;
+}
+
+.form_footer {
+ display: flex;
+ justify-content: space-between;
+ padding-top: 15px;
+ margin-top: 25px;
+ border-top: 1px solid #eff2f0;
+ align-items: flex-end;
+}
+
+.form_footer .admin_tool {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 14px;
+}
+
+.form_footer .admin_tool a {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ color: #96aea0;
+ margin-right: 15px;
+}
+
+.form_footer .admin_tool a:hover {
+ color: var(--hilight-color);
+}
+
+.form_footer .admin_tool a i {
+ margin-right: 3px;
+}
+
+.moment_sure {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ flex-wrap: nowrap;
+}
+
+.t_cat_box {
+ padding: 15px;
+}
+
+.t_cat_box i {
+ background: none;
+ color: #216635;
+ font-size: inherit;
+ padding: 0;
+}
+
+.t_cat_box ul {
+ padding: 0;
+ margin: 0;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: flex-start;
+ max-height: 100px;
+ overflow-y: scroll;
+}
+
+.t_cat_box li {
+ list-style: none;
+ font-size: 13px;
+ padding: 4px 8px;
+ background: #eff2f0;
+ margin-bottom: 3px;
+ border-radius: 3px;
+ display: flex;
+ cursor: pointer;
+ color: #216635;
+ flex-direction: row;
+ align-content: center;
+ align-items: center;
+ justify-content: space-between;
+ width: 32%;
+ margin-right: 3px;
+}
+
+.t_cat_box li span {
+ display: flex;
+ align-items: center;
+}
+
+.cat_header {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
+ flex-wrap: wrap;
+}
+
+.de_cat {
+ font-size: 12px;
+ padding: 2px 10px;
+ background: #a3b0cd;
+ color: #fff;
+ border-radius: 50px;
+ border-top-left-radius: 0px;
+ display: flex;
+ align-items: center;
+ margin-bottom: 5px;
+ margin-left: auto;
+}
+
+.t_cat_toogle {
+ display: flex;
+ color: #fff;
+ cursor: pointer;
+}
+
+
+.set_cat {
+ position: relative;
+ display: flex;
+ margin-bottom: 10px;
+ border-bottom: 1px solid #eff2f0;
+ align-items: center;
+ justify-content: space-between;
+}
+
+input#add_cat {
+ border: none;
+ font-size: 13px;
+ outline: none;
+ width: 75%;
+ padding: 6px 10px;
+}
+
+.up_cat_btn {
+ font-size: 13px;
+ background: #1fce70;
+ color: #fff;
+ padding: 2px 10px;
+ border-radius: 3px;
+}
+
+.up_cat_btn:hover {
+ color: #fff;
+}
+
+.img_show {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ align-content: center;
+ width: 50%;
+}
+
+.t_media_item {
+ width: 72px;
+ height: 72px;
+ margin-right: 3px;
+ margin-bottom: 3px;
+ position: relative;
+ background: #f0f0f0;
+ border-radius: 3px;
+ cursor: move;
+}
+
+.topic-img-de {
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ line-height: 1;
+}
+
+.topic-img-de i {
+ background: #fff;
+ color: #000000;
+ border-radius: 50%;
+ font-size: 13px;
+}
+
+.t_media_item img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 3px;
+}
+
+.img_load_text {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+ font-size: 12px;
+ color: #3ba557;
+}
+
+.img_load_text span {
+ padding-top: 5px;
+}
+
+a.up_img_btn {
+ margin-right: 3px;
+ margin-bottom: 3px;
+}
+
+.img_show>:last-child {
+ margin-bottom: 3px;
+}
+
+.up_from_media a , .up_from_cdn a{
+ display: flex;
+ align-items: center;
+ font-size: 13px;
+ color: #7b8395;
+ line-height: 1;
+ padding: 8px 13px;
+ background: #eff2f0;
+ border-radius: 3px;
+}
+
+.up_from_media a i , .up_from_cdn a i {
+ margin-right: 2px;
+}
+
+.up_from_media , .up_from_cdn {
+ margin-right: 8px;
+}
+
+.up_img_type {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ border-left: 1px solid #eff2f0;
+ align-items: center;
+ flex-wrap: nowrap;
+ align-content: center;
+ margin-top: 15px;
+}
+
+.wp_get_media_list {
+ display: flex;
+ flex-wrap: wrap;
+ align-items: center;
+ justify-content: flex-start;
+}
+
+.wp_get_media_list li {
+ list-style: none;
+ width: 44px;
+ padding: 1px;
+ cursor: pointer;
+ height: 44px;
+}
+
+.wp_get_media_list li img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 3px;
+}
+
+.show_media_box , .show_cdn_media {
+ margin-top: 15px;
+ padding: 8px;
+ background: #eff2f0;
+ border-radius: 3px;
+}
+
+.attch_nav a {
+ color: var(--pix-theme);
+}
+
+.attch_nav a i {
+ padding: 3px;
+ background: #9fc1b0;
+ color: #fff;
+ border-radius: 3px;
+}
+
+.wp_get_media_list li img {
+ -moz-transition:all 0.25s ease;
+ -webkit-transition:all 0.25s ease;
+ -o-transition:all 0.25s ease;
+ -ms-transition:all 0.25s ease;
+ transition:all 0.25s ease;
+}
+
+.wp_get_media_list:hover li img:not(:hover){
+ opacity:0.6;
+ -moz-transform:scale(0.9);
+ -ms-transform:scale(0.9);
+ -webkit-transform:scale(0.9);
+ -o-transform:scale(0.9);transform:scale(0.9);
+}
+
+.show_media_box .nav_tool {
+ display: flex;
+ justify-content: space-between;
+ align-content: center;
+ align-items: center;
+ margin-top: 5px;
+}
+
+.show_media_box .nav_tool {
+ display: flex;
+ justify-content: space-between;
+ align-content: center;
+ align-items: center;
+ margin-top: 5px;
+}
+
+.show_media_box .souqi {
+ font-size: 13px;
+ display: flex;
+ align-content: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+}
+
+.show_media_box .souqi {
+ color: #9d9f9e;
+}
+
+input#img_link_up {
+ border: 1px solid #e7ece9;
+ padding: 6px 8px;
+ font-size: 13px;
+ outline: none;
+ border-radius: 3px;
+ margin-right: 5px;
+}
+
+.show_cdn_media .inner {
+ display: flex;
+ flex-direction: row;
+ align-content: center;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ align-items: stretch;
+}
+
+.show_cdn_media a {
+ font-size: 13px;
+ padding: 3px 10px;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+
+a.img_link_btn {
+ background: var(--pix-theme);
+ color: #fff;
+ margin-right: 5px;
+}
+
+a.img_link_cancel {
+ background: #b6d1bf;
+ color: #658d79;
+}
+
+input#img_link_up:focus{
+ border-color: var(--hilight-color);
+}
+
+.show_cdn_media span {
+ font-size: 12px;
+ color: #96ac9e;
+}
+
+.loca {
+ display: flex;
+ align-content: center;
+ align-items: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+}
+
+.loca_text {
+ font-size: 13px;
+ color: #748ec8;
+ margin: 0 5px;
+ word-break: break-all;
+}
+
+.local_box .inner {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-direction: row;
+ flex-wrap: wrap;
+ align-content: center;
+}
+
+.set_local_box {
+ display: flex;
+ align-items: stretch;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+
+input#set_local {
+ background: #eff2f0;
+ border-radius: 3px;
+ border: 1px solid #e3e8e5;
+ font-size: 13px;
+ padding: 5px 10px;
+ outline: none;
+ margin-right: 5px;
+}
+
+a.set_local_btn {
+ font-size: 13px;
+ background: var(--pix-theme);
+ color: #fff;
+ padding: 3px 8px;
+ border-radius: 3px;
+ display: flex;
+ align-items: center;
+}
+
+a.close_local {
+ font-size: 13px;
+ color: #8890cc;
+}
+
+/*.img_list {*/
+/* */
+/*}*/
+
+/*.img_list .list_inner {*/
+/* display: flex;*/
+/* flex-wrap: wrap;*/
+/* flex-direction: row;*/
+/* align-content: center;*/
+/*}*/
+
+/*.img_list a {*/
+/* padding: 3px;*/
+/* position: relative;*/
+/* width: 25%;*/
+/* margin: 3px;*/
+/*}*/
+
+.img_list span img {
+ cursor: zoom-in;
+}
+
+.img_list span:nth-last-child(1):first-child{
+ width: 60%;
+}
+
+.img_list span:nth-last-child(1):first-child:before {
+ padding: 0;
+}
+
+.img_list span:nth-last-child(1):first-child img {
+ position: relative;
+}
+
+/*.img_list a:nth-child(1):nth-last-child(4),*/
+/*.img_list a:nth-child(3):nth-last-child(2),*/
+/*.img_list a:nth-child(4):nth-last-child(1) {*/
+/* width: 25%;*/
+/*}*/
+
+/*.img_list a:nth-child(2):nth-last-child(3) {*/
+/* margin-right: 30%;*/
+/*}*/
+/* */
+
+/*.img_list a img {*/
+/* border-radius: 5px;*/
+/* position: absolute;*/
+/* top: 0;*/
+/* left: 0;*/
+/* bottom: 0;*/
+/* right: 0;*/
+/* width: 100%;*/
+/* height: 100%;*/
+/* object-fit: cover;*/
+/*}*/
+
+/*.img_list .list_inner a:before {*/
+/* content: "";*/
+/* display: block;*/
+/* padding-top: 100%;*/
+/*}*/
+
+.moment_cat_nav , .posts_cat_nav,.photos_cat_nav {
+ padding: 25px 40px;
+ border-bottom: 1px solid var(--pix-background);
+}
+
+.moment_cat_nav ul , .posts_cat_nav ul,.photos_cat_nav ul {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ padding: 0;
+ margin: 0;
+ overflow-x: scroll;
+ scrollbar-width: none;
+}
+
+.moment_cat_nav ul li , .posts_cat_nav ul li, .photos_cat_nav ul li {
+ list-style: none;
+ flex: none;
+}
+
+.moment_cat_nav ul::-webkit-scrollbar , .posts_cat_nav ul::-webkit-scrollbar, .photos_cat_nav ul::-webkit-scrollbar {
+
+ display: none; /* Chrome Safari */
+
+ }
+
+.moment_cat_nav ul li a , .posts_cat_nav ul li a, .photos_cat_nav ul li a {
+ padding: 5px 10px;
+ background: #e1e9e5;
+ margin: 0 4px;
+ border-radius: 5px;
+ font-size: 12px;
+ color: #7aa1a1;
+ display: flex;
+ align-items: center;
+}
+
+.moment_cat_nav ul li a:hover, .posts_cat_nav ul li a:hover, .photos_cat_nav ul li a:hover {
+ background-color: var(--pix-theme);
+ color: #fff !important;
+}
+
+.moment_cat_nav ul li a.active , .posts_cat_nav ul li a.active, .photos_cat_nav ul li a.active {
+ background: var(--pix-theme);
+ color: #fff !important;
+}
+
+#t_pagination , #pagination, #p_pagination {
+ padding: 30px;
+ text-align: center;
+ display: flex;
+ justify-content: center;
+ border-top: 1px solid var(--pix-background);
+}
+
+#t_pagination a , #pagination a, #p_pagination a {
+ padding: 10px 15px;
+ background: var(--pix-theme);
+ color: #fff;
+ border-radius: 8px;
+ display: flex;
+}
+
+.p_item {
+ padding: 40px 0;
+ border-bottom: 1px solid var(--pix-background);
+}
+
+.p_item:last-child {
+ border-bottom: none;
+}
+
+.post_footer_meta {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.post_footer_meta .left , .post_footer_meta .right {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: flex-start;
+ flex-wrap: nowrap;
+}
+
+.post_footer_meta .right .control_edit_post {
+ font-size: 13px;
+ display: flex;
+ color: #20c768;
+}
+
+.post_footer_meta span {
+ display: flex;
+ align-items: center;
+ align-content: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ color: #444444;
+ font-size: 12px;
+}
+
+.post_footer_meta span i {
+ margin-right: 3px;
+ font-size: 13px;
+ color: #819286;
+}
+
+span.post_views {
+ margin-right: 5px;
+ display: flex;
+ align-items: center;
+}
+
+span.post_views i {
+ margin-right: 3px;
+}
+
+.single_wrap span.post_views {
+ margin-left: 10px;
+ margin-right: 0;
+}
+
+.entry-footer {
+ margin-top: 10px;
+ background: var(--pix-background);
+ padding: 8px 10px;
+ border-radius: 8px;
+}
+
+.avatar_title{
+ color: #41624b;
+ display: flex;
+ align-items: center;
+ align-content: center;
+ flex-wrap: nowrap;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+
+.avatar_title a {
+ color: #41624b;
+ display: flex;
+ align-items: center;
+ align-content: center;
+ flex-wrap: nowrap;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+
+.p_title {
+ margin-bottom: 8px;
+ color: #41624b;
+ display: flex;
+ align-items: center;
+ align-content: center;
+ flex-wrap: nowrap;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+
+.p_title a {
+ color: #41624b;
+ display: flex;
+ align-items: center;
+ align-content: center;
+ flex-wrap: nowrap;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+
+.p_title i {
+ margin-right: 3px;
+}
+
+.t_content a::before{
+ content: "\eeb8";
+ font-family: 'remixicon' !important;
+ margin-right: 3px;
+}
+
+a.mo_link,.t_content a {
+ display: inline-flex;
+ align-items: center;
+ flex-direction: row;
+ align-content: center;
+ color: var(--pix-theme);
+}
+
+a.mo_link i {
+ margin-right: 3px;
+}
+
+.post_footer_meta span.comnum {
+ padding: 3px 8px;
+ background: #2c2c2c;
+ color: #fff;
+ border-radius: 3px;
+ cursor: pointer;
+}
+
+.post_footer_meta span.comnum i {
+ color: #fff;
+ position: relative;
+}
+
+a.up_like {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ align-content: center;
+ margin-left: 5px;
+ color: #444444;
+ font-size: 12px;
+}
+
+a.up_like i {
+ margin-right: 3px;
+ font-size: 13px;
+ color: #819286;
+ position: relative;
+}
+
+a.up_like.done span {
+ color: #fc7f70;
+}
+
+a.up_like.done i {
+ color: #fc7f70;
+}
+
+span.ip_loca {
+ font-size: 12px;
+ display: flex;
+ align-items: center;
+ align-content: center;
+ margin-top: 10px;
+ color: #354677;
+ margin-bottom: 5px;
+}
+
+span.ip_loca i {
+ margin-right: 3px;
+}
+
+#comment_form_reset {
+ display: none;
+}
+
+.topic_comments_wrap {
+ background: var(--pix-background);
+ padding: 20px;
+ margin-top: 15px;
+ border-radius: 8px;
+}
+
+textarea#comment {
+ border: none;
+ background: #f7f9f7;
+ font-size: 13px;
+ height: 50px;
+ outline: none;
+ resize: none;
+ border-bottom: 1px solid var(--pix-background);
+ border-radius: 0px;
+}
+
+#t_commentform {
+ padding: 10px;
+ background: #f7f9f7;
+ border-radius: 5px;
+ border: 1px solid #deece2;
+ margin: 15px 0 25px;
+}
+
+#t_commentform:focus-within {
+ border: 1px solid var(--hilight-color);
+}
+
+.topic_comments_foobar {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ flex-wrap: nowrap;
+ align-items: center;
+}
+
+input#push_comment {
+ font-size: 13px;
+ border: none;
+ display: flex;
+ align-items: center;
+ padding: 8px 18px;
+ cursor: pointer;
+ background: var(--pix-theme);
+ color: #fff;
+ border-radius: 5px;
+}
+
+.comments-area ul.comment-list {
+ padding: 0;
+}
+
+.comments-area ul.comment-list li {
+ list-style: none;
+ margin-bottom: 25px;
+ border-bottom: 1px solid #d9eade;
+}
+
+.comments-area ul.comment-list li:last-child {
+ border: none;
+}
+
+.comments-area ul.comment-list li .comment_body {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ margin-bottom: 25px;
+}
+
+.comments-area ul.comment-list li .profile {
+ width: 42px;
+ height: 42px;
+ margin-right: 8px;
+}
+
+.comments-area ul.comment-list li .profile a {
+ width: 42px;
+ height: 42px;
+ display: block;
+}
+
+.comments-area ul.comment-list li .profile a img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 8px;
+}
+
+.comments-area ul.comment-list li .com_right {
+ width: 100%;
+}
+
+.comment-list li .com_right .left {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ align-items: center;
+}
+
+.comment-list li .com_right .left h4 {
+ margin: 0;
+ font-size: 16px;
+ margin-right: 5px;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ align-content: center;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+}
+
+.comment-list li .com_right .left h4 a {
+ color: #5d7099;
+}
+
+.comment-list li .com_right .left h4 i {
+ color: #687aa0;
+ margin-left: 3px;
+ position: relative;
+ top: 0.03em;
+}
+
+.comment-list li .com_right .left time {
+ font-size: 13px;
+ color: #98ad9e;
+}
+
+.commentshow {
+ margin-top: 40px;
+}
+
+.comment-list li .com_right .body {
+ margin-top: 5px;
+}
+
+.comment-list li .com_right .body p {
+ font-size: 14px;
+ color: #5e5e5e;
+ margin: 0;
+}
+
+.comment-list li .com_right .commeta {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-direction: row;
+ align-content: center;
+ line-height: 1;
+}
+
+a.comment-reply-link {
+ color: #8aae94;
+}
+
+.topic_comments_foobar .right {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: flex-start;
+ flex-wrap: nowrap;
+}
+
+.cancel-comment-reply {
+ margin-right: 8px;
+}
+
+.cancel-comment-reply a {
+ font-size: 13px;
+ color: #5b8567;
+ padding: 5px 18px;
+ cursor: pointer;
+ background: #cddcd1;
+ display: flex;
+ border-radius: 5px;
+}
+
+.comments-area ul.comment-list li ul {
+ padding: 0;
+ margin-left: 20px;
+}
+
+.comments-area ul.comment-list li ul li {
+ padding: 0;
+ margin: 0;
+ border: none;
+}
+
+.comments-area ul.comment-list li ul li .children {
+ padding: 0;
+ margin: 0;
+}
+
+a.parents_at {
+ color: var(--pix-theme);
+ display: inline-block;
+}
+
+.comments-area ul.comment-list li li .profile {
+ width: 35px;
+ height: 35px;
+ margin-right: 8px;
+}
+
+.comments-area ul.comment-list li li .profile a {
+ width: 35px;
+ height: 35px;
+ display: block;
+}
+
+.comment_smile_box a i {
+ font-size: 20px;
+ color: #87af9b;
+}
+
+.com_smile_show {
+ width: 220px;
+ margin-top: 10px;
+}
+
+.com_smile_show .inner {
+ padding: 10px;
+ background: #fff;
+ display: grid;
+ justify-content: space-between;
+ grid-template-columns: repeat(auto-fill, 1.625em);
+ row-gap: 0.225em;
+ justify-items: center;
+}
+
+.comment-list .loader {
+ display: flex;
+ justify-content: center;
+}
+
+.commentnav {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-end;
+ margin-top: 20px;
+ padding-top: 20px;
+ border-top: 1px solid #d9eade;
+}
+
+.commentnav a {
+ padding: 3px 7px;
+ background: #d2ddd5;
+ margin: 0 2px;
+ font-size: 13px;
+ color: #76937f;
+ border-radius: 2px;
+ display: flex;
+ align-items: center;
+}
+
+.commentnav span.page-numbers.current {
+ padding: 3px 7px;
+ background: var(--pix-theme);
+ margin: 0 2px;
+ font-size: 13px;
+ color: #ffffff;
+ border-radius: 2px;
+}
+
+.commentnav span.page-numbers.dots {
+ color: #a0b9a6;
+}
+
+.comments-title {
+ font-size: 14px;
+ display: flex;
+ align-items: center;
+ color: #516181;
+}
+
+.comments-title i {
+ margin-right: 3px;
+}
+
+.comments-title span {
+ margin-left: 3px;
+}
+
+.comments-title a {
+ color: #516181;
+}
+
+.comment-list p.nodata {
+ display: flex;
+ justify-content: center;
+ color: var(--pix-theme);
+}
+
+.single_content , .page_content , .page_wrap {
+ background: #f6faf8;
+ padding: 0 40px;
+ padding-bottom: 100px;
+}
+
+.single_content .comments-area {
+ background: var(--pix-background);
+ padding: 40px;
+ margin-top: 15px;
+ border-radius: 8px;
+}
+
+#commentform {
+ padding: 10px 15px;
+ background: #f7f9f7;
+ border-radius: 5px;
+ border: 1px solid #deece2;
+ margin: 15px 0 25px;
+}
+
+#commentform:focus-within {
+ border: 1px solid var(--hilight-color);
+}
+
+.com_push input#submit {
+ font-size: 13px;
+ border: none;
+ display: flex;
+ align-items: center;
+ padding: 8px 18px;
+ cursor: pointer;
+ background: var(--pix-theme);
+ color: #fff;
+ border-radius: 5px;
+}
+
+.com-footer {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ align-content: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ margin-top: 5px;
+}
+
+.com_tools {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: flex-start;
+ flex-wrap: nowrap;
+}
+
+a.edit-profile {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ font-size: 13px;
+ color: #576889;
+}
+
+a.edit-profile img {
+ width: 24px;
+ height: 24px;
+ object-fit: cover;
+ border-radius: 50%;
+ margin-right: 5px;
+}
+
+a.com_smile_btn {
+ width: 24px;
+ height: 24px;
+ display: flex;
+}
+
+.vi_avatar_box {
+ margin-bottom: 10px;
+}
+
+#commentform textarea#comment {
+ border: none;
+ background: var(--pix-background);
+ font-size: 13px;
+ height: 50px;
+ outline: none;
+ resize: none;
+ border-bottom: 1px solid var(--pix-background);
+ border-radius: 5px;
+ padding: 10px;
+}
+
+#ava-content {
+ background: #fff;
+ border-radius: 8px;
+ padding: 15px;
+ width: 240px;
+}
+
+#comment-author-info p{
+ font-size: 13px;
+ margin-bottom: 5px;
+ color: #516181;
+}
+
+.key-value-entry p {
+ margin-bottom: 5px;
+ color: #516181;
+}
+
+#comment-author-info input,.field input, .field textarea {
+ outline: none;
+ font-size: 13px;
+ padding: 7px 5px;
+ width: 100%;
+ margin-bottom: 7px;
+ border-radius: 5px;
+ border-color: #d0dada;
+ background: var(--pix-background);
+}
+
+#comment-author-info input:focus ,.field input:focus, .field textarea:focus{
+ border-color: var(--hilight-color);
+}
+
+.com_push {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: flex-start;
+}
+
+.commclose {
+ display: none;
+}
+
+footer#colophon {
+ position: fixed;
+ bottom: 30px;
+ font-size: 13px;
+ color: #9fb2a7;
+ left: 2%;
+}
+
+a.beian {
+ color: #9fb2a7;
+ margin-bottom: 3px;
+}
+
+.footer_top {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ flex-wrap: nowrap;
+ align-content: flex-start;
+}
+
+.footer_top span {
+ padding: 0 8px;
+ display: none;
+}
+
+.footer_text {
+ margin-top: 5px;
+}
+
+/* .copyright {
+
+} */
+
+.copyright a {
+ color: var(--pix-theme);
+}
+
+
+.footer_nav {
+ position: fixed!important;
+ bottom: 0;
+ max-width: 960px;
+ z-index: 898;
+ width: 100%;
+}
+
+.footer_nav_box ul {
+ list-style: none;
+ margin-bottom: 0;
+ padding: 0;
+ display: flex;
+ justify-content: center;
+}
+
+.footer_nav_box ul li {
+ position: relative;
+}
+
+small.f_unread_num {
+ position: absolute;
+ right: 10px;
+ top: 0;
+ background: #fe3d3d;
+ color: #fff;
+ border-radius: 5px;
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ align-items: center;
+ font-size: 12px;
+ padding: 0 6px;
+ transform: scale(.8) translateX(50%);
+}
+
+a.com_msg_btn {
+ position: relative;
+}
+
+.msg_title {
+ display: flex;
+ position: absolute;
+ padding: 4px;
+ top: 10px;
+ left: 25px;
+ align-items: center;
+ flex-direction: row;
+ justify-content: flex-start;
+ font-size: 15px;
+ color: #3b4466;
+}
+.msg_title i {
+ margin-right: 5px;
+}
+
+.footer_nav_box ul li a {
+ display: flex;
+ flex-direction: column;
+ flex-wrap: nowrap;
+ align-items: center;
+ align-content: flex-start;
+ font-size: 13px;
+ padding: 0 20px;
+ color: #587667;
+ transition: all .2s;
+ justify-content: center;
+}
+
+.footer_nav_box ul li a img {
+ width: 22px;
+ height: 22px;
+}
+
+.footer_nav_box ul li a:hover {
+ color: var(--hilight-color);
+ transform: translateY(-2px);
+ transition: all .2s;
+}
+
+.footer_nav_box ul li a i {
+ font-size: 22px;
+ line-height: 1;
+}
+
+.footer_nav_box ul li a span {
+ font-size: 12px;
+}
+
+.footer_nav_box {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ flex-wrap: nowrap;
+ width: 100%;
+ backdrop-filter: blur(0.5rem);
+ -webkit-backdrop-filter: blur(0.5rem);
+ background: rgb(235 242 237 / 80%);
+ border-top: 1px solid #edf3f0;
+ position: absolute;
+ right: 0;
+ top: 0px;
+}
+
+.footer_nav_box .inner {
+ display: flex;
+ width: 100%;
+ min-height: 64px;
+}
+
+.footer_nav_box .left {
+ display: flex;
+ align-items: center;
+}
+
+.footer_nav_box .right {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+}
+
+.footer_nav_box .right_inner {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 100%;
+}
+
+.t_dark a {
+ padding: 7px;
+ display: flex;
+ line-height: 1;
+ background: #accab5;
+ border-radius: 8px;
+}
+
+.t_dark a i {
+ color: #fff;
+ font-size: 16px;
+}
+
+.go_top_box {
+ position: fixed;
+ max-width: 960px;
+ width: 100%;
+ height: 65px;
+ bottom: 0;
+}
+
+.lbc .go_top_box {
+ max-width: 720px;
+}
+
+a.go_top {
+ position: absolute;
+ right: -45px;
+ padding: 7px;
+ display: flex;
+ line-height: 1;
+ background: var(--pix-theme);
+ color: #fff;
+ border-radius: 8px;
+ bottom: 20px;
+ opacity: 0;
+ transition: all .15s;
+}
+
+a.go_top.show {
+ bottom: 40px;
+ opacity: 1;
+ transition: all .15s;
+}
+
+.footer_nav_box .left_inner {
+ padding: 0 20px;
+ width: 100%;
+ border-right: 1px solid #e8efea;
+}
+
+.footer_nav_box .left_inner i {
+ font-size: 18px;
+}
+
+.links_modal_inner {
+ padding: 15px;
+ padding-top: 40px;
+}
+
+#link_modal .uk-modal-dialog {
+ width: 420px;
+ border-radius: 8px;
+}
+
+.link_group {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ flex-wrap: wrap;
+ flex-direction: row;
+}
+
+.link-avatar {
+ margin-right: 7px;
+}
+
+.link_group .item {
+ width: 48%;
+ display: flex;
+ padding: 6px;
+ background: #f8f8f8;
+ border-radius: 5px;
+ margin-bottom: 10px;
+}
+
+.links_page .link_group .item {
+ background: #ecf4f0;
+}
+
+.link-avatar a {
+ width: 42px;
+ height: 42px;
+ display: block;
+}
+
+.link-avatar img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 3px;
+}
+
+.link_group .item .info {
+ display: inline-grid;
+ flex-direction: column;
+}
+
+.link_group .item .info .name {
+ font-size: 14px;
+ margin: 0;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.link_group .item .info .name a {
+ color: #40496e;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.link_group .item .info .description {
+ font-size: 12px;
+ color: #a6b5ad;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.link_cat_name {
+ display: flex;
+ margin-bottom: 8px;
+ align-items: center;
+ flex-direction: row;
+ color: #284d2e;
+ font-size: 14px;
+}
+
+.link_cat_name i {
+ margin-right: 2px;
+}
+
+.link_group_content {
+ margin-bottom: 15px;
+ padding-bottom: 15px;
+ border-bottom: 1px solid #edf2ef;
+}
+
+.link_group_content:last-child{
+ border-bottom: none
+}
+
+.links_count {
+ font-size: 13px;
+ margin-bottom: 10px;
+ color: #859a89;
+ display: flex;
+ justify-content: center;
+ position: relative;
+}
+
+.link_group .item:hover {
+ transition: all .1s;
+ background: #e6f3ea;
+ box-shadow: 0px 8px 13px 0px rgb(202 223 208 / 81%);
+}
+
+.link_group .item:hover .name a {
+ color: #069d53;
+}
+
+.unread_box {
+ font-size: 13px;
+ margin-bottom: 10px;
+}
+
+p.msg_limit {
+ font-size: 12px;
+ text-align: center;
+ color: #aeaeae;
+}
+
+.unread_tip {
+ text-align: center;
+ margin-bottom: 10px;
+}
+
+.unread_box .vi_reply_item {
+ background: #eef5f0;
+ border-radius: 8px;
+}
+
+.vi_reply_item {
+ padding: 14px;
+ border-bottom: 1px solid #e7f5eb;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ margin-bottom: 5px;
+}
+
+.vi_reply_item:last-child {
+ border: none;
+}
+
+.vi_reply_item .box {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ flex-wrap: nowrap;
+ width: 100%;
+}
+
+.vi_reply_item .target_comment {
+ font-size: 13px;
+ color: #39435f;
+ display: flex;
+ align-items: center;
+ color: #86928c;
+ margin-bottom: 8px;
+ padding-left: 8px;
+ border-left: 2px solid #b8d2c3;
+}
+
+.vi_reply_item .target_comment span {
+ margin-left: 3px;
+}
+
+.msg_modal_inner {
+ padding: 15px;
+ padding-top: 40px;
+}
+
+#msg_modal .uk-modal-dialog {
+ width: 600px;
+ border-radius: 8px;
+}
+
+.vi_reply_item .reply {
+ display: flex;
+ align-items: flex-start;
+ flex-direction: column;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+ align-content: flex-start;
+ width: 100%;
+}
+
+.vi_reply_item .avatar_top {
+ width: 38px;
+ height: 38px;
+ margin-right: 8px;
+ min-width: 38px;
+}
+
+.vi_reply_item .avatar_top img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 5px;
+}
+
+.vi_reply_item .name {
+ font-size: 13px;
+ color: #a7a7a7;
+}
+
+.vi_reply_item .name span {
+ color: var(--hilight-color);
+ padding-right: 3px;
+}
+
+.vi_reply_item .meta {
+ font-size: 12px;
+ display: flex;
+ color: #a1a1a1;
+}
+
+.vi_reply_item .meta a {
+ color: #069d53;
+}
+
+.vi_reply_item .meta time {
+ margin-right: 5px;
+}
+
+.vi_reply_item .right {
+ display: flex;
+ width: inherit;
+ justify-content: space-between;
+}
+
+.page_content .entry-header {
+ padding: 15px 0;
+ display: none;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid #deebe5;
+}
+
+.page_content .entry-header .left {
+ display: flex;
+ align-items: center;
+}
+
+.page_content .entry-header .right {
+ display: flex;
+ align-items: center;
+ font-size: 13px;
+}
+
+.page_content .entry-header .right time {
+ color: #a8b7ad;
+}
+
+.page_content .entry-header .right .up_like {
+ color: #9cbaab;
+ margin-left: 10px;
+}
+
+.page_content .entry-header .right .up_like i {
+ font-size: 14px;
+}
+
+.page_content .entry-header i {
+ font-size: 18px;
+ margin-right: 3px;
+ color: #b9d1c5;
+}
+
+.page_content .entry-title {
+ font-size: 17px;
+ margin: 0;
+}
+
+.page_content .entry-content {
+ font-size: 15px;
+ color: #3e445c;
+}
+
+.page_content .entry-content a {
+ color: var(--hilight-color);
+}
+
+.s_main {
+ background: #f6faf8;
+ padding: 40px;
+ padding-bottom: 100px;
+ padding-top: 20px;
+}
+
+.s_tips {
+ padding-bottom: 20px;
+ color: #7d8e86;
+ border-bottom: 1px solid #e1f0e8;
+}
+
+.search_moment_inner.search_item {
+ display: flex;
+}
+
+/* .search_item .left {
+
+} */
+
+.search_item .left .icon_mark {
+ margin-right: 8px;
+}
+
+.search_item .left .icon_mark i {
+ width: 42px;
+ height: 42px;
+ background: #d4e4d9;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 8px;
+ color: #2da860;
+}
+
+/* .search_item .right {
+
+} */
+
+.search_item .right .top {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ font-size: 13px;
+ color: #94a599;
+}
+
+.search_item .right .top .cat {
+ margin-right: 8px;
+}
+
+.search_item .right a {
+ color: #546983;
+}
+
+.search_item .right a:hover {
+ color: var(--hilight-color);
+ text-decoration: underline;
+}
+
+.page-content.no_resault {
+ text-align: center;
+}
+
+.page-content.no_resault img {
+ width: 70%;
+ margin-top: 60px;
+}
+
+.nodata_main {
+ background: #f6faf8;
+ padding: 40px;
+ padding-bottom: 100px;
+ padding-top: 20px;
+}
+
+/* .normal_content {
+
+} */
+
+.normal_content .entry-content , .normal_grid_content .entry-content {
+ margin: 0;
+}
+
+.normal_content .entry-title , .normal_grid_content .entry-title {
+ font-size: 18px;
+ margin-bottom: 5px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+}
+
+.normal_content .entry-title a , .normal_grid_content .entry-title a {
+ color: #32395c;
+}
+
+.normal_content .entry_meta , .normal_card_content .entry_meta , .normal_grid_content .entry_meta {
+ font-size: 13px;
+ color: #89a396;
+}
+
+.normal_content .entry-content p , .normal_card_content .entry-content p {
+ margin: 8px 0;
+ margin-bottom: 12px;
+ color: #606268;
+}
+
+.normal_content .entry-content .feature {
+ width: 100%;
+ height: 200px;
+}
+
+/* .normal_content .entry-content .feature a {
+
+} */
+
+.normal_content .entry-content .feature a img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.normal_content .post_footer_meta span.comnum , .normal_card_content .post_footer_meta span.comnum , .normal_grid_content .post_footer_meta span.comnum {
+ background: none;
+ color: #444444;
+}
+
+.normal_content .post_footer_meta span.comnum i , .normal_card_content .post_footer_meta span.comnum i , .normal_grid_content .post_footer_meta span.comnum i {
+ color: #819286;
+}
+
+.normal_content a.up_like , .normal_card_content a.up_like , .normal_grid_content a.up_like {
+ margin-left: 5px;
+}
+
+.normal_cat {
+ font-size: 12px;
+ padding: 3px 8px;
+ background: #accab5;
+ border-radius: 3px;
+ color: #ffffff;
+}
+
+.normal_card_content {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+}
+
+.normal_card_content .feature {
+ width: 140px;
+ min-width: 140px;
+ height: 180px;
+ margin-right: 12px;
+}
+
+.normal_card_content .feature img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.normal_card_content .card_right {
+ display: flex;
+ flex-direction: column;
+ flex-wrap: nowrap;
+ align-content: flex-start;
+ width: 100%;
+ overflow: hidden;
+}
+
+.normal_card_content .entry-title {
+ font-size: 18px;
+ margin-bottom: 5px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: break-spaces;
+}
+
+.normal_card_content .entry-title a {
+ color: #32395c;
+}
+
+.normal_card_content .entry-title a:hover{
+ color: var(--hilight-color);
+}
+
+.normal_card_content .entry-content {
+ margin: 0;
+ margin-top: 5px;
+}
+
+.normal_card_content .entry-footer {
+ margin-top: 10px;
+}
+
+.normal_grid_content .entry-content .feature {
+ width: 100%;
+ height: 130px;
+}
+
+.normal_grid_content .entry-content .feature a img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.normal_grid_content .entry-footer {
+ margin-top: 12px;
+}
+
+.normal_grid_content .entry_meta {
+ margin-bottom: 5px;
+}
+
+.normal_grid_content .post_footer_meta span.comnum {
+ padding: 0;
+}
+
+.grid_item {
+ padding: 20px 0 0;
+}
+
+.feature {
+ overflow: hidden;
+}
+
+.feature img {
+ transition: all .3s;
+}
+
+.feature img:hover {
+ transform: scale(1.06);
+ transition: all .3s;
+}
+
+.single_wrap {
+ padding: 40px;
+ padding-bottom: 100px;
+}
+
+.post-single .entry-title {
+ font-size: 19px;
+ color: #292f42;
+ margin-bottom: 10px;
+}
+
+.post-single .post_header ul {
+ display: flex;
+ flex-direction: row;
+ align-content: center;
+ align-items: center;
+ justify-content: space-between;
+ padding: 0;
+ margin: 0;
+ margin-bottom: 25px;
+ font-size: 13px;
+}
+
+.post-single .header_meta {
+ display: flex;
+ align-content: center;
+ align-items: center;
+}
+
+span.single_time {
+ display: flex;
+ align-items: center;
+}
+
+span.single_time i {
+ margin-right: 3px;
+}
+
+.post-single a.up_like {
+ margin-left: 10px;
+}
+
+.post-single .post_header ul.post-categories {
+ margin: 0;
+}
+
+.post-categories li {
+ list-style: none;
+}
+
+.post-categories a {
+ padding: 5px 8px;
+ background: #cee2d4;
+ color: #7cad95;
+ border-radius: 5px;
+ margin-left: 3px;
+}
+
+.post-categories a:hover {
+ color: var(--hilight-color);
+}
+
+.single_wrap .comments-area , .page_content .comments-area {
+ background: var(--pix-background);
+ padding: 40px;
+ margin-top: 30px;
+ border-radius: 8px;
+}
+
+.single-inner {
+ padding: 20px 0;
+ border-top: 1px solid #e6eee8;
+}
+
+.single-content {
+ margin: 1rem 0;
+ border-radius: 8px;
+}
+
+.s_tips span {
+ color: var(--hilight-color);
+ padding: 0 2px;
+}
+
+.page_wrap {
+ padding-top: 20px;
+}
+
+/* .column_item {
+
+} */
+
+.column_inner {
+ background: var(--pix-background);
+}
+
+.column_inner .cat_img {
+ position: relative;
+ width: 100%;
+ height: 120px;
+}
+
+.column_inner .cat_img a:before {
+ content: "";
+ position: absolute;
+ background: linear-gradient(0deg,#0011097a 5%,#0d0d0d00 50%);
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ border-radius: 10px;
+}
+
+.column_inner .cat_img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 12px;
+}
+
+.column_inner .cat_img .meta {
+ position: absolute;
+ bottom: 15px;
+ left: 15px;
+ color: #fff;
+ font-size: 12px;
+}
+
+.column_inner .cat_img .meta .title {
+ font-size: 15px;
+}
+
+.column_inner .cat_img .meta p {
+ margin: 0;
+}
+
+ul.column_lists {
+ padding: 15px;
+ margin: 0;
+ height: 92px;
+}
+
+ul.column_lists li {
+ list-style: none;
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ font-size: 14px;
+ padding: 5px;
+ align-items: center;
+}
+
+ul.column_lists li a {
+ width: 60%;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ color: #4a4e72;
+}
+
+ul.column_lists li a:hover {
+ color: var(--hilight-color);
+ text-decoration: underline;
+}
+
+ul.column_lists li span {
+ color: #7e8f83;
+ font-size: 12px;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.archive_main {
+ background: #f6faf8;
+ padding-bottom: 150px;
+}
+
+.archive_main .page-header {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ padding: 20px 40px;
+ align-items: center;
+ border-bottom: 1px solid var(--pix-background);
+}
+
+.archive_main .cat_img {
+ width: 64px;
+ height: 64px;
+ min-width: 64px;
+ margin-right: 10px;
+}
+
+.archive_main .cat_img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 8px;
+}
+
+/* .archive_main .cat_title {
+
+} */
+
+.archive_main .cat_title h1 {
+ font-size: 18px;
+ margin-bottom: 5px;
+ color: #4a586b;
+}
+
+.archive_main .cat_title .archive-description {
+ font-size: 13px;
+ color: #8e9f93;
+}
+
+.archive_main .cat_title .archive-description p {
+ margin: 0;
+}
+
+/* .sidebar {
+
+} */
+
+.sidebar .widget:last-child {
+ border: none;
+}
+
+.wid_title , h2.widget-title {
+ margin-bottom: 15px;
+ font-size: 14px;
+ color: #9098a7;
+ font-weight: 600;
+}
+
+.wid_sw_social {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+ align-content: center;
+}
+
+.sw_item {
+ position: relative;
+}
+
+.wid_sw_social a {
+ margin-right: 8px;
+ margin-bottom: 8px;
+ display: flex;
+ line-height: 1;
+ justify-content: center;
+ padding: 8px;
+ background: #2f2f2f;
+ border-radius: 5px;
+}
+
+.sw_qrcode {
+ position: absolute;
+ display: none;
+ background: #fff;
+ padding: 5px;
+ border-radius: 3px;
+ z-index: 99;
+ left: 50%;
+ width: max-content;
+ transform: translateX(-50%);
+ box-shadow: 0px 4px 14px 0px #8abb8f91;
+}
+
+.sw_qrcode img {
+ width: 120px;
+}
+
+.wid_sw_social a img {
+ width: 18px;
+ height: 18px;
+}
+
+.wid_sw_social a i {
+ display: flex;
+ line-height: 1;
+ width: 20%;
+ justify-content: center;
+ color: #fff;
+ font-size: 18px;
+}
+
+/* .widget_inner.sidebar_inner {
+
+} */
+
+.widget_inner .widget {
+ border-bottom: 1px solid #e1eae4;
+ padding: 0 40px 20px;
+ margin: 0;
+ margin-bottom: 20px;
+}
+
+.items.wid_ad_info {
+ display: flex;
+ flex-direction: column;
+ flex-wrap: nowrap;
+ align-content: flex-start;
+}
+
+.ad_info {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ padding-bottom: 5px;
+}
+
+.ad_info .meta {
+ display: flex;
+}
+
+.ad_info p {
+ margin: 0;
+ font-size: 14px;
+ color: #89978c;
+ line-height: 1;
+}
+
+.ad_info a {
+ font-size: 14px;
+ color: #89978c;
+}
+
+.ad_info a:hover {
+ color: var(--hilight-color);
+ text-decoration: underline;
+}
+
+.ad_info .name {
+ margin-right: 5px;
+ color: #5f936e;
+ display: flex;
+}
+
+.ad_info .name img {
+ width: 16px;
+ height: 16px;
+}
+
+.widget_media_image figure {
+ height: 120px;
+ width: 100%;
+}
+
+.widget_media_image img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 8px !important;
+}
+
+.widget_nav_menu .widget-title {
+ margin-bottom: 10px;
+ font-size: 14px;
+ color: #4b566b;
+}
+
+.widget_nav_menu ul {
+ padding: 0;
+ margin: 0;
+}
+
+.widget_nav_menu ul li {
+ list-style: none;
+}
+
+.widget_nav_menu ul li a {
+ color: #536a5d;
+ padding: 8px 15px;
+ display: flex;
+ font-size: 14px;
+ border-radius: 8px;
+}
+
+.widget_nav_menu ul li a:hover {
+ color: #069d53;
+ transition: all .1s;
+ background: #e0ebe4;
+ box-shadow: 0px 11px 20px 0px rgb(202 223 208);
+}
+
+.widget_nav_menu li ul {
+ display: none;
+ padding-left: 10px;
+}
+
+.posts_show_widget ul {
+ padding: 0;
+}
+
+.posts_show_widget ul li {
+ list-style: none;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ margin-bottom: 15px;
+}
+
+.posts_show_widget ul li .image a {
+ width: 50px;
+ height: 50px;
+ display: flex;
+}
+
+.posts_show_widget ul li .image img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.posts_show_widget ul li .title {
+ font-size: 14px;
+ margin-bottom: 3px;
+}
+
+.posts_show_widget ul li .title a {
+ color: #313964;
+}
+
+.posts_show_widget ul li .title a:hover {
+ color: var(--hilight-color);
+}
+
+.posts_show_widget ul li .info {
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ width: 100%;
+ margin-left: 8px;
+}
+
+.posts_show_widget ul li .meta {
+ font-size: 12px;
+ color: #a1a1a1;
+}
+
+.posts_show_widget .no_img li a:before{
+ /*content: "#";*/
+ color: #23bb6e;
+ margin-right: 3px;
+}
+
+.posts_show_widget .no_img li .image {
+ display: none;
+}
+
+.hot_cat ul {
+ padding: 0;
+}
+
+.hot_cat ul li {
+ list-style: none;
+ display: flex;
+ margin-bottom: 10px;
+}
+
+.hot_cat ul li a {
+ width: 100%;
+ height: 60px;
+ position: relative;
+}
+
+.hot_cat ul li a .cat_img {
+ position: absolute;
+ width: 100%;
+ height: 60px;
+}
+
+.hot_cat ul li a img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.hot_cat ul li a .cat_name {
+ z-index: 9;
+ position: relative;
+ display: flex;
+ height: inherit;
+ align-items: center;
+ justify-content: flex-start;
+ padding-left: 25px;
+}
+
+.hot_cat ul li a .cat_img::before {
+ position: absolute;
+ content: "";
+ width: 100%;
+ height: 100%;
+ background: rgb(0 1 70 / 29%);
+ border-radius: 8px;
+}
+
+.hot_cat ul li a .cat_name h2 {
+ font-size: 14px;
+ color: #fff;
+ margin: 0;
+}
+
+.cst_widget_comment ul {
+ padding: 0;
+}
+
+.cst_widget_comment ul li {
+ list-style: none;
+ display: flex;
+ flex-direction: row;
+ align-items: flex-start;
+ justify-content: flex-start;
+ margin-bottom: 20px;
+}
+
+/* .cst_widget_comment ul li .left {
+
+} */
+
+.cst_widget_comment ul li .left a {
+ width: 42px;
+ height: 42px;
+ display: flex;
+}
+
+.cst_widget_comment ul li .left a img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 8px;
+}
+
+.cst_widget_comment ul li .right {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ position: relative;
+ margin-left: 8px;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.cst_widget_comment ul li .right a {
+ line-height: 1;
+ padding-bottom: 4px;
+ color: #313964;
+ max-width: 40%;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.cst_widget_comment ul li .right a:hover{
+ color: var(--hilight-color);
+}
+
+.cst_widget_comment ul li .right .body {
+ font-size: 13px;
+ background: #dee9e1;
+ padding: 5px 7px;
+ border-radius: 5px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.cst_widget_comment ul li .right .meta {
+ font-size: 12px;
+ position: absolute;
+ right: 0;
+ color: #99aaa1;
+}
+
+.pix_widget_tongji ul {
+ padding: 0;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+
+.pix_widget_tongji ul li {
+ list-style: none;
+ display: flex;
+ flex-direction: column;
+ width: 48%;
+ align-items: flex-start;
+ background: linear-gradient(90deg,#f6faf8,#816bff00);
+ border-radius: 5px;
+ margin-bottom: 10px;
+ padding: 8px 12px 5px;
+ box-shadow: 0px 8px 9px 0px rgb(202 223 208 / 29%);
+}
+
+.pix_widget_tongji ul li span {
+ font-size: 14px;
+ color: #879f8e;
+}
+
+.pix_widget_tongji ul li small {
+ font-size: 14px;
+ font-weight: 600;
+ color: #5b8a72;
+}
+
+.widget_tag_cloud .tagcloud {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+}
+
+.widget_tag_cloud a {
+ font-size: 12px !important;
+ padding: 3px 8px;
+ background: #f6faf8;
+ margin-bottom: 5px;
+ display: flex;
+ margin-right: 5px;
+ border-radius: 3px;
+ box-shadow: 0px 8px 9px 0px rgb(202 223 208 / 29%);
+ color: #5e7b66;
+ flex-direction: row;
+ align-items: center;
+}
+
+widget_tag_cloud a {
+ color: var(--hilight-color);
+}
+
+li.sf_item {
+ padding: 4px 0;
+ margin-right: 12px;
+}
+
+li.sf_item a {
+ display: flex;
+ align-items: center;
+}
+
+.sf_wid_info {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+}
+
+.sf_item a {
+ font-size: 13px;
+ color: #7d9484;
+}
+
+.sf_item a:hover {
+ color: var(--hilight-color);
+}
+
+.sf_item img {
+ max-height: 16px;
+ margin-right: 5px;
+}
+
+li.sf_item.oneline {
+ width: auto;
+}
+
+#login_form_box .modal_inner {
+ width: 280px;
+}
+
+form#login label {
+ position: relative;
+ display: flex;
+ margin-bottom: 10px;
+ align-items: center;
+ justify-content: flex-start;
+ align-content: center;
+}
+
+#login_form_box input#username , #login_form_box input#password {
+ width: 100%;
+ font-size: 13px;
+ padding: 8px 5px 8px 40px;
+ background: var(--pix-background);
+ border-color: #c2cfc9;
+ outline: none;
+ border-radius: 8px;
+}
+
+#login_form_box input#username:focus , #login_form_box input#password:focus {
+ border-color: var(--hilight-color);
+}
+
+#login_form_box [for="loginRemember"] {
+ font-size: 0.75rem;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ height: 1.5rem;
+}
+
+#login_form_box label i {
+ position: absolute;
+ left: 10px;
+ color: #6c8677;
+}
+
+input.submit_button {
+ width: 100%;
+ text-align: center;
+ padding: 12px;
+ background: var(--pix-theme);
+ color: #fff;
+ border-radius: 8px;
+ font-size: 13px;
+ cursor: pointer;
+ border: none;
+ margin-bottom: 20px;
+}
+
+p.log_title {
+ font-size: 14px;
+ color: #58625c;
+}
+
+.admin_bottom_bar {
+ display: flex;
+ justify-content: space-between;
+}
+
+.admin_bottom_bar .left {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ align-content: center;
+ align-items: center;
+}
+
+.admin_bottom_bar .left img {
+ width: 32px;
+ height: 32px;
+ margin-right: 5px;
+ border-radius: 50%;
+}
+
+.admin_bottom_bar .left a {
+ width: 32px;
+ height: 32px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-content: center;
+ color: #8fb49d;
+ background: #eff4f0;
+ border-radius: 50%;
+ margin-right: 5px;
+}
+
+.top_ava {
+ width: 28px;
+ height: 28px;
+ margin-left: 10px;
+ position: relative;
+}
+
+.top_ava img {
+ border-radius: 50%;
+ cursor: pointer;
+ box-shadow: 0px 4px 14px 0px #8abb8f91;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.user_pannel {
+ min-width: 140px;
+ padding: 15px;
+ display: none;
+}
+
+.user_pannel .inner {
+ display: flex;
+ flex-direction: column;
+ align-content: flex-start;
+ flex-wrap: nowrap;
+}
+
+.user_pannel .inner a {
+ display: flex;
+ align-items: center;
+ font-size: 15px;
+ color: #37543d;
+ padding: 10px;
+ background: var(--pix-background);
+ margin-bottom: 5px;
+ border-radius: 8px;
+}
+
+.user_pannel .inner a:hover {
+ color: #ffffff;
+ background: var(--hilight-color);
+}
+
+.user_pannel .inner a i {
+ margin-right: 5px;
+}
+
+.bottom_tool {
+ position: fixed;
+ bottom: 15px;
+ max-width: 320px;
+ padding: 0 40px;
+ display: none;
+ width: 100%;
+}
+
+.bottom_tool .inner {
+ display: flex;
+ width: 100%;
+ background: #f6faf7;
+ padding: 10px 15px;
+ border-radius: 8px;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.lbc .top_logo.close_bar {
+ display: block;
+ padding-top: 20px;
+}
+
+.lbc .top_logo.close_bar img {
+ width: 38px;
+ height: 38px;
+}
+
+a.music_btn {
+ color: #91c38e;
+ font-size: 18px;
+}
+
+span.menu_tips {
+ position: absolute;
+ font-size: 12px;
+ right: 0;
+ padding: 4px 8px;
+ background: #080808e8;
+ color: #fff;
+ border-radius: 3px;
+ transform: translateX(105%);
+ white-space: nowrap;
+}
+
+.left_menu_box ul li a i.drop_icon{
+ position: absolute;
+ right: 10px;
+ color: #83a897;
+}
+
+.left_menu_box ul li a i.drop_icon.up,.menu-top-container ul li a i.drop_icon.up {
+ transform: rotate(180deg);
+}
+
+#post_pager {
+ display: flex;
+ justify-content: space-between;
+ padding: 40px;
+ align-items: center;
+}
+
+#post_pager a {
+ display: flex;
+ align-content: center;
+ align-items: center;
+ font-size: 13px;
+ padding: 5px 8px;
+ background: #accab5;
+ color: #fff;
+ border-radius: 5px;
+ padding-left: 12px;
+ margin-right: 5px;
+}
+
+#post_pager a.prev {
+ padding-left: 8px;
+ padding-right: 12px;
+}
+
+#post_pager a:hover {
+ background: var(--hilight-color);
+}
+
+.pager_inner {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+}
+
+#post_pager .c_paged {
+ font-size: 14px;
+ color: #687c70;
+}
+
+.pix_player.loacl_audio{
+ background: rgb(241 243 244)
+}
+
+.pix_player {
+ display: flex;
+ max-width: 300px;
+ width: 100%;
+ background: rgb(235 242 237 / 81%);
+ margin-bottom: 5px;
+ border-radius: 5px;
+ position: relative;
+ align-items: center;
+}
+
+.player_thum {
+ width: 64px;
+ height: 64px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ min-width: 64px;
+}
+
+.player_thum img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 5px;
+}
+
+a.play_btn {
+ line-height: 1;
+ padding: 7px;
+ background: #00b34a;
+ border-radius: 50%;
+ margin: 0 10px;
+}
+
+a.play_btn i {
+ display: flex;
+ color: #fff;
+}
+
+.player_time {
+ display: flex;
+ font-size: 13px;
+}
+
+.player_bar {
+ height: 3px;
+ width: 100%;
+ background: #ddd;
+ position: relative;
+ cursor: pointer;
+ border-radius: 3px;
+}
+
+.player_bar .progress {
+ position: absolute;
+ height: 3px;
+ background: linear-gradient(90deg,#00b34a,#00e0c7);
+ left: 0;
+ top: 0;
+ border-radius: 3px;
+}
+
+.player_tool {
+ margin-top: 5px;
+}
+
+.player_meta {
+ width: 100%;
+ padding: 5px 10px;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.player_meta .title {
+ font-size: 14px;
+ display: flex;
+ flex-direction: column;
+ line-height: 1;
+ margin-bottom: 4px;
+ color: #151515;
+}
+
+.player_meta .title span.author{
+ font-size: 12px;
+ color: #969696;
+}
+
+.player_meta .title span.name {
+ margin-bottom: 3px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+.play_bg {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ z-index: -1;
+ border-radius: 5px;
+ top: 0;
+ left: 0;
+ overflow: hidden;
+}
+
+.play_bg img {
+ object-fit: cover;
+ width: 110%;
+ height: 110%;
+ border-radius: 5px;
+ filter: blur(10px);
+}
+
+.land_page {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+ flex-wrap: nowrap;
+ background: #f6f7ff;
+}
+
+.land_content {
+ max-width: 1280px;
+ width: 100%;
+ display: flex;
+ flex-direction: row;
+ margin: 60px auto;
+ height: 800px;
+ background: #fff;
+ border-radius: 16px;
+ overflow: hidden;
+ box-shadow: 0px 12px 15px 2px rgb(224 225 255 / 41%);
+}
+
+.land_left {
+ background-size: cover;
+ width: 50%;
+}
+
+.land_right {
+ display: flex;
+ width: 50%;
+ flex-direction: column;
+ align-content: flex-start;
+ padding: 80px;
+ position: relative;
+ padding-top: 80px;
+}
+
+.land_right .title {
+ font-size: 42px;
+ font-weight: 600;
+ margin-bottom: 15px;
+}
+
+.land_right .title p {
+ margin: 0;
+ display: inline-block;
+ position: relative;
+ line-height: 1.2;
+}
+
+
+.land_right .land_des {
+ font-size: 16px;
+ color: #5f6383;
+ margin-bottom: 20px;
+ line-height: 1.8;
+}
+
+.land_right .land_des a {
+ color: #008549;
+}
+
+.land_nav {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ justify-content: flex-start;
+ align-items: center;
+ align-content: center;
+ margin-top: 20px;
+}
+
+.land_logo {
+ margin-bottom: 60px;
+}
+
+.land_logo img {
+ height: 42px;
+ border-radius: 8px;
+}
+
+.land_nav a {
+ padding: 8px 14px;
+ background: #2e2e2e;
+ color: #fff;
+ font-size: 15px;
+ border-radius: 8px;
+ margin-right: 8px;
+ display: flex;
+ justify-content: center;
+ width: 22%;
+ align-items: center;
+}
+
+.land_nav a:hover {
+ background: #00b34a;
+ transition: all .2s;
+ color: #fff;
+}
+
+.land_nav a i {
+ margin-right: 5px;
+}
+
+.land_nav a span {
+ font-size: 15px;
+}
+
+.land_right .footer {
+ position: absolute;
+ bottom: 80px;
+ display: flex;
+ justify-content: space-between;
+ left: 0;
+ right: 0;
+ padding: 0 80px;
+ font-size: 14px;
+}
+
+.land_right .beian {
+ color: #aeb7cd;
+}
+
+.land_right .copyright {
+ color: #aeb7cd;
+}
+
+.land_page.sim {
+ display: flex;
+ align-items: flex-start;
+ background: #f5f7ff;
+}
+
+.sim .land_content {
+ max-width: 500px;
+ width: 100%;
+ background: transparent;
+ display: flex;
+ flex-direction: column;
+ height: auto;
+ padding-bottom: 10px;
+ margin-top: 6%;
+ overflow: inherit;
+ box-shadow: none;
+}
+
+.sim .land_top {
+ width: 100%;
+ height: 180px;
+ border-radius: 16px;
+ background-size: cover;
+ position: relative;
+ box-shadow: 0px 4px 9px 3px rgb(225 225 252);
+}
+
+.sim .land_logo {
+ margin: 0;
+ bottom: auto;
+ top: auto;
+ width: 58px;
+ height: 58px;
+ left: auto;
+ position: relative;
+}
+
+.sim .land_logo img {
+ border: 2px solid #fff;
+ object-fit: cover;
+ width: 100%;
+ height: 100%;
+}
+
+.sim .land_meta {
+ position: absolute;
+ bottom: -15px;
+ top: auto;
+ left: 50px;
+ display: flex;
+ flex-direction: row;
+}
+
+.sim .land_meta .title {
+ padding-top: 6px;
+ margin-left: 8px;
+ color: #fff;
+ text-shadow: 1px 2px 3px #3348cd9c;
+}
+
+.sim .land_bottom {
+ margin-top: 40px;
+}
+
+.sim .land_des {
+ font-size: 15px;
+ line-height: 1.8;
+}
+
+.sim .land_des a {
+ color: #4d4ec3;
+}
+
+.sim .land_nav {
+ margin-top: 40px;
+ display: flex;
+ justify-content: space-around;
+}
+
+.sim .land_nav a {
+ background: #ebefff;
+ color: #48509d;
+ padding: 8px 16px;
+ margin: 0;
+ border-radius: 5px;
+ transition: all .2s;
+ -webkit-transition: all .2s;
+ -moz-transition: all .2s;
+ -ms-transition: all .2s;
+ -o-transition: all .2s;
+ box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #ffffff), color-stop(97%, #f2f2f7));
+ background-image: linear-gradient(-180deg, #f8f9ff 8%, #eeeeff 97%);
+ border: 1px solid #e9eaec;
+ -webkit-box-shadow: 0 3px 4px 0 rgb(44 71 146 / 32%), inset 0 -2px 0 0 #e1e3e8;
+ box-shadow: 0 3px 4px 0rgba(44,71,146,.32),inset 0 -2px 0 0 #e1e3e8;
+}
+
+.sim .land_nav a:hover {
+ transform: translateY(-3px);
+ -webkit-box-shadow: 0 8px 20px 0 rgb(44 71 146 / 20%);
+ box-shadow: 0 8px 20px 0 rgb(44 71 146 / 20%);
+ border: 1px solid #f3f3f8;
+ -webkit-transform: scale(1.02);
+ transform: translateY(-2px);
+}
+
+.sim .footer {
+ display: flex;
+ font-size: 14px;
+ justify-content: space-between;
+ margin-top: 40px;
+ color: #b8bdd3;
+}
+
+.sim .footer a {
+ color: #6773c7;
+}
+
+.diy_html {
+ margin-top: 40px;
+}
+
+.land_page.sim.darkl , .land_page.darkl {
+ background: #0a0c19;
+}
+
+.sim.darkl .land_top , .darkl .land_content {
+ box-shadow: 0px 4px 9px 3px rgb(2 5 23);
+}
+
+.sim.darkl .land_logo img {
+ border: 0px solid #0a0c19;
+}
+
+.sim.darkl .land_des {
+ font-size: 15px;
+ line-height: 1.8;
+ color: #c8cbe1;
+}
+
+.sim.darkl .land_nav a {
+ color: #848bbd;
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(8%, #27293e), color-stop(97%, #10121f));
+ background-image: linear-gradient(-180deg, #27293e 8%, #10121f 97%);
+ border: 1px solid #0e1123;
+ -webkit-box-shadow: 0 3px 4px 0 rgb(6 7 17), inset 0 -2px 0 0 #0b0d16;
+ box-shadow: 0 3px 4px 0 rgb(6 7 17),inset 0 -2px 0 0 #0b0d16;
+}
+
+.sim.darkl .land_nav a:hover {
+ -webkit-box-shadow: 0px 6px 20px 3px rgb(66 67 181 / 24%);
+ box-shadow: 0px 6px 20px 3px rgb(66 67 181 / 24%);
+ border: 1px solid #2600ff;
+ -webkit-transform: scale(1.02);
+ transform: translateY(-2px);
+ background-image: linear-gradient(1deg, #070b41 8%, #2b2152 97%);
+}
+
+.darkl .land_content {
+ background: #161829;
+}
+
+.darkl .land_right .title p {
+ color: #fff;
+}
+
+.darkl .land_right .land_des {
+ color: #b5b8d3;
+}
+
+.darkl .land_right .land_des a {
+ color: #00f697;
+}
+
+.darkl .land_nav a {
+ background: #070707;
+ transition: all .2s;
+ color: #fff;
+}
+
+.darkl .land_nav a:hover {
+ background: #00bb5f;
+ transform: translateY(-2px);
+ box-shadow: 0px 5px 18px 0px #06972470;
+ transition: all .2s;
+}
+
+.sim.darkl .land_content {
+ background: transparent;
+ box-shadow: none;
+}
+
+/*—滚动条默认显示样式–*/
+::-webkit-scrollbar-thumb{
+ background-color:var(--hilight-color);
+ height:50px;
+ outline-offset:-2px;
+ outline:2px solid #fff;
+
+}
+
+ /*—滚动条大小–*/
+ ::-webkit-scrollbar{
+ width:6px;
+ height:6px;
+}
+
+ /*—滚动框背景样式–*/
+ ::-webkit-scrollbar-track-piece{
+ -webkit-border-radius:0;
+}
+
+/* Keyword values */
+* {
+scrollbar-width: auto; /* 系统默认的滚动条宽度 */
+scrollbar-width: thin; /* 系统提供的瘦滚动条宽度,或者比默认滚动条宽度更窄的宽度 */
+scrollbar-width: none; /* 不显示滚动条,但是该元素依然可以滚动 */
+
+/* Global values */
+scrollbar-width: inherit;
+scrollbar-width: initial;
+scrollbar-width: unset;
+}
+.coco-msg {
+ border-radius: 5px;
+}
+
+.compensate-for-scrollbar {
+ margin: 0 !important;
+}
+
+img.s_nodata {
+ opacity: .5;
+ width: 300px;
+}
+
+p.no_posts {
+ display: flex;
+ justify-content: center;
+ margin-top: 50px;
+ flex-direction: column;
+ align-content: center;
+ align-items: center;
+ width: 100%;
+}
+
+p.no_posts small {
+ font-size: 15px;
+ color: #a9bbaa;
+}
+
+.msg_log {
+ text-align: center;
+ font-size: 15px;
+ color: #a9bbaa;
+ padding-top: 20px;
+}
+
+.read_box .msg_log {
+ display: none;
+}
+
+.lbc .left_nav , .lbc .footer_nav_box .left {
+ width: 12%;
+}
+
+.lbc .page_main , .lbc .footer_nav_box .right {
+ width: 88%;
+}
+
+.lbc .left_menu_box ul {
+ padding: 0 10px;
+ display: flex;
+ flex-direction: column;
+ align-content: center;
+ align-items: center;
+ flex-wrap: nowrap;
+ border: none;
+}
+
+.lbc .nav_title {
+ display: none;
+ opacity: 0;
+}
+
+.lbc .left_menu_box ul li a {
+ justify-content: center;
+ padding: 12px;
+}
+
+.lbc .left_menu_box ul li a img , .lbc .left_menu_box ul li a i {
+ margin: 0;
+}
+
+.lbc .left_menu_box ul li {
+ width: auto;
+}
+
+.lbc .top_logo {
+ padding: 0;
+ text-align: center;
+ padding-top: 15px;
+ display: none;
+ margin-bottom: 15px;
+}
+
+.lbc .sidebar {
+ display: none;
+}
+
+.lbc .left_menu_box li ul {
+ padding: 0;
+ display: none;
+}
+
+.lbc .main_wrap , .lbc .top_bar , .lbc .footer_nav {
+ max-width: 720px;
+}
+
+.lbc .bottom_tool {
+ padding: 0;
+ justify-content: center;
+ width: 86px;
+}
+
+.lbc .bottom_tool .inner {
+ width: auto;
+}
+
+.lbc .left_menu_box ul li a i.drop_icon {
+ display: none;
+}
+
+
+.left_nav {
+ z-index: 899;
+}
+
+a.mobile_edit {
+ display: none;
+ border-radius: 50%;
+ background: var(--pix-theme);
+ color: #fff;
+ width: 28px;
+ height: 28px;
+ justify-content: center;
+ align-items: center;
+ align-content: center;
+}
+
+.mobile_edit i {
+ line-height: 1;
+}
+
+.admin_ava {
+ display: flex;
+}
+
+.single-content img , .entry-content img {
+ border-radius: 8px !important;
+}
+
+.single-content ul li , .entry-content ul li {
+ list-style: circle;
+ padding-bottom: 12px;
+ margin-bottom: 8px;
+ border-bottom: 1px solid #e5f1ea;
+}
+
+.single-content ol li , .entry-content ol li {
+ padding-bottom: 12px;
+ margin-bottom: 8px;
+ border-bottom: 1px solid #e5f1ea;
+ padding-left: 10px;
+}
+
+.single-content li p{
+ margin: 0 0 0px;
+}
+
+ul[data-type=taskList] li, ul .vditor-task {
+ display: flex;
+}
+
+ul[data-type=taskList] li>label {
+ flex: 0 0 auto;
+ margin-right: 0.5rem;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ user-select: none;
+ pointer-events: none;
+}
+
+ul[data-type=taskList] p {
+ margin-top: -0.08em;
+}
+
+.single-content blockquote , .entry-content blockquote {
+ font-size: 15px;
+ font-style: normal;
+ padding: 8px 12px;
+ background: #f6f7ff;
+ border-radius: 5px;
+ border: 1px solid #eaf0ff;
+}
+
+.single-content a , .page_content .entry-content a {
+ color: #4f5e91;
+ text-decoration: underline;
+ word-wrap: break-word;
+}
+
+.notification-content p a{
+ color: #4f5e91;
+}
+
+.single-content a:hover,.notification-content p a:hover {
+ color: var(--hilight-color);
+}
+
+.single-content .wp-block-table th , .single-content .wp-block-table td {
+ padding: 10px 5px !important;
+}
+
+pre:not(.content) {
+ padding: 0;
+ position: relative;
+}
+
+/*
+*评论滑块
+*/
+.comment-form-validate {
+ display: inline-block;
+ position: relative;
+ margin-right: 10px;
+}
+
+.comment-form-validate input {
+ position: absolute;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ z-index: 5;
+ opacity: 0;
+ cursor: pointer;
+}
+
+label.comment_check_style {
+ width: 50px;
+ height: 2px;
+ background: #ccc;
+ position: relative;
+ display: inline-block;
+ border-radius: 46px;
+ -webkit-transition: 0.2s;
+ transition: 0.2s;
+ top: -4px;
+}
+
+label.comment_check_style:after {
+ content: '';
+ position: absolute;
+ width: 18px;
+ height: 18px;
+ border-radius: 100%;
+ left: 0;
+ top: -8px;
+ z-index: 2;
+ background: #bcbcd4;
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+ -webkit-transition: 0.2s;
+ transition: 0.2s;
+}
+
+.comment-form-validate input:hover + label:after {
+ box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.2), 0 3px 8px 0 rgba(0, 0, 0, 0.15);
+}
+.comment-form-validate input:checked + label:after {
+ left: 32px;
+ background: #2942ff;
+}
+
+/*
+*片刻类型
+*/
+
+/* .add_card_box {
+
+} */
+
+/* .edit_card_box {
+
+} */
+
+.edit_card_box .tips {
+ font-size: 13px;
+ color: #535370;
+}
+
+.edit_card_box .edit_content {
+ display: flex;
+ flex-direction: row;
+ align-items: stretch;
+ justify-content: flex-start;
+ padding: 10px 0;
+}
+
+.edit_card_box .edit_content input {
+ font-size: 14px;
+ padding: 3px 8px;
+ border-color: #e0e6ff;
+ background: #eff2f0;
+ border-radius: 5px;
+ margin-right: 5px;
+ width: 50%;
+}
+
+.edit_card_box .edit_content a.push_card {
+ background: var(--pix-theme);
+ font-size: 13px;
+ color: #fff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 0 10px;
+ border-radius: 5px;
+}
+
+.edit_card_box .edit_content input:focus {
+ border-color:#00b34a
+}
+
+.edit_card_box span {
+ font-size: 12px;
+ color: #ababab;
+}
+
+.moment_card_item {
+ width: 100%;
+ max-width: 300px;
+ position: relative;
+ margin-bottom: 5px;
+}
+
+.moment_card_item a {
+ display: flex;
+ flex-direction: row;
+ justify-content: flex-start;
+ background: #eff2f0;
+ padding: 3px;
+ border-radius: 8px;
+ align-items: center;
+ cursor: move;
+}
+
+.moment_card_item .left {
+ width: 42px;
+ height: 42px;
+}
+
+.moment_card_item .left img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 5px;
+ min-width: 42px;
+}
+
+.moment_card_item .right {
+ display: flex;
+ flex-direction: column;
+ margin-left: 8px;
+ overflow: hidden;
+ width: 100%;
+}
+
+.moment_card_item .right h4 {
+ font-size: 14px;
+ color: #545d97;
+ margin-bottom: 0;
+ line-height: 1;
+ padding-top: 2px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.moment_card_item .right .content {
+ font-size: 13px;
+ color: #909090;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.show_card {
+ display: none;
+ margin-top: 15px;
+ padding: 8px;
+ border-radius: 8px;
+ border: 1px dashed #ddd;
+}
+
+span.de_card {
+ padding: 0 5px;
+ font-size: 12px;
+ cursor: pointer;
+}
+
+span.de_card i {
+ background: var(--pix-theme);
+ border-radius: 50%;
+ padding: 2px;
+ color: #fff;
+}
+
+.moment_card_item.loop_card_item a {
+ cursor: pointer;
+ padding: 5px;
+ border: 1px solid #e3f2e7;
+ transition: all .2s;
+}
+
+.moment_card_item.loop_card_item a:hover {
+ box-shadow: 0px 8px 13px 0px rgb(223 232 227);
+ transition: all .2s;
+}
+
+.moment_card_item.loop_card_item {
+ margin-bottom: 8px;
+}
+
+.edit_content.audio_type {
+ margin-top: 5px;
+}
+
+.edit_audio_box .tips , .edit_video_box .tips {
+ font-size: 13px;
+}
+
+.audio_choose , .video_choose, .card_choose {
+ display: flex;
+ font-size: 14px;
+ margin-bottom: 15px;
+}
+
+.audio_choose li , .video_choose li, .card_choose li{
+ list-style: none;
+}
+
+.audio_choose a , .video_choose a , .card_choose a{
+ padding: 3px;
+ color: #4d4b85;
+ margin-right: 8px;
+}
+
+.audio_choose li.uk-active a , .video_choose li.uk-active a , .card_choose li.uk-active a{
+ border-bottom: 2px solid var(--pix-theme);
+ color: var(--pix-theme);
+}
+
+.local_video {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ background: #eff2f0;
+ width: 100%;
+ padding: 7px;
+ border-radius: 5px;
+ margin-top: 8px;
+}
+
+.m_media_left {
+ min-width: 62px;
+ height: 62px;
+ background: #ffffff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius: 3px;
+ position: relative;
+}
+
+.m_media_left img {
+ width: 62px;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 3px;
+}
+
+.m_media_left i {
+ font-size: 32px;
+ color: #9dc9af;
+ cursor: pointer;
+}
+
+.m_media_left input {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ opacity: 0;
+ cursor: pointer;
+ font-size: 0;
+}
+
+.loacl_audio .audio_right {
+ display: flex;
+ flex-direction: column;
+ margin-left: 8px;
+ width: 100%;
+}
+
+.loacl_audio .audio_right .audio_meta {
+ display: flex;
+ margin-bottom: 5px;
+ justify-content: space-between;
+}
+
+.loacl_audio input , .type_audio_text input {
+ font-size: 14px;
+ width: 100%;
+ border: none;
+ background: #e5eae7;
+ padding: 3px 8px;
+}
+
+.loacl_audio .audio_right .audio_meta input {
+ width: 49%;
+ font-size: 14px;
+}
+
+/* .loacl_audio .audio_right input#moment_audio_name {
+
+} */
+
+/* .loacl_audio .audio_right input#moment_audio_url {
+
+} */
+
+.netease_audio {
+ margin-top: 10px;
+}
+
+input#moment_video_url , input#moment_video_bili {
+ border: none;
+ background: #e5eae7;
+ padding: 6px 8px;
+ font-size: 14px;
+ width: 100%;
+}
+
+input#moment_video_bili {
+ margin-top: 10px;
+}
+
+.video_right {
+ display: flex;
+ flex-direction: column;
+ margin-left: 8px;
+ width: 80%;
+}
+
+.pix_local_player {
+ max-width: 400px;
+ width: 100%;
+ margin-top: 10px;
+ position: relative;
+ border-radius: 5px;
+ overflow: hidden;
+}
+
+.video_play_btn {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ z-index: 98;
+ cursor: pointer;
+ background-size: cover;
+ background-repeat: no-repeat;
+ background-position: center;
+}
+
+.video_play_btn i {
+ font-size: 28px;
+ color: #ffffff;
+ background: #252525d4;
+ padding: 3px 8px;
+ border-radius: 5px;
+}
+
+.pix_bili_player {
+ position: relative;
+ height: 0;
+ padding-top: 45%;
+ max-width: 400px;
+ width: 100%;
+ border-radius: 5px;
+ overflow: hidden;
+ margin-top: 10px;
+}
+
+.pix_bili_player iframe {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+}
+
+.post_control {
+ position: absolute;
+ right: 0;
+ top: 2px;
+ z-index: 99;
+ cursor: pointer;
+}
+
+/* .post_control .post_control_btn {
+
+} */
+
+.post_control .post_control_btn i {
+ color: #aeaeae;
+ font-size: 18px;
+}
+
+.post_control_list {
+ display: flex;
+ width: 120px;
+ flex-direction: column;
+ align-content: flex-start;
+ background: var(--pix-background);
+ padding: 8px;
+ border: 1px solid #e8e8e8;
+}
+
+.post_control_box {
+ display: none;
+ position: absolute;
+ width: 120px;
+ right: 0;
+ top: 0;
+ flex-direction: column;
+ align-content: flex-start;
+ padding-top: 26px;
+}
+
+.post_control_box.show {
+ display: flex;
+}
+
+.post_control_list a {
+ font-size: 14px;
+ padding: 5px 8px;
+ color: #3f3f3f;
+}
+
+.post_control_list a:hover {
+ background: #00b34a;
+ color: #fff;
+ border-radius: 5px;
+}
+
+a.bg_music, a.bg_lrc {
+ padding: 7px;
+ display: flex;
+ line-height: 1;
+ background: #accab5;
+ border-radius: 8px;
+}
+
+a.bg_music i, a.bg_lrc i {
+ font-size: 16px;
+ color: #fff;
+}
+
+.footer_tool {
+ position: absolute;
+ right: -45px;
+ display: flex;
+ bottom: 70px;
+ flex-direction: column;
+}
+
+.footer_tool .t_dark , .footer_tool .t_music {
+ margin-bottom: 8px;
+}
+
+/* 主题布局 */
+.main_sidebar {
+ z-index: 980;
+ display: none;
+}
+
+body.mod_single .left_nav , body.mod_single .footer_nav_box .left {
+ display: none;
+}
+
+body.mod_single .top_bar {
+ border-top-right-radius: 12px;
+ border-top-left-radius: 12px;
+}
+
+body.mod_single .main_wrap , body.mod_single .footer_nav , body.mod_single .go_top_box {
+ max-width: 680px;
+}
+
+body.mod_single .page_main , body.mod_single .footer_nav_box .right {
+ width: 100%;
+}
+
+body.mod_third .left_nav {
+ width: 25%;
+}
+
+body.mod_third .page_main {
+ width: 50%;
+}
+
+body.mod_third .main_sidebar {
+ width: 25%;
+ display: block;
+}
+
+body.mod_third .main_wrap {
+ max-width: 1280px;
+}
+
+.sidebar_right {
+ background: var(--pix-background);
+ display: flex;
+ flex-direction: column;
+ height: 100%;
+ border-top-right-radius: 12px;
+}
+
+body.mod_third .top_bar {
+ border-top-right-radius: 0px;
+}
+
+.right_admin_tool {
+ height: 72px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ background: var(--pix-background);
+ border-top-right-radius: 12px;
+}
+
+.widget_inner.sidebar_right_inner {
+ z-index: 970;
+}
+
+.widget_inner.sidebar_right_inner.side_fixed {
+ position: fixed;
+}
+
+.widget_inner.sidebar_right_inner.uk-sticky-fixed {
+ z-index: 970;
+}
+
+.sidebar_right.uk-sticky-fixed {
+ border-top-right-radius: 0px;
+}
+
+body.mod_third .go_top_box {
+ max-width: 1280px;
+}
+
+body.mod_double_r .left_nav {
+ display: none;
+}
+
+body.mod_double_r .top_bar {
+ border-top-left-radius: 12px;
+ border-top-right-radius: 0px;
+}
+
+body.mod_double_r .footer_nav_box .inner {
+ flex-direction: row-reverse;
+}
+
+body.mod_double_r .main_sidebar {
+ display: block;
+}
+
+body.mod_third_s .main_sidebar{
+ display: block;
+ width: 32%;
+}
+
+body.mod_third_s .left_nav {
+ width: 8%;
+}
+
+body.mod_third_s .main_wrap , body.mod_third_s .go_top_box {
+ max-width: 1060px;
+}
+
+body.mod_third_s .footer_nav {
+ max-width: 721px;
+}
+
+body.mod_third_s .footer_nav_box .left {
+ width: 11.5%;
+}
+
+body.mod_third_s .footer_nav_box .right {
+ width: 88.5%;
+}
+
+body.mod_third_s .page_main {
+ width: 60%;
+}
+
+body.mod_third_s .top_logo {
+ padding: 0;
+ text-align: center;
+ padding-top: 15px;
+ display: none;
+ margin-bottom: 15px;
+}
+
+body.mod_third_s .top_logo.close_bar {
+ display: block;
+ padding-top: 20px;
+}
+
+body.mod_third_s .left_menu_box ul {
+ padding: 0 10px;
+ display: flex;
+ flex-direction: column;
+ align-content: center;
+ align-items: center;
+ flex-wrap: nowrap;
+ border: none;
+}
+
+body.mod_third_s .left_menu_box ul li {
+ width: auto;
+}
+
+body.mod_third_s .left_menu_box ul li a {
+ justify-content: center;
+ padding: 12px;
+}
+
+body.mod_third_s .left_menu_box ul li a img , body.mod_third_s .left_menu_box ul li a i {
+ margin: 0;
+}
+
+body.mod_third_s .left_menu_box ul li a i.drop_icon {
+ display: none;
+}
+
+body.mod_third_s .nav_title {
+ display: none;
+ opacity: 0;
+}
+
+body.mod_third_s .sidebar {
+ display: none;
+}
+
+body.mod_third_s .left_menu_box li ul {
+ padding: 0;
+ display: none;
+}
+
+body.mod_third_s .top_bar {
+ border-top-right-radius: 0px;
+}
+
+
+@font-face{
+ font-style:normal;
+ font-family:'eafont';
+ src:url('../libs/fonts/eafont.ttf') format('truetype');
+}
+
+.show-more-btn , a.read-less-btn {
+ margin: auto;
+ cursor: pointer;
+ color: #0ea755;
+ white-space: nowrap;
+ transition: color 300ms ease-in-out;
+ border: 0;
+ font-size: 15px;
+ background: transparent;
+ padding: 0;
+ margin-left: 5px;
+ }
+
+ .show-more-btn:hover , a.read-less-btn:hover {
+ opacity: .7;
+ }
+
+ /*全局播放器*/
+.bgm_box {
+ width: 100%;
+ padding: 10px;
+ position: relative;
+ background: rgba(235, 242, 237, 0);
+}
+
+/* .player_mod {
+
+} */
+
+.player_mod .top {
+ display: flex;
+ flex-direction: row;
+ align-content: flex-start;
+ align-items: center;
+ justify-content: space-between;
+}
+
+.player_mod .m_cover {
+ width: 42px;
+ height: 42px;
+ min-width: 42px;
+}
+
+.player_mod .m_cover img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 8px;
+}
+
+.player_mod .m_info h2 {
+ font-size: 14px;
+ margin: 0;
+ color: #1b213d;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ max-width: 120px;
+ margin-right: 5px;
+}
+
+.player_mod .m_info small {
+ color: #747589;
+}
+
+.player_mod .m_info {
+ margin-left: 10px;
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+}
+
+.player_mod .tool {
+ margin-bottom: 6px;
+ margin-top: 6px;
+}
+
+.player_mod .pl_btn {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-right: 15px;
+}
+
+.player_mod .bar {
+ width: 100%;
+ height: 2px;
+ background: #eceeff;
+
+}
+
+.pl_btn a i {
+ color: #accab5;
+ font-size: 18px;
+}
+
+.pl_btn a {
+ margin: 0 3px;
+ display: flex;
+}
+
+a.m_play i {
+ font-size: 32px;
+ color: var(--pix-theme);
+}
+
+a.m_next {
+ margin-right: 20px;
+}
+
+.player_hand {
+ position: absolute;
+ width: 100%;
+ height: 10px;
+ right: 0;
+ top: -10px;
+ cursor: pointer;
+}
+
+.musci_list_box {
+ display: none;
+ padding: 10px;
+ background: rgba(235, 242, 237, 0.96);
+ border-radius: 5px;
+ height: 200px;
+ width: 100%;
+ overflow-y: scroll;
+}
+
+.musci_list_box li {
+ padding: 3px 5px;
+ cursor: pointer;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ font-size: 14px;
+ margin: 3px 0;
+ border-radius: 3px;
+}
+
+.musci_list_box li:hover , .musci_list_box li.active {
+ background: #22bb6d;
+ color: #fff;
+}
+
+.m_tt {
+ display: flex;
+}
+
+.timer {
+ font-size: 12px;
+ color: #a8a7bd;
+ display: flex;
+}
+
+.timer span {
+ padding: 0 2px;
+}
+
+.player_dot {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ right: 0;
+ top: 50%;
+ background: #ffffff;
+ border-radius: 50%;
+ border: 2px solid var(--pix-theme);
+ transform: translateY(-50%);
+ margin-right: -5px;
+}
+
+.volume_box {
+ min-width: 36px;
+ border-radius: 5px;
+ padding: 15px 0px;
+ text-align: center;
+}
+
+.vo_bar {
+ height: 100px;
+ width: 5px;
+ background: #d6d6df;
+ margin: 0 auto;
+ border-radius: 2px;
+ position: relative;
+ cursor: pointer;
+ position: relative;
+}
+
+.vo_size {
+ position: absolute;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ background: #23bb6e;
+ border-radius: 2px;
+ height: 100%;
+}
+
+body.mod_single .footer_nav_box .bgm_box .left {
+ display: flex;
+}
+
+.lbc .footer_nav_box .bgm_box .left , body.mod_third_s .footer_nav_box .bgm_box .left {
+ width: auto;
+}
+
+a.m_list,a.m_loop {
+ margin: 0 10px;
+}
+
+.pl_btn a i:hover {
+ color: var(--pix-theme);
+}
+
+.musci_list_box .nodata {
+ text-align: center;
+ padding-top: 20px;
+}
+
+.posts_mu_list {
+ background: var(--pix-background);
+ border-radius: 8px;
+ max-height: 460px;
+ overflow-y: scroll;
+ border: 1px solid #d0dada;
+ margin-bottom: 20px;
+}
+
+.posts_mu_list li {
+ display: flex;
+ font-size: 14px;
+ padding: 7px 12px;
+}
+
+.posts_mu_list li:nth-of-type(odd){
+ background: #f6faf8;
+}
+
+.posts_mu_list .mu_id {
+ min-width: 30px;
+}
+
+.posts_mu_list .s_play_btn {
+ margin-right: 7px;
+ line-height: 1;
+ font-size: 18px;
+ display: flex;
+ align-items: center;
+ color: #9ab7a8;
+}
+
+.mus_info {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+}
+
+.posts_mu_list li span {
+ font-size: 13px;
+ color: #a1a1a1;
+}
+
+.posts_mu_list li:hover div , .posts_mu_list li:hover a , .posts_mu_list li.active , .posts_mu_list li.active .s_play_btn {
+ color: #00b34a;
+}
+
+.single_music_header .mu_img {
+ width: 180px;
+ height: 180px;
+ margin-right: 15px;
+ min-width: 180px;
+}
+
+.single_music_header .mu_img img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ padding: 5px;
+ border: 1px solid #daf0e6;
+}
+
+.single_music_header {
+ margin-bottom: 20px;
+ display: flex;
+ justify-content: flex-start;
+}
+
+.single_music_header .header_meta {
+ font-size: 12px;
+ color: #808b87;
+}
+
+.single_music_header .single_cat ul {
+ padding: 0;
+ display: flex;
+ margin: 0;
+ margin-top: 10px;
+}
+
+.single_music_header .single_cat ul li a {
+ font-size: 12px;
+ padding: 2px 8px;
+ display: flex;
+ align-items: center;
+}
+
+.mu_des {
+ font-size: 13px;
+ margin-top: 15px;
+ line-height: 1.8;
+}
+
+.mu_l_title {
+ display: flex;
+ color: #414763;
+ margin-bottom: 15px;
+}
+
+.mu_l_title i {
+ margin-right: 5px;
+}
+
+.top_menu_box {
+ box-shadow: none;
+ padding: 5px;
+ display: none;
+ margin-top: 0;
+ background: rgb(255 255 255 / 84%);
+ border-top: 1px solid #ebebeb;
+}
+
+.nav_tips {
+ font-size: 13px;
+ padding: 10px;
+}
+
+.top_menu_box ul {
+ padding: 0;
+ margin: 0;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ overflow-x: auto;
+ scrollbar-width: none;
+}
+
+.top_menu_box ul::-webkit-scrollbar {
+ display: none;
+}
+
+.top_menu_box ul li {
+ list-style: none;
+}
+
+.top_menu_box li ul {
+ display: none;
+}
+
+.top_menu_box ul li a {
+ font-size: 14px;
+ color: #292929;
+ display: flex;
+ align-items: center;
+}
+
+.top_menu_box ul li a img {
+ width: 14px;
+ height: 14px;
+ margin-right: 4px;
+}
+
+.top_menu_box ul li a i {
+ font-size: 14px;
+ margin-right: 3px;
+ color: #363636;
+}
+
+.top_menu_box .nav_title {
+ display: block;
+ opacity: 1;
+ word-break: keep-all;
+}
+
+.top_menu_box ul li a:hover , .top_menu_box ul li a:hover i {
+ color: #069d53;
+}
+
+.poster_box {
+ border: none !important;
+}
+
+.poster_box img {
+ width: 330px;
+}
+
+.poster_modal .uk-modal-dialog {
+ width: 330px;
+ padding: 5px;
+ border-radius: 5px;
+ min-height: 550px;
+}
+
+.poster_box .loading_box {
+ padding: 0;
+ padding-top: 220px;
+}
+
+.post_share_box {
+ display: flex;
+ justify-content: center;
+ padding: 15px 0;
+ border-top: 1px solid #f4f4f4;
+}
+
+.post_share_box a {
+ padding: 0 10px;
+ color: #656ca7;
+}
+
+.post_share_box.hide {
+ display: none;
+}
+
+.pix_icon {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ align-content: center;
+ margin-left: 5px;
+ color: #7a7fae;
+ font-size: 12px;
+}
+
+.share_btn_icon {
+ margin-left: 15px;
+ font-size: 13px;
+}
+
+.single_footer_box {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ padding: 20px 0;
+ margin: 30px 0 10px;
+ background: linear-gradient(90deg,var(--pix-background),#816bff00);
+ border-radius: 8px;
+}
+
+.single_footer_box .pix_icon , .single_footer_box a.up_like {
+ margin: 0px;
+}
+
+.single_footer_box i , .single_footer_box a.up_like i {
+ font-size: 18px;
+}
+
+.single_footer_box .pix_donate_btn , .single_footer_box .pix_share_btn , .single_footer_box .up_like {
+ width: 72px;
+ display: flex;
+ justify-content: center;
+}
+
+#donate_modal .uk-modal-body {
+ border-radius: 8px;
+ width: auto;
+}
+
+.donate_des {
+ font-size: 15px;
+ margin-bottom: 10px;
+}
+
+.donate_pic img {
+ width: 180px;
+}
+
+span.edit_post {
+ margin-left: 10px;
+}
+
+span.edit_post a {
+ color: #00b34a;
+ display: flex;
+}
+
+.footer_main .sf_wid_info {
+ display: flex;
+ justify-content: space-evenly;
+}
+
+.footer_main {
+ /*position: relative;*/
+ width: -webkit-fill-available;
+ width: -moz-available;
+ padding: 0 10px;
+ padding-bottom: 100px;
+ /*z-index: 988;*/
+}
+
+.sf_item {
+ display: flex;
+ justify-content: center;
+}
+
+.footer_main .inner {
+ padding: 15px 40px;
+ background: var(--pix-background);
+ border-radius: 8px;
+}
+
+.m_offcanvas .inner {
+ background:
+ linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)),
+ url('/upload/celan.png') no-repeat center bottom;
+ background-size: cover, 100%;
+ padding: 30px;
+}
+
+.m_offcanvas ul {
+ margin: 0;
+ padding: 0;
+}
+
+.m_offcanvas ul li {
+ list-style: none;
+ padding: 10px 0;
+}
+
+.m_offcanvas ul li a {
+ color: #363636;
+ display: flex;
+ align-items: center;
+ font-size: 15px;
+}
+
+.m_offcanvas ul li a i {
+ color: #363636;
+ font-size: 15px;
+ margin-right: 5px;
+}
+
+.m_offcanvas ul li a:hover {
+ color: #363636;
+}
+
+.m_offcanvas ul li img {
+ height: 15px;
+ margin-right: 5px;
+}
+
+.m_offcanvas .m_logo {
+ margin-bottom: 15px;
+}
+
+.m_offcanvas .m_logo img {
+ height: 48px;
+}
+
+.mobile_logo {
+ display: none;
+}
+
+.mobile_logo a {
+ line-height: 1;
+}
+
+.mobile_logo img {
+ height: 24px;
+}
+
+.footer_menu {
+ display: none;
+}
+
+.footer_menu .inner {
+ display: flex;
+ justify-content: space-between;
+ padding: 10px 8px;
+ backdrop-filter: blur(0.5rem);
+ -webkit-backdrop-filter: blur(0.5rem);
+ background: rgba(235, 242, 237, 0.8);
+ border-top: 1px solid #eaeaea;
+ align-items: center;
+ border-top-left-radius: 20px;
+ border-top-right-radius: 20px;
+ height: 50px;
+}
+
+.footer_menu li {
+ list-style: none;
+ display: flex;
+ align-items: center;
+}
+
+.footer_menu li a {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ color: #181818;
+}
+
+.footer_menu li a i {
+ line-height: 1;
+ margin-bottom: 2px;
+ color: #181818;
+}
+
+.footer_menu li a span {
+ font-size: 12px;
+}
+
+.footer_menu .inner {
+ flex-flow: nowrap;
+ display: flex;
+ justify-content: space-between;
+}
+
+.footer_menu .inner .item {
+ display: flex;
+ justify-content: space-around;
+ width: 100%;
+ flex: 1;
+}
+
+.footer_menu .inner .t_dark a {
+ background: transparent;
+ padding: 0;
+ line-height:normal
+}
+
+.footer_menu .inner .center {
+ padding: 0 8px;
+}
+
+.footer_menu .inner .center .mobile_edit {
+ width: 32px;
+ height: 32px;
+}
+
+.arc_pagenav {
+ display: flex;
+ justify-content: center;
+}
+
+.arc_pagenav a {
+ padding: 10px 15px;
+ background: var(--pix-theme);
+ color: #fff;
+ border-radius: 8px;
+ display: flex;
+}
+
+ul.items.wid_yiyan {
+ padding: 0;
+ margin: 0;
+}
+
+.yiyan_box {
+ position: relative;
+ width: 100%;
+ min-height: 120px;
+}
+
+.yiyan_box img {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+ border-radius: 8px;
+}
+
+.yiyan_box .yiyan_info {
+ position: absolute;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ display: flex;
+ align-items: flex-start;
+ padding: 15px 20px;
+ flex-direction: column;
+ flex-wrap: nowrap;
+ justify-content: space-between;
+}
+
+.yiyan_box .yiyan_info:after {
+ content: "";
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: #00012038;
+ border-radius: 8px;
+ transition: background 0.3s ease;
+}
+
+.yiyan_box:hover .yiyan_info:after {
+ background: #00012070;
+}
+
+.yiyan_box p {
+ color: #fff;
+ font-size: 14px;
+ margin: 0;
+ z-index: 1;
+}
+
+.yiyan_box .time {
+ z-index: 1;
+ color: #dfe1ff;
+ display: flex;
+ flex-direction: row;
+ padding-bottom: 15px;
+ width: 100%;
+ justify-content: space-between;
+}
+
+.yiyan_box .left {
+ display: flex;
+ flex-direction: column;
+}
+
+.yiyan_box .time .day {
+ font-size: 35px;
+ line-height: 1;
+ letter-spacing: 4px;
+ position: relative;
+ font-weight: 600;
+}
+
+.yiyan_box .time .ym {
+ font-size: 12px;
+}
+
+.yiyan_box .time a {
+ color: #dfe1ff;
+ font-size: 20px;
+ outline: none;
+ text-decoration: none;
+}
+
+.yiyan_box .time a i {
+ color: #dfe1ff;
+ display: inline-block;
+ transition: transform 0.3s ease, rotate 0.6s ease;
+ user-select: none;
+ transform-origin: center;
+}
+
+.yiyan_box .time a:hover i {
+ transform: scale(1) !important;
+}
+
+.yiyan_box .time a:focus i {
+ transform: scale(1) rotate(180deg) !important;
+ outline: none;
+}
+
+.yiyan_box .time a:active i {
+ transform: scale(1.05) rotate(180deg) !important;
+}
+
+a.change {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ width: 34px;
+ height: 34px;
+ font-size: 20px;
+ border-radius: 50%;
+ border: 1px solid transparent !important;
+ transition: all 0.3s ease !important;
+ line-height: 1;
+ vertical-align: middle;
+ text-decoration: none !important;
+ cursor: pointer;
+ pointer-events: auto;
+ box-sizing: border-box;
+ background: transparent !important;
+ color: #E2E6FF !important;
+}
+
+a.change:hover {
+ transform: scale(1.05) !important;
+ background: rgba(226, 230, 255, 0.3) !important;
+ color: #E2E6FF !important;
+ border-color: rgba(226, 230, 255, 0.5) !important;
+ box-shadow: none !important;
+}
+
+a.change i.ri-refresh-line {
+ font-size: inherit;
+ line-height: 1;
+}
+
+@media screen and (min-width: 768px) {
+ .is_mobile {
+ display: none;
+ }
+
+}
+
+@media screen and (max-width: 768px) {
+ .not_mobile {
+ display: none;
+ }
+ .footer_nav_box {
+ border-radius: 50px;
+ }
+
+}
+
+.single_wrap .comments-area , .page_content .comments-area {
+ background: var(--pix-background);
+ padding: 40px;
+ margin-top: 30px;
+ border-radius: 8px;
+}
+
+#top_third{
+ display: none;
+}
+
+.current-line {
+ color: #484848;
+}
+
+.current-line .active {
+ color: #000000;
+}
+
+/*toc*/
+.listree-box {
+ display: none;
+ position: fixed;
+ z-index: 999;
+ top: 45%;
+ left: 0;
+ background-color: var(--toc-color);
+ color: #fff;
+ border-radius: 0 10px 10px 0;
+}
+
+h3.listree-titles {
+ float: right;
+ cursor: default;
+ padding: 20px 8px 9px 6px;
+ font-size: 1.01rem;
+}
+
+h3.listree-titles a.listree-btn {
+ color: #fff;
+ display: block;
+ width: 22px;
+ text-align: center;
+}
+
+#listree-ol {
+ max-height: 230px;
+ overflow: scroll;
+ overflow-x: hidden;
+ float: left;
+ height: 100%;
+ min-height: 100px;
+ line-height: 1.5;
+ margin: 20px 0px 20px -10px;
+ padding-right: 20px;
+ align-items: center;
+ border-right: 1px solid #eeeeef;
+}
+
+#listree-ol li {
+ line-height: 1.8;
+ margin-bottom: 6px;
+ list-style: none;
+}
+
+#listree-ol li a {
+ color: #fff;
+
+}
+
+#listree-ol ul {
+ margin-top:0px;
+ padding-left: 10px;
+}
+
+a#listree-click.current, #listree-ol > li.current > a, #listree-ol > li ul li.current > a {
+ color: #f2ff2c;
+}
+
+#listree-ol::-webkit-scrollbar-track {
+ background-color: #fff;
+}
+
+#listree-ol::-webkit-scrollbar-thumb {
+ background: rgb(199,201,204);
+}
+
+#listree-ol::-webkit-scrollbar {
+ width: 3px;
+}
+
+.dark .db--container {
+ --db-main-color:var(--dark-ac-btn);
+ --db--background-gray:var(--normal-btn);
+ --db--text-color-light:var(--text-light);
+ --db--text-color:var(--light-color);
+ --db--text-color-light:var(--light-color);
+ --db-hover-color:var(--dark-ac-btn)
+}
+.db--container {
+ --db-main-color:var(--hilight-color);
+ --db-hover-color:var(--hilight-color);
+}
+.page_content .entry-content .db--container a {
+ color: #32395c;
+ text-decoration: none;
+}
+.dark .single-content .db--title a, .dark .page_content .entry-content .db--title a {
+ color: var(--text-color);
+ text-decoration: none;
+}
+.dark .single-content .db--title a:hover, .dark .page_content .entry-content .db--title a:hover {
+ color: var(--db-hover-color);
+}
+
+.page_content .entry-content .db--container a:hover{
+ color: var(--hilight-color);
+}
+
+
+.halo-comment {
+ position: relative;
+ z-index: 2;
+}
+
+.signup {
+ font-size: .75rem;
+ line-height: 1rem;
+ justify-content: center;
+ display: flex;
+ gap: .5rem;
+}
+
+
+
+
+/* 移动端图片容器 (.mo_img) 样式调整 */
+.mo_img {
+ height: auto !important;
+ aspect-ratio: 1 !important; /* 强制 1:1 比例 */
+ display: block !important;
+}
+
+.mo_img img {
+ width: 100% !important;
+ height: 100% !important;
+ object-fit: cover !important; /* 填充并裁剪 */
+ border-radius: 8px !important;
+}
+
+/* 视频播放器 (.pix_video) 样式调整 */
+.pix_video {
+ width: 100% !important;
+ height: 100% !important;
+ object-fit: cover !important; /* 默认填充并裁剪 */
+ border-radius: 8px !important;
+}
+
+/* 播放中状态:切换为 'contain' 以显示完整视频内容 (与 JS 配合) */
+.pix_video.is-playing {
+ object-fit: contain !important;
+}
+
+/* 全屏状态:重置样式,以适应屏幕 */
+.pix_video:fullscreen {
+ aspect-ratio: auto !important;
+ object-fit: contain !important;
+ border-radius: 0 !important;
+}
+
+/* 片刻/朋友圈超高折叠 */
+.moment-collapse-container {
+ position: relative;
+ overflow: hidden;
+ transition: max-height 0.3s linear;
+ max-height: none;
+ display: block !important;
+ align-items: flex-start !important;
+ justify-content: flex-start !important;
+ padding-top: 0 !important;
+ margin-top: 0 !important;
+ transform: none !important;
+}
+
+/* 折叠状态:限制最大高度(与JS配置240px保持一致) */
+.moment-collapse-container.collapsed {
+ max-height: 240px;
+}
+
+/* 折叠状态底部渐变蒙版(不遮挡按钮) */
+.moment-collapse-container.collapsed::after {
+ content: '';
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ height: 50px;
+ background: linear-gradient(to bottom, transparent, #F6FAF8 100%);
+ pointer-events: none;
+ z-index: 1;
+}
+
+/* 折叠按钮基础样式(纯净无背景,精准操控文字) */
+.moment-fold-btn {
+ display: block;
+ color: #22BB6D;
+ cursor: pointer;
+ text-decoration: none;
+ border: none;
+ font-size: 16px;
+ padding: 0;
+ margin: 0;
+ text-align: left;
+ border-radius: 0;
+ width: 100%;
+ position: relative;
+ z-index: 99;
+ background: none;
+}
+
+/* 按钮伪状态重置(覆盖全局样式,保留文字颜色) */
+.moment-fold-btn:hover,
+.moment-fold-btn:focus,
+.moment-fold-btn:active {
+ color: #34d399 !important;
+ text-decoration: none;
+}
+
+/* 展开按钮(折叠状态):位置微调 */
+.moment-collapse-container.collapsed + .moment-fold-btn {
+ margin-top: 2px;
+ margin-bottom: 7px;
+}
+
+/* 收起按钮(非折叠状态):位置微调 */
+.moment-collapse-container:not(.collapsed) + .moment-fold-btn {
+ margin-top: -2px;
+ margin-bottom: 7px;
+}
+
+/* 奇遇样式 */
+.center-img-container {
+ position: fixed;
+ top: 0;
+ left: 0;
+ width: 100dvw;
+ height: 100dvh;
+ justify-content: center;
+ align-items: center;
+ background-color: rgba(0, 0, 0, 0.1);
+ z-index: 9999;
+ box-sizing: border-box;
+ padding: 20px;
+ opacity: 0;
+ visibility: hidden;
+ transition:
+ opacity 0.5s ease-in-out,
+ visibility 0s linear 0.5s;
+ display: flex;
+}
+
+.center-img {
+ max-width: 100%;
+ max-height: 100vh;
+ object-fit: contain;
+ opacity: 0;
+}
+
+@keyframes fadeIn {
+ from { opacity: 0; }
+ to { opacity: 1; }
+}
+
+@keyframes fadeOut {
+ from { opacity: 1; }
+ to { opacity: 0; }
+}
+
+.img-fade-in {
+ animation: fadeIn 0.5s ease-in-out forwards;
+}
+
+.img-fade-out {
+ animation: fadeOut 0.5s ease-in-out forwards;
+}
+
+.container-fade-active {
+ opacity: 1;
+ visibility: visible;
+ transition:
+ opacity 0.5s ease-in-out,
+ visibility 0s;
+}
+
+/* 公告侧边栏样式 */
+.notice-box {
+ background: #D0DADA;
+ border-radius: 8px;
+ border: 1px solid #B6C7C3;
+ width: 100%;
+ box-sizing: border-box;
+ overflow: hidden;
+ position: relative;
+ cursor: default;
+}
+
+.notice-content {
+ background-image: url('/upload/yiyan.png');
+ background-repeat: no-repeat;
+ background-size: cover;
+ background-position: center;
+ background-color: #EBF2ED;
+ padding: 13px;
+ height: 215px;
+ overflow-y: auto;
+ position: relative;
+ z-index: 1;
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-end;
+}
+
+.content-inner {
+ position: relative;
+ z-index: 3;
+ line-height: 1.7;
+ font-size: 14px;
+ color: #FFFFFF;
+}
+
+.bottom-title {
+ position: absolute;
+ left: 16px;
+ top: 12px;
+ z-index: 3;
+ color: #E2E6FF !important;
+ font-size: 18px;
+ font-weight: bold;
+ line-height: 1.2;
+}
+
+/* 整个公告块hover时触发蒙版 */
+.notice-box:hover .notice-content::before {
+ background: #00012070;
+}
+
+.notice-content::before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ background: #00012038;
+ pointer-events: none;
+ z-index: 2;
+ transition: all 0.3s ease;
+}
+
+.notice-content::-webkit-scrollbar { width: 6px; }
+.notice-content::-webkit-scrollbar-thumb {
+ background: #B8D8D2 !important;
+ border-radius: 10px;
+}
+.notice-content::-webkit-scrollbar-track {
+ background: #E8F0EE !important;
+}
+
+.content-inner a {
+ color: #E0F7F4 !important;
+ text-decoration: none;
+ border-bottom: 1px dotted #E0F7F4;
+ padding: 0 1px;
+ transition: 0.25s;
+}
+.content-inner a:hover {
+ color: #FFFFFF !important;
+ background: rgba(224, 247, 244, 0.2) !important;
+ border-bottom-color: transparent;
+}
+
+.notice-btn-wrap {
+ position: absolute;
+ top: 12px;
+ right: 16px;
+ z-index: 4;
+ display: flex;
+ align-items: center;
+ gap: 2px;
+ pointer-events: auto;
+}
+
+.notice-btn {
+ width: 34px;
+ height: 34px;
+ border-radius: 50%;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 20px;
+ transition: all 0.3s ease !important;
+ border: 1px solid transparent !important;
+ text-decoration: none;
+ pointer-events: auto;
+ box-sizing: border-box;
+}
+
+/* 已读状态:透明背景 + 浅紫青 */
+.notice-btn {
+ background: transparent !important;
+ color: #E2E6FF !important;
+ border-color: transparent !important;
+}
+
+/* 未读状态:浅青绿色系 */
+.notice-btn.has-notice {
+ background: rgba(224, 248, 245, 0.8) !important;
+ color: green !important;
+ border-color: rgba(39, 188, 159, 0.2) !important;
+}
+
+/* 已读状态hover:浅紫青系渐变+轻微缩放 */
+.notice-btn:hover:not(.has-notice) {
+ transform: scale(1.05) !important;
+ background: rgba(226, 230, 255, 0.3) !important;
+ color: #E2E6FF !important;
+ border-color: rgba(226, 230, 255, 0.5) !important;
+}
+
+/* 未读状态hover:浅青绿系加深+轻微缩放 */
+.notice-btn.has-notice:hover {
+ transform: scale(1.05) !important;
+ background: rgba(224, 248, 245, 0.95) !important;
+ color: #1e9e86 !important;
+ border-color: rgba(39, 188, 159, 0.4) !important;
+}
+
+/* 对话气泡:淡青绿色系 */
+.notice-bubble {
+ position: relative;
+ background: #E0F8F5 !important;
+ color: green !important;
+ font-size: 12px;
+ line-height: 1.4;
+ padding: 4px 14px;
+ border-radius: 18px;
+ box-shadow: 0 2px 6px rgba(39, 188, 159, 0.1) !important;
+ opacity: 0;
+ visibility: hidden;
+ transition: all 0.3s ease;
+ font-weight: 500;
+ white-space: nowrap;
+ text-align: center;
+ animation: bubbleAnim 1.5s infinite ease-in-out;
+ pointer-events: none;
+}
+
+/* 气泡箭头:匹配淡青绿背景 */
+.notice-bubble::after {
+ content: "";
+ position: absolute;
+ top: 50%;
+ right: -6px;
+ transform: translateY(-50%);
+ border-width: 6px 0 6px 8px;
+ border-style: solid;
+ border-color: transparent transparent transparent #E0F8F5 !important;
+ width: 0;
+ height: 0;
+ box-shadow: -1px 1px 2px rgba(39, 188, 159, 0.05) !important;
+ z-index: -1;
+ background: transparent !important;
+}
+
+/* 显示气泡 */
+.notice-bubble.show {
+ opacity: 1;
+ visibility: visible;
+}
+
+/* 强化气泡动画:更大的缩放+位移,更明显 */
+@keyframes bubbleAnim {
+ 0% {
+ opacity: 1;
+ transform: scale(1) translateX(0);
+ }
+ 50% {
+ opacity: 0.9;
+ transform: scale(1.1) translateX(-3px);
+ }
+ 100% {
+ opacity: 1;
+ transform: scale(1) translateX(0);
+ }
+}
+
+/* 4+1侧边导航栏 */
+.nav4lite-grid{
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 10px;
+ position: relative;
+}
+
+.nav4lite-item{
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ padding: 10px;
+ color: #5e7b66;
+ text-decoration: none;
+ font-size: 14px;
+ font-weight: 500;
+ border-radius: 10px;
+ box-shadow: 0 2px 6px rgba(202,223,208,0.25);
+ background: #f6faf8;
+ text-align: center;
+ border: 2px solid transparent;
+ transition: all 0.2s ease;
+}
+
+.nav4lite-item.nav4lite-detail{
+ font-weight: 600;
+}
+
+.nav4lite-label{
+ position: relative;
+ z-index: 1;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 4px;
+ width: 100%;
+ height: 100%;
+}
+
+.nav4lite-center-dot{
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ width: 50px;
+ height: 50px;
+ border-radius: 50%;
+ border: 8px solid #ebf2ed;
+ background-color: #f6faf8;
+ z-index: 2;
+ box-shadow: 0 1px 3px rgba(202,223,208,0.3);
+ text-decoration: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: all 0.2s ease;
+}
+
+.nav4lite-center-dot i{
+ color: #5e7b66;
+ font-size: 20px;
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: all 0.2s ease;
+}
+
+.nav4lite-item:hover,
+.nav4lite-item:active{
+ background: rgb(198, 219, 206);
+ box-shadow: 0 2px 6px rgba(202,223,208,0.35);
+ color: #5e7b66;
+ border-color: transparent;
+ text-decoration: none;
+}
+
+.nav4lite-center-dot:hover,
+.nav4lite-center-dot:active,
+.nav4lite-center-dot:hover i,
+.nav4lite-center-dot:active i{
+ background-color: rgb(198, 219, 206);
+ box-shadow: 0 2px 6px rgba(202,223,208,0.35);
+ border-color: #DAEBE0;
+ text-decoration: none;
+}
+
+/* 访问过的链接保持原样式 */
+.nav4lite-item:visited,
+.nav4lite-center-dot:visited{
+ color: #5e7b66;
+}
+
+/* 测速侧边栏样式 */
+.anianx-wrap {
+ width: 100%;
+ position: relative;
+}
+
+.anianx-group {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ margin: 20px auto 60px;
+}
+
+.anianx-btn {
+ font: inherit;
+ background-color: #F6FAF8;
+ border: 0;
+ color: #242424;
+ font-size: 0.95rem;
+ padding: .45em 1em;
+ text-shadow: 0 0.0625em 0 #fff;
+ box-shadow: inset 0 0.0625em 0 0 #fafdfb, 0 0.0625em 0 0 #f5f5f5, 0 0.125em 0 0 #f0f0f0, 0 0.2em 0 0 #eaeaea, 0 0.25em 0 0 #e8e8e8, 0 0.3em .3em 0 #eeeeee;
+ transition: .23s ease;
+ cursor: pointer;
+ margin: -1px 2px;
+ flex-shrink: 0;
+ white-space: nowrap;
+}
+
+.anianx-left {
+ border-top-left-radius: .5em;
+ border-bottom-left-radius: .5em;
+}
+
+.anianx-right {
+ border-top-right-radius: .5em;
+ border-bottom-right-radius: .5em;
+}
+
+.anianx-middle {
+ border-radius: 0;
+}
+
+.anianx-btn:hover {
+ background: #F9FCFB;
+}
+
+.anianx-btn:active {
+ translate: 0 .225em;
+ box-shadow: inset 0 0.03em 0 0 #fafdfb, 0 0.03em 0 0 #f5f5f5, 0 0.0625em 0 0 #f0f0f0, 0 0.1em 0 0 #eaeaea, 0 0.15em 0 0 #e8e8e8, 0 0.225em .2em 0 #eeeeee;
+ letter-spacing: .3em;
+}
+
+.anianx-fixed {
+ color: #38c172;
+}
+
+.anianx-bubble {
+ position: absolute;
+ bottom: -60px;
+ left: 0;
+ width: 100%;
+ background: #F6FAF8;
+ border: 1px solid #dcdcdc;
+ border-radius: .8em;
+ padding: .6em 1em;
+ text-align: center;
+ font-size: .9rem;
+}
+
+.anianx-bubble::before {
+ content: '';
+ position: absolute;
+ top: -10px;
+ width: 0;
+ height: 0;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ border-bottom: 10px solid #dcdcdc;
+ left: var(--anianx-arrow, 50%);
+ transform: translateX(-50%);
+ transition: .25s ease;
+}
+
+.anianx-bubble::after {
+ content: '';
+ position: absolute;
+ top: -9px;
+ width: 0;
+ height: 0;
+ border-left: 10px solid transparent;
+ border-right: 10px solid transparent;
+ border-bottom: 10px solid #F6FAF8;
+ left: var(--anianx-arrow, 50%);
+ transform: translateX(-50%);
+ transition: .25s ease;
+}
+
+@keyframes anianx-spin {
+ 0% {
+ transform: rotate(0deg);
+ }
+
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+.anianx-loading::before {
+ content: '';
+ display: inline-block;
+ width: .8em;
+ height: .8em;
+ margin-right: .4em;
+ border: 2px solid #eaeaea;
+ border-top-color: #38c172;
+ border-radius: 50%;
+ animation: anianx-spin 1s linear infinite;
+ vertical-align: middle;
+}
+
+/* 侧边栏农历日期 */
+.anian-lunar-date-widget {
+ width: 100%;
+ text-align: center;
+ line-height: 1;
+}
+
+.anian-lunar-date-text {
+ position: relative;
+ display: inline-block;
+ font-family: 'MaShanZheng', sans-serif;
+ font-size: 18px;
+ color: #2c3e50;
+ cursor: default;
+ line-height: 1.4;
+ white-space: normal;
+ padding: 0;
+ margin: 0;
+}
+
+.common-fixed-bg {
+ background-size: cover;
+ background-attachment: fixed;
+ background-position: center center;
+ background-repeat: no-repeat;
+ min-height: 100vh;
+ margin: 0;
+ padding: 0;
+}
+
+/* 侧边栏订阅 */
+.subscribe-widget {
+ padding: 16px;
+ background: #daebe0;
+ border: 1px solid rgba(0,0,0,0.08);
+ border-radius: 10px;
+ text-align: center;
+ position: relative;
+ overflow: hidden;
+}
+
+.subscribe-widget::before {
+ content: "";
+ position: absolute;
+ inset: 0;
+ background-image: url('data:image/svg+xml;utf8,\
+ ');
+ background-repeat: no-repeat;
+ background-size: 130%;
+ background-position: 50% 60%;
+ pointer-events: none;
+ z-index: 0;
+}
+
+.subscribe-message {
+ font-size: 14px;
+ font-weight: 500;
+ margin-bottom: 10px;
+ margin-top: -5px;
+ color: rgb(94, 123, 102);
+ position: relative;
+ z-index: 1;
+}
+
+.subscribe-form {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 6px;
+ position: relative;
+ z-index: 1;
+}
+
+.subscribe-input {
+ width: 100%;
+ height: 38px;
+ font-size: 14px;
+ padding: 0 12px !important;
+ border-radius: 12px !important;
+ background: #EBF2ED;
+ border: 1px solid rgba(0,0,0,.12);
+ transition: all .22s ease;
+}
+.subscribe-input:focus {
+ border-color: #c6dbce;
+ box-shadow: 0 0 0 2px rgba(15,175,173,0.15);
+ outline: none;
+}
+
+.subscribe-btn {
+ background: none;
+ border: none;
+ padding: 0;
+ cursor: pointer;
+ transition: transform .2s ease;
+}
+.subscribe-btn:hover {
+ transform: translateX(2px);
+}
+.subscribe-btn:disabled {
+ opacity: .4;
+ cursor: not-allowed;
+}
+
+.subscribe-icon {
+ font-size: 20px;
+ color: #22bb9d;
+}
+
+.subscribe-hint {
+ margin-top: 8px;
+ font-size: 12px;
+ color: rgba(0,0,0,.45);
+ position: relative;
+ z-index: 1;
+}
+
+.subscribe-divider {
+ width: 100%;
+ height: 1px;
+ margin: 10px auto 8px;
+ background-color: rgba(0,0,0,0.08);
+ position: relative;
+ z-index: 1;
+}
+
+.subscribe-feedback {
+ margin-top: 6px;
+ font-size: 12px;
+ color: rgb(94, 123, 102);
+ position: relative;
+ z-index: 1;
+}
+.feedback-email {
+ color: #22bb9d;
+ text-decoration: none;
+ transition: color .2s ease;
+}
+.feedback-email:hover {
+ color: #1a9680;
+}
+
+.success { color: #0d9c54 !important; }
+.warning { color: #c28600 !important; }
+.error { color: #c83e4d !important; }
+
+/* 字体引入 */
+@font-face {
+ font-family: 'MaShanZheng';
+ src: url('/upload/ma-shan-zheng.woff2') format('woff2');
+ font-display: swap;
+}
+
+@font-face {
+ font-family: 'MuYao';
+ src: url('/upload/mu-yao-sui-xin-shou-xie-ti.woff2') format('woff2');
+ font-display: swap;
+}
diff --git a/templates/assets/css/mobile.css b/templates/assets/css/mobile.css
index e062df6..96d31b6 100644
--- a/templates/assets/css/mobile.css
+++ b/templates/assets/css/mobile.css
@@ -1,712 +1,729 @@
-/**
- * 1440px
- */
- @media only screen and (max-width:1440px) {
- .footer_top , .footer_text {
- font-size: 12px;
- }
-
- .land_content {
- max-width: 960px;
- height: 550px;
- }
-
- .land_right {
- padding: 60px;
- padding-top: 150px;
- }
-
- .land_logo {
- margin-bottom: 40px;
- }
-
- .land_right {
- padding-top: 40px;
- }
-
- .land_right .title {
- font-size: 28px;
- }
-
- .land_right .land_des {
- font-size: 15px;
- }
-
- .land_right .footer {
- padding: 0 60px;
- }
-}
-
-@media only screen and (max-width:1920px) {
- .main_wrap , .footer_nav , .go_top_box {
- max-width: 860px;
- }
-
- .land_content {
- max-width: 1080px;
- height: 607px;
- }
-
- .land_right {
- padding: 40px;
- padding-top: 60px;
- }
-
- .land_logo {
- margin-bottom: 30px;
- }
-
- .land_right .title {
- font-size: 32px;
- }
-
- .land_right .land_des {
- font-size: 14px;
- }
-
- .land_right .footer {
- padding: 0 40px;
- }
-
- body.mod_third .main_wrap , body.mod_third .go_top_box {
- max-width: 1180px;
- }
-
- body.mod_third .footer_nav {
- max-width: 885px;
- }
-
-
-}
-
-@media only screen and (max-width:1366px) {
-
- .land_content {
- max-width: 860px;
- height: 500px;
- }
-
- .land_right {
- padding: 30px;
- padding-top: 30px;
- }
-
- .land_logo {
- margin-bottom: 15px;
- }
-
- .land_right .title {
- font-size: 22px;
- }
-
- .land_right .land_des {
- font-size: 14px;
- }
-
- .land_right .footer {
- padding: 0 40px;
- }
-
- .land_nav a span , .land_nav a i {
- font-size: 14px;
- }
-
- body.mod_third .main_wrap , body.mod_third .go_top_box , body.mod_third .footer_nav {
- max-width: 860px;
- }
-
- body.mod_third .main_sidebar {
- display: none;
- }
-
- body.mod_third #top_third{
- display: flex;
- }
-
- body.mod_third .left_nav {
- width: calc(100% * 1 / 3.001);
- }
-
- body.mod_third .page_main {
- width: calc(100% * 2 / 3.001);
- }
-
- body.mod_third .top_bar {
- border-top-right-radius: 12px;
- }
-}
-
-@media only screen and (max-width:1200px) {
- .land_page {
- align-items: flex-start;
- }
-
- .land_content {
- display: flex;
- flex-direction: column;
- margin: 0;
- height: max-content;
- border-radius: 0;
- position: relative;
- align-items: center;
- max-width: 100%;
- }
-
- .land_left {
- min-height: calc(100vh);
- width: 100%;
- }
-
- .land_right {
- width: 94%;
- position: absolute;
- background: rgb(243 245 255 / 78%);
- border-radius: 18px;
- top: 5%;
- backdrop-filter: blur(0.5rem);
- -webkit-backdrop-filter: blur(0.5rem);
- padding: 30px 30px 50px;
- border: 1px solid #fff;
- }
-
- .land_logo {
- margin-bottom: 30px;
- }
-
- .land_logo img {
- height: 42px;
- object-fit: cover;
- border-radius: 8px;
- }
-
- .land_right .title {
- font-size: 32px;
- }
-
- .land_right .footer {
- position: relative;
- bottom: auto;
- margin-top: 40px;
- padding: 0;
- }
-
- .land_nav {
- display: flex;
- justify-content: space-between;
- flex-direction: row;
- flex-wrap: wrap;
- }
-
- .land_nav a {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 0;
- padding: 8px;
- border-radius: 12px;
- background: #1d1d1d;
- margin-bottom: 8px;
- width: 22%;
- }
-
- .land_nav a i {
- margin: 0;
- }
-
- .land_right .beian , .land_right .copyright {
- color: #293563;
- }
-
-}
-
-@media only screen and (max-width:960px) {
- .main_wrap , .top_bar , .footer_nav {
- max-width: 720px;
- }
-
- .main_wrap {
- margin-top: 0;
- }
-
- .lbc .page_main , .lbc .footer_nav_box .right {
- width: 100%;
- }
-
- .top_logo {
- margin-left: 20px;
- }
-
- .land_nav a {
- display: flex;
- flex-direction: column;
- align-items: center;
- }
-
- footer#colophon {
- display: none;
- }
-
- body.mod_third .main_wrap, body.mod_third .go_top_box, body.mod_third .footer_nav {
- max-width: 720px;
- }
-
- body.mod_third .page_main {
- width: 100%;
- }
-
- body.mod_third_s .sidebar_right {
- display: none;
- }
-
- body.mod_third_s #top_third{
- display: block;
- }
-
- body.mod_third_s .page_main {
- width: 100%;
- }
-
- .top_menu_box {
- border-radius: 8px;
- }
-
-}
-
-@media only screen and (max-width:540px) {
-
- body.mod_third_s #top_third,body.mod_third #top_third{
- display: flex;
- }
-
- .top_right {
- margin-right: 15px;
- justify-content: flex-end;
- width: 100%;
- }
-
- .user_info .avatar {
- width: 54px;
- height: 54px;
- }
-
- .moment_cat_nav, .posts_cat_nav, .photos_cat_nav {
- padding: 15px;
- }
-
- #post_item,#photos_item {
- padding: 0 15px;
- }
-
- .p_item {
- padding: 20px 0;
- }
-
- .t_content p {
- margin-bottom: 8px;
- }
-
- .normal_card_content .feature {
- width: 100px;
- min-width: 100px;
- height: 120px;
- margin-right: 12px;
- }
-
- .normal_content .entry-content p, .normal_card_content .entry-content p {
- display: none;
- }
-
- .normal_card_content .entry-title {
- font-size: 16px;
- word-break: break-all;
- }
-
- .normal_card_content .card_right {
- width: 100%;
- }
-
- .entry-footer {
- padding: 5px 8px;
- margin-top: 10px;
- }
-
- .normal_content .entry-content .feature {
- margin-top: 8px;
- height: 140px;
- }
-
- .normal_cat {
- font-size: 12px;
- }
-
- .single_wrap {
- padding: 15px;
- padding-bottom: 100px;
- }
-
- .single_wrap .comments-area, .page_content .comments-area , .single_content .comments-area {
- padding: 15px;
- }
-
- .list_user_meta .avatar {
- width: 40px;
- height: 40px;
- min-width: 40px;
- }
-
- .blog_content {
- padding-left: 50px;
- }
-
- .comments-area ul.comment-list li .profile , .comments-area ul.comment-list li .profile a {
- width: 35px;
- height: 35px;
- }
-
- .img_show {
- width: calc(83px*3);
- }
-
- /*.img_list a {*/
- /* width: 30%;*/
- /* margin: 2px;*/
- /*}*/
-
- .t_media_item , a.up_img_btn{
- width: 80px;
- height: 80px;
- }
-
- .single_content, .page_content, .page_wrap {
- padding: 0 15px;
- padding-bottom: 100px;
- }
-
- .page_wrap {
- padding-top: 20px;
- }
-
- .user_info {
- bottom: 18%;
- }
-
- .blog_list_inner , .single_content, .page_content, .page_wrap , .normal_list_inner , .single_wrap {
- border-radius: 12px;
- position: relative;
- z-index: 199;
- top: -18px;
- }
-
- .top_left {
- margin-left: 8px;
- }
-
- .top_left .top_logo {
- display: block;
- margin-left: 0;
- }
-
- .top_bar , .dark .top_bar {
- height: 64px;
- width: 100% !important;
- border-radius: 0;
- background: transparent;
- }
-
- .top_logo img {
- height: 40px !important;
- }
-
- .footer_nav_box ul li a i {
- font-size: 18px;
- }
-
- .footer_nav_box .inner {
- min-height: 60px;
- }
-
- .footer_nav_box ul li a {
- padding: 0 15px;
- }
-
- .t_login {
- display: none;
- }
-
- a.go_top {
- display: none;
- }
-
- a.mobile_edit {
- display: flex;
- }
-
- .index_banner {
- margin-top: -64px;
- height: 260px;
- }
-
- .top_bar.uk-sticky-fixed.uk-active , .dark .top_bar.uk-sticky-fixed.uk-active {
- background: transparent;
- backdrop-filter: none;
- -webkit-backdrop-filter: none;
- }
-
- .top_bar.uk-sticky-fixed.uk-active.mobile_active {
- backdrop-filter: blur(0.5rem);
- -webkit-backdrop-filter: blur(0.5rem);
- background: rgb(255 255 255 / 80%);
- }
-
- .dark .top_bar.uk-sticky-fixed.uk-active.mobile_active {
- background: rgb(27 29 48 / 80%);
- }
-
- .top_tool i , .dark .top_tool i , .dark .mobile_active .top_tool i , .t_dark a i , .dark .t_dark a i {
- color: #fff;
- }
-
- .mobile_active .top_tool i {
- color: #000000;
- }
-
- .top_tool input.s_input:focus ~ [class*=ri-] {
- color: #4f4f4f;
- }
-
- .land_page {
- align-items: flex-start;
- }
-
- .land_content {
- display: flex;
- flex-direction: column;
- margin: 0;
- height: max-content;
- border-radius: 0;
- position: relative;
- align-items: center;
- }
-
- .land_left {
- min-height: calc(100vh);
- width: 100%;
- }
-
- .land_right {
- width: 94%;
- position: absolute;
- background: rgb(243 245 255 / 78%);
- border-radius: 18px;
- top: 5%;
- backdrop-filter: blur(0.5rem);
- -webkit-backdrop-filter: blur(0.5rem);
- padding: 30px 30px 50px;
- border: 1px solid #fff;
- }
-
- .land_logo {
- margin-bottom: 30px;
- }
-
- .land_logo img {
- height: 42px;
- object-fit: cover;
- border-radius: 8px;
- }
-
- .land_right .title {
- font-size: 32px;
- }
-
- .land_right .footer {
- position: relative;
- bottom: auto;
- margin-top: 40px;
- padding: 0;
- }
-
- .land_nav {
- display: flex;
- justify-content: space-between;
- flex-direction: row;
- flex-wrap: wrap;
- }
-
- .land_nav a {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin: 0;
- padding: 8px;
- border-radius: 12px;
- background: #1d1d1d;
- margin-bottom: 8px;
- width: 22%;
- }
-
- .land_nav a i {
- margin: 0;
- }
-
- .land_right .beian , .land_right .copyright {
- color: #293563;
- }
-
- .sim .land_content {
- padding: 0 15px;
- }
-
- .sim .land_nav a {
- width: 22%;
- margin-bottom: 8px;
- }
-
- .sim .land_meta {
- left: 40px;
- }
-
- .darkl .land_right .title p {
- color: #323232;
- }
-
- .darkl .land_right .land_des {
- color: #222433;
- }
-
- .darkl .land_right .land_des a {
- color: #00935a;
- }
-
- .land_nav a span {
- font-size: 13px;
- }
-
- .archive_main .page-header {
- padding: 20px 15px;
- }
-
- .post_footer_meta span.sticky_icon {
- display: none;
- }
-
- .t_form {
- padding: 0 15px;
- padding-top: 20px;
- }
-
- .topic_tool {
- padding: 0px 15px 40px;
- }
-
- .uk-modal {
- padding: 5px;
- }
-
- .t_search.top_tool.icon_color {
- display: block;
- }
-
- .top_s_box {
- display: none;
- }
-
- a.bg_music , .dark a.bg_music {
- background: transparent;
- width: auto;
- height: auto;
- margin-left: 10px;
- }
-
- a.bg_music i {
- color: #fff;
- }
-
- .player_mod .tool , a.m_prev , a.m_next , .timer , a.m_volume , .player_hand {
- display: none;
- }
-
- .player_mod .m_cover {
- width: 32px;
- height: 32px;
- min-width: 32px;
- }
-
- .player_mod .m_cover img {
- border-radius: 50%;
- }
-
- a.m_play {
- line-height: 1;
- }
-
- .bgm_box {
- padding: 6px 10px;
- border-bottom: 1px solid #f4f4f4;
- }
-
- .footer_nav_box .footer_player {
- min-height: auto;
- }
-
- .player_mod .pl_btn {
- margin-right: 0;
- }
-
- .footer_nav_box {
- top: 56px;
- z-index: -1;
- }
-
- .footer_menu {
- display: block;
- }
-
- .player_mod .m_info small {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
- max-width: 100px;
- }
-
- .single_music_header .mu_img {
- width: 120px;
- height: 120px;
- min-width: 120px;
- }
-
- .footer_main {
- position: relative;
- padding-bottom: 110px;
- }
-
- .mobile_logo {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- }
-
- /*.img_list a:nth-child(1):nth-last-child(4), .img_list a:nth-child(3):nth-last-child(2), .img_list a:nth-child(4):nth-last-child(1) {*/
- /* width: 30%;*/
- /*}*/
-
- .admin_ava a.mobile_edit {
- display: none;
- }
-
- body.mod_third_s .nav_title {
- display: flex;
- opacity: 1;
- }
-
- body.mod_third_s .footer_nav_box .right {
- width:100%;
- }
-
-
-}
\ No newline at end of file
+/**
+ * 统一桌面端展示 (宽度 >= 1366px)
+ * 合并了原 1440px 和 1920px 的通用样式,并应用了你指定的 mod_third 布局
+ */
+@media only screen and (min-width: 1366px) {
+ /* --- 你提供的统一布局样式 --- */
+ body.mod_third .main_wrap,
+ body.mod_third .go_top_box {
+ max-width: 1400px;
+ }
+
+ /* 导航和侧边栏宽度分配 */
+ body.mod_third .left_nav {
+ width: 21%;
+ }
+ body.mod_third .main_sidebar {
+ width: 21%;
+ }
+ body.mod_third .page_main {
+ width: 58%; /* 主内容区 */
+ }
+
+ /* 底部导航栏和背景音乐盒定位 */
+ body.mod_third .footer_nav {
+ max-width: 1108px;
+ }
+ body.mod_third .bgm_box {
+ margin-left: -75px;
+ }
+
+ /* --- 桌面端通用的基础样式合并 (源自原1440/1920) --- */
+ .footer_top, .footer_text {
+ font-size: 12px;
+ }
+
+ .land_content {
+ max-width: 1080px;
+ height: 607px;
+ }
+
+ .land_right {
+ padding: 40px;
+ padding-top: 60px;
+ }
+
+ .land_logo {
+ margin-bottom: 30px;
+ }
+
+ .land_right .title {
+ font-size: 32px;
+ }
+
+ .land_right .land_des {
+ font-size: 14px;
+ }
+
+ .land_right .footer {
+ padding: 0 40px;
+ }
+}
+
+/**
+ * 笔记本/小屏显示器 (<= 1366px)
+ * 保持原样
+ */
+@media only screen and (max-width: 1366px) {
+ .land_content {
+ max-width: 860px;
+ height: 500px;
+ }
+
+ .land_right {
+ padding: 30px;
+ padding-top: 30px;
+ }
+
+ .land_logo {
+ margin-bottom: 15px;
+ }
+
+ .land_right .title {
+ font-size: 22px;
+ }
+
+ .land_right .land_des {
+ font-size: 14px;
+ }
+
+ .land_right .footer {
+ padding: 0 40px;
+ }
+
+ .land_nav a span , .land_nav a i {
+ font-size: 14px;
+ }
+
+ body.mod_third .main_wrap , body.mod_third .go_top_box , body.mod_third .footer_nav {
+ max-width: 860px;
+ }
+
+ body.mod_third .main_sidebar {
+ display: none;
+ }
+
+ body.mod_third #top_third{
+ display: flex;
+ }
+
+ body.mod_third .left_nav {
+ width: calc(100% * 1 / 3.001);
+ }
+
+ body.mod_third .page_main {
+ width: calc(100% * 2 / 3.001);
+ }
+
+ body.mod_third .top_bar {
+ border-top-right-radius: 12px;
+ }
+}
+
+/**
+ * 平板端及以下 (<= 1200px)
+ * 保持原样
+ */
+@media only screen and (max-width: 1200px) {
+ .land_page {
+ align-items: flex-start;
+ }
+
+ .land_content {
+ display: flex;
+ flex-direction: column;
+ margin: 0;
+ height: max-content;
+ border-radius: 0;
+ position: relative;
+ align-items: center;
+ max-width: 100%;
+ }
+
+ .land_left {
+ min-height: calc(100vh);
+ width: 100%;
+ }
+
+ .land_right {
+ width: 94%;
+ position: absolute;
+ background: rgb(243 245 255 / 78%);
+ border-radius: 18px;
+ top: 5%;
+ backdrop-filter: blur(0.5rem);
+ -webkit-backdrop-filter: blur(0.5rem);
+ padding: 30px 30px 50px;
+ border: 1px solid #fff;
+ }
+
+ .land_logo {
+ margin-bottom: 30px;
+ }
+
+ .land_logo img {
+ height: 42px;
+ object-fit: cover;
+ border-radius: 8px;
+ }
+
+ .land_right .title {
+ font-size: 32px;
+ }
+
+ .land_right .footer {
+ position: relative;
+ bottom: auto;
+ margin-top: 40px;
+ padding: 0;
+ }
+
+ .land_nav {
+ display: flex;
+ justify-content: space-between;
+ flex-direction: row;
+ flex-wrap: wrap;
+ }
+
+ .land_nav a {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin: 0;
+ padding: 8px;
+ border-radius: 12px;
+ background: #1d1d1d;
+ margin-bottom: 8px;
+ width: 22%;
+ }
+
+ .land_nav a i {
+ margin: 0;
+ }
+
+ .land_right .beian , .land_right .copyright {
+ color: #293563;
+ }
+}
+
+/**
+ * 小屏平板 (<= 960px)
+ * 保持原样
+ */
+@media only screen and (max-width:960px) {
+ .main_wrap , .top_bar , .footer_nav {
+ max-width: 720px;
+ }
+
+ .main_wrap {
+ margin-top: 0;
+ }
+
+ .lbc .page_main , .lbc .footer_nav_box .right {
+ width: 100%;
+ }
+
+ .top_logo {
+ margin-left: 20px;
+ }
+
+ .land_nav a {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ }
+
+ footer#colophon {
+ display: none;
+ }
+
+ body.mod_third .main_wrap, body.mod_third .go_top_box, body.mod_third .footer_nav {
+ max-width: 720px;
+ }
+
+ body.mod_third .page_main {
+ width: 100%;
+ }
+
+ body.mod_third_s .sidebar_right {
+ display: none;
+ }
+
+ body.mod_third_s #top_third{
+ display: block;
+ }
+
+ body.mod_third_s .page_main {
+ width: 100%;
+ }
+
+ .top_menu_box {
+ border-radius: 8px;
+ }
+}
+
+/**
+ * 手机端 (<= 540px)
+ * 保持原样
+ */
+@media only screen and (max-width:540px) {
+ body.mod_third_s #top_third,body.mod_third #top_third{
+ display: flex;
+ }
+
+ .top_right {
+ margin-right: 15px;
+ justify-content: flex-end;
+ width: 100%;
+ }
+
+ .user_info .avatar {
+ width: 54px;
+ height: 54px;
+ }
+
+ .moment_cat_nav, .posts_cat_nav, .photos_cat_nav {
+ padding: 15px;
+ }
+
+ #post_item,#photos_item {
+ padding: 0 15px;
+ }
+
+ .p_item {
+ padding: 20px 0;
+ }
+
+ .t_content p {
+ margin-bottom: 8px;
+ }
+
+ .normal_card_content .feature {
+ width: 100px;
+ min-width: 100px;
+ height: 120px;
+ margin-right: 12px;
+ }
+
+ .normal_content .entry-content p, .normal_card_content .entry-content p {
+ display: none;
+ }
+
+ .normal_card_content .entry-title {
+ font-size: 16px;
+ word-break: break-all;
+ }
+
+ .normal_card_content .card_right {
+ width: 100%;
+ }
+
+ .entry-footer {
+ padding: 5px 8px;
+ margin-top: 10px;
+ }
+
+ .normal_content .entry-content .feature {
+ margin-top: 8px;
+ height: 140px;
+ }
+
+ .normal_cat {
+ font-size: 12px;
+ }
+
+ .single_wrap {
+ padding: 15px;
+ padding-bottom: 100px;
+ }
+
+ .single_wrap .comments-area, .page_content .comments-area , .single_content .comments-area {
+ padding: 15px;
+ }
+
+ .list_user_meta .avatar {
+ width: 40px;
+ height: 40px;
+ min-width: 40px;
+ }
+
+ .blog_content {
+ padding-left: 50px;
+ }
+
+ .comments-area ul.comment-list li .profile , .comments-area ul.comment-list li .profile a {
+ width: 35px;
+ height: 35px;
+ }
+
+ .img_show {
+ width: calc(83px*3);
+ }
+
+ .t_media_item , a.up_img_btn{
+ width: 80px;
+ height: 80px;
+ }
+
+ .single_content, .page_content, .page_wrap {
+ padding: 0 15px;
+ padding-bottom: 100px;
+ }
+
+ .page_wrap {
+ padding-top: 20px;
+ }
+
+ .user_info {
+ bottom: 18%;
+ }
+
+ .blog_list_inner , .single_content, .page_content, .page_wrap , .normal_list_inner , .single_wrap {
+ border-radius: 12px;
+ position: relative;
+ z-index: 199;
+ top: -18px;
+ }
+
+ .top_left {
+ margin-left: 8px;
+ }
+
+ .top_left .top_logo {
+ display: block;
+ margin-left: 0;
+ }
+
+ .top_bar , .dark .top_bar {
+ height: 64px;
+ width: 100% !important;
+ border-radius: 0;
+ background: transparent;
+ }
+
+ .top_logo img {
+ height: 40px !important;
+ }
+
+ .footer_nav_box ul li a i {
+ font-size: 18px;
+ }
+
+ .footer_nav_box .inner {
+ min-height: 60px;
+ }
+
+ .footer_nav_box ul li a {
+ padding: 0 15px;
+ }
+
+ .t_login {
+ display: none;
+ }
+
+ a.go_top {
+ display: none;
+ }
+
+ a.mobile_edit {
+ display: flex;
+ }
+
+ .index_banner {
+ margin-top: -64px;
+ height: 240px;
+ }
+
+ .top_bar.uk-sticky-fixed.uk-active , .dark .top_bar.uk-sticky-fixed.uk-active {
+ background: transparent;
+ backdrop-filter: none;
+ -webkit-backdrop-filter: none;
+ }
+
+ .top_bar.uk-sticky-fixed.uk-active.mobile_active {
+ backdrop-filter: blur(0.5rem);
+ -webkit-backdrop-filter: blur(0.5rem);
+ background: rgb(235 242 237 / 80%);
+ border-radius: 0 0 20px 20px;
+ height: 50px;
+ }
+
+ .dark .top_bar.uk-sticky-fixed.uk-active.mobile_active {
+ background: rgb(27 29 48 / 80%);
+ }
+
+ .top_tool i , .dark .top_tool i , .dark .mobile_active .top_tool i , .t_dark a i , .dark .t_dark a i {
+ color: #fff;
+ }
+
+ .mobile_active .top_tool i {
+ color: #000000;
+ }
+
+ .top_tool input.s_input:focus ~ [class*=ri-] {
+ color: #4f4f4f;
+ }
+
+ .land_page {
+ align-items: flex-start;
+ }
+
+ .land_content {
+ display: flex;
+ flex-direction: column;
+ margin: 0;
+ height: max-content;
+ border-radius: 0;
+ position: relative;
+ align-items: center;
+ }
+
+ .land_left {
+ min-height: calc(100vh);
+ width: 100%;
+ }
+
+ .land_right {
+ width: 94%;
+ position: absolute;
+ background: rgb(243 245 255 / 78%);
+ border-radius: 18px;
+ top: 5%;
+ backdrop-filter: blur(0.5rem);
+ -webkit-backdrop-filter: blur(0.5rem);
+ padding: 30px 30px 50px;
+ border: 1px solid #fff;
+ }
+
+ .land_logo {
+ margin-bottom: 30px;
+ }
+
+ .land_logo img {
+ height: 42px;
+ object-fit: cover;
+ border-radius: 8px;
+ }
+
+ .land_right .title {
+ font-size: 32px;
+ }
+
+ .land_right .footer {
+ position: relative;
+ bottom: auto;
+ margin-top: 40px;
+ padding: 0;
+ }
+
+ .land_nav {
+ display: flex;
+ justify-content: space-between;
+ flex-direction: row;
+ flex-wrap: wrap;
+ }
+
+ .land_nav a {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin: 0;
+ padding: 8px;
+ border-radius: 12px;
+ background: #1d1d1d;
+ margin-bottom: 8px;
+ width: 22%;
+ }
+
+ .land_nav a i {
+ margin: 0;
+ }
+
+ .land_right .beian , .land_right .copyright {
+ color: #293563;
+ }
+
+ .sim .land_content {
+ padding: 0 15px;
+ }
+
+ .sim .land_nav a {
+ width: 22%;
+ margin-bottom: 8px;
+ }
+
+ .sim .land_meta {
+ left: 40px;
+ }
+
+ .darkl .land_right .title p {
+ color: #323232;
+ }
+
+ .darkl .land_right .land_des {
+ color: #222433;
+ }
+
+ .darkl .land_right .land_des a {
+ color: #00935a;
+ }
+
+ .land_nav a span {
+ font-size: 13px;
+ }
+
+ .archive_main .page-header {
+ padding: 20px 15px;
+ }
+
+ .post_footer_meta span.sticky_icon {
+ display: none;
+ }
+
+ .t_form {
+ padding: 0 15px;
+ padding-top: 20px;
+ }
+
+ .topic_tool {
+ padding: 0px 15px 40px;
+ }
+
+ .uk-modal {
+ padding: 5px;
+ }
+
+ .t_search.top_tool.icon_color {
+ display: block;
+ }
+
+ .top_s_box {
+ display: none;
+ }
+
+ a.bg_music , .dark a.bg_music {
+ background: transparent;
+ width: auto;
+ height: auto;
+ margin-left: 10px;
+ }
+
+ a.bg_music i {
+ color: #fff;
+ }
+
+ .player_mod .tool , a.m_prev , a.m_next , .timer , a.m_volume , .player_hand {
+ display: none;
+ }
+
+ .player_mod .m_cover {
+ width: 32px;
+ height: 32px;
+ min-width: 32px;
+ }
+
+ .player_mod .m_cover img {
+ border-radius: 50%;
+ }
+
+ a.m_play {
+ line-height: 1;
+ }
+
+ .bgm_box {
+ padding: 6px 10px;
+ background: rgba(235, 242, 237, 0);
+ }
+
+ .footer_nav_box .footer_player {
+ min-height: auto;
+ }
+
+ .player_mod .pl_btn {
+ margin-right: 0;
+ }
+
+ .footer_nav_box {
+ top: 56px;
+ z-index: -1;
+ }
+
+ .footer_menu {
+ display: block;
+ }
+
+ .player_mod .m_info small {
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ max-width: 100px;
+ }
+
+ .single_music_header .mu_img {
+ width: 120px;
+ height: 120px;
+ min-width: 120px;
+ }
+
+ .footer_main {
+ position: relative;
+ padding-bottom: 110px;
+ }
+
+ .mobile_logo {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ display: none;
+ align-items: center;
+ justify-content: center;
+ }
+
+ .admin_ava a.mobile_edit {
+ display: none;
+ }
+
+ body.mod_third_s .nav_title {
+ display: flex;
+ opacity: 1;
+ }
+
+ body.mod_third_s .footer_nav_box .right {
+ width:100%;
+ }
+
+ /* 手机端文章目录调整 */
+ h3.listree-titles {
+ font-size: 0.8rem;
+ padding: 9px 0;
+ margin: 0;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ }
+ #listree-ol li a {
+ font-size: 0.8rem;
+ }
+ #listree-ol {
+ margin: 10px 0 15px -10px;
+ padding-right: 15px;
+ }
+ #listree-ol li {
+ line-height: 1.2;
+ margin-top: 6px;
+ list-style: none;
+ }
+
+ /* 手机端底部音乐按钮颜色 */
+ .footer_menu a.playing-music,
+ .footer_menu a.playing-music i,
+ .footer_menu a.playing-music .title {
+ color: #4CAF50;
+}
+
+
+
+
+}
\ No newline at end of file
diff --git a/templates/assets/css/style.css b/templates/assets/css/style.css
index 4b20c0c..b45de0b 100644
--- a/templates/assets/css/style.css
+++ b/templates/assets/css/style.css
@@ -1,933 +1,933 @@
-:root {
- --font-family: eafont,HarmonyOS_M,PingFang SC,Hiragino Sans GB,Microsoft YaHei,STHeiti,WenQuanYi Micro Hei,Helvetica,Arial,sans-serif;
- --halo-comment-widget-base-font-family: var(--font-family);
- /* 搜索 */
- --halo-search-widget-base-font-size: 1.04rem;
- --halo-search-widget-base-font-family: var(--font-family);
- --halo-search-widget-primary-color: #3451b2;
-}
-
-html {
- line-height: 1.15;
- -webkit-text-size-adjust: 100%;
- overflow-y:scroll;
- overflow-x: hidden;
- image-rendering: -webkit-optimize-contrast;
-
-}
-
-
-/* Sections
- ========================================================================== */
-
-/**
- * Remove the margin in all browsers.
- */
-body {
- margin: 0;
-}
-
-/**
- * Render the `main` element consistently in IE.
- */
-main {
- display: block;
-}
-
-/**
- * Correct the font size and margin on `h1` elements within `section` and
- * `article` contexts in Chrome, Firefox, and Safari.
- */
-h1 {
- font-size: 2em;
- margin: 0.67em 0;
-}
-
-/* Grouping content
- ========================================================================== */
-
-/**
- * 1. Add the correct box sizing in Firefox.
- * 2. Show the overflow in Edge and IE.
- */
-hr {
- box-sizing: content-box;
- height: 0;
- overflow: visible;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-pre {
- font-family: monospace, monospace;
- font-size: 1em;
-}
-
-/* Text-level semantics
- ========================================================================== */
-
-/**
- * Remove the gray background on active links in IE 10.
- */
-a {
- background-color: transparent;
-}
-
-/**
- * 1. Remove the bottom border in Chrome 57-
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
- */
-abbr[title] {
- border-bottom: none;
- text-decoration: underline;
- text-decoration: underline dotted;
-}
-
-/**
- * Add the correct font weight in Chrome, Edge, and Safari.
- */
-b,
-strong {
- font-weight: bolder;
-}
-
-/**
- * 1. Correct the inheritance and scaling of font size in all browsers.
- * 2. Correct the odd `em` font sizing in all browsers.
- */
-code,
-kbd,
-samp {
- font-family: monospace, monospace;
- font-size: 1em;
-}
-
-/**
- * Add the correct font size in all browsers.
- */
-small {
- font-size: 80%;
-}
-
-/**
- * Prevent `sub` and `sup` elements from affecting the line height in
- * all browsers.
- */
-sub,
-sup {
- font-size: 75%;
- line-height: 0;
- position: relative;
- vertical-align: baseline;
-}
-
-sub {
- bottom: -0.25em;
-}
-
-sup {
- top: -0.5em;
-}
-
-/* Embedded content
- ========================================================================== */
-
-/**
- * Remove the border on images inside links in IE 10.
- */
-img {
- border-style: none;
-}
-
-/* Forms
- ========================================================================== */
-
-/**
- * 1. Change the font styles in all browsers.
- * 2. Remove the margin in Firefox and Safari.
- */
-button,
-input,
-optgroup,
-select,
-textarea {
- font-family: var(--font-family);
- font-size: 100%;
- line-height: 1.15;
- margin: 0;
-}
-
-/**
- * Show the overflow in IE.
- * 1. Show the overflow in Edge.
- */
-button,
-input {
- overflow: visible;
-}
-
-/**
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
- * 1. Remove the inheritance of text transform in Firefox.
- */
-button,
-select {
- text-transform: none;
-}
-
-/**
- * Correct the inability to style clickable types in iOS and Safari.
- */
-button,
-[type="button"],
-[type="reset"],
-[type="submit"] {
- -webkit-appearance: button;
-}
-
-/**
- * Remove the inner border and padding in Firefox.
- */
-button::-moz-focus-inner,
-[type="button"]::-moz-focus-inner,
-[type="reset"]::-moz-focus-inner,
-[type="submit"]::-moz-focus-inner {
- border-style: none;
- padding: 0;
-}
-
-/**
- * Restore the focus styles unset by the previous rule.
- */
-button:-moz-focusring,
-[type="button"]:-moz-focusring,
-[type="reset"]:-moz-focusring,
-[type="submit"]:-moz-focusring {
- outline: 1px dotted ButtonText;
-}
-
-button.null {
- background: 0 0;
- border: none;
- margin: 0;
- padding: 0;
- line-height: 1.5;
-}
-
-/**
- * Correct the padding in Firefox.
- */
-fieldset {
- padding: 0.35em 0.75em 0.625em;
-}
-
-/**
- * 1. Correct the text wrapping in Edge and IE.
- * 2. Correct the color inheritance from `fieldset` elements in IE.
- * 3. Remove the padding so developers are not caught out when they zero out
- * `fieldset` elements in all browsers.
- */
-legend {
- box-sizing: border-box;
- color: inherit;
- display: table;
- max-width: 100%;
- padding: 0;
- white-space: normal;
-}
-
-/**
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
- */
-progress {
- vertical-align: baseline;
-}
-
-/**
- * Remove the default vertical scrollbar in IE 10+.
- */
-textarea {
- overflow: auto;
-}
-
-/**
- * 1. Add the correct box sizing in IE 10.
- * 2. Remove the padding in IE 10.
- */
-[type="checkbox"],
-[type="radio"] {
- box-sizing: border-box;
- padding: 0;
-}
-
-.vditor-task input {
- margin: 0 0.2em 0.25em -1.6em;
- font-size: 12px;
- vertical-align: middle;
-}
-
-/**
- * Correct the cursor style of increment and decrement buttons in Chrome.
- */
-[type="number"]::-webkit-inner-spin-button,
-[type="number"]::-webkit-outer-spin-button {
- height: auto;
-}
-
-/**
- * 1. Correct the odd appearance in Chrome and Safari.
- * 2. Correct the outline style in Safari.
- */
-[type="search"] {
- -webkit-appearance: textfield;
- outline-offset: -2px;
-}
-
-/**
- * Remove the inner padding in Chrome and Safari on macOS.
- */
-[type="search"]::-webkit-search-decoration {
- -webkit-appearance: none;
-}
-
-/**
- * 1. Correct the inability to style clickable types in iOS and Safari.
- * 2. Change font properties to `inherit` in Safari.
- */
-::-webkit-file-upload-button {
- -webkit-appearance: button;
- font: inherit;
-}
-
-/* Interactive
- ========================================================================== */
-
-/*
- * Add the correct display in Edge, IE 10+, and Firefox.
- */
-details {
- display: block;
-}
-
-/*
- * Add the correct display in all browsers.
- */
-summary {
- display: list-item;
-}
-
-/* Misc
- ========================================================================== */
-
-/**
- * Add the correct display in IE 10+.
- */
-template {
- display: none;
-}
-
-/**
- * Add the correct display in IE 10.
- */
-[hidden] {
- display: none;
-}
-
-/* Box sizing
---------------------------------------------- */
-
-/* Inherit box-sizing to more easily change it's value on a component level.
-@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
-*,
-*::before,
-*::after {
- box-sizing: inherit;
-}
-
-html {
- box-sizing: border-box;
-}
-
-/*--------------------------------------------------------------
-# Base
---------------------------------------------------------------*/
-
-/* Typography
---------------------------------------------- */
-body,
-button,
-input,
-select,
-optgroup,
-textarea {
- color: #404040;
- font-family: var(--font-family);
- font-size: 1rem;
- line-height: 1.5;
-}
-
-.dark body{
- color: #FFFFFF;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
- clear: both;
-}
-
-p {
- margin-bottom: 1.5em;
-}
-
-dfn,
-cite,
-em,
-i {
- font-style: italic;
-}
-
-blockquote {
- margin: 0 1.5em;
-}
-
-address {
- margin: 0 0 1.5em;
-}
-
-pre {
- background: #eee;
- font-family: "Courier 10 Pitch", courier, monospace;
- line-height: 1.6;
- margin-bottom: 1.6em;
- max-width: 100%;
- overflow: auto;
- padding: 1.6em;
-}
-
-code,
-kbd,
-tt,
-var {
- font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
-}
-
-abbr,
-acronym {
- border-bottom: 1px dotted #666;
- cursor: help;
-}
-
-mark,
-ins {
- background: #fff9c0;
- text-decoration: none;
-}
-
-big {
- font-size: 125%;
-}
-
-/* Elements
---------------------------------------------- */
-body {
- background: #fff;
-}
-
-hr {
- background-color: #ccc;
- border: 0;
- height: 1px;
- margin-bottom: 1.5em;
-}
-
-ul,
-ol {
- margin: 0 0 1.5em 3em;
-}
-
-ul {
- list-style: disc;
-}
-
-ol {
- list-style: decimal;
-}
-
-li > ul,
-li > ol {
- margin-bottom: 0;
- margin-left: 1.5em;
-}
-
-dt {
- font-weight: 700;
-}
-
-dd {
- margin: 0 1.5em 1.5em;
-}
-
-/* Make sure embeds and iframes fit their containers. */
-embed,
-iframe,
-object {
- max-width: 100%;
-}
-
-img {
- height: auto;
- max-width: 100%;
-}
-
-figure {
- margin: 1em 0;
-}
-
-table {
- margin: 0 0 1.5em;
- width: 100%;
-}
-
-/* Links
---------------------------------------------- */
-a {
- color: #4169e1;
-}
-
-a:visited {
- color: #252525;
-}
-
-a:hover,
-a:focus,
-a:active {
- color: #191970;
-}
-
-a:focus {
- outline: thin dotted;
-}
-
-a:hover,
-a:active {
- outline: 0;
-}
-
-/* Forms
---------------------------------------------- */
-button,
-input[type="button"],
-input[type="reset"],
-input[type="submit"] {
- border: 1px solid;
- border-color: #ccc #ccc #bbb;
- border-radius: 3px;
- background: #e6e6e6;
- color: rgba(0, 0, 0, 0.8);
- line-height: 1;
- padding: 0.6em 1em 0.4em;
-}
-
-button:hover,
-input[type="button"]:hover,
-input[type="reset"]:hover,
-input[type="submit"]:hover {
- border-color: #ccc #bbb #aaa;
-}
-
-button:active,
-button:focus,
-input[type="button"]:active,
-input[type="button"]:focus,
-input[type="reset"]:active,
-input[type="reset"]:focus,
-input[type="submit"]:active,
-input[type="submit"]:focus {
- border-color: #aaa #bbb #bbb;
-}
-
-input[type="text"],
-input[type="email"],
-input[type="url"],
-input[type="password"],
-input[type="search"],
-input[type="number"],
-input[type="tel"],
-input[type="range"],
-input[type="date"],
-input[type="month"],
-input[type="week"],
-input[type="time"],
-input[type="datetime"],
-input[type="datetime-local"],
-input[type="color"],
-textarea {
- color: #666;
- border: 1px solid #ccc;
- border-radius: 3px;
- padding: 3px;
-}
-
-input[type="text"]:focus,
-input[type="email"]:focus,
-input[type="url"]:focus,
-input[type="password"]:focus,
-input[type="search"]:focus,
-input[type="number"]:focus,
-input[type="tel"]:focus,
-input[type="range"]:focus,
-input[type="date"]:focus,
-input[type="month"]:focus,
-input[type="week"]:focus,
-input[type="time"]:focus,
-input[type="datetime"]:focus,
-input[type="datetime-local"]:focus,
-input[type="color"]:focus,
-textarea:focus {
- color: #111;
-}
-
-select {
- border: 1px solid #ccc;
-}
-
-textarea {
- width: 100%;
-}
-
-/*--------------------------------------------------------------
-# Layouts
---------------------------------------------------------------*/
-
-/*--------------------------------------------------------------
-# Components
---------------------------------------------------------------*/
-
-/* Navigation
---------------------------------------------- */
-.main-navigation {
- display: block;
- width: 100%;
-}
-
-.main-navigation ul {
- display: none;
- list-style: none;
- margin: 0;
- padding-left: 0;
-}
-
-.main-navigation ul ul {
- box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
- float: left;
- position: absolute;
- top: 100%;
- left: -999em;
- z-index: 99999;
-}
-
-.main-navigation ul ul ul {
- left: -999em;
- top: 0;
-}
-
-.main-navigation ul ul li:hover > ul,
-.main-navigation ul ul li.focus > ul {
- display: block;
- left: auto;
-}
-
-.main-navigation ul ul a {
- width: 200px;
-}
-
-.main-navigation ul li:hover > ul,
-.main-navigation ul li.focus > ul {
- left: auto;
-}
-
-.main-navigation li {
- position: relative;
-}
-
-.main-navigation a {
- display: block;
- text-decoration: none;
-}
-
-/* Small menu. */
-.menu-toggle,
-.main-navigation.toggled ul {
- display: block;
-}
-
-@media screen and (min-width: 37.5em) {
-
- .menu-toggle {
- display: none;
- }
-
- .main-navigation ul {
- display: flex;
- }
-}
-
-.site-main .comment-navigation,
-.site-main
-.posts-navigation,
-.site-main
-.post-navigation {
- margin: 0 0 1.5em;
-}
-
-.comment-navigation .nav-links,
-.posts-navigation .nav-links,
-.post-navigation .nav-links {
- display: flex;
-}
-
-.comment-navigation .nav-previous,
-.posts-navigation .nav-previous,
-.post-navigation .nav-previous {
- flex: 1 0 50%;
-}
-
-.comment-navigation .nav-next,
-.posts-navigation .nav-next,
-.post-navigation .nav-next {
- text-align: end;
- flex: 1 0 50%;
-}
-
-/* Posts and pages
---------------------------------------------- */
-.sticky {
- display: block;
-}
-
-.post,
-.page {
- margin: 0;
-}
-
-.updated:not(.published) {
- display: none;
-}
-
-.page-content,
-.entry-content,
-.entry-summary {
- margin: 1.5em 0 0;
-}
-
-.page-links {
- clear: both;
- margin: 0 0 1.5em;
-}
-
-/* Comments
---------------------------------------------- */
-.comment-content a {
- word-wrap: break-word;
-}
-
-.bypostauthor {
- display: block;
-}
-
-/* Widgets
---------------------------------------------- */
-.widget {
- margin: 0 0 1.5em;
-}
-
-.widget select {
- max-width: 100%;
-}
-
-/* Media
---------------------------------------------- */
-.page-content .wp-smiley,
-.entry-content .wp-smiley,
-.comment-content .wp-smiley {
- border: none;
- margin-bottom: 0;
- margin-top: 0;
- padding: 0;
-}
-
-/* Make sure logo link wraps around logo image. */
-.custom-logo-link {
- display: inline-block;
-}
-
-/* Captions
---------------------------------------------- */
-.wp-caption {
- margin-bottom: 1.5em;
- max-width: 100%;
-}
-
-.wp-caption img[class*="wp-image-"] {
- display: block;
- margin-left: auto;
- margin-right: auto;
-}
-
-.wp-caption .wp-caption-text {
- margin: 0.8075em 0;
-}
-
-.wp-caption-text {
- text-align: center;
-}
-
-/* Galleries
---------------------------------------------- */
-.gallery {
- margin-bottom: 1.5em;
- display: grid;
- grid-gap: 1.5em;
-}
-
-.gallery-item {
- display: inline-block;
- text-align: center;
- width: 100%;
-}
-
-.gallery-columns-2 {
- grid-template-columns: repeat(2, 1fr);
-}
-
-.gallery-columns-3 {
- grid-template-columns: repeat(3, 1fr);
-}
-
-.gallery-columns-4 {
- grid-template-columns: repeat(4, 1fr);
-}
-
-.gallery-columns-5 {
- grid-template-columns: repeat(5, 1fr);
-}
-
-.gallery-columns-6 {
- grid-template-columns: repeat(6, 1fr);
-}
-
-.gallery-columns-7 {
- grid-template-columns: repeat(7, 1fr);
-}
-
-.gallery-columns-8 {
- grid-template-columns: repeat(8, 1fr);
-}
-
-.gallery-columns-9 {
- grid-template-columns: repeat(9, 1fr);
-}
-
-.gallery-caption {
- display: block;
-}
-
-/*--------------------------------------------------------------
-# Plugins
---------------------------------------------------------------*/
-
-/* Jetpack infinite scroll
---------------------------------------------- */
-
-/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
-.infinite-scroll .posts-navigation,
-.infinite-scroll.neverending .site-footer {
- display: none;
-}
-
-/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
-.infinity-end.neverending .site-footer {
- display: block;
-}
-
-/*--------------------------------------------------------------
-# Utilities
---------------------------------------------------------------*/
-
-/* Accessibility
---------------------------------------------- */
-
-/* Text meant only for screen readers. */
-.screen-reader-text {
- border: 0;
- clip: rect(1px, 1px, 1px, 1px);
- clip-path: inset(50%);
- height: 1px;
- margin: -1px;
- overflow: hidden;
- padding: 0;
- position: absolute !important;
- width: 1px;
- word-wrap: normal !important;
-}
-
-.screen-reader-text:focus {
- background-color: #f1f1f1;
- border-radius: 3px;
- box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
- clip: auto !important;
- clip-path: none;
- color: #21759b;
- display: block;
- font-size: 0.875rem;
- font-weight: 700;
- height: auto;
- left: 5px;
- line-height: normal;
- padding: 15px 23px 14px;
- text-decoration: none;
- top: 5px;
- width: auto;
- z-index: 100000;
-}
-
-/* Do not show the outline on the skip link target. */
-#primary[tabindex="-1"]:focus {
- outline: 0;
-}
-
-/* Alignments
---------------------------------------------- */
-.alignleft {
-
- /*rtl:ignore*/
- float: left;
-
- /*rtl:ignore*/
- margin-right: 1.5em;
- margin-bottom: 1.5em;
-}
-
-.alignright {
-
- /*rtl:ignore*/
- float: right;
-
- /*rtl:ignore*/
- margin-left: 1.5em;
- margin-bottom: 1.5em;
-}
-
-.aligncenter {
- clear: both;
- display: block;
- margin-left: auto;
- margin-right: auto;
- margin-bottom: 1.5em;
-}
+:root {
+ --font-family: HarmonyOS_M, sans-serif;
+ --halo-comment-widget-base-font-family: var(--font-family);
+ /* 搜索 */
+ --halo-search-widget-base-font-size: 1.04rem;
+ --halo-search-widget-base-font-family: var(--font-family);
+ --halo-search-widget-primary-color: #4CCBA0;
+}
+
+html {
+ line-height: 1.15;
+ -webkit-text-size-adjust: 100%;
+ overflow-y:scroll;
+ overflow-x: hidden;
+ image-rendering: -webkit-optimize-contrast;
+
+}
+
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers.
+ */
+body {
+ margin: 0;
+}
+
+/**
+ * Render the `main` element consistently in IE.
+ */
+main {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+hr {
+ box-sizing: content-box;
+ height: 0;
+ overflow: visible;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+pre {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * Remove the gray background on active links in IE 10.
+ */
+a {
+ background-color: transparent;
+}
+
+/**
+ * 1. Remove the bottom border in Chrome 57-
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+abbr[title] {
+ border-bottom: none;
+ text-decoration: underline;
+ text-decoration: underline dotted;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+code,
+kbd,
+samp {
+ font-family: monospace, monospace;
+ font-size: 1em;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Remove the border on images inside links in IE 10.
+ */
+img {
+ border-style: none;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers.
+ * 2. Remove the margin in Firefox and Safari.
+ */
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: var(--font-family);
+ font-size: 100%;
+ line-height: 1.15;
+ margin: 0;
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+button,
+input {
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * Correct the inability to style clickable types in iOS and Safari.
+ */
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button;
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+button.null {
+ background: 0 0;
+ border: none;
+ margin: 0;
+ padding: 0;
+ line-height: 1.5;
+}
+
+/**
+ * Correct the padding in Firefox.
+ */
+fieldset {
+ padding: 0.35em 0.75em 0.625em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+legend {
+ box-sizing: border-box;
+ color: inherit;
+ display: table;
+ max-width: 100%;
+ padding: 0;
+ white-space: normal;
+}
+
+/**
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+progress {
+ vertical-align: baseline;
+}
+
+/**
+ * Remove the default vertical scrollbar in IE 10+.
+ */
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10.
+ * 2. Remove the padding in IE 10.
+ */
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box;
+ padding: 0;
+}
+
+.vditor-task input {
+ margin: 0 0.2em 0.25em -1.6em;
+ font-size: 12px;
+ vertical-align: middle;
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+[type="search"] {
+ -webkit-appearance: textfield;
+ outline-offset: -2px;
+}
+
+/**
+ * Remove the inner padding in Chrome and Safari on macOS.
+ */
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+::-webkit-file-upload-button {
+ -webkit-appearance: button;
+ font: inherit;
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in Edge, IE 10+, and Firefox.
+ */
+details {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+summary {
+ display: list-item;
+}
+
+/* Misc
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10+.
+ */
+template {
+ display: none;
+}
+
+/**
+ * Add the correct display in IE 10.
+ */
+[hidden] {
+ display: none;
+}
+
+/* Box sizing
+--------------------------------------------- */
+
+/* Inherit box-sizing to more easily change it's value on a component level.
+@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
+*,
+*::before,
+*::after {
+ box-sizing: inherit;
+}
+
+html {
+ box-sizing: border-box;
+}
+
+/*--------------------------------------------------------------
+# Base
+--------------------------------------------------------------*/
+
+/* Typography
+--------------------------------------------- */
+body,
+button,
+input,
+select,
+optgroup,
+textarea {
+ color: #404040;
+ font-family: var(--font-family);
+ font-size: 1rem;
+ line-height: 1.5;
+}
+
+.dark body{
+ color: #FFFFFF;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ clear: both;
+}
+
+p {
+ margin-bottom: 1.5em;
+}
+
+dfn,
+cite,
+em,
+i {
+ font-style: italic;
+}
+
+blockquote {
+ margin: 0 1.5em;
+}
+
+address {
+ margin: 0 0 1.5em;
+}
+
+pre {
+ background: #eee;
+ font-family: "Courier 10 Pitch", courier, monospace;
+ line-height: 1.6;
+ margin-bottom: 1.6em;
+ max-width: 100%;
+ overflow: auto;
+ padding: 1.6em;
+}
+
+code,
+kbd,
+tt,
+var {
+ font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
+}
+
+abbr,
+acronym {
+ border-bottom: 1px dotted #666;
+ cursor: help;
+}
+
+mark,
+ins {
+ background: #fff9c0;
+ text-decoration: none;
+}
+
+big {
+ font-size: 125%;
+}
+
+/* Elements
+--------------------------------------------- */
+body {
+ background: #fff;
+}
+
+hr {
+ background-color: #ccc;
+ border: 0;
+ height: 1px;
+ margin-bottom: 1.5em;
+}
+
+ul,
+ol {
+ margin: 0 0 1.5em 3em;
+}
+
+ul {
+ list-style: disc;
+}
+
+ol {
+ list-style: decimal;
+}
+
+li > ul,
+li > ol {
+ margin-bottom: 0;
+ margin-left: 1.5em;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin: 0 1.5em 1.5em;
+}
+
+/* Make sure embeds and iframes fit their containers. */
+embed,
+iframe,
+object {
+ max-width: 100%;
+}
+
+img {
+ height: auto;
+ max-width: 100%;
+}
+
+figure {
+ margin: 1em 0;
+}
+
+table {
+ margin: 0 0 1.5em;
+ width: 100%;
+}
+
+/* Links
+--------------------------------------------- */
+a {
+ color: #4169e1;
+}
+
+a:visited {
+ color: #252525;
+}
+
+a:hover,
+a:focus,
+a:active {
+ color: #191970;
+}
+
+a:focus {
+ outline: thin dotted;
+}
+
+a:hover,
+a:active {
+ outline: 0;
+}
+
+/* Forms
+--------------------------------------------- */
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ border: 1px solid;
+ border-color: #ccc #ccc #bbb;
+ border-radius: 3px;
+ background: #e6e6e6;
+ color: rgba(0, 0, 0, 0.8);
+ line-height: 1;
+ padding: 0.6em 1em 0.4em;
+}
+
+button:hover,
+input[type="button"]:hover,
+input[type="reset"]:hover,
+input[type="submit"]:hover {
+ border-color: #ccc #bbb #aaa;
+}
+
+button:active,
+button:focus,
+input[type="button"]:active,
+input[type="button"]:focus,
+input[type="reset"]:active,
+input[type="reset"]:focus,
+input[type="submit"]:active,
+input[type="submit"]:focus {
+ border-color: #aaa #bbb #bbb;
+}
+
+input[type="text"],
+input[type="email"],
+input[type="url"],
+input[type="password"],
+input[type="search"],
+input[type="number"],
+input[type="tel"],
+input[type="range"],
+input[type="date"],
+input[type="month"],
+input[type="week"],
+input[type="time"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="color"],
+textarea {
+ color: #666;
+ border: 1px solid #ccc;
+ border-radius: 3px;
+ padding: 3px;
+}
+
+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="password"]:focus,
+input[type="search"]:focus,
+input[type="number"]:focus,
+input[type="tel"]:focus,
+input[type="range"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="week"]:focus,
+input[type="time"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="color"]:focus,
+textarea:focus {
+ color: #111;
+}
+
+select {
+ border: 1px solid #ccc;
+}
+
+textarea {
+ width: 100%;
+}
+
+/*--------------------------------------------------------------
+# Layouts
+--------------------------------------------------------------*/
+
+/*--------------------------------------------------------------
+# Components
+--------------------------------------------------------------*/
+
+/* Navigation
+--------------------------------------------- */
+.main-navigation {
+ display: block;
+ width: 100%;
+}
+
+.main-navigation ul {
+ display: none;
+ list-style: none;
+ margin: 0;
+ padding-left: 0;
+}
+
+.main-navigation ul ul {
+ box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
+ float: left;
+ position: absolute;
+ top: 100%;
+ left: -999em;
+ z-index: 99999;
+}
+
+.main-navigation ul ul ul {
+ left: -999em;
+ top: 0;
+}
+
+.main-navigation ul ul li:hover > ul,
+.main-navigation ul ul li.focus > ul {
+ display: block;
+ left: auto;
+}
+
+.main-navigation ul ul a {
+ width: 200px;
+}
+
+.main-navigation ul li:hover > ul,
+.main-navigation ul li.focus > ul {
+ left: auto;
+}
+
+.main-navigation li {
+ position: relative;
+}
+
+.main-navigation a {
+ display: block;
+ text-decoration: none;
+}
+
+/* Small menu. */
+.menu-toggle,
+.main-navigation.toggled ul {
+ display: block;
+}
+
+@media screen and (min-width: 37.5em) {
+
+ .menu-toggle {
+ display: none;
+ }
+
+ .main-navigation ul {
+ display: flex;
+ }
+}
+
+.site-main .comment-navigation,
+.site-main
+.posts-navigation,
+.site-main
+.post-navigation {
+ margin: 0 0 1.5em;
+}
+
+.comment-navigation .nav-links,
+.posts-navigation .nav-links,
+.post-navigation .nav-links {
+ display: flex;
+}
+
+.comment-navigation .nav-previous,
+.posts-navigation .nav-previous,
+.post-navigation .nav-previous {
+ flex: 1 0 50%;
+}
+
+.comment-navigation .nav-next,
+.posts-navigation .nav-next,
+.post-navigation .nav-next {
+ text-align: end;
+ flex: 1 0 50%;
+}
+
+/* Posts and pages
+--------------------------------------------- */
+.sticky {
+ display: block;
+}
+
+.post,
+.page {
+ margin: 0;
+}
+
+.updated:not(.published) {
+ display: none;
+}
+
+.page-content,
+.entry-content,
+.entry-summary {
+ margin: 1.5em 0 0;
+}
+
+.page-links {
+ clear: both;
+ margin: 0 0 1.5em;
+}
+
+/* Comments
+--------------------------------------------- */
+.comment-content a {
+ word-wrap: break-word;
+}
+
+.bypostauthor {
+ display: block;
+}
+
+/* Widgets
+--------------------------------------------- */
+.widget {
+ margin: 0 0 1.5em;
+}
+
+.widget select {
+ max-width: 100%;
+}
+
+/* Media
+--------------------------------------------- */
+.page-content .wp-smiley,
+.entry-content .wp-smiley,
+.comment-content .wp-smiley {
+ border: none;
+ margin-bottom: 0;
+ margin-top: 0;
+ padding: 0;
+}
+
+/* Make sure logo link wraps around logo image. */
+.custom-logo-link {
+ display: inline-block;
+}
+
+/* Captions
+--------------------------------------------- */
+.wp-caption {
+ margin-bottom: 1.5em;
+ max-width: 100%;
+}
+
+.wp-caption img[class*="wp-image-"] {
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+}
+
+.wp-caption .wp-caption-text {
+ margin: 0.8075em 0;
+}
+
+.wp-caption-text {
+ text-align: center;
+}
+
+/* Galleries
+--------------------------------------------- */
+.gallery {
+ margin-bottom: 1.5em;
+ display: grid;
+ grid-gap: 1.5em;
+}
+
+.gallery-item {
+ display: inline-block;
+ text-align: center;
+ width: 100%;
+}
+
+.gallery-columns-2 {
+ grid-template-columns: repeat(2, 1fr);
+}
+
+.gallery-columns-3 {
+ grid-template-columns: repeat(3, 1fr);
+}
+
+.gallery-columns-4 {
+ grid-template-columns: repeat(4, 1fr);
+}
+
+.gallery-columns-5 {
+ grid-template-columns: repeat(5, 1fr);
+}
+
+.gallery-columns-6 {
+ grid-template-columns: repeat(6, 1fr);
+}
+
+.gallery-columns-7 {
+ grid-template-columns: repeat(7, 1fr);
+}
+
+.gallery-columns-8 {
+ grid-template-columns: repeat(8, 1fr);
+}
+
+.gallery-columns-9 {
+ grid-template-columns: repeat(9, 1fr);
+}
+
+.gallery-caption {
+ display: block;
+}
+
+/*--------------------------------------------------------------
+# Plugins
+--------------------------------------------------------------*/
+
+/* Jetpack infinite scroll
+--------------------------------------------- */
+
+/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
+.infinite-scroll .posts-navigation,
+.infinite-scroll.neverending .site-footer {
+ display: none;
+}
+
+/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
+.infinity-end.neverending .site-footer {
+ display: block;
+}
+
+/*--------------------------------------------------------------
+# Utilities
+--------------------------------------------------------------*/
+
+/* Accessibility
+--------------------------------------------- */
+
+/* Text meant only for screen readers. */
+.screen-reader-text {
+ border: 0;
+ clip: rect(1px, 1px, 1px, 1px);
+ clip-path: inset(50%);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute !important;
+ width: 1px;
+ word-wrap: normal !important;
+}
+
+.screen-reader-text:focus {
+ background-color: #f1f1f1;
+ border-radius: 3px;
+ box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
+ clip: auto !important;
+ clip-path: none;
+ color: #21759b;
+ display: block;
+ font-size: 0.875rem;
+ font-weight: 700;
+ height: auto;
+ left: 5px;
+ line-height: normal;
+ padding: 15px 23px 14px;
+ text-decoration: none;
+ top: 5px;
+ width: auto;
+ z-index: 100000;
+}
+
+/* Do not show the outline on the skip link target. */
+#primary[tabindex="-1"]:focus {
+ outline: 0;
+}
+
+/* Alignments
+--------------------------------------------- */
+.alignleft {
+
+ /*rtl:ignore*/
+ float: left;
+
+ /*rtl:ignore*/
+ margin-right: 1.5em;
+ margin-bottom: 1.5em;
+}
+
+.alignright {
+
+ /*rtl:ignore*/
+ float: right;
+
+ /*rtl:ignore*/
+ margin-left: 1.5em;
+ margin-bottom: 1.5em;
+}
+
+.aligncenter {
+ clear: both;
+ display: block;
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 1.5em;
+}
diff --git a/templates/assets/img/404.png b/templates/assets/img/404.png
index 2f6d1c5..73dba3e 100644
Binary files a/templates/assets/img/404.png and b/templates/assets/img/404.png differ
diff --git a/templates/assets/img/avatar.png b/templates/assets/img/avatar.png
index e1eab7a..d62b139 100644
Binary files a/templates/assets/img/avatar.png and b/templates/assets/img/avatar.png differ
diff --git a/templates/assets/img/banner.jpg b/templates/assets/img/banner.jpg
index aee4c2a..94f8683 100644
Binary files a/templates/assets/img/banner.jpg and b/templates/assets/img/banner.jpg differ
diff --git a/templates/assets/img/nodata.png b/templates/assets/img/nodata.png
index b5188f3..b456409 100644
Binary files a/templates/assets/img/nodata.png and b/templates/assets/img/nodata.png differ
diff --git a/templates/assets/js/anian.js b/templates/assets/js/anian.js
new file mode 100644
index 0000000..c723b64
--- /dev/null
+++ b/templates/assets/js/anian.js
@@ -0,0 +1,64 @@
+// 接管手机端底部音乐按钮
+function modify_m_bottom_music_button_link() {
+ const music = document.querySelector('a[href*="#m_bottom_music_button"]');
+ if (!music) return;
+ music.addEventListener('click', function(event) {
+ event.preventDefault();
+ mu_box_show();
+ });
+}
+
+// 视频默认正方形,播放恢复比例
+function modify_moment_video_size() {
+ const videos = document.querySelectorAll('.pix_video');
+ videos.forEach(video => {
+ if (!video.hasAttribute('data-video-events-bound')) {
+ video.addEventListener('play', () => {
+ video.classList.add('is-playing');
+ });
+ video.addEventListener('ended', () => {
+ video.classList.remove('is-playing');
+ });
+ video.setAttribute('data-video-events-bound', 'true');
+ }
+ });
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+// = = = = = = = = = = = = = = = = 触发器 = = = = = = = = = = = = = = = =
+
+// 集合:PJAX(初始化执行+PJAX执行)
+function init_anian_pjax() {
+ modify_moment_video_size();
+}
+
+// 集合:初始化(仅初始化执行一次)
+function init_anian_inport() {
+ init_anian_pjax();
+ modify_m_bottom_music_button_link();
+}
+
+// PJAX监听
+document.addEventListener('pjax:complete', function () {
+ init_anian_pjax();
+})
+
+// 入口
+init_anian_inport();
\ No newline at end of file
diff --git a/templates/assets/js/app.js b/templates/assets/js/app.js
index 7ae14d8..d91fe97 100644
--- a/templates/assets/js/app.js
+++ b/templates/assets/js/app.js
@@ -1,1594 +1,2794 @@
-var $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
-var storage = window.localStorage;
-
-var lazyLoadInstance = new LazyLoad({});
-
-$(document).on('click', '.left_menu_box ul li a , .widget_nav_menu ul li a, .menu-top-container ul li a', function () {
- var t = $(this);
- t.siblings("ul").slideToggle(200);
- t.parent().siblings().find("ul").hide(200);
- if (t.parent().hasClass('has_children')) {
- t.find('.drop_icon').toggleClass('up');
- }
- $('.left_menu_box ul li').removeClass('current-pjax-item current-menu-item current-menu-parent current-menu-ancestor');
- t.parent().addClass('current-pjax-item');
-});
-
-var route = location.href.substring(0, location.href.indexOf('?') === -1 ? (location.href.indexOf('#') === -1 ? location.href.length : location.href.indexOf('#')) : location.href.indexOf('?'))
-
-$('.left_menu_box ul li a').each((i, e) => {
- if (e.parentElement.childNodes.length > 3) {
- return
- }
- let href = e.href.substring(0, e.href.indexOf('?') === -1 ? (e.href.indexOf('#') === -1 ? e.href.length : e.href.indexOf('#')) : e.href.indexOf('?'))
- if (route === href) {
- e.parentElement.classList.add('current-pjax-item')
- }
-})
-$('.left_menu_box ul li ul li a').each((i, e) => {
- let href = e.href.substring(0, e.href.indexOf('?') === -1 ? (e.href.indexOf('#') === -1 ? e.href.length : e.href.indexOf('#')) : e.href.indexOf('?'))
- if (route === href) {
- e.parentElement.parentElement.parentElement.classList.add('current-pjax-item')
- }
-})
-
-
-//全局loading
-function loading_template() {
- tag = '
';
- tag += '';
-
- return tag;
-}
-
-function loading_start(target) {
- target.append(loading_template());
-}
-
-function loading_done(target) {
- target.children('.loader').remove();
-}
-
-
-//话题表情添加
-$(document).on('click', 'a.smile_btn', function () {
- var a = $(this).html();
- var textarea = $("textarea#topic_content");
- var content = textarea.val();
- textarea.val(content + a);
- textarea.focus();
-});
-
-$(document).on('click', '.smile_box i', function () {
- var t = $(".smile_show");
- t.slideToggle(100);
-});
-//选择话题
-$(document).on('click', '.t_cat_box li', function () {
- var name = $(this).find('.c_name span').html();
- $('.t_cat_toogle span').html(name);
-
- UIkit.dropdown('.t_cat_box').hide(false);
-});
-
-$(document).on('click', '.up_cat_btn', function () {
- var name = $('input#add_cat').val();
- if (!name) {
- cocoMessage.error("请填写话题");
- return false;
- }
- $('.t_cat_toogle span').text(name)
- UIkit.dropdown('.t_cat_box').hide(false);
-});
-
-$(document).on('click', '.simi a', function () {
- var visible = $(this).attr('visible');
- if (visible == 'PUBLIC') {
- $(this).html('').attr('visible', 'PRIVATE');
- $(this).children().css({"background": "#ddd", "color": "#c6c6c6"});
- } else {
- $(this).html('').attr('visible', 'PUBLIC');
- $(this).children().css({"background": "#e3efe7", "color": "#66c187"});
- }
-});
-
-//消息通知
-cocoMessage.config({
- duration: 2000,
-});
-
-//sortable事件 隐藏input
-UIkit.util.on('.img_show', 'start', function (item) {
- $(".up_img_btn").hide();
-});
-UIkit.util.on('.img_show', 'moved', function (item) {
- var img_num = $('.add_img_box .t_media_item').length;
- if (img_num < 9) {
- $(".up_img_btn").show();
- }
-
-});
-UIkit.util.on('.img_show', 'stop', function (item) {
- var img_num = $('.add_img_box .t_media_item').length;
- if (img_num < 9) {
- $(".up_img_btn").show();
- }
-});
-
-
-//ajax上传图片到媒体库
-$(document).on('change', '#topic_img_up', function (e) {
- e.preventDefault();
- if ($('#topic_img_up').val() == '') {
- return;
- }
- const policyName = Theme.moments.policy_name;
- const groupName = Theme.moments.group_name;
-
- var files = $('#topic_img_up')[0].files;
- var imgtot = 0;
-
- var num = $('.add_img_box .t_media_item').length;
-
- // 检查选择的图片数量是否会导致总数超过限制
- if (num + files.length > 9) {
- cocoMessage.error("最多上传9张图片, 当前已上传" + num + "张。" + "你选择了" + files.length + "张");
- return; // 阻止上传
- }
-
- // 计算总大小
- $.each(files, function (i, file) {
- imgtot += file['size'];
- });
-
- var tot = imgtot / 1024000;
- $(".up_img_btn i").remove();
- $(".up_img_btn").prepend("");
-
- // 上传图片
- $.each(files, function (i, file) {
- var data = new FormData();
- data.append('file', file);
- policyName && data.append('policyName', policyName);
- groupName && data.append('groupName', groupName);
-
- $.ajax({
- type: "POST",
- url: `${Theme.moments.attachments_upload_api}`,
- dataType: 'json',
- data: data,
- processData: false,
- contentType: false,
- beforeSend: function () {
- $('input#topic_img_up').attr('disabled', 'disabled');
- },
- success: function (data) {
- var thum = data.metadata.annotations["storage.halo.run/uri"] || data.metadata.annotations["storage.halo.run/external-link"] || data.metadata.annotations["lskypro.plugin.halo.chenhe.me/image-link"];
- var src = thum;
- var media = '';
- $(".img_show").prepend(media);
-
-
- num = $('.add_img_box .t_media_item').length;
- if (num >= 8) {
- $("a.up_img_btn").hide();
- }
-
-
- $(".img_load_text").remove();
- $('input#topic_img_up').removeAttr('disabled');
- },
- });
- });
-
-
- $(".up_img_btn").prepend("");
-});
-
-//检查上传图片数量
-function check_image_num() {
- var num = $('.add_img_box .t_media_item').length;
- if (num > 8) {
- cocoMessage.error("最多上传9张图片");
- return true;
- }
- //if(num == '8'){$("a.up_img_btn").hide();}
-}
-
-//sortable事件 隐藏input
-UIkit.util.on('.img_show', 'start', function (item) {
- $(".up_img_btn").hide();
-});
-UIkit.util.on('.img_show', 'moved', function (item) {
- var img_num = $('.add_img_box .t_media_item').length;
- if (img_num < 9) {
- $(".up_img_btn").show();
- }
-
-});
-UIkit.util.on('.img_show', 'stop', function (item) {
- var img_num = $('.add_img_box .t_media_item').length;
- if (img_num < 9) {
- $(".up_img_btn").show();
- }
-});
-
-//获取媒体库图片
-$(document).on('click', '.up_from_media a', function () {
- $(".attch_nav .pre").hide();
- $(".attch_nav .nex").hide();
- $(".attch_nav").attr('paged', '1');
- $(".wp_get_media_list").empty();
- $(".show_media_box").show();
- $.ajax({
- type: "get",
- url: `/apis/${Theme.moments.attachments_api}/v1alpha1/attachments?group=&page=1&size=40&ungrouped=false&accepts=image/*`,
- contentType: "application/json",
- beforeSend: function () {
-
- },
- success: function (data) {
- var list = data.items;
- $.each(list, function (i, value) {
- var thum = value.status.permalink;
- var src = value.status.permalink;
- var wf_media = '
';//图片预览
- $(".wp_get_media_list").append(wf_media);
- });
- var max = data.totalPages;
- if (max > 1) {
- $(".attch_nav .nex").show();
- } else {
- $(".attch_nav .nex").hide();
- }
-
- }
- });
-});
-
-//媒体库分页
-$(document).on('click', '.attch_nav a', function () {
- $(".wp_get_media_list").empty();
- var type = $(this).attr('class');
- var paged = $(".attch_nav").attr('paged');
-
- if (type == 'nex') {
- var paged = parseInt(paged) + 1;
- } else if (type == 'pre' && paged !== '') {
- var paged = parseInt(paged) - 1;
- }
-
- $(".attch_nav").attr('paged', paged);
- $.ajax({
- type: "get",
- url: `/apis/${Theme.moments.attachments_api}/v1alpha1/attachments?group=&page=${paged}&size=40&ungrouped=false&accepts=image/*`,
- contentType: "application/json",
-
- beforeSend: function () {
-
- },
- success: function (data) {
- $(".wp_get_media_list").empty();
- var list = data.items;
- $.each(list, function (i, value) {
- var thum = value.status.permalink;
- var src = value.status.permalink;
- var mediaType = value.spec.mediaType
- var wf_media = `
`;//图片预览
- $(".wp_get_media_list").append(wf_media);
- });
-
- var max = data.totalPages;
- if (max <= paged) {
- $(".attch_nav .nex").hide();
- } else {
- $(".attch_nav .nex").show();
- }
-
- if (paged > 1) {
- $(".attch_nav .pre").show();
- } else {
- $(".attch_nav .pre").hide();
- }
-
- }
- });
-});
-
-//收起媒体库
-$(document).on('click', '.show_media_box .souqi', function () {
- $(".show_media_box").hide();
- $(".wp_get_media_list").empty();
-
-});
-
-//从媒体库插入图片
-$(document).on('click', '.wp_get_media_list li', function () {
- var num = $('.add_img_box .t_media_item').length;
- if (num == '8') {
- $("a.up_img_btn").hide();
- }
-
- if (check_image_num()) {
- return false;
- }
- ;
- var thum = $(this).children().attr('src');
- var src = $(this).attr('data-src');
- var type = $(this).attr('data-type');
- var media = '';
- $(".img_show").prepend(media);
-
-});
-
-//删除图片
-$(document).on('click', '.topic-img-de', function () {
- var msg = "确认删除此图片?";
- if (confirm(msg) == true) {
- $(this).parent().remove();
- } else {
- return false;
- }
-
- var num = $('.add_img_box .t_media_item').length;
- if (num < 9) {
- $("a.up_img_btn").show();
- }
-
-});
-
-
-//插入外部图片链接
-$(document).on('click', '.up_from_cdn a', function () {
- //$(".show_media_box .souqi").click();
- $(".show_cdn_media").show();
-
-});
-
-//取消
-$(document).on('click', 'a.img_link_cancel', function () {
- $(".show_cdn_media").hide();
-});
-
-//插入
-$(document).on('click', 'a.img_link_btn', function () {
- var img_url = $("#img_link_up").val();
- //获得上传文件名
- if (!/\.(jpg|png|gif|webp|jpeg)$/.test(img_url) || img_url == '') {
- cocoMessage.error("图片格式不正确!");
- return false;
- }
-
- if (check_image_num()) {
- return false;
- }
-
- var num = $('.add_img_box .t_media_item').length;
- if (num == '8') {
- $("a.up_img_btn").hide();
- }
-
- var src = img_url;
- var type = 'image/' + img_url.substring(img_url.lastIndexOf('.') + 1);
- var media = '';
- $(".img_show").prepend(media);
-
- $("#img_link_up").val('');
-});
-
-//ajax获取我的地理位置
-$(document).on('click','.loca .laqu',function(){
- var gaode_key = Theme.moments.gaode_key;
- var ip = '';
- $.ajax({
- type: "get",
- url:`/apis/uc.api.security.halo.run/v1alpha1/devices`,
- contentType: "application/json",
- success: function(data){
- if(data.length>0){
- var ipAddress = data[0].device.spec.ipAddress;
- if (!/^10\.|^192\.|^168\.|^172\./.test(ipAddress)) {
- ip = data[0].device.spec.ipAddress
- }
- }
- $.ajax({
- type: "get",
- url:`https://restapi.amap.com/v3/ip?ip=${ip}&key=${gaode_key}`,
- contentType: "application/json",
- beforeSend: function () {
- $(".loca_text").text("数据拉取中..");
- },
- success: function(data){
- if(data.status == '1') {
- var city = 'X市' ;
- if(typeof data.city === 'string') {
- city = data.city;
- }
- var province = 'X省';
- if(typeof data.province === 'string') {
- province = data.province;
- }
- var loca = ""+province+" · "+city+"";
- $.cookie('mylocal', loca, { expires: 30, path: '/' });
- $(".loca_text").html(loca).attr("state",'1'); //设置为开启
- }else{
- cocoMessage.error(data.info);
- }
- }
- });
- }
- });
-});
-
-//插入自定义位置
-$(document).on('click','a.set_local_btn',function(){
- var loca = $("#set_local").val();
- var state = $(".loca_text").attr('state');
-
- //$("a.close_local").text('位置已开启').css('color','#8890cc');
-
- if(loca == ''){
- cocoMessage.error("为空则不显示位置");
- $(".loca_text").text('').attr("state",'0');
- $("a.close_local").text('位置已关闭').css('color','#ddd');
- $.removeCookie('mylocal',{ path: '/'});
- } else {
- $(".loca_text").text(loca).attr("state",'1');
- $("a.close_local").text('位置已开启').css('color','#8890cc');
- $.cookie('mylocal', loca, { expires: 30, path: '/' });
- }
-
-});
-
-//关闭地理位置
-$(document).on('click','a.close_local',function(){
- $(".loca_text").text('').attr("state",'0');
- $("a.close_local").text('位置已关闭').css('color','#ddd');
- $.removeCookie('mylocal',{ path: '/'});
-});
-
-$(document).on('click','.loca_text',function(){
- $("a.close_local").text('位置已开启').css('color','#8890cc');
-});
-
-//发布更新瞬间
-$(document).on('click', '.push_item', function () {
- var content = $("#topic_content").val(); //内容
- var catname = $(".t_cat_toogle span").text(); //分类名
- var loca = $(".loca_text").text(); //位置
- var act = $('.push_item').attr('action');
- var pid = $('.push_item').attr('pid');
- var moment_type = $('.push_item').attr('type'); //片刻类型
- var visible = $(".simi a").attr('visible'); //私密 PUBLIC:公开 PRIVATE:私密
-
- var min = Theme.moments.min_push_num;
-
- if (min > 0) {
- if (content == '') {
- cocoMessage.error("请输入内容");
- return false;
- }
-
- if (content.length < min) {
- cocoMessage.error("内容不得少于" + min + "个字");
- return false;
- }
- }
-
- let tags = []
- if (catname != null && catname != '') {
- tags.push(catname)
- content += `${catname}
`
- }
-
-
- get_moment_data(moment_type);
-
- if (act == 'push') {
- var pushData = {
- apiVersion: 'moment.halo.run/v1alpha1',
- kind: 'Moment',
- metadata: {
- generateName: "moment-",
- },
- spec: {
- content: {
- html: content,
- medium: moment_data,
- raw: content
- },
- owner: "",
- tags: tags,
- visible: visible
- },
- }
-
- if(loca!=null && loca!='' && loca!='数据拉取中..') {
- pushData.metadata.annotations = {
- "mylocal": loca
- };
- }
- $.ajax({
- type: "post",
- url: `/apis/${Theme.moments.push_api}/v1alpha1/moments`,
- contentType: "application/json",
- data: JSON.stringify(pushData),
- beforeSend: function () {
- cocoMessage.info("发布中..");
- },
- success: function (data) {
- cocoMessage.success('发布成功!');
- location.reload();
- },
- error: function (request) {
- cocoMessage.success('发布失败!');
- console.log(request)
- }
-
- });
- }
-
- if (act == 'update') {
- var version = $('.push_item').attr('version');
- var owner = $('.push_item').attr('owner');
- var releaseTime = $('.push_item').attr('releaseTime');
- var updateData = {
- apiVersion: 'moment.halo.run/v1alpha1',
- kind: 'Moment',
- metadata: {
- generateName: "moment-",
- name: pid,
- finalizers: ["tag-moment-protection", "moment-protection"],
- version: parseInt(version)
- },
-
- spec: {
- content: {
- html: content,
- medium: moment_data,
- raw: content
- },
- owner: owner,
- releaseTime: releaseTime,
- tags: tags,
- visible: visible
- },
- }
- if(loca!=null && loca!='' && loca!='数据拉取中..') {
- updateData.metadata.annotations = {
- "mylocal": loca
- };
- }
- $.ajax({
- type: "PUT",
- url: `/apis/${Theme.moments.api}/v1alpha1/moments/` + pid,
- contentType: "application/json",
- data: JSON.stringify(updateData),
- beforeSend: function () {
- cocoMessage.info("更新中..");
- },
- success: function (data) {
- cocoMessage.success('更新成功!');
- location.reload();
- },
- error: function (request) {
- cocoMessage.success('更新失败!');
- console.log(request)
- }
-
- });
- }
-
-});
-
-//获取片刻类型参数
-function get_moment_data(type) {
- moment_data = [];
- switch (type) {
- case "image":
- $(".t_media_item").each(function () {
- var src = $(this).attr('data-src');
- var type = $(this).attr('data-type');
- var obj = {
- url: src,
- type: "PHOTO",
- originType: type
- }
- moment_data.push(obj); //图片
- });
- break;
- case "card":
- $(".card_sortble .moment_card_item").each(function () {
- var pid = $(this).attr('pid');
- var type = $(this).attr('type');
- var obj = {
- url: pid,
- type: "POST",
- originType: type
- }
- moment_data.push(obj); //卡片
- });
- break;
- case "audio":
- get_audio_data();
- break;
- case "video":
- get_video_data();
- break;
- }
-}
-
-//片刻音乐参数
-function get_audio_data() {
- var type = $('.audio_choose li.uk-active a').attr('au_type');
- if (type == 'local') {
- var url = $('input#moment_audio_url').val();
- var obj = {
- url: url,
- type: "AUDIO",
- originType: 'audio/' + type
- }
- } else {
- var n_id = $('input#moment_audio_api').val();
- var obj = {
- url: n_id,
- type: "AUDIO",
- originType: 'audio/' + type
- }
- }
- moment_data.push(obj);
-}
-
-//片刻视频参数
-function get_video_data() {
- var type = $('.video_choose li.uk-active a').attr('vi_type');
- if (type == 'local') {
- var url = $('input#moment_video_url').val();
- var obj = {
- url: url,
- type: "VIDEO",
- originType: 'video/mp4'
- }
-
- } else if (type == 'bili') {
- var bvid = $('input#moment_video_bili').val();
- var obj = {
- url: bvid,
- type: "VIDEO",
- originType: 'video/bili'
- }
- }
- moment_data.push(obj);
-
-}
-
-//片刻空值提示
-function get_moment_error(type) {
- switch (type) {
- case "card":
- var v = $('.show_card .moment_card_item');
- if (v.length == 0) {
- return false;
- }
- break;
- case "audio":
- var au_type = $('.audio_choose li.uk-active a').attr('au_type');
- var url = $('input#moment_audio_url').val(); //歌曲链接
- var title = $('input#moment_audio_name').val(); //标题
- var cover = $('.loacl_audio .audio_left img').length; //封面
- if (au_type == 'local') {
- if (url == '' || title == '' || cover == 0) {
- return false;
- }
- } else {
- var n_id = $('input#moment_audio_api').val();
- if (n_id == '') {
- return false;
- }
- }
- break;
- case "video":
- var vi_type = $('.video_choose li.uk-active a').attr('vi_type');
- var url = $('input#moment_video_url').val();
- //var cover = $('.m_media_left img').length;
- if (vi_type == 'local') {
- if (url == '') {
- return false;
- }
- } else {
- var bvid = $('input#moment_video_bili').val();
- if (bvid == '') {
- return false;
- }
- }
- break;
- }
-}
-
-//ajax 分类筛选 moment
-$(document).on('click', '.moment_cat_nav ul li a', function () {
- var t = $('.moment_cat_nav ul li a');
- if (t.hasClass('disabled')) {
- return false;
- }
- $('.moment_cat_nav ul li a').addClass('disabled');
-
- var temp = $("#comment_form_reset");
- var form = $(".respond_box");
- var form = $("#t_commentform").prop('outerHTML');
- temp.html(form);
-
- $(".moment_list").empty();
- $('#t_pagination a').hide();
- $(this).addClass('active');
- $(this).parent().siblings().children().removeClass('active');
- var cat = $(this).attr('data');
-
- $.ajax({
- type: "GET",
- url: cat,
- beforeSend: function () {
- $('.moment_list').html('');
- },
- success: function (data) {
- $('.moment_list .loading_box').remove();
- $('#t_pagination a').text(Theme.site_page);
- var result = $(data).find(".moment_list .p_item");
-
- $(".moment_list").append(result.fadeIn(300));
-
- var newhref = $(data).find("#t_pagination a").attr("href");
-
- if (newhref == undefined) {
- $('#t_pagination a').hide();
- } else {
- $("#t_pagination a").attr("href", newhref);
- $('#t_pagination a').show();
- }
- getMomentAudio();
- initAgree();
-
- lazyLoadInstance.update();
- $('.moment_cat_nav ul li a').removeClass('disabled');
-
- }
- });
-});
-
-
-//ajax加载片刻
-$(document).on('click', '#t_pagination a', function () {
- const postListElement = document.getElementById("post_item");
- var href = $(this).attr('data');
- $.ajax({
- type: "GET",
- url: href,
- beforeSend: function () {
- $('#t_pagination .post-paging').html('');
- },
- success: function (posts) {
-
- if (posts) {
-
- var result = $(posts).find(".moment_list .p_item");
- $('#t_pagination .post-paging').html(`${Theme.site_page}`);
- $(".moment_list").append(result.fadeIn(300));
- window.pjax.refresh(postListElement)
- var newhref = $(posts).find("#t_pagination a").attr("data"); //找出新的下一页链接
-
- if (newhref != undefined) {
- $("#t_pagination a").attr("data", newhref);
- $('#t_pagination a').show();
- } else {
- $("#t_pagination a").hide(); //如果没有下一页了,隐藏
- }
-
- $body.animate({scrollTop: result.offset().top - 58}, 500);
- getMomentAudio();
- initAgree();
-
- lazyLoadInstance.update();
- } else {
- $('#t_pagination a').hide();
- }
-
-
- }
- });
- return false;
-
-});
-
-
-//ajax加载图库
-$(document).on('click', '#p_pagination a', function () {
- var href = $(this).attr('data');
- $.ajax({
- type: "GET",
- url: href,
- beforeSend: function () {
- $('#p_pagination .post-paging').html('');
- },
- success: function (photos) {
- if (photos) {
- var result = $(photos).find(".norpost_list .gallery-photo");
- $('#p_pagination .post-paging').html(`${Theme.site_page}`);
- $(".gallery-photos").append(result.fadeIn(300));
-
- var newhref = $(photos).find("#p_pagination a").attr("data"); //找出新的下一页链接
-
- if (newhref != undefined) {
- $("#p_pagination a").attr("data", newhref);
- $('#p_pagination a').show();
- } else {
- $("#p_pagination a").hide(); //如果没有下一页了,隐藏
- }
- pix.initGalleryPhotos();
- } else {
- $('#p_pagination a').hide();
- }
- }
- });
- return false;
-
-});
-
-//阅读更多按钮
-$(document).on('click', 'a.show-more-btn', function () {
- var t = $(this);
- t.prev().show();
- t.next().show();
- t.siblings('.dotd').hide();
- t.hide();
-});
-
-$(document).on('click', 'a.read-less-btn', function () {
- var t = $(this);
- t.siblings('.rm_hidden').hide();
- t.siblings('.dotd').show();
- t.prev().show();
- t.hide();
-});
-
-
-//加载阅读全文
-/*
-function load_readmore(post_data){
- var max = 80;
- var moretext = '更多';
- var lesstext = '收起';
- var data = $(post_data).find('.t_content p');
- $.each(data, function(index, value) {
- //console.log(value);
- var t = $(this);
- var str = t.text();
- //if (str.length > max) {
- var excerpt = str.substring(0, max);
- var secdHalf = str.substring(max, str.length);
- var strtoadd = excerpt + "" + secdHalf + "" + moretext + "" + lesstext + "";
- $(this).html(excerpt);
-
- //}
- console.log(excerpt);
-});
-
-}
-*/
-
-//正则替换链接 无用
-function replaceReg(str) {
- var regexp = /((http|ftp|https|file):\/\/([\w\-]+\.)+[\w\-]+(\/[\w\u4e00-\u9fa5\-\.\/?\@\%\!\&=\+\~\:\#\;\,]*)?)/ig;
- return str.replace(regexp, function (m) {
- return '' + m + '';
- })
-}
-
-//ajax加载评论
-$(document).on('click', '.show_comment', function () {
- $('.blog_list_inner').css('min-height', 'calc(100vh)');
- var pid = $(this).attr('pid');
- var other = $(this).parents('.moment_item').siblings('div');
- $.each(other, function (name, value) {
-
- //遍历每个 回复表单
- var otherid = $(this).find('.show_comment').attr('pid');
- $("#halo-comment-" + otherid).hide();
-
- });
- $(`#halo-comment-${pid}`).css('display', $(`#halo-comment-${pid}`).css('display') == 'block' ? 'none' : 'block');
-
-});
-
-//片刻点赞
-$(document).on('click', '.up_like ', function () {
-
- if ($(this).hasClass('done')) {
- cocoMessage.info("您已经点过赞了");
- return false;
- } else {
- $(this).addClass('done');
- var pid = $(this).data("id");
- var key = $(this).data("key");
- console.log(key)
- let agreeArr = localStorage.getItem(`pix.upvoted.${key}.names`)
- ? JSON.parse(localStorage.getItem(`pix.upvoted.${key}.names`))
- : [];
- rateHolder = $(this).children('span');
- iconHolder = $(this).children('i');
- $.ajax({
- type: 'post',
- contentType: "application/json; charset=utf-8",
- url: '/apis/api.halo.run/v1alpha1/trackers/upvote',
- data: JSON.stringify({
- group: key == "moment" ? "moment.halo.run" : "content.halo.run",
- plural: key == "moment" ? "moments" : "posts",
- name: pid,
- }),
- success: function (data) {
- $(iconHolder).toggleClass('ri-heart-2-fill');
- var num = $(rateHolder).text();
- $(rateHolder).text(++num);
- agreeArr.push(pid);
- const val = JSON.stringify(agreeArr);
- localStorage.setItem(`pix.upvoted.${key}.names`, val);
- cocoMessage.success("感谢您的支持");
- }
- }); // end ajax
-
- }
-});
-
-function initAgree() {
- var agreeAnnius = $('.up_like')
- if (agreeAnnius.length > 0) {
- let agreeArr = JSON.parse(localStorage.getItem(`pix.upvoted.${$(agreeAnnius[0]).data("key")}.names`))
- for (var i = 0; i < agreeAnnius.length; i++) {
- let pid = $(agreeAnnius[i]).attr('data-id');
- if (agreeArr != null) {
- let flag = agreeArr.includes(pid);
- if (flag) {
- $(agreeAnnius[i]).addClass('done');
- }
- }
-
-
- }
- }
-}
-
-function getMomentAudio() {
- var audioList = $('.pix_player.qt')
- if (audioList.length > 0) {
- for (var i = 0; i < audioList.length; i++) {
- let id = $(audioList[i]).attr('id');
- let type = $(audioList[i]).attr('type');
- var result = type.substring(type.indexOf("audio/") + 6);
- if (id != null && id != '') {
- var api = `${Theme.play.pix_mu_api || 'https://api.i-meto.com/meting/api'}?type=song&id=:id`
- var meta = {
- type: result,
- id: id,
- }
- let url = api.replace(":id", meta.id);
- $.ajax({
- type: "get",
- url: url,
- success: function (res) {
- var html = ''
- if (res.length > 0) {
- let author = res[0].author;
- let pic = res[0].pic;
- let title = res[0].title;
- let url = res[0].url;
- let lrc = res[0].lrc;
- html = `
-

-
-
-
- `;
- } else {
- html = '音乐参数错误';
- }
- $('#' + id).html(html);
-
- }
- });
-
- }
-
- }
- }
-}
-
-
-//ajax分类筛选 posts
-$(document).on('click', '.posts_cat_nav ul li a', function () {
- const postListElement = document.getElementById("post_item");
- var t = $('.posts_cat_nav ul li a');
- if (t.hasClass('disabled')) {
- return false;
- }
- $('.posts_cat_nav ul li a').addClass('disabled');
-
- $(".norpost_list").empty();
- $('#pagination a').hide();
- $(this).addClass('active');
- $(this).parent().siblings().children().removeClass('active');
- var cat = $(this).attr('data');
- $.ajax({
- type: "GET",
- url: cat,
- headers: {
- Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
- },
- beforeSend: function () {
-
- $('.norpost_list').html('');
- },
- success: function (data) {
- $('#pagination a').text(Theme.site_page);
-
- var result = $(data).find(".norpost_list").children();
- $(".norpost_list").append(result.fadeIn(300));
- window.pjax && window.pjax.refresh(postListElement)
- let newhref = $(data).find("#pagination a").attr("data") || $(data).find(".arc_pagenav a").attr("data");
-
- if (newhref != undefined) {
- $("#pagination a").attr("data", newhref);
- $('#pagination a').show();
- } else {
- $('#pagination a').hide();
- }
- $('.loading_box').remove();
- initAgree()
- lazyLoadInstance.update();
- $('.posts_cat_nav ul li a').removeClass('disabled');
-
- }
- });
-});
-
-//首页ajax加载文章
-$('body').on('click', '#pagination a', function () {
- const postListElement = document.getElementById("post_item");
- var href = $(this).attr('data');
- $.ajax({
- type: "GET",
- url: href,
- headers: {
- Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
- },
- beforeSend: function () {
- $('#pagination .post-paging').html('');
- },
- success: function (data) {
- if (data) {
- var result = $(data).find(".norpost_list ").children();
- $('#pagination .post-paging').html(`${Theme.site_page}`);
- $('.norpost_list').append($(result).fadeIn(400));
-
- window.pjax && window.pjax.refresh(postListElement)
-
- var newhref = $(data).find("#pagination a").attr("data") || $(data).find(".arc_pagenav a").attr("data"); //找出新的下一页链接
-
- if (newhref != undefined) {
- $("#pagination a").attr("data", newhref);
- $('#pagination a').show();
- } else {
- $("#pagination a").hide(); //如果没有下一页了,隐藏
- }
- $body.animate({scrollTop: result.offset().top - 58}, 500);
- initAgree()
- lazyLoadInstance.update();
- }
-
- }
- });
- return false;
-});
-
-//分类页面文章加载
-$('body').on('click', '.arc_pagenav a', function () {
- const postListElement = document.getElementById("post_item");
- $(this).hide();
- var content = $('.norpost_list');
- var href = $(this).attr('data');
- if (href != undefined) {
- $.ajax({
- type: "GET",
- url: href,
- headers: {
- Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
- },
- beforeSend: function () {
- $('.arc_pagenav').append('');
- },
- success: function (data) {
- var post = $(data).find(".norpost_list").children();
- content.append(post.fadeIn(300));
-
- window.pjax && window.pjax.refresh(postListElement)
-
- var newhref = $(data).find(".arc_pagenav a").attr("data"); //找出新的下一页链接
- if (newhref != undefined) {
- $(".arc_pagenav a").attr("data", newhref);
- $('.arc_pagenav a').show();
- } else {
- $(".arc_pagenav a").hide(); //如果没有下一页了,隐藏
- }
-
- $('.arc_pagenav .uk-spinner').remove();
-
- $body.animate({scrollTop: post.offset().top - 58}, 500);
- initAgree()
- lazyLoadInstance.update();
- }
- });
- }
-
- return false;
-
-});
-
-function loginUrl() {
- window.location.href = `/login?redirect_uri=${encodeURIComponent(window.location.pathname)}`;
-}
-
-$(document).on('mouseenter', '.lbc .left_menu_box ul li a , body.mod_third_s .left_menu_box ul li a', function (event) {
- var title = $(this).find('.nav_title').text();
- $(this).append("");
-});
-
-$(document).on('mouseleave', '.lbc .left_menu_box ul li a , body.mod_third_s .left_menu_box ul li a', function (event) {
- $(this).find('.menu_tips').remove();
-
-});
-
-//滚动
-$(document).ready(function (e) {
- $(window).scroll(function () {
-
- var b = $(window).scrollTop(); //监控窗口已滚动的距离;
-
- if (b > 190) {
-
- $('.top_bar').addClass('mobile_active');
-
- } else {
- $('.top_bar').removeClass('mobile_active');
- }
-
- if (b > 200) {
- $('a.go_top').addClass('show');
- } else {
- $('a.go_top').removeClass('show');
- }
-
- });
-});
-
-$.fn.autoTextarea = function (options) {
- var defaults = {
- maxHeight: null,//文本框是否自动撑高,默认:null,不自动撑高;如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度
- minHeight: 50
- };
- var opts = $.extend({}, defaults, options);
- return $(this).each(function () {
- $(this).bind("paste cut keydown keyup focus blur", function () {
- var height, style = this.style;
- this.style.height = opts.minHeight + 'px';
- if (this.scrollHeight > opts.minHeight) {
- if (opts.maxHeight && this.scrollHeight > opts.maxHeight) {
- height = opts.maxHeight;
- style.overflowY = 'scroll';
- } else {
- height = this.scrollHeight;
- style.overflowY = 'hidden';
- }
- style.height = height + 'px';
- }
- });
- });
-};
-
-//$("textarea#comment").autoTextarea({
-// maxHeight: 160,//文本框是否自动撑高,默认:null,不自动撑高;如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度
-//});
-
-$('body').on('click', '.com_msg_btn', function () {
-
- var num = $(this).attr('check');
- if (num == 0) {
- return false;
- }
- $.ajax({
- type: 'POST',
- dataType: 'json',
- url: Theme.ajaxurl,
- data: {
- 'action': 'up_unread_msg',
- },
- beforeSend: function () {
-
- },
- success: function (data) {
- if (data.code == '0') {
- $('small.f_unread_num').remove();
- } else {
- return false;
- }
- }
- });
-
-});
-
-//搜索类型
-$('body').on('click', '.s_set_box a', function(){
- var type = $(this).attr('data');
- $(this).addClass('active').siblings('a').removeClass('active');
- $('form#index_search input[type="hidden"]').val(type);
- $.cookie('s_type', type, { expires: 30, path: '/' });
-});
-
-$('body').on('click', '.top_s_box a', function(){
- UIkit.dropdown('.s_set_box').hide(false);
- var data = $(this).attr('data');
- var type = $(this).text();
- $('.set_text').text(type);
- $('form#top_search input[type="hidden"]').val(data);
-});
-
-//黑暗模式
-$('body').on('click', '.t_dark a', function () {
- var date = new Date();
- date.setTime(date.getTime() + (3 * 60 * 60 * 1000));
- var t = $('html');
- if (t.hasClass('dark')) {
- document.cookie = "dark=normal;path=/;expires=" + date.toGMTString();
- } else {
- document.cookie = "dark=dark;path=/;expires=" + date.toGMTString();
- }
- t.toggleClass('dark');
-
-});
-//片刻管理按钮
-
-$(document).on('mouseenter', '.post_control_btn', function (event) {
- var a = $(this).siblings('.post_control_box');
- a.addClass('show');
-});
-
-$(document).on('mouseleave', '.post_control', function (event) {
- $(this).find('.post_control_box').removeClass('show');
-});
-
-
-//社交小工具二维码
-$(document).on('mouseenter', '.sw_social', function (event) {
- var qrbox = $(this).siblings('.sw_qrcode');
- if (qrbox.length > 0) {
- qrbox.addClass('active');
- qrbox.fadeIn(200);
- }
-});
-
-$(document).on('mouseleave', '.sw_social', function (event) {
- var qrbox = $(this).siblings('.sw_qrcode');
- if (qrbox.length > 0) {
- qrbox.removeClass('active');
- qrbox.fadeOut(200);
- }
-});
-
-//点击收起移动侧栏
-$('body').on('click', '.m_offcanvas', function () {
- var target = event.target;
- var parentAnchor = $(target).closest('a');
- if (target.getAttribute('href') == '#' || parentAnchor.attr('href') == '#') {
- }else{
- UIkit.offcanvas('.m_offcanvas').hide();
- }
-});
-
-//刷新一言
-$('body').on('click', '.yiyan_box .change', function () {
- var url = Theme.widget_yiyan.api || 'https://v1.hitokoto.cn'
- fetch(url)
- .then(response => response.json())
- .then(data => {
- const hitokoto = document.querySelector('.yiyan_box p')
- hitokoto.setAttribute("uk-tooltip", data.from);
- hitokoto.innerText = data.hitokoto
-
- })
- .catch(console.error)
-
-});
-
-$('.yiyan_box .change').click();
-
-//pjax
-if (Theme.pjax) {
- let pjaxSelectors = ["head title", "#pjax-container", ".pjax"]
- var pjax = new Pjax({
- elements: 'a:not([target="_blank"]):not([pjax="exclude"])',
- selectors: pjaxSelectors,
- analytics: false,
- cacheBust: false,
- });
-
- document.addEventListener('pjax:send', function () {
- NProgress.start();
- })
-
- document.addEventListener('pjax:complete', function () {
- lazyLoadInstance.update();
- typeof hljs === 'object' && hljs.highlightAll();
- typeof Prism === 'object' && Prism.highlightAll();
- autoload_posts_music();
- initBlog();
- NProgress.done();
- })
-}
-
-$('body').on('click', '.msg_modal_inner .unread_box .box .mark_read', function (e) {
- console.log(e)
- let msg_name = $(this).parent()[0].getAttribute('msg-name')
- let username = Theme.username
- $.ajax({
- type: "put",
- url: `/apis/api.notification.halo.run/v1alpha1/userspaces/${username}/notifications/${msg_name}/mark-as-read`,
- success: function (res) {
- pix.getMsg()
- }
- });
-})
-
-
-const getWindowInfo = () => {
- pix.initTopBar()
-};
-const debounce = (fn, delay) => {
- let timer;
- return function () {
- if (timer) {
- clearTimeout(timer);
- }
- timer = setTimeout(() => {
- fn();
- }, delay);
- }
-};
-
-const cancalDebounce = debounce(getWindowInfo, 1);
-window.addEventListener('resize', cancalDebounce);
-
-//固定顶部栏
-$(document).scroll(function () {
- let topBar = $('#masthead .top_bar');
- var placeholder = document.querySelector('#masthead .uk-sticky-placeholder');
- console.log()
- var width = topBar.width();
- var scrT = document.documentElement.scrollTop;
- if (window.innerWidth > 960) {
- // 如果滚动的距离>60
- if (scrT > 60) {
- topBar.addClass('uk-active uk-sticky-fixed').css({"width": width, "top": '0px', "position": "fixed"});
- placeholder.hidden = false;
- } else {
- topBar.removeClass('uk-active uk-sticky-fixed').css({"width": "auto", "top": "auto", "position": ""});
- placeholder.hidden = true;
- }
- } else {
- // 如果滚动的距离>0
- if (scrT > 0) {
- topBar.addClass('uk-active uk-sticky-below')
- } else {
- topBar.removeClass('uk-active uk-sticky-below')
- }
-
- }
-
-});
-
-// 获取当前具有 "current" 类的元素
-var currentElement = document.querySelector('.current');
-
-// 检查是否找到了具有 "current" 类的元素
-if (currentElement) {
- // 将当前元素滚动到视图中
- currentElement.scrollIntoView({
- behavior: 'smooth', // 平滑滚动
- block: 'start' // 将当前元素顶部对齐到视口顶部
- });
-}
-
-$('body').on('click', '.listree-btn', function () {
- "目录[+]" == $(".listree-btn").text() ? $(".listree-btn").attr("title", "收起").text("目录[-]").parent().next().show() : $(".listree-btn").attr("title", "展开").text("目录[+]").parent().next().hide();
- return !1
-});
-
-// toc
-function autotree() {
- $(document).ready(function () {
- $('.listree-titles').html('目录[+]')
- $('#listree-ol').empty();
- $("#listree-ol").css("display", "none")
-
- // 获取所有标题元素
- var headings = document.querySelectorAll('.post-single .single-content *:is(h1, h2, h3, h4, h5, h6)');
-
- // 为标题元素添加 listree-list 类,并修改 id
- headings.forEach(function (heading, index) {
- heading.classList.add('listree-list');
- heading.id = 'listree-list' + index;
- });
-
- // 创建一个空的目录列表
- var tocList = document.querySelector('#listree-ol');
-
- // 保存每个级别的父列表项
- var parentItems = {};
-
- // 遍历每个标题元素
- headings.forEach(function (heading, index) {
- // 创建列表项
- var listItem = document.createElement('li');
-
- // 创建标题链接
- var link = document.createElement('a');
- // 直接设置链接的href为标题元素的id
- link.href = '#listree-list' + index;
- link.classList.add('toc-link', 'node-name--' + heading.tagName);
- link.textContent = heading.textContent.trim();
-
- // 将标题链接添加到列表项中
- listItem.appendChild(link);
-
- // 获取当前标题级别
- var level = parseInt(heading.tagName.slice(1));
-
- // 查找当前标题的父级列表项
- var parentItem = parentItems[level - 1];
-
- // 如果存在父级列表项,则将当前列表项作为其子项
- if (parentItem) {
- // 如果父级列表项还没有子列表,则创建一个子列表
- if (!parentItem.querySelector('ul')) {
- var subList = document.createElement('ul');
- parentItem.appendChild(subList);
- }
-
- // 将当前列表项添加到父级列表的子列表中
- parentItem.querySelector('ul').appendChild(listItem);
- } else {
- // 如果不存在父级列表项,则将当前列表项直接添加到根列表中
- tocList.appendChild(listItem);
- }
-
- // 更新当前级别的父列表项为当前列表项
- parentItems[level] = listItem;
- });
-
-
- $(".listree-btn").click(function () {
- "目录[+]" == $(".listree-btn").text() ? $(".listree-btn").attr("title", "收起").text("目录[-]").parent().next().show() : $(".listree-btn").attr("title", "展开").text("目录[+]").parent().next().hide();
- return !1
- });
- $("a.toc-link").click(function (event) {
- event.preventDefault();
- var targetId = $(this).attr("href");
- $("html, body").animate({
- scrollTop: $(targetId).offset().top - 77
- }, 800);
- });
- // 判断是否存在目录,设置显示或隐藏
- if ($('#listree-ol').children().length > 0) {
- $(".listree-box").css("display", "block");
- } else {
- $(".listree-box").css("display", "none");
- }
- })
- jQuery(document).ready(function (f) {
- var T = f(".listree-list");
- if (T.length < 1)
- return;
- var b = [];
-
- function Q() {
- T.each(function () {
- var T = f(this).offset();
- b.push(Math.floor(T.top))
- })
- }
-
- function a(T) {
- var b = f("#listree-ol li");
- var Q = f(".listree-list dt");
- if (b.length < 1)
- return;
- var a = b.outerHeight();
- if (!b.eq(T).hasClass("current")) {
- b.removeClass("current");
- b.eq(T).addClass("current");
- Q.animate({
- top: a * T + (b.outerHeight() - Q.outerHeight()) / 2 + 1
- }, 50)
- }
- }
-
- function X() {
- if ($('#listree-ol').children().length < 1)
- return;
- var f = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
- var Q = Math.ceil(f + 77);
- var X = 0;
- for (var aU = 0; aU < b.length; aU++) {
- if (Q >= b[aU]) {
- X = aU
- } else {
- break
- }
- }
- if (X < 0)
- X = 0;
- if (!T.eq(X).hasClass("current")) {
- T.removeClass("current");
- T.eq(X).addClass("current");
- a(X)
- }
- }
-
- Q();
- setTimeout(X, 0);
- f(window).on("scroll", X)
- });
-}
-
-pix.addRuntime();
-
-$(document).ready(function () {
- $("[data-fancybox]").fancybox({
- selector: '[data-fancybox]',
- loop: true,
- transitionEffect: 'slide',
- protect: true,
- buttons: ['slideShow', 'fullScreen', 'thumbs', 'close'],
- hash: false
- })
-})
-
-
-function initBlog() {
- pix.initTopBar(),
- pix.getMsg(),
- initAgree(),
- pix.initGalleryPhotos(),
- pix.loadLightbox(),
- pix.topCategoriesBarScroll(),
- pix.topTableBarScroll(),
- getMomentAudio(),
- Theme.toc.all_open && autotree()
-}
-
-pix.roleMoments();
-initBlog()
-
-
-
-
+var $body = (window.opera) ? (document.compatMode == "CSS1Compat" ? $('html') : $('body')) : $('html,body');
+var storage = window.localStorage;
+
+var lazyLoadInstance = new LazyLoad({});
+
+$(document).on('click', '.left_menu_box ul li a , .widget_nav_menu ul li a, .menu-top-container ul li a', function () {
+ var t = $(this);
+ t.siblings("ul").slideToggle(200);
+ t.parent().siblings().find("ul").hide(200);
+ if (t.parent().hasClass('has_children')) {
+ t.find('.drop_icon').toggleClass('up');
+ }
+ $('.left_menu_box ul li').removeClass('current-pjax-item current-menu-item current-menu-parent current-menu-ancestor');
+ t.parent().addClass('current-pjax-item');
+});
+
+var route = location.href.substring(0, location.href.indexOf('?') === -1 ? (location.href.indexOf('#') === -1 ? location.href.length : location.href.indexOf('#')) : location.href.indexOf('?'))
+
+$('.left_menu_box ul li a').each((i, e) => {
+ if (e.parentElement.childNodes.length > 3) {
+ return
+ }
+ let href = e.href.substring(0, e.href.indexOf('?') === -1 ? (e.href.indexOf('#') === -1 ? e.href.length : e.href.indexOf('#')) : e.href.indexOf('?'))
+ if (route === href) {
+ e.parentElement.classList.add('current-pjax-item')
+ }
+})
+$('.left_menu_box ul li ul li a').each((i, e) => {
+ let href = e.href.substring(0, e.href.indexOf('?') === -1 ? (e.href.indexOf('#') === -1 ? e.href.length : e.href.indexOf('#')) : e.href.indexOf('?'))
+ if (route === href) {
+ e.parentElement.parentElement.parentElement.classList.add('current-pjax-item')
+ }
+})
+
+
+//全局loading
+function loading_template() {
+ tag = '';
+ tag += '';
+
+ return tag;
+}
+
+function loading_start(target) {
+ target.append(loading_template());
+}
+
+function loading_done(target) {
+ target.children('.loader').remove();
+}
+
+
+//话题表情添加
+$(document).on('click', 'a.smile_btn', function () {
+ var a = $(this).html();
+ var textarea = $("textarea#topic_content");
+ var content = textarea.val();
+ textarea.val(content + a);
+ textarea.focus();
+});
+
+$(document).on('click', '.smile_box i', function () {
+ var t = $(".smile_show");
+ t.slideToggle(100);
+});
+//选择话题
+$(document).on('click', '.t_cat_box li', function () {
+ var name = $(this).find('.c_name span').html();
+ $('.t_cat_toogle span').html(name);
+
+ UIkit.dropdown('.t_cat_box').hide(false);
+});
+
+$(document).on('click', '.up_cat_btn', function () {
+ var name = $('input#add_cat').val();
+ if (!name) {
+ cocoMessage.error("请填写话题");
+ return false;
+ }
+ $('.t_cat_toogle span').text(name)
+ UIkit.dropdown('.t_cat_box').hide(false);
+});
+
+$(document).on('click', '.simi a', function () {
+ var visible = $(this).attr('visible');
+ if (visible == 'PUBLIC') {
+ $(this).html('').attr('visible', 'PRIVATE');
+ $(this).children().css({"background": "#ddd", "color": "#c6c6c6"});
+ } else {
+ $(this).html('').attr('visible', 'PUBLIC');
+ $(this).children().css({"background": "#e3efe7", "color": "#66c187"});
+ }
+});
+
+//消息通知
+cocoMessage.config({
+ duration: 2000,
+});
+
+//sortable事件 隐藏input
+UIkit.util.on('.img_show', 'start', function (item) {
+ $(".up_img_btn").hide();
+});
+UIkit.util.on('.img_show', 'moved', function (item) {
+ var img_num = $('.add_img_box .t_media_item').length;
+ if (img_num < 9) {
+ $(".up_img_btn").show();
+ }
+
+});
+UIkit.util.on('.img_show', 'stop', function (item) {
+ var img_num = $('.add_img_box .t_media_item').length;
+ if (img_num < 9) {
+ $(".up_img_btn").show();
+ }
+});
+
+
+//ajax上传媒体文件到媒体库(已兼容图片/视频)
+$(document).on('change', '#topic_img_up', function (e) {
+ e.preventDefault();
+ if ($('#topic_img_up').val() == '') return;
+
+ const policyName = Theme.moments.policy_name;
+ const groupName = Theme.moments.group_name;
+
+ var files = $('#topic_img_up')[0].files;
+ var imgtot = 0;
+ var num = $('.add_img_box .t_media_item').length;
+
+ // 修改提示语为“文件”
+ if (num + files.length > 9) {
+ cocoMessage.error("最多上传9个媒体文件");
+ return;
+ }
+
+ $.each(files, function (i, file) {
+ imgtot += file['size'];
+ });
+
+ var tot = imgtot / 1024000;
+
+ $(".up_img_btn i").hide();
+ $(".up_img_btn").prepend(""
+ + tot.toFixed(2) + "MB ");
+
+ $.each(files, function (i, file) {
+ var data = new FormData();
+ data.append('file', file);
+ policyName && data.append('policyName', policyName);
+ groupName && data.append('groupName', groupName);
+
+ $.ajax({
+ type: "POST",
+ url: `${Theme.moments.attachments_upload_api}`,
+ dataType: 'json',
+ data: data,
+ processData: false,
+ contentType: false,
+ beforeSend: function () {
+ $('input#topic_img_up').attr('disabled', 'disabled');
+ },
+ success: function (data) {
+ // 1. 获取上传后的地址
+ var src = data.metadata.annotations["storage.halo.run/uri"]
+ || data.metadata.annotations["storage.halo.run/external-link"]
+ || data.metadata.annotations["lskypro.plugin.halo.chenhe.me/image-link"];
+
+ // 2. 获取文件类型 (MIME Type)
+ // Halo 的 API 通常在 data.spec.mediaType 中返回类型,或者根据后缀判断
+ var mediaType = data.spec.mediaType || "";
+ var isVideo = mediaType.startsWith('video/') || /\.(mp4|webm|mov)$/i.test(src);
+
+ // 3. 动态生成预览 HTML
+ var mediaInner = isVideo
+ ? ``
+ : `
`;
+
+ var media = ``;
+
+ $(".img_show").prepend(media);
+
+ num = $('.add_img_box .t_media_item').length;
+ $(".img_load_text").remove();
+
+ if (num < 10) $(".up_img_btn i").show();
+ $('input#topic_img_up').removeAttr('disabled');
+ },
+ error: function() {
+ cocoMessage.error("上传失败");
+ $(".img_load_text").remove();
+ $(".up_img_btn i").show();
+ $('input#topic_img_up').removeAttr('disabled');
+ }
+ });
+ });
+});
+
+//同步修改检查数量的提示语
+function check_image_num() {
+ var num = $('.add_img_box .t_media_item').length;
+ if (num > 8) {
+ cocoMessage.error("最多上传9个媒体文件");
+ return true;
+ }
+}
+
+//sortable事件 隐藏input
+UIkit.util.on('.img_show', 'start', function (item) {
+ $(".up_img_btn").hide();
+});
+UIkit.util.on('.img_show', 'moved', function (item) {
+ var img_num = $('.add_img_box .t_media_item').length;
+ if (img_num < 9) {
+ $(".up_img_btn").show();
+ }
+
+});
+UIkit.util.on('.img_show', 'stop', function (item) {
+ var img_num = $('.add_img_box .t_media_item').length;
+ if (img_num < 9) {
+ $(".up_img_btn").show();
+ }
+});
+
+//获取媒体库图片/视频(功能不变)
+$(document).on('click', '.up_from_media a', function () {
+ $(".attch_nav .pre").hide();
+ $(".attch_nav .nex").hide();
+ $(".attch_nav").attr('paged', '1');
+ $(".wp_get_media_list").empty();
+ $(".show_media_box").show();
+ $.ajax({
+ type: "get",
+ url: `/apis/${Theme.moments.attachments_api}/v1alpha1/attachments?group=&page=1&size=10&ungrouped=false&accepts=image/*&accepts=video/*`,
+ contentType: "application/json",
+ beforeSend: function () {},
+ success: function (data) {
+ var list = data.items;
+ $.each(list, function (i, value) {
+ var thum = value.status.permalink;
+ var src = value.status.permalink;
+ var mediaType = value.spec.mediaType || '';
+ var wf_media = '';
+
+ if (mediaType.startsWith('video/')) {
+ wf_media = `
+
+ `;
+ } else {
+ wf_media = `
+
+ `;
+ }
+ $(".wp_get_media_list").append(wf_media);
+ });
+ var max = data.totalPages;
+ $(".attch_nav .nex").toggle(max > 1);
+ }
+ });
+});
+
+//媒体库分页(功能不变)
+$(document).on('click', '.attch_nav a', function () {
+ $(".wp_get_media_list").empty();
+ var type = $(this).attr('class');
+ var paged = $(".attch_nav").attr('paged');
+
+ if (type == 'nex') {
+ paged = parseInt(paged) + 1;
+ } else if (type == 'pre' && paged) {
+ paged = parseInt(paged) - 1;
+ }
+
+ $(".attch_nav").attr('paged', paged);
+ $.ajax({
+ type: "get",
+ url: `/apis/${Theme.moments.attachments_api}/v1alpha1/attachments?group=&page=${paged}&size=10&ungrouped=false&accepts=image/*&accepts=video/*`,
+ contentType: "application/json",
+ beforeSend: function () {},
+ success: function (data) {
+ $(".wp_get_media_list").empty();
+ var list = data.items;
+ $.each(list, function (i, value) {
+ var thum = value.status.permalink;
+ var src = value.status.permalink;
+ var mediaType = value.spec.mediaType;
+ var wf_media = '';
+
+ if (mediaType.startsWith('video/')) {
+ wf_media = `
+
+ `;
+ } else {
+ wf_media = `
+
+ `;
+ }
+ $(".wp_get_media_list").append(wf_media);
+ });
+
+ var max = data.totalPages;
+ $(".attch_nav .nex").toggle(max > paged);
+ $(".attch_nav .pre").toggle(paged > 1);
+ }
+ });
+});
+
+//收起媒体库(无修改)
+$(document).on('click', '.show_media_box .souqi', function () {
+ $(".show_media_box").hide();
+ $(".wp_get_media_list").empty();
+});
+
+//从媒体库插入图片/视频(删除按钮样式简化)
+$(document).on('click', '.wp_get_media_list li', function () {
+ var num = $('.add_img_box .t_media_item').length;
+ if (num == 8) {
+ $("a.up_img_btn").hide();
+ }
+ if (check_image_num()) {
+ return false;
+ }
+
+ var src = $(this).attr('data-src');
+ var type = $(this).attr('data-type');
+ var mediaHtml = '';
+
+ if (type.startsWith('video/')) {
+ mediaHtml = ``;
+ } else {
+ var thum = $(this).children().attr('src') || $(this).children().attr('poster');
+ mediaHtml = ``;
+ }
+ $(".img_show").prepend(mediaHtml);
+});
+
+//删除图片/视频(保留事件冒泡修复)
+$(document).on('click', '.topic-img-de', function (e) {
+ e.stopPropagation();
+
+ var msg = "确认删除此媒体文件?";
+ if (confirm(msg)) {
+ $(this).parent().remove();
+ } else {
+ return false;
+ }
+ var num = $('.add_img_box .t_media_item').length;
+ if (num < 9) {
+ $("a.up_img_btn").show();
+ }
+});
+
+// 样式修复:3列布局 + 正方形显示(核心)
+$(function() {
+ var style = ``;
+ $('head').append(style);
+});
+
+//插入外部图片链接
+$(document).on('click', '.up_from_cdn a', function () {
+ //$(".show_media_box .souqi").click();
+ $(".show_cdn_media").show();
+
+});
+
+//取消
+$(document).on('click', 'a.img_link_cancel', function () {
+ $(".show_cdn_media").hide();
+});
+
+//插入图片或视频链接
+$(document).on('click', 'a.img_link_btn', function () {
+ var img_url = $("#img_link_up").val().trim();
+
+ // 1. 扩展正则判断,支持视频后缀
+ if (!/\.(mp4|webm|jpg|png|gif|webp|jpeg)$/i.test(img_url) || img_url == '') {
+ cocoMessage.error("媒体格式不正确或链接为空!");
+ return false;
+ }
+
+ if (check_image_num()) {
+ return false;
+ }
+
+ var num = $('.add_img_box .t_media_item').length;
+ if (num == 8) {
+ $("a.up_img_btn").hide();
+ }
+
+ var src = img_url;
+ // 获取后缀名并转为小写
+ var ext = img_url.substring(img_url.lastIndexOf('.') + 1).toLowerCase();
+
+ // 2. 判定是否为视频
+ var isVideo = (ext === 'mp4' || ext === 'webm');
+ var type = isVideo ? 'video/' + ext : 'image/' + ext;
+
+ // 3. 根据类型生成预览 HTML
+ var mediaPreview = '';
+ if (isVideo) {
+ mediaPreview = ``;
+ } else {
+ mediaPreview = `
`;
+ }
+
+ var media = ``;
+
+ $(".img_show").prepend(media);
+ $("#img_link_up").val('');
+});
+
+//ajax获取我的地理位置
+$(document).on('click','.loca .laqu',function(){
+ var gaode_key = Theme.moments.gaode_key;
+ var ip = '';
+ $.ajax({
+ type: "get",
+ url:`/apis/uc.api.security.halo.run/v1alpha1/devices`,
+ contentType: "application/json",
+ success: function(data){
+ if(data.length>0){
+ var ipAddress = data[0].device.spec.ipAddress;
+ if (!/^10\.|^192\.|^168\.|^172\./.test(ipAddress)) {
+ ip = data[0].device.spec.ipAddress
+ }
+ }
+ $.ajax({
+ type: "get",
+ url:`https://restapi.amap.com/v3/ip?ip=${ip}&key=${gaode_key}`,
+ contentType: "application/json",
+ beforeSend: function () {
+ $(".loca_text").text("数据拉取中..");
+ },
+ success: function(data){
+ if(data.status == '1') {
+ var city = 'X市' ;
+ if(typeof data.city === 'string') {
+ city = data.city;
+ }
+ var province = 'X省';
+ if(typeof data.province === 'string') {
+ province = data.province;
+ }
+ var loca = ""+province+" · "+city+"";
+ $(".loca_text").html(loca).attr("state",'1'); //设置为开启
+ }else{
+ cocoMessage.error(data.info);
+ }
+ }
+ });
+ }
+ });
+});
+
+//插入自定义位置【点击关闭】
+$(document).on('click', 'a.set_local_btn', function (e) {
+ var loca = $("#set_local").val();
+ var state = $(".loca_text").attr('state');
+ if(loca == ''){
+ cocoMessage.error("为空则不显示位置");
+ $(".loca_text").text('').attr("state",'0');
+ $("a.close_local").text('位置已关闭').css('color','#ddd');
+ $.removeCookie('mylocal',{ path: '/'});
+ } else {
+ $(".loca_text").text(loca).attr("state",'1');
+ $("a.close_local").text('位置已开启').css('color','#8890cc');
+ $.cookie('mylocal', loca, { expires: 30, path: '/' });
+ }
+
+ e.preventDefault();
+ e.stopPropagation();
+ UIkit.dropdown($('.local_box')).hide(0);
+});
+
+//插入自定义位置【input监控】
+$(document).on('input','#set_local',function(){
+ var loca = $(this).val();
+ var state = $(".loca_text").attr('state');
+
+ if(loca == ''){
+ cocoMessage.error("为空则不显示位置");
+ $(".loca_text").text('').attr("state",'0');
+ $("a.close_local").text('位置已关闭').css('color','#ddd');
+ } else {
+ $(".loca_text").text(loca).attr("state",'1');
+ $("a.close_local").text('位置已开启,点击关闭').css('color','#8890cc');
+ }
+});
+
+//关闭地理位置
+$(document).on('click','a.close_local',function(){
+ $(".loca_text").text('').attr("state",'0');
+ $('#set_local, [name="set_local"]').val('');
+ $("a.close_local").text('位置已关闭').css('color','#ddd');
+});
+
+$(document).on('click','.loca_text',function(){
+ $("a.close_local").text('位置已开启,点击关闭').css('color','#8890cc');
+});
+
+//发布更新瞬间
+let isSubmittingMoment = false;
+$(document).on('click', '.push_item', function () {
+
+ if (isSubmittingMoment) return false;
+
+ var content = $("#topic_content").val();
+ var catname = $(".t_cat_toogle span").text();
+ var loca = $(".loca_text").text();
+ var act = $('.push_item').attr('action');
+ var pid = $('.push_item').attr('pid');
+ var moment_type = $('.push_item').attr('type');
+ var visible = $(".simi a").attr('visible');
+ var min = Theme.moments.min_push_num;
+
+ if (min > 0) {
+ if (!content) {
+ cocoMessage.error("请输入内容");
+ return false;
+ }
+ if (content.length < min) {
+ cocoMessage.error("内容不得少于" + min + "个字");
+ return false;
+ }
+ }
+
+ let tags = [];
+ if (catname) {
+ tags.push(catname);
+ content += `${catname}
`;
+ }
+
+ get_moment_data(moment_type);
+
+ isSubmittingMoment = true;
+
+ const $btn = $(this);
+ $btn.attr('disabled', true).addClass('disabled');
+
+ function release() {
+ isSubmittingMoment = false;
+ $btn.removeAttr('disabled').removeClass('disabled');
+ }
+
+ if (act === 'push') {
+
+ let pushData = {
+ apiVersion: 'moment.halo.run/v1alpha1',
+ kind: 'Moment',
+ metadata: { generateName: "moment-" },
+ spec: {
+ content: {
+ html: content,
+ medium: moment_data,
+ raw: content
+ },
+ owner: "",
+ tags: tags,
+ visible: visible
+ }
+ };
+
+ if (loca && loca !== '数据拉取中..') {
+ pushData.metadata.annotations = { mylocal: loca };
+ }
+
+ cocoMessage.info("发布中..");
+
+ $.ajax({
+ type: "POST",
+ url: `/apis/${Theme.moments.push_api}/v1alpha1/moments`,
+ contentType: "application/json",
+ data: JSON.stringify(pushData),
+ success() {
+ cocoMessage.success('发布成功!');
+ location.reload();
+ },
+ error() {
+ cocoMessage.error('发布失败!');
+ release();
+ }
+ });
+
+ return;
+ }
+
+ if (act === 'update') {
+
+ let updateData = {
+ apiVersion: 'moment.halo.run/v1alpha1',
+ kind: 'Moment',
+ metadata: {
+ name: pid,
+ generateName: "moment-",
+ finalizers: ["tag-moment-protection", "moment-protection"],
+ version: parseInt($('.push_item').attr('version'))
+ },
+ spec: {
+ content: {
+ html: content,
+ medium: moment_data,
+ raw: content
+ },
+ owner: $('.push_item').attr('owner'),
+ releaseTime: $('.push_item').attr('releaseTime'),
+ tags: tags,
+ visible: visible
+ }
+ };
+
+ if (loca && loca !== '数据拉取中..') {
+ updateData.metadata.annotations = { mylocal: loca };
+ }
+
+ cocoMessage.info("更新中..");
+
+ $.ajax({
+ type: "PUT",
+ url: `/apis/${Theme.moments.api}/v1alpha1/moments/${pid}`,
+ contentType: "application/json",
+ data: JSON.stringify(updateData),
+ success() {
+ cocoMessage.success('更新成功!');
+ location.reload();
+ },
+ error() {
+ cocoMessage.error('更新失败!');
+ release();
+ }
+ });
+ }
+});
+
+//获取片刻类型参数
+function get_moment_data(type) {
+ moment_data = [];
+ switch (type) {
+ case "image":
+ $(".t_media_item").each(function () {
+ var src = $(this).attr('data-src');
+ var type = $(this).attr('data-type');
+ var obj = {
+ url: src,
+ type: "PHOTO",
+ originType: type
+ }
+ moment_data.push(obj); //图片
+ });
+ break;
+ case "card":
+ $(".card_sortble .moment_card_item").each(function () {
+ var pid = $(this).attr('pid');
+ var type = $(this).attr('type');
+ var obj = {
+ url: pid,
+ type: "POST",
+ originType: type
+ }
+ moment_data.push(obj); //卡片
+ });
+ break;
+ case "audio":
+ get_audio_data();
+ break;
+ case "video":
+ get_video_data();
+ break;
+ }
+}
+
+//片刻音乐参数
+function get_audio_data() {
+ var type = $('.audio_choose li.uk-active a').attr('au_type');
+ if (type == 'local') {
+ var url = $('input#moment_audio_url').val();
+ var obj = {
+ url: url,
+ type: "AUDIO",
+ originType: 'audio/' + type
+ }
+ } else {
+ var n_id = $('input#moment_audio_api').val();
+ var obj = {
+ url: n_id,
+ type: "AUDIO",
+ originType: 'audio/' + type
+ }
+ }
+ moment_data.push(obj);
+}
+
+//片刻视频参数
+function get_video_data() {
+ var type = $('.video_choose li.uk-active a').attr('vi_type');
+ if (type == 'local') {
+ var url = $('input#moment_video_url').val();
+ var obj = {
+ url: url,
+ type: "VIDEO",
+ originType: 'video/mp4'
+ }
+
+ } else if (type == 'bili') {
+ var bvid = $('input#moment_video_bili').val();
+ var obj = {
+ url: bvid,
+ type: "VIDEO",
+ originType: 'video/bili'
+ }
+ }
+ moment_data.push(obj);
+
+}
+
+//片刻空值提示
+function get_moment_error(type) {
+ switch (type) {
+ case "card":
+ var v = $('.show_card .moment_card_item');
+ if (v.length == 0) {
+ return false;
+ }
+ break;
+ case "audio":
+ var au_type = $('.audio_choose li.uk-active a').attr('au_type');
+ var url = $('input#moment_audio_url').val(); //歌曲链接
+ var title = $('input#moment_audio_name').val(); //标题
+ var cover = $('.loacl_audio .audio_left img').length; //封面
+ if (au_type == 'local') {
+ if (url == '' || title == '' || cover == 0) {
+ return false;
+ }
+ } else {
+ var n_id = $('input#moment_audio_api').val();
+ if (n_id == '') {
+ return false;
+ }
+ }
+ break;
+ case "video":
+ var vi_type = $('.video_choose li.uk-active a').attr('vi_type');
+ var url = $('input#moment_video_url').val();
+ //var cover = $('.m_media_left img').length;
+ if (vi_type == 'local') {
+ if (url == '') {
+ return false;
+ }
+ } else {
+ var bvid = $('input#moment_video_bili').val();
+ if (bvid == '') {
+ return false;
+ }
+ }
+ break;
+ }
+}
+
+// ajax 分类筛选 moment
+$(document).on('click', '.moment_cat_nav ul li a', function () {
+ var $this = $(this);
+ if ($this.hasClass('disabled')) {
+ return false;
+ }
+ $('.moment_cat_nav ul li a').addClass('disabled');
+
+ var temp = $("#comment_form_reset");
+ var formHtml = $("#t_commentform").prop('outerHTML');
+ temp.html(formHtml);
+
+ $(".moment_list").empty();
+ $('#t_pagination a').hide();
+ $this.addClass('active').parent().siblings().children().removeClass('active');
+
+ var cat = $this.attr('data');
+
+ $.ajax({
+ type: "GET",
+ url: cat,
+ beforeSend: function () {
+ $('.moment_list').html('');
+ },
+ success: function (data) {
+ $('.moment_list .loading_box').remove();
+ var result = $(data).find(".moment_list .p_item");
+ $(".moment_list").append(result.fadeIn(300));
+
+ var $newPagination = $(data).find("#t_pagination");
+ var newHref = $newPagination.find("a").attr("data");
+
+ // 检查当前页面是否有分页容器,如果没有则补齐
+ if ($('#t_pagination').length === 0 && $newPagination.length > 0) {
+ $(".moment_list").after($newPagination.prop('outerHTML'));
+ }
+
+ var $paginationBtn = $('#t_pagination a');
+
+ if (newHref === undefined) {
+ $paginationBtn.hide();
+ } else {
+ $paginationBtn.attr("data", newHref).text(Theme.site_page).show();
+ $('#t_pagination').show();
+ }
+ getMomentAudio();
+ initAgree();
+ if (typeof lazyLoadInstance !== 'undefined') lazyLoadInstance.update();
+ $('.moment_cat_nav ul li a').removeClass('disabled');
+ initializeMomentFold();
+ if (typeof modify_moment_video_size === 'function') modify_moment_video_size();
+ if (cat.indexOf('tag=') !== -1) {
+ history.pushState({ url: cat }, '', cat);
+ } else {
+ history.pushState({ url: cat }, '', '/');
+ }
+ document.cookie = "page=; path=/; domain=anian.cc; max-age=0";
+ }
+ });
+});
+
+
+//ajax加载片刻
+$(document).on('click', '#t_pagination a', function () {
+ const postListElement = document.getElementById("post_item");
+ var href = $(this).attr('data');
+ const currentPage = parseInt(href.match(/\d+/)[0]);
+ $.ajax({
+ type: "GET",
+ url: href,
+ beforeSend: function () {
+ $('#t_pagination .post-paging').html('');
+ },
+ success: function (posts) {
+
+ if (posts) {
+
+ var result = $(posts).find(".moment_list .p_item");
+ $('#t_pagination .post-paging').html(`${Theme.site_page}`);
+ $(".moment_list").append(result.fadeIn(300));
+ window.pjax && window.pjax.refresh(postListElement)
+ var newhref = $(posts).find("#t_pagination a").attr("data"); //找出新的下一页链接
+
+ if (newhref != undefined) {
+ $("#t_pagination a").attr("data", newhref);
+ $('#t_pagination a').show();
+ } else {
+ $("#t_pagination a").hide(); //如果没有下一页了,隐藏
+ }
+
+ $body.animate({scrollTop: result.offset().top - 58}, 500);
+ getMomentAudio();
+ initAgree();
+
+ lazyLoadInstance.update();
+ initializeMomentFold();
+ modify_moment_video_size();
+ document.cookie = `page=${encodeURIComponent(currentPage)}; path=/; domain=anian.cc`;
+ } else {
+ $('#t_pagination a').hide();
+ }
+
+
+ }
+ });
+ return false;
+
+});
+
+
+// 图库分类切换 AJAX (完整版)
+$(document).ready(function () {
+ // 1. 先解绑旧事件,防止重复绑定导致的冲突
+ $(document).off('click', '#cat_nav_items a.cat-link');
+
+ // 2. 绑定新的点击事件
+ $(document).on('click', '#cat_nav_items a.cat-link', function (e) {
+ // 阻止默认行为
+ e.preventDefault();
+ e.stopPropagation();
+ e.stopImmediatePropagation();
+
+ var $this = $(this);
+
+ // 3. 状态检查
+ if ($this.hasClass('disabled') || $this.hasClass('active')) {
+ return false;
+ }
+
+ // 获取 AJAX 请求地址 (用于后端获取数据)
+ var url = $this.data('href');
+ if (!url) {
+ console.error('未找到分类链接地址');
+ return false;
+ }
+
+ // --- 【新增逻辑 1】准备要显示在浏览器地址栏的 URL ---
+ // 获取链接的纯文本内容(即中文分类名,如“苏州”)
+ // clone() 后移除 span 再取 text,防止“全部”后面的空格干扰
+ var tagText = $this.clone().find('span').remove().end().text().trim();
+
+ var displayUrl;
+ if (tagText === '全部') {
+ displayUrl = '/photos';
+ } else {
+ // 使用 encodeURIComponent 处理中文,防止 URL 乱码
+ displayUrl = '/photos?tag=' + encodeURIComponent(tagText);
+ }
+ // ----------------------------------------------------
+
+ // 4. UI 状态更新
+ $('#cat_nav_items a').addClass('disabled');
+ $this.addClass('active')
+ .parent()
+ .siblings()
+ .children('a')
+ .removeClass('active');
+
+ // 5. 发起 AJAX 请求
+ $.ajax({
+ type: "GET",
+ url: url,
+ beforeSend: function () {
+ $("#photos_item").html(
+ ''
+ );
+ $('#p_pagination').hide();
+ },
+ success: function (data) {
+ var $data = $(data);
+
+ // 6. 替换相册列表内容
+ var newContent = $data.find("#photos_item").html();
+ $("#photos_item").html(newContent);
+
+ // 7. 同步更新分页区域
+ var $newPagination = $data.find("#p_pagination");
+ if ($newPagination.length > 0) {
+ var newHref = $newPagination.find("a").attr("data");
+ if (newHref) {
+ if ($('#p_pagination').length === 0) {
+ $("#photos_item").after($newPagination.prop('outerHTML'));
+ } else {
+ $('#p_pagination').replaceWith($newPagination.prop('outerHTML'));
+ }
+ $('#p_pagination').show();
+ } else {
+ $('#p_pagination').hide();
+ }
+ } else {
+ $('#p_pagination').hide();
+ }
+
+ // 8. 重新初始化插件
+ if (typeof pix !== 'undefined' && pix.initGalleryPhotos) {
+ pix.initGalleryPhotos();
+ }
+ if ($('.gallery-photos').length > 0 && typeof waterfall === 'function') {
+ waterfall('.gallery-photos');
+ }
+
+ // 9. 恢复点击状态
+ $('#cat_nav_items a').removeClass('disabled');
+
+ // --- 【新增逻辑 2】修改浏览器 URL ---
+ // 使用 pushState 更新地址栏,不刷新页面
+ // 参数:state对象, 标题, 新URL
+ history.pushState({path: displayUrl}, '', displayUrl);
+ // ----------------------------------
+
+ // 10. 清理分页 Cookie
+ document.cookie = "page=; path=/; domain=anian.cc; max-age=0";
+ },
+ error: function () {
+ $('#cat_nav_items a').removeClass('disabled');
+ cocoMessage.error('内容获取失败');
+ $("#photos_item").empty();
+ }
+ });
+
+ return false;
+ });
+});
+
+
+//ajax加载图库
+$(document).on('click', '#p_pagination a', function () {
+ var href = $(this).attr('data');
+ const currentPage = parseInt(href.match(/\d+/)[0]);
+ $.ajax({
+ type: "GET",
+ url: href,
+ beforeSend: function () {
+ $('#p_pagination .post-paging').html('');
+ },
+ success: function (photos) {
+ if (photos) {
+ var result = $(photos).find(".norpost_list .gallery-photo");
+ $('#p_pagination .post-paging').html(`${Theme.site_page}`);
+ $(".gallery-photos").append(result.fadeIn(300));
+
+ var newhref = $(photos).find("#p_pagination a").attr("data"); //找出新的下一页链接
+
+ if (newhref != undefined) {
+ $("#p_pagination a").attr("data", newhref);
+ $('#p_pagination a').show();
+ } else {
+ $("#p_pagination a").hide(); //如果没有下一页了,隐藏
+ }
+ pix.initGalleryPhotos();
+ document.cookie = `page=${encodeURIComponent(currentPage)}; path=/; domain=anian.cc`;
+ } else {
+ $('#p_pagination a').hide();
+ }
+ }
+ });
+ return false;
+
+});
+
+//阅读更多按钮
+$(document).on('click', 'a.show-more-btn', function () {
+ var t = $(this);
+ t.prev().show();
+ t.next().show();
+ t.siblings('.dotd').hide();
+ t.hide();
+});
+
+$(document).on('click', 'a.read-less-btn', function () {
+ var t = $(this);
+ t.siblings('.rm_hidden').hide();
+ t.siblings('.dotd').show();
+ t.prev().show();
+ t.hide();
+});
+
+
+//ajax加载评论
+$(document).on('click', '.show_comment', function () {
+ $('.blog_list_inner').css('min-height', 'calc(100vh)');
+ var pid = $(this).attr('pid');
+ var other = $(this).parents('.moment_item').siblings('div');
+ $.each(other, function (name, value) {
+
+ //遍历每个 回复表单
+ var otherid = $(this).find('.show_comment').attr('pid');
+ $("#halo-comment-" + otherid).hide();
+
+ });
+ $(`#halo-comment-${pid}`).css('display', $(`#halo-comment-${pid}`).css('display') == 'block' ? 'none' : 'block');
+
+});
+
+//片刻点赞
+$(document).on('click', '.up_like ', function () {
+
+ if ($(this).hasClass('done')) {
+ cocoMessage.info("地久天长");
+ return false;
+ } else {
+ $(this).addClass('done');
+ var pid = $(this).data("id");
+ var key = $(this).data("key");
+ // console.log(key)
+ let agreeArr = localStorage.getItem(`pix.upvoted.${key}.names`)
+ ? JSON.parse(localStorage.getItem(`pix.upvoted.${key}.names`))
+ : [];
+ rateHolder = $(this).children('span');
+ iconHolder = $(this).children('i');
+ $.ajax({
+ type: 'post',
+ contentType: "application/json; charset=utf-8",
+ url: '/apis/api.halo.run/v1alpha1/trackers/upvote',
+ data: JSON.stringify({
+ group: key == "moment" ? "moment.halo.run" : "content.halo.run",
+ plural: key == "moment" ? "moments" : "posts",
+ name: pid,
+ }),
+ success: function (data) {
+ $(iconHolder).toggleClass('ri-heart-2-fill');
+ var num = $(rateHolder).text();
+ $(rateHolder).text(++num);
+ agreeArr.push(pid);
+ const val = JSON.stringify(agreeArr);
+ localStorage.setItem(`pix.upvoted.${key}.names`, val);
+ cocoMessage.success("卿卿与黄");
+ }
+ }); // end ajax
+
+ }
+});
+
+function initAgree() {
+ var agreeAnnius = $('.up_like')
+ if (agreeAnnius.length > 0) {
+ let agreeArr = JSON.parse(localStorage.getItem(`pix.upvoted.${$(agreeAnnius[0]).data("key")}.names`))
+ for (var i = 0; i < agreeAnnius.length; i++) {
+ let pid = $(agreeAnnius[i]).attr('data-id');
+ if (agreeArr != null) {
+ let flag = agreeArr.includes(pid);
+ if (flag) {
+ $(agreeAnnius[i]).addClass('done');
+ }
+ }
+
+
+ }
+ }
+}
+
+function getMomentAudio() {
+ var audioList = $('.pix_player.qt')
+ if (audioList.length > 0) {
+ for (var i = 0; i < audioList.length; i++) {
+ let id = $(audioList[i]).attr('id');
+ let type = $(audioList[i]).attr('type');
+ var result = type.substring(type.indexOf("audio/") + 6);
+ if (id != null && id != '') {
+ var api = `${Theme.play.pix_mu_api || 'https://api.i-meto.com/meting/api'}?type=song&id=:id`
+ var meta = {
+ type: result,
+ id: id,
+ }
+ let url = api.replace(":id", meta.id);
+ $.ajax({
+ type: "get",
+ url: url,
+ success: function (res) {
+ var html = ''
+ if (res.length > 0) {
+ let author = res[0].author;
+ let pic = res[0].pic;
+ let title = res[0].title;
+ let url = res[0].url;
+ let lrc = res[0].lrc;
+ html = `
+

+
+
+
+ `;
+ } else {
+ html = '音乐参数错误';
+ }
+ $('#' + id).html(html);
+
+ }
+ });
+
+ }
+
+ }
+ }
+}
+
+
+// 初始化:解析URL的tag参数,匹配对应分类(中文名称)并触发原有请求
+function initTagSwitch() {
+ const pathname = window.location.pathname;
+ const urlParams = new URLSearchParams(window.location.search);
+ const activeTag = urlParams.get('tag');
+
+ // 如果没有 tag 参数,直接退出
+ if (!activeTag || activeTag.trim() === '') {
+ return;
+ }
+
+ let targetLink = $(); // 初始化空 jQuery 对象
+
+ // --- 1. 判断是否为 Posts (文章归档) 页面 ---
+ if (pathname === '/archives') {
+ targetLink = $('.posts_cat_nav ul li a').filter(function() {
+ // 保持你原有的 Post 文本提取逻辑 (过滤文本节点)
+ const linkText = $(this).contents().filter(function() {
+ return this.nodeType === 3;
+ }).text().trim();
+ return linkText === activeTag;
+ });
+ }
+
+ // --- 2. 判断是否为 Photos (相册) 页面 ---
+ else if (pathname === '/photos') {
+ targetLink = $('#cat_nav_items a.cat-link').filter(function() {
+ // 使用针对相册 HTML 结构的文本提取逻辑 (移除 span 干扰)
+ const linkText = $(this).clone().find('span').remove().end().text().trim();
+ return linkText === activeTag;
+ });
+ }
+
+ // --- 3. 如果找到了匹配的链接,触发点击 ---
+ if (targetLink.length > 0) {
+ // 确保 DOM 完全就绪后再点击,加个小延迟防止插件未绑定
+ setTimeout(function() {
+ targetLink.click();
+ }, 50);
+ }
+}
+
+// ajax分类筛选 posts(完全保留原有请求逻辑,仅新增tag参数URL同步)
+$(document).on('click', '.posts_cat_nav ul li a', function (e) {
+ e.preventDefault();
+ const postListElement = document.getElementById("post_item");
+ var t = $('.posts_cat_nav ul li a');
+
+ if (t.hasClass('disabled')) {
+ return false;
+ }
+ $('.posts_cat_nav ul li a').addClass('disabled');
+
+ $(".norpost_list").empty();
+ $('#pagination a').hide();
+ $(this).addClass('active');
+ $(this).parent().siblings().children().removeClass('active');
+
+ var cat = $(this).attr('data');
+ // 替换:获取a标签内的中文文本并去除空格
+ var tag = $(this).text().trim();
+
+ $.ajax({
+ type: "GET",
+ url: cat, // 完全保留原有请求URL,不修改
+ headers: {
+ Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
+ },
+ beforeSend: function () {
+ $('.norpost_list').html('');
+ },
+ success: function (data) {
+ $('#pagination a').text(Theme.site_page);
+ var result = $(data).find(".norpost_list").children();
+ $(".norpost_list").append(result.fadeIn(300));
+ window.pjax && window.pjax.refresh(postListElement);
+
+ let newhref = $(data).find("#pagination a").attr("data") || $(data).find(".arc_pagenav a").attr("data");
+ if (newhref != undefined) {
+ $("#pagination a").attr("data", newhref);
+ $('#pagination a').show();
+ } else {
+ $('#pagination a').hide();
+ }
+
+ $('.loading_box').remove();
+ initAgree();
+ lazyLoadInstance.update();
+ $('.posts_cat_nav ul li a').removeClass('disabled');
+
+ // 仅新增:基于中文tag构造URL并更新(不影响请求逻辑)
+ const urlParams = new URLSearchParams();
+ let newUrl = '/archives';
+ // 替换:判断是否为"全部",非全部则追加中文tag参数
+ if (tag !== '全部' && tag !== '') {
+ urlParams.append('tag', tag);
+ newUrl = `${newUrl}?${urlParams.toString()}`;
+ }
+ history.pushState({ url: newUrl }, '', newUrl);
+ document.cookie = "page=; path=/; domain=anian.cc; max-age=0";
+ },
+ error: function() {
+ $('.posts_cat_nav ul li a').removeClass('disabled');
+ }
+ });
+});
+
+//首页ajax加载文章
+$('body').on('click', '#pagination a', function () {
+ const postListElement = document.getElementById("post_item");
+ var href = $(this).attr('data');
+ const currentPage = parseInt(href.match(/\d+/)[0]);
+ $.ajax({
+ type: "GET",
+ url: href,
+ headers: {
+ Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
+ },
+ beforeSend: function () {
+ $('#pagination .post-paging').html('');
+ },
+ success: function (data) {
+ if (data) {
+ var result = $(data).find(".norpost_list ").children();
+ $('#pagination .post-paging').html(`${Theme.site_page}`);
+ $('.norpost_list').append($(result).fadeIn(400));
+
+ window.pjax && window.pjax.refresh(postListElement)
+
+ var newhref = $(data).find("#pagination a").attr("data") || $(data).find(".arc_pagenav a").attr("data"); //找出新的下一页链接
+
+ if (newhref != undefined) {
+ $("#pagination a").attr("data", newhref);
+ $('#pagination a').show();
+ } else {
+ $("#pagination a").hide(); //如果没有下一页了,隐藏
+ }
+ $body.animate({scrollTop: result.offset().top - 58}, 500);
+ initAgree()
+ lazyLoadInstance.update();
+ document.cookie = `page=${encodeURIComponent(currentPage)}; path=/; domain=anian.cc`;
+ }
+
+ }
+ });
+ return false;
+});
+
+//分类页面文章加载
+$('body').on('click', '.arc_pagenav a', function () {
+ const postListElement = document.getElementById("post_item");
+ $(this).hide();
+ var content = $('.norpost_list');
+ var href = $(this).attr('data');
+ if (href != undefined) {
+ $.ajax({
+ type: "GET",
+ url: href,
+ headers: {
+ Accept: "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.7"
+ },
+ beforeSend: function () {
+ $('.arc_pagenav').append('');
+ },
+ success: function (data) {
+ var post = $(data).find(".norpost_list").children();
+ content.append(post.fadeIn(300));
+
+ window.pjax && window.pjax.refresh(postListElement)
+
+ var newhref = $(data).find(".arc_pagenav a").attr("data"); //找出新的下一页链接
+ if (newhref != undefined) {
+ $(".arc_pagenav a").attr("data", newhref);
+ $('.arc_pagenav a').show();
+ } else {
+ $(".arc_pagenav a").hide(); //如果没有下一页了,隐藏
+ }
+
+ $('.arc_pagenav .uk-spinner').remove();
+
+ $body.animate({scrollTop: post.offset().top - 58}, 500);
+ initAgree()
+ lazyLoadInstance.update();
+ }
+ });
+ }
+
+ return false;
+
+});
+
+function loginUrl() {
+ window.location.href = `/login?redirect_uri=${encodeURIComponent(window.location.pathname)}`;
+}
+
+$(document).on('mouseenter', '.lbc .left_menu_box ul li a , body.mod_third_s .left_menu_box ul li a', function (event) {
+ var title = $(this).find('.nav_title').text();
+ $(this).append("");
+});
+
+$(document).on('mouseleave', '.lbc .left_menu_box ul li a , body.mod_third_s .left_menu_box ul li a', function (event) {
+ $(this).find('.menu_tips').remove();
+
+});
+
+//滚动
+$(document).ready(function (e) {
+ $(window).scroll(function () {
+
+ var b = $(window).scrollTop(); //监控窗口已滚动的距离;
+
+ if (b > 190) {
+
+ $('.top_bar').addClass('mobile_active');
+
+ } else {
+ $('.top_bar').removeClass('mobile_active');
+ }
+
+ if (b > 200) {
+ $('a.go_top').addClass('show');
+ } else {
+ $('a.go_top').removeClass('show');
+ }
+
+ });
+});
+
+$.fn.autoTextarea = function (options) {
+ var defaults = {
+ maxHeight: null,//文本框是否自动撑高,默认:null,不自动撑高;如果自动撑高必须输入数值,该值作为文本框自动撑高的最大高度
+ minHeight: 50
+ };
+ var opts = $.extend({}, defaults, options);
+ return $(this).each(function () {
+ $(this).bind("paste cut keydown keyup focus blur", function () {
+ var height, style = this.style;
+ this.style.height = opts.minHeight + 'px';
+ if (this.scrollHeight > opts.minHeight) {
+ if (opts.maxHeight && this.scrollHeight > opts.maxHeight) {
+ height = opts.maxHeight;
+ style.overflowY = 'scroll';
+ } else {
+ height = this.scrollHeight;
+ style.overflowY = 'hidden';
+ }
+ style.height = height + 'px';
+ }
+ });
+ });
+};
+
+$('body').on('click', '.com_msg_btn', function () {
+
+ var num = $(this).attr('check');
+ if (num == 0) {
+ return false;
+ }
+ $.ajax({
+ type: 'POST',
+ dataType: 'json',
+ url: Theme.ajaxurl,
+ data: {
+ 'action': 'up_unread_msg',
+ },
+ beforeSend: function () {
+
+ },
+ success: function (data) {
+ if (data.code == '0') {
+ $('small.f_unread_num').remove();
+ } else {
+ return false;
+ }
+ }
+ });
+
+});
+
+//搜索类型
+$('body').on('click', '.s_set_box a', function(){
+ var type = $(this).attr('data');
+ $(this).addClass('active').siblings('a').removeClass('active');
+ $('form#index_search input[type="hidden"]').val(type);
+ $.cookie('s_type', type, { expires: 30, path: '/', domain: 'anian.cc'});
+});
+
+$('body').on('click', '.top_s_box a', function(){
+ UIkit.dropdown('.s_set_box').hide(false);
+ var data = $(this).attr('data');
+ var type = $(this).text();
+ $('.set_text').text(type);
+ $('form#top_search input[type="hidden"]').val(data);
+});
+
+//黑暗模式
+$('body').on('click', '.t_dark a', function () {
+ var date = new Date();
+ date.setTime(date.getTime() + (3 * 60 * 60 * 1000));
+ var t = $('html');
+ if (t.hasClass('dark')) {
+ document.cookie = "dark=normal;path=/;domain=anian.cc;expires=" + date.toGMTString();
+ } else {
+ document.cookie = "dark=dark;path=/;domain=anian.cc;expires=" + date.toGMTString();
+ }
+ t.toggleClass('dark');
+
+});
+//片刻管理按钮
+
+$(document).on('mouseenter', '.post_control_btn', function (event) {
+ var a = $(this).siblings('.post_control_box');
+ a.addClass('show');
+});
+
+$(document).on('mouseleave', '.post_control', function (event) {
+ $(this).find('.post_control_box').removeClass('show');
+});
+
+
+//社交小工具二维码
+$(document).on('mouseenter', '.sw_social', function (event) {
+ var qrbox = $(this).siblings('.sw_qrcode');
+ if (qrbox.length > 0) {
+ qrbox.addClass('active');
+ qrbox.fadeIn(200);
+ }
+});
+
+$(document).on('mouseleave', '.sw_social', function (event) {
+ var qrbox = $(this).siblings('.sw_qrcode');
+ if (qrbox.length > 0) {
+ qrbox.removeClass('active');
+ qrbox.fadeOut(200);
+ }
+});
+
+//点击收起移动侧栏
+$('body').on('click', '.m_offcanvas', function () {
+ var target = event.target;
+ var parentAnchor = $(target).closest('a');
+ if (target.getAttribute('href') == '#' || parentAnchor.attr('href') == '#') {
+ }else{
+ UIkit.offcanvas('.m_offcanvas').hide();
+ }
+});
+
+// 刷新内容(兼容一言和今日诗词API)
+$('body').on('click', '.yiyan_box .change', function () {
+ var url = Theme.widget_yiyan.api || 'https://v1.hitokoto.cn';
+ fetch(url)
+ .then(response => response.json())
+ .then(data => {
+ const targetElement = document.querySelector('.yiyan_box p');
+ if (url.includes('jinrishici.com')) {
+ // 今日诗词API处理逻辑:标题添加《》
+ targetElement.innerText = data.content;
+ targetElement.setAttribute("uk-tooltip", `《${data.origin}》${data.author}`);
+ } else {
+ // 原有一言API处理逻辑
+ targetElement.innerText = data.hitokoto;
+ targetElement.setAttribute("uk-tooltip", data.from);
+ }
+ })
+ .catch(console.error);
+});
+
+$('.yiyan_box .change').click();
+
+//pjax
+if (Theme.pjax) {
+ let pjaxSelectors = ["head title", "#pjax-container", ".pjax"]
+ var pjax = new Pjax({
+ elements: 'a:not([target="_blank"]):not([pjax="exclude"])',
+ selectors: pjaxSelectors,
+ analytics: false,
+ cacheBust: false,
+ });
+
+ document.addEventListener('pjax:send', function () {
+ NProgress.start();
+ })
+
+ document.addEventListener('pjax:complete', function () {
+ lazyLoadInstance.update();
+ typeof hljs === 'object' && hljs.highlightAll();
+ typeof Prism === 'object' && Prism.highlightAll();
+ autoload_posts_music();
+ initBlog();
+ refreshCommentWidget();
+ NProgress.done();
+ document.cookie = "page=; path=/; domain=anian.cc; max-age=0";
+ })
+}
+
+// 刷新评论组件函数
+function refreshCommentWidget() {
+ const commentWrappers = document.querySelectorAll('.halo-comment');
+ if (commentWrappers.length > 0) {
+ commentWrappers.forEach(wrapper => {
+ const scripts = wrapper.querySelectorAll('script[type="module"]');
+ scripts.forEach(oldScript => {
+ const newScript = document.createElement('script');
+ newScript.type = 'module';
+ // 复制所有属性
+ Array.from(oldScript.attributes).forEach(attr => {
+ if (attr.name !== 'type') {
+ newScript.setAttribute(attr.name, attr.value);
+ }
+ });
+ // 复制脚本内容
+ newScript.textContent = oldScript.textContent;
+ // 替换旧脚本
+ oldScript.parentNode.insertBefore(newScript, oldScript);
+ oldScript.remove();
+ });
+ });
+ }
+}
+
+$('body').on('click', '.msg_modal_inner .unread_box .box .mark_read', function (e) {
+ // console.log(e)
+ let msg_name = $(this).parent()[0].getAttribute('msg-name')
+ let username = Theme.username
+ $.ajax({
+ type: "put",
+ url: `/apis/api.notification.halo.run/v1alpha1/userspaces/${username}/notifications/${msg_name}/mark-as-read`,
+ success: function (res) {
+ pix.getMsg()
+ }
+ });
+})
+
+
+const getWindowInfo = () => {
+ pix.initTopBar()
+};
+const debounce = (fn, delay) => {
+ let timer;
+ return function () {
+ if (timer) {
+ clearTimeout(timer);
+ }
+ timer = setTimeout(() => {
+ fn();
+ }, delay);
+ }
+};
+
+const cancalDebounce = debounce(getWindowInfo, 1);
+window.addEventListener('resize', cancalDebounce);
+
+//固定顶部栏
+$(document).scroll(function () {
+ let topBar = $('#masthead .top_bar');
+ var placeholder = document.querySelector('#masthead .uk-sticky-placeholder');
+ var width = topBar.width();
+ var scrT = document.documentElement.scrollTop;
+ if (window.innerWidth > 960) {
+ // 如果滚动的距离>60
+ if (scrT > 60) {
+ topBar.addClass('uk-active uk-sticky-fixed').css({"width": width, "top": '0px', "position": "fixed"});
+ placeholder.hidden = false;
+ } else {
+ topBar.removeClass('uk-active uk-sticky-fixed').css({"width": "auto", "top": "auto", "position": ""});
+ placeholder.hidden = true;
+ }
+ } else {
+ // 如果滚动的距离>0
+ if (scrT > 0) {
+ topBar.addClass('uk-active uk-sticky-below')
+ } else {
+ topBar.removeClass('uk-active uk-sticky-below')
+ }
+
+ }
+
+});
+
+// 获取当前具有 "current" 类的元素
+var currentElement = document.querySelector('.current');
+
+// 检查是否找到了具有 "current" 类的元素
+if (currentElement) {
+ // 将当前元素滚动到视图中
+ currentElement.scrollIntoView({
+ behavior: 'smooth', // 平滑滚动
+ block: 'start' // 将当前元素顶部对齐到视口顶部
+ });
+}
+
+$('body').on('click', '.listree-btn', function () {
+ "目录[+]" == $(".listree-btn").text() ? $(".listree-btn").attr("title", "收起").text("目录[-]").parent().next().show() : $(".listree-btn").attr("title", "展开").text("目录[+]").parent().next().hide();
+ return !1
+});
+
+// toc
+function autotree() {
+ $(document).ready(function () {
+ $('.listree-titles').html('目录[+]')
+ $('#listree-ol').empty();
+ $("#listree-ol").css("display", "none")
+
+ // 获取所有标题元素
+ var headings = document.querySelectorAll('.post-single .single-content *:is(h1, h2, h3, h4, h5, h6)');
+
+ // 为标题元素添加 listree-list 类,并修改 id
+ headings.forEach(function (heading, index) {
+ heading.classList.add('listree-list');
+ heading.id = 'listree-list' + index;
+ });
+
+ // 创建一个空的目录列表
+ var tocList = document.querySelector('#listree-ol');
+
+ // 保存每个级别的父列表项
+ var parentItems = {};
+
+ // 遍历每个标题元素
+ headings.forEach(function (heading, index) {
+ // 创建列表项
+ var listItem = document.createElement('li');
+
+ // 创建标题链接
+ var link = document.createElement('a');
+ // 直接设置链接的href为标题元素的id
+ link.href = '#listree-list' + index;
+ link.classList.add('toc-link', 'node-name--' + heading.tagName);
+ link.textContent = heading.textContent.trim();
+
+ // 将标题链接添加到列表项中
+ listItem.appendChild(link);
+
+ // 获取当前标题级别
+ var level = parseInt(heading.tagName.slice(1));
+
+ // 查找当前标题的父级列表项
+ var parentItem = parentItems[level - 1];
+
+ // 如果存在父级列表项,则将当前列表项作为其子项
+ if (parentItem) {
+ // 如果父级列表项还没有子列表,则创建一个子列表
+ if (!parentItem.querySelector('ul')) {
+ var subList = document.createElement('ul');
+ parentItem.appendChild(subList);
+ }
+
+ // 将当前列表项添加到父级列表的子列表中
+ parentItem.querySelector('ul').appendChild(listItem);
+ } else {
+ // 如果不存在父级列表项,则将当前列表项直接添加到根列表中
+ tocList.appendChild(listItem);
+ }
+
+ // 更新当前级别的父列表项为当前列表项
+ parentItems[level] = listItem;
+ });
+
+
+ $(".listree-btn").click(function () {
+ "目录[+]" == $(".listree-btn").text() ? $(".listree-btn").attr("title", "收起").text("目录[-]").parent().next().show() : $(".listree-btn").attr("title", "展开").text("目录[+]").parent().next().hide();
+ return !1
+ });
+ $("a.toc-link").click(function (event) {
+ event.preventDefault();
+ var targetId = $(this).attr("href");
+ $("html, body").animate({
+ scrollTop: $(targetId).offset().top - 77
+ }, 800);
+ });
+ // 判断是否存在目录,设置显示或隐藏
+ if ($('#listree-ol').children().length > 0) {
+ $(".listree-box").css("display", "block");
+ } else {
+ $(".listree-box").css("display", "none");
+ }
+ })
+ jQuery(document).ready(function (f) {
+ var T = f(".listree-list");
+ if (T.length < 1)
+ return;
+ var b = [];
+
+ function Q() {
+ T.each(function () {
+ var T = f(this).offset();
+ b.push(Math.floor(T.top))
+ })
+ }
+
+ function a(T) {
+ var b = f("#listree-ol li");
+ var Q = f(".listree-list dt");
+ if (b.length < 1)
+ return;
+ var a = b.outerHeight();
+ if (!b.eq(T).hasClass("current")) {
+ b.removeClass("current");
+ b.eq(T).addClass("current");
+ Q.animate({
+ top: a * T + (b.outerHeight() - Q.outerHeight()) / 2 + 1
+ }, 50)
+ }
+ }
+
+ function X() {
+ if ($('#listree-ol').children().length < 1)
+ return;
+ var f = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
+ var Q = Math.ceil(f + 77);
+ var X = 0;
+ for (var aU = 0; aU < b.length; aU++) {
+ if (Q >= b[aU]) {
+ X = aU
+ } else {
+ break
+ }
+ }
+ if (X < 0)
+ X = 0;
+ if (!T.eq(X).hasClass("current")) {
+ T.removeClass("current");
+ T.eq(X).addClass("current");
+ a(X)
+ }
+ }
+
+ Q();
+ setTimeout(X, 0);
+ f(window).on("scroll", X)
+ });
+}
+
+pix.addRuntime();
+
+$(document).ready(function () {
+ $("[data-fancybox]").fancybox({
+ selector: '[data-fancybox]',
+ loop: true,
+ transitionEffect: 'slide',
+ protect: true,
+ buttons: ['slideShow', 'fullScreen', 'thumbs', 'close'],
+ hash: false
+ })
+})
+
+//菜单高亮
+function highlightActiveMenu() {
+ let currentPath = window.location.pathname.replace(/\/+$/, "");
+ if (currentPath === "") currentPath = "/";
+
+ const menuLinks = document.querySelectorAll('a[href]:not([href^="javascript"])');
+
+ // 清除现有样式
+ menuLinks.forEach(link => {
+ link.style.color = "";
+ const icon = link.querySelector("i");
+ if (icon) icon.style.color = "";
+ });
+
+ // 高亮匹配项
+ menuLinks.forEach(link => {
+ let linkPath = link.getAttribute("href").replace(/\/+$/, "");
+ if (linkPath === "") linkPath = "/";
+
+ const isMatch =
+ currentPath === linkPath ||
+ (linkPath !== "/" && currentPath.startsWith(linkPath));
+
+ if (isMatch) {
+ link.style.color = "#4CAF50";
+ const icon = link.querySelector("i");
+ if (icon) icon.style.color = "#4CAF50";
+ }
+ });
+}
+
+// 指定日期黑白效果
+function setPageGrayscale() {
+ const dateList = ['12-13'];
+ const style = document.createElement('style');
+ style.innerHTML = '.grayscale-mode{filter:grayscale(100%)!important;-webkit-filter:grayscale(100%)!important;transition:filter 60s ease!important;}';
+ document.head.appendChild(style);
+ const today = new Date();
+ const todayMd = `${today.getMonth() + 1}-${today.getDate()}`;
+ if (dateList.includes(todayMd)) {
+ document.documentElement.classList.add('grayscale-mode');
+ }
+}
+
+// 内容折叠初始化
+function initializeMomentFold() {
+ const foldConfig = {
+ maxHeight: 240,
+ moreText: '展开',
+ lessText: '收起'
+ };
+
+ $('.moment-collapse-container').each(function() {
+ const $contentContainer = $(this);
+ if ($contentContainer.next('.moment-fold-btn').length > 0) return;
+
+ // 完整内容高度
+ const fullHeight = $contentContainer[0].scrollHeight;
+ const needFold = fullHeight > foldConfig.maxHeight;
+ if (!needFold) return;
+
+ // 初始化折叠状态
+ $contentContainer.addClass('collapsed').css('max-height', foldConfig.maxHeight + 'px');
+ const $foldBtn = $(``);
+ $contentContainer.after($foldBtn);
+
+ // 折叠/展开切换
+ $foldBtn.on('click', function() {
+ const isCollapsed = $contentContainer.hasClass('collapsed');
+ const heightDiff = fullHeight - foldConfig.maxHeight; // 完整高度与折叠高度的差值
+
+ if (isCollapsed) {
+ // 展开逻辑
+ $contentContainer.removeClass('collapsed').css('max-height', fullHeight + 'px');
+ $(this).text(foldConfig.lessText);
+ } else {
+ // 收起逻辑:页面向下滚动差值距离
+ $('html, body').animate({scrollTop: $(window).scrollTop() - heightDiff }, 300, 'linear');
+
+ $contentContainer.addClass('collapsed').css('max-height', foldConfig.maxHeight + 'px');
+ $(this).text(foldConfig.moreText);
+ }
+ });
+ });
+}
+
+// 更换背景函数封装
+function setFixedBackground(bgImageUrl) {
+ const body = document.body;
+ body.classList.add('common-fixed-bg');
+ body.style.backgroundImage = `url('${bgImageUrl}')`;
+}
+
+// 更换banner函数封装(PJAX触发)
+const bg1 = document.querySelector('.bg1');
+const bg2 = document.querySelector('.bg2');
+let bannerIndex = 0;
+let isBg1Active = true;
+let hasSingleBannerShown = false;
+
+let bannerImages = [];
+
+function preloadImage(url) {
+ return new Promise((resolve, reject) => {
+ const img = new Image();
+ img.onload = () => resolve(url);
+ img.onerror = reject;
+ img.src = url;
+ });
+}
+
+function changeBanner(url) {
+ const show = isBg1Active ? bg2 : bg1;
+ const hide = isBg1Active ? bg1 : bg2;
+
+ show.style.backgroundImage = `url(${url})`;
+ show.style.opacity = 1;
+
+ hide.style.opacity = 0;
+
+ isBg1Active = !isBg1Active;
+}
+
+async function safeChangeBanner(url) {
+ await preloadImage(url);
+ changeBanner(url);
+}
+
+function nextBanner() {
+ if (bannerImages.length < 1) return;
+
+ if (bannerImages.length === 1) {
+ // 第一次调用:显示图片并标记为已显示
+ if (!hasSingleBannerShown) {
+ safeChangeBanner(bannerImages[bannerIndex]);
+ hasSingleBannerShown = true;
+ }
+ // 非第一次调用:直接返回,不触发切换
+ return;
+ }
+
+ safeChangeBanner(bannerImages[bannerIndex]);
+ bannerIndex = (bannerIndex + 1) % bannerImages.length;
+}
+
+// 重置状态函数
+function resetBannerState() {
+ bannerIndex = 0;
+ isBg1Active = true;
+ hasSingleBannerShown = false;
+}
+
+// 奇遇显示函数封装
+function showCenterImage(imageUrl) {
+ const container = document.getElementById('centerImgContainer');
+ const img = document.getElementById('targetImg');
+
+ // 重置所有状态(避免上一次操作残留影响)
+ container.classList.remove('container-fade-active');
+ img.classList.remove('img-fade-in', 'img-fade-out');
+ img.style.opacity = 0;
+ img.src = ""; // 先清空原有src
+
+ // 定义图片加载成功的回调函数
+ function handleImageLoad() {
+ // 移除事件监听(防止重复绑定)
+ img.removeEventListener('load', handleImageLoad);
+ img.removeEventListener('error', handleImageError);
+
+ // 图片加载成功后,再执行淡入动画
+ container.classList.add('container-fade-active');
+ img.classList.add('img-fade-in');
+
+ // 图片显示1.5秒后,执行自动关闭逻辑
+ setTimeout(() => {
+ container.classList.remove('container-fade-active');
+ img.classList.add('img-fade-out');
+
+ setTimeout(() => {
+ img.classList.remove('img-fade-in', 'img-fade-out');
+ }, 500);
+ }, 1500);
+ }
+
+ // 定义图片加载失败的回调函数
+ function handleImageError() {
+ // 移除事件监听
+ img.removeEventListener('load', handleImageLoad);
+ img.removeEventListener('error', handleImageError);
+
+ // 重置容器和图片状态,不执行任何动画
+ container.classList.remove('container-fade-active');
+ img.classList.remove('img-fade-in', 'img-fade-out');
+ img.style.opacity = 0;
+ img.src = "";
+ }
+
+ // 绑定图片加载/失败事件监听(先绑定,再赋值src,避免缓存导致回调不触发)
+ img.addEventListener('load', handleImageLoad);
+ img.addEventListener('error', handleImageError);
+
+ // 最后赋值src,触发图片加载(异步操作)
+ img.src = imageUrl;
+}
+
+// 侧边栏农历信息显示函数
+function anian_renderLunarUI(data) {
+ const textEl = document.getElementById('anianLunarText');
+ const defaultText = '一日不见如隔三秋';
+
+ if (!textEl) return;
+ if (!data) {
+ textEl.innerHTML = defaultText;
+ return;
+ }
+
+ const {
+ ganzhiYear = '',
+ lunarMonth = '',
+ lunarDay = '',
+ jieqi = '',
+ jijie = '',
+ traditionalFestival = ''
+ } = data;
+
+ let text = `${ganzhiYear}年${lunarMonth}${lunarDay}`;
+
+ const extra = [];
+ if (jieqi) extra.push(jieqi);
+ if (traditionalFestival) extra.push(traditionalFestival);
+
+ if (extra.length) {
+ text += `
${extra.join(' · ')}`;
+ }
+
+ textEl.innerHTML = text;
+
+ // 奇遇弹窗+背景图片设置
+ if (jieqi === '大寒') {
+ showCenterImage('/upload/qiyu-jieqi-dahan.png');
+ // setFixedBackground('/upload/2025-12-2.png');
+ }
+
+ switch (jijie) {
+ case "春季":
+ bannerImages.push('/upload/dingbu-chun.png');
+ break;
+ case "夏季":
+ bannerImages.push('/upload/dingbu-xia.png');
+ break;
+ case "秋季":
+ bannerImages.push('/upload/dingbu-qiu.png');
+ break;
+ case "冬季":
+ bannerImages.push('/upload/dingbu-dong.png');
+ break;
+ default:
+ bannerImages.push('/upload/dingbu-siji.png');
+ break;
+ }
+
+
+
+
+
+}
+
+// Cookie 是否存在
+function anian_checkCookieExists(name) {
+ return document.cookie.includes(`${name}=`);
+}
+
+// 写入当日有效 Cookie(23:59 失效)
+function anian_setDailyCookie(name, value) {
+ const now = new Date();
+ const china = new Date(now.getTime() + 8 * 3600 * 1000);
+ const expires = new Date(Date.UTC(
+ china.getUTCFullYear(),
+ china.getUTCMonth(),
+ china.getUTCDate(),
+ 15, 59, 59
+ ));
+
+ document.cookie = `${name}=${encodeURIComponent(value)};expires=${expires.toUTCString()};path=/;domain=anian.cc`;
+}
+
+// 读取 Cookie
+function anian_getCookieValue(name) {
+ const m = document.cookie.match(new RegExp(`(^| )${name}=([^;]+)`));
+ return m ? decodeURIComponent(m[2]) : null;
+}
+
+// 获取农历数据并触发渲染
+function anian_handleLunarCookie() {
+ const apiUrl = 'https://cn.apihz.cn/api/time/getday.php?id=10011724&key=0bdd2d8b3d97c0d476c98a41f108a96f';
+ const cookieName = 'anian_lunar_info';
+
+ // 优先使用缓存
+ if (anian_checkCookieExists(cookieName)) {
+ try {
+ const data = JSON.parse(anian_getCookieValue(cookieName));
+ anian_renderLunarUI(data);
+ return;
+ } catch (_) {}
+ }
+
+ // 无缓存则请求 API
+ fetch(apiUrl)
+ .then(r => r.ok ? r.json() : Promise.reject())
+ .then(data => {
+ if (data.code !== 200) throw new Error();
+
+ const jieqi = (data.JIEQICN || '').includes('第1天') ? data.jieqi : '';
+
+ const lunarInfo = {
+ ganzhiYear: data.ganzhinian || '',
+ lunarMonth: data.nyue || '',
+ lunarDay: data.nri || '',
+ jieqi: jieqi || '',
+ jijie: data.jijie || '',
+ traditionalFestival: data.YIFESTIVAL || ''
+ };
+
+ anian_setDailyCookie(cookieName, JSON.stringify(lunarInfo));
+ anian_renderLunarUI(lunarInfo);
+ })
+ .catch(() => {
+ anian_renderLunarUI(null);
+ });
+}
+
+// 绿色数字时钟粒子效果
+function initGreenDigitalClock() {
+ var t = 820;
+ var a = 250;
+ var r = 7;
+ var n = 10;
+ var e = .65;
+ var f;
+ var o = [];
+
+ const v = ["#00FF7F", "#32CD32", "#228B22", "#008000", "#006400", "#90EE90", "#98FB98", "#00FA9A", "#00FF00", "#3CB371"];
+
+ var h = [];
+ var u = [
+ [[0,0,1,1,1,0,0],[0,1,1,0,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,0,1,1,0],[0,0,1,1,1,0,0]],
+ [[0,0,0,1,1,0,0],[0,1,1,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[1,1,1,1,1,1,1]],
+ [[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,0,0,1,1],[1,1,1,1,1,1,1]],
+ [[1,1,1,1,1,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,1,0,0],[0,0,0,0,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],
+ [[0,0,0,0,1,1,0],[0,0,0,1,1,1,0],[0,0,1,1,1,1,0],[0,1,1,0,1,1,0],[1,1,0,0,1,1,0],[1,1,1,1,1,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,1,1]],
+ [[1,1,1,1,1,1,1],[1,1,0,0,0,0,0],[1,1,0,0,0,0,0],[1,1,1,1,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],
+ [[0,0,0,0,1,1,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],
+ [[1,1,1,1,1,1,1],[1,1,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0]],
+ [[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],
+ [[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,1,1,0,0,0,0]],
+ [[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0]]
+ ];
+
+ function l(t) {
+ var a = [];
+ f.fillStyle = "#006400";
+ var r = new Date;
+ var e = 70, o = 30;
+ var v = r.getHours();
+ var u = Math.floor(v / 10);
+ var l = v % 10;
+ a.push({ num: u });
+ a.push({ num: l });
+ a.push({ num: 10 });
+ var c = r.getMinutes();
+ var u = Math.floor(c / 10);
+ var l = c % 10;
+ a.push({ num: u });
+ a.push({ num: l });
+ a.push({ num: 10 });
+ var M = r.getSeconds();
+ var u = Math.floor(M / 10);
+ var l = M % 10;
+ a.push({ num: u });
+ a.push({ num: l });
+ for (var p = 0; p < a.length; p++) {
+ a[p].offsetX = e;
+ e = m(e, o, a[p].num, t);
+ if (p < a.length - 1) {
+ if (a[p].num != 10 && a[p + 1].num != 10) {
+ e += n
+ }
+ }
+ }
+ if (h.length == 0) {
+ h = a
+ } else {
+ for (var C = 0; C < h.length; C++) {
+ if (h[C].num != a[C].num) {
+ s(a[C]);
+ h[C].num = a[C].num
+ }
+ }
+ }
+ i(t);
+ g();
+ return r
+ }
+
+ function s(t) {
+ var a = t.num;
+ var n = u[a];
+ for (var e = 0; e < n.length; e++) {
+ for (var f = 0; f < n[e].length; f++) {
+ if (n[e][f] == 1) {
+ var h = {
+ offsetX: t.offsetX + r + r * 2 * f,
+ offsetY: 30 + r + r * 2 * e,
+ color: v[Math.floor(Math.random() * v.length)],
+ g: 1.5 + Math.random(),
+ vx: Math.pow(-1, Math.ceil(Math.random() * 10)) * 4 + Math.random(),
+ vy: -5
+ };
+ o.push(h)
+ }
+ }
+ }
+ }
+
+ function i(t) {
+ for (var a = 0; a < o.length; a++) {
+ t.beginPath();
+ t.fillStyle = o[a].color;
+ t.arc(o[a].offsetX, o[a].offsetY, r, 0, 2 * Math.PI);
+ t.fill()
+ }
+ }
+
+ function g() {
+ var n = 0;
+ for (var f = 0; f < o.length; f++) {
+ var v = o[f];
+ v.offsetX += v.vx;
+ v.offsetY += v.vy;
+ v.vy += v.g;
+ if (v.offsetY > a - r) {
+ v.offsetY = a - r;
+ v.vy = -v.vy * e
+ }
+ if (v.offsetX > r && v.offsetX < t - r) {
+ o[n] = o[f];
+ n++
+ }
+ }
+ for (; n < o.length; n++) {
+ o.pop()
+ }
+ }
+
+ function m(t, a, n, e) {
+ var f = u[n];
+ for (var o = 0; o < f.length; o++) {
+ for (var v = 0; v < f[o].length; v++) {
+ if (f[o][v] == 1) {
+ e.beginPath();
+ e.arc(t + r + r * 2 * v, a + r + r * 2 * o, r, 0, 2 * Math.PI);
+ e.fill()
+ }
+ }
+ }
+ e.beginPath();
+ t += f[0].length * r * 2;
+ return t
+ }
+
+ var c = document.getElementById("canvas");
+ c.width = t;
+ c.height = a;
+ f = c.getContext("2d");
+ var M = new Date;
+ setInterval(function () {
+ f.clearRect(0, 0, f.canvas.width, f.canvas.height);
+ l(f)
+ }, 50)
+}
+
+// 侧边栏公告提醒
+const LATEST_NOTICE_DATE = '2025-12-14'; // 最新公告日期
+const COOKIE_NAME = 'latest_notice_date';
+const COOKIE_EXPIRE_YEARS = 10;
+const NOTICE_DETAIL_PATH = '/notice';
+
+// 读取Cookie
+function getCookie(name) {
+ const cookieArr = document.cookie.split('; ');
+ for (let cookie of cookieArr) {
+ const [cookieName, cookieValue] = cookie.split('=');
+ if (cookieName === name) {
+ return decodeURIComponent(cookieValue);
+ }
+ }
+ return null;
+}
+
+// 设置Cookie
+function setCookie(name, value) {
+ const date = new Date();
+ date.setTime(date.getTime() + (COOKIE_EXPIRE_YEARS * 365 * 24 * 60 * 60 * 1000));
+ const expires = "expires=" + date.toUTCString();
+ document.cookie = `${name}=${encodeURIComponent(value)}; ${expires}; path=/;domain=anian.cc`;
+}
+
+// 每次调用都重新获取最新DOM元素,避免旧元素引用(标记已读核心函数)
+function markAsRead() {
+ const noticeBubble = document.getElementById('noticeBubble');
+ const noticeBtn = document.getElementById('noticeBtn');
+ if (!noticeBubble || !noticeBtn) return;
+
+ setCookie(COOKIE_NAME, LATEST_NOTICE_DATE);
+ noticeBubble.classList.remove('show');
+ noticeBtn.classList.remove('has-notice');
+}
+
+// 检测是否在公告详情页,若是则标记已读
+function checkNoticeDetailPage() {
+ const currentPath = window.location.pathname.replace(/\/$/, '');
+ const savedDate = getCookie(COOKIE_NAME);
+ const hasUnread = !savedDate || savedDate !== LATEST_NOTICE_DATE;
+
+ if (currentPath === NOTICE_DETAIL_PATH && hasUnread) {
+ markAsRead();
+ }
+}
+
+// 初始化函数
+function initNoticeTip() {
+ const noticeBubble = document.getElementById('noticeBubble');
+ const noticeBtn = document.getElementById('noticeBtn');
+ if (!noticeBubble || !noticeBtn) return;
+
+ const savedDate = getCookie(COOKIE_NAME);
+ const hasUnread = !savedDate || savedDate !== LATEST_NOTICE_DATE;
+
+ if (hasUnread) {
+ noticeBubble.classList.add('show');
+ noticeBtn.classList.add('has-notice');
+ } else {
+ noticeBubble.classList.remove('show');
+ noticeBtn.classList.remove('has-notice');
+ }
+
+ checkNoticeDetailPage();
+}
+
+// 全局事件委托
+function bindGlobalNoticeEvents() {
+ if (document.body.dataset.noticeEventsBound) return;
+
+ document.addEventListener('click', (e) => {
+ const noticeBtn = document.getElementById('noticeBtn');
+ if (noticeBtn && (e.target === noticeBtn || noticeBtn.contains(e.target))) {
+ markAsRead();
+ }
+ });
+
+ document.body.dataset.noticeEventsBound = 'true';
+}
+
+// 测速侧边栏
+const bubble = document.getElementById("anianxBubble"),
+ bubbleText = document.getElementById("anianxBubbleText"),
+ group = document.querySelector(".anianx-group"),
+ main = document.querySelector('[data-anianx-type="main"]'),
+ test = document.querySelector('[data-anianx-type="test"]'),
+ sub = document.querySelector('[data-anianx-type="sub"]');
+let speedLock = false;
+let xianlu = 0;
+const hostname = location.hostname;
+
+function moveArrow(btn) {
+ const btnRect = btn.getBoundingClientRect(),
+ groupRect = group.getBoundingClientRect(),
+ center = (btnRect.left - groupRect.left) + (btnRect.width / 2);
+ bubble.style.setProperty("--anianx-arrow", center + "px");
+}
+
+if (hostname === "anian.cc") {
+ xianlu = 1;
+ main.classList.add("anianx-fixed");
+ bubbleText.classList.remove("anianx-loading");
+ bubbleText.innerText = "当前为主线路";
+ moveArrow(main);
+} else if (hostname === "www.anian.cc") {
+ xianlu = 2;
+ sub.classList.add("anianx-fixed");
+ bubbleText.classList.remove("anianx-loading");
+ bubbleText.innerText = "当前为副线路";
+ moveArrow(sub);
+} else {
+ bubbleText.classList.remove("anianx-loading");
+ bubbleText.innerText = "当前线路未知";
+ moveArrow(test);
+}
+
+main.addEventListener("click", () => {
+ if (main.classList.contains("anianx-fixed")) {
+ bubbleText.classList.remove("anianx-loading");
+ bubbleText.innerText = "当前为主线路";
+ } else {
+ bubbleText.classList.add("anianx-loading");
+ bubbleText.innerText = "正在切换至主线路";
+ // 1. 获取当前滚动位置
+ const currentScrollTop = window.scrollY || document.documentElement.scrollTop;
+ document.cookie = `scrollParam=${currentScrollTop}; path=/; domain=anian.cc`;
+ const finalUrl = main.dataset.anianxHref + location.pathname +
+ location.search + location.hash;
+ // 3. 执行跳转
+ location.href = finalUrl;
+ }
+ moveArrow(main);
+});
+
+sub.addEventListener("click", () => {
+ if (sub.classList.contains("anianx-fixed")) {
+ bubbleText.classList.remove("anianx-loading");
+ bubbleText.innerText = "当前为副线路";
+ } else {
+ bubbleText.classList.add("anianx-loading");
+ bubbleText.innerText = "正在切换至副线路";
+ // 1. 获取当前滚动位置
+ const currentScrollTop = window.scrollY || document.documentElement.scrollTop;
+ // 2. 拼接URL参数(保留原有逻辑 + 添加scrollTop参数)
+ const baseUrl = sub.dataset.anianxHref + location.pathname + location.search;
+ document.cookie = `scrollParam=${currentScrollTop}; path=/; domain=anian.cc`;
+ const finalUrl = baseUrl + location.hash;
+ // 3. 执行跳转
+ location.href = finalUrl;
+ }
+ moveArrow(sub);
+});
+
+function loadMultiplePages(pageCount, type = null, currentCount = 1) {
+ return new Promise((resolve, reject) => {
+ const configs = {
+ moment: {
+ paginator: "#t_pagination a",
+ listContainer: ".moment_list",
+ itemSelector: ".p_item",
+ afterLoad: () => {
+ typeof getMomentAudio === 'function' && getMomentAudio();
+ typeof initAgree === 'function' && initAgree();
+ window.lazyLoadInstance && lazyLoadInstance.update();
+ typeof initializeMomentFold === 'function' && initializeMomentFold();
+ typeof modify_moment_video_size === 'function' && modify_moment_video_size();
+ }
+ },
+ gallery: {
+ paginator: "#p_pagination a",
+ listContainer: ".gallery-photos",
+ itemSelector: ".gallery-photo",
+ afterLoad: () => {
+ window.pix && typeof pix.initGalleryPhotos === 'function' && pix.initGalleryPhotos();
+ }
+ }
+ };
+
+ if (!type) {
+ if ($("#t_pagination").length) type = 'moment';
+ else if ($("#p_pagination").length) type = 'gallery';
+ else {
+ const errMsg = "[loadMultiplePages] 未找到分页器,无法识别加载类型";
+ // console.error(errMsg);
+ reject(errMsg);
+ return;
+ }
+ }
+
+ const config = configs[type];
+ const $paginationBtn = $(config.paginator);
+ const nextHref = $paginationBtn.attr('data');
+
+ if (currentCount > pageCount) {
+ // console.log(`[${type}] 批量加载完成,共${pageCount}页`);
+ resolve();
+ return;
+ }
+
+ if (!nextHref) {
+ // console.log(`[${type}] 已无更多内容`);
+ $paginationBtn.hide();
+ resolve();
+ return;
+ }
+ $paginationBtn.prop('disabled', true);
+ const $pagingWrapper = $paginationBtn.closest('.post-paging');
+ if (type === 'gallery' && $pagingWrapper.length) {
+ $pagingWrapper.data('origin-html', $pagingWrapper.html());
+ $pagingWrapper.html('');
+ }
+ $.ajax({
+ type: "GET",
+ url: nextHref,
+ success: function (html) {
+ const $html = $(html);
+ const items = $html.find(`${config.listContainer} ${config.itemSelector}`);
+
+ if (items.length > 0) {
+ $(config.listContainer).append(items.fadeIn(300));
+ const newHref = $html.find(config.paginator).attr("data");
+ if (type === 'gallery' && $pagingWrapper.length) {
+ $pagingWrapper.html(`${Theme.site_page}`);
+ }
+ const $newBtn = $(config.paginator);
+ if (newHref) {
+ $newBtn.attr("data", newHref).show().prop('disabled', false);
+ $newBtn.html(`${Theme.site_page}`);
+ } else {
+ $newBtn.hide();
+ }
+ config.afterLoad();
+ loadMultiplePages(pageCount, type, currentCount + 1)
+ .then(resolve)
+ .catch(reject);
+ } else {
+ $(config.paginator).hide();
+ resolve();
+ }
+ },
+ error: function () {
+ const errMsg = `[${type}] 第${currentCount}页加载失败`;
+ // console.log(errMsg);
+ $(config.paginator).prop('disabled', false);
+ reject(errMsg);
+ }
+ });
+ });
+}
+
+function initjump() {
+ const urlParams = new URLSearchParams(window.location.search);
+ const page = document.cookie.split('; ').find(c => c.startsWith('page='))?.split('=')[1] ? decodeURIComponent(document.cookie.split('; ').find(c => c.startsWith('page='))?.split('=')[1]) : null;
+ const scrollTop = document.cookie.split('; ').find(c => c.startsWith('scrollParam='))?.split('=')[1] ? decodeURIComponent(document.cookie.split('; ').find(c => c.startsWith('scrollParam='))?.split('=')[1]) : null;
+ document.cookie = "scrollParam=; path=/; domain=anian.cc; expires=Thu, 01 Jan 1970 00:00:00 GMT";
+ const loadPageTask = () => {
+ return new Promise((resolve) => {
+ const timeout = setTimeout(() => {
+ // console.warn("页面加载超时,强制执行滚动");
+ resolve();
+ }, 3000);
+
+ if (page && !isNaN(page)) {
+ const targetPage = Number(page) - 1;
+ loadMultiplePages(targetPage)
+ .then(() => {
+ clearTimeout(timeout);
+ resolve();
+ })
+ .catch(() => {
+ clearTimeout(timeout);
+ resolve();
+ });
+ } else {
+ clearTimeout(timeout);
+ resolve();
+ }
+ });
+ };
+
+ if (scrollTop && !isNaN(scrollTop)) {
+ loadPageTask().then(() => {
+ if (xianlu === 1) cocoMessage.success('已成功切换到主线路');
+ else if (xianlu === 2) cocoMessage.success('已成功切换到副线路');
+
+ const recordScroll = Number(scrollTop);
+ const maxScroll = document.documentElement.scrollHeight - window.innerHeight;
+ const scrollDistance = Math.min(recordScroll, maxScroll);
+ const scrollSpeed = 1;
+ const minDuration = 100;
+ const maxDuration = 1000;
+ const dynamicDuration = Math.min(Math.max(scrollDistance / scrollSpeed, minDuration), maxDuration);
+
+ if (recordScroll > maxScroll && (recordScroll - maxScroll) > 200) {
+ cocoMessage.warning('请手动加载以恢复原线路内容');
+ $('html, body').animate({ scrollTop: maxScroll }, dynamicDuration);
+ } else {
+ $('html, body').animate({ scrollTop: recordScroll }, dynamicDuration);
+ }
+
+ urlParams.delete('scrollTop');
+ const newUrl = window.location.pathname + (urlParams.toString() ? `?${urlParams.toString()}` : '') + window.location.hash;
+ window.history.replaceState({}, document.title, newUrl);
+ });
+ }
+}
+
+test.addEventListener("click", () => {
+ if (speedLock) return;
+ speedLock = true;
+ bubbleText.classList.add("anianx-loading");
+ bubbleText.innerText = "测速中";
+ moveArrow(test);
+ speedTestWithTimeout(7500).then(result => {
+ bubbleText.classList.remove("anianx-loading");
+ bubbleText.innerText = result;
+ }).catch(() => {
+ bubbleText.classList.remove("anianx-loading");
+ bubbleText.innerText = "请检查网络或切换线路";
+ }).finally(() => {
+ speedLock = false;
+ });
+});
+
+function speedTestWithTimeout(timeout) {
+ const controller = new AbortController();
+ const timer = setTimeout(() => controller.abort(), timeout);
+ return new Promise(async (resolve, reject) => {
+ try {
+ const t0 = Date.now();
+ const res = await fetch(`/upload/%E4%B8%8B%E8%BD%BD%20(9).mp4?t=${Date.now()}`, {
+ signal: controller.signal
+ });
+ const blob = await res.blob();
+ const size = blob.size;
+ const sec = (Date.now() - t0) / 1000;
+ const mbps = ((size * 8) / (sec * 1024 * 1024)).toFixed(2);
+ clearTimeout(timer);
+ resolve("正常:" + mbps + " Mbps");
+ } catch (e) {
+ clearTimeout(timer);
+ reject(e);
+ }
+ });
+}
+
+// 侧边栏订阅函数
+async function handleSubscribe(event) {
+ event.preventDefault();
+
+ const form = event.target;
+ const input = form.querySelector(".subscribe-input");
+ const btn = form.querySelector(".subscribe-btn");
+ const msg = document.getElementById("subscribe-message");
+
+ const email = input.value.trim();
+ if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
+ return show("请输入正确格式的邮箱地址", "error");
+ }
+
+ btn.disabled = true;
+ show("正在提交…");
+
+ try {
+ const res = await fetch(
+ "https://anian.cc/apis/api.flow.post.kunkunyu.com/v1alpha1/follows/-/submit",
+ {
+ method: "POST",
+ headers: {"Content-Type": "application/json"},
+ body: JSON.stringify({ email })
+ }
+ );
+
+ if (res.status === 200) {
+ show("订阅成功", "success");
+ input.value = "";
+ } else {
+ show("您已订阅过", "warning");
+ }
+ } catch {
+ show("网络错误,请稍后再试", "error");
+ }
+
+ btn.disabled = false;
+
+ function show(text, type) {
+ msg.textContent = text;
+ msg.className = `subscribe-message ${type}`;
+ }
+}
+
+// 图库兼容视频监听刷新排版
+let wfTimer = null;
+document.addEventListener('loadedmetadata', function (e) {
+ if (
+ e.target.tagName === 'VIDEO' &&
+ e.target.closest('.gallery-photos')
+ ) {
+ clearTimeout(wfTimer);
+ wfTimer = setTimeout(() => {
+ waterfall('.gallery-photos');
+ }, 300);
+ }
+}, true);
+
+function initBlog() {
+ pix.initTopBar(),
+ pix.getMsg(),
+ initAgree(),
+ pix.initGalleryPhotos(),
+ pix.loadLightbox(),
+ pix.topCategoriesBarScroll(),
+ pix.topTableBarScroll(),
+ getMomentAudio(),
+ Theme.toc.all_open && autotree(),
+
+ highlightActiveMenu(),
+ syncFooterWithAudioState(),
+ initializeMomentFold(),
+ initNoticeTip(),
+ nextBanner()
+
+}
+
+pix.roleMoments();
+initBlog();
+
+setPageGrayscale();
+anian_handleLunarCookie();
+updateMusicBtnColor('default');
+initGreenDigitalClock();
+bindGlobalNoticeEvents();
+initjump();
+initTagSwitch();
+
+
+
diff --git a/templates/assets/js/moment-push.js b/templates/assets/js/moment-push.js
index 7ae713d..d7ba116 100644
--- a/templates/assets/js/moment-push.js
+++ b/templates/assets/js/moment-push.js
@@ -1,561 +1,590 @@
-main_content = $('.moment_type_main');
-function remove_image_temp(){
- if(!$('.image_edit_temp .add_img_box').length > 0){
- var temp = $('.add_img_box');
- $('.image_edit_temp').html(temp);
- }
- main_content.empty();
-}
-
-function back_image_temp(){
- var temp = $('.add_img_box');
- main_content.html(temp);
- $('.image_edit_temp').empty();
-}
-
-//发布卡片
-$('body').on('click', '.moment_card_type a', function () {
- $('.push_item').attr('type', 'card');
- main_content = $('.moment_type_main');
- if ($('.add_card_box').length > 0) {
- return false;
- }
- remove_image_temp();
- main_content.html('');
- $('.moment_type_main .loading_box').remove();
- main_content.append(
- `
-
-
-
# 输入别名或者标题,自动生成链接卡片 支持文章, 页面等网址
-
-
-
-
`);
-});
-$('body').on('click', '.edit_content .push_card', function () {
- var card_url = $('.edit_card_box .edit_content input').val();
- var num = $('.card_sortble .moment_card_item').length;
- if (num > 2) {
- cocoMessage.error('最多插入3个卡片');
- $('.edit_card_box .edit_content input').val('');
- return false;
- }
- var c_type = $('.card_choose .uk-active a').attr('c_type');
- switch (c_type) {
- case "post":
- card_post(card_url);
- break;
- case "page":
- edit_page(card_url);
- break;
- }
-});
-
-function card_post(card_url){
- $.ajax({
- type: 'GET',
- url: `/apis/api.console.halo.run/v1alpha1/posts?keyword=${card_url}&labelSelector=content.halo.run%2Fdeleted%3Dfalse&page=1&size=20`,
- beforeSend: function () {
- cocoMessage.info('生成中...');
- },
- success: function (data) {
- $('.edit_card_box .edit_content input').val('');
- if (data.total > 0) {
- if(data.total>1){
- cocoMessage.error('当前搜索的文章有多个无法选择');
- }else{
- var item = data.items[0]
- $('.show_card').show();
- $('.card_sortble').append(getcard(item.post.metadata.name,item.post.spec.cover,item.post.spec.title,'post'));
- cocoMessage.success('已生成卡片');
- }
-
- } else {
- cocoMessage.error('文章不存在');
- }
-
- }
- });
-}
-
-
-function edit_page(card_url){
- $.ajax({
- type: 'GET',
- url: `/apis/api.console.halo.run/v1alpha1/singlepages?keyword=${card_url}&labelSelector=content.halo.run%2Fdeleted%3Dfalse&page=1&size=20`,
- beforeSend: function () {
- cocoMessage.info('生成中...');
- },
- success: function (data) {
- $('.edit_card_box .edit_content input').val('');
- if (data.total > 0) {
- if(data.total>1){
- cocoMessage.error('当前搜索的页面有多个无法选择');
- }else{
- var item = data.items[0]
- $('.show_card').show();
- $('.card_sortble').append(getcard(item.page.metadata.name,item.page.spec.cover,item.page.spec.title,'page'));
- cocoMessage.success('已生成卡片');
- }
-
- } else {
- cocoMessage.error('页面不存在');
- }
-
- }
- });
-}
-
-function getcard(name,cover,title,type){
-
- return ``
-}
-
-$(document).on('click', '.de_card', function() {
- var msg = "确认删除此卡片?";
- var num = $('.moment_card_item').length;
- if (confirm(msg)==true){
- $(this).parents('.moment_card_item').remove();
- } else {
- return false;
- }
-
- if(num == 1){
- $(".show_card").hide();
- }
-});
-
-//图文编辑 返回图文编辑区域
-$('body').on('click', '.moment_image_type a', function() {
- back_image_temp();
- $('.push_item').attr('type','image');
-});
-
-//发布音乐--------------------------------------------------------------
-$('body').on('click', '.moment_audio_type a', function() {
- $('.push_item').attr('type','audio');
- main_content = $('.moment_type_main');
- if($('.add_audio_box').length > 0){
- return false;
- }
- remove_image_temp();
- main_content.append(
- ``);
-});
-
-//音乐和视频上传
-$(document).on('change','#moment_img_up',function(){
- if($('#moment_img_up').val() == '')
- return;
- var f = this.files[0];
- var formData = new FormData();
- formData.append('file',f);
- const policyName = Theme.moments.policy_name;
- const groupName = Theme.moments.group_name;
- policyName && formData.append('policyName',policyName)
- groupName && formData.append('groupName',groupName)
-
- $.ajax({
- type: "POST",
- url: `${Theme.moments.attachments_upload_api}`,
- dataType: 'json',
- data: formData,
- processData : false,
- contentType : false,
- beforeSend: function () {
- cocoMessage.info('上传中...');
- $('.m_media_left i').remove();
- $('.m_media_left').append("");
- var imged = $('.m_media_left img');
- if(imged.length > 0){
- imged.remove();
- }
- },
- success: function(data){
- var thum = data.metadata.annotations["storage.halo.run/uri"] || data.metadata.annotations["storage.halo.run/external-link"]
- $('.m_media_left .up_loading').remove();
- $('.m_media_left').append('
');
- cocoMessage.success('上传成功');
- $('input#moment_video_url').val(thum)
- }
- });
-});
-
-$('body').on('click', '.audio_choose a', function() {
- var text = '# 请插入封面,歌名以及歌曲外链';
- var type = $(this).attr('au_type');
- if(type != 'local'){
- var text = '# 请输入歌曲ID';
- }
- $('.edit_audio_box .tips').text(text);
-});
-
-//发布视频--------------------------------------------------------------
-$('body').on('click', '.moment_video_type a', function() {
- $('.push_item').attr('type','video');
- main_content = $('.moment_type_main');
- if($('.add_video_box').length > 0){
- return false;
- }
- remove_image_temp();
- main_content.html('');
- $('.moment_type_main .loading_box').remove();
- main_content.append(
- ``);
-
-});
-
-$('body').on('click', '.video_choose a', function() {
- var text = '# 请上传视频或填写视频外链';
- var type = $(this).attr('vi_type');
- if(type == 'bili'){
- var text = '# 请输入B站视频bvid';
- }
- $('.edit_video_box .tips').text(text);
-});
-
-//图文类型
-//$('body').on('click', '.moment_video_type a', function() {
-
-//});
-
-//删除片刻文章
-$('body').on('click', '.control_delete_post', function() {
- var pid = $(this).parent().attr('pid');
-
- var msg = "确定删除瞬间?";
- if (confirm(msg)==true){
- $.ajax({
- type: 'DELETE',
- dataType: 'json',
- url: `/apis/${Theme.moments.api}/v1alpha1/moments/`+pid,
- contentType: "application/json",
- beforeSend: function () {
- cocoMessage.info('处理中..');
- },
- success: function (data) {
- cocoMessage.success('删除成功');
- setTimeout(()=>{
- $(`#post-${pid}`)[0].remove()
- },1000)
- },
- error: function (request) {
- if(request.status){
- cocoMessage.error('瞬间不存在或已删除');
- }else{
- cocoMessage.error('删除失败');
- }
- console.log(request)
- },
- });
- } else {
- return false;
- }
-
-});
-
-//置顶片刻
-$('body').on('click', '.sticky_btn', function() {
- var pid = $(this).parent().attr('pid');
- var stick = $(this).hasClass('stick');
- if(stick){
- var state = 'stick';
- } else {
- var state = 'unstick';
- }
- var msg = "确定执行此操作?";
- if (confirm(msg)==true){
- $.ajax({
- type: 'POST',
- dataType: 'json',
- url: Theme.ajaxurl,
- data: {
- 'action':'stick_moment',
- pid:pid,
- state:state
- },
- beforeSend: function () {
- cocoMessage.info('处理中..');
- },
- success: function (data) {
- if(data.state == '1'){
- cocoMessage.success(data.msg);
- if(data.type == 'stick'){
- var post_item = $('#post-'+pid+'.moment_item');
- post_item.remove();
- $('.moment_list').prepend(post_item.prop('outerHTML'));
- $('#post-'+pid+'.moment_item').find('.post_footer_meta .right').prepend(' TOP');
- $('#post-'+pid+'.moment_item').find('.post_control').remove();
- } else {
- $('#post-'+pid+'.moment_item').find('.sticky_icon').remove();
- }
-
- } else {
- cocoMessage.error('操作失败');
- }
- }
- });
- } else {
- return false;
- }
-
-});
-
-//编辑片刻
-$('body').on('click', '.control_edit_post', function() {
- $('.t_media_item').remove();
- $('#moment_audio_api').remove();
- var pid = $(this).parent().attr('pid');
- $('.push_item').html('更新');
- $('.push_item').attr('pid',pid).attr('action','update')
- $.ajax({
- type: 'GET',
- url: `/apis/${Theme.moments.api}/v1alpha1/moments/`+pid,
- beforeSend: function () {
- cocoMessage.info('数据拉取中');
- //$('.t_form').before('');
- },
- success: function (data) {
- $('.push_item').attr('version',data.metadata.version)
- $('.push_item').attr('owner',data.spec.owner)
- $('.push_item').attr('releaseTime',data.spec.releaseTime)
- //发布状态
- if(data.spec.visible == 'PRIVATE'){
- $(".simi a").html('').attr('visible','PRIVATE');
- $(".simi a").children().css({"background":"#ddd","color":"#c6c6c6"});
- } else {
- $(".simi a").html('').attr('visible','PUBLIC');
- $(".simi a").children().css({"background":"#e3efe7","color":"#66c187"});
- }
- var medium = data.spec.content.medium;
- var tags = data.spec.tags
- if(medium.length > 0){
- var type = medium[0].type;
- }
- let content = data.spec.content.html;
- if(content == null){
- content = '';
- }else{
-
- // 创建一个新的HTML解析器对象
- var parser = new DOMParser();
- // 解析HTML字符串并获取根元素
- var doc = parser.parseFromString(content, 'text/html');
- // 获取根元素下的所有子元素
- var elements = doc.body.childNodes;
- // 需要删除的链接元素的条件
- var conditions = doc.querySelectorAll('p > a.tag');
- // 遍历子元素并删除特定段落元素和链接元素
- for (var i = 0; i < conditions.length; i++) {
- for (var j = 0; j < elements.length; j++) {
- if (elements[j].nodeName === 'P' && elements[j].querySelector('a.tag')) {
- elements[j].parentNode.removeChild(elements[j]);
- }
- }
- content = doc.body.innerHTML;
- }
- }
-
- $('#topic_content').val(content);
- if(tags.length > 0){
- $('.t_cat_toogle span').text(tags[0]);
- }
-
- if(data.metadata.annotations?.mylocal!=null && data.metadata.annotations?.mylocal!='') {
- $('.loca_text').text(data.metadata.annotations?.mylocal);
- }
-
- switch(type)
- {
- case "PHOTO":
- //if(data.moment_data.length > 0){ 文字片刻没有数据
- edit_image(data);
- //}
- break;
- case "POST":
- edit_card(data);
- break;
- case "AUDIO":
- edit_audio(data);
- break;
- case "VIDEO":
- edit_video(data);
- break;
- }
- cocoMessage.success('拉取完成');
- }
- });
-});
-
-//发布片刻重置
-$('body').on('click', '.normal_edit,.center .mobile_edit', function() {
- $('.push_item').attr('action','push').html('发布');
- $('.moment_image_type a').click();
- $(".simi a").html('').attr('visible','PUBLIC');
- $(".simi a").children().css({"background":"#e3efe7","color":"#66c187"});
- $('#topic_content').val('');
- const mylocalValue = getCookie('mylocal');
- $(".loca_text").html(mylocalValue).attr("state",'1');
- $('.t_media_item').remove();
-});
-
-//编辑片刻类型------------------------------------------------------------------------------
-function edit_image(data){
- var m_data = data.spec.content.medium;
- $('.t_media_item').remove();
- $('.moment_image_type a').click();
- if(m_data.length > 0){
- var new_data = m_data.reverse();
- $.each(new_data, function(index, value) {
- var thum = value.url;
- var src = value.url;
- var type = value.originType;
- var media = `';
- $(".img_show").prepend(media);
- });
- }
-}
-
-function edit_video(data){
- var m_data = data.spec.content.medium[0];
- var type = m_data.originType;
- //var url = m_data.url;
- $('.moment_video_type a').click();
-
- var add = setInterval(function() {
- if(type != 'video/bili'){
- var url = m_data.url;
-
- $('input#moment_video_url').val(url);
- if(url !== ''){
- $('.m_media_left i').remove();
- $('.m_media_left').append('
');
- }
-
- } else if(type == 'video/bili') {
- if($('.video_choose').length > 0){
- var bvid = m_data.url;
- UIkit.switcher('.video_choose').show(1);
- $('input#moment_video_bili').val(bvid);
- }
-
- }
-
- if($('.edit_video_box').length == 1){
- clearInterval(add);
- }
-
- }, 100);
-}
-
-function edit_audio(data){
- var m_data = data.spec.content.medium[0];
- var type = m_data.originType;
- $('.moment_audio_type a').click();
- var add = setInterval(function() {
- if(type == 'audio/netease' || type == 'audio/tencent' || type == 'audio/kugou' || type == 'audio/kuwo'){
- var result = type.substring(type.indexOf("audio/") + 6);
- if($('.audio_choose').length > 0){
- var n_id = m_data.url;
- var index = $('.audio_choose li.'+result+'').index();
- UIkit.switcher('.audio_choose').show(index);
- $('.edit_audio_box .tips').text('# 请输入歌曲ID');
- $('.'+result+'_audio').append('');
- $('input#moment_audio_api').val(n_id);
- }
- } else {
- var index = $('.audio_choose li.local').index();
- UIkit.switcher('.audio_choose').show(index);
- var url = m_data.url;
- $('.edit_audio_box .tips').text('# 请插入歌曲外链');
- $('input#moment_audio_url').val(url);
- }
- if($('.edit_audio_box').length == 1){
- clearInterval(add);
- }
-
- }, 100);
-}
-
-function edit_card(data) {
- var m_data = data.spec.content.medium;
- $('.card_sortble .moment_card_item').remove();
- $('.moment_card_type a').click();
- var pid = data.metadata.name;
- var card_list = $("#post-"+pid+"").find('.moment_card_item');
- var add = setInterval(function() {
- $('.show_card').show();
- $.each(m_data, function(index, value) {
- var srcValue = card_list.eq(index).find('img').attr('src');
- var h4Text = card_list.eq(index).find('h4').text();
- $('.card_sortble').append(getcard(value.url,srcValue,h4Text,value.originType));
- });
- if($('.edit_card_box').length == 1){
- clearInterval(add);
- }
- }, 100);
-}
-
+main_content = $('.moment_type_main');
+function remove_image_temp(){
+ if(!$('.image_edit_temp .add_img_box').length > 0){
+ var temp = $('.add_img_box');
+ $('.image_edit_temp').html(temp);
+ }
+ main_content.empty();
+}
+
+function back_image_temp(){
+ var temp = $('.add_img_box');
+ main_content.html(temp);
+ $('.image_edit_temp').empty();
+}
+
+//发布卡片
+$('body').on('click', '.moment_card_type a', function () {
+ $('.push_item').attr('type', 'card');
+ main_content = $('.moment_type_main');
+ if ($('.add_card_box').length > 0) {
+ return false;
+ }
+ remove_image_temp();
+ main_content.html('');
+ $('.moment_type_main .loading_box').remove();
+ main_content.append(
+ `
+
+
+
# 输入别名或者标题,自动生成链接卡片 支持文章, 页面等网址
+
+
+
+
`);
+});
+$('body').on('click', '.edit_content .push_card', function () {
+ var card_url = $('.edit_card_box .edit_content input').val();
+ var num = $('.card_sortble .moment_card_item').length;
+ if (num > 2) {
+ cocoMessage.error('最多插入3个卡片');
+ $('.edit_card_box .edit_content input').val('');
+ return false;
+ }
+ var c_type = $('.card_choose .uk-active a').attr('c_type');
+ switch (c_type) {
+ case "post":
+ card_post(card_url);
+ break;
+ case "page":
+ edit_page(card_url);
+ break;
+ }
+});
+
+function card_post(card_url){
+ $.ajax({
+ type: 'GET',
+ url: `/apis/api.console.halo.run/v1alpha1/posts?keyword=${card_url}&labelSelector=content.halo.run%2Fdeleted%3Dfalse&page=1&size=20`,
+ beforeSend: function () {
+ cocoMessage.info('生成中...');
+ },
+ success: function (data) {
+ $('.edit_card_box .edit_content input').val('');
+ if (data.total > 0) {
+ if(data.total>1){
+ cocoMessage.error('当前搜索的文章有多个无法选择');
+ }else{
+ var item = data.items[0]
+ $('.show_card').show();
+ $('.card_sortble').append(getcard(item.post.metadata.name,item.post.spec.cover,item.post.spec.title,'post'));
+ cocoMessage.success('已生成卡片');
+ }
+
+ } else {
+ cocoMessage.error('文章不存在');
+ }
+
+ }
+ });
+}
+
+
+function edit_page(card_url){
+ $.ajax({
+ type: 'GET',
+ url: `/apis/api.console.halo.run/v1alpha1/singlepages?keyword=${card_url}&labelSelector=content.halo.run%2Fdeleted%3Dfalse&page=1&size=20`,
+ beforeSend: function () {
+ cocoMessage.info('生成中...');
+ },
+ success: function (data) {
+ $('.edit_card_box .edit_content input').val('');
+ if (data.total > 0) {
+ if(data.total>1){
+ cocoMessage.error('当前搜索的页面有多个无法选择');
+ }else{
+ var item = data.items[0]
+ $('.show_card').show();
+ $('.card_sortble').append(getcard(item.page.metadata.name,item.page.spec.cover,item.page.spec.title,'page'));
+ cocoMessage.success('已生成卡片');
+ }
+
+ } else {
+ cocoMessage.error('页面不存在');
+ }
+
+ }
+ });
+}
+
+function getcard(name,cover,title,type){
+
+ return ``
+}
+
+$(document).on('click', '.de_card', function() {
+ var msg = "确认删除此卡片?";
+ var num = $('.moment_card_item').length;
+ if (confirm(msg)==true){
+ $(this).parents('.moment_card_item').remove();
+ } else {
+ return false;
+ }
+
+ if(num == 1){
+ $(".show_card").hide();
+ }
+});
+
+//图文编辑 返回图文编辑区域
+$('body').on('click', '.moment_image_type a', function() {
+ back_image_temp();
+ $('.push_item').attr('type','image');
+});
+
+//发布音乐--------------------------------------------------------------
+$('body').on('click', '.moment_audio_type a', function() {
+ $('.push_item').attr('type','audio');
+ main_content = $('.moment_type_main');
+ if($('.add_audio_box').length > 0){
+ return false;
+ }
+ remove_image_temp();
+ main_content.append(
+ ``);
+});
+
+//音乐和视频上传
+$(document).on('change','#moment_img_up',function(){
+ if($('#moment_img_up').val() == '')
+ return;
+ var f = this.files[0];
+ var formData = new FormData();
+ formData.append('file',f);
+ const policyName = Theme.moments.policy_name;
+ const groupName = Theme.moments.group_name;
+ policyName && formData.append('policyName',policyName)
+ groupName && formData.append('groupName',groupName)
+
+ $.ajax({
+ type: "POST",
+ url: `${Theme.moments.attachments_upload_api}`,
+ dataType: 'json',
+ data: formData,
+ processData : false,
+ contentType : false,
+ beforeSend: function () {
+ cocoMessage.info('上传中...');
+ $('.m_media_left i').remove();
+ $('.m_media_left').append("");
+ var imged = $('.m_media_left img');
+ if(imged.length > 0){
+ imged.remove();
+ }
+ },
+ success: function(data){
+ var thum = data.metadata.annotations["storage.halo.run/uri"] || data.metadata.annotations["storage.halo.run/external-link"]
+ $('.m_media_left .up_loading').remove();
+ $('.m_media_left').append('
');
+ cocoMessage.success('上传成功');
+ $('input#moment_video_url').val(thum)
+ }
+ });
+});
+
+$('body').on('click', '.audio_choose a', function() {
+ var text = '# 请插入封面,歌名以及歌曲外链';
+ var type = $(this).attr('au_type');
+ if(type != 'local'){
+ var text = '# 请输入歌曲ID';
+ }
+ $('.edit_audio_box .tips').text(text);
+});
+
+//发布视频--------------------------------------------------------------
+$('body').on('click', '.moment_video_type a', function() {
+ $('.push_item').attr('type','video');
+ main_content = $('.moment_type_main');
+ if($('.add_video_box').length > 0){
+ return false;
+ }
+ remove_image_temp();
+ main_content.html('');
+ $('.moment_type_main .loading_box').remove();
+ main_content.append(
+ ``);
+
+});
+
+$('body').on('click', '.video_choose a', function() {
+ var text = '# 请上传视频或填写视频外链';
+ var type = $(this).attr('vi_type');
+ if(type == 'bili'){
+ var text = '# 请输入B站视频bvid';
+ }
+ $('.edit_video_box .tips').text(text);
+});
+
+//图文类型
+//$('body').on('click', '.moment_video_type a', function() {
+
+//});
+
+//删除片刻文章
+$('body').on('click', '.control_delete_post', function() {
+ var pid = $(this).parent().attr('pid');
+
+ var msg = "确定删除瞬间?";
+ if (confirm(msg)==true){
+ $.ajax({
+ type: 'DELETE',
+ dataType: 'json',
+ url: `/apis/${Theme.moments.api}/v1alpha1/moments/`+pid,
+ contentType: "application/json",
+ beforeSend: function () {
+ cocoMessage.info('处理中..');
+ },
+ success: function (data) {
+ cocoMessage.success('删除成功');
+ setTimeout(()=>{
+ $(`#post-${pid}`)[0].remove()
+ },1000)
+ },
+ error: function (request) {
+ if(request.status){
+ cocoMessage.error('瞬间不存在或已删除');
+ }else{
+ cocoMessage.error('删除失败');
+ }
+ console.log(request)
+ },
+ });
+ } else {
+ return false;
+ }
+
+});
+
+//置顶片刻
+$('body').on('click', '.sticky_btn', function() {
+ var pid = $(this).parent().attr('pid');
+ var stick = $(this).hasClass('stick');
+ if(stick){
+ var state = 'stick';
+ } else {
+ var state = 'unstick';
+ }
+ var msg = "确定执行此操作?";
+ if (confirm(msg)==true){
+ $.ajax({
+ type: 'POST',
+ dataType: 'json',
+ url: Theme.ajaxurl,
+ data: {
+ 'action':'stick_moment',
+ pid:pid,
+ state:state
+ },
+ beforeSend: function () {
+ cocoMessage.info('处理中..');
+ },
+ success: function (data) {
+ if(data.state == '1'){
+ cocoMessage.success(data.msg);
+ if(data.type == 'stick'){
+ var post_item = $('#post-'+pid+'.moment_item');
+ post_item.remove();
+ $('.moment_list').prepend(post_item.prop('outerHTML'));
+ $('#post-'+pid+'.moment_item').find('.post_footer_meta .right').prepend(' TOP');
+ $('#post-'+pid+'.moment_item').find('.post_control').remove();
+ } else {
+ $('#post-'+pid+'.moment_item').find('.sticky_icon').remove();
+ }
+
+ } else {
+ cocoMessage.error('操作失败');
+ }
+ }
+ });
+ } else {
+ return false;
+ }
+
+});
+
+//编辑片刻
+$('body').on('click', '.control_edit_post', function() {
+ $(".loca_text").empty().attr("state",'0');
+ $(".loca_text").attr("uk-tooltip", "title:获取位置; pos: top; offset:2;");
+ $('.moment_image_type a').click();
+ $('#topic_content').val('');
+ $(".simi a").html('').attr('visible','PUBLIC');
+ $(".simi a").children().css({"background":"#e3efe7","color":"#66c187"});
+ $('.t_media_item').remove();
+ $('#moment_audio_api').remove();
+ var pid = $(this).parent().attr('pid');
+ $('.push_item').html('更新');
+ $('.push_item').attr('pid',pid).attr('action','update')
+ $.ajax({
+ type: 'GET',
+ url: `/apis/${Theme.moments.api}/v1alpha1/moments/`+pid,
+ beforeSend: function () {
+ cocoMessage.info('数据拉取中');
+ //$('.t_form').before('');
+ },
+ success: function (data) {
+ $('.push_item').attr('version',data.metadata.version)
+ $('.push_item').attr('owner',data.spec.owner)
+ $('.push_item').attr('releaseTime',data.spec.releaseTime)
+ //发布状态
+ if(data.spec.visible == 'PRIVATE'){
+ $(".simi a").html('').attr('visible','PRIVATE');
+ $(".simi a").children().css({"background":"#ddd","color":"#c6c6c6"});
+ } else {
+ $(".simi a").html('').attr('visible','PUBLIC');
+ $(".simi a").children().css({"background":"#e3efe7","color":"#66c187"});
+ }
+ var medium = data.spec.content.medium;
+ var tags = data.spec.tags
+ if(medium.length > 0){
+ var type = medium[0].type;
+ }
+ let content = data.spec.content.html;
+ if(content == null){
+ content = '';
+ }else{
+
+ // 创建一个新的HTML解析器对象
+ var parser = new DOMParser();
+ // 解析HTML字符串并获取根元素
+ var doc = parser.parseFromString(content, 'text/html');
+ // 获取根元素下的所有子元素
+ var elements = doc.body.childNodes;
+ // 需要删除的链接元素的条件
+ var conditions = doc.querySelectorAll('p > a.tag');
+ // 遍历子元素并删除特定段落元素和链接元素
+ for (var i = 0; i < conditions.length; i++) {
+ for (var j = 0; j < elements.length; j++) {
+ if (elements[j].nodeName === 'P' && elements[j].querySelector('a.tag')) {
+ elements[j].parentNode.removeChild(elements[j]);
+ }
+ }
+ content = doc.body.innerHTML;
+ }
+ }
+
+ $('#topic_content').val(content);
+ if(tags.length > 0){
+ $('.t_cat_toogle span').text(tags[0]);
+ }
+
+ if(data.metadata.annotations?.mylocal!=null && data.metadata.annotations?.mylocal!='') {
+ $('.loca_text').text(data.metadata.annotations?.mylocal);
+ }
+
+ switch(type)
+ {
+ case "PHOTO":
+ //if(data.moment_data.length > 0){ 文字片刻没有数据
+ edit_image(data);
+ //}
+ break;
+ case "POST":
+ edit_card(data);
+ break;
+ case "AUDIO":
+ edit_audio(data);
+ break;
+ case "VIDEO":
+ edit_video(data);
+ break;
+ }
+ cocoMessage.success('拉取完成');
+ }
+ });
+});
+
+//发布片刻重置
+$('body').on('click', '.normal_edit,.center .mobile_edit', function() {
+ $('.push_item').attr('action','push').html('发布');
+ $('.moment_image_type a').click();
+ $(".simi a").html('').attr('visible','PUBLIC');
+ $(".simi a").children().css({"background":"#e3efe7","color":"#66c187"});
+ $('#topic_content').val('');
+ $(".loca_text").empty().attr("state",'0');
+ $('#set_local, [name="set_local"]').val('');
+ $('.t_media_item').remove();
+ $('.t_cat_toogle span').text('叽里咕噜');
+});
+
+//编辑片刻类型(已兼容图片+视频)------------------------------------------------------------------------------
+function edit_image(data){
+ var m_data = data.spec.content.medium;
+ $('.t_media_item').remove();
+ $('.moment_image_type a').click();
+
+ if(m_data && m_data.length > 0){
+ // reverse() 是为了配合 prepend,确保显示顺序与发布时一致
+ var new_data = [...m_data].reverse();
+
+ $.each(new_data, function(index, value) {
+ var src = value.url;
+ var type = value.originType || ""; // 获取 MIME 类型
+ var mediaInnerHtml = '';
+
+ // --- 核心逻辑:判定是否为视频 ---
+ // 1. 检查 MIME 类型是否以 video/ 开头
+ // 2. 检查文件名后缀是否为常见的视频格式(防止 originType 丢失的情况)
+ var isVideo = type.startsWith('video/') ||
+ src.toLowerCase().endsWith('.mp4') ||
+ src.toLowerCase().endsWith('.webm') ||
+ src.toLowerCase().endsWith('.mov');
+
+ if (isVideo) {
+ // 如果是视频,使用 video 标签预览
+ mediaInnerHtml = ``;
+ } else {
+ // 如果是图片,保持原有的 img 标签
+ mediaInnerHtml = `
`;
+ }
+
+ // 构建外层容器
+ var media = ``;
+
+ $(".img_show").prepend(media);
+ });
+ }
+}
+
+function edit_video(data){
+ var m_data = data.spec.content.medium[0];
+ var type = m_data.originType;
+ //var url = m_data.url;
+ $('.moment_video_type a').click();
+
+ var add = setInterval(function() {
+ if(type != 'video/bili'){
+ var url = m_data.url;
+
+ $('input#moment_video_url').val(url);
+ if(url !== ''){
+ $('.m_media_left i').remove();
+ $('.m_media_left').append('
');
+ }
+
+ } else if(type == 'video/bili') {
+ if($('.video_choose').length > 0){
+ var bvid = m_data.url;
+ UIkit.switcher('.video_choose').show(1);
+ $('input#moment_video_bili').val(bvid);
+ }
+
+ }
+
+ if($('.edit_video_box').length == 1){
+ clearInterval(add);
+ }
+
+ }, 100);
+}
+
+function edit_audio(data){
+ var m_data = data.spec.content.medium[0];
+ var type = m_data.originType;
+ $('.moment_audio_type a').click();
+ var add = setInterval(function() {
+ if(type == 'audio/netease' || type == 'audio/tencent' || type == 'audio/kugou' || type == 'audio/kuwo'){
+ var result = type.substring(type.indexOf("audio/") + 6);
+ if($('.audio_choose').length > 0){
+ var n_id = m_data.url;
+ var index = $('.audio_choose li.'+result+'').index();
+ UIkit.switcher('.audio_choose').show(index);
+ $('.edit_audio_box .tips').text('# 请输入歌曲ID');
+ $('.'+result+'_audio').append('');
+ $('input#moment_audio_api').val(n_id);
+ }
+ } else {
+ var index = $('.audio_choose li.local').index();
+ UIkit.switcher('.audio_choose').show(index);
+ var url = m_data.url;
+ $('.edit_audio_box .tips').text('# 请插入歌曲外链');
+ $('input#moment_audio_url').val(url);
+ }
+ if($('.edit_audio_box').length == 1){
+ clearInterval(add);
+ }
+
+ }, 100);
+}
+
+function edit_card(data) {
+ var m_data = data.spec.content.medium;
+ $('.card_sortble .moment_card_item').remove();
+ $('.moment_card_type a').click();
+ var pid = data.metadata.name;
+ var card_list = $("#post-"+pid+"").find('.moment_card_item');
+ var add = setInterval(function() {
+ $('.show_card').show();
+ $.each(m_data, function(index, value) {
+ var srcValue = card_list.eq(index).find('img').attr('src');
+ var h4Text = card_list.eq(index).find('h4').text();
+ $('.card_sortble').append(getcard(value.url,srcValue,h4Text,value.originType));
+ });
+ if($('.edit_card_box').length == 1){
+ clearInterval(add);
+ }
+ }, 100);
+}
+
diff --git a/templates/assets/js/pix.js b/templates/assets/js/pix.js
index 255e228..891a20c 100644
--- a/templates/assets/js/pix.js
+++ b/templates/assets/js/pix.js
@@ -1,217 +1,217 @@
-var pix = {
-
-
- /**
- * 页面運行時間
- */
- addRuntime: function () {
- const $runtimeCount = document.getElementById('runtimeshow');
- if ($runtimeCount) {
- var s1 = $runtimeCount.innerText;//建站时间
- if (s1) {
- s1 = new Date(s1.replace(/-/g, "/"));
- s2 = new Date();
- var days = s2.getTime() - s1.getTime();
- var number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
- $runtimeCount.innerText = number_of_days + '天';
- }
- }
- },
-
- loadLightbox: function () {
- /**
- * fancybox
- */
- const addFancybox = function (ele) {
- const runFancybox = (ele) => {
- ele.each(function (i, o) {
- const $this = $(o)
- const lazyloadSrc = $this.attr('data-src') || $this.attr('src')
- const dataCaption = $this.attr('alt') || ''
- $this.wrap(``)
- })
- }
-
- runFancybox($(ele))
- }
- const $fancyboxEle = document.querySelectorAll('.single-content :not(a) > img,.single-content > img')
- if ($fancyboxEle.length > 0) {
- addFancybox($fancyboxEle)
- }
-
- },
-
- initTopBar: function () {
- let topBar = $('#masthead .top_bar');
- var placeholder = document.querySelector('#masthead .uk-sticky-placeholder');
- var width = $('#masthead').width();
- var height = '71.9979px;'
- if (window.innerWidth < 960) {
- if (window.innerWidth <= 540) {
- height = '63.9957px'
- }
- topBar.addClass('uk-sticky-fixed').css({ "width": width, "top": '0px', "position": "fixed" });
- $('#masthead .uk-sticky-placeholder').css({ "width": width, "height": height, "margin": "0px" });
- placeholder.hidden = false;
- } else {
- topBar.removeAttr("style");
- $('#masthead .uk-sticky-placeholder').css({ "width": width, "height": '71.9979px;', "margin": "0px" });
- placeholder.hidden = true;
- }
- },
-
-
- getMsg: function () {
- var com_msg_btn = $('.com_msg_btn')
- var msg_modal_inner = $('.msg_modal_inner')
- let username = Theme.username
- var f_unread_num = 0;
- if (com_msg_btn.length > 0) {
- $.ajax({
- type: "get",
- url: `/apis/api.notification.halo.run/v1alpha1/userspaces/${username}/notifications?fieldSelector=spec.unread=true`,
- success: function (res) {
- if (res.total == 0) {
- $('.f_unread_num').remove();
- }else {
- f_unread_num = res.total
- com_msg_btn.append(`${res.total}`);
- }
- if (msg_modal_inner.length > 0) {
- $.ajax({
- type: "get",
- url: `/apis/api.notification.halo.run/v1alpha1/userspaces/${username}/notifications?page=1&size=10`,
- success: function (res) {
- var data = res.items
- if (data.length > 0) {
- var unread_box = `
-
-
# 您有${f_unread_num}条未读消息 #
-
查看全部
-
- `
- var read_box = `
-
- `
- var unreadSum = 0
- data.forEach((e => {
- if (e.spec.unread) {
- unreadSum = unreadSum + 1;
- unread_box += `
-
-
-
标记为已读
-
- ${e.spec.htmlContent}
-
-
- `
- } else {
- read_box += `
-
-
-
- ${e.spec.htmlContent}
-
-
- `
- }
- }
- ))
- unread_box += `
`
- read_box += `
只显示最新10条未读和已读信息
`
- msg_modal_inner.html(unread_box + read_box)
-
- } else {
- msg_modal_inner.html(`
- # 暂无消息 #
- 只显示最新10条未读和已读信息
- `)
- }
- },
- error: function () {
- msg_modal_inner.html(`
- # 暂无消息 #
- 只显示最新10条未读和已读信息
- `)
-
- },
- });
- }
- }
- });
-
- }
-
- },
-
-
- initGalleryPhotos: function () {
- var galleryPhotos = document.querySelectorAll('.gallery-photos .gallery-photo');
- if (galleryPhotos.length > 0) {
- // 瀑布流排版
- imgStatus.watch('.photo-img', () => {
- waterfall('.gallery-photos');
- });
- }
-
- },
-
- topCategoriesBarScroll: function () {
- if (document.getElementById("cat_nav_items")) {
- let xscroll = document.getElementById("cat_nav_items");
- xscroll.addEventListener("mousewheel", function (e) {
- //计算鼠标滚轮滚动的距离
- let v = -e.wheelDelta / 2;
- xscroll.scrollLeft += v;
- //阻止浏览器默认方法
- e.preventDefault();
- }, false);
- }
- },
-
- topTableBarScroll: function () {
- var tables = document.querySelectorAll('.single-content table')
- if (tables.length>0) {
- tables.forEach(function (xscroll) {
- xscroll.addEventListener("mousewheel", function (e) {
- //计算鼠标滚轮滚动的距离
- let v = -e.wheelDelta / 2;
- xscroll.scrollLeft += v;
- //阻止浏览器默认方法
- e.preventDefault();
- }, false);
- })
- }
- },
-
- //处理瞬间权限
- roleMoments: async function () {
- const response = await fetch(`/apis/api.console.halo.run/v1alpha1/users/-`);
- const data = await response.json();
- var roles = data.roles;
-
- if(roles.length>0) {
- var name = roles[0].metadata.name
- if(name != 'super-role') {
- let dependencies = roles[0].metadata.annotations["rbac.authorization.halo.run/dependencies"]
- if(dependencies != undefined) {
- var targetRoles = ["role-template-uc-moments-approved","role-template-uc-moments-publish"]
- const result = targetRoles.some(r => dependencies.includes(r));
- if(!result) {
- $('.normal_edit').remove();
- }
- }else {
- $('.normal_edit').remove();
- }
- }
-
- }
- },
+var pix = {
+
+
+ /**
+ * 页面運行時間
+ */
+ addRuntime: function () {
+ const $runtimeCount = document.getElementById('runtimeshow');
+ if ($runtimeCount) {
+ var s1 = $runtimeCount.innerText;//建站时间
+ if (s1) {
+ s1 = new Date(s1.replace(/-/g, "/"));
+ s2 = new Date();
+ var days = s2.getTime() - s1.getTime();
+ var number_of_days = parseInt(days / (1000 * 60 * 60 * 24));
+ $runtimeCount.innerText = number_of_days + '天';
+ }
+ }
+ },
+
+ loadLightbox: function () {
+ /**
+ * fancybox
+ */
+ const addFancybox = function (ele) {
+ const runFancybox = (ele) => {
+ ele.each(function (i, o) {
+ const $this = $(o)
+ const lazyloadSrc = $this.attr('data-src') || $this.attr('src')
+ const dataCaption = $this.attr('alt') || ''
+ $this.wrap(``)
+ })
+ }
+
+ runFancybox($(ele))
+ }
+ const $fancyboxEle = document.querySelectorAll('.single-content :not(a) > img,.single-content > img')
+ if ($fancyboxEle.length > 0) {
+ addFancybox($fancyboxEle)
+ }
+
+ },
+
+ initTopBar: function () {
+ let topBar = $('#masthead .top_bar');
+ var placeholder = document.querySelector('#masthead .uk-sticky-placeholder');
+ var width = $('#masthead').width();
+ var height = '71.9979px;'
+ if (window.innerWidth < 960) {
+ if (window.innerWidth <= 540) {
+ height = '63.9957px'
+ }
+ topBar.addClass('uk-sticky-fixed').css({ "width": width, "top": '0px', "position": "fixed" });
+ $('#masthead .uk-sticky-placeholder').css({ "width": width, "height": height, "margin": "0px" });
+ placeholder.hidden = false;
+ } else {
+ topBar.removeAttr("style");
+ $('#masthead .uk-sticky-placeholder').css({ "width": width, "height": '71.9979px;', "margin": "0px" });
+ placeholder.hidden = true;
+ }
+ },
+
+
+ getMsg: function () {
+ var com_msg_btn = $('.com_msg_btn')
+ var msg_modal_inner = $('.msg_modal_inner')
+ let username = Theme.username
+ var f_unread_num = 0;
+ if (com_msg_btn.length > 0) {
+ $.ajax({
+ type: "get",
+ url: `/apis/api.notification.halo.run/v1alpha1/userspaces/${username}/notifications?fieldSelector=spec.unread=true`,
+ success: function (res) {
+ if (res.total == 0) {
+ $('.f_unread_num').remove();
+ }else {
+ f_unread_num = res.total
+ com_msg_btn.append(`${res.total}`);
+ }
+ if (msg_modal_inner.length > 0) {
+ $.ajax({
+ type: "get",
+ url: `/apis/api.notification.halo.run/v1alpha1/userspaces/${username}/notifications?page=1&size=10`,
+ success: function (res) {
+ var data = res.items
+ if (data.length > 0) {
+ var unread_box = `
+
+
# 您有${f_unread_num}条未读消息 #
+
查看全部
+
+ `
+ var read_box = `
+
+ `
+ var unreadSum = 0
+ data.forEach((e => {
+ if (e.spec.unread) {
+ unreadSum = unreadSum + 1;
+ unread_box += `
+
+
+
标记为已读
+
+ ${e.spec.htmlContent}
+
+
+ `
+ } else {
+ read_box += `
+
+
+
+ ${e.spec.htmlContent}
+
+
+ `
+ }
+ }
+ ))
+ unread_box += `
`
+ read_box += `
只显示最新10条未读和已读信息
`
+ msg_modal_inner.html(unread_box + read_box)
+
+ } else {
+ msg_modal_inner.html(`
+ # 暂无消息 #
+ 只显示最新10条未读和已读信息
+ `)
+ }
+ },
+ error: function () {
+ msg_modal_inner.html(`
+ # 暂无消息 #
+ 只显示最新10条未读和已读信息
+ `)
+
+ },
+ });
+ }
+ }
+ });
+
+ }
+
+ },
+
+
+ initGalleryPhotos: function () {
+ var galleryPhotos = document.querySelectorAll('.gallery-photos .gallery-photo');
+ if (galleryPhotos.length > 0) {
+ // 瀑布流排版
+ imgStatus.watch('.photo-img', () => {
+ waterfall('.gallery-photos');
+ });
+ }
+
+ },
+
+ topCategoriesBarScroll: function () {
+ if (document.getElementById("cat_nav_items")) {
+ let xscroll = document.getElementById("cat_nav_items");
+ xscroll.addEventListener("mousewheel", function (e) {
+ //计算鼠标滚轮滚动的距离
+ let v = -e.wheelDelta / 2;
+ xscroll.scrollLeft += v;
+ //阻止浏览器默认方法
+ e.preventDefault();
+ }, false);
+ }
+ },
+
+ topTableBarScroll: function () {
+ var tables = document.querySelectorAll('.single-content table')
+ if (tables.length>0) {
+ tables.forEach(function (xscroll) {
+ xscroll.addEventListener("mousewheel", function (e) {
+ //计算鼠标滚轮滚动的距离
+ let v = -e.wheelDelta / 2;
+ xscroll.scrollLeft += v;
+ //阻止浏览器默认方法
+ e.preventDefault();
+ }, false);
+ })
+ }
+ },
+
+ //处理瞬间权限
+ roleMoments: async function () {
+ const response = await fetch(`/apis/api.console.halo.run/v1alpha1/users/-`);
+ const data = await response.json();
+ var roles = data.roles;
+
+ if(roles.length>0) {
+ var name = roles[0].metadata.name
+ if(name != 'super-role') {
+ let dependencies = roles[0].metadata.annotations["rbac.authorization.halo.run/dependencies"]
+ if(dependencies != undefined) {
+ var targetRoles = ["role-template-uc-moments-approved","role-template-uc-moments-publish"]
+ const result = targetRoles.some(r => dependencies.includes(r));
+ if(!result) {
+ $('.normal_edit').remove();
+ }
+ }else {
+ $('.normal_edit').remove();
+ }
+ }
+
+ }
+ },
}
\ No newline at end of file
diff --git a/templates/assets/js/pixplayer.js b/templates/assets/js/pixplayer.js
index be7bb9b..4e4eb16 100644
--- a/templates/assets/js/pixplayer.js
+++ b/templates/assets/js/pixplayer.js
@@ -1,662 +1,692 @@
-/*
-* pix主题音乐播放器
-*/
-
-var rem=[];
-rem.audio = $('');
-
-var audiobox = $('');
-var au = $('#pix_player');
-var volume = 1;
-var loop = Theme.play.m_loop;
-var playlist = [];
-var post_playlist = [];
-var Paused = true;
-var playLrc = '';
-
-var m_cover = $('.player_mod .m_cover img');
-var m_title = $('.player_mod .m_info h2');
-var m_artist = $('.player_mod .m_info small');
-
-
-$(document).on('click','.play_btn',function(){
- $('.player_box').append(audiobox);
- $('.pix_player').removeClass('playing');
- $(this).parents('.pix_player').addClass('playing');
- var url = $(this).attr('data');
- var lrc = $(this).attr('lrc');
- var audio_s = $('#pix_player').attr('src');
- //var play = new Audio(url);
-
- var meta = $(this).siblings('.player_meta').find('.title');
- playLrc = lrc;
- m_title.text(meta.find('.name').text());
- m_artist.text(meta.find('.author').text());
- m_cover.attr('src',$('.pix_player.playing .player_thum img').attr('src'));
-
- if(audio_s == '' || audio_s !== url){
- $('#pix_player').attr('src',url);
- audiobox[0].play();
- } else {
- pasued();
- }
-
- $(".play_btn").html("");
-
- initAudio();
-});
-
-// 初始化函数
-function initAudio(){
-
- // 给音乐标签绑定事件之后所触发的函数
- audiobox[0].addEventListener("play",audioplay);
- audiobox[0].addEventListener("pause",audiopause);
- // timeupdate,代表音乐播放过程中只要发生变化就触发updateProcess
- audiobox[0].addEventListener("timeupdate",updateProcess);
- if(Theme.bgm_open == true){
- audiobox[0].addEventListener("ended",endplay);
- }
-}
-
-//音乐结束触发
-function endplay(){
- var index = $('.musci_list_box li.active').index() + 1;
- var max = $('.musci_list_box li').length;
- var new_mid = 0;
- if(loop=="one"){
- new_mid = index-1;
- }else if(loop=="none") {
- new_mid = (Math.floor(Math.random() * max) + 1)-1;
- }else if(loop=="all") {
- new_mid = index > (max - 1) ? 0 : index;
- }
- mulist_play(new_mid);
-}
-
-// 当音乐标签加载完成之后所触发的函数
-audiobox[0].oncanplay=function(){
- // 音乐的总时间
- var duration=handleTime(this.duration);
- // 音乐播放的当前时间
- var currenttime=handleTime(this.currentTime);
- $(".timer .total_time").text(duration);
- $(".timer .current_time").text(currenttime);
- initAudio();
-}
-
-// 音乐播放暂停的函数
-function pasued(){
- // paused,保存音乐播放和暂停的状态
- if(Paused === false){//音乐是一个播放状态
- audiobox[0].pause();
- }else{
- audiobox[0].play();
- }
-}
-
-// 音乐播放之后触发的函数
-function audioplay(){
- //var height = $('.footer_menu').height();
- var mheight = $('.footer_nav_box').height();
- $('.footer_nav_box').animate({top:-mheight},200,'linear');
- //music_bar.lock(false);//取消进度条的锁定
- Paused=false;//更新音乐的播放状态(暂停)
- $(".pix_player.playing .play_btn").html("");//暂停按钮
- $('.m_play').html('');
-}
-
-// 音乐暂停之后触发的函数
-function audiopause(){
- //music_bar.lock(true);//添加进度条的锁定
- Paused=true; //播放的状态
- $(".pix_player.playing .play_btn").html("");
- $('.m_play').html('');
-}
-
-// 更新进度条
-function updateProcess(){
- // 如果音乐不是暂停状态,则继续执行函数的代码块
- if(Paused!==false) return true;
- // 音乐的总时间
- var duration = handleTime(this.duration);
- // 音乐播放的当前时间
- var currenttime = handleTime(this.currentTime);
- var percent = audiobox[0].currentTime/audiobox[0].duration;
- $(".player_mod .player_bar .progress").css('width',(percent)*100+"%");
- $(".timer .total_time").text(duration);
- $(".timer .current_time").text(currenttime);
-}
-
-//循环歌曲 m_loop
-$(document).on('click','.m_loop',function(){
- if($(this).hasClass('all')){ // 如果当前是循环
- $(this).removeClass('all');
- $(this).addClass('one');
- $(this).html('');
- loop = 'one';
- }else if(($(this).hasClass('one'))){ // 如果当前是单曲循环
- $(this).removeClass('one');
- $(this).addClass('none');
- $(this).html('');
- loop = 'none';
- }else {
- $(this).removeClass('none');
- $(this).addClass('all');
- $(this).html('');
- loop = 'all';
- }
-});
-
-// 时间处理的函数
-function handleTime(seconedTime){
- // 定义一个变量保存分钟
- var minute=parseInt(seconedTime/60,10);
- if(minute<10){minute="0"+minute};
- //console.log(minute);
- // 定义变量存放秒数
- var second=(seconedTime-minute*60).toFixed(2).split(".")[0];
- //console.log(second);
- if(second<10){second="0"+second};
- var Time=minute+":"+second;
- // 返回最终的时间数值
- return Time;
-}
-
-//视频播放
-var video = $('#pix_video_player');
-$(document).on('click','.video_play_btn',function(){
- var video = $(this).siblings('#pix_video_player');
- video.attr('controls','controls'); //显示控制条
- $(this).remove(); //去除覆盖层
- video[0].play();
-});
-
-function stopOtherMedia(element) {
-
- $("video").not(element).each(function(index, video) {
- video.pause();
- });
-
-}
-
-
-
-
-//背景音乐
-function autoload_music() {
- var state = Theme.bgm_open;
- var api = `${Theme.play.pix_mu_api || 'https://api.i-meto.com/meting/api'}?server=:server&type=:type&id=:id&r=:r`
- var meta = {
- server : Theme.play.mu_source,
- type : Theme.play.mu_type,
- id : Theme.play.play_id,
- auth : ''
- }
- if(state == true){
- let url = api.replace(":server", meta.server).replace(":type", meta.type).replace(":id", meta.id).replace(":auth", meta.auth).replace(":r", Math.random());
- $.ajax({
- type: "get",
- url:url,
- success: function (res) {
- if(res.length > 0){
- var new_mid = 0;
- if(loop=="none") {
- new_mid = (Math.floor(Math.random() * res.length) + 1)-1;
- }
- var f = res[new_mid];
- var playnum = 1;
- //$(".m_play").html('');
-
- //默认播放第一首
- audiobox.attr('src',f.url);
- playLrc = f.lrc;
- $('.player_mod .m_cover img').attr('src',f.pic);
- $('.player_mod .m_info h2').text(f.title || f.name);
- $('.player_mod .m_info small').text(f.author || f.artist);
- $('.player_box').append(audiobox);
-
-
- //存储一个播放列表
- playlist.push(res);
-
- //插入播放列表
- $.each(res, function(key, data) {
- $(".musci_list_box").append('' + playnum++ + '. ' + (data.title || data.name) + ' - ' + (data.author || data.artist) + '');
- });
-
- $(".musci_list_box li").removeClass('active').eq(new_mid).addClass('active');
- //console.log(playlist);
- } else {
- $(".musci_list_box").append('背景音乐未设置
');
- }
-
- }
- });
- }
-
-}
-
-
-//播放选中音乐
-function mulist_play(index){
- audiobox[0].removeEventListener("play",audioplay);
- audiobox[0].removeEventListener("pause",audiopause);
- $(".pix_player.playing .play_btn").html("");
- $(".m_play").html('');
- $('.musci_list_box li').eq(index).addClass('active').siblings().removeClass('active');
- scrollToPosition(index);
- var data = playlist[0][index];
- playLrc = data.lrc;
- audiobox.attr('src',data.url);
- m_cover.attr('src',data.pic);
- m_title.text(data.title || data.name);
- m_artist.text(data.author || data.artist);
- audiobox[0].play();
-
- Paused = false;
-}
-
-//点击展开播放列表
-$(document).on('click', '.ri-bar-chart-horizontal-line', function () {
- var position = $('.musci_list_box li.active').index()
- // 延迟一段时间后进行滚动
- setTimeout(function () {
- if($('.m_list').attr('aria-expanded')){
- scrollToPosition(position)
- }
- }, 200); // 延迟100毫秒后执行滚动操作
-});
-
-//点击列表播放
-$(document).on('click','.musci_list_box li',function(){
- $('.musci_list_box li').removeClass('active');
- $(this).addClass('active');
- var id = $(this).attr('id');
- mulist_play(id)
-});
-
-//上一首
-$(document).on('click','.m_prev',function(){
- var index = $('.musci_list_box li.active').index() - 1;
- var max = $('.musci_list_box li').length;
- var new_mid = 0;
- if(loop=="none") {
- new_mid = (Math.floor(Math.random() * max) + 1)-1;
- }else {
- new_mid = index < 0 ? max - 1 : index;
- }
- mulist_play(new_mid);
-});
-
-//下一首
-$(document).on('click','.m_next',function(){
- var index = $('.musci_list_box li.active').index() + 1;
- var max = $('.musci_list_box li').length;
- var new_mid = 0;
- if(loop=="none") {
- new_mid = (Math.floor(Math.random() * max) + 1)-1;
- }else{
- new_mid = index > (max - 1) ? 0 : index;
- }
- mulist_play(new_mid);
-});
-
-
-//播放和暂停
-function m_play() {
-
- if(Paused === false){//音乐是一个播放状态
- audiobox[0].pause();
- $('.m_play').html('');
- Paused = true;
- }else{
- audiobox[0].play();
- $('.m_play').html('');
- Paused = false;
- }
-
-}
-
-//播放按钮
-$(document).on('click','.m_play',function(){
- if(!$("#pix_player").length > 0){
- cocoMessage.error('没有音乐可播放');
- return false;
- } else {
- m_play();
- }
-
-});
-
-/*
-document.addEventListener('click', musicPlay);
-function musicPlay() {
- audiobox[0].play();
- document.removeEventListener('click', musicPlay);
-}
-*/
-
-//触发显示播放器
-var trigger;
-function mu_box_show(){
- clearTimeout(trigger);
- var mheight = $('.footer_nav_box').height();
- $('.footer_nav_box').animate({top:-mheight},200,'linear');
-}
-
-function mu_box_hide(){
- $('.footer_nav_box').animate({top:"0px"},200,'linear');
-}
-
-$(document).on('mouseenter', '.player_hand , .footer_nav_box', function(event) {
- mu_box_show();
-
-});
-
-$(document).on('mouseleave', '.footer_nav_box .right_inner', function(event) {
-
- trigger = setTimeout(function(){
- mu_box_hide();
- },2000);
-
-});
-
-//音乐进度条跳转
-function getMousePosition(e){
- var e = e || window.event;
- var x = e.pageX;
- var y = e.pageY;
- return {'left':x,'top':y}
-}
-
-$(document).on('click','.player_bar',function(){
- // 获取当前鼠标点击的位置
- // console.log(getMousePosition().left)
- // console.log($('.progress').offset())
- var long = (getMousePosition().left) - ($('.progress').offset().left);
- // console.log(long)
- // 将当前点击的长度重新给p标签
- $('.progress').width(long);
- // 获得当前点击长度的时间
- allTime = parseInt(audiobox[0].duration);
- var nowtime = (long/$('.player_bar').width()) * allTime;
- audiobox[0].currentTime = nowtime;
-});
-
-
-//音量调节 m_volume
-$(document).on('click','.m_volume',function(){
- if($(this).hasClass('mute')){ // 如果当前是静音
- $(this).removeClass('mute');
- $(this).html('');
- audiobox[0].muted = false;
- }else{ // 如果当前不是静音
- $(this).addClass('mute');
- audiobox[0].muted = true;
- $(this).html('');
-
- }
-});
-
-$(document).on('click','.vo_bar',function(){
- var long = (getMousePosition().top) - ($(this).offset().top)
-
- var meter = long / $(this).height();
- var finalLong = 1 - meter;
-
- $('.vo_size').height(finalLong * $(this).height());
-
- // 将audio音量调整为对应的音量
- //var finalLong = volume;
- audiobox[0].volume = finalLong;
-
- // 改变数字
- //$('.vol b').html(parseInt(finalLong * 100) + '%')
-
- // 点击后音量调整键隐藏
- //$('.vol a').css('display','none')
-
-});
-
-//文章歌曲
-function autoload_posts_music() {
- post_playlist.splice(0,post_playlist.length);
- var pid = $('.posts_mu_list').attr('pid');
- var api = `${Theme.play.pix_mu_api || 'https://api.i-meto.com/meting/api'}?server=:server&type=:type&id=:id&r=:r`
- var meta = {
- server : $('.posts_mu_list').attr('mus_source'),
- type : $('.posts_mu_list').attr('mus_type'),
- id : $('.posts_mu_list').attr('plays_id'),
- mu_on: $('.posts_mu_list').attr('mu_on'),
- auth : ''
- }
- if(pid && meta.mu_on=='true'){
- let url = api.replace(":server", meta.server).replace(":type", meta.type).replace(":id", meta.id).replace(":auth", meta.auth).replace(":r", Math.random());
- $.ajax({
- type: "get",
- url:url,
- beforeSend: function () {
- $('.posts_mu_list').html('');
- },
- success: function (res) {
-
- if(res.length > 0){
- $('.posts_mu_list .loading_box').remove();
-
- var playnum = 1;
-
- if(!$('#pix_player').length > 0){
- $('.player_box').append(audiobox);
- }
-
-
- //存储一个播放列表
- post_playlist.push(res);
-
- //插入播放列表
- $.each(res, function(key, data) {
- $(".posts_mu_list").append('' + playnum++ + '
'+ (data.title || data.name) +' - ' + (data.author || data.artist) + '
');
-
- });
-
- //$(".musci_list_box li").removeClass('active').eq(0).addClass('active');
- }
-
- }
- });
- }
-
-}
-
-//文章歌曲播放
-$(document).on('click','.s_play_btn',function(){
- mu_box_show();
- $('.posts_mu_list li').removeClass('active');
- audiobox[0].removeEventListener("play",audioplay);
- audiobox[0].removeEventListener("pause",audiopause);
- $(".m_play").html('');
- $(this).parent().addClass('active');
-
- var id = $(this).parents('li').attr('id');
- var data = post_playlist[0][id];
- playLrc = data.lrc;
- audiobox.attr('src',data.url);
- m_cover.attr('src',data.pic);
- m_title.text(data.title || data.name);
- m_artist.text(data.artist || data.artist);
- audiobox[0].play();
-
- Paused = false;
-});
-
-//播放器按钮
-$(document).on('click','a.bg_music',function(){
- mu_box_show();
-});
-
-
-
-$(function () {
- autoload_music();
- autoload_posts_music();
-});
-
-//播放类型切换
-$(document).on('click','.audio_c_btn',function(){
- var type = $(this).attr('au_type');
- var input = $('');
- $('.type_audio_text').empty();
- $('.'+type+'_audio.type_audio_text').append(input);
-});
-
-
-$('.bg_lrc').click(function () {
- if (lyricsContainer.css('display') === 'none') {
- lyricsContainer.css('display', 'block');
- $('a.bg_lrc i').css({
- "color": "",
- });
- $('a.bg_lrc').css({
- "background": "",
- });
- } else {
- lyricsContainer.css('display', 'none');
- $('a.bg_lrc i').css({
- "color": "#aeaeae",
- });
- $('a.bg_lrc').css({
- "background": "rgb(196 208 230 / 38%)",
- });
- }
-});
-
-
-//创建容器
-if(Theme.play.lrc_open){
- var lyricsContainer = $('');
- $('.player_box').append(lyricsContainer);
- var css = $(window).width() > 767 ?
- {
- //桌面歌词css(按照下面格式自行修改)
- position: 'fixed',
- bottom: '10px',
- left: '2%',
- width: '350px',
- height: '100px',
- overflow: 'hidden',
- zIndex: '999',
- pointerEvents: 'none',
- } :
- {
- //移动端歌词css(按照下面格式自行修改)
- position: 'fixed',
- bottom: '88px',
- left: '0',
- width: '100%',
- height: '72px',
- textAlign: 'center',
- overflow: 'hidden',
- zIndex: '999',
- pointerEvents: 'none',
- };
- lyricsContainer.css(css);
-}
-
-var lyricsMap = {};
-
-// 获取歌词
-async function fetchLyrics(url) {
- if (!lyricsMap[url]) {
- var lrcOriginal = await $.get(url);
- lyricsMap[url] = parseLyrics(lrcOriginal);
- }
- return lyricsMap[url];
-}
-
-// 解析歌词
-function parseLyrics(lrcOriginal) {
- var lyrics = [];
- var lines = lrcOriginal.split("\n");
- for (var i = 0; i < lines.length; i++) {
- var line = lines[i];
- if (!line.trim()) {
- continue;
- }
- var timeAndText = line.split("]");
- var time = timeAndText[0].substr(1);
- var text = timeAndText[1];
- // 增加代码:如果歌词为空,跳过此次循环
- if (!text.trim()) {
- continue;
- }
- // 增加代码:把时间转换成秒
- var timeInSeconds = 0;
- var timeParts = time.split(":");
- timeInSeconds += parseInt(timeParts[0], 10) * 60 - 0.5;
- timeInSeconds += parseFloat(timeParts[1]);
- lyrics.push({
- time: timeInSeconds,
- text: text
- });
- }
- return lyrics;
-}
-
-// 更新歌词
-function updateLyrics(currentTime, lyrics) {
- for (var i = 0; i < lyrics.length; i++) {
- if (currentTime >= lyrics[i].time && (i === lyrics.length - 1 || currentTime < lyrics[i + 1].time)) {
- // 创建4行歌词
- // 防止数组i越界
- var currentLine3 = "";
- if (i - 1 >= 0 && typeof lyrics[i - 1].text === "string") {
- currentLine3 = lyrics[i - 1].text;
- }
- var currentLine = "";
- if (typeof lyrics[i].text === "string") {
- currentLine = lyrics[i].text;
- }
- var currentLine1 = "";
- if (i + 1 < lyrics.length && typeof lyrics[i + 1].text === "string") {
- currentLine1 = lyrics[i + 1].text;
- }
- var currentLine2 = "";
- if (i + 2 < lyrics.length && typeof lyrics[i + 2].text === "string") {
- currentLine2 = lyrics[i + 2].text;
- }
- //歌词文本css(修改style内的内容即可)
- lyricsContainer.html(`
-${currentLine3}
-${currentLine}
-${currentLine1}
-${currentLine2}
-`);
- // 增加代码:添加从下往上线性滚动的动画
- $('.current-line').animate({
- top: '-=30px'
- }, 2000, function () {
- $(this).css({
- top: '30px'
- });
- });
- }
- }
-}
-
-// 监听音频播放进度更新事件,更新歌词
-Theme.play.lrc_open && audiobox[0].addEventListener("timeupdate", async function () {
- var lyrics = await fetchLyrics(playLrc)
- updateLyrics(this.currentTime, lyrics);
-});
-
-// 根据选择的位置定位滚动条
-function scrollToPosition(position) {
- let container = document.getElementById("musci_list");
- let items = container.getElementsByClassName("item");
-
- if (position >= 0 && position < items.length) {
- items[position].scrollIntoView();
- }
-}
-
+/*
+* pix主题音乐播放器
+*/
+
+
+function updateMusicBtnColor(state) {
+ if (state === 'play') {
+ // 播放
+ $('.bg_music').css("background", "rgb(172, 202, 181)");
+ $('.bg_music i').css("color", "white");
+ } else if (state === 'pause') {
+ // 暂停
+ $('.bg_music').css("background", "#EBF2ED");
+ $('.bg_music i').css("color", "rgb(174, 174, 174)");
+ } else {
+ // 默认
+ $('.bg_music').css("background", "#EBF2ED");
+ $('.bg_music i').css("color", "rgb(174, 174, 174)");
+
+ // ✅ 初始化:隐藏歌词容器(真正关闭歌词功能)
+ if (Theme.play.lrc_open && typeof lyricsContainer !== 'undefined') {
+ lyricsContainer.css('display', 'none');
+ }
+
+ // ✅ 按钮样式置为关闭状态视觉
+ $('a.bg_lrc i').css("color", "#aeaeae");
+ $('a.bg_lrc').css("background", "#EBF2ED");
+
+ $('.t_dark.top_tool.icon_color').hide();
+ }
+}
+
+var rem=[];
+rem.audio = $('');
+
+var audiobox = $('