/* 2 × 2 银色透明旋转唱片：适配桌面小组件注册系统。 */
.desktop-widget-widget-record-disc {
    width: 100%;
    height: 100%;
}

.desktop-widget-widget-record-disc .record-widget {
    position: relative;
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    overflow: hidden;
    border-radius: 26px;
    box-sizing: border-box;
}

.desktop-widget-widget-record-disc .record-disc {
    position: absolute;
    display: flex;
    width: min(88%, 176px);
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .8);
    border-radius: 50%;
    background:
        repeating-radial-gradient(circle, transparent 0, transparent 2px, rgba(150, 150, 150, .15) 3px, rgba(150, 150, 150, .15) 4px),
        conic-gradient(from 0deg, #e6e6e6 0%, #fff 15%, #b0b0b0 30%, #f0f0f0 45%, #fff 55%, #b0b0b0 75%, #e6e6e6 100%);
    box-shadow: 0 7px 15px rgba(0, 0, 0, .14);
    animation: record-disc-spin 5s linear infinite;
}

.desktop-widget-widget-record-disc .record-photo {
    display: block;
    width: 54%;
    height: 54%;
    border: 0;
    border-radius: 50%;
    object-fit: cover;
    cursor: pointer;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .3), 0 0 0 3px rgba(255, 255, 255, .5);
    transition: transform .2s ease;
}

.desktop-widget-widget-record-disc .record-photo:hover {
    transform: scale(1.05);
}

.desktop-widget-widget-record-disc .tone-arm-container {
    position: absolute;
    inset: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none;
    filter: drop-shadow(-3px 6px 5px rgba(0, 0, 0, .25));
}

.desktop-widget-widget-record-disc .record-photo-picker { display: none; }

@keyframes record-disc-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .desktop-widget-widget-record-disc .record-disc { animation: none; }
}