ceshi
This commit is contained in:
kate522 committed
1 parent
4204983db7
commit
93841211d3
61 files changed
+11649
No files matched your search
@@ -0,0 +1,3 @@
|
|||||||
|
lass="fixed-body" data-toggle-class="mobile-navbar-show" data-target="body"></div></div><div class="header-slider-container relative mb20 card-4 filter-blur"><div class="relative zib-slider"><div class="new-swiper slide-index slide-header" data-direction="horizontal" data-effect="slide" data-loop="true" data-autoplay="1" data-interval="6000" data-spaceBetween="0" style="--m-height :280px;--pc-height :550px;"><div class="swiper-wrapper"><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/slider-bg.jpg" alt="幻灯片 - Demo本地"></a></div><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/user_t.jpg" alt="幻灯片 - Demo本地"></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination kaoyou"></div></div></div><div class="header-slider-search abs-center"><div class="header-slider-search-more text-center before">更优雅的WordPress主题这是导航栏幻灯片多功能组件，可在后台进行配置</div><div class="search-input"><form method="get" class="padding-10 search-form" action="https://localhost/"><div class="line-form"><div class="search-input-text"><input type="text" name="s" class="line-form-input" tabindex="1" value=""><i class="line-form-line"></i><div class="scale-placeholder" default="开启精彩搜索">开启精彩搜索</div><div class="abs-right muted-color"><button type="submit" tabindex="2" class="null" aria-label="搜索"><i class="fa fas fa-search" aria-hidden="true"></i></button></div></div><input type="hidden" name="type" value="post"></div></form></div></div><div class="header-slider-card container"><div class="flex jse flex-row gutters-5 flex-col-sm-2"><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-yellow" style="font-size: 25px;"><i class="fa fas fa-home em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 图标卡片</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-blue-2" style="font-size: 25px;"><i class="fa fas fa-cog em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 原创作品</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-pink" style="font-size: 25px;"><i class="fa fas fa-wrench em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 灵感来源NEW</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-cyan" style="font-size: 25px;"><i class="fa fas fa-shield-alt em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 系统工具 GO</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div></div></div></div>
|
||||||
|
|
||||||
|
|
||||||
@@ -0,0 +1,43 @@
|
|||||||
|
aksrt-gutenberg-blocks-front
|
||||||
|
aksrt-style
|
||||||
|
aksrt-tokens
|
||||||
|
aksrt-core-reset
|
||||||
|
aksrt-core-typography
|
||||||
|
aksrt-core-buttons
|
||||||
|
aksrt-core-forms
|
||||||
|
aksrt-core-alerts
|
||||||
|
aksrt-ext-animations
|
||||||
|
aksrt-ext-components-ext
|
||||||
|
aksrt-ext-color-utilities
|
||||||
|
aksrt-base
|
||||||
|
aksrt-card-primitives
|
||||||
|
aksrt-overlay-primitives
|
||||||
|
aksrt-layout
|
||||||
|
aksrt-footer
|
||||||
|
aksrt-floating-buttons
|
||||||
|
aksrt-enhancements
|
||||||
|
aksrt-skeleton
|
||||||
|
aksrt-empty-state
|
||||||
|
aksrt-pagination
|
||||||
|
aksrt-ajax-spinner
|
||||||
|
aksrt-modal-runtime
|
||||||
|
aksrt-vip-modal
|
||||||
|
aksrt-post-card
|
||||||
|
aksrt-sidebar
|
||||||
|
aksrt-breadcrumb
|
||||||
|
aksrt-pages
|
||||||
|
aksrt-single-post
|
||||||
|
aksrt-comments
|
||||||
|
aksrt-route-profile-layout
|
||||||
|
aksrt-route-profile-lists
|
||||||
|
aksrt-route-profile
|
||||||
|
aksrt-route-user-home
|
||||||
|
aksrt-homepage-fixed-base-1
|
||||||
|
aksrt-homepage-fixed-base-2
|
||||||
|
aksrt-homepage-fixed-base-3
|
||||||
|
aksrt-homepage-fixed-ajax-tab-skeleton-placeholder
|
||||||
|
aksrt-homepage-fixed
|
||||||
|
aksrt-medal
|
||||||
|
aksrt-notyf
|
||||||
|
aksrt-site-notice
|
||||||
|
aksrt-widget-system
|
||||||
@@ -0,0 +1,553 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-Hans" class="dark" data-theme="dark">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
|
||||||
|
<title>Demo本地</title>
|
||||||
|
<meta name='robots' content='noindex, nofollow' />
|
||||||
|
|
||||||
|
<!-- AKSRT SEO -->
|
||||||
|
<link rel="canonical" href="https://localhost/">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta property="og:site_name" content="Demo本地">
|
||||||
|
<meta property="og:title" content="Demo本地">
|
||||||
|
<meta property="og:url" content="https://localhost/">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="Demo本地">
|
||||||
|
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://localhost/#website","url":"https://localhost/","name":"Demo本地","inLanguage":"zh_CN"}]}</script>
|
||||||
|
<!-- /AKSRT SEO -->
|
||||||
|
<style id="wp-img-auto-sizes-contain-inline-css">
|
||||||
|
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
|
||||||
|
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
|
||||||
|
</style>
|
||||||
|
<style id="wp-emoji-styles-inline-css">
|
||||||
|
|
||||||
|
img.wp-smiley, img.emoji {
|
||||||
|
display: inline !important;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
height: 1em !important;
|
||||||
|
width: 1em !important;
|
||||||
|
margin: 0 0.07em !important;
|
||||||
|
vertical-align: -0.1em !important;
|
||||||
|
background: none !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
/*# sourceURL=wp-emoji-styles-inline-css */
|
||||||
|
</style>
|
||||||
|
<style id="wp-block-library-inline-css">
|
||||||
|
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
|
||||||
|
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
|
||||||
|
</style>
|
||||||
|
<style id="classic-theme-styles-inline-css">
|
||||||
|
/*! This file is auto-generated */
|
||||||
|
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
|
||||||
|
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
|
||||||
|
</style>
|
||||||
|
<style id="wp-block-styles-placeholder-inline-css">
|
||||||
|
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the block styles printed at wp_footer." }
|
||||||
|
/*# sourceURL=wp-block-styles-placeholder-inline-css */
|
||||||
|
</style>
|
||||||
|
<link rel='stylesheet' id='aksrt-gutenberg-blocks-front-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/gutenberg-blocks.css?ver=1786618985' media='all' />
|
||||||
|
<style id="wp-global-styles-placeholder-inline-css">
|
||||||
|
:root { --wp-internal-comment: "Placeholder for wp_hoist_late_printed_styles() to replace with the global-styles printed at wp_footer." }
|
||||||
|
/*# sourceURL=wp-global-styles-placeholder-inline-css */
|
||||||
|
</style>
|
||||||
|
<link rel='stylesheet' id='_bootstrap-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/css/bootstrap.min.css?ver=3.4.1' media='all' />
|
||||||
|
<link rel='stylesheet' id='_fontawesome-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/fontawesome5/css/all.min.css?ver=5.15.4' media='all' />
|
||||||
|
<link rel='stylesheet' id='_main-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/css/main.min.css?ver=3.4.0-dev' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-style-css' href='https://localhost/wp-content/themes/AKSRT-theme/style.css?ver=3.4.0-dev' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-tokens-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/tokens.css?ver=1787040440' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-reset-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/reset.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-typography-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/typography.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-buttons-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/buttons.css?ver=1787057375' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-forms-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/forms.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-alerts-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/alerts.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-ext-animations-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/animations.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-ext-components-ext-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/components-ext.css?ver=1787057375' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-ext-color-utilities-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/color-utilities.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-base-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/base.css?ver=1787147463' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-card-primitives-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/card-primitives.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-overlay-primitives-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/overlay-primitives.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-layout-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/layout.css?ver=1787069297' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-footer-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/footer.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-floating-buttons-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/floating-buttons.css?ver=1784947856' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-enhancements-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/enhancements.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-skeleton-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/skeleton.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-empty-state-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/empty-state.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-pagination-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/pagination.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-ajax-spinner-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/ajax-spinner.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-modal-runtime-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/modal-runtime.css?ver=1785860393' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-vip-modal-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/vip-modal.css?ver=1786994318' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-post-card-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/post-card.css?ver=1787057375' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-sidebar-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/sidebar.css?ver=1785552027' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-breadcrumb-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/breadcrumb.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-pages-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/pages.css?ver=1786949554' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-single-post-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/single-post.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-comments-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/comments.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-route-profile-layout-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/routes/profile/layout.css?ver=1787120767' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-route-profile-lists-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/routes/profile/lists.css?ver=1786995157' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-route-profile-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/routes/profile/modals.css?ver=1787121432' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-route-user-home-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/routes/user-home.css?ver=1787119732' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-base-1-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/base-1.css?ver=1787069297' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-base-2-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/base-2.css?ver=1787040440' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-base-3-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/base-3.css?ver=1787040440' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-ajax-tab-skeleton-placeholder-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/ajax-tab-skeleton-placeholder.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/ajax-tab-error-state.css?ver=1787040440' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-medal-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/medal.css?ver=1787127326' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-notyf-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/notyf.css?ver=1787057375' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-site-notice-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/site-notice.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-widget-system-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/widgets/frontend.css?ver=1787130099' media='all' />
|
||||||
|
<script id="jquery-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/js/libs/jquery.min.js?ver=1.9.1"></script>
|
||||||
|
<script id="aksrt-passive-events-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/passive-events.js?ver=3.4.0-dev"></script>
|
||||||
|
<script id="aksrt-instant-page-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/instant-page.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-content-protect-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/content-protect.js?ver=1784854384"></script>
|
||||||
|
<link rel="https://api.w.org/" href="https://localhost/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://localhost/xmlrpc.php?rsd" />
|
||||||
|
<meta name="generator" content="WordPress 7.0.2" />
|
||||||
|
<style id="aksrt-runtime-vars">:root{--content-max:1200px;--content-no-sidebar-max:980px;--container:1200px;--container-wide:1360px;--mian-max-width:1200px;--sidebar-width:311px;--color-primary:#f04494;--color-primary-hover:#D33C82;--color-primary-active:#BB3573;--color-primary-soft:rgba(240, 68, 148, 0.12);--color-primary-softer:rgba(240, 68, 148, 0.06);--color-primary-rgb:240, 68, 148;--focus-color:#f04494;--radius-sm:6px;--radius:8px;--radius-card:12px;--main-radius:8px;--radius-btn:8px;--radius-code:8px;--radius-lg:12px;--radius-xl:18px;--shadow-md:0 8px 24px rgba(20, 28, 48, 0.10);--main-shadow:rgba(116, 116, 116, 0.08);--font-body:"Source Serif 4", "Noto Serif SC", Georgia, "Songti SC", "STSong", serif;--font-display:"Source Serif 4", "Noto Serif SC", Georgia, "Songti SC", "STSong", serif;--font-ui:Inter, Manrope, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:Inter, Manrope, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--aksrt-logo-width:150px;--nav-height:60px;--single-cover-scale:35%;--posts-list-scale:70%;--posts-card-scale:70%;--aksrt-logo-url:"https://localhost/wp-content/uploads/2026/07/alphabet_96900.png";--aksrt-logo-dark-url:"https://localhost/wp-content/uploads/2026/07/alphabet_96900.png";--aksrt-favicon:"https://localhost/wp-content/uploads/2026/07/alphabet_96900.png";}</style>
|
||||||
|
<style id="aksrt-post-list-mobile-meta">@media (max-width:640px){.meta-right .meta-like{display:unset!important}}</style>
|
||||||
|
<style id="aksrt-runtime-components">.aksrt-search-hot-keywords{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-family:var(--font-ui);}.aksrt-search-hot-keywords__label{font-size:12px;color:var(--color-ink-3);}.aksrt-search-hot-keywords__list{display:flex;gap:8px;flex-wrap:wrap;}.aksrt-search-hot-keywords__item{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--surface-2,#f3f4f6);color:var(--color-ink-2,#374151);font-size:12px;line-height:1.4;text-decoration:none;}.aksrt-search-hot-keywords__item:hover{background:var(--color-primary,#2563eb);color:#fff;}.site-footer__copyright--extra{margin-top:8px;opacity:.78;}</style>
|
||||||
|
<link rel="icon" href="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" sizes="32x32" />
|
||||||
|
<link rel="icon" href="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" sizes="192x192" />
|
||||||
|
<link rel="apple-touch-icon" href="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" />
|
||||||
|
<meta name="msapplication-TileImage" content="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" />
|
||||||
|
</head>
|
||||||
|
<body class="home blog wp-embed-responsive wp-theme-AKSRT-theme nav-fixed theme-dark dark-theme header-layout-1 mobile-header-center mobile-nav-left front-page aksrt-homepage-layout aksrt-homepage-active aksrt-profile aksrt-user-home site-layout-1" data-theme="dark">
|
||||||
|
<style id="aksrt-loading-css">
|
||||||
|
.aksrt-loading-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:var(--bg-card,#fff);transition:opacity .4s ease,visibility .4s ease}
|
||||||
|
.aksrt-loading-overlay .loader{width:48px;height:48px;position:relative}
|
||||||
|
[data-loading-style="no1"] .loader{border:4px solid var(--color-primary-soft,rgba(240,68,148,.15));border-top-color:var(--color-primary,#f04494);border-radius:50%;animation:aksrt-load-spin .8s linear infinite}
|
||||||
|
[data-loading-style="no2"] .loader{border:4px solid var(--color-primary-soft,rgba(240,68,148,.15));border-radius:50%;animation:aksrt-load-pulse 1.2s ease-in-out infinite}
|
||||||
|
[data-loading-style="no3"] .loader::before,[data-loading-style="no3"] .loader::after{content:'';position:absolute;border-radius:50%;animation:aksrt-load-ripple 1.6s linear infinite;border:3px solid var(--color-primary,#f04494);inset:0}
|
||||||
|
[data-loading-style="no3"] .loader::after{animation-delay:-.8s}
|
||||||
|
[data-loading-style="no4"] .loader{display:flex;gap:6px;align-items:center;justify-content:center}
|
||||||
|
[data-loading-style="no4"] .loader::before,[data-loading-style="no4"] .loader::after,[data-loading-style="no4"] .loader i{width:12px;height:12px;border-radius:50%;background:var(--color-primary,#f04494);display:block;animation:aksrt-load-bounce .6s ease-in-out infinite alternate}
|
||||||
|
[data-loading-style="no4"] .loader::after{animation-delay:.2s}
|
||||||
|
[data-loading-style="no4"] .loader i{animation-delay:.4s}
|
||||||
|
[data-loading-style="no5"] .loader{background:var(--color-primary,#f04494);animation:aksrt-load-rotate-square 1.2s ease-in-out infinite}
|
||||||
|
[data-loading-style="no6"] .loader{width:60px;height:6px;border-radius:3px;background:var(--color-primary-soft,rgba(240,68,148,.15));overflow:hidden;position:relative}
|
||||||
|
[data-loading-style="no6"] .loader::after{content:'';position:absolute;left:-40%;top:0;width:40%;height:100%;background:var(--color-primary,#f04494);border-radius:3px;animation:aksrt-load-bar 1.2s ease-in-out infinite}
|
||||||
|
[data-loading-style="no7"] .loader{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
|
||||||
|
[data-loading-style="no7"] .loader i{width:12px;height:12px;background:var(--color-primary,#f04494);border-radius:2px;animation:aksrt-load-grid-fade 1s ease-in-out infinite}
|
||||||
|
[data-loading-style="no7"] .loader i:nth-child(1){animation-delay:0s}[data-loading-style="no7"] .loader i:nth-child(2){animation-delay:.1s}[data-loading-style="no7"] .loader i:nth-child(3){animation-delay:.2s}
|
||||||
|
[data-loading-style="no7"] .loader i:nth-child(4){animation-delay:.3s}[data-loading-style="no7"] .loader i:nth-child(5){animation-delay:.4s}[data-loading-style="no7"] .loader i:nth-child(6){animation-delay:.5s}
|
||||||
|
[data-loading-style="no7"] .loader i:nth-child(7){animation-delay:.6s}[data-loading-style="no7"] .loader i:nth-child(8){animation-delay:.7s}[data-loading-style="no7"] .loader i:nth-child(9){animation-delay:.8s}
|
||||||
|
[data-loading-style="no8"] .loader{display:flex;gap:5px;align-items:flex-end;height:40px}
|
||||||
|
[data-loading-style="no8"] .loader i{width:6px;background:var(--color-primary,#f04494);border-radius:2px;animation:aksrt-load-wave 1s ease-in-out infinite}
|
||||||
|
[data-loading-style="no8"] .loader i:nth-child(1){animation-delay:0s}[data-loading-style="no8"] .loader i:nth-child(2){animation-delay:.1s}[data-loading-style="no8"] .loader i:nth-child(3){animation-delay:.2s}
|
||||||
|
[data-loading-style="no8"] .loader i:nth-child(4){animation-delay:.3s}[data-loading-style="no8"] .loader i:nth-child(5){animation-delay:.4s}
|
||||||
|
[data-loading-style="no9"] .loader{display:flex;gap:8px;align-items:center;justify-content:center}
|
||||||
|
[data-loading-style="no9"] .loader i{width:10px;height:10px;background:var(--color-primary,#f04494);border-radius:50%;animation:aksrt-load-dot-scale .8s ease-in-out infinite alternate}
|
||||||
|
[data-loading-style="no9"] .loader i:nth-child(2){animation-delay:.15s}[data-loading-style="no9"] .loader i:nth-child(3){animation-delay:.3s}
|
||||||
|
[data-loading-style="no10"] .loader{border:4px solid transparent;border-top-color:var(--color-primary,#f04494);border-bottom-color:var(--color-primary,#f04494);border-radius:50%;animation:aksrt-load-spin 1s linear infinite}
|
||||||
|
[data-loading-style="no10"] .loader::after{content:'';position:absolute;inset:4px;border:4px solid transparent;border-left-color:var(--color-primary-soft,rgba(240,68,148,.35));border-right-color:var(--color-primary-soft,rgba(240,68,148,.35));border-radius:50%;animation:aksrt-load-spin .6s linear infinite reverse}
|
||||||
|
@keyframes aksrt-load-spin{to{transform:rotate(360deg)}}
|
||||||
|
@keyframes aksrt-load-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.5}}
|
||||||
|
@keyframes aksrt-load-ripple{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.2);opacity:0}}
|
||||||
|
@keyframes aksrt-load-bounce{to{transform:translateY(-12px);opacity:.5}}
|
||||||
|
@keyframes aksrt-load-rotate-square{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.6)}100%{transform:rotate(360deg) scale(1)}}
|
||||||
|
@keyframes aksrt-load-bar{0%{left:-40%}100%{left:100%}}
|
||||||
|
@keyframes aksrt-load-grid-fade{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
|
||||||
|
@keyframes aksrt-load-wave{0%,100%{height:10px}50%{height:36px}}
|
||||||
|
@keyframes aksrt-load-dot-scale{from{transform:scale(1)}to{transform:scale(1.8);opacity:.4}}
|
||||||
|
body.aksrt-loading-done .aksrt-loading-overlay{opacity:0;visibility:hidden;pointer-events:none}
|
||||||
|
[data-theme="dark"] .aksrt-loading-overlay{background:var(--bg-card,#1a1a2e)}
|
||||||
|
</style>
|
||||||
|
<div class="aksrt-loading-overlay" data-loading-style="no1">
|
||||||
|
<div class="loader"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
(function(){function d(){document.body.classList.add('aksrt-loading-done')}if(document.readyState==='complete'){d()}else{window.addEventListener('load',d)}})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<header class="header header-layout-1 show-slide scroll-down-hide"><nav class="navbar navbar-top center"><div class="container-fluid container-header"><div class="navbar-header"><div class="navbar-brand"><a class="navbar-logo" href="https://localhost/"><img class="lazyload " src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" white-src="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" dark-src="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" alt="Demo本地" style="height:36px;width:auto;max-width:150px"></a></div><button type="button" data-toggle-class="mobile-navbar-show" data-target="body" class="navbar-toggle" aria-label="打开菜单"><i class="em12 css-icon i-menu"><i></i></i></button><a href="javascript:;" class="navbar-toggle main-search-btn" aria-label="打开搜索"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-search"></use></svg></a></div><div class="collapse navbar-collapse"><ul class="nav navbar-nav"><li id="menu-item-91" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="https://localhost/reset-password/"><span class="menu-item-title">重置密码</span></a></li>
|
||||||
|
<li id="menu-item-92" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-92"><a href="https://localhost/bind-account/"><span class="menu-item-title">绑定账号</span></a></li>
|
||||||
|
<li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="https://localhost/sign/"><span class="menu-item-title">登录/注册</span></a></li>
|
||||||
|
</ul><div class="navbar-form navbar-right hide show-nav-but" style="margin-right:-10px;"><a data-toggle-class data-target=".nav.navbar-nav" href="javascript:;" class="but" aria-label="展开菜单"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-menu_2"></use></svg></a></div><div class="navbar-form navbar-right navbar-but"><a rel="nofollow" class="newadd-btns nowave navbar-newposts but jb-blue radius navbar-cta" href="https://localhost/%e5%8f%91%e5%b8%83%e6%96%87%e7%ab%a0/"><i class="fa fas fa-pen" aria-hidden="true"></i><span class="navbar-cta-text">发布</span></a><span class="hover-show inline-block navbar-vip-hover"><a class="but jb-red radius payvip-icon ml10 navbar-cta signin-loader" href="javascript:;"><svg class="icon em12 mr3" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="navbar-cta-text">开通会员</span></a><div class="hover-show-con sub-menu sub-vip-card"><div class="vip-card pointer level-1 vip-theme1 signin-loader" vip-level="1"><div class="vip-baicon" aria-hidden="true"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-1.svg" alt="" decoding="async"></div><div class="vip-img abs-right"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-1.svg" alt="" decoding="async"></div><div class="relative"><div class="vip-name mb10"><span class="vip-name__icon"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-1.svg" alt="" decoding="async"></span><span class="vip-name__label">黄金会员</span></div><div class="mb6 font-bold em09">尊享一级会员特权</div><ul class="v-equity mb10 relative"><li>免费下载部分资源会员专属身份标识付费内容会员价</li></ul><a class="but jb-blue radius payvip-button" href="javascript:;">开通黄金会员<span class="ml6"><i class="fa fas fa-chevron-circle-right" aria-hidden="true"></i></span></a></div></div><div class="vip-card pointer level-2 vip-theme2 signin-loader" vip-level="2"><div class="vip-baicon" aria-hidden="true"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-2.svg" alt="" decoding="async"></div><div class="vip-img abs-right"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-2.svg" alt="" decoding="async"></div><div class="relative"><div class="vip-name mb10"><span class="vip-name__icon"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-2.svg" alt="" decoding="async"></span><span class="vip-name__label">钻石会员</span></div><div class="mb6 font-bold em09">尊享二级会员特权</div><ul class="v-equity mb10 relative"><li>更高免费下载额度更高等级身份标识更多付费内容会员价</li></ul><a class="but jb-blue radius payvip-button" href="javascript:;">开通钻石会员<span class="ml6"><i class="fa fas fa-chevron-circle-right" aria-hidden="true"></i></span></a></div></div></div></span></div><div class="navbar-form navbar-right flex ac"><a href="javascript:;" class="toggle-theme toggle-radius" id="theme-toggle-desktop" title="切换亮暗色"><i class="fa fas fa-toggle-theme" aria-hidden="true"></i></a></div><div class="navbar-form navbar-right"><ul class="list-inline splitters relative"><li><a href="javascript:;" class="btn signin-loader"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-user"></use></svg></a><ul class="sub-menu"><div class="padding-10"><div class="sub-user-box"><div class="text-center"><div><a class="em09 signin-loader but jb-red radius4 payvip-icon btn-block mt10" href="javascript:;"><i class="fa fas fa-gem" aria-hidden="true"></i> 开通会员 尊享会员权益</a></div><div class="flex jsa header-user-href"><a href="javascript:;" class="signin-loader"><div class="badg mb6 toggle-radius c-blue"><i class="fa fas fa-sign-in-alt" aria-hidden="true"></i></div><div class="c-blue">登录</div></a><a rel="nofollow" href="https://localhost/reset-password/?redirect_to=https%3A%2F%2Flocalhost%2F"><div class="badg mb6 toggle-radius c-purple"><i class="fa fas fa-key" aria-hidden="true"></i></div><div class="c-purple">找回密码</div></a></div></div></div></div></ul></li><li class="relative"><a href="javascript:;" class="btn nav-search-btn main-search-btn" aria-label="打开搜索"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-search"></use></svg></a></li></ul></div></div></div>Line truncated
|
||||||
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-92"><a href="https://localhost/bind-account/"><span class="menu-item-title">绑定账号</span></a></li>
|
||||||
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="https://localhost/sign/"><span class="menu-item-title">登录/注册</span></a></li>
|
||||||
|
</ul><div class="sub-user-box"><div class="text-center"><div><a class="em09 signin-loader but jb-red radius4 payvip-icon btn-block mt10" href="javascript:;"><i class="fa fas fa-gem" aria-hidden="true"></i> 开通会员 尊享会员权益</a></div><div class="flex jsa header-user-href"><a href="javascript:;" class="signin-loader"><div class="badg mb6 toggle-radius c-blue"><i class="fa fas fa-sign-in-alt" aria-hidden="true"></i></div><div class="c-blue">登录</div></a><a rel="nofollow" href="https://localhost/reset-password/?redirect_to=https%3A%2F%2Flocalhost%2F"><div class="badg mb6 toggle-radius c-purple"><i class="fa fas fa-key" aria-hidden="true"></i></div><div class="c-purple">找回密码</div></a></div></div></div></nav><div class="fixed-body" data-toggle-class="mobile-navbar-show" data-target="body"></div></div><div class="header-slider-container relative mb20 card-4 filter-blur"><div class="relative zib-slider"><div class="new-swiper slide-index slide-header" data-direction="horizontal" data-effect="slide" data-loop="true" data-autoplay="1" data-interval="6000" data-spaceBetween="0" style="--m-height :280px;--pc-height :550px;"><div class="swiper-wrapper"><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/slider-bg.jpg" alt="幻灯片 - Demo本地"></a></div><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/user_t.jpg" alt="幻灯片 - Demo本地"></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination kaoyou"></div></div></div><div class="header-slider-search abs-center"><div class="header-slider-search-more text-center before">更优雅的WordPress主题这是导航栏幻灯片多功能组件，可在后台进行配置</div><div class="search-input"><form method="get" class="padding-10 search-form" action="https://localhost/"><div class="line-form"><div class="search-input-text"><input type="text" name="s" class="line-form-input" tabindex="1" value=""><i class="line-form-line"></i><div class="scale-placeholder" default="开启精彩搜索">开启精彩搜索</div><div class="abs-right muted-color"><button type="submit" tabindex="2" class="null" aria-label="搜索"><i class="fa fas fa-search" aria-hidden="true"></i></button></div></div><input type="hidden" name="type" value="post"></div></form></div></div><div class="header-slider-card container"><div class="flex jse flex-row gutters-5 flex-col-sm-2"><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-yellow" style="font-size: 25px;"><i class="fa fas fa-home em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 图标卡片</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-blue-2" style="font-size: 25px;"><i class="fa fas fa-cog em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 原创作品</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-pink" style="font-size: 25px;"><i class="fa fas fa-wrench em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 灵感来源NEW</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-cyan" style="font-size: 25px;"><i class="fa fas fa-shield-alt em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 系统工具 GO</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div></div></div></div>
|
||||||
|
|
||||||
|
<main id="main-content" class="site-main container content-shell content-shell--stream aksrt-user-home" tabindex="-1">
|
||||||
|
<div class="content-wrap">
|
||||||
|
<div class="content-layout content-layout--no-sidebar aksrt-user-home__layout">
|
||||||
|
<div class="content-layout__primary">
|
||||||
|
|
||||||
|
<div class="aksrt-author-hero">
|
||||||
|
<div class="aksrt-author-hero__cover">
|
||||||
|
<img class="lazyload aksrt-author-hero__cover-img" src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/thumbnail-lg.svg" data-src="https://localhost/wp-content/uploads/2026/08/Sun-person-1-scaled.jpg" alt="">
|
||||||
|
<div class="aksrt-author-hero__cover-mask"></div>
|
||||||
|
<div class="aksrt-cover-menu aksrt-cover-menu--author" data-aksrt-menu>
|
||||||
|
<button type="button" class="aksrt-cover-menu__trigger" aria-haspopup="true" aria-expanded="false" aria-label="个人主页操作"><i class="fa fas fa-ellipsis-h" aria-hidden="true"></i></button>
|
||||||
|
<div class="aksrt-cover-menu__panel" role="menu" hidden>
|
||||||
|
<button type="button" role="menuitem" data-aksrt-profile-details><i class="fa fas fa-address-card" aria-hidden="true"></i>更多资料</button> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-author-hero__body">
|
||||||
|
<div class="aksrt-author-hero__avatar">
|
||||||
|
<img class="lazyload avatar avatar-120 photo" src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/user/default-avatar.svg" data-src="https://localhost/wp-content/uploads/2026/08/b_80c7ea99df2c1c9dac2f793a6c959b77-1-150x150.jpg" alt="" width="120" height="120"> </div>
|
||||||
|
|
||||||
|
<div class="aksrt-author-hero__info">
|
||||||
|
<h1 class="aksrt-author-hero__name">
|
||||||
|
<name class="aksrt-author-hero__name-inner"><a class="display-name text-ellipsis" href="https://localhost/author/demo/">demo</a><span class="aksrt-vip-badge aksrt-vip-badge--gold aksrt-vip-badge--sm aksrt-vip-badge--vip2" title="钻石会员"><img class="lazyload aksrt-vip-badge__icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-2.svg" alt="" decoding="async"></span><img class="lazyload aksrt-user-level-icon img-icon ml3" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/user-level-2.png" alt="LV2" title="LV2" decoding="async"></name> </h1>
|
||||||
|
|
||||||
|
<div class="aksrt-author-hero__identity user-identity flex ac hh">
|
||||||
|
<a class="aksrt-medal-entry aksrt-medal-entry--user-home aksrt-modal-link" data-aksrt-modal="remote" data-aksrt-modal-url="https://localhost/wp-admin/admin-ajax.php?action=aksrt_user_medal_info_modal&id=1" data-aksrt-modal-class="aksrt-badge-modal aksrt-badge-modal--overview" data-aksrt-modal-mobile-bottom="true" data-aksrt-modal-cache="false" href="https://localhost/wp-admin/admin-ajax.php?action=aksrt_user_medal_info_modal&id=1" aria-label="3枚徽章"><span class="aksrt-medal-entry__icons"><img class="lazyload img-icon medal-icon aksrt-medal-entry__icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/medal/medal-1.svg" alt="新人入队" title="新人入队" decoding="async"><img class="lazyload img-icon medal-icon aksrt-medal-entry__icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/medal/medal-2.svg" alt="新人入队2" title="新人入队2" decoding="async"><img class="lazyload img-icon medal-icon aksrt-medal-entry__icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/medal/medal-3.svg" alt="Sing" title="Sing" decoding="async"></span><span class="aksrt-medal-entry__count">3枚徽章</span><i class="fa fas fa-angle-right aksrt-medal-entry__arrow" aria-hidden="true"></i></a> <span class="badg aksrt-ip-geo-badge" title="IP 属地">山东 济南市</span> </div>
|
||||||
|
<p class="aksrt-author-hero__desc">test</p>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-author-hero__actions">
|
||||||
|
<a href="https://localhost/sign/?tab=login&redirect_to=https%3A%2F%2Flocalhost%2Fauthor%2Fdemo%2F" class="btn-outline btn-sm aksrt-author-hero__follow-btn">
|
||||||
|
<i class="fa fas fa-heart" aria-hidden="true"></i>
|
||||||
|
<span>登录后关注</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<a href="https://localhost/sign/?tab=login&redirect_to=https%3A%2F%2Flocalhost%2Fauthor%2Fdemo%2F" class="btn-primary btn-sm">
|
||||||
|
<i class="fa fas fa-comment" aria-hidden="true"></i>
|
||||||
|
<span>私信</span>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-profile-details-modal" id="aksrt-profile-details-modal" hidden role="dialog" aria-modal="true" aria-labelledby="aksrt-profile-details-title">
|
||||||
|
<div class="aksrt-profile-details-modal__backdrop" data-aksrt-modal-close></div>
|
||||||
|
<div class="aksrt-profile-details-modal__dialog" tabindex="-1">
|
||||||
|
<button type="button" class="aksrt-profile-details-modal__close" data-aksrt-modal-close aria-label="关闭">×</button>
|
||||||
|
<h2 id="aksrt-profile-details-title">更多资料</h2>
|
||||||
|
<dl>
|
||||||
|
<div><dt>GitHub</dt><dd><a href="https://localhost/" target="_blank" rel="noopener noreferrer">https://localhost/</a></dd></div> <div><dt>QQ</dt><dd>850024520</dd></div> </dl>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="dashboard dashboard--public" data-default-tab="posts">
|
||||||
|
<div class="dashboard-tabs" role="tablist">
|
||||||
|
<button type="button" class="is-active" data-tab="posts" role="tab">
|
||||||
|
文章 <span class="dashboard-tabs__count opacity8">18</span>
|
||||||
|
</button>
|
||||||
|
<button type="button" class="" data-tab="favorites" role="tab">
|
||||||
|
收藏 <span class="dashboard-tabs__count opacity8">0</span>
|
||||||
|
</button>
|
||||||
|
<button type="button" class="" data-tab="comments" role="tab">
|
||||||
|
评论 <span class="dashboard-tabs__count opacity8">2</span>
|
||||||
|
</button>
|
||||||
|
<button type="button" class="" data-tab="follow" role="tab">
|
||||||
|
粉丝 <span class="dashboard-tabs__count opacity8">0</span>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="panel-posts" class="dashboard-panel is-active" role="tabpanel">
|
||||||
|
<div class="posts-row ajaxpager profile-list" data-view="list"><posts class="posts-item list ajax-item flex"><div class="post-graphic"><div class="item-thumbnail"><a href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/"><img class="lazyload fit-cover radius8" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/uploads/2026/08/童话故事创作_compressed-225x300.png" alt="会收集星光的小松鼠"></a></div></div><div class="item-body flex xx flex1 jsb"><h2 class="item-heading"><a href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/">会收集星光的小松鼠</a></h2><div class="item-excerpt muted-color text-ellipsis mb6">森林深处住着一只名叫朵朵的小松鼠。别的松鼠都爱收集饱满的松果...</div><div><div class="item-tags scroll-x no-scrollbar mb6"><a rel="nofollow" href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/#posts-pay" class="meta-pay but jb-yellow">付费下载 ￥5</a><a class="but c-blue" title="查看更多分类文章" href="https://localhost/category/uncategorized/"><i class="fa fas fa-folder-open" aria-hidden="true"></i>分类一</a></div><div class="item-meta muted-2-color flex jsb ac"><item title="2026-08-18 13:11:33" class="icon-circle mln3">1 天前</item><div class="meta-right"><item class="meta-comm"><a rel="nofollow" data-toggle="tooltip" title="去评论" href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/#respond"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-comment"></use></svg>0</a></item><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>4</item><item class="meta-like"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg>0</item></div></div></div></div></posts><posts class="posts-item list ajax-item flex"><div class="post-graphic"><div class="item-thumbnail"><a href="https://localhost/%e6%b5%8b%e8%af%95%e6%b8%a9%e8%a1%8c/"><img data-thumb="default" class="lazyload fit-cover radius8" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/thumbnail.svg" alt="测试温行"></a></div></div><div class="item-body flex xx flex1 jsb"><h2 class="item-heading"><a href="https://localhost/%e6%b5%8b%e8%af%95%e6%b8%a9%e8%a1%8c/">测试温行</a></h2><div class="item-excerpt muted-color text-ellipsis mb6">测试温行</div><div><div class="item-tags scroll-x no-scrollbar mb6"><a class="but c-blue" title="查看更多分类文章" href="https://localhost/category/%e5%88%86%e7%b1%bb%e4%b8%89/"><i class="fa fas fa-folder-open" aria-hidden="true"></i>分类三</a></div><div class="item-meta muted-2-color flex jsb ac"><item title="2026-08-18 01:36:18" class="icon-circle mln3">2 天前</item><div class="meta-right"><item class="meta-comm"><a rel="nofollow" data-toggle="tooltip" title="去评论" href="https://localhost/%e6%b5%8b%e8%af%95%e6%b8%a9%e8%a1%8c/#respond"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-comment"></use></svg>0</a></item><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>2</item><item class="meta-like"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg>0</item></div></div></div></div></posts><posts class="posts-item list ajax-item flex"><div class="post-graphic"><div class="item-thumbnail"><a href="https://localhost/%e7%8f%8d%e6%83%9c%e5%bd%93%e4%b8%8b%ef%bc%8c%e4%b8%8d%e8%b4%9f%e9%9f%b6%e5%8d%8e/"><img class="lazyload fit-cover radius8" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/uploads/2026/08/Sun-person-300x168.jpg" alt="珍惜当下，不负韶华"></a></div></div><div class="item-body flex xx flex1 jsb"><h2 class="item-heading"><a href="https://localhost/%e7%8f%8d%e6%83%9c%e5%bd%93%e4%b8%8b%ef%bc%8c%e4%b8%8d%e8%b4%9f%e9%9f%b6%e5%8d%8e/">珍惜当下，不负韶华</a></h2><div class="item-excerpt muted-color text-ellipsis mb6">过去已然释怀，未来尚且未知，唯一值得把握的，是当下的每一分每...</div><div><div class="item-tags scroll-x no-scrollbar mb6"><a class="but c-blue" title="查看更多分类文章" href="https://localhost/category/%e5%88%86%e7%b1%bb%e5%9b%9b/"><i class="fa fas fa-folder-open" aria-hidden="true"></i>分类四</a></div><div class="item-meta muted-2-color flex jsb ac"><item title="2026-08-17 22:00:22" class="icon-circle mln3">2 天前</item><div class="meta-right"><item class="meta-comm"><a rel="nofollow" data-toggle="tooltip" title="去评论" href="https://localhost/%e7%8f%8d%e6%83%9c%e5%bd%93%e4%b8%8b%ef%bc%8c%e4%b8%8d%e8%b4%9f%e9%9f%b6%e5%8d%8e/#respond"><svg class="icon" aria-hidden="trueLine truncated
|
||||||
|
data-aksrt-pagination
|
||||||
|
data-mode="infinite"
|
||||||
|
data-next-page="2"
|
||||||
|
data-max-pages="2"
|
||||||
|
data-page-var="posts_page"
|
||||||
|
data-query-context="author"
|
||||||
|
data-query-vars="{"author":"1","posts_per_page":10,"post_status":"publish","no_found_rows":false,"error":"","m":"","p":0,"post_parent":"","subpost":"","subpost_id":"","attachment":"","attachment_id":0,"name":"","pagename":"","page_id":0,"second":"","minute":"","hour":"","day":0,"monthnum":0,"year":0,"w":0,"category_name":"","tag":"","cat":"","tag_id":"","author_name":"","feed":"","tb":"","meta_key":"","meta_value":"","preview":"","s":"","sentence":"","title":"","fields":"all","menu_order":"","embed":"","category__in":[],"category__not_in":[],"category__and":[],"post__in":[],"post__not_in":[],"post_name__in":[],"tag__in":[],"tag__not_in":[],"tag__and":[],"tag_slug__in":[],"tag_slug__and":[],"post_parent__in":[],"post_parent__not_in":[],"author__in":[1],"author__not_in":[],"search_columns":[],"ignore_sticky_posts":false,"suppress_filters":false,"cache_results":true,"update_post_term_cache":true,"update_menu_item_cache":false,"lazy_load_term_meta":true,"update_post_meta_cache":true,"post_type":"","nopaging":false,"comments_per_page":"50","order":"DESC"}"
|
||||||
|
data-render-config="{"type":"auto","no_author":true,"no_margin":false,"is_mult_thumb":false,"is_no_thumb":false,"is_card":false,"is_category":false,"is_search":false,"is_home":false,"is_author":true,"is_tag":false,"highlight_query":"","wrapper_class":"","skip_wrapper":false,"context":"author","mode":"list","list_type":"thumb","style":"","img_position":"left","list_scale":70,"card_scale":70,"target_blank":false,"heading_bold":false,"show_author":true,"show_time":true,"time_source":"modified","list_orderby":"modified","mobile_meta":"like","badge_types":["pay","cat","tag"],"mult_thumb_cat":[],"thumb":{"list_thumb_slides_s":true,"list_thumb_video_s":true,"list_thumb_video_mute_s":true,"thumb_postfirstimg_s":true,"thumb_catimg_s":true,"list_thumb_fit":"","thumb_postfirstimg_size":"medium","spare_thumbnail":["https:\/\/localhost\/wp-content\/themes\/AKSRT-theme\/assets\/img\/thumbnail.svg"]},"allow_conditional_layout":true,"show_like":true,"close_comments":false}">
|
||||||
|
<div class="next-page ajax-next lazyload" lazyload-action="ias">
|
||||||
|
<a href="/author/demo/?posts_page=2" data-aksrt-load-more><i class="fa fas fa-angle-right"></i>加载更多</a>
|
||||||
|
</div>
|
||||||
|
<div class="post_ajax_loader" style="display:none;" aria-hidden="true"><posts class="posts-item list flex"><div class="post-graphic"><div class="item-thumbnail placeholder"></div></div><div class="item-body flex xx flex1 jsb"><div class="placeholder t1"></div><div class="placeholder k2"></div><div class="placeholder s1"></div></div></posts><posts class="posts-item list flex"><div class="post-graphic"><div class="item-thumbnail placeholder"></div></div><div class="item-body flex xx flex1 jsb"><div class="placeholder t1"></div><div class="placeholder k2"></div><div class="placeholder s1"></div></div></posts></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="panel-comments" class="dashboard-panel" role="tabpanel" hidden>
|
||||||
|
<div class="profile-comment-list">
|
||||||
|
<article class="profile-comment-item">
|
||||||
|
<a href="https://localhost/hello-world/#comment-3" class="profile-comment-item__quote-link" aria-label="查看评论">
|
||||||
|
<span class="profile-comment-item__quote-mark" aria-hidden="true">“</span>
|
||||||
|
<span class="profile-comment-item__quote-text">abc</span>
|
||||||
|
</a>
|
||||||
|
<div class="profile-comment-item__meta">
|
||||||
|
<span class="profile-comment-item__meta-item profile-comment-item__meta-item--post">
|
||||||
|
<i class="fa fas fa-file-alt" aria-hidden="true"></i>
|
||||||
|
在 <a href="https://localhost/hello-world/" class="profile-comment-item__post-link">世界，您好！</a>
|
||||||
|
</span>
|
||||||
|
<span class="profile-comment-item__meta-sep" aria-hidden="true">·</span>
|
||||||
|
<time class="profile-comment-item__meta-item" datetime="2026-08-04T20:01:14+08:00" title="2026-08-04">
|
||||||
|
2 周前 </time>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article class="profile-comment-item">
|
||||||
|
<a href="https://localhost/hello-world/#comment-2" class="profile-comment-item__quote-link" aria-label="查看评论">
|
||||||
|
<span class="profile-comment-item__quote-mark" aria-hidden="true">“</span>
|
||||||
|
<span class="profile-comment-item__quote-text">测试</span>
|
||||||
|
</a>
|
||||||
|
<div class="profile-comment-item__meta">
|
||||||
|
<span class="profile-comment-item__meta-item profile-comment-item__meta-item--post">
|
||||||
|
<i class="fa fas fa-file-alt" aria-hidden="true"></i>
|
||||||
|
在 <a href="https://localhost/hello-world/" class="profile-comment-item__post-link">世界，您好！</a>
|
||||||
|
</span>
|
||||||
|
<span class="profile-comment-item__meta-sep" aria-hidden="true">·</span>
|
||||||
|
<time class="profile-comment-item__meta-item" datetime="2026-07-30T18:23:08+08:00" title="2026-07-30">
|
||||||
|
3 周前 </time>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="panel-favorites" class="dashboard-panel" role="tabpanel" hidden>
|
||||||
|
<div class="profile-empty"><div class="profile-empty__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg></div><h4 class="profile-empty__title">TA 还没有收藏文章</h4></div> </div>
|
||||||
|
|
||||||
|
<div id="panel-follow" class="dashboard-panel" role="tabpanel" hidden>
|
||||||
|
<div class="uh-follow__subtabs">
|
||||||
|
<a class="uh-follow__subtab is-active"
|
||||||
|
href="https://localhost/author/demo/?tab=follow&follow_sub=following&follow_page=1">
|
||||||
|
<i class="fa fas fa-user-plus"></i> 关注 <span class="uh-follow__subtab-count">0</span>
|
||||||
|
</a>
|
||||||
|
<a class="uh-follow__subtab"
|
||||||
|
href="https://localhost/author/demo/?tab=follow&follow_sub=followers&follow_page=1">
|
||||||
|
<i class="fa fas fa-users"></i> 粉丝 <span class="uh-follow__subtab-count">0</span>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="profile-empty"><div class="profile-empty__icon" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 2v6h6"/><path d="M9 13h6M9 17h6M9 9h1"/></svg></div><h4 class="profile-empty__title">暂未关注任何人</h4></div> </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="footer" data-aksrt-shell="site-footer" data-footer-template="template_1" role="contentinfo">
|
||||||
|
|
||||||
|
<div class="container-fluid container-footer">
|
||||||
|
<ul class="flex ac gap20 footer-contact-box list-inline">
|
||||||
|
<li class="hidden-xs" style="max-width: 300px;">
|
||||||
|
<p>
|
||||||
|
<a class="footer-logo" href="https://localhost/" title="Demo本地">
|
||||||
|
<img class="lazyload " src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/logo_dark.png" white-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/logo.png" dark-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/logo_dark.png" alt="Demo本地" style="height: 40px;"> </a>
|
||||||
|
</p>
|
||||||
|
<div class="footer-muted em09">Zibll 子比主题专为博客、自媒体、资讯类的网站设计开发，简约优雅的设计风格，全面的前端用户功能，简单的模块化配置，欢迎您的体验</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li style="max-width: 550px;">
|
||||||
|
<p class="fcode-links"><a href="https://zibll.com">友链申请</a>
|
||||||
|
<a href="https://zibll.com">免责声明</a>
|
||||||
|
<a href="https://zibll.com">广告合作</a>
|
||||||
|
<a href="https://zibll.com">关于我们</a></p>
|
||||||
|
|
||||||
|
<div class="footer-muted em09">Copyright © 2026 · <a href="https://localhost">Demo本地</a> · 由<a target="_blank" href="https://www.zibll.com">zibll主题</a>强力驱动.</div>
|
||||||
|
|
||||||
|
<div class="footer-contact mt10">
|
||||||
|
<a class="toggle-radius hover-show nowave" href="javascript:;" title="微信">
|
||||||
|
<i class="fa fab fa-weixin" aria-hidden="true"></i>
|
||||||
|
<div class="hover-show-con footer-wechat-img">
|
||||||
|
<img style="box-shadow: 0 5px 10px rgba(0,0,0,.2); border-radius:4px;" height="100" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/qrcode.png" alt="微信">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a class="toggle-radius" target="_blank" rel="noopener noreferrer" title="QQ" href="https://wpa.qq.com/msgrd?v=3&uin=1234567788&site=qq&menu=yes">
|
||||||
|
<i class="fa fab fa-qq" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a class="toggle-radius" target="_blank" rel="noopener noreferrer" title="微博" href="https://weibo.com/">
|
||||||
|
<i class="fa fab fa-weibo" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a class="toggle-radius" title="邮箱" href="mailto:1234567788@QQ.COM">
|
||||||
|
<i class="fa fas fa-envelope" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="">
|
||||||
|
<div class="footer-miniimg flex at hh gap6">
|
||||||
|
<div title="扫码加QQ群">
|
||||||
|
<img class="lazyload " src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/qrcode.png" alt="扫码加QQ群">
|
||||||
|
<div class="opacity8 em09 mt6 text-center">扫码加QQ群</div>
|
||||||
|
</div>
|
||||||
|
<div title="扫码加微信">
|
||||||
|
<img class="lazyload " src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/qrcode.png" alt="扫码加微信">
|
||||||
|
<div class="opacity8 em09 mt6 text-center">扫码加微信</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 浮动右侧按钮组 -->
|
||||||
|
<div id="float-right-btns" class="float-right round position-bottom scroll-down-hide no-shadow no-animation has-blur-mobile">
|
||||||
|
<a href="#" class="float-btn service-wechat" role="button" aria-label="微信">
|
||||||
|
<i class="fab fa-weixin" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a class="float-btn signin-loader nowave" href="javascript:;" role="button" aria-label="会员" title="会员" style="--this-color:#f5a623"><i class="fa fas fa-gem" aria-hidden="true"></i></a> <a href="#" class="float-btn hide-on-mobile theme-toggle-btn" role="button" data-action="toggle-theme" aria-label="主题">
|
||||||
|
<i class="fa fas fa-sun float-btn__icon-sun" aria-hidden="true"></i>
|
||||||
|
<i class="fa fas fa-moon float-btn__icon-moon" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="float-btn qrcode-btn" role="button" aria-label="二维码">
|
||||||
|
<i class="fas fa-qrcode" aria-hidden="true"></i>
|
||||||
|
<div class="hover-show-con">
|
||||||
|
<div
|
||||||
|
class="float-btn-qrcode"
|
||||||
|
data-qrcode-url="https://localhost/hello-world/"
|
||||||
|
data-qr-text="https://localhost/hello-world/"
|
||||||
|
></div>
|
||||||
|
<p class="float-btn-qrcode__title">二维码</p> </div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="float-btn ontop" id="float-back-to-top" role="button" aria-label="顶部">
|
||||||
|
<i class="fas fa-chevron-up" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-tabbar-placeholder" aria-hidden="true"></div>
|
||||||
|
<nav id="footer-tabbar" class="footer-tabbar has-animation scroll-down-hide" aria-label="底部导航">
|
||||||
|
<a href="https://localhost/" class="tabbar-item" data-type="home">
|
||||||
|
<i class="fa fas fa-home" aria-hidden="true"></i>
|
||||||
|
<span>首页</span> </a>
|
||||||
|
<a href="https://localhost" class="tabbar-item" data-type="category">
|
||||||
|
<i class="fa fas fa-th-large" aria-hidden="true"></i>
|
||||||
|
<span>分类</span> </a>
|
||||||
|
<a href="https://localhost/" class="tabbar-item" data-type="search">
|
||||||
|
<i class="fa fas fa-search" aria-hidden="true"></i>
|
||||||
|
<span>搜索</span> </a>
|
||||||
|
<a href="https://localhost/sign/?tab=login" class="tabbar-item" data-type="auth">
|
||||||
|
<i class="fa fas fa-user" aria-hidden="true"></i>
|
||||||
|
<span>我的</span> </a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth" id="aksrt-modal-auth" aria-hidden="true" role="dialog" aria-modal="true" aria-label="登录">
|
||||||
|
<div class="aksrt-modal-auth__overlay"></div>
|
||||||
|
<div class="aksrt-modal-auth__card">
|
||||||
|
<button type="button" class="aksrt-modal-auth__close" aria-label="关闭">
|
||||||
|
<i class="fa fas fa-times"></i>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__header modal-colorful-header">
|
||||||
|
<div class="aksrt-modal-auth__logo aksrt-modal-auth__logo--image"><img src="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" alt=""></div>
|
||||||
|
<h2 class="aksrt-modal-auth__title">Demo本地</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__tabs" role="tablist">
|
||||||
|
<button type="button" class="aksrt-modal-auth__tab is-active" data-tab="login" role="tab" aria-selected="true">
|
||||||
|
登录 </button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__panel is-active" data-panel="login">
|
||||||
|
<form class="aksrt-modal-auth__form" id="aksrt-modal-login-form">
|
||||||
|
<div class="aksrt-modal-auth__error" id="aksrt-modal-login-error" hidden></div>
|
||||||
|
<input type="hidden" id="_login_nonce" name="_login_nonce" value="ad59239191" /><input type="hidden" name="_wp_http_referer" value="/author/demo/" />
|
||||||
|
<div class="aksrt-modal-auth__field">
|
||||||
|
<label for="modal-login-user">邮箱 / 用户名</label>
|
||||||
|
<input type="text" id="modal-login-user" name="log" autocomplete="username" required placeholder="请输入邮箱或用户名">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__field">
|
||||||
|
<label for="modal-login-pass">密码</label>
|
||||||
|
<div class="aksrt-modal-auth__pass-wrap">
|
||||||
|
<input type="password" id="modal-login-pass" name="pwd" autocomplete="current-password" required placeholder="请输入密码">
|
||||||
|
<button type="button" class="aksrt-modal-auth__pass-toggle" aria-label="显示或隐藏密码">
|
||||||
|
<i class="fa fas fa-eye"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__actions">
|
||||||
|
<a href="https://localhost/reset-password/" class="aksrt-modal-auth__link">忘记密码？</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="aksrt-modal-auth__submit">
|
||||||
|
<span>登录</span>
|
||||||
|
<i class="fa fas fa-spinner fa-spin" hidden></i>
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__footer">
|
||||||
|
<span class="aksrt-modal-auth__footer-text" data-for="login">
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="speculationrules">
|
||||||
|
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/AKSRT-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
|
||||||
|
</script>
|
||||||
|
<div mini-touch="nav_search" touch-direction="top" class="main-search fixed-body main-bg box-body navbar-search nopw-sm"><div class="container"><div class="mb20 search-close-box"><button type="button" class="but cir" data-toggle-class data-target=".navbar-search" aria-label="关闭搜索"><svg class="ic-close" aria-hidden="true"><use xlink:href="#icon-close"></use></svg></button></div><div remote-box="https://localhost/wp-admin/admin-ajax.php?action=search_box&nonce=40f651f23e" load-click><div class="search-input"><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k2"></p><p class="placeholder t1"></p><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k1"></p><p class="placeholder t1"></p><p></p><p class="placeholder k1" style="height:80px;"></p></div></div></div></div><style id="wp-block-paragraph-inline-css">
|
||||||
|
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
|
||||||
|
/*# sourceURL=https://localhost/wp-includes/blocks/paragraph/style.min.css */
|
||||||
|
</style>
|
||||||
|
<style id="global-styles-inline-css">
|
||||||
|
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preLine truncated
|
||||||
|
/*# sourceURL=global-styles-inline-css */
|
||||||
|
</style>
|
||||||
|
<script id="bootstrap-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/js/libs/bootstrap.min.js?ver=3.4.1"></script>
|
||||||
|
<script id="loader_js-js-extra">
|
||||||
|
var _win = {"views":"","www":"https://localhost/","uri":"https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll","ver":"1787058469","pay_mark":"\uffe5","pay_currency_unit":"\u5143","imgbox":"","imgbox_type":"group","imgbox_thumbs":"","imgbox_zoom":"","imgbox_full":"","imgbox_play":"","imgbox_down":"","sign_type":"page","signin_url":"https://localhost/sign/?tab=login&redirect_to=https%3A%2F%2Flocalhost%2Fauthor%2Fdemo","signup_url":"https://localhost/sign/?tab=register","ajax_url":"https://localhost/wp-admin/admin-ajax.php","ajaxpager":"","ajax_trigger":"\u52a0\u8f7d\u66f4\u591a","ajax_nomore":"\u6ca1\u6709\u66f4\u591a\u4e86","qj_loading":"\u52a0\u8f7d\u4e2d...","highlight_kg":"","highlight_hh":"","highlight_btn":"","highlight_zt":"enlighter","highlight_white_zt":"enlighter","highlight_dark_zt":"dracula","upload_img_size":"3","img_upload_multiple":"6","upload_video_size":"30","upload_file_size":"30","upload_ext":"jpg|jpeg|jpe|gif|png|bmp|tiff|tif|webp|avif|ico|heic|heif|heics|heifs|asf|asx|wmv|wmx|wm|avi|divx|flv|mov|qt|mpeg|mpg|mpe|mp4|m4v|ogv|webm|mkv|3gp|3gpp|3g2|3gp2|txt|asc|c|cc|h|srt|csv|tsv|ics|rtx|css|vtt|dfxp|mp3|m4a|m4b|aac|ra|ram|wav|x-wav|ogg|oga|flac|mid|midi|wma|wax|mka|rtf|pdf|class|tar|zip|gz|gzip|rar|7z|psd|xcf|doc|pot|pps|ppt|wri|xla|xls|xlt|xlw|mdb|mpp|docx|docm|dotx|dotm|xlsx|xlsm|xlsb|xltx|xltm|xlam|pptx|pptm|ppsx|ppsm|potx|potm|ppam|sldx|sldm|onetoc|onetoc2|onetmp|onepkg|oxps|xps|odt|odp|ods|odg|odc|odb|odf|wp|wpd|key|numbers|pages","user_upload_nonce":"d8ac379705","post_action_nonce":"4910351536","is_split_upload":"","split_minimum_size":"10","comment_upload_img":"","translate_config":[],"qrcode_signin":{"url":false,"state":false},"i18n":{"load_more":"\u52a0\u8f7d\u66f4\u591a","processing":"\u5904\u7406\u4e2d...","please_wait":"\u8bf7\u7a0d\u5019","done":"\u64cd\u4f5c\u5b8c\u6210","confirm_clear_search":"\u786e\u8ba4\u6e05\u7a7a\u641c\u7d22\u8bb0\u5f55\uff1f","search_loading":"\u641c\u7d22\u4e2d...","search_min_chars":"\u81f3\u5c11\u8f93\u5165 %s \u4e2a\u5b57\u7b26"}};
|
||||||
|
//# sourceURL=loader_js-js-extra
|
||||||
|
</script>
|
||||||
|
<script id="loader_js-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/js/loader.js?ver=1787058469"></script>
|
||||||
|
<script id="aksrt-lazy-image-attr-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/lazy-image-attr.js?ver=1787120767"></script>
|
||||||
|
<script id="aksrt-rehydrate-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/rehydrate.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-notyf-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/notyf.js?ver=1786991976"></script>
|
||||||
|
<script id="aksrt-runtime-js-extra">
|
||||||
|
var aksrtData = {"ajaxUrl":"https://localhost/wp-admin/admin-ajax.php","nonce":"40f651f23e","restNonce":"581c5faadc","visibilityNonce":"5202fc23be","siteUrl":"https://localhost/","themeUrl":"https://localhost/wp-content/themes/AKSRT-theme","themeMode":"time-auto","debug":"","debugLog":"","postPaginationMode":"infinite","commentPaginationMode":"numbered","homepagePostsPerPage":"6","homepageDefaultSort":"modified","homepageSortAjax":"1","homepageStickyTabs":"1","homePostsListEnabled":"1","homeListSortEnabled":"1","homeListSortDropdown":"","ajaxTrigger":"\u003Ci class=\"fa fas fa-angle-right\"\u003E\u003C/i\u003E\u52a0\u8f7d\u66f4\u591a","ajaxNomore":"\u6ca1\u6709\u66f4\u591a\u5185\u5bb9\u4e86","ajaxLoading":"\u6b63\u5728\u52a0\u8f7d...","iasMax":"3","commentIasAuto":"1","commentUploadEnabled":"","commentUploadUrl":"https://localhost/wp-json/aksrt/v1/comment/upload-image","commentUploadMaxSize":"2097152","commentIasMax":"3","commentQuickPhrases":["\u4e0d\u9519\uff0c\u5b66\u4e60\u4e86","\u611f\u8c22\u5206\u4eab","\u671f\u5f85\u66f4\u65b0"],"commentSmiliesBase":"https://localhost/wp-content/themes/AKSRT-theme/assets/img/smilies/","restUrl":"https://localhost/wp-json/aksrt/v1","apiUrl":"https://localhost/wp-json/aksrt/v1","frontendModalRollout":{"vip":true,"order":true,"identity":true},"stickyEnabled":"1","stickyPages":["home","cat"],"badgeShow":"1","badgeTypes":["pay","cat","tag"],"isLoggedIn":"","userId":"0","ordersUrl":"https://localhost/user/orders/","userCenterUrl":"https://localhost/user/vip/","routes":{"home":"https://localhost/","login":"https://localhost/sign/?tab=login","register":"https://localhost/sign/?tab=register","resetPassword":"https://localhost/reset-password/","profile":"https://localhost/user/vip/","orders":"https://localhost/user/orders/","resources":"https://localhost/resources/"},"shell":{"wrapperId":"","navId":"navbar-top","searchPanelId":"nav-search-panel","drawerId":"mobile-navbar","userMenuId":"sub-user-box","floatActionsId":"float-right-btns","tabbarId":"footer-tabbar"},"themeUri":"https://localhost/wp-content/themes/AKSRT-theme","lazyScopes":{"lazy_posts_thumb":true,"lazy_avatar":true,"lazy_posts_content":false,"lazy_comment":true,"lazy_private":true,"lazy_sider":true,"lazy_cover":true,"lazy_other":true},"lazyThumbs":{"default":"https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg","sm":"https://localhost/wp-content/themes/AKSRT-theme/assets/img/thumbnail-sm.svg","lg":"https://localhost/wp-content/themes/AKSRT-theme/assets/img/thumbnail-lg.svg"},"lazyAvatar":"https://localhost/wp-content/themes/AKSRT-theme/assets/img/user/default-avatar.svg","codeHighlight":{"enabled":true,"lightTheme":"enlighter","darkTheme":"monokai","lineNumbers":false,"showButtons":true,"maxHeight":400},"systemNotice":{"enabled":false,"policy":"","title":"","content":"","buttons":[],"size":"","radius":0,"class":"","title_icon":"","title_class":"","title_style":"","expires":24},"contentProtect":{"enabled":false,"copyNotice":false,"copyNoticeText":"\u6765\u81ea\u672c\u7ad9\uff0c\u8bf7\u5c0a\u91cd\u539f\u521b\u7248\u6743\u3002","disableRightClick":false,"detectDevTools":false},"translate":{"enabled":false,"autoDetect":true,"defaultLang":"zh-CN","availableLangs":"zh-CN|\u7b80\u4f53\u4e2d\u6587\nen|English","nomenclature":"","switcherPosition":"footer","urlStrategy":"query"}};
|
||||||
|
//# sourceURL=aksrt-runtime-js-extra
|
||||||
|
</script>
|
||||||
|
<script id="aksrt-runtime-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/aksrt-runtime.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-core-request-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/request.js?ver=1785857859"></script>
|
||||||
|
<script id="aksrt-vip-coordinator-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/vip-purchase-coordinator.js?ver=1785868930"></script>
|
||||||
|
<script id="aksrt-core-modal-telemetry-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-telemetry.js?ver=1785854228"></script>
|
||||||
|
<script id="aksrt-core-modal-cache-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-cache.js?ver=1785868930"></script>
|
||||||
|
<script id="aksrt-core-modal-state-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-state.js?ver=1785857859"></script>
|
||||||
|
<script id="aksrt-core-modal-runtime-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-runtime.js?ver=1785868930"></script>
|
||||||
|
<script id="aksrt-pay-vip-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/pay-vip.js?ver=1786994318"></script>
|
||||||
|
<script id="aksrt-report-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/report.js?ver=1786991976"></script>
|
||||||
|
<script id="aksrt-follow-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/follow.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-author-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/author.js?ver=1786991976"></script>
|
||||||
|
<script id="aksrt-user-badge-actions-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/user-badge-actions.js?ver=1787126034"></script>
|
||||||
|
<script id="aksrt-grade-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/grade.min.js?ver=1787040440"></script>
|
||||||
|
<script id="aksrt-core-article-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/article.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-core-comments-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/comments.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-core-comment-fixed-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/comment-fixed-input.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-core-comment-move-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/comment-move-form.js?ver=1786991976"></script>
|
||||||
|
<script id="aksrt-core-ajax-list-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/ajax-list.js?ver=1787041433"></script>
|
||||||
|
<script id="aksrt-core-modal-triggers-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-triggers.js?ver=1787126034"></script>
|
||||||
|
<script id="aksrt-core-pagination-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/pagination.js?ver=1787040440"></script>
|
||||||
|
<script id="aksrt-core-archive-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/archive.js?ver=1787069297"></script>
|
||||||
|
<script id="aksrt-core-footer-tabbar-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/footer-tabbar.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-core-misc-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/misc.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-precode-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/precode.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-input-expand-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/input-expand.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-section-navs-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/section-navs.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-video-player-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/video-player.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-color-extract-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/color-extract.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-enhancements-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/enhancements.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-enhancements2-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/enhancements2.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-reward-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/reward.js?ver=1785218060"></script>
|
||||||
|
<script id="aksrt-effects-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/effects.js?ver=1786685152"></script>
|
||||||
|
<script id="aksrt-yiyan-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/yiyan.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-site-notice-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/site-notice.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-modal-auth-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/modal-auth.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-homepage-fixed-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/homepage-fixed.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-widgets-js-before">
|
||||||
|
window.aksrtWidgets={"restUrl":"https:\/\/localhost\/wp-json\/aksrt\/v1\/widgets\/","quoteUrl":"https:\/\/localhost\/wp-json\/aksrt\/v1\/widgets\/quote","i18n":{"loading":"\u6b63\u5728\u52a0\u8f7d\u2026","error":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5\u3002","retry":"\u91cd\u8bd5","pause":"\u6682\u505c\u81ea\u52a8\u64ad\u653e","resume":"\u7ee7\u7eed\u81ea\u52a8\u64ad\u653e"}};
|
||||||
|
//# sourceURL=aksrt-widgets-js-before
|
||||||
|
</script>
|
||||||
|
<script id="aksrt-widgets-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/widgets/frontend.js?ver=1787057375"></script>
|
||||||
|
<script id="wp-emoji-settings" type="application/json">
|
||||||
|
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://localhost/wp-includes/js/wp-emoji-release.min.js?ver=7.0.2"}}
|
||||||
|
</script>
|
||||||
|
<script type="module">
|
||||||
|
/*! This file is auto-generated */
|
||||||
|
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
|
||||||
|
//# sourceURL=https://localhost/wp-includes/js/wp-emoji-loader.min.js
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
header-slider-container relative mb20 card-4 filter-blur"><div class="relative zib-slider"><div class="new-swiper slide-index slide-header" data-direction="horizontal" data-effect="slide" data-loop="true" data-autoplay="1" data-interval="6000" data-spaceBetween="0" style="--m-height :280px;--pc-height :550px;"><div class="swiper-wrapper"><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/slider-bg.jpg" alt="幻灯片 - Demo本地"></a></div><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/user_t.jpg" alt="幻灯片 - Demo本地"></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination kaoyou"></div></div></div><div class="header-slider-search abs-center"><div class="header-slider-search-more text-center before">更优雅的WordPress主题这是导航栏幻灯片多功能组件，可在后台进行配置</div><div class="search-input"><form method="get" class="padding-10 search-form" action="https://localhost/"><div class="line-form"><div class="search-input-text"><input type="text" name="s" class="line-form-input" tabindex="1" value=""><i class="line-form-line"></i><div class="scale-placeholder" default="开启精彩搜索">开启精彩搜索</div><div class="abs-right muted-color"><button type="submit" tabindex="2" class="null" aria-label="搜索"><i class="fa fas fa-search" aria-hidden="true"></i></button></div></div><input type="hidden" name="type" value="post"></div></form></div></div><div class="header-slider-card container"><div class="flex jse flex-row gutters-5 flex-col-sm-2"><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-yellow" style="font-size: 25px;"><i class="fa fas fa-home em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 图标卡片</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-blue-2" style="font-size: 25px;"><i class="fa fas fa-cog em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 原创作品</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-pink" style="font-size: 25px;"><i class="fa fas fa-wrench em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 灵感来源NEW</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-cyan" style="font-size: 25px;"><i class="fa fas fa-shield-alt em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 系统工具 GO</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div></div></div></div>
|
||||||
|
|
||||||
|
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
header-slider-container relative mb20 card-4 filter-blur"><div class="relative zib-slider"><div class="new-swiper slide-index slide-header" data-direction="horizontal" data-effect="slide" data-loop="true" data-autoplay="1" data-interval="6000" data-spaceBetween="0" style="--m-height :280px;--pc-height :550px;"><div class="swiper-wrapper"><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/slider-bg.jpg" alt="幻灯片 - Demo本地"></a></div><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/user_t.jpg" alt="幻灯片 - Demo本地"></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination kaoyou"></div></div></div><div class="header-slider-search abs-center"><div class="header-slider-search-more text-center before">更优雅的WordPress主题这是导航栏幻灯片多功能组件，可在后台进行配置</div><div class="search-input"><form method="get" class="padding-10 search-form" action="https://localhost/"><div class="line-form"><div class="search-input-text"><input type="text" name="s" class="line-form-input" tabindex="1" value=""><i class="line-form-line"></i><div class="scale-placeholder" default="开启精彩搜索">开启精彩搜索</div><div class="abs-right muted-color"><button type="submit" tabindex="2" class="null" aria-label="搜索"><i class="fa fas fa-search" aria-hidden="true"></i></button></div></div><input type="hidden" name="type" value="post"></div></form></div></div><div class="header-slider-card container"><div class="flex jse flex-row gutters-5 flex-col-sm-2"><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-yellow" style="font-size: 25px;"><i class="fa fas fa-home em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 图标卡片</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-blue-2" style="font-size: 25px;"><i class="fa fas fa-cog em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 原创作品</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-pink" style="font-size: 25px;"><i class="fa fas fa-wrench em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 灵感来源NEW</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-cyan" style="font-size: 25px;"><i class="fa fas fa-shield-alt em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 系统工具 GO</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div></div></div></div>
|
||||||
@@ -0,0 +1,115 @@
|
|||||||
|
/* ========== AJAX 加载指示器 — 对齐 zibll loading spinner ========== */
|
||||||
|
.aksrt-loading {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 40px 20px;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
font-size: 13px;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading__spinner {
|
||||||
|
display: inline-block;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border: 2px solid var(--surface-3, #e8e8e8);
|
||||||
|
border-top-color: var(--color-primary, #f04494);
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: aksrt-spin 0.6s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrt-spin {
|
||||||
|
to { transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 全屏加载遮罩 */
|
||||||
|
.aksrt-loading-overlay {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: rgba(255, 255, 255, 0.8);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 9999;
|
||||||
|
backdrop-filter: blur(2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading-overlay__content {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading-overlay__spinner {
|
||||||
|
width: 36px;
|
||||||
|
height: 36px;
|
||||||
|
border: 3px solid var(--surface-3, #e8e8e8);
|
||||||
|
border-top-color: var(--color-primary, #f04494);
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: aksrt-spin 0.6s linear infinite;
|
||||||
|
margin: 0 auto 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading-overlay__text {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 行内加载（替换内容时） */
|
||||||
|
.aksrt-loading-inline {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 20px;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
font-size: 12px;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading-inline__dot {
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
background: var(--color-primary, #f04494);
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: aksrt-dot-pulse 1.2s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading-inline__dot:nth-child(2) {
|
||||||
|
animation-delay: 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading-inline__dot:nth-child(3) {
|
||||||
|
animation-delay: 0.4s;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrt-dot-pulse {
|
||||||
|
0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
|
||||||
|
40% { opacity: 1; transform: scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 页面加载进度条 */
|
||||||
|
.aksrt-progress-bar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--color-primary, #f04494);
|
||||||
|
z-index: 10000;
|
||||||
|
transition: width 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 减弱动画偏好 */
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.aksrt-loading__spinner,
|
||||||
|
.aksrt-loading-overlay__spinner {
|
||||||
|
animation-duration: 1.5s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading-inline__dot {
|
||||||
|
animation: none;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,114 @@
|
|||||||
|
/* AJAX tab error state */
|
||||||
|
.aksrt-homepage__tab-error {
|
||||||
|
padding: 32px 16px;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
font-size: 14px;
|
||||||
|
background: var(--surface-1);
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--main-radius, var(--radius, 8px));
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-retry {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
margin-top: 12px;
|
||||||
|
padding: 8px 16px;
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: var(--radius-btn, 4px);
|
||||||
|
background: var(--surface-4, #fff);
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
font-size: 13px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: color 0.2s, border-color 0.2s, background 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-retry:hover {
|
||||||
|
color: var(--color-primary, var(--color-primary));
|
||||||
|
border-color: var(--color-primary, var(--color-primary));
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
14. RESPONSIVE — TABLET (max-width: 991px)
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
@media (max-width: 991.98px) {
|
||||||
|
.aksrt-homepage__shell.content-shell,
|
||||||
|
.aksrt-homepage__fluid-zone.content-shell {
|
||||||
|
padding-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
15. RESPONSIVE — MOBILE (max-width: 767px)
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.aksrt-homepage__shell.content-shell {
|
||||||
|
padding-left: 10px;
|
||||||
|
padding-right: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tab skeleton: smaller thumb */
|
||||||
|
.aksrt-homepage__tab-skeleton-thumb {
|
||||||
|
width: 120px;
|
||||||
|
min-width: 120px;
|
||||||
|
height: 84px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
16. RESPONSIVE — SMALL MOBILE (max-width: 640px)
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.aksrt-homepage__stream-header {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__stream-title {
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__stream-subtitle {
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tabs,
|
||||||
|
.aksrt-homepage__titlebox {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__admin-link {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-top: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-stuck,
|
||||||
|
.aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-affixed {
|
||||||
|
padding: 8px 10px;
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__sortbar {
|
||||||
|
gap: 10px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tab skeleton: adapt */
|
||||||
|
.aksrt-homepage__tab-skeleton-thumb {
|
||||||
|
width: 96px;
|
||||||
|
min-width: 96px;
|
||||||
|
height: 67px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
/* AJAX tab skeleton placeholder */
|
||||||
|
.aksrt-homepage__tab-skeleton {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 15px;
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-skeleton-item {
|
||||||
|
display: flex;
|
||||||
|
gap: 16px;
|
||||||
|
padding: 20px;
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--main-radius, var(--radius, 8px));
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
animation: aksrt-skeleton-pulse 1.5s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-skeleton-thumb {
|
||||||
|
width: 190px;
|
||||||
|
min-width: 190px;
|
||||||
|
height: 133px;
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-skeleton-body {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-skeleton-line {
|
||||||
|
height: 14px;
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-skeleton-line:first-child {
|
||||||
|
width: 70%;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-skeleton-line:nth-child(2) {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-skeleton-line:nth-child(3) {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -0,0 +1,54 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Alerts
|
||||||
|
* 统一提示组件：error / warning / info / success
|
||||||
|
* 用于替代各页面 inline 的 .login-error / .bind-error 等
|
||||||
|
*/
|
||||||
|
|
||||||
|
.alert {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 12px 14px;
|
||||||
|
margin-bottom: var(--space-4);
|
||||||
|
font-size: var(--text-sm);
|
||||||
|
line-height: var(--leading-snug);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
border: 1px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert > svg {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
margin-top: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert--error {
|
||||||
|
color: #B91C1C;
|
||||||
|
background: rgba(239, 68, 68, 0.08);
|
||||||
|
border-color: rgba(239, 68, 68, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert--warning {
|
||||||
|
color: #B45309;
|
||||||
|
background: rgba(245, 158, 11, 0.08);
|
||||||
|
border-color: rgba(245, 158, 11, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert--success {
|
||||||
|
color: #047857;
|
||||||
|
background: rgba(16, 185, 129, 0.08);
|
||||||
|
border-color: rgba(16, 185, 129, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.alert--info {
|
||||||
|
color: #1D4ED8;
|
||||||
|
background: rgba(59, 130, 246, 0.08);
|
||||||
|
border-color: rgba(59, 130, 246, 0.3);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .alert--error { color: #FCA5A5; }
|
||||||
|
html.dark .alert--warning { color: #FCD34D; }
|
||||||
|
html.dark .alert--success { color: #6EE7B7; }
|
||||||
|
html.dark .alert--info { color: #93C5FD; }
|
||||||
|
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
/*!
|
||||||
|
* Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
|
||||||
|
* License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
|
||||||
|
*/
|
||||||
|
.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-ciLine truncated
|
||||||
@@ -0,0 +1,324 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Animations — animate.css 等价（独立重写）
|
||||||
|
* ------------------------------------------------------------
|
||||||
|
* 关键帧 + 工具类 + IntersectionObserver 触发配合
|
||||||
|
* 触发 JS 已在 enhancements2.js（[data-aksrt-animate] 属性）
|
||||||
|
* 本文件仅定义 @keyframes 和 .aksrt-anim-* 工具类
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Keyframes
|
||||||
|
* ============================================================ */
|
||||||
|
|
||||||
|
/* Fade 系列 */
|
||||||
|
@keyframes aksrtFadeIn {
|
||||||
|
from { opacity: 0; }
|
||||||
|
to { opacity: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtFadeInUp {
|
||||||
|
from { opacity: 0; transform: translateY(20px); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtFadeInDown {
|
||||||
|
from { opacity: 0; transform: translateY(-20px); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtFadeInLeft {
|
||||||
|
from { opacity: 0; transform: translateX(-20px); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtFadeInRight {
|
||||||
|
from { opacity: 0; transform: translateX(20px); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Zoom 系列 */
|
||||||
|
@keyframes aksrtZoomIn {
|
||||||
|
from { opacity: 0; transform: scale(.85); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtZoomInUp {
|
||||||
|
from { opacity: 0; transform: scale(.85) translateY(20px); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bounce 系列 */
|
||||||
|
@keyframes aksrtBounceIn {
|
||||||
|
0% { opacity: 0; transform: scale(.3); }
|
||||||
|
50% { opacity: 1; transform: scale(1.08); }
|
||||||
|
70% { transform: scale(.95); }
|
||||||
|
100% { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtBounce {
|
||||||
|
0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
|
||||||
|
40% { transform: translateY(-12px); }
|
||||||
|
60% { transform: translateY(-6px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Pulse */
|
||||||
|
@keyframes aksrtPulse {
|
||||||
|
0% { transform: scale(1); }
|
||||||
|
50% { transform: scale(1.06); }
|
||||||
|
100% { transform: scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Flash */
|
||||||
|
@keyframes aksrtFlash {
|
||||||
|
0%, 50%, 100% { opacity: 1; }
|
||||||
|
25%, 75% { opacity: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* RubberBand */
|
||||||
|
@keyframes aksrtRubberBand {
|
||||||
|
0% { transform: scale(1); }
|
||||||
|
30% { transform: scaleX(1.25) scaleY(0.75); }
|
||||||
|
40% { transform: scaleX(0.75) scaleY(1.25); }
|
||||||
|
50% { transform: scaleX(1.15) scaleY(0.85); }
|
||||||
|
65% { transform: scaleX(0.95) scaleY(1.05); }
|
||||||
|
75% { transform: scaleX(1.05) scaleY(0.95); }
|
||||||
|
100% { transform: scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Shake */
|
||||||
|
@keyframes aksrtShake {
|
||||||
|
0%, 100% { transform: translateX(0); }
|
||||||
|
10%, 30%, 50%, 70%, 90% { transform: translateX(-4px); }
|
||||||
|
20%, 40%, 60%, 80% { transform: translateX(4px); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Swing */
|
||||||
|
@keyframes aksrtSwing {
|
||||||
|
20% { transform: rotate(15deg); }
|
||||||
|
40% { transform: rotate(-10deg); }
|
||||||
|
60% { transform: rotate(5deg); }
|
||||||
|
80% { transform: rotate(-5deg); }
|
||||||
|
100% { transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tada */
|
||||||
|
@keyframes aksrtTada {
|
||||||
|
0% { transform: scale(1); }
|
||||||
|
10%, 20% { transform: scale(0.9) rotate(-3deg); }
|
||||||
|
30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
|
||||||
|
40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
|
||||||
|
100% { transform: scale(1) rotate(0); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Wobble */
|
||||||
|
@keyframes aksrtWobble {
|
||||||
|
0% { transform: none; }
|
||||||
|
15% { transform: translateX(-25%) rotate(-5deg); }
|
||||||
|
30% { transform: translateX(20%) rotate(3deg); }
|
||||||
|
45% { transform: translateX(-15%) rotate(-3deg); }
|
||||||
|
60% { transform: translateX(10%) rotate(2deg); }
|
||||||
|
75% { transform: translateX(-5%) rotate(-1deg); }
|
||||||
|
100% { transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Slide 系列 */
|
||||||
|
@keyframes aksrtSlideInUp {
|
||||||
|
from { opacity: 0; transform: translateY(100%); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtSlideInDown {
|
||||||
|
from { opacity: 0; transform: translateY(-100%); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtSlideInLeft {
|
||||||
|
from { opacity: 0; transform: translateX(-100%); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtSlideInRight {
|
||||||
|
from { opacity: 0; transform: translateX(100%); }
|
||||||
|
to { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HeartBeat */
|
||||||
|
@keyframes aksrtHeartBeat {
|
||||||
|
0% { transform: scale(1); }
|
||||||
|
14% { transform: scale(1.3); }
|
||||||
|
28% { transform: scale(1); }
|
||||||
|
42% { transform: scale(1.3); }
|
||||||
|
70% { transform: scale(1); }
|
||||||
|
100% { transform: scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Jello */
|
||||||
|
@keyframes aksrtJello {
|
||||||
|
0%, 100% { transform: none; }
|
||||||
|
11% { transform: skewX(-12.5deg) skewY(-12.5deg); }
|
||||||
|
22% { transform: skewX(6.25deg) skewY(6.25deg); }
|
||||||
|
33% { transform: skewX(-6.25deg) skewY(-6.25deg); }
|
||||||
|
44% { transform: skewX(3.125deg) skewY(3.125deg); }
|
||||||
|
55% { transform: skewX(-3.125deg) skewY(-3.125deg); }
|
||||||
|
66% { transform: skewX(1.5625deg) skewY(1.5625deg); }
|
||||||
|
77% { transform: skewX(-1.5625deg) skewY(-1.5625deg); }
|
||||||
|
88% { transform: skewX(0.78125deg) skewY(0.78125deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* HeadShake */
|
||||||
|
@keyframes aksrtHeadShake {
|
||||||
|
0% { transform: translateX(0); }
|
||||||
|
6.5% { transform: translateX(-6px) rotateY(-9deg); }
|
||||||
|
18.5% { transform: translateX(5px) rotateY(7deg); }
|
||||||
|
31.5% { transform: translateX(-3px) rotateY(-5deg); }
|
||||||
|
43.5% { transform: translateX(2px) rotateY(3deg); }
|
||||||
|
50% { transform: translateX(0); }
|
||||||
|
100% { transform: translateX(0); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* BounceOut — 退出动画 */
|
||||||
|
@keyframes aksrtBounceOut {
|
||||||
|
0% { transform: scale(1); }
|
||||||
|
25% { transform: scale(0.95); }
|
||||||
|
50% { transform: scale(1.1); }
|
||||||
|
75% { transform: scale(0.97); }
|
||||||
|
100% { transform: scale(1); opacity: 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ZoomOut — 退出动画 */
|
||||||
|
@keyframes aksrtZoomOut {
|
||||||
|
0% { opacity: 1; transform: none; }
|
||||||
|
100% { opacity: 0; transform: scale(0.85); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* BackIn/BackOut */
|
||||||
|
@keyframes aksrtBackInUp {
|
||||||
|
0% { opacity: 0; transform: translateY(30px) scale(0.7); }
|
||||||
|
80% { opacity: 0.8; transform: translateY(-5px) scale(1.02); }
|
||||||
|
100% { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtBackInDown {
|
||||||
|
0% { opacity: 0; transform: translateY(-30px) scale(0.7); }
|
||||||
|
80% { opacity: 0.8; transform: translateY(5px) scale(1.02); }
|
||||||
|
100% { opacity: 1; transform: none; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Flip */
|
||||||
|
@keyframes aksrtFlip {
|
||||||
|
0% { transform: perspective(400px) rotateY(90deg); opacity: 0; }
|
||||||
|
40% { transform: perspective(400px) rotateY(-10deg); }
|
||||||
|
70% { transform: perspective(400px) rotateY(10deg); }
|
||||||
|
100% { transform: perspective(400px) rotateY(0deg); opacity: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtFlipInX {
|
||||||
|
0% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
|
||||||
|
40% { transform: perspective(400px) rotateX(-10deg); }
|
||||||
|
70% { transform: perspective(400px) rotateX(10deg); }
|
||||||
|
100% { transform: perspective(400px) rotateX(0deg); opacity: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Animation utility classes
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-anim-fade-in { animation: aksrtFadeIn var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-fade-up { animation: aksrtFadeInUp var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-fade-down { animation: aksrtFadeInDown var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-fade-left { animation: aksrtFadeInLeft var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-fade-right { animation: aksrtFadeInRight var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||||||
|
|
||||||
|
.aksrt-anim-zoom-in { animation: aksrtZoomIn var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-zoom-in-up { animation: aksrtZoomInUp var(--dur-base, .4s) var(--ease-out, ease) both; }
|
||||||
|
|
||||||
|
.aksrt-anim-bounce-in { animation: aksrtBounceIn .6s var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-bounce { animation: aksrtBounce 1s ease both; }
|
||||||
|
|
||||||
|
.aksrt-anim-pulse { animation: aksrtPulse 1s ease infinite; }
|
||||||
|
.aksrt-anim-flash { animation: aksrtFlash 1s ease both; }
|
||||||
|
.aksrt-anim-rubber-band { animation: aksrtRubberBand .8s ease both; }
|
||||||
|
.aksrt-anim-shake { animation: aksrtShake .5s ease both; }
|
||||||
|
.aksrt-anim-swing { animation: aksrtSwing .6s var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-tada { animation: aksrtTada 1s ease both; }
|
||||||
|
.aksrt-anim-wobble { animation: aksrtWobble .8s ease both; }
|
||||||
|
.aksrt-anim-heart-beat { animation: aksrtHeartBeat 1.3s ease both; }
|
||||||
|
.aksrt-anim-jello { animation: aksrtJello .8s ease both; }
|
||||||
|
.aksrt-anim-head-shake { animation: aksrtHeadShake .8s ease both; }
|
||||||
|
|
||||||
|
/* 退出动画 */
|
||||||
|
.aksrt-anim-bounce-out { animation: aksrtBounceOut .5s ease both; }
|
||||||
|
.aksrt-anim-zoom-out { animation: aksrtZoomOut .3s ease both; }
|
||||||
|
|
||||||
|
/* BackIn 动画 */
|
||||||
|
.aksrt-anim-back-in-up { animation: aksrtBackInUp .5s var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-back-in-down { animation: aksrtBackInDown .5s var(--ease-out, ease) both; }
|
||||||
|
|
||||||
|
.aksrt-anim-slide-up { animation: aksrtSlideInUp .5s var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-slide-down { animation: aksrtSlideInDown .5s var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-slide-left { animation: aksrtSlideInLeft .5s var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-slide-right { animation: aksrtSlideInRight .5s var(--ease-out, ease) both; }
|
||||||
|
|
||||||
|
.aksrt-anim-flip { animation: aksrtFlip .6s var(--ease-out, ease) both; }
|
||||||
|
.aksrt-anim-flip-x { animation: aksrtFlipInX .6s var(--ease-out, ease) both; }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Duration modifiers
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-anim-fast { --dur-base: .2s; }
|
||||||
|
.aksrt-anim-slow { --dur-base: .6s; }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Delay modifiers (配合 data-aksrt-delay 使用时为 inline，
|
||||||
|
* 也可用 class 方式独立设置)
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-anim-delay-1 { animation-delay: .1s; }
|
||||||
|
.aksrt-anim-delay-2 { animation-delay: .2s; }
|
||||||
|
.aksrt-anim-delay-3 { animation-delay: .3s; }
|
||||||
|
.aksrt-anim-delay-4 { animation-delay: .4s; }
|
||||||
|
.aksrt-anim-delay-5 { animation-delay: .5s; }
|
||||||
|
.aksrt-anim-delay-6 { animation-delay: .6s; }
|
||||||
|
.aksrt-anim-delay-7 { animation-delay: .7s; }
|
||||||
|
.aksrt-anim-delay-8 { animation-delay: .8s; }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Infinite modifier
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-anim-infinite { animation-iteration-count: infinite; }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Reduced-motion — 尊重用户偏好
|
||||||
|
* ============================================================ */
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.aksrt-anim-fade-in,
|
||||||
|
.aksrt-anim-fade-up,
|
||||||
|
.aksrt-anim-fade-down,
|
||||||
|
.aksrt-anim-fade-left,
|
||||||
|
.aksrt-anim-fade-right,
|
||||||
|
.aksrt-anim-zoom-in,
|
||||||
|
.aksrt-anim-zoom-in-up,
|
||||||
|
.aksrt-anim-bounce-in,
|
||||||
|
.aksrt-anim-bounce,
|
||||||
|
.aksrt-anim-pulse,
|
||||||
|
.aksrt-anim-flash,
|
||||||
|
.aksrt-anim-rubber-band,
|
||||||
|
.aksrt-anim-shake,
|
||||||
|
.aksrt-anim-swing,
|
||||||
|
.aksrt-anim-tada,
|
||||||
|
.aksrt-anim-wobble,
|
||||||
|
.aksrt-anim-heart-beat,
|
||||||
|
.aksrt-anim-jello,
|
||||||
|
.aksrt-anim-head-shake,
|
||||||
|
.aksrt-anim-bounce-out,
|
||||||
|
.aksrt-anim-zoom-out,
|
||||||
|
.aksrt-anim-back-in-up,
|
||||||
|
.aksrt-anim-back-in-down,
|
||||||
|
.aksrt-anim-slide-up,
|
||||||
|
.aksrt-anim-slide-down,
|
||||||
|
.aksrt-anim-slide-left,
|
||||||
|
.aksrt-anim-slide-right,
|
||||||
|
.aksrt-anim-flip,
|
||||||
|
.aksrt-anim-flip-x {
|
||||||
|
animation: none !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,425 @@
|
|||||||
|
/**
|
||||||
|
* Homepage Fixed Layout — Zibll Visual Parity
|
||||||
|
*
|
||||||
|
* Implements Zibll's homepage visual language:
|
||||||
|
* - System font stack with Chinese fallbacks
|
||||||
|
* - 1200px container, 311px sidebar
|
||||||
|
* - Post cards: list mode (190px thumb) + card mode (3-col grid)
|
||||||
|
* - Zibll shadow/radius/spacing values
|
||||||
|
* - scale(1.02) thumbnail hover
|
||||||
|
* - Lazy-load animations (blur/fade/scale)
|
||||||
|
* - Full responsive: 1200/991/767/640px breakpoints
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
0. ANIMATIONS
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
@keyframes aksrt-skeleton-pulse {
|
||||||
|
0%, 100% { opacity: 1; }
|
||||||
|
50% { opacity: 0.4; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
1. HOMEPAGE CONTAINER & TYPOGRAPHY
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
.aksrt-homepage {
|
||||||
|
font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1.42857143;
|
||||||
|
color: var(--main-color, #4e5358);
|
||||||
|
background: transparent;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
/* Slightly looser than stock zibll short pages: air between stream and footer */
|
||||||
|
padding-bottom: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage a[href] {
|
||||||
|
transition: color 0.2s, background 0.3s, opacity 0.3s, box-shadow 0.3s, transform 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .aksrt-skeleton {
|
||||||
|
animation: aksrt-skeleton-pulse 1.5s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
2. LAYOUT SHELL
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
.aksrt-homepage__fluid-zone.content-shell,
|
||||||
|
.aksrt-homepage__shell.content-shell {
|
||||||
|
max-width: min(100%, var(--container, 1200px));
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__fluid-zone.content-shell {
|
||||||
|
padding-top: 18px;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__hero {
|
||||||
|
width: 100vw;
|
||||||
|
max-width: 100vw;
|
||||||
|
margin: 0 calc(-50vw + 50%) 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__hero .header-components-container {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__shell.content-shell {
|
||||||
|
padding-top: 0;
|
||||||
|
/* 36px + a bit more breathing room before footer */
|
||||||
|
padding-bottom: 56px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Bottom fluid zone (if any) keeps a little gap above footer */
|
||||||
|
.aksrt-homepage__fluid-zone--bottom {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.aksrt-homepage {
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__shell.content-shell {
|
||||||
|
padding-bottom: 40px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dual-column geometry is owned by body.site-layout-* float rules in layout.css. */
|
||||||
|
.aksrt-homepage__content-layout {
|
||||||
|
display: block;
|
||||||
|
gap: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 1200px) {
|
||||||
|
.aksrt-homepage__fluid-zone.content-shell,
|
||||||
|
.aksrt-homepage__shell.content-shell {
|
||||||
|
max-width: 95%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__content-zone,
|
||||||
|
.aksrt-homepage__fluid-zone,
|
||||||
|
.aksrt-homepage__aside {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__system-modules {
|
||||||
|
gap: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__content-zone.aksrt-homepage__system-modules {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__content-zone--featured {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__content-zone--operated,
|
||||||
|
.aksrt-homepage__content-zone--mid,
|
||||||
|
.aksrt-homepage__content-zone--supplement {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__content-zone--supplement {
|
||||||
|
padding-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__content-zone .widget-card:last-child,
|
||||||
|
.aksrt-homepage__aside .widget:last-child,
|
||||||
|
.aksrt-homepage__fluid-zone .widget-fluid:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
3. FLUID WIDGETS
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
.aksrt-homepage__fluid-zone .widget-fluid {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
background: transparent;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .widget-fluid.widget_aksrt_tab_posts,
|
||||||
|
.aksrt-homepage .widget-fluid.widget_aksrt_category_block,
|
||||||
|
.aksrt-homepage .widget-fluid.widget_aksrt_category_tabs,
|
||||||
|
.aksrt-homepage .widget-fluid.widget_aksrt_category_recommend {
|
||||||
|
padding: 15px;
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--main-radius, var(--radius, 8px));
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__content-zone .widget-card,
|
||||||
|
.aksrt-homepage__aside .widget {
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
padding: 15px;
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--main-radius, var(--radius, 8px));
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
4. STREAM CONTAINER
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
.aksrt-homepage__stream-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-end;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__stream-intro {
|
||||||
|
min-width: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__stream-title {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--color-ink);
|
||||||
|
font-size: 20px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.25;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__stream-subtitle {
|
||||||
|
margin: 0;
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__stream,
|
||||||
|
.aksrt-homepage__stream.widget-card {
|
||||||
|
overflow: visible;
|
||||||
|
padding: 0;
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
5. TABS
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
.aksrt-homepage__tabs,
|
||||||
|
.aksrt-homepage__titlebox {
|
||||||
|
margin-bottom: 6px;
|
||||||
|
padding-bottom: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tabs.box-body,
|
||||||
|
.aksrt-homepage__titlebox.box-body {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tabs-sentinel {
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
margin: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tabs.home-tab-nav-box {
|
||||||
|
position: static;
|
||||||
|
z-index: auto;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"] {
|
||||||
|
position: sticky;
|
||||||
|
top: var(--nav-height, 60px);
|
||||||
|
z-index: 995;
|
||||||
|
background: transparent;
|
||||||
|
transition: background-color 0.2s ease,
|
||||||
|
box-shadow 0.2s ease,
|
||||||
|
border-radius 0.2s ease,
|
||||||
|
padding 0.2s ease,
|
||||||
|
margin 0.2s ease,
|
||||||
|
backdrop-filter 0.2s ease,
|
||||||
|
-webkit-backdrop-filter 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-stuck,
|
||||||
|
.aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-affixed {
|
||||||
|
margin-bottom: 14px;
|
||||||
|
padding: 10px 16px;
|
||||||
|
background: rgba(255, 255, 255, 0.92);
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--radius-2xl, 16px);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
backdrop-filter: saturate(1.6) blur(20px);
|
||||||
|
-webkit-backdrop-filter: saturate(1.6) blur(20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-affixed {
|
||||||
|
position: fixed;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-stuck,
|
||||||
|
html.dark .aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-affixed,
|
||||||
|
html.dark .aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-stuck,
|
||||||
|
html.dark .aksrt-homepage__tabs.home-tab-nav-box[data-sticky-tabs="true"].is-affixed {
|
||||||
|
background: rgba(24, 24, 24, 0.82);
|
||||||
|
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-list {
|
||||||
|
list-style: none;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__admin-link {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scroll-x {
|
||||||
|
overflow-x: auto;
|
||||||
|
overflow-y: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-scrollbar {
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
scrollbar-width: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no-scrollbar::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-item {
|
||||||
|
display: inline-flex;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: background 0.2s ease, color 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-button {
|
||||||
|
padding: 6px 14px;
|
||||||
|
border: 0;
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-ink);
|
||||||
|
font-family: inherit;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: inherit;
|
||||||
|
line-height: 1.2;
|
||||||
|
white-space: nowrap;
|
||||||
|
border-radius: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-button:hover {
|
||||||
|
color: var(--color-primary, var(--color-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-item.is-active {
|
||||||
|
background: var(--color-primary, var(--color-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__tab-item.is-active .aksrt-homepage__tab-button,
|
||||||
|
.aksrt-homepage__tab-button[aria-selected="true"] {
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
6. SORTBAR + VIEW TOGGLE
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
.aksrt-homepage__sortbar {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
padding: 0 0 8px;
|
||||||
|
border-bottom: 1px solid var(--color-line, rgba(50, 50, 50, 0.06));
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__sortbar-links {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0;
|
||||||
|
flex: 1 1 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__sortbar-link {
|
||||||
|
position: relative;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 12px;
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
text-decoration: none;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__sortbar-link:first-child {
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__sortbar-link + .aksrt-homepage__sortbar-link::before {
|
||||||
|
content: "\00b7";
|
||||||
|
position: absolute;
|
||||||
|
left: -2px;
|
||||||
|
color: var(--color-ink-4, #b1b1b1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__sortbar-link:hover,
|
||||||
|
.aksrt-homepage__sortbar-link.is-active {
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__view-toggle {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
margin-left: auto;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__view-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
border-radius: 4px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: color 0.2s, background 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__view-btn:hover {
|
||||||
|
color: var(--color-ink);
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,102 @@
|
|||||||
|
.aksrt-homepage__view-btn.is-active {
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__view-btn svg {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-theme {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 1.2em;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-theme::before {
|
||||||
|
position: absolute;
|
||||||
|
top: 10%;
|
||||||
|
bottom: 10%;
|
||||||
|
left: 2px;
|
||||||
|
width: 4px;
|
||||||
|
content: "";
|
||||||
|
background: var(--color-primary);
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 1px 1px 3px -1px var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__page-indicator {
|
||||||
|
margin-left: 10px;
|
||||||
|
font-size: 80%;
|
||||||
|
font-weight: 400;
|
||||||
|
opacity: 0.7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__panel[hidden],
|
||||||
|
.index-tab-main .tab-pane[hidden],
|
||||||
|
.home-tab-content .tab-pane[hidden] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__panels,
|
||||||
|
.home-tab-content {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__panel {
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.3s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__panel.is-active,
|
||||||
|
.aksrt-homepage__panel.active,
|
||||||
|
.aksrt-homepage__panel.fade.in,
|
||||||
|
.aksrt-homepage__panel.tab-pane.active,
|
||||||
|
#index-tab-main.aksrt-homepage__panel,
|
||||||
|
.home-tab-content .tab-pane.is-active,
|
||||||
|
.home-tab-content .tab-pane.show,
|
||||||
|
.home-tab-content .tab-pane.active,
|
||||||
|
.aksrt-homepage__panel.show {
|
||||||
|
display: block !important;
|
||||||
|
visibility: visible !important;
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.home-tab-content .tab-pane.fade.is-active,
|
||||||
|
.home-tab-content .tab-pane.fade.show,
|
||||||
|
.home-tab-content .tab-pane.fade.active,
|
||||||
|
#index-tab-main.fade {
|
||||||
|
opacity: 1 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__panel-contract {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex {
|
||||||
|
display: flex !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex.xx,
|
||||||
|
.xx {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.flex1,
|
||||||
|
.flex-1 {
|
||||||
|
flex: 1 1 auto;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jsb,
|
||||||
|
.jb {
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ac {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,211 @@
|
|||||||
|
/* ================================================================
|
||||||
|
11. PAGINATION
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
.aksrt-homepage__panel-footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__more,
|
||||||
|
.aksrt-homepage .aksrt-load-more-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 34px;
|
||||||
|
padding: 0 14px;
|
||||||
|
border: 1px solid var(--color-line, rgba(50, 50, 50, 0.06));
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__more:hover,
|
||||||
|
.aksrt-homepage .aksrt-load-more-btn:hover {
|
||||||
|
color: var(--color-primary, var(--color-primary));
|
||||||
|
border-color: var(--color-primary, var(--color-primary));
|
||||||
|
box-shadow: none;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .ajax-pagination {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .navigation.pagination .nav-links,
|
||||||
|
.aksrt-homepage .pagination {
|
||||||
|
gap: 0;
|
||||||
|
margin: 20px 0 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .navigation.pagination .page-numbers,
|
||||||
|
.aksrt-homepage .pagination .page-numbers {
|
||||||
|
min-width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
padding: 0 10px;
|
||||||
|
margin: 3px;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: var(--radius-xs, 3px);
|
||||||
|
background: var(--surface-4, #eee);
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .navigation.pagination .page-numbers:hover,
|
||||||
|
.aksrt-homepage .pagination .page-numbers:hover {
|
||||||
|
opacity: 1;
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .navigation.pagination .current,
|
||||||
|
.aksrt-homepage .pagination .current {
|
||||||
|
background: var(--color-primary, var(--color-primary)) !important;
|
||||||
|
color: #fff !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
12. SIDEBAR
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
.aksrt-homepage__aside > .zib-widget,
|
||||||
|
.aksrt-homepage__aside > .widget {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
padding: 15px;
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border: 0;
|
||||||
|
border-radius: var(--main-radius, var(--radius, 8px));
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside > .zib-widget:last-child,
|
||||||
|
.aksrt-homepage__aside > .widget:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .widget-list li,
|
||||||
|
.aksrt-homepage__aside .widget_recent_entries li,
|
||||||
|
.aksrt-homepage__aside .recent-posts-row {
|
||||||
|
padding-top: 8px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .widget-title,
|
||||||
|
.aksrt-homepage__content-zone .widget-title {
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .widget-title {
|
||||||
|
position: relative;
|
||||||
|
margin: 0 0 10px;
|
||||||
|
padding-left: 1.2em;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .widget-title::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 10%;
|
||||||
|
bottom: 10%;
|
||||||
|
left: 2px;
|
||||||
|
width: 4px;
|
||||||
|
height: auto;
|
||||||
|
background: var(--color-primary, var(--color-primary));
|
||||||
|
border-radius: 5px;
|
||||||
|
box-shadow: 1px 1px 3px -1px var(--color-primary, var(--color-primary));
|
||||||
|
transition: transform 0.4s ease;
|
||||||
|
transform-origin: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .widget_recent_entries li a,
|
||||||
|
.aksrt-homepage__aside .widget-list li a {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .widget_recent_entries li {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .widget_search .search-field {
|
||||||
|
height: 40px;
|
||||||
|
border-radius: 30px;
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .widget_search .search-submit {
|
||||||
|
top: 4px;
|
||||||
|
right: 4px;
|
||||||
|
height: 32px;
|
||||||
|
padding: 0 12px;
|
||||||
|
border-radius: 30px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .tag-cloud {
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .tag-cloud a {
|
||||||
|
padding: 4px 10px;
|
||||||
|
border-radius: 20px;
|
||||||
|
font-size: 12px;
|
||||||
|
border: 0;
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
transition: background 0.2s, color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__aside .tag-cloud a:hover {
|
||||||
|
background: var(--color-primary, var(--color-primary));
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .widget.notop,
|
||||||
|
.aksrt-homepage .box-body.notop {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .widget.nobottom,
|
||||||
|
.aksrt-homepage .box-body.nobottom {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage .widget.widget_custom_html {
|
||||||
|
padding: 0;
|
||||||
|
background: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ================================================================
|
||||||
|
13. LOADING & EMPTY STATES
|
||||||
|
================================================================ */
|
||||||
|
|
||||||
|
.aksrt-homepage .aksrt-loading-indicator {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-homepage__stream .no-results {
|
||||||
|
padding: 32px 16px;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
@@ -0,0 +1,266 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Main v5 — 博客/个人站完整前端
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* 防止 hero 等使用 100vw / full-bleed 时产生横向滚动条 */
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
overflow-x: clip;
|
||||||
|
}
|
||||||
|
|
||||||
|
@supports not (overflow-x: clip) {
|
||||||
|
html,
|
||||||
|
body {
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== 阅读进度条（单篇文章顶 fixed）========== */
|
||||||
|
.reading-progress-bar {
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
height: 3px;
|
||||||
|
width: 0%;
|
||||||
|
z-index: 9999;
|
||||||
|
pointer-events: none;
|
||||||
|
background: linear-gradient(90deg, var(--color-primary), var(--color-primary-light));
|
||||||
|
transition: width 0.1s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 折叠 body 内注入的 BOM / 空白文本节点，防止产生多余行高间距 */
|
||||||
|
body {
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: var(--text-base);
|
||||||
|
line-height: var(--leading-normal);
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
background-color: var(--surface-page);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* zibll compat: global link composite transition */
|
||||||
|
a[href] {
|
||||||
|
transition: color 0.2s, background 0.3s, opacity 0.3s, box-shadow 0.3s, transform 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skip-link {
|
||||||
|
position: absolute;
|
||||||
|
left: 16px;
|
||||||
|
top: 12px;
|
||||||
|
z-index: 1100;
|
||||||
|
padding: 10px 14px;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: var(--color-primary);
|
||||||
|
color: #fff;
|
||||||
|
transform: translateY(-140%);
|
||||||
|
transition: transform 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skip-link:focus {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== 站点外壳 ========== */
|
||||||
|
.site-wrapper {
|
||||||
|
min-height: 100vh;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
font-size: var(--text-base);
|
||||||
|
line-height: var(--leading-normal);
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-main {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Zibll dual-column float math expects a padding-free main.container.
|
||||||
|
* Bootstrap 5 also defines .container (max-width ladder + padding-x).
|
||||||
|
* Force Zibll geometry after Bootstrap so negative-margin sidebars land correctly. */
|
||||||
|
.container,
|
||||||
|
main.container,
|
||||||
|
.site-main.container {
|
||||||
|
width: 100%;
|
||||||
|
max-width: var(--container, var(--mian-max-width, 1200px));
|
||||||
|
margin-right: auto;
|
||||||
|
margin-left: auto;
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
/* Kill Bootstrap 5 --bs-gutter-x padding model on site shells */
|
||||||
|
--bs-gutter-x: 0;
|
||||||
|
--bs-gutter-y: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header multifunc icon cards need horizontal gutter (zibll content rows).
|
||||||
|
* Global .container padding is 0 for dual-column float math. */
|
||||||
|
.header-slider-card.container {
|
||||||
|
padding-left: 15px;
|
||||||
|
padding-right: 15px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 576px) {
|
||||||
|
.container,
|
||||||
|
main.container {
|
||||||
|
max-width: var(--container, var(--mian-max-width, 1200px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.container,
|
||||||
|
main.container {
|
||||||
|
max-width: var(--container, var(--mian-max-width, 1200px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.container,
|
||||||
|
main.container {
|
||||||
|
max-width: var(--container, var(--mian-max-width, 1200px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
.container,
|
||||||
|
main.container {
|
||||||
|
max-width: var(--container, var(--mian-max-width, 1200px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1240px) {
|
||||||
|
.container,
|
||||||
|
main.container,
|
||||||
|
.fluid-widget-wrap .widget-container {
|
||||||
|
width: auto;
|
||||||
|
max-width: var(--container, var(--mian-max-width, 1200px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1400px) {
|
||||||
|
.container,
|
||||||
|
main.container {
|
||||||
|
max-width: var(--container, var(--mian-max-width, 1200px));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Soft pad only when the float dual-column is collapsed.
|
||||||
|
* Match Zibll bootstrap container pad (15px) rather than 10px. */
|
||||||
|
@media (max-width: 991.98px) {
|
||||||
|
.container,
|
||||||
|
main.container {
|
||||||
|
padding-right: 15px;
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.container,
|
||||||
|
main.container {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
padding-right: 15px;
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== User identity inline icons ==========
|
||||||
|
* All compact identity marks share one line-height baseline: VIP, level,
|
||||||
|
* certification, and worn medals remain visually aligned in every surface.
|
||||||
|
*/
|
||||||
|
.aksrt-vip-badge,
|
||||||
|
.aksrt-user-level-badge,
|
||||||
|
.aksrt-user-level-icon,
|
||||||
|
.aksrt-identity-medal,
|
||||||
|
.aksrt-identity-certification-icon,
|
||||||
|
.aksrt-header-user-medal {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: auto;
|
||||||
|
height: 1.1em;
|
||||||
|
max-width: 6em;
|
||||||
|
object-fit: contain;
|
||||||
|
vertical-align: -.15em;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.aksrt-vip-badge__icon {
|
||||||
|
display: block;
|
||||||
|
width: auto;
|
||||||
|
height: 1.1em;
|
||||||
|
max-width: 6em;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.aksrt-vip-badge > i {
|
||||||
|
font-size: .9em;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.aksrt-user-level-badge {
|
||||||
|
padding: 0 .35em;
|
||||||
|
font-size: .78em;
|
||||||
|
line-height: 1.1;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
/* Comment context: keep all identity marks inside the compact author line. */
|
||||||
|
.aksrt-identity-medal--comment,
|
||||||
|
.aksrt-user-level-icon--comment,
|
||||||
|
.aksrt-header-user-medal--comment {
|
||||||
|
height: 1em;
|
||||||
|
vertical-align: -.12em;
|
||||||
|
}
|
||||||
|
.aksrt-vip-badge--sm {
|
||||||
|
height: 1.1em;
|
||||||
|
padding: 0;
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* No-wrap inline name rows — keep the level icon on the same line as the name.
|
||||||
|
* The non-standard <name> element (zibll compat) plus .user-name / author-hero /
|
||||||
|
* uc-header name rows must not flex-wrap, or the badge drops to a new line.
|
||||||
|
* The comment header may still wrap (avatar + name + like can overflow on
|
||||||
|
* narrow viewports), so it keeps flex-wrap but the inner <name> never does. */
|
||||||
|
.article-avatar name,
|
||||||
|
.article-avatar .name,
|
||||||
|
.user-name,
|
||||||
|
.aksrt-author-hero__name,
|
||||||
|
.uc-header__name,
|
||||||
|
.aksrt-header-badges {
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.aksrt-author-hero__name,
|
||||||
|
.uc-header__name {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__name-inner {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-ip-geo-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 0;
|
||||||
|
margin: 2px 0;
|
||||||
|
padding: .3em .6em;
|
||||||
|
border: 1px solid var(--color-line-soft, var(--main-border-color, rgba(136, 136, 136, .18)));
|
||||||
|
border-radius: var(--mini-radius, 4px);
|
||||||
|
background: var(--surface-2, rgba(136, 136, 136, .1));
|
||||||
|
box-shadow: var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .08));
|
||||||
|
color: var(--color-ink-3, #666);
|
||||||
|
font-size: .92em;
|
||||||
|
line-height: 1.44;
|
||||||
|
vertical-align: middle;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.no-results {
|
||||||
|
padding: 48px 20px;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,11 @@
|
|||||||
|
/*!
|
||||||
|
* Bootstrap v3.4.1 (https://getbootstrap.com/)
|
||||||
|
* Copyright 2011-2019 Twitter, Inc.
|
||||||
|
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||||
|
*//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css *//*!
|
||||||
|
* @Author: Qinver
|
||||||
|
* @Url: zibll.com
|
||||||
|
* @Date: 2019-02-13 22:22:49
|
||||||
|
* @LastEditTime: 2021-11-07 18:36:36
|
||||||
|
删除了没有使用的图标和bootstrap.min.css.map
|
||||||
|
*/html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{color:#000!important;text-shadow:none!important;background:0 0!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" ("attr(href) ")"}abbr[title]:after{content:" ("attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #ddd!important}}*{box-sizing:border-box}:after,:before{box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:focus,a:hover{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role=button]{cursor:pointer}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#777}.h1,.h2,.h3,h1,h2,h3{margin-top:20px;margin-bottom:10px}.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small{font-size:65%}.h4,.h5,.h6,h4,h5,h6{margin-top:10px;margin-bottom:10px}.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-size:75%}.h1,h1{font-size:36px}.h2,h2{font-size:30px}.h3,h3{font-size:24px}.h4,h4{font-size:18px}.h5,h5{font-size:14px}.h6,h6{font-size:12pLine truncated
|
||||||
@@ -0,0 +1,120 @@
|
|||||||
|
/* ========== 面包屑导航 — 对齐 zibll .breadcrumb (main.css) ========== */
|
||||||
|
/* Single source for breadcrumb chrome. Do not re-define in layout.css. */
|
||||||
|
|
||||||
|
.breadcrumb,
|
||||||
|
ul.breadcrumb,
|
||||||
|
.breadcrumb-nav,
|
||||||
|
.breadcrumbs-wrap {
|
||||||
|
background: transparent;
|
||||||
|
font-size: 13px;
|
||||||
|
padding: 0 8px;
|
||||||
|
margin: 0 0 12px;
|
||||||
|
opacity: 0.6;
|
||||||
|
line-height: 1.8;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb-nav ol,
|
||||||
|
.breadcrumb-nav ul,
|
||||||
|
ul.breadcrumb,
|
||||||
|
.breadcrumbs.breadcrumb {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Zibll uses flat li + li:before separators (not flex-gap nodes) */
|
||||||
|
.breadcrumb > li,
|
||||||
|
ul.breadcrumb > li,
|
||||||
|
.breadcrumb-nav li,
|
||||||
|
.breadcrumbs.breadcrumb > li {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb > li + li:before,
|
||||||
|
ul.breadcrumb > li + li:before,
|
||||||
|
.breadcrumb-nav li + li:before {
|
||||||
|
content: "/";
|
||||||
|
padding: 0 0 0 6px;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Archive/nav variant may still stamp sep nodes — keep neutral */
|
||||||
|
.breadcrumbs.breadcrumb .breadcrumbs__sep {
|
||||||
|
padding: 0 6px;
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a,
|
||||||
|
ul.breadcrumb a,
|
||||||
|
.breadcrumb-nav a,
|
||||||
|
.breadcrumbs a {
|
||||||
|
color: var(--muted-2-color, var(--color-ink-4, #999));
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb a:hover,
|
||||||
|
ul.breadcrumb a:hover,
|
||||||
|
.breadcrumb-nav a:hover,
|
||||||
|
.breadcrumbs a:hover {
|
||||||
|
color: var(--focus-color, var(--color-primary, #f04494));
|
||||||
|
}
|
||||||
|
|
||||||
|
.breadcrumb > li:last-child,
|
||||||
|
ul.breadcrumb > li:last-child,
|
||||||
|
.breadcrumb-nav .current,
|
||||||
|
.breadcrumbs__item.is-current {
|
||||||
|
color: var(--main-color, var(--color-ink-2, #4e5358));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cover / video footer breadcrumb — Zibll single-cover-con / single-video */
|
||||||
|
.single-cover-con .breadcrumb,
|
||||||
|
.single-cover-con ul.breadcrumb,
|
||||||
|
.single-cover-con .breadcrumb-nav,
|
||||||
|
.post-breadcrumbs .breadcrumb,
|
||||||
|
.single-video .breadcrumb {
|
||||||
|
font-size: 13px;
|
||||||
|
margin: 5px 0 0 -6px;
|
||||||
|
opacity: unset;
|
||||||
|
padding: 0;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-video .breadcrumb {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-cover-con .breadcrumb,
|
||||||
|
.single-cover-con ul.breadcrumb,
|
||||||
|
.single-cover-con .breadcrumb-nav {
|
||||||
|
color: rgba(255, 255, 255, 0.85);
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-cover-con .breadcrumb a,
|
||||||
|
.single-cover-con ul.breadcrumb a,
|
||||||
|
.single-cover-con .breadcrumb-nav a {
|
||||||
|
color: rgba(255, 255, 255, 0.85);
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-cover-con .breadcrumb a:hover,
|
||||||
|
.single-cover-con ul.breadcrumb a:hover,
|
||||||
|
.single-cover-con .breadcrumb-nav a:hover {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.single-cover-con .breadcrumb > li:last-child,
|
||||||
|
.single-cover-con ul.breadcrumb > li:last-child {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.breadcrumb,
|
||||||
|
ul.breadcrumb,
|
||||||
|
.breadcrumb-nav,
|
||||||
|
.breadcrumbs-wrap {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,331 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Buttons — 1:1 Zibll Alignment
|
||||||
|
*
|
||||||
|
* 对齐 zibll .but 系统：
|
||||||
|
* - 正常字重 (normal)
|
||||||
|
* - 4px 圆角
|
||||||
|
* - 灰色默认背景
|
||||||
|
* - opacity hover
|
||||||
|
*/
|
||||||
|
|
||||||
|
.btn,
|
||||||
|
.btn-primary,
|
||||||
|
.btn-outline,
|
||||||
|
.btn-ghost,
|
||||||
|
.btn-danger {
|
||||||
|
--btn-h: 34px;
|
||||||
|
--btn-px: 14px;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 6px;
|
||||||
|
height: var(--btn-h);
|
||||||
|
padding: 0 var(--btn-px);
|
||||||
|
font-size: var(--text-sm);
|
||||||
|
font-weight: normal; /* zibll .but: normal — was 500 */
|
||||||
|
line-height: 1.44;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: var(--radius-btn);
|
||||||
|
cursor: pointer;
|
||||||
|
white-space: nowrap;
|
||||||
|
user-select: none;
|
||||||
|
text-decoration: none;
|
||||||
|
box-shadow: none;
|
||||||
|
transition: opacity 0.15s ease,
|
||||||
|
background 0.15s ease,
|
||||||
|
border-color 0.15s ease,
|
||||||
|
color 0.15s ease,
|
||||||
|
box-shadow 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 尺寸变体 */
|
||||||
|
.btn-sm { --btn-h: 28px; --btn-px: 8px; font-size: var(--text-xs); }
|
||||||
|
.btn-lg { --btn-h: 44px; --btn-px: 18px; font-size: var(--text-base); }
|
||||||
|
|
||||||
|
/* === Default (gray background, like zibll .but default) === */
|
||||||
|
.btn {
|
||||||
|
background: rgba(136, 136, 136, 0.1);
|
||||||
|
color: #888;
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === Primary — solid theme, opacity hover (no translateY / heavy glow) === */
|
||||||
|
.btn-primary {
|
||||||
|
background: var(--color-primary);
|
||||||
|
color: var(--color-on-primary);
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
color: var(--color-on-primary);
|
||||||
|
background: var(--color-primary);
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
transform: none;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:active {
|
||||||
|
opacity: 1;
|
||||||
|
box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === Outline === */
|
||||||
|
.btn-outline {
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
border-color: var(--color-ink-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-outline:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
background: transparent;
|
||||||
|
border-color: var(--color-ink-2);
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === Ghost === */
|
||||||
|
.btn-ghost {
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-ghost:hover {
|
||||||
|
background: rgba(136, 136, 136, 0.1);
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === Danger === */
|
||||||
|
.btn-danger {
|
||||||
|
background: var(--color-error);
|
||||||
|
color: #fff;
|
||||||
|
border-color: var(--color-error);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-danger:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === Disabled === */
|
||||||
|
.btn:disabled,
|
||||||
|
.btn-primary:disabled,
|
||||||
|
.btn-outline:disabled,
|
||||||
|
.btn-ghost:disabled,
|
||||||
|
.btn-danger:disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: not-allowed;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* === Icon button === */
|
||||||
|
.btn-icon {
|
||||||
|
width: var(--btn-h);
|
||||||
|
padding: 0;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-icon.btn-sm { width: 28px; }
|
||||||
|
.btn-icon.btn-lg { width: 44px; }
|
||||||
|
|
||||||
|
/* === Full width === */
|
||||||
|
.btn-block {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Zibll .but / .badg compat layer — 1:1 zibll main.css (.but system)
|
||||||
|
* ------------------------------------------------------------
|
||||||
|
* Additive: does NOT alter the AKSRT .btn system above. Lets reused
|
||||||
|
* zibll-style markup (.but / .badg / .b-* / .jb-* / .c-* / .but-group /
|
||||||
|
* .but-average / .toggle-radius) render via the --this-* context-coloring vars.
|
||||||
|
* The --this-* DEFAULTS are set on the base rule here (BEFORE the .b-*/.jb-*
|
||||||
|
* modifiers) so the cascade resolves colored variants correctly; scoped to
|
||||||
|
* .but/.badg (never :root) so .float-btn's own var(--this-*, fallback) stays intact.
|
||||||
|
* Consumes --focus-color-opacity* from zibll-compat-vars.css.
|
||||||
|
* ============================================================ */
|
||||||
|
|
||||||
|
/* Base (zibll .but / .badg) */
|
||||||
|
.but,
|
||||||
|
.badg {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: middle;
|
||||||
|
padding: 0.3em 0.6em;
|
||||||
|
text-align: center;
|
||||||
|
font-weight: normal;
|
||||||
|
line-height: 1.44;
|
||||||
|
border-radius: 4px;
|
||||||
|
border: 1px solid var(--this-border);
|
||||||
|
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;
|
||||||
|
transition: 0.15s;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.but a { color: inherit; }
|
||||||
|
|
||||||
|
.but .icon,
|
||||||
|
.but > .fa:not(.fa-angle-right),
|
||||||
|
.but > i[class*="fa-"]:not(.fa-angle-right) { margin-right: 0.25em; }
|
||||||
|
|
||||||
|
/* hover / active */
|
||||||
|
.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); }
|
||||||
|
|
||||||
|
/* radius variants */
|
||||||
|
.but.radius,
|
||||||
|
.badg.radius,
|
||||||
|
.radius > .but { border-radius: 50px; padding: 0.3em 1em; }
|
||||||
|
.but.main-radius,
|
||||||
|
.badg.main-radius { border-radius: var(--main-radius); }
|
||||||
|
.but.mini-radius,
|
||||||
|
.badg.mini-radius { border-radius: var(--mini-radius); }
|
||||||
|
|
||||||
|
/* hollow (outline) */
|
||||||
|
.but.hollow,
|
||||||
|
.badg.hollow { background: transparent; --this-border: var(--this-color); }
|
||||||
|
.but.hollow:hover { background: var(--this-bg); }
|
||||||
|
.badg.hollow[class*='b-'],
|
||||||
|
.but.hollow[class*='b-'] { background: 0 0; --this-border: var(--this-bg); --this-color: 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); }
|
||||||
|
|
||||||
|
/* circular icon button */
|
||||||
|
.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; }
|
||||||
|
|
||||||
|
/* button group (joined) */
|
||||||
|
.but-group { display: inline-flex; }
|
||||||
|
.but-group > .but { border-radius: 0; margin: 0; }
|
||||||
|
.but-group > .but:first-of-type { border-radius: 4px 0 0 4px; }
|
||||||
|
.but-group > .but:last-of-type { border-radius: 0 4px 4px 0; }
|
||||||
|
|
||||||
|
/* segmented control (equal-width) */
|
||||||
|
.but-average { display: flex; border-radius: 4px; overflow: hidden; }
|
||||||
|
.but-average.inline { display: inline-flex; }
|
||||||
|
.but-average.radius { border-radius: 100px; }
|
||||||
|
.but-average.main-radius { border-radius: var(--main-radius); }
|
||||||
|
.but-average.mini-radius { border-radius: var(--mini-radius); }
|
||||||
|
.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); }
|
||||||
|
|
||||||
|
/* size variants */
|
||||||
|
.but.but-sm { font-size: 0.9em; padding: 0.1em 0.4em; vertical-align: 0.05em; }
|
||||||
|
.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; }
|
||||||
|
.padding-lg,
|
||||||
|
.badg.badg-lg,
|
||||||
|
.but.padding-lg { padding: 0.5em 2em; }
|
||||||
|
|
||||||
|
/* active badge state */
|
||||||
|
.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); }
|
||||||
|
|
||||||
|
/* toggle-radius (round 29px toggle) — zibll 1:1 */
|
||||||
|
.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);
|
||||||
|
}
|
||||||
|
/* zibll groups these with abs-* : absolute + vertical center; then pin left/right 0 */
|
||||||
|
.toggle-radius .fa,
|
||||||
|
.toggle-radius .icon,
|
||||||
|
.toggle-radius > i {
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: 0 !important;
|
||||||
|
left: 0 !important;
|
||||||
|
margin: auto;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
line-height: 1;
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* solid color modifiers — set --this-bg; default --this-color white */
|
||||||
|
.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-blue, .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-blue, .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; }
|
||||||
|
|
||||||
|
/* gradient modifiers (zibll .jb-*) */
|
||||||
|
.jb-red { --this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%); }
|
||||||
|
.jb-yellow { --this-bg: linear-gradient(135deg, #f99d4d 10%, #f7631d 100%); }
|
||||||
|
.jb-blue { --this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%); }
|
||||||
|
.jb-green { --this-bg: linear-gradient(135deg, #60e464 10%, #5cb85b 100%); }
|
||||||
|
.jb-purple { --this-bg: linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%); }
|
||||||
|
.jb-pink { --this-bg: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%); }
|
||||||
|
.jb-vip1 { --this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%); --this-color: #866127; }
|
||||||
|
.jb-vip2 { --this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%); --this-color: #ddd; }
|
||||||
|
|
||||||
|
/* text-color modifiers (zibll .c-*) — set --this-color + light --this-bg */
|
||||||
|
.c-theme, .c-gray, .c-white, .c-red, .c-red-2, .c-yellow, .c-blue, .c-blue-2,
|
||||||
|
.c-green, .c-cyan, .c-purple { 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-blue { --this-color: #2997f7; --this-bg: rgba(41, 151, 247, 0.1); }
|
||||||
|
|
||||||
@@ -0,0 +1,171 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Card Primitives — 1:1 Zibll Alignment
|
||||||
|
*
|
||||||
|
* 对齐 zibll 的 .theme-box / .box-bg / .box-body / .box-header：
|
||||||
|
* 阴影优先，无边框，8px 圆角，15px 内边距。
|
||||||
|
*
|
||||||
|
* @package AKSRT
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* .aksrt-theme-box — 完整卡片原语（阴影 + 圆角 + 表面）
|
||||||
|
* 对齐 zibll .theme-box + .box-bg
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-theme-box {
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
background: var(--surface-1);
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
transition: box-shadow 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-theme-box:hover {
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* .aksrt-box-bg — 表面原语（仅背景 + 阴影）
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-box-bg {
|
||||||
|
background-color: var(--surface-1);
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* .aksrt-box-body / .aksrt-box-header — 内边距区段
|
||||||
|
* 对齐 zibll .box-body / .box-header { padding: 15px }
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-box-body,
|
||||||
|
.aksrt-box-header {
|
||||||
|
padding: var(--card-padding);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-box-header {
|
||||||
|
border-bottom: 1px solid var(--color-line-soft);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-box-header + .aksrt-box-body {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-box-body.notop,
|
||||||
|
.aksrt-box-header.notop { padding-top: 0; }
|
||||||
|
.aksrt-box-body.nobottom,
|
||||||
|
.aksrt-box-header.nobottom { padding-bottom: 0; }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* .aksrt-muted-box — 柔和背景嵌套
|
||||||
|
* 对齐 zibll .muted-box
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-muted-box {
|
||||||
|
background-color: var(--surface-2);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
padding: var(--card-padding);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* .aksrt-noshadow — 去除阴影
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-noshadow {
|
||||||
|
box-shadow: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Zibll 兼容别名
|
||||||
|
* ============================================================ */
|
||||||
|
/* Zibll .theme-box is ONLY a spacing utility (margin-bottom: 20px).
|
||||||
|
* Background/shadow live on .main-bg / .main-shadow / .box-bg / .zib-widget.
|
||||||
|
* Do NOT turn every theme-box into a card — article-header also uses it. */
|
||||||
|
.theme-box,
|
||||||
|
.mb20 {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-bg {
|
||||||
|
background-color: var(--main-bg-color, var(--surface-1));
|
||||||
|
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-body {
|
||||||
|
padding: var(--card-padding);
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-header {
|
||||||
|
padding: var(--card-padding);
|
||||||
|
border-bottom: 1px solid var(--color-line-soft);
|
||||||
|
}
|
||||||
|
|
||||||
|
.box-header + .box-body {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.radius8 {
|
||||||
|
border-radius: var(--radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-shadow {
|
||||||
|
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-bg {
|
||||||
|
background: var(--main-bg-color, var(--surface-1));
|
||||||
|
}
|
||||||
|
|
||||||
|
.muted-box {
|
||||||
|
background-color: var(--surface-2);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
padding: var(--card-padding);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 暗色模式
|
||||||
|
* ============================================================ */
|
||||||
|
html.dark .aksrt-theme-box,
|
||||||
|
body.dark-theme .aksrt-theme-box,
|
||||||
|
html.dark .box-bg,
|
||||||
|
body.dark-theme .box-bg {
|
||||||
|
border-color: transparent;
|
||||||
|
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.2));
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .aksrt-theme-box:hover,
|
||||||
|
body.dark-theme .aksrt-theme-box:hover {
|
||||||
|
box-shadow: 0 0 10px var(--main-shadow, rgba(0, 0, 0, 0.28));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 卡片 hover 动效
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-theme-box {
|
||||||
|
transition: box-shadow var(--dur) var(--ease), transform var(--dur) var(--ease);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-card-hover:hover,
|
||||||
|
.aksrt-card-hover:focus-within {
|
||||||
|
box-shadow: none;
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-card-hover-lg:hover,
|
||||||
|
.aksrt-card-hover-lg:focus-within {
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-noshadow:hover {
|
||||||
|
box-shadow: none !important;
|
||||||
|
transform: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* .zib-widget — zibll sidebar/widget surface
|
||||||
|
* ============================================================ */
|
||||||
|
.zib-widget {
|
||||||
|
clear: both;
|
||||||
|
background-color: var(--surface-1);
|
||||||
|
padding: var(--card-padding);
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,273 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Color Utilities — 多色按钮 / 渐变按钮 / 文字渐变 / Badge
|
||||||
|
* ------------------------------------------------------------
|
||||||
|
* 所有颜色走 CSS 变量（定义在 tokens.css），不硬编码十六进制。
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 1. 多色按钮 — .aksrt-btn--{color}
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-btn--rose { background: var(--aksrt-rose); color: #fff; }
|
||||||
|
.aksrt-btn--rose:hover,
|
||||||
|
.aksrt-btn--rose:focus-visible { background: #e11d48; }
|
||||||
|
|
||||||
|
.aksrt-btn--blue { background: var(--aksrt-blue); color: #fff; }
|
||||||
|
.aksrt-btn--blue:hover,
|
||||||
|
.aksrt-btn--blue:focus-visible { background: #2563eb; }
|
||||||
|
|
||||||
|
.aksrt-btn--green { background: var(--aksrt-green); color: #fff; }
|
||||||
|
.aksrt-btn--green:hover,
|
||||||
|
.aksrt-btn--green:focus-visible { background: #059669; }
|
||||||
|
|
||||||
|
.aksrt-btn--orange { background: var(--aksrt-orange); color: #fff; }
|
||||||
|
.aksrt-btn--orange:hover,
|
||||||
|
.aksrt-btn--orange:focus-visible { background: #ea580c; }
|
||||||
|
|
||||||
|
.aksrt-btn--purple { background: var(--aksrt-purple); color: #fff; }
|
||||||
|
.aksrt-btn--purple:hover,
|
||||||
|
.aksrt-btn--purple:focus-visible { background: #7c3aed; }
|
||||||
|
|
||||||
|
.aksrt-btn--cyan { background: var(--aksrt-cyan); color: #fff; }
|
||||||
|
.aksrt-btn--cyan:hover,
|
||||||
|
.aksrt-btn--cyan:focus-visible { background: #0891b2; }
|
||||||
|
|
||||||
|
.aksrt-btn--yellow { background: var(--aksrt-yellow); color: #422006; }
|
||||||
|
.aksrt-btn--yellow:hover,
|
||||||
|
.aksrt-btn--yellow:focus-visible { background: #ca8a04; color: #fff; }
|
||||||
|
|
||||||
|
.aksrt-btn--red { background: var(--aksrt-red); color: #fff; }
|
||||||
|
.aksrt-btn--red:hover,
|
||||||
|
.aksrt-btn--red:focus-visible { background: #dc2626; }
|
||||||
|
|
||||||
|
.aksrt-btn--teal { background: var(--aksrt-teal); color: #fff; }
|
||||||
|
.aksrt-btn--teal:hover,
|
||||||
|
.aksrt-btn--teal:focus-visible { background: #0d9488; }
|
||||||
|
|
||||||
|
.aksrt-btn--indigo { background: var(--aksrt-indigo); color: #fff; }
|
||||||
|
.aksrt-btn--indigo:hover,
|
||||||
|
.aksrt-btn--indigo:focus-visible { background: #4f46e5; }
|
||||||
|
|
||||||
|
.aksrt-btn--pink { background: var(--aksrt-pink); color: #fff; }
|
||||||
|
.aksrt-btn--pink:hover,
|
||||||
|
.aksrt-btn--pink:focus-visible { background: #db2777; }
|
||||||
|
|
||||||
|
/* Soft variant — 浅色背景 + 深色文字 */
|
||||||
|
.aksrt-btn--rose-soft { background: var(--aksrt-rose-soft); color: var(--aksrt-rose); }
|
||||||
|
.aksrt-btn--blue-soft { background: var(--aksrt-blue-soft); color: var(--aksrt-blue); }
|
||||||
|
.aksrt-btn--green-soft { background: var(--aksrt-green-soft); color: var(--aksrt-green); }
|
||||||
|
.aksrt-btn--orange-soft { background: var(--aksrt-orange-soft); color: var(--aksrt-orange); }
|
||||||
|
.aksrt-btn--purple-soft { background: var(--aksrt-purple-soft); color: var(--aksrt-purple); }
|
||||||
|
.aksrt-btn--cyan-soft { background: var(--aksrt-cyan-soft); color: var(--aksrt-cyan); }
|
||||||
|
.aksrt-btn--yellow-soft { background: var(--aksrt-yellow-soft); color: #92400e; }
|
||||||
|
.aksrt-btn--red-soft { background: var(--aksrt-red-soft); color: var(--aksrt-red); }
|
||||||
|
.aksrt-btn--teal-soft { background: var(--aksrt-teal-soft); color: var(--aksrt-teal); }
|
||||||
|
.aksrt-btn--indigo-soft { background: var(--aksrt-indigo-soft); color: var(--aksrt-indigo); }
|
||||||
|
.aksrt-btn--pink-soft { background: var(--aksrt-pink-soft); color: var(--aksrt-pink); }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 2. 渐变按钮 — .aksrt-btn--grad-{name}
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-btn--grad-vip {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-vip-gold-1), var(--aksrt-vip-gold-2));
|
||||||
|
color: #5a3d00;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-btn--grad-sunset {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-sunset-1), var(--aksrt-grad-sunset-2));
|
||||||
|
color: #fff;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-btn--grad-ocean {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-ocean-1), var(--aksrt-grad-ocean-2));
|
||||||
|
color: #fff;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-btn--grad-forest {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-forest-1), var(--aksrt-grad-forest-2));
|
||||||
|
color: #064e3b;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-btn--grad-night {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-night-1), var(--aksrt-grad-night-2));
|
||||||
|
color: #4c1d95;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-btn--grad-fire {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-fire-1), var(--aksrt-grad-fire-2));
|
||||||
|
color: #fff;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-btn--grad-primary {
|
||||||
|
background: linear-gradient(135deg, var(--color-primary), var(--color-primary-active));
|
||||||
|
color: var(--color-on-primary);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 渐变按钮 hover — 亮度微调 */
|
||||||
|
.aksrt-btn--grad-vip:hover,
|
||||||
|
.aksrt-btn--grad-sunset:hover,
|
||||||
|
.aksrt-btn--grad-ocean:hover,
|
||||||
|
.aksrt-btn--grad-forest:hover,
|
||||||
|
.aksrt-btn--grad-night:hover,
|
||||||
|
.aksrt-btn--grad-fire:hover,
|
||||||
|
.aksrt-btn--grad-primary:hover {
|
||||||
|
filter: brightness(1.08);
|
||||||
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 3. 文字渐变 — .aksrt-text-grad-{name}
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-text-grad-primary {
|
||||||
|
background: linear-gradient(135deg, var(--color-primary), var(--color-primary-active));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-text-grad-vip {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-vip-gold-1), var(--aksrt-vip-gold-2));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-text-grad-sunset {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-sunset-1), var(--aksrt-grad-sunset-2));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-text-grad-ocean {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-ocean-1), var(--aksrt-grad-ocean-2));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-text-grad-forest {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-forest-1), var(--aksrt-grad-forest-2));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-text-grad-night {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-night-1), var(--aksrt-grad-night-2));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-text-grad-fire {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-grad-fire-1), var(--aksrt-grad-fire-2));
|
||||||
|
-webkit-background-clip: text;
|
||||||
|
-webkit-text-fill-color: transparent;
|
||||||
|
background-clip: text;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 4. Badge 系统 — .aksrt-badge / .aksrt-badge--{color}
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: var(--aksrt-badge-h, 22px);
|
||||||
|
padding: 0 8px;
|
||||||
|
border-radius: var(--radius-pill, 100px);
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1;
|
||||||
|
white-space: nowrap;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-badge--primary { background: var(--color-primary-soft); color: var(--color-primary); }
|
||||||
|
.aksrt-badge--success { background: rgba(16, 185, 129, 0.12); color: var(--color-success); }
|
||||||
|
.aksrt-badge--warning { background: rgba(245, 158, 11, 0.12); color: var(--color-warning); }
|
||||||
|
.aksrt-badge--error { background: rgba(239, 68, 68, 0.12); color: var(--color-error); }
|
||||||
|
.aksrt-badge--info { background: rgba(59, 130, 246, 0.12); color: var(--color-info); }
|
||||||
|
|
||||||
|
.aksrt-badge--rose { background: var(--aksrt-rose-soft); color: var(--aksrt-rose); }
|
||||||
|
.aksrt-badge--blue { background: var(--aksrt-blue-soft); color: var(--aksrt-blue); }
|
||||||
|
.aksrt-badge--green { background: var(--aksrt-green-soft); color: var(--aksrt-green); }
|
||||||
|
.aksrt-badge--orange { background: var(--aksrt-orange-soft); color: var(--aksrt-orange); }
|
||||||
|
.aksrt-badge--purple { background: var(--aksrt-purple-soft); color: var(--aksrt-purple); }
|
||||||
|
.aksrt-badge--cyan { background: var(--aksrt-cyan-soft); color: var(--aksrt-cyan); }
|
||||||
|
.aksrt-badge--yellow { background: var(--aksrt-yellow-soft); color: #92400e; }
|
||||||
|
.aksrt-badge--red { background: var(--aksrt-red-soft); color: var(--aksrt-red); }
|
||||||
|
.aksrt-badge--teal { background: var(--aksrt-teal-soft); color: var(--aksrt-teal); }
|
||||||
|
.aksrt-badge--indigo { background: var(--aksrt-indigo-soft); color: var(--aksrt-indigo); }
|
||||||
|
.aksrt-badge--pink { background: var(--aksrt-pink-soft); color: var(--aksrt-pink); }
|
||||||
|
|
||||||
|
/* 渐变 Badge */
|
||||||
|
.aksrt-badge--grad-vip {
|
||||||
|
background: linear-gradient(135deg, var(--aksrt-vip-gold-1), var(--aksrt-vip-gold-2));
|
||||||
|
color: #5a3d00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-badge--grad-primary {
|
||||||
|
background: linear-gradient(135deg, var(--color-primary), var(--color-primary-active));
|
||||||
|
color: var(--color-on-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Solid badge variant — 纯色背景 + 白色文字 */
|
||||||
|
.aksrt-badge--solid-primary { background: var(--color-primary); color: #fff; }
|
||||||
|
.aksrt-badge--solid-success { background: var(--color-success); color: #fff; }
|
||||||
|
.aksrt-badge--solid-warning { background: var(--color-warning); color: #fff; }
|
||||||
|
.aksrt-badge--solid-error { background: var(--color-error); color: #fff; }
|
||||||
|
.aksrt-badge--solid-info { background: var(--color-info); color: #fff; }
|
||||||
|
.aksrt-badge--solid-rose { background: var(--aksrt-rose); color: #fff; }
|
||||||
|
.aksrt-badge--solid-blue { background: var(--aksrt-blue); color: #fff; }
|
||||||
|
.aksrt-badge--solid-green { background: var(--aksrt-green); color: #fff; }
|
||||||
|
.aksrt-badge--solid-orange { background: var(--aksrt-orange); color: #fff; }
|
||||||
|
.aksrt-badge--solid-purple { background: var(--aksrt-purple); color: #fff; }
|
||||||
|
.aksrt-badge--solid-cyan { background: var(--aksrt-cyan); color: #fff; }
|
||||||
|
.aksrt-badge--solid-yellow { background: var(--aksrt-yellow); color: #422006; }
|
||||||
|
.aksrt-badge--solid-red { background: var(--aksrt-red); color: #fff; }
|
||||||
|
.aksrt-badge--solid-teal { background: var(--aksrt-teal); color: #fff; }
|
||||||
|
.aksrt-badge--solid-indigo { background: var(--aksrt-indigo); color: #fff; }
|
||||||
|
.aksrt-badge--solid-pink { background: var(--aksrt-pink); color: #fff; }
|
||||||
|
|
||||||
|
/* Badge sizes */
|
||||||
|
.aksrt-badge--sm { height: 18px; padding: 0 6px; font-size: 11px; }
|
||||||
|
.aksrt-badge--lg { height: 28px; padding: 0 12px; font-size: 13px; }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 5. 背景色工具类 — .aksrt-bg-{color}
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-bg-rose { background-color: var(--aksrt-rose-soft); }
|
||||||
|
.aksrt-bg-blue { background-color: var(--aksrt-blue-soft); }
|
||||||
|
.aksrt-bg-green { background-color: var(--aksrt-green-soft); }
|
||||||
|
.aksrt-bg-orange { background-color: var(--aksrt-orange-soft); }
|
||||||
|
.aksrt-bg-purple { background-color: var(--aksrt-purple-soft); }
|
||||||
|
.aksrt-bg-cyan { background-color: var(--aksrt-cyan-soft); }
|
||||||
|
.aksrt-bg-yellow { background-color: var(--aksrt-yellow-soft); }
|
||||||
|
.aksrt-bg-red { background-color: var(--aksrt-red-soft); }
|
||||||
|
.aksrt-bg-teal { background-color: var(--aksrt-teal-soft); }
|
||||||
|
.aksrt-bg-indigo { background-color: var(--aksrt-indigo-soft); }
|
||||||
|
.aksrt-bg-pink { background-color: var(--aksrt-pink-soft); }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 6. 文字色工具类 — .aksrt-text-{color}
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-text-rose { color: var(--aksrt-rose); }
|
||||||
|
.aksrt-text-blue { color: var(--aksrt-blue); }
|
||||||
|
.aksrt-text-green { color: var(--aksrt-green); }
|
||||||
|
.aksrt-text-orange { color: var(--aksrt-orange); }
|
||||||
|
.aksrt-text-purple { color: var(--aksrt-purple); }
|
||||||
|
.aksrt-text-cyan { color: var(--aksrt-cyan); }
|
||||||
|
.aksrt-text-yellow { color: var(--aksrt-yellow); }
|
||||||
|
.aksrt-text-red { color: var(--aksrt-red); }
|
||||||
|
.aksrt-text-teal { color: var(--aksrt-teal); }
|
||||||
|
.aksrt-text-indigo { color: var(--aksrt-indigo); }
|
||||||
|
.aksrt-text-pink { color: var(--aksrt-pink); }
|
||||||
|
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
/* AKSRT comments aggregator */
|
||||||
|
@import url("./comments/shell.css");
|
||||||
|
@import url("./comments/mobile-item.css");
|
||||||
|
@import url("./comment-tools.css");
|
||||||
|
|
||||||
@@ -0,0 +1,487 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Extended Components — 时间轴 / 步骤向导 / 九宫格 / 定价卡片 /
|
||||||
|
* Toggle 开关 / 自定义复选框 / 数字步进器
|
||||||
|
* ------------------------------------------------------------
|
||||||
|
* 全部使用 aksrt- 前缀，保持原生语义可访问性。
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 1. 时间轴 — .aksrt-timeline
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-timeline {
|
||||||
|
position: relative;
|
||||||
|
padding-left: 28px;
|
||||||
|
margin: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 竖线 */
|
||||||
|
.aksrt-timeline::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: 8px;
|
||||||
|
top: 4px;
|
||||||
|
bottom: 4px;
|
||||||
|
width: 2px;
|
||||||
|
background: var(--color-line, rgba(50, 50, 50, 0.1));
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-timeline__item {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-timeline__item:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 圆点 */
|
||||||
|
.aksrt-timeline__dot {
|
||||||
|
position: absolute;
|
||||||
|
left: -24px;
|
||||||
|
top: 4px;
|
||||||
|
width: 12px;
|
||||||
|
height: 12px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--color-primary);
|
||||||
|
border: 2px solid var(--surface-1, #fff);
|
||||||
|
box-shadow: 0 0 0 2px var(--color-primary-soft, rgba(240, 68, 148, 0.12));
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 空心圆点变体 */
|
||||||
|
.aksrt-timeline__dot--outline {
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border: 2px solid var(--color-primary);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 灰色圆点 — 已完成/已过去 */
|
||||||
|
.aksrt-timeline__dot--muted {
|
||||||
|
background: var(--color-ink-4, #999);
|
||||||
|
box-shadow: 0 0 0 2px var(--surface-2, #eee);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-timeline__time {
|
||||||
|
display: block;
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-timeline__title {
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-ink, #333);
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-timeline__content {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 2. 步骤向导 — .aksrt-steps
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-steps {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 0;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
counter-reset: aksrt-step;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps__item {
|
||||||
|
flex: 1;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
counter-increment: aksrt-step;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 连接线 */
|
||||||
|
.aksrt-steps__item:not(:last-child)::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 16px;
|
||||||
|
left: calc(50% + 20px);
|
||||||
|
right: calc(-50% + 20px);
|
||||||
|
height: 2px;
|
||||||
|
background: var(--color-line, rgba(50, 50, 50, 0.1));
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps__icon {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin: 0 auto 8px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps__item--active .aksrt-steps__icon {
|
||||||
|
background: var(--color-primary);
|
||||||
|
color: var(--color-on-primary, #fff);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps__item--done .aksrt-steps__icon {
|
||||||
|
background: var(--color-success);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps__item--done:not(:last-child)::after {
|
||||||
|
background: var(--color-success);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps__label {
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps__item--active .aksrt-steps__label {
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps__item--done .aksrt-steps__label {
|
||||||
|
color: var(--color-success);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 垂直模式 */
|
||||||
|
.aksrt-steps--vertical {
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 0;
|
||||||
|
padding-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps--vertical .aksrt-steps__item {
|
||||||
|
text-align: left;
|
||||||
|
padding-left: 28px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps--vertical .aksrt-steps__item:not(:last-child)::after {
|
||||||
|
top: 34px;
|
||||||
|
left: 36px;
|
||||||
|
right: auto;
|
||||||
|
width: 2px;
|
||||||
|
height: calc(100% - 34px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-steps--vertical .aksrt-steps__icon {
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 3. 九宫格 — .aksrt-img-grid
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-img-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 4px;
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-img-grid img {
|
||||||
|
width: 100%;
|
||||||
|
aspect-ratio: 1;
|
||||||
|
object-fit: cover;
|
||||||
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: transform .2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-img-grid img:hover {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 自适应列数 */
|
||||||
|
.aksrt-img-grid--2 { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
.aksrt-img-grid--4 { grid-template-columns: repeat(4, 1fr); }
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.aksrt-img-grid--4 { grid-template-columns: repeat(3, 1fr); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 5. Toggle 开关 — .aksrt-toggle (纯 CSS + :checked)
|
||||||
|
* 保持原生 <input> 可访问性
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-toggle {
|
||||||
|
position: relative;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
user-select: none;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-toggle__input {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-toggle__track {
|
||||||
|
position: relative;
|
||||||
|
width: var(--aksrt-toggle-w, 44px);
|
||||||
|
height: var(--aksrt-toggle-h, 24px);
|
||||||
|
background: var(--surface-3, #e8e8e8);
|
||||||
|
border-radius: var(--aksrt-toggle-h, 24px);
|
||||||
|
transition: background .2s ease;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-toggle__track::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 2px;
|
||||||
|
left: 2px;
|
||||||
|
width: calc(var(--aksrt-toggle-h, 24px) - 4px);
|
||||||
|
height: calc(var(--aksrt-toggle-h, 24px) - 4px);
|
||||||
|
background: #fff;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
|
||||||
|
transition: transform .2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Checked */
|
||||||
|
.aksrt-toggle__input:checked + .aksrt-toggle__track {
|
||||||
|
background: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-toggle__input:checked + .aksrt-toggle__track::after {
|
||||||
|
transform: translateX(calc(var(--aksrt-toggle-w, 44px) - var(--aksrt-toggle-h, 24px)));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Focus-visible */
|
||||||
|
.aksrt-toggle__input:focus-visible + .aksrt-toggle__track {
|
||||||
|
box-shadow: var(--focus-ring, 0 0 2px 3px rgba(253, 83, 161, 0.4));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Disabled */
|
||||||
|
.aksrt-toggle__input:disabled + .aksrt-toggle__track {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-toggle__label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 6. 自定义复选框 — .aksrt-checkbox (纯 CSS + :checked)
|
||||||
|
* 保持原生 <input type="checkbox"> 可访问性
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-checkbox {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-checkbox__input {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
width: 0;
|
||||||
|
height: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-checkbox__box {
|
||||||
|
position: relative;
|
||||||
|
width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
border: 2px solid var(--color-line, rgba(50, 50, 50, 0.15));
|
||||||
|
border-radius: 4px;
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
transition: background .15s ease, border-color .15s ease;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 打勾 SVG */
|
||||||
|
.aksrt-checkbox__box::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 2px;
|
||||||
|
left: 5px;
|
||||||
|
width: 5px;
|
||||||
|
height: 9px;
|
||||||
|
border: 2px solid #fff;
|
||||||
|
border-top: none;
|
||||||
|
border-left: none;
|
||||||
|
transform: rotate(45deg) scale(0);
|
||||||
|
transition: transform .15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-checkbox__input:checked + .aksrt-checkbox__box {
|
||||||
|
background: var(--color-primary);
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-checkbox__input:checked + .aksrt-checkbox__box::after {
|
||||||
|
transform: rotate(45deg) scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-checkbox__input:focus-visible + .aksrt-checkbox__box {
|
||||||
|
box-shadow: var(--focus-ring, 0 0 2px 3px rgba(253, 83, 161, 0.4));
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-checkbox__input:disabled + .aksrt-checkbox__box {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-checkbox__label {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 7. 数字步进器 — .aksrt-stepper
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-stepper {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
border: 1px solid var(--color-line, rgba(50, 50, 50, 0.1));
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
overflow: hidden;
|
||||||
|
height: var(--aksrt-stepper-h, 36px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-stepper__btn {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: var(--aksrt-stepper-h, 36px);
|
||||||
|
height: 100%;
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
transition: background .15s ease, color .15s ease;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-stepper__btn:hover {
|
||||||
|
background: var(--surface-3, #e8e8e8);
|
||||||
|
color: var(--color-ink, #333);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-stepper__btn:disabled {
|
||||||
|
opacity: 0.4;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-stepper__input {
|
||||||
|
width: 48px;
|
||||||
|
height: 100%;
|
||||||
|
border: none;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-ink, #333);
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
-moz-appearance: textfield;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-stepper__input::-webkit-outer-spin-button,
|
||||||
|
.aksrt-stepper__input::-webkit-inner-spin-button {
|
||||||
|
-webkit-appearance: none;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-stepper__input:focus {
|
||||||
|
outline: none;
|
||||||
|
background: var(--color-primary-softer, rgba(240, 68, 148, 0.05));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 8. 头像尺寸变量系统 — .aksrt-avatar--{size}
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-avatar--xs { width: var(--aksrt-avatar-size-xs); height: var(--aksrt-avatar-size-xs); }
|
||||||
|
.aksrt-avatar--sm { width: var(--aksrt-avatar-size-sm); height: var(--aksrt-avatar-size-sm); }
|
||||||
|
.aksrt-avatar { width: var(--aksrt-avatar-size); height: var(--aksrt-avatar-size); }
|
||||||
|
.aksrt-avatar--lg { width: var(--aksrt-avatar-size-lg); height: var(--aksrt-avatar-size-lg); }
|
||||||
|
.aksrt-avatar--xl { width: var(--aksrt-avatar-size-xl); height: var(--aksrt-avatar-size-xl); }
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 9. 涟漪点击效果 — .aksrt-ripple
|
||||||
|
* 容器加此类，点击时 JS 注入 span.aksrt-ripple__wave
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-ripple {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-ripple__wave {
|
||||||
|
position: absolute;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(255, 255, 255, 0.35);
|
||||||
|
transform: scale(0);
|
||||||
|
animation: aksrtRippleWave .6s ease-out forwards;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtRippleWave {
|
||||||
|
to {
|
||||||
|
transform: scale(4);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Runtime broad ripple (.aksrt-wave injected into .but/.btn).
|
||||||
|
* MUST stay out of flow — missing absolute made header CTA grow on click. */
|
||||||
|
.aksrt-wave {
|
||||||
|
position: absolute !important;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(255, 255, 255, 0.35);
|
||||||
|
pointer-events: none !important;
|
||||||
|
z-index: 1;
|
||||||
|
transform: scale(0);
|
||||||
|
animation: aksrtWaveRipple 0.6s ease-out forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrtWaveRipple {
|
||||||
|
to {
|
||||||
|
transform: scale(1);
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.nowave {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* 10. 模态框堆叠动画 — 父模态缩小
|
||||||
|
* ============================================================ */
|
||||||
|
.modal-stacked .modal-dialog {
|
||||||
|
transition: transform .25s var(--ease, ease), filter .25s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.modal-stacked .modal-dialog.modal-behind {
|
||||||
|
transform: scale(0.92);
|
||||||
|
filter: brightness(0.85);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,125 @@
|
|||||||
|
/* ========== 空状态 — 对齐 zibll empty state ========== */
|
||||||
|
.empty-state {
|
||||||
|
text-align: center;
|
||||||
|
padding: 60px 20px;
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state__icon {
|
||||||
|
font-size: 56px;
|
||||||
|
color: var(--surface-3, #e8e8e8);
|
||||||
|
margin-bottom: 16px;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state__icon i {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state__title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state__desc {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
margin-bottom: 20px;
|
||||||
|
max-width: 320px;
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state__action {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 空状态变体 */
|
||||||
|
.empty-state--sm {
|
||||||
|
padding: 30px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state--sm .empty-state__icon {
|
||||||
|
font-size: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state--sm .empty-state__title {
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state--sm .empty-state__desc {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 评论空状态 */
|
||||||
|
.comments-empty {
|
||||||
|
text-align: center;
|
||||||
|
padding: 40px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comments-empty__icon {
|
||||||
|
font-size: 48px;
|
||||||
|
color: var(--surface-3, #e8e8e8);
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comments-empty__text {
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
margin-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comments-empty__hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 搜索空状态 */
|
||||||
|
.search-empty {
|
||||||
|
text-align: center;
|
||||||
|
padding: 80px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-empty__icon {
|
||||||
|
font-size: 64px;
|
||||||
|
color: var(--surface-3, #e8e8e8);
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-empty__title {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-empty__suggestions {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-empty__suggestions a {
|
||||||
|
color: var(--color-primary, #f04494);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-empty__suggestions a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 移动端 */
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.empty-state {
|
||||||
|
padding: 40px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.empty-state__icon {
|
||||||
|
font-size: 44px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
@import url("enhancements/core-ui.css");
|
||||||
|
@import url("enhancements/components.css");
|
||||||
|
@import url("enhancements/modal-motion.css");
|
||||||
|
|
||||||
@@ -0,0 +1,405 @@
|
|||||||
|
/* ============================================================
|
||||||
|
* Floating Buttons
|
||||||
|
* ============================================================ */
|
||||||
|
|
||||||
|
.float-right {
|
||||||
|
--float-btn-size: 42px;
|
||||||
|
--float-btn-spacing: 8px;
|
||||||
|
--float-btn-opacity: 1;
|
||||||
|
--float-btn-color: var(--color-ink-3);
|
||||||
|
--float-btn-bg: transparent;
|
||||||
|
--float-btn-active-color: var(--color-primary);
|
||||||
|
position: fixed;
|
||||||
|
right: 20px;
|
||||||
|
bottom: 96px;
|
||||||
|
z-index: 900;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: var(--float-btn-spacing, 8px);
|
||||||
|
opacity: var(--float-btn-opacity, 1);
|
||||||
|
transition: transform var(--dur, 0.25s) var(--ease, ease), opacity var(--dur, 0.25s) var(--ease, ease);
|
||||||
|
padding-bottom: env(safe-area-inset-bottom, 0px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.no-shadow .float-btn {
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.no-animation .float-btn {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.no-animation .float-btn:hover {
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.position-center {
|
||||||
|
top: 50%;
|
||||||
|
bottom: auto;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.square {
|
||||||
|
gap: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: var(--radius-lg, 8px);
|
||||||
|
box-shadow: var(--shadow-md, 0 10px 30px rgba(17, 24, 39, 0.12));
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn {
|
||||||
|
width: var(--float-btn-size);
|
||||||
|
min-height: var(--float-btn-size);
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
position: relative;
|
||||||
|
color: var(--this-color, var(--float-btn-color));
|
||||||
|
background: var(--this-bg, var(--float-btn-bg));
|
||||||
|
border: 1px solid var(--color-line-soft, #f0f1f3);
|
||||||
|
text-decoration: none;
|
||||||
|
box-shadow: var(--shadow, 0 8px 24px rgba(17, 24, 39, 0.08));
|
||||||
|
transition: transform var(--dur-fast, 0.15s) var(--ease, ease), box-shadow var(--dur-fast, 0.15s) var(--ease, ease), color var(--dur-fast, 0.15s) var(--ease, ease), background var(--dur-fast, 0.15s) var(--ease, ease);
|
||||||
|
cursor: pointer;
|
||||||
|
outline: none;
|
||||||
|
overflow: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.round .float-btn {
|
||||||
|
border-radius: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.square .float-btn {
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
border-top-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.square .float-btn:first-child {
|
||||||
|
border-top-width: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn:hover {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
color: var(--float-btn-active-color, var(--color-primary));
|
||||||
|
text-decoration: none;
|
||||||
|
box-shadow: var(--shadow-md, 0 10px 30px rgba(17, 24, 39, 0.12));
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn:active {
|
||||||
|
transform: scale(0.96);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
inset: auto;
|
||||||
|
width: 6px;
|
||||||
|
height: 6px;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: currentColor;
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(1);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn.is-rippling::after {
|
||||||
|
animation: float-btn-ripple 0.55s ease-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn i {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn.ontop {
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn.ontop.is-visible {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.has-blur-pc .float-btn {
|
||||||
|
backdrop-filter: saturate(1.5) blur(10px);
|
||||||
|
-webkit-backdrop-filter: saturate(1.5) blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .hover-show-con {
|
||||||
|
position: absolute;
|
||||||
|
display: block;
|
||||||
|
right: calc(100% + 12px);
|
||||||
|
top: 50%;
|
||||||
|
transform: translateY(-50%);
|
||||||
|
min-width: 180px;
|
||||||
|
max-width: 280px;
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: var(--radius-lg, 8px);
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
box-shadow: var(--shadow-lg, 0 18px 40px rgba(17, 24, 39, 0.18));
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
pointer-events: none;
|
||||||
|
transition: opacity var(--dur-fast, 0.15s) var(--ease, ease), transform var(--dur-fast, 0.15s) var(--ease, ease), visibility var(--dur-fast, 0.15s) var(--ease, ease);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .hover-show-con::before {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
top: 50%;
|
||||||
|
right: -8px;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
background: inherit;
|
||||||
|
border-top: 1px solid var(--color-line);
|
||||||
|
border-right: 1px solid var(--color-line);
|
||||||
|
transform: translateY(-50%) rotate(45deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .hover-show-con img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 160px;
|
||||||
|
height: auto;
|
||||||
|
margin: 0 auto 10px;
|
||||||
|
border-radius: var(--radius, 10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .hover-show-con p {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-btn-qrcode {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 120px;
|
||||||
|
margin: 0 auto 10px;
|
||||||
|
background: #fff;
|
||||||
|
border-radius: var(--radius, 10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .service-wechat .hover-show-con,
|
||||||
|
.float-right .service-qq .hover-show-con,
|
||||||
|
.float-right .qrcode-btn .hover-show-con {
|
||||||
|
padding: 14px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Page QR hover card: keep title/caption centered under the code */
|
||||||
|
.float-right .qrcode-btn .hover-show-con {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .qrcode-btn .hover-show-con p {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .qrcode-btn .hover-show-con .float-btn-qrcode__title {
|
||||||
|
width: 100%;
|
||||||
|
text-align: center;
|
||||||
|
margin: 2px 0 0;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.6;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.float-right .service-wechat .hover-show-con img,
|
||||||
|
.float-right .service-qq .hover-show-con img {
|
||||||
|
margin: 0 auto;
|
||||||
|
box-shadow: 0 10px 24px rgba(17, 24, 39, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .service-wechat .hover-show-con p,
|
||||||
|
.float-right .service-qq .hover-show-con p {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .newadd-btns .hover-show-con {
|
||||||
|
min-width: 196px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-add-menu {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-add-menu__item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 10px 12px;
|
||||||
|
border-radius: 10px;
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: background var(--dur-fast, 0.15s) var(--ease, ease), color var(--dur-fast, 0.15s) var(--ease, ease), transform var(--dur-fast, 0.15s) var(--ease, ease);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-add-menu__item i {
|
||||||
|
width: 18px;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--color-primary, var(--color-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-add-menu__item:hover {
|
||||||
|
background: var(--color-primary-soft, rgba(240, 68, 148, 0.1));
|
||||||
|
color: var(--color-primary, var(--color-primary));
|
||||||
|
transform: translateX(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-btn-qrcode :deep(canvas),
|
||||||
|
.float-btn-qrcode :deep(img),
|
||||||
|
.float-btn-qrcode svg {
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn:hover .hover-show-con,
|
||||||
|
.float-right .float-btn:focus-visible .hover-show-con {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
pointer-events: auto;
|
||||||
|
transform: translateY(-50%) translateX(-4px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.scrolling-hide.is-hidden,
|
||||||
|
.float-right.scroll-down-hide.is-hidden {
|
||||||
|
transform: translateX(calc(100% + 24px));
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.position-center.scrolling-hide.is-hidden,
|
||||||
|
.float-right.position-center.scroll-down-hide.is-hidden {
|
||||||
|
transform: translateX(calc(100% + 24px)) translateY(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right__html {
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right__html a {
|
||||||
|
color: var(--color-primary, var(--color-primary));
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right__html a:hover {
|
||||||
|
color: var(--color-primary-hover, #7099CC);
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes float-btn-ripple {
|
||||||
|
0% {
|
||||||
|
opacity: 0.22;
|
||||||
|
transform: scale(1);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
opacity: 0;
|
||||||
|
transform: scale(14);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* Theme float glyph: light → moon, dark → sun.
|
||||||
|
* Match nav toggle + theme.js contract. Class-driven only.
|
||||||
|
*/
|
||||||
|
.float-right .float-btn__icon-sun {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn__icon-moon {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .float-right .float-btn__icon-moon,
|
||||||
|
body.theme-dark .float-right .float-btn__icon-moon,
|
||||||
|
body.dark-theme .float-right .float-btn__icon-moon {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .float-right .float-btn__icon-sun,
|
||||||
|
body.theme-dark .float-right .float-btn__icon-sun,
|
||||||
|
body.dark-theme .float-right .float-btn__icon-sun {
|
||||||
|
display: inline-block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* VIP float rail entry */
|
||||||
|
.float-right .float-btn.pay-vip {
|
||||||
|
color: var(--this-color, #f5a623);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn.pay-vip:hover {
|
||||||
|
color: var(--this-color, #f5a623);
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn.signin-loader {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dark: solid surface + brighter icon so transparent btn doesn't vanish */
|
||||||
|
html.dark .float-right,
|
||||||
|
body.theme-dark .float-right,
|
||||||
|
body.dark-theme .float-right {
|
||||||
|
--float-btn-color: var(--color-ink-2, #e5eef7);
|
||||||
|
--float-btn-bg: var(--surface-1, #323335);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .float-right .float-btn,
|
||||||
|
body.theme-dark .float-right .float-btn,
|
||||||
|
body.dark-theme .float-right .float-btn {
|
||||||
|
border-color: rgba(255, 255, 255, 0.12);
|
||||||
|
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
|
||||||
|
color: var(--this-color, var(--float-btn-color));
|
||||||
|
background: var(--this-bg, var(--float-btn-bg));
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .float-right .hover-show-con,
|
||||||
|
body.theme-dark .float-right .hover-show-con,
|
||||||
|
body.dark-theme .float-right .hover-show-con {
|
||||||
|
background: var(--surface-2, #1f2430);
|
||||||
|
border-color: rgba(255, 255, 255, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.float-right {
|
||||||
|
right: 12px;
|
||||||
|
bottom: 84px;
|
||||||
|
--float-btn-size: 40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right.has-blur-mobile .float-btn {
|
||||||
|
backdrop-filter: saturate(1.5) blur(10px);
|
||||||
|
-webkit-backdrop-filter: saturate(1.5) blur(10px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .hover-show-con {
|
||||||
|
max-width: min(240px, calc(100vw - 84px));
|
||||||
|
}
|
||||||
|
|
||||||
|
.float-right .float-btn.hide-on-mobile {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.float-right .float-btn.hide-on-pc {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,6 @@
|
|||||||
|
@import url("footer/part-1.css");
|
||||||
|
@import url("footer/part-2.css");
|
||||||
|
@import url("footer/part-3.css");
|
||||||
|
@import url("footer/part-4.css");
|
||||||
|
@import url("footer/zibll-shell.css");
|
||||||
|
|
||||||
@@ -0,0 +1,143 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Forms — 1:1 Zibll Alignment
|
||||||
|
*
|
||||||
|
* 对齐 zibll .form-control：
|
||||||
|
* - 灰色背景 (#f5f6f7)
|
||||||
|
* - 透明边框
|
||||||
|
* - 34px 高度
|
||||||
|
* - 8px 圆角
|
||||||
|
* - focus 时粉色边框 + 光晕
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ===== Field Wrapper ===== */
|
||||||
|
.field {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 6px;
|
||||||
|
margin-bottom: var(--space-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-label {
|
||||||
|
font-size: var(--text-sm);
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-help {
|
||||||
|
font-size: var(--text-xs);
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.field-error {
|
||||||
|
font-size: var(--text-xs);
|
||||||
|
color: var(--color-error);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Input / Textarea / Select — 对齐 zibll .form-control ===== */
|
||||||
|
.input,
|
||||||
|
.textarea,
|
||||||
|
.select,
|
||||||
|
input[type="text"].form-input,
|
||||||
|
input[type="email"].form-input,
|
||||||
|
input[type="password"].form-input,
|
||||||
|
input[type="search"].form-input,
|
||||||
|
input[type="url"].form-input,
|
||||||
|
input[type="tel"].form-input,
|
||||||
|
textarea.form-textarea,
|
||||||
|
select.form-select {
|
||||||
|
width: 100%;
|
||||||
|
height: 34px;
|
||||||
|
padding: 6px 12px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-ink);
|
||||||
|
background: var(--surface-page);
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: var(--radius);
|
||||||
|
transition: border-color var(--dur-fast) var(--ease),
|
||||||
|
box-shadow var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
|
||||||
|
.textarea,
|
||||||
|
textarea.form-textarea {
|
||||||
|
height: auto;
|
||||||
|
min-height: 120px;
|
||||||
|
padding: 12px;
|
||||||
|
line-height: var(--leading-snug);
|
||||||
|
resize: vertical;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input:hover,
|
||||||
|
.textarea:hover,
|
||||||
|
.select:hover {
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input:focus,
|
||||||
|
.textarea:focus,
|
||||||
|
.select:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
box-shadow: 0 0 2px 3px rgba(253, 83, 161, 0.4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input::placeholder,
|
||||||
|
.textarea::placeholder {
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Select ===== */
|
||||||
|
.select,
|
||||||
|
select.form-select {
|
||||||
|
appearance: none;
|
||||||
|
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23777' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-position: right 12px center;
|
||||||
|
padding-right: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Checkbox / Radio ===== */
|
||||||
|
.checkbox,
|
||||||
|
.radio {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: var(--text-sm);
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.checkbox input,
|
||||||
|
.radio input {
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
accent-color: var(--color-primary);
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Input Group ===== */
|
||||||
|
.input-group {
|
||||||
|
display: flex;
|
||||||
|
align-items: stretch;
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group .input {
|
||||||
|
border-radius: var(--radius) 0 0 var(--radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
.input-group .btn {
|
||||||
|
border-radius: 0 var(--radius) var(--radius) 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Form Layout ===== */
|
||||||
|
.form-row {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
||||||
|
gap: var(--space-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.form-actions {
|
||||||
|
display: flex;
|
||||||
|
gap: var(--space-3);
|
||||||
|
margin-top: var(--space-5);
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,154 @@
|
|||||||
|
.aksrt-widget {
|
||||||
|
--aksrt-widget-bg-light: transparent;
|
||||||
|
--aksrt-widget-bg-dark: transparent;
|
||||||
|
--aksrt-widget-radius: var(--main-radius, 8px);
|
||||||
|
margin: var(--aksrt-widget-space-top, 0) var(--aksrt-widget-space-right, 0) var(--aksrt-widget-space-bottom, 20px) var(--aksrt-widget-space-left, 0);
|
||||||
|
background-color: var(--aksrt-widget-bg-light);
|
||||||
|
background-image: var(--aksrt-widget-bg-image-light, none);
|
||||||
|
background-position: center;
|
||||||
|
background-size: cover;
|
||||||
|
color: var(--theme-color, #2d2d35);
|
||||||
|
}
|
||||||
|
.aksrt-widget.zib-widget {
|
||||||
|
clear: both;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
background-color: var(--main-bg-color, #fff);
|
||||||
|
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, .08));
|
||||||
|
}
|
||||||
|
.aksrt-widget__inner.container { position: relative; }
|
||||||
|
.dark-theme .aksrt-widget,
|
||||||
|
[data-theme="dark"] .aksrt-widget { background-color: var(--aksrt-widget-bg-dark); background-image: var(--aksrt-widget-bg-image-dark, none); color: #e7e7ea; }
|
||||||
|
.aksrt-widget *, .aksrt-widget *::before, .aksrt-widget *::after { box-sizing: border-box; }
|
||||||
|
.aksrt-widget img, .aksrt-widget video { max-width: 100%; }
|
||||||
|
.aksrt-widget a { text-decoration: none; }
|
||||||
|
.aksrt-widget button, .aksrt-widget input { font: inherit; }
|
||||||
|
.aksrt-widget :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 3px solid var(--focus-color, #ff5473) !important; outline-offset: 3px; }
|
||||||
|
.dark-theme .aksrt-widget :where(a, button, input, select, textarea, [tabindex]):focus-visible,
|
||||||
|
[data-theme="dark"] .aksrt-widget :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline-color: #ffd166 !important; }
|
||||||
|
.aksrt-widget__header { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; margin-bottom: 10px; }
|
||||||
|
.aksrt-widget__header--big { display: block; text-align: center; margin-bottom: 30px; }
|
||||||
|
.aksrt-widget__title { position: relative; margin: 0; padding-bottom: 8px; font-size: 15px; line-height: 1.35; font-weight: 700; }
|
||||||
|
.aksrt-widget__title::before { position:absolute; bottom:3px; left:0; width:40px; height:3px; border-radius:5px; background:var(--theme-color,var(--focus-color,#ff5473)); box-shadow:1px 1px 3px -1px var(--theme-color,var(--focus-color,#ff5473)); content:""; }
|
||||||
|
.aksrt-widget__header--big .aksrt-widget__title { padding:0; font-size: clamp(28px, 4vw, 42px); }
|
||||||
|
.aksrt-widget__header--big .aksrt-widget__title::before { content:none; }
|
||||||
|
.aksrt-widget__title mark { padding: 0; background: transparent; color: var(--focus-color, #ff5473); }
|
||||||
|
.aksrt-widget__subtitle { margin: 7px 0 0; color: var(--muted-color, #8a8c98); }
|
||||||
|
.aksrt-widget__title-links { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
|
||||||
|
.aksrt-widget__title-links a { padding: 5px 11px; border-radius: 4px; background: var(--muted-border-color, #f2f3f5); color:var(--muted-color,#777); font-size: 13px; }
|
||||||
|
.dark-theme .aksrt-widget__title-links a, [data-theme="dark"] .aksrt-widget__title-links a { background: #292a30; }
|
||||||
|
.aksrt-widget-grid { display: grid; grid-template-columns: repeat(var(--aksrt-cols, 3), minmax(0, 1fr)); gap: 15px; }
|
||||||
|
.aksrt-widget__empty, .aksrt-widget-request-error { padding: 28px 18px; border: 1px dashed rgba(127,127,127,.25); border-radius: var(--aksrt-widget-radius); color: var(--muted-color, #8a8c98); text-align: center; }
|
||||||
|
.aksrt-widget-request-error button { margin-left: 10px; padding: 5px 12px; border: 0; border-radius: 999px; cursor: pointer; }
|
||||||
|
.aksrt-widget--affix { position: sticky; top: 76px; }
|
||||||
|
.aksrt-widget--only-mobile { display: none; }
|
||||||
|
|
||||||
|
.aksrt-widget-search { display: flex; min-height: 42px; padding: 4px; border: 1px solid var(--main-border-color,rgba(127,127,127,.18)); border-radius: var(--main-radius,8px); background: var(--main-bg-color, #fff); }
|
||||||
|
.aksrt-widget-search label { flex: 1; display: flex; }
|
||||||
|
.aksrt-widget-search input { width: 100%; padding: 8px 12px; border: 0; outline: 0; background: transparent; color: inherit; }
|
||||||
|
.aksrt-widget-search button { display: flex; align-items: center; gap: 7px; padding: 7px 14px; border: 0; border-radius: var(--mini-radius,4px); background: var(--focus-color, #ff5473); color: #fff; cursor: pointer; }
|
||||||
|
.aksrt-widget-search--compact button span { display: none; }
|
||||||
|
.aksrt-widget-search--large { min-height: 58px; border-radius: 14px; }
|
||||||
|
|
||||||
|
.aksrt-widget-toc { padding: 0; background: transparent; }
|
||||||
|
.aksrt-widget-toc__toggle { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 0; border: 0; background: transparent; color: inherit; font-weight: 700; cursor: pointer; }
|
||||||
|
.aksrt-widget-toc__list { margin: 14px 0 0; padding-left: 20px; max-height: 55vh; overflow: auto; }
|
||||||
|
.aksrt-widget-toc__list li { margin: 7px 0; color: var(--muted-color, #737582); }
|
||||||
|
.aksrt-widget-toc__list .level-h3 { padding-left: 12px; font-size: 14px; }
|
||||||
|
.aksrt-widget-toc__list .level-h4 { padding-left: 24px; font-size: 13px; }
|
||||||
|
.aksrt-widget-toc.is-collapsed .aksrt-widget-toc__list { display: none; }
|
||||||
|
|
||||||
|
.aksrt-widget-quote { position: relative; min-height: 130px; margin: 0; padding: 24px 48px 24px 25px; overflow: hidden; border-radius: var(--aksrt-widget-radius); background: linear-gradient(135deg, #6772e5, #8b5cf6); color: #fff; }
|
||||||
|
.aksrt-widget-quote > i { opacity: .35; font-size: 26px; }
|
||||||
|
.aksrt-widget-quote blockquote { margin: 12px 0 0; font-size: 16px; line-height: 1.8; }
|
||||||
|
.aksrt-widget-quote button { position: absolute; right: 13px; bottom: 13px; width: 30px; height: 30px; border: 0; border-radius: 50%; background: rgba(255,255,255,.16); color: #fff; cursor: pointer; }
|
||||||
|
|
||||||
|
.aksrt-widget-icon-card { min-height: 130px; max-width:280px; margin-right:auto; margin-left:auto; padding: 20px; border-radius: var(--aksrt-widget-radius); background: var(--main-bg-color, #fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); transition: box-shadow .2s; }
|
||||||
|
.aksrt-widget-icon-card:hover { box-shadow: 0 0 10px rgba(116,116,116,.14); }
|
||||||
|
.aksrt-widget-icon-card { display: flex; flex-direction: column; gap: 12px; text-align: center; }
|
||||||
|
.aksrt-widget-icon-cards--cover .aksrt-widget-icon-card { flex-direction: row; align-items: center; text-align: left; }
|
||||||
|
.aksrt-widget-icon-card > i { font-size: 34px; color: var(--focus-color, #ff5473); transition:transform .3s; }
|
||||||
|
.aksrt-widget-icon-card:hover > i { transform:scale(1.05); }
|
||||||
|
.aksrt-widget-icon-card span { display: flex; flex-direction: column; gap: 5px; }
|
||||||
|
.aksrt-widget-icon-card small { color: var(--muted-color, #8a8c98); }
|
||||||
|
|
||||||
|
.aksrt-widget-video { position: relative; overflow: hidden; border-radius: var(--aksrt-widget-radius); background: #000; aspect-ratio: 16 / 9; }
|
||||||
|
.aksrt-widget-video--4-3 { aspect-ratio: 4 / 3; }.aksrt-widget-video--1-1 { aspect-ratio: 1; }.aksrt-widget-video--auto { aspect-ratio: auto; }
|
||||||
|
.aksrt-widget-video video, .aksrt-widget-video__player, .aksrt-widget-video .dplayer { width: 100%; height: 100%; }
|
||||||
|
.aksrt-widget-media-error { position: absolute; inset: auto 15px 15px; color: #fff; }
|
||||||
|
.aksrt-widget-embed { position: relative; height: 0; padding-bottom: var(--aksrt-embed-ratio, 56.25%); overflow: hidden; border-radius: var(--aksrt-widget-radius); background: #111; }
|
||||||
|
.aksrt-widget-embed iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
|
||||||
|
|
||||||
|
.aksrt-media-card { position: relative; display: block; overflow: hidden; min-height: 180px; border-radius: var(--aksrt-widget-radius); background: var(--main-bg-color, #fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }
|
||||||
|
.aksrt-media-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #eceef2; }
|
||||||
|
.aksrt-media-card__media img, .aksrt-media-card__media video { width: 100%; height: 100%; object-fit: cover; transition: transform .35s; }
|
||||||
|
.aksrt-media-card:hover .aksrt-media-card__media img { transform: scale(1.04); }
|
||||||
|
.aksrt-media-card__image--dark { display: none; }
|
||||||
|
.dark-theme .aksrt-media-card__image--dark, [data-theme="dark"] .aksrt-media-card__image--dark { display: block; }
|
||||||
|
.dark-theme .aksrt-media-card__image--dark ~ .aksrt-media-card__image, [data-theme="dark"] .aksrt-media-card__image--dark ~ .aksrt-media-card__image { display: none; }
|
||||||
|
.aksrt-media-card__body { display: flex; flex-direction: column; gap: 5px; padding: 14px 16px 16px; }
|
||||||
|
.aksrt-media-card__body small { color: var(--muted-color, #8a8c98); }
|
||||||
|
.aksrt-widget-partners { overflow: hidden; padding: 5px 0; }
|
||||||
|
.aksrt-widget-partners__track { display: grid; grid-auto-flow: column; grid-template-rows: repeat(var(--aksrt-partner-rows), 76px); grid-auto-columns: 210px; gap: 12px; width: max-content; animation: aksrt-partners var(--aksrt-partner-speed) linear infinite; }
|
||||||
|
.aksrt-widget-partners:hover .aksrt-widget-partners__track { animation-play-state: paused; }
|
||||||
|
.aksrt-widget-partners .aksrt-media-card { display: flex; min-height: 76px; align-items: center; }
|
||||||
|
.aksrt-widget-partners .aksrt-media-card__media { width: 64px; aspect-ratio: 1; margin-left: 8px; border-radius: 9px; }
|
||||||
|
.aksrt-widget-partners .aksrt-media-card__body { padding: 10px; }
|
||||||
|
@keyframes aksrt-partners { to { transform: translateX(-50%); } }
|
||||||
|
.aksrt-combo-card { overflow: hidden; border-radius: var(--aksrt-widget-radius); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }
|
||||||
|
.aksrt-combo-card .aksrt-media-card { box-shadow: none; }
|
||||||
|
.aksrt-combo-card__tags { display: flex; flex-wrap: wrap; gap: 5px; padding: 0 16px 16px; }
|
||||||
|
.aksrt-combo-card__tags span { padding: 3px 8px; border-radius: 999px; background: rgba(127,127,127,.1); font-size: 12px; }
|
||||||
|
|
||||||
|
.aksrt-widget-text-title { padding: 18px 0; }.aksrt-widget-text-title.is-center { text-align: center; }.aksrt-widget-text-title.is-right { text-align: right; }
|
||||||
|
.aksrt-widget-text-title h2 { margin: 0; font-size: clamp(26px,4vw,44px); line-height: 1.25; }.aksrt-widget-text-title p { margin: 12px 0 0; color: var(--muted-color,#8a8c98); line-height: 1.8; }
|
||||||
|
.aksrt-widget-buttons { display: flex; flex-wrap: wrap; gap: var(--aksrt-button-gap,10px); }.aksrt-widget-buttons.is-center { justify-content: center; }.aksrt-widget-buttons.is-right { justify-content: flex-end; }
|
||||||
|
.aksrt-widget-button { display: inline-flex; min-height: 40px; padding: 9px 18px; align-items: center; justify-content: center; gap: 7px; border: 0; border-radius: 9px; background: var(--focus-color,#ff5473); color: #fff !important; font-weight: 600; cursor: pointer; transition: filter .2s, transform .2s; }
|
||||||
|
.aksrt-widget-button:hover { filter: brightness(1.07); transform: translateY(-1px); }.aksrt-widget-button.is-ghost { background: rgba(127,127,127,.12); color: inherit !important; }
|
||||||
|
.aksrt-widget-gap { height: var(--aksrt-gap); }
|
||||||
|
.aksrt-widget-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }.aksrt-widget-tag-cloud a { padding: 6px 11px; border-radius: 6px; background: rgba(127,127,127,.1); font-size: 13px; transition: background .2s,color .2s; }.aksrt-widget-tag-cloud a:hover { background: var(--focus-color,#ff5473); color: #fff; }.aksrt-widget-tag-cloud small { margin-left: 5px; opacity: .65; }
|
||||||
|
.aksrt-widget-comments { display: grid; gap: 15px; margin: 0; padding: 0; list-style: none; }.aksrt-widget-comments li { display: flex; gap: 11px; }.aksrt-widget-comments__avatar img { width: 42px; height: 42px; border-radius: 50%; }.aksrt-widget-comments p { margin: 3px 0; color: var(--muted-color,#8a8c98); font-size: 13px; line-height: 1.55; }.aksrt-widget-comments__source { font-size: 12px; opacity: .65; }
|
||||||
|
.aksrt-widget-links { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }.aksrt-widget-links a { display: flex; flex-direction: column; gap: 4px; padding: 10px 8px; border-radius: var(--main-radius,8px); background: var(--muted-border-color,#f2f3f5); color:var(--key-color,#333); }.aksrt-widget-links small { color: var(--muted-color,#8a8c98); }.aksrt-widget-links--simple { display: flex; flex-wrap: wrap; }.aksrt-widget-links--simple a { padding: 5px 9px; box-shadow: none; background: transparent; }
|
||||||
|
.aksrt-widget-notice { display: flex; height: 48px; align-items: center; gap: 12px; padding: 0 15px; overflow: hidden; border-radius: var(--main-radius,8px); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.aksrt-widget-notice .swiper { height: 48px; flex: 1; }.aksrt-widget-notice .swiper-slide, .aksrt-widget-notice .swiper-slide a { display: flex; height: 48px; align-items: center; gap: 10px; }.aksrt-widget-notice .swiper-slide span { overflow: hidden; color: var(--muted-color,#8a8c98); text-overflow: ellipsis; white-space: nowrap; }
|
||||||
|
.aksrt-widget-swiper { position: relative; }.aksrt-widget-swiper__pause { position: absolute; z-index: 6; top: 10px; right: 10px; display: inline-flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.45); border-radius: 50%; background: rgba(20,21,27,.72); color: #fff; cursor: pointer; }.aksrt-widget-notice .aksrt-widget-swiper__pause { top: 7px; right: 4px; width: 30px; height: 30px; }
|
||||||
|
|
||||||
|
.aksrt-term-card { display: block; overflow: hidden; border-radius: var(--aksrt-widget-radius); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.aksrt-term-card__media { display: block; aspect-ratio: 16/9; background: var(--muted-border-color,#eee); }.aksrt-term-card__media img { width: 100%; height: 100%; object-fit: cover; }.aksrt-term-card__body { display: flex; flex-direction: column; gap: 5px; padding: 14px; }.aksrt-term-card__body small { min-height: 38px; color: var(--muted-color,#8a8c98); }.aksrt-term-card__body em { font-size: 12px; color: var(--focus-color,#ff5473); font-style: normal; }
|
||||||
|
.aksrt-term-aggregation { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 15px; }.aksrt-term-aggregation__card { padding: 15px; border-radius: var(--aksrt-widget-radius); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.aksrt-term-aggregation header a { display: flex; justify-content: space-between; }.aksrt-term-aggregation header span { color: var(--muted-color,#8a8c98); font-size: 13px; }.aksrt-term-aggregation ul { display: grid; gap: 10px; margin: 14px 0 0; padding: 0; list-style: none; }.aksrt-term-aggregation li a { display: flex; align-items: center; gap: 10px; }.aksrt-term-aggregation li img { width: 55px; height: 42px; border-radius: 6px; object-fit: cover; }
|
||||||
|
.aksrt-widget-items { position: relative; min-height: 40px; }.aksrt-widget-items.is-loading { opacity: .72; pointer-events: none; }.aksrt-widget-skeleton { height: 180px; border-radius: 10px; background: linear-gradient(90deg,rgba(127,127,127,.08),rgba(127,127,127,.17),rgba(127,127,127,.08)); background-size: 200% 100%; animation: aksrt-shimmer 1.2s infinite; }.aksrt-widget-load-more { display: block; min-width: 120px; margin: 18px auto 0; padding: 9px 18px; border: 0; border-radius: 999px; background: rgba(127,127,127,.12); color: inherit; cursor: pointer; }.aksrt-widget-pagination { display:flex;justify-content:center;gap:6px;margin-top:18px; }.aksrt-widget-pagination button { min-width:34px;height:34px;border:0;border-radius:8px;background:rgba(127,127,127,.1);color:inherit;cursor:pointer; }.aksrt-widget-pagination button[aria-current="page"] { background:var(--focus-color,#ff5473);color:#fff; }@keyframes aksrt-shimmer { to { background-position: -200% 0; } }
|
||||||
|
.aksrt-widget-oneline .swiper-slide { width: min(300px,78vw); }.aksrt-widget-tabs__nav { display: flex; gap: 8px; margin-bottom: 15px; overflow-x: auto; }.aksrt-widget-tabs__nav button { flex: none; padding: 7px 14px; border: 0; border-radius: 999px; background: rgba(127,127,127,.1); color: inherit; cursor: pointer; }.aksrt-widget-tabs__nav button[aria-selected="true"] { background: var(--focus-color,#ff5473); color: #fff; }
|
||||||
|
.aksrt-post-pay { padding: 20px; border-radius: var(--aksrt-widget-radius); text-align: center; }.aksrt-post-pay.is-authorized { background: rgba(34,197,94,.1); }.aksrt-post-pay > i { display: block; margin-bottom: 9px; color: #22c55e; font-size: 30px; }.aksrt-post-pay p { color: var(--muted-color,#8a8c98); }
|
||||||
|
|
||||||
|
.aksrt-pricing-card { position: relative; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--main-border-color,rgba(127,127,127,.13)); border-radius: var(--main-radius,8px); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.aksrt-pricing-card.is-featured { border-color: var(--focus-color,#ff5473); }.aksrt-pricing-card__badge { position: absolute; top: 12px; right: 12px; padding: 4px 9px; border-radius: 999px; background: var(--focus-color,#ff5473); color: #fff; font-size: 12px; }.aksrt-pricing-card h3 { margin: 0 0 12px; }.aksrt-pricing-card__price { font-size: 34px; font-weight: 800; }.aksrt-pricing-card p { color: var(--muted-color,#8a8c98); }.aksrt-pricing-card ul { flex: 1; display: grid; gap: 9px; margin: 15px 0 22px; padding: 0; list-style: none; }.aksrt-pricing-card li i { margin-right: 8px; color: #22c55e; }
|
||||||
|
.aksrt-reviews .swiper-slide { width: min(390px,86vw); height: auto; }.aksrt-review-card { height: 100%; padding: 20px; border-radius: var(--main-radius,8px); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); }.aksrt-review-card__rating { color: #f6b73c; }.aksrt-review-card blockquote { min-height: 80px; margin: 15px 0; line-height: 1.75; }.aksrt-review-card footer { display: flex; align-items: center; gap: 11px; }.aksrt-review-card__avatar { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }.aksrt-review-card footer span { display: flex; flex-direction: column; }.aksrt-review-card footer small { color: var(--muted-color,#8a8c98); }
|
||||||
|
.aksrt-faq { max-width: 880px; margin: auto; }.aksrt-faq__search { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding: 10px 14px; border: 1px solid rgba(127,127,127,.16); border-radius: 10px; }.aksrt-faq__search input { width: 100%; border: 0; outline: 0; background: transparent; color: inherit; }.aksrt-faq__items { display: grid; gap: 10px; }.aksrt-faq__item { overflow: hidden; border: 1px solid rgba(127,127,127,.13); border-radius: 10px; background: var(--main-bg,#fff); }.aksrt-faq__item > button { display: flex; width: 100%; justify-content: space-between; padding: 15px 17px; border: 0; background: transparent; color: inherit; text-align: left; cursor: pointer; }.aksrt-faq__item > div { padding: 0 17px 17px; color: var(--muted-color,#8a8c98); line-height: 1.75; }
|
||||||
|
.aksrt-stat { padding: 22px; text-align: center; }.aksrt-stat > strong { display: block; color: var(--focus-color,#ff5473); font-size: clamp(32px,5vw,52px); }.aksrt-stat h3 { margin: 5px 0; }.aksrt-stat p { margin: 0; color: var(--muted-color,#8a8c98); }.aksrt-highlight--large { grid-column: span 2; }.aksrt-tilt-case { transform-style: preserve-3d; }.aksrt-tilt-case .aksrt-media-card__body { transform: translateZ(20px); }
|
||||||
|
.aksrt-feature-intro__tabs { display: flex; justify-content: center; gap: 8px; margin-bottom: 18px; }.aksrt-feature-intro__tabs button { padding: 7px 14px; border: 0; border-radius: 999px; background: rgba(127,127,127,.1); color: inherit; cursor: pointer; }.aksrt-feature-intro__tabs button[aria-selected="true"] { background: var(--focus-color,#ff5473); color: #fff; }.aksrt-feature-intro__panels article { display: grid; grid-template-columns: 1.15fr 1fr; align-items: center; gap: 34px; }.aksrt-feature-intro__copy p, .aksrt-feature-intro__copy li { color: var(--muted-color,#8a8c98); line-height: 1.7; }
|
||||||
|
|
||||||
|
.aksrt-slider { height: var(--aksrt-slider-height); overflow: hidden; border-radius: var(--aksrt-widget-radius); background: #111; }.aksrt-slider .swiper-slide, .aksrt-slider .swiper-slide > a { position: relative; display: block; width: 100%; height: 100%; overflow: hidden; }.aksrt-slider .swiper-slide > img, .aksrt-slider .swiper-slide > video, .aksrt-slider .swiper-slide > a > img, .aksrt-slider .swiper-slide > a > video { width: 100%; height: 100%; object-fit: cover; }.aksrt-slide-copy { position: absolute; z-index: 2; right: 8%; bottom: 12%; left: 8%; color: #fff; text-shadow: 0 2px 12px rgba(0,0,0,.4); }.aksrt-slide-copy.is-center { top: 50%; bottom: auto; text-align: center; transform: translateY(-50%); }.aksrt-slide-copy.is-right-bottom { text-align: right; }.aksrt-slide-copy h3 { margin: 0; font-size: clamp(25px,4vw,44px); }.aksrt-slide-copy p { margin: 8px 0 0; }.aksrt-slide-layer { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: contain; pointer-events: none; }.aksrt-slider-combo { display: grid; grid-template-columns: minmax(0,2fr) minmax(240px,1fr); gap: 15px; }.aksrt-slider-combo__side { display: grid; gap: 15px; }.aksrt-slider-combo__side .aksrt-media-card { min-height: 0; }.aksrt-slider-combo__side .aksrt-media-card__media { aspect-ratio: 2/1; }
|
||||||
|
|
||||||
|
.aksrt-user-card { position: relative; overflow: hidden; border-radius: var(--main-radius,8px); background: var(--main-bg-color,#fff); box-shadow: 0 0 10px var(--main-shadow,rgba(116,116,116,.08)); text-align: center; }.aksrt-user-card__cover { height: 105px; background: var(--muted-border-color,#eee); background-position: center; background-size: cover; }.aksrt-user-card__body { position: relative; padding: 15px; }.aksrt-user-card__avatar { display: inline-block; margin-top: -62px; padding: 4px; border-radius: 50%; background: var(--main-bg-color,#fff); }.aksrt-user-card__avatar img { display: block; width: 84px; height: 84px; border-radius: 50%; object-fit: cover; }.aksrt-user-card.is-guest .aksrt-user-card__avatar { margin-top: -58px; }.aksrt-user-card h3 { margin: 7px 0; }.aksrt-user-card__identity { margin: 6px 0; }.aksrt-user-card__body > p { color: var(--muted-color,#8a8c98); }.aksrt-user-card__stats { display: flex; justify-content: center; gap: 24px; margin: 16px 0; }.aksrt-user-card__stats span { display: flex; flex-direction: column; font-size: 12px; color: var(--muted-color,#8a8c98); }.aksrt-user-card__stats b { color: inherit; font-size: 17px; }.aksrt-user-card__actions { display: flex; justify-content: center; gap: 9px; }.aksrt-user-card__follow { position: absolute; top: 14px; right: 14px; padding: 5px 12px; border: 0; border-radius: 999px; background: var(--focus-color,#ff5473); color: #fff; cursor: pointer; }.aksrt-user-card__follow.is-following { background: rgba(0,0,0,.5); }.aksrt-user-card__posts { padding: 0 16px 16px; text-align: left; }
|
||||||
|
.aksrt-user-ranking { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; }.aksrt-user-ranking li { display: flex; align-items: center; gap: 9px; }.aksrt-user-ranking__index { width: 24px; text-align: center; color: var(--muted-color,#8a8c98); font-weight: 700; }.aksrt-user-ranking__index.is-top { color: #f59e0b; }.aksrt-user-tile { display: flex; min-width: 0; flex: 1; align-items: center; gap: 10px; }.aksrt-user-tile img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; }.aksrt-user-tile span { display: flex; min-width: 0; flex-direction: column; }.aksrt-user-tile strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.aksrt-user-tile small { color: var(--muted-color,#8a8c98); }.aksrt-user-list { --aksrt-cols: 4; }.aksrt-user-list article { padding: 14px; border-radius: 10px; background: var(--main-bg,#fff); box-shadow: 0 6px 20px rgba(31,35,48,.06); }
|
||||||
|
.aksrt-user-card.no-cover .aksrt-user-card__avatar { margin-top: 0; }.aksrt-user-card__oauth { margin-top: 14px; }
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.aksrt-widget { margin: var(--aksrt-widget-space-m-top,0) var(--aksrt-widget-space-m-right,0) var(--aksrt-widget-space-m-bottom,15px) var(--aksrt-widget-space-m-left,0); }
|
||||||
|
.aksrt-widget--only-pc { display: none; }.aksrt-widget--only-mobile { display: block; }
|
||||||
|
.aksrt-widget-grid { grid-template-columns: repeat(var(--aksrt-cols-m,1),minmax(0,1fr)); gap: 10px; }
|
||||||
|
.aksrt-widget__header { align-items: flex-start; flex-direction: column; }.aksrt-widget__title-links { justify-content: flex-start; }
|
||||||
|
.aksrt-widget-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
|
||||||
|
.aksrt-widget-partners__track { grid-template-rows: repeat(var(--aksrt-partner-rows-m),70px); }
|
||||||
|
.aksrt-term-aggregation, .aksrt-feature-intro__panels article, .aksrt-slider-combo { grid-template-columns: 1fr; }
|
||||||
|
.aksrt-highlight--large { grid-column: auto; }
|
||||||
|
.aksrt-slider { height: var(--aksrt-slider-height-m); }.aksrt-slide--hide-mobile { display: none !important; }
|
||||||
|
.aksrt-widget-gap { height: var(--aksrt-gap-m); }.aksrt-pricing-card.is-featured { transform: none; }
|
||||||
|
.aksrt-user-list { --aksrt-cols-m: 1; }
|
||||||
|
}
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.aksrt-widget *, .aksrt-widget *::before, .aksrt-widget *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
|
||||||
|
}
|
||||||
|
@media (forced-colors: active) {
|
||||||
|
.aksrt-widget :where(a, button, input, select, textarea, [tabindex]):focus-visible { outline-color: Highlight !important; }
|
||||||
|
}
|
||||||
|
.aksrt-widget--animate { animation: aksrt-widget-fade .55s both; }.aksrt-widget--animate-slideup { animation-name: aksrt-widget-slideup; }.aksrt-widget--animate-slidedown { animation-name: aksrt-widget-slidedown; }.aksrt-widget--animate-slideright { animation-name: aksrt-widget-slideright; }.aksrt-widget--animate-slideleft { animation-name: aksrt-widget-slideleft; }.aksrt-widget--animate-zoomin { animation-name: aksrt-widget-zoomin; }.aksrt-widget--animate-zoomout { animation-name: aksrt-widget-zoomout; }.aksrt-widget--animate-repeat { animation-iteration-count: infinite; animation-duration: 2s; }
|
||||||
|
@keyframes aksrt-widget-fade { from { opacity: 0; } }@keyframes aksrt-widget-slideup { from { opacity:0;transform:translateY(25px); } }@keyframes aksrt-widget-slidedown { from { opacity:0;transform:translateY(-25px); } }@keyframes aksrt-widget-slideright { from { opacity:0;transform:translateX(-25px); } }@keyframes aksrt-widget-slideleft { from { opacity:0;transform:translateX(25px); } }@keyframes aksrt-widget-zoomin { from { opacity:0;transform:scale(.9); } }@keyframes aksrt-widget-zoomout { from { opacity:0;transform:scale(1.1); } }
|
||||||
|
|
||||||
@@ -0,0 +1,413 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Gutenberg Block Styles
|
||||||
|
*
|
||||||
|
* Styles for custom Gutenberg blocks in the editor and front-end.
|
||||||
|
*
|
||||||
|
* @package AKSRT
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ── Tabs ── */
|
||||||
|
|
||||||
|
.aksrt-block-tabs {
|
||||||
|
margin: 16px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-tabs--line .aksrt-block-tab {
|
||||||
|
border-left: 3px solid var(--color-primary, #1890ff);
|
||||||
|
padding-left: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-tabs--card .aksrt-block-tab {
|
||||||
|
background: var(--surface-2, #f8fafc);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 16px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── EnlighterJS Code Block ── */
|
||||||
|
|
||||||
|
.aksrt-block-enlighter {
|
||||||
|
margin: 16px 0;
|
||||||
|
border-radius: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #1e1e2e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-enlighter__header {
|
||||||
|
padding: 6px 14px;
|
||||||
|
background: #181825;
|
||||||
|
border-bottom: 1px solid #313244;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-enlighter__lang {
|
||||||
|
font-size: 12px;
|
||||||
|
color: #a6adc8;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.5px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-enlighter__code {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
padding: 14px;
|
||||||
|
border: none;
|
||||||
|
background: transparent;
|
||||||
|
color: #cdd6f4;
|
||||||
|
font-family: Consolas, Monaco, 'Andale Mono', monospace;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.6;
|
||||||
|
resize: vertical;
|
||||||
|
tab-size: 4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-enlighter__code:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Quote ── */
|
||||||
|
|
||||||
|
.aksrt-block-quote {
|
||||||
|
margin: 16px 0;
|
||||||
|
padding: 16px 20px;
|
||||||
|
border-radius: 12px;
|
||||||
|
border-left: 4px solid;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-quote--gray {
|
||||||
|
border-color: #9ca3af;
|
||||||
|
background: #f9fafb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-quote--blue {
|
||||||
|
border-color: #3b82f6;
|
||||||
|
background: #eff6ff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-quote--green {
|
||||||
|
border-color: #22c55e;
|
||||||
|
background: #f0fdf4;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-quote--red {
|
||||||
|
border-color: #ef4444;
|
||||||
|
background: #fef2f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-quote--yellow {
|
||||||
|
border-color: #eab308;
|
||||||
|
background: #fefce8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-quote p {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-quote cite {
|
||||||
|
display: block;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #6b7280;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Alert ── */
|
||||||
|
|
||||||
|
.aksrt-block-alert {
|
||||||
|
margin: 16px 0;
|
||||||
|
padding: 14px 18px;
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 1px solid;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-alert p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-alert--info {
|
||||||
|
border-color: #93c5fd;
|
||||||
|
background: #eff6ff;
|
||||||
|
color: #1e40af;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-alert--success {
|
||||||
|
border-color: #86efac;
|
||||||
|
background: #f0fdf4;
|
||||||
|
color: #166534;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-alert--warning {
|
||||||
|
border-color: #fcd34d;
|
||||||
|
background: #fffbeb;
|
||||||
|
color: #92400e;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-alert--error {
|
||||||
|
border-color: #fca5a5;
|
||||||
|
background: #fef2f2;
|
||||||
|
color: #991b1b;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-alert__close {
|
||||||
|
position: absolute;
|
||||||
|
top: 8px;
|
||||||
|
right: 12px;
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
font-size: 18px;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 0.6;
|
||||||
|
line-height: 1;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-alert__close:hover {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Buttons ── */
|
||||||
|
|
||||||
|
.aksrt-block-buttons {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
margin: 16px 0;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-buttons--center {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-buttons--right {
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-weight: 500;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all 0.2s;
|
||||||
|
border: 2px solid transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-btn--sm {
|
||||||
|
padding: 6px 14px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-btn--md {
|
||||||
|
padding: 10px 20px;
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-btn--lg {
|
||||||
|
padding: 14px 28px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-btn--primary {
|
||||||
|
background: var(--color-primary, #1890ff);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-btn--secondary {
|
||||||
|
background: #6b7280;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-btn--outline {
|
||||||
|
background: transparent;
|
||||||
|
border-color: var(--color-primary, #1890ff);
|
||||||
|
color: var(--color-primary, #1890ff);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-btn--ghost {
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-primary, #1890ff);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Collapse ── */
|
||||||
|
|
||||||
|
.aksrt-block-collapse {
|
||||||
|
margin: 16px 0;
|
||||||
|
border: 1px solid var(--color-line, #e3e8ef);
|
||||||
|
border-radius: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-collapse__header {
|
||||||
|
padding: 12px 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
background: var(--surface-2, #f8fafc);
|
||||||
|
font-weight: 500;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-collapse__header::-webkit-details-marker {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-collapse__header::after {
|
||||||
|
content: '▸';
|
||||||
|
transition: transform 0.2s;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-collapse[open] .aksrt-block-collapse__header::after {
|
||||||
|
transform: rotate(90deg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-collapse__body {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Feature Grid ── */
|
||||||
|
|
||||||
|
.aksrt-block-feature {
|
||||||
|
display: grid;
|
||||||
|
gap: 20px;
|
||||||
|
margin: 16px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-feature--cols-2 {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-feature--cols-3 {
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-feature--cols-4 {
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-feature__item {
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px;
|
||||||
|
border-radius: 12px;
|
||||||
|
background: var(--surface-2, #f8fafc);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-feature__icon {
|
||||||
|
font-size: 28px;
|
||||||
|
color: var(--color-primary, #1890ff);
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-feature__title {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-feature__desc {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 13px;
|
||||||
|
color: #6b7280;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Responsive Iframe ── */
|
||||||
|
|
||||||
|
.aksrt-block-iframe {
|
||||||
|
margin: 16px 0;
|
||||||
|
border-radius: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-iframe--16-9 {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 56.25%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-iframe--4-3 {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 75%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-iframe--1-1 {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-iframe--16-9 iframe,
|
||||||
|
.aksrt-block-iframe--4-3 iframe,
|
||||||
|
.aksrt-block-iframe--1-1 iframe {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-iframe--auto iframe {
|
||||||
|
width: 100%;
|
||||||
|
min-height: 300px;
|
||||||
|
border: none;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-block-iframe__placeholder {
|
||||||
|
padding: 40px;
|
||||||
|
text-align: center;
|
||||||
|
color: #6b7280;
|
||||||
|
background: var(--surface-2, #f8fafc);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- Paid Fragment ---- */
|
||||||
|
|
||||||
|
.aksrt-paid-fragment-block {
|
||||||
|
margin: 16px 0;
|
||||||
|
border: 1px dashed #ec4899;
|
||||||
|
border-radius: 12px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: #fff7fb;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-paid-fragment-block .components-notice {
|
||||||
|
margin: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-paid-fragment-block__label {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
padding: 9px 14px;
|
||||||
|
color: #9d174d;
|
||||||
|
background: #fce7f3;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-paid-fragment-block__content {
|
||||||
|
min-height: 72px;
|
||||||
|
padding: 16px;
|
||||||
|
background: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Responsive ── */
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.aksrt-block-feature--cols-3,
|
||||||
|
.aksrt-block-feature--cols-4 {
|
||||||
|
grid-template-columns: repeat(2, 1fr);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.aksrt-block-feature--cols-2,
|
||||||
|
.aksrt-block-feature--cols-3,
|
||||||
|
.aksrt-block-feature--cols-4 {
|
||||||
|
grid-template-columns: 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,621 @@
|
|||||||
|
/* Breadcrumb chrome lives in breadcrumb.css (single source). */
|
||||||
|
|
||||||
|
/* ========== 主布局 ========== */
|
||||||
|
.content-main {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-main--single {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-shell {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 32px 16px 48px;
|
||||||
|
max-width: var(--container);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
.content-shell {
|
||||||
|
padding: 40px 24px 56px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* page.php 专用：阅读宽度收窄 */
|
||||||
|
.content-shell--page {
|
||||||
|
max-width: var(--container-page, 860px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-shell--cms {
|
||||||
|
max-width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* page.php 内的元素 */
|
||||||
|
.entry-page .entry-thumb {
|
||||||
|
margin: 0 0 var(--space-6, 24px);
|
||||||
|
border-radius: var(--radius-lg, 12px);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-page .page-links {
|
||||||
|
margin-top: var(--space-6, 24px);
|
||||||
|
font-size: var(--text-sm, 0.875rem);
|
||||||
|
color: var(--color-ink-3, var(--color-ink-3));
|
||||||
|
}
|
||||||
|
|
||||||
|
.entry-page .page-links-title {
|
||||||
|
margin-right: 8px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Site shell — site-layout-1/2/3 dual-column
|
||||||
|
* DOM: main.container > .content-wrap + .sidebar (siblings)
|
||||||
|
* body.site-layout-1 = no sidebar
|
||||||
|
* body.site-layout-2 = sidebar right
|
||||||
|
* body.site-layout-3 = sidebar left
|
||||||
|
*
|
||||||
|
* This intentionally uses Zibll's float/negative-margin ownership model.
|
||||||
|
* Below 992px the sidebar is hidden and the content margins collapse.
|
||||||
|
* ============================================================ */
|
||||||
|
|
||||||
|
main.container,
|
||||||
|
main.content-shell,
|
||||||
|
.site-main.container {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* content-shell is a padding shell for non-dual pages; when it also hosts
|
||||||
|
* the float dual-column, kill horizontal padding so negative-margin math matches Zibll. */
|
||||||
|
main.container.content-shell,
|
||||||
|
main.content-shell.container,
|
||||||
|
.site-main.container.content-shell {
|
||||||
|
padding-left: 0;
|
||||||
|
padding-right: 0;
|
||||||
|
max-width: var(--container, var(--mian-max-width, 1200px));
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
main.container::after,
|
||||||
|
main.content-shell::after,
|
||||||
|
.site-main.container::after {
|
||||||
|
content: "";
|
||||||
|
display: table;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Float/negative-margin compatibility fallback.
|
||||||
|
*
|
||||||
|
* Critical: .content-layout must NOT set width:100%. Under box-sizing:border-box
|
||||||
|
* a 100% width + margin-right gutter keeps the border-box at full container
|
||||||
|
* width, so the gutter never shrinks the content box and .sidebar (margin-left:-311px)
|
||||||
|
* sits under the main column (overlap). Zibll only sets margin on .content-layout;
|
||||||
|
* width stays auto so margin carves out the column. */
|
||||||
|
.content-wrap {
|
||||||
|
float: left;
|
||||||
|
width: 100%;
|
||||||
|
min-width: 0;
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-layout {
|
||||||
|
display: block;
|
||||||
|
/* width:auto — never 100%; margin must shrink the used width */
|
||||||
|
width: auto;
|
||||||
|
min-width: 0;
|
||||||
|
max-width: none;
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-layout__primary {
|
||||||
|
min-width: 0;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Base sidebar column (Zibll .sidebar defaults) — layout variants override below */
|
||||||
|
.sidebar {
|
||||||
|
float: left;
|
||||||
|
width: 311px; /* Zibll hard 311px; --sidebar-width kept in sync via runtime vars */
|
||||||
|
width: var(--sidebar-width, 311px);
|
||||||
|
min-width: 0;
|
||||||
|
position: relative;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-layout__aside {
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* No sidebar */
|
||||||
|
body.site-layout-1 .sidebar,
|
||||||
|
.site-layout-1 .sidebar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.site-layout-1 .content-layout,
|
||||||
|
body.site-layout-1 .content-layout--no-sidebar,
|
||||||
|
.site-layout-1 .content-layout {
|
||||||
|
margin-left: 0;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Compat: templates may still stamp content-layout--no-sidebar */
|
||||||
|
.content-layout--no-sidebar {
|
||||||
|
margin-left: 0 !important;
|
||||||
|
margin-right: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar RIGHT (layout 2) — Zibll: margin-right: calc(311px + 15px) only */
|
||||||
|
body.site-layout-2 .content-layout,
|
||||||
|
.site-layout-2 .content-layout {
|
||||||
|
margin-right: calc(311px + 15px);
|
||||||
|
margin-right: calc(var(--sidebar-width, 311px) + 15px);
|
||||||
|
margin-left: 0;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.site-layout-2 .sidebar,
|
||||||
|
.site-layout-2 .sidebar {
|
||||||
|
float: left;
|
||||||
|
width: 311px;
|
||||||
|
width: var(--sidebar-width, 311px);
|
||||||
|
margin-left: -311px;
|
||||||
|
margin-left: calc(0px - var(--sidebar-width, 311px));
|
||||||
|
position: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sidebar LEFT (layout 3) */
|
||||||
|
body.site-layout-3 .content-layout,
|
||||||
|
.site-layout-3 .content-layout {
|
||||||
|
margin-left: calc(311px + 15px);
|
||||||
|
margin-left: calc(var(--sidebar-width, 311px) + 15px);
|
||||||
|
margin-right: unset;
|
||||||
|
width: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.site-layout-3 .sidebar,
|
||||||
|
.site-layout-3 .sidebar {
|
||||||
|
float: left;
|
||||||
|
width: 311px;
|
||||||
|
width: var(--sidebar-width, 311px);
|
||||||
|
margin-left: -100%;
|
||||||
|
position: unset;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Sticky widgets inside sidebar */
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
body.site-layout-2 .sidebar .posts-nav-box,
|
||||||
|
body.site-layout-3 .sidebar .posts-nav-box,
|
||||||
|
body.site-layout-2 .aksrt-article-sidebar .posts-nav-box,
|
||||||
|
body.site-layout-3 .aksrt-article-sidebar .posts-nav-box,
|
||||||
|
.sidebar .content-layout__aside,
|
||||||
|
.content-layout__aside {
|
||||||
|
position: sticky;
|
||||||
|
top: calc(var(--nav-height, 60px) + 16px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.has-static-nav .sidebar .posts-nav-box,
|
||||||
|
.has-static-nav .content-layout__aside {
|
||||||
|
top: 16px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Mobile collapse (Zibll max-width: 991px) */
|
||||||
|
@media (max-width: 991.98px) {
|
||||||
|
body.site-layout-2 .content-layout,
|
||||||
|
body.site-layout-3 .content-layout,
|
||||||
|
.site-layout-2 .content-layout,
|
||||||
|
.site-layout-3 .content-layout {
|
||||||
|
margin-left: auto;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
body.site-layout-2 .sidebar,
|
||||||
|
body.site-layout-3 .sidebar,
|
||||||
|
.site-layout-2 .sidebar,
|
||||||
|
.site-layout-3 .sidebar,
|
||||||
|
.sidebar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== 页面标题区 ========== */
|
||||||
|
.page-header {
|
||||||
|
margin-bottom: 28px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header .entry-title {
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.page-header p {
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
margin: 0;
|
||||||
|
max-width: 720px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.08));
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
background: var(--surface-1);
|
||||||
|
box-shadow: var(--shadow-sm, 0 1px 6px rgba(15, 23, 42, 0.04));
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header__body {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 16px;
|
||||||
|
padding: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header__eyebrow {
|
||||||
|
margin: 0 0 8px;
|
||||||
|
font-size: 0.8125rem;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
text-transform: uppercase;
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header__desc {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header__cover {
|
||||||
|
min-height: 140px;
|
||||||
|
background-position: center;
|
||||||
|
background-size: cover;
|
||||||
|
border-top: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.08));
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header--simple .term-page-header__cover {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Card style: accent top border, slightly more padding */
|
||||||
|
.term-page-header--card {
|
||||||
|
border-top: 3px solid var(--color-primary, #f04494);
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header--card .term-page-header__body {
|
||||||
|
padding: 28px 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Cover style: full-width hero with background image */
|
||||||
|
.term-page-header--cover {
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
background: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
min-height: 220px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header__cover-bg {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background-position: center;
|
||||||
|
background-size: cover;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header__cover-overlay {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background: linear-gradient(135deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.25) 100%);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header--cover .term-page-header__body {
|
||||||
|
flex: 1;
|
||||||
|
align-items: flex-end;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header__body--overlay .entry-title,
|
||||||
|
.term-page-header__body--overlay .term-page-header__desc,
|
||||||
|
.term-page-header__body--overlay .term-page-header__eyebrow {
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.term-page-header__body--overlay .term-page-header__eyebrow {
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.term-page-header--cover {
|
||||||
|
min-height: 160px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-admin-quicklink {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
min-height: 36px;
|
||||||
|
padding: 0 14px;
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: var(--radius-pill, 999px);
|
||||||
|
background: var(--surface-2);
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
text-decoration: none;
|
||||||
|
white-space: nowrap;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-admin-quicklink:hover {
|
||||||
|
color: var(--color-primary);
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
background: var(--color-primary-soft, rgba(59, 130, 246, 0.08));
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-filter-bar {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 16px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
margin: -8px 0 24px;
|
||||||
|
padding: 16px 18px;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
background: var(--surface-2);
|
||||||
|
border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.06));
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-filter-bar__main {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-filter-bar__label {
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
font-size: 0.8125rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-filter-bar__chips {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-filter-bar__chip {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
min-height: 34px;
|
||||||
|
padding: 0 12px;
|
||||||
|
border-radius: var(--radius-pill, 999px);
|
||||||
|
background: var(--surface-1);
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-filter-bar__chip.is-active,
|
||||||
|
.archive-filter-bar__chip:hover {
|
||||||
|
background: var(--color-primary);
|
||||||
|
color: var(--color-on-primary, #fff);
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-filter-bar__meta {
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
font-size: 0.8125rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-filter-bar__sort {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive-filter-bar__main--tags {
|
||||||
|
border-top: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.06));
|
||||||
|
padding-top: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* §3.4 custom_filter dimension rows */
|
||||||
|
.archive-filter-bar__main--custom {
|
||||||
|
border-top: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.06));
|
||||||
|
padding-top: 10px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.content-stream {
|
||||||
|
display: grid;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-main--archive,
|
||||||
|
.content-main--tag,
|
||||||
|
.content-main--category,
|
||||||
|
.content-main--search,
|
||||||
|
.content-main--single {
|
||||||
|
display: grid;
|
||||||
|
gap: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-stream__list {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-stream__footer {
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-stream__footer > .content-stream__footer-nav,
|
||||||
|
.archive__ajax-wrap > .content-stream__footer-nav {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-stream__empty {
|
||||||
|
padding: 28px 24px;
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
background: var(--surface-1);
|
||||||
|
border: 1px solid var(--color-line-soft, rgba(15, 23, 42, 0.08));
|
||||||
|
}
|
||||||
|
|
||||||
|
.article-shell {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* AJAX 筛选加载状态 */
|
||||||
|
.archive__ajax-wrap {
|
||||||
|
position: relative;
|
||||||
|
transition: opacity 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__ajax-wrap.is-loading {
|
||||||
|
opacity: 0.5;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__ajax-loading {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 5;
|
||||||
|
background: rgba(255, 255, 255, 0.6);
|
||||||
|
backdrop-filter: blur(1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__ajax-loading.is-loading {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.archive__ajax-spinner {
|
||||||
|
display: inline-block;
|
||||||
|
width: 28px;
|
||||||
|
height: 28px;
|
||||||
|
border: 3px solid var(--surface-3, #e8e8e8);
|
||||||
|
border-top-color: var(--color-primary, #f04494);
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: aksrt-spin 0.6s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.term-page-header__body {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: stretch;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-admin-quicklink {
|
||||||
|
width: fit-content;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== AJAX 分页（加载更多 / 无限滚动） ========== */
|
||||||
|
.aksrt-pagination-ajax {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
gap: 16px;
|
||||||
|
margin: 40px 0 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-load-more-btn {
|
||||||
|
min-width: 180px;
|
||||||
|
height: 44px;
|
||||||
|
padding: 0 32px;
|
||||||
|
border-radius: var(--radius-btn);
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
background: var(--surface-page);
|
||||||
|
color: var(--color-ink);
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: border-color 0.2s, color 0.2s, background 0.2s;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-load-more-btn:hover {
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-load-more-btn:disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading-indicator {
|
||||||
|
display: none;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-loading-indicator i {
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-scroll-sentinel {
|
||||||
|
width: 100%;
|
||||||
|
height: 1px;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ========== 移动端/平板隐藏侧栏（与 zibll 一致：991px 以下隐藏） ========== */
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.content-layout__aside {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-layout__primary--cms {
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Phase 2 — 侧栏 widget 内链接增强
|
||||||
|
* ============================================================ */
|
||||||
|
.content-layout__aside .widget a {
|
||||||
|
transition: color var(--dur-fast, 0.15s) var(--ease);
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-layout__aside .widget a:hover {
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Phase 5 — 文章操作卡片增强
|
||||||
|
* ============================================================ */
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Phase 6 — 评论卡片容器
|
||||||
|
* ============================================================ */
|
||||||
|
.comments-card {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,593 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Profile / User Center — v3.3 Editorial
|
||||||
|
*
|
||||||
|
* 从 page-profile.php 内嵌 <style> 提取，token 化。
|
||||||
|
* 通过 class-aksrt-scripts.php 在 is_page_template('templates/pages/page-profile.php') 时加载。
|
||||||
|
*
|
||||||
|
* 覆盖：
|
||||||
|
* - 公开个人主页头
|
||||||
|
* - 仪表盘标签 + 数据表
|
||||||
|
* - 个人资料编辑表单 + 联系方式行
|
||||||
|
* - 账号设置区（第三方绑定 / 安全操作）
|
||||||
|
* - 模态弹窗（修改密码 / 修改邮箱）
|
||||||
|
* - 密码强度条
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* 用户主页 / 用户中心统一使用站点内容宽度，避免旧 page/dashboard 容器收窄。
|
||||||
|
* main 自身同时带 content-shell + aksrt-profile，不能写成 .aksrt-profile .content-shell。 */
|
||||||
|
.aksrt-profile.content-shell,
|
||||||
|
.content-shell.aksrt-profile {
|
||||||
|
width: 100%;
|
||||||
|
max-width: var(--container, 1440px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 用户资料卡片（共享） ==================== */
|
||||||
|
.uc-header {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
border-radius: var(--radius-lg, 12px);
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--surface-1);
|
||||||
|
box-shadow: 0 2px 12px rgba(15, 23, 42, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 对齐 zibll: calc(20% + 100px) */
|
||||||
|
.uc-header__cover {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: calc(20% + 100px);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__cover-img {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__cover-mask {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 80px;
|
||||||
|
background: linear-gradient(to top, rgba(0,0,0,0.35), transparent);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-cover-menu {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 12px;
|
||||||
|
right: 12px;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.aksrt-cover-menu__trigger {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: rgba(0, 0, 0, 0.25);
|
||||||
|
color: #fff;
|
||||||
|
cursor: pointer;
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
transition: background .2s;
|
||||||
|
}
|
||||||
|
.aksrt-cover-menu__trigger:hover,
|
||||||
|
.aksrt-cover-menu__trigger:focus-visible {
|
||||||
|
background: rgba(0, 0, 0, 0.45);
|
||||||
|
outline: 2px solid #fff;
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
.aksrt-cover-menu__panel {
|
||||||
|
position: absolute;
|
||||||
|
right: 0;
|
||||||
|
bottom: calc(100% + 8px);
|
||||||
|
display: grid;
|
||||||
|
min-width: 140px;
|
||||||
|
padding: 6px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(20, 24, 31, .94);
|
||||||
|
box-shadow: 0 12px 32px rgba(0,0,0,.22);
|
||||||
|
backdrop-filter: blur(12px);
|
||||||
|
}
|
||||||
|
.aksrt-cover-menu__panel[hidden] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.aksrt-cover-menu__panel [role="menuitem"] {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
min-height: 36px;
|
||||||
|
padding: 0 10px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 6px;
|
||||||
|
color: #fff;
|
||||||
|
background: transparent;
|
||||||
|
font: inherit;
|
||||||
|
font-size: 13px;
|
||||||
|
text-align: left;
|
||||||
|
text-decoration: none;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.aksrt-cover-menu__panel [role="menuitem"]:hover,
|
||||||
|
.aksrt-cover-menu__panel [role="menuitem"]:focus-visible { background: rgba(255,255,255,.13); outline: none; }
|
||||||
|
.profile-form__fields { display: grid; gap: 14px; }
|
||||||
|
.profile-form__fields label { display: grid; gap: 6px; font-size: 13px; color: var(--color-ink, #24292f); }
|
||||||
|
|
||||||
|
.uc-header__content {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 20px;
|
||||||
|
padding: 18px 28px 24px;
|
||||||
|
margin-top: -60px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar {
|
||||||
|
position: relative;
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 140px;
|
||||||
|
height: 140px;
|
||||||
|
border-radius: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#aksrt-bg-file-input[hidden],
|
||||||
|
#aksrt-avatar-file-input[hidden] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 对齐 zibll: 140px, 6px 圆角 */
|
||||||
|
.uc-header__avatar img {
|
||||||
|
display: block;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: inherit;
|
||||||
|
border: 4px solid var(--surface-1);
|
||||||
|
box-shadow: 0 4px 12px rgba(0,0,0,0.12);
|
||||||
|
object-fit: cover;
|
||||||
|
transition: transform 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar-upload {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
z-index: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 7px;
|
||||||
|
width: 100%;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
border-radius: inherit;
|
||||||
|
background: rgba(0, 0, 0, 0.52);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1;
|
||||||
|
cursor: pointer;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: opacity 0.2s ease, visibility 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar-upload i {
|
||||||
|
font-size: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar:hover .uc-header__avatar-upload,
|
||||||
|
.uc-header__avatar:focus-within .uc-header__avatar-upload {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar:hover img,
|
||||||
|
.uc-header__avatar:focus-within img {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar-upload:focus-visible {
|
||||||
|
outline: 2px solid #fff;
|
||||||
|
outline-offset: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar-upload:disabled {
|
||||||
|
cursor: wait;
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__info {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
padding-top: 65px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__name {
|
||||||
|
margin: 0 0 6px;
|
||||||
|
font-size: 1.35rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--color-ink);
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__desc {
|
||||||
|
margin: 0 0 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
line-height: 1.5;
|
||||||
|
max-width: 520px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-identity-chips {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
margin: 10px 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-identity-chip {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
min-height: 30px;
|
||||||
|
padding: 0 12px;
|
||||||
|
border-radius: 999px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1;
|
||||||
|
letter-spacing: 0.01em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-identity-chip--success {
|
||||||
|
color: #0f766e;
|
||||||
|
background: rgba(15, 118, 110, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-identity-chip--info {
|
||||||
|
color: #1d4ed8;
|
||||||
|
background: rgba(37, 99, 235, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-identity-chip--warning {
|
||||||
|
color: #b45309;
|
||||||
|
background: rgba(245, 158, 11, 0.14);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-identity-chip--brand {
|
||||||
|
color: #7c3aed;
|
||||||
|
background: rgba(124, 58, 237, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-identity-chip--neutral {
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
background: var(--surface-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.uc-header__meta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 6px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__meta .aksrt-ip-geo-badge {
|
||||||
|
margin: 2px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__meta-item {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__meta-item i {
|
||||||
|
font-size: 12px;
|
||||||
|
opacity: 0.65;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__actions {
|
||||||
|
flex-shrink: 0;
|
||||||
|
padding-top: 68px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* 公开主页响应式 */
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.uc-header__content {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
padding: 12px 16px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__info {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__desc {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__meta {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-identity-chips {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__actions {
|
||||||
|
padding-top: 0;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.uc-header__cover {
|
||||||
|
padding-bottom: calc(20% + 60px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__content {
|
||||||
|
margin-top: -40px;
|
||||||
|
gap: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar {
|
||||||
|
width: 90px;
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar-upload {
|
||||||
|
gap: 5px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__avatar-upload i {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-header__name {
|
||||||
|
font-size: 1.15rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ==================== Dashboard Tabs 计数徽章 ==================== */
|
||||||
|
.dashboard-tabs__count {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
padding: 0 6px;
|
||||||
|
margin-left: 4px;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
background: var(--surface-3);
|
||||||
|
border-radius: var(--radius-pill);
|
||||||
|
font-variant-numeric: tabular-nums;
|
||||||
|
transition: background-color var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
.dashboard-tabs button.is-active .dashboard-tabs__count {
|
||||||
|
color: var(--color-on-primary, #fff);
|
||||||
|
background: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 移动端 tab 横向滚动（取代换行） */
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.dashboard-tabs {
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
overflow-x: auto;
|
||||||
|
overflow-y: hidden;
|
||||||
|
scrollbar-width: none;
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
}
|
||||||
|
.aksrt-profile .uc-mobile-tabs {
|
||||||
|
flex-wrap: wrap;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.dashboard-tabs::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
.dashboard-tabs button {
|
||||||
|
flex-shrink: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* ==================== 个人资料编辑表单 ==================== */
|
||||||
|
.profile-form .widget-card {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.profile-form__submit {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 16px;
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.profile-add-contact {
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
.profile-input {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 14px;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: var(--color-ink);
|
||||||
|
background: var(--surface-1);
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: 8px;
|
||||||
|
outline: none;
|
||||||
|
transition: border-color 0.2s, box-shadow 0.2s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.profile-input:focus {
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
box-shadow: 0 0 0 3px var(--color-primary-soft);
|
||||||
|
}
|
||||||
|
.profile-textarea {
|
||||||
|
resize: vertical;
|
||||||
|
min-height: 90px;
|
||||||
|
font-family: inherit;
|
||||||
|
}
|
||||||
|
.profile-hint {
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
margin: 6px 0 0;
|
||||||
|
}
|
||||||
|
.profile-hint--top {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== List Header（标题 + 状态筛选） ==================== */
|
||||||
|
.profile-list-header {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
border-bottom: 2px solid var(--color-primary-50);
|
||||||
|
}
|
||||||
|
|
||||||
|
.creator-center-header {
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
.creator-center-heading {
|
||||||
|
min-width: 220px;
|
||||||
|
}
|
||||||
|
.creator-center-heading__summary {
|
||||||
|
margin: 4px 0 0;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
.creator-center-actions {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
.creator-center-actions .profile-status-filter {
|
||||||
|
justify-content: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-title--inline {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
.widget-title--inline::before {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-status-filter {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
.profile-status-chip {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 5px;
|
||||||
|
padding: 4px 10px;
|
||||||
|
border-radius: var(--radius-pill);
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
background: var(--surface-1);
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.4;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color var(--dur-fast) var(--ease),
|
||||||
|
background-color var(--dur-fast) var(--ease),
|
||||||
|
border-color var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
.profile-status-chip:hover {
|
||||||
|
color: var(--color-primary);
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
}
|
||||||
|
.profile-status-chip.is-active {
|
||||||
|
color: var(--color-on-primary, #fff);
|
||||||
|
background: var(--color-primary);
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
}
|
||||||
|
.profile-status-chip__count {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
padding: 0 4px;
|
||||||
|
font-size: 10px;
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1;
|
||||||
|
border-radius: var(--radius-pill);
|
||||||
|
background: var(--surface-3);
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
font-variant-numeric: tabular-nums;
|
||||||
|
}
|
||||||
|
.profile-status-chip.is-active .profile-status-chip__count {
|
||||||
|
background: rgba(255, 255, 255, 0.25);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Level icon base sizing is centralized in assets/css/frontend/base.css. */
|
||||||
|
|
||||||
|
/* 用户中心 layout 间距；双栏 / sticky 见 user-center/shell.css（body.aksrt-user-center）。 */
|
||||||
|
.aksrt-profile__layout {
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
.aksrt-user-center__notice {
|
||||||
|
margin-bottom: 16px;
|
||||||
|
padding: 12px 14px;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #166534;
|
||||||
|
background: rgba(34, 197, 94, 0.12);
|
||||||
|
}
|
||||||
|
.aksrt-user-center__notice--error {
|
||||||
|
color: var(--color-error, #b91c1c);
|
||||||
|
background: rgba(239, 68, 68, 0.12);
|
||||||
|
}
|
||||||
|
.aksrt-profile .uc-mobile-tabs a {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 8px 14px;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.aksrt-profile .uc-mobile-tabs a.is-active {
|
||||||
|
color: var(--color-primary);
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
}
|
||||||
|
.aksrt-profile .dashboard-panel > .widget-card:first-child,
|
||||||
|
.aksrt-profile .profile-form > .widget-card:first-child {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,805 @@
|
|||||||
|
/* ==================== 文章 / 收藏 列表（无图） ==================== */
|
||||||
|
.profile-list {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item {
|
||||||
|
position: relative;
|
||||||
|
padding: 16px 18px;
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
background: var(--surface-1);
|
||||||
|
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
|
||||||
|
transition: background-color var(--dur-fast) var(--ease),
|
||||||
|
border-color var(--dur-fast) var(--ease),
|
||||||
|
box-shadow var(--dur-fast) var(--ease),
|
||||||
|
opacity var(--dur) var(--ease);
|
||||||
|
}
|
||||||
|
.profile-list-item:hover {
|
||||||
|
background: var(--surface-1);
|
||||||
|
border-color: var(--color-line-strong, var(--color-line));
|
||||||
|
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
|
||||||
|
}
|
||||||
|
.profile-list-item.is-removing {
|
||||||
|
opacity: 0;
|
||||||
|
transform: translateX(-12px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list[data-list="favorites"] .profile-list-item {
|
||||||
|
background: var(--surface-1);
|
||||||
|
border-color: var(--color-line);
|
||||||
|
}
|
||||||
|
.profile-list[data-list="favorites"] .profile-list-item:hover {
|
||||||
|
background: var(--surface-1);
|
||||||
|
border-color: var(--color-line-strong, var(--color-line));
|
||||||
|
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__main {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__head {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
gap: 12px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__title {
|
||||||
|
flex: 1;
|
||||||
|
margin: 0;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: var(--text-md, 1.125rem);
|
||||||
|
font-weight: 700;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: var(--color-ink);
|
||||||
|
letter-spacing: -0.01em;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
}
|
||||||
|
.profile-list-item__title a {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
.profile-list-item:hover .profile-list-item__title a {
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__status-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-left: 6px;
|
||||||
|
padding: 2px 8px;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1.4;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
color: var(--color-warning);
|
||||||
|
background: rgba(245, 158, 11, 0.10);
|
||||||
|
border-radius: var(--radius-pill);
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__date {
|
||||||
|
flex-shrink: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
font-variant-numeric: tabular-nums;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__excerpt {
|
||||||
|
margin: 0;
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: var(--text-sm, 0.875rem);
|
||||||
|
line-height: 1.65;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__meta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
}
|
||||||
|
.profile-list-item__meta-spacer {
|
||||||
|
flex: 1 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__chip {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
padding: 2px 8px;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.4;
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: 999px;
|
||||||
|
text-decoration: none;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
background: var(--surface-1);
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
transition: color var(--dur-fast) var(--ease),
|
||||||
|
background-color var(--dur-fast) var(--ease),
|
||||||
|
border-color var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
.profile-list-item__chip--category {
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
background: var(--surface-1);
|
||||||
|
border-color: var(--color-line);
|
||||||
|
}
|
||||||
|
.profile-list-item__chip--category:hover {
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
background: var(--surface-2);
|
||||||
|
border-color: var(--color-line-strong, var(--color-line));
|
||||||
|
}
|
||||||
|
.profile-list-item__chip--category i {
|
||||||
|
font-size: 10px;
|
||||||
|
line-height: 1;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
.profile-list-item__chip--tag {
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
background: var(--surface-1);
|
||||||
|
border-color: var(--color-line);
|
||||||
|
}
|
||||||
|
.profile-list-item__chip--tag:hover {
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
border-color: var(--color-line-strong, var(--color-line));
|
||||||
|
background: var(--surface-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__meta-item {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.profile-list-item__meta-item svg {
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
opacity: 0.85;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-list-item__action {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 5px;
|
||||||
|
padding: 4px 10px;
|
||||||
|
margin-left: 4px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
background: var(--surface-1);
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: var(--radius-pill);
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color var(--dur-fast) var(--ease),
|
||||||
|
background-color var(--dur-fast) var(--ease),
|
||||||
|
border-color var(--dur-fast) var(--ease),
|
||||||
|
opacity var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
.profile-list-item__action:hover {
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
border-color: var(--color-line-strong, var(--color-line));
|
||||||
|
background: var(--surface-2);
|
||||||
|
}
|
||||||
|
.profile-list-item__action--unfavorite {
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
border-color: var(--color-line);
|
||||||
|
}
|
||||||
|
.profile-list-item__action--unfavorite:hover {
|
||||||
|
color: var(--color-error);
|
||||||
|
border-color: var(--color-error);
|
||||||
|
background: rgba(239, 68, 68, 0.04);
|
||||||
|
}
|
||||||
|
.profile-list-item__action--unfavorite svg {
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
.profile-list-item__action.is-loading {
|
||||||
|
opacity: 0.5;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.profile-list-item__action-icon {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
}
|
||||||
|
.profile-list-item__action-icon svg {
|
||||||
|
width: 13px;
|
||||||
|
height: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 评论列表 ==================== */
|
||||||
|
.profile-comment-list {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-comment-item {
|
||||||
|
position: relative;
|
||||||
|
padding: 16px 18px;
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
background: var(--surface-1);
|
||||||
|
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
|
||||||
|
transition: background-color var(--dur-fast) var(--ease),
|
||||||
|
border-color var(--dur-fast) var(--ease),
|
||||||
|
box-shadow var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
.profile-comment-item::before {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
.profile-comment-item:hover {
|
||||||
|
background: var(--surface-1);
|
||||||
|
border-color: var(--color-line-strong, var(--color-line));
|
||||||
|
box-shadow: 0 2px 6px rgba(15, 23, 42, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-comment-item__quote-link {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 6px;
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.profile-comment-item__quote-link:hover .profile-comment-item__quote-text {
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
}
|
||||||
|
.profile-comment-item__quote-mark {
|
||||||
|
flex-shrink: 0;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
opacity: 0.45;
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
.profile-comment-item__quote-text {
|
||||||
|
flex: 1;
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: var(--text-sm, 0.875rem);
|
||||||
|
line-height: 1.65;
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 3;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
transition: color var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
|
||||||
|
.profile-comment-item__meta {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
margin-left: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
}
|
||||||
|
.profile-comment-item__meta-item {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
}
|
||||||
|
.profile-comment-item__meta-item i {
|
||||||
|
font-size: 11px;
|
||||||
|
opacity: 0.75;
|
||||||
|
}
|
||||||
|
.profile-comment-item__meta-sep {
|
||||||
|
opacity: 0.5;
|
||||||
|
}
|
||||||
|
.profile-comment-item__post-link {
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
font-weight: 500;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
.profile-comment-item__post-link:hover {
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 分页 ==================== */
|
||||||
|
.profile-pagination {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
margin-top: 24px;
|
||||||
|
padding-top: 16px;
|
||||||
|
border-top: 1px solid var(--color-line-soft);
|
||||||
|
}
|
||||||
|
.profile-pagination .page-numbers {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
padding: 0 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
background: var(--surface-1);
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: 8px;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color var(--dur-fast) var(--ease),
|
||||||
|
background-color var(--dur-fast) var(--ease),
|
||||||
|
border-color var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
.profile-pagination a.page-numbers:hover {
|
||||||
|
color: var(--color-primary);
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
}
|
||||||
|
.profile-pagination .page-numbers.current {
|
||||||
|
color: var(--color-on-primary, #fff);
|
||||||
|
background: var(--color-primary);
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
}
|
||||||
|
.profile-pagination .page-numbers.dots {
|
||||||
|
border-color: transparent;
|
||||||
|
background: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 空状态 ==================== */
|
||||||
|
.profile-empty {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 56px 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.profile-empty__icon {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 64px;
|
||||||
|
height: 64px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
border-radius: var(--radius-pill);
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
.profile-empty__icon svg {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
.profile-empty__title {
|
||||||
|
margin: 0 0 6px;
|
||||||
|
font-family: var(--font-display);
|
||||||
|
font-size: var(--text-md, 1.125rem);
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
.profile-empty__desc {
|
||||||
|
margin: 0 0 16px;
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: var(--text-sm, 0.875rem);
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
max-width: 360px;
|
||||||
|
line-height: 1.65;
|
||||||
|
}
|
||||||
|
.profile-empty__cta {
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- 联系方式行 ---- */
|
||||||
|
.contact-row {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
.contact-icon {
|
||||||
|
flex: 0 0 120px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
.contact-row .contact-url {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
.contact-remove {
|
||||||
|
flex-shrink: 0;
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
font-size: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
transition: background 0.15s, color 0.15s;
|
||||||
|
}
|
||||||
|
.contact-remove:hover {
|
||||||
|
background: rgba(220, 38, 38, 0.1);
|
||||||
|
color: var(--color-error);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 账号设置区 ==================== */
|
||||||
|
.settings-section {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
.settings-section__header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
}
|
||||||
|
.settings-icon {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: var(--color-primary);
|
||||||
|
color: var(--color-on-primary, #fff);
|
||||||
|
font-size: 16px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.settings-icon i,
|
||||||
|
.security-action-icon i,
|
||||||
|
.aksrt-modal__icon i,
|
||||||
|
.aksrt-modal__close i {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.settings-hint {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
margin: 4px 0 12px;
|
||||||
|
}
|
||||||
|
.settings-hint--top {
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
.settings-hint--bottom {
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
.settings-section__title {
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
.settings-empty {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
padding: 24px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- 第三方绑定列表 ---- */
|
||||||
|
.binding-list {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
.binding-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 11px 14px;
|
||||||
|
background: var(--surface-1);
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: 8px;
|
||||||
|
transition: border-color 0.15s, background 0.15s;
|
||||||
|
}
|
||||||
|
.binding-item--linkable {
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
.binding-item--linkable:hover {
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
background: var(--color-primary-softer);
|
||||||
|
}
|
||||||
|
.binding-item__icon {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
color: var(--color-ink);
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
.binding-item__icon i {
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.binding-item__meta {
|
||||||
|
display: flex;
|
||||||
|
flex: 1;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
.binding-status {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-success);
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.binding-status--idle {
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
}
|
||||||
|
.binding-item__name {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- 徽章 ---- */
|
||||||
|
.badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
padding: 3px 10px;
|
||||||
|
border-radius: 100px;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 1.5;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.badge__icon {
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.badge--bound {
|
||||||
|
background: #ecfdf5;
|
||||||
|
color: #059669;
|
||||||
|
}
|
||||||
|
.badge--bind {
|
||||||
|
background: #eff6ff;
|
||||||
|
color: var(--color-primary);
|
||||||
|
border: 1px solid var(--color-primary-soft);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- 解绑按钮 ---- */
|
||||||
|
.binding-unbind-btn {
|
||||||
|
background: none;
|
||||||
|
border: none;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
font-size: 12px;
|
||||||
|
cursor: pointer;
|
||||||
|
padding: 4px 10px;
|
||||||
|
border-radius: 6px;
|
||||||
|
transition: color 0.15s, background 0.15s;
|
||||||
|
}
|
||||||
|
.binding-unbind-btn:hover {
|
||||||
|
color: var(--color-error);
|
||||||
|
background: rgba(239, 68, 68, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- 安全设置操作区 ---- */
|
||||||
|
.security-actions {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
.security-action-item {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 16px;
|
||||||
|
padding: 16px;
|
||||||
|
background: var(--surface-1);
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: 10px;
|
||||||
|
}
|
||||||
|
.security-action-info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 12px;
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
.security-action-icon {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 38px;
|
||||||
|
height: 38px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
color: var(--color-primary);
|
||||||
|
flex-shrink: 0;
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
|
.security-action-text {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 2px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
.security-action-title {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
.security-action-desc {
|
||||||
|
font-size: 12px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Zibll-style user tabs: one panel outside, flat rows inside. */
|
||||||
|
.dashboard--public .profile-list,
|
||||||
|
.dashboard--public .profile-comment-list,
|
||||||
|
.uc-content #panel-posts .profile-list,
|
||||||
|
.uc-content #panel-favorites .profile-list,
|
||||||
|
.uc-content #panel-comments .profile-comment-list {
|
||||||
|
gap: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard--public .profile-list-item,
|
||||||
|
.dashboard--public .profile-comment-item,
|
||||||
|
.uc-content #panel-posts .profile-list-item,
|
||||||
|
.uc-content #panel-favorites .profile-list-item,
|
||||||
|
.uc-content #panel-favorites .profile-list[data-list="favorites"] .profile-list-item,
|
||||||
|
.uc-content #panel-comments .profile-comment-item {
|
||||||
|
padding: 16px 0;
|
||||||
|
background: transparent;
|
||||||
|
border: 0;
|
||||||
|
border-bottom: 1px solid var(--color-line-soft, rgba(0,0,0,0.06));
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard--public .profile-list-item:hover,
|
||||||
|
.dashboard--public .profile-comment-item:hover,
|
||||||
|
.uc-content #panel-posts .profile-list-item:hover,
|
||||||
|
.uc-content #panel-favorites .profile-list-item:hover,
|
||||||
|
.uc-content #panel-favorites .profile-list[data-list="favorites"] .profile-list-item:hover,
|
||||||
|
.uc-content #panel-comments .profile-comment-item:hover {
|
||||||
|
background: transparent;
|
||||||
|
border-color: var(--color-line-soft, rgba(0,0,0,0.06));
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard--public .profile-list-item:first-child,
|
||||||
|
.dashboard--public .profile-comment-item:first-child,
|
||||||
|
.uc-content #panel-posts .profile-list-item:first-child,
|
||||||
|
.uc-content #panel-favorites .profile-list-item:first-child,
|
||||||
|
.uc-content #panel-comments .profile-comment-item:first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard--public .profile-list-item:last-child,
|
||||||
|
.dashboard--public .profile-comment-item:last-child,
|
||||||
|
.uc-content #panel-posts .profile-list-item:last-child,
|
||||||
|
.uc-content #panel-favorites .profile-list-item:last-child,
|
||||||
|
.uc-content #panel-comments .profile-comment-item:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
border-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 作者收益中心 ==================== */
|
||||||
|
.uc-content #panel-creator.dashboard-panel { padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
|
||||||
|
.creator-income { display: flex; flex-direction: column; gap: 16px; }
|
||||||
|
.creator-income__cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
|
||||||
|
.creator-income-card { padding: 18px; border: 1px solid var(--color-line); border-radius: var(--radius-lg); background: var(--surface-1); }
|
||||||
|
.creator-income-card h2 { margin: 0 0 14px; font-size: 17px; }
|
||||||
|
.creator-income-card--cny h2 { color: var(--color-primary); }
|
||||||
|
.creator-income-card--points h2 { color: #16816c; }
|
||||||
|
.creator-income-card__metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
|
||||||
|
.creator-income-card__metrics strong,
|
||||||
|
.creator-income-card__metrics small { display: block; }
|
||||||
|
.creator-income-card__metrics strong { color: var(--color-ink); font-size: 18px; font-variant-numeric: tabular-nums; }
|
||||||
|
.creator-income-card__metrics small { margin-top: 4px; color: var(--color-ink-4); font-size: 11px; }
|
||||||
|
.creator-income-card__hint { margin: 12px 0 0; color: var(--color-ink-4); font-size: 12px; line-height: 1.5; }
|
||||||
|
.creator-income__info { padding: 20px; }
|
||||||
|
.creator-income__info h2,
|
||||||
|
.creator-income__toolbar h2 { margin: 0; font-size: 16px; }
|
||||||
|
.creator-income__info div,
|
||||||
|
.creator-income__toolbar p { margin: 6px 0 0; color: var(--color-ink-4); font-size: 13px; line-height: 1.7; }
|
||||||
|
.creator-income__details { padding: 4px 0 0; }
|
||||||
|
.creator-income__toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
|
||||||
|
.creator-income__list { border-top: 1px solid var(--color-line); }
|
||||||
|
.creator-income-row { display: grid; grid-template-columns: minmax(120px, .8fr) minmax(86px, auto) minmax(0, 1fr) minmax(180px, auto); align-items: center; gap: 14px; min-width: 0; padding: 14px 0; border-bottom: 1px solid var(--color-line); }
|
||||||
|
.creator-income-row__order,
|
||||||
|
.creator-income-row__source { min-width: 0; overflow: hidden; color: var(--color-ink-3); font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
|
||||||
|
.creator-income-row__currency { color: var(--color-ink-3); font-size: 13px; white-space: nowrap; }
|
||||||
|
.creator-income-row__detail { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0; }
|
||||||
|
.creator-income-row__amount { flex-shrink: 0; color: #16816c; font-size: 15px; font-variant-numeric: tabular-nums; white-space: nowrap; }
|
||||||
|
.creator-income-row__time { flex-shrink: 0; color: var(--color-ink-4); font-size: 12px; white-space: nowrap; }
|
||||||
|
.creator-income-row__status { flex-shrink: 0; padding: 3px 8px; border-radius: var(--radius-pill); color: var(--color-ink-4); background: var(--surface-2); font-size: 11px; white-space: nowrap; }
|
||||||
|
.creator-income-row__status--settled { color: #16816c; background: rgba(22, 129, 108, .1); }
|
||||||
|
.creator-income-row__status--pending { color: #a86d28; background: rgba(168, 109, 40, .12); }
|
||||||
|
.creator-income__pagination { display: flex; justify-content: center; gap: 6px; padding-top: 16px; }
|
||||||
|
.creator-income__pagination a { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 6px; color: var(--color-ink-3); background: var(--surface-2); font-size: 12px; text-decoration: none; }
|
||||||
|
.creator-income__pagination a.is-active,
|
||||||
|
.creator-income__pagination a:hover { color: #fff; background: var(--color-primary); }
|
||||||
|
.creator-income__empty { padding: 40px 20px; color: var(--color-ink-4); text-align: center; }
|
||||||
|
.creator-income__empty i { display: block; margin-bottom: 8px; color: var(--color-primary); font-size: 28px; }
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.creator-income__cards { grid-template-columns: 1fr; }
|
||||||
|
.creator-income-card__metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||||
|
.creator-income-row { grid-template-columns: minmax(100px, .8fr) minmax(78px, auto) minmax(0, 1fr) auto; gap: 10px; }
|
||||||
|
.creator-income-row__detail { align-items: flex-end; flex-direction: column; gap: 4px; }
|
||||||
|
}
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.creator-income__details { padding: 16px; }
|
||||||
|
.creator-income-row { grid-template-columns: minmax(82px, .8fr) minmax(72px, auto) minmax(0, 1fr) auto; gap: 8px; padding: 12px 0; }
|
||||||
|
.creator-income-row__order,
|
||||||
|
.creator-income-row__currency,
|
||||||
|
.creator-income-row__source { font-size: 12px; }
|
||||||
|
.creator-income-row__amount { font-size: 13px; }
|
||||||
|
.creator-income-row__time { font-size: 11px; }
|
||||||
|
.creator-income-row__status { padding-inline: 6px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 独立创作中心工作台 ==================== */
|
||||||
|
.creator-workspace { display: flex; flex-direction: column; gap: 16px; }
|
||||||
|
.creator-workspace__hero { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 26px; border-radius: var(--radius-lg); color: #fff; background: linear-gradient(135deg, var(--color-primary), #7c3aed); }
|
||||||
|
.creator-workspace__eyebrow { margin: 0 0 6px; font-size: 12px; opacity: .78; }.creator-workspace__title { margin: 0; font-size: 26px; color: inherit; }.creator-workspace__intro { margin: 7px 0 0; font-size: 13px; opacity: .84; }.creator-workspace__primary { flex-shrink: 0; color: var(--color-primary); background: #fff; border-color: #fff; }
|
||||||
|
.creator-workspace__stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }.creator-stat-card { display: flex; align-items: center; gap: 12px; padding: 16px; border: 1px solid var(--color-line); border-radius: var(--radius-lg); background: var(--surface-1); }.creator-stat-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 10px; color: var(--color-primary); background: var(--color-primary-soft); }.creator-stat-card strong, .creator-stat-card small { display: block; }.creator-stat-card strong { font-size: 20px; line-height: 1.1; color: var(--color-ink); }.creator-stat-card small { margin-top: 4px; font-size: 12px; color: var(--color-ink-4); }
|
||||||
|
.creator-workspace__panel { padding: 0; overflow: hidden; }.creator-workspace__toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding: 20px 22px 14px; border-bottom: 1px solid var(--color-line); }.creator-workspace__toolbar h3 { margin: 0; font-size: 18px; }.creator-workspace__toolbar p { margin: 4px 0 0; font-size: 12px; color: var(--color-ink-4); }.creator-workspace__filters { display: flex; flex-wrap: wrap; gap: 6px; }.creator-filter { padding: 6px 10px; border-radius: var(--radius-pill); color: var(--color-ink-3); font-size: 12px; text-decoration: none; }.creator-filter b { margin-left: 3px; font-weight: 600; color: var(--color-ink-4); }.creator-filter:hover, .creator-filter.is-active { color: var(--color-primary); background: var(--color-primary-soft); }
|
||||||
|
.creator-post-list { display: flex; flex-direction: column; }.creator-post-row { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 16px 22px; border-bottom: 1px solid var(--color-line); }.creator-post-row:last-child { border-bottom: 0; }.creator-post-row__thumb { display: block; width: 96px; height: 68px; overflow: hidden; border-radius: 8px; background: var(--surface-2); }.creator-post-row__thumb img { width: 100%; height: 100%; object-fit: cover; }.creator-post-row__thumb span { display: grid; place-items: center; height: 100%; color: var(--color-primary); font-size: 22px; }.creator-post-row__heading { display: flex; align-items: center; gap: 8px; min-width: 0; }.creator-post-row__heading h4 { overflow: hidden; margin: 0; font-size: 15px; text-overflow: ellipsis; white-space: nowrap; }.creator-post-row__heading h4 a { color: var(--color-ink); text-decoration: none; }.creator-post-row__body p { margin: 6px 0; overflow: hidden; color: var(--color-ink-4); font-size: 12px; text-overflow: ellipsis; white-space: nowrap; }.creator-post-row__status { flex-shrink: 0; padding: 3px 7px; border-radius: var(--radius-pill); font-size: 11px; color: #2563eb; background: #eff6ff; }.creator-post-row__status--draft { color: #b45309; background: #fffbeb; }.creator-post-row__status--pending { color: #7c3aed; background: #f5f3ff; }.creator-post-row__status--private { color: #64748b; background: #f1f5f9; }.creator-post-row__meta { display: flex; gap: 12px; color: var(--color-ink-4); font-size: 11px; }.creator-post-row__actions { display: flex; gap: 6px; white-space: nowrap; }.creator-post-row__action { padding: 6px 9px; border: 1px solid var(--color-line); border-radius: 6px; color: var(--color-ink-3); background: var(--surface-1); font-size: 12px; text-decoration: none; cursor: pointer; }.creator-post-row__action:hover { color: var(--color-primary); border-color: var(--color-primary); }.creator-post-row__action--danger:hover { color: var(--color-error); border-color: var(--color-error); }.creator-workspace__empty { padding: 48px 20px; text-align: center; color: var(--color-ink-4); }.creator-workspace__empty i { font-size: 32px; color: var(--color-primary); }.creator-workspace__empty h4 { margin: 12px 0 4px; color: var(--color-ink); }.creator-workspace__empty p { margin: 0 0 16px; font-size: 13px; }
|
||||||
|
@media (max-width: 767px) { .creator-workspace__hero { align-items: flex-start; flex-direction: column; padding: 20px; }.creator-workspace__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }.creator-workspace__toolbar { align-items: flex-start; flex-direction: column; padding: 16px; }.creator-post-row { grid-template-columns: 72px minmax(0, 1fr); padding: 14px 16px; }.creator-post-row__thumb { width: 72px; height: 58px; }.creator-post-row__actions { grid-column: 2; }.creator-workspace__filters { width: 100%; overflow-x: auto; flex-wrap: nowrap; } }
|
||||||
|
|
||||||
|
|
||||||
|
.dashboard--public .profile-list[data-list="favorites"] .profile-list-item,
|
||||||
|
.dashboard--public .profile-list[data-list="favorites"] .profile-list-item:hover {
|
||||||
|
background: transparent;
|
||||||
|
border-color: var(--color-line-soft, rgba(0,0,0,0.06));
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.dashboard--public .profile-list-item,
|
||||||
|
.dashboard--public .profile-comment-item,
|
||||||
|
.uc-content #panel-posts .profile-list-item,
|
||||||
|
.uc-content #panel-favorites .profile-list-item,
|
||||||
|
.uc-content #panel-comments .profile-comment-item {
|
||||||
|
padding: 14px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard--public .profile-list-item:first-child,
|
||||||
|
.dashboard--public .profile-comment-item:first-child,
|
||||||
|
.uc-content #panel-posts .profile-list-item:first-child,
|
||||||
|
.uc-content #panel-favorites .profile-list-item:first-child,
|
||||||
|
.uc-content #panel-comments .profile-comment-item:first-child {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dashboard--public .profile-list-item:last-child,
|
||||||
|
.dashboard--public .profile-comment-item:last-child,
|
||||||
|
.uc-content #panel-posts .profile-list-item:last-child,
|
||||||
|
.uc-content #panel-favorites .profile-list-item:last-child,
|
||||||
|
.uc-content #panel-comments .profile-comment-item:last-child {
|
||||||
|
padding-bottom: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,3 @@
|
|||||||
|
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;--muted-bg-2-color:#f6f7f8;--main-border-color:rgba(50, 50, 50, 0.06);--muted-border-color:rgba(0, 0, 0, 0.03);--main-radius:8px;--mini-radius:calc(var(--main-radius) / 1.4);--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;--muted-bg-2-color:#37383a;--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-new(root),::view-transition-old(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.modal-open,body:has(.modal.in){--blur-bg:#ffffff}body.dark-theme.modal-open,body.dark-theme:has(.modal.in){--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}.more-posts a>span,.relates-thumb li a>.post-info,a[href]{transition:color .2s,background .3s,opacity .3s,box-shadow .3s,transform .3s}.main-shadow{transition:box-shadow .3s}.but:focus,.but:hover,.navbar-nav>li:before,.progress{transition:.3s}.hover-show .hover-show-con,.navbar-top .sub-menu,.theme-popover{opacity:0;transform:translateY(6px);transition:.4s}.hover-show:hover .hover-show-con,.hover-show:hover~.hover-show-con,.hover-show:hover~.sub-menu,.navbar-top li: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}.ic-close,.match-ok,.navbar-top .sub-menu li>a{transition:.3s}.ic-close:hover{transform:rotate(270deg);color:inherit}.dosc-nav .fa,.item-thumbnail img,.social_loginbar a{transition:.2s ease-out}.hover-zoom-img:hover img,.hover-zoom:hover,.social_loginbar .social-login-item:hover,.social_loginbar .xh-social-item:hover{transform:scale(1.05)}.hover-zoom-img-sm:hover img,.hover-zoom-sm:hover,.posts-item.mult-thumb .thumb-items>span>img:hover,.posts-item:hover .item-thumbnail img,.posts-mini:hover img{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,.1) 25%,rgba(121,121,121,.2) 37%,rgba(121,121,121,.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 .3s ease-in!important;animation:shake .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{Line truncated
|
||||||
|
background-image: url(../img/playing.svg);
|
||||||
|
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 .5s;animation:lazy_fade .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:.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:.15}.article-postsbox .posts-mini{width:100%!important;margin:0!important;background:var(--muted-border-color);position:relative}.comment-content a:not([class]),.msg-content a:not([class]),.private-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,.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 tfoot,.wp-posts-content thead{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:.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:700}.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-galleryLine truncated
|
||||||
@@ -0,0 +1,343 @@
|
|||||||
|
/* ============================================================
|
||||||
|
* 徽章弹窗（zibll medal 1:1 风格）
|
||||||
|
* ------------------------------------------------------------
|
||||||
|
* 共享于用户中心与公开主页的服务端 HTML 徽章弹窗。
|
||||||
|
* ============================================================ */
|
||||||
|
|
||||||
|
/* ---------- 顶部资料卡入口（zibll user-medal-info parity） ---------- */
|
||||||
|
.aksrt-medal-entry,
|
||||||
|
.uc-header__meta-item {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
min-width: 0;
|
||||||
|
margin: 2px 8px 2px 0;
|
||||||
|
padding: .3em .6em;
|
||||||
|
border: 1px solid var(--color-line-soft, var(--main-border-color, rgba(136, 136, 136, .18)));
|
||||||
|
border-radius: var(--mini-radius, 4px);
|
||||||
|
background: var(--surface-2, rgba(136, 136, 136, .1));
|
||||||
|
box-shadow: var(--shadow-xs, 0 1px 3px rgba(0, 0, 0, .08));
|
||||||
|
color: var(--muted-2-color, var(--color-ink-3));
|
||||||
|
font: inherit;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.44;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.aksrt-medal-entry {
|
||||||
|
cursor: pointer;
|
||||||
|
transition: color .15s ease, background-color .15s ease, border-color .15s ease, box-shadow .15s ease, opacity .15s ease;
|
||||||
|
}
|
||||||
|
.aksrt-medal-entry:hover,
|
||||||
|
.aksrt-medal-entry:focus-visible {
|
||||||
|
border-color: var(--focus-color-opacity3, var(--focus-color));
|
||||||
|
background: var(--focus-color-opacity1, rgba(59, 130, 246, .1));
|
||||||
|
box-shadow: var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .1));
|
||||||
|
color: var(--focus-color);
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
.aksrt-medal-entry:focus-visible {
|
||||||
|
outline: 2px solid var(--focus-color);
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
.aksrt-medal-entry__icons {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
flex: none;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
.aksrt-medal-entry__icon {
|
||||||
|
width: auto;
|
||||||
|
height: 1.45em;
|
||||||
|
max-width: 2.2em;
|
||||||
|
margin: 0 1px;
|
||||||
|
object-fit: contain;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.aksrt-medal-entry__icon + .aksrt-medal-entry__icon { margin-left: -1px; }
|
||||||
|
.aksrt-medal-entry__fallback {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 1.6em;
|
||||||
|
height: 1.6em;
|
||||||
|
color: var(--focus-color);
|
||||||
|
background: var(--focus-color-opacity1);
|
||||||
|
border-radius: 50%;
|
||||||
|
}
|
||||||
|
.aksrt-medal-entry__count { margin-left: 2px; }
|
||||||
|
.aksrt-medal-entry__arrow { margin-left: 1px; font-size: .9em; }
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.aksrt-medal-entry,
|
||||||
|
.uc-header__meta-item {
|
||||||
|
margin-right: 4px;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.medal-cat-box {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
padding: 8px 8px 4px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
background: var(--muted-border-color, rgba(136, 136, 136, 0.06));
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
}
|
||||||
|
.medal-cat-box:last-child { margin-bottom: 0; }
|
||||||
|
|
||||||
|
.medal-cat-head { margin-bottom: 6px; }
|
||||||
|
|
||||||
|
.medal-cat-name {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: -8px;
|
||||||
|
padding: 6px 22px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--focus-color);
|
||||||
|
background: var(--focus-color-opacity1);
|
||||||
|
border-radius: 0 0 1000px 1000px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- 卡片网格（zibll .medal-list-box / .medal-list） ---------- */
|
||||||
|
.medal-list-box {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(5, 1fr);
|
||||||
|
gap: 8px 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.medal-list-box--grant { grid-template-columns: repeat(2, minmax(0, 1fr)); }
|
||||||
|
.medal-grant-item { min-width: 0; }
|
||||||
|
.medal-grant-item .medal-card { height: 100%; }
|
||||||
|
.medal-grant-item > .but { display: block; width: 100%; }
|
||||||
|
|
||||||
|
.medal-list {
|
||||||
|
display: block;
|
||||||
|
width: auto !important;
|
||||||
|
margin: 0 !important;
|
||||||
|
min-width: 0;
|
||||||
|
padding: 0;
|
||||||
|
border: 0;
|
||||||
|
background: none;
|
||||||
|
font: inherit;
|
||||||
|
color: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.medal-card {
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
padding: 8px 4px 6px;
|
||||||
|
border-radius: var(--mini-radius, 6px);
|
||||||
|
transition: transform 0.15s ease, background-color 0.15s ease;
|
||||||
|
}
|
||||||
|
.medal-list:hover .medal-card,
|
||||||
|
.medal-list:focus-visible .medal-card {
|
||||||
|
transform: translateY(-2px);
|
||||||
|
background: var(--focus-color-opacity1);
|
||||||
|
}
|
||||||
|
.medal-list:focus-visible { outline: 2px solid var(--focus-color); outline-offset: 2px; border-radius: var(--mini-radius, 6px); }
|
||||||
|
|
||||||
|
.medal-card .medal-icon {
|
||||||
|
width: auto;
|
||||||
|
height: 70px;
|
||||||
|
max-width: 100%;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.medal-card .medal-icon--fa {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 56px;
|
||||||
|
height: 70px;
|
||||||
|
font-size: 34px;
|
||||||
|
color: var(--focus-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 未获得：灰度 + 透明（zibll .no-has） */
|
||||||
|
.medal-card.no-has {
|
||||||
|
-webkit-filter: grayscale(100%);
|
||||||
|
filter: grayscale(100%);
|
||||||
|
opacity: 0.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.medal-card__name {
|
||||||
|
margin-top: 6px;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: var(--muted-color, var(--color-ink-3));
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
.medal-card.is-has .medal-card__name { color: var(--key-color, var(--color-ink)); }
|
||||||
|
|
||||||
|
.medal-card__wear {
|
||||||
|
margin-top: 2px;
|
||||||
|
font-size: 11px;
|
||||||
|
line-height: 1.3;
|
||||||
|
color: var(--focus-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- 单徽章详情卡（zibll .medal-single-card） ---------- */
|
||||||
|
.medal-single-card {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
text-align: center;
|
||||||
|
padding: 22px 14px 18px;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
background: var(--muted-border-color, rgba(136, 136, 136, 0.06));
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
}
|
||||||
|
.medal-single-bg {
|
||||||
|
position: absolute;
|
||||||
|
top: 43px;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: auto;
|
||||||
|
z-index: 0;
|
||||||
|
max-width: 305px;
|
||||||
|
height: auto;
|
||||||
|
margin: 0 auto;
|
||||||
|
opacity: 0.5;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
.medal-single-bg img {
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.medal-single-main { position: relative; }
|
||||||
|
|
||||||
|
.medal-single-card .medal-icon {
|
||||||
|
width: auto;
|
||||||
|
height: 120px;
|
||||||
|
max-width: 200px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
.medal-single-card .medal-icon--fa {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 120px;
|
||||||
|
font-size: 72px;
|
||||||
|
color: var(--focus-color);
|
||||||
|
}
|
||||||
|
|
||||||
|
.medal-single-name {
|
||||||
|
margin-top: 12px;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.medal-single-desc {
|
||||||
|
margin-top: 8px;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.medal-single-state {
|
||||||
|
margin-top: 10px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---------- 弹窗骨架（远程弹窗 .medal-modal） ---------- */
|
||||||
|
.aksrt-modal-runtime.aksrt-badge-modal:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||||
|
width: min(620px, calc(100vw - 32px));
|
||||||
|
}
|
||||||
|
.aksrt-modal-runtime.aksrt-badge-modal--single:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||||
|
width: min(400px, calc(100vw - 32px));
|
||||||
|
}
|
||||||
|
.aksrt-modal-runtime.aksrt-badge-modal--grant:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||||
|
width: min(520px, calc(100vw - 32px));
|
||||||
|
}
|
||||||
|
|
||||||
|
.medal-modal { position: relative; padding: 6px 4px 12px; }
|
||||||
|
.medal-modal__empty {
|
||||||
|
padding: 24px 0;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--muted-2-color, var(--color-ink-4));
|
||||||
|
}
|
||||||
|
|
||||||
|
.medal-modal__head {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
padding-right: 28px;
|
||||||
|
}
|
||||||
|
.medal-modal__avatar {
|
||||||
|
width: 42px;
|
||||||
|
height: 42px;
|
||||||
|
border-radius: 50%;
|
||||||
|
object-fit: cover;
|
||||||
|
box-shadow: 0 0 0 2px var(--focus-color-opacity1);
|
||||||
|
}
|
||||||
|
.medal-modal__title {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
min-width: 0;
|
||||||
|
font-size: 15px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.medal-modal__title .medal-icon {
|
||||||
|
width: auto;
|
||||||
|
height: 1.6em;
|
||||||
|
margin-left: 4px;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.medal-modal__scroll {
|
||||||
|
max-height: 50vh;
|
||||||
|
max-height: 50dvh;
|
||||||
|
overflow-y: auto;
|
||||||
|
padding: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 底部操作区（zibll .modal-buts.but-average 语义） */
|
||||||
|
.medal-modal__buts {
|
||||||
|
display: flex;
|
||||||
|
margin: 12px -4px -12px;
|
||||||
|
border-top: 1px solid var(--main-border-color, var(--color-line));
|
||||||
|
}
|
||||||
|
.medal-modal__buts > .but {
|
||||||
|
flex: 1;
|
||||||
|
padding: 0.7em;
|
||||||
|
background: transparent;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
.medal-modal__buts > .but + .but { border-left: 1px solid var(--main-border-color, var(--color-line)); }
|
||||||
|
.medal-modal__buts > .but:hover { background: var(--focus-color-opacity05); opacity: 1; }
|
||||||
|
|
||||||
|
/* 单卡弹窗 */
|
||||||
|
.medal-modal--single { padding: 10px 8px 14px; text-align: center; }
|
||||||
|
.medal-modal__actions { margin-top: 4px; }
|
||||||
|
.medal-modal__actions .but.btn-block,
|
||||||
|
.medal-modal__actions .badg.btn-block { display: block; width: 100%; }
|
||||||
|
.medal-modal__back {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 12px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.medal-modal__back:hover { color: var(--focus-color); }
|
||||||
|
|
||||||
|
/* ---------- 细滚动条（zibll .mini-scrollbar） ---------- */
|
||||||
|
.mini-scrollbar { scrollbar-width: thin; scrollbar-color: var(--muted-border-color, rgba(136, 136, 136, 0.3)) transparent; }
|
||||||
|
.mini-scrollbar::-webkit-scrollbar { width: 5px; height: 5px; }
|
||||||
|
.mini-scrollbar::-webkit-scrollbar-thumb { background: var(--muted-border-color, rgba(136, 136, 136, 0.3)); border-radius: 10px; }
|
||||||
|
.mini-scrollbar::-webkit-scrollbar-track { background: transparent; }
|
||||||
|
|
||||||
|
/* ---------- 响应式（zibll: 桌面 5 列 / 移动 4 列） ---------- */
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.medal-list-box { grid-template-columns: repeat(4, 1fr); }
|
||||||
|
.medal-list-box--grant { grid-template-columns: 1fr; }
|
||||||
|
.medal-card .medal-icon { height: 55px; }
|
||||||
|
.medal-card .medal-icon--fa { width: 44px; height: 55px; font-size: 26px; }
|
||||||
|
.medal-single-card .medal-icon { height: 96px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 400px) {
|
||||||
|
.medal-list-box { grid-template-columns: repeat(3, 1fr); }
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,357 @@
|
|||||||
|
/**
|
||||||
|
* Modal runtime + ajax list primitives (shared).
|
||||||
|
*
|
||||||
|
* @package AKSRT
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ---- scroll lock ---- */
|
||||||
|
html.aksrt-modal-runtime-open,
|
||||||
|
body.aksrt-modal-runtime-open {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- modal runtime shell ---- */
|
||||||
|
.aksrt-modal-runtime {
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
z-index: 100050;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
opacity: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
transition: opacity 0.2s ease, visibility 0.2s ease;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime.is-open {
|
||||||
|
opacity: 1;
|
||||||
|
visibility: visible;
|
||||||
|
pointer-events: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__overlay {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background: rgba(15, 18, 28, 0.48);
|
||||||
|
backdrop-filter: blur(2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__dialog {
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
width: min(440px, calc(100vw - 32px));
|
||||||
|
max-height: min(88vh, 720px);
|
||||||
|
overflow: auto;
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border-radius: 16px;
|
||||||
|
box-shadow: 0 18px 48px rgba(15, 18, 28, 0.22);
|
||||||
|
transform: translateY(12px) scale(0.98);
|
||||||
|
transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1);
|
||||||
|
color: var(--color-ink, #1f2937);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime.is-open .aksrt-modal-runtime__dialog {
|
||||||
|
transform: translateY(0) scale(1);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime--bottom {
|
||||||
|
align-items: flex-end;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime--bottom .aksrt-modal-runtime__dialog {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
border-radius: 16px 16px 0 0;
|
||||||
|
max-height: 90vh;
|
||||||
|
transform: translateY(24px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime--bottom.is-open .aksrt-modal-runtime__dialog {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 16px 18px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__title {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 17px;
|
||||||
|
line-height: 1.35;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__content {
|
||||||
|
padding: 18px 18px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__loading,
|
||||||
|
.aksrt-modal-runtime__error-body {
|
||||||
|
padding: 28px 8px;
|
||||||
|
text-align: center;
|
||||||
|
color: var(--color-ink-2, #6b7280);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__skeleton {
|
||||||
|
display: grid;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 8px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__skeleton-line,
|
||||||
|
.aksrt-modal-runtime__skeleton-block {
|
||||||
|
display: block;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: linear-gradient(90deg, rgba(148, 163, 184, 0.16), rgba(148, 163, 184, 0.3), rgba(148, 163, 184, 0.16));
|
||||||
|
background-size: 200% 100%;
|
||||||
|
animation: aksrt-modal-skeleton 1.2s ease-in-out infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__skeleton-line {
|
||||||
|
width: 72%;
|
||||||
|
height: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__skeleton-line.is-wide {
|
||||||
|
width: 92%;
|
||||||
|
height: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__skeleton-line.is-short {
|
||||||
|
width: 44%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__skeleton-block {
|
||||||
|
width: 100%;
|
||||||
|
min-height: 84px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime__retry {
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes aksrt-modal-skeleton {
|
||||||
|
0% { background-position: 100% 0; }
|
||||||
|
100% { background-position: -100% 0; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime .touch.border-title,
|
||||||
|
.aksrt-modal-runtime .border-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
margin: 0 0 14px;
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime .aksrt-modal-runtime__close {
|
||||||
|
position: absolute;
|
||||||
|
top: 10px;
|
||||||
|
right: 10px;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-ink-3, #9ca3af);
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime .but-average.modal-buts,
|
||||||
|
.aksrt-modal-runtime .modal-buts {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 10px;
|
||||||
|
margin-top: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime .but-average.modal-buts .but,
|
||||||
|
.aksrt-modal-runtime .modal-buts .but,
|
||||||
|
.aksrt-modal-runtime .modal-buts button {
|
||||||
|
min-height: 40px;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid var(--color-line, #e5e7eb);
|
||||||
|
background: var(--surface-4, #f3f4f6);
|
||||||
|
color: var(--color-ink, #111);
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime .modal-buts .but.c-blue,
|
||||||
|
.aksrt-modal-runtime .modal-buts button.c-blue,
|
||||||
|
.aksrt-modal-runtime .modal-buts .btn-primary {
|
||||||
|
background: var(--color-primary, #f04494);
|
||||||
|
border-color: color-mix(in srgb, var(--color-primary, #f04494) 70%, #000 0%);
|
||||||
|
color: var(--color-on-primary, #fff);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- ajax list ---- */
|
||||||
|
.ajaxpager.is-ajax-loading {
|
||||||
|
position: relative;
|
||||||
|
min-height: 80px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ajaxpager .post_ajax_loader,
|
||||||
|
.ajaxpager .post-ajax-loader {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ajaxpager .post_ajax_loader.is-loading,
|
||||||
|
.ajaxpager .post-ajax-loader.is-loading {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ajax-item.is-fading {
|
||||||
|
opacity: 0.35;
|
||||||
|
transition: opacity 0.15s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ---- order review modal content ---- */
|
||||||
|
.order-comment-from .shop-score-box {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
min-height: 36px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .score-title {
|
||||||
|
width: 4.5em;
|
||||||
|
flex: 0 0 auto;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-2, #6b7280);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .score-icon {
|
||||||
|
display: inline-flex;
|
||||||
|
gap: 4px;
|
||||||
|
align-items: center;
|
||||||
|
height: 30px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .icon-star {
|
||||||
|
display: inline-flex;
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
color: #d1d5db;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: color 0.12s ease, transform 0.12s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .icon-star svg {
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
fill: currentColor;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .icon-star.active,
|
||||||
|
.order-comment-from .icon-star.hover {
|
||||||
|
color: #fc7049;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .icon-star.hover {
|
||||||
|
transform: scale(1.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .score-text {
|
||||||
|
min-width: 3em;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-2, #6b7280);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from textarea.form-control {
|
||||||
|
width: 100%;
|
||||||
|
border: 1px solid var(--color-line, #e5e7eb);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 10px 12px;
|
||||||
|
font-size: 14px;
|
||||||
|
resize: vertical;
|
||||||
|
min-height: 96px;
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
color: var(--color-ink, #111);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .form-upload .preview {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .form-upload .preview .add,
|
||||||
|
.order-comment-from .form-upload .preview .preview-item {
|
||||||
|
width: 80px;
|
||||||
|
height: 80px;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px dashed var(--color-line, #d1d5db);
|
||||||
|
background: var(--surface-4, #f9fafb);
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .form-upload .preview .add::before,
|
||||||
|
.order-comment-from .form-upload .preview .add::after {
|
||||||
|
content: "";
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
top: 50%;
|
||||||
|
background: var(--color-ink-3, #9ca3af);
|
||||||
|
transform: translate(-50%, -50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .form-upload .preview .add::before {
|
||||||
|
width: 22px;
|
||||||
|
height: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .form-upload .preview .add::after {
|
||||||
|
width: 2px;
|
||||||
|
height: 22px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .form-upload .preview .preview-item img {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .form-upload .preview .preview-item .remove {
|
||||||
|
position: absolute;
|
||||||
|
top: 2px;
|
||||||
|
right: 2px;
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: rgba(0, 0, 0, 0.55);
|
||||||
|
color: #fff;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .form-upload .hide {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.order-comment-from .review-error {
|
||||||
|
color: #ef4444;
|
||||||
|
font-size: 13px;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.aksrt-modal-runtime:not(.aksrt-modal-runtime--bottom) .aksrt-modal-runtime__dialog {
|
||||||
|
width: calc(100vw - 20px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,252 @@
|
|||||||
|
/* ==================== Modal 弹窗 ==================== */
|
||||||
|
.aksrt-modal {
|
||||||
|
display: none;
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
z-index: 99998;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
.aksrt-modal[hidden] {
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
.aksrt-modal.is-open {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.aksrt-modal__overlay {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background: rgba(18, 18, 18, 0.48);
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
-webkit-backdrop-filter: blur(10px);
|
||||||
|
animation: modalFadeIn 0.2s ease forwards;
|
||||||
|
}
|
||||||
|
.aksrt-modal__box {
|
||||||
|
position: relative;
|
||||||
|
width: 92%;
|
||||||
|
max-width: 440px;
|
||||||
|
max-height: 90vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
background: var(--surface-1);
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--radius-2xl, 16px);
|
||||||
|
box-shadow: var(--shadow-drawer);
|
||||||
|
animation: modalSlideUp 0.28s cubic-bezier(0.22, 1, 0.36, 1) forwards;
|
||||||
|
}
|
||||||
|
@keyframes modalFadeIn { from { opacity: 0 } to { opacity: 1 } }
|
||||||
|
@keyframes modalSlideUp {
|
||||||
|
from { opacity: 0; transform: translateY(24px) scale(0.96); }
|
||||||
|
to { opacity: 1; transform: translateY(0) scale(1); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Modal 头部 */
|
||||||
|
.aksrt-modal__header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 18px 20px;
|
||||||
|
border-bottom: 1px solid var(--color-line);
|
||||||
|
}
|
||||||
|
.aksrt-modal__title-wrap {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
.aksrt-modal__icon {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
color: var(--color-primary);
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.aksrt-modal__title-wrap h4 {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
.aksrt-modal__close {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: transparent;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
cursor: pointer;
|
||||||
|
font-size: 18px;
|
||||||
|
transition: background 0.15s, color 0.15s;
|
||||||
|
}
|
||||||
|
.aksrt-modal__close:hover {
|
||||||
|
background: var(--surface-2);
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Modal 表单字段 */
|
||||||
|
.aksrt-modal__box form {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.modal-field {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
}
|
||||||
|
.modal-field label {
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 6px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
}
|
||||||
|
.modal-field input[type="password"],
|
||||||
|
.modal-field input[type="email"],
|
||||||
|
.modal-field input[type="tel"],
|
||||||
|
.modal-field input[type="text"] {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
padding: 10px 40px 10px 14px;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.5;
|
||||||
|
color: var(--color-ink);
|
||||||
|
background: var(--surface-4, var(--surface-2));
|
||||||
|
border: 1px solid var(--color-line);
|
||||||
|
border-radius: 8px;
|
||||||
|
outline: none;
|
||||||
|
transition: border-color 0.2s, box-shadow 0.2s;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.modal-field input:focus {
|
||||||
|
border-color: var(--color-primary);
|
||||||
|
box-shadow: 0 0 0 3px var(--color-primary-soft);
|
||||||
|
background: var(--surface-1);
|
||||||
|
}
|
||||||
|
.toggle-pwd {
|
||||||
|
position: absolute;
|
||||||
|
right: 10px;
|
||||||
|
top: 31px;
|
||||||
|
width: 34px;
|
||||||
|
height: 34px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: transparent;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
.toggle-pwd:hover {
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 只读显示（当前邮箱） */
|
||||||
|
.readonly-display {
|
||||||
|
display: block;
|
||||||
|
padding: 10px 14px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
background: var(--surface-2);
|
||||||
|
border: 1.5px solid var(--color-line);
|
||||||
|
border-radius: 8px;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 验证码输入组 */
|
||||||
|
.code-input-group {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
align-items: stretch;
|
||||||
|
}
|
||||||
|
.code-input-group input {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
padding: 10px 14px !important;
|
||||||
|
font-family: inherit !important;
|
||||||
|
letter-spacing: 2px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
.code-send-btn {
|
||||||
|
flex-shrink: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
min-width: 110px;
|
||||||
|
}
|
||||||
|
.code-send-btn.is-counting {
|
||||||
|
pointer-events: none;
|
||||||
|
opacity: 0.65;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 密码强度条 */
|
||||||
|
.pwd-strength {
|
||||||
|
display: flex;
|
||||||
|
gap: 4px;
|
||||||
|
margin-top: 7px;
|
||||||
|
height: 4px;
|
||||||
|
border-radius: 2px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--surface-3);
|
||||||
|
}
|
||||||
|
.pwd-strength__fill {
|
||||||
|
width: 0%;
|
||||||
|
height: 100%;
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: width 0.3s ease, background-color 0.3s ease;
|
||||||
|
background-color: var(--color-error);
|
||||||
|
}
|
||||||
|
.pwd-strength__fill.level-weak { width: 33%; background-color: var(--color-error); }
|
||||||
|
.pwd-strength__fill.level-medium { width: 66%; background-color: var(--color-warning); }
|
||||||
|
.pwd-strength__fill.level-strong { width: 100%; background-color: var(--color-success); }
|
||||||
|
.pwd-strength__text {
|
||||||
|
font-size: 11px;
|
||||||
|
margin-top: 4px;
|
||||||
|
font-weight: 500;
|
||||||
|
transition: color 0.2s;
|
||||||
|
}
|
||||||
|
.pwd-strength__text.level-weak { color: var(--color-error); }
|
||||||
|
.pwd-strength__text.level-medium { color: var(--color-warning); }
|
||||||
|
.pwd-strength__text.level-strong { color: var(--color-success); }
|
||||||
|
|
||||||
|
/* 人机验证容器在弹窗中的适配 */
|
||||||
|
.aksrt-modal .aksrt-captcha-wrap {
|
||||||
|
margin: 14px 0 8px;
|
||||||
|
}
|
||||||
|
.aksrt-modal .aksrt-captcha-box {
|
||||||
|
display: block !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Modal 底部按钮栏 */
|
||||||
|
.aksrt-modal__footer {
|
||||||
|
display: flex;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 10px;
|
||||||
|
margin-top: 20px;
|
||||||
|
padding-top: 16px;
|
||||||
|
border-top: 1px solid var(--color-line);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Modal mobile */
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.aksrt-modal__box {
|
||||||
|
width: 96%;
|
||||||
|
max-height: 92vh;
|
||||||
|
border-radius: 14px;
|
||||||
|
}
|
||||||
|
.aksrt-modal__footer {
|
||||||
|
flex-direction: column-reverse;
|
||||||
|
}
|
||||||
|
.aksrt-modal__footer .btn,
|
||||||
|
.aksrt-modal__footer button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.code-input-group {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
.code-send-btn {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,149 @@
|
|||||||
|
/**
|
||||||
|
* Zibll-compatible frontend notifications.
|
||||||
|
*
|
||||||
|
* @package AKSRT
|
||||||
|
*/
|
||||||
|
|
||||||
|
.notyn {
|
||||||
|
position: fixed;
|
||||||
|
bottom: 6em;
|
||||||
|
right: 0;
|
||||||
|
max-width: 320px;
|
||||||
|
z-index: 10000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notyf {
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 0.6em;
|
||||||
|
color: #fff;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.42857143;
|
||||||
|
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-family:"Font Awesome 5 Free";font-weight:900;
|
||||||
|
font-style: normal;
|
||||||
|
font-weight: 900;
|
||||||
|
line-height: 1;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notyf.load::before {
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes huan-rotate {
|
||||||
|
0% {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes huan-rotate {
|
||||||
|
0% {
|
||||||
|
transform: rotate(0);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: rotate(360deg);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,79 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Overlay / Glass Primitives
|
||||||
|
*
|
||||||
|
* Provides backdrop-filter glass surfaces used by header, footer-tabbar,
|
||||||
|
* floating buttons and search overlays — matching zibll's blur system.
|
||||||
|
*
|
||||||
|
* @package AKSRT
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* .aksrt-blur-bg — generic glass surface
|
||||||
|
* Use on any element that needs a translucent blurred background.
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-blur-bg {
|
||||||
|
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||||||
|
backdrop-filter: saturate(5) blur(20px);
|
||||||
|
background: var(--blur-bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Glass on site-nav (when using fixed/sticky mode)
|
||||||
|
* Applied via .site-nav--blur already; this adds the zibll-grade
|
||||||
|
* saturate(5) blur(20px) instead of the lighter saturate(1.5) blur(18px).
|
||||||
|
* ============================================================ */
|
||||||
|
.site-nav--glass {
|
||||||
|
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||||||
|
backdrop-filter: saturate(5) blur(20px);
|
||||||
|
background: var(--blur-bg);
|
||||||
|
border-bottom-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.site-nav--glass.is-scrolled {
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
border-bottom-color: var(--color-line-soft);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .site-nav--glass.is-scrolled,
|
||||||
|
html.dark .site-nav--glass.is-scrolled {
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Glass on footer-tabbar (already uses backdrop-filter in footer.css;
|
||||||
|
* this class can be toggled to match zibll's exact blur spec)
|
||||||
|
* ============================================================ */
|
||||||
|
.footer-tabbar--glass {
|
||||||
|
-webkit-backdrop-filter: saturate(5) blur(20px);
|
||||||
|
backdrop-filter: saturate(5) blur(20px);
|
||||||
|
background: var(--blur-bg);
|
||||||
|
box-shadow: 0 -8px 24px rgba(20, 28, 48, 0.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .footer-tabbar--glass,
|
||||||
|
html.dark .footer-tabbar--glass {
|
||||||
|
box-shadow: 0 -10px 28px rgba(0, 0, 0, 0.32);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Glass on floating buttons (lighter blur: saturate(2) blur(10px))
|
||||||
|
* ============================================================ */
|
||||||
|
.float-right--glass .float-btn {
|
||||||
|
-webkit-backdrop-filter: saturate(2) blur(10px);
|
||||||
|
backdrop-filter: saturate(2) blur(10px);
|
||||||
|
background: var(--float-btn-bg);
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Scroll shadow on glass header (zibll: .body-scroll .header)
|
||||||
|
* ============================================================ */
|
||||||
|
body.has-scrolled .site-nav--glass {
|
||||||
|
box-shadow: 0 4px 10px rgba(20, 28, 48, 0.06);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark body.has-scrolled .site-nav--glass,
|
||||||
|
html.dark body.has-scrolled .site-nav--glass {
|
||||||
|
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25);
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,4 @@
|
|||||||
|
@import url("pages/base.css");
|
||||||
|
@import url("pages/empty-state.css");
|
||||||
|
@import url("pages/submit.css");
|
||||||
|
|
||||||
@@ -0,0 +1,245 @@
|
|||||||
|
/* ========== 分页 — 对齐 zibll pagination ========== */
|
||||||
|
.content-stream__footer-nav {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.content-stream__footer-nav.aksrt-pagination,
|
||||||
|
.content-stream__footer-nav.aksrt-pagination-ajax,
|
||||||
|
.content-stream__footer .aksrt-pagination,
|
||||||
|
.content-stream__footer .aksrt-pagination-ajax {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination,
|
||||||
|
.aksrt-pagination,
|
||||||
|
.navigation.pagination .nav-links,
|
||||||
|
.pagenav.ajax-pag {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 6px;
|
||||||
|
padding: 24px 0;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination a,
|
||||||
|
.pagination span,
|
||||||
|
.aksrt-pagination a,
|
||||||
|
.aksrt-pagination span,
|
||||||
|
.navigation.pagination a,
|
||||||
|
.navigation.pagination span,
|
||||||
|
.pagenav.ajax-pag a,
|
||||||
|
.pagenav.ajax-pag span {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 34px;
|
||||||
|
min-height: 34px;
|
||||||
|
padding: 6px 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: var(--muted-color, var(--color-ink-3));
|
||||||
|
background: var(--surface-4, var(--main-border-color, rgba(50, 50, 50, 0.06)));
|
||||||
|
border: 1px solid transparent;
|
||||||
|
border-radius: var(--radius-xs, 3px);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all 0.2s;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination a:hover,
|
||||||
|
.aksrt-pagination a:hover,
|
||||||
|
.navigation.pagination a:hover,
|
||||||
|
.pagenav.ajax-pag a:hover {
|
||||||
|
opacity: 1;
|
||||||
|
color: var(--color-primary);
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .current,
|
||||||
|
.aksrt-pagination .current,
|
||||||
|
.navigation.pagination .current,
|
||||||
|
.pagenav.ajax-pag .current {
|
||||||
|
color: var(--color-on-primary, #fff);
|
||||||
|
background: var(--color-primary, #f04494);
|
||||||
|
border-color: var(--color-primary, #f04494);
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .dots,
|
||||||
|
.aksrt-pagination .dots,
|
||||||
|
.navigation.pagination .dots,
|
||||||
|
.pagenav.ajax-pag .dots {
|
||||||
|
border: none;
|
||||||
|
background: none;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
cursor: default;
|
||||||
|
min-width: auto;
|
||||||
|
padding-left: 4px;
|
||||||
|
padding-right: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .prev,
|
||||||
|
.pagination .next,
|
||||||
|
.aksrt-pagination .prev,
|
||||||
|
.aksrt-pagination .next,
|
||||||
|
.navigation.pagination .prev,
|
||||||
|
.navigation.pagination .next,
|
||||||
|
.pagenav.ajax-pag .prev,
|
||||||
|
.pagenav.ajax-pag .next {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination .prev i,
|
||||||
|
.pagination .next i,
|
||||||
|
.aksrt-pagination .prev i,
|
||||||
|
.aksrt-pagination .next i,
|
||||||
|
.navigation.pagination .prev i,
|
||||||
|
.navigation.pagination .next i,
|
||||||
|
.pagenav.ajax-pag .prev i,
|
||||||
|
.pagenav.ajax-pag .next i {
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagenav.ajax-pag .pag-jump,
|
||||||
|
.aksrt-pagination .pag-jump,
|
||||||
|
.navigation.pagination .pag-jump {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
margin-left: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagenav.ajax-pag .jump-input,
|
||||||
|
.aksrt-pagination .jump-input,
|
||||||
|
.navigation.pagination .jump-input {
|
||||||
|
width: 64px;
|
||||||
|
min-width: 64px;
|
||||||
|
padding: 6px 8px 5px;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.4;
|
||||||
|
color: var(--muted-color, var(--color-ink-3));
|
||||||
|
background: var(--main-bg-color, #fff);
|
||||||
|
border: 1px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||||||
|
border-radius: 3px;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagenav.ajax-pag .jump-input:focus,
|
||||||
|
.aksrt-pagination .jump-input:focus,
|
||||||
|
.navigation.pagination .jump-input:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: var(--focus-color, var(--color-primary, #f04494));
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagenav.ajax-pag .pag-jump .ajax-next,
|
||||||
|
.aksrt-pagination .pag-jump .ajax-next,
|
||||||
|
.navigation.pagination .pag-jump .ajax-next {
|
||||||
|
min-width: auto;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 上一页/下一页 */
|
||||||
|
.pagination__nav {
|
||||||
|
display: flex;
|
||||||
|
gap: 8px;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination__nav a {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
padding: 6px 14px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border: 1px solid var(--color-line, rgba(50, 50, 50, 0.06));
|
||||||
|
border-radius: 6px;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagination__nav a:hover {
|
||||||
|
color: var(--color-primary, #f04494);
|
||||||
|
border-color: var(--color-primary, #f04494);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* AJAX 加载更多 */
|
||||||
|
.load-more {
|
||||||
|
text-align: center;
|
||||||
|
padding: 20px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.load-more__btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
padding: 10px 24px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border: 1px solid var(--color-line, rgba(50, 50, 50, 0.06));
|
||||||
|
border-radius: 20px;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.load-more__btn:hover {
|
||||||
|
color: var(--color-primary, #f04494);
|
||||||
|
border-color: var(--color-primary, #f04494);
|
||||||
|
}
|
||||||
|
|
||||||
|
.load-more__btn:disabled {
|
||||||
|
opacity: 0.5;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.load-more__spinner {
|
||||||
|
display: inline-block;
|
||||||
|
width: 16px;
|
||||||
|
height: 16px;
|
||||||
|
border: 2px solid var(--surface-3, #e8e8e8);
|
||||||
|
border-top-color: var(--color-primary, #f04494);
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: spin 0.6s linear infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes spin {
|
||||||
|
to { transform: rotate(360deg); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 移动端 */
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.pagination a,
|
||||||
|
.pagination span,
|
||||||
|
.aksrt-pagination a,
|
||||||
|
.aksrt-pagination span,
|
||||||
|
.navigation.pagination a,
|
||||||
|
.navigation.pagination span,
|
||||||
|
.pagenav.ajax-pag a,
|
||||||
|
.pagenav.ajax-pag span {
|
||||||
|
min-width: 28px;
|
||||||
|
font-size: 12px;
|
||||||
|
margin: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagenav.ajax-pag .pag-jump,
|
||||||
|
.aksrt-pagination .pag-jump,
|
||||||
|
.navigation.pagination .pag-jump {
|
||||||
|
width: 100%;
|
||||||
|
justify-content: center;
|
||||||
|
margin-left: 0;
|
||||||
|
margin-top: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pagenav.ajax-pag .jump-input,
|
||||||
|
.aksrt-pagination .jump-input,
|
||||||
|
.navigation.pagination .jump-input {
|
||||||
|
width: 58px;
|
||||||
|
min-width: 58px;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,628 @@
|
|||||||
|
/**
|
||||||
|
* Zibll 9.0 article list/card contract.
|
||||||
|
* Source baseline: css/main.css (SHA-256 recorded in tests/visual).
|
||||||
|
*/
|
||||||
|
|
||||||
|
.posts-row {
|
||||||
|
margin-right: -8px;
|
||||||
|
margin-bottom: 15px;
|
||||||
|
margin-left: -8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-row > *:not(.post_ajax_loader) {
|
||||||
|
margin-right: 8px !important;
|
||||||
|
margin-left: 8px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item {
|
||||||
|
margin: 15px 0;
|
||||||
|
padding: 20px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--main-bg-color, #fff);
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||||||
|
transition: 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.flex,
|
||||||
|
.posts-item .flex,
|
||||||
|
.posts-mini .flex {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .flex.xx,
|
||||||
|
.posts-mini .flex.xx {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .flex.ac,
|
||||||
|
.posts-mini .flex.ac {
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .flex.jsb,
|
||||||
|
.posts-mini .flex.jsb {
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .flex1,
|
||||||
|
.posts-mini .flex1 {
|
||||||
|
flex: 1;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .post-graphic:not(.order1) {
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .order1.post-graphic {
|
||||||
|
margin-right: 0;
|
||||||
|
margin-left: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-thumbnail {
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
width: 190px;
|
||||||
|
height: 0;
|
||||||
|
padding-bottom: var(--posts-list-scale, 70%);
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-thumbnail.contain img {
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-slide.gradient-bg .dplayer-poster img,
|
||||||
|
.swiper-slide.gradient-bg > * > img {
|
||||||
|
object-fit: contain !important;
|
||||||
|
border-radius: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-thumbnail .swiper-wrapper {
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list .item-thumbnail .zib-slider,
|
||||||
|
.list .item-thumbnail.new-swiper {
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
margin: 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-thumbnail .dplayer.dplayer-thumb {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
z-index: 1;
|
||||||
|
padding-bottom: var(--posts-list-scale, 70%);
|
||||||
|
background: #000;
|
||||||
|
opacity: 0;
|
||||||
|
transition: opacity 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.card .item-thumbnail .dplayer.dplayer-thumb {
|
||||||
|
padding-bottom: var(--posts-card-scale, 70%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-thumbnail .dplayer-thumb video,
|
||||||
|
.item-thumbnail .swiper-wrapper,
|
||||||
|
.item-thumbnail img {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-thumbnail .swiper-pagination {
|
||||||
|
right: 0 !important;
|
||||||
|
bottom: 0 !important;
|
||||||
|
left: 0 !important;
|
||||||
|
padding: 0 2px !important;
|
||||||
|
text-align: center !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.thumb-dplayer-playing .dplayer-thumb {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.thumb-dplayer-playing .abs-center {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-heading {
|
||||||
|
display: -webkit-box;
|
||||||
|
max-height: 2.8em;
|
||||||
|
margin-top: 0;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
overflow: hidden;
|
||||||
|
font-size: 18px;
|
||||||
|
line-height: 1.4em;
|
||||||
|
white-space: normal;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.font-bold {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list.style2 .item-thumbnail {
|
||||||
|
width: 130px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.list.style2 .item-heading {
|
||||||
|
display: unset;
|
||||||
|
max-height: 1.4em;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-heading > a {
|
||||||
|
color: var(--key-color, #333);
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-heading > a:hover {
|
||||||
|
color: var(--focus-color, #f04494);
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-excerpt {
|
||||||
|
margin: 0 0 6px;
|
||||||
|
overflow: hidden;
|
||||||
|
color: var(--muted-color, #777);
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-meta item {
|
||||||
|
margin-right: 8px;
|
||||||
|
font-size: 13px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-meta svg.icon,
|
||||||
|
.posts-mini .item-meta svg.icon {
|
||||||
|
display: inline-block;
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
margin-right: 2px;
|
||||||
|
fill: currentColor;
|
||||||
|
overflow: hidden;
|
||||||
|
vertical-align: -0.15em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .meta-right item:last-child {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-meta .avatar-mini {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
transform: translateY(-1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-meta .meta-pay {
|
||||||
|
padding: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item-meta .meta-pay img {
|
||||||
|
width: 1em;
|
||||||
|
height: 1em;
|
||||||
|
object-fit: contain;
|
||||||
|
vertical-align: -0.15em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-meta a,
|
||||||
|
.posts-mini .item-meta a {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-tags a {
|
||||||
|
margin-right: 5px;
|
||||||
|
padding: 2px 5px;
|
||||||
|
font-size: 11px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item .item-tags a .fa {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.card {
|
||||||
|
display: inline-block;
|
||||||
|
width: calc(33.333% - 16px);
|
||||||
|
margin: 8px;
|
||||||
|
padding: 10px;
|
||||||
|
vertical-align: top;
|
||||||
|
transition: 0.3s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.card:last-child {
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.card .item-body {
|
||||||
|
width: 100%;
|
||||||
|
margin: 10px 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-item.card .item-thumbnail {
|
||||||
|
width: 100%;
|
||||||
|
padding-bottom: var(--posts-card-scale, 70%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.card.style2 {
|
||||||
|
background: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.card.style2:hover {
|
||||||
|
background: var(--main-bg-color, #fff);
|
||||||
|
box-shadow: 0 0 10px var(--main-shadow, rgba(116, 116, 116, 0.08));
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.card.style3 {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.card.style3 .item-thumbnail,
|
||||||
|
.posts-item.card.style3 .item-thumbnail img {
|
||||||
|
border-radius: var(--main-radius, 8px) var(--main-radius, 8px) 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.card.style3 .item-body {
|
||||||
|
margin: 0;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.mult-thumb .thumb-items {
|
||||||
|
margin: 0 -3px 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.mult-thumb .thumb-items > span {
|
||||||
|
position: relative;
|
||||||
|
display: inline-block;
|
||||||
|
width: calc(25% - 6px);
|
||||||
|
height: 0;
|
||||||
|
margin: 0 3px;
|
||||||
|
padding-bottom: calc(var(--posts-list-scale, 70%) / 4);
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.mult-thumb .thumb-items > span > img {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.mult-thumb .thumb-items.contain > span {
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.mult-thumb .thumb-items.contain > span > img {
|
||||||
|
object-fit: contain;
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.no_margin {
|
||||||
|
margin: 0;
|
||||||
|
border-radius: 0;
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.no-thumb .item-excerpt {
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.no-thumb .item-body {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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, 8px) var(--main-radius, 8px) 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.no_margin:last-of-type {
|
||||||
|
margin-bottom: 15px;
|
||||||
|
border-radius: 0 0 var(--main-radius, 8px) var(--main-radius, 8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini {
|
||||||
|
padding: 10px;
|
||||||
|
display: inline-flex;
|
||||||
|
width: 50%;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini-con {
|
||||||
|
flex: auto;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini .item-thumbnail {
|
||||||
|
width: 96px;
|
||||||
|
height: 0;
|
||||||
|
padding-bottom: var(--posts-list-scale, 70%);
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini .item-thumbnail img {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini .item-heading {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini .item-heading.icon-circle {
|
||||||
|
margin-left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini .item-meta {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini-con .badg {
|
||||||
|
min-width: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar .posts-mini,
|
||||||
|
.mobile-nav-widget .posts-mini {
|
||||||
|
width: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mobile-nav-widget .posts-mini {
|
||||||
|
padding-right: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini:last-of-type {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini-lists {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini-lists .tab-nav-theme {
|
||||||
|
padding: 0 5px 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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 -8px 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-right: 8px;
|
||||||
|
margin-left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini:hover img,
|
||||||
|
.posts-item:hover .item-thumbnail img,
|
||||||
|
.posts-item.mult-thumb .thumb-items > span > img:hover {
|
||||||
|
transform: scale(1.02);
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scroll .posts-item {
|
||||||
|
flex-shrink: 0;
|
||||||
|
margin: 0 16px 0 0 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scroll .posts-item.list {
|
||||||
|
width: calc(50% - 8px) !important;
|
||||||
|
min-width: 520px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scroll .posts-item.posts-mini {
|
||||||
|
width: 360px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scroll .posts-item.card {
|
||||||
|
width: calc(33.333% - 11px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-badge {
|
||||||
|
position: absolute;
|
||||||
|
top: 8px;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.img-badge.left {
|
||||||
|
left: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
.fluid-widget-wrap .posts-item.card,
|
||||||
|
.site-layout-1 .posts-item.card {
|
||||||
|
width: calc(25% - 16px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fluid-widget-wrap .posts-item:not(.card),
|
||||||
|
.site-layout-1 .posts-item:not(.card) {
|
||||||
|
display: inline-flex;
|
||||||
|
width: calc(50% - 16px);
|
||||||
|
margin: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.fluid-widget-wrap .posts-item.no_margin,
|
||||||
|
.site-layout-1 .posts-item.no_margin {
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.fluid-widget-wrap .posts-mini,
|
||||||
|
.site-layout-1 .posts-mini {
|
||||||
|
width: 33.333%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar .posts-item.card,
|
||||||
|
.sidebar .posts-item.list {
|
||||||
|
width: 100% !important;
|
||||||
|
min-width: 0 !important;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.posts-row {
|
||||||
|
margin-right: -5px;
|
||||||
|
margin-left: -5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-row > *:not(.post_ajax_loader) {
|
||||||
|
margin-right: 5px !important;
|
||||||
|
margin-left: 5px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item:not(.no-thumb) .item-excerpt {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.card {
|
||||||
|
width: calc(50% - 10px);
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.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 -5px 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-right: 5px;
|
||||||
|
margin-left: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scroll .posts-item {
|
||||||
|
margin-right: 10px !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, 70%) / 3);
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item.mult-thumb .thumb-items > span:nth-child(4) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scroll .posts-item.card {
|
||||||
|
width: calc(50% - 5px) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper-scroll .posts-item.list {
|
||||||
|
width: 100% !important;
|
||||||
|
min-width: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
.posts-item:not(.no-thumb) .meta-right item {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-mini {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.posts-item {
|
||||||
|
margin: 10px 0;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.zib-widget .posts-item.no_margin {
|
||||||
|
padding: 10px 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.posts-item,
|
||||||
|
.posts-item img {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,129 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Reset
|
||||||
|
* 现代精简 reset，结合 box-sizing 与 a11y 友好的默认值。
|
||||||
|
*/
|
||||||
|
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
html {
|
||||||
|
font-size: 16px;
|
||||||
|
scroll-behavior: smooth;
|
||||||
|
-webkit-text-size-adjust: 100%;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
-moz-osx-font-smoothing: grayscale;
|
||||||
|
overflow-x: hidden;
|
||||||
|
text-rendering: optimizeLegibility;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
font-family: var(--font-body);
|
||||||
|
font-size: var(--text-base);
|
||||||
|
line-height: var(--leading-normal);
|
||||||
|
background-color: var(--surface-page);
|
||||||
|
color: var(--color-ink-2);
|
||||||
|
transition: background-color 0.25s ease, color 0.25s ease;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 媒体元素 */
|
||||||
|
img,
|
||||||
|
picture,
|
||||||
|
video,
|
||||||
|
canvas,
|
||||||
|
svg {
|
||||||
|
display: block;
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 表单元素继承字体 */
|
||||||
|
input,
|
||||||
|
button,
|
||||||
|
textarea,
|
||||||
|
select {
|
||||||
|
font: inherit;
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
button {
|
||||||
|
background: none;
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 链接 */
|
||||||
|
a {
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color var(--dur-fast) var(--ease);
|
||||||
|
}
|
||||||
|
|
||||||
|
a:hover {
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 焦点环：a11y 关键 */
|
||||||
|
:focus {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
:focus-visible {
|
||||||
|
outline: none;
|
||||||
|
box-shadow: var(--focus-ring);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 选区色 */
|
||||||
|
::selection {
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 屏幕阅读器隐藏 */
|
||||||
|
.screen-reader-text,
|
||||||
|
.sr-only {
|
||||||
|
position: absolute !important;
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
padding: 0;
|
||||||
|
margin: -1px;
|
||||||
|
overflow: hidden;
|
||||||
|
clip: rect(0, 0, 0, 0);
|
||||||
|
white-space: nowrap;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.screen-reader-text:focus,
|
||||||
|
.sr-only:focus {
|
||||||
|
position: fixed !important;
|
||||||
|
top: 16px;
|
||||||
|
left: 16px;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
padding: 8px 16px;
|
||||||
|
background: var(--surface-1);
|
||||||
|
color: var(--color-ink);
|
||||||
|
z-index: 100000;
|
||||||
|
clip: auto;
|
||||||
|
box-shadow: var(--shadow-lg);
|
||||||
|
border-radius: var(--radius);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 减少动效偏好 */
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
*,
|
||||||
|
*::before,
|
||||||
|
*::after {
|
||||||
|
animation-duration: 0.01ms !important;
|
||||||
|
animation-iteration-count: 1 !important;
|
||||||
|
transition-duration: 0.01ms !important;
|
||||||
|
scroll-behavior: auto !important;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,139 @@
|
|||||||
|
/* ========== 侧边栏 — 对齐 zibll sidebar ========== */
|
||||||
|
/* Width/float geometry is owned by body.site-layout-* in layout.css.
|
||||||
|
* Keep only non-layout chrome here. */
|
||||||
|
.sidebar {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidebar-inner {
|
||||||
|
position: sticky;
|
||||||
|
top: calc(var(--nav-height, 60px) + 20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Widget 通用 */
|
||||||
|
.widget {
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border-radius: var(--main-radius, var(--radius, 8px));
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
border: none;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-title {
|
||||||
|
font-size: 16px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--color-ink, #333);
|
||||||
|
padding-bottom: 10px;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-title i {
|
||||||
|
color: var(--color-primary, #f04494);
|
||||||
|
font-size: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-content {
|
||||||
|
padding: var(--card-padding-lg, 20px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-content--flush {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Widget 链接 */
|
||||||
|
.widget a {
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget a:hover {
|
||||||
|
color: var(--color-primary, #f04494);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Widget 标签云 */
|
||||||
|
.widget-tag-cloud .tagcloud {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 6px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-tag-cloud .tagcloud a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 3px 10px;
|
||||||
|
font-size: 12px !important;
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
border-radius: 4px;
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
transition: all 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-tag-cloud .tagcloud a:hover {
|
||||||
|
background: var(--color-primary-soft, rgba(240, 68, 148, 0.1));
|
||||||
|
color: var(--color-primary, #f04494);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Widget 列表 */
|
||||||
|
.widget ul {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget ul li {
|
||||||
|
padding: 8px 0;
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget ul li:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 热门文章 widget */
|
||||||
|
.widget-hot-posts .hot-post-item {
|
||||||
|
display: flex;
|
||||||
|
gap: 10px;
|
||||||
|
padding: 8px 0;
|
||||||
|
border-bottom: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.03));
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-hot-posts .hot-post-item:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-hot-posts .hot-post-item__thumb {
|
||||||
|
width: 60px;
|
||||||
|
height: 45px;
|
||||||
|
border-radius: 4px;
|
||||||
|
object-fit: cover;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-hot-posts .hot-post-item__title {
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink, #333);
|
||||||
|
display: -webkit-box;
|
||||||
|
-webkit-line-clamp: 2;
|
||||||
|
-webkit-box-orient: vertical;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget-hot-posts .hot-post-item__meta {
|
||||||
|
font-size: 11px;
|
||||||
|
color: var(--color-ink-4, #999);
|
||||||
|
margin-top: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 侧边栏响应式 — width/float 由 layout.css 的 --sidebar-width + site-layout-* 拥有。
|
||||||
|
* 禁止在这里硬编码 280px（会与 content-layout gutter 失配导致叠层/空隙）。 */
|
||||||
|
@media (max-width: 991px) {
|
||||||
|
.sidebar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,10 @@
|
|||||||
|
@import url("zibll-utilities.css");
|
||||||
|
@import url("single-post/shell.css");
|
||||||
|
@import url("single-post/content.css");
|
||||||
|
@import url("single-post/code-blocks.css");
|
||||||
|
@import url("single-post/navigation.css");
|
||||||
|
@import url("single-post/cover.css");
|
||||||
|
@import url("single-post/author-actions.css");
|
||||||
|
@import url("single-post/related-toc.css");
|
||||||
|
@import url("single-post/hidden-content.css");
|
||||||
|
|
||||||
@@ -0,0 +1,132 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Site Notice — Popup notice styles
|
||||||
|
*/
|
||||||
|
|
||||||
|
.aksrt-site-notice {
|
||||||
|
position: fixed;
|
||||||
|
inset: 0;
|
||||||
|
z-index: 99998;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__overlay {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
background: rgba(0, 0, 0, 0.5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__dialog {
|
||||||
|
position: relative;
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border-radius: var(--radius-lg, 12px);
|
||||||
|
box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15);
|
||||||
|
width: 100%;
|
||||||
|
max-height: 80vh;
|
||||||
|
overflow-y: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__head {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px 24px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__title {
|
||||||
|
margin: 0;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--color-ink, #333);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__close {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
border: none;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
color: var(--color-ink-3, #777);
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
transition: background 0.15s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__close:hover {
|
||||||
|
background: var(--surface-3, #ddd);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__body {
|
||||||
|
padding: 16px 24px;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.7;
|
||||||
|
color: var(--color-ink-2, #4e5358);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__body a {
|
||||||
|
color: var(--color-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__foot {
|
||||||
|
padding: 0 24px 20px;
|
||||||
|
text-align: center;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Button base — shared by both <button> and <a> */
|
||||||
|
.aksrt-site-notice__btn,
|
||||||
|
.aksrt-site-notice__confirm {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 100px;
|
||||||
|
height: 40px;
|
||||||
|
padding: 0 24px;
|
||||||
|
border: none;
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: filter 0.15s;
|
||||||
|
text-decoration: none;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-site-notice__btn:hover,
|
||||||
|
.aksrt-site-notice__confirm:hover {
|
||||||
|
filter: brightness(1.08);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Button color variants */
|
||||||
|
.aksrt-site-notice__btn--primary { background: var(--color-primary); }
|
||||||
|
.aksrt-site-notice__btn--success { background: #10b981; }
|
||||||
|
.aksrt-site-notice__btn--warning { background: #f59e0b; color: #1a1a1a; }
|
||||||
|
.aksrt-site-notice__btn--danger { background: #ef4444; }
|
||||||
|
.aksrt-site-notice__btn--info { background: #3b82f6; }
|
||||||
|
.aksrt-site-notice__btn--purple { background: #8b5cf6; }
|
||||||
|
.aksrt-site-notice__btn--dark { background: #374151; }
|
||||||
|
|
||||||
|
/* Modal size variants */
|
||||||
|
.aksrt-site-notice__dialog.modal-mini { max-width: 320px; }
|
||||||
|
.aksrt-site-notice__dialog.modal-sm { max-width: 420px; }
|
||||||
|
.aksrt-site-notice__dialog.modal-lg { max-width: 720px; }
|
||||||
|
/* Default dialog (no size class) */
|
||||||
|
.aksrt-site-notice__dialog:not(.modal-mini):not(.modal-sm):not(.modal-lg) { max-width: 540px; }
|
||||||
|
|
||||||
|
/* Dark mode */
|
||||||
|
html.dark .aksrt-site-notice__dialog {
|
||||||
|
background: var(--surface-1, #323335);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .aksrt-site-notice__close {
|
||||||
|
background: var(--surface-3, #3a3b3e);
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,142 @@
|
|||||||
|
/* ========== 骨架屏加载 — 对齐 zibll skeleton loading ========== */
|
||||||
|
.skeleton {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
background: var(--surface-2, #eee);
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: linear-gradient(
|
||||||
|
90deg,
|
||||||
|
transparent 0%,
|
||||||
|
rgba(255, 255, 255, 0.4) 50%,
|
||||||
|
transparent 100%
|
||||||
|
);
|
||||||
|
animation: skeleton-shimmer 1.5s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes skeleton-shimmer {
|
||||||
|
0% { transform: translateX(-100%); }
|
||||||
|
100% { transform: translateX(100%); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 骨架屏变体 */
|
||||||
|
.skeleton-text {
|
||||||
|
height: 14px;
|
||||||
|
border-radius: 4px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-text--title {
|
||||||
|
height: 20px;
|
||||||
|
width: 60%;
|
||||||
|
margin-bottom: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-text--short {
|
||||||
|
width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-text--medium {
|
||||||
|
width: 70%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-avatar {
|
||||||
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
border-radius: 50%;
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-avatar--sm {
|
||||||
|
width: 32px;
|
||||||
|
height: 32px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-avatar--lg {
|
||||||
|
width: 64px;
|
||||||
|
height: 64px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-thumb {
|
||||||
|
width: 100%;
|
||||||
|
aspect-ratio: 16 / 9;
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-thumb--square {
|
||||||
|
aspect-ratio: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-thumb--card {
|
||||||
|
aspect-ratio: 16 / 10;
|
||||||
|
border-radius: var(--radius, 8px) var(--radius, 8px) 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 卡片骨架屏 */
|
||||||
|
.skeleton-card {
|
||||||
|
background: var(--surface-1, #fff);
|
||||||
|
border-radius: var(--radius, 8px);
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-card__thumb {
|
||||||
|
width: 100%;
|
||||||
|
aspect-ratio: 16 / 10;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-card__body {
|
||||||
|
padding: 14px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-card__meta {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 评论骨架屏 */
|
||||||
|
.skeleton-comment {
|
||||||
|
display: flex;
|
||||||
|
gap: 12px;
|
||||||
|
padding: 16px 0;
|
||||||
|
border-bottom: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.03));
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-comment__body {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-comment__header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 通用骨架屏容器 */
|
||||||
|
.skeleton-list .skeleton-item {
|
||||||
|
padding: 12px 0;
|
||||||
|
border-bottom: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.03));
|
||||||
|
}
|
||||||
|
|
||||||
|
.skeleton-list .skeleton-item:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 减弱动画偏好 */
|
||||||
|
@media (prefers-reduced-motion: reduce) {
|
||||||
|
.skeleton::after {
|
||||||
|
animation: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,23 @@
|
|||||||
|
/*
|
||||||
|
Theme Name: AKSRT
|
||||||
|
Theme URI: https://github.com/Lexo0522/aksrt
|
||||||
|
Author: Kate
|
||||||
|
Author URI: https://github.com/Lexo0522
|
||||||
|
Description: AKSRT Blog Theme - Modern WordPress theme with custom admin panel, OAuth social login, and beautiful blog layout. Based on fresh frontend with dark/light mode.
|
||||||
|
Version: 1.0.0
|
||||||
|
Requires at least: 6.4
|
||||||
|
Tested up to: 6.8
|
||||||
|
Requires PHP: 8.1
|
||||||
|
License: GPL v2 or later
|
||||||
|
License URI: https://www.gnu.org/licenses/gpl-2.0.html
|
||||||
|
Text Domain: aksrt
|
||||||
|
Tags: blog, two-columns, right-sidebar, custom-menu, featured-images, translation-ready, dark-mode
|
||||||
|
|
||||||
|
============================================================
|
||||||
|
AKSRT WordPress Theme v3.0 - Fresh Frontend + Admin Backend
|
||||||
|
|
||||||
|
Fresh frontend templates (dark/light mode, responsive).
|
||||||
|
Full admin panel preserved (settings, OAuth, content tools, etc).
|
||||||
|
============================================================
|
||||||
|
*/
|
||||||
|
|
||||||
@@ -0,0 +1,427 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Design Tokens v7 — 1:1 Zibll Alignment
|
||||||
|
* ------------------------------------------------------------
|
||||||
|
* 单一真理源（Single Source of Truth）
|
||||||
|
* 所有颜色、字体、间距、动效都从此处读取，禁止在组件内硬编码。
|
||||||
|
* 严格对齐 zibll main.css 的视觉值。
|
||||||
|
*/
|
||||||
|
|
||||||
|
:root {
|
||||||
|
/* ===== Primary — Zibll theme-color (#f04494 pink) ===== */
|
||||||
|
--color-primary: #f04494;
|
||||||
|
--color-primary-hover: #e0307e;
|
||||||
|
--color-primary-active: #c9206d;
|
||||||
|
--color-primary-soft: rgba(240, 68, 148, 0.10);
|
||||||
|
--color-primary-softer: rgba(240, 68, 148, 0.05);
|
||||||
|
--color-on-primary: #FFFFFF;
|
||||||
|
|
||||||
|
/* ===== Ink (text) — 对齐 zibll --key-color / --main-color / --muted-color ===== */
|
||||||
|
--color-ink: #333333; /* zibll --key-color */
|
||||||
|
--color-ink-2: #4e5358; /* zibll --main-color */
|
||||||
|
--color-ink-3: #777777; /* zibll --muted-color */
|
||||||
|
--color-ink-4: #999999; /* zibll --muted-2-color */
|
||||||
|
|
||||||
|
/* ===== Surface — 对齐 zibll --body-bg-color / --main-bg-color / --muted-bg-color ===== */
|
||||||
|
--surface-page: #f5f6f7; /* zibll --body-bg-color */
|
||||||
|
--surface-1: #FFFFFF; /* zibll --main-bg-color */
|
||||||
|
--surface-2: #eeeeee; /* zibll --muted-bg-color #eee */
|
||||||
|
--surface-3: #e9ecef; /* 输入框 / code / 次级面 */
|
||||||
|
--surface-4: #f8f8f8; /* 分页 / 标签 / hover 薄层 */
|
||||||
|
|
||||||
|
/* ===== Borders — 对齐 zibll --main-border-color ===== */
|
||||||
|
--color-line: rgba(50, 50, 50, 0.06);
|
||||||
|
--color-line-soft: rgba(0, 0, 0, 0.03);
|
||||||
|
--color-line-stronger: rgba(50, 50, 50, 0.12);
|
||||||
|
|
||||||
|
/* ===== State colors ===== */
|
||||||
|
--color-success: #10B981;
|
||||||
|
--color-warning: #F59E0B;
|
||||||
|
--color-error: #EF4444;
|
||||||
|
--color-info: #3B82F6;
|
||||||
|
|
||||||
|
/* ===== Accent (action green — zibll tabbar/CTA) ===== */
|
||||||
|
--color-accent: #18a058;
|
||||||
|
--color-accent-soft: rgba(24, 160, 88, 0.12);
|
||||||
|
--color-accent-shadow: rgba(24, 160, 88, 0.28);
|
||||||
|
|
||||||
|
/* ===== Fonts — 对齐 zibll（系统默认字体栈）===== */
|
||||||
|
--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||||
|
--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||||
|
--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
|
||||||
|
--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||||
|
|
||||||
|
/* ===== Type scale ===== */
|
||||||
|
--text-xs: 0.75rem; /* 12 */
|
||||||
|
--text-sm: 0.875rem; /* 14 */
|
||||||
|
--text-base: 1rem; /* 16 */
|
||||||
|
--text-md: 1.125rem; /* 18 */
|
||||||
|
--text-lg: 1.25rem; /* 20 */
|
||||||
|
--text-xl: 1.5rem; /* 24 */
|
||||||
|
--text-2xl: 1.875rem; /* 30 */
|
||||||
|
--text-3xl: 2.25rem; /* 36 */
|
||||||
|
--text-4xl: 3rem; /* 48 */
|
||||||
|
--text-5xl: 3.75rem; /* 60 */
|
||||||
|
--leading-tight: 1.2;
|
||||||
|
--leading-snug: 1.4;
|
||||||
|
--leading-normal: 1.6; /* zibll body line-height */
|
||||||
|
--leading-relaxed: 1.6;
|
||||||
|
|
||||||
|
/* ===== Spacing (4px base) ===== */
|
||||||
|
--space-1: 4px;
|
||||||
|
--space-2: 8px;
|
||||||
|
--space-3: 12px;
|
||||||
|
--space-4: 16px;
|
||||||
|
--space-5: 20px;
|
||||||
|
--space-6: 24px;
|
||||||
|
--space-7: 32px;
|
||||||
|
--space-8: 40px;
|
||||||
|
--space-9: 48px;
|
||||||
|
--space-10: 64px;
|
||||||
|
--space-11: 80px;
|
||||||
|
--space-12: 96px;
|
||||||
|
|
||||||
|
/* ===== Radius — 对齐 zibll --main-radius: 8px ===== */
|
||||||
|
--radius-xs: 3px;
|
||||||
|
--radius-sm: 4px;
|
||||||
|
--radius: 8px;
|
||||||
|
--radius-lg: 8px; /* zibll main-radius — was 10px */
|
||||||
|
--radius-xl: 12px;
|
||||||
|
--radius-2xl: 16px;
|
||||||
|
--radius-pill: 100px;
|
||||||
|
--radius-avatar: 50%;
|
||||||
|
|
||||||
|
/* ===== Shadows — 对齐 zibll --main-shadow: rgba(116,116,116,0.08) ===== */
|
||||||
|
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.03);
|
||||||
|
--shadow-sm: 0 0 10px rgba(116, 116, 116, 0.08);
|
||||||
|
--shadow: 0 0 10px rgba(116, 116, 116, 0.12);
|
||||||
|
--shadow-lg: 0 12px 32px rgba(18, 18, 18, 0.10);
|
||||||
|
--shadow-drawer: 0 18px 60px rgba(0, 0, 0, 0.20);
|
||||||
|
|
||||||
|
/* ===== Layout — 对齐 zibll --mian-max-width: 1200px ===== */
|
||||||
|
--nav-height: 60px;
|
||||||
|
--container: 1200px;
|
||||||
|
--container-wide: 1440px;
|
||||||
|
--container-read: 760px;
|
||||||
|
--container-page: 880px;
|
||||||
|
--sidebar-width: 311px;
|
||||||
|
--content-gap: 24px;
|
||||||
|
--section-gap: 24px;
|
||||||
|
--sidebar-bp: 992px;
|
||||||
|
|
||||||
|
/* ===== Motion ===== */
|
||||||
|
--ease: cubic-bezier(.4, 0, .2, 1);
|
||||||
|
--ease-out: cubic-bezier(.16, 1, .3, 1);
|
||||||
|
--ease-spring: cubic-bezier(.34, 1.56, .64, 1);
|
||||||
|
--dur-fast: 0.15s;
|
||||||
|
--dur: 0.25s;
|
||||||
|
--dur-slow: 0.4s;
|
||||||
|
|
||||||
|
/* ===== Focus Ring — 对齐 zibll focus-shadow-color ===== */
|
||||||
|
--focus-ring: 0 0 2px 3px rgba(253, 83, 161, 0.4);
|
||||||
|
|
||||||
|
/* ===== Z-index layers ===== */
|
||||||
|
--z-dropdown: 100;
|
||||||
|
--z-sticky: 200;
|
||||||
|
--z-fixed: 300;
|
||||||
|
--z-overlay: 400;
|
||||||
|
--z-modal: 500;
|
||||||
|
--z-popover: 600;
|
||||||
|
--z-toast: 700;
|
||||||
|
--z-tooltip: 800;
|
||||||
|
|
||||||
|
/* ===== Button sizes — 对齐 zibll ===== */
|
||||||
|
--radius-btn: 4px;
|
||||||
|
--btn-sm-h: 28px;
|
||||||
|
--btn-md-h: 34px;
|
||||||
|
--btn-lg-h: 44px;
|
||||||
|
|
||||||
|
/* ===== Card density — 对齐 zibll .box-body { padding: 15px } ===== */
|
||||||
|
--card-padding: 15px;
|
||||||
|
--card-padding-sm: 10px;
|
||||||
|
--card-padding-lg: 20px;
|
||||||
|
--card-gap: 16px;
|
||||||
|
--card-gap-lg: 20px;
|
||||||
|
|
||||||
|
/* ===== Skeleton loader ===== */
|
||||||
|
--skeleton-base: var(--surface-2);
|
||||||
|
--skeleton-shine: var(--surface-1);
|
||||||
|
|
||||||
|
/* ===== Extended tokens (used by components) ===== */
|
||||||
|
--color-primary-light: var(--color-primary-soft);
|
||||||
|
--color-surface: var(--surface-1);
|
||||||
|
--color-line-strong: var(--color-line);
|
||||||
|
--color-bg-hover: var(--surface-2);
|
||||||
|
--color-border-light: var(--color-line-soft);
|
||||||
|
--color-fill: var(--surface-2);
|
||||||
|
--color-warning-bg: #fffbe6;
|
||||||
|
--color-warning-text: #ad6800;
|
||||||
|
|
||||||
|
--text-secondary: var(--color-ink-3);
|
||||||
|
--text-tertiary: var(--color-ink-4);
|
||||||
|
|
||||||
|
--surface-active: var(--surface-2);
|
||||||
|
--surface-card: var(--surface-1);
|
||||||
|
--surface-hover: var(--surface-2);
|
||||||
|
--surface-secondary: var(--surface-2);
|
||||||
|
|
||||||
|
--radius-code: var(--radius);
|
||||||
|
--radius-full: 100px;
|
||||||
|
--shadow-xl: 0 0 10px rgba(116, 116, 116, 0.12);
|
||||||
|
--space-16: 64px;
|
||||||
|
--z-floating: 900;
|
||||||
|
|
||||||
|
--transition-fast: 0.15s ease;
|
||||||
|
--transition-base: 0.25s ease;
|
||||||
|
|
||||||
|
/* ===== Composite / Context tokens — 对齐 zibll ===== */
|
||||||
|
--header-bg: var(--blur-bg);
|
||||||
|
--header-color: var(--color-ink-2);
|
||||||
|
--footer-bg: var(--surface-1);
|
||||||
|
--footer-color: var(--color-ink-4);
|
||||||
|
--blur-bg: rgba(255, 255, 255, 0.80);
|
||||||
|
--float-btn-bg: rgba(200, 200, 200, 0.40);
|
||||||
|
|
||||||
|
/* ===== AKSRT-to-AKSRT canonical aliases ===== */
|
||||||
|
--content-max: var(--container);
|
||||||
|
--font-heading: var(--font-ui);
|
||||||
|
--radius-card: var(--radius);
|
||||||
|
--radius-md: var(--radius);
|
||||||
|
--color-primary-50: var(--color-primary-soft);
|
||||||
|
--color-primary-dark: var(--color-primary-active);
|
||||||
|
--shadow-md: var(--shadow);
|
||||||
|
--mini-radius: calc(var(--radius) / 1.4);
|
||||||
|
--single-cover-scale: 35%;
|
||||||
|
|
||||||
|
/* ===== Avatar size system — Zibll --this-size 等价 ===== */
|
||||||
|
--aksrt-avatar-size-xs: 24px;
|
||||||
|
--aksrt-avatar-size-sm: 32px;
|
||||||
|
--aksrt-avatar-size: 40px;
|
||||||
|
--aksrt-avatar-size-lg: 56px;
|
||||||
|
--aksrt-avatar-size-xl: 80px;
|
||||||
|
|
||||||
|
/* ===== Post card thumbnail scale ===== */
|
||||||
|
--aksrt-card-thumb-scale: 56.25%; /* 16:9 */
|
||||||
|
|
||||||
|
/* ===== Multi-color palette (for buttons / badges / gradients) ===== */
|
||||||
|
--aksrt-rose: #f43f5e;
|
||||||
|
--aksrt-rose-soft: rgba(244, 63, 94, 0.12);
|
||||||
|
--aksrt-blue: #3b82f6;
|
||||||
|
--aksrt-blue-soft: rgba(59, 130, 246, 0.12);
|
||||||
|
--aksrt-green: #10b981;
|
||||||
|
--aksrt-green-soft: rgba(16, 185, 129, 0.12);
|
||||||
|
--aksrt-orange: #f97316;
|
||||||
|
--aksrt-orange-soft:rgba(249, 115, 22, 0.12);
|
||||||
|
--aksrt-purple: #8b5cf6;
|
||||||
|
--aksrt-purple-soft:rgba(139, 92, 246, 0.12);
|
||||||
|
--aksrt-cyan: #06b6d4;
|
||||||
|
--aksrt-cyan-soft: rgba(6, 182, 212, 0.12);
|
||||||
|
--aksrt-yellow: #eab308;
|
||||||
|
--aksrt-yellow-soft:rgba(234, 179, 8, 0.12);
|
||||||
|
--aksrt-red: #ef4444;
|
||||||
|
--aksrt-red-soft: rgba(239, 68, 68, 0.12);
|
||||||
|
--aksrt-teal: #14b8a6;
|
||||||
|
--aksrt-teal-soft: rgba(20, 184, 166, 0.12);
|
||||||
|
--aksrt-indigo: #6366f1;
|
||||||
|
--aksrt-indigo-soft:rgba(99, 102, 241, 0.12);
|
||||||
|
--aksrt-pink: #ec4899;
|
||||||
|
--aksrt-pink-soft: rgba(236, 72, 153, 0.12);
|
||||||
|
|
||||||
|
/* ===== VIP / special gradients ===== */
|
||||||
|
--aksrt-vip-gold-1: #f6d365;
|
||||||
|
--aksrt-vip-gold-2: #fda085;
|
||||||
|
--aksrt-grad-sunset-1: #f093fb;
|
||||||
|
--aksrt-grad-sunset-2: #f5576c;
|
||||||
|
--aksrt-grad-ocean-1: #4facfe;
|
||||||
|
--aksrt-grad-ocean-2: #00f2fe;
|
||||||
|
--aksrt-grad-forest-1: #43e97b;
|
||||||
|
--aksrt-grad-forest-2: #38f9d7;
|
||||||
|
--aksrt-grad-night-1: #a18cd1;
|
||||||
|
--aksrt-grad-night-2: #fbc2eb;
|
||||||
|
--aksrt-grad-fire-1: #f83600;
|
||||||
|
--aksrt-grad-fire-2: #f9d423;
|
||||||
|
|
||||||
|
/* ===== Component sizing ===== */
|
||||||
|
--aksrt-toggle-w: 44px;
|
||||||
|
--aksrt-toggle-h: 24px;
|
||||||
|
--aksrt-stepper-h: 36px;
|
||||||
|
--aksrt-badge-h: 22px;
|
||||||
|
|
||||||
|
/* ===== Legacy name bridge ===== */
|
||||||
|
--text-1: var(--color-ink);
|
||||||
|
--text-2: var(--color-ink-2);
|
||||||
|
--text-3: var(--color-ink-3);
|
||||||
|
--border: var(--color-line);
|
||||||
|
--color-text-1: var(--color-ink);
|
||||||
|
--color-text-2: var(--color-ink-2);
|
||||||
|
--color-text-3: var(--color-ink-3);
|
||||||
|
--color-primary-bg: var(--color-primary-softer);
|
||||||
|
--color-danger: var(--color-error);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Blur-bg fallback cascade (mirrors zibll behaviour)
|
||||||
|
* ============================================================ */
|
||||||
|
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
|
||||||
|
:root {
|
||||||
|
--blur-bg: var(--surface-1);
|
||||||
|
--header-bg: var(--surface-1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
|
||||||
|
html.dark,
|
||||||
|
body.dark-theme {
|
||||||
|
--blur-bg: #37383a;
|
||||||
|
--header-bg: #37383a;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
body.modal-open,
|
||||||
|
body.dialog-open {
|
||||||
|
--blur-bg: var(--surface-1);
|
||||||
|
--header-bg: var(--surface-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.modal-open .site-nav,
|
||||||
|
body.modal-open .footer-tabbar,
|
||||||
|
body.modal-open .float-right .float-btn,
|
||||||
|
body.dialog-open .site-nav,
|
||||||
|
body.dialog-open .footer-tabbar,
|
||||||
|
body.dialog-open .float-right .float-btn {
|
||||||
|
backdrop-filter: none !important;
|
||||||
|
-webkit-backdrop-filter: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark body.modal-open,
|
||||||
|
html.dark body.dialog-open,
|
||||||
|
body.dark-theme.modal-open,
|
||||||
|
body.dark-theme.dialog-open {
|
||||||
|
--blur-bg: #37383a;
|
||||||
|
--header-bg: #37383a;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Multi-level container responsive — 对齐 zibll --mian-max-width
|
||||||
|
* 不同视口宽度下容器自动调整
|
||||||
|
* ============================================================ */
|
||||||
|
@media (min-width: 992px) {
|
||||||
|
:root {
|
||||||
|
--container: 960px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1200px) {
|
||||||
|
:root {
|
||||||
|
--container: 1140px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 1400px) {
|
||||||
|
:root {
|
||||||
|
--container: 1200px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Dark Theme — 对齐 zibll .dark-theme 精确 hex
|
||||||
|
* body.dark-theme 与 html.dark 同权（zibll 用 body class）
|
||||||
|
* ============================================================ */
|
||||||
|
html.dark,
|
||||||
|
body.dark-theme {
|
||||||
|
--color-ink: #f8fafc; /* zibll --key-color */
|
||||||
|
--color-ink-2: #e5eef7; /* zibll --main-color */
|
||||||
|
--color-ink-3: #b4b6bb; /* zibll --muted-color */
|
||||||
|
--color-ink-4: #888a8f; /* zibll --muted-2-color */
|
||||||
|
|
||||||
|
--surface-page: #292a2d; /* zibll --body-bg-color */
|
||||||
|
--surface-1: #323335; /* zibll --main-bg-color */
|
||||||
|
--surface-2: #2d2e31; /* zibll --muted-bg-color */
|
||||||
|
--surface-3: #3a3c42;
|
||||||
|
--surface-4: #26282d;
|
||||||
|
|
||||||
|
--color-line: rgba(114, 114, 114, 0.1);
|
||||||
|
--color-line-soft: rgba(184, 184, 184, 0.02);
|
||||||
|
--color-line-stronger: rgba(255, 255, 255, 0.12);
|
||||||
|
|
||||||
|
--color-primary-soft: rgba(240, 68, 148, 0.16);
|
||||||
|
--color-primary-softer: rgba(240, 68, 148, 0.08);
|
||||||
|
|
||||||
|
--color-primary-light: var(--color-primary-soft);
|
||||||
|
--color-surface: var(--surface-1);
|
||||||
|
--color-line-strong: var(--color-line);
|
||||||
|
--color-bg-hover: var(--surface-2);
|
||||||
|
--color-border-light: var(--color-line-soft);
|
||||||
|
--color-fill: var(--surface-2);
|
||||||
|
|
||||||
|
--text-secondary: var(--color-ink-3);
|
||||||
|
--text-tertiary: var(--color-ink-4);
|
||||||
|
|
||||||
|
--surface-active: var(--surface-2);
|
||||||
|
--surface-card: var(--surface-1);
|
||||||
|
--surface-hover: var(--surface-2);
|
||||||
|
--surface-secondary: var(--surface-2);
|
||||||
|
|
||||||
|
--shadow-xl: 0 0 10px rgba(24, 24, 24, 0.18);
|
||||||
|
--shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.18);
|
||||||
|
--shadow-sm: 0 0 10px rgba(24, 24, 24, 0.1); /* zibll --main-shadow dark */
|
||||||
|
--shadow: 0 0 10px rgba(24, 24, 24, 0.14);
|
||||||
|
--shadow-lg: 0 14px 36px rgba(0, 0, 0, 0.32);
|
||||||
|
--shadow-drawer: 0 20px 60px rgba(0, 0, 0, 0.60);
|
||||||
|
|
||||||
|
--blur-bg: rgba(50, 51, 53, 0.80);
|
||||||
|
--float-btn-bg: rgba(70, 70, 70, 0.40);
|
||||||
|
--header-bg: var(--blur-bg);
|
||||||
|
--footer-bg: var(--surface-1);
|
||||||
|
--footer-color: var(--color-ink-4);
|
||||||
|
--shadow-md: var(--shadow);
|
||||||
|
|
||||||
|
--skeleton-base: #3a3b3e;
|
||||||
|
--skeleton-shine: #444548;
|
||||||
|
|
||||||
|
/* Multi-color palette — dark mode: same hue, softer tint backgrounds */
|
||||||
|
--aksrt-rose-soft: rgba(244, 63, 94, 0.18);
|
||||||
|
--aksrt-blue-soft: rgba(59, 130, 246, 0.18);
|
||||||
|
--aksrt-green-soft: rgba(16, 185, 129, 0.18);
|
||||||
|
--aksrt-orange-soft:rgba(249, 115, 22, 0.18);
|
||||||
|
--aksrt-purple-soft:rgba(139, 92, 246, 0.18);
|
||||||
|
--aksrt-cyan-soft: rgba(6, 182, 212, 0.18);
|
||||||
|
--aksrt-yellow-soft:rgba(234, 179, 8, 0.18);
|
||||||
|
--aksrt-red-soft: rgba(239, 68, 68, 0.18);
|
||||||
|
--aksrt-teal-soft: rgba(20, 184, 166, 0.18);
|
||||||
|
--aksrt-indigo-soft:rgba(99, 102, 241, 0.18);
|
||||||
|
--aksrt-pink-soft: rgba(236, 72, 153, 0.18);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dark mode component refinements */
|
||||||
|
html.dark .site-nav,
|
||||||
|
body.dark-theme .site-nav {
|
||||||
|
border-bottom-color: var(--color-line);
|
||||||
|
box-shadow: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .footer-tabbar,
|
||||||
|
body.dark-theme .footer-tabbar {
|
||||||
|
background: rgba(50, 51, 53, 0.80);
|
||||||
|
box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.20);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .n-drawer,
|
||||||
|
html.dark .n-modal,
|
||||||
|
html.dark .n-dialog,
|
||||||
|
body.dark-theme .n-drawer,
|
||||||
|
body.dark-theme .n-modal,
|
||||||
|
body.dark-theme .n-dialog {
|
||||||
|
background: var(--surface-1);
|
||||||
|
}
|
||||||
|
|
||||||
|
html.dark .post-card,
|
||||||
|
html.dark .widget,
|
||||||
|
html.dark .aksrt-theme-box,
|
||||||
|
html.dark .theme-box,
|
||||||
|
body.dark-theme .post-card,
|
||||||
|
body.dark-theme .widget,
|
||||||
|
body.dark-theme .aksrt-theme-box,
|
||||||
|
body.dark-theme .theme-box {
|
||||||
|
border-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,212 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT Typography — 1:1 Zibll Alignment
|
||||||
|
*
|
||||||
|
* 对齐 zibll main.css 的排版系统
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ===== 全局标题 — 对齐 zibll line 8947 ===== */
|
||||||
|
h1, h2, h3, h4, h5, h6 {
|
||||||
|
font-weight: 700;
|
||||||
|
margin: 20px 0 10px;
|
||||||
|
color: var(--key-color, #333);
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 { font-size: 22px; }
|
||||||
|
h2 { font-size: 20px; }
|
||||||
|
h3 { font-size: 18px; }
|
||||||
|
h4 { font-size: 16px; }
|
||||||
|
h5 { font-size: 15px; }
|
||||||
|
h6 { font-size: 14px; }
|
||||||
|
|
||||||
|
/* ===== 文章正文 — 对齐 zibll line 8740 ===== */
|
||||||
|
.wp-posts-content,
|
||||||
|
.entry-content,
|
||||||
|
.prose {
|
||||||
|
font-size: 16px;
|
||||||
|
line-height: 2;
|
||||||
|
color: var(--main-color, #4e5358);
|
||||||
|
min-height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== 文章内标题 — 对齐 zibll line 8947 ===== */
|
||||||
|
.wp-posts-content h1,
|
||||||
|
.wp-posts-content h2,
|
||||||
|
.wp-posts-content h3,
|
||||||
|
.wp-posts-content h4,
|
||||||
|
.wp-posts-content h5,
|
||||||
|
.entry-content h1,
|
||||||
|
.entry-content h2,
|
||||||
|
.entry-content h3,
|
||||||
|
.entry-content h4,
|
||||||
|
.entry-content h5,
|
||||||
|
.prose h1,
|
||||||
|
.prose h2,
|
||||||
|
.prose h3,
|
||||||
|
.prose h4,
|
||||||
|
.prose h5 {
|
||||||
|
font-weight: 700;
|
||||||
|
margin: 20px 0 10px;
|
||||||
|
color: var(--key-color, #333);
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-posts-content h1,
|
||||||
|
.entry-content h1,
|
||||||
|
.prose h1 { font-size: 22px; }
|
||||||
|
|
||||||
|
.wp-posts-content h2,
|
||||||
|
.entry-content h2,
|
||||||
|
.prose h2 { font-size: 20px; }
|
||||||
|
|
||||||
|
.wp-posts-content h3,
|
||||||
|
.entry-content h3,
|
||||||
|
.prose h3 { font-size: 18px; }
|
||||||
|
|
||||||
|
.wp-posts-content h4,
|
||||||
|
.entry-content h4,
|
||||||
|
.prose h4 { font-size: 16px; }
|
||||||
|
|
||||||
|
/* ===== 段落 — 对齐 zibll line 8999 ===== */
|
||||||
|
.wp-posts-content p,
|
||||||
|
.entry-content p,
|
||||||
|
.prose p {
|
||||||
|
margin: 0 0 20px;
|
||||||
|
word-wrap: break-word;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== 链接 — 对齐 zibll line 8836 ===== */
|
||||||
|
.wp-posts-content a,
|
||||||
|
.entry-content a,
|
||||||
|
.prose a {
|
||||||
|
color: var(--focus-color, #f04494);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-posts-content a:hover,
|
||||||
|
.entry-content a:hover,
|
||||||
|
.prose a:hover {
|
||||||
|
color: var(--focus-color, #f04494);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== 图片 — 对齐 zibll line 8850 ===== */
|
||||||
|
.wp-posts-content img,
|
||||||
|
.entry-content img,
|
||||||
|
.prose img {
|
||||||
|
max-width: 100%;
|
||||||
|
height: auto;
|
||||||
|
display: block;
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== 内联代码 — 对齐 zibll line 8844 ===== */
|
||||||
|
.wp-posts-content code:not(pre code),
|
||||||
|
.entry-content code:not(pre code),
|
||||||
|
.prose code:not(pre code) {
|
||||||
|
color: #ff3c98;
|
||||||
|
background: rgba(253, 153, 153, 0.2);
|
||||||
|
font-family: var(--font-mono, monospace);
|
||||||
|
font-size: 0.9em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== 代码块 — 对齐 zibll ===== */
|
||||||
|
.wp-posts-content pre,
|
||||||
|
.entry-content pre,
|
||||||
|
.prose pre {
|
||||||
|
position: relative;
|
||||||
|
background: #282c34;
|
||||||
|
color: #abb2bf;
|
||||||
|
padding: 15px;
|
||||||
|
border-radius: var(--main-radius, 8px);
|
||||||
|
overflow-x: auto;
|
||||||
|
font-size: 14px;
|
||||||
|
line-height: 1.5;
|
||||||
|
margin: 0 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-posts-content pre code,
|
||||||
|
.entry-content pre code,
|
||||||
|
.prose pre code {
|
||||||
|
color: inherit;
|
||||||
|
background: none;
|
||||||
|
padding: 0;
|
||||||
|
font-size: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== 表格 — 对齐 zibll line 8897 ===== */
|
||||||
|
.wp-posts-content table,
|
||||||
|
.entry-content table,
|
||||||
|
.prose table {
|
||||||
|
font-size: 14px;
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin: 0 0 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-posts-content th,
|
||||||
|
.wp-posts-content td,
|
||||||
|
.entry-content th,
|
||||||
|
.entry-content td,
|
||||||
|
.prose th,
|
||||||
|
.prose td {
|
||||||
|
border: 1px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-posts-content th,
|
||||||
|
.entry-content th,
|
||||||
|
.prose th {
|
||||||
|
background: var(--muted-border-color, rgba(0, 0, 0, 0.03));
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-posts-content tr:hover,
|
||||||
|
.entry-content tr:hover,
|
||||||
|
.prose tr:hover {
|
||||||
|
background-color: rgba(240, 68, 148, 0.05);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== 列表 — 对齐 zibll line 8977 ===== */
|
||||||
|
.wp-posts-content ul,
|
||||||
|
.wp-posts-content ol,
|
||||||
|
.entry-content ul,
|
||||||
|
.entry-content ol,
|
||||||
|
.prose ul,
|
||||||
|
.prose ol {
|
||||||
|
margin: 10px 0 20px 15px;
|
||||||
|
padding-left: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-posts-content li,
|
||||||
|
.entry-content li,
|
||||||
|
.prose li {
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== 引用 — 对齐 zibll line 680 ===== */
|
||||||
|
.wp-posts-content blockquote,
|
||||||
|
.entry-content blockquote,
|
||||||
|
.prose blockquote {
|
||||||
|
padding: 15px 20px;
|
||||||
|
margin: 0 0 20px;
|
||||||
|
border-left: 4px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||||||
|
background: var(--muted-border-color, rgba(0, 0, 0, 0.03));
|
||||||
|
font-size: 16px;
|
||||||
|
color: var(--muted-color, #777);
|
||||||
|
border-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.wp-posts-content blockquote p:last-child,
|
||||||
|
.entry-content blockquote p:last-child,
|
||||||
|
.prose blockquote p:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== 水平分割线 — 对齐 zibll line 676 ===== */
|
||||||
|
hr {
|
||||||
|
border-color: var(--main-border-color, rgba(50, 50, 50, 0.06));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ===== Strong / Bold ===== */
|
||||||
|
strong, b {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1,530 @@
|
|||||||
|
/**
|
||||||
|
* AKSRT User Home / Author Page — 公开用户主页 & 作者归档页样式
|
||||||
|
*
|
||||||
|
* Zibll 风格作者页布局
|
||||||
|
* 在 /user/{nicename}/ 和 /author/{nicename}/ 加载
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
* Author Hero — 统一的作者头区（与 zibll author-header 对齐）
|
||||||
|
* ============================================================ */
|
||||||
|
.aksrt-author-hero {
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: var(--radius-2xl, 16px);
|
||||||
|
background: var(--surface-1);
|
||||||
|
border: none;
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__cover {
|
||||||
|
position: relative;
|
||||||
|
padding-bottom: calc(20% + 80px);
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__cover-img {
|
||||||
|
position: absolute;
|
||||||
|
inset: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__cover-mask {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
height: 80px;
|
||||||
|
background: linear-gradient(to top, rgba(0, 0, 0, 0.35), transparent);
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__cover-metas {
|
||||||
|
position: absolute;
|
||||||
|
right: 58px;
|
||||||
|
bottom: 12px;
|
||||||
|
z-index: 2;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__cover-meta {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
padding: 4px 10px;
|
||||||
|
border-radius: 999px;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #fff;
|
||||||
|
background: rgba(0, 0, 0, 0.35);
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__cover-meta i {
|
||||||
|
font-size: 11px;
|
||||||
|
opacity: 0.9;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__body {
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
gap: 20px;
|
||||||
|
padding: 18px 28px 24px;
|
||||||
|
margin-top: -60px;
|
||||||
|
position: relative;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__avatar {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__avatar img {
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
border-radius: var(--radius);
|
||||||
|
border: 4px solid var(--surface-1);
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
|
||||||
|
object-fit: cover;
|
||||||
|
transition: transform 0.2s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__avatar img:hover {
|
||||||
|
transform: scale(1.03);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__info {
|
||||||
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
|
padding-top: 65px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__name {
|
||||||
|
margin: 0 0 6px;
|
||||||
|
font-size: 1.35rem;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--color-ink);
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__desc {
|
||||||
|
margin: 0 0 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
line-height: 1.5;
|
||||||
|
max-width: 520px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Body stats row removed for Zibll author parity; counts live in tabs. */
|
||||||
|
.aksrt-author-hero__stats {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 10px;
|
||||||
|
margin-top: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__stat {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
min-height: 34px;
|
||||||
|
padding: 0 14px;
|
||||||
|
border-radius: var(--radius-pill);
|
||||||
|
background: var(--surface-2);
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__stat strong {
|
||||||
|
color: var(--color-ink);
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__contacts {
|
||||||
|
margin-top: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__contacts .profile-social-links {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__actions {
|
||||||
|
flex-shrink: 0;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-end;
|
||||||
|
gap: 10px;
|
||||||
|
padding-top: 68px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__follow-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__follow-btn[aria-disabled="true"] {
|
||||||
|
opacity: 0.72;
|
||||||
|
cursor: not-allowed;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__notice {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
margin: 0 0 18px;
|
||||||
|
padding: 12px 14px;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__notice--muted,
|
||||||
|
.aksrt-author-hero__notice--restricted {
|
||||||
|
color: #92400e;
|
||||||
|
background: rgba(245, 158, 11, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__notice--banned {
|
||||||
|
color: #b91c1c;
|
||||||
|
background: rgba(239, 68, 68, 0.12);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* No-cover variant */
|
||||||
|
.aksrt-author-hero--no-cover {
|
||||||
|
border: 1px solid var(--color-line-soft);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero--no-cover .aksrt-author-hero__body {
|
||||||
|
margin-top: 0;
|
||||||
|
padding-top: 24px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero--no-cover .aksrt-author-hero__info {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero--no-cover .aksrt-author-hero__actions {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Author hero responsive */
|
||||||
|
@media (max-width: 767px) {
|
||||||
|
.aksrt-author-hero__body {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
text-align: center;
|
||||||
|
padding: 12px 16px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__info {
|
||||||
|
padding-top: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__desc {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__stats {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__contacts {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__contacts .profile-social-links {
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__actions {
|
||||||
|
padding-top: 0;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.aksrt-author-hero__cover {
|
||||||
|
padding-bottom: calc(20% + 60px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__body {
|
||||||
|
margin-top: -40px;
|
||||||
|
gap: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__avatar img {
|
||||||
|
width: 90px;
|
||||||
|
height: 90px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__name {
|
||||||
|
font-size: 1.15rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.aksrt-user-home .aksrt-user-home__layout {
|
||||||
|
align-items: start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .aksrt-user-home__aside {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
gap: 18px;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.aksrt-user-home .aksrt-user-home__contacts .profile-social-links {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .user-home-balance-card {
|
||||||
|
padding: 28px;
|
||||||
|
border-radius: var(--radius-lg, 12px);
|
||||||
|
background: linear-gradient(135deg, rgba(59, 130, 246, 0.08), rgba(15, 23, 42, 0.04));
|
||||||
|
border: 1px solid var(--color-line-soft, rgba(0, 0, 0, 0.06));
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .user-home-balance-card__label {
|
||||||
|
margin: 0 0 10px;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
font-size: 13px;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .user-home-balance-card__value {
|
||||||
|
font-size: clamp(28px, 4vw, 40px);
|
||||||
|
font-weight: 800;
|
||||||
|
line-height: 1;
|
||||||
|
color: var(--color-ink);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .user-home-balance-card__hint {
|
||||||
|
margin: 14px 0 18px;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 内容区卡片 — 覆盖全局 .dashboard max-width，与头部卡片等宽 */
|
||||||
|
.aksrt-user-home .dashboard--public {
|
||||||
|
max-width: none;
|
||||||
|
background: var(--surface-1);
|
||||||
|
border-radius: var(--radius-2xl, 16px);
|
||||||
|
padding: 24px;
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tab 栏增强 */
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs {
|
||||||
|
display: flex;
|
||||||
|
gap: 4px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
border-bottom: 2px solid var(--color-line-soft, rgba(0,0,0,0.06));
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs button {
|
||||||
|
padding: 8px 16px;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--color-ink-3);
|
||||||
|
background: transparent;
|
||||||
|
border: none;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs button:hover {
|
||||||
|
color: var(--color-ink);
|
||||||
|
background: var(--surface-2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs button.is-active {
|
||||||
|
color: var(--color-primary);
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs button.is-active::after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
bottom: -14px;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
width: 24px;
|
||||||
|
height: 2px;
|
||||||
|
background: var(--color-primary);
|
||||||
|
border-radius: 1px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs__count {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-width: 18px;
|
||||||
|
height: 18px;
|
||||||
|
padding: 0 5px;
|
||||||
|
margin-left: 5px;
|
||||||
|
font-size: 11px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 1;
|
||||||
|
color: var(--color-ink-4);
|
||||||
|
background: var(--surface-3);
|
||||||
|
border-radius: 100px;
|
||||||
|
font-variant-numeric: tabular-nums;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs button.is-active .dashboard-tabs__count {
|
||||||
|
color: var(--color-primary);
|
||||||
|
background: var(--color-primary-soft);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* 面板内容 */
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-panel {
|
||||||
|
animation: panel-fade-in 0.25s ease;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes panel-fade-in {
|
||||||
|
from { opacity: 0; transform: translateY(6px); }
|
||||||
|
to { opacity: 1; transform: translateY(0); }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 焦点状态（无障碍）==================== */
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs button:focus-visible {
|
||||||
|
outline: 2px solid var(--color-primary);
|
||||||
|
outline-offset: 2px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 空状态增强 ==================== */
|
||||||
|
.aksrt-user-home .profile-empty {
|
||||||
|
padding: 48px 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .profile-empty__icon {
|
||||||
|
width: 56px;
|
||||||
|
height: 56px;
|
||||||
|
margin-bottom: 14px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ==================== 响应式 ==================== */
|
||||||
|
@media (max-width: 640px) {
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs {
|
||||||
|
overflow-x: auto;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
scrollbar-width: none;
|
||||||
|
-ms-overflow-style: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs::-webkit-scrollbar {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard--public .dashboard-tabs button {
|
||||||
|
flex-shrink: 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
/* User-home follow tab */
|
||||||
|
.aksrt-user-home .uh-follow__subtabs {
|
||||||
|
display: flex;
|
||||||
|
gap: 4px;
|
||||||
|
margin-bottom: 16px;
|
||||||
|
padding-bottom: 12px;
|
||||||
|
border-bottom: 1px solid var(--c-border, #e8e8e8);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .uh-follow__subtab {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 4px;
|
||||||
|
padding: 6px 14px;
|
||||||
|
border-radius: var(--radius-pill, 999px);
|
||||||
|
font-size: 13px;
|
||||||
|
color: var(--c-text-3, #999);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: all .2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .uh-follow__subtab:hover {
|
||||||
|
color: var(--c-text-1, #333);
|
||||||
|
background: var(--c-fill-1, #f5f5f5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .uh-follow__subtab.is-active {
|
||||||
|
background: var(--c-primary, #1890ff);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .uh-follow__subtab-count {
|
||||||
|
font-size: 11px;
|
||||||
|
opacity: .7;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .uh-follow__pagination {
|
||||||
|
margin-top: 16px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Full-width public home (Zibll author: no commerce sidebar) */
|
||||||
|
.aksrt-user-home .content-layout--no-sidebar .content-layout__primary {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-user-home .dashboard-tabs__count.opacity8 {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-author-hero__identity {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
align-items: center;
|
||||||
|
gap: 6px;
|
||||||
|
margin-top: .15rem;
|
||||||
|
}
|
||||||
|
.aksrt-author-hero__identity .aksrt-ip-geo-badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
height: 26px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0 8px;
|
||||||
|
border-radius: 999px;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 26px;
|
||||||
|
}
|
||||||
|
.aksrt-author-hero__identity .aksrt-medal-entry,
|
||||||
|
.aksrt-author-hero__identity .badg { height: 26px; box-sizing: border-box; margin: 0; padding: 0 8px; border-radius: 999px; font-size: 12px; line-height: 26px; }
|
||||||
|
.aksrt-profile-details-modal { position: fixed; inset: 0; z-index: 10001; display: grid; place-items: center; padding: 20px; }
|
||||||
|
.aksrt-profile-details-modal[hidden] { display: none !important; }
|
||||||
|
.aksrt-profile-details-modal__backdrop { position: absolute; inset: 0; background: rgba(10, 15, 22, .52); }
|
||||||
|
.aksrt-profile-details-modal__dialog { position: relative; width: min(100%, 420px); padding: 24px; border-radius: 16px; background: var(--color-card, #fff); box-shadow: 0 24px 64px rgba(0,0,0,.24); }
|
||||||
|
.aksrt-profile-details-modal__dialog h2 { margin: 0 28px 16px 0; font-size: 18px; }
|
||||||
|
.aksrt-profile-details-modal__dialog dl { display: grid; gap: 12px; margin: 0; }
|
||||||
|
.aksrt-profile-details-modal__dialog dl div { display: grid; grid-template-columns: 84px 1fr; gap: 12px; }
|
||||||
|
.aksrt-profile-details-modal__dialog dt { color: var(--color-muted, #6b7280); }
|
||||||
|
.aksrt-profile-details-modal__dialog dd { margin: 0; overflow-wrap: anywhere; }
|
||||||
|
.aksrt-profile-details-modal__close { position: absolute; top: 12px; right: 12px; width: 32px; height: 32px; border: 0; border-radius: 50%; background: transparent; font-size: 24px; cursor: pointer; }
|
||||||
|
|
||||||
@@ -0,0 +1,365 @@
|
|||||||
|
/**
|
||||||
|
* VIP pay modal + hover cards (zibll payvip-modal / vip-card).
|
||||||
|
*/
|
||||||
|
|
||||||
|
.aksrt-vip-modal-panel {
|
||||||
|
width: min(560px, 100%);
|
||||||
|
max-height: min(90vh, 760px);
|
||||||
|
overflow: auto;
|
||||||
|
background: var(--main-bg-color, #fff);
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* VIP now uses the shared modal runtime host. */
|
||||||
|
.aksrt-modal-runtime.aksrt-vip-modal-shell {
|
||||||
|
z-index: 1200;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime.aksrt-vip-modal-shell .aksrt-modal-runtime__dialog {
|
||||||
|
width: min(560px, 100%);
|
||||||
|
max-height: min(90vh, 760px);
|
||||||
|
background: var(--main-bg-color, #fff);
|
||||||
|
border-radius: 12px;
|
||||||
|
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.22);
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-modal-runtime.aksrt-vip-modal-shell .aksrt-modal-runtime__content {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.payvip-modal {
|
||||||
|
position: relative;
|
||||||
|
padding: 18px 16px 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-vip-points-modal__title {
|
||||||
|
margin: 0 0 6px;
|
||||||
|
padding-right: 24px;
|
||||||
|
font-size: 20px;
|
||||||
|
}
|
||||||
|
.aksrt-vip-points-modal__desc,
|
||||||
|
.aksrt-vip-points-modal__note {
|
||||||
|
margin: 0 0 12px;
|
||||||
|
color: var(--muted-color, #777);
|
||||||
|
font-size: 13px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.aksrt-vip-points-modal__balance {
|
||||||
|
display: flex;
|
||||||
|
align-items: baseline;
|
||||||
|
justify-content: space-between;
|
||||||
|
gap: 12px;
|
||||||
|
margin: 0 0 14px;
|
||||||
|
padding: 12px 14px;
|
||||||
|
border: 1px solid rgba(16, 185, 129, 0.2);
|
||||||
|
border-radius: 10px;
|
||||||
|
background: rgba(16, 185, 129, 0.08);
|
||||||
|
}
|
||||||
|
.aksrt-vip-points-modal__balance-label { color: var(--muted-color, #777); font-size: 13px; }
|
||||||
|
.aksrt-vip-points-modal__balance-value { color: #047857; font-size: 17px; }
|
||||||
|
.aksrt-vip-points-modal__packages { display: grid; gap: 9px; margin-bottom: 14px; }
|
||||||
|
.aksrt-vip-points-option { display: block; cursor: pointer; }
|
||||||
|
.aksrt-vip-points-option > input {
|
||||||
|
position: absolute;
|
||||||
|
width: 1px;
|
||||||
|
height: 1px;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
.aksrt-vip-points-option__card {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr auto;
|
||||||
|
gap: 4px 10px;
|
||||||
|
padding: 12px 13px;
|
||||||
|
border: 1px solid var(--color-line, rgba(0, 0, 0, 0.1));
|
||||||
|
border-radius: 10px;
|
||||||
|
background: var(--main-bg-color, #fff);
|
||||||
|
transition: border-color .15s ease, box-shadow .15s ease;
|
||||||
|
}
|
||||||
|
.aksrt-vip-points-option__title { font-size: 14px; }
|
||||||
|
.aksrt-vip-points-option__days { color: var(--muted-color, #777); font-size: 12px; }
|
||||||
|
.aksrt-vip-points-option__cost { grid-row: 1 / span 2; grid-column: 2; align-self: center; color: #047857; font-size: 14px; font-weight: 700; }
|
||||||
|
.aksrt-vip-points-option > input:checked + .aksrt-vip-points-option__card {
|
||||||
|
border-color: #10b981;
|
||||||
|
box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.14);
|
||||||
|
}
|
||||||
|
.aksrt-vip-points-option > input:focus-visible + .aksrt-vip-points-option__card { outline: 3px solid rgba(16, 185, 129, 0.3); outline-offset: 2px; }
|
||||||
|
.aksrt-vip-points-option.is-disabled { cursor: not-allowed; opacity: .55; }
|
||||||
|
.aksrt-vip-points-option.is-disabled .aksrt-vip-points-option__cost { color: #b91c1c; }
|
||||||
|
.aksrt-vip-points-modal__empty { padding: 22px 12px; color: var(--muted-color, #777); text-align: center; }
|
||||||
|
.aksrt-vip-points-submit {
|
||||||
|
width: 100%;
|
||||||
|
min-height: 42px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 999px;
|
||||||
|
color: #fff;
|
||||||
|
background: linear-gradient(90deg, #059669, #10b981);
|
||||||
|
cursor: pointer;
|
||||||
|
font: inherit;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
.aksrt-vip-points-submit:disabled { cursor: not-allowed; opacity: .5; }
|
||||||
|
.aksrt-vip-points-submit.is-loading { cursor: wait; opacity: .7; }
|
||||||
|
.aksrt-vip-points-modal__tip { min-height: 1.4em; margin: 9px 0 0; }
|
||||||
|
@media (max-width: 480px) {
|
||||||
|
.aksrt-vip-points-modal { padding: 16px 13px 14px; }
|
||||||
|
.aksrt-vip-points-modal__balance { align-items: flex-start; flex-direction: column; gap: 3px; }
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.aksrt-modal-close {
|
||||||
|
position: absolute;
|
||||||
|
top: 8px;
|
||||||
|
right: 12px;
|
||||||
|
border: 0;
|
||||||
|
background: transparent;
|
||||||
|
font-size: 22px;
|
||||||
|
line-height: 1;
|
||||||
|
cursor: pointer;
|
||||||
|
color: inherit;
|
||||||
|
opacity: 0.65;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-cardminis {
|
||||||
|
list-style: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
gap: 8px;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-cardminis > li {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-cardminis a.aksrt-vip-tab {
|
||||||
|
display: block;
|
||||||
|
text-align: center;
|
||||||
|
padding: 10px 8px;
|
||||||
|
border-radius: 8px;
|
||||||
|
background: var(--surface-2, rgba(0, 0, 0, 0.05));
|
||||||
|
color: inherit;
|
||||||
|
text-decoration: none;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-cardminis > li.active a.aksrt-vip-tab {
|
||||||
|
background: linear-gradient(90deg, #ff6b6b, #f04494);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.pay-vip-form-row {
|
||||||
|
display: grid;
|
||||||
|
gap: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (min-width: 640px) {
|
||||||
|
.pay-vip-form-row {
|
||||||
|
grid-template-columns: 1fr 1.2fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-vip-level-header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 8px;
|
||||||
|
min-width: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-vip-level-header .aksrt-vip-level-icon {
|
||||||
|
flex: 0 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
padding: 12px;
|
||||||
|
border-radius: 10px;
|
||||||
|
background: var(--surface-2, rgba(0, 0, 0, 0.04));
|
||||||
|
}
|
||||||
|
|
||||||
|
.pay-vip-info.level-1 {
|
||||||
|
background: linear-gradient(135deg, rgba(255, 193, 7, 0.12), rgba(255, 152, 0, 0.08));
|
||||||
|
}
|
||||||
|
|
||||||
|
.pay-vip-info.level-2 {
|
||||||
|
background: linear-gradient(135deg, rgba(156, 39, 176, 0.12), rgba(63, 81, 181, 0.08));
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Modal-only equity (admin HTML; no forced bullets) */
|
||||||
|
.payvip-modal .v-equity,
|
||||||
|
.aksrt-vip-modal-panel .v-equity {
|
||||||
|
display: block;
|
||||||
|
list-style: none;
|
||||||
|
margin: 8px 0 0;
|
||||||
|
padding: 0;
|
||||||
|
font-size: 12px;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.payvip-modal .v-equity > li,
|
||||||
|
.aksrt-vip-modal-panel .v-equity > li {
|
||||||
|
display: block;
|
||||||
|
margin: 0 0 6px;
|
||||||
|
padding: 0;
|
||||||
|
list-style: none;
|
||||||
|
}
|
||||||
|
.payvip-modal .v-equity > li::before,
|
||||||
|
.payvip-modal .v-equity > li::after,
|
||||||
|
.aksrt-vip-modal-panel .v-equity > li::before,
|
||||||
|
.aksrt-vip-modal-panel .v-equity > li::after {
|
||||||
|
content: none !important;
|
||||||
|
display: none !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-vip-products {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-vip-product-label {
|
||||||
|
display: block;
|
||||||
|
cursor: pointer;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-vip-product-label input {
|
||||||
|
position: absolute;
|
||||||
|
opacity: 0;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-product {
|
||||||
|
position: relative;
|
||||||
|
padding: 12px 8px;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid rgba(0, 0, 0, 0.08);
|
||||||
|
background: var(--main-bg-color, #fff);
|
||||||
|
transition: border-color 0.15s, box-shadow 0.15s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-vip-product-label input:checked + .vip-product {
|
||||||
|
border-color: #f04494;
|
||||||
|
box-shadow: 0 0 0 1px #f04494;
|
||||||
|
}
|
||||||
|
|
||||||
|
.product-price {
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-tag {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
font-size: 11px;
|
||||||
|
padding: 2px 6px;
|
||||||
|
border-radius: 0 10px 0 8px;
|
||||||
|
background: #ffc107;
|
||||||
|
color: #5c3b00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-vip-submit {
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 8px;
|
||||||
|
border: 0;
|
||||||
|
border-radius: 999px;
|
||||||
|
padding: 12px 16px;
|
||||||
|
background: linear-gradient(90deg, #ff6b6b, #f04494);
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.aksrt-vip-submit.is-loading,
|
||||||
|
.aksrt-vip-submit:disabled {
|
||||||
|
opacity: 0.7;
|
||||||
|
cursor: wait;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uc-vip-shop__tip.is-error {
|
||||||
|
color: #e74c3c;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Header hover VIP cards
|
||||||
|
* Markup: .navbar-vip > .navbar-vip-hover.hover-show > a + .hover-show-con.sub-vip-card
|
||||||
|
* (hover-show is on the INNER span, not on .navbar-vip itself)
|
||||||
|
*/
|
||||||
|
.navbar-vip-hover.hover-show,
|
||||||
|
.navbar-vip .hover-show {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sub-vip-card {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
top: calc(100% + 0px);
|
||||||
|
right: 0;
|
||||||
|
z-index: 60;
|
||||||
|
width: max-content;
|
||||||
|
max-width: min(520px, 92vw);
|
||||||
|
padding: 10px;
|
||||||
|
padding-top: 12px; /* hover bridge */
|
||||||
|
border-radius: 12px;
|
||||||
|
background: transparent;
|
||||||
|
box-shadow: none;
|
||||||
|
gap: 10px;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navbar-vip-hover.hover-show:hover .sub-vip-card,
|
||||||
|
.navbar-vip-hover.hover-show:focus-within .sub-vip-card,
|
||||||
|
.navbar-vip .hover-show:hover .sub-vip-card,
|
||||||
|
.navbar-vip .hover-show:focus-within .sub-vip-card {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-card {
|
||||||
|
position: relative;
|
||||||
|
flex: 1 1 160px;
|
||||||
|
min-width: 150px;
|
||||||
|
padding: 14px 12px;
|
||||||
|
border-radius: 10px;
|
||||||
|
overflow: hidden;
|
||||||
|
background: linear-gradient(135deg, #2b2f3a, #1b1e27);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-card.vip-theme1 {
|
||||||
|
background: linear-gradient(135deg, #f6c453, #f39c12);
|
||||||
|
color: #3b2a00;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-card.vip-theme2 {
|
||||||
|
background: linear-gradient(135deg, #8e44ad, #3f51b5);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-card .payvip-button {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 6px;
|
||||||
|
padding: 6px 12px;
|
||||||
|
border-radius: 999px;
|
||||||
|
background: rgba(255, 255, 255, 0.92);
|
||||||
|
color: #333;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.vipbg-v2 {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
gap: 4px;
|
||||||
|
padding: 8px 10px;
|
||||||
|
border-radius: 8px;
|
||||||
|
color: #fff;
|
||||||
|
background: linear-gradient(90deg, #ffb347, #ff6b6b);
|
||||||
|
}
|
||||||
|
|
||||||
|
.vipbg-v2.level-2 {
|
||||||
|
background: linear-gradient(90deg, #9b59b6, #3f51b5);
|
||||||
|
}
|
||||||
|
|
||||||
|
.vip-expdate-tag {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
lass="fixed-body" data-toggle-class="mobile-navbar-show" data-target="body"></div></div><div class="header-slider-container relative mb20 card-4 filter-blur"><div class="relative zib-slider"><div class="new-swiper slide-index slide-header" data-direction="horizontal" data-effect="slide" data-loop="true" data-autoplay="1" data-interval="6000" data-spaceBetween="0" style="--m-height :280px;--pc-height :550px;"><div class="swiper-wrapper"><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/slider-bg.jpg" alt="幻灯片 - Demo本地"></a></div><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/user_t.jpg" alt="幻灯片 - Demo本地"></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination kaoyou"></div></div></div><div class="header-slider-search abs-center"><div class="header-slider-search-more text-center before">更优雅的WordPress主题这是导航栏幻灯片多功能组件，可在后台进行配置</div><div class="search-input"><form method="get" class="padding-10 search-form" action="https://localhost/"><div class="line-form"><div class="search-input-text"><input type="text" name="s" class="line-form-input" tabindex="1" value=""><i class="line-form-line"></i><div class="scale-placeholder" default="开启精彩搜索">开启精彩搜索</div><div class="abs-right muted-color"><button type="submit" tabindex="2" class="null" aria-label="搜索"><i class="fa fas fa-search" aria-hidden="true"></i></button></div></div><input type="hidden" name="type" value="post"></div></form></div></div><div class="header-slider-card container"><div class="flex jse flex-row gutters-5 flex-col-sm-2"><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-yellow" style="font-size: 25px;"><i class="fa fas fa-home em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 图标卡片</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-blue-2" style="font-size: 25px;"><i class="fa fas fa-cog em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 原创作品</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-pink" style="font-size: 25px;"><i class="fa fas fa-wrench em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 灵感来源NEW</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-cyan" style="font-size: 25px;"><i class="fa fas fa-shield-alt em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 系统工具 GO</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div></div></div></div>
|
||||||
@@ -0,0 +1,35 @@
|
|||||||
|
aksrt-gutenberg-blocks-front
|
||||||
|
aksrt-style
|
||||||
|
aksrt-tokens
|
||||||
|
aksrt-core-reset
|
||||||
|
aksrt-core-typography
|
||||||
|
aksrt-core-buttons
|
||||||
|
aksrt-core-forms
|
||||||
|
aksrt-core-alerts
|
||||||
|
aksrt-ext-animations
|
||||||
|
aksrt-ext-components-ext
|
||||||
|
aksrt-ext-color-utilities
|
||||||
|
aksrt-base
|
||||||
|
aksrt-card-primitives
|
||||||
|
aksrt-overlay-primitives
|
||||||
|
aksrt-layout
|
||||||
|
aksrt-footer
|
||||||
|
aksrt-floating-buttons
|
||||||
|
aksrt-enhancements
|
||||||
|
aksrt-skeleton
|
||||||
|
aksrt-empty-state
|
||||||
|
aksrt-pagination
|
||||||
|
aksrt-ajax-spinner
|
||||||
|
aksrt-modal-runtime
|
||||||
|
aksrt-vip-modal
|
||||||
|
aksrt-post-card
|
||||||
|
aksrt-sidebar
|
||||||
|
aksrt-breadcrumb
|
||||||
|
aksrt-homepage-fixed-base-1
|
||||||
|
aksrt-homepage-fixed-base-2
|
||||||
|
aksrt-homepage-fixed-base-3
|
||||||
|
aksrt-homepage-fixed-ajax-tab-skeleton-placeholder
|
||||||
|
aksrt-homepage-fixed
|
||||||
|
aksrt-notyf
|
||||||
|
aksrt-site-notice
|
||||||
|
aksrt-widget-system
|
||||||
@@ -0,0 +1,459 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="zh-Hans" class="dark" data-theme="dark">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
|
||||||
|
<title>Demo本地</title>
|
||||||
|
<meta name='robots' content='noindex, nofollow' />
|
||||||
|
|
||||||
|
<!-- AKSRT SEO -->
|
||||||
|
<link rel="canonical" href="https://localhost/">
|
||||||
|
<meta property="og:type" content="website">
|
||||||
|
<meta property="og:locale" content="zh_CN">
|
||||||
|
<meta property="og:site_name" content="Demo本地">
|
||||||
|
<meta property="og:title" content="Demo本地">
|
||||||
|
<meta property="og:url" content="https://localhost/">
|
||||||
|
<meta name="twitter:card" content="summary">
|
||||||
|
<meta name="twitter:title" content="Demo本地">
|
||||||
|
<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://localhost/#website","url":"https://localhost/","name":"Demo本地","inLanguage":"zh_CN"}]}</script>
|
||||||
|
<!-- /AKSRT SEO -->
|
||||||
|
<style id="wp-img-auto-sizes-contain-inline-css">
|
||||||
|
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
|
||||||
|
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
|
||||||
|
</style>
|
||||||
|
<style id="wp-emoji-styles-inline-css">
|
||||||
|
|
||||||
|
img.wp-smiley, img.emoji {
|
||||||
|
display: inline !important;
|
||||||
|
border: none !important;
|
||||||
|
box-shadow: none !important;
|
||||||
|
height: 1em !important;
|
||||||
|
width: 1em !important;
|
||||||
|
margin: 0 0.07em !important;
|
||||||
|
vertical-align: -0.1em !important;
|
||||||
|
background: none !important;
|
||||||
|
padding: 0 !important;
|
||||||
|
}
|
||||||
|
/*# sourceURL=wp-emoji-styles-inline-css */
|
||||||
|
</style>
|
||||||
|
<style id="wp-block-library-inline-css">
|
||||||
|
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}
|
||||||
|
|
||||||
|
/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */
|
||||||
|
</style>
|
||||||
|
<style id="wp-block-paragraph-inline-css">
|
||||||
|
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}
|
||||||
|
/*# sourceURL=https://localhost/wp-includes/blocks/paragraph/style.min.css */
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<style id="classic-theme-styles-inline-css">
|
||||||
|
/*! This file is auto-generated */
|
||||||
|
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
|
||||||
|
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<link rel='stylesheet' id='aksrt-gutenberg-blocks-front-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/gutenberg-blocks.css?ver=1786618985' media='all' />
|
||||||
|
<style id="global-styles-inline-css">
|
||||||
|
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preLine truncated
|
||||||
|
/*# sourceURL=global-styles-inline-css */
|
||||||
|
</style>
|
||||||
|
|
||||||
|
<link rel='stylesheet' id='_bootstrap-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/css/bootstrap.min.css?ver=3.4.1' media='all' />
|
||||||
|
<link rel='stylesheet' id='_fontawesome-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/fontawesome5/css/all.min.css?ver=5.15.4' media='all' />
|
||||||
|
<link rel='stylesheet' id='_main-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/css/main.min.css?ver=3.4.0-dev' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-style-css' href='https://localhost/wp-content/themes/AKSRT-theme/style.css?ver=3.4.0-dev' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-tokens-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/tokens.css?ver=1787040440' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-reset-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/reset.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-typography-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/typography.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-buttons-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/buttons.css?ver=1787057375' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-forms-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/forms.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-core-alerts-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/alerts.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-ext-animations-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/animations.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-ext-components-ext-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/components-ext.css?ver=1787057375' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-ext-color-utilities-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/core/color-utilities.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-base-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/base.css?ver=1787147463' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-card-primitives-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/card-primitives.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-overlay-primitives-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/overlay-primitives.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-layout-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/layout.css?ver=1787069297' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-footer-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/footer.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-floating-buttons-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/floating-buttons.css?ver=1784947856' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-enhancements-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/enhancements.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-skeleton-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/skeleton.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-empty-state-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/empty-state.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-pagination-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/pagination.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-ajax-spinner-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/ajax-spinner.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-modal-runtime-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/modal-runtime.css?ver=1785860393' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-vip-modal-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/vip-modal.css?ver=1786994318' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-post-card-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/post-card.css?ver=1787057375' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-sidebar-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/sidebar.css?ver=1785552027' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-breadcrumb-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/breadcrumb.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-base-1-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/base-1.css?ver=1787069297' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-base-2-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/base-2.css?ver=1787040440' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-base-3-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/base-3.css?ver=1787040440' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-ajax-tab-skeleton-placeholder-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/ajax-tab-skeleton-placeholder.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-homepage-fixed-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/homepage-fixed/ajax-tab-error-state.css?ver=1787040440' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-notyf-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/notyf.css?ver=1787057375' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-site-notice-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/css/frontend/site-notice.css?ver=1784854384' media='all' />
|
||||||
|
<link rel='stylesheet' id='aksrt-widget-system-css' href='https://localhost/wp-content/themes/AKSRT-theme/assets/widgets/frontend.css?ver=1787130099' media='all' />
|
||||||
|
<script id="jquery-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/js/libs/jquery.min.js?ver=1.9.1"></script>
|
||||||
|
<script id="aksrt-passive-events-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/passive-events.js?ver=3.4.0-dev"></script>
|
||||||
|
<script id="aksrt-instant-page-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/instant-page.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-content-protect-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/content-protect.js?ver=1784854384"></script>
|
||||||
|
<link rel="https://api.w.org/" href="https://localhost/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://localhost/xmlrpc.php?rsd" />
|
||||||
|
<meta name="generator" content="WordPress 7.0.2" />
|
||||||
|
<style id="aksrt-runtime-vars">:root{--content-max:1200px;--content-no-sidebar-max:980px;--container:1200px;--container-wide:1360px;--mian-max-width:1200px;--sidebar-width:311px;--color-primary:#f04494;--color-primary-hover:#D33C82;--color-primary-active:#BB3573;--color-primary-soft:rgba(240, 68, 148, 0.12);--color-primary-softer:rgba(240, 68, 148, 0.06);--color-primary-rgb:240, 68, 148;--focus-color:#f04494;--radius-sm:6px;--radius:8px;--radius-card:12px;--main-radius:8px;--radius-btn:8px;--radius-code:8px;--radius-lg:12px;--radius-xl:18px;--shadow-md:0 8px 24px rgba(20, 28, 48, 0.10);--main-shadow:rgba(116, 116, 116, 0.08);--font-body:"Source Serif 4", "Noto Serif SC", Georgia, "Songti SC", "STSong", serif;--font-display:"Source Serif 4", "Noto Serif SC", Georgia, "Songti SC", "STSong", serif;--font-ui:Inter, Manrope, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:Inter, Manrope, "Noto Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--aksrt-logo-width:150px;--nav-height:60px;--single-cover-scale:35%;--posts-list-scale:70%;--posts-card-scale:70%;--aksrt-logo-url:"https://localhost/wp-content/uploads/2026/07/alphabet_96900.png";--aksrt-logo-dark-url:"https://localhost/wp-content/uploads/2026/07/alphabet_96900.png";--aksrt-favicon:"https://localhost/wp-content/uploads/2026/07/alphabet_96900.png";}</style>
|
||||||
|
<style id="aksrt-post-list-mobile-meta">@media (max-width:640px){.meta-right .meta-like{display:unset!important}}</style>
|
||||||
|
<style id="aksrt-runtime-components">.aksrt-search-hot-keywords{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;font-family:var(--font-ui);}.aksrt-search-hot-keywords__label{font-size:12px;color:var(--color-ink-3);}.aksrt-search-hot-keywords__list{display:flex;gap:8px;flex-wrap:wrap;}.aksrt-search-hot-keywords__item{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:var(--surface-2,#f3f4f6);color:var(--color-ink-2,#374151);font-size:12px;line-height:1.4;text-decoration:none;}.aksrt-search-hot-keywords__item:hover{background:var(--color-primary,#2563eb);color:#fff;}.site-footer__copyright--extra{margin-top:8px;opacity:.78;}</style>
|
||||||
|
<link rel="icon" href="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" sizes="32x32" />
|
||||||
|
<link rel="icon" href="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" sizes="192x192" />
|
||||||
|
<link rel="apple-touch-icon" href="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" />
|
||||||
|
<meta name="msapplication-TileImage" content="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" />
|
||||||
|
</head>
|
||||||
|
<body class="home blog wp-embed-responsive wp-theme-AKSRT-theme nav-fixed theme-dark dark-theme header-layout-1 mobile-header-center mobile-nav-left front-page aksrt-homepage-layout aksrt-homepage-active site-layout-2" data-theme="dark">
|
||||||
|
<style id="aksrt-loading-css">
|
||||||
|
.aksrt-loading-overlay{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;background:var(--bg-card,#fff);transition:opacity .4s ease,visibility .4s ease}
|
||||||
|
.aksrt-loading-overlay .loader{width:48px;height:48px;position:relative}
|
||||||
|
[data-loading-style="no1"] .loader{border:4px solid var(--color-primary-soft,rgba(240,68,148,.15));border-top-color:var(--color-primary,#f04494);border-radius:50%;animation:aksrt-load-spin .8s linear infinite}
|
||||||
|
[data-loading-style="no2"] .loader{border:4px solid var(--color-primary-soft,rgba(240,68,148,.15));border-radius:50%;animation:aksrt-load-pulse 1.2s ease-in-out infinite}
|
||||||
|
[data-loading-style="no3"] .loader::before,[data-loading-style="no3"] .loader::after{content:'';position:absolute;border-radius:50%;animation:aksrt-load-ripple 1.6s linear infinite;border:3px solid var(--color-primary,#f04494);inset:0}
|
||||||
|
[data-loading-style="no3"] .loader::after{animation-delay:-.8s}
|
||||||
|
[data-loading-style="no4"] .loader{display:flex;gap:6px;align-items:center;justify-content:center}
|
||||||
|
[data-loading-style="no4"] .loader::before,[data-loading-style="no4"] .loader::after,[data-loading-style="no4"] .loader i{width:12px;height:12px;border-radius:50%;background:var(--color-primary,#f04494);display:block;animation:aksrt-load-bounce .6s ease-in-out infinite alternate}
|
||||||
|
[data-loading-style="no4"] .loader::after{animation-delay:.2s}
|
||||||
|
[data-loading-style="no4"] .loader i{animation-delay:.4s}
|
||||||
|
[data-loading-style="no5"] .loader{background:var(--color-primary,#f04494);animation:aksrt-load-rotate-square 1.2s ease-in-out infinite}
|
||||||
|
[data-loading-style="no6"] .loader{width:60px;height:6px;border-radius:3px;background:var(--color-primary-soft,rgba(240,68,148,.15));overflow:hidden;position:relative}
|
||||||
|
[data-loading-style="no6"] .loader::after{content:'';position:absolute;left:-40%;top:0;width:40%;height:100%;background:var(--color-primary,#f04494);border-radius:3px;animation:aksrt-load-bar 1.2s ease-in-out infinite}
|
||||||
|
[data-loading-style="no7"] .loader{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}
|
||||||
|
[data-loading-style="no7"] .loader i{width:12px;height:12px;background:var(--color-primary,#f04494);border-radius:2px;animation:aksrt-load-grid-fade 1s ease-in-out infinite}
|
||||||
|
[data-loading-style="no7"] .loader i:nth-child(1){animation-delay:0s}[data-loading-style="no7"] .loader i:nth-child(2){animation-delay:.1s}[data-loading-style="no7"] .loader i:nth-child(3){animation-delay:.2s}
|
||||||
|
[data-loading-style="no7"] .loader i:nth-child(4){animation-delay:.3s}[data-loading-style="no7"] .loader i:nth-child(5){animation-delay:.4s}[data-loading-style="no7"] .loader i:nth-child(6){animation-delay:.5s}
|
||||||
|
[data-loading-style="no7"] .loader i:nth-child(7){animation-delay:.6s}[data-loading-style="no7"] .loader i:nth-child(8){animation-delay:.7s}[data-loading-style="no7"] .loader i:nth-child(9){animation-delay:.8s}
|
||||||
|
[data-loading-style="no8"] .loader{display:flex;gap:5px;align-items:flex-end;height:40px}
|
||||||
|
[data-loading-style="no8"] .loader i{width:6px;background:var(--color-primary,#f04494);border-radius:2px;animation:aksrt-load-wave 1s ease-in-out infinite}
|
||||||
|
[data-loading-style="no8"] .loader i:nth-child(1){animation-delay:0s}[data-loading-style="no8"] .loader i:nth-child(2){animation-delay:.1s}[data-loading-style="no8"] .loader i:nth-child(3){animation-delay:.2s}
|
||||||
|
[data-loading-style="no8"] .loader i:nth-child(4){animation-delay:.3s}[data-loading-style="no8"] .loader i:nth-child(5){animation-delay:.4s}
|
||||||
|
[data-loading-style="no9"] .loader{display:flex;gap:8px;align-items:center;justify-content:center}
|
||||||
|
[data-loading-style="no9"] .loader i{width:10px;height:10px;background:var(--color-primary,#f04494);border-radius:50%;animation:aksrt-load-dot-scale .8s ease-in-out infinite alternate}
|
||||||
|
[data-loading-style="no9"] .loader i:nth-child(2){animation-delay:.15s}[data-loading-style="no9"] .loader i:nth-child(3){animation-delay:.3s}
|
||||||
|
[data-loading-style="no10"] .loader{border:4px solid transparent;border-top-color:var(--color-primary,#f04494);border-bottom-color:var(--color-primary,#f04494);border-radius:50%;animation:aksrt-load-spin 1s linear infinite}
|
||||||
|
[data-loading-style="no10"] .loader::after{content:'';position:absolute;inset:4px;border:4px solid transparent;border-left-color:var(--color-primary-soft,rgba(240,68,148,.35));border-right-color:var(--color-primary-soft,rgba(240,68,148,.35));border-radius:50%;animation:aksrt-load-spin .6s linear infinite reverse}
|
||||||
|
@keyframes aksrt-load-spin{to{transform:rotate(360deg)}}
|
||||||
|
@keyframes aksrt-load-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.5}}
|
||||||
|
@keyframes aksrt-load-ripple{0%{transform:scale(.5);opacity:1}100%{transform:scale(1.2);opacity:0}}
|
||||||
|
@keyframes aksrt-load-bounce{to{transform:translateY(-12px);opacity:.5}}
|
||||||
|
@keyframes aksrt-load-rotate-square{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(.6)}100%{transform:rotate(360deg) scale(1)}}
|
||||||
|
@keyframes aksrt-load-bar{0%{left:-40%}100%{left:100%}}
|
||||||
|
@keyframes aksrt-load-grid-fade{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}
|
||||||
|
@keyframes aksrt-load-wave{0%,100%{height:10px}50%{height:36px}}
|
||||||
|
@keyframes aksrt-load-dot-scale{from{transform:scale(1)}to{transform:scale(1.8);opacity:.4}}
|
||||||
|
body.aksrt-loading-done .aksrt-loading-overlay{opacity:0;visibility:hidden;pointer-events:none}
|
||||||
|
[data-theme="dark"] .aksrt-loading-overlay{background:var(--bg-card,#1a1a2e)}
|
||||||
|
</style>
|
||||||
|
<div class="aksrt-loading-overlay" data-loading-style="no1">
|
||||||
|
<div class="loader"><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i></div>
|
||||||
|
</div>
|
||||||
|
<script>
|
||||||
|
(function(){function d(){document.body.classList.add('aksrt-loading-done')}if(document.readyState==='complete'){d()}else{window.addEventListener('load',d)}})();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
<header class="header header-layout-1 show-slide scroll-down-hide"><nav class="navbar navbar-top center"><div class="container-fluid container-header"><div class="navbar-header"><div class="navbar-brand"><a class="navbar-logo" href="https://localhost/"><img class="lazyload " src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" white-src="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" dark-src="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" alt="Demo本地" style="height:36px;width:auto;max-width:150px"></a></div><button type="button" data-toggle-class="mobile-navbar-show" data-target="body" class="navbar-toggle" aria-label="打开菜单"><i class="em12 css-icon i-menu"><i></i></i></button><a href="javascript:;" class="navbar-toggle main-search-btn" aria-label="打开搜索"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-search"></use></svg></a></div><div class="collapse navbar-collapse"><ul class="nav navbar-nav"><li id="menu-item-91" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-91"><a href="https://localhost/reset-password/"><span class="menu-item-title">重置密码</span></a></li>
|
||||||
|
<li id="menu-item-92" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-92"><a href="https://localhost/bind-account/"><span class="menu-item-title">绑定账号</span></a></li>
|
||||||
|
<li id="menu-item-93" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="https://localhost/sign/"><span class="menu-item-title">登录/注册</span></a></li>
|
||||||
|
</ul><div class="navbar-form navbar-right hide show-nav-but" style="margin-right:-10px;"><a data-toggle-class data-target=".nav.navbar-nav" href="javascript:;" class="but" aria-label="展开菜单"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-menu_2"></use></svg></a></div><div class="navbar-form navbar-right navbar-but"><a rel="nofollow" class="newadd-btns nowave navbar-newposts but jb-blue radius navbar-cta" href="https://localhost/%e5%8f%91%e5%b8%83%e6%96%87%e7%ab%a0/"><i class="fa fas fa-pen" aria-hidden="true"></i><span class="navbar-cta-text">发布</span></a><span class="hover-show inline-block navbar-vip-hover"><a class="but jb-red radius payvip-icon ml10 navbar-cta signin-loader" href="javascript:;"><svg class="icon em12 mr3" aria-hidden="true"><use xlink:href="#icon-vip_1"></use></svg><span class="navbar-cta-text">开通会员</span></a><div class="hover-show-con sub-menu sub-vip-card"><div class="vip-card pointer level-1 vip-theme1 signin-loader" vip-level="1"><div class="vip-baicon" aria-hidden="true"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-1.svg" alt="" decoding="async"></div><div class="vip-img abs-right"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-1.svg" alt="" decoding="async"></div><div class="relative"><div class="vip-name mb10"><span class="vip-name__icon"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-1.svg" alt="" decoding="async"></span><span class="vip-name__label">黄金会员</span></div><div class="mb6 font-bold em09">尊享一级会员特权</div><ul class="v-equity mb10 relative"><li>免费下载部分资源会员专属身份标识付费内容会员价</li></ul><a class="but jb-blue radius payvip-button" href="javascript:;">开通黄金会员<span class="ml6"><i class="fa fas fa-chevron-circle-right" aria-hidden="true"></i></span></a></div></div><div class="vip-card pointer level-2 vip-theme2 signin-loader" vip-level="2"><div class="vip-baicon" aria-hidden="true"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-2.svg" alt="" decoding="async"></div><div class="vip-img abs-right"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-2.svg" alt="" decoding="async"></div><div class="relative"><div class="vip-name mb10"><span class="vip-name__icon"><img class="lazyload aksrt-vip-level-icon" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://demo.zibll.com/wp-content/themes/zibll/img/vip-2.svg" alt="" decoding="async"></span><span class="vip-name__label">钻石会员</span></div><div class="mb6 font-bold em09">尊享二级会员特权</div><ul class="v-equity mb10 relative"><li>更高免费下载额度更高等级身份标识更多付费内容会员价</li></ul><a class="but jb-blue radius payvip-button" href="javascript:;">开通钻石会员<span class="ml6"><i class="fa fas fa-chevron-circle-right" aria-hidden="true"></i></span></a></div></div></div></span></div><div class="navbar-form navbar-right flex ac"><a href="javascript:;" class="toggle-theme toggle-radius" id="theme-toggle-desktop" title="切换亮暗色"><i class="fa fas fa-toggle-theme" aria-hidden="true"></i></a></div><div class="navbar-form navbar-right"><ul class="list-inline splitters relative"><li><a href="javascript:;" class="btn signin-loader"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-user"></use></svg></a><ul class="sub-menu"><div class="padding-10"><div class="sub-user-box"><div class="text-center"><div><a class="em09 signin-loader but jb-red radius4 payvip-icon btn-block mt10" href="javascript:;"><i class="fa fas fa-gem" aria-hidden="true"></i> 开通会员 尊享会员权益</a></div><div class="flex jsa header-user-href"><a href="javascript:;" class="signin-loader"><div class="badg mb6 toggle-radius c-blue"><i class="fa fas fa-sign-in-alt" aria-hidden="true"></i></div><div class="c-blue">登录</div></a><a rel="nofollow" href="https://localhost/reset-password/?redirect_to=https%3A%2F%2Flocalhost%2F"><div class="badg mb6 toggle-radius c-purple"><i class="fa fas fa-key" aria-hidden="true"></i></div><div class="c-purple">找回密码</div></a></div></div></div></div></ul></li><li class="relative"><a href="javascript:;" class="btn nav-search-btn main-search-btn" aria-label="打开搜索"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-search"></use></svg></a></li></ul></div></div></div>Line truncated
|
||||||
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-92"><a href="https://localhost/bind-account/"><span class="menu-item-title">绑定账号</span></a></li>
|
||||||
|
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-93"><a href="https://localhost/sign/"><span class="menu-item-title">登录/注册</span></a></li>
|
||||||
|
</ul><div class="sub-user-box"><div class="text-center"><div><a class="em09 signin-loader but jb-red radius4 payvip-icon btn-block mt10" href="javascript:;"><i class="fa fas fa-gem" aria-hidden="true"></i> 开通会员 尊享会员权益</a></div><div class="flex jsa header-user-href"><a href="javascript:;" class="signin-loader"><div class="badg mb6 toggle-radius c-blue"><i class="fa fas fa-sign-in-alt" aria-hidden="true"></i></div><div class="c-blue">登录</div></a><a rel="nofollow" href="https://localhost/reset-password/?redirect_to=https%3A%2F%2Flocalhost%2F"><div class="badg mb6 toggle-radius c-purple"><i class="fa fas fa-key" aria-hidden="true"></i></div><div class="c-purple">找回密码</div></a></div></div></div></nav><div class="fixed-body" data-toggle-class="mobile-navbar-show" data-target="body"></div></div><div class="header-slider-container relative mb20 card-4 filter-blur"><div class="relative zib-slider"><div class="new-swiper slide-index slide-header" data-direction="horizontal" data-effect="slide" data-loop="true" data-autoplay="1" data-interval="6000" data-spaceBetween="0" style="--m-height :280px;--pc-height :550px;"><div class="swiper-wrapper"><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/slider-bg.jpg" alt="幻灯片 - Demo本地"></a></div><div class="swiper-slide "><a href="https://www.zibll.com/" target="_blank" rel="noopener noreferrer"><img class="radius8" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/user_t.jpg" alt="幻灯片 - Demo本地"></a></div></div><div class="swiper-button-prev"></div><div class="swiper-button-next"></div><div class="swiper-pagination kaoyou"></div></div></div><div class="header-slider-search abs-center"><div class="header-slider-search-more text-center before">更优雅的WordPress主题这是导航栏幻灯片多功能组件，可在后台进行配置</div><div class="search-input"><form method="get" class="padding-10 search-form" action="https://localhost/"><div class="line-form"><div class="search-input-text"><input type="text" name="s" class="line-form-input" tabindex="1" value=""><i class="line-form-line"></i><div class="scale-placeholder" default="开启精彩搜索">开启精彩搜索</div><div class="abs-right muted-color"><button type="submit" tabindex="2" class="null" aria-label="搜索"><i class="fa fas fa-search" aria-hidden="true"></i></button></div></div><input type="hidden" name="type" value="post"></div></form></div></div><div class="header-slider-card container"><div class="flex jse flex-row gutters-5 flex-col-sm-2"><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-yellow" style="font-size: 25px;"><i class="fa fas fa-home em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 图标卡片</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir c-blue-2" style="font-size: 25px;"><i class="fa fas fa-cog em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 原创作品</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-pink" style="font-size: 25px;"><i class="fa fas fa-wrench em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 灵感来源NEW</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div><div class="flex1"><div class="icon-cover-card flex ac zib-widget"><div class="icon-cover-icon badg cir jb-cyan" style="font-size: 25px;"><i class="fa fas fa-shield-alt em09" aria-hidden="true"></i></div><div class="icon-cover-desc ml10 flex1 px12-sm"> <div class="em12 text-ellipsis font-bold"> 系统工具 GO</div><div class="muted-color mt6 text-ellipsis"> 这是一个图标卡片示例</div></div></div></div></div></div></div> <main id="main-content" role="main" class="container site-main aksrt-homepage" tabindex="-1">
|
||||||
|
<div class="content-wrap aksrt-homepage__shell">
|
||||||
|
<div class="content-layout aksrt-homepage__content-layout aksrt-homepage__primary">
|
||||||
|
|
||||||
|
<section class="aksrt-homepage__stream home-tab-content" aria-label="Homepage Content">
|
||||||
|
<div class="box-body notop nobottom aksrt-homepage__titlebox">
|
||||||
|
<div class="title-theme">最新发布</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-homepage__sortbar" data-sort-ajax="true" aria-label="Homepage Sort">
|
||||||
|
<div class="aksrt-homepage__sortbar-links">
|
||||||
|
<a
|
||||||
|
class="aksrt-homepage__sortbar-link is-active"
|
||||||
|
href="https://localhost/?home_sort=modified"
|
||||||
|
data-sort="modified"
|
||||||
|
>
|
||||||
|
更新 </a>
|
||||||
|
<a
|
||||||
|
class="aksrt-homepage__sortbar-link"
|
||||||
|
href="https://localhost/?home_sort=views"
|
||||||
|
data-sort="views"
|
||||||
|
>
|
||||||
|
浏览 </a>
|
||||||
|
<a
|
||||||
|
class="aksrt-homepage__sortbar-link"
|
||||||
|
href="https://localhost/?home_sort=like"
|
||||||
|
data-sort="like"
|
||||||
|
>
|
||||||
|
点赞 </a>
|
||||||
|
<a
|
||||||
|
class="aksrt-homepage__sortbar-link"
|
||||||
|
href="https://localhost/?home_sort=comment_count"
|
||||||
|
data-sort="comment_count"
|
||||||
|
>
|
||||||
|
评论 </a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-homepage__panels tab-content">
|
||||||
|
<div class="aksrt-homepage__panel aksrt-homepage__posts posts-row post-grid post-grid--home ajaxpager tab-pane is-active show" role="tabpanel" data-home-tab-panel="latest" data-view="list" id="index-tab-main">
|
||||||
|
<div
|
||||||
|
class="aksrt-homepage__panel-contract"
|
||||||
|
data-query-context="homepage_latest"
|
||||||
|
data-query-vars="{"post_type":["post"],"post_status":"publish","posts_per_page":10,"ignore_sticky_posts":false,"orderby":"modified","order":"DESC","no_found_rows":false,"error":"","m":"","p":0,"post_parent":"","subpost":"","subpost_id":"","attachment":"","attachment_id":0,"name":"","pagename":"","page_id":0,"second":"","minute":"","hour":"","day":0,"monthnum":0,"year":0,"w":0,"category_name":"","tag":"","cat":"","tag_id":"","author":"","author_name":"","feed":"","tb":"","meta_key":"","meta_value":"","preview":"","s":"","sentence":"","title":"","fields":"all","menu_order":"","embed":"","category__in":[],"category__not_in":[],"category__and":[],"post__in":[],"post__not_in":[],"post_name__in":[],"tag__in":[],"tag__not_in":[],"tag__and":[],"tag_slug__in":[],"tag_slug__and":[],"post_parent__in":[],"post_parent__not_in":[],"author__in":[],"author__not_in":[],"search_columns":[],"suppress_filters":false,"cache_results":true,"update_post_term_cache":true,"update_menu_item_cache":false,"lazy_load_term_meta":true,"update_post_meta_cache":true,"nopaging":false,"comments_per_page":"50"}"
|
||||||
|
data-render-config="{"type":"auto","no_author":false,"no_margin":false,"is_mult_thumb":false,"is_no_thumb":false,"is_card":false,"is_category":false,"is_search":false,"is_home":true,"is_author":false,"is_tag":false,"highlight_query":"","wrapper_class":"","skip_wrapper":true,"context":"home","mode":"list","list_type":"thumb","style":"","img_position":"left","list_scale":70,"card_scale":70,"target_blank":false,"heading_bold":false,"show_author":true,"show_time":true,"time_source":"modified","list_orderby":"modified","mobile_meta":"like","badge_types":["pay","cat","tag"],"mult_thumb_cat":[],"thumb":{"list_thumb_slides_s":true,"list_thumb_video_s":true,"list_thumb_video_mute_s":true,"thumb_postfirstimg_s":true,"thumb_catimg_s":true,"list_thumb_fit":"","thumb_postfirstimg_size":"medium","spare_thumbnail":["https:\/\/localhost\/wp-content\/themes\/AKSRT-theme\/assets\/img\/thumbnail.svg"]},"allow_conditional_layout":true,"show_like":true,"close_comments":false}"
|
||||||
|
data-page="1"
|
||||||
|
data-tab="latest"
|
||||||
|
></div>
|
||||||
|
<posts class="posts-item list ajax-item flex"><div class="post-graphic"><div class="item-thumbnail"><a href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/"><img class="lazyload fit-cover radius8" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/uploads/2026/08/童话故事创作_compressed-225x300.png" alt="会收集星光的小松鼠"></a></div></div><div class="item-body flex xx flex1 jsb"><h2 class="item-heading"><a href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/">会收集星光的小松鼠</a></h2><div class="item-excerpt muted-color text-ellipsis mb6">森林深处住着一只名叫朵朵的小松鼠。别的松鼠都爱收集饱满的松果...</div><div><div class="item-tags scroll-x no-scrollbar mb6"><a rel="nofollow" href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/#posts-pay" class="meta-pay but jb-yellow">付费下载 ￥5</a><a class="but c-blue" title="查看更多分类文章" href="https://localhost/category/uncategorized/"><i class="fa fas fa-folder-open" aria-hidden="true"></i>分类一</a></div><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author flex ac"><img class="avatar-mini" src="https://localhost/wp-content/uploads/2026/08/b_80c7ea99df2c1c9dac2f793a6c959b77-1-150x150.jpg" alt="" width="20" height="20"><span class="hide-sm ml6">demo</span><span title="2026-08-18 13:11:33" class="icon-circle">1 天前</span></item><div class="meta-right"><item class="meta-comm"><a rel="nofollow" data-toggle="tooltip" title="去评论" href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/#respond"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-comment"></use></svg>0</a></item><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>4</item><item class="meta-like"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg>0</item></div></div></div></div></posts><posts class="posts-item list ajax-item flex"><div class="post-graphic"><div class="item-thumbnail"><a href="https://localhost/%e6%b5%8b%e8%af%95%e6%b8%a9%e8%a1%8c/"><img data-thumb="default" class="lazyload fit-cover radius8" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/thumbnail.svg" alt="测试温行"></a></div></div><div class="item-body flex xx flex1 jsb"><h2 class="item-heading"><a href="https://localhost/%e6%b5%8b%e8%af%95%e6%b8%a9%e8%a1%8c/">测试温行</a></h2><div class="item-excerpt muted-color text-ellipsis mb6">测试温行</div><div><div class="item-tags scroll-x no-scrollbar mb6"><a class="but c-blue" title="查看更多分类文章" href="https://localhost/category/%e5%88%86%e7%b1%bb%e4%b8%89/"><i class="fa fas fa-folder-open" aria-hidden="true"></i>分类三</a></div><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author flex ac"><img class="avatar-mini" src="https://localhost/wp-content/uploads/2026/08/b_80c7ea99df2c1c9dac2f793a6c959b77-1-150x150.jpg" alt="" width="20" height="20"><span class="hide-sm ml6">demo</span><span title="2026-08-18 01:36:18" class="icon-circle">2 天前</span></item><div class="meta-right"><item class="meta-comm"><a rel="nofollow" data-toggle="tooltip" title="去评论" href="https://localhost/%e6%b5%8b%e8%af%95%e6%b8%a9%e8%a1%8c/#respond"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-comment"></use></svg>0</a></item><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>2</item><item class="meta-like"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg>0</item></div></div></div></div></posts><posts class="posts-item list ajax-item flex"><div class="post-graphic"><div class="item-thumbnail"><a href="https://localhost/%e8%a4%aa%e5%8e%bb%e6%b5%ae%e8%ba%81%ef%bc%8c%e5%bd%92%e4%ba%8e%e5%b9%b3%e6%b7%a1/"><img data-thumb="default" class="lazyload fit-cover radius8" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/thumbnail.svg" alt="褪去浮躁，归于平淡"></a></div></div><div class="item-body flex xx flex1 jsb"><h2 class="item-heading"><a href="https://localhost/%e8%a4%aa%e5%8e%bb%e6%b5%ae%e8%ba%81%ef%bc%8c%e5%bd%92%e4%ba%8e%e5%b9%b3%e6%b7%a1/">褪去浮躁，归于平淡</a></h2><div class="item-excerpt muted-color text-ellipsis mb6">人这一生，最难得的是守得住本心，耐得住平凡。见过喧嚣繁华，看...</div><div><div class="item-tags scroll-x no-scrollbar mb6"><a class="but c-blue" title="查看更多分类文章" href="https://localhost/category/%e5%88%86%e7%b1%bb%e4%b8%89/"><i class="fa fas fa-folder-open"Line truncated
|
||||||
|
data-aksrt-pagination
|
||||||
|
data-mode="infinite"
|
||||||
|
data-next-page="2"
|
||||||
|
data-max-pages="2"
|
||||||
|
data-page-var="paged"
|
||||||
|
data-query-context="homepage_latest"
|
||||||
|
data-query-vars="{"post_type":["post"],"post_status":"publish","posts_per_page":10,"ignore_sticky_posts":false,"orderby":"modified","order":"DESC","no_found_rows":false,"error":"","m":"","p":0,"post_parent":"","subpost":"","subpost_id":"","attachment":"","attachment_id":0,"name":"","pagename":"","page_id":0,"second":"","minute":"","hour":"","day":0,"monthnum":0,"year":0,"w":0,"category_name":"","tag":"","cat":"","tag_id":"","author":"","author_name":"","feed":"","tb":"","meta_key":"","meta_value":"","preview":"","s":"","sentence":"","title":"","fields":"all","menu_order":"","embed":"","category__in":[],"category__not_in":[],"category__and":[],"post__in":[],"post__not_in":[],"post_name__in":[],"tag__in":[],"tag__not_in":[],"tag__and":[],"tag_slug__in":[],"tag_slug__and":[],"post_parent__in":[],"post_parent__not_in":[],"author__in":[],"author__not_in":[],"search_columns":[],"suppress_filters":false,"cache_results":true,"update_post_term_cache":true,"update_menu_item_cache":false,"lazy_load_term_meta":true,"update_post_meta_cache":true,"nopaging":false,"comments_per_page":"50"}"
|
||||||
|
data-render-config="{"type":"auto","no_author":false,"no_margin":false,"is_mult_thumb":false,"is_no_thumb":false,"is_card":false,"is_category":false,"is_search":false,"is_home":true,"is_author":false,"is_tag":false,"highlight_query":"","wrapper_class":"","skip_wrapper":true,"context":"home","mode":"list","list_type":"thumb","style":"","img_position":"left","list_scale":70,"card_scale":70,"target_blank":false,"heading_bold":false,"show_author":true,"show_time":true,"time_source":"modified","list_orderby":"modified","mobile_meta":"like","badge_types":["pay","cat","tag"],"mult_thumb_cat":[],"thumb":{"list_thumb_slides_s":true,"list_thumb_video_s":true,"list_thumb_video_mute_s":true,"thumb_postfirstimg_s":true,"thumb_catimg_s":true,"list_thumb_fit":"","thumb_postfirstimg_size":"medium","spare_thumbnail":["https:\/\/localhost\/wp-content\/themes\/AKSRT-theme\/assets\/img\/thumbnail.svg"]},"allow_conditional_layout":true,"show_like":true,"close_comments":false}">
|
||||||
|
<div class="next-page ajax-next lazyload" lazyload-action="ias">
|
||||||
|
<a href="/?paged=2" data-aksrt-load-more><i class="fa fas fa-angle-right"></i>加载更多</a>
|
||||||
|
</div>
|
||||||
|
<div class="post_ajax_loader" style="display:none;" aria-hidden="true"><posts class="posts-item list flex"><div class="post-graphic"><div class="item-thumbnail placeholder"></div></div><div class="item-body flex xx flex1 jsb"><div class="placeholder t1"></div><div class="placeholder k2"></div><div class="placeholder s1"></div></div></posts><posts class="posts-item list flex"><div class="post-graphic"><div class="item-thumbnail placeholder"></div></div><div class="item-body flex xx flex1 jsb"><div class="placeholder t1"></div><div class="placeholder k2"></div><div class="placeholder s1"></div></div></posts></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<div class="aksrt-homepage__content-zone aksrt-homepage__content-zone--bottom"><section id="aksrt_widget_tab_posts-2" class="aksrt-widget-shell aksrt-widget-shell--content aksrt-schema-widget aksrt-schema-widget--tab_posts"><div class="aksrt-widget zib-widget-wrap aksrt-widget--tab_posts aksrt-widget--wide" data-aksrt-widget="tab_posts" data-widget-id="aksrt_widget_tab_posts-2"><div class="aksrt-widget__inner container"><div class="aksrt-widget__content"><div class="aksrt-widget-tabs" data-widget="tab_posts" data-instance="aksrt_widget_tab_posts-2"><div class="aksrt-widget-tabs__nav" role="tablist" aria-label="文章栏目"><button type="button" role="tab" id="aksrt-tab-aksrt_widget_tab_posts-2-0" aria-controls="aksrt-tab-panel-aksrt_widget_tab_posts-2" aria-selected="true" tabindex="0" data-segment="0">栏目一</button><button type="button" role="tab" id="aksrt-tab-aksrt_widget_tab_posts-2-1" aria-controls="aksrt-tab-panel-aksrt_widget_tab_posts-2" aria-selected="false" tabindex="-1" data-segment="1">栏目二</button><button type="button" role="tab" id="aksrt-tab-aksrt_widget_tab_posts-2-2" aria-controls="aksrt-tab-panel-aksrt_widget_tab_posts-2" aria-selected="false" tabindex="-1" data-segment="2">栏目三</button></div><div class="aksrt-widget-tabs__panel" role="tabpanel" id="aksrt-tab-panel-aksrt_widget_tab_posts-2" aria-labelledby="aksrt-tab-aksrt_widget_tab_posts-2-0" tabindex="0" data-widget-items data-segment="0" aria-live="polite" aria-busy="false"><div class="posts-row ajaxpager aksrt-widget-posts aksrt-widget-posts--tab_posts" data-view="card"><posts class="posts-item card ajax-item"><div class="item-thumbnail"><a href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/"><img class="lazyload fit-cover radius8" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/uploads/2026/08/童话故事创作_compressed-225x300.png" alt="会收集星光的小松鼠"></a></div><div class="item-body"><h2 class="item-heading"><a href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/">会收集星光的小松鼠</a></h2><div class="item-tags scroll-x no-scrollbar mb6"><a rel="nofollow" href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/#posts-pay" class="meta-pay but jb-yellow">付费下载 ￥5</a><a class="but c-blue" title="查看更多分类文章" href="https://localhost/category/uncategorized/"><i class="fa fas fa-folder-open" aria-hidden="true"></i>分类一</a></div><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author flex ac"><img class="avatar-mini" src="https://localhost/wp-content/uploads/2026/08/b_80c7ea99df2c1c9dac2f793a6c959b77-1-150x150.jpg" alt="" width="20" height="20"><span title="2026-08-18 13:11:33" class="ml6">1 天前</span></item><div class="meta-right"><item class="meta-comm"><a rel="nofollow" data-toggle="tooltip" title="去评论" href="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/#respond"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-comment"></use></svg>0</a></item><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>4</item><item class="meta-like"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-like"></use></svg>0</item></div></div></div></posts><posts class="posts-item card ajax-item"><div class="item-thumbnail"><a href="https://localhost/%e6%b5%8b%e8%af%95%e6%b8%a9%e8%a1%8c/"><img data-thumb="default" class="lazyload fit-cover radius8" src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/thumbnail.svg" alt="测试温行"></a></div><div class="item-body"><h2 class="item-heading"><a href="https://localhost/%e6%b5%8b%e8%af%95%e6%b8%a9%e8%a1%8c/">测试温行</a></h2><div class="item-tags scroll-x no-scrollbar mb6"><a class="but c-blue" title="查看更多分类文章" href="https://localhost/category/%e5%88%86%e7%b1%bb%e4%b8%89/"><i class="fa fas fa-folder-open" aria-hidden="true"></i>分类三</a></div><div class="item-meta muted-2-color flex jsb ac"><item class="meta-author flex ac"><img class="avatar-mini" src="https://localhost/wp-content/uploads/2026/08/b_80c7ea99df2c1c9dac2f793a6c959b77-1-150x150.jpg" alt="" width="20" height="20"><span title="2026-08-18 01:36:18" class="ml6">2 天前</span></item><div class="meta-right"><item class="meta-comm"><a rel="nofollow" data-toggle="tooltip" title="去评论" href="https://localhost/%e6%b5%8b%e8%af%95%e6%b8%a9%e8%a1%8c/#respond"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-comment"></use></svg>0</a></item><item class="meta-view"><svg class="icon" aria-hidden="true"><use xlink:href="#icon-view"></use></svg>2</item><item class="meta-like"><svg class="icon" aria-hidden="Line truncated
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="sidebar aksrt-homepage__aside" role="complementary" aria-label="Homepage Sidebar"><section id="aksrt_widget_user_card-2" class="aksrt-widget-shell aksrt-widget-shell--sidebar aksrt-schema-widget aksrt-schema-widget--user_card"><div class="aksrt-widget zib-widget-wrap aksrt-widget--user_card aksrt-widget--sidebar zib-widget" data-aksrt-widget="user_card" data-widget-id="aksrt_widget_user_card-2"><div class="aksrt-widget__content"><div class="aksrt-user-card is-guest"><div class="aksrt-user-card__cover"></div><div class="aksrt-user-card__body"><img class="lazyload avatar avatar-88 photo" src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/user/default-avatar.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/img/user/default-avatar.svg" alt="" width="88" height="88"><h3>Hi，请登录</h3><p>登录后管理课程、会员、订单与创作内容。</p><div class="aksrt-user-card__actions"><a class="aksrt-widget-button signin-loader" href="https://localhost/sign/?tab=login">登录</a><a class="aksrt-widget-button is-ghost signup-loader" href="https://localhost/sign/?tab=register">注册</a></div></div></div></div></div></section><section id="aksrt_widget_notice-3" class="aksrt-widget-shell aksrt-widget-shell--sidebar aksrt-schema-widget aksrt-schema-widget--notice"><div class="aksrt-widget zib-widget-wrap aksrt-widget--notice aksrt-widget--wide" data-aksrt-widget="notice" data-widget-id="aksrt_widget_notice-3"><div class="aksrt-widget__inner container"><div class="aksrt-widget__content"><div class="aksrt-widget-notice"><i class="fa fas fa-bullhorn" aria-hidden="true"></i><div class="new-swiper aksrt-widget-swiper" data-aksrt-swiper="notice" data-direction="vertical" data-loop="true" data-autoplay="1" data-interval="4000"><div class="swiper-wrapper"><div class="swiper-slide"><strong>标题一</strong><span>真的是</span></div><div class="swiper-slide"><strong>标题二</strong><span>测试公告</span></div></div></div></div></div></div></div></section></div> </main>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<footer class="footer" data-aksrt-shell="site-footer" data-footer-template="template_1" role="contentinfo">
|
||||||
|
|
||||||
|
<div class="container-fluid container-footer">
|
||||||
|
<ul class="flex ac gap20 footer-contact-box list-inline">
|
||||||
|
<li class="hidden-xs" style="max-width: 300px;">
|
||||||
|
<p>
|
||||||
|
<a class="footer-logo" href="https://localhost/" title="Demo本地">
|
||||||
|
<img class="lazyload " src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/logo_dark.png" white-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/logo.png" dark-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/logo_dark.png" alt="Demo本地" style="height: 40px;"> </a>
|
||||||
|
</p>
|
||||||
|
<div class="footer-muted em09">Zibll 子比主题专为博客、自媒体、资讯类的网站设计开发，简约优雅的设计风格，全面的前端用户功能，简单的模块化配置，欢迎您的体验</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li style="max-width: 550px;">
|
||||||
|
<p class="fcode-links"><a href="https://zibll.com">友链申请</a>
|
||||||
|
<a href="https://zibll.com">免责声明</a>
|
||||||
|
<a href="https://zibll.com">广告合作</a>
|
||||||
|
<a href="https://zibll.com">关于我们</a></p>
|
||||||
|
|
||||||
|
<div class="footer-muted em09">Copyright © 2026 · <a href="https://localhost">Demo本地</a> · 由<a target="_blank" href="https://www.zibll.com">zibll主题</a>强力驱动.</div>
|
||||||
|
|
||||||
|
<div class="footer-contact mt10">
|
||||||
|
<a class="toggle-radius hover-show nowave" href="javascript:;" title="微信">
|
||||||
|
<i class="fa fab fa-weixin" aria-hidden="true"></i>
|
||||||
|
<div class="hover-show-con footer-wechat-img">
|
||||||
|
<img style="box-shadow: 0 5px 10px rgba(0,0,0,.2); border-radius:4px;" height="100" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/qrcode.png" alt="微信">
|
||||||
|
</div>
|
||||||
|
</a>
|
||||||
|
<a class="toggle-radius" target="_blank" rel="noopener noreferrer" title="QQ" href="https://wpa.qq.com/msgrd?v=3&uin=1234567788&site=qq&menu=yes">
|
||||||
|
<i class="fa fab fa-qq" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a class="toggle-radius" target="_blank" rel="noopener noreferrer" title="微博" href="https://weibo.com/">
|
||||||
|
<i class="fa fab fa-weibo" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a class="toggle-radius" title="邮箱" href="mailto:1234567788@QQ.COM">
|
||||||
|
<i class="fa fas fa-envelope" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<li class="">
|
||||||
|
<div class="footer-miniimg flex at hh gap6">
|
||||||
|
<div title="扫码加QQ群">
|
||||||
|
<img class="lazyload " src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/qrcode.png" alt="扫码加QQ群">
|
||||||
|
<div class="opacity8 em09 mt6 text-center">扫码加QQ群</div>
|
||||||
|
</div>
|
||||||
|
<div title="扫码加微信">
|
||||||
|
<img class="lazyload " src="https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg" data-src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/img/qrcode.png" alt="扫码加微信">
|
||||||
|
<div class="opacity8 em09 mt6 text-center">扫码加微信</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
|
||||||
|
<!-- 浮动右侧按钮组 -->
|
||||||
|
<div id="float-right-btns" class="float-right round position-bottom scroll-down-hide no-shadow no-animation has-blur-mobile">
|
||||||
|
<a href="#" class="float-btn service-wechat" role="button" aria-label="微信">
|
||||||
|
<i class="fab fa-weixin" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a class="float-btn signin-loader nowave" href="javascript:;" role="button" aria-label="会员" title="会员" style="--this-color:#f5a623"><i class="fa fas fa-gem" aria-hidden="true"></i></a> <a href="#" class="float-btn hide-on-mobile theme-toggle-btn" role="button" data-action="toggle-theme" aria-label="主题">
|
||||||
|
<i class="fa fas fa-sun float-btn__icon-sun" aria-hidden="true"></i>
|
||||||
|
<i class="fa fas fa-moon float-btn__icon-moon" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="float-btn qrcode-btn" role="button" aria-label="二维码">
|
||||||
|
<i class="fas fa-qrcode" aria-hidden="true"></i>
|
||||||
|
<div class="hover-show-con">
|
||||||
|
<div
|
||||||
|
class="float-btn-qrcode"
|
||||||
|
data-qrcode-url="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/"
|
||||||
|
data-qr-text="https://localhost/%e4%bc%9a%e6%94%b6%e9%9b%86%e6%98%9f%e5%85%89%e7%9a%84%e5%b0%8f%e6%9d%be%e9%bc%a0/"
|
||||||
|
></div>
|
||||||
|
<p class="float-btn-qrcode__title">二维码</p> </div>
|
||||||
|
</a>
|
||||||
|
<a href="#" class="float-btn ontop" id="float-back-to-top" role="button" aria-label="顶部">
|
||||||
|
<i class="fas fa-chevron-up" aria-hidden="true"></i>
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="footer-tabbar-placeholder" aria-hidden="true"></div>
|
||||||
|
<nav id="footer-tabbar" class="footer-tabbar has-animation scroll-down-hide" aria-label="底部导航">
|
||||||
|
<a href="https://localhost/" class="tabbar-item" data-type="home">
|
||||||
|
<i class="fa fas fa-home" aria-hidden="true"></i>
|
||||||
|
<span>首页</span> </a>
|
||||||
|
<a href="https://localhost" class="tabbar-item" data-type="category">
|
||||||
|
<i class="fa fas fa-th-large" aria-hidden="true"></i>
|
||||||
|
<span>分类</span> </a>
|
||||||
|
<a href="https://localhost/" class="tabbar-item" data-type="search">
|
||||||
|
<i class="fa fas fa-search" aria-hidden="true"></i>
|
||||||
|
<span>搜索</span> </a>
|
||||||
|
<a href="https://localhost/sign/?tab=login" class="tabbar-item" data-type="auth">
|
||||||
|
<i class="fa fas fa-user" aria-hidden="true"></i>
|
||||||
|
<span>我的</span> </a>
|
||||||
|
</nav>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth" id="aksrt-modal-auth" aria-hidden="true" role="dialog" aria-modal="true" aria-label="登录">
|
||||||
|
<div class="aksrt-modal-auth__overlay"></div>
|
||||||
|
<div class="aksrt-modal-auth__card">
|
||||||
|
<button type="button" class="aksrt-modal-auth__close" aria-label="关闭">
|
||||||
|
<i class="fa fas fa-times"></i>
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__header modal-colorful-header">
|
||||||
|
<div class="aksrt-modal-auth__logo aksrt-modal-auth__logo--image"><img src="https://localhost/wp-content/uploads/2026/07/alphabet_96900.png" alt=""></div>
|
||||||
|
<h2 class="aksrt-modal-auth__title">Demo本地</h2>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__tabs" role="tablist">
|
||||||
|
<button type="button" class="aksrt-modal-auth__tab is-active" data-tab="login" role="tab" aria-selected="true">
|
||||||
|
登录 </button>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__panel is-active" data-panel="login">
|
||||||
|
<form class="aksrt-modal-auth__form" id="aksrt-modal-login-form">
|
||||||
|
<div class="aksrt-modal-auth__error" id="aksrt-modal-login-error" hidden></div>
|
||||||
|
<input type="hidden" id="_login_nonce" name="_login_nonce" value="ad59239191" /><input type="hidden" name="_wp_http_referer" value="/" />
|
||||||
|
<div class="aksrt-modal-auth__field">
|
||||||
|
<label for="modal-login-user">邮箱 / 用户名</label>
|
||||||
|
<input type="text" id="modal-login-user" name="log" autocomplete="username" required placeholder="请输入邮箱或用户名">
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__field">
|
||||||
|
<label for="modal-login-pass">密码</label>
|
||||||
|
<div class="aksrt-modal-auth__pass-wrap">
|
||||||
|
<input type="password" id="modal-login-pass" name="pwd" autocomplete="current-password" required placeholder="请输入密码">
|
||||||
|
<button type="button" class="aksrt-modal-auth__pass-toggle" aria-label="显示或隐藏密码">
|
||||||
|
<i class="fa fas fa-eye"></i>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__actions">
|
||||||
|
<a href="https://localhost/reset-password/" class="aksrt-modal-auth__link">忘记密码？</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button type="submit" class="aksrt-modal-auth__submit">
|
||||||
|
<span>登录</span>
|
||||||
|
<i class="fa fas fa-spinner fa-spin" hidden></i>
|
||||||
|
</button>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<div class="aksrt-modal-auth__footer">
|
||||||
|
<span class="aksrt-modal-auth__footer-text" data-for="login">
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<script type="speculationrules">
|
||||||
|
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/AKSRT-theme/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
|
||||||
|
</script>
|
||||||
|
<div mini-touch="nav_search" touch-direction="top" class="main-search fixed-body main-bg box-body navbar-search nopw-sm"><div class="container"><div class="mb20 search-close-box"><button type="button" class="but cir" data-toggle-class data-target=".navbar-search" aria-label="关闭搜索"><svg class="ic-close" aria-hidden="true"><use xlink:href="#icon-close"></use></svg></button></div><div remote-box="https://localhost/wp-admin/admin-ajax.php?action=search_box&nonce=40f651f23e" load-click><div class="search-input"><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k2"></p><p class="placeholder t1"></p><p><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i><i class="placeholder s1 mr6"></i></p><p class="placeholder k1"></p><p class="placeholder t1"></p><p></p><p class="placeholder k1" style="height:80px;"></p></div></div></div></div><script id="bootstrap-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/js/libs/bootstrap.min.js?ver=3.4.1"></script>
|
||||||
|
<script id="loader_js-js-extra">
|
||||||
|
var _win = {"views":"","www":"https://localhost/","uri":"https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll","ver":"1787058469","pay_mark":"\uffe5","pay_currency_unit":"\u5143","imgbox":"","imgbox_type":"group","imgbox_thumbs":"","imgbox_zoom":"","imgbox_full":"","imgbox_play":"","imgbox_down":"","sign_type":"page","signin_url":"https://localhost/sign/?tab=login&redirect_to=https%3A%2F%2Flocalhost%2F","signup_url":"https://localhost/sign/?tab=register","ajax_url":"https://localhost/wp-admin/admin-ajax.php","ajaxpager":"","ajax_trigger":"\u52a0\u8f7d\u66f4\u591a","ajax_nomore":"\u6ca1\u6709\u66f4\u591a\u4e86","qj_loading":"\u52a0\u8f7d\u4e2d...","highlight_kg":"","highlight_hh":"","highlight_btn":"","highlight_zt":"enlighter","highlight_white_zt":"enlighter","highlight_dark_zt":"dracula","upload_img_size":"3","img_upload_multiple":"6","upload_video_size":"30","upload_file_size":"30","upload_ext":"jpg|jpeg|jpe|gif|png|bmp|tiff|tif|webp|avif|ico|heic|heif|heics|heifs|asf|asx|wmv|wmx|wm|avi|divx|flv|mov|qt|mpeg|mpg|mpe|mp4|m4v|ogv|webm|mkv|3gp|3gpp|3g2|3gp2|txt|asc|c|cc|h|srt|csv|tsv|ics|rtx|css|vtt|dfxp|mp3|m4a|m4b|aac|ra|ram|wav|x-wav|ogg|oga|flac|mid|midi|wma|wax|mka|rtf|pdf|class|tar|zip|gz|gzip|rar|7z|psd|xcf|doc|pot|pps|ppt|wri|xla|xls|xlt|xlw|mdb|mpp|docx|docm|dotx|dotm|xlsx|xlsm|xlsb|xltx|xltm|xlam|pptx|pptm|ppsx|ppsm|potx|potm|ppam|sldx|sldm|onetoc|onetoc2|onetmp|onepkg|oxps|xps|odt|odp|ods|odg|odc|odb|odf|wp|wpd|key|numbers|pages","user_upload_nonce":"d8ac379705","post_action_nonce":"4910351536","is_split_upload":"","split_minimum_size":"10","comment_upload_img":"","translate_config":[],"qrcode_signin":{"url":false,"state":false},"i18n":{"load_more":"\u52a0\u8f7d\u66f4\u591a","processing":"\u5904\u7406\u4e2d...","please_wait":"\u8bf7\u7a0d\u5019","done":"\u64cd\u4f5c\u5b8c\u6210","confirm_clear_search":"\u786e\u8ba4\u6e05\u7a7a\u641c\u7d22\u8bb0\u5f55\uff1f","search_loading":"\u641c\u7d22\u4e2d...","search_min_chars":"\u81f3\u5c11\u8f93\u5165 %s \u4e2a\u5b57\u7b26"}};
|
||||||
|
//# sourceURL=loader_js-js-extra
|
||||||
|
</script>
|
||||||
|
<script id="loader_js-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/vendor/zibll/js/loader.js?ver=1787058469"></script>
|
||||||
|
<script id="aksrt-lazy-image-attr-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/lazy-image-attr.js?ver=1787120767"></script>
|
||||||
|
<script id="aksrt-rehydrate-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/rehydrate.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-notyf-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/notyf.js?ver=1786991976"></script>
|
||||||
|
<script id="aksrt-runtime-js-extra">
|
||||||
|
var aksrtData = {"ajaxUrl":"https://localhost/wp-admin/admin-ajax.php","nonce":"40f651f23e","restNonce":"581c5faadc","visibilityNonce":"5202fc23be","siteUrl":"https://localhost/","themeUrl":"https://localhost/wp-content/themes/AKSRT-theme","themeMode":"time-auto","debug":"","debugLog":"","postPaginationMode":"infinite","commentPaginationMode":"numbered","homepagePostsPerPage":"6","homepageDefaultSort":"modified","homepageSortAjax":"1","homepageStickyTabs":"1","homePostsListEnabled":"1","homeListSortEnabled":"1","homeListSortDropdown":"","ajaxTrigger":"\u003Ci class=\"fa fas fa-angle-right\"\u003E\u003C/i\u003E\u52a0\u8f7d\u66f4\u591a","ajaxNomore":"\u6ca1\u6709\u66f4\u591a\u5185\u5bb9\u4e86","ajaxLoading":"\u6b63\u5728\u52a0\u8f7d...","iasMax":"3","commentIasAuto":"1","commentUploadEnabled":"","commentUploadUrl":"https://localhost/wp-json/aksrt/v1/comment/upload-image","commentUploadMaxSize":"2097152","commentIasMax":"3","commentQuickPhrases":["\u4e0d\u9519\uff0c\u5b66\u4e60\u4e86","\u611f\u8c22\u5206\u4eab","\u671f\u5f85\u66f4\u65b0"],"commentSmiliesBase":"https://localhost/wp-content/themes/AKSRT-theme/assets/img/smilies/","restUrl":"https://localhost/wp-json/aksrt/v1","apiUrl":"https://localhost/wp-json/aksrt/v1","frontendModalRollout":{"vip":true,"order":true,"identity":true},"stickyEnabled":"1","stickyPages":["home","cat"],"badgeShow":"1","badgeTypes":["pay","cat","tag"],"isLoggedIn":"","userId":"0","ordersUrl":"https://localhost/user/orders/","userCenterUrl":"https://localhost/user/vip/","routes":{"home":"https://localhost/","login":"https://localhost/sign/?tab=login","register":"https://localhost/sign/?tab=register","resetPassword":"https://localhost/reset-password/","profile":"https://localhost/user/vip/","orders":"https://localhost/user/orders/","resources":"https://localhost/resources/"},"shell":{"wrapperId":"","navId":"navbar-top","searchPanelId":"nav-search-panel","drawerId":"mobile-navbar","userMenuId":"sub-user-box","floatActionsId":"float-right-btns","tabbarId":"footer-tabbar"},"themeUri":"https://localhost/wp-content/themes/AKSRT-theme","lazyScopes":{"lazy_posts_thumb":true,"lazy_avatar":true,"lazy_posts_content":false,"lazy_comment":true,"lazy_private":true,"lazy_sider":true,"lazy_cover":true,"lazy_other":true},"lazyThumbs":{"default":"https://zibll.rutua.cn/wp-content/themes/zibll/img/thumbnail.svg","sm":"https://localhost/wp-content/themes/AKSRT-theme/assets/img/thumbnail-sm.svg","lg":"https://localhost/wp-content/themes/AKSRT-theme/assets/img/thumbnail-lg.svg"},"lazyAvatar":"https://localhost/wp-content/themes/AKSRT-theme/assets/img/user/default-avatar.svg","codeHighlight":{"enabled":true,"lightTheme":"enlighter","darkTheme":"monokai","lineNumbers":false,"showButtons":true,"maxHeight":400},"systemNotice":{"enabled":false,"policy":"","title":"","content":"","buttons":[],"size":"","radius":0,"class":"","title_icon":"","title_class":"","title_style":"","expires":24},"contentProtect":{"enabled":false,"copyNotice":false,"copyNoticeText":"\u6765\u81ea\u672c\u7ad9\uff0c\u8bf7\u5c0a\u91cd\u539f\u521b\u7248\u6743\u3002","disableRightClick":false,"detectDevTools":false},"translate":{"enabled":false,"autoDetect":true,"defaultLang":"zh-CN","availableLangs":"zh-CN|\u7b80\u4f53\u4e2d\u6587\nen|English","nomenclature":"","switcherPosition":"footer","urlStrategy":"query"}};
|
||||||
|
//# sourceURL=aksrt-runtime-js-extra
|
||||||
|
</script>
|
||||||
|
<script id="aksrt-runtime-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/aksrt-runtime.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-core-request-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/request.js?ver=1785857859"></script>
|
||||||
|
<script id="aksrt-vip-coordinator-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/vip-purchase-coordinator.js?ver=1785868930"></script>
|
||||||
|
<script id="aksrt-core-modal-telemetry-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-telemetry.js?ver=1785854228"></script>
|
||||||
|
<script id="aksrt-core-modal-cache-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-cache.js?ver=1785868930"></script>
|
||||||
|
<script id="aksrt-core-modal-state-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-state.js?ver=1785857859"></script>
|
||||||
|
<script id="aksrt-core-modal-runtime-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-runtime.js?ver=1785868930"></script>
|
||||||
|
<script id="aksrt-pay-vip-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/pay-vip.js?ver=1786994318"></script>
|
||||||
|
<script id="aksrt-grade-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/grade.min.js?ver=1787040440"></script>
|
||||||
|
<script id="aksrt-core-article-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/article.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-core-comments-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/comments.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-core-comment-fixed-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/comment-fixed-input.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-core-comment-move-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/comment-move-form.js?ver=1786991976"></script>
|
||||||
|
<script id="aksrt-core-ajax-list-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/ajax-list.js?ver=1787041433"></script>
|
||||||
|
<script id="aksrt-core-modal-triggers-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/modal-triggers.js?ver=1787126034"></script>
|
||||||
|
<script id="aksrt-core-pagination-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/pagination.js?ver=1787040440"></script>
|
||||||
|
<script id="aksrt-core-archive-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/archive.js?ver=1787069297"></script>
|
||||||
|
<script id="aksrt-core-footer-tabbar-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/footer-tabbar.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-core-misc-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/core/misc.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-precode-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/precode.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-input-expand-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/input-expand.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-section-navs-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/section-navs.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-video-player-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/video-player.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-color-extract-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/color-extract.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-enhancements-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/enhancements.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-enhancements2-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/enhancements2.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-reward-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/reward.js?ver=1785218060"></script>
|
||||||
|
<script id="aksrt-effects-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/effects.js?ver=1786685152"></script>
|
||||||
|
<script id="aksrt-yiyan-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/yiyan.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-site-notice-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/site-notice.js?ver=1784854384"></script>
|
||||||
|
<script id="aksrt-modal-auth-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/modal-auth.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-homepage-fixed-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/js/homepage-fixed.js?ver=1787057375"></script>
|
||||||
|
<script id="aksrt-widgets-js-before">
|
||||||
|
window.aksrtWidgets={"restUrl":"https:\/\/localhost\/wp-json\/aksrt\/v1\/widgets\/","quoteUrl":"https:\/\/localhost\/wp-json\/aksrt\/v1\/widgets\/quote","i18n":{"loading":"\u6b63\u5728\u52a0\u8f7d\u2026","error":"\u52a0\u8f7d\u5931\u8d25\uff0c\u8bf7\u91cd\u8bd5\u3002","retry":"\u91cd\u8bd5","pause":"\u6682\u505c\u81ea\u52a8\u64ad\u653e","resume":"\u7ee7\u7eed\u81ea\u52a8\u64ad\u653e"}};
|
||||||
|
//# sourceURL=aksrt-widgets-js-before
|
||||||
|
</script>
|
||||||
|
<script id="aksrt-widgets-js" src="https://localhost/wp-content/themes/AKSRT-theme/assets/widgets/frontend.js?ver=1787057375"></script>
|
||||||
|
<script id="wp-emoji-settings" type="application/json">
|
||||||
|
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://localhost/wp-includes/js/wp-emoji-release.min.js?ver=7.0.2"}}
|
||||||
|
</script>
|
||||||
|
<script type="module">
|
||||||
|
/*! This file is auto-generated */
|
||||||
|
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
|
||||||
|
//# sourceURL=https://localhost/wp-includes/js/wp-emoji-loader.min.js
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
|
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
const fs=require('fs');
|
||||||
|
const files=fs.readdirSync('.tmp-shots/css').filter(f=>f.endsWith('.css'));
|
||||||
|
for(const f of files){
|
||||||
|
const css=fs.readFileSync('.tmp-shots/css/'+f,'utf8');
|
||||||
|
for(const tok of ['.em09','.em12','.px12-sm','.icon-cover-desc']){
|
||||||
|
let i=css.indexOf(tok);
|
||||||
|
if(i>=0) console.log(f,'|',tok,'| idx',i,'| ctx:',css.slice(Math.max(0,i-50),i+70).replace(/\s+/g,' '));
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -0,0 +1 @@
|
|||||||
|
console.log('A', process.version)
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
const fs=require("fs");
|
||||||
|
const files=fs.readdirSync(".tmp-shots/css").filter(f=>f.endsWith(".css"));
|
||||||
|
let found=0;
|
||||||
|
for(const f of files){
|
||||||
|
const css=fs.readFileSync(".tmp-shots/css/"+f,"utf8");
|
||||||
|
const i=css.indexOf(".px12-sm");
|
||||||
|
if(i>=0){found++; console.log(f, i);}
|
||||||
|
}
|
||||||
|
console.log("done", files.length, found);
|
||||||
@@ -0,0 +1,5 @@
|
|||||||
|
const fs=require("fs");
|
||||||
|
console.log("t3 dir:", fs.readdirSync(".tmp-shots").join(",").slice(0,200));
|
||||||
|
console.log("t3 css count:", fs.readdirSync(".tmp-shots/css").length);
|
||||||
|
console.log("t3 exists main:", fs.existsSync(".tmp-shots/css/main.min.css-44"));
|
||||||
|
console.log("t3 cwd:", process.cwd());
|
||||||
@@ -0,0 +1,9 @@
|
|||||||
|
const fs=require("fs");
|
||||||
|
const files=fs.readdirSync(".tmp-shots/css");
|
||||||
|
for(const f of files){
|
||||||
|
const css=fs.readFileSync(".tmp-shots/css/"+f,"utf8");
|
||||||
|
for(const tok of [".px12-sm",".em12{",".em09{","icon-cover"]){
|
||||||
|
let i=css.indexOf(tok);
|
||||||
|
if(i>=0) console.log(f,"|",tok,"|",css.slice(Math.max(0,i-60),i+80).replace(/\s+/g," "));
|
||||||
|
}
|
||||||
|
}
|
||||||
@@ -97,6 +97,14 @@ main.container,
|
|||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Header multifunc icon cards: pin typography baseline so cards render
|
||||||
|
* identically on all pages. .px12-sm is only defined globally in
|
||||||
|
* zibll-utilities.css, which is @import'd by the single-post aggregator;
|
||||||
|
* vendor CSS pins it at <=640px / .sidebar / .mobile-nav-widget only. */
|
||||||
|
.header-slider-card .icon-cover-card {
|
||||||
|
font-size: 12px;
|
||||||
|
}
|
||||||
|
|
||||||
@media (min-width: 576px) {
|
@media (min-width: 576px) {
|
||||||
.container,
|
.container,
|
||||||
main.container {
|
main.container {
|
||||||
|
|||||||
@@ -32,6 +32,10 @@ test('homepage horizontal cards render fully from Zibll CSS with no dedicated st
|
|||||||
assert.equal(fs.existsSync(path.join(root, 'assets/css/frontend/header-cards.css')), false);
|
assert.equal(fs.existsSync(path.join(root, 'assets/css/frontend/header-cards.css')), false);
|
||||||
assert.doesNotMatch(baseCss, /\.icon-cover-card\.aksrt-icon-cover-card/);
|
assert.doesNotMatch(baseCss, /\.icon-cover-card\.aksrt-icon-cover-card/);
|
||||||
assert.doesNotMatch(baseCss, /\.header-components-card/);
|
assert.doesNotMatch(baseCss, /\.header-components-card/);
|
||||||
|
assert.match(
|
||||||
|
baseCss,
|
||||||
|
/\.header-slider-card\s+\.icon-cover-card\s*\{[^}]*font-size:\s*12px/s,
|
||||||
|
);
|
||||||
assert.doesNotMatch(scripts, /header-cards/);
|
assert.doesNotMatch(scripts, /header-cards/);
|
||||||
assert.doesNotMatch(widgetCss, /aksrt-widget-icon-cards \.icon-cover-card/);
|
assert.doesNotMatch(widgetCss, /aksrt-widget-icon-cards \.icon-cover-card/);
|
||||||
});
|
});
|
||||||
Reference in new issue
Block a user