body.x-cg-public-skin {
    --xcg-ink: #111214;
    --xcg-muted: #6f7379;
    --xcg-soft: #a0a4aa;
    --xcg-line: #e1e2e4;
    --xcg-panel: #ffffff;
    --xcg-soft-panel: #f7f7f8;
    min-height: 100vh;
    color: var(--xcg-ink) !important;
    background: #ffffff !important;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

body.x-cg-public-skin::before,
body.x-cg-public-skin::after {
    display: none !important;
}

body.x-cg-public-skin .glass-nav,
body.x-cg-public-skin > nav.glass {
    border-bottom: 1px solid var(--xcg-line) !important;
    background: rgba(255, 255, 255, .94) !important;
    box-shadow: 0 10px 30px rgba(17, 18, 20, .05) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
}

body.x-cg-public-skin .glass-card,
body.x-cg-public-skin .section-card,
body.x-cg-public-skin .policy-content {
    border-color: var(--xcg-line) !important;
    background: var(--xcg-panel) !important;
    box-shadow: 0 18px 48px rgba(17, 18, 20, .07) !important;
}

body.x-cg-public-skin .glass-card::before,
body.x-cg-public-skin .section-card::before {
    display: none !important;
}

body.x-cg-public-skin .brand-prefix,
body.x-cg-public-skin .brand-accent,
body.x-cg-public-skin .text-slate-900,
body.x-cg-public-skin .text-slate-800 {
    color: var(--xcg-ink) !important;
    background: none !important;
    -webkit-text-fill-color: var(--xcg-ink) !important;
}

body.x-cg-public-skin .brand-accent {
    font-weight: 950;
    letter-spacing: -.06em;
}

body.x-cg-public-skin .text-slate-700,
body.x-cg-public-skin .text-slate-600,
body.x-cg-public-skin .text-slate-500 {
    color: var(--xcg-muted) !important;
}

body.x-cg-public-skin .text-slate-400 {
    color: var(--xcg-soft) !important;
}

body.x-cg-public-skin .text-indigo-500,
body.x-cg-public-skin .text-indigo-600,
body.x-cg-public-skin .text-indigo-700 {
    color: #5057bd !important;
}

body.x-cg-public-skin .text-fuchsia-500,
body.x-cg-public-skin .text-rose-500 {
    color: #b25578 !important;
}

body.x-cg-public-skin .text-amber-500,
body.x-cg-public-skin .text-amber-700 {
    color: #9a6a18 !important;
}

body.x-cg-public-skin .text-emerald-500,
body.x-cg-public-skin .text-emerald-600 {
    color: #2d8a59 !important;
}

body.x-cg-public-skin .page-pill,
body.x-cg-public-skin .page-pill-secondary,
body.x-cg-public-skin .page-pill-primary {
    border: 1px solid var(--xcg-line) !important;
    box-shadow: none !important;
}

body.x-cg-public-skin .page-pill-secondary {
    background: var(--xcg-soft-panel) !important;
    color: #4e5157 !important;
}

body.x-cg-public-skin .page-pill-secondary:hover {
    border-color: #bfc2c7 !important;
    color: var(--xcg-ink) !important;
    background: #eef0f2 !important;
}

body.x-cg-public-skin .page-pill-primary {
    background: var(--xcg-ink) !important;
    color: #ffffff !important;
}

body.x-cg-public-skin .page-pill-primary:hover {
    background: #2a2c30 !important;
    color: #ffffff !important;
}

body.x-cg-public-skin .soft-chip {
    border-color: #d8daf7 !important;
    background: #f1f2ff !important;
    color: #5057bd !important;
}

body.x-cg-public-skin .policy-content h2 {
    color: #5057bd !important;
}

body.x-cg-public-skin .policy-content h3 {
    color: #9a6a18 !important;
}

body.x-cg-public-skin .policy-content p,
body.x-cg-public-skin .policy-content li {
    color: #4e5157 !important;
}

body.x-cg-public-skin .policy-content a {
    color: #5057bd !important;
}

body.x-cg-public-skin .policy-highlight {
    border-color: #d8daf7 !important;
    background: #f7f7ff !important;
}

body.x-cg-public-skin .border-white\/80,
body.x-cg-public-skin .border-white\/85,
body.x-cg-public-skin .border-white\/40 {
    border-color: var(--xcg-line) !important;
}

body.x-cg-public-skin .bg-white\/45,
body.x-cg-public-skin .bg-white\/68,
body.x-cg-public-skin .bg-white\/72,
body.x-cg-public-skin .bg-white\/78,
body.x-cg-public-skin .bg-white\/80 {
    background: var(--xcg-panel) !important;
}

body.x-cg-public-skin .bg-slate-50\/90,
body.x-cg-public-skin .bg-slate-50\/92 {
    background: var(--xcg-soft-panel) !important;
}

body.x-cg-public-skin .page-footer,
body.x-cg-public-skin > footer {
    width: 100% !important;
    margin-top: auto !important;
    border-top: 1px solid var(--xcg-line) !important;
    background: var(--xcg-soft-panel) !important;
    color: var(--xcg-muted) !important;
    box-shadow: none !important;
}

body.x-cg-public-skin > footer.bg-white\/45 {
    background: var(--xcg-soft-panel) !important;
}

body.x-cg-public-skin .page-footer > div,
body.x-cg-public-skin > footer > div {
    width: min(1200px, calc(100% - 48px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    justify-content: center !important;
    text-align: center !important;
}

body.x-cg-public-skin .page-footer > div > div,
body.x-cg-public-skin > footer > div > div {
    width: 100% !important;
    margin-left: 0 !important;
    justify-content: center !important;
}

body.x-cg-public-skin .footer-meta,
body.x-cg-public-skin .footer-link,
body.x-cg-public-skin .page-footer span,
body.x-cg-public-skin > footer span {
    color: var(--xcg-muted) !important;
}

body.x-cg-public-skin .footer-meta:hover,
body.x-cg-public-skin .footer-link:hover,
body.x-cg-public-skin .page-footer a:hover,
body.x-cg-public-skin > footer a:hover {
    color: var(--xcg-ink) !important;
}

body.x-cg-public-skin .pricing-card {
    border-color: var(--xcg-line) !important;
    background: var(--xcg-panel) !important;
    box-shadow: 0 18px 48px rgba(17, 18, 20, .07) !important;
}

body.x-cg-public-skin .pricing-card:hover {
    border-color: #c7c9cd !important;
    background: #ffffff !important;
    box-shadow: 0 24px 58px rgba(17, 18, 20, .1) !important;
}

body.x-cg-public-skin .pricing-card.is-selected,
body.x-cg-public-skin .pricing-card.featured {
    border-color: #111214 !important;
    background: #ffffff !important;
}

body.x-cg-public-skin .pricing-card .plan-btn,
body.x-cg-public-skin .pricing-card.is-selected .plan-btn {
    border-color: #111214 !important;
    background: #111214 !important;
    color: #ffffff !important;
}

body.x-cg-public-skin .pricing-card .plan-btn:hover {
    background: #2a2c30 !important;
}

body.x-cg-public-skin .pricing-card .bg-slate-900 {
    background: #111214 !important;
}

body.x-cg-public-skin .pricing-card .bg-slate-50\/90 {
    border-color: var(--xcg-line) !important;
}

body.x-cg-public-skin .activity-badge {
    background: #fff3d6 !important;
    color: #8a631a !important;
    box-shadow: none !important;
}

body.x-cg-public-skin .activity-credit-chip {
    border-color: #ecd8a5 !important;
    background: #fff9e9 !important;
    color: #8a631a !important;
}

body.x-cg-public-skin .activity-credit-chip.base {
    border-color: var(--xcg-line) !important;
    background: var(--xcg-soft-panel) !important;
    color: var(--xcg-muted) !important;
}

body.x-cg-public-skin .login-modal,
body.x-cg-public-skin .purchase-panel {
    border-color: var(--xcg-line) !important;
    background: #ffffff !important;
    box-shadow: 0 24px 60px rgba(17, 18, 20, .14) !important;
}

body.x-cg-public-skin .purchase-overlay {
    background: rgba(17, 18, 20, .28) !important;
}

@media (max-width: 720px) {
    body.x-cg-public-skin .page-footer > div,
    body.x-cg-public-skin > footer > div {
        width: calc(100% - 28px) !important;
    }
}