.dx-page {
    --dx-bg: #0b0c14;
    --dx-bg-soft: #0f1019;
    --dx-surface: #13141f;
    --dx-surface-2: #181a26;
    --dx-surface-3: #1c1e2b;
    --dx-text: #f2efe7;
    --dx-text-2: #c1bdcf;
    --dx-text-3: #8a8798;
    --dx-border: rgba(255, 255, 255, 0.10);
    --dx-border-strong: rgba(255, 255, 255, 0.18);
    --dx-grid: rgba(255, 255, 255, 0.035);
    --dx-grid-size: 56px;
    --dx-card-bg: rgba(19, 20, 31, 0.96);
    --dx-card-alt: rgba(24, 26, 38, 0.96);
    --dx-card-overlay: rgba(255, 255, 255, 0.015);
    --dx-card-dots: rgba(255, 255, 255, 0.05);
    --dx-accent: #00e5b0;
    --dx-accent-2: #5b6cff;
    --dx-accent-soft: rgba(0, 229, 176, 0.14);
    --dx-accent-mid: rgba(0, 229, 176, 0.28);
    --dx-accent-ring: rgba(0, 229, 176, 0.14);
    --dx-glow: rgba(0, 229, 176, 0.10);
    --dx-glow-2: rgba(91, 108, 255, 0.08);
    --dx-shadow: 0 1px 0 rgba(255, 255, 255, 0.03), 0 14px 32px rgba(0, 0, 0, 0.32);
    --dx-shadow-hover: 0 1px 0 rgba(255, 255, 255, 0.04), 0 24px 56px rgba(0, 0, 0, 0.46);
    --dx-pill-bg: rgba(0, 229, 176, 0.14);
    --dx-pill-text: #00e5b0;
    --dx-input-bg: rgba(255, 255, 255, 0.04);
    --dx-secondary-bg: rgba(255, 255, 255, 0.04);
    --dx-secondary-border: rgba(255, 255, 255, 0.08);
    --dx-primary-text: #06110d;
    position: relative;
    overflow: clip;
    background:
        radial-gradient(1200px 420px at 50% -120px, var(--dx-glow), transparent 70%),
        radial-gradient(720px 320px at 100% 0, var(--dx-glow-2), transparent 70%),
        var(--dx-bg);
    color: var(--dx-text);
    padding: 24px 0 72px;
}

[data-theme="light"] .dx-page {
    --dx-bg: #f7f6f1;
    --dx-bg-soft: #f0eee6;
    --dx-surface: #ffffff;
    --dx-surface-2: #f7f6f1;
    --dx-surface-3: #eceada;
    --dx-text: #14151b;
    --dx-text-2: #3e3f49;
    --dx-text-3: #6d6d77;
    --dx-border: rgba(15, 16, 20, 0.10);
    --dx-border-strong: rgba(15, 16, 20, 0.20);
    --dx-grid: rgba(15, 16, 20, 0.05);
    --dx-card-bg: #ffffff;
    --dx-card-alt: #f7f6f1;
    --dx-card-overlay: rgba(11, 12, 20, 0.012);
    --dx-card-dots: rgba(15, 16, 20, 0.06);
    --dx-accent: #009474;
    --dx-accent-2: #4a5be8;
    --dx-accent-soft: rgba(0, 148, 116, 0.10);
    --dx-accent-mid: rgba(0, 148, 116, 0.28);
    --dx-accent-ring: rgba(0, 148, 116, 0.14);
    --dx-glow: rgba(0, 148, 116, 0.08);
    --dx-glow-2: rgba(74, 91, 232, 0.07);
    --dx-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 10px 28px rgba(15, 16, 20, 0.06);
    --dx-shadow-hover: 0 1px 0 rgba(15, 16, 20, 0.06), 0 22px 48px rgba(15, 16, 20, 0.12);
    --dx-pill-bg: rgba(0, 148, 116, 0.10);
    --dx-pill-text: #009474;
    --dx-input-bg: rgba(15, 16, 20, 0.05);
    --dx-secondary-bg: rgba(15, 16, 20, 0.05);
    --dx-secondary-border: rgba(15, 16, 20, 0.10);
    --dx-primary-text: #ffffff;
}

.dx-page::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, var(--dx-grid) 1px, transparent 1px),
        linear-gradient(to bottom, var(--dx-grid) 1px, transparent 1px);
    background-size: var(--dx-grid-size) var(--dx-grid-size);
    mask-image: linear-gradient(180deg, #000 0%, #000 62%, transparent 100%);
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 62%, transparent 100%);
    pointer-events: none;
}

.dx-page > * {
    position: relative;
    z-index: 1;
}

.dx-page.dx-page--submit {
    padding-top: 0;
}

.dx-page :is(.gd-bread, .bl-bread) {
    color: var(--dx-text-2);
}

.dx-page :is(.gd-bread a, .bl-bread a) {
    color: inherit;
}

.dx-page :is(
    .gd-hero, .gd-filter, .gd-card, .gd-cta,
    .pm-hero, .pm-hero-stat, .pm-search, .pm-filter-row, .pm-card, .pm-results-bar, .pm-cta,
    .sk-hero, .sk-hero-stat, .sk-featured, .sk-card, .sk-filter-row, .sk-cta,
    .bl-hero, .bl-filter, .bl-featured, .bl-card, .bl-cta,
    .submit-page-header, .submit-step-bar, .submit-form-card, .submit-sidebar-card, .submit-success
) {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--dx-card-overlay), transparent), var(--dx-card-bg);
    border-color: var(--dx-border);
    box-shadow: var(--dx-shadow);
    color: var(--dx-text);
}

.dx-page :is(.gd-hero, .pm-hero, .sk-hero, .bl-hero, .submit-page-header) {
    background:
        radial-gradient(460px circle at 100% 0, var(--dx-glow-2), transparent 72%),
        radial-gradient(560px circle at 0 0, var(--dx-glow), transparent 70%),
        linear-gradient(180deg, var(--dx-card-overlay), transparent),
        var(--dx-surface);
}

.dx-page :is(
    .gd-hero, .gd-filter, .gd-card, .gd-cta,
    .pm-hero, .pm-hero-stat, .pm-search, .pm-filter-row, .pm-card, .pm-results-bar, .pm-cta,
    .sk-hero, .sk-hero-stat, .sk-featured, .sk-card, .sk-filter-row, .sk-cta,
    .bl-hero, .bl-filter, .bl-featured, .bl-card, .bl-cta,
    .submit-page-header, .submit-step-bar, .submit-form-card, .submit-sidebar-card, .submit-success
)::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(var(--dx-card-dots) 0.8px, transparent 0.8px);
    background-size: 18px 18px;
    opacity: 0.18;
    pointer-events: none;
}

.dx-page :is(.gd-card:hover, .pm-card:hover, .sk-featured:hover, .sk-card:hover, .bl-featured:hover, .bl-card:hover) {
    box-shadow: var(--dx-shadow-hover), 0 0 0 1px var(--dx-accent-ring);
    border-color: var(--dx-accent-mid);
}

.dx-page :is(.gd-hero, .bl-hero) {
    padding: 54px 48px;
}

.dx-page :is(.gd-filter, .bl-filter) {
    padding: 14px 16px;
    border-radius: 18px;
}

.dx-page :is(.gd-search input, .bl-search input) {
    min-height: 42px;
    padding-left: 38px;
    border-radius: 12px;
}

.dx-page :is(.gd-card, .bl-card) {
    border-radius: 18px;
}

.dx-page :is(.gd-card, .bl-card, .bl-featured) {
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.dx-page .gd-card {
    min-height: 100%;
}

.dx-page .gd-card__top,
.dx-page .bl-card__body {
    padding: 22px 22px 0;
}

.dx-page .gd-card__steps {
    padding: 0 22px;
}

.dx-page .gd-card__footer {
    padding: 16px 22px;
}

.dx-page .gd-card__title,
.dx-page .bl-card__title {
    line-height: 1.45;
    letter-spacing: -0.02em;
}

.dx-page .bl-featured__title {
    line-height: 1.35;
    letter-spacing: -0.03em;
}

.dx-page :is(.gd-card__desc, .bl-card__excerpt, .bl-featured__excerpt) {
    line-height: 1.75;
}

.dx-page :is(.gd-card__tag, .bl-card__tag, .bl-featured__tag) {
    padding: 5px 10px;
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.dx-page .gd-card__footer,
.dx-page .bl-card__footer {
    border-top-color: var(--dx-border);
}

.dx-page :is(.gd-card__meta, .bl-card__meta, .bl-featured__meta) {
    gap: 12px;
}

.dx-page :is(.gd-card__meta span, .bl-card__meta, .bl-featured__meta) {
    line-height: 1.6;
}

.dx-page :is(.gd-card__cta, .bl-card__cta, .bl-featured__cta) {
    font-weight: 700;
    letter-spacing: 0.01em;
}

.dx-page :is(.gd-card__cta, .bl-card__cta) {
    opacity: 0.92;
}

.dx-page .bl-featured {
    border-radius: 22px;
}

.dx-page .bl-featured__body {
    padding: 32px 30px;
}

.dx-page .bl-featured__img,
.dx-page .bl-card__img {
    background: var(--dx-secondary-bg);
}

.dx-page :is(.gd-card, .bl-card)::after,
.dx-page .bl-featured::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid transparent;
    pointer-events: none;
    transition: border-color 0.18s ease;
}

.dx-page :is(.gd-card:hover, .bl-card:hover, .bl-featured:hover)::after {
    border-color: rgba(91, 108, 255, 0.18);
}

.dx-page .bl-pagi :is(a, span) {
    border-radius: 12px;
}

.dx-page :is(.pm-hero, .sk-hero) {
    padding: 52px 44px;
}

.dx-page :is(.pm-search, .sk-search, .pm-filter-row, .sk-filter-row, .pm-results-bar) {
    border-radius: 18px;
}

.dx-page :is(.pm-search-input, .sk-search input[type="text"]) {
    min-height: 44px;
    border-radius: 12px;
}

.dx-page :is(.pm-search-btn, .sk-search-btn) {
    min-height: 44px;
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.dx-page :is(.pm-card, .sk-card, .sk-featured, .pm-hero-stat, .sk-hero-stat) {
    border-radius: 18px;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.dx-page :is(.pm-card, .sk-card, .sk-featured)::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid transparent;
    pointer-events: none;
    transition: border-color 0.18s ease;
}

.dx-page :is(.pm-card:hover, .sk-card:hover, .sk-featured:hover)::after {
    border-color: rgba(91, 108, 255, 0.18);
}

.dx-page :is(.pm-card__title, .sk-card__title, .sk-featured__name) {
    line-height: 1.45;
    letter-spacing: -0.02em;
}

.dx-page :is(.pm-card__desc, .sk-card__desc, .sk-featured__desc) {
    line-height: 1.75;
}

.dx-page :is(.pm-card__cat, .pm-card__diff, .pm-model-badge, .sk-featured__tag, .sk-card__free-badge, .sk-card__diff-badge, .sk-diff-badge, .sk-tool-badge) {
    border-radius: 999px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.dx-page :is(.pm-card__cat, .pm-card__diff, .pm-model-badge, .sk-card__free-badge, .sk-card__diff-badge, .sk-diff-badge) {
    padding-top: 5px;
    padding-bottom: 5px;
}

.dx-page :is(.pm-cat, .pm-pill, .sk-cat, .sk-pill-btn) {
    border-radius: 999px;
    font-weight: 600;
}

.dx-page .pm-card {
    padding: 22px;
}

.dx-page .pm-card__head {
    margin-bottom: 16px;
}

.dx-page .pm-card__footer,
.dx-page .sk-card__footer,
.dx-page .sk-featured__foot {
    border-top-color: var(--dx-border);
}

.dx-page .pm-card__footer {
    margin-top: 18px;
    padding-top: 14px;
}

.dx-page .pm-card__actions {
    gap: 10px;
}

.dx-page .pm-copy-btn {
    border-radius: 12px;
    font-weight: 700;
}

.dx-page .sk-featured {
    border-radius: 22px;
}

.dx-page .sk-featured__body {
    padding: 26px 24px;
}

.dx-page .sk-featured__banner,
.dx-page .sk-card__banner {
    position: relative;
    overflow: hidden;
}

.dx-page .sk-featured__banner::after,
.dx-page .sk-card__banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(255,255,255,.10), transparent 66%);
    pointer-events: none;
}

.dx-page .sk-card__body {
    padding: 20px;
}

.dx-page .sk-card__stats {
    padding-top: 14px;
    border-top-color: var(--dx-border);
}

.dx-page .sk-cta__btn-primary,
.dx-page .sk-cta__btn-outline {
    border-radius: 12px;
    font-weight: 700;
}

[data-theme="light"] .dx-page :is(.gd-filter, .bl-filter) {
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 10px 24px rgba(15, 16, 20, 0.05);
}

[data-theme="light"] .dx-page :is(.gd-card, .bl-card, .bl-featured) {
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 12px 28px rgba(15, 16, 20, 0.06);
}

[data-theme="light"] .dx-page :is(.gd-card__tag, .bl-card__tag, .bl-featured__tag) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.66);
}

[data-theme="light"] .dx-page :is(.pm-search, .sk-search, .pm-filter-row, .sk-filter-row, .pm-results-bar) {
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 10px 24px rgba(15, 16, 20, 0.05);
}

[data-theme="light"] .dx-page :is(.pm-card, .sk-card, .sk-featured, .pm-hero-stat, .sk-hero-stat) {
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 12px 28px rgba(15, 16, 20, 0.06);
}

[data-theme="light"] .dx-page :is(.pm-card__cat, .pm-card__diff, .pm-model-badge, .sk-featured__tag, .sk-card__free-badge, .sk-card__diff-badge, .sk-diff-badge, .sk-tool-badge) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.dx-page .submit-page-header {
    padding: 44px 40px;
}

.dx-page .submit-step-bar {
    border-radius: 18px;
}

.dx-page .submit-step-bar-inner {
    gap: 10px;
}

.dx-page .submit-step-circle {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.dx-page :is(.submit-form-card, .submit-sidebar-card, .ct-form-card, .pp-contact) {
    border-radius: 22px;
}

.dx-page :is(.submit-form-card, .submit-sidebar-card, .ct-form-card, .pp-contact, .ct-method, .ct-qlink, .ct-map-wrap, .ct-faq-item, .pp-stat, .pp-type, .pp-benefit, .pp-faq-item, .pp-contact) {
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.dx-page :is(.submit-form-card, .submit-sidebar-card, .ct-form-card, .pp-contact, .ct-method, .ct-qlink, .ct-map-wrap, .ct-faq-item, .pp-stat, .pp-type, .pp-benefit, .pp-faq-item)::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    border: 1px solid transparent;
    pointer-events: none;
    transition: border-color 0.18s ease;
}

.dx-page :is(.submit-form-card:hover, .submit-sidebar-card:hover, .ct-form-card:hover, .pp-contact:hover, .ct-method:hover, .ct-qlink:hover, .ct-map-wrap:hover, .ct-faq-item:hover, .pp-stat:hover, .pp-type:hover, .pp-benefit:hover, .pp-faq-item:hover)::after {
    border-color: rgba(91, 108, 255, 0.18);
}

.dx-page .submit-form-card,
.dx-page .submit-sidebar-card,
.dx-page .ct-form-card,
.dx-page .pp-contact {
    box-shadow: var(--dx-shadow);
}

.dx-page :is(.submit-form-card, .submit-sidebar-card) {
    padding: 26px;
}

.dx-page .submit-form-section-title,
.dx-page :is(.ct-form-card h3, .pp-contact__info h3) {
    letter-spacing: -0.02em;
    line-height: 1.4;
}

.dx-page .submit-form-group {
    gap: 6px;
}

.dx-page :is(.submit-input, .submit-select, .submit-textarea, .ct-input, .pp-input) {
    min-height: 44px;
    border-radius: 12px;
}

.dx-page :is(textarea.submit-textarea, textarea.ct-input, textarea.pp-input) {
    min-height: 110px;
}

.dx-page :is(.submit-btn, .ct-submit, .pp-submit, .pp-btn, .ct-method__link, .ct-qlink, .submit-btn-draft) {
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.dx-page .submit-btn-row {
    margin-top: 8px;
}

.dx-page :is(.submit-cat-chip, .submit-price-chip) {
    border-radius: 999px;
    font-weight: 600;
}

.dx-page :is(.submit-upload-area, .submit-upload-preview, .submit-example-card, .submit-faq-item, .submit-rt-item) {
    border-radius: 16px;
}

.dx-page .submit-upload-area {
    min-height: 148px;
}

.dx-page .submit-success {
    border-radius: 22px;
}

.dx-page :is(.ct-hero, .pp-hero) {
    padding: 54px 48px;
}

.dx-page :is(.ct-method, .ct-qlink, .ct-faq-item, .pp-stat, .pp-type, .pp-benefit, .pp-faq-item) {
    border-radius: 18px;
}

.dx-page .ct-submit,
.dx-page .pp-submit,
.dx-page .pp-btn {
    min-height: 44px;
}

.dx-page :is(.ct-info-item__icon, .pp-contact__detail-icon, .ct-map-info__pin, .ct-qlink__icon, .ct-method__icon, .pp-type__icon) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.dx-page .pp-btn--ghost,
.dx-page .ct-method__link,
.dx-page .ct-qlink {
    box-shadow: none;
}

[data-theme="light"] .dx-page :is(.submit-form-card, .submit-sidebar-card, .ct-form-card, .pp-contact, .ct-method, .ct-qlink, .ct-map-wrap, .ct-faq-item, .pp-stat, .pp-type, .pp-benefit, .pp-faq-item) {
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 12px 28px rgba(15, 16, 20, 0.06);
}

[data-theme="light"] .dx-page :is(.submit-step-circle, .ct-info-item__icon, .pp-contact__detail-icon, .ct-map-info__pin, .ct-qlink__icon, .ct-method__icon, .pp-type__icon) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.68);
}

[data-theme="light"] .dx-page :is(.submit-cat-chip, .submit-price-chip) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.58);
}

.dx-page :is(
    .gd-hero h1, .pm-hero-left h1, .sk-hero h1, .bl-hero h1, .submit-page-header h1,
    .gd-card__title, .pm-card__title, .sk-card__title, .sk-featured__name, .bl-card__title, .bl-featured__title,
    .submit-form-section-title, .submit-sidebar-title, .submit-success-title
) {
    color: var(--dx-text);
}

.dx-page :is(
    .gd-hero__desc, .gd-stats__label, .gd-card__desc, .gd-card__meta, .gd-empty, .gd-empty__sub,
    .pm-hero-left p, .pm-hero-stat__label, .pm-filter-label, .pm-results-count, .pm-card__desc, .pm-copy-count,
    .sk-hero-sub, .sk-hero-stat__label, .sk-featured__desc, .sk-card__desc, .sk-filter-count, .sk-empty__sub,
    .bl-hero__desc, .bl-featured__excerpt, .bl-featured__meta, .bl-card__excerpt, .bl-card__meta, .bl-empty,
    .submit-page-header p, .submit-step.idle .submit-step-label, .submit-header-tip, .submit-form-label,
    .submit-form-hint, .submit-char-count, .submit-rt-desc, .submit-faq-a, .submit-success-desc
) {
    color: var(--dx-text-2);
}

.dx-page :is(.gd-stats__num, .pm-hero-stat__num, .sk-hero-stat__num, .submit-step.active .submit-step-label) {
    color: var(--dx-accent);
}

.dx-page :is(
    .gd-hero__badge, .bl-hero__badge, .pm-badge, .sk-hero-badge, .submit-page-badge,
    .gd-card__tag, .bl-card__tag, .bl-featured__tag, .pm-card__cat, .pm-model-badge, .sk-diff-badge,
    .submit-success
) {
    background: var(--dx-pill-bg);
    color: var(--dx-pill-text);
    border-color: transparent;
}

.dx-page :is(
    .gd-cat, .bl-cat, .pm-cat, .pm-pill, .sk-cat, .sk-pill-btn,
    .submit-cat-chip, .submit-price-chip, .submit-btn-draft,
    .bl-pagi a, .sk-page-btn, .pm-page-btn, .sk-cta__btn-outline, .pm-detail-link
) {
    background: var(--dx-secondary-bg);
    color: var(--dx-text-2);
    border-color: var(--dx-secondary-border);
}

.dx-page :is(
    .gd-cat:hover, .bl-cat:hover, .pm-cat:hover, .pm-pill:hover, .sk-cat:hover, .sk-pill-btn:hover,
    .submit-cat-chip:hover, .submit-price-chip:hover, .bl-pagi a:hover, .sk-cta__btn-outline:hover, .pm-detail-link:hover
) {
    border-color: var(--dx-accent-mid);
    color: var(--dx-accent);
}

.dx-page :is(
    .gd-cat--active, .bl-cat--active, .pm-cat--active, .pm-pill--active, .pm-pill--model-active,
    .sk-cat--active, .sk-pill-btn--active, .submit-cat-chip.active, .submit-price-chip.active,
    .bl-pagi .current, .sk-page-btn--active, .pm-page-btn--active
) {
    background: var(--dx-accent-soft);
    color: var(--dx-accent);
    border-color: var(--dx-accent-mid);
    box-shadow: 0 0 14px rgba(0, 229, 176, 0.16);
}

.dx-page :is(
    .gd-cta__btn, .pm-search-btn, .pm-copy-btn, .pm-cta__btn, .sk-search-btn, .sk-start-btn,
    .sk-featured__link, .sk-cta__btn-primary, .bl-cta__btn, .submit-btn
) {
    background: var(--dx-accent);
    color: var(--dx-primary-text);
    border-color: transparent;
    box-shadow: 0 12px 24px rgba(0, 229, 176, 0.24);
}

.dx-page :is(
    .gd-search input, .bl-search input, .pm-search-input, .submit-input, .submit-select, .submit-textarea,
    .sk-search input[type="text"]
) {
    background: var(--dx-input-bg);
    color: var(--dx-text);
    border-color: var(--dx-secondary-border);
}

.dx-page :is(
    .pm-search, .submit-input:focus, .submit-select:focus, .submit-textarea:focus, .gd-search input:focus,
    .bl-search input:focus, .sk-search
) {
    border-color: var(--dx-accent-mid);
    box-shadow: 0 0 0 3px var(--dx-accent-soft);
}

.dx-page :is(
    .gd-search input::placeholder, .bl-search input::placeholder, .pm-search-input::placeholder,
    .submit-input::placeholder, .submit-textarea::placeholder, .sk-search input[type="text"]::placeholder
) {
    color: var(--dx-text-3);
}

.dx-page :is(.pm-page, .pm-wrap, .sk-wrap, .submit-layout) {
    position: relative;
    z-index: 1;
}

.dx-page .submit-step.done .submit-step-circle,
.dx-page .submit-step.active .submit-step-circle {
    background: var(--dx-accent);
    color: var(--dx-primary-text);
}

.dx-page .submit-step.idle .submit-step-circle {
    background: var(--dx-secondary-bg);
    color: var(--dx-text-3);
}

.dx-page .submit-step-line {
    background: var(--dx-secondary-border);
}

.dx-page :is(.submit-upload-area, .submit-upload-preview, .submit-example-card, .submit-faq-item, .submit-check-item, .submit-rt-item) {
    background: var(--dx-secondary-bg);
    border-color: var(--dx-secondary-border);
    color: var(--dx-text-2);
}

.dx-page.dx-page--dashboard,
.dx-page.dx-page--subscribe,
.dx-page.dx-page--methodology,
.dx-page.dx-page--about,
.dx-page.dx-page--api,
.dx-page.dx-page--ranking-detail {
    --bg: transparent;
    --bg2: var(--dx-surface);
    --bg3: var(--dx-secondary-bg);
    --text: var(--dx-text);
    --text2: var(--dx-text-2);
    --text3: var(--dx-text-3);
    --border: var(--dx-border);
    --blue: var(--dx-accent-2);
    --blue2: #7a87ff;
    --blue-dim: rgba(91, 108, 255, 0.16);
    --green: var(--dx-accent);
    --green-dim: rgba(0, 229, 176, 0.16);
    --amber: #f5b84b;
    --purple: #9386ff;
    --shadow-card: var(--dx-shadow);
    --shadow-hover: var(--dx-shadow-hover);
}

.dx-page.dx-page--dashboard.dk-page {
    --dk-bg: var(--dx-bg-soft);
    --dk-card: var(--dx-card-bg);
    --dk-border: var(--dx-border);
    --dk-border2: var(--dx-border-strong);
    --dk-purple: var(--dx-accent-2);
    --dk-purple-lt: rgba(91, 108, 255, 0.14);
    --dk-purple-bd: rgba(91, 108, 255, 0.28);
    --dk-green: var(--dx-accent);
    --dk-green-lt: rgba(0, 229, 176, 0.14);
    --dk-amber: #f5b84b;
    --dk-amber-lt: rgba(245, 184, 75, 0.14);
    --dk-red: #ff6b7b;
    --dk-t1: var(--dx-text);
    --dk-t2: var(--dx-text-2);
    --dk-t3: var(--dx-text-3);
    background:
        radial-gradient(1200px 420px at 50% -120px, var(--dx-glow), transparent 70%),
        radial-gradient(720px 320px at 100% 0, var(--dx-glow-2), transparent 70%),
        var(--dx-bg);
}

.dx-page :is(.dk-wrap, .sp-inner, .method-content, .about-content, .api-content, .pp, .pv, .ts, .ct) {
    position: relative;
    z-index: 1;
}

.dx-page :is(.method-breadcrumb, .pp-bread, .pv-bread, .ts-bread, .ct-bread) {
    color: var(--dx-text-2);
    background: transparent;
    border-bottom-color: var(--dx-border);
}

.dx-page :is(.method-breadcrumb a, .pp-bread a, .pv-bread a, .ts-bread a, .ct-bread a) {
    color: inherit;
}

.dx-page :is(
    .sp-head, .sp-highlight, .sp-card, .sp-faq-item,
    .method-page-header, .method-score-card, .method-dim-card, .method-process-section, .method-weight-section, .method-principle-card,
    .about-hero, .about-hstat, .about-mv-card, .about-why-card, .about-founder-card, .about-contact-card, .about-qr-card,
    .api-hero, .api-code-preview, .api-feat-card, .api-section, .api-field-card, .api-freq-card, .api-pricing-card,
    .pp-hero, .pp-stat, .pp-type, .pp-benefit, .pp-testimonial, .pp-faq-item, .pp-contact,
    .pv-hero, .pv-toc, .pv-section,
    .ts-hero, .ts-toc, .ts-section,
    .ct-hero, .ct-method, .ct-form-card, .ct-map-wrap, .ct-faq-item, .ct-qlink
) {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, var(--dx-card-overlay), transparent), var(--dx-card-bg);
    border-color: var(--dx-border);
    box-shadow: var(--dx-shadow);
    color: var(--dx-text);
}

.dx-page :is(
    .sp-head, .method-page-header, .about-hero, .api-hero, .pp-hero, .pv-hero, .ts-hero, .ct-hero
) {
    background:
        radial-gradient(460px circle at 100% 0, var(--dx-glow-2), transparent 72%),
        radial-gradient(560px circle at 0 0, var(--dx-glow), transparent 70%),
        linear-gradient(180deg, var(--dx-card-overlay), transparent),
        var(--dx-surface);
}

.dx-page :is(
    .sp-head, .sp-highlight, .sp-card, .sp-faq-item,
    .method-page-header, .method-score-card, .method-dim-card, .method-process-section, .method-weight-section, .method-principle-card,
    .about-hero, .about-hstat, .about-mv-card, .about-why-card, .about-founder-card, .about-contact-card, .about-qr-card,
    .api-hero, .api-code-preview, .api-feat-card, .api-section, .api-field-card, .api-freq-card, .api-pricing-card,
    .pp-hero, .pp-stat, .pp-type, .pp-benefit, .pp-testimonial, .pp-faq-item, .pp-contact,
    .pv-hero, .pv-toc, .pv-section,
    .ts-hero, .ts-toc, .ts-section,
    .ct-hero, .ct-method, .ct-form-card, .ct-map-wrap, .ct-faq-item, .ct-qlink
)::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(var(--dx-card-dots) 0.8px, transparent 0.8px);
    background-size: 18px 18px;
    opacity: 0.18;
    pointer-events: none;
}

.dx-page :is(
    .method-dim-card:hover, .method-principle-card:hover,
    .about-why-card:hover, .api-feat-card:hover, .pp-stat:hover, .pp-type:hover, .pp-benefit:hover, .pp-faq-item:hover,
    .ct-method:hover, .ct-faq-item:hover, .ct-qlink:hover
) {
    box-shadow: var(--dx-shadow-hover), 0 0 0 1px var(--dx-accent-ring);
    border-color: var(--dx-accent-mid);
}

.dx-page :is(
    .sp-head-h1, .sp-sec-title, .sp-card-tier, .sp-card-price, .sp-faq-q,
    .method-page-header h1, .method-score-card-title, .method-sec-title, .method-dim-name, .method-principle-title,
    .about-hero h1, .about-sec-title, .about-mv-title, .about-why-title, .about-founder-name, .about-contact-title, .about-qr-title,
    .api-hero h1, .api-sec-title, .api-feat-title, .api-pricing-name, .api-pricing-price,
    .pp-hero h1, .pp-hd__title, .pp-type__name, .pp-benefit__title, .pp-step__title, .pp-contact__info h3,
    .pv-hero h1, .pv-section h2, .pv-section h3,
    .ts-hero h1, .ts-section h2, .ts-section h3,
    .ct-hero h1, .ct-hd__title, .ct-method__title, .ct-form-card h3, .ct-map-info__name, .ct-faq-item__q,
    .dk-username, .dk-path-title, .dk-card-title, .dk-scene-title
) {
    color: var(--dx-text);
}

.dx-page :is(
    .sp-head-sub, .sp-highlight-body, .sp-card-billing, .sp-feat-basic, .sp-locked-item, .sp-faq-a, .sp-sec-desc,
    .method-page-header p, .method-feature-sub, .method-score-label, .method-dim-desc, .method-sec-link,
    .about-hero-desc, .about-hstat-label, .about-mv-desc, .about-why-desc, .about-founder-desc, .about-contact-label, .about-contact-value,
    .api-hero-desc, .api-feat-desc, .api-pricing-sub, .api-pricing-year, .api-field-desc,
    .pp-hero__desc, .pp-hd__desc, .pp-type__desc, .pp-benefit__desc, .pp-step__desc, .pp-testimonial__text, .pp-contact__info p, .pp-contact__detail,
    .pv-hero__meta, .pv-toc__title, .pv-toc__link, .pv-section__subtitle, .pv-section p, .pv-section li, .pv-table tbody td,
    .ts-hero__meta, .ts-toc__title, .ts-toc__link, .ts-section__subtitle, .ts-section p, .ts-section li, .ts-table tbody td,
    .ct-hero__desc, .ct-method__desc, .ct-method__response, .ct-form-card__sub, .ct-info__desc, .ct-info-item__label, .ct-info-item__value,
    .ct-map-info__addr, .ct-map-info__hours, .ct-faq-item__a,
    .dk-usermeta, .dk-stat-label, .dk-stat-delta, .dk-path-sub, .dk-section-label
) {
    color: var(--dx-text-2);
}

.dx-page :is(
    .sp-sec-label, .sp-card-badge-tab, .method-page-badge, .method-feature-check,
    .about-badge, .api-hero-badge, .pp-hero__badge, .pv-hero__badge, .ts-hero__badge, .ct-hero__badge,
    .dk-step-badge
) {
    background: var(--dx-pill-bg);
    color: var(--dx-pill-text);
    border-color: transparent;
}

.dx-page :is(
    .method-btn-subscribe,
    .about-btn-primary, .about-btn-subscribe,
    .api-btn-primary, .api-btn-subscribe, .api-btn-pricing.primary,
    .pp-btn--primary, .pp-submit,
    .ct-submit,
    .sp-cta-primary,
    .dk-path-action, .dk-btn-primary
) {
    background: var(--dx-accent);
    color: var(--dx-primary-text);
    border-color: transparent;
    box-shadow: 0 12px 24px rgba(0, 229, 176, 0.24);
}

.dx-page :is(
    .about-btn-ghost, .api-btn-ghost, .api-btn-pricing.secondary,
    .pp-btn--ghost, .pv-print, .ts-print, .sp-cta-ghost, .sp-toggle-btn,
    .ct-method__link, .ct-qlink
) {
    background: var(--dx-secondary-bg);
    color: var(--dx-text-2);
    border-color: var(--dx-secondary-border);
}

.dx-page :is(
    .about-btn-ghost:hover, .api-btn-ghost:hover, .api-btn-pricing.secondary:hover,
    .pp-btn--ghost:hover, .pv-print:hover, .ts-print:hover, .sp-cta-ghost:hover, .sp-toggle-btn:hover,
    .ct-qlink:hover
) {
    color: var(--dx-accent);
    border-color: var(--dx-accent-mid);
}

.dx-page .sp-toggle-btn.active {
    background: var(--dx-accent-soft);
    color: var(--dx-accent);
    border-color: var(--dx-accent-mid);
    box-shadow: 0 0 14px rgba(0, 229, 176, 0.16);
}

.dx-page :is(.pp-input, .ct-input) {
    background: var(--dx-input-bg);
    color: var(--dx-text);
    border-color: var(--dx-secondary-border);
}

.dx-page :is(.pp-input::placeholder, .ct-input::placeholder) {
    color: var(--dx-text-3);
}

.dx-page :is(.pp-input:focus, .ct-input:focus) {
    border-color: var(--dx-accent-mid);
    box-shadow: 0 0 0 3px var(--dx-accent-soft);
    background: var(--dx-card-bg);
}

.dx-page :is(.about-sub-banner, .ct-info, .pp-cta-banner) {
    background:
        radial-gradient(420px circle at 100% 0, rgba(255, 255, 255, 0.08), transparent 68%),
        linear-gradient(135deg, rgba(91, 108, 255, 0.94), rgba(0, 229, 176, 0.78));
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--dx-shadow);
    color: #f6fbff;
}

.dx-page :is(.about-sub-banner *, .ct-info *, .pp-cta-banner *) {
    position: relative;
    z-index: 1;
}

.dx-page :is(.about-sub-banner p, .about-sub-perk, .ct-info__desc, .ct-info-item__label, .ct-info-item__value, .pp-cta-banner p) {
    color: rgba(246, 251, 255, 0.86);
}

.dx-page :is(.pp-logo-placeholder, .ct-map, .api-code-bar, .sp-rank-preview, .sp-billing-toggle, .dk-xp-bar-bg) {
    background: var(--dx-secondary-bg);
    border-color: var(--dx-secondary-border);
    color: var(--dx-text-3);
}

.dx-page :is(.pv-highlight, .ts-hl--blue) {
    background: rgba(91, 108, 255, 0.12);
    border-color: rgba(91, 108, 255, 0.18);
    color: #9fb0ff;
}

.dx-page :is(.pv-warning, .ts-hl--amber) {
    background: rgba(245, 184, 75, 0.12);
    border-color: rgba(245, 184, 75, 0.18);
    color: #f3c56f;
}

.dx-page :is(.ts-hl--purple, .ts-hl--green, .ts-hl--red) {
    border-color: var(--dx-secondary-border);
    color: var(--dx-text-2);
    background: var(--dx-secondary-bg);
}

.dx-page :is(.pv-table thead th, .ts-table thead th) {
    background: rgba(255, 255, 255, 0.03);
    color: var(--dx-text-3);
    border-bottom-color: var(--dx-border);
}

.dx-page :is(.pv-table tbody tr:hover, .ts-table tbody tr:hover) {
    background: rgba(255, 255, 255, 0.02);
}

[data-theme="light"] .dx-page.dx-page--dashboard.dk-page {
    --dk-purple: #4a5be8;
    --dk-purple-lt: rgba(74, 91, 232, 0.08);
    --dk-purple-bd: rgba(74, 91, 232, 0.22);
    --dk-green: #009474;
    --dk-green-lt: rgba(0, 148, 116, 0.10);
    --dk-amber: #b88412;
    --dk-amber-lt: rgba(184, 132, 18, 0.12);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-avatar {
    background: linear-gradient(135deg, rgba(74, 91, 232, 0.12), rgba(74, 91, 232, 0.22));
    color: #4a5be8;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-streak {
    background: rgba(184, 132, 18, 0.10);
    border-color: rgba(184, 132, 18, 0.22);
    color: #9a6f10;
}

[data-theme="light"] .dx-page.dx-page--dashboard :is(.dk-stat, .dk-card, .dk-badge-card) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 246, 241, 0.96));
    border-color: rgba(15, 16, 20, 0.10);
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 14px 28px rgba(15, 16, 20, 0.06);
}

[data-theme="light"] .dx-page.dx-page--dashboard :is(.dk-tool-row-link, .dk-tool-empty, .dk-switch-item, .dk-chat-box, .dk-modal-box) {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(247, 246, 241, 0.96));
    border-color: rgba(15, 16, 20, 0.10);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-xp-bar-bg {
    background: rgba(15, 16, 20, 0.06);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-xp-bar {
    background: linear-gradient(90deg, #4a5be8, #009474);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-step--active .dk-step-content {
    background: rgba(74, 91, 232, 0.08);
    border-color: rgba(74, 91, 232, 0.20);
}

[data-theme="light"] .dx-page.dx-page--dashboard :is(.dk-step--active .dk-step-dot, .dk-badge-active, .dk-tool-rank) {
    background: #4a5be8;
    border-color: #4a5be8;
    color: #fff;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-step-badge {
    background: rgba(74, 91, 232, 0.10);
    color: #4a5be8;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-switch-item:hover,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-switch-item--active {
    background: rgba(74, 91, 232, 0.08);
    border-color: rgba(74, 91, 232, 0.20);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-switch-item--active .dk-switch-icon,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-badge,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-card-icon {
    background: rgba(74, 91, 232, 0.10);
    border-color: rgba(74, 91, 232, 0.20);
    color: #4a5be8;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-switch-dot {
    background: #4a5be8;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-btn-primary {
    background: #4a5be8;
    color: #fff;
    box-shadow: 0 10px 24px rgba(74, 91, 232, 0.20);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-btn-primary:hover {
    background: #4152d6;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-btn-ghost {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(15, 16, 20, 0.10);
    color: #3e3f49;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-tool-row-link:hover {
    background: rgba(74, 91, 232, 0.06);
    border-color: rgba(74, 91, 232, 0.22);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-badge-card.is-earned {
    background: rgba(184, 132, 18, 0.10);
    border-color: rgba(184, 132, 18, 0.22);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-badge-card.is-earned .dk-badge-card-mark {
    background: rgba(184, 132, 18, 0.16);
    color: #9a6f10;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-completed-item,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-completed-card,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-card,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-empty,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(247, 246, 241, 0.98));
    border-color: rgba(15, 16, 20, 0.10);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-card {
    background:
        radial-gradient(circle at top right, rgba(74, 91, 232, 0.08), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 246, 241, 0.98));
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-inline-rank {
    background: rgba(74, 91, 232, 0.08);
    color: #4a5be8;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-completed-icon {
    background: rgba(0, 148, 116, 0.10);
    color: #047857;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-growth-bar {
    background: rgba(15, 16, 20, 0.07);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-growth-bar span {
    background: linear-gradient(90deg, #4a5be8, #009474);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-growth-meta-item {
    background: rgba(255, 255, 255, 0.62);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-chat-msg--user,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-chat-send,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-inline-rank,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-modal-actions .dk-btn-primary {
    background: #4a5be8;
    color: #fff;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-chat-msg--ai {
    background: rgba(255, 255, 255, 0.84);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-chat-close:hover {
    background: rgba(15, 16, 20, 0.05);
}

[data-theme="light"] .dx-page.dx-page--dashboard :is(.dk-chat-input, .dk-modal-input) {
    background: rgba(255, 255, 255, 0.74);
    border-color: rgba(15, 16, 20, 0.10);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-fav {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(15, 16, 20, 0.10);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-fav:hover {
    border-color: rgba(74, 91, 232, 0.22);
    color: #4a5be8;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-fav.is-active {
    border-color: rgba(184, 132, 18, 0.24);
    background: rgba(184, 132, 18, 0.10);
    color: #9a6f10;
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-tool-empty,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-empty {
    background: rgba(255, 255, 255, 0.68);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-pill {
    background: rgba(15, 16, 20, 0.04);
    border-color: rgba(15, 16, 20, 0.08);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-progress-bar {
    background: rgba(15, 16, 20, 0.07);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-progress-bar span {
    background: linear-gradient(90deg, #4a5be8, #009474);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-preview {
    background: rgba(15, 16, 20, 0.03);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-btn-week {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(15, 16, 20, 0.10);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-btn-week:hover {
    border-color: rgba(74, 91, 232, 0.22);
    color: #4a5be8;
}

.dx-page.dx-page--dashboard .dk-header {
    margin-bottom: 30px;
}

.dx-page.dx-page--dashboard .dk-username {
    line-height: 1.25;
}

.dx-page.dx-page--dashboard .dk-usermeta {
    margin-top: 4px;
}

.dx-page.dx-page--dashboard .dk-stats {
    gap: 16px;
    margin-bottom: 28px;
}

.dx-page.dx-page--dashboard :is(.dk-stat, .dk-card, .dk-scene-lane, .dk-scene-card, .dk-completed-item, .dk-tool-row-link, .dk-switch-item, .dk-recommend-main, .dk-recommend-side-card, .dk-recommend-score-card) {
    position: relative;
    transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.dx-page.dx-page--dashboard :is(.dk-stat, .dk-card, .dk-scene-lane, .dk-recommend-main, .dk-recommend-side-card, .dk-recommend-score-card) {
    border-radius: 22px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03), 0 18px 36px rgba(0, 0, 0, 0.18);
}

.dx-page.dx-page--dashboard :is(.dk-scene-card, .dk-completed-item, .dk-tool-row-link, .dk-switch-item) {
    border-radius: 18px;
}

.dx-page.dx-page--dashboard .dk-stat {
    padding: 20px 22px 18px;
    min-height: 138px;
    display: flex;
    flex-direction: column;
    background:
        radial-gradient(220px circle at 100% 0, rgba(91, 108, 255, 0.09), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 62%),
        var(--dk-card);
}

.dx-page.dx-page--dashboard .dk-stat::before,
.dx-page.dx-page--dashboard .dk-card::before,
.dx-page.dx-page--dashboard .dk-scene-lane::before {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    top: 0;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.22), transparent 72%);
    pointer-events: none;
}

.dx-page.dx-page--dashboard .dk-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 68%),
        var(--dk-card);
}

.dx-page.dx-page--dashboard .dk-recommend-card {
    background:
        radial-gradient(circle at top right, rgba(91, 108, 255, 0.12), transparent 36%),
        radial-gradient(circle at 0 0, rgba(0, 229, 176, 0.08), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), transparent 72%),
        var(--dk-card);
}

.dx-page.dx-page--dashboard .dk-scene-board {
    background:
        radial-gradient(360px circle at 100% 0, rgba(91, 108, 255, 0.10), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 72%),
        var(--dk-card);
}

.dx-page.dx-page--dashboard .dk-scene-lane {
    padding: 20px;
    background:
        radial-gradient(240px circle at 100% 0, rgba(91, 108, 255, 0.08), transparent 70%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.02), transparent 72%),
        var(--dk-card-alt);
}

.dx-page.dx-page--dashboard .dk-section-label {
    letter-spacing: 0.1em;
    opacity: 0.92;
}

.dx-page.dx-page--dashboard .dk-stat-num,
.dx-page.dx-page--dashboard .dk-growth-rate-num,
.dx-page.dx-page--dashboard .dk-recommend-score {
    letter-spacing: -0.05em;
}

.dx-page.dx-page--dashboard .dk-stat-label {
    margin-bottom: 6px;
    font-weight: 700;
    line-height: 1.5;
}

.dx-page.dx-page--dashboard .dk-stat-delta {
    margin-top: auto;
    font-size: 12px;
    line-height: 1.6;
}

.dx-page.dx-page--dashboard .dk-growth-card,
.dx-page.dx-page--dashboard .dk-completed-card,
.dx-page.dx-page--dashboard .dk-badges-card {
    padding: 26px;
}

.dx-page.dx-page--dashboard .dk-growth-meta {
    gap: 12px;
}

.dx-page.dx-page--dashboard .dk-growth-meta-item {
    border-radius: 16px;
}

.dx-page.dx-page--dashboard .dk-badges-grid,
.dx-page.dx-page--dashboard .dk-completed-list,
.dx-page.dx-page--dashboard .dk-recommend-list,
.dx-page.dx-page--dashboard .dk-scene-list {
    gap: 12px;
}

.dx-page.dx-page--dashboard .dk-completed-count,
.dx-page.dx-page--dashboard .dk-scene-lane-count {
    border: 1px solid var(--dk-border);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-page.dx-page--dashboard .dk-badge-card {
    min-height: 132px;
    display: flex;
    flex-direction: column;
}

.dx-page.dx-page--dashboard .dk-badge-card-progress {
    letter-spacing: 0.02em;
}

.dx-page.dx-page--dashboard .dk-badge-card-title {
    line-height: 1.45;
}

.dx-page.dx-page--dashboard .dk-badge-card-hint {
    margin-top: 8px;
    line-height: 1.7;
}

.dx-page.dx-page--dashboard .dk-recommend-main,
.dx-page.dx-page--dashboard .dk-recommend-side-card,
.dx-page.dx-page--dashboard .dk-recommend-score-card {
    border-radius: 20px;
}

.dx-page.dx-page--dashboard .dk-recommend-main {
    padding: 22px;
}

.dx-page.dx-page--dashboard :is(.dk-recommend-kicker, .dk-recommend-badge) {
    letter-spacing: 0.02em;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dx-page.dx-page--dashboard .dk-recommend-reason,
.dx-page.dx-page--dashboard .dk-recommend-preview,
.dx-page.dx-page--dashboard .dk-scene-preview {
    border-radius: 16px;
}

.dx-page.dx-page--dashboard .dk-recommend-reason {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.dx-page.dx-page--dashboard .dk-recommend-preview {
    background: rgba(91, 108, 255, 0.08);
    border-color: rgba(91, 108, 255, 0.14);
}

.dx-page.dx-page--dashboard .dk-recommend-actions,
.dx-page.dx-page--dashboard .dk-scene-actions {
    align-items: stretch;
}

.dx-page.dx-page--dashboard .dk-recommend-actions .dk-btn-primary,
.dx-page.dx-page--dashboard .dk-scene-actions .dk-btn-primary {
    min-width: 138px;
}

.dx-page.dx-page--dashboard :is(.dk-recommend-actions, .dk-scene-actions) .dk-btn-ghost {
    background: transparent;
    box-shadow: none;
}

.dx-page.dx-page--dashboard .dk-completed-link {
    opacity: 0.9;
}

.dx-page.dx-page--dashboard .dk-recommend-score-card {
    text-align: left;
}

.dx-page.dx-page--dashboard .dk-recommend-score {
    margin-bottom: 2px;
}

.dx-page.dx-page--dashboard .dk-recommend-score-label {
    display: inline-flex;
    align-items: center;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(91, 108, 255, 0.10);
    border: 1px solid rgba(91, 108, 255, 0.16);
}

.dx-page.dx-page--dashboard .dk-recommend-score-card p {
    margin-top: 14px;
}

.dx-page.dx-page--dashboard .dk-recommend-side-card .dk-section-label {
    margin-bottom: 2px;
}

.dx-page.dx-page--dashboard .dk-recommend-list-item {
    gap: 14px;
}

.dx-page.dx-page--dashboard .dk-scene-meta,
.dx-page.dx-page--dashboard .dk-recommend-meta {
    gap: 9px;
}

.dx-page.dx-page--dashboard .dk-scene-pill {
    padding: 6px 11px;
    font-size: 10px;
    letter-spacing: 0.03em;
}

.dx-page.dx-page--dashboard .dk-scene-card {
    padding: 18px;
}

.dx-page.dx-page--dashboard .dk-scene-card--featured {
    border-width: 1px;
}

.dx-page.dx-page--dashboard .dk-scene-card-status {
    margin-bottom: 10px;
    font-weight: 600;
}

.dx-page.dx-page--dashboard .dk-scene-card-title {
    margin-bottom: 10px;
}

.dx-page.dx-page--dashboard .dk-scene-card-desc {
    margin-bottom: 14px;
}

.dx-page.dx-page--dashboard .dk-btn-inline {
    min-height: 40px;
}

.dx-page.dx-page--dashboard :is(.dk-stat, .dk-badge-card, .dk-completed-item, .dk-scene-card, .dk-tool-row-link, .dk-switch-item, .dk-recommend-main, .dk-recommend-side-card, .dk-recommend-score-card):hover {
    transform: translateY(-2px);
    box-shadow: var(--dx-shadow-hover), 0 0 0 1px var(--dx-accent-ring);
    border-color: var(--dx-accent-mid);
}

[data-theme="light"] .dx-page.dx-page--dashboard :is(.dk-stat, .dk-card, .dk-scene-lane, .dk-recommend-main, .dk-recommend-side-card, .dk-recommend-score-card) {
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 16px 34px rgba(15, 16, 20, 0.07);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-stat {
    background:
        radial-gradient(220px circle at 100% 0, rgba(74, 91, 232, 0.10), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 246, 241, 0.98));
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 246, 241, 0.98));
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-card::before,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-stat::before,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-lane::before {
    background: linear-gradient(90deg, rgba(74, 91, 232, 0.22), transparent 72%);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-lane {
    background:
        radial-gradient(240px circle at 100% 0, rgba(74, 91, 232, 0.08), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 246, 241, 0.98));
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-growth-meta-item,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-badge-card,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-completed-item,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-card,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-tool-row-link,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-switch-item,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-main,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-side-card,
[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-score-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.90), rgba(247, 246, 241, 0.98));
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-card {
    background:
        radial-gradient(circle at top right, rgba(74, 91, 232, 0.10), transparent 36%),
        radial-gradient(circle at 0 0, rgba(0, 148, 116, 0.06), transparent 42%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 246, 241, 0.98));
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-reason {
    background: rgba(15, 16, 20, 0.03);
    border-color: rgba(15, 16, 20, 0.06);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-preview {
    background: rgba(74, 91, 232, 0.07);
    border-color: rgba(74, 91, 232, 0.16);
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-scene-card--featured {
    background:
        radial-gradient(circle at top right, rgba(74, 91, 232, 0.10), transparent 36%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 246, 241, 0.98));
}

[data-theme="light"] .dx-page.dx-page--dashboard .dk-recommend-score-label {
    background: rgba(74, 91, 232, 0.10);
    border-color: rgba(74, 91, 232, 0.18);
}

[data-theme="light"] .dx-page.dx-page--dashboard :is(.dk-recommend-actions, .dk-scene-actions) .dk-btn-ghost {
    background: rgba(255, 255, 255, 0.62);
}

[data-theme="light"] .dx-page.dx-page--dashboard :is(.dk-completed-count, .dk-scene-lane-count) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

[data-theme="light"] .dx-page.dx-page--dashboard :is(.dk-recommend-kicker, .dk-recommend-badge) {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

[data-theme="light"] .dx-page.dx-page--subscribe {
    --dx-grid: rgba(15, 16, 20, 0.065);
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-sec-alt {
    background: rgba(255, 255, 255, 0.42);
    border-top-color: rgba(15, 16, 20, 0.08);
    border-bottom-color: rgba(15, 16, 20, 0.08);
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-highlight {
    background: linear-gradient(135deg, rgba(74, 91, 232, 0.08), rgba(0, 148, 116, 0.06));
    border: 1px solid rgba(74, 91, 232, 0.12);
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-highlight-icon {
    background: #4a5be8;
    color: #fff;
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-highlight-body {
    color: #3e3f49;
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-highlight-body strong {
    color: #14151b;
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 246, 241, 0.98));
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-card-price {
    color: #14151b;
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-card-tier,
[data-theme="light"] .dx-page.dx-page--subscribe .sp-card-billing,
[data-theme="light"] .dx-page.dx-page--subscribe .sp-rank-label,
[data-theme="light"] .dx-page.dx-page--subscribe .sp-pay-note {
    color: #6d6d77;
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-card-pro {
    border-color: #4a5be8;
    box-shadow: 0 0 0 1px rgba(74, 91, 232, 0.12), 0 12px 28px rgba(74, 91, 232, 0.08);
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-card-badge-tab {
    background: #4a5be8;
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-rank-1 {
    background: rgba(74, 91, 232, 0.10);
    color: #4a5be8;
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-blur-bar {
    background: rgba(15, 16, 20, 0.16);
}

[data-theme="light"] .dx-page.dx-page--subscribe :is(.sp-rank-row, .sp-locked-list) {
    border-color: rgba(15, 16, 20, 0.08);
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-toggle-btn.active {
    background: rgba(74, 91, 232, 0.10);
    color: #4a5be8;
    border-color: rgba(74, 91, 232, 0.20);
    box-shadow: none;
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-toggle-btn {
    background: rgba(255, 255, 255, 0.76);
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-cta-primary {
    background: #4a5be8;
    color: #fff;
    box-shadow: 0 10px 24px rgba(74, 91, 232, 0.18);
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-cta-primary:hover {
    background: #4152d6;
    color: #fff;
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-cta-ghost {
    background: rgba(255, 255, 255, 0.72);
    color: #3e3f49;
    border-color: rgba(15, 16, 20, 0.10);
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-faq-item {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(247, 246, 241, 0.98));
}

[data-theme="light"] .dx-page.dx-page--subscribe .sp-faq-q:hover {
    color: #4a5be8;
}

.dx-page :is(.gd-empty, .bl-empty, .pm-empty, .sk-empty) {
    position: relative;
    overflow: hidden;
    padding: 42px 28px;
    border: 1px solid var(--dx-border);
    border-radius: 20px;
    background:
        radial-gradient(360px circle at 100% 0, var(--dx-glow-2), transparent 72%),
        linear-gradient(180deg, var(--dx-card-overlay), transparent),
        var(--dx-card-bg);
    box-shadow: var(--dx-shadow);
    color: var(--dx-text-2);
}

.dx-page :is(.gd-empty, .bl-empty, .pm-empty, .sk-empty)::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(var(--dx-card-dots) 0.8px, transparent 0.8px);
    background-size: 18px 18px;
    opacity: 0.18;
    pointer-events: none;
}

.dx-page :is(.gd-empty__icon, .bl-empty__icon, .pm-empty__icon, .sk-empty__icon) {
    position: relative;
    z-index: 1;
    opacity: 0.88;
    filter: saturate(1.05);
}

.dx-page :is(.gd-empty__text, .bl-empty__text, .pm-empty__title, .sk-empty__title) {
    position: relative;
    z-index: 1;
    color: var(--dx-text);
    font-weight: 700;
    letter-spacing: -0.02em;
}

.dx-page :is(.gd-empty__sub, .pm-empty__text, .sk-empty__sub) {
    position: relative;
    z-index: 1;
    color: var(--dx-text-2);
}

.dx-page .pm-empty__link {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    background: var(--dx-accent);
    color: var(--dx-primary-text);
    border: 1px solid transparent;
    box-shadow: 0 12px 24px rgba(0, 229, 176, 0.24);
    font-weight: 700;
    text-decoration: none;
}

.dx-page .pm-empty__link:hover {
    filter: brightness(1.02);
    color: var(--dx-primary-text);
}

.dx-page :is(.pv-toc__link, .ts-toc__link) {
    position: relative;
    display: block;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: var(--dx-text-2);
    transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease, color 0.18s ease;
}

.dx-page :is(.pv-toc__link:hover, .ts-toc__link:hover) {
    transform: translateX(2px);
    background: var(--dx-secondary-bg);
    border-color: var(--dx-secondary-border);
    color: var(--dx-accent);
}

.dx-page .pv-toc__link--active {
    background: rgba(91, 108, 255, 0.12);
    border-color: rgba(91, 108, 255, 0.18);
    color: #9fb0ff;
}

.dx-page .ts-toc__link--active {
    background: rgba(0, 229, 176, 0.12);
    border-color: rgba(0, 229, 176, 0.18);
    color: #79f0cf;
}

.dx-page :is(.pv-table, .ts-table) {
    border-collapse: separate;
    border-spacing: 0;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid var(--dx-border);
    background: var(--dx-card-bg);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.dx-page :is(.pv-table thead th, .ts-table thead th) {
    padding: 12px 14px;
}

.dx-page :is(.pv-table tbody td, .ts-table tbody td) {
    padding: 12px 14px;
    border-bottom-color: var(--dx-border);
}

.dx-page :is(.pv-print, .ts-print, .api-copy-btn) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 12px;
    background: var(--dx-secondary-bg);
    color: var(--dx-text-2);
    border: 1px solid var(--dx-secondary-border);
    font-weight: 700;
    text-decoration: none;
    box-shadow: none;
    transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.dx-page :is(.pv-print:hover, .ts-print:hover, .api-copy-btn:hover) {
    color: var(--dx-accent);
    border-color: var(--dx-accent-mid);
    background: var(--dx-accent-soft);
    transform: translateY(-1px);
}

.dx-page :is(.method-sec-link, .api-copy-btn) {
    font-weight: 700;
}

.dx-page .method-sec-link {
    color: var(--dx-accent);
}

.dx-page .method-sec-link:hover {
    color: var(--dx-accent);
    text-decoration: none;
}

.dx-page :is(.method-btn-subscribe, .about-btn-primary, .about-btn-subscribe, .api-btn-primary, .api-btn-subscribe, .api-btn-pricing) {
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

[data-theme="light"] .dx-page :is(.gd-empty, .bl-empty, .pm-empty, .sk-empty) {
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 14px 30px rgba(15, 16, 20, 0.06);
}

[data-theme="light"] .dx-page .pm-empty__link {
    background: #4a5be8;
    color: #ffffff;
    box-shadow: 0 10px 24px rgba(74, 91, 232, 0.18);
}

[data-theme="light"] .dx-page :is(.pv-toc__link, .ts-toc__link) {
    background: rgba(255, 255, 255, 0.48);
}

[data-theme="light"] .dx-page .pv-toc__link--active {
    background: rgba(74, 91, 232, 0.10);
    border-color: rgba(74, 91, 232, 0.18);
    color: #4a5be8;
}

[data-theme="light"] .dx-page .ts-toc__link--active {
    background: rgba(0, 148, 116, 0.10);
    border-color: rgba(0, 148, 116, 0.18);
    color: #009474;
}

[data-theme="light"] .dx-page :is(.pv-table, .ts-table) {
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 12px 28px rgba(15, 16, 20, 0.06);
}

[data-theme="light"] .dx-page :is(.pv-print, .ts-print, .api-copy-btn) {
    background: rgba(255, 255, 255, 0.74);
}

[data-theme="light"] .dx-page :is(.pv-table tbody tr:hover, .ts-table tbody tr:hover) {
    background: rgba(15, 16, 20, 0.025);
}

.dx-page :is(.method-page-header, .about-hero, .api-hero, .pv-hero, .ts-hero) {
    border-radius: 24px;
    padding: 54px 48px;
    border-bottom: none;
}

.dx-page :is(.method-content, .about-content, .api-content) {
    padding-top: 34px;
}

.dx-page :is(.method-sec-hd, .about-sec-hd, .api-sec-hd) {
    margin-bottom: 20px;
}

.dx-page :is(.pv-hero__meta span, .ts-hero__meta span) {
    padding: 6px 10px;
    border-radius: 999px;
    background: var(--dx-secondary-bg);
    border: 1px solid var(--dx-secondary-border);
}

.dx-page :is(.pv-section, .ts-section) {
    border-radius: 20px;
    padding: 34px 32px;
}

.dx-page :is(.pv-section__icon, .ts-section__icon) {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: var(--dx-secondary-bg);
    margin-bottom: 14px;
}

.dx-page :is(.pv-layout, .ts-layout) {
    gap: 36px;
}

.dx-page :is(.pv-toc, .ts-toc) {
    padding: 18px 14px;
    border-radius: 18px;
}

.dx-page :is(.pv-toc__title, .ts-toc__title) {
    padding-left: 4px;
    margin-bottom: 14px;
}

.dx-page :is(.pv-toc__list, .ts-toc__list) {
    gap: 6px;
}

.dx-page .method-header-features {
    gap: 12px;
}

.dx-page .method-feature-item {
    border: 1px solid var(--dx-border);
    border-radius: 14px;
    background: var(--dx-secondary-bg);
    padding: 12px 14px;
}

.dx-page .method-process-step {
    padding: 14px 12px 0;
    border-radius: 16px;
}

.dx-page :is(.method-weight-left, .method-weight-right) {
    border: 1px solid var(--dx-border);
    border-radius: 16px;
    background: var(--dx-secondary-bg);
    box-shadow: none;
}

.dx-page .about-founder-card {
    align-items: stretch;
}

.dx-page .about-contact-item {
    border: 1px solid var(--dx-border);
    border-radius: 14px;
    background: var(--dx-secondary-bg);
    padding: 12px 14px;
}

.dx-page .about-contact-copy {
    min-height: 36px;
    padding: 0 12px;
    border-radius: 10px;
    background: var(--dx-secondary-bg);
    color: var(--dx-text-2);
    border: 1px solid var(--dx-secondary-border);
    font-weight: 700;
}

.dx-page .about-contact-copy:hover {
    color: var(--dx-accent);
    border-color: var(--dx-accent-mid);
    background: var(--dx-accent-soft);
}

.dx-page .api-tabs {
    gap: 6px;
    padding: 14px 16px 0;
}

.dx-page .api-tab {
    padding: 12px 14px;
    border: 1px solid transparent;
    border-radius: 12px 12px 0 0;
    font-weight: 600;
}

.dx-page .api-tab.active {
    background: var(--dx-secondary-bg);
    border-color: var(--dx-border);
    border-bottom-color: transparent;
    color: var(--dx-accent);
}

.dx-page .api-tab-body {
    padding: 24px;
}

.dx-page .api-endpoint {
    border-radius: 14px;
    background: var(--dx-secondary-bg);
    border-color: var(--dx-secondary-border);
    padding: 12px 14px;
}

.dx-page .api-params {
    gap: 10px;
}

.dx-page .api-param {
    border: 1px solid var(--dx-secondary-border);
    border-radius: 12px;
    background: var(--dx-secondary-bg);
    padding: 10px 12px;
}

.dx-page .api-pricing-card.featured {
    border-color: var(--dx-accent-mid);
    background:
        radial-gradient(320px circle at 100% 0, var(--dx-glow-2), transparent 72%),
        linear-gradient(180deg, var(--dx-card-overlay), transparent),
        var(--dx-card-bg);
    box-shadow: var(--dx-shadow-hover);
}

[data-theme="light"] .dx-page :is(.method-page-header, .about-hero, .api-hero, .pv-hero, .ts-hero) {
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 16px 34px rgba(15, 16, 20, 0.07);
}

[data-theme="light"] .dx-page :is(.method-feature-item, .method-weight-left, .method-weight-right, .about-contact-item, .api-endpoint, .api-param) {
    background: rgba(255, 255, 255, 0.76);
}

[data-theme="light"] .dx-page .api-pricing-card.featured {
    background:
        radial-gradient(320px circle at 100% 0, rgba(74, 91, 232, 0.08), transparent 72%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(247, 246, 241, 0.98));
    box-shadow: 0 1px 0 rgba(15, 16, 20, 0.04), 0 16px 32px rgba(74, 91, 232, 0.10);
}

@media (max-width: 860px) {
    .dx-page {
        padding-bottom: 56px;
    }

    .dx-page.dx-page--submit {
        padding-bottom: 40px;
    }

    .dx-page :is(.pv-toc, .ts-toc) {
        padding: 0;
        background: none;
        border: none;
        box-shadow: none;
    }

    .dx-page :is(.pv-toc, .ts-toc)::before {
        display: none;
    }
}

@media (max-width: 640px) {
    .dx-page :is(.method-page-header, .about-hero, .api-hero, .pv-hero, .ts-hero) {
        padding: 32px 22px;
        border-radius: 20px;
    }

    .dx-page :is(.pv-section, .ts-section, .api-tab-body) {
        padding: 24px 20px;
    }
}