.pq-music-unlock-page {
    --um-site-blue: #2683EF;
    --um-site-blue-dark: #1769d8;
    --um-site-ink: #18100F;
    --um-site-muted: #666666;
    --um-site-line: rgba(24, 16, 15, .10);
    background: #fff !important;
}

.pq-music-unlock-page::before {
    display: none !important;
}

.pq-music-unlock-page .pq-music-unlock-hero {
    padding-bottom: 0;
}

.pq-music-unlock-shell {
    position: relative;
    overflow: hidden;
    padding: 72px 0 90px;
    background: radial-gradient(circle at 12% 12%, rgba(38, 131, 239, .12), transparent 30rem), linear-gradient(180deg, #fff 0%, #f7fbff 100%);
}

.pq-music-unlock-shell::before,
.pq-music-unlock-shell::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 999px;
}

.pq-music-unlock-shell::before {
    width: 320px;
    height: 320px;
    right: -140px;
    top: 96px;
    border: 1px solid rgba(38, 131, 239, .18);
}

.pq-music-unlock-shell::after {
    width: 220px;
    height: 220px;
    left: -120px;
    bottom: 120px;
    border: 1px solid rgba(38, 131, 239, .14);
}

.pq-music-unlock-shell > .container {
    position: relative;
    z-index: 1;
}

.pq-music-unlock-shell .pq-section-title {
    max-width: 820px;
    margin-bottom: 34px;
}

.pq-music-unlock-shell .pq-section-title-description {
    max-width: 760px;
}

.pq-music-unlock-app {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--um-site-line);
    border-radius: 28px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 18px 60px rgba(38, 131, 239, .10);
}

.pq-music-unlock-app #app {
    --ink: var(--um-site-ink);
    --ink-soft: var(--um-site-muted);
    --teal: var(--um-site-blue);
    --teal-deep: var(--um-site-blue-dark);
    --coral: var(--um-site-blue);
    --paper: #f5f9ff;
    --paper-light: #ffffff;
    --line: var(--um-site-line);
    width: min(1180px, 100% - 48px) !important;
    min-height: 0 !important;
    padding: 0 0 42px !important;
    color: var(--um-site-ink) !important;
    background: transparent !important;
    font-family: var(--body-fonts, "DM Sans"), "Microsoft YaHei", sans-serif !important;
}

.pq-music-unlock-app #app > main {
    gap: 28px;
}

.pq-music-unlock-app .page-orbit,
.pq-music-unlock-app .app-header {
    display: none !important;
}

.pq-music-unlock-app .hero {
    min-height: auto !important;
    padding: 46px 0 34px !important;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr) !important;
    gap: 34px !important;
}

.pq-music-unlock-app .hero__eyebrow {
    margin: 0 0 -12px !important;
    color: var(--um-site-blue) !important;
    font-family: var(--title-fonts, "Plus Jakarta Sans"), "Microsoft YaHei", sans-serif !important;
    letter-spacing: .12em !important;
}

.pq-music-unlock-app .hero h1 {
    font-family: var(--title-fonts, "Plus Jakarta Sans"), "Microsoft YaHei", sans-serif !important;
    font-size: clamp(42px, 6vw, 78px) !important;
    line-height: 1.05 !important;
    letter-spacing: -.04em !important;
}

.pq-music-unlock-app .hero h1 em,
.pq-music-unlock-app .hero__facts strong,
.pq-music-unlock-app .drop-zone__index,
.pq-music-unlock-app .section-index,
.pq-music-unlock-app .empty-result span {
    color: var(--um-site-blue) !important;
}

.pq-music-unlock-app .hero__aside > p {
    color: var(--um-site-muted) !important;
    font-size: 16px !important;
    line-height: 1.85 !important;
}

.pq-music-unlock-app .hero__facts {
    border-top-color: var(--um-site-line) !important;
}

.pq-music-unlock-app .drop-zone,
.pq-music-unlock-app .result-console,
.pq-music-unlock-app .result-list {
    border: 1px solid var(--um-site-line) !important;
    border-radius: 24px !important;
    background: #fff !important;
    box-shadow: 0 16px 46px rgba(38, 131, 239, .09) !important;
}

.pq-music-unlock-app .drop-zone {
    min-height: 300px !important;
    padding-top: 58px !important;
    background: linear-gradient(115deg, rgba(255,255,255,.96), rgba(245,249,255,.92)), repeating-linear-gradient(90deg, transparent, transparent 47px, rgba(38, 131, 239, .06) 48px) !important;
}

.pq-music-unlock-app .drop-zone:hover,
.pq-music-unlock-app .drop-zone.is-dragging {
    border-color: rgba(38, 131, 239, .48) !important;
    box-shadow: 0 24px 60px rgba(38, 131, 239, .16) !important;
}

.pq-music-unlock-app .drop-zone.is-dragging::after {
    border-color: var(--um-site-blue) !important;
    background: rgba(245, 249, 255, .96) !important;
    color: var(--um-site-ink) !important;
    font-family: var(--title-fonts, "Plus Jakarta Sans"), "Microsoft YaHei", sans-serif !important;
}

.pq-music-unlock-app .drop-zone__mark {
    background: linear-gradient(135deg, var(--um-site-blue), #6fb8ff) !important;
    opacity: .92 !important;
}

.pq-music-unlock-app .drop-zone__kicker,
.pq-music-unlock-app .section-kicker {
    color: var(--um-site-blue) !important;
    font-family: var(--title-fonts, "Plus Jakarta Sans"), "Microsoft YaHei", sans-serif !important;
}

.pq-music-unlock-app .drop-zone h2,
.pq-music-unlock-app .result-console h2,
.pq-music-unlock-app .result-list h2 {
    color: var(--um-site-ink) !important;
    font-family: var(--title-fonts, "Plus Jakarta Sans"), "Microsoft YaHei", sans-serif !important;
    letter-spacing: -.02em !important;
}

.pq-music-unlock-app .drop-zone__copy > p:last-child {
    color: var(--um-site-muted) !important;
}

.pq-music-unlock-app .action-button {
    border-radius: 8px !important;
    border-color: var(--um-site-blue) !important;
    color: var(--um-site-blue) !important;
    background: rgba(38, 131, 239, .06) !important;
}

.pq-music-unlock-app .action-button:hover,
.pq-music-unlock-app .action-button--primary {
    background: var(--um-site-blue) !important;
    color: #fff !important;
}

.pq-music-unlock-app .action-button--primary {
    box-shadow: 0 10px 24px rgba(38, 131, 239, .24) !important;
}

.pq-music-unlock-app .action-button--primary:hover,
.pq-music-unlock-app .el-button--primary:focus,
.pq-music-unlock-app .el-button--primary:hover {
    border-color: var(--um-site-blue-dark) !important;
    background: var(--um-site-blue-dark) !important;
}

.pq-music-unlock-app .format-strip span,
.pq-music-unlock-app .worker-badge {
    color: var(--um-site-blue) !important;
    border-color: rgba(38, 131, 239, .20) !important;
    background: rgba(38, 131, 239, .07) !important;
}

.pq-music-unlock-app .control-group,
.pq-music-unlock-app .metric,
.pq-music-unlock-app .task-row {
    background: #f5f9ff !important;
}

.pq-music-unlock-app .metric--success {
    background: rgba(38, 131, 239, .10) !important;
}

.pq-music-unlock-app .metric--success strong,
.pq-music-unlock-app .task-row__status.is-success,
.pq-music-unlock-app .storage-note__dot {
    color: var(--um-site-blue) !important;
}

.pq-music-unlock-app .storage-note__dot {
    background: var(--um-site-blue) !important;
    box-shadow: 0 0 0 5px rgba(38, 131, 239, .12) !important;
}

.pq-music-unlock-app .empty-result {
    border-color: rgba(38, 131, 239, .22) !important;
    background: rgba(245, 249, 255, .72) !important;
}

.pq-music-unlock-app .app-footer {
    margin-top: 34px !important;
    padding: 22px 0 0 !important;
    border-top-color: var(--um-site-line) !important;
    color: var(--um-site-muted) !important;
}

.pq-music-unlock-app .app-footer strong,
.pq-music-unlock-app .app-footer__links a {
    color: var(--um-site-blue) !important;
}

.pq-music-unlock-app .app-footer > div:first-child strong {
    display: none !important;
}

.pq-music-unlock-app .app-footer > div:first-child span {
    color: var(--um-site-muted) !important;
}

.pq-music-unlock-app .app-footer__links,
.pq-music-unlock-app .app-footer > p {
    display: none !important;
}

.pq-music-unlock-app .el-button {
    border-radius: 8px !important;
    font-family: var(--title-fonts, "Plus Jakarta Sans"), "Microsoft YaHei", sans-serif !important;
}

.pq-music-unlock-app .el-button--primary {
    border-color: var(--um-site-blue) !important;
    background: var(--um-site-blue) !important;
}

.pq-music-unlock-app .el-radio__input.is-checked .el-radio__inner {
    border-color: var(--um-site-blue) !important;
    background: var(--um-site-blue) !important;
}

.pq-music-unlock-app .el-radio__input.is-checked + .el-radio__label {
    color: var(--um-site-blue) !important;
}

.pq-music-unlock-app .el-progress-bar__outer {
    background: #e8f1ff !important;
}

.pq-music-unlock-app .el-progress-bar__inner {
    background: linear-gradient(90deg, var(--um-site-blue), #00acff) !important;
}

.pq-music-unlock-app .el-table {
    color: var(--um-site-ink) !important;
    border-radius: 16px !important;
}

.pq-music-unlock-app .el-table th.el-table__cell {
    color: var(--um-site-muted) !important;
    background: #f5f9ff !important;
}

.pq-music-unlock-app .el-table .el-table__row:hover > td.el-table__cell {
    background: #f7fbff !important;
}

.pq-music-unlock-app .el-dialog,
.pq-music-unlock-app .el-notification {
    border-radius: 18px !important;
    background: #fff !important;
}

.pq-music-unlock-app .music-cover .el-image {
    border-color: var(--um-site-line) !important;
    border-radius: 14px !important;
}

@media (max-width: 991px) {
    .pq-music-unlock-shell {
        padding: 56px 0 70px;
    }

    .pq-music-unlock-app #app {
        width: min(100% - 32px, 1180px) !important;
    }

    .pq-music-unlock-app .hero {
        grid-template-columns: 1fr !important;
        padding-top: 38px !important;
    }
}

@media (max-width: 575px) {
    .pq-music-unlock-shell {
        padding: 42px 0 58px;
    }

    .pq-music-unlock-app {
        border-radius: 20px;
    }

    .pq-music-unlock-app #app {
        width: min(100% - 22px, 1180px) !important;
        padding-bottom: 28px !important;
    }

    .pq-music-unlock-app .hero {
        padding: 30px 0 24px !important;
    }

    .pq-music-unlock-app .hero h1 {
        font-size: clamp(38px, 14vw, 60px) !important;
    }

    .pq-music-unlock-app .drop-zone {
        min-height: 280px !important;
        padding: 60px 20px 74px !important;
        border-radius: 18px !important;
    }

    .pq-music-unlock-app .result-console,
    .pq-music-unlock-app .result-list {
        border-radius: 18px !important;
    }

    .pq-music-unlock-app .app-footer {
        grid-template-columns: 1fr !important;
    }
}
