body { --mian-max-width: 1200px; --posts-card-scale: 70%; --posts-list-scale: 70%; --single-cover-scale: 35%; --theme-color: #f04494; --focus-color: var(--theme-color); --focus-shadow-color: rgba(253, 83, 161, 0.4); --key-color: #333; --main-color: #4e5358; --main-shadow: rgba(116, 116, 116, 0.08); --muted-color: #777; --muted-2-color: #999; --muted-3-color: #b1b1b1; --muted-4-color: #d2d2d2; --body-bg-color: #f5f6f7; --main-bg-color: #fff; --muted-bg-color: #eee; --main-border-color: rgba(50, 50, 50, 0.06); --muted-border-color: rgba(0, 0, 0, 0.03); --main-radius: 8px; --blur-bg: rgba(255, 255, 255, 0.8); --float-btn-bg: rgba(200, 200, 200, 0.4); --header-bg: var(--blur-bg); --header-color: var(--main-color); --footer-bg: var(--main-bg-color); --footer-color: var(--muted-2-color); } .dark-theme { --key-color: #f8fafc; --main-color: #e5eef7; --main-shadow: rgba(24, 24, 24, 0.1); --muted-color: #b4b6bb; --muted-2-color: #888a8f; --muted-3-color: #636469; --muted-4-color: #43454a; --body-bg-color: #292a2d; --main-bg-color: #323335; --muted-bg-color: #2d2e31; --main-border-color: rgba(114, 114, 114, 0.1); --muted-border-color: rgba(184, 184, 184, 0.02); --blur-bg: rgba(50, 51, 53, 0.8); --float-btn-bg: rgba(70, 70, 70, 0.4); --header-bg: var(--blur-bg); --header-color: var(--main-color); --footer-bg: var(--main-bg-color); --footer-color: var(--muted-2-color); } ::view-transition-old(root), ::view-transition-new(root) { animation: none; mix-blend-mode: normal; } .dark::view-transition-old(root) { z-index: 1; } .dark::view-transition-new(root) { z-index: 2147483646; } ::view-transition-old(root) { z-index: 2147483646; } ::view-transition-new(root) { z-index: 1; } @supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { body { --blur-bg: #ffffff; } body.dark-theme { --blur-bg: #37383a; } } /**--------模态框弹出禁用高斯模糊---------**/ body:has(.modal.in), body.modal-open { --blur-bg: #ffffff; } body.dark-theme:has(.modal.in), body.dark-theme.modal-open { --blur-bg: #37383a; } body.fps-accelerat { --blur-bg: #ffffff; } body.fps-accelerat.dark-theme { --blur-bg: #37383a; } body.fps-accelerat * { -webkit-backdrop-filter: unset !important; backdrop-filter: unset !important; } a[href], .relates-thumb li a > .post-info, .more-posts a > span { transition: color 0.2s, background 0.3s, opacity 0.3s, box-shadow 0.3s, transform 0.3s; } .main-shadow { transition: box-shadow 0.3s; } .but:focus, .but:hover, .progress, .navbar-nav > li:before { transition: 0.3s; } .navbar-top .sub-menu, .theme-popover, .hover-show .hover-show-con { opacity: 0; transform: translateY(6px); transition: 0.4s; } .navbar-top li:hover > .sub-menu, .hover-show:hover .hover-show-con, .hover-show:hover ~ .hover-show-con, .hover-show:hover ~ .sub-menu { opacity: 1; transform: translateY(0); } .hover-show { position: relative; cursor: pointer; z-index: 10; } .hover-show .hover-show-con { position: absolute; visibility: hidden; } .hover-show:hover .hover-show-con, .hover-show:hover ~ .hover-show-con, .hover-show:hover ~ .sub-menu { visibility: unset; } .match-ok, .navbar-top .sub-menu li > a, .ic-close { transition: 0.3s; } .ic-close:hover { transform: rotate(270deg); color: inherit; } .social_loginbar a, .item-thumbnail img, .dosc-nav .fa { transition: 0.2s ease-out; } .hover-zoom:hover, .hover-zoom-img:hover img, .social_loginbar .xh-social-item:hover, .social_loginbar .social-login-item:hover { transform: scale(1.05); } .hover-zoom-sm:hover, .hover-zoom-img-sm:hover img, .posts-mini:hover img, .posts-item:hover .item-thumbnail img, .posts-item.mult-thumb .thumb-items > span > img:hover { transform: scale(1.02); } /*----------------------------------*/ .main-min-height { min-height: calc(100vh - 280px); } .main-shadow { box-shadow: 0 0 10px var(--main-shadow); } .key-color { color: var(--key-color); } .focus-color { --this-color: var(--focus-color); color: var(--focus-color); } .muted-color { color: var(--muted-color); } .muted-2-color { color: var(--muted-2-color); } .muted-3-color { color: var(--muted-3-color); } .main-bg { background: var(--main-bg-color); } /*---骨架屏动画---*/ .placeholder { background: linear-gradient(118deg, rgba(121, 121, 121, 0.1) 25%, rgba(121, 121, 121, 0.2) 37%, rgba(121, 121, 121, 0.1) 63%); opacity: 1; border-radius: 4px; -webkit-animation: placeholder 1.5s ease infinite !important; animation: placeholder 1.5s ease infinite !important; background-size: 400% 100% !important; } .placeholder.img { height: 119px; } .placeholder.t1 { height: 24px; width: 80%; } .placeholder.k1 { height: 20px; width: 60%; } .placeholder.k2 { height: 20px; } .placeholder.k3 { height: 15px; } .placeholder.s1 { width: 70px; height: 15px; display: inline-block; } @-webkit-keyframes placeholder { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } @keyframes placeholder { 0% { background-position: 100% 50%; } 100% { background-position: 0 50%; } } @-webkit-keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade { 0% { opacity: 0; } 100% { opacity: 1; } } .ani.shake { -webkit-animation: shake 0.3s ease-in !important; animation: shake 0.3s ease-in !important; } @-webkit-keyframes shake { 20% { transform: translateX(2px); } 40% { transform: translateX(-4px); } 60% { transform: translateX(5px); } 80% { transform: translateX(3px); } to { transform: translateX(0); } } @keyframes shake { 20% { transform: translateX(2px); } 40% { transform: translateX(-4px); } 60% { transform: translateX(5px); } 80% { transform: translateX(3px); } to { transform: translateX(0); } } .obs-animate { opacity: 0; transition: opacity 0.6s, transform 0.6s; --delay: 0s; } .obs-animate.in-view { opacity: 1 !important; transform: unset !important; transition-delay: var(--delay); } .obs-animate.ani-slideup { transform: translateY(86px); } .obs-animate.ani-slidedown { transform: translateY(-86px); } .obs-animate.ani-slideright { transform: translateX(-96px); } .obs-animate.ani-slideleft { transform: translateX(96px); } .obs-animate.ani-zoomin { transform: scale(0.8); } .obs-animate.ani-zoomout { transform: scale(1.5); } .container { position: relative; } .radius4 { border-radius: 4px; } .radius8 { border-radius: var(--main-radius); } .radius { border-radius: 100px; } .px12 { font-size: 12px; } .em12 { font-size: 1.2em; } .em14 { font-size: 1.4em; } .em16 { font-size: 1.6em; } .em2x { font-size: 2em; } .em3x { font-size: 3em; } .em4x { font-size: 4em; } .em09 { font-size: 0.9em; } .font-bold { font-weight: bold; } .font-normal { font-weight: normal; } .this-font { font-size: var(--font-size); font-weight: var(--font-weight); color: var(--color); } .opacity3 { opacity: 0.3; } .opacity5, .but[disabled], .but[disabled]:hover { opacity: 0.5; } .opacity8 { opacity: 0.8; } smail, .smail { font-size: 0.8em; } *, *:before, *:after { outline: 0 !important; } body { background-color: var(--body-bg-color); color: var(--main-color); } body.nav-fixed { padding-top: 88px; } img { max-width: 100%; max-height: 100%; } svg { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden; } dd, dl, dt, ol, ul { margin: 0; padding: 0; } ul { list-style: none; } botton, .passw, [href], .box-img, .pointer, .drop-btn, a.but { cursor: pointer; } .is-disabled, [disabled] { cursor: no-drop !important; } .is-disabled { opacity: 0.5 !important; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align: middle; padding: 10px; border-top-color: #eee; } a { color: var(--main-color); } a:hover, a:focus { color: var(--focus-color); outline: 0; text-decoration: none; } input, textarea { -webkit-appearance: none; } textarea { resize: vertical; } textarea[autoheight] { resize: none; line-height: 1.4; overflow: hidden; } input[type='checkbox'], input[type='radio'] { border: 1px solid var(--muted-3-color); border-radius: 3px; background: var(--main-bg-color); clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 1em; outline: 0; padding: 0 !important; text-align: center; width: 1em; min-width: 1em; -webkit-appearance: none; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.1); transition: border-color 0.3s, background 0.3s, opacity 0.2s; vertical-align: -0.15em; position: relative; } input[type='radio'] { border-radius: 50%; } input[type='checkbox']::before { font-family: FontAwesome; content: '\f00c'; opacity: 0; color: #fff; position: absolute; top: 50%; transform: translateY(-50%) scale(0); z-index: 1; left: -5%; transition: 0.2s; text-align: center; width: 100%; } input[type='checkbox']:checked { background: var(--focus-color); border-color: var(--focus-color); box-shadow: none; } input[type='checkbox']:checked::before { opacity: 1; transform: translateY(-50%) scale(0.7); } input[type='radio']::before { content: ''; border-radius: 50%; width: 0.5em; height: 0.5em; margin: 0.18em; background-color: var(--focus-color); line-height: 1.14285714; float: left; opacity: 0; transition: opacity 0.2s; } input[type='radio']:checked::before { opacity: 1; } input[type='checkbox']:hover, input[type='radio']:hover { opacity: 0.8; } input[type='radio']:focus, input[type='radio']:hover, input[type='radio']:checked { border-color: var(--focus-color); } input:-internal-autofill-previewed, input:-internal-autofill-selected { box-shadow: 0 0 0px 1000px var(--main-bg-color) inset !important; -webkit-text-fill-color: var(--main-color) !important; } pre { background: transparent; border: none; color: var(--main-color); } button.null { background: transparent; border: none; margin: 0; padding: 0; } hr { border-color: var(--main-border-color); } blockquote { padding: 15px 20px; margin: 0 0 20px; background-color: var(--muted-border-color); font-size: 16px; line-height: 20px; color: var(--muted-color); border-left: 4px solid var(--main-border-color); } .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-bottom-width: 1px; } .table-bordered, .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th { border-color: var(--main-border-color); } .table.table-mini > * > * > td, .table.table-mini > * > * > th { padding: 6px 10px; } .toggle-theme { overflow: hidden; } /*************图标************/ .css-icon { width: 1em; height: 1em; vertical-align: -0.15em; display: inline-block; position: relative; } .i-menu > i, .i-menu::before, .i-menu::after { content: ''; position: absolute; width: 1em; height: 2px; background: var(--header-color); left: 0; right: 0; transition: 0.4s; border-radius: 2px; bottom: 0.45em; } .i-menu > i { right: 0.1em; width: 0.9em; } .i-menu::before { bottom: 0.8em; right: 0.2em; width: 0.8em; } .i-menu::after { bottom: 0.1em; } .fa-toggle-theme::before, .fa-toggle-theme::after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; height: 1em; transition: 0.4s; } .fa-toggle-theme::before { content: '\f185'; transform: translateX(2em); } .fa-toggle-theme::after { content: '\f186'; } .dark-theme .fa-toggle-theme::before { transform: unset; } .dark-theme .fa-toggle-theme::after { transform: translateX(-2em); } .border-top { border-top: 1px solid var(--main-border-color); } .border-bottom { border-bottom: 1px solid var(--main-border-color); } .document-nav > .panel-group > .cat-load::before, .icon-circle::before, .mobile-menus > li > a::before { content: ''; width: 0.5em; height: 0.5em; border: 0.1em solid var(--focus-color); border-radius: 1em; margin: 0 0.5em; vertical-align: 0.1em; display: inline-block; } .icon-spot:before, .ajax-option .option-items > a + a:before, .fcode-links > a + a:before { content: ''; width: 4px; height: 4px; margin: 0 0.5em; border-radius: 50%; display: inline-block; vertical-align: middle; background: var(--main-color); opacity: 0.3; vertical-align: 0.2em; } .theme-box, .mb20 { margin-bottom: 20px; } .box-bg { background: var(--main-bg-color); box-shadow: 0 0 10px var(--main-shadow); } .zib-widget { clear: both; background: var(--main-bg-color); padding: 15px; box-shadow: 0 0 10px var(--main-shadow); border-radius: var(--main-radius); margin-bottom: 20px; } .muted-box { background: var(--this-bg, var(--muted-border-color)); border-radius: var(--main-radius); padding: 15px; } .muted-box.active { background: var(--focus-color-opacity1); } .zib-widget-sm, .zib-widget-sm, .noshadow { box-shadow: none !important; } .blur-bg { -webkit-backdrop-filter: saturate(5) blur(20px); backdrop-filter: saturate(5) blur(20px); background: var(--blur-bg); } .blur-5 { -webkit-filter: blur(5px); filter: blur(5px); } .pay-gallery .blur-10, .blur-10 { -webkit-filter: blur(10px); filter: blur(10px); } /********延迟加载图片*********/ .lazyloaded { transition: 0.3s; --lazy-animation: lazy_blur; } .lazyloaded.img-icon { --lazy-animation: lazy_fade; } img.lazyloaded:not(.lazyloadafter) { -webkit-animation: var(--lazy-animation) 0.6s; animation: var(--lazy-animation) 0.6s; } @-webkit-keyframes lazy_blur { 0% { -webkit-filter: blur(5px); filter: blur(5px); } 100% { -webkit-filter: blur(0); filter: blur(0); } } @keyframes lazy_blur { 0% { -webkit-filter: blur(5px); filter: blur(5px); } 100% { -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes lazy_fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes lazy_fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes lazy_scale { 0% { transform: scale(1.1); } 80% { transform: unset; } } @keyframes lazy_scale { 0% { transform: scale(1.1); } 80% { transform: unset; } } .box-body, .box-header { padding: 15px; } .pagenav.notop, .zib-widget.notop, .box-body.notop { padding-top: 0; } .pagenav.nobottom, .zib-widget.nobottom, .box-body.nobottom { padding-bottom: 0; } .normal-title { margin: 0; font-size: 20px; padding: 0; line-height: 1.2; } .box-header + .box-body { padding-top: 0; } .title-theme { position: relative; padding-left: 1.2em; font-size: 15px; } .title-theme small { font-size: 80%; opacity: 0.7; } .title-theme:before { position: absolute; content: ''; width: 4px; background: var(--theme-color); top: 10%; left: 2px; bottom: 10%; border-radius: 5px; box-shadow: 1px 1px 3px -1px var(--theme-color); } .wp-posts-content > h1:not([class]), .wp-posts-content > h2:not([class]), .wp-posts-content > h3:not([class]), .wp-posts-content > h4:not([class]), .wp-posts-content > h1.wp-block-heading, .wp-posts-content > h2.wp-block-heading, .wp-posts-content > h3.wp-block-heading, .wp-posts-content > h4.wp-block-heading, .zib-widget > h3, .title-h-left, .tab-nav-theme li, .title-h-center { position: relative; padding-bottom: 8px; } .wp-posts-content > h1:not([class]):before, .wp-posts-content > h2:not([class]):before, .wp-posts-content > h3:not([class]):before, .wp-posts-content > h4:not([class]):before, .wp-posts-content > h1.wp-block-heading:before, .wp-posts-content > h2.wp-block-heading:before, .wp-posts-content > h3.wp-block-heading:before, .wp-posts-content > h4.wp-block-heading:before, .zib-widget > h3:before, .title-h-left:before, .tab-nav-theme li:before, .title-h-center:before { transition: 0.4s; transform-origin: left; position: absolute; content: ''; width: 40px; height: 3px; background: var(--theme-color); left: 0; bottom: 3px; border-radius: 5px; box-shadow: 1px 1px 3px -1px var(--theme-color); } .wp-posts-content > h1.has-text-align-center:before, .wp-posts-content > h2.has-text-align-center:before, .wp-posts-content > h3.has-text-align-center:before, .wp-posts-content > h4.has-text-align-center:before, .tab-nav-theme li:before, .title-h-center:before { left: 0; right: 0; margin: auto; transform-origin: center; } .wp-posts-content > h1.has-text-align-right:before, .wp-posts-content > h2.has-text-align-right:before, .wp-posts-content > h3.has-text-align-right:before, .wp-posts-content > h4.has-text-align-right:before { left: auto; right: 0; transform-origin: right; } .wp-posts-content > h3:not([class]):before, .wp-posts-content > h4:not([class]):before, .wp-posts-content > h3.wp-block-heading:before, .wp-posts-content > h4.wp-block-heading:before { width: 25px !important; height: 2px !important; } .wp-posts-content > h1.wp-block-heading:hover::before, .wp-posts-content > h2.wp-block-heading:hover::before, .wp-posts-content > h3.wp-block-heading:hover::before, .wp-posts-content > h4.wp-block-heading:hover::before { transform: scaleX(1.3); } .title-h-left:hover:before, .title-h-center:hover:before { width: 60px; } .tab-nav-theme { border-bottom: 1px solid var(--main-border-color); padding-bottom: 6px; margin: 8px 0 5px; list-style: none; } .swiper-wrapper li, .tab-nav-theme li, .tab-nav-theme ul { list-style: none; } .tab-nav-theme li:before { width: 20px; height: 2px; bottom: 5px; opacity: 0; } .tab-nav-theme li.swiper-slide-thumb-active::before, .tab-nav-theme li.active::before { opacity: 1; } .tab-nav-theme li.active a { color: var(--focus-color); } .tab-nav-theme.swiper-wrapper > li, .tab-nav-theme.mini-scrollbar > li { padding-left: 5px; margin: 0; padding-right: 5px; line-height: 1.4; } .tab-nav-but.list-inline { margin: 0 -3px 10px -3px; } .tab-nav-but li { padding: 0 3px; } .tab-nav-but li.active .but { --this-bg: var(--focus-color); --this-color: #fff; } .index-tab ul > li { display: inline-block; padding: 2px 11px; font-weight: 500; border-radius: 20px; margin: 0 1px; } .index-tab ul > li.active { background: var(--focus-color); --main-color: #fff; } .index-tab ul > li.active a { color: #fff !important; } .index-tab.rectangular ul > li { padding: 4px 10px; border-radius: 4px; margin: 0 4px; } .index-tab.rectangular ul > li:first-of-type { margin-left: 0px; } .index-tab.rectangular ul > li:last-of-type { margin-right: 0px; } .index-tab.rectangular ul > li:not(.active) { background: var(--main-bg-color); --main-color: var(--muted-color); } /*LI分割线*/ .splitters > li + li, .splitters-this-r, .splitters-this-l { position: relative; } .splitters > li + li:before, .splitters-this-l, .splitters-this-r:before { content: ''; width: 1px; height: 1.1em; position: absolute; display: inline-block; background: var(--main-color); left: -1px; top: 50%; opacity: 0.2 !important; transform: translateY(-50%); } .splitters-this-r:before { left: auto; right: 0; } .horizontal-line { width: 100%; display: inline-block; height: 1px; background: var(--main-border-color); transform: translateY(1.25em); } .loading, .notyf.load::before, .swiper-lazy-preloader { content: ''; width: 0.7em; height: 0.7em; display: inline-block; border: 0.08em solid transparent; border-width: calc(1px + 0.03em); border-radius: 50%; border-top-color: var(--this-color); border-bottom-color: var(--this-color); -webkit-animation: huan-rotate 1s cubic-bezier(0.7, 0.1, 0.31, 0.9) infinite; animation: huan-rotate 1s cubic-bezier(0.7, 0.1, 0.31, 0.9) infinite; } .loading-spot { height: 1em; --this-bg: var(--muted-2-color); } .loading-spot.zts { height: 1em; --this-bg: var(--focus-color); } .loading-spot > *, .loading-spot::before, .loading-spot::after { content: ''; display: inline-block; width: 0; height: 0; border-radius: 5px; margin: 1.5px; -webkit-animation: ball-pulse-sync 0.8s infinite ease-in-out; animation: ball-pulse-sync 0.8s infinite ease-in-out; -webkit-animation-delay: 0s; animation-delay: 0s; border: 2px solid; } .loading-spot > * { -webkit-animation-delay: 0.15s; animation-delay: 0.15s; } .loading-spot::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } @-webkit-keyframes ball-pulse-sync { 33% { transform: translateY(4px); } 66% { transform: translateY(-4px); } to { transform: translateY(0); } } @keyframes ball-pulse-sync { 33% { transform: translateY(4px); } 66% { transform: translateY(-4px); } to { transform: translateY(0); } } @-webkit-keyframes huan-rotate { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes huan-rotate { 0% { transform: rotate(0); } to { transform: rotate(360deg); } } @keyframes loading-dash { 0% { stroke-dasharray: 0, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40px; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120px; } } svg.loading-circle { animation: huan-rotate 2s linear infinite; fill: none; } svg.loading-circle circle { animation: loading-dash 1.5s ease-in-out infinite; stroke-dasharray: 90, 150; stroke-dashoffset: 0; stroke-width: 3; stroke: var(--this-color, var(--main-color)); stroke-linecap: round; } .swiper-lazy-preloader { font-size: 50px; position: absolute; --this-color: #fff; margin: auto; top: 0; bottom: 0; left: 0; right: 0; } .loading-backdrop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999999; background: rgba(0, 0, 0, 0.4); display: flex; align-items: center; justify-content: center; } .loading-backdrop svg.loading-circle { width: 43px; height: 43px; --this-color: #fff; } svg.loading-circle.zts circle, .loading.zts { --this-color: var(--theme-color); } .line-form, .relative { position: relative; } .relative-h { overflow: hidden; position: relative; } .radius-cover, .fit-cover, .avatar { width: 100%; height: 100%; transition: all 0.2s; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .fit-contain { -o-object-fit: contain; object-fit: contain; } .progress { background-color: transparent; z-index: -1; box-shadow: 0 0; } .progress .progress-bar { box-shadow: 0 0; } .progress.progress-abs-bottom { height: 5px; bottom: 0; top: auto; margin: 0; z-index: 1; border-radius: 0; background: rgba(0, 0, 0, 0.2); } /*-------数字加减按钮：选择购买数量--------*/ .number-spinner { display: inline-flex; align-items: center; border: 1px solid var(--main-border-color); border-radius: 4px; background: var(--main-bg-color); text-align: center; --this-size: 38px; } .number-spinner .minus-btn, .number-spinner .plus-btn { display: flex; align-items: center; justify-content: center; color: var(--muted-color); width: var(--this-size); height: var(--this-size); cursor: pointer; } .number-spinner > .is-disabled { opacity: 0.4; cursor: not-allowed; } .number-spinner > .number-input { text-align: center; border: none; border-left: 1px solid var(--main-border-color); border-right: 1px solid var(--main-border-color); min-width: calc(6px + var(--this-size)); padding: 0 5px; } .number-spinner:has(input:focus) { border-color: var(--focus-color); box-shadow: 0 0 4px 1px var(--focus-shadow-color); transition: 0.2s; } /*-------用户相关----*/ .radius-cover, .avatar { border-radius: 100px; display: inline-block; } .square-box, .avatar-lg, .avatar-mini, .avatar-img { position: relative; display: inline-block; flex-shrink: 0; --this-size: 38px; width: var(--this-size); height: var(--this-size); } .avatar-lg { --this-size: 80px; } .avatar-mini { --this-size: 20px; } .name-badge { width: auto !important; height: 1.2em !important; display: inline-block; vertical-align: -0.2em; margin-left: 5px; } .swiper-slide img.avatar-badge, .avatar-badge { width: calc(var(--this-size) / 2.5); height: calc(var(--this-size) / 2.5); max-width: 25px; max-height: 25px; min-width: 10px; min-height: 10px; position: absolute; right: -1px; bottom: -1px; overflow: hidden; } .avatar-lg .avatar-badge { right: 0; bottom: 0; } .blur * { border-radius: 0; } /*----徽章----*/ badge { font-size: 0.8em; line-height: 1.2; padding: 0.1em 0.4em; min-width: 0.8em; min-height: 0.8em; display: inline-block; vertical-align: 0.1em; border-radius: 50px; background: var(--this-bg); color: var(--this-color); top: 5px; --this-color: #fff; text-align: center; --this-bg: #fe3459; z-index: 1; } badge:not(.point):empty { display: none; } /*----按钮样式------*/ badge.badge-bw { min-width: 1.5em; } badge.b-black { --this-bg: rgba(0, 0, 0, 0.2); } badge.radius4 { border-radius: 4px; } badge.abs-tr { position: absolute; left: auto; top: -4px; right: -4px; } badge.spot.abs-tr { top: 2px; right: 1px; } badge.px12 { font-size: 12px; } badge.badge-essence, badge.badge-topping { width: 1.4em; padding: 0; line-height: 1.4em; border-radius: 0.45em 2px; } .img-badge { position: absolute; top: 0.6em; right: 0; border-radius: 50px 0 0 50px; text-shadow: none; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2); z-index: 1; padding: 0.2em 0.6em; } .img-badge.hot { padding: 0.25em 0.6em; } .img-badge.left { left: 0; border-radius: 0 50px 50px 0; right: auto; } .img-badge.top { top: 0; padding: 0.3em 0.2em 0.2em 0.2em; border-radius: 0 0 50px 50px; line-height: 1.4; right: 1em; } .img-badge.badge-status { width: 60px; box-shadow: none; margin: 10px 15px; opacity: 0.8; z-index: 0; } .img-badg-box { position: absolute; left: 8px; top: 8px; } .img-badg-box .badg { margin: 2px; } .wp-posts-content .img-icon, .img-icon { height: 1.1em; max-width: 6em; vertical-align: -0.15em; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: inline-block; } .img-icon img { height: 100%; } .post-page-numbers, .but, .badg { border-radius: 4px; display: inline-block; border-radius: 4px; transition: 0.15s; border: 1px solid var(--this-border); vertical-align: middle; padding: 0.3em 0.6em; text-align: center; font-weight: normal; box-shadow: var(--this-shadow); background: var(--this-bg); color: var(--this-color); --main-color: var(--this-color); --this-bg: rgba(136, 136, 136, 0.1); --this-border: transparent; --this-shadow: none; --this-color: #888; text-shadow: 0 0 0; line-height: 1.44; } .but a { color: inherit; } .but.pw-1em { padding-right: 1em; padding-left: 1em; } .but .icon, .but > .fa:not(.fa-angle-right) { margin-right: 0.25em; } .but.radius, .badg.radius, .radius > .but { border-radius: 50px; padding: 0.3em 1em; } .badg.p2-10, badge.p2-10, .but.p2-10 { padding: 2px 10px; } .but.hollow, .badg.hollow { background: transparent; --this-border: var(--this-color); } .badg.hollow[class*='b-'], .but.hollow[class*='b-'] { background: 0 0; --this-border: var(--this-bg); --this-color: var(--this-bg); } .but:focus, .but:hover { opacity: 0.8; color: var(--this-color); } .but:active { --this-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.08); } .but.hollow:hover { background: var(--this-bg); } .but.hollow[class*='b-']:hover { color: #fff; } .but.hollow.c-white:hover { background: 0 0; --this-color: var(--focus-color); color: var(--focus-color); } .hollow-radio { padding: 10px; border: 1px solid var(--main-border-color); border-radius: 4px; text-align: center; } .hollow-radio.active { border-color: var(--focus-color); background: var(--focus-color-opacity05); } .circular, .badg.cir, .but.cir { padding: 0; border-radius: 5em; --this-size: 1.8em; display: inline-flex; justify-content: center; align-items: center; height: var(--this-size); min-width: var(--this-size); } .circular.radius4, .badg.cir.radius4, .but.cir.radius4 { border-radius: 4px; } .but.cir svg.icon, .but.cir > .fa { margin: 0; } .but-group { display: inline-flex; } .but-group > .but { border-radius: 0; margin: 0; } .but-group > .but:last-of-type { border-radius: 0 4px 4px 0; } .but-group > .but:first-of-type { border-radius: 4px 0 0 4px; } .but-average { display: flex; border-radius: 4px; overflow: hidden; } .but-average.inline { display: inline-flex; } .but-average.radius { border-radius: 100px; } .but-average > .but { margin: 0 !important; border-radius: 0; flex: auto; } .but-average > .but.active { --this-bg: var(--focus-color-opacity1); --this-color: var(--focus-color); } .modal .but-average > .but { flex: 1; } .but.badg-sm, .badg.badg-sm { font-size: 0.8em; padding: 0 0.2em; vertical-align: 0.1em; min-width: 1.6em; } .badg.badg-sm.cir { --this-size: 1.6em; } .but.but-sm { font-size: 0.9em; padding: 0.1em 0.4em; vertical-align: 0.05em; } .active.badg, .active > .badg:not(.vip-tag) { --this-bg: var(--focus-color); --this-color: #fff; } .active.badg.hollow, .active > .hollow:not(.vip-tag) { --this-color: var(--focus-color); } .padding-6 { padding: 6px; } .padding-h6 { padding-top: 6px; padding-bottom: 6px; } .padding-w6 { padding-left: 6px; padding-right: 6px; } .padding-10 { padding: 10px; } .padding-h10 { padding-top: 10px; padding-bottom: 10px; } .padding-h15 { padding-top: 15px; padding-bottom: 15px; } .padding-w10 { padding-left: 10px; padding-right: 10px; } .padding-w15 { padding-left: 15px; padding-right: 15px; } .p-b6 { padding-bottom: 6px; } .line-16 { line-height: 1.6; } .line-18 { line-height: 1.8; } .padding-lg, .badg.badg-lg, .but.padding-lg { padding: 0.5em 2em; } .toggle-radius { background: var(--this-bg); width: 29px; height: 29px; display: inline-block; text-align: center; border-radius: 100%; position: relative; vertical-align: text-top; --this-bg: var(--main-border-color); } .toggle-radius .fa, .toggle-radius .icon { right: 0 !important; left: 0 !important; margin: auto; } .b-gray, .b-theme, .b-red, .b-yellow, .b-blue, .b-blue-2, .b-black, .b-cyan, .b-green, .b-purple, .jb-red, .jb-pink, .jb-yellow, .jb-yellow-2, .jb-blue, .jb-cyan, .jb-green, .jb-purple, .jb-vip1, .jb-vip2 { color: var(--this-color); background: var(--this-bg); --this-color: #fff; } .jb-red, .jb-pink, .jb-yellow, .jb-yellow-2, .jb-blue, .jb-cyan, .jb-green, .jb-purple, .jb-vip1, .jb-vip2 { border: none; } .b-theme { --this-bg: var(--focus-color); } .b-gray { --this-bg: #818b95; } .b-red { --this-bg: #ff5473; } .b-yellow { --this-bg: #ff6f06; } .b-cyan { --this-bg: #08c4c1; } .b-blue { --this-bg: #2997f7; } .b-blue-2 { --this-bg: #5c7cff; } .b-green { --this-bg: #12b928; } .b-purple { --this-bg: #d448f5; } .b-black { --this-bg: #121517; } .c-theme, .c-gray, .c-white, .c-red, .c-red-2, .c-yellow, .c-yellow-2, .c-blue, .c-blue-2, .c-green, .c-cyan, .c-green-2, .c-purple, .c-purple-2 { color: var(--this-color); } .c-theme { --this-color: var(--focus-color); --this-bg: var(--focus-color-opacity1); } .c-gray { --this-color: #888; --this-bg: rgba(136, 136, 136, 0.1); } .c-white { --this-color: #fff; --this-bg: rgba(255, 255, 255, 0.1); } .c-red { --this-color: #ff5473; --this-bg: rgba(255, 84, 115, 0.1); } .c-red-2 { --this-color: #d6064c; --this-bg: rgba(194, 41, 46, 0.1); } .c-yellow { --this-color: #ff6f06; --this-bg: rgba(255, 111, 6, 0.1); } .c-yellow-2 { --this-color: #c58516; --this-bg: rgba(179, 103, 8, 0.1); } .c-blue { --this-color: #2997f7; --this-bg: rgba(41, 151, 247, 0.1); } .c-blue-2 { --this-color: #5c7cff; --this-bg: rgba(77, 130, 249, 0.1); } .c-cyan { --this-color: #09a4a1; --this-bg: rgba(8, 196, 193, 0.1); } .c-green { --this-color: #18a52a; --this-bg: rgba(18, 185, 40, 0.1); } .c-green-2 { --this-color: #6a933e; --this-bg: rgba(72, 135, 24, 0.1); } .c-purple { --this-color: #e434e1; --this-bg: rgba(213, 72, 245, 0.1); } .c-purple-2 { --this-color: #8e4aff; --this-bg: rgba(154, 72, 245, 0.1); } .pay-tag, .vip-tag:not(.badg) { --this-color: #fff; --this-bg: linear-gradient(135deg, #ff74cd 10%, #ec7d0b 100%); } .pay-tag.badg-sm { border: 0; padding: 1px 4px; } .order-type-9 .pay-tag, .jb-red { --this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%); } .order-type-2 .pay-tag, .jb-pink { --this-bg: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%); } .order-type-3 .pay-tag, .jb-yellow { --this-bg: linear-gradient(135deg, #f59f54 10%, #ff6922 100%); } .jb-yellow-2 { --this-bg: linear-gradient(135deg, #f9a158 10%, #f6b174 100%); } .order-type-7 .pay-tag, .jb-blue { --this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); } .jb-cyan { --this-bg: linear-gradient(140deg, #039ab3 10%, #58dbcf 90%); } .order-type-5 .pay-tag, .jb-green { --this-bg: linear-gradient(135deg, #60e464 10%, #5cb85b 100%); } .order-type-6 .pay-tag, .jb-purple { --this-bg: linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%); } .order-type-4 .pay-tag, .jb-vip1 { --this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%); --this-color: #866127; } .order-type-8 .pay-tag, .jb-vip2 { --this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%); --this-color: #ddd; } /**文字渐变色**/ .cg-theme, .cg-red, .cg-gray, .cg-white, .cg-red-2, .cg-yellow, .cg-yellow-2, .cg-blue, .cg-blue-2, .cg-green, .cg-cyan, .cg-green-2, .cg-purple, .cg-purple-2 { -webkit-background-clip: text; background-clip: text; --this-color: transparent; --this-gradient: linear-gradient(to right, var(--key-color), var(--muted-color)); color: transparent; background-image: var(--this-gradient); } .cg-theme { --this-gradient: linear-gradient(to right, var(--focus-color), var(--focus-color-opacity3)); --this-color: var(--focus-color); } .cg-gray { --this-gradient: linear-gradient(to right, #2f2f2f, #a9a9a9); --this-color: #888; } .cg-white { --this-gradient: linear-gradient(to right, #fff, #acacac); --this-color: #fff; } .cg-red { --this-gradient: linear-gradient(to right, #fd9797, #c90c74); --this-color: #ff5473; } .cg-red-2 { --this-gradient: linear-gradient(to right, #cb0d0d, #ff8ad3); --this-color: #c03060; } .cg-yellow { --this-gradient: linear-gradient(to right, #f5c06d, #dc2114); --this-color: #ff6f06; } .cg-yellow-2 { --this-gradient: linear-gradient(to right, #b1510c, #a8af2d); --this-color: #c58516; } .cg-blue { --this-gradient: linear-gradient(to right, #65b2f5, #115ebe); --this-color: #2997f7; } .cg-blue-2 { --this-gradient: linear-gradient(to right, #2854d8, #8771e9); --this-color: #5c7cff; } .cg-green { --this-gradient: linear-gradient(to right, #70d37e, #54960d); --this-color: #12b928; } .cg-cyan { --this-gradient: linear-gradient(to right, #23aa60, #08a6d6); --this-color: #09a4a1; } .cg-green-2 { --this-gradient: linear-gradient(to right, #099507, #57ce67); --this-color: #5aa233; } .cg-purple { --this-gradient: linear-gradient(to right, #de87e5, #7e15dd); --this-color: #b737e1; } .cg-purple-2 { --this-gradient: linear-gradient(to right, #bd22dd, #aa82e8); --this-color: #d448f5; } /**兼容处理，不支持background-image的浏览器**/ @supports not ((-webkit-background-clip: text) and (background-clip: text)) { .cg-theme, .cg-red, .cg-gray, .cg-white, .cg-red-2, .cg-yellow, .cg-yellow-2, .cg-blue, .cg-blue-2, .cg-green, .cg-cyan, .cg-green-2, .cg-purple, .cg-purple-2 { color: var(--this-color); background-image: unset; } } .cg-theme svg, .cg-red svg, .cg-gray svg, .cg-white svg, .cg-red-2 svg, .cg-yellow svg, .cg-yellow-2 svg, .cg-blue svg, .cg-blue-2 svg, .cg-green svg, .cg-cyan svg, .cg-green-2 svg, .cg-purple svg, .cg-purple-2 svg { color: var(--this-color); } /**多彩背景**/ .modal-colorful-header, .colorful-bg { background-size: 120%; overflow: hidden; position: relative; color: var(--this-color); background: var(--this-bg); } .colorful-bg > .colorful-make::after, .colorful-bg > .colorful-make::before, .colorful-bg > .colorful-make { position: absolute; color: var(--this-color); background: var(--this-bg); border-radius: 100%; content: ' '; } .colorful-bg > .colorful-make { bottom: 0; height: 290px; width: 323px; top: 60%; } .colorful-bg > .colorful-make::before { right: -558px; bottom: 0; height: 300px; width: 677px; top: -325px; transform: rotate(341deg); opacity: 0.6; } .colorful-bg > .colorful-make::after { left: -262px; bottom: 0; height: 214px; width: 402px; top: -170px; transform: rotate(326deg); opacity: 0.4; } .colorful-bg > .colorful-make + * { position: relative; } .modal-colorful-header { border-radius: var(--main-radius) var(--main-radius) 0 0; background-size: 120%; position: absolute; left: 0; right: 0; top: 0; height: 120px; display: flex; align-items: center; justify-content: center; } .modal-colorful-header + * { margin-top: 120px; } .modal-colorful-header > .close { position: absolute; right: 10px; top: 10px; color: var(--this-color); opacity: 0.6; font-size: 18px; z-index: 9; } .modal-colorful-header.colorful-bg > .colorful-make { animation: random1 120s linear infinite; } @keyframes random1 { from { transform: translate3d(0, 0, 0) rotate(0deg) scale(1); } 20% { transform: translate3d(-30px, -20px, 50px) rotate(87deg) scale(0.9); } 65% { transform: translate3d(-80px, -40px, 0px) rotate(156deg) scale(0.6); } to { transform: translate3d(0, 0, 0) rotate(360deg) scale(1); } } .change-show, .hide, .enlighter-raw, .enlighter-origin { display: none; } .fixed-body { position: fixed; top: 0; right: 0; left: 0; right: 0; height: 100%; width: 100%; visibility: hidden; background: rgba(24, 25, 27, 0.8); opacity: 0; transition: 0.3s; } .popover { background: var(--main-bg-color); box-shadow: 0 0 10px 5px var(--main-shadow); padding: 0; } .popover-title { background: var(--muted-border-color); border: 0 !important; } .popover.top > .arrow:after { border-top-color: var(--main-bg-color) !important; } .popover.right > .arrow::after { border-right-color: var(--main-bg-color) !important; } .popover.bottom > .arrow::after { border-bottom-color: var(--main-bg-color) !important; } .popover.left > .arrow::after { border-left-color: var(--main-bg-color) !important; } .affix { position: fixed; } .sidebar-affix, .sidebar-affix ~ * { transition: opacity 0.3s; } .sidebar-affix.affix { transition: top 0.1s, opacity 0.3s; } .sidebar-affix.affix ~ *, .sidebar-affix.affix-bottom ~ * { opacity: 0; } .sidebar-affix.affix-top, .sidebar-affix.affix { position: fixed; } .sidebar-affix.affix-top { opacity: 0; z-index: -999; } .sidebar-affix.affix-bottom { position: absolute; } .scroll-x, .scroll-y { -webkit-overflow-scrolling: touch; overflow: hidden; overflow-x: auto; } .scroll-x { white-space: nowrap; max-width: 100%; } .scroll-y { overflow-x: hidden; overflow-y: auto; } .no-scrollbar, .mini-scrollbar, .enlighter { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } @supports (-moz-transform: inherit) { .no-scrollbar, .mini-scrollbar, .enlighter { -ms-overflow-style: none; overflow: -moz-scrollbars-none; scrollbar-color: rgba(146, 146, 146, 0.3) rgba(146, 146, 146, 0); scrollbar-width: thin; } } .mini-scrollbar::-webkit-scrollbar, .enlighter::-webkit-scrollbar { width: 3px; height: 3px; } .mini-scrollbar::-webkit-scrollbar-track { border-radius: 10px; } .mini-scrollbar::-webkit-scrollbar-thumb { border-radius: 10px; background: rgba(0, 0, 0, 0); } .mini-scrollbar:hover::-webkit-scrollbar-thumb { background: rgba(146, 146, 146, 0.3); } .mini-scrollbar::-webkit-scrollbar-thumb:hover { background: rgba(145, 145, 145, 0.7); } .mini-scrollbar::-webkit-scrollbar-thumb:window-inactive { background: rgba(146, 146, 146, 0.1); } .no-scrollbar::-webkit-scrollbar { display: none; } .no-scrollbar { overflow: -moz-scrollbars-none; scrollbar-width: none; } .scroll-x-next, .scroll-x-prev { position: absolute; top: 50%; width: 1.6em; height: 1.6em; margin-top: -0.8em; z-index: 10; cursor: pointer; display: flex; align-items: center; transition: 0.2s; opacity: 1; justify-content: center; background: var(--main-bg-color); border-radius: 40px; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); opacity: 0.9; } .scroll-x-next { right: 0; } .scroll-x-next:hover, .scroll-x-prev:hover { opacity: 1; color: var(--focus-color); } .scroll-x-next::after, .scroll-x-prev::after { font: normal normal normal 12px/1 FontAwesome; } .scroll-x-next::after { content: '\f054'; } .scroll-x-prev::after { content: '\f053'; } /*----Bootstrap----*/ .form-control { border-color: transparent; background: var(--body-bg-color); color: var(--main-color); box-shadow: none; transition: border-color ease-in-out 0.15s, background ease-in-out 0.15s, box-shadow ease-in-out 0.15s, opacity ease-in-out 0.3s; } .input-group-addon { background: var(--main-border-color); color: var(--muted-2-color); box-shadow: none; border-color: transparent; } select.form-control { -webkit-appearance: none; cursor: pointer; } .badg-form:focus, .form-control:focus { border-color: var(--focus-color); box-shadow: 0 0 2px 3px var(--focus-shadow-color); } .badg-form:focus { color: var(--muted-color); } .badg-form:hover, .form-control:hover { border-color: var(--focus-color); opacity: 0.8; } .form-control[disabled] { background: var(--body-bg-color); opacity: 0.5; } .form-right-icon .form-control { padding-right: 2em; } .screen-reader-text { display: none; } .form-right-icon, .form-select { position: relative; } .form-select::before { font: normal normal normal 14px/1 FontAwesome; content: '\f107'; opacity: 0.5; } .form-but-radio input { display: none; } .form-but-radio label { cursor: pointer; } .form-but-radio input:checked + .but-radio { --this-bg: var(--focus-color); --this-color: #fff; } .form-switch { border-radius: 100px; width: 46px; height: 26px; transition: 0.3s; cursor: pointer; position: relative; overflow: hidden; background: rgba(189, 189, 189, 0.4); } .form-switch::after { content: ''; width: 22px; height: 22px; border-radius: 100px; top: 2px; left: 2px; position: absolute; background: #fff; transition: 0.3s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .form-switch:active::after { width: 30px; } input:checked ~ .form-switch:active::after { width: 30px; left: 14px; } input:checked ~ .form-switch { background: rgb(79, 184, 69); } input:checked ~ .form-switch::after { left: 22px; } input + .limit-warning { display: inline-block; padding: 4px 8px; border-radius: 4px; background: #ff5473; color: #fff; line-height: 1; margin: 6px 0; position: absolute; bottom: -101%; font-size: 12px; z-index: 1; } input + .limit-warning::before { content: '\f05a'; font: normal normal normal 12px/1 FontAwesome; text-rendering: auto; margin-right: 5px; } input + .limit-warning::after { content: ' '; display: inline-block; width: 8px; height: 8px; background: #ff5473; position: absolute; top: -3px; transform: rotate(45deg); left: 9px; border-radius: 2px 0 10px 0; } input + .limit-warning.top { bottom: auto; top: -101%; } input + .limit-warning.top::after { top: auto; bottom: -3px; transform: rotate(225deg); } .dropdown-menu { border-color: transparent; background: var(--main-bg-color); --this-color: var(--main-color); color: var(--this-color); box-shadow: 0 0 10px 8px var(--main-shadow); min-width: 100px; opacity: 0; transform: translateY(6px); transition: 0.3s; display: block; margin-top: 6px; visibility: hidden; list-style: none !important; z-index: 992; } .dropdown-menu.column-2 { width: 269px; } .dropdown-menu.column-2 > li { display: inline-block; width: 50%; } .dropdown-menu.fluid { right: 0; } .dropup { position: relative; } .drop-select { transition: box-shadow 0.2s; } .drop-select .dropdown-menu { box-shadow: 0 0 0 8000px rgba(0, 0, 0, 0.1); } .dropup .dropdown-menu { bottom: 100%; margin-bottom: 6px; transform: translateY(-6px); } .focus-show:focus ~ .dropdown-menu, .open > .dropdown-menu { visibility: unset; opacity: 1; transform: translateY(0); } .dropdown-menu > li > a { color: var(--this-color); padding: 6px 20px; text-shadow: none; } .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > svg { width: 1.28571429em; text-align: center; } .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: var(--focus-color); background: var(--muted-border-color); } .dropdown-menu > .active > a:hover { opacity: 0.7; } .dropdown-menu .divider { background-color: var(--muted-border-color); } .dropdown-menu .plate-select-tab .tab-content, .dropdown-menu .select-drop-box { overflow-y: auto; max-height: 350px; } .dropdown-smilie { width: 260px; height: 300px; padding: 8px 10px; white-space: inherit; text-align: center; } .dropdown-smilie .smilie-icon { display: inline-block; padding: 3px; width: 38px !important; } .dropdown-quick-often { width: 260px; } .dropdown-quick-often .scroll-y { max-height: 280px; } .dropdown-quick-often .list-inline { padding: 0 10px !important; } .quick-reply-item { padding: 6px 0; color: var(--muted-color); margin: 0 10px; } .quick-reply-item + .quick-reply-item { border-top: 1px solid var(--main-border-color); } .quick-reply-item.quick-active { border-radius: 8px; border: 1px solid var(--focus-shadow-color); padding: 7px; box-shadow: 0 0 10px 0 var(--focus-shadow-color); margin: 0px 5px; } .quick-reply-item.quick-active .quick-reply-action { margin: -7px; margin-top: 7px; } .quick-reply-action .modal-buts.but-average { margin: 0 !important; } .quick-reply-action .modal-buts.but-average > .but { padding: 5px; } .dropdown-code, .dropdown-image { width: 250px; padding: 8px 10px; } span.dropup, span.dropdown { display: inline-block; } .dropdown-menu.right { right: 0; left: auto; } .dropdown-menu.right::before { left: auto; right: 12px; } .navbar-form { box-shadow: none; } .list-inline { margin-left: 0; } .list-inline > li { vertical-align: middle; } .list-group-item:first-child { border-top-left-radius: var(--main-radius); border-top-right-radius: var(--main-radius); } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: var(--main-radius); border-bottom-left-radius: var(--main-radius); } .list-group-item { background-color: var(--main-bg-color); border-color: var(--muted-border-color); color: var(--main-color); } a.list-group-item { color: var(--main-color); } a.list-group-item:hover, a.list-group-item:focus { background-color: var(--body-bg-color); border-color: var(--main-border-color); color: var(--focus-color); } .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: transparent; border-color: transparent; } body:has(.modal.in) { overflow: hidden; } /**--------模态框弹出禁用高斯模糊---------**/ body:has(.modal.in) .header, body:has(.modal.in) .float-btn, .modal-open .header, .modal-open .float-btn { -webkit-backdrop-filter: none !important; backdrop-filter: none !important; } .modal { padding-right: 0px !important; } .modal-title { font-size: 16px; } .modal-content { border-radius: var(--main-radius); background: var(--main-bg-color); border: none; } .modal-footer, .modal-header { border-color: var(--main-border-color); } .modal.fade .modal-dialog { transform: scale(0.9); transition: transform 0.5s cubic-bezier(0.32, 0.85, 0.45, 1.18), width 0.3s; } .modal.in .modal-dialog { transform: scale(1); } .modal.in ~ .modal { background: transparent; transition: 0.3s; } .modal.in ~ .modal.in { background: rgba(0, 0, 0, 0.2); } .modal.in.modal-parent .modal-dialog { transform: scale(0.98); transition: 0.2s ease-in-out; } .modal-backdrop ~ .modal-backdrop { opacity: 0 !important; } .modal-dialog .loading-mask { z-index: 1; } .modal .body-bg .modal-content { background: var(--body-bg-color); } .modal-mini, .modal-dialog.modal-sm { width: 300px; max-width: calc(100% - 20px); margin-left: auto; margin-right: auto; } .modal-mini { width: 400px; } .modal-footer .but, .modal-buts .but { padding: 0.3em 1em; } .modal-buts .but + .but, .modal-footer .but + .but, .modal-dialog .pull-right .but { margin-left: 0.5em; margin-right: unset; } .modal.flex .modal-dialog { max-width: calc(100% - 20px); margin: 0; } .modal.flex .modal-content { max-height: calc(100vh - 20px); overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .modal.bottom.flex { align-items: flex-end; overflow: hidden; height: 100%; opacity: 1; } .modal.bottom .modal-dialog { transform: translateY(110%); transition: 0.4s; margin-bottom: 10px; margin-bottom: calc(10px + constant(safe-area-inset-bottom)); margin-bottom: calc(10px + env(safe-area-inset-bottom)); } .modal.bottom .modal-dialog .modal-content { box-shadow: 0 -10px 50px rgba(0, 0, 0, 0.15); } .modal.bottom.in .modal-dialog { transform: translateY(0); transition: 0.6s cubic-bezier(0.28, 0.9, 0.34, 0.99); } .modal .touch-close { position: absolute; top: -24px; width: 100%; } .modal .touch-close::before { content: ' '; width: 40px; height: 4px; display: block; background: var(--muted-3-color); border-radius: 10px; margin: 15px auto; opacity: 0.8; } .modal-buts.but-average { border-top: 1px solid var(--main-border-color); border-radius: 0 0 var(--main-radius) var(--main-radius); } .modal-buts.but-average > .but { background: transparent; padding: 0.8em; } .modal-buts.but-average > .but + .but { border-left: 1px solid var(--main-border-color); } .modal-buts.but-average > .but:hover { background: var(--this-bg); } .modal-body .modal-full-footer, .modal-body .modal-buts.but-average { margin: 0 -15px -15px; } .modal-body .modal-full-footer { background: var(--main-bg-color); padding: 15px; } .modal-body .modal-buts.but-average .miniupload-ing * { --this-color: var(--key-color); } .modal-body .modal-buts.but-average .progress-bar { opacity: 0.5; } .modal-body .border-title { border-bottom: 1px solid var(--main-border-color); padding-bottom: 12px; margin-bottom: 10px; } .gutters-5 { margin: -5px; } .gutters-5 > * { padding: 5px; } .gutters-7 { margin: -7px; } .gutters-7 > * { padding: 5px; } .gutters-10 { margin: -10px; } .gutters-10 > * { padding: 10px; } .gutters-20 { margin: -20px; } .gutters-20 > * { padding: 20px; } .mi-col-2 { width: 50%; } .mi-col-2.mr6 { width: calc(50% - 6px); } /**flex布局轮子**/ .flex { display: flex; } .inflex { display: inline-flex; } /**flex布局自动换行**/ .flex.hh { flex-wrap: wrap; } /**flex布局上下方向**/ .inflex.xx, .flex.xx { flex-direction: column; } /**flex布局上下居中**/ .inflex.ac, .flex.ac { align-items: center; } /**flex布局上下靠底部**/ .inflex.ab, .flex.ab { align-items: flex-end; } /**flex布局上下靠底部**/ .inflex.abl, .flex.abl { align-items: baseline; } .inflex.at, .flex.at { align-items: flex-start; } /**flex布局上下左右居中**/ .inflex.jc, .flex.jc { align-items: center; justify-content: center; } /**flex布局两端对齐**/ .inflex.jsb, .flex.jsb { justify-content: space-between; } /**flex布局两端平均分布**/ .flex.jse { justify-content: space-evenly; } /**flex布局两端平均分布**/ .flex.jsa { justify-content: space-around; } /**flex元素放大比例-1**/ .flex .grow1 { flex-grow: 1; } /**flex元素缩小比例-0：不缩小**/ .flex .shrink0 { flex-shrink: 0; } /**flex元素放大0缩小0**/ .flex .flex0 { flex: none; } /**flex元素放大1缩小1**/ .flex .flex1 { flex: 1; overflow: hidden; } .flex .flex-auto { flex: auto; } .flex .flex-auto-h { flex: auto; overflow: hidden; } .flex .ellipsis-box { overflow: hidden; max-width: 100%; } .inflex.gap10, .flex.gap10 { gap: 10px; } .inflex.gap20, .flex.gap20 { gap: 20px; } .inflex.gap6, .flex.gap6 { gap: 6px; } .inflex.gap3, .flex.gap3 { gap: px; } /**flex排序**/ .order0 { order: 0; } .order1 { order: 1; } .order2 { order: 2; } .block { display: block; } .inline-block { display: inline-block; } .mr3 { margin-right: 3px; } .mr6 { margin-right: 6px; } .mr10 { margin-right: 10px; } .mrn10 { margin-right: -10px; } .mr20 { margin-right: 20px; } .ml3 { margin-left: 3px; } .mln3 { margin-left: -3px; } .ml6 { margin-left: 6px; } .ml10 { margin-left: 10px; } .ml20 { margin-left: 20px; } .mt3 { margin-top: 3px; } .mt6 { margin-top: 6px; } .mt10 { margin-top: 10px; } .mtn6 { margin-top: -6px; } .mtn10 { margin-top: -10px; } .mt15 { margin-top: 15px; } .mt20 { margin-top: 20px; } .mb6 { margin-bottom: 6px; } .mb10 { margin-bottom: 10px; } .mb15 { margin-bottom: 15px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mm3 { margin: 3px; } .list-mt10 + .list-mt10 { margin-top: 10px; } .list-mt20 + .list-mt20 { margin-top: 20px; } .list-mt6 + .list-mt6 { margin-top: 6px; } .col-ml6 > * + * { margin-left: 6px; } .max-vh3 { max-height: 30vh; } .max-vh5 { max-height: 50vh; max-height: 50dvh; } .max-vh7 { max-height: 70vh; max-height: 70dvh; } .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .text-ellipsis-2, .text-ellipsis-3, .text-ellipsis-5 { line-height: 1.4em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; } .text-ellipsis-5 img { max-width: 1.5em; max-height: 1.5em; } .text-ellipsis-2 { height: 2.8em; -webkit-line-clamp: 2; } .text-ellipsis-3 { height: 4.2em; -webkit-line-clamp: 3; } .text-ellipsis-5 { max-height: 7em; -webkit-line-clamp: 5; } .separator { text-align: center; display: flex; justify-content: center; align-items: center; } .separator::after, .separator::before { content: ''; background: var(--main-border-color); max-width: 20%; height: 1px; margin: 0 1em; flex: 1; } /**------图片九宫格--------**/ .img-lattice-box { display: flex; flex-wrap: wrap; margin: -4px; overflow: hidden; border-radius: var(--main-radius); } .img-lattice-box:not(.count-1) > span { flex: 0 0 calc(100% / var(--img-count) - 4px); padding-bottom: calc(100% / var(--img-count) / 1 - 4px); margin: 2px; position: relative; } .img-lattice-box.count-2, .img-lattice-box.count-4 { --img-count: 2; } .img-lattice-box.count-3, .img-lattice-box.count-5, .img-lattice-box.count-6, .img-lattice-box.count-7, .img-lattice-box.count-9 { --img-count: 3; } .img-lattice-box.count-8 { --img-count: 4; } .img-lattice-box:not(.count-1) > span > img { position: absolute; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .img-lattice-box.count-1 img { max-width: 300px; max-height: 300px; width: auto; height: auto; } /**------时间线--------**/ .timeline-box { position: relative; } .timeline-content { position: relative; padding: 6px 6px 6px 28px; top: -3px; } .timeline-content::before { content: ''; position: absolute; left: 5px; top: 13px; width: 7px; height: 7px; border-radius: 50%; background: var(--muted-4-color); z-index: 1; } .timeline-content::after { position: absolute; content: ''; left: 8px; top: 18px; height: 100%; width: 1px; bottom: 6px; background: var(--main-border-color); } .timeline-content:last-child::after { display: none; } .timeline-content:first-child { --this-color: var(--focus-color); } .timeline-time { color: var(--this-color); margin-bottom: 3px; } .timeline-content:first-child::before { left: 4px; top: 12px; width: 9px; height: 9px; background: var(--main-bg-color); border: 2px solid var(--focus-color); } /**--步骤条----*/ .steps-box { display: flex; align-items: center; color: var(--muted-3-color); } .steps-box .step { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-left: 15px; padding-right: 15px; position: relative; } .steps-box .step::before { content: ''; width: 8px; height: 8px; background: var(--muted-3-color); border-radius: 50%; margin-bottom: 10px; z-index: 10; } .steps-box .step.active { color: var(--muted-2-color); } .steps-box .step.active::before { background: transparent; box-shadow: 0 0 0 3px var(--focus-color); } .steps-box .step::after { content: ''; width: 100%; height: 2px; background: var(--muted-4-color); margin-top: 10px; position: absolute; top: -7px; left: 0; } .steps-box .step:first-child::after { left: calc(50% + 6px); } .steps-box .step:last-child::after { right: calc(50% + 3px); left: auto; } /**----------小工具---------*/ .widget-layout-gap { height: var(--pc-gap, 0); } @media (max-width: 768px) { .widget-layout-gap { height: var(--m-gap, 0); } } .zib-widget > h3 { margin: 0; margin-bottom: 10px; font-size: 15px; } .zib-widget.widget_media_video, .zib-widget.widget_media_image { padding: 0; overflow: hidden; } .zib-widget.widget_media_image img { width: 100%; } .widget-tag-cloud.author-tag .but { font-size: 13px; } .widget-tag-cloud.fixed-width .but { width: 89px; } .term-aggregation .term-img { width: 50%; height: 100px; max-width: 240px; } .term-aggregation .term-img .graphic { padding-bottom: 0; height: 100%; } .zib-widget.widget_custom_html { padding: unset; background: unset; box-shadow: unset; border-radius: unset; } /*--------图文模块--------*/ .graphic, .page-cover { text-shadow: 0 0 5px rgba(0, 0, 0, 0.2); --main-color: #fff; color: #fff; position: relative; overflow: hidden; box-shadow: 0 0 10px var(--main-shadow); padding: 0; padding-bottom: 70%; border-radius: var(--main-radius); } .page-cover { padding-bottom: calc(25% + 80px); } .page-cover .dropdown-menu { --this-color: var(--muted-color); } .graphic > .fit-cover { position: absolute; width: 100%; height: 100%; } .linear-mask { background-image: linear-gradient(0deg, rgba(29, 41, 49, 0.4) 3em, rgba(255, 255, 255, 0) 8em); } .graphic-mask { background: #000; } .graphic-text { padding: 5px 10px; transition: 0.3s; } .graphic.style-2 badge { margin: 5px; padding: 0.2em 0.6em; } .style-3 .graphic-text { background: rgba(0, 0, 0, 0.2); } .style-3 .graphic-text + .graphic-text { opacity: 0; transform: translateY(100%); white-space: normal; word-break: break-all; } .graphic.style-3:hover .graphic-text { opacity: 0; transform: translateY(100%); } .graphic.style-3:hover .graphic-text + .graphic-text { opacity: 1; transform: unset; } .graphic.style-4 { margin-bottom: 0; border-radius: var(--main-radius) var(--main-radius) 0 0; } .fixed-wrap .fixed-wrap-nav.zib-widget { padding: 8px 15px; } .fixed-wrap-nav .tab-nav-theme { border-bottom: none; padding: 0; } /**------小工具：复合信息卡片模块--------**/ .zib-combo-info-card { --zci-radius: 12px; --zci-band-h: 80px; } .zib-combo-info-card .zci-card { position: relative; height: 100%; min-height: 180px; background: var(--main-bg-color); border-radius: var(--zci-radius); overflow: hidden; transition: transform 0.25s ease, box-shadow 0.25s ease; box-shadow: 0 1px 3px var(--main-shadow); } .zib-combo-info-card .zci-card:hover { transform: translateY(-3px); box-shadow: 0 12px 32px var(--main-shadow); } .zib-combo-info-card .zci-card::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: calc(var(--zci-band-h) * 1.5); opacity: 0; transition: opacity 0.3s ease; pointer-events: none; } .zib-combo-info-card.zci-has-band .zci-card::before { opacity: 1; } /* 色带配色（仅保留关键的渐变，无法用主题变量简写） */ .zib-combo-info-card .zci-card.zci-band-blue::before { background: linear-gradient(170deg, rgba(114, 160, 255, 0.3), rgba(196, 174, 255, 0.2) 35%, transparent 60%); } .zib-combo-info-card .zci-card.zci-band-cyan::before { background: linear-gradient(170deg, rgba(82, 196, 214, 0.3), rgba(130, 200, 255, 0.18) 35%, transparent 60%); } .zib-combo-info-card .zci-card.zci-band-green::before { background: linear-gradient(170deg, rgba(92, 209, 158, 0.3), rgba(180, 230, 170, 0.2) 35%, transparent 60%); } .zib-combo-info-card .zci-card.zci-band-yellow::before { background: linear-gradient(170deg, rgba(255, 190, 102, 0.3), rgba(255, 220, 132, 0.22) 35%, transparent 60%); } .zib-combo-info-card .zci-card.zci-band-pink::before { background: linear-gradient(170deg, rgba(255, 146, 181, 0.3), rgba(255, 190, 220, 0.2) 35%, transparent 60%); } .zib-combo-info-card .zci-card.zci-band-purple::before { background: linear-gradient(170deg, rgba(170, 140, 255, 0.36), rgba(220, 180, 255, 0.22) 35%, transparent 60%); } .zib-combo-info-card .zci-card.zci-band-gray::before { background: linear-gradient(170deg, rgba(140, 150, 170, 0.22), rgba(190, 195, 210, 0.14) 35%, transparent 60%); } /* 内容区：只控 padding 和层级，flex 布局由 HTML class 完成 */ .zib-combo-info-card .zci-body { position: relative; z-index: 1; padding: 20px; } .zci-tags { margin: -4px; margin-bottom: 10px; } .zci-tags > span { margin: 4px; } /* 图标盒子：尺寸与圆角，背景沿用卡片主色自动适配暗色 */ .zib-combo-info-card .zci-icon { width: 44px; height: 44px; border-radius: 8px; overflow: hidden; } .zib-combo-info-card .zci-icon img { width: 100%; height: 100%; object-fit: cover; display: block; } /* 标题字号（font-bold / text-ellipsis-2 / mb10 已走工具类） */ .zib-combo-info-card .zci-title { font-size: 16px; } /* CTA 行动链接：仅保留颜色 + hover 行为 + 箭头动效 */ .zib-combo-info-card .zci-cta { margin-top: 20px; color: var(--this-color, --key-color); font-weight: 500; transition: 0.2s; } .zib-combo-info-card .zci-cta:hover { gap: 10px; color: var(--focus-color); text-decoration: none; } .zib-combo-info-card .zci-cta .zci-arrow { transform: rotate(-45deg); font-size: 11px; transition: transform 0.25s ease; } .zib-combo-info-card .zci-cta:hover .zci-arrow { transform: rotate(-45deg) translateX(2px); } @media (max-width: 767px) { .zib-combo-info-card .zci-card { min-height: 160px; } .zib-combo-info-card .zci-body { padding: 14px; } .col-xs-12 .zci-card .zci-body { padding: 20px; } .zib-combo-info-card .zci-title { font-size: 15px; } } /**------小工具：横向滚动合作伙伴模块--------**/ .zib-partners-scroll { --zps-card-w: 220px; --zps-card-h: 90px; --zps-card-radius: 10px; --zps-speed: 3; --zps-gap: 10px; position: relative; width: 100%; overflow: hidden; } .zib-partners-scroll .zps-row { position: relative; overflow: hidden; margin-bottom: var(--zps-gap); } .zib-partners-scroll .zps-row:last-child { margin-bottom: 0; } .zib-partners-scroll .zps-track { display: flex; width: max-content; will-change: transform; animation: zps-scroll-left var(--zps-duration, 30s) linear infinite; animation-play-state: paused; } .zib-partners-scroll .zps-dir-right .zps-track { animation-name: zps-scroll-right; } .zib-partners-scroll .zps-track[data-zps-ready] { animation-play-state: running; } .zib-partners-scroll .zps-group { gap: var(--zps-gap); padding-right: var(--zps-gap); } .zib-partners-scroll.zps-pause-hover .zps-row:hover .zps-track { animation-play-state: paused; } .zib-partners-scroll .zps-item { width: var(--zps-card-w); height: var(--zps-card-h); overflow: hidden; padding: 8px 10px; color: inherit; } .zib-partners-scroll .zps-img { max-width: 100%; max-height: 100%; width: auto; height: 100%; object-fit: contain; display: block; } .zib-partners-scroll.zps-card-bg .zps-item { background: var(--main-bg-color); border-radius: var(--zps-card-radius); } .zib-widget .zib-partners-scroll.zps-card-bg .zps-item { background: var(--muted-border-color); } /* 图文卡片模式 */ .zib-partners-scroll.zps-style-card .zps-card-icon { width: calc(var(--zps-card-h) - 30px); height: calc(var(--zps-card-h) - 30px); min-width: 40px; min-height: 40px; overflow: hidden; } .zib-partners-scroll.zps-style-card .zps-img { object-fit: cover; border-radius: calc(var(--zps-card-radius) - 4px); width: 100%; } /* 纯 Logo 模式：高度固定、宽度自适应，图片保持原始比例 */ .zib-partners-scroll.zps-style-logo .zps-item { width: auto; min-width: 0; justify-content: center; padding: 0 20px; } .zib-partners-scroll.zps-style-logo .zps-img { height: calc(var(--zps-card-h) - 24px); max-height: calc(var(--zps-card-h) - 24px); width: auto; max-width: none; filter: grayscale(40%); transition: filter 0.25s ease, transform 0.25s ease; } .zib-partners-scroll.zps-style-logo .zps-item:hover .zps-img { filter: grayscale(0); transform: scale(1.04); } /* 精简胶囊模式 */ .zib-partners-scroll.zps-style-chip .zps-item { min-height: 40px; width: auto; height: auto; padding: 8px 14px; } .zib-partners-scroll.zps-card-bg.zps-style-chip .zps-item { padding: 8px 16px 8px 10px; } .zib-partners-scroll.zps-style-chip .zps-chip-icon .zps-img { height: 22px; border-radius: 4px; } .zib-partners-scroll.zps-card-bg.zps-style-chip .zps-chip-icon .zps-img { border-radius: calc(var(--zps-card-radius) - 4px); } .zib-partners-scroll.zps-style-chip .zps-chip-title { max-width: 180px; } .zps-end-fade { position: relative; --zps-end-fade-color: var(--body-bg-color); } .zps-end-fade::before, .zps-end-fade::after { content: ''; z-index: 1; position: absolute; top: 0; width: 160px; height: 100%; } .zps-end-fade::before { left: -10px; background: linear-gradient(to left, rgba(255, 255, 255, 0), var(--zps-end-fade-color) 90%); } .zps-end-fade::after { right: -10px; background: linear-gradient(to right, rgba(255, 255, 255, 0), var(--zps-end-fade-color) 90%); } .zib-widget .zps-end-fade { --zps-end-fade-color: var(--main-bg-color); } @keyframes zps-scroll-left { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(var(--zps-shift, -50%), 0, 0); } } @keyframes zps-scroll-right { from { transform: translate3d(var(--zps-shift, -50%), 0, 0); } to { transform: translate3d(0, 0, 0); } } @media (max-width: 767px) { .zib-partners-scroll { --zps-card-w: 160px; --zps-card-h: 70px; } .zib-partners-scroll.zps-style-logo .zps-item { padding: 0 12px; } .zps-end-fade::after { width: 60px; } } @media (prefers-reduced-motion: reduce) { .zib-partners-scroll .zps-track { animation: none !important; } } /**------小工具：文本标题模块--------**/ .widget-text-title .text-desc span, .widget-text-title .text-title span { display: inline-block; } .widget-text-title .text-desc, .widget-text-title .text-title { font-size: var(--pc-font_size); font-weight: var(--pc-font_weight); margin-top: var(--pc-margin_top); margin-bottom: var(--pc-margin_bottom); } .widget-text-title .text-title-icon .fa, .widget-text-title .text-title-icon svg { width: var(--icon-width, 1em); } @media (max-width: 767px) { .widget-text-title .text-desc, .widget-text-title .text-title { font-size: var(--m-font_size); font-weight: var(--m-font_weight); margin-top: var(--m-margin_top); margin-bottom: var(--m-margin_bottom); } } /**------小工具：按钮组模块--------**/ .widget-buttons-wrap { margin: calc(0px - var(--pc-gap, 10px)); } .widget-buttons-wrap > div { margin: var(--pc-gap, 10px); } .widget-buttons-wrap .but { width: var(--pc-width, auto); } .widget-buttons-wrap.align-center { justify-content: center; } .widget-buttons-wrap.align-right { justify-content: flex-end; } .widget-buttons-wrap.align-left { justify-content: flex-start; } .widget-buttons.pc-size-small .but { padding: 0.3em 0.6em; } .widget-buttons.pc-size-medium .but { padding: 8px 16px; } .widget-buttons.pc-size-large .but { padding: 12px 24px; } @media (max-width: 768px) { .widget-buttons-wrap { margin: calc(0px - var(--m-gap, 5px)); } .widget-buttons-wrap > div { margin: var(--m-gap, 5px); } .widget-buttons-wrap .but { width: var(--m-width, auto); } .widget-buttons.m-size-small .but { padding: 0.3em 0.6em; } .widget-buttons.m-size-medium .but { padding: 8px 16px; } .widget-buttons.m-size-large .but { padding: 12px 24px; } } /*---------其他内容---------*/ .author-minicard, .author-minicard .avatar-img { display: inline-block; } .author-minicard { width: calc(33.332% - 10px); min-width: 280px; background: var(--muted-border-color); text-align: left; padding: 10px 0 10px 15px; margin: 5px; vertical-align: top; } .author-minicard .list-inline > li + li { width: calc(100% - 58px); } .mobile-nav-widget .author-minicard { padding: 8px 4px; min-width: 240px; } .links-cat-header { padding: 0px 15px 10px; } .links-box:not(.zib-widget):not(.links-style-simple):not(.links-style-image) { margin: -5px; } .links-box .links-card { padding: 10px 4px 10px 8px; min-width: 0; } .links-style-bigcard { display: flex; flex-wrap: wrap; } .links-style-bigcard.text-center { justify-content: center; } .links-style-bigcard.text-right { justify-content: end; } .links-box .links-card.big-card { padding: 20px 10px 15px; text-align: center; } .links-box:not(.zib-widget) .links-card { background: var(--main-bg-color); } .links-style-image { --link-img-size: 60px; --this-margin: 10px; } .links-style-image:not(.zib-widget) { margin: calc(0px - var(--this-margin)); margin-bottom: calc(5px - var(--this-margin)); } .links-style-image.zib-widget { padding: calc(15px - var(--this-margin)); } .links-style-image .link-img.link-only-img { margin: var(--this-margin); --this-size: var(--link-img-size); } .links-card a { display: block; } .links-card.big-card .link-img { --this-size: 58px; } .links-card.big-card .link-img img { border-radius: 100px; } .link-img img { border-radius: 4px; } .link-page-search-cover .header-slider-search { top: 50%; } .link-page-search-cover.page-cover { padding-bottom: calc(25% + 100px); } .link-page-search-cover .tab-nav-theme li a { opacity: 0.7; padding: 0 10px; } .link-page-search-cover .tab-nav-theme li a:hover, .link-page-search-cover .tab-nav-theme li.active a { color: var(--main-color); opacity: 1; } .link-page-search-cover .tab-nav-theme li:before { background: #fff; } .user-ranking-box .img-badge.left { left: -15px; padding: 2px 3px; top: -5px; transform: scale(0.8); transform-origin: left; } .posts-nav-lists { max-height: 400px; padding-left: 10px; } .posts-nav-lists .bl { border-left: 1px solid var(--main-border-color); padding: 20px 10px 20px 0; } .posts-nav-lists li.yc:not(.active) { display: none; } .posts-nav-lists li a { margin: 0 10px; display: block; border-radius: 4px; padding: 8px; margin-right: 20px; } .posts-nav-lists .fa-angle-right { position: absolute; cursor: pointer; right: 0; top: 0; padding: 8px 15px; color: var(--muted-2-color); margin-right: -15px; transition: all 0.2s; font-size: 20px; } .posts-nav-lists li a:hover, .posts-nav-lists li.active a, .nav .active a, .dosc-nav li a:hover, .dosc-nav li a:focus, .nav > li > a:hover, .nav > li > a:focus { background: var(--main-shadow); color: var(--focus-color); } .posts-nav-lists li.n-H1 a, .posts-nav-lists li.n-H2 a { font-weight: 700; } .posts-nav-lists li.n-H3 a { padding-left: 25px; } .posts-nav-lists li.n-H4 a { padding-left: 42px; font-size: 12px; } .posts-nav-lists .bl::after, .posts-nav-lists .bl::before, .posts-nav-lists li::before { position: absolute; bottom: 0; left: -6px; width: 11px; height: 11px; border: 2px solid var(--focus-color); background: var(--main-bg-color); border-radius: 15px; content: ''; transition: 0.15s; } .posts-nav-lists .bl::before { bottom: auto; top: 0; } .posts-nav-lists li::before { top: 50%; transform: translateY(-50%); border: 3px solid var(--main-bg-color); background: var(--muted-3-color); opacity: 0; } .posts-nav-lists li.n-H2::before, .posts-nav-lists li.n-H1::before { border-width: 2px; opacity: 1; } .posts-nav-lists li.n-H2::before { border-width: 3px; } .posts-nav-lists li.n-H3::before { border-width: 4px; opacity: 0.6; } .posts-nav-lists li.active::before, .posts-nav-lists li:hover::before { opacity: 1; border-width: 2px; background: var(--focus-color); } /*-----文档模式分类、文章列表------*/ .dosc-nav .panel-toggle { padding: 10px; display: block; } .dosc-nav .title-h-left { margin-bottom: 12px; } .dosc-nav .panel { border: none; box-shadow: none; border-radius: 0 !important; border-top: 1px solid var(--main-border-color); } .dosc-nav .panel + .panel { margin: 0; } .dosc-nav .panel-group { margin: 0; } .panel-child { padding-left: 20px; } .dosc-nav .nav > li > a { padding: 5px 10px; } .dosc-nav .nav > li:last-of-type { margin-bottom: 10px; } .dosc-article-title { padding: 15px 0 5px 0; font-size: 20px; border-bottom: 1px solid var(--muted-border-color); } .dosc-article-meta item a, .dosc-article-meta item { margin-right: 8px; font-size: 13px; --main-color: var(--muted-2-color); } .dosc-article-meta item .action { display: inline; vertical-align: unset; padding: 0; } .dosc-article-meta item .action .icon { font-size: 1em; width: 1em; margin: 0; } .article-content .article-docs-footer { padding: 10px 0; } .article-content .article-docs-footer a { padding: 5px; height: auto; font-size: 24px; vertical-align: middle; } .article-content .article-docs-footer a icon { width: 24px; height: 24px; font-size: 13px; margin-right: 6px; } .article-content .article-docs-footer a text { font-size: 13px; } .article-content .article-docs-footer .action .icon { width: auto; margin: 0; } .article-content .article-docs-footer .action text { font-size: 14px; } .page-cover .dosc-search { --main-color: #fff; --muted-2-color: #fff; --muted-color: #fff; --main-border-color: #fff; } /*-----文档导航页面模板------*/ .document-nav .cat-load { padding: 10px; display: block; } .document-nav .panel-child, .document-nav .category { padding-left: 15px; } .document-nav .panel { border-color: transparent !important; } .document-nav .loading { overflow: hidden; width: 0; opacity: 0; transition: 0.3s; } .document-nav .is-loading .loading { width: 0.7em; opacity: 1; margin-right: 6px; } .document-nav > .panel-group > .cat-load { padding-left: 2px; } .document-nav > .panel-group > .cat-load::before { color: initial; } .document-nav .panel-toggle:not(.collapsed) { color: var(--focus-color); } .document-nav .cat-load.active { background: var(--main-border-color); color: var(--focus-color); border-radius: 4px; } .document-nav-container { transition: 0.3s; } .document-nav-container.is-loading { opacity: 0.5; } .document-search .search-loading { transition: 0.2s; opacity: 0; visibility: hidden; } .document-search.is-loading .search-loading { visibility: unset; opacity: 0.8; } /*-----海报分享的初始化------*/ .modal .modal-dialog.poster-share { width: 360px; } .poster-imgbox > img { -o-object-fit: contain; object-fit: contain; max-width: 360px; height: 100%; width: 100%; border-radius: var(--main-radius); } .poster-loading .loading { margin: 1em 0; font-size: 40px; } .poster-imgbox.loaded .poster-loading { display: none; } .poster-share .but.cir { width: 36px; height: 36px; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); } /*-----zib.media-文件管理-图片上传---*/ .mini-media-my-box .drop-mask { position: absolute; background: rgba(33, 55, 81, 0.7); left: 0; width: 100%; height: 100%; z-index: 1; top: 0; font-size: 1.6em; color: #fff; padding: 20px; display: none; align-items: center; justify-content: center; } .mini-media-my-box.drag-over { position: relative; } .mini-media-my-box.drag-over .drop-mask { display: flex; } .mini-media-modal .mini-media-my-lists .progress-text { position: absolute; font-size: 12px; bottom: 5px; top: auto; color: #fff; text-align: center; left: 0; width: 100%; background: rgba(0, 0, 0, 0.3); } .mini-media-my-lists { flex-wrap: wrap; display: flex; } .mini-media-my-lists .list-item { flex: auto; flex-basis: auto; margin: 3px; flex-basis: calc(50% - 6px); flex-grow: 0; position: relative; overflow: hidden; border-radius: 4px; background: var(--main-border-color); } .mini-media-my-lists .list-item:not(.upload-ing) { cursor: pointer; } .mini-media-my-lists .list-item.upload-ing { box-shadow: 0 0 5px 1px #74c374; } .mini-media-my-lists .list-item-icon-box { width: 33px; height: 33px; border-radius: 4px; background: var(--main-bg-color); } .mini-media-my-lists.type-image .list-item { flex-basis: calc(25% - 6px); } .mini-media-my-lists.type-image .list-item .list-box { width: 100%; height: 0; padding-bottom: 100%; } .mini-media-my-lists.type-image .list-box > img { position: absolute; width: 100%; height: 100%; transition: all 0.2s; overflow: hidden; -o-object-fit: cover; object-fit: cover; } .mini-media-my-lists .theme-pagination { flex: auto; flex-grow: 1; flex-shrink: 1; flex-basis: auto; flex-basis: 100%; margin: 12px 0 0; } [disabled] + .upload-btn { opacity: 0.5; cursor: no-drop; } .list-item.active { box-shadow: 0 0 0 2px var(--focus-color); } .list-item[disabled] { opacity: 0.5; } .list-item .active-index { color: #fff; position: absolute; right: -1px; top: -1px; z-index: 1; background: var(--focus-color); border-radius: 0 1px 0 4px; padding: 2px 3px; font-size: 12px; line-height: 12px; min-width: 16px; text-align: center; } /*-----打赏模态框-----*/ .rewards-img { height: 140px; width: 140px; border-radius: var(--main-radius); overflow: hidden; margin: auto; } .admin-edit a { color: var(--focus-color) !important; font-size: 0.8em; padding: 0.1em; } /*-----滑动验证码------*/ .imagecaptcha > img { width: 92px; height: 35px; border-radius: 4px; } .line-form .imagecaptcha.abs-right { margin-top: -2px; } .sign .line-form .imagecaptcha.abs-right { margin-top: -8px; margin-right: -8px; } .slidercaptcha { min-height: 205px; } .captcha-body-bg { border-radius: 4px; border: 1px solid var(--muted-border-color); background: var(--main-shadow); } .slidercaptcha .captcha-body-bar { position: absolute; top: 0; left: 0; } .sliderContainer { text-align: center; background: var(--main-shadow); color: var(--muted-2-color); border-radius: 4px; margin-top: 0.5rem; position: relative; line-height: 40px; height: 40px; } .refreshIcon { position: absolute; right: 0; opacity: 0.6; top: 0; padding: 10px; color: #fff; text-shadow: 0 0 5px #000; } .sliderMask { position: absolute; border-radius: 4px; height: 40px; transition: 0.3s; } .sliderContainer_active .sliderMask { background: rgba(5, 224, 96, 0.1); border: 1px solid rgba(94, 182, 89, 0.6); transition: unset; } .sliderContainer_success .sliderMask { background: rgba(0, 153, 255, 0.2); border: 1px solid #43b5fc; } .sliderContainer_fail .sliderMask { background: rgba(255, 0, 0, 0.2); border: 1px solid #ff4842; } .captcha-slider { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: var(--main-bg-color); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); cursor: pointer; border-radius: 4px; transition: 0.3s; } .sliderContainer_active .captcha-slider { transition: unset; } .sliderContainer_success .captcha-slider { background: #3ca4f9; color: #fff; } .sliderContainer_fail .captcha-slider { background: #f7564a; color: #fff; } .sliderContainer_success .sliderIcon:before { content: '\f00c'; } .sliderContainer_fail .sliderIcon:before { content: '\f00d'; } /*------登录框-------*/ .sign-content { padding: 20px 0; } .sign-img { position: absolute; padding-right: 40%; } .sign-logo img { max-width: 180px; max-height: 60px; } .sign { max-width: 330px; margin: auto; } .sign-img + .sign { margin-left: 45%; max-width: unset; } .sign ul > li { margin: 10px 0; } .sign .but { margin: 0; } #sign-up, #sign-in { padding: 0 10px; } .sign .line-form-input { padding: 0 2em 0.3em 0.3em; margin-top: 1.7em; } .sign .line-form .abs-right { margin-top: -3px; } .sign .captchsubmit { margin-right: -0.7em; padding: 0.3em 1em; } .sign .signup-captch { display: none; } .match-ok { right: 110px; color: #45b6f7; opacity: 0; } .match-ok.show { opacity: 1; } .yztx ~ .match-ok { right: 110px; } .social_loginbar { text-align: center; } .social_loginbar .xh-social-item, .social_loginbar .social-login-item { float: none; display: inline-block; width: 32px !important; height: 32px !important; line-height: 32px; cursor: pointer; border-radius: 50px; margin: 3px 5px; } .social-login-item.button-lg { width: 120px !important; } .social-login-item.button-lg .fa, .social-login-item.button-lg .icon { margin-right: 6px; font-size: 1.1em; } .social-login-item.button-lg.baidu .icon { font-size: 1.2em; } .social-login-item, .social-login-item svg { color: #fff !important; } .social-login-item.weibo { background: #ea5d5c; } .social-login-item.weixingzh, .social-login-item.weixin { background: #24b76a; } .social-login-item.facebook, .social-login-item.qq { background: #1296db; } .social-login-item.alipay { background: #1296db; } .social-login-item.baidu { background: #4e6ef2; } .social-login-item.github { background: #505050; } .social-login-item.gitee { background: #c2292f; } .social-login-item.twitter, .social-login-item.dingtalk { background: #399ffb; } .social-login-item.huawei { background: #f2363f; } .social-login-item.xiaomi { background: #ff6901; } .social-login-item.google { background: #5d80f4; } .social-login-item.microsoft { background: #f25022; } .social-login-item.toggle-radius { font-size: 16px; } .social-login-item.toggle-radius.baidu, .social-login-item.toggle-radius.alipay, .social-login-item.toggle-radius.github { font-size: 20px; } .social-login-item.toggle-radius.weibo { font-size: 18px; } .qrcode-signin-container { min-height: 254px; } .signin-qrcode-img { width: 180px; min-height: 180px; border-radius: 6px; } /*----登录注册找回密码页面------*/ /*----文章内支付盒子，付费相关--新V5.2----*/ .pay-box.pay-widget .vip-price { padding-top: 8px; width: 100%; display: inline-block; text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.1); color: inherit; } .vip-price:hover { color: inherit; background: rgba(0, 0, 0, 0.05); } .vip-price-text { display: inline-block; } .pay-widget .vip-price + .vip-price { border-left: 1px solid rgba(255, 255, 255, 0.1); } .pay-widget .vip-price-buts, .pay-widget .pay-button .dropup, .pay-widget .initiate-pay, .pay-widget .cashier-link, .pay-widget .vip-price, .pay-widget .signin-loader { width: 100%; } .pay-widget .but-group > .vip-price, .pay-widget .but-group > .but { width: 50%; } .pay-widget .cashier-link, .pay-widget .initiate-pay { padding: 0.5em; } .pay-widget .vip-price > .em12 { font-size: 2em; display: block; } .pay-widget .price-box > .c-yellow { text-align: center; --this-color: #fff; } .pay-widget .price-box > .text-center { width: 100%; } .pay-gallery { width: 45%; background: var(--main-border-color); } .pay-box .paid-info { border-left: 1px dashed rgba(255, 255, 255, 0.51); padding-left: 20px; } .pay-thumb { width: 40%; } .pay-widget .paid-info { border: unset; padding: unset; border-top: 1px dashed rgba(255, 255, 255, 0.51); padding-top: 10px; } .paid-box { border-radius: var(--main-radius); } .paid-box { padding: 0 !important; } .paid-info-box.flex { display: flex; } .paid-info a { color: inherit; } .paid-gallery { background: var(--main-border-color); padding: 60px; } .paid-down-group > .btn-block { display: inline-block; width: 50%; } .paid-modal-content { max-height: calc(90vh - 360px); } /*----文章内支付盒子，付费相关------*/ .pay-box { font-size: 14px; position: relative; overflow: hidden; line-height: 1.4; } .pay-box .pay-tag, .vip-product .vip-tag { font-size: 13px; padding: 3px 10px; right: auto; width: auto; top: 10px; background: var(--this-bg); color: var(--this-color); border-radius: var(--main-radius) 0 var(--main-radius) 0; line-height: 1.4; z-index: 1; } .pay-box ul.list-inline { margin: 0 !important; padding: 0 !important; } .pay-box ul.list-inline li { width: 90px; margin: 0; } .pay-box ul.list-inline li + li { width: calc(100% - 95px); } .cashier-link { padding: 0.5em 3em; } .but.initiate-pay { padding: 0.6em 1em; } .pay-attr, .paid-info-box, .pay-box .pay-extra-hide, .pay-box .pay-details { font-size: 13px; background: var(--muted-border-color); display: block; padding: 6px 10px; line-height: 1.4; color: var(--muted-color); border-radius: 4px; } .pay-attr { line-height: 1.6; } .pay-box .pay-mark { font-size: 12px; margin-right: 3px; } .pay-box .pay-cuont { margin-left: 10px; font-size: 12px; padding: 1px 10px; vertical-align: top; } .pay-box .pay-details { margin-top: 10px; padding: 10px; } .pay-details ul { margin-top: 0 !important; margin-bottom: 0 !important; } .pay-box .pay-thumbnail { width: 80px; height: 80px; } .pay-box .pay-thumbnail img { height: 100%; } .pay-box .pay-box-price { color: #fb403f; margin: 4px 0; font-size: 16px; } .pay-box .vip-price { border: none; font-size: 12px; padding: 4px 12px; flex: content; } .original-price { padding-left: 1px; padding-right: 2px; position: relative; font-size: 14px; display: inline-flex; align-items: baseline; } .original-price::before { content: ''; position: absolute; width: 100%; height: 1px; background: var(--this-color, rgba(255, 52, 59)); top: 50%; left: 0; transform: rotate(8deg); transform-origin: center; } .pay-box .but-download { padding: 10px 10px 5px 10px; min-width: 50%; } .pay-box .but-download .but { min-width: 130px; } .pay-box .but-download .but + .but { min-width: auto; } .pay-box .but-download .but > .fa, .pay-box .but-download .but svg.icon { margin-right: 1em; } .pay-box .but.baidu { background: #1578f8; } .pay-box .but.lanzou { background: #f37526; } .pay-box .but.alipan { background: #6666ff; } .pay-box .but.weiyun { background: #33b0fa; } .pay-box .but.onedrive { background: #1254c6; } .pay-box .but.tianyi { background: #fe9c0a; } .pay-box .but.ctfile { background: #08be9f; } .payment-method-radio { padding: 5px; } .payment-method-radio > * { margin: 3px; } .payment-method-radio img { height: 35px; } .payment-method-radio + .payment-method-radio { margin-left: 10px; } .coupon-input + .abs-right { right: 2px; } .order-item .order-thumb { width: 70px; height: 70px; border-radius: 8px; background: var(--main-border-color); } .paid-modal-lists-box .order-item .order-thumb { width: 50px; height: 50px; } /*----购买vip会员----*/ .payvip-modal { padding: 30px; } .payvip-modal .user-box > li + li { width: calc(100% - 70px); } .payvip_icon { color: #f9915a; } .payvip_icon .fa { font-size: 50px; } .payvip_equity { line-height: 1.8; } .vip-product { border: 2px solid var(--main-border-color); background: var(--main-shadow); box-shadow: none; min-width: 140px; min-height: 86px; display: inline-flex; flex-direction: column; justify-content: space-evenly; align-items: center; margin: 4px; font-weight: normal; padding: 5px 8px; cursor: pointer; transition: 0.15s; position: relative; overflow: unset; } .vip-product .product-price { font-size: 22px; } .vip-product .pay-mark { font-size: 13px; } .vip-product .original-price { font-size: 15px; color: var(--muted-color); } .vip-product .vip-tag { font-size: 12px; padding: 1px 5px; border-radius: 4px; left: auto; right: -8px; top: -10px; transform: scale(0.9); } .vip-product.active, .vip-product-input:checked ~ .vip-product { border-color: #ff5473; background: var(--main-bg-color); } .vip-product.active::before, .exchange-card-box > .vip-card.active::before, .vip-product-input:checked ~ .vip-product::before { content: '\f058'; font: normal normal normal 14px/1 FontAwesome; color: #ff5473; position: absolute; left: 2px; top: 2px; } .balance-charge-form .vip-product { min-width: 82px; min-height: 65px; } .active-icon.abs-right { color: #ffffff; top: 20px; right: auto; left: 13px; font-size: 20px; opacity: 0; transition: 0.15s; } .payvip-modal .label-box > label { vertical-align: bottom; } .payvip-modal .active .vip-card { box-shadow: 0 0 10px rgba(98, 98, 98, 0.6); transform: translateY(-1px); } .active .active-icon { opacity: 1; } .vip-card { overflow: hidden; position: relative; border-radius: 6px; padding: 15px; background: #d2b484; background: linear-gradient(25deg, #e6aa4f 10%, #f1d7ad 70%, #f5b97b 100%); color: #866127; transition: 0.3s; } .vip-img { font-size: 70px; } .vip-icon { font-size: 2em; } .vip-name { font-size: 20px; } .vip-theme2 { background: linear-gradient(317deg, #2c294a, #686886 30%, #35343e) rgba(107, 106, 102, 0.3); color: #e4e2fb; } .vip-theme2 .vip-baicon { color: #5f5f5f; } .payvip-button { background: linear-gradient(135deg, #ff9633 10%, #f14315 100%); padding: 4px 15px !important; box-shadow: 0 0 10px rgba(26, 22, 15, 0.3); position: relative; z-index: 2; } .vip-expdate-tag { font-size: 0.8em; padding: 0.1em 6px; vertical-align: 0.1em; } .vip-theme2 .payvip-button { background: linear-gradient(270deg, #ada48a, #eae5b7 45%, #f5efd6); color: #72511d; --this-color: #72511d; } .payvip-icon { background: linear-gradient(300deg, #4c4d51, #2a2a31 15%, #85858a 40%, #393a3c 60%, #393838 80%, #5e5f62 100%); text-shadow: none; font-weight: normal; position: relative; color: #ece0e0; border: none; --this-color: #ece0e0; overflow: hidden; } .payvip-icon:before { content: '\f219'; font: normal normal normal 14px/1 FontAwesome; font-size: 3.5em; right: -0.2em !important; top: 80% !important; opacity: 0.06; } .vipbg-v1 { background: linear-gradient(60deg, #f0bf81 0, #fdefd6 30%, #f2deb9 40%, #fdc277 80%, #f9e1b7 100%); color: #8c5728; --this-color: #8c5728; } .vipbg-v1:before { content: '\f006'; } .vip-texticon { font-size: 0.85em; background: transparent; color: #de8644; } .vip-baicon.abs-center { font-size: 15em; top: 80%; left: -22%; opacity: 0.2; z-index: 0; } .vip-cardminis > li { flex: auto; } .vip-cardmini .vip-baicon.abs-center { font-size: 7em; } .vip-cardmini { text-align: center; } .exchange-card-box { margin: -5px; } .exchange-card-box > .vip-card { width: calc(50% - 10px); padding: 8px 10px; margin: 5px; } .exchange-card-box > .vip-card.active { box-shadow: 0 0 0 2px var(--focus-color); } .exchange-card-box > .vip-card.active::before { left: auto; right: 4px; top: 4px; color: #fff; font-size: 18px; } .avatar-icontag { position: absolute; border-radius: 50px; line-height: 1; padding: 2px; right: -3px; bottom: -2px; font-size: 11px; background: #f7efe3; border: 1px solid var(--main-bg-color); } /*----图片灯箱------*/ .page-share > a { font-size: 22px; margin: 0 10px; } /*----文章归档模板-----*/ .archives ul > li { padding: 5px 0; } /*----文章导航模板----*/ .posts-navs .title-theme h2 { margin: inherit; font-size: inherit; } .option-dropdown { padding: 5px 10px; display: inline-block; color: var(--muted-color); } .ajax-option .option-items { margin-left: 10px; --main-color: var(--muted-2-color); } .ajax-option .option-dropdown { color: var(--main-color); } .ajax-option .option-dropdown .dropdown-menu { max-height: 400px; overflow-y: auto; } .yiyan-box { padding: 10px 15px; min-height: 40px; } .yiyan .en { font-size: 0.8em; opacity: 0.8; } .yiyan-box:hover { box-shadow: inset 0 0 5px 0 var(--focus-shadow-color); } /*---------系统通知-----------*/ .notyn { position: fixed; bottom: 6em; right: 0; max-width: 320px; z-index: 10000000; } .notyf { margin-bottom: 0.6em; color: #fff; float: right; min-width: 200px; padding: 1em 3em 1em 3.4em; box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.1); transform: translateX(1.5em); transition: 0.3s; -webkit-backdrop-filter: saturate(5) blur(20px); backdrop-filter: saturate(5) blur(20px); -webkit-animation: notyf 0.4s cubic-bezier(0.35, 0.71, 0.46, 1.08); animation: notyf 0.4s cubic-bezier(0.35, 0.71, 0.46, 1.08); } .notyn-out .notyf { transform: translateX(110%); opacity: 0.5; transition: 0.5s; } @-webkit-keyframes notyf { 0% { transform: translateX(110%); opacity: 0; } 100% { transform: translateX(1.5em); opacity: 1; } } @keyframes notyf { 0% { transform: translateX(110%); opacity: 0; } 100% { transform: translateX(1.5em); opacity: 1; } } .notyf:before { font: normal normal normal 16px/1 FontAwesome; left: 0.8em; font-size: 1.5em; position: absolute; top: 0; bottom: 0; margin: auto; height: 20px; } .notyf.success { background: linear-gradient(90deg, rgba(15, 147, 249, 0.7), rgba(61, 189, 249, 0.8)); } .notyf.success:before { content: '\f058'; } .notyf.info { background: linear-gradient(90deg, rgba(58, 162, 54, 0.8), rgba(89, 247, 131, 0.8)); } .notyf.info:before { content: '\f0a1'; } .notyf.warning, .notyf.load { background: linear-gradient(90deg, rgba(253, 170, 71, 0.7), rgba(247, 154, 13, 0.8)); } .notyf.warning:before { content: '\f05a'; } .notyf.danger { background: linear-gradient(90deg, rgba(253, 69, 28, 0.7), rgba(251, 110, 75, 0.8)); } .notyf.danger:before { content: '\f057'; } .notyf .fa-close { float: right; padding: 0.6em; margin: -0.4em; } .action-like.action-animation .icon, .action-comment-like.action-animation .icon { -webkit-animation: lovestar 0.6s 0s 1 ease normal none; animation: lovestar 0.6s 0s 1 ease normal none; } @-webkit-keyframes lovestar { 0% { transform: translate3d(0, 0, 0); } 35% { transform: translate3d(0, 4px, 0) rotate(5deg); } 60% { transform: translate3d(-2px, -6px, 0) scale(1.3) rotate(-25deg); } 100% { transform: translate3d(0, 0, 0) scale(1) rotate(0); } } @keyframes lovestar { 0% { transform: translate3d(0, 0, 0); } 35% { transform: translate3d(0, 4px, 0) rotate(5deg); } 60% { transform: translate3d(-2px, -6px, 0) scale(1.3) rotate(-25deg); } 100% { transform: translate3d(0, 0, 0) scale(1) rotate(0); } } .close { transition: 0.2s; opacity: 0.4; color: var(--muted-color); position: relative; z-index: 1; } .close.abs-close { position: absolute; right: 10px; top: 10px; } .close:focus, .close:hover { color: inherit; } .fixed, .absolute, .progress { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .fixed { position: fixed; } .abs-left, .abs-right, .form-select::before, .payvip-icon:before, .abs-center, .line-form-label, .toggle-radius .fa, .toggle-radius .icon { position: absolute; top: 50%; right: 0.7em; transform: translateY(-50%); z-index: 1; } .abs-center { left: 0; width: 100%; } .abs-left { right: auto; left: 0.7em; } .abs-center.left-top, .abs-center.right-top { transform: unset; top: 0; } .abs-center.right-top { left: auto; width: auto; } .abs-center.left-top { text-align: left; } .abs-center.conter-bottom, .abs-center.conter-conter { text-align: center; } .abs-center.right-top, .abs-center.right-bottom, .abs-center.right-conter { text-align: right; } .abs-center.conter-bottom, .abs-center.right-bottom, .abs-center.left-bottom { top: auto; transform: unset; bottom: 0; } .abs-blur-bg { position: absolute; left: -50px; top: -50px; width: calc(100% + 100px); height: calc(100% + 100px); -webkit-filter: blur(30px); filter: blur(30px); } .abs { position: absolute; } .abs.left-top { left: 0; top: 0; } .abs.right-top { right: 0; top: 0; } .abs.left-bottom { left: 0; bottom: 0; } .abs.right-bottom { right: 0; bottom: 0; } /* -------线条形状输入框---------- */ .scale-placeholder { position: absolute; bottom: 5px; opacity: 0.5; transition: 0.2s; padding-left: 4px; transform-origin: left top; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; cursor: text; } .scale-placeholder.is-focus, input:focus ~ .scale-placeholder { transform: translateY(-20px); font-size: 11px; } input:-internal-autofill-previewed ~ .scale-placeholder, input:-internal-autofill-selected ~ .scale-placeholder { transform: translateY(-20px); font-size: 11px; } input:focus ~ .scale-placeholder { color: var(--focus-color); opacity: 0.9; } .line-form .abs-right { margin-top: 3px; } .line-form-input { outline: 0 !important; border: none; display: block; width: 100%; padding: 1em 2em 0.4em 0.3em; opacity: 0.8; transition: 0.3s; background: transparent !important; } .line-form-input::-webkit-input-placeholder { color: var(--muted-2-color); } .line-form-input:-moz-placeholder { color: var(--muted-2-color); } .line-form-input:-moz-placeholder { color: var(--muted-2-color); } .line-form-input:focus { opacity: 1; } .line-form-label { left: 1em; right: unset; } .line-form-line, .line-form-line:before { position: absolute; bottom: 0; left: 0; height: 1px; width: 100%; transition: 0.8s; background: var(--main-border-color); } .line-form-line:before { content: ''; width: 0; background: var(--focus-color); } .line-form-input:hover ~ .line-form-line:before, .line-form-input:focus ~ .line-form-line:before { width: 100%; } .line-form-input:focus ~ .line-form-line:before { box-shadow: 0 -1px 3px 1.5px var(--focus-shadow-color); } .link-cat-submit { display: none; } .step-simple { padding: 10px; background: var(--main-border-color); border-radius: 4px; text-align: center; display: flex; } .step-simple > li { flex: 1; position: relative; margin: 0 6px; } .step-simple > li:last-of-type::after { content: unset; display: none; } .step-simple > li::after { font: normal normal normal 18px/1 FontAwesome; font-size: 18px; content: '\f105'; color: var(--muted-3-color); position: absolute; right: -10px; font-size: 20px; top: 0; } .step-simple a { color: inherit; } .step-simple .active { color: var(--focus-color); } /*------------轮子css结束---------轮子css结束---------轮子css结束---------轮子css结束----------轮子css结束---------------------------------*/ @media (min-width: 1240px) { .container { max-width: var(--mian-max-width); width: auto; } } .container-header, .container-footer { max-width: 1380px; max-width: calc(var(--mian-max-width) + 180px); } .content-wrap { float: left; width: 100%; } .sidebar { float: left; width: 311px; position: relative; } .site-layout-1 .sidebar { display: none; } .site-layout-2 .content-layout { margin-right: calc(311px + 15px); } .site-layout-2 .sidebar { float: left; margin-left: -311px; width: 311px; position: unset; } .site-layout-3 .content-layout { margin-left: calc(311px + 15px); margin-right: unset; } .site-layout-3 .sidebar { margin-left: -100%; } .header { padding: 8px 20px; background: var(--header-bg); margin-bottom: 20px; transition: 0.15s; } .body-scroll .header { box-shadow: 0px 4px 10px var(--main-shadow); } .header a:not(.but), .header svg { color: var(--header-color); } .header .sub-menu { background: var(--main-bg-color); text-shadow: none; } .header .sub-menu a, .header .dropdown-menu a, .header .sub-menu svg { color: var(--main-color); } [data-language].active, .header [data-language].active { color: var(--focus-color); } .header .language-dropdown .dropdown-menu { right: -20px; } .header .language-dropdown.pull-right.dropdown .dropdown-menu::before { right: 30px; } .language-dropdown .loading-backdrop { border-radius: 4px; background: rgba(0, 0, 0, 0.1); } body.nav-fixed:not(.body-scroll):not(.mobile-navbar-show) .header.show-slide { --header-bg: linear-gradient(0, rgba(0, 0, 0, 0) 5%, rgba(0, 0, 0, 0.1) 80%); --header-color: #fff; -webkit-backdrop-filter: unset; backdrop-filter: unset; } body:not(.nav-fixed) .header.show-slide { margin-bottom: 0; } body.nav-fixed .slide-header { margin-top: -90px; } .scroll-down.nav-fixed .header.scroll-down-hide { transform: translate3d(0, -105%, 0); -webkit-backdrop-filter: none; backdrop-filter: none; } .slide-header .slide-text { padding-top: 70px; } .slide-header img, .slide-header video, .slide-header .s-desc, .wp-block-carousel figcaption { border-radius: 0 !important; } .search-keywords { padding: 10px; } .header form { text-align: center; } .header-slider-search { max-width: 840px; margin: auto; padding: 0 20px; font-size: 17px; top: calc(50% - 10px); z-index: 2; } .card-0 .header-slider-search { top: calc(50% + 20px); } .header-slider-search .search-input { max-width: 800px; } .header-slider-search-more { color: #fff; } .header-slider-search-more.before { margin-bottom: 1.8em; } .header-slider-search .search-type-but-average { margin-bottom: 2em; } .header-slider-search .search_keywords, .header-slider-search .search-type-but-average .but { --this-bg: rgba(255, 255, 255, 0.8); --this-color: #888; } .filter-blur .header-slider-search .search_keywords, .filter-blur .header-slider-search .search-type-but-average .but { -webkit-backdrop-filter: saturate(5) blur(20px); backdrop-filter: saturate(5) blur(20px); } .header-slider-search .search-type-but-average .but.active { --this-bg: var(--focus-color); --this-color: #fff; } .header-slider-search .line-form { background: rgba(255, 255, 255, 0.8); border-radius: 100px; padding: 0.5em 1.2em; z-index: 1; color: #555; } .header-slider-search .line-form .dropdown > a a, .header-slider-search .line-form .dropdown > a, .header-slider-search .line-form .icon { color: #555; } .header-slider-search .search-input-text { position: relative; padding: 5px 10px; } .header-slider-search .line-form-input { padding: 0; } .header-slider-search .search-keywords > p, .header-slider-search .search-input-text .line-form-line { display: none; } .header-slider-search .search-keywords { text-align: center; } .header-slider-search .search_keywords { padding: 3px 5px; font-size: 0.85em; } .header-slider-search .line-form .abs-right { margin-top: 0; margin-right: -6px; } .header-slider-card { margin-top: -40px; z-index: 1; } .header-slider-card .zib-widget { margin-bottom: 0; } .filter-blur .header-slider-search .line-form, .filter-blur .header-slider-card .zib-widget { -webkit-backdrop-filter: saturate(5) blur(20px); backdrop-filter: saturate(5) blur(20px); } .filter-blur .header-slider-card .zib-widget { background: var(--blur-bg); } /*------------导航栏-----------*/ .nav-fixed .header { position: fixed; z-index: 999; width: 100%; top: 0; -webkit-backdrop-filter: saturate(5) blur(20px); backdrop-filter: saturate(5) blur(20px); } .mobile-navbar + .fixed-body { z-index: 996; } .navbar-top { margin: 0; border-radius: 0 !important; font-size: 15px; } badge.top, .navbar-top badge { transform: translate(-5px, -10px) scale(0.85); margin-right: -10px; } .navbar-top badge { transform: translate(-10px, -10px) scale(0.85); } .navbar-top .navbar-nav { margin-left: 20px; margin-right: 20px; } .navbar-top .navbar-right { padding-right: 0; } .navbar-right ~ .navbar-right { padding-right: 5px; } .navbar-top .navbar-but .but { font-size: 0.8em; padding: 0.3em 1em !important; margin: 0.4em; } .navbar-top .navbar-but .but.hover-show { z-index: 99; } .navbar-top .navbar-brand { padding: 7px 10px; } .navbar-logo > img { height: 36px; padding: 0 30px; } .navbar-top .nav > li > a { padding-left: 10px; padding-right: 10px; border-radius: 4px; display: inline-flex !important; overflow: hidden; align-items: center; } .navbar-top .nav > li > a > .menu-item-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .menu-item > a > .but { transform: translateY(-2px); margin: -0.3em; } .navbar-top .nav li a:focus, .navbar-top .nav li a:hover, .current-menu-item > a { background-color: transparent; color: var(--focus-color); } .navbar-top .fa { transition: 0.2s; } .navbar-collapse .search-input { background: var(--main-shadow); } .navbar-collapse .search-input ~ .dropdown-menu { margin-top: 15px; } .navbar-collapse .dropdown-menu .search-input { background: transparent; padding: 10px; width: 460px; } .navbar-nav li a, .navbar-nav li { max-height: 50px; position: relative; } .navbar-top .sub-menu, .theme-popover { visibility: hidden; position: absolute; min-width: 120px; background-color: var(--main-bg-color); padding: 10px 5px; z-index: 99; border-radius: var(--main-radius); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .navbar-top li:hover > .sub-menu { visibility: unset; } .navbar-top .sub-menu .sub-menu { left: 100%; top: -10px; } .theme-popover { display: unset; } .navbar-search { visibility: hidden; transform: translateY(-101%); padding: 10px 30px; padding-top: 80px; background: var(--main-bg-color); height: auto; opacity: 1; box-shadow: 0px 14px 10px rgba(0, 0, 0, 0.08); z-index: 998; transition: all 0.5s; } .navbar-search.show { visibility: unset; transform: translateY(0); } .navbar-top .navbar-right .sub-menu { right: 0; } .navbar-top .sub-menu li > a { white-space: nowrap; display: block; padding: 5px 15px; } .navbar-top .sub-menu li > a:hover { transform: translateX(5px); } .navbar-top .sub-menu .menu-item-has-children > a { padding-right: 35px; } .navbar-top .sub-menu .menu-item-has-children > a > .fa-angle-down { position: absolute; right: 15px; top: 8px; } .navbar-top .newadd-btns { opacity: 1 !important; } .navbar-top .drop-newadd { width: 137px; padding: 7px 10px; } .navbar-top .drop-newadd::before { top: -4px; left: auto; right: 27px; } /******----导航栏高级子菜单----*********/ .menu-graphic-card-item, .submenu-multi-column-links .links-items .link-item > * { --main-color: var(--muted-2-color); } .mobile-navbar .menu-graphic-card-item .title, .mobile-navbar .submenu-multi-column-links .links-items .link-item > * { font-size: 0.9em; } .mobile-navbar .sub-menu.senior-submenu .container { background: var(--muted-border-color); border-radius: var(--main-radius); padding: 4px 10px; margin: 4px 0; } .sub-menu.senior-submenu ~ .sub-menu { display: none; } .navbar-top .sub-menu.senior-submenu { position: fixed; left: 0; right: 0; box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05); border-radius: 0 0 16px 16px; padding: 20px 0; top: 59px; } .links-columns-box .link-item > * { padding: 8px 5px; display: flex; align-items: center; } .navbar-top .links-column { margin: 10px; } .navbar-top .links-columns-box .column-title { border-bottom: 1px solid var(--main-border-color); font-size: 1.1em; margin-bottom: 8px; } .links-columns-box .link-item .icon-hover-show { opacity: 0; transition: 0.3s; } .navbar-top .links-columns-box .link-item > a:hover > .icon-hover-show { opacity: 1; transform: translate3d(10px, 0, 0); } .links-columns-box .link-item img { width: 24px; height: 24px; border-radius: 4px; margin-right: 6px; flex-shrink: 0; object-fit: cover; } .mobile-navbar .links-columns-box .link-item > * { padding: 5px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 110px; display: block; } .mobile-navbar .links-columns-box .link-item img { width: 24px; height: 24px; } /*导航栏高级子菜单:图文卡片菜单*/ .navbar-top .menu-graphic-card-item { margin: 20px 10px; } .navbar-top .submenu-graphic-card { --img-size: 130px; } .navbar-top .submenu-graphic-card.size-sm { --img-size: 80px; } .navbar-top .submenu-graphic-card.size-xs { --img-size: 180px; } .navbar-top .submenu-graphic-card.size-lg { --img-size: 240px; } .mobile-navbar .submenu-graphic-card.size-sm { --img-size: 68px; } .mobile-navbar .submenu-graphic-card { --img-size: 107px; } .mobile-navbar .submenu-graphic-card.size-xs { --img-size: 140px; } .mobile-navbar .submenu-graphic-card.size-lg { --img-size: 180px; } .menu-graphic-card-item .img-box { width: var(--img-size); height: calc(var(--img-size) * var(--img-scale, 1)); border-radius: var(--main-radius); overflow: hidden; position: relative; } .navbar-top .links-column, .navbar-top .menu-graphic-card-item { opacity: 0; transition: 0.6s; transform: translate3d(0, 20px, 0); } .navbar-top li:hover .links-column, .navbar-top li:hover .menu-graphic-card-item { transition-delay: var(--ani-delay); opacity: 1; transform: none; } .menu-graphic-card-item .title.text-ellipsis { width: var(--img-size); text-align: center; } .sub-user-box { width: 242px; word-break: break-word; white-space: normal; } .mobile-navbar.top .sub-user-box { width: auto; text-align: center; margin: auto; max-width: 400px; } .mobile-navbar.top .sub-user-box > ul { overflow: hidden; } .sub-user-box .list-inline > li + li { width: calc(100% - 48px); } .sub-user-box .social-login-item.button-lg { width: 110px !important; font-size: 13px; } .sub-user-box .user-name { width: calc(100% - 3em); } .sub-user-box .author-tag > * { max-height: 41px; overflow: hidden; flex: auto; } .sub-vip-card { font-size: 12px; } .sub-vip-card .vip-card { display: inline-block; width: 240px; margin: 5px; } .sub-vip-card .vip-baicon.abs-center { font-size: 10em; left: 55%; } .sub-vip-card .payvip-button { font-size: 1em !important; margin: 0 !important; } .sub-vip-card .vip-name { font-size: 16px; } .sub-vip-card .vip-img { display: none; } .sub-user-box .payvip-icon { padding: 8px 0; } .header-user-href > a { display: inline-block; padding-top: 10px; min-width: 58px; } .header-user-href > a:hover { opacity: 0.7; } .header-user-href > a div + div { font-size: 12px; } .header-user-href .toggle-radius { width: 36px; height: 36px; } .navbar-top li.current-menu-item > a, .navbar-top li:hover > a { color: var(--focus-color); } .navbar-top li.current-menu-item:before, .navbar-top li.current-menu-item > a:before, .navbar-top li:hover:before, .navbar-top li:hover > a:before { opacity: 1; } .navbar-nav li:hover > a .fa-angle-down { transform: rotate(-90deg); } .navbar-nav > li:before { content: ' '; position: absolute; width: 100%; top: -10px; background: var(--focus-color); height: 5px; border-radius: 0 0 15px 15px; opacity: 0; } .navbar-avatar { margin-top: 3px; display: block; width: 29px; height: 29px; } .swiper-container { position: relative; overflow: hidden; } .swiper-wrapper { transform: translate3d(0, 0, 0); display: flex; position: relative; } .swiper-slide { transform: translate3d(0, 0, 0); flex-shrink: 0; width: 100%; height: 100%; position: relative; overflow: hidden; transition-property: transform; } .swiper-tab-nav, .swiper-tab, .new-swiper, .overflow-hidden { overflow: hidden; position: relative; } .swiper-tab .swiper-slide .swiper-slide { height: 100%; } .new-swiper { --pc-height: auto; --m-height: auto; --max-height: auto; --min-height: auto; } .scale-height { --scale-height: 40%; --pc-height: 100%; --m-height: 100%; padding-bottom: var(--scale-height); width: 100%; height: 0; } .scale-height .swiper-wrapper, .scale-height .swiper-slide img { position: absolute; } .new-swiper .swiper-wrapper { height: var(--pc-height); display: flex; } .new-swiper .swiper-slide img:not(.img-icon):not(.smilie-icon):not(.avatar-badge):not(.avatar) { max-height: var(--max-height); min-height: var(--min-height); -o-object-fit: cover; object-fit: cover; height: 100%; width: 100%; } .swiper-scroll .swiper-slide { width: unset; margin-right: 10px; } .swiper-scroll .swiper-slide:last-of-type { margin-right: 0; } .swiper-tab-nav .swiper-slide.swiper-slide-thumb-active a { color: var(--focus-color); } .gradient-background .swiper-wrapper .slide-dplayer, .blur-background .swiper-wrapper .slide-dplayer { display: flex; align-items: center; justify-content: center; } .swiper-slide.gradient-bg .dplayer-poster img, .swiper-slide.gradient-bg > * > img, .blur-background .slide-blur-bg + * > img { object-fit: contain !important; border-radius: 0 !important; } .blur-background .slide-blur-bg img { top: 0; left: 0; opacity: 0.5; transform: scale(1.5); --lazy-animation: none; } .swiper-slide .dplayer:not(.dplayer-fulled-browser) .dplayer-controller .dplayer-bar-wrap, .swiper-slide .dplayer:not(.dplayer-fulled-browser) .dplayer-controller .dplayer-icons .dplayer-loop, .swiper-slide .dplayer .dplayer-controller .dplayer-icons .dplayer-full-in, .swiper-slide .dplayer:not(.dplayer-fulled-browser) .dplayer-controller .dplayer-icons .dplayer-volume { display: none; } .slide-dplayer-played .dplayer-poster { display: none; } .slide-dplayer:not(.slide-dplayer-played) .new-dplayer { opacity: 0; } .slide-dplayer .new-dplayer, .slide-dplayer > * { display: block; height: 100%; width: 100%; } .swiper-slide .dplayer.dplayer-mobile .dplayer-controller .dplayer-icons .dplayer-play-icon { display: inline-block; } .dplayer-poster .play-icon .toggle-radius { width: 80px; height: 80px; font-size: 30px; background: rgba(0, 0, 0, 0.3); color: #fff; } .s-desc, .slide-text, .wp-block-carousel figcaption { position: absolute; color: #fff; bottom: 0; padding: 1.8em 2.5em; background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), transparent); width: 100%; font-size: 16px; text-shadow: 0 0 8px rgba(0, 0, 0, 0.3); z-index: 1; border-radius: 0 0 var(--main-radius) var(--main-radius); } .swiper-slide .slide-layer img { -o-object-fit: contain !important; object-fit: contain !important; width: auto !important; position: unset !important; } .slide-text { background: unset; opacity: 0; bottom: unset; transition: opacity 1s; --text-size-pc: 20px; font-size: var(--text-size-pc); } .swiper-bulletin { padding: 0.1em 6px; background: var(--this-bg); } .swiper-bulletin .new-swiper { line-height: 2.4em; height: 2.4em; overflow: hidden; } .swiper-bulletin .text-ellipsis { display: block; line-height: 33px; } .swiper-bulletin a { color: var(--this-color); } .bulletin-icon { background: var(--this-color); width: 26px; height: 26px; text-align: center; border-radius: 30px; color: #fff; font-size: 16px; display: inline-block; vertical-align: -8px; } .sbg .bulletin-icon { color: var(--this-bg); } .imgbox { display: none; } .comment-content .box-img:not(.smilie-icon), .alone-imgbox-img, .cursor-zoom-in { cursor: zoom-in; } .media-body { width: auto; } /***-------文章列表--------*/ .posts-row { margin-left: -8px; margin-right: -8px; margin-bottom: 15px; } .posts-row > *:not(.post_ajax_loader) { margin-left: 8px !important; margin-right: 8px !important; } .posts-item { padding: 20px; margin: 15px 0; background: var(--main-bg-color); overflow: hidden; transition: 0.2s; box-shadow: 0 0 10px var(--main-shadow); border-radius: var(--main-radius); } .posts-item .post-graphic:not(.order1) { margin-right: 20px; } .posts-item .order1.post-graphic { margin-right: 0; margin-left: 20px; } .posts-item .item-thumbnail { width: 190px; height: 0; padding-bottom: var(--posts-list-scale); position: relative; overflow: hidden; border-radius: var(--main-radius); } .new-swiper.item-thumbnail.contain img:not(.img-icon):not(.smilie-icon):not(.avatar-badge):not(.avatar), .item-thumbnail.contain img { object-fit: contain; } .item-thumbnail .swiper-wrapper { height: 100% !important; } .list .item-thumbnail .zib-slider, .list .item-thumbnail.new-swiper { margin: 0 !important; position: absolute; height: 100%; } .item-thumbnail .dplayer.dplayer-thumb { padding-bottom: var(--posts-list-scale); transition: opacity 0.3s; } .card .item-thumbnail .dplayer.dplayer-thumb { padding-bottom: var(--posts-card-scale); } .item-thumbnail .dplayer-thumb .dplayer-bezel .dplayer-bezel-icon { opacity: 0 !important; } .item-thumbnail .dplayer-video-wrap, .item-thumbnail .swiper-wrapper, .item-thumbnail img { position: absolute; } .item-thumbnail .dplayer-video-wrap { z-index: 1; } .dplayer-thumb-hide { opacity: 0; } .thumb-dplayer-playing .abs-center .fa-play-circle { opacity: 0; } .forum-lists-cover .swiper-pagination, .item-thumbnail .swiper-pagination { text-align: center !important; bottom: 0 !important; padding: 0 2px !important; left: 0 !important; right: 0 !important; } .posts-item .item-heading { margin-top: 0; margin-bottom: 5px; font-size: 18px; line-height: 1.4em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; max-height: 2.8em; } .list.style2 .item-thumbnail { width: 130px; } .list.style2 .item-heading { text-overflow: ellipsis; white-space: nowrap; display: unset; max-height: 1.4em; } .posts-item .item-heading > a { color: var(--key-color); } .posts-item .item-heading > a:hover { color: var(--focus-color); } .posts-item .item-meta item { margin-right: 8px; font-size: 13px; } .posts-item .meta-right item:last-child { margin-right: 0; } .item-meta .avatar-mini { transform: translateY(-1px); } .item-meta .meta-pay { padding: 0 4px; } .posts-item .item-meta a, .posts-mini .item-meta a { color: inherit; } .posts-item .item-tags a { font-size: 11px; padding: 2px 5px; margin-right: 5px; } .posts-item .item-tags a .fa { font-size: 1em; } .posts-item.card { width: calc(33.333% - 16px); display: inline-block; margin: 8px; padding: 10px; vertical-align: top; transition: 0.3s; } .swiper-scroll .posts-item.card { margin: 0 !important; margin-right: 16px !important; width: calc(33.333% - 11px) !important; } .posts-item.card:last-child { margin-bottom: 20px; } .posts-item.card .item-body { width: 100%; margin: 10px 0 0 0; padding: 0; } .posts-item.card .item-meta item { font-size: 12px; } .posts-mini-con .item-heading, .posts-item.card .item-heading { font-size: 14px; } .posts-item.card .item-heading { min-height: 2.8em; } .posts-item.card .item-tags { min-height: 23px; } .posts-mini-con .badg { min-width: 18px; } .posts-item.card .item-thumbnail { width: 100%; padding-bottom: var(--posts-card-scale); } .posts-item.card.style2 { background: transparent; box-shadow: none; } .posts-item.card.style2:hover { background: var(--main-bg-color); box-shadow: 0 0 10px var(--main-shadow); } .posts-item.card.style3 { padding: 0; } .posts-item.card.style3 .item-thumbnail, .posts-item.card.style3 .item-thumbnail img { border-radius: var(--main-radius) var(--main-radius) 0 0; } .posts-item.card.style3 .item-body { padding: 10px; margin: 0; } .swiper-scroll .posts-item { flex-shrink: 0; margin-top: 0; margin-bottom: 0; } .posts-item.mult-thumb .thumb-items { margin: 0 -3px 6px -3px; } .posts-item.mult-thumb .thumb-items > span { width: calc(25% - 6px); display: inline-block; height: 0; padding-bottom: calc(var(--posts-list-scale) / 4); margin: 0 3px; position: relative; } .posts-item.no_margin { margin: 0; box-shadow: none; border-radius: 0; } .posts-item.no-thumb .item-excerpt { height: auto; } .posts-item.mult-thumb .thumb-items > span > img { position: absolute; } .posts-item.mult-thumb .thumb-items.contain > span { background: var(--main-border-color); border-radius: var(--main-radius); overflow: hidden; } .posts-item.mult-thumb .thumb-items.contain > span > img { object-fit: contain; border-radius: 0; } .posts-item + .pagenav { margin-top: -15px; } .posts-item.card + .pagenav { margin-top: -10px; } .no_margin:first-of-type { margin-top: 10px; border-radius: var(--main-radius) var(--main-radius) 0 0; } .no_margin:last-of-type { margin-bottom: 15px; border-radius: 0 0 var(--main-radius) var(--main-radius); } .waterfall-box { position: relative; } .waterfall-box .card:not(.waterfall-item) { opacity: 0; } .waterfall-box .card .item-thumbnail { padding-bottom: 0; height: auto; } .waterfall-box .card .item-thumbnail img { position: relative; width: 100%; height: 100%; object-fit: cover; } /*--文章列表mini----文章列表mini----文章列表mini----文章列表mini----文章列表mini--*/ .posts-mini { padding: 10px; display: inline-flex; width: 50%; } .posts-mini-con { flex: auto; overflow: hidden; } .sidebar .posts-mini, .mobile-nav-widget .posts-mini { width: 100% !important; } .mobile-nav-widget .posts-mini { padding-left: 0; padding-right: 0; } .mobile-navbar.right .posts-mini .meta-author > span, .mobile-navbar.left .posts-mini .meta-author > span { display: none; } .posts-mini .item-thumbnail { width: 96px; height: 0; padding-bottom: var(--posts-list-scale); position: relative; overflow: hidden; border-radius: var(--main-radius); } .posts-mini:last-of-type { margin-bottom: 0; } .posts-mini .item-heading { margin: 0; } .posts-mini .item-heading.icon-circle { margin-left: -5px; } .posts-mini .item-meta { font-size: 12px; } .posts-mini-lists { padding: 5px; } .posts-mini-lists .tab-nav-theme { padding: 0 5px 2px; } .zib-widget.posts-mini-lists .relative > .tab-nav-theme ~ .scroll-x-prev, .zib-widget.posts-mini-lists .relative > .tab-nav-theme ~ .scroll-x-next { top: 10px; } .mobile-nav-widget .posts-mini-lists .tab-nav-theme { margin: 0 -5px; padding: 0; } .widget-main-post.style-list .widget-ajaxpager, .widget-main-post.style-card .widget-ajaxpager, .widget-tab-post.index-tab .tab-content > .tab-pane { margin: -8px; margin-bottom: 15px; } .widget-tab-post.style-list .tab-content > .tab-pane { margin-bottom: 25px; } .widget-main-post.style-list .posts-item, .widget-tab-post.style-list .posts-item { margin-left: 8px; margin-right: 8px; } .widget-tab-post.index-tab .list-inline { margin-bottom: 15px; } .widget-tab-post.style-list .list-inline { margin-bottom: 25px; } /*----底部页脚----底部页脚----底部页脚----底部页脚----底部页脚----底部页脚----底部页脚---*/ .footer { color: var(--footer-color); background: var(--footer-bg); padding: 30px; font-size: 13px; } .footer a:not(.but):not(.focus-color) { color: var(--footer-color); } .footer a:hover { color: var(--focus-color); } .footer .list-inline > li { margin: 5px 15px; } .footer .list-inline > li + li + li { float: right; } .footer-miniimg { width: 90px; margin: 0 10px; text-align: center; vertical-align: text-top; display: inline-block; } .footer-contact > a { font-size: 20px; margin: 5px; width: 35px; height: 35px; } .footer-wechat-img { width: 140px; bottom: 90%; left: -55px; padding-bottom: 20px; } /*----移动端--底部TAB导航---*/ .footer-tabbar { display: none; position: fixed; left: 0; right: 0; bottom: 0; width: 100%; z-index: 1035; justify-content: space-around; align-items: center; text-align: center; background: var(--header-bg); padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); box-shadow: 0 -4px 5px var(--main-shadow); -webkit-backdrop-filter: saturate(5) blur(20px); backdrop-filter: saturate(5) blur(20px); transition: transform 0.3s; } .scroll-down .scroll-down-hide.footer-tabbar, .scroll-ing .scrolling-hide.footer-tabbar { transform: translateY(120%); -webkit-backdrop-filter: none; backdrop-filter: none; } .footer-tabbar .tabbar-item a, .footer-tabbar .tabbar-item { flex: 1; position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; min-height: 49px; padding: 3px 0; color: var(--muted-color); } .tabbar-item.tabbar-ontop > a { position: absolute; } .ontop.tabbar-item { transform: translateY(55px); } .ontop.tabbar-item.show { display: flex !important; } .ontop.tabbar-item.show + a { transform: translateY(-55px); } .tabbar-item.actived, .tabbar-item.active { color: var(--focus-color); } .tabbar-item > svg, .tabbar-item > icon { font-size: 24px; line-height: 1em; height: 1em; } .tabbar-item .avatar-mini { --this-size: 24px; transform: translateY(-2px); } .tabbar-item badge { font-size: 12px; transform: scale(0.8) translateX(13px); position: absolute; top: 1px; } .tabbar-item.newadd-btns { position: unset; } .tabbar-item .drop-newadd { top: auto; bottom: 59px; left: 10px; right: 10px; align-items: center; display: flex; padding: 10px 5px; } .tabbar-item .drop-newadd::before { bottom: -4px; top: auto; left: calc(50% - 4px); } .tabbar-item .btn-newadd { text-align: center; } .tabbar-item .btn-newadd icon { width: 46px; height: 46px; margin: 0 0 10px; } .tabbar-item .btn-newadd text { font-size: 16px; } .footer-tabbar text { width: 100%; font-size: 13px; line-height: 1em; transform: scale(0.8); } .footer-tabbar .single-action-tabbar { flex: unset; min-width: 40px; margin-right: 12px; flex-shrink: 0; } .footer-tabbar .single-action-tabbar:first-child { margin-left: 12px; } .footer-tabbar .single-pay-tabbar { background: var(--this-bg); color: var(--this-color); padding: 7px; flex: auto; min-height: auto; margin: 0 16px 0 12px; border-radius: 100px; } .footer-tabbar .virtual-input .but, .footer-tabbar .single-action-tabbar text { display: none; } .footer-tabbar .virtual-input { flex: auto; height: auto; min-height: auto; margin: 0 12px; overflow: hidden; } .footer-tabbar count { color: var(--muted-2-color); border-radius: 20px; margin-top: -22px; font-size: 13px; line-height: 1em; transform: scale(0.8); } .footer-tabbar count:not(:empty) { margin-left: -15%; } .footer-tabbar .but-group { padding: 6px; margin: 0 8px; } /*----右边浮动按钮-返回顶部---右边浮动按钮-返回顶部---右边浮动按钮-返回顶部---右边浮动按钮-返回顶部---*/ .float-right { position: fixed; bottom: 60px; right: 20px; z-index: 1030; text-align: center; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); transition: 0.3s; } body:has(.modal.in) .float-right, .modal-open .float-right, .imgbox-show .float-right, .scroll-down .scroll-down-hide.float-right, .scroll-ing .scrolling-hide.float-right { transform: translateX(200%); } body:has(.modal.in) .float-right.position-center, .modal-open .float-right.position-center, .imgbox-show .float-right.position-center, .scroll-down .scroll-down-hide.float-right.position-center, .scroll-ing .scrolling-hide.float-right.position-center { transform: translate(200%, -50%); } .tabbar-item.active { color: var(--focus-color); } .float-right.position-center { bottom: auto; top: 50%; transform: translateY(-50%); } .float-right.position-top { bottom: auto; top: 80px; } .float-right .float-btn { width: 40px; min-height: 40px; display: flex; justify-content: center; align-items: center; flex-direction: column; padding: 7px 0px; font-size: 1.4em; --this-color: var(--muted-2-color); --this-bg: var(--float-btn-bg); background: var(--this-bg); position: relative; color: var(--this-color) !important; } .float-right .float-btn text { font-size: 12px; line-height: 1; margin-top: 5px; } .float-right badge { transform: translate(-11px, -5px) scale(0.85); margin-right: -50px; right: auto; left: 35px; font-size: 12px; position: absolute; } .float-btn.wait-pay-btn .hover-show-con { animation: float-wait-pay 2s; animation-delay: 0.3s; } body.modal-open .float-btn.wait-pay-btn .hover-show-con { opacity: 0 !important; } @keyframes float-wait-pay { 0% { opacity: 0; visibility: unset; box-shadow: 0 0 10px 0 rgba(255, 73, 121, 0.1); } 10% { opacity: 1; box-shadow: 0 0 10px 0 rgba(255, 73, 121, 0.95); } 30% { box-shadow: 0 0 10px 0 rgba(255, 73, 121, 0.1); } 50% { box-shadow: 0 0 10px 0 rgba(255, 73, 121, 0.95); } 70% { box-shadow: 0 0 10px 0 rgba(255, 73, 121, 0.1); } 80% { visibility: unset; opacity: 1; } } .filter .float-btn { -webkit-backdrop-filter: saturate(2) blur(10px); backdrop-filter: saturate(2) blur(10px); } .float-right.square .float-btn + .float-btn { border-top: 1px solid var(--main-shadow); } .float-right.round .float-btn { margin-top: 6px; border-radius: 8px; } .float-btn.ontop { opacity: 0; transition: 0.5s; transform: translateY(10px); visibility: hidden; } .ontop.show { opacity: 1; transform: translateY(0); visibility: unset; display: flex !important; } .float-btn .hover-show-con { right: 35px; left: auto; width: 200px; margin-right: 15px; top: 0; font-size: 14px; line-height: 1.4; color: var(--main-color); padding: 10px; margin-top: 0; border-radius: var(--main-radius); cursor: auto; } .float-btn .dropdown-menu::before { left: auto; top: 15px; right: -5px; } .float-btn.service-wechat .hover-show-con { width: 120px; top: -40px; padding: 0; } .float-btn.service-wechat .dropdown-menu::before { top: 53px; } .float-btn.qrcode-btn .hover-show-con { width: 150px; top: -60px; padding: 16px 5px 12px; text-align: center; } .float-btn.qrcode-btn .qrcode { background: #fff; display: inline-flex; padding: 5px; } .float-btn.qrcode-btn .dropdown-menu::before { top: 73px; } .float-btn.newadd-btns .drop-newadd { width: 137px; top: -74px; } .float-btn.newadd-btns .drop-newadd::before { left: auto; top: 88px; right: -5px; } .float-btn .order-thumb { width: 48px; height: 48px; } /*----搜索页面-----搜索页面-----搜索页面-----搜索页面-----搜索页面-----搜索页面----*/ .search-close-box { max-width: 660px; margin: auto; } .search-close-box > .but { float: right; } .search-input { max-width: 600px; margin: auto; } .search-input .line-form { display: flex; align-items: flex-end; } .search-input .line-form .search-input-text { flex-grow: 2; } .search-input .line-form .option-dropdown { flex-shrink: 0; padding-left: 2px; } .search-null-img { max-width: 300px; width: 100%; margin: 40px 0; } .search-tab-header .tab-nav-theme > li > a { font-size: 1.1em; padding: 0 8px; } .search-filter-item > * { padding: 8px 12px; } .search-filter-item + .search-filter-item { border-top: 1px dashed var(--main-border-color); } .search-page-ajaxpager { margin: 0 -8px 20px -8px; } .search-page-ajaxpager > .ajax-item-header, .search-page-ajaxpager > .ajax-item { margin: 8px; } .search-page-ajaxpager > .ajax-item-header { margin-bottom: -10px; } .ajax-item-header + .post_ajax_loader { margin: 190px 0; } .search-page-ajaxpager > .ajax-item-header.type-forum { margin-bottom: 0; } .search-page-ajaxpager > .plate-lists.ajax-item { margin: 5px; } .search-page-ajaxpager > .forum-posts.alone { margin-bottom: 16px; } .search-page-ajaxpager .author-minicard { width: calc(33.332% - 16px); background: var(--main-bg-color); } /*----ajax自动搜索----*/ .search-loading .search-remind, .search-loading .search-icon { color: var(--focus-color); } /*-----------单独页面----------------------*/ .page-content-full .article, .page-content-nobox .article { all: unset; } .container.page-content-full { all: unset; } .article.page-article { padding-top: 30px; } /*-----------文章页面--------文章页面--------文章页面--------文章页面--------文章页面--------文章页面----------文章页面----------------------*/ .breadcrumb { background: transparent; padding: 0 8px; opacity: 0.6; margin-bottom: 12px; } .breadcrumb > li + li:before { padding: 0 0 0 6px; opacity: 0.6; } .article { padding: 0 30px; overflow: hidden; } .page-cover .article-meta, .item-thumbnail .abs-right { top: 20px; background: rgba(0, 0, 0, 0.3); padding: 2px 8px; } .single-cover-con .breadcrumb { font-size: 13px; margin: 5px 0 0 -6px; opacity: unset; } .article-cover-slide.page-cover { padding-bottom: 0 !important; overflow: unset; background: 0; } .article-title { line-height: 1.4; } .article-title > a:hover { color: inherit; } .article-header .article-title { font-size: 22px; font-weight: bold; color: var(--key-color); } .article-header .article-title, .article-header .article-avatar { margin-top: 15px; } .article-header .article-avatar .list-inline > li { padding-left: unset; } .article-header .article-avatar .relative { margin-top: 20px; } .single-metabox { right: 0; font-size: 15px; --meta-color: var(--muted-color); } .single-metabox .post-metas { background: var(--body-bg-color); right: 0; padding: 2px 6px; border-radius: 100px; color: var(--meta-color); } .single-metabox .post-metas item { margin: 0 6px; } .single-metabox .post-metas item a { color: inherit; } .single-metabox .post-metas item .fa, .single-metabox .post-metas item .icon { margin-right: 3px; } .single-metabox .post-drop-meta { --this-size: 1.73em; --this-color: var(--meta-color); --this-bg: var(--body-bg-color); } .single-metabox .pull-right.dropdown .dropdown-menu::before { right: 7px; } .single-metabox .dropdown-menu > li > a { --this-color: var(--muted-color); } .single-metabox.cover-meta { font-size: 14px; right: 1em; top: 1.6em; --meta-color: rgba(255, 255, 255, 0.8); --body-bg-color: rgba(0, 0, 0, 0.3); } .article-header .avatar-button { margin-left: 50px; } .single-cover { padding-bottom: calc(var(--single-cover-scale) + 50px); } .single-cover-slide { padding-bottom: calc(var(--scale-height) + 50px); border-radius: var(--main-radius); } .single-cover-con { color: #fff; padding: 15px 15px 10px 15px; border-radius: 0 0 var(--main-radius) var(--main-radius); background-image: linear-gradient(0deg, rgba(29, 41, 49, 0.5), rgba(255, 255, 255, 0)); padding-top: 2em; } .single-video .article-title, .single-cover-con .article-title { font-size: 18px; font-weight: 700; } .featured-video-episode { margin-bottom: 0; line-height: 1.4; font-size: 14px; } .featured-video-episode .badg.badg-sm { min-width: 19px; } .switch-iframe, .featured-video-episode .switch-video { line-height: 1.6; border-radius: 4px; padding: 6px 20px; text-align: center; background: rgba(136, 136, 136, 0.1); --main-color: var(--muted-color); display: inline-block; margin: 4px 4px 0; min-width: calc(20% - 8px); } .switch-iframe .episode-active-icon, .switch-video .episode-active-icon { display: inline-block; width: 0; height: 1.2em; vertical-align: middle; margin-right: 0; transition: 0.6s; } .switch-iframe.active .episode-active-icon, .switch-video.active .episode-active-icon { /* clean-css ignore:start */ background-image: url(../img/playing.svg); /* clean-css ignore:end */ width: 1em; margin-right: 6px; } .switch-iframe.active, .switch-video.active { color: var(--focus-color); } .switch-iframe.active .badg, .switch-video.active .badg { background: var(--focus-color); color: #fff; } .single-cover-con a { color: #fff; } /**-----视频封面------*/ .single-video { overflow: hidden; clear: both; background: var(--main-bg-color); box-shadow: 0 0 10px var(--main-shadow); border-radius: var(--main-radius); margin-bottom: 20px; } .single-video .article-title { margin: 0; } .single-video-footer { padding: 15px; } .single-video .breadcrumb { padding: 0; } .single-video .cover-meta { background: 0 0; padding: 0; color: var(--main-color); } .wp-posts-content { line-height: 2; font-size: 16px; min-height: 90px; } .limit-height { overflow: hidden; position: relative; } .limit-height .read-more { position: absolute; bottom: 0; width: 100%; text-align: center; background-image: linear-gradient(0deg, var(--main-bg-color) 70px, rgba(255, 255, 255, 0) 100%); -webkit-animation: lazy_fade 0.5s; animation: lazy_fade 0.5s; z-index: 80; } .dark-theme .limit-height .read-more { background-image: linear-gradient(0deg, var(--main-bg-color) 70px, rgba(53, 54, 55, 0) 100%); } .limit-height .read-more a { padding: 25px 0; display: inline-block; color: var(--focus-color); margin-top: 80px; } .article-postsbox { line-height: 1.6; overflow: hidden; font-size: 14px; max-width: 550px; margin: auto; margin-bottom: 20px; box-shadow: none; } .article-postsbox .posts-mini { width: 100%; } .post-nav-links, .post-page-numbers { line-height: 1; } .post-page-numbers { margin: 5px 1px; padding: 0.3em; min-width: 1.75em; } .post-nav-links { background: var(--main-shadow); } .post-page-numbers.current { --this-bg: var(--focus-color); --this-color: #fff; } .article-postsbox .pay-tag { font-size: 12px; padding: 1px 5px; } .article-content .article-postsbox .item-meta a { color: inherit; } .article-postsbox .item-thumbnail img { border-radius: 4px; } .article-postsbox .abs-blur-bg, .author-minicard .abs-blur-bg { opacity: 0.15; } .article-postsbox .posts-mini { width: 100% !important; margin: 0 !important; background: var(--muted-border-color); position: relative; } /**----文章内容------*/ .msg-content a:not([class]), .private-content a:not([class]), .comment-content a:not([class]), .wp-posts-content a:not([class]) { color: var(--focus-color); } .wp-posts-content .but a { color: inherit; } .wp-posts-content code:not([class]) { color: #ff3c98; background-color: rgba(253, 153, 153, 0.2); margin: 2px; } .wp-posts-content img { max-width: 100%; height: auto; display: block; margin: auto; } .wp-posts-content img.fit-cover { height: 100%; } .wp-posts-content img.avatar { height: 100%; display: inline-block; } .wp-posts-content .alignright { text-align: right; } img.alignright { display: block; margin-left: auto; } img.alignleft { display: block; margin-right: auto; } .wp-posts-content .aligncenter { display: table; margin: auto; } .wp-posts-content .wp-block-table { -webkit-overflow-scrolling: touch; -ms-overflow-style: none; overflow-x: auto; margin-bottom: 20px; border: none; } .wp-posts-content .wp-block-table table:not(.has-fixed-layout) { white-space: nowrap; } .wp-posts-content table { font-size: 14px; width: 100%; } .wp-posts-content thead, .wp-posts-content tfoot { border: none; } .wp-posts-content tbody > tr > td, .wp-posts-content tbody > tr > th, .wp-posts-content tfoot > tr > td, .wp-posts-content tfoot > tr > th, .wp-posts-content thead > tr > td, .wp-posts-content thead > tr > th { border: 1px solid var(--main-border-color); padding: 8px; line-height: 1.42857143; vertical-align: top; } .wp-posts-content tfoot > tr > td, .wp-posts-content tfoot > tr > th, .wp-posts-content thead > tr > td, .wp-posts-content thead > tr > th { background: var(--muted-border-color); } .wp-posts-content thead > tr > td, .wp-posts-content thead > tr > th { text-align: center; } .wp-posts-content tbody > tr { transition: 0.3s; } .wp-posts-content tbody > tr:hover { background-color: var(--focus-color-opacity1) !important; } .wp-posts-content .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--main-shadow); } .wp-posts-content .wp-block-table .has-background { color: #666; } .wp-posts-content h1, .wp-posts-content h2, .wp-posts-content h3, .wp-posts-content h4, .wp-posts-content h5 { margin: 20px 0 10px; font-weight: bold; } .wp-posts-content h1 { font-size: 22px; } .wp-posts-content h2 { font-size: 20px; } .wp-posts-content h3 { font-size: 18px; } .wp-posts-content h4 { font-size: 16px; } .wp-posts-content h5, .wp-posts-content h6 { font-size: 14px; } .wp-posts-content ol:not(.blocks-gallery-grid), .wp-posts-content ul:not(.blocks-gallery-grid) { margin: 10px 0 20px 15px; padding-left: 15px; } .wp-posts-content ul { list-style: disc; } .wp-posts-content ol { list-style: decimal; } .wp-posts-content li { margin-bottom: 10px; } .wp-posts-content ul li:not(.blocks-gallery-item):last-of-type { margin-bottom: 0; } .wp-posts-content p { margin-bottom: 20px; word-wrap: break-word; } .wp-posts-content pre:not(.wp-block-code) { border: none; background: 0 0; padding: 0; margin: 0; } .wp-posts-content pre { background: var(--muted-border-color); color: var(--main-color); } .wp-posts-content .wp-block-code code { color: inherit; background-color: unset; margin: unset; } .article-content .article-tags a { font-size: 12px; margin: 3px; } /****-------古腾堡-------****/ .wp-block-image:after { content: ''; display: block; height: 0; clear: both; visibility: hidden; } .blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { overflow: hidden; } .post-tab { padding: 0 10px; border-radius: var(--main-radius); border: 1px solid var(--main-border-color); } .post-tab .tab-content { padding: 5px; } .post-tab.nav-left { display: flex; } .post-tab.nav-left .tab-nav-theme { border: none; border-right: 1px solid var(--main-border-color); padding-right: 8px; min-width: 80px; margin-right: 10px; } .post-tab.nav-left .tab-nav-theme > li { display: block; padding: 0; margin-left: 6px; } .post-tab.nav-left .post-tab-toggle { padding: 8px; display: block; } .post-tab.nav-left .tab-nav-theme li:before { width: 2px; top: 10px; bottom: 10px; left: 0; right: auto; height: auto !important; } .post-tab.nav-left .tab-content { flex: 1; } .post-tab.nav-left.nav-right .tab-nav-theme { order: 2; margin-right: 0; padding-right: 0; border: none; padding-left: 8px; margin-left: 8px; border-left: 1px solid var(--main-border-color); } .single-posts-lists .posts-mini .item-heading a { color: var(--main-color); } .single-posts-lists .posts-mini .item-heading a:hover { color: var(--focus-color); } .article-content .article-tags a { font-size: 12px; margin: 3px; } .wp-block-image, .wp-block-gallery, .post-dplayer { margin-bottom: 20px; } .article .post-actions { padding-bottom: 15px; } .article .action { width: 80px; padding: 10px 0; display: inline-block; opacity: 0.7; vertical-align: top; } .article .action:hover { color: inherit; opacity: 1; } .article .action .icon { font-size: 24px; width: 100%; margin: 5px 0; } .article .action text, .article .action count { opacity: 0.7; font-size: 0.9em; } .action.actived { color: var(--focus-color); } .article .action.actived { opacity: 0.9; } .article .action count { margin-left: 2px; } .action-share { position: relative; cursor: pointer; transition: 0.3s; z-index: 90; } .action-share.show-share { opacity: 1; } .share-button { width: 130px; margin-bottom: -10px !important; left: -24px; } .dropup .share-button.dropdown-menu::before { left: 59px; } .share-button .share-btn { display: flex; align-items: center; } .share-button .share-btn + .share-btn { margin-top: 10px; } .drop-newadd icon, .share-btn icon { width: 36px; height: 36px; display: inline-flex; border-radius: 100%; background: var(--main-border-color); justify-content: center; align-items: center; font-size: 22px; flex-shrink: 0; } .drop-newadd icon > svg { margin: 0 !important; color: inherit; } .share-btn icon .icon { margin: auto !important; } .share-button .share-btn icon { margin-right: 10px; } .share-button .share-btn .icon { width: 1em; font-size: inherit; } .share-button .share-btn:hover { opacity: 0.8; } .horizontal .share-btn { display: inline-flex; text-align: center; width: 4em; flex-wrap: wrap; justify-content: center; margin: 10px 5px; } .horizontal .share-btn icon { display: flex; margin-bottom: 6px; width: 50px; height: 50px; font-size: 28px; } .drop-newadd { border-radius: var(--main-radius); } .drop-newadd text, .horizontal .share-btn text { font-size: 12px; color: var(--muted-color); } .drop-newadd icon { margin-right: 6px; background: var(--this-bg); } .drop-newadd .btn-newadd { display: flex; align-items: center; padding: 5px; } .author-tag .but, .author-tag .badg { margin-right: 5px; margin: 2px; padding: 0.15em 0.4em; font-size: 12px; font-weight: normal; } .author-tag > span .icon, .author-tag > span .fa, .author-tag a .icon, .author-tag a .fa, .item-meta item .icon { margin-right: 2px; } .social-separator { padding: 10px 0; } .relates-content .graphic-text { padding: 2px 6px; font-size: 13px; } .relates .no-thumb li + li { margin-top: 10px; } .search-input .relates-thumb li, .user-card .more-posts .swiper-slide { width: 150px; } .user-card .more-posts a, .relates-thumb li a { width: 100%; height: 0; padding-bottom: 70%; display: block; overflow: hidden; } .relates-thumb .swiper-slide { width: 220px; } .relates-thumb .graphic { margin-bottom: 0; } .mini-scrollbar > li { padding-left: 0; padding-right: 8px; } .relates-thumb .relates-content ul { padding: 5px 0; margin: -5px 0; } /*-----上一页、下一页------上一页、下一页------上一页、下一页------上一页、下一页------上一页、下一页---*/ .article-nav .box-body { width: calc(50% - 7px); margin: 0; display: inline-block; } .article-nav .box-body + .box-body { margin-right: 0; float: right; text-align: right; } /*------评论模块------评论模块------评论模块------评论模块------评论模块------评论模块------评论模块------评论模块------*/ #comments .comment-box .comments-closed, #comments .action-text, #comments #cancel-comment-reply-link { display: none; } #comments #postcomments .action-text, #comments #postcomments #cancel-comment-reply-link { display: inline-block; } #comments .comt-title { width: 90px; } #comments .comt-title .comt-avatar .avatar { width: 60px; height: 60px; } #comments #postcomments .comt-title { display: none; } #respond:not(.mobile-fixed) #postcomments .comt-box { padding: 5px 5px 4px 5px; background: var(--main-bg-color); border-radius: 4px; margin-top: 12px; } #comments #postcomments .comt-ctrl .but { margin-bottom: 2px; } #comments .list-inline { padding: 15px; } #comment { margin-bottom: 5px; } .comment-signarea { background: var(--main-shadow); } #respond + #postcomments .comment-filter, .comment-signarea + #postcomments .comment-filter { margin-top: 20px; } #postcomments .tab-nav-theme { margin-top: 0; } #postcomments .tab-nav-theme li { padding-bottom: 1px; } #postcomments .tab-nav-theme li::before { bottom: -2px; } .smilie-icon { width: 30px !important; } #postcomments .comment-footer { position: relative; } #postcomments .avatar-img { --this-size: 45px; margin-right: 20px; } #postcomments .children .avatar-img { --this-size: 26px; vertical-align: 2px; margin-right: 6px; } #postcomments .commentlist > .comment > .list-inline .author-box { align-items: start; } #postcomments .commentlist > .comment > .list-inline .comment-footer { margin-left: 65px; margin-top: -25px; } #postcomments .comment .list-inline > .comt-main { width: 100%; } #postcomments .commentlist .comment + .comment { border-top: 1px solid var(--main-border-color); } #postcomments .comment .list-inline > li { padding: 10px; vertical-align: top; } #postcomments .comment-header { font-size: 15px; position: relative; } .comment-header .badge-status { margin-top: 0; width: 68px; z-index: 0; } #postcomments .action count { margin-left: 4px; } #postcomments .comt-meta > span:not(:empty) { margin-right: 10px; vertical-align: middle; } #postcomments .comt-meta > span a { color: inherit; } #postcomments .comt-meta > span .but { padding: 0.2em 0.8em; } #postcomments .comment-approve-link.unapprove { color: #e87725; } #postcomments .comment-approve-link.approve { color: #3695ff; } #postcomments .comt-meta > span .comment-trash-link { color: #ff4b4b; } #postcomments .children { margin-left: 86px; background: var(--main-shadow); border-radius: var(--main-radius); margin-bottom: 6px; } #postcomments .children .children { margin-left: 23px; } #postcomments .children .avatar-icontag { font-size: 8px; height: 14px; width: 14px; } .content-after-box, .comment-content { word-wrap: break-word; white-space: pre-wrap; } .comment-content .enlighter-default { margin-bottom: 0; opacity: 0.9; } #postcomments .comment-content img:not(.smilie-icon) { max-width: 260px; max-height: 350px; display: block; width: auto; height: auto; } .virtual-input { display: none; } .comment-mini-lists.zib-widget { padding: 5px; } .comment-mini-lists .posts-mini-con p { margin-bottom: 6px; color: var(--focus-color); --main-color: var(--focus-color); } .commentlist .no-more, .theme-pagination.pagenav { margin: 0; padding-bottom: 10px; } /*--------AJAX翻页按钮-----*/ .theme-pagination { margin: 20px 0; } .chat-next a, .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a { border-radius: 30px; padding: 5px 15px; color: var(--muted-color); opacity: 0.6; } .chat-next a:hover, .theme-pagination .ajax-next a:hover, .theme-pagination .order-ajax-next a:hover { background: var(--main-border-color); opacity: 1; } .chat-next a .fa, .theme-pagination .ajax-next .fa, .theme-pagination .ajax-next .icon, .theme-pagination .order-ajax-next .fa, .theme-pagination .order-ajax-next .icon { margin-right: 15px; transition: 0.3s; } .chat-next a:hover .fa, .theme-pagination .ajax-next a:hover .fa, .theme-pagination .ajax-next a:hover .icon, .theme-pagination .order-ajax-next a:hover .fa, .theme-pagination .order-ajax-next a:hover .icon { margin-right: 8px; } /*--------数字分页按钮-----*/ .pagenav { overflow: hidden; text-align: center; padding: 20px 0; transition: 0.2s; line-height: 1.4; } .pagenav .current, .pagenav .page-numbers, .pagenav a { padding: 6px 9px 5px; color: var(--muted-color); display: inline-block; border-radius: 3px; background-color: var(--main-border-color); margin: 3px; min-width: 31px; } .pagenav .current { background-color: var(--focus-color) !important; color: #fff !important; } .pagenav a:hover { opacity: 0.7; } .pagenav .pag-jump { display: inline-flex; align-items: center; position: relative; } .pagenav .pag-jump .jump-icon { z-index: 1; } .pagenav .pag-jump .jump-icon:hover { color: var(--focus-color); } .pagenav .pag-jump .jump-input { opacity: 0; height: 100%; width: 100%; border-radius: 3px; position: absolute; left: 0; top: 0; transition: 0.2s; padding: 5px 22px 5px 5px; } .pagenav .jump-input:focus, .pagenav .pag-jump:hover .jump-input { opacity: 1; } /*---------文章榜单模块---------*/ .hot-posts .img-badge { left: -15px; } .hot-posts .flex .graphic { padding-bottom: 70% !important; width: 93px; } .mobile-nav-widget .hot-posts .img-badge { left: -8px; padding: 2px 5px; } /*---------图标卡片---------*/ .icon-card { max-width: 280px; margin-left: auto; margin-right: auto; text-align: center; } .icon-card .card-icon { transition: 0.3s; display: inline-block; height: 1.1em; } .icon-card .card-icon.toggle-radius { width: 2.2em; height: 2.2em; } .icon-card .toggle-radius .fa { font-size: 0.9em; } .icon-card:hover .card-icon { transform: scale(1.05); } /*---------封面---------*/ .page-cover .page-mask { background-color: rgba(0, 0, 0, 0.2); } .page-cover > .page-cover-con { position: absolute; bottom: 0; font-size: 16px; z-index: 1; } .page-cover > .fit-cover { position: absolute; } .page-cover-more-btns { position: absolute; right: 5px; top: 0px; z-index: 1; font-size: 1.2em; } .page-cover-more-btns > * { padding: 10px; } .page-cover .page-desc { opacity: 0.8; word-break: break-word; } /*---------用户中心--新---------*/ .author-header .page-cover { border-radius: var(--main-radius) var(--main-radius) 0 0; padding-bottom: calc(20% + 100px); z-index: 0; } .author-header .header-content { padding: 18px 42px; } .author-header .header-info > .header-avatar { margin-top: -80px; margin-right: 20px; } .author-header .avatar-img { --this-size: 140px; } .author-header .avatar-img + .avatar-set-link { color: #fff; text-shadow: 0 0 20px rgba(0, 0, 0, 0.8); } .author-header .user-identity > .but, .author-header .user-identity > .badg { font-size: 12px; padding: 2px 6px; margin: 5px 6px 0 0; line-height: 1.4; } .author-header .user-identity .medal-icon, .author-header .user-identity .user-auth-icon .icon { transform: scale(136%); } .author-header .user-identity .medal-icon { margin: 0 3px; } .author-header .avatar-img .avatar { border-radius: 6px; border: 4px solid var(--main-bg-color); } .author-header .display-name { font-size: 20px; font-weight: bold; } .author-header .desc { max-width: 520px; } .author-header .cover-btns .item { opacity: 0.8; } .author-header .cover-btns .dropup .dropdown-menu { bottom: calc(100% + 2px); } .author-tab .tab-nav-theme { font-size: 16px; --main-color: var(--muted-2-color); } .author-tab .affix-header-sm:not(.affix):not(.affix-bottom) .tab-nav-theme { margin: 0px -10px 12px !important; } .author-tab .tab-nav-theme li a { padding: 0 5px; } .author-tab .tab-nav-theme .active, .author-tab .tab-nav-theme .swiper-slide-thumb-active { font-weight: bold; } .author-tab .posts-item { background: transparent; box-shadow: none; } .author-tab .no_margin:first-of-type { margin-top: 0; } .oauth-but { text-align: center; padding: 10px 15px; width: auto; margin-right: 15px; margin-bottom: 10px; } .oauth-bind-box > div { width: calc(50% - 5px); min-width: 300px; } .oauth-bind-box .type-logo { width: 130px; } .checkin-mini-box > .badg.badg-sm { display: block; margin: 2px; padding: 0.2em; } /*---------竖版列表---------*/ .lists-nav { padding-top: 0; padding-bottom: 0; } .lists-nav .tab-nav-theme { all: unset; } .lists-nav .tab-nav-theme > li { display: block; padding: 4px; } .lists-nav .tab-nav-theme li::before { display: none; } .lists-nav .tab-nav-theme > li > a { display: flex; padding: 10px 6px; align-items: center; border-radius: 6px; } .lists-nav .tab-nav-theme > li + li { border-top: 1px solid var(--muted-border-color); } /*---------用户中心-----------*/ .user-center-nav .tab-nav-theme > li > a { justify-content: space-between; } .fa-angle-down { transition: 0.2s; } .collapsed .fa-angle-down { transform: rotate(-90deg); } .author-set-left, .author-set-right { display: inline-block; vertical-align: top; } .author-set-left { width: 20%; margin-right: 20px; text-align: right; padding-top: 6px; color: var(--muted-3-color); } .author-set-right { width: calc(80% - 25px); overflow: hidden; } .author-more li + li { width: 100% !important; } .user-icon-but-box > item { width: calc(25% - 10px); margin: 5px; min-width: 50px; max-width: 100px; cursor: pointer; } .withdraw-amount-box { min-height: 66px; } /**上传文件**/ .preview .add, .preview-item { position: relative; display: inline-block; width: 120px; height: 120px; border-radius: 4px; background: var(--muted-border-color); margin: 5px; vertical-align: top; } .preview .add { cursor: pointer; } .preview .add::before, .preview .add::after { content: ' '; width: 25px; height: 25px; background: var(--muted-3-color); border-radius: 5px; display: block; position: absolute; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } .preview .add::before { height: 2px; } .preview .add::after { width: 2px; } .preview-item img { -o-object-fit: contain; object-fit: contain; width: 100%; border-radius: 4px; height: 100%; } .preview-item .ic-close { position: absolute; top: 5px; right: 5px; background: #fd2c53; color: #fff; border-radius: 100%; padding: 2px; font-size: 18px; cursor: pointer; } .upload-preview { margin: 20px auto; width: 100px; height: 100px; overflow: hidden; background: var(--main-shadow); } .upload-preview.large { width: 220px; height: 220px; } .cover-preview { width: 100%; height: 0; background: var(--main-shadow); position: relative; padding-bottom: calc(20% + 80px); display: block; overflow: hidden; } .preview-container { height: 100%; } .dropdown-menu .preview img, .modal-upload .preview img { max-height: 300px; border-radius: 6px; -o-object-fit: contain; object-fit: contain; } /*-------用户相关-------*/ .auth-apply-from .preview img { width: 100%; height: 100%; max-width: 260px; min-width: 100px; max-height: 200px; } .progress.integral-progress { z-index: 1; position: relative; height: 3px; border-radius: 4px; margin: 0; background: #dbbd8e; } .progress.integral-progress .progress-bar { border-radius: 4px; background: #9b6b4e; } .pillar-box { height: 100%; display: flex; position: relative; flex: auto; width: 100%; } .pillar-item { display: flex; align-items: center; flex-direction: column; justify-content: flex-end; overflow: unset; } .pillar-item + .pillar-item { padding-left: 20px; } .pillar-item .pillar { width: 6px; border-radius: 6px; background: linear-gradient(0deg, #707479 10%, #bfc5cc 100%); } .pillar-item.active ~ .pillar-item { opacity: 0.5; } .pillar-item.active { color: #b97030; } .pillar-item.active .pillar { background: linear-gradient(0deg, #c1764a 10%, #e8c48e 100%); } /*-------用户、作者的小工具卡片-------*/ .user-card { padding: 0; overflow: hidden; } .user-card .user-cover { border-radius: var(--main-radius) var(--main-radius) 0 0; } .user-card .card-content { padding: 15px; } .user-card name .display-name { font-size: 1.1em; font-weight: bold; } .user-card.widget .user-cover + .card-content { margin-top: -55px; } .user-card.widget .user-info, .user-card.widget .user-avatar { text-align: center; } .user-card.widget .user-name name { justify-content: center; } .user-card.widget .more-posts-mini { margin: 20px -5px 0 -5px; } .user-card.widget .more-posts { margin-top: 20px; } .user-card .more-posts-mini a { display: block; color: var(--muted-2-color); padding: 3px 0; } .user-card.author .user-content, .user-card.author .card-content { display: flex; align-items: center; } .user-card.author .card-content > div { width: 50%; } .user-card.author .user-info { margin: 0 20px; overflow: hidden; } /*-------用户-徽章-------*/ .medal-cat-box { text-align: center; padding: 8px; } .medal-list { width: calc(20% - 14px); margin: 10px 7px; } .medal-card { text-align: center; } .user-medal-info .medal-icon { margin: 0 1px; } .medal-card .medal-icon { width: auto; height: 70px; } .medal-cat-name { background: var(--focus-color-opacity1); padding: 8px 25px; border-radius: 0 0 1000px 1000px; color: var(--focus-color); display: inline-block; } .medal-cat-box .medal-cat-name { margin-top: -8px; } .medal-list .no-has { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.6; } .medal-single-bg { position: absolute; top: 43px; left: 0; right: 0; z-index: 0; max-width: 305px; margin: auto; bottom: auto; opacity: 0.5; } .medal-single-card.medal-card .medal-icon { height: 120px; max-width: 200px; } /*-------用户中心-推荐返佣-------*/ .rebate-lits .author-set-left { text-align: left; width: 56px; } .rebate-lits .author-set-right { width: calc(100% - 78px); } /*-------用户中心-消息中心-------*/ .msg-center-nav li > a > img { width: 22px; height: 22px; border-radius: 100px; margin-right: 10px; } .msg-center-nav li > a > badge { transform: none; right: 10px; position: absolute; top: 15px; margin: 0; } .msg-center .ajaxpager .no-more { margin-top: 30px; } .sub-user-box .msg-news-icon { top: 0.4em; right: 0; } .nav-radius-icon { display: inline-block; } .nav-radius-icon badge.top, .msg-news-icon badge.top { transform: translate(-10px, -6px) scale(0.85); margin-right: -10px; } .nav-radius-icon .toggle-radius, .msg-news-icon .toggle-radius { margin: 0 !important; } .border-bottom:last-of-type, .msg-center .border-bottom:last-of-type { border: none; } .pull-right.msg-news-dropdown.dropdown .dropdown-menu::before { right: 20px; } .msg-news-dropdown .dropdown-menu.right { right: -5px; } .msg-news-dropdown li > a { padding: 12px 14px; min-width: 150px; position: relative; display: flex; align-items: center; } .msg-img { display: inline-block; width: 50px; height: 50px; margin-right: 5px; vertical-align: middle; position: relative; overflow: inherit; } .msg-img img { border-radius: 100px; background: var(--muted-bg-color); } .msg-list > li + li { width: calc(100% - 66px); } .msg-list badge { position: absolute; transform: translate(-24px, -7px) scale(0.8); } .chat-lists badge { transform: translate(-7px, -7px); } .private-item .avatar, .chat-lists .avatar { border-radius: 4px; } .msg-content { line-height: 2; white-space: pre-wrap; } .msg-content .msg-img { width: 20px; height: 20px; margin-top: -2px; } /*--------消息中心-私信------*/ .chat-lists .msg-list > li + li { width: calc(100% - 47px); } .private-window-header .avatar-img { --this-size: 20px; vertical-align: 1px; } .private-window-content { height: 400px; background: var(--muted-bg-color); box-shadow: none; border-radius: 4px; padding: 15px 10px; } .private-list { margin: 10px 0; } .private-list .avatar-img { width: 32px; height: 32px; } .private-list.right { text-align: right; } .private-list.left .avatar-img { float: left; } .private-list.right .avatar-img { float: right; } .private-content { max-width: calc(80% - 60px); display: inline-block; word-wrap: break-word; white-space: pre-wrap; padding: 6px 10px; border-radius: 4px; margin: 0 8px; position: relative; text-align: left; min-height: 32px; min-width: 32px; } .private-content::before, .dropdown-menu::before { content: ' '; display: inline-block; width: 9px; height: 9px; background: var(--main-bg-color); position: absolute; top: 12px; transform: rotate(45deg); left: -4px; border-radius: 2px; } .private-content .readed-badge { position: absolute; font-size: 12px; right: 100%; top: 8px; width: 2.5em; transform: scale(0.9); color: #2997f7; } .private-list.right .private-content::before { left: auto; right: -4px; } .dropdown .dropdown-menu::before { top: -4px; left: 12px; } .pull-right.dropup .dropdown-menu::before, .pull-right.dropdown .dropdown-menu::before { left: auto; right: 12px; } .dropup .dropdown-menu::before { top: auto; bottom: -4px; left: 11px; } .dropdown-menu.fluid::before { left: 50%; } .private-next, .chat-next { display: block; padding: 10px 0; text-align: center; opacity: 0.8; } .comment-content pre, .private-content pre { padding: 0; } .private-content > pre:last-of-type { margin-bottom: 0 !important; } .private-content .enlighter-default { margin: 0; min-width: 150px; } .modal-body .private-window .visible-xs-block { display: none !important; } /*-------404页面-------*/ body.error404 { background: var(--main-bg-color); } .f404 { text-align: center; margin: 20px 0 60px; } .f404 img { max-width: 500px; width: 80%; } /*-----找回密码页面------*/ .resetpass { max-width: 400px; margin: auto; min-height: 400px; padding-top: 120px; } /*-------古腾堡编辑器---------古腾堡编辑器---------古腾堡编辑器---------古腾堡编辑器---------古腾堡编辑器-------*/ .file-download-icon { background: var(--muted-bg-color); border-radius: 4px; width: 3em; height: 0; padding-bottom: 100%; overflow: hidden; position: relative; } .file-download-icon img.fit-cover { height: 100%; position: absolute; } .file-download-icon::before { position: absolute; content: '\f019'; font: normal normal normal 16px/1 FontAwesome; top: 0.8em; left: 0.8em; font-size: 1.2em; } .file-download-name { word-break: break-all; height: auto; max-height: 2.8em; } .file-download-desc { line-height: 1.5; } .wp-block-embed.is-type-video > div { padding-bottom: 56%; position: relative; overflow: hidden; } .wp-block-embed.is-type-video.wp-embed-aspect-21-9 > div { padding-bottom: 43%; } .wp-block-embed.is-type-video.wp-embed-aspect-18-9 > div { padding-bottom: 50%; } .wp-block-embed.is-type-video.wp-embed-aspect-4-3 > div { padding-bottom: 75%; } .wp-block-embed.is-type-video.wp-embed-aspect-1-1 > div { padding-bottom: 100%; } .wp-block-embed.is-type-video.wp-embed-aspect-9-16 > div { padding-bottom: 178%; } .wp-block-embed.is-type-video.wp-embed-aspect-1-2 > div { padding-bottom: 200%; } .wp-block-embed.is-type-video iframe { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } .iframe-series-box { background: #000; } .article-content figcaption { text-align: center; font-size: 0.8em; color: var(--muted-2-color); } .article-content .swiper-slide figcaption { color: #fff; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { padding: 10px 10px 5px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0, 60%, transparent); font-size: 1em; text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); } .wp-posts-content .title-theme { padding: 0.1em 0 0.1em 1.1em; border: none; font-weight: bold; color: var(--theme-color); } .file-download-box { border: 1px dashed var(--muted-3-color); } .hidden-box { padding: 10px; margin: 20px 0; border: 1px dashed var(--focus-color); border-radius: var(--main-radius); position: relative; } .hidden-text { color: var(--focus-color); padding: 10px; text-align: center; display: block; } .hidden-box.show { padding-top: 35px; } .hidden-box.show .hidden-text { padding: 3px 10px; font-size: 13px; top: 0; border-radius: 0 0 8px 0; line-height: 1.4; z-index: 1; left: 0; position: absolute; border-bottom: 1px dashed var(--focus-color); border-right: 1px dashed var(--focus-color); } .hidden-pass-img { width: 180px; } .wp-block-zibllblock-buttons .but { margin: 0.4em; display: inline-block; padding: 6px 18px; } .quote_q { padding: 1.2em; margin: 10px 0 20px 0; position: relative; --quote-color: var(--main-color); color: var(--quote-color); } .quote_q > div, .quote_q > p { position: relative; margin: 0; padding-left: 2em; opacity: 0.7; position: relative; } .quote_q > div > p { margin-bottom: 0; } .quote_q::before { content: ''; border-radius: 6px; position: absolute; bottom: 0; left: 0; opacity: 0.04; right: 0; background: var(--quote-color); top: 0; } .quote_q.quote-mce::after { font: normal normal normal 14px/1 FontAwesome; content: '\f10d'; font-size: 1.2em; margin-right: 0.5em; position: absolute; color: var(--quote-color); top: 20px; left: 20px; opacity: 0.6; } .quote_q .fa { opacity: 0.6; } .qe_wzk_c-red { --quote-color: #dc3f3f; } .qe_wzk_lan { --quote-color: #0092ff; } .qe_wzk_lv { --quote-color: #23790e; } .quote_q .fa-quote-left { font-size: 1.2em; margin-right: 0.5em; position: absolute; color: var(--quote-color); } .alert { padding: 1.2em 2.2em; position: relative; color: #fff; border: none; min-height: 40px; border-radius: 12px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15); } .alert:before { font: normal normal normal 18px/1 FontAwesome; position: absolute; left: -15px; top: 50%; background: inherit; width: 30px; height: 30px; text-align: center; padding: 4px 0; border-radius: 20px; transform: translateY(-50%); border: 3px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.19); } .alert.jb-blue:before { content: '\f00c'; } .alert.jb-green:before { content: '\f0a1'; } .alert.jb-yellow:before { content: '\f12a'; } .alert.jb-red:before { content: '\f00d'; } .alert-dismissable, .alert-dismissible { padding: 0 15px 0 20px; position: relative; } .alert-dismissible button.close { padding: 10px; z-index: 9; right: 0; --muted-2-color: #fff; transition: all 0.2s; } .feature { width: calc(25% - 14px); border-radius: var(--main-radius); text-align: center; display: inline-block; vertical-align: middle; margin: 5px; transition: 0.3s; box-shadow: 0 0 10px var(--main-shadow); } .feature:hover { box-shadow: none; } .feature-icon { font-size: 50px; padding: 20px 0; } .feature-title { padding: 0 10px; } .feature-note { opacity: 0.6; line-height: 1.5em; padding: 5px 10px 10px 10px; font-size: 0.8em; } .icon-close { transition: 0.2s; cursor: pointer; } .wp-block-zibllblock-alert a { color: #fff !important; text-decoration: underline; font-weight: bold; margin: 0 2px; } .wp-block-zibllblock-alert .close { color: #fff; } .wp-block-zibllblock-alert a:hover { opacity: 0.8; } .wp-block-zibllblock-buttons { margin-bottom: 20px; } .wp-block-carousel { margin-bottom: 20px !important; } .wp-block-carousel img { height: 100%; } .wp-block-carousel .carousel { overflow: hidden; border-radius: var(--main-radius); opacity: 0; } .wp-block-carousel .carousel.swiper-container-initialized { opacity: 1; transition: opacity 0.5s; } .wp-block-carousel .carousel.swiper-container-cube, .wp-block-carousel .carousel.swiper-container-flip { overflow: visible; } .wp-block-carousel .carousel li, .wp-block-carousel .carousel ul { list-style: none; margin: 0; } .wp-block-carousel .carousel .swiper-slide figure { height: 100%; width: 100%; } .panel { border-radius: var(--main-radius); box-shadow: none; border-color: var(--main-border-color); background: transparent; -webkit-box-shadow: none; } .wp-posts-content .panel-heading .fa { margin-right: 20px; color: var(--focus-color); transition: 0.3s; transform: rotate(-45deg); } .wp-posts-content .panel-heading.collapsed .fa, .dosc-nav a:not(.collapsed) .fa { transform: rotate(90deg); } .wp-block-carousel figcaption a { color: #fff !important; } .wp-block-carousel .swiper-pagination { text-align: right; padding: 0 10px; } .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { font-size: 0.8em; padding: 10px 10px 3px; line-height: 18px; } .seamless-img .wp-block-gallery { margin: 0 !important; gap: 0; display: block !important; margin-bottom: 20px !important; } .seamless-img .wp-block-gallery .wp-block-image img, .seamless-img .wp-block-gallery .wp-block-image { width: 100% !important; margin: 0 !important; } .mobile-nav-widget { margin-top: 30px; } .article .seamless-img.full-container { margin-left: -30px; margin-right: -30px; } /*---------兼容侧边栏sidebar的Class类-------*/ .sidebar .px12-sm, .mobile-nav-widget .px12-sm, .mobile-nav-widget .px12-m-s, .sidebar .px12-m-s { font-size: 12px; } .sidebar .em09-sm, .mobile-nav-widget .em09-sm { font-size: 0.9em; } .mobile-nav-widget .hide-sm, .sidebar .hide-sm, .mobile-nav-widget .hide-m-s, .sidebar .hide-m-s { display: none; } .mobile-nav-widget .nopw-sm, .sidebar .nopw-sm { padding-left: 0 !important; padding-right: 0 !important; } .mobile-nav-widget .zib-widget { padding: 0 0 10px 0; box-shadow: none; } .controller-hide .dplayer-controller-mask, .controller-hide .dplayer-controller, .mobile-nav-widget .dplayer-full-in, .mobile-nav-widget .dplayer-loop, .sidebar .dplayer-full-in, .sidebar .dplayer-loop { display: none !important; } .sidebar .widget-ajaxpager .pagenav { padding: 10px 5px; } .sidebar .widget-ajaxpager .theme-pagination { margin: 10px; } .sidebar .pagenav .page-numbers { font-size: 12px; margin: 2px; min-width: 28px; } .dplayer-played, .dplayer-volume-bar-inner, .dplayer-thumb { background: var(--focus-color) !important; } .dplayer-scale-height { padding-bottom: var(--scale-height) !important; position: relative; } .dplayer-scale-height .dplayer-video-wrap { position: absolute !important; } .dplayer-scale-height > .graphic { position: unset !important; padding-bottom: 0 !important; } .new-dplayer > .graphic, .dplayer-initial-img { background: #000; } /*---------移动端--------移动端--------移动端--------移动端--------移动端--------移动端--------移动端--------移动端---------------*/ @media (min-width: 992px) { #u_sign .modal-dialog { width: 800px; } .sign-img { padding-right: 35%; } .sign-img + .sign { margin-left: 55%; } .fluid-widget .card, .site-layout-1 .card { width: calc(25% - 16px); } .site-layout-1 .swiper-scroll .card, .fluid-widget .swiper-scroll .card { width: calc(25% - 12px) !important; } .fluid-widget .posts-item:not(.card), .site-layout-1 .posts-item:not(.card) { margin: 8px; display: inline-flex; width: calc(50% - 16px); } .site-layout-1.fluid-widget .widget-tab-post.style-list .list-inline, .fluid-widget .widget-tab-post.style-list .list-inline { margin-bottom: 15px; } .fluid-widget .posts-item.no_margin, .site-layout-1 .posts-item.no_margin { border-radius: var(--main-radius); } .fluid-widget .posts-mini, .site-layout-1 .posts-mini { width: calc(33.33%); } .sidebar .swiper-scroll .posts-item.card { width: 100% !important; margin: 0; } .sidebar .posts-item.card { width: 100%; margin: 0; } .sidebar .author-minicard { width: 100%; margin: 3px 0; } .sidebar .s-desc, .sidebar .slide-text { font-size: 12px; padding: 1em 1.2em; } .lists-nav .tab-nav-theme > li > a:hover { background: var(--muted-border-color); } .container-header, .container-footer { padding-right: 0; padding-left: 0; } .links-box .links-card { width: calc(25% - 10px); } .site-layout-1 .links-box .links-card, .fluid-widget .links-box .links-card { width: calc(20% - 10px); } .fluid-widget .links-box.links-style-bigcard .links-card, .site-layout-1 .links-box.links-style-bigcard .links-card { width: calc(16.6665% - 10px); } .sidebar .links-box .links-card { width: calc(50% - 10px); margin: 5px; } } @media (min-width: 768px) { .fixed-wrap { position: relative; --fixed-width: 120px; } .fixed-wrap > .fixed-wrap-nav { position: absolute; width: var(--fixed-width); } .fixed-wrap > .fixed-wrap-nav + .fixed-wrap-content { margin-left: calc(var(--fixed-width) + 15px); } .fixed-wrap > .fixed-wrap-nav ~ .affix-clone { display: none; } .fixed-wrap-nav.affix { position: fixed; left: auto; right: auto; transition: top 0.1s; } .fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper, .fixed-wrap .tab-nav-theme.mini-scrollbar { display: flex; overflow: hidden; text-align: center; flex-direction: column; border-bottom: none; padding: 0; margin: 0; } .fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper { transform: translate3d(0px, 0px, 0px) !important; } .fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper > li, .fixed-wrap .tab-nav-theme.mini-scrollbar > li { padding: 0; margin: 0; } .fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper > li > a, .fixed-wrap .tab-nav-theme.mini-scrollbar > li > a { padding: 6px; margin: 1px 0; display: block; font-size: 16px; color: var(--muted-2-color); } .fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper > li > a:hover, .fixed-wrap .tab-nav-theme.mini-scrollbar > li > a:hover { color: var(--main-color); } .fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper > li.swiper-slide-thumb-active > a, .fixed-wrap .tab-nav-theme.mini-scrollbar > li.active > a { color: var(--focus-color); font-weight: 500; background: var(--focus-color-opacity05); border-radius: 8px; } .fixed-wrap .tab-nav-theme.swiper-scroll .swiper-wrapper > li::before, .fixed-wrap .tab-nav-theme.mini-scrollbar > li::before { display: none; } .fixed-wrap.single-wrap { --fixed-width: 80px; } .fixed-wrap-nav.single-fixed-btns > * { padding-top: 50px; } .fixed-wrap-nav.single-fixed-btns .score-btns, .fixed-wrap-nav.single-fixed-btns a, .fixed-wrap-nav.single-fixed-btns { display: block; text-align: center; } .fixed-wrap-nav.single-fixed-btns .icon { font-size: 24px; } .fixed-wrap-nav.single-fixed-btns text { display: none; } .fixed-wrap-nav.single-fixed-btns .score-btns text { display: block; } .fixed-wrap-nav.single-fixed-btns a:not(.share-btn), .fixed-wrap-nav.single-fixed-btns .btn-share { border-radius: 100px; width: 48px; height: 48px; background: var(--main-bg-color); box-shadow: 0 2px 10px 2px var(--main-shadow); align-items: center; display: flex; justify-content: center; margin: 16px; } .fixed-wrap-nav.single-fixed-btns .share-button { width: 48px; min-width: 0; left: 0; right: 0; padding: 5px; padding-top: 5px; bottom: auto; top: 0; border-radius: 100px; padding-top: 50px; z-index: -1; margin: 0; } .fixed-wrap-nav.single-fixed-btns .share-button::before { display: none; } } @media (max-width: 1200px) { .container { width: 95%; } } @media (max-width: 991px) { .nav.navbar-nav { position: absolute; top: 0; background: var(--header-bg); box-shadow: 0px 4px 10px var(--main-shadow); left: 0; right: 0; padding: 0 20px; margin: 0; border-radius: var(--main-radius); transition: 0.3s; opacity: 0; transform: translateY(40px); visibility: hidden; } .nav.navbar-nav.show { opacity: 1; z-index: 998; visibility: unset; transform: translateY(68px); } .navbar-nav > li:before { top: 0; } .navbar-logo > img { padding-left: 8px; padding-right: 8px; } .container-footer { padding-left: 0; padding-right: 0; } .footer { padding: 20px 0; } .footer .container-footer { text-align: center; } .footer .list-inline > li + li + li { float: unset; } .footer .list-inline .hidden-xs { display: none; } .show-nav-but.hide { display: unset !important; } body .sidebar.show-sidebar { display: unset; width: 100%; margin-left: 0; } .site-layout-2 .content-layout { margin-right: auto; } .site-layout-3 .content-layout { margin-left: auto; } .sidebar { display: none; } #u_sign .modal-dialog { width: auto; margin: 30px; } .search-page-ajaxpager .author-minicard { width: calc(50% - 16px); } } @media (max-width: 767px) { .container { width: 100%; } .container.full-sm { padding: 0; } .full-widget-sm { box-shadow: none; border-radius: 0; } .container { padding-right: 10px; padding-left: 10px; } .container .full-widget-sm { margin-left: -10px; margin-right: -10px; } .flex.flex-row.flex-col-sm-2 { flex-wrap: wrap; } .flex.flex-row.flex-col-sm-2 > * { flex-basis: 50%; } body.admin-bar { margin-top: -46px; } body.nav-fixed { padding-top: 88px; } .affix-header-sm.affix-bottom, .affix-header-sm.affix { left: 0; right: 0; z-index: 995; border-radius: 0; background: var(--header-bg); box-shadow: 0 4px 10px var(--main-shadow); padding: 8px 15px; -webkit-backdrop-filter: saturate(5) blur(20px); backdrop-filter: saturate(5) blur(20px); top: 0; } /* * 注意：.affix-bottom不能设置transition属性，否则会导致bottom后不回正 */ .affix-header-sm.affix { transition: top 0.1s; } .affix-header-sm.affix-bottom .tab-nav-theme, .affix-header-sm.affix .tab-nav-theme { margin-bottom: -5px; margin-top: 0; border: none; padding-bottom: 0; } .affix-header-sm.affix-bottom { position: absolute; } .index-tab.affix-header-sm.affix-bottom, .index-tab.affix-header-sm.affix { padding: 8px 10px; } /*********移动端全屏抽屉************/ .drawer-show { overflow: hidden; } .drawer-sm { position: fixed; top: 0; right: 0; left: 0; height: 100%; width: 100%; visibility: hidden; background: var(--body-bg-color); transition: 0.6s; padding: 72px 10px 80px; z-index: 996; overflow-x: hidden; overflow-y: auto; transform: translateX(110%); -webkit-overflow-scrolling: touch; } .drawer-sm.show { transition: 0.6s cubic-bezier(0.28, 0.9, 0.34, 0.99); visibility: unset; transform: unset; } .drawer-header { display: flex; visibility: hidden; opacity: 0; position: fixed; top: 0; width: 100%; left: 0; background: var(--main-bg-color); height: 68px; font-size: 18px; color: var(--muted-color); padding: 0 26px; z-index: 1000; box-shadow: 0 4px 10px var(--main-shadow); transition: 0.3s; } .drawer-show .drawer-header { visibility: unset; opacity: 1; } .drawer-close { font-size: 22px; width: 30px; } .drawer-title { flex: 1; text-align: center; margin-right: 30px; } .modal .modal-dialog { width: 600px; margin-left: auto; margin-right: auto; } .this-font { font-size: var(--font-size-sm); font-weight: var(--font-weight-sm); color: var(--color-sm); } .navbar-toggle { display: unset; } .mini-scrollbar { scrollbar-width: none; } .navbar-collapse.collapse, .mini-scrollbar::-webkit-scrollbar { display: none; } .author-cover .page-cover-con { margin: 0; } .author-cover .avatar-img { --this-size: 46px; margin-left: -8px; } .author-cover .page-cover-con > li + li { width: calc(100% - 50px); margin: -7px 0 0; vertical-align: top; } .author-tab .posts-item { padding: 10px 0; } .zib-widget .zib-widget-sm { background: 0 0; box-shadow: none; padding: 0; } .new-swiper .swiper-wrapper { height: var(--m-height); } .header-slider-card .icon-cover-card.zib-widget { padding: 10px; } .header-slider-card .icon-cover-card.padding-10 { padding: 2px; } .card-1 .header-slider-search, .card-2 .header-slider-search { top: calc(50% - 1px); } .header-slider-search { font-size: 12px; top: calc(50% - 40px); } .card-5 .header-slider-search, .card-6 .header-slider-search { top: calc(50% - 83px); } .card-7 .header-slider-search, .card-8 .header-slider-search { top: calc(50% - 120px); } .header-slider-card { margin-top: -35px; } .header-slider-search-more.before { margin-bottom: 1em; } .header-slider-search .line-form { font-size: 14px; padding: 4px 12px; } .header-slider-search .scale-placeholder.is-focus, .header-slider-search .line-form-input:focus ~ .scale-placeholder { transform: translateY(-32px); font-size: 12px; color: #fff; } .navbar-toggle { margin-left: 0; margin-right: 0; margin-top: 6px; opacity: 0.7; height: 36px; } .navbar-toggle .icon-bar { background: var(--main-color); } .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; } .navbar-top.center .navbar-brand { position: absolute; width: 100%; text-align: center; } .navbar-top.center .navbar-brand + .navbar-toggle { float: left; } .navbar-top.center .navbar-brand > img { display: unset; } .navbar-top .navbar-logo > img { padding: 0; } .mobile-navbar { z-index: 997; position: fixed; top: 0; bottom: 0; background: var(--main-bg-color); width: 281px; padding: 10px 20px 70px; transition: transform 0.5s; } .mobile-navbar .navbar-logo { margin-left: -10px; } .mobile-navbar badge:not(.top) { transform: unset; margin-left: 5px; } .mobile-navbar.right { right: -2px; transform: translateX(110%); } .mobile-navbar.left { left: -2px; transform: translateX(-110%); } .mobile-navbar.left > .toggle-radius { float: right; } .mobile-navbar.top { height: auto; max-height: 70%; width: 100%; transform: translateY(-110%); } .mobile-navbar-show .mobile-navbar { transition: transform 0.6s cubic-bezier(0.28, 0.9, 0.34, 0.99); transform: translate(0); } .mobile-navbar-show .mobile-navbar + .fixed-body { visibility: unset; opacity: 1; } .mobile-navbar-show .navbar-toggle .i-menu > i { opacity: 0; } .mobile-navbar-show .navbar-toggle .i-menu::after { transform: rotate(45deg); width: calc(1em + 1px); transform-origin: bottom right; } .mobile-navbar-show .navbar-toggle .i-menu::before { right: 0; width: calc(1em + 1px); transform: rotate(-45deg); transform-origin: top right; } .mobile-navbar .navbar-header { margin-top: -58px; margin-bottom: 10px; } .mobile-navbar .navbar-brand { padding: 7px 10px; } .mobile-navbar .toggle-radius { margin: 0 2px; } .mobile-menus li a { display: block; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .mobile-menus > li > a::before { margin: 0; margin-right: 12px; } .mobile-menus .sub-menu { word-wrap: break-word; white-space: normal; margin: 0 -2px; } .mobile-menus .sub-menu li { width: calc(50% - 4px); text-align: center; display: inline-block; } .mobile-navbar.top .mobile-menus .sub-menu li { width: calc(33.3% - 4px); } .mobile-menus .sub-menu li > a { background: var(--main-border-color); padding: 5px; margin: 2px; border-radius: 4px; font-size: 0.9em; position: relative; } .mobile-menus .sub-menu li > a > badge:not(.top) { position: absolute; right: 0; top: 0; transform: scale(0.85); } .mobile-user-menus a { width: calc(50% - 12px); float: left; margin: 6px; } .mobile-nav-widget { display: block; width: 100%; overflow: hidden; white-space: normal; } .mobile-navbar .box-body.notop { padding-left: 0; padding-right: 0; } .mobile-navbar .sub-user-box { margin-bottom: 30px; } .mobile-navbar .posts-nav-box .zib-widget { background: var(--muted-border-color); box-shadow: none; } .s-desc, .slide-text, .wp-block-carousel figcaption { padding: 0.7em; } .posts-item .item-thumbnail { width: 138px; } .posts-mini .item-thumbnail, .list.style2 .item-thumbnail { width: 90px; } .posts-item .post-graphic:not(.order1) { margin-right: 15px; } .posts-item .order1.post-graphic { margin-left: 15px; } .posts-item .item-heading { font-size: 15px; } .drop-fixed-sm .dropdown-menu::before, .posts-item:not(.no-thumb) .item-excerpt { display: none; } .widget-main-post.style-list .widget-ajaxpager, .widget-main-post.style-card .widget-ajaxpager, .widget-tab-post.index-tab .tab-content > .tab-pane { margin: -5px; margin-bottom: 20px; } .widget-tab-post.style-list .tab-content > .tab-pane, .widget-main-post.style-list .widget-ajaxpager { margin-top: -15px; } .widget-tab-post.style-list .posts-item { margin-left: 5px; margin-right: 5px; } .widget-tab-post.style-list .list-inline { margin-bottom: 30px; } .posts-row { margin-left: -5px; margin-right: -5px; } .posts-row > *:not(.post_ajax_loader) { margin-left: 5px !important; margin-right: 5px !important; } .posts-item.card { width: calc(50% - 10px); margin: 5px; } .swiper-scroll .posts-item.card { margin-right: 10px !important; width: calc(50% - 5px) !important; } .posts-item.card:nth-child(odd) { margin-right: 5px; } .posts-item.card:nth-child(even) { margin-left: 5px; } .posts-item.mult-thumb .thumb-items > span { width: calc(33.333% - 6px); padding-bottom: calc(var(--posts-list-scale) / 3); } .posts-item.mult-thumb .thumb-items > span:nth-child(4) { display: none; } .placeholder.t1, .placeholder.k2 { height: 16px; margin-bottom: 5px; } .footer-tabbar { display: flex; } .footer-tabbar-placeholder { background: var(--footer-bg); height: calc(49px + constant(safe-area-inset-bottom)); height: calc(49px + env(safe-area-inset-bottom)); } .virtual-input { display: flex; height: 36px; border-radius: 120px; background: var(--main-shadow); color: var(--muted-2-color); } .virtual-input .but, .virtual-input img { width: 28px; height: 28px; border-radius: 120px; margin: 0 4px; flex-shrink: 0; } .virtual-input .but { width: auto; padding: 3px 10px; } .drop-fixed-sm .dropdown-menu, .mobile-fixed { position: fixed; transform: translateY(220%); transition: 0.6s; opacity: 1; left: 0; right: 0; bottom: 0; padding: 22px 16px; background: var(--main-bg-color); z-index: 1080; border-radius: 10px 10px 0 0; margin: 0; } .drop-fixed-sm.open .dropdown-menu, .mobile-fixed.show { box-shadow: 0 -50px 50px rgba(0, 0, 0, 0.2); transition: 0.6s cubic-bezier(0.28, 0.9, 0.34, 0.99); transform: unset; } .mobile-fixed.show .fixed-body { visibility: unset; z-index: -1; } #respond.mobile-fixed { z-index: 1040; } .drop-fixed-sm .dropdown-menu { z-index: 1045; padding: 10px; top: auto !important; right: 0 !important; left: 0 !important; max-height: 50vh; overflow: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .drop-fixed-sm .dropdown-menu > li > a { font-size: 16px !important; padding: 10px 20px; } .modal-open .drop-fixed-sm.open .dropdown-menu { opacity: 0; } .footer { padding: 10px 0; } .footer .theme-box { margin: 5px; } .single-metabox.cover-meta, .single-metabox { font-size: 13px; } .article-header .article-avatar .list-inline { text-align: right; } .article-header .article-avatar .list-inline li, .article-header .article-avatar .list-inline li + li { float: left; text-align: left; } .article-header .avatar-button { margin: 4px -6px 0 0; float: none !important; min-height: 25px; } .feature { width: calc(50% - 14px); } .payvip-modal .tab-content { text-align: center; } .payvip_equity { line-height: 1.6; display: inline-block; vertical-align: middle; font-size: 0.9em; margin: 0; width: calc(90% - 80px); } .payvip_icon { display: inline-block; vertical-align: middle; width: 80px; } .term-aggregation .term-img { width: 55%; height: 85px; } /*-------用户、作者的小工具卡片-------*/ .user-card.author .card-content { display: block; } .user-card.author .card-content > div { width: 100%; } .user-card.author .user-content { justify-content: center; margin-bottom: 20px; } .user-card.author .user-desc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .user-card.author .user-info { margin-right: 0; margin-left: 15px; } .user-card.author .author-tag { overflow-x: scroll; white-space: nowrap; } /******用户中心********/ .author-header.full-widget-sm { margin-top: -20px; } .author-header.full-widget-sm .page-cover { border-radius: 0; } .author-header .header-content { padding: 12px 20px; } .author-header .avatar-img { --this-size: 100px; } .author-header .header-info > .header-avatar { margin-top: -60px; margin-bottom: 10px; } .author-header .header-info name, .author-header .header-info > .flex1 { flex-basis: 100%; } .author-header .avatar-img .avatar { border-radius: 100px; border-width: 3px; } .author-header .header-btns { position: absolute; top: 0; right: 0; } .full-sm .author-header { margin-top: -20px; border-radius: 0; } .full-sm .author-header .page-cover { border-radius: 0; } .author-header .cover-btns { padding: 8px; } .oauth-bind-box > div { width: 100%; min-width: auto; } /*-------搜索页面-------*/ .search-tab-header { padding: 5px; } .search-filter-item > * { padding: 8px; } .search-page-ajaxpager { margin: 0 -5px 20px -5px; } .search-page-ajaxpager > .ajax-item-header, .search-page-ajaxpager > .ajax-item { margin: 5px; } .search-page-ajaxpager > .ajax-item-header { margin-bottom: -10px; } .search-page-ajaxpager > .ajax-item-header.type-forum { margin-bottom: -6px; } .search-page-ajaxpager > .plate-lists.ajax-item { margin: 2px; } .search-page-ajaxpager .author-minicard { width: calc(100% - 10px); } .search-page-ajaxpager > .forum-posts.alone, .search-page-ajaxpager > .posts-item.list { margin-bottom: 10px; } /*-------用户中心-消息中心-------*/ .msg-center-nav.lists-nav { all: unset; } .msg-center-nav.lists-nav .tab-nav-theme { all: unset; display: flex; justify-content: space-evenly; } .msg-center-nav .tab-nav-theme li { border: none !important; } .msg-center-nav .tab-nav-theme li > a { display: block; text-align: center; font-size: 12px; padding: 0; } .msg-center-nav li > a > img { width: 44px; height: 44px; display: block; margin: auto; margin-bottom: 6px; } .msg-center-nav li > a > badge { right: 5px; top: 5px; } /***---私信---***/ .msg-private > .ajaxpager { opacity: 1; -webkit-animation: fade 0.5s; animation: fade 0.5s; } .link-nav-submit, .msg-private.toggle #user_chat_lists, .msg-private:not(.toggle) #user_private_window { display: none; opacity: 0; } .float-btn .hover-show-con { max-width: 240px; } /***---链接列表页面模板---***/ .link-nav-box > .zib-widget { background: transparent; border-radius: 0; box-shadow: none; padding: 0; margin: 0; } .link-nav-box:not(.affix) { margin-bottom: 10px; } .link-nav-box .nav { margin: 0; } .link-cat-submit { display: block; } .link-nav-box .nav > li { display: inline-block; } .link-nav-box .nav > li > a { padding: 2px; font-size: 1.2em; } .link-nav-box .nav > li > a:hover, .link-nav-box .nav > .active > a { background: 0; } .modal .body-bg .modal-body { padding-left: 10px; padding-right: 10px; } } @media (min-width: 641px) { .search-content .author-minicard { width: calc(50% - 12px); } .show-sm { display: none !important; } .file-download-btn { padding: 5px 30px; } } @media (max-width: 640px) { .modal .modal-dialog { width: 100%; max-width: calc(100% - 20px); } .modal .modal-dialog.full-sm { max-width: 100%; width: 100%; margin: 0; } .modal.bottom .modal-dialog.full-sm { margin-bottom: -1px; } .modal.bottom .modal-dialog.full-sm .modal-content { border-radius: 16px 16px 0 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); } .modal.bottom.in.modal-parent { perspective: 1000px; } .modal.bottom.in.modal-parent .modal-dialog { transform: rotateX(11deg) scale(0.95); padding-bottom: 0; } .hide-sm { display: none !important; } .nop-sm { padding: 0 !important; } .nopw-sm { padding-left: 0 !important; padding-right: 0 !important; } .noph-sm { padding-top: 0 !important; padding-bottom: 0 !important; } .header { padding: 0 8px; } body.nav-fixed { padding-top: 72px; } .navbar-search { padding-top: 60px; } body.nav-fixed .slide-header { margin-top: -72px; } .slide-header .slide-text { padding-top: 52px; } .posts-item:not(.no-thumb) .meta-right item { display: none; } .posts-item { padding: 10px; margin: 10px 0; } .zib-widget .posts-item.no_margin { padding: 10px 0px; } .float-right { right: 10px; } .float-right.position-top { top: 56px; } .em09-sm { font-size: 0.9em; } .px12-sm, .icon-card, .breadcrumb { font-size: 12px; } .em12-sm { font-size: 1.2em; } .mb10-sm { margin-bottom: 10px; } .article { padding: 0 15px; } .article .seamless-img.full-container { margin-left: -15px; margin-right: -15px; } .article.page-article { padding-top: 15px; } .article-header .article-title { font-size: 18px; } .single-metabox .post-metas item { margin: 0 4px; } .article-content .wp-posts-content { line-height: 2; font-size: 15px; } .single-posts-lists .posts-mini-lists { margin-left: -15px; margin-right: -15px; } .article .action { width: 68px; } #comments .comt-title { display: none; } #comments .comt-box { width: 100%; padding: 0; } #comments .list-inline { padding: 15px 0; margin: 0; } .comment-signarea h3 { font-size: 13px; } .comt-tips-left .but .fa, .from-private .but .fa { margin: 0; } #postcomments .comment-header { font-size: 14px; } #postcomments .comt-meta { font-size: 12px; } #postcomments .comment .list-inline > li { padding: 0; } #postcomments .comment .list-inline > li + li { padding-left: 10px; } #postcomments .avatar-img { --this-size: 36px; margin-right: 10px; } #postcomments .commentlist > .comment > .list-inline .comment-footer { margin-left: 45px; margin-top: -15px; } #postcomments .children { margin-left: 0px; } #postcomments .children .children { margin-left: 13px; } #postcomments .children .list-inline { padding: 15px; } .pagenav a, .pagination ul > li { display: none; } .pagenav a.next, .pagenav a.prev { display: inline-block; } .pagenav .page-numbers { font-size: 12px; margin: 2px; min-width: 28px; } #postcomments .post_ajax_loader .ml20 { margin-left: 5px; } .author-minicard { width: 100%; margin: 5px 0; } .posts-mini { width: 100%; } /*----登录框---*/ .sign-img + .sign { margin-left: auto; max-width: 340px; } /*----文章归档模板----文章归档模板----文章归档模板----文章归档模板---*/ .archives .author-set-left { width: 30px; } .archives .author-set-right { width: calc(100% - 60px); } /*---页面封面----页面封面----页面封面----页面封面---*/ .switch-iframe, .featured-video-episode .switch-video { width: calc(50% - 4px); padding: 6px 10px; margin: 2px 2px 0; } .page-cover > .page-cover-con { font-size: 14px; } #author-tab-securityset .zib-widget { all: unset; } .modal-pay-body .row-5 + .row-5 { margin: auto; width: 260px; display: block; } .pay-box { padding: 10px; } .pay-title { margin-top: 18px; } .pay-box .price-box { text-align: center; align-items: center; justify-content: center; margin: 6px; } .pay-flexbox { flex-wrap: wrap; } .pay-box .but-group > .but { width: 50%; } .pay-box .vip-price-buts, .pay-box .pay-button .signin-loader { width: 100%; } .pay-gallery { width: 100%; margin: 0; } .paid-gallery { padding: 30px; } .cashier-link, .initiate-pay { width: 100%; } .user-pay .pay-box { padding: 10px 15px; } .payvip-modal { padding: 15px; } .payvip-modal .vip-cardmini { padding: 4px; } .payvip-modal .vip-cardmini .vip-baicon.abs-center { font-size: 5em; } .payvip-modal .vip-cardmini .vip-name { font-size: 14px; } .dropup + .dropup .dropdown-menu { left: -30px; } .dropup + .dropup .dropdown-menu::before { left: 41px; } .dropup + .dropup + .dropup .dropdown-menu { left: -60px; } .dropup + .dropup + .dropup .dropdown-menu::before { left: 71px; } .dropup + .dropup + .dropup + .dropup .dropdown-menu { left: -90px; } .dropup + .dropup + .dropup + .dropup .dropdown-menu::before { left: 101px; } .dplayer-full-in, .dplayer-loop { display: none !important; } .hidden-box.flex { align-items: center; line-height: 1.4; } .hidden-pass-img { width: 100px; } .medal-list { width: calc(25% - 14px); } .links-box .links-card { width: calc(50% - 10px); margin: 5px; } .drawer-header { height: 52px; padding: 0 16px; } } @media (max-width: 480px) { .pay-box .but-download { width: auto; } .vip-product { padding: 4px; } .single-cover-con .article-title { font-size: 16px; margin-bottom: 0; } .medal-card .medal-icon { height: 55px; } .link-nav-box.affix-bottom, .link-nav-box.affix { margin-left: -5px; margin-right: -5px; } .links-page-container .fixed-wrap { overflow: hidden; } .link-page-search-cover .tab-nav-theme li a { padding: 0 3px; font-size: 14px; } } /*--------------OVER---over---------OVER---over---------OVER---over---------OVER---over-----------*/ /* 视频响应式修复 */ figure.wp-block-video video, .wp-block-video video, .wp-posts-content video { width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain !important; } figure.wp-block-video { width: 100% !important; max-width: 100% !important; } /bin /boot /dev /etc /home /lib /lib32 /lib64 /libx32 /lost+found /media /mnt /opt /patch /proc /root /run /sbin /snap /srv /sys /tmp /usr /var /www 视频响应式修复 - 使用transform extract_links/ node_modules/ snap/ /* 视频响应式修复v2 */ figure.wp-block-video video, .wp-block-video video, .wp-posts-content video { width: 100% !important; height: auto !important; max-width: 100% !important; object-fit: contain; } figure.wp-block-video { width: 100% !important; max-width: 100% !important; }