:root {
    --chinese-red: #C41E3A;
    --chinese-gold: #FFD700;
    --dark-red: #8B0000;
    --light-gold: #FFF8DC;
}

* {
    -webkit-tap-highlight-color: transparent;
}

html, body {
    overflow-x: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Noto Serif SC', serif;
    background: linear-gradient(180deg, #FFF5F5 0%, #FFFFFF 100%);
    padding-top: 80px;
}

.site-nav {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.chinese-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23C41E3A' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.gradient-gold {
    background: linear-gradient(135deg, #FFD700 0%, #FFA500 50%, #FFD700 100%);
}

.gradient-red {
    background: linear-gradient(135deg, #C41E3A 0%, #8B0000 100%);
}

.text-gold {
    color: #FFD700;
}

.text-red {
    color: #C41E3A;
}

.border-gold {
    border-color: #FFD700;
}

.chinese-border {
    position: relative;
}

.chinese-border::before {
    content: '';
    position: absolute;
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
    background: linear-gradient(135deg, #C41E3A, #FFD700, #C41E3A);
    z-index: -1;
    border-radius: inherit;
}

.section-title {
    position: relative;
    display: inline-block;
}

.section-title::before,
.section-title::after {
    content: '◆';
    position: absolute;
    color: #C41E3A;
    font-size: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.section-title::before {
    left: -60px;
}

.section-title::after {
    right: -60px;
}

.card-hover {
    transition: all 0.3s ease;
}

.card-hover:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(196, 30, 58, 0.2);
}

.footer-pattern {
    background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10 L90 10 L90 90 L10 90 Z' fill='none' stroke='%23FFD700' stroke-width='2'/%3E%3Cpath d='M20 20 L80 20 L80 80 L20 80 Z' fill='none' stroke='%23FFD700' stroke-width='1'/%3E%3C/svg%3E");
    opacity: 0.1;
}

@media (max-width: 768px) {
    .section-title::before,
    .section-title::after {
        font-size: 0.7rem;
    }

    .section-title::before {
        left: -32px;
    }

    .section-title::after {
        right: -32px;
    }
}