/*
 * @Author: wtt
 * -----------
 */


/* 基础金色 */
.gold-basic {
    color: #FFD700;
}

/* 金属质感金色 */
.gold-metallic {
    background: linear-gradient(135deg, #FFD700 0%, #D4AF37 50%, #FFD700 100%);
    color: white;
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

/* 复古金色 */
.gold-vintage {
    background: radial-gradient(circle, #F5D76E 0%, #D4A017 100%);
    border: 1px solid #B8860B;
}

/* 发光金色按钮 */
.gold-glow-button {
    background: linear-gradient(to bottom, #FFD700, #D4AF37);
    box-shadow: 0 0 10px #FFD700, 0 0 20px #FFD700;
    transition: all 0.3s ease;
}

.gold-glow-button:hover {
    box-shadow: 0 0 15px #FFD700, 0 0 30px #FFD700;
}

/* 金色边框效果 */
.gold-border {
    border: 3px solid transparent;
    border-image: linear-gradient(to right, #FFD700, #D4AF37) 1;
}

/* 3D立体金色文字 */
.gold-3d-text {
    color: #FFD700;
    text-shadow:
            1px 1px 0 #D4AF37,
            2px 2px 0 #B8860B,
            3px 3px 5px rgba(0,0,0,0.3);
}

/* 金色渐变背景 */
.gold-gradient-bg {
    background: linear-gradient(45deg,
    #FFD700 0%,
    #FFEC8B 25%,
    #FFD700 50%,
    #FFEC8B 75%,
    #FFD700 100%);
    background-size: 200% 200%;
    animation: goldShine 3s ease infinite;
}

@keyframes goldShine {
    0% { background-position: 0% 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0% 50% }
}



/* iPhone 17 基础款配色 */
.iphone17-black { background-color: #000000; } /* 与iPhone 16相同 */
.iphone17-white { background-color: #FFFFFF; } /* 与iPhone 16相同 */
.iphone17-steel-gray { background-color: #5A5D60; } /* Pantone 18-4005-TPG */
.iphone17-green { background-color: #4B8B3B; } /* Pantone 2282 U */
.iphone17-purple { background-color: #8A6BBE; } /* Pantone 530 U */
.iphone17-light-blue { background-color: #A5CEE3; } /* Pantone 658 U */

/* iPhone 17 Air 配色 */
.iphone17air-black { background-color: #000000; } /* 与iPhone 16相同 */
.iphone17air-white { background-color: #F5F5F7; } /* 比iPhone 16更亮/更冷 */
.iphone17air-light-blue { background-color: #B8D8EB; } /* Pantone 657 U */
.iphone17air-light-gold { background-color: #F8E5C2; } /* Pantone 11-0604 TPG Gardenia */

/* iPhone 17 Pro 配色 */
.iphone17pro-black { background-color: #1A1A1A; } /* 与iPhone 16 Pro相同 */
.iphone17pro-white { background-color: #F9F6EF; } /* 与iPhone 16 Pro相同 */
.iphone17pro-gray { background-color: #8E8E93; } /* 类似自然钛金属色 */
.iphone17pro-deep-blue { background-color: #2E3A59; } /* Pantone 19-4025 TPG Mood Indigo */
.iphone17pro-orange { background-color: #FF6F61; } /* Pantone 1501243 TCX Papaya */

/* 通用样式 */
.color-swatch {
    width: 100px;
    height: 100px;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    margin: 10px;
    display: inline-block;
    transition: transform 0.3s ease;
}
.color-swatch:hover {
    transform: scale(1.05);
}
.color-label {
    text-align: center;
    margin-top: 8px;
    font-family: 'SF Pro Display', sans-serif;
    font-size: 14px;
    color: #333;
}