.login-bg {
    width: 100%;
    height: auto;
    background: url('../img/login-bg.png') no-repeat;
    background-size: 100% 100%;
    position: relative;
}

/* 手机端（<640px）：摄影师注册步骤三，设备与专业网格每行展示两个 */
@media (max-width: 639px) {
    #photographer-register-step #register-step-3 .grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.register-bg {
    position: relative;
    height: auto;
}

.register-bg::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 29rem;
    height: 37.5rem;
    background: url('../img/register-bg.png') no-repeat;
    background-size: 100% 100%;
    z-index: 0;
}



@media (min-width: 1024px) {
    .login-bg, .register-bg {
        height: calc(100vh - 5rem);
    }
}

/* 设备卡片和专业领域卡片背景图片样式 */
.equipment-image {
    width: 2.5rem;
    height: 2.5rem;
    margin: 0 auto 0.5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s ease;
}

.equipment-image-digital {
    background-image: url('../img/register/digital.png');
}

.equipment-card.selected .equipment-image-digital {
    background-image: url('../img/register/digital-hover.png');
}

.equipment-image-film {
    background-image: url('../img/register/film.png');
}

.equipment-card.selected .equipment-image-film {
    background-image: url('../img/register/film-hover.png');
}

.equipment-image-instant {
    background-image: url('../img/register/instant.png');
}

.equipment-card.selected .equipment-image-instant {
    background-image: url('../img/register/instant-hover.png');
}

.equipment-image-ccd {
    background-image: url('../img/register/ccd.png');
}

.equipment-card.selected .equipment-image-ccd {
    background-image: url('../img/register/ccd-hover.png');
}

.equipment-image-video {
    background-image: url('../img/register/video.png');
}

.equipment-card.selected .equipment-image-video {
    background-image: url('../img/register/video-hover.png');
}

.equipment-image-drone {
    background-image: url('../img/register/drone.png');
}

.equipment-card.selected .equipment-image-drone {
    background-image: url('../img/register/drone-hover.png');
}

.equipment-image-action {
    background-image: url('../img/register/action.png');
}

.equipment-card.selected .equipment-image-action {
    background-image: url('../img/register/action-hover.png');
}

.equipment-image-other {
    background-image: url('../img/register/other.png');
}

.equipment-card.selected .equipment-image-other {
    background-image: url('../img/register/other-hover.png');
}

/* 摄影专业领域背景图片样式 */
.expertise-image-portrait {
    background-image: url('../img/register/portrait.png');
}

.expertise-card.selected .expertise-image-portrait {
    background-image: url('../img/register/portrait-hover.png');
}

.expertise-image-graduation {
    background-image: url('../img/register/graduation.png');
}

.expertise-card.selected .expertise-image-graduation {
    background-image: url('../img/register/graduation-hover.png');
}

.expertise-image-sport {
    background-image: url('../img/register/sport.png');
}

.expertise-card.selected .expertise-image-sport {
    background-image: url('../img/register/sport-hover.png');
}

.expertise-image-vehicle {
    background-image: url('../img/register/vehicle.png');
}

.expertise-card.selected .expertise-image-vehicle {
    background-image: url('../img/register/vehicle-hover.png');
}

.expertise-image-family {
    background-image: url('../img/register/family.png');
}

.expertise-card.selected .expertise-image-family {
    background-image: url('../img/register/family-hover.png');
}

.expertise-image-pet {
    background-image: url('../img/register/pet.png');
}

.expertise-card.selected .expertise-image-pet {
    background-image: url('../img/register/pet-hover.png');
}

.expertise-image-party {
    background-image: url('../img/register/party.png');
}

.expertise-card.selected .expertise-image-party {
    background-image: url('../img/register/party-hover.png');
}

.expertise-image-wedding {
    background-image: url('../img/register/wedding.png');
}

.expertise-card.selected .expertise-image-wedding {
    background-image: url('../img/register/wedding-hover.png');
}

.expertise-image-bussiness {
    background-image: url('../img/register/bussiness.png');
}

.expertise-card.selected .expertise-image-bussiness {
    background-image: url('../img/register/bussiness-hover.png');
}

.expertise-image-event {
    background-image: url('../img/register/event.png');
}

.expertise-card.selected .expertise-image-event {
    background-image: url('../img/register/event-hover.png');
}

.expertise-image-product {
    background-image: url('../img/register/product.png');
}

.expertise-card.selected .expertise-image-product {
    background-image: url('../img/register/product-hover.png');
}

.expertise-image-realestate {
    background-image: url('../img/register/estate.png');
}

.expertise-card.selected .expertise-image-realestate {
    background-image: url('../img/register/estate-hover.png');
}

.expertise-image-food {
    background-image: url('../img/register/food.png');
}

.expertise-card.selected .expertise-image-food {
    background-image: url('../img/register/food-hover.png');
}

.expertise-image-travel {
    background-image: url('../img/register/travel.png');
}

.expertise-card.selected .expertise-image-travel {
    background-image: url('../img/register/travel-hover.png');
}

.delivery-option, .country-option, .location-option {
    position: relative;
}

.delivery-option.checked::after, .country-option.checked::after, .location-option.checked::after {
    content: '✓';
    position: absolute;
    top: 0.8rem;
    left: 1rem;
    font-size: 1rem;
    color: rgba(75, 86, 99, 1);
    z-index: 10;
}

#agreement-checkbox:checked, #remember-me:checked {
    color: #fff !important;
    accent-color: rgba(240, 114, 56, 1);
}

#agreement-content span {
    color: rgba(75, 86, 99, 1);
    font-family: 'circular' !important;
}

.user-type button.active {
    background-color: rgba(240, 114, 56, 1);
    color: #fff !important;
    border-color: rgba(240, 114, 56, 1);
}

#send-code-btn:disabled {
    background-color: rgba(240, 114, 56, 0.1);
    color: rgba(240, 114, 56, 1) !important;
    border-color: rgba(240, 114, 56, 0.1);
    cursor: not-allowed;
}

/* 移动端登录页：右侧白色卡片全屏显示，左侧文案保留（仅摄影师引导页） */
@media (max-width: 1023px) {
    /* 右侧白卡片容器占满屏幕宽度 */
    #photographer-register .photographer-row > div:last-child {
        width: 100%;
        max-width: 100%;
    }
    /* 白卡片本体占满屏幕高度并垂直居中内容 */
    #photographer-register .photographer-row > div:last-child > .bg-white {
        min-height: 100vh;
    }
}

/* 手机端（<640px）：第六步隐藏提交按钮右侧箭头，并保持文字居中 */
@media (max-width: 639px) {
    #photographer-register-step #register-step-6 .submit-register-btn img[alt="Arrow"] {
        display: none;
    }
    #photographer-register-step #register-step-6 .submit-register-btn {
        justify-content: center;
        text-align: center;
    }
}