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("
" + 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) { - 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 = '
'; - media += ''; - media += ''; - 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 = '
    '; - media += ''; - media += '';//图片预览 - 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 = '
    '; - media += ''; - media += '';//图片预览 - 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 = `
    - -
    -
    -
    ${title}${author}
    -
    -
    -
    -
    - -
    `; - } 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("" + title + ""); -}); - -$(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 = `
    + + ${mediaInner} +
    `; + + $(".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 = `
    + + ${mediaPreview} +
    `; + + $(".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 = `
    + +
    +
    +
    ${title}${author}
    +
    +
    +
    +
    + +
    `; + } 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("" + title + ""); +}); + +$(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 `
    - -
    -
    -

    ${title}

    -
    -
    - -
    -
    ` -} - -$(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( - `
    -
    -
    -
  • 本地
  • -
  • B站
  • -
    -
    # 请上传视频或填写视频外链
    -
    -
    -
    - - -
    -
    -
    - -
    -
    -
    -
    - -
    -
    -
    -
    `); - -}); - -$('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 = `
    `; - media += ''; - media += '';//图片预览 - 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 `
    + +
    +
    +

    ${title}

    +
    +
    + +
    +
    ` +} + +$(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( + `
    +
    +
    +
  • 本地
  • +
  • B站
  • +
    +
    # 请上传视频或填写视频外链
    +
    +
    +
    + + +
    +
    +
    + +
    +
    +
    +
    + +
    +
    +
    +
    `); + +}); + +$('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 = `
    + + ${mediaInnerHtml} +
    `; + + $(".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 = $('