/* AgentDNA-inspired theme — terminal green on pure black */
:root {
    --primary-color: #4ade80;
    --primary-color-hover: #86efac;
    --accent-color: #38bdf8;
    --accent-violet: #c084fc;
    --text-primary: #ededed;
    --text-secondary: #a1a1aa;
    --text-muted: #71717a;
    --border-color: rgba(255, 255, 255, 0.08);
    --border-hi: rgba(255, 255, 255, 0.16);
    --border-go: rgba(74, 222, 128, 0.35);
    --card-bg: #0f0f0f;
    --card-bg-hover: #141414;
    --surface: #0f0f0f;
    --surface-2: #141414;
    --gradient-primary: linear-gradient(135deg, #4ade80 0%, #38bdf8 100%);
    --gradient-accent: linear-gradient(135deg, #38bdf8 0%, #c084fc 50%, #f472b6 100%);
    --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
}

* {
    font-family: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif;
}

body {
    background: #000000;
    color: var(--text-primary);
}

canvas#codeRain {
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0.22;
    mix-blend-mode: screen;
}

.main-wrapper {
    position: relative;
    z-index: 1;
}

body::before {
    background:
        radial-gradient(ellipse 50% 35% at 20% 0%, rgba(56, 189, 248, 0.1) 0%, transparent 60%),
        radial-gradient(ellipse 50% 35% at 80% 0%, rgba(192, 132, 252, 0.1) 0%, transparent 60%),
        radial-gradient(ellipse 70% 50% at 50% 100%, rgba(74, 222, 128, 0.06) 0%, transparent 70%);
    animation: none;
}

body::after {
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 48px 48px;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 0%, #000 30%, transparent 75%);
    opacity: 1;
}

.unified-header {
    height: 72px;
    padding: 0 28px;
    background: rgba(0, 0, 0, 0.55) !important;
    border-bottom: 1px solid var(--border-color) !important;
    backdrop-filter: saturate(180%) blur(18px);
    box-shadow: none !important;
}

.unified-left .logo .logo-image {
    filter: none;
}

.nav-item:hover {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
    transform: none !important;
}

.nav-item.active {
    background: rgba(74, 222, 128, 0.08) !important;
    border-color: var(--border-go) !important;
    color: var(--primary-color) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

.sidebar {
    background: rgba(0, 0, 0, 0.92) !important;
    border-right: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

.quick-create-panel {
    background: rgba(0, 0, 0, 0.92) !important;
    border-right: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

.quick-tab-btn {
    border-color: var(--border-color) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    color: var(--text-secondary) !important;
}

.quick-tab-btn.active {
    background: rgba(74, 222, 128, 0.12) !important;
    border-color: var(--border-go) !important;
    color: var(--primary-color) !important;
    box-shadow: none !important;
}

.unified-right .quick-action-btn,
.quick-create-buttons .create-btn-quick,
.copy-link-btn {
    background: var(--text-primary) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 999px !important;
    box-shadow: none !important;
}

.unified-right .quick-action-btn:hover,
.quick-create-buttons .create-btn-quick:hover,
.copy-link-btn:hover {
    background: #ffffff !important;
    transform: none !important;
    box-shadow: none !important;
}

.lang-switch-btn:focus-visible,
.unified-right .login-btn-header:focus-visible,
.unified-right .quick-action-btn:focus-visible,
.quick-create-buttons .create-btn-quick:focus-visible,
.copy-link-btn:focus-visible,
.pagination-btn:focus-visible,
.create-same-btn:focus-visible {
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.15), 0 0 0 1px rgba(74, 222, 128, 0.45) !important;
}

.banner-item::after {
    background: linear-gradient(135deg, rgba(74, 222, 128, 0.08), transparent);
}

.banner-item:hover::after {
    opacity: 1;
}

/* ============ Header ============ */
.unified-header {
    background: rgba(0, 0, 0, 0.55);
    border-bottom: 1px solid transparent;
    backdrop-filter: saturate(180%) blur(18px);
    -webkit-backdrop-filter: saturate(180%) blur(18px);
    box-shadow: none;
}

.unified-center #pageTitleText {
    color: var(--text-secondary);
    letter-spacing: 0.08em;
    font-weight: 500;
}

.lang-switch {
    border: 1px solid var(--border-color);
    background: rgba(255, 255, 255, 0.03);
    box-shadow: none;
}

.lang-switch-btn {
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
}

.lang-switch-btn:hover {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-primary);
    transform: none;
}

.lang-switch-btn.active {
    background: rgba(74, 222, 128, 0.12);
    color: var(--primary-color);
    box-shadow: none;
}

.header-user-points {
    font-family: var(--font-mono);
    border: 1px solid var(--border-go);
    background: rgba(74, 222, 128, 0.08);
    color: var(--primary-color);
}

.unified-right .login-btn-header {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid var(--border-color);
    color: var(--text-primary);
    border-radius: 999px;
    box-shadow: none;
}

.unified-right .login-btn-header:hover {
    border-color: var(--border-hi);
    background: rgba(255, 255, 255, 0.08);
    transform: none;
    box-shadow: none;
}

.unified-right .quick-action-btn {
    background: var(--text-primary);
    color: #000;
    border: none;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: none;
}

.unified-right .quick-action-btn:hover {
    background: #ffffff;
    transform: none;
    box-shadow: none;
}

.user-dropdown-menu {
    border: 1px solid var(--border-color);
    background: rgba(10, 10, 10, 0.96);
    backdrop-filter: blur(18px);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.6);
}

.signin-btn {
    background: rgba(74, 222, 128, 0.12);
    border: 1px solid var(--border-go);
    color: var(--primary-color);
    border-radius: 999px;
}

.signin-btn:hover {
    background: rgba(74, 222, 128, 0.2);
}

/* ============ Sidebar ============ */
.sidebar,
.quick-create-panel {
    background: rgba(0, 0, 0, 0.92);
    border-right: 1px solid var(--border-color);
    backdrop-filter: blur(18px);
    box-shadow: none;
}

.sidebar::before,
.quick-create-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(74, 222, 128, 0.35), transparent);
}

.nav-section-title {
    font-family: var(--font-mono);
    font-size: 10px;
    letter-spacing: 0.18em;
    color: var(--text-muted);
    text-transform: uppercase;
}

.nav-item {
    border: 1px solid transparent;
    border-radius: 14px;
    height: 40px;
    padding: 0 14px;
    color: var(--text-secondary);
    transition: all 220ms cubic-bezier(0.22, 1, 0.36, 1);
}

.nav-item::before {
    display: none;
}

.nav-item:hover {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border-color);
    color: var(--text-primary);
    transform: none;
}

.nav-item.active {
    background: rgba(74, 222, 128, 0.08);
    border-color: var(--border-go);
    color: var(--primary-color);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.nav-item.active .nav-icon {
    color: var(--primary-color);
}

.sidebar-footer .footer-info p {
    font-family: var(--font-mono);
    font-size: 10px;
    color: var(--text-muted);
}

/* ============ Main content ============ */
.main-wrapper {
    background: transparent;
}

.home-content {
    padding-top: 20px;
}

.panel-code-rain {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    opacity: 0.22;
    mix-blend-mode: screen;
}

.showcase-slider-container > :not(.panel-code-rain),
.share-square-section > :not(.panel-code-rain) {
    position: relative;
    z-index: 1;
}

.works-header-section,
.right-section,
.voice-synthesis-panel,
.consumption-hero,
.consumption-list-container,
.voice-settings-section {
    border: 1px solid var(--border-color);
    background: linear-gradient(165deg, rgba(15, 15, 15, 0.92), rgba(10, 10, 10, 0.88));
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.4);
    border-radius: 22px;
}

/* ============ Cards & banners ============ */
.banner-item,
.showcase-card,
.share-square-item,
.video-card,
.work-card,
.work-card-mini,
.consumption-stat-card,
.voice-card,
.voice-item,
.amount-card,
.method-card,
.upload-card,
.motion-replace-container,
.ai-novel-container,
.works-container {
    border: 1px solid var(--border-color);
    background: linear-gradient(165deg, rgba(15, 15, 15, 0.92), rgba(10, 10, 10, 0.88));
    border-radius: 16px;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35);
    transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}

.banner-item:hover,
.showcase-card:hover,
.share-square-item:hover,
.video-card:hover,
.work-card:hover,
.work-card-mini:hover,
.consumption-stat-card:hover,
.voice-card:hover,
.voice-item:hover,
.amount-card:hover,
.method-card:hover,
.upload-card:hover,
.motion-replace-container:hover,
.ai-novel-container:hover {
    transform: translateY(-3px);
    border-color: var(--border-go);
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.5);
}

/* 创建数字人 — 视频 grid 区域 */
.my-avatars-section .video-slider-container {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--border-color);
    border-radius: 16px;
}

.my-avatars-section .video-preview,
.my-avatars-section .default-avatar-card .video-card-thumbnail,
.my-avatars-section .default-avatar-placeholder,
.my-avatars-section .empty-preview {
    background: rgba(255, 255, 255, 0.02);
}

.my-avatars-section .slider-btn {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border-color);
    color: var(--text-secondary);
}

.my-avatars-section .slider-btn:hover:not(:disabled) {
    background: rgba(74, 222, 128, 0.08);
    border-color: var(--border-go);
    color: var(--text-primary);
}

/* 数字人卡片：移除悬停选中/高亮效果 */
.my-avatars-section .video-card,
.my-avatars-section .video-card:hover,
.my-avatars-section .video-card:focus,
.my-avatars-section .video-card:focus-within {
    transform: none !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35) !important;
    outline: none !important;
    z-index: 1 !important;
}

.my-avatars-section .video-card .video-thumbnail:focus,
.my-avatars-section .video-card video:focus {
    outline: none !important;
}

/* 悬停数字人卡片时，禁止父级区块出现边框/光晕变化（ai-anime.css .right-section:hover） */
.right-section.my-avatars-section:hover {
    border-color: var(--border-color) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

/* 我的作品卡片：移除悬停选中/高亮效果 */
.my-works-section .work-card-mini,
.my-works-section .work-card-mini:hover,
.my-works-section .work-card-mini:focus,
.my-works-section .work-card-mini:focus-within {
    transform: none !important;
    border-color: var(--border-color) !important;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35) !important;
    outline: none !important;
    z-index: 1 !important;
}

.my-works-section .work-card-mini:hover .work-play-overlay-mini,
.my-works-section .work-card-mini:focus-within .work-play-overlay-mini {
    opacity: 0 !important;
}

.my-works-section .work-card-mini video:focus,
.my-works-section .work-card-mini .work-thumbnail-mini:focus {
    outline: none !important;
}

.right-section.my-works-section:hover {
    border-color: var(--border-color) !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

/* 我的作品页 — 主面板与 motion-replace-container 对齐 */
.my-works-content .works-container:hover {
    transform: none;
    border-color: var(--border-color);
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35);
}

.my-works-content .works-empty,
.my-works-content .works-loading {
    background: transparent;
}

/* 创建数字人 — 我的作品 grid 区域 */
.my-works-section .works-container-mini {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--border-color);
    border-radius: 16px;
}

.my-works-section .work-thumbnail-mini,
.my-works-section .no-thumbnail-mini,
.my-works-section .audio-visual-mini {
    background: rgba(255, 255, 255, 0.02);
}

.my-works-section .pagination-btn-mini {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border-color);
    color: var(--text-primary);
}

.my-works-section .pagination-btn-mini:hover:not(:disabled) {
    background: rgba(74, 222, 128, 0.08);
    border-color: var(--border-go);
}

/* 我的作品 — 音频卡片 */
.work-card.audio-mode .audio-preview,
.my-works-content .audio-preview {
    background: rgba(255, 255, 255, 0.02);
}

.my-works-content .audio-icon-center {
    background: rgba(74, 222, 128, 0.08);
    border: 1px solid rgba(74, 222, 128, 0.15);
}

.my-works-content .audio-icon-center i {
    color: var(--primary-color);
    text-shadow: 0 0 16px rgba(74, 222, 128, 0.35);
}

.my-works-content .audio-wave span {
    background: var(--primary-color);
}

.banner-item .banner-icon,
.showcase-section-title i {
    color: var(--primary-color);
}

.showcase-section-title {
    font-weight: 700;
    letter-spacing: -0.01em;
}

/* 热门应用 / 分享广场 */
.showcase-slider-container,
.share-square-section {
    position: relative;
    overflow: hidden;
    border-radius: 22px;
    border: 1px solid var(--border-color);
    background:
        linear-gradient(165deg, rgba(15, 15, 15, 0.72), rgba(10, 10, 10, 0.68)),
        radial-gradient(circle at 0% 0%, rgba(74, 222, 128, 0.06), transparent 45%);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.45);
}

.showcase-slider-container {
    padding: 28px;
}

.share-square-section {
    margin-top: 0;
    padding: 28px;
}

.showcase-card-inner {
    border: 1px solid var(--border-color);
    border-radius: 16px;
    background: linear-gradient(165deg, rgba(15, 15, 15, 0.92), rgba(10, 10, 10, 0.88));
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.35);
}

.showcase-card:hover .showcase-card-inner {
    border-color: var(--border-go);
    box-shadow: 0 20px 36px rgba(0, 0, 0, 0.5);
}

.showcase-card-info {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 62%, rgba(0, 0, 0, 0.9) 100%);
}

.showcase-card-desc {
    color: var(--text-secondary);
}

.share-square-title {
    color: var(--text-primary);
}

.share-pagination {
    border-top-color: var(--border-color);
}

/* ============ Tabs & controls ============ */
.voice-tab,
.ratio-option,
.pagination-btn,
.pagination-btn-mini,
.quick-tab-btn {
    border-color: var(--border-color);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-secondary);
    border-radius: 12px;
}

.voice-tab:hover,
.ratio-option:hover,
.pagination-btn:hover,
.quick-tab-btn:hover {
    border-color: var(--border-hi);
    color: var(--text-primary);
}

.quick-tab-btn.active,
.voice-tab.active,
.ratio-option.selected {
    background: rgba(74, 222, 128, 0.12);
    border-color: var(--border-go);
    color: var(--primary-color);
    box-shadow: none;
}

.form-input,
.voice-select,
.voice-text-input,
.upload-area,
.image-upload-area,
.text-image-upload-area {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-color);
    border-radius: 14px;
    color: var(--text-primary);
}

.form-input:focus,
.voice-select:focus,
.voice-text-input:focus,
.upload-area:hover,
.image-upload-area:hover,
.text-image-upload-area:hover,
.audio-upload-area:hover {
    border-color: var(--border-go);
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.1);
}

.quick-create-content .form-input,
.quick-create-content .form-textarea {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-color);
    border-radius: 14px;
    color: var(--text-primary);
}

.quick-create-content .form-input:focus,
.quick-create-content .form-textarea:focus {
    outline: none;
    border-color: var(--border-go);
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.1);
}

.quick-create-content .form-input::placeholder,
.quick-create-content .form-textarea::placeholder {
    color: var(--text-secondary);
    opacity: 0.7;
}

/* ============ Voice synthesis controls ============ */
.voice-card-selected {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-color);
    border-radius: 14px;
    box-shadow: none;
}

.voice-card-selected:hover {
    border-color: var(--border-go);
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.1);
}

.voice-settings-section .voice-slider-container {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.voice-settings-section .voice-slider-icon {
    color: var(--text-secondary);
}

.voice-settings-section .voice-slider {
    background: rgba(255, 255, 255, 0.08);
}

.voice-settings-section .voice-slider::-webkit-slider-thumb {
    background: var(--primary-color);
    border: 2px solid rgba(255, 255, 255, 0.12);
}

.voice-settings-section .voice-slider::-moz-range-track {
    background: rgba(255, 255, 255, 0.08);
}

.voice-settings-section .voice-slider::-moz-range-thumb {
    background: var(--primary-color);
    border: 2px solid rgba(255, 255, 255, 0.12);
}

.voice-settings-section .voice-select-btn {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    color: var(--text-primary) !important;
}

.voice-settings-section .voice-select-btn:hover {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--border-go) !important;
    color: var(--text-primary) !important;
}

.voice-settings-section .voice-select-btn.active {
    background: rgba(74, 222, 128, 0.08) !important;
    border-color: var(--border-go) !important;
    color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(74, 222, 128, 0.1) !important;
}

.voice-settings-section .voice-setting-label {
    color: var(--text-secondary);
}

.voice-settings-section .voice-value-label {
    color: var(--primary-color);
}

.voice-settings-section .emotion-dropdown {
    background: rgba(10, 10, 10, 0.96);
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.voice-pagination {
    border-top-color: var(--border-color);
    background: rgba(255, 255, 255, 0.02);
}

.voice-select-panel .pagination-btn {
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 12px !important;
    color: var(--text-primary) !important;
    box-shadow: none !important;
}

.voice-select-panel .pagination-btn:hover:not(:disabled) {
    background: rgba(255, 255, 255, 0.06) !important;
    border-color: var(--border-go) !important;
    color: var(--text-primary) !important;
}

.voice-select-panel .pagination-btn:disabled {
    opacity: 0.35 !important;
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
}

.voice-select-panel .pagination-info {
    color: var(--text-secondary);
}

/* ============ Buttons ============ */
.quick-action-btn,
.create-btn-quick,
.create-btn-panel,
.voice-generate-btn,
.login-btn-modal,
.register-btn-modal {
    background: var(--text-primary);
    color: #000;
    border: none;
    border-radius: 999px;
    font-weight: 600;
    box-shadow: none;
}

.quick-action-btn:hover,
.create-btn-quick:hover,
.create-btn-panel:hover,
.voice-generate-btn:hover,
.login-btn-modal:hover,
.register-btn-modal:hover {
    background: #ffffff;
    transform: none;
    box-shadow: none;
}

.login-btn-header,
.copy-link-btn,
.pagination-btn-mini {
    border-radius: 999px;
}

/* ============ Modals ============ */
.login-modal,
.register-modal,
.video-create-modal,
.image-create-modal,
.text-create-modal,
.voice-select-modal,
.delete-confirm,
.recharge-modal,
.profile-modal,
.modal-overlay {
    backdrop-filter: blur(8px);
}

.login-dialog,
.register-dialog,
.confirm-dialog,
.recharge-dialog,
.video-create-panel,
.image-create-panel,
.text-create-panel,
.voice-select-panel,
.modal-container.payment-modal {
    border: 1px solid var(--border-color);
    background: linear-gradient(170deg, rgba(15, 15, 15, 0.98), rgba(5, 5, 5, 0.96));
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.7);
    border-radius: 22px;
}

.share-square-grid {
    gap: 18px;
}

.video-modal-content,
.video-player-content {
    border: 1px solid var(--border-color);
    background: linear-gradient(180deg, rgba(15, 15, 15, 0.98), rgba(5, 5, 5, 0.98));
}

/* ============ Motion replace & AI novel & misc ============ */
.motion-upload-section,
.ai-novel-upload-section {
    background: rgba(0, 0, 0, 0.92);
    border-right: 1px solid var(--border-color);
}

.upload-title,
.section-title,
.panel-title {
    font-weight: 600;
    letter-spacing: -0.01em;
}

.generate-btn,
.submit-btn,
.confirm-btn {
    background: var(--text-primary) !important;
    color: #000 !important;
    border: none !important;
    border-radius: 999px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

.generate-btn:hover,
.submit-btn:hover,
.confirm-btn:hover {
    background: #ffffff !important;
}

.stat-value,
.points-value,
.consumption-stat-value {
    font-family: var(--font-mono);
    color: var(--primary-color);
}

.consumption-title i,
.consumption-highlight i,
.consumption-stat-icon i,
.consumption-item.consumption-type .consumption-type-icon i {
    color: var(--primary-color) !important;
}

.consumption-stat-icon.recharge-icon i {
    color: #fbbf24 !important;
}

.consumption-eyebrow {
    color: var(--primary-color);
}

/* Mint NFT 弹窗 */
.work-mint-dialog {
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: linear-gradient(170deg, rgba(15, 15, 15, 0.98), rgba(5, 5, 5, 0.96)) !important;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.7) !important;
}

.mint-hash-section {
    border-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.02) !important;
}

.mint-hash-value {
    color: var(--primary-color) !important;
    background: rgba(74, 222, 128, 0.08) !important;
    border-color: rgba(74, 222, 128, 0.28) !important;
}

.mint-audio-cover i,
.mint-preview-empty i {
    color: var(--primary-color) !important;
}

.register-link a,
.login-link a,
.auth-switch-link {
    color: var(--primary-color) !important;
}

.register-link a:hover,
.login-link a:hover,
.auth-switch-link:hover {
    color: var(--primary-color-hover) !important;
}

@media (prefers-reduced-motion: reduce) {
    canvas#codeRain,
    .panel-code-rain {
        display: none;
    }
}