/* 图像占位样式（均使用 Unsplash 免费许可图片：https://unsplash.com/license） */

/* ---------------------------
   首页：核心服务区块
--------------------------- */
.service-img-placeholder,
.service-visual-placeholder {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.12);
}

/* 品牌策略（首页） */
.service-img-placeholder.branding {
    background-image:
        linear-gradient(135deg, rgba(255, 107, 107, 0.65), rgba(255, 179, 179, 0.45)),
        url("https://images.unsplash.com/photo-1529333166437-7750a6dd5a70?auto=format&fit=crop&w=1600&q=80");
    background-blend-mode: multiply;
}

.service-img-placeholder.branding::before {
    content: '';
    position: absolute;
    inset: 18%;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 18px;
    pointer-events: none;
}

.service-img-placeholder.branding::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), transparent);
    pointer-events: none;
}

/* 品牌策略（详情页） */
.service-visual-placeholder.branding {
    background-image:
        linear-gradient(135deg, rgba(255, 107, 107, 0.6), rgba(255, 179, 179, 0.4)),
        url("https://images.unsplash.com/photo-1487611459768-bd414656ea10?auto=format&fit=crop&w=1800&q=80");
    background-blend-mode: multiply;
    box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.18);
}

.service-visual-placeholder.branding::before {
    content: '';
    position: absolute;
    inset: 15%;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 22px;
    pointer-events: none;
}

.service-visual-placeholder.branding::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 15% 20%, rgba(255, 255, 255, 0.2), transparent 55%);
    pointer-events: none;
}

/* 创意设计（首页） */
.service-img-placeholder.creative {
    background-image:
        linear-gradient(135deg, rgba(78, 205, 196, 0.65), rgba(110, 221, 214, 0.45)),
        url("https://images.unsplash.com/photo-1503602642458-232111445657?auto=format&fit=crop&w=1600&q=80");
    background-blend-mode: multiply;
}

.service-img-placeholder.creative::before {
    content: '';
    position: absolute;
    inset: 14%;
    border: 2px dashed rgba(255, 255, 255, 0.45);
    border-radius: 24px;
    pointer-events: none;
}

.service-img-placeholder.creative::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 0%, rgba(255, 255, 255, 0.25), transparent 60%);
    pointer-events: none;
}

/* 创意设计（详情页） */
.service-visual-placeholder.creative {
    background-image:
        linear-gradient(135deg, rgba(78, 205, 196, 0.6), rgba(110, 221, 214, 0.4)),
        url("https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1800&q=80");
    background-blend-mode: multiply;
    box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.18);
}

.service-visual-placeholder.creative::before {
    content: '';
    position: absolute;
    inset: 12%;
    border: 2px dashed rgba(255, 255, 255, 0.35);
    border-radius: 28px;
    pointer-events: none;
}

.service-visual-placeholder.creative::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 100%, rgba(255, 255, 255, 0.2), transparent 55%);
    pointer-events: none;
}

/* 数字营销（首页） */
.service-img-placeholder.digital {
    background-image:
        linear-gradient(135deg, rgba(69, 183, 209, 0.65), rgba(107, 197, 219, 0.45)),
        url("https://images.unsplash.com/photo-1556740749-887f6717d7e4?auto=format&fit=crop&w=1600&q=80");
    background-blend-mode: multiply;
}

.service-img-placeholder.digital::before {
    content: '';
    position: absolute;
    inset: 16%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    pointer-events: none;
}

.service-img-placeholder.digital::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(200deg, rgba(255, 255, 255, 0.15), transparent);
    pointer-events: none;
}

/* 数字营销（详情页） */
.service-visual-placeholder.digital {
    background-image:
        linear-gradient(135deg, rgba(69, 183, 209, 0.6), rgba(107, 197, 219, 0.4)),
        url("https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1800&q=80");
    background-blend-mode: multiply;
    box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.18);
}

.service-visual-placeholder.digital::before {
    content: '';
    position: absolute;
    inset: 14%;
    border: 2px solid rgba(255, 255, 255, 0.25);
    border-radius: 18px;
    pointer-events: none;
}

.service-visual-placeholder.digital::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(220deg, rgba(255, 255, 255, 0.12), transparent);
    pointer-events: none;
}

/* ---------------------------
   首页：案例卡片
--------------------------- */
.case-img-placeholder,
.detailed-case-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.25);
}

/* 首页案例图 */
.case-img-placeholder.brand-upgrade {
    background-image:
        linear-gradient(130deg, rgba(15, 18, 40, 0.65), rgba(50, 8, 30, 0.45)),
        url("https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1800&q=80");
}

.case-img-placeholder.digital-marketing {
    background-image:
        linear-gradient(120deg, rgba(5, 14, 40, 0.65), rgba(10, 58, 85, 0.55)),
        url("https://images.unsplash.com/photo-1489515217757-5fd1be406fef?auto=format&fit=crop&w=1800&q=80");
}

.case-img-placeholder.creative-video {
    background-image:
        linear-gradient(140deg, rgba(5, 15, 40, 0.75), rgba(40, 15, 60, 0.55)),
        url("https://images.unsplash.com/photo-1475721027785-f74eccf877e2?auto=format&fit=crop&w=1800&q=80");
}

/* 详情页案例图 */
.detailed-case-img.brand-upgrade {
    background-image:
        linear-gradient(130deg, rgba(10, 12, 35, 0.65), rgba(45, 8, 20, 0.45)),
        url("https://images.unsplash.com/photo-1504384308090-c894fdcc538d?auto=format&fit=crop&w=2000&q=80");
}

.detailed-case-img.digital-marketing {
    background-image:
        linear-gradient(130deg, rgba(5, 18, 50, 0.65), rgba(15, 70, 95, 0.5)),
        url("https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=2000&q=80");
}

.detailed-case-img.creative-video {
    background-image:
        linear-gradient(145deg, rgba(10, 20, 50, 0.7), rgba(45, 20, 75, 0.55)),
        url("https://images.unsplash.com/photo-1469474968028-56623f02e42e?auto=format&fit=crop&w=2000&q=80");
}

/* 播放图标 */
.case-img-placeholder.creative-video::after,
.detailed-case-img.creative-video::after {
    content: '▶';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%, -50%);
    font-size: 52px;
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 0 30px rgba(69, 183, 209, 0.7);
    pointer-events: none;
}

.detailed-case-img.creative-video::after {
    content: '►';
    transform: translate(-40%, -50%);
}

/* ---------------------------
   关于我们 / 为什么选择我们
--------------------------- */
.about-visual-placeholder,
.why-visual-placeholder {
    background-image:
        linear-gradient(135deg, rgba(255, 107, 107, 0.6), rgba(69, 183, 209, 0.45)),
        url("https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1800&q=80");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.2);
}

.about-visual-placeholder::before,
.why-visual-placeholder::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.12), transparent 55%);
    pointer-events: none;
}

/* ---------------------------
   团队头像占位
--------------------------- */
.avatar-placeholder {
    position: relative;
    overflow: hidden;
}

.avatar-placeholder::before {
    content: '';
    position: absolute;
    inset: 10%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4) 0%, transparent 70%),
        radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
}

.avatar-placeholder::after {
    content: '👤';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    opacity: 0.6;
}
/* 图像占位样式
   所有图片均来自 Unsplash 免费许可（https://unsplash.com/license），可免费商用。 */

/* 品牌策略与定位 */
.service-img-placeholder.branding,
.service-visual-placeholder.branding {
    background-image:
        linear-gradient(135deg, rgba(255, 107, 107, 0.65), rgba(255, 179, 179, 0.45)),
        url("https://images.unsplash.com/photo-1529333166437-7750a6dd5a70?auto=format&fit=crop&w=1600&q=80");
    background-size: cover, cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.12);
}

.service-img-placeholder.branding::before {
    content: '';
    position: absolute;
    inset: 18%;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 18px;
    pointer-events: none;
}

.service-img-placeholder.branding::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.2), transparent);
    pointer-events: none;
}

/* 创意设计与制作 */
.service-img-placeholder.creative,
.service-visual-placeholder.creative {
    background-image:
        linear-gradient(135deg, rgba(78, 205, 196, 0.65), rgba(110, 221, 214, 0.45)),
        url("https://images.unsplash.com/photo-1503602642458-232111445657?auto=format&fit=crop&w=1600&q=80");
    background-size: cover, cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.12);
}

.service-img-placeholder.creative::before {
    content: '';
    position: absolute;
    inset: 14%;
    border: 2px dashed rgba(255, 255, 255, 0.45);
    border-radius: 24px;
    pointer-events: none;
}

.service-img-placeholder.creative::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at top right, rgba(255, 255, 255, 0.2), transparent 55%);
    pointer-events: none;
}

/* 数字营销与推广 */
.service-img-placeholder.digital,
.service-visual-placeholder.digital {
    background-image:
        linear-gradient(135deg, rgba(69, 183, 209, 0.65), rgba(107, 197, 219, 0.45)),
        url("https://images.unsplash.com/photo-1556740749-887f6717d7e4?auto=format&fit=crop&w=1600&q=80");
    background-size: cover, cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.12);
}

.service-img-placeholder.digital::before {
    content: '';
    position: absolute;
    inset: 16%;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 16px;
    pointer-events: none;
}

.service-img-placeholder.digital::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.12), transparent);
    pointer-events: none;
}

/* 案例图片 - 品牌升级 */
.case-img-placeholder.brand-upgrade,
.detailed-case-img.brand-upgrade {
    background-image:
        linear-gradient(120deg, rgba(15, 18, 40, 0.6), rgba(50, 8, 30, 0.4)),
        url("https://images.unsplash.com/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1800&q=80");
    background-size: cover, cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    position: relative;
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.case-img-placeholder.brand-upgrade::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(145deg, rgba(255, 255, 255, 0.1), transparent 50%);
    pointer-events: none;
}

.case-img-placeholder.brand-upgrade::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, rgba(255, 107, 107, 0.15), transparent 60%);
    pointer-events: none;
}

/* 案例图片 - 数字营销 */
.case-img-placeholder.digital-marketing,
.detailed-case-img.digital-marketing {
    background-image:
        linear-gradient(120deg, rgba(5, 14, 40, 0.65), rgba(10, 58, 85, 0.55)),
        url("https://images.unsplash.com/photo-1489515217757-5fd1be406fef?auto=format&fit=crop&w=1800&q=80");
    background-size: cover, cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    position: relative;
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.case-img-placeholder.digital-marketing::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(200deg, rgba(78, 205, 196, 0.2), transparent 55%);
    pointer-events: none;
}

.case-img-placeholder.digital-marketing::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 25%, rgba(255, 255, 255, 0.12), transparent 45%);
    pointer-events: none;
}

/* 案例图片 - 创意视频 */
.case-img-placeholder.creative-video,
.detailed-case-img.creative-video {
    background-image:
        linear-gradient(140deg, rgba(5, 15, 40, 0.75), rgba(40, 15, 60, 0.55)),
        url("https://images.unsplash.com/photo-1475721027785-f74eccf877e2?auto=format&fit=crop&w=1800&q=80");
    background-size: cover, cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    position: relative;
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.case-img-placeholder.creative-video::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 60% 40%, rgba(255, 255, 255, 0.2), transparent 50%);
    pointer-events: none;
}

.case-img-placeholder.creative-video::after {
    content: '▶';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%, -50%);
    font-size: 52px;
    color: rgba(255, 255, 255, 0.85);
    text-shadow: 0 0 30px rgba(69, 183, 209, 0.7);
    pointer-events: none;
}

/* 关于我们 / 为什么选择我们 */
.about-visual-placeholder,
.why-visual-placeholder {
    background-image:
        linear-gradient(135deg, rgba(255, 107, 107, 0.6), rgba(69, 183, 209, 0.45)),
        url("https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1800&q=80");
    background-size: cover, cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    position: relative;
    overflow: hidden;
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.2);
}

.about-visual-placeholder::before,
.why-visual-placeholder::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(120deg, rgba(255, 255, 255, 0.12), transparent 55%);
    pointer-events: none;
}

/* 团队成员头像占位 */
.avatar-placeholder {
    position: relative;
    overflow: hidden;
}

.avatar-placeholder::before {
    content: '';
    position: absolute;
    inset: 10%;
    border-radius: 50%;
    background:
        radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.4) 0%, transparent 70%),
        radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0.3) 0%, transparent 70%);
}

.avatar-placeholder::after {
    content: '👤';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 80px;
    opacity: 0.6;
}