/* OpenClaw 小龙虾 - 炫酷文字样式 */

/* 小龙虾渐变色文字 */
.crawfish-text {
    font-family: 'Noto Serif SC', serif;
    font-weight: 700;
    background: linear-gradient(135deg, #FF4757 0%, #FF6B35 50%, #FFA502 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: none;
}

/* Logo 区域样式 */
.logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Noto Serif SC', serif;
    font-size: 1.5rem;
    font-weight: 700;
    background: linear-gradient(135deg, #FF4757 0%, #FF6B35 50%, #FFA502 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-decoration: none;
    transition: all 0.3s ease;
}

.logo:hover {
    transform: scale(1.05);
    filter: drop-shadow(0 0 20px rgba(255, 71, 87, 0.5));
}

.logo img:first-child {
    width: 32px;
    height: 32px;
    object-fit: contain;
    filter: drop-shadow(0 0 10px rgba(255, 71, 87, 0.4));
    transition: all 0.3s ease;
}

.logo img:last-child {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.logo:hover img:first-child {
    transform: rotate(-10deg) scale(1.15);
    filter: drop-shadow(0 0 12px rgba(255, 71, 87, 0.6));
}

/* 页脚 Logo 样式 */
.footer-logo {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: 'Noto Serif SC', serif;
    font-size: 1.5rem;
    font-weight: 700;
}

.footer-logo img:first-child {
    width: 28px;
    height: 28px;
    object-fit: contain;
}

.footer-logo .crawfish-text {
    background: linear-gradient(135deg, #FF4757 0%, #FF6B35 50%, #FFA502 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.footer-logo img:last-child {
    width: 24px;
    height: 24px;
    object-fit: contain;
}

/* 备案链接悬停效果 */
.footer-text a {
    transition: all 0.3s ease;
}

.footer-text a:hover {
    color: #FF6B35 !important;
    text-decoration: underline !important;
}

/* 隐形水印 - 苏州数之光 */
.watermark {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.04;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Ctext x='50%25' y='50%25' font-family='Noto Serif SC, serif' font-size='18' fill='%23FFFFFF' text-anchor='middle' transform='rotate(-45 150 150)'%3E苏州数之光 © 2026%3C/text%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 300px 300px;
}

/* Hero 标题小龙虾文字 */
.hero h1 span {
    background: linear-gradient(135deg, #FF4757 0%, #FF6B35 50%, #FFA502 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    animation: glow 3s ease-in-out infinite;
}

@keyframes glow {
    0%, 100% {
        filter: drop-shadow(0 0 10px rgba(255, 71, 87, 0.3));
    }
    50% {
        filter: drop-shadow(0 0 20px rgba(255, 107, 53, 0.5));
    }
}

/* 产品卡片小龙虾渐变色 */
.product-card-header.tencent {
    background: linear-gradient(135deg, rgba(255, 71, 87, 0.15) 0%, var(--bg-dark) 100%);
}

.product-card-header.netease {
    background: linear-gradient(135deg, rgba(255, 107, 53, 0.15) 0%, var(--bg-dark) 100%);
}

/* 小龙虾主题色变量 */
:root {
    --crawfish-red: #FF4757;
    --crawfish-orange: #FF6B35;
    --crawfish-gold: #FFA502;
    --crawfish-gradient: linear-gradient(135deg, #FF4757 0%, #FF6B35 50%, #FFA502 100%);
}