:root {
    --neon-pink: #ff6b9d;
    --neon-pink-rgb: 255, 107, 157;
    --neon-purple: #c44569;
    --neon-purple-rgb: 196, 69, 105;
    --neon-blue: #00d4ff;
    --glass-blur: 14px;
    --anime2d-mobile-light-bg: linear-gradient(135deg, #ffeef3 0%, #fff5f7 25%, #f0f4ff 50%, #fff0f5 75%, #fef5f0 100%);
    --card-bg: rgba(255, 255, 255, 0.82);
    --text-main: #353246;
    --text-sub: #777286;
}

html[data-theme="dark"] {
    --card-bg: rgba(30, 30, 50, 0.82);
    --text-main: #f5f2ff;
    --text-sub: rgba(245, 242, 255, 0.68);
}

.anime2d-mobile-page {
    position: relative;
    isolation: isolate;
    color: var(--text-main);
    background: var(--anime2d-mobile-light-bg);
}

html[data-theme="dark"] .anime2d-mobile-page {
    background: linear-gradient(135deg, #11101c 0%, #1a1628 48%, #101724 100%);
}

.anime2d-mobile-page::before,
.anime2d-mobile-page::after {
    position: fixed;
    z-index: -1;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    pointer-events: none;
    content: '';
    filter: blur(46px);
    opacity: 0.3;
}

.anime2d-mobile-page::before {
    top: 7%;
    left: -64px;
    background: var(--neon-pink);
}

.anime2d-mobile-page::after {
    right: -72px;
    bottom: 12%;
    background: var(--neon-blue);
}

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

.anime2d-mobile-page .dc-mobile-category-page__header {
    gap: 9px;
    border-color: rgba(var(--neon-pink-rgb), 0.14);
    background: rgba(255, 255, 255, 0.66);
    backdrop-filter: blur(var(--glass-blur)) saturate(145%);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(145%);
}

html[data-theme="dark"] .anime2d-mobile-page .dc-mobile-category-page__header {
    background: rgba(20, 18, 34, 0.76);
}

.anime2d-mobile-page .dc-mobile-category-page__back {
    color: #fff;
    background: linear-gradient(135deg, var(--neon-pink), var(--neon-purple));
    box-shadow: 0 7px 18px rgba(var(--neon-pink-rgb), 0.25);
}

.anime2d-mobile-page .dc-mobile-category-page__search {
    border: 1px solid rgba(var(--neon-pink-rgb), 0.2);
    background: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="dark"] .anime2d-mobile-page .dc-mobile-category-page__search {
    background: rgba(255, 255, 255, 0.07);
    box-shadow: none;
}

.anime2d-mobile-page .dc-mobile-category-page__search > i,
.anime2d-mobile-page .dc-mobile-category-page__search input,
.anime2d-mobile-page .dc-mobile-category-page__root,
.anime2d-mobile-page .dc-mobile-category-page__root-menu-item,
.anime2d-mobile-page .dc-mobile-category-page__second-item,
.anime2d-mobile-page .dc-mobile-category-page__rail-item,
.anime2d-mobile-page .dc-mobile-category-page__fourth-item {
    color: var(--text-sub);
}

.anime2d-mobile-page .dc-mobile-category-page__search input {
    color: var(--text-main);
}

.anime2d-mobile-page .dc-mobile-category-page__search-submit,
.anime2d-mobile-page .dc-mobile-goods-page__filter.is-active,
.anime2d-mobile-page .dc-mobile-category-page__second-item.is-active {
    color: #fff;
    background: linear-gradient(135deg, var(--neon-pink), var(--neon-purple));
    box-shadow: 0 5px 15px rgba(var(--neon-pink-rgb), 0.22);
}

.anime2d-mobile-page .dc-mobile-category-page__browser,
.anime2d-mobile-page .dc-mobile-goods-page__navigation {
    margin-right: 12px;
    margin-left: 12px;
    overflow: hidden;
    border: 1px solid rgba(var(--neon-pink-rgb), 0.16);
    border-radius: 18px;
    background: var(--card-bg);
    box-shadow: 0 12px 30px rgba(var(--neon-pink-rgb), 0.1);
    backdrop-filter: blur(var(--glass-blur)) saturate(125%);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(125%);
}

.anime2d-mobile-page .dc-mobile-goods-page__navigation {
    flex: 0 0 auto;
    margin-bottom: 7px;
}

.anime2d-mobile-page .dc-mobile-category-page__roots-wrap::after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 247, 251, 0.96) 48%);
}

html[data-theme="dark"] .anime2d-mobile-page .dc-mobile-category-page__roots-wrap::after {
    background: linear-gradient(90deg, rgba(25, 23, 42, 0), rgba(25, 23, 42, 0.96) 48%);
}

.anime2d-mobile-page .dc-mobile-category-page__roots-more {
    width: 38px;
    height: 38px;
    border-color: rgba(var(--neon-pink-rgb), 0.34);
    color: #fff;
    background: linear-gradient(135deg, var(--neon-pink), var(--neon-blue));
    box-shadow: 0 6px 16px rgba(var(--neon-pink-rgb), 0.25);
}

.anime2d-mobile-page .dc-mobile-category-page__root-icon,
.anime2d-mobile-page .dc-mobile-category-page__root-menu-icon,
.anime2d-mobile-page .dc-mobile-category-page__fourth-icon {
    border-color: rgba(var(--neon-pink-rgb), 0.23);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.68);
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.35);
}

html[data-theme="dark"] .anime2d-mobile-page .dc-mobile-category-page__root-icon,
html[data-theme="dark"] .anime2d-mobile-page .dc-mobile-category-page__root-menu-icon,
html[data-theme="dark"] .anime2d-mobile-page .dc-mobile-category-page__fourth-icon {
    background: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.anime2d-mobile-page .dc-mobile-category-page__fallback-icon,
.anime2d-mobile-page .dc-mobile-category-page__root.is-active,
.anime2d-mobile-page .dc-mobile-category-page__root-menu-item.is-active {
    color: var(--neon-pink);
}

.anime2d-mobile-page .dc-mobile-category-page__root.is-active .dc-mobile-category-page__root-icon,
.anime2d-mobile-page .dc-mobile-category-page__root-menu-item.is-active .dc-mobile-category-page__root-menu-icon {
    border-color: var(--neon-pink);
    box-shadow: 0 0 0 3px rgba(var(--neon-pink-rgb), 0.14), 0 7px 16px rgba(var(--neon-pink-rgb), 0.2);
}

.anime2d-mobile-page .dc-mobile-category-page__second {
    background: rgba(var(--neon-pink-rgb), 0.055);
}

.anime2d-mobile-page .dc-mobile-category-page__second-item {
    border-color: rgba(var(--neon-pink-rgb), 0.2);
    background: rgba(255, 255, 255, 0.62);
}

html[data-theme="dark"] .anime2d-mobile-page .dc-mobile-category-page__second-item {
    background: rgba(255, 255, 255, 0.07);
}

.anime2d-mobile-page .dc-mobile-category-page__rail,
.anime2d-mobile-page .dc-mobile-category-page__fourth,
.anime2d-mobile-page .dc-mobile-category-page__product-host,
.anime2d-mobile-page.dc-mobile-goods-page {
    background: transparent;
}

.anime2d-mobile-page .dc-mobile-category-page__rail-item.is-active {
    border-left-color: var(--neon-pink);
    color: var(--neon-pink);
    background: rgba(var(--neon-pink-rgb), 0.09);
}

.anime2d-mobile-page .dc-mobile-category-page__fourth-item,
.anime2d-mobile-page .dc-mobile-category-page__hint,
.anime2d-mobile-page .dc-mobile-category-page__loading,
.anime2d-mobile-page .dc-mobile-category-empty,
.anime2d-mobile-page .dc-mobile-category-goods .goods-card {
    border-color: rgba(var(--neon-pink-rgb), 0.16);
    background: var(--card-bg);
    box-shadow: 0 8px 24px rgba(var(--neon-pink-rgb), 0.09);
    backdrop-filter: blur(var(--glass-blur)) saturate(120%);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(120%);
}

.anime2d-mobile-page .dc-mobile-category-goods .goods-img-box {
    background: rgba(var(--neon-pink-rgb), 0.08);
}

.anime2d-mobile-page .dc-mobile-category-goods .goods-title {
    color: var(--text-main);
}

.anime2d-mobile-page .dc-mobile-category-goods .goods-meta {
    color: var(--text-sub);
}

.anime2d-mobile-page .dc-mobile-category-goods .price-current {
    color: var(--neon-pink);
}

.anime2d-mobile-page .dc-mobile-category-goods .buy-btn {
    color: #fff;
    background: linear-gradient(135deg, var(--neon-pink), var(--neon-purple));
    box-shadow: 0 5px 14px rgba(var(--neon-pink-rgb), 0.23);
}

.anime2d-mobile-page .dc-mobile-goods-page__filters {
    gap: 6px;
    padding: 0 14px 9px;
    background: transparent;
}

.anime2d-mobile-page .dc-mobile-goods-page__filter {
    min-height: 34px;
    border-color: rgba(var(--neon-pink-rgb), 0.16);
    border-radius: 999px;
    color: var(--text-sub);
    background: var(--card-bg);
    box-shadow: 0 5px 16px rgba(var(--neon-pink-rgb), 0.07);
}

.anime2d-mobile-empty-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--neon-pink), var(--neon-blue));
    box-shadow: 0 8px 20px rgba(var(--neon-pink-rgb), 0.22);
    font-size: 27px;
}

.anime2d-mobile-root-menu .dc-mobile-category-page__root-menu-panel {
    border-bottom: 1px solid rgba(var(--neon-pink-rgb), 0.17);
    background: rgba(255, 250, 252, 0.94);
    backdrop-filter: blur(var(--glass-blur)) saturate(145%);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(145%);
}

html[data-theme="dark"] .anime2d-mobile-root-menu .dc-mobile-category-page__root-menu-panel {
    color: var(--text-main);
    background: rgba(20, 18, 34, 0.94);
}

.anime2d-mobile-root-menu .dc-mobile-category-page__root-menu-backdrop {
    background: rgba(26, 18, 35, 0.28);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}

.anime2d-mobile-ptr {
    top: 0;
    width: auto;
    height: auto;
    margin-top: -30px;
    padding: 7px 16px 7px 12px;
    border: 1px solid rgba(255, 255, 255, 0.65);
    border-radius: 24px;
    color: #444;
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.13);
    gap: 8px;
    font-size: 13px;
    opacity: 1;
    transform: translate(-50%, -110%);
    white-space: nowrap;
    backdrop-filter: blur(var(--glass-blur)) saturate(120%);
    -webkit-backdrop-filter: blur(var(--glass-blur)) saturate(120%);
    z-index: 10001;
}

.anime2d-mobile-ptr > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, var(--neon-pink), var(--neon-purple));
    font-size: 13px;
    flex: 0 0 auto;
    transition: transform 0.25s ease;
}

.anime2d-mobile-ptr.is-ready > i {
    transform: rotate(180deg);
}

.anime2d-mobile-ptr.is-refreshing > i {
    animation: anime2dMobilePtrSpin 0.7s linear infinite;
    transform: none;
}

html[data-theme="dark"] .anime2d-mobile-ptr {
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.86);
    background: rgba(30, 30, 50, 0.92);
}

@keyframes anime2dMobilePtrSpin {
    to { transform: rotate(360deg); }
}

@media (min-width: 769px) {
    .anime2d-mobile-page {
        max-width: 640px;
        margin: 0 auto;
        border-right: 1px solid rgba(var(--neon-pink-rgb), 0.14);
        border-left: 1px solid rgba(var(--neon-pink-rgb), 0.14);
    }
}

@media (prefers-reduced-motion: reduce) {
    .anime2d-mobile-page .dc-mobile-category-page__back,
    .anime2d-mobile-page .dc-mobile-goods-page__filter {
        transition: none;
    }
}