/*
Theme Name: StaticX
Theme URI: https://WordPress-code.com/
Author: 觅站WordPress开发工作室
Author URI: https://WordPress-code.com
Description: StaticX 是一款基于WordPress开发的企业主题，专为企业和品牌营销网站设计。主题采用支持响应式布局，完美适配PC端和移动端。内置完整的后台管理系统，支持项目案例、服务展示、关于我们等模块的灵活配置，提供丰富的自定义选项和SEO优化功能。
Version: 1.0.0
Requires at least: 5.8
Tested up to: 6.4
Requires PHP: 7.4
License: GPL v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: staticx
Domain Path: /languages
Tags: modern, responsive, business, corporate, custom-menu, featured-images, translation-ready, rtl-language-support, full-width-template, sticky-post, theme-options, threaded-comments, custom-background, custom-colors, custom-header, editor-style, flexible-header, post-formats, sticky-post, custom-logo, blog, portfolio, e-commerce, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, grid-layout, accessibility-ready

== 核心功能 ==

【页面模板】
- 首页模板（index.php）- 支持Banner视频轮播、合作伙伴Logo滚动、关于我们模块
- 服务页面模板（page-service.php）- 服务展示页面，支持服务卡片配置
- 关于页面模板（page-about.php）- 关于我们页面，包含介绍、理念、创新服务、团队等模块
- 项目案例列表页（archive-service.php）- 项目案例归档页面，支持分类筛选和分页加载
- 项目案例详情页（single-service.php）- 项目案例详情展示
- 博客文章列表页（archive.php）- 标准文章归档，支持分类筛选
- 博客文章详情页（single.php）- 标准文章详情，支持相关文章推荐

【自定义文章类型】
- 项目案例（service）- 支持分类、标签、特色图片、自定义字段
- 项目案例分类法（service_category）- 层级分类支持

【主题选项面板（Codestar Framework）】
- 404链接管理：自动检测404错误、301重定向管理、日志保留设置
- 访客统计与AI分析：访客行为追踪、支持10+AI服务商智能分析（DeepSeek、智谱AI、百度文心一言、阿里通义千问、腾讯混元、月之暗面Kimi、零一万物Yi、OpenAI、Claude、Gemini等）
- 首页设置：Banner视频/封面图、轮播幻灯片、合作伙伴Logo、关于我们模块（地图、位置、统计数据）
- 服务页面设置：页面标题、副标题、服务卡片（标题、描述、链接、图标）
- 关于页面设置：
  * 介绍部分：标题、副标题、多段落内容
  * 理念部分：标题、副标题、描述、大事记时间轴、合作伙伴Logo（支持滚动效果）
  * 创新服务部分：标题、副标题、描述、Spline 3D场景URL和封面图
  * 团队部分：英文标题、中文标题、描述、团队成员（头像、姓名、职位、描述）
  * 装饰图片设置：L1-L4层装饰图片配置
- 页脚设置：Logo、联系方式（电话、网址、邮箱、地址）、社交媒体（微博、微信、Twitter、TikTok）、版权信息、ICP备案、设计者链接、手机底部菜单（液态玻璃效果）、自定义代码（统计代码、JS、CSS）
- 文章复制功能：快速复制文章及其所有内容
- 数据备份：主题选项的导入导出

【导航菜单】
- 主菜单（primary-menu）- 主导航菜单
- 页脚菜单（footer-menu）- 页脚导航菜单
- 移动菜单（mobile-menu）- 移动端菜单

【手机端功能】
- 手机底部悬浮菜单：液态玻璃效果、自定义图标、固定在底部、支持安全区域适配
- 响应式布局：完美适配各种移动设备

【动画与交互】
- GSAP动画库集成：高性能动画效果
- Spline 3D场景支持：3D交互场景展示
- Lottie动画支持：轻量级动画效果
- 合作伙伴Logo滚动效果：Marquee无缝滚动
- 视差滚动效果：背景视差动画
- WOW.js动画：滚动触发动画

【SEO与性能】
- 自动标题标签支持
- 自定义Logo支持
- 特色图片支持
- HTML5语义化标签
- 自动Feed链接
- 性能优化功能

【多语言支持】
- 文本域：staticx
- 语言文件路径：/languages
- RTL语言支持

【其他功能】
- 自定义代码支持：统计代码、自定义JS、自定义CSS
- 文章评论支持
- 文章分页支持
- 相关文章推荐
- 文章导航（上一篇/下一篇）

== 使用说明 ==

【基础配置】
1. 安装主题后，进入"外观 > 主题选项"进行配置
2. 在"首页设置"中配置首页Banner、轮播、合作伙伴Logo、关于我们模块
3. 在"服务页面"中配置服务展示内容和服务卡片
4. 在"关于页面"中配置关于我们页面的各个模块（介绍、理念、创新服务、团队）
5. 在"页脚设置"中配置页脚信息和手机底部菜单
6. 创建菜单并分配到对应的菜单位置（主菜单、页脚菜单、移动菜单）

【项目案例管理】
1. 进入"项目案例 > 添加新项目案例"创建案例
2. 在"项目案例分类"中创建分类
3. 为每个案例设置特色图片和分类

【访客分析配置】
1. 在"访客统计与AI分析"中启用访客统计
2. 如需AI分析，选择AI服务商并配置API Key
3. 查看访客数据和分析结果

【404管理配置】
1. 在"404链接管理"中启用404管理功能
2. 系统自动记录404错误
3. 可设置301重定向规则

== 技术支持 ==
官方网站: https://WordPress-code.com
技术支持邮箱: info@wordpress-code.com
技术支持微信: wpcoder

== 更新日志 ==

1.0.0 (2024-01-17)
- 初始版本发布
- 基于静态HTML转换
- 完整的后台管理系统（Codestar Framework）
- 响应式设计，完美适配PC和移动端
- 液态玻璃设计风格
- 手机端底部悬浮菜单（液态玻璃效果）
- 项目案例自定义文章类型和分类法
- 首页Banner视频轮播
- 合作伙伴Logo滚动效果（Marquee）
- 关于页面完整模块（介绍、理念、创新服务、团队）
- Spline 3D场景集成
- GSAP动画库集成
- Lottie动画支持
- 访客统计与AI分析功能
- 404链接管理功能
- 文章复制功能
- 数据备份功能
- 自定义代码支持（统计代码、JS、CSS）
- 多语言支持（RTL）
- SEO优化功能
*/

/**
 * StaticX WordPress Theme
 * 
 * 这是一个基于静态HTML转换的现代化WordPress主题
 * 主要样式文件通过 functions.php 中的 wp_enqueue_style 加载
 * 
 * 主要样式文件：
 * - static/css/uepage.css (主样式文件)
 * - static/css/chunk-common.css (公共样式文件)
 */

/* 基础样式重置和通用样式 */
/* 注意：主要样式在 static/css/uepage.css 中定义 */

/* WordPress 编辑器样式支持 */
.wp-block {
    max-width: 100%;
}

/* 确保图片响应式 */
img {
    max-width: 100%;
    height: auto;
}

/* 确保视频响应式 */
iframe,
embed,
object,
video {
    max-width: 100%;
}

/* 文章内容区域样式 */
.entry-content {
    line-height: 1.8;
}

.entry-content p {
    margin-bottom: 1.5em;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold;
}

.entry-content ul,
.entry-content ol {
    margin-bottom: 1.5em;
    padding-left: 2em;
}

.entry-content a {
    color: inherit;
    text-decoration: underline;
}

.entry-content a:hover {
    opacity: 0.8;
}

/* 确保 WordPress 默认样式不会与主题冲突 */
.alignleft {
    float: left;
    margin-right: 1.5em;
    margin-bottom: 1.5em;
}

.alignright {
    float: right;
    margin-left: 1.5em;
    margin-bottom: 1.5em;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5em;
}

.alignwide,
.alignfull {
    margin-bottom: 1.5em;
}

/* 屏幕阅读器文本 */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}








        .right-folat {
    position: fixed;
    bottom: 130px;
    right: 0;
    z-index: 200;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-box-align: end;
    align-items: flex-end;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
.right-folat .activity {
    width: 54px;
    height: 164px;
    margin-bottom: 16px;
}

.right-folat .activity img {
    width: 100%;
    height: 100%;
}

.right-folat ul {
    width: 56px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 8px 6px 8px 0 rgba(36, 91, 219, .03922), 0 6px 8px 0 rgba(36, 91, 219, .03922), -8px 8px 8px 0 rgba(36, 91, 219, .03922);
    border-radius: 6px;
    padding: 10px 0;
}

.right-folat ul li {
    height: 78px;
    width: 100%;
    position: relative;
    padding: 2px 6px 8px;
}


.right-folat ul li .pop-up.work-weixin-pop-up{
    width: 332px;
    height: auto;
    cursor: default;
    background-color: #fff;
    background-image: url(assets/bg_work_weixin_pop_up@2x.png);
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 303px 100%;
}
.right-folat ul li .pop-up {
    visibility: hidden;
    width: 280px;
    height: 272px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 8px 6px 8px 0 rgba(36, 91, 219, .03922), 0 6px 8px 0 rgba(36, 91, 219, .03922), -8px 8px 8px 0 rgba(36, 91, 219, .03922);
    border-radius: 8px;
    position: absolute;
    padding: 16px 8px;
    -webkit-transform: translateY(-50%) scale(.8);
    transform: translateY(-50%) scale(.8);
    top: 50%;
    right: 62px;
    opacity: 0;
    -webkit-transition: -webkit-transform .15s ease-in-out;
    transition: -webkit-transform .15s ease-in-out;
    transition: transform .15s ease-in-out;
    transition: transform .15s ease-in-out, -webkit-transform .15s ease-in-out;
    -webkit-transition-property: opacity, visibility, -webkit-transform;
    transition-property: opacity, visibility, -webkit-transform;
    transition-property: transform, opacity, visibility;
    transition-property: transform, opacity, visibility, -webkit-transform;
}

.right-folat ul li .pop-up .work-weixin-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    padding: 0 6px 0 8px;
    grid-gap: 16px;
    gap: 16px;
}

.right-folat ul li .pop-up .work-weixin-wrap .qrcode {
    width: 134px;
    height: 134px;
    background: url(assets/work_weixin2@2x.png) no-repeat 50%;
    background-size: cover;
}
.right-folat ul li .pop-up .work-weixin-wrap .consult-content {
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.right-folat ul li .pop-up .work-weixin-wrap .consult-title {
    line-height: 20px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 14px;
    color: rgba(40, 41, 46, .8);
    margin-bottom: 2px;
}
.right-folat ul li .pop-up .work-weixin-wrap .consult-desc {
    line-height: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #999;
}

.right-folat ul li .pop-up .work-weixin-wrap .consult-item-line {
    margin: 8px 0 6px;
    width: 100%;
    height: 1px;
    background: hsla(0, 0%, 89.4%, .3);
}

.right-folat ul li .pop-up .work-weixin-wrap .consult-title {
    line-height: 20px;
    font-family: PingFang SC;
    font-weight: 600;
    font-size: 14px;
    color: rgba(40, 41, 46, .8);
    margin-bottom: 2px;
}

.right-folat ul li .pop-up .work-weixin-wrap .consult-item:last-of-type .consult-desc {
    padding-right: 10px;
}
.right-folat ul li .pop-up .work-weixin-wrap .consult-desc {
    line-height: 17px;
    font-family: PingFang SC;
    font-weight: 400;
    font-size: 12px;
    color: #999;
}

.right-folat ul li img {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0 auto;
}
.right-folat ul li>img:nth-of-type(2) {
    display: none;
}

.right-folat ul li:hover>img:nth-of-type(1) {
    display: none;
}

.right-folat ul li:hover>img:nth-of-type(2) {
    display: block;
}

.right-folat ul li:hover .pop-up {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}


.right-folat ul li p {
    position: absolute;
    bottom: 8px;
    left: 50%;
    transform: translateX(-50%);
    width: 24px;
    height: 28px;
    font-family: PingFangSC-Regular;
    font-weight: 400;
    font-size: 12px;
    color: #28292e;
    letter-spacing: 0;
    line-height: 14px;
    text-align: center;
}


.right-folat ul li {
    height: 78px;
    width: 100%;
    position: relative;
    padding: 2px 6px 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}
.right-folat ul li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}


.right-folat ul li .pop-up.phone-pop-up {
    width: 157px;
    height: 44px;
    text-align: center;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    border-radius: 8px;
}

.right-folat ul li .pop-up.phone-pop-up .phone {
    line-height: 24px;
    font-family: PingFang SC, -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-size: 16px;
    color: #28292e;
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    transition: color 0.3s ease;
}

.right-folat ul li .pop-up.phone-pop-up .phone:hover {
    color: #1890ff;
}

.right-folat .normal-item4.show {
    opacity: 1;
    -webkit-transition: opacity .6s ease-in-out 0s;
    transition: opacity .6s ease-in-out 0s;
    visibility: unset;
}
.right-folat .normal-item4 {
    margin-top: 12px;
    width: 56px;
    height: 40px;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 8px 6px 8px 0 rgba(36, 91, 219, .03922), 0 6px 8px 0 rgba(36, 91, 219, .03922), -8px 8px 8px 0 rgba(36, 91, 219, .03922);
    border-radius: 6px;
    position: relative;
    opacity: 0;
    visibility: hidden;
}

.right-folat .normal-item4 img:first-of-type {
    display: block;
}
.right-folat .normal-item4 img:nth-of-type(2) {
    display: none;
}
.right-folat .normal-item4:hover img:first-of-type {
    display: none;
}
.right-folat .normal-item4:hover img:nth-of-type(2) {
    display: block;
}
.right-folat .normal-item4 img {
    width: 40px;
    height: 40px;
    position: absolute;
    top: -2.5px;
    left: 6px;
    cursor: pointer;
}
.right-folat .normal-item4 {
    cursor: pointer;
}

.right-folat .zncooKie {
    width: 52px;
}

.right-folat ul li .pop-up .work-weixin-wrap .consult-item {
    margin-bottom: 8px;
}

.right-folat ul li .pop-up .work-weixin-wrap .consult-item:last-child {
    margin-bottom: 0;
}


.right-folat .activity a {
    display: block;
    width: 100%;
    height: 100%;
}

.right-folat .activity img {
    display: block;
    border-radius: 6px;
}

.right-folat ul li a img:nth-of-type(2) {
    display: none;
}

.right-folat ul li a:hover img:nth-of-type(1) {
    display: none;
}

.right-folat ul li a:hover img:nth-of-type(2) {
    display: block;
}

.right-folat ul li a {
    text-decoration: none;
}

.right-folat ul li .pop-up {
    pointer-events: none;
    z-index: 201;
}

.right-folat ul li:hover .pop-up {
    pointer-events: auto;
}


@media (max-width: 768px) {
  .right-folat {
    display: none !important;
  }
}