/*
Theme Name: Jizone
Description: 基于插件化架构的现代WordPress主题，支持移动端适配和高度可扩展性
Author: Jizone Development Team
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jizone
Domain Path: /languages
Tags: responsive, mobile-friendly, plugin-architecture, customizable

Jizone WordPress Theme
Copyright (C) 2024 Jizone Development Team

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 2 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program. If not, see <https://www.gnu.org/licenses/>.
*/

/* 基础样式重置 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
    line-height: 1.6;
    color: #333;
    background-color: #fff;
}

/* 响应式基础 */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

@media (max-width: 768px) {
    .container {
        padding: 0 15px;
    }
}

/* 主题加载状态 */
.jizone-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #f8f9fa;
}

.jizone-loading::after {
    content: '';
    width: 40px;
    height: 40px;
    border: 4px solid #e3e3e3;
    border-top: 4px solid #007cba;
    border-radius: 50%;
    animation: jizone-spin 1s linear infinite;
}

@keyframes jizone-spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
/* 返回顶部按钮样式 */
#back-to-top {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9999;
    padding: 8px 12px;
    background: #333;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0.85;
}
#back-to-top:hover { opacity: 1; }

/* 页脚图标链接样式 */
.footer-icon-link img {
    height: 24px;
    width: auto;
    vertical-align: middle;
    margin-right: 8px;
}

/* 导航样式增强 */
#masthead .main-navigation { display: flex; align-items: center; position: relative; }
#masthead.is-sticky { position: sticky; top: 0; z-index: 999; background: #fff; border-bottom: 1px solid #eee; }
#masthead { position: relative; }
body { overflow-x: hidden; }
#masthead.sticky-active { box-shadow: 0 2px 10px var(--brand-shadow); }
#masthead .main-navigation .nav-inner { display: flex; align-items: center; gap: 12px; width: 100%; }
#masthead #primary-menu { display: flex; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0; }
#masthead #primary-menu > li { display: inline-block; }
#masthead .main-navigation.align-left .nav-inner { justify-content: flex-start; }
#masthead .main-navigation.align-center .nav-inner { justify-content: center; }
#masthead .main-navigation.align-right .nav-inner { justify-content: flex-end; }
#masthead .container { display: flex; align-items: center; justify-content: space-between; }
#masthead .site-branding { flex: 0 0 auto; }
#masthead .main-navigation { flex: 1 1 auto; }
.menu-toggle { margin-left: 12px; }
#masthead .site-branding { margin-right: 16px; display: flex; align-items: center; gap: 12px; }
#masthead .site-branding .site-logo img { height: 40px; width: auto; vertical-align: middle; }
#masthead .site-branding .branding-text { display: flex; flex-direction: column; }
#masthead .main-navigation { flex: 1; }
#masthead .main-navigation.spacing-compact #primary-menu > li { margin: 0 6px; }
#masthead .main-navigation.spacing-normal #primary-menu > li { margin: 0 12px; }
#masthead .main-navigation.spacing-spacious #primary-menu > li { margin: 0 18px; }
#masthead .main-navigation .nav-search { margin-left: auto; display: flex; align-items: center; gap: 6px; }
#masthead .main-navigation .nav-search input[type="search"] { padding: 6px 8px; border: 1px solid #ddd; border-radius: 4px; }
#masthead .main-navigation .nav-search button { padding: 6px 8px; border: 1px solid var(--brand-600); background: var(--brand-600); color: #fff; border-radius: 4px; cursor: pointer; }

/* 右侧工具与搜索按钮 */
#masthead .nav-right-tools { display:flex; align-items:center; gap:12px; }
#masthead .nav-right-tools .search-toggle { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid #e5e7eb; border-radius:8px; background:#fff; color:#333; cursor:pointer; }
#masthead .nav-right-tools .search-toggle:hover { background:#f6f8fa; }

/* 下拉搜索面板（PC） */
.search-panel { position:absolute; left:0; right:0; top:100%; background:#fff; border-top:1px solid #eee; box-shadow:0 6px 16px rgba(0,0,0,0.08); display:none; }
.search-panel.open { display:block; }
.search-panel .search-form { max-width:960px; margin:10px auto; padding:10px 16px; display:flex; gap:8px; }
.search-panel .search-form input[type="search"] { flex:1; padding:10px 12px; border:1px solid #ddd; border-radius:6px; }
.search-panel .search-form .button-primary { padding:10px 14px; border:none; background:var(--brand-600); color:#fff; border-radius:6px; cursor:pointer; }
.search-panel .search-form .button-primary:hover { background:var(--brand-700); }

/* 桌面导航高度与间距（匹配 JustNews） */
@media (min-width: 992px) {
  #masthead { min-height: var(--nav-height); }
  #masthead .container { min-height: var(--nav-height); }
  #masthead #primary-menu > li > a { display:block; line-height: var(--nav-height); padding: 0 16px; font-weight: 500; color:#111; text-decoration:none; }
  #masthead #primary-menu > li > a:hover { color: var(--brand-600); }
  #masthead #primary-menu > li.current-menu-item > a,
  #masthead #primary-menu > li.current-menu-ancestor > a { color: var(--brand-700); }
  #masthead .main-navigation.spacing-compact #primary-menu > li { margin: 0 8px; }
  #masthead .main-navigation.spacing-normal #primary-menu > li { margin: 0 12px; }
  #masthead .main-navigation.spacing-spacious #primary-menu > li { margin: 0 18px; }
  #masthead .nav-right-tools .search-toggle { width: calc(var(--nav-height) - 16px); height: calc(var(--nav-height) - 16px); }
}

/* 子菜单显示控制 */
#primary-menu .menu-item-has-children { position: relative; }
#primary-menu .menu-item-has-children > .sub-menu { display: none; position: absolute; left: 0; top: 100%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.06); min-width: 180px; z-index: 1000; }
#primary-menu .menu-item-has-children.submenu-open > .sub-menu { display: block; }
#primary-menu .sub-menu { list-style: none; margin: 0; padding: 6px 0; }
#primary-menu .sub-menu li { white-space: nowrap; list-style: none; }
#primary-menu .sub-menu li::marker { content: none; }
#primary-menu .sub-menu li::before { content: none; }
#primary-menu .sub-menu li::after { content: none; }

/* 移动端导航 */
@media (max-width: 992px) {
  /* 默认不隐藏搜索，由设置控制 */
  #masthead .main-navigation .nav-search { display: flex; }
}

/* 移动端显示控制：根据设置添加隐藏类 */
@media (max-width: 768px) {
  /* 移动端仅隐藏标题文本，不隐藏 Logo */
  #masthead.mobile-hide-site-title .site-branding .branding-text { display: none; }
  #masthead.mobile-hide-search .main-navigation .nav-search { display: none; }
  /* 移动端隐藏桌面搜索面板 */
  .search-panel { display:none !important; }
  /* 移动端隐藏桌面搜索按钮，改用抽屉底部搜索 */
  #masthead .nav-right-tools .search-toggle { display:none; }
}

/* 移动端抽屉与页面滑动 */
.menu-toggle { display: none; background: none; border: none; font-size: 24px; line-height: 1; cursor: pointer; }
/* 移动抽屉默认隐藏与遮罩 */
.mobile-drawer { display: none; }
.drawer-overlay { display: none; position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.25); z-index: 900; }
@media (max-width: 768px) {
  .menu-toggle { display: block; margin-left: auto; }
  /* 默认隐藏导航，使用抽屉显示 */
  #site-navigation { display: none; }
  /* 页面整体容器可滑动 */
  #page { position: relative; left: 0; transition: left 250ms ease; }
  #page.drawer-open { left: -60vw; }
  /* 右侧抽屉 */
  .mobile-drawer { position: fixed; right: -60vw; top: 0; height: 100vh; width: 60vw; background: #fff; box-shadow: -2px 0 12px rgba(0,0,0,0.12); z-index: 1000; transition: right 250ms ease; display: flex; flex-direction: column; }
  .mobile-drawer.open { right: 0; }
  .mobile-drawer .drawer-inner { display: flex; flex-direction: column; height: 100%; }
  .mobile-drawer .drawer-close { position: absolute; top: 8px; right: 8px; background: none; border: none; font-size: 20px; cursor: pointer; }
  .mobile-drawer .drawer-nav { flex: 1 1 auto; overflow-y: auto; }
  .mobile-drawer .drawer-search { flex: 0 0 auto; padding: 12px; border-top: 1px solid #eee; display: flex; gap: 8px; }
  .drawer-overlay.open { display: block; }
}

/* PC端隐藏移动抽屉相关元素与覆盖层 */
@media (min-width: 769px) {
  .mobile-drawer { display: none !important; }
  .drawer-overlay { display: none !important; }
}

/* 首页专题通用样式 */
.home-topics { margin: 24px 0; }
.home-topics .topic-item { display: block; position: relative; overflow: hidden; border-radius: 0px; background: #f7f7f7; }
.home-topics .topic-item img { width: 100%; height: auto; display: block; }
.home-topics .topic-item .topic-title { position: absolute; left: 12px; padding: 6px 10px; background: rgba(0,0,0,0.6); color: #fff; border-radius: 4px; font-size: 14px; }

/* 幻灯片布局：一次显示一个 */
.home-topics.layout-slider .topics-slider { position: relative; }
.home-topics.layout-slider .topics-slider .topic-item { display: none; }
.home-topics.layout-slider .topics-slider .topic-item.active { display: block; }

/* 三专题：PC端横排三列 */
.home-topics.layout-three .topics-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.home-topics.layout-three .topics-slider { display: none; }

/* 1+2：PC左1右2 */
.home-topics.layout-one-two .topics-split { display: grid; grid-template-columns: 2fr 1fr; gap: 0px; align-items: stretch; }
.home-topics.layout-one-two .topics-split .left,
.home-topics.layout-one-two .topics-split .right { height: 100%; }
.home-topics .topics-grid.cols-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }

/* 移动端抽屉菜单与用户区（如图样式） */
@media (max-width: 768px) {
  /* 个人区头部（头像/昵称 + 折叠箭头） */
  #mobile-drawer .drawer-user-header { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-top:1px solid #eee; }
  #mobile-drawer .drawer-user-header .user-action-link { color:#111; text-decoration:none; }
  #mobile-drawer .user-collapse-toggle { border:none; background:transparent; color:#666; font-size:16px; line-height:1; cursor:pointer; transition:transform .2s ease, color .2s ease; }
  #mobile-drawer .user-collapse-toggle[aria-expanded="true"] { transform: rotate(180deg); color:#111; }

  /* 个人区折叠内容容器 */
  #mobile-drawer .drawer-user-content { padding:8px 12px 12px; }
  #mobile-drawer .drawer-user-content[hidden] { display:none !important; }

  /* 个人区顶部搜索框（圆角、品牌色按钮） */
  #mobile-drawer .drawer-user-actions .drawer-user-search { display:flex; gap:8px; margin:8px 12px; }
  #mobile-drawer .drawer-user-actions .drawer-user-search input[type="search"] { border:1px solid #e5e7eb; border-radius:10px; padding:10px 12px; flex:1; }
  #mobile-drawer .drawer-user-actions .drawer-user-search button { border:1px solid var(--brand-600); background:var(--brand-600); color:#fff; border-radius:10px; padding:10px 12px; }
  #mobile-drawer .drawer-user-actions .drawer-user-search button:hover { background:var(--brand-700); }

  /* 菜单列表为面包式分行 */
  .mobile-drawer .drawer-nav ul#mobile-menu > li > a {
    display:flex; align-items:center; justify-content:space-between;
    padding:14px 16px; color:#111; text-decoration:none;
    border-bottom:1px solid #f1f5f9;
  }
  .mobile-drawer .drawer-nav ul#mobile-menu > li.menu-item-has-children > a::after {
    content:'\25BE'; font-size:12px; color:#666; transition: transform .2s ease;
  }
  .mobile-drawer .drawer-nav ul#mobile-menu > li.open > a::after { transform: rotate(180deg); }
  .mobile-drawer .drawer-nav ul#mobile-menu .sub-menu { display:none; padding:8px 0; background:#f5f7fa; }
  .mobile-drawer .drawer-nav ul#mobile-menu li.open > .sub-menu { display:block; }
  .mobile-drawer .drawer-nav ul#mobile-menu .sub-menu > li > a { display:block; padding:12px 16px; color:#111; text-decoration:none; border-top:1px solid #eef2f6; }
  .mobile-drawer .drawer-nav ul#mobile-menu .sub-menu > li > a:hover { background:#eef2f7; }
  .mobile-drawer .drawer-nav ul#mobile-menu > li.current-menu-item > a { color: var(--brand-600); font-weight: 500; }
  /* 搜索框圆角与品牌色按钮 */
  .mobile-drawer .drawer-search input[type="search"] {
    border:1px solid #e5e7eb; border-radius:10px; padding:10px 12px; flex:1;
  }
  .mobile-drawer .drawer-search button {
    border:1px solid var(--brand-600); background: var(--brand-600); color:#fff;
    border-radius:10px; padding:10px 12px;
  }
  /* 用户区分行列表与投稿按钮 */
  .drawer-user-actions { padding: 12px; border-top:1px solid #eee; }
  .drawer-user-actions .user-avatar-link { display:flex; align-items:center; gap:10px; padding:8px 4px; color:#111; text-decoration:none; }
  .drawer-user-actions .menu-user-avatar-img { border-radius:50%; }
  .drawer-user-actions .drawer-cta-submission {
    display:block; margin:12px 4px; padding:10px 12px;
    border:1.5px solid var(--brand-600); color:var(--brand-600);
    border-radius:10px; text-align:center; background:#fff;
  }
  .drawer-user-actions .drawer-cta-submission:hover {
    background:var(--brand-600); color:#fff; box-shadow:0 6px 12px var(--brand-shadow);
  }
  .drawer-user-actions .drawer-user-list { list-style:none; margin:8px 0 0; padding:0; }
  .drawer-user-actions .drawer-user-list li a {
    display:block; padding:12px 8px; color:#111; text-decoration:none; border-bottom:1px solid #f2f4f7;
  }
  .drawer-user-actions .drawer-user-list li a:hover { color:var(--brand-600); background:#f9fafb; }
  .drawer-user-actions .sep { display:none; }

  /* 分类页移动端：Banner与breadcrumb优化（与PC保持视觉一致但更紧凑） */
  .category .archive-banner .container { padding: 16px 0; }
  .category .archive-banner .archive-title { font-size: 18px; line-height: 1.4; }
  .category .archive-banner .archive-desc { font-size: 13px; color:#666; }
  .category .breadcrumbs.breadcrumbs-archive { padding: 6px 0 10px; font-size: 13px; color:#666; }

  /* 分类页移动端卡片：改为上图下文纵向排版，统一比例与字号 */
  .category .post-card-row { display: block; }
  .category .post-card-row .thumb-col { width: 100%; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; }
  .category .post-card-row .thumb-col .post-card-thumb-link { display:block; width:100%; height:100%; }
  .category .post-card-row .thumb-col .post-card-thumb { width:100%; height:100%; object-fit: cover; display:block; }
  .category .post-card-row .content-col { padding: 12px 2px 0; }
  .category .post-card .entry-title { font-size: 16px; line-height: 1.5; margin:0 0 8px; }
  .category .post-card .entry-title a { color:#111; text-decoration:none; }
  .category .post-card .entry-title a:hover { color: var(--brand-600); }
  .category .post-card .entry-summary { font-size: 13px; color:#555; }
  .category .post-card .entry-author-meta { font-size: 12px; gap: 6px; color:#888; }
}
/* 1+2右侧在PC端改为上下排布 */
.home-topics.layout-one-two .topics-grid.cols-2 { grid-template-columns: 1fr; gap: 0; }

/* 1+4：PC左1右4 */
.home-topics.layout-one-four .topics-split { display: grid; grid-template-columns: 1fr 1fr; gap: 0px; align-items: stretch; }
.home-topics.layout-one-four .topics-split .left,
.home-topics.layout-one-four .topics-split .right { height: 100%; }
.home-topics .topics-grid.cols-4 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
.home-topics.layout-one-four .topics-grid.cols-4 { gap: 0; }

/* 专题卡片：图片16:9容器，标题左上角覆盖 */

/* 分类页UI优化：Banner + 面包屑 + 卡片排版（参考JustNews） */
.archive-banner { background: linear-gradient(180deg, #ffffff, #f8fafc); border-bottom: 1px solid #eef2f7; }
.archive-banner .container { padding: 24px 0; }
.archive-banner .archive-title { margin: 0; font-size: 22px; line-height: 1.4; color: #111; }
.archive-banner .archive-desc { margin-top: 6px; color: #666; font-size: 14px; }

/* 分类Banner：有封面图时采用图片覆盖与文字叠加 */
.category .archive-banner.has-cover { background: none; border-bottom: 1px solid #eef2f7; }
.category .archive-banner.has-cover .container { padding: 0; }
.category .archive-banner .banner-cover { position: relative; height: 240px; border-radius: 8px; overflow: hidden; }
.category .archive-banner .banner-cover img { width: 100%; height: 100%; display: block; object-fit: cover; }
.category .archive-banner .banner-cover::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.20), rgba(0,0,0,.40)); }
.category .archive-banner .banner-text { position: absolute; left: 16px; right: 16px; bottom: 14px; z-index: 1; color: #fff; }
.category .archive-banner.has-cover .archive-title { color: #fff; font-size: 24px; margin: 0; line-height: 1.4; }
.category .archive-banner.has-cover .archive-desc { color: rgba(255,255,255,.85); font-size: 14px; margin-top: 6px; }

@media (max-width: 768px) {
  .category .archive-banner .banner-cover { height: 180px; }
  .category .archive-banner.has-cover .archive-title { font-size: 20px; }
  .category .archive-banner.has-cover .archive-desc { font-size: 13px; }
}

.breadcrumbs.breadcrumbs-archive { padding: 6px 0 12px; font-size: 14px; color: #666; }
.breadcrumbs.breadcrumbs-archive a { color: var(--brand-600); text-decoration: none; }
.breadcrumbs.breadcrumbs-archive .current { color: #111; }

/* 分类页文章卡片（左图右文）尺寸与排版 */
.category .post-card-row { align-items: stretch; }
.category .post-card-row .thumb-col { flex: 0 0 320px; width: 320px; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; }
.category .post-card-row .thumb-col .post-card-thumb-link { display: block; width: 100%; height: 100%; }
.category .post-card-row .thumb-col .post-card-thumb { width: 100%; height: 100%; object-fit: cover; display: block; }

.category .post-card .entry-title { font-size: 18px; line-height: 1.5; margin: 0 0 8px; }
.category .post-card .entry-title a { color: #111; text-decoration: none; }
.category .post-card .entry-title a:hover { color: var(--brand-600); }
.category .post-card .entry-summary { color: #555; font-size: 14px; }
.category .post-card .entry-author-meta { margin-top: 10px; display:flex; align-items:center; gap:8px; color:#888; font-size:12px; }
.category .post-card .entry-author-meta .author-avatar img { border-radius:50%; }
.home-topics .topic-item { position: relative; display: block; }
.home-topics .topic-item img { width: 100%; display: block; aspect-ratio: 16 / 9; object-fit: cover; }
.home-topics .topic-item .topic-title { position: absolute; top: 8px; left: 8px; background: rgba(0,0,0,0.6); color: #fff; padding: 4px 8px; border-radius: 4px; font-size: 14px; display: inline-block; line-height: 1.4; }
.home-topics .topic-item .topic-desc { position: absolute; left: 8px; right: 8px; bottom: 8px; background: rgba(0,0,0,0.45); color: #fff; padding: 6px 8px; border-radius: 4px; font-size: 13px; line-height: 1.5; }

/* featured 大图保持同样比例 */
.home-topics .topic-item.featured img { aspect-ratio: 16 / 9; }

/* 响应式：移动端堆叠与三专题改为幻灯片 */
@media (max-width: 768px) {
  .home-topics.layout-one-two .topics-split,
  .home-topics.layout-one-four .topics-split { display: block; }
  .home-topics .topics-grid.cols-4 { grid-template-columns: repeat(2, 1fr); }
  /* 1+2：移动端下方两项横向并列 */
  .home-topics.layout-one-two .topics-grid.cols-2 { grid-template-columns: repeat(2, 1fr); }
  /* 三专题在移动端显示为幻灯片，列表隐藏 */
  .home-topics.layout-three .topics-list { display: none; }
  .home-topics.layout-three .topics-slider { display: block; }
}

/* 用户中心与菜单入口样式 */
/* PC端菜单右侧的用户入口 */
#masthead .main-navigation .menu-user-actions {
  margin-left: auto; /* 将入口推到最右侧 */
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
#masthead .main-navigation .menu-user-actions .sep { color: #999; padding: 0 4px; }
#masthead .main-navigation .menu-user-actions .user-action-link { color: inherit; text-decoration: none; }
#masthead .main-navigation.spacing-compact .menu-user-actions { margin-left: auto; }

/* 移动端抽屉底部的用户入口 */
#mobile-drawer .drawer-user-actions { 
  border-top: 1px solid #eee; 
  padding: 12px; 
  margin-top: auto; /* 推到抽屉底部 */
}
#mobile-drawer .drawer-user-actions .user-action-link { display: inline-block; padding: 6px 8px; }
#mobile-drawer .drawer-user-actions .sep { color: #999; padding: 0 4px; }
/* 在移动抽屉中展示头像+昵称 */
#mobile-drawer .drawer-user-actions .user-avatar-link { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: inherit; margin-bottom: 8px; }
#mobile-drawer .drawer-user-actions .menu-user-avatar-img { width: 32px; height: 32px; border-radius: 50%; display: inline-block; }
#mobile-drawer .drawer-user-actions .menu-username { font-size: 14px; color: #333; }
#mobile-drawer .drawer-user-actions .drawer-user-links { display: inline-flex; align-items: center; gap: 6px; flex-wrap: wrap; }

/* 移动端：顶部区域仅显示搜索图标，隐藏用户头像与名称（以及登录/注册入口） */
@media (max-width: 768px) {
  #masthead .nav-right-tools .nav-user-tools { display: none !important; }
  #masthead .main-navigation .menu-user-actions { display: none !important; }
  #masthead #primary-menu .menu-user-actions { display: none !important; }
}

/* 移动端：顶部区域仅显示搜索图标，隐藏用户头像与名称（以及登录/注册入口） */
@media (max-width: 768px) {
  #masthead .nav-right-tools .nav-user-tools { display: none !important; }
  #masthead .main-navigation .menu-user-actions { display: none !important; }
  #masthead #primary-menu .menu-user-actions { display: none !important; }
}


/* 用户头像下拉（PC主菜单右侧 & 右侧工具容器） */
#masthead .main-navigation .menu-user-actions,
#masthead .nav-right-tools .menu-user-actions { display: inline-flex; align-items: center; gap: 8px; }
#masthead .main-navigation .menu-user-actions .user-avatar-link,
#masthead .nav-right-tools .menu-user-actions .user-avatar-link { display: inline-flex; align-items: center; gap: 6px; text-decoration: none; color: inherit; }
#masthead .main-navigation .menu-user-actions .menu-user-avatar-img,
#masthead .nav-right-tools .menu-user-actions .menu-user-avatar-img { width: 32px; height: 32px; border-radius: 50%; display: inline-block; }
#masthead .main-navigation .menu-user-actions .menu-username,
#masthead .nav-right-tools .menu-user-actions .menu-username { font-size: 14px; }

/* ====== 菜单高度、样式与下拉效果增强（参考 oqyj.com 风格） ====== */
/* 头部整体高度：与主菜单、搜索、头像保持一致 */
#masthead .container { min-height: 60px; }

/* 主菜单项样式与悬停底部指示线 */
#masthead #primary-menu > li > a { display: inline-block; padding: 18px 12px; color: #333; font-weight: 500; text-decoration: none; border-bottom: 2px solid transparent; transition: color .2s ease, border-color .2s ease, background-color .2s ease; }
#masthead #primary-menu > li > a:hover { color: #2271b1; border-bottom-color: #2271b1; }

/* 顶部主菜单：有子菜单的项在文字右侧显示下箭头 */
#masthead #primary-menu > li.menu-item-has-children > a::after {
  content: '∨';
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  line-height: 1;
  color: inherit;
  transition: transform .2s ease;
}
#masthead #primary-menu > li.menu-item-has-children:hover > a::after,
#masthead #primary-menu > li.menu-item-has-children.submenu-open > a::after {
  transform: rotate(180deg);
}

/* 顶部主菜单的子菜单：有子项时在文字右侧显示箭头（指示更多层级） */
#masthead #primary-menu .sub-menu .menu-item-has-children > a::after {
  content: '›';
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  line-height: 1;
  color: inherit;
}

/* 移动端抽屉菜单：有子菜单的项在文字右侧显示下箭头 */
#mobile-menu .menu-item-has-children > a::after {
  content: '∨';
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  line-height: 1;
  color: inherit;
}

/* 主菜单下拉：圆角、阴影、淡入位移动画（PC 悬停 / 移动 点击） */
#primary-menu .menu-item-has-children > .sub-menu { display: block; visibility: hidden; opacity: 0; transform: translateY(6px); transition: opacity .15s ease, transform .15s ease, visibility 0s linear .15s; pointer-events: none; border-radius: 8px; border: 1px solid #eee; box-shadow: 0 8px 16px rgba(0,0,0,0.08); padding: 6px 0; background: #fff; }
#primary-menu .menu-item-has-children:hover > .sub-menu,
#primary-menu .menu-item-has-children.submenu-open > .sub-menu { visibility: visible; opacity: 1; transform: translateY(0); transition-delay: 0s; pointer-events: auto; }
#primary-menu .sub-menu a { display: block; padding: 10px 16px; color: #333; text-decoration: none; white-space: nowrap; }
#primary-menu .sub-menu a:hover { background: #f6f8fa; color: #2271b1; }

/* 右侧工具容器：用户下拉与搜索按钮高度匹配 */
#masthead .nav-right-tools .menu-user-actions .user-avatar-link { min-height: 60px; align-items: center; }
#masthead .nav-right-tools .nav-search .search-toggle { display: inline-flex; align-items: center; height: 60px; }

/* 页脚菜单样式优化 */
#colophon #footer-navigation { margin-bottom: 12px; }
#colophon #footer-menu { display: flex; flex-wrap: wrap; gap: 10px 16px; justify-content: center; list-style: none; margin: 0; padding: 0; }
#colophon #footer-menu > li > a { display: inline-block; padding: 6px 8px; color: #666; font-size: 14px; text-decoration: none; border-radius: 4px; transition: color .2s ease, background-color .2s ease; }
#colophon #footer-menu > li > a:hover { color: #2271b1; background: #eef5ff; }

/* 页脚整体与小工具区域样式 */
.site-footer { padding: 30px 0; border-top: 1px solid #eee; background: #f9fafb; }
.site-footer .container { max-width: 1100px; margin: 0 auto; }
.footer-widgets { display: grid; gap: 20px; margin-bottom: 16px; }
.footer-widgets.columns-1 { grid-template-columns: 1fr; }
.footer-widgets.columns-2 { grid-template-columns: repeat(2, 1fr); }
.footer-widgets.columns-3 { grid-template-columns: repeat(3, 1fr); }
.footer-widgets.columns-4 { grid-template-columns: repeat(4, 1fr); }
.footer-widget-col .widget-title { font-size: 16px; margin: 0 0 10px; color: #333; }
.footer-widget-col .widget { background: transparent; padding: 0; }
.footer-widget-col .widget ul { list-style: none; margin: 0; padding: 0; }
.footer-widget-col .widget ul li { margin: 6px 0; }
.footer-widget-col .widget a { color: #666; text-decoration: none; }
.footer-widget-col .widget a:hover { color: #2271b1; }

/* 友情链接（文本链） */
.site-footer .site-info { text-align: center; color: #666; font-size: 14px; }
.site-footer .site-info p { margin: 8px 0; }
.site-footer .footer-links { display: flex; flex-wrap: wrap; gap: 6px 14px; justify-content: center; align-items: center; margin-bottom: 8px; }
.site-footer .footer-links .label { color: #999; }
.site-footer .footer-links a { color: #666; text-decoration: none; }
.site-footer .footer-links a:hover { color: #2271b1; }

/* 备案信息 */
.site-footer .footer-compliance { margin-top: 8px; color: #999; font-size: 13px; }
.site-footer .footer-compliance a { color: #888; text-decoration: none; }
.site-footer .footer-compliance a:hover { color: #2271b1; }

/* 图标友链与版权内容的间距 */
.site-footer .footer-icon-link { display: inline-block; margin-right: 8px; }

/* 移动端：小工具折叠为单列 */
@media (max-width: 768px) {
  .footer-widgets { grid-template-columns: 1fr !important; }
}

/* 移动端菜单项内边距略缩，保持点击区 */
@media (max-width: 768px) {
  #masthead #primary-menu > li > a { padding: 14px 10px; }
}
#masthead .main-navigation .menu-user-actions.menu-user-dropdown,
#masthead .nav-right-tools .menu-user-actions.menu-user-dropdown { position: relative; }
#masthead .main-navigation .menu-user-actions.menu-user-dropdown > .sub-menu,
#masthead .nav-right-tools .menu-user-actions.menu-user-dropdown > .sub-menu { display: none; position: absolute; right: 0; top: 100%; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); min-width: 140px; padding: 6px 0; border-radius: 6px; list-style: none; margin: 0; }
#masthead .main-navigation .menu-user-actions.menu-user-dropdown > .sub-menu li,
#masthead .nav-right-tools .menu-user-actions.menu-user-dropdown > .sub-menu li { list-style: none; }
#masthead .main-navigation .menu-user-actions.menu-user-dropdown.submenu-open > .sub-menu,
#masthead .nav-right-tools .menu-user-actions.menu-user-dropdown.submenu-open > .sub-menu { display: block; }
#masthead .main-navigation .menu-user-actions.menu-user-dropdown > .sub-menu a,
#masthead .nav-right-tools .menu-user-actions.menu-user-dropdown > .sub-menu a { display: block; padding: 8px 12px; color: #333; text-decoration: none; }
#masthead .main-navigation .menu-user-actions.menu-user-dropdown > .sub-menu a:hover,
#masthead .nav-right-tools .menu-user-actions.menu-user-dropdown > .sub-menu a:hover { background: #f5f5f5; }
/* 右侧工具容器中：悬停即可展开 */
#masthead .nav-right-tools .menu-user-actions.menu-user-dropdown:hover > .sub-menu { display: block; }

/* 搜索图标点击展开（PC，主菜单 & 右侧工具容器） */
#masthead .main-navigation .nav-search,
#masthead .nav-right-tools .nav-search { margin-left: 8px; position: relative; display: inline-flex; align-items: center; gap: 8px; }
#masthead .main-navigation .nav-search input[type="search"],
#masthead .main-navigation .nav-search button[type="submit"],
#masthead .nav-right-tools .nav-search input[type="search"],
#masthead .nav-right-tools .nav-search button[type="submit"] { display: none; }
#masthead .main-navigation .nav-search.search-open input[type="search"],
#masthead .main-navigation .nav-search.search-open button[type="submit"],
#masthead .nav-right-tools .nav-search.search-open input[type="search"],
#masthead .nav-right-tools .nav-search.search-open button[type="submit"] { display: inline-block; }
#masthead .main-navigation .nav-search .search-toggle,
#masthead .nav-right-tools .nav-search .search-toggle { cursor: pointer; background: transparent; border: none; font-size: 0; line-height: 1; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; color: #303133; }
#masthead .main-navigation .nav-search .search-toggle svg,
#masthead .nav-right-tools .nav-search .search-toggle svg { width: 18px; height: 18px; }
#masthead .main-navigation .nav-search .search-submit,
#masthead .nav-right-tools .nav-search .search-submit { background: transparent; border: 1px solid #2271b1; color: #2271b1; border-radius: 4px; padding: 6px 8px; display: inline-flex; align-items: center; justify-content: center; }
#masthead .main-navigation .nav-search .search-submit svg,
#masthead .nav-right-tools .nav-search .search-submit svg { display: block; }

/* 搜索弹窗与遮罩样式（PC & 移动端通用） */
.search-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.5); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s ease; z-index: 999; }
.search-overlay.open { opacity: 1; visibility: visible; }

.search-modal { position: fixed; left: 50%; top: 50%; transform: translate(-50%, -40%); background: #fff; width: min(640px, 92vw); max-width: 92vw; border-radius: 12px; box-shadow: 0 16px 40px rgba(0,0,0,0.2); padding: 16px; display: none; z-index: 1000; }
.search-modal.open { display: block; transform: translate(-50%, -50%); }
.search-modal .search-modal-form { display: flex; align-items: center; gap: 10px; }
.search-modal .search-modal-form input[type="search"] { flex: 1; padding: 10px 12px; border: 1px solid #dcdfe6; border-radius: 8px; font-size: 16px; outline: none; }
.search-modal .search-modal-form input[type="search"]:focus { border-color: #2271b1; box-shadow: 0 0 0 2px rgba(34,113,177,0.15); }
.search-modal .search-modal-submit { padding: 10px 14px; background: #2271b1; color: #fff; border: none; border-radius: 8px; font-size: 14px; cursor: pointer; }
.search-modal .search-modal-submit:hover { background: #1a5f93; }
.search-modal .search-close { position: absolute; right: 10px; top: 10px; background: transparent; border: none; font-size: 20px; line-height: 1; cursor: pointer; color: #666; }
.search-modal .search-close:hover { color: #333; }

/* 打开搜索弹窗时禁止页面滚动 */
body.search-modal-open { overflow: hidden; }
/* 打开移动抽屉时禁止页面滚动 */
body.drawer-open { overflow: hidden; }


/* 移动端弹窗尺寸与间距优化 */
@media (max-width: 768px) {
  .search-modal { width: 94vw; padding: 14px; }
  .search-modal .search-modal-form { gap: 8px; }
  .search-modal .search-modal-submit { padding: 10px 12px; }
}

/* 确保导航内的搜索输入默认不展示（仅保留图标按钮） */
#masthead .main-navigation .nav-search input[type="search"],
#masthead .main-navigation .nav-search button[type="submit"],
#masthead .nav-right-tools .nav-search input[type="search"],
#masthead .nav-right-tools .nav-search button[type="submit"] { display: none !important; }

/* 用户中心页面样式 */
.jizone-user-center { max-width: 800px; margin: 24px auto; padding: 16px; background: #fff; border: 1px solid #eee; border-radius: 8px; }
.jizone-user-center .uc-notice { padding: 8px 12px; border-radius: 4px; margin-bottom: 8px; }
.jizone-user-center .notice-success { background: #f0fff4; border: 1px solid #b2f5ea; }
.jizone-user-center .notice-error { background: #fff5f5; border: 1px solid #fed7d7; }
.jizone-user-center .uc-profile { display: flex; align-items: center; gap: 16px; margin-bottom: 16px; }
.jizone-user-center .uc-avatar { position: relative; width: 96px; height: 96px; }
.jizone-user-center .uc-avatar img { width: 96px; height: 96px; display: block; border-radius: 50%; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { position: relative; display: inline-block; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.45); color: #fff; font-size: 12px; opacity: 0; transition: opacity 160ms ease; pointer-events: none; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper:hover .uc-avatar-edit { opacity: 1; }
.jizone-user-center .uc-avatar .uc-avatar-image-wrapper { cursor: pointer; }
.jizone-user-center .uc-avatar .uc-avatar-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0
.jizone-user-center .uc-cover { position: relative; height: 180px; border-radius: 8px; overflow: hidden; margin-bottom: 12px; }
.jizone-user-center .uc-cover .uc-cover-image { position: absolute; inset: 0; background-size: cover; background-position: center; }
.jizone-user-center .uc-cover .uc-cover-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.25), rgba(0,0,0,0.05)); }
.jizone-user-center .uc-cover .uc-cover-edit { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; background: rgba(0,0,0,0.35); opacity: 0; transition: opacity 160ms ease; }
.jizone-user-center .uc-cover .uc-cover-image:hover + .uc-cover-edit,
.jizone-user-center .uc-cover .uc-cover-image:hover .uc-cover-edit,
.jizone-user-center .uc-cover .uc-cover-edit:hover { opacity: 1; cursor: pointer; }
.jizone-user-center .uc-cover-form .uc-cover-image { cursor: pointer; }