/*
Theme Name: 账帮帮财税服务
Theme URI: https://www.zbbcs.com
Author: 账帮帮（惠州）财税服务有限公司
Author URI: https://www.zbbcs.com
Description: 账帮帮财税服务官方网站主题，提供惠州地区公司注册代办、税务代账等财税服务。针对百度、搜狗等中国搜索引擎进行SEO优化，包含营销页面、博客系统、财税工具和公司介绍等核心功能。
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.9
Requires PHP: 7.2.24
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zhangbangbang
Tags: business, corporate, responsive-layout, custom-menu, featured-images, translation-ready

账帮帮财税服务 WordPress 主题
Copyright (C) 2024 账帮帮（惠州）财税服务有限公司
*/

/* ==========================================================================
   CSS Variables - 主题配色
   ========================================================================== */
:root {
    /* Primary Colors - 蓝色系（专业、信任） */
    --zbb-primary: #1a5fb4;
    --zbb-primary-dark: #0d3b7a;
    --zbb-primary-light: #3584e4;
    
    /* Secondary Colors - 金色系（财富、成功） */
    --zbb-secondary: #c4a000;
    --zbb-secondary-dark: #9a7d00;
    --zbb-secondary-light: #f5d033;
    
    /* Neutral Colors */
    --zbb-white: #ffffff;
    --zbb-gray-100: #f8f9fa;
    --zbb-gray-200: #e9ecef;
    --zbb-gray-300: #dee2e6;
    --zbb-gray-400: #ced4da;
    --zbb-gray-500: #adb5bd;
    --zbb-gray-600: #6c757d;
    --zbb-gray-700: #495057;
    --zbb-gray-800: #343a40;
    --zbb-gray-900: #212529;
    --zbb-black: #000000;
    
    /* Semantic Colors */
    --zbb-success: #28a745;
    --zbb-warning: #ffc107;
    --zbb-danger: #dc3545;
    --zbb-info: #17a2b8;
    
    /* Typography */
    --zbb-font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
    --zbb-font-size-base: 16px;
    --zbb-line-height-base: 1.6;
    
    /* Spacing */
    --zbb-spacing-xs: 0.25rem;
    --zbb-spacing-sm: 0.5rem;
    --zbb-spacing-md: 1rem;
    --zbb-spacing-lg: 1.5rem;
    --zbb-spacing-xl: 2rem;
    --zbb-spacing-xxl: 3rem;
    
    /* Border Radius */
    --zbb-radius-sm: 4px;
    --zbb-radius-md: 8px;
    --zbb-radius-lg: 12px;
    --zbb-radius-xl: 16px;
    
    /* Shadows */
    --zbb-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --zbb-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --zbb-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --zbb-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
    
    /* Transitions */
    --zbb-transition-fast: 0.15s ease;
    --zbb-transition-base: 0.3s ease;
    --zbb-transition-slow: 0.5s ease;
    
    /* Container */
    --zbb-container-max-width: 1200px;
}

/* ==========================================================================
   Base Styles - 基础样式
   ========================================================================== */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: var(--zbb-font-size-base);
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: var(--zbb-font-family);
    font-size: 1rem;
    line-height: var(--zbb-line-height-base);
    color: var(--zbb-gray-800);
    background-color: var(--zbb-white);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==========================================================================
   Typography - 排版
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: var(--zbb-spacing-md);
    font-weight: 600;
    line-height: 1.3;
    color: var(--zbb-gray-900);
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.75rem; }
h4 { font-size: 1.5rem; }
h5 { font-size: 1.25rem; }
h6 { font-size: 1rem; }

p {
    margin-top: 0;
    margin-bottom: var(--zbb-spacing-md);
}

a {
    color: var(--zbb-primary);
    text-decoration: none;
    transition: color var(--zbb-transition-fast);
}

a:hover {
    color: var(--zbb-primary-dark);
    text-decoration: none;
}

/* ==========================================================================
   Layout - 布局
   ========================================================================== */
.zbb-container {
    width: 100%;
    max-width: var(--zbb-container-max-width);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--zbb-spacing-md);
    padding-right: var(--zbb-spacing-md);
}

.zbb-section {
    padding-top: var(--zbb-spacing-xxl);
    padding-bottom: var(--zbb-spacing-xxl);
}

/* ==========================================================================
   Utility Classes - 工具类
   ========================================================================== */
.zbb-text-center { text-align: center; }
.zbb-text-left { text-align: left; }
.zbb-text-right { text-align: right; }

.zbb-mt-0 { margin-top: 0; }
.zbb-mb-0 { margin-bottom: 0; }
.zbb-my-0 { margin-top: 0; margin-bottom: 0; }

.zbb-visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ==========================================================================
   Images - 图片
   ========================================================================== */
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/* ==========================================================================
   Lists - 列表
   ========================================================================== */
ul, ol {
    margin-top: 0;
    margin-bottom: var(--zbb-spacing-md);
    padding-left: var(--zbb-spacing-xl);
}

/* ==========================================================================
   WordPress Core Styles - WordPress 核心样式
   ========================================================================== */
.alignleft {
    float: left;
    margin-right: var(--zbb-spacing-md);
    margin-bottom: var(--zbb-spacing-md);
}

.alignright {
    float: right;
    margin-left: var(--zbb-spacing-md);
    margin-bottom: var(--zbb-spacing-md);
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--zbb-spacing-md);
}

.wp-caption {
    max-width: 100%;
}

.wp-caption-text {
    font-size: 0.875rem;
    color: var(--zbb-gray-600);
    text-align: center;
    padding: var(--zbb-spacing-sm);
}

.sticky {
    /* Sticky post styles */
}

.gallery-caption {
    /* Gallery caption styles */
}

.bypostauthor {
    /* Post author styles */
}

/* Screen reader text */
.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: var(--zbb-gray-100);
    clip: auto !important;
    clip-path: none;
    color: var(--zbb-gray-900);
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}