.toast-container[data-v-cddbacaa] {
    z-index: 9999;
    -webkit-backdrop-filter: blur(18px)saturate(180%);
    backdrop-filter: blur(18px)saturate(180%);
    pointer-events: none;
    background: #ffffffd1;
    border: 1px solid #fff6;
    border-radius: 18px;
    justify-content: center;
    align-items: center;
    min-width: 260px;
    max-width: 90vw;
    padding: 14px 24px;
    display: flex;
    position: fixed;
    top: 60px;
    left: 50%;
    transform: translate(-50%);
    box-shadow: 0 4px 12px #00000008,0 20px 40px #0000001a
}

@media (width<=768px) {
    .toast-container[data-v-cddbacaa] {
        width: calc(100% - 64px);
        padding: 16px 20px;
        top: 50%;
        transform: translate(-50%,-50%)
    }
}

.toast-content[data-v-cddbacaa] {
    align-items: center;
    gap: 12px;
    display: flex
}

.toast-icon[data-v-cddbacaa] {
    flex-shrink: 0;
    width: 20px;
    height: 20px
}

.toast-message[data-v-cddbacaa] {
    color: #1d1d1f;
    letter-spacing: -.01em;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5
}

.success .toast-icon[data-v-cddbacaa] {
    color: #10b981
}

.warning .toast-icon[data-v-cddbacaa] {
    color: #ff4d4f
}

.info .toast-icon[data-v-cddbacaa] {
    color: #3498db
}

.toast-enter-active[data-v-cddbacaa] {
    transition: all .4s cubic-bezier(.23,1,.32,1)
}

.toast-leave-active[data-v-cddbacaa] {
    transition: all .25s cubic-bezier(.4,0,1,1)
}

.toast-enter-from[data-v-cddbacaa] {
    opacity: 0;
    transform: translate(-50%,-10px)scale(.92)
}

@media (width<=768px) {
    .toast-enter-from[data-v-cddbacaa] {
        transform: translate(-50%,-40%)scale(.9)
    }
}

.toast-leave-to[data-v-cddbacaa] {
    opacity: 0;
    transform: translate(-50%,-5px)scale(.98)
}

:root {
    --primary: #e63027;
    --primary-dark: #c41f17;
    --primary-light: #ff6b5a;
    --primary-bg: #e630270f;
    --blue: #3d7cff;
    --blue-light: #41b8ff;
    --gold: #d4a853;
    --gold-light: #f0d68a;
    --text: #2c3e50;
    --text-muted: #8a96a5;
    --bg: #eef3fa;
    --white: #fff;
    --card-border: #b4c8e640;
    --shadow: 0 4px 20px #82a0c81f;
    --shadow-lg: 0 8px 32px #82a0c82e;
    --radius: 16px;
    --radius-lg: 20px
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden
}

#app {
    background: #000000;
    overflow-x: hidden
}

body {
    color: var(--text);
    background: var(--bg);
    -webkit-font-smoothing: antialiased;
    min-height: 100vh;
    font-family: PingFang SC,Noto Sans SC,Microsoft YaHei,-apple-system,sans-serif;
    overflow-x: hidden
}

a {
    color: inherit;
    text-decoration: none
}

img {
    max-width: 100%;
    height: auto;
    font-style: italic;
    display: block
}

.partner-avatar {
    aspect-ratio: 1;
    border-radius: 50%
}

.hero-banner {
    aspect-ratio: 3840/1560;
    width: 100%;
    height: auto
}

@media (width<=768px) {
    .hero-banner {
        aspect-ratio: 750/680
    }
}

.values-img {
    aspect-ratio: 2449/564
}

@media (width<=768px) {
    .values-img {
        aspect-ratio: 729/328
    }
}

.pc-page .section-title {
    color: #ffffff;
    justify-content: center;
    align-items: center;
    margin: 0;
    font-family: PingFang SC,sans-serif;
    font-size: 44px;
    font-weight: 600;
    line-height: normal;
    display: flex
}

.pc-page .title-dot {
    aspect-ratio: 1;
    object-fit: contain;
    vertical-align: middle;
    width: 12px;
    height: 12px;
    margin: 0 12px
}

[id] {
    scroll-margin-top: 80px
}