/*
Theme Name: Elite Electrician
Theme URI: https://superbthemes.com/tradecraft/elite-electrician/
Author: superbaddons
Author URI: https://superbthemes.com/ 
Description: Elite Electrician is a responsive WordPress theme built for electricians, construction company, handyman, landscape, factory, maintenance and trade websites, yet it's flexible enough to power any industry – from corporate businesses, manufacturer and repair and engieering startups to creative companies and independent bloggers. With full support for Gutenberg and Elementor, you can easily design pages using intuitive block tools and a fast, user friendly page builder, ensuring your website is built quickly and efficiently. This free FSE theme offers a minimalist, simple, and mobile friendly layout that adapts beautifully to one page landing pages, journals, magazines, or a stylish portfolio for writers and bloggers. Its smart integration of schema markup boosts SEO and search engines visibility, making it a perfect marketing asset. Elite Electrician's pre-designed templates cater naturally to industries like construction, home building, carpentry, flooring, roofing, woodworking, DIY, and renovation. It's also ideal for businesses specializing in furniture, cabinet making, timber joinery, and apprenticeship programs for artisans, plumbers, contractors, electricians and engineers. Whether you're a supplier sustainability leader, architecture, chemical supplier or in manufacturing, production, or industrial sectors, or a blogger writing about sustainable construction, Elite Electrician delivers a fast, easy to use and modern theme that elevates your online presence — use it to showcase your company and even add a eCommerce store with seamless WooCommerce integration. Overall Elite Electrician can be used for any sort of project, but it has the most pre-built designs for trade and craftsmanship websites.
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 5.3
Template: tradecraft
Version: 1.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: elite-electrician
Tags: blog, portfolio, e-commerce, one-column, two-columns, block-patterns, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, full-site-editing, full-width-template, sticky-post, style-variations, template-editing, threaded-comments, translation-ready, wide-blocks
*/

/* ==============================================
   日本工业风格 - 挖掘机配件制造企业官网样式
   ============================================== */

/* === 全局变量定义 === */
:root {
    /* 日本企业配色 - 稳重专业 */
    --japan-gold: #D4AF37;
    --japan-gold-light: #F0D77E;
    --japan-gold-dark: #B8941F;
    --japan-silver: #C0C0C0;
    --japan-steel: #708090;
    
    /* 工业深色配色 */
    --industrial-dark: #121212;
    --industrial-steel: #1A1A1A;
    --industrial-metal: #252525;
    --industrial-gray: #333333;
    --industrial-silver: #555555;
    --industrial-light: #888888;
    --industrial-border: #444444;
    --industrial-base: #1A1A1A;
    --industrial-card: #2A2A2A;
    --industrial-surface: #1E1E1E;
    
    /* 主色调 - 工业金色 */
    --primary: #D4AF37;
    --primary-hover: #F0D77E;
    --primary-light: rgba(212, 175, 55, 0.1);
    --primary-dark: #B8941F;
    
    /* 字体 */
    --font-primary: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
    --font-secondary: 'Noto Sans JP', 'Arial Narrow', sans-serif;
    --font-display: 'Noto Serif JP', 'Georgia', serif;
    
    /* 间距 */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-2xl: 64px;
    --spacing-3xl: 96px;
    
    /* 圆角 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 12px 48px rgba(0, 0, 0, 0.6);
    
    /* 过渡 */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

/* === 全局重置 === */
html {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: var(--font-primary);
    background-color: var(--industrial-dark);
    color: #E0E0E0;
    line-height: 1.7;
    font-size: 16px;
}

/* === 容器和布局 === */
.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-md);
}

/* === 链接样式 === */
a {
    color: var(--primary);
    text-decoration: none;
    transition: color var(--transition-fast);
}

a:hover,
a:focus {
    color: var(--primary-hover);
}

/* === 按钮样式 - 日本工业风格 === */
.wp-block-button {
    margin-bottom: var(--spacing-sm);
}

.wp-block-button__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px !important;
    font-family: var(--font-secondary);
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: var(--industrial-dark) !important;
    background: linear-gradient(135deg, var(--primary) 0%, var(--japan-gold-dark) 100%) !important;
    border: none !important;
    border-radius: var(--radius-sm) !important;
    overflow: hidden;
    transition: all var(--transition-normal);
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}

.wp-block-button__link::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
    transition: left 0.6s ease;
}

.wp-block-button__link:hover::before {
    left: 100%;
}

.wp-block-button__link:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.4);
}

.wp-block-button__link:active {
    transform: translateY(-1px);
}

/* 轮廓按钮 */
.wp-block-button.is-style-outline .wp-block-button__link {
    background: transparent !important;
    border: 2px solid var(--primary) !important;
    color: var(--primary) !important;
    box-shadow: none;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
    background: var(--primary) !important;
    color: var(--industrial-dark) !important;
}

/* 白色按钮 */
.wp-block-button.is-style-white .wp-block-button__link {
    background: #FFFFFF !important;
    color: var(--industrial-dark) !important;
}

.wp-block-button.is-style-white .wp-block-button__link:hover {
    background: var(--industrial-light) !important;
}

/* === 卡片样式 === */
.wp-block-group.has-background {
    background: var(--industrial-card);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-normal);
    position: relative;
    overflow: hidden;
    border: 1px solid var(--industrial-border);
}

.wp-block-group.has-background::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), var(--japan-gold-dark));
}

.wp-block-group.has-background:hover {
    box-shadow: var(--shadow-xl);
    transform: translateY(-6px);
    border-color: var(--primary);
}

/* === 列布局样式 === */
.wp-block-columns {
    gap: var(--spacing-lg) !important;
    margin-bottom: var(--spacing-xl);
}

.wp-block-column {
    transition: all var(--transition-normal);
}

.wp-block-column:hover {
    transform: translateY(-4px);
}

/* 两列布局 */
.wp-block-columns.columns-2 .wp-block-column {
    width: calc(50% - 16px);
}

/* 三列布局 */
.wp-block-columns.columns-3 .wp-block-column {
    width: calc(33.333% - 17px);
}

/* 四列布局 */
.wp-block-columns.columns-4 .wp-block-column {
    width: calc(25% - 18px);
}

/* === 图片样式 === */
.wp-block-image {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    margin-bottom: var(--spacing-md);
}

.wp-block-image img {
    width: 100%;
    height: auto;
    transition: transform var(--transition-slow);
}

.wp-block-image:hover img {
    transform: scale(1.05);
}

/* 圆形图片 */
.wp-block-image.is-style-circle img {
    border-radius: 50%;
    border: 4px solid var(--industrial-border);
    transition: border-color var(--transition-fast);
}

.wp-block-image.is-style-circle:hover img {
    border-color: var(--primary);
}

/* === 标题样式 === */
.wp-block-heading {
    font-family: var(--font-secondary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: relative;
    margin-bottom: var(--spacing-lg);
    line-height: 1.2;
}

h1.wp-block-heading {
    font-size: clamp(2.5rem, 8vw, 4.5rem);
    color: #FFFFFF;
}

h2.wp-block-heading {
    font-size: clamp(1.8rem, 5vw, 2.8rem);
    color: #FFFFFF;
}

h3.wp-block-heading {
    font-size: clamp(1.4rem, 4vw, 2rem);
    color: var(--primary);
}

h4.wp-block-heading {
    font-size: clamp(1.2rem, 3vw, 1.5rem);
    color: #E0E0E0;
}

h5.wp-block-heading,
h6.wp-block-heading {
    font-size: 1.1rem;
    color: #B0B0B0;
}

/* 标题装饰线 */
.wp-block-heading::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, var(--primary), var(--japan-gold-dark));
    border-radius: 2px;
}

.wp-block-heading.no-decoration::after {
    display: none;
}

/* === 段落样式 === */
.wp-block-paragraph {
    color: #A0A0A0;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: var(--spacing-md);
}

/* === 导航样式 === */
.wp-block-navigation {
    font-family: var(--font-secondary);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: 13px;
}

.wp-block-navigation .wp-block-navigation-item__content {
    color: #E0E0E0 !important;
    font-weight: 600;
    padding: 12px 20px;
    position: relative;
    transition: all var(--transition-fast);
}

.wp-block-navigation .wp-block-navigation-item__content::after {
    content: '';
    position: absolute;
    bottom: 8px;
    left: 20px;
    width: 0;
    height: 3px;
    background: var(--primary);
    transition: width var(--transition-normal);
    border-radius: 2px;
}

.wp-block-navigation .wp-block-navigation-item__content:hover::after {
    width: calc(100% - 40px);
}

.wp-block-navigation .wp-block-navigation-item__content:hover {
    color: var(--primary) !important;
}

/* 深色背景导航 */
.has-black-background-color .wp-block-navigation .wp-block-navigation-item__content,
.has-background-black .wp-block-navigation .wp-block-navigation-item__content {
    color: #E0E0E0 !important;
}

.has-black-background-color .wp-block-navigation .wp-block-navigation-item__content:hover,
.has-background-black .wp-block-navigation .wp-block-navigation-item__content:hover {
    color: var(--primary) !important;
}

.has-black-background-color .wp-block-navigation .wp-block-navigation-item__content::after,
.has-background-black .wp-block-navigation .wp-block-navigation-item__content::after {
    background: var(--primary);
}

/* === 页脚样式 === */
footer {
    background: var(--industrial-steel);
    color: var(--industrial-light);
    padding: var(--spacing-3xl) 0 var(--spacing-xl);
    border-top: 3px solid var(--primary);
}

footer a {
    color: #A0A0A0 !important;
    transition: all var(--transition-fast);
}

footer a:hover {
    color: var(--primary) !important;
}

/* === 日本工业风格装饰元素 === */
.japan-divider {
    position: relative;
    height: 3px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--primary) 25%, 
        var(--japan-gold-dark) 50%,
        var(--primary) 75%,
        transparent 100%);
    margin: var(--spacing-3xl) 0;
    border-radius: 2px;
}

.japan-divider::before,
.japan-divider::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    background: var(--primary);
    border-radius: 50%;
    border: 2px solid var(--industrial-dark);
}

.japan-divider::before {
    left: 20%;
}

.japan-divider::after {
    right: 20%;
}

/* === 工业风格边框 === */
.industrial-border {
    border-left: 5px solid var(--primary);
    padding-left: var(--spacing-lg);
    background: linear-gradient(90deg, rgba(212, 175, 55, 0.05) 0%, transparent 100%);
}

.industrial-border-bottom {
    border-bottom: 3px solid var(--primary);
    padding-bottom: var(--spacing-md);
}

/* === 统计数字样式 === */
.stat-number {
    font-size: clamp(3rem, 10vw, 5rem);
    font-weight: 700;
    color: var(--primary);
    font-family: var(--font-secondary);
    line-height: 1;
}

.stat-label {
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #A0A0A0;
    margin-top: var(--spacing-sm);
}

/* === 卡片悬停效果 === */
.industrial-card {
    background: var(--industrial-card);
    border-radius: var(--radius-md);
    padding: var(--spacing-xl);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-normal);
    border-left: 5px solid var(--primary);
    border: 1px solid var(--industrial-border);
}

.industrial-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-xl);
    border-color: var(--primary);
}

/* === 按钮组样式 === */
.wp-block-buttons {
    gap: var(--spacing-md);
}

/* === 表单样式 === */
.wp-block-search__input,
.wp-block-comments-form input:not([type=submit]),
.wp-block-comments-form textarea {
    width: 100%;
    padding: 16px 20px;
    border: 2px solid var(--industrial-border);
    border-radius: var(--radius-md);
    font-size: 16px;
    transition: all var(--transition-fast);
    background: var(--industrial-card);
}

.wp-block-search__input:focus,
.wp-block-comments-form input:not([type=submit]):focus,
.wp-block-comments-form textarea:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 4px rgba(255, 107, 0, 0.1);
    outline: none;
}

/* === 分隔线样式 === */
.wp-block-separator {
    border: none;
    height: 2px;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--industrial-border) 20%,
        var(--industrial-border) 80%,
        transparent 100%);
    margin: var(--spacing-2xl) 0;
}

/* === 区块间距 === */
.wp-block-group {
    margin-bottom: var(--spacing-xl);
}

/* === 滚动动画 === */
.scroll-animate {
    opacity: 0;
    transform: translateY(60px);
    transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), 
                transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);
    will-change: opacity, transform;
}

.scroll-animate.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.scroll-animate-delay-1 { transition-delay: 0.1s; }
.scroll-animate-delay-2 { transition-delay: 0.2s; }
.scroll-animate-delay-3 { transition-delay: 0.3s; }
.scroll-animate-delay-4 { transition-delay: 0.4s; }
.scroll-animate-delay-5 { transition-delay: 0.5s; }

.scroll-animate-from-left {
    transform: translateX(-80px);
}

.scroll-animate-from-right {
    transform: translateX(80px);
}

.scroll-animate-scale {
    transform: scale(0.85);
}

.scroll-animate-fade {
    transform: none;
}

/* === 工业渐变背景 === */
.industrial-gradient {
    background: linear-gradient(135deg, 
        var(--industrial-dark) 0%, 
        var(--industrial-steel) 50%, 
        var(--industrial-dark) 100%);
}

/* === 金色点缀 === */
.gold-text {
    color: var(--russian-gold);
}

.gold-border {
    border-color: var(--russian-gold) !important;
}

/* === 页头区域 === */
header {
    background: var(--industrial-dark);
    padding: var(--spacing-md) 0;
    position: relative;
    z-index: 100;
}

header::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--russian-red), var(--russian-blue));
}

/* === 页脚底部 === */
.site-footer {
    background: var(--industrial-dark);
    border-top: 4px solid var(--primary);
}

/* === 产品卡片 === */
.product-card {
    background: var(--industrial-card);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: var(--shadow-md);
    transition: all var(--transition-normal);
}

.product-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-xl);
}

.product-card .wp-block-image {
    margin: 0;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.product-card .wp-block-image img {
    height: 220px;
    object-fit: cover;
}

.product-card .wp-block-group {
    padding: var(--spacing-lg);
    margin-bottom: 0;
}

/* === 特色区块 === */
.feature-box {
    text-align: center;
    padding: var(--spacing-2xl) var(--spacing-lg);
    background: var(--industrial-card);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-normal);
}

.feature-box:hover {
    transform: translateY(-10px);
    box-shadow: var(--shadow-xl);
}

.feature-box .wp-block-image {
    margin-bottom: var(--spacing-lg);
}

/* === CTA 区域 === */
.wp-block-cover.industrial-cta {
    background: linear-gradient(135deg, var(--industrial-dark) 0%, var(--industrial-steel) 100%) !important;
    padding: var(--spacing-3xl) !important;
    border-radius: var(--radius-xl);
}

.wp-block-cover.industrial-cta .wp-block-button__link {
    background: var(--russian-red) !important;
    padding: 16px 40px !important;
    font-size: 15px !important;
}

.wp-block-cover.industrial-cta .wp-block-button__link:hover {
    background: #B82218 !important;
}

/* === 服务流程 === */
.process-step {
    position: relative;
    padding-left: 70px;
    margin-bottom: var(--spacing-xl);
}

.process-step::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--russian-white);
    font-weight: 700;
    font-size: 18px;
    font-family: var(--font-secondary);
    box-shadow: 0 4px 15px rgba(255, 107, 0, 0.3);
}

.process-step::after {
    content: '';
    position: absolute;
    left: 22px;
    top: 50px;
    width: 3px;
    height: calc(100% + 20px);
    background: linear-gradient(180deg, var(--primary) 0%, var(--industrial-border) 100%);
}

.process-step:last-child::after {
    display: none;
}

/* === 团队成员卡片 === */
.team-card {
    text-align: center;
    background: var(--industrial-card);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    box-shadow: var(--shadow-md);
    transition: all var(--transition-normal);
}

.team-card:hover {
    transform: translateY(-8px);
    box-shadow: var(--shadow-xl);
}

.team-card .wp-block-image {
    margin-bottom: var(--spacing-lg);
}

.team-card .wp-block-image img {
    border-radius: 50%;
    border: 4px solid var(--industrial-border);
    transition: border-color var(--transition-fast);
}

.team-card:hover .wp-block-image img {
    border-color: var(--primary);
}

/* === 客户评价 === */
.testimonial-card {
    background: var(--industrial-card);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    box-shadow: var(--shadow-md);
    position: relative;
    transition: all var(--transition-normal);
}

.testimonial-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}

.testimonial-card::before {
    content: '"';
    position: absolute;
    top: var(--spacing-lg);
    left: var(--spacing-lg);
    font-size: 80px;
    color: var(--primary-light);
    font-family: var(--font-display);
    line-height: 0.5;
}

/* === 页脚链接列表 === */
.wp-block-list {
    list-style: none;
    padding-left: 0;
}

.wp-block-list li {
    margin-bottom: var(--spacing-sm);
}

.wp-block-list li a {
    color: var(--industrial-silver) !important;
    padding: var(--spacing-xs) 0;
    transition: all var(--transition-fast);
    display: inline-block;
}

.wp-block-list li a:hover {
    color: var(--russian-gold) !important;
    padding-left: var(--spacing-sm);
}

/* === 版权信息 === */
.site-copyright {
    background: var(--industrial-steel);
    padding: var(--spacing-lg) 0;
    text-align: center;
    color: var(--industrial-silver);
    font-size: 14px;
    margin-top: var(--spacing-2xl);
}

/* === 社交媒体图标 === */
.wp-block-social-links {
    gap: var(--spacing-sm);
}

.wp-block-social-links a {
    background: var(--industrial-gray) !important;
    border-radius: 50% !important;
    width: 44px !important;
    height: 44px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all var(--transition-fast) !important;
}

.wp-block-social-links a:hover {
    background: var(--primary) !important;
    transform: translateY(-4px);
}

/* === 搜索框 === */
.wp-block-search {
    position: relative;
}

.wp-block-search__button {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    background: var(--primary) !important;
    border: none !important;
    color: var(--russian-white) !important;
    padding: 10px 20px !important;
    border-radius: var(--radius-sm) !important;
    cursor: pointer;
    font-weight: 600;
}

/* === 引用样式 === */
.wp-block-quote {
    border-left: 5px solid var(--primary);
    padding: var(--spacing-lg) var(--spacing-xl);
    margin: var(--spacing-2xl) 0;
    background: var(--industrial-card);
    border-radius: 0 var(--radius-md) var(--radius-md) 0;
    box-shadow: var(--shadow-sm);
}

.wp-block-quote p {
    font-size: 1.2rem;
    font-style: italic;
    color: var(--industrial-metal);
}

.wp-block-quote cite {
    display: block;
    margin-top: var(--spacing-md);
    font-size: 1rem;
    font-style: normal;
    color: var(--industrial-silver);
}

/* === 表格样式 === */
.wp-block-table table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: var(--spacing-xl);
}

.wp-block-table th,
.wp-block-table td {
    padding: var(--spacing-md);
    text-align: left;
    border-bottom: 1px solid var(--industrial-border);
}

.wp-block-table th {
    background: var(--industrial-dark);
    color: var(--russian-white);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.wp-block-table tr:nth-child(even) {
    background: var(--industrial-base);
}

.wp-block-table tr:hover {
    background: var(--primary-light);
}

/* === 标签云 === */
.wp-block-tag-cloud a {
    display: inline-block;
    padding: 8px 16px;
    background: var(--industrial-card);
    border: 1px solid var(--industrial-border);
    border-radius: var(--radius-sm);
    margin: 4px;
    font-size: 14px !important;
    transition: all var(--transition-fast);
}

.wp-block-tag-cloud a:hover {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--russian-white) !important;
}

/* === 文章元信息 === */
.wp-block-post-meta {
    color: var(--industrial-silver);
    font-size: 14px;
}

/* === 响应式优化 === */
@media only screen and (max-width: 1024px) {
    .wp-block-columns.columns-4 .wp-block-column {
        width: calc(50% - 12px);
    }
}

@media only screen and (max-width: 768px) {
    :root {
        --spacing-md: 12px;
        --spacing-lg: 20px;
        --spacing-xl: 28px;
        --spacing-2xl: 40px;
        --spacing-3xl: 60px;
    }
    
    .wp-block-columns {
        gap: var(--spacing-md) !important;
    }
    
    .wp-block-columns.columns-2 .wp-block-column,
    .wp-block-columns.columns-3 .wp-block-column,
    .wp-block-columns.columns-4 .wp-block-column {
        width: 100%;
    }
    
    .wp-block-button__link {
        padding: 12px 24px !important;
        font-size: 13px !important;
    }
    
    .wp-block-heading::after {
        width: 50px;
        height: 3px;
    }
    
    .industrial-card {
        padding: var(--spacing-lg);
    }
    
    .product-card .wp-block-image img {
        height: 180px;
    }
    
    .process-step {
        padding-left: 55px;
    }
    
    .process-step::before {
        width: 36px;
        height: 36px;
        font-size: 14px;
    }
    
    .process-step::after {
        left: 17px;
    }
    
    .russian-divider::before,
    .russian-divider::after {
        width: 14px;
        height: 14px;
    }
    
    .russian-divider::before {
        left: 15px;
    }
    
    .russian-divider::after {
        right: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .wp-block-navigation__responsive-container.is-menu-open {
        background: var(--industrial-dark);
        padding: var(--spacing-lg);
        border-radius: var(--radius-md);
    }
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
        color: var(--russian-white) !important;
        padding: var(--spacing-md) 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:last-child {
        border-bottom: none;
    }
}

@media only screen and (max-width: 480px) {
    body {
        font-size: 15px;
    }
    
    .wp-block-paragraph {
        font-size: 15px;
    }
    
    .wp-block-button__link {
        padding: 10px 20px !important;
        font-size: 12px !important;
        letter-spacing: 1px;
    }
    
    .product-card .wp-block-image img {
        height: 150px;
    }
}

/* === 加载动画 === */
@keyframes industrial-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.5; }
}

@keyframes industrial-slide-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.industrial-loading {
    animation: industrial-pulse 2s ease-in-out infinite;
}

/* === 俄罗斯风格特色 === */
.russian-flag-gradient {
    background: linear-gradient(180deg, 
        var(--russian-white) 0%, 
        var(--russian-blue) 33.33%, 
        var(--russian-red) 66.66%);
}

/* === 工业质感 === */
.industrial-texture {
    background-image: 
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 3px,
            rgba(0, 0, 0, 0.015) 3px,
            rgba(0, 0, 0, 0.015) 6px
        );
}

/* === 最终调整 === */
body:not(.admin-bar) {
    padding-top: 0;
}

/* === 移除默认样式 === */
.wp-block-button__link.has-border-color {
    border-width: 2px !important;
}

/* === 确保按钮样式优先级 === */
button.wp-block-button__link,
a.wp-block-button__link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

/* === 修复 Gutenberg 区块间距 === */
.wp-block-group > *:last-child {
    margin-bottom: 0;
}

.wp-block-column > *:last-child {
    margin-bottom: 0;
}

/* === 视频区块 === */
.wp-block-video {
    border-radius: var(--radius-md);
    overflow: hidden;
    box-shadow: var(--shadow-md);
}

/* === 音频区块 === */
.wp-block-audio {
    background: var(--industrial-card);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
}

/* === 画廊区块 === */
.wp-block-gallery {
    gap: var(--spacing-sm);
}

.wp-block-gallery .blocks-gallery-item {
    border-radius: var(--radius-sm);
    overflow: hidden;
}

/* === 代码区块 === */
.wp-block-code {
    background: var(--industrial-dark);
    padding: var(--spacing-lg);
    border-radius: var(--radius-md);
    overflow-x: auto;
}

.wp-block-code code {
    color: var(--industrial-light);
    font-family: 'Monaco', 'Consolas', monospace;
}

/* === 进度条 === */
.wp-block-progress-bar {
    height: 10px;
    background: var(--industrial-border);
    border-radius: 5px;
    overflow: hidden;
}

.wp-block-progress-bar .wp-block-progress-bar__background {
    background: linear-gradient(90deg, var(--primary), var(--russian-gold));
    border-radius: 5px;
}

/* === 导航子菜单 === */
.wp-block-navigation__submenu-container {
    background: var(--industrial-card);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-lg);
    padding: var(--spacing-sm);
}

.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    padding: var(--spacing-sm) var(--spacing-md);
    text-transform: none;
    letter-spacing: normal;
}

/* === 固定导航 === */
.sticky-navigation {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(15, 15, 15, 0.95);
    backdrop-filter: blur(10px);
    z-index: 1000;
    animation: industrial-slide-up 0.3s ease;
}

/* === 回到顶部按钮 === */
.back-to-top {
    position: fixed;
    bottom: var(--spacing-xl);
    right: var(--spacing-xl);
    width: 50px;
    height: 50px;
    background: var(--primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--russian-white);
    font-size: 20px;
    box-shadow: var(--shadow-lg);
    transition: all var(--transition-fast);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
}

.back-to-top:hover {
    background: var(--primary-hover);
    transform: translateY(-3px);
}

/* === 高亮文本 === */
.highlight-text {
    background: linear-gradient(135deg, var(--primary-light) 0%, transparent 100%);
    padding: 2px 8px;
    border-radius: 4px;
}

/* === 徽章 === */
.badge {
    display: inline-block;
    padding: 4px 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 100px;
    background: var(--primary);
    color: var(--russian-white);
}

.badge-secondary {
    background: var(--industrial-gray);
}

.badge-gold {
    background: var(--russian-gold);
}

/* ==============================================
   独特视觉效果 - 让网站"一眼看上去不一样"
   ============================================== */

/* === 霓虹发光效果 === */
.neon-text {
    text-shadow: 
        0 0 5px var(--primary),
        0 0 10px var(--primary),
        0 0 20px var(--primary),
        0 0 40px var(--primary);
    animation: neon-pulse 2s ease-in-out infinite alternate;
}

.neon-border {
    box-shadow: 
        0 0 5px var(--primary),
        0 0 10px var(--primary),
        inset 0 0 5px rgba(255, 107, 0, 0.1);
    border: 2px solid var(--primary);
}

@keyframes neon-pulse {
    from {
        text-shadow: 
            0 0 5px var(--primary),
            0 0 10px var(--primary),
            0 0 20px var(--primary);
    }
    to {
        text-shadow: 
            0 0 10px var(--primary),
            0 0 20px var(--primary),
            0 0 40px var(--primary),
            0 0 60px var(--primary);
    }
}

/* === 玻璃拟态效果 === */
.glass-effect {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    box-shadow: 
        0 8px 32px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.glass-dark {
    background: rgba(15, 15, 15, 0.8);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

/* === 扫描线效果 === */
.scanline-overlay {
    position: relative;
    overflow: hidden;
}

.scanline-overlay::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0, 0, 0, 0.03) 2px,
        rgba(0, 0, 0, 0.03) 4px
    );
    pointer-events: none;
    z-index: 100;
}

/* === 自定义滚动条 === */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: var(--industrial-steel);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, var(--primary), var(--russian-gold));
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, var(--primary-hover), var(--primary));
}

/* === 工业网格背景 === */
.industrial-grid {
    background-image: 
        linear-gradient(rgba(255, 107, 0, 0.1) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 107, 0, 0.1) 1px, transparent 1px);
    background-size: 40px 40px;
}

/* === 动态波纹效果 === */
.ripple-effect {
    position: relative;
    overflow: hidden;
}

.ripple-effect::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: radial-gradient(circle, rgba(255, 107, 0, 0.3) 0%, transparent 70%);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    animation: ripple 3s ease-out infinite;
}

@keyframes ripple {
    0% {
        width: 0;
        height: 0;
        opacity: 1;
    }
    100% {
        width: 400px;
        height: 400px;
        opacity: 0;
    }
}

/* === 金属拉丝纹理 === */
.metal-texture {
    background: linear-gradient(135deg, 
        #3a3a3a 0%, 
        #4a4a4a 25%, 
        #3a3a3a 50%, 
        #4a4a4a 75%, 
        #3a3a3a 100%);
    background-size: 4px 4px;
}

/* === 渐变边框动画 === */
.gradient-border {
    position: relative;
    border-radius: var(--radius-md);
}

.gradient-border::before {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    background: linear-gradient(45deg, 
        var(--primary), 
        var(--russian-gold), 
        var(--primary), 
        var(--russian-gold));
    background-size: 400% 400%;
    border-radius: calc(var(--radius-md) + 2px);
    z-index: -1;
    animation: gradient-rotate 8s ease infinite;
}

@keyframes gradient-rotate {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

.gradient-border-inner {
    position: relative;
    background: var(--industrial-card);
    border-radius: var(--radius-md);
    padding: var(--spacing-lg);
}

/* === 脉冲发光按钮 === */
.pulse-button {
    position: relative;
}

.pulse-button::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background: var(--primary);
    border-radius: inherit;
    transform: translate(-50%, -50%);
    animation: pulse-expand 2s ease-out infinite;
    opacity: 0.5;
    z-index: -1;
}

@keyframes pulse-expand {
    0% {
        width: 100%;
        height: 100%;
        opacity: 0.5;
    }
    100% {
        width: 150%;
        height: 150%;
        opacity: 0;
    }
}

/* === 斜切角效果 === */
.skew-box {
    transform: skewX(-3deg);
}

.skew-box-inner {
    transform: skewX(3deg);
}

/* === 俄罗斯风格装饰边框 === */
.russian-frame {
    position: relative;
    border: 4px solid var(--russian-red);
    padding: 2px;
}

.russian-frame::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 2px solid var(--russian-blue);
    pointer-events: none;
}

.russian-frame::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 1px solid var(--russian-gold);
    pointer-events: none;
}

/* === 浮动动画 === */
.float-animation {
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
}

/* === 旋转动画 === */
.spin-slow {
    animation: spin 20s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* === 闪烁效果 === */
.flicker-effect {
    animation: flicker 3s infinite;
}

@keyframes flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.8; }
    75% { opacity: 0.9; }
}

/* === 磁吸附悬停效果 === */
.magnetic-hover {
    transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* === 液态按钮效果 === */
.liquid-button {
    position: relative;
    overflow: hidden;
}

.liquid-button::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        to right,
        transparent 30%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 70%
    );
    transform: rotate(45deg);
    animation: liquid-flow 3s ease-in-out infinite;
}

@keyframes liquid-flow {
    0% { transform: translateX(-100%) rotate(45deg); }
    100% { transform: translateX(100%) rotate(45deg); }
}

/* === 3D卡片效果 === */
.card-3d {
    perspective: 1000px;
}

.card-3d-inner {
    transform-style: preserve-3d;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-3d:hover .card-3d-inner {
    transform: rotateY(10deg) rotateX(-5deg);
}

.card-3d-front,
.card-3d-back {
    backface-visibility: hidden;
}

/* === 发光阴影 === */
.glow-shadow {
    box-shadow: 
        0 0 20px rgba(255, 107, 0, 0.3),
        0 0 40px rgba(255, 107, 0, 0.2),
        0 0 60px rgba(255, 107, 0, 0.1);
}

/* === 文字渐变 === */
.gradient-text {
    background: linear-gradient(90deg, var(--primary), var(--russian-gold), var(--primary));
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient-text-flow 3s linear infinite;
}

@keyframes gradient-text-flow {
    0% { background-position: 0% center; }
    100% { background-position: 200% center; }
}

/* === 边框发光动画 === */
.border-glow {
    position: relative;
}

.border-glow::after {
    content: '';
    position: absolute;
    top: -2px;
    left: -2px;
    right: -2px;
    bottom: -2px;
    border-radius: inherit;
    background: linear-gradient(90deg, 
        transparent 0%, 
        var(--primary) 25%, 
        transparent 50%, 
        var(--primary) 75%, 
        transparent 100%);
    background-size: 200% 100%;
    animation: border-glow-flow 3s linear infinite;
    z-index: -1;
}

@keyframes border-glow-flow {
    0% { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* === 径向渐变背景 === */
.radial-bg {
    background: radial-gradient(ellipse at top right, 
        rgba(255, 107, 0, 0.15) 0%, 
        transparent 50%);
}

/* === 噪点纹理 === */
.noise-texture {
    position: relative;
}

.noise-texture::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    opacity: 0.03;
    pointer-events: none;
}

/* === 箭头动画 === */
.arrow-bounce {
    animation: arrow-bounce 2s ease-in-out infinite;
}

@keyframes arrow-bounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(10px); }
}

/* === 数字滚动效果 === */
.counter-animate {
    display: inline-block;
    animation: counter-flip 0.5s ease-out;
}

@keyframes counter-flip {
    0% { transform: translateY(-100%); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

/* === 图片遮罩效果 === */
.image-mask {
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

/* === 悬停缩放+旋转 === */
.hover-scale-rotate {
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.hover-scale-rotate:hover {
    transform: scale(1.05) rotate(1deg);
}

/* === 渐入动画类 === */
.animate-fade-in {
    animation: fade-in 0.8s ease-out forwards;
}

.animate-fade-in-up {
    animation: fade-in-up 0.8s ease-out forwards;
}

.animate-fade-in-left {
    animation: fade-in-left 0.8s ease-out forwards;
}

.animate-fade-in-right {
    animation: fade-in-right 0.8s ease-out forwards;
}

@keyframes fade-in {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fade-in-up {
    from { opacity: 0; transform: translateY(30px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes fade-in-left {
    from { opacity: 0; transform: translateX(-30px); }
    to { opacity: 1; transform: translateX(0); }
}

@keyframes fade-in-right {
    from { opacity: 0; transform: translateX(30px); }
    to { opacity: 1; transform: translateX(0); }
}

/* === 关键帧延迟 === */
.delay-100 { animation-delay: 100ms; }
.delay-200 { animation-delay: 200ms; }
.delay-300 { animation-delay: 300ms; }
.delay-400 { animation-delay: 400ms; }
.delay-500 { animation-delay: 500ms; }

/* === 视差滚动效果 === */
.parallax-slow {
    will-change: transform;
    transform: translateZ(0);
}

/* === 响应式优化 === */
@media (max-width: 768px) {
    .neon-text {
        text-shadow: 
            0 0 3px var(--primary),
            0 0 6px var(--primary);
    }
    
    .gradient-border::before {
        animation: none;
        background: linear-gradient(45deg, var(--primary), var(--russian-gold));
    }
}