/* Manrope — 本地静态字体（与 Pixso「Manrope3」一致，Web 族名为 Manrope） */
@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url("../fonts/manrope/Manrope-Light.ttf") format("truetype");
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/manrope/Manrope-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/manrope/Manrope-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/manrope/Manrope-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "Manrope";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/manrope/Manrope-Bold.ttf") format("truetype");
}

:root {
    --rpx: 1px;

    --font-sans: "Manrope", "PingFang SC", "Microsoft YaHei", sans-serif;

    --page-max-width: 828px;
    --page-side-gap: 0px;
    --page-safe-width: min(100vw, var(--page-max-width));

    --theme-bg: #183974;
    --theme-bg-soft: #0b2a61;
    --theme-card: rgba(255, 255, 255, 0.1);
    --theme-card-border: rgba(255, 255, 255, 0.28);
    --theme-primary: #2655a8;
    --theme-accent: #46d4cb;
    --theme-text: #ffffff;
    --theme-text-soft: rgba(255, 255, 255, 0.68);
}

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    color: var(--theme-text);
    background-color: #183974;
    font-family: var(--font-sans);
    overflow-x: hidden;
}

body .container#page{
    background-image:
            linear-gradient(180deg, rgba(24, 57, 116, 0) 30%, #183974 calc(1800 * var(--rpx))),
            url("../images/party_bg.webp");
    background-position: center calc(120 * var(--rpx)), center top;
    background-size: 100% auto, 100% auto;
    background-repeat: no-repeat, no-repeat;
}

body.action--site-welcome .container#page,
body.action--site-scanResult .container#page{
    background-image:
            linear-gradient(180deg, rgba(24, 57, 116, 0) 30%, #183974 calc(1800 * var(--rpx))),
            url("../images/home_bg.webp");
    background-position: center calc(120 * var(--rpx)), center top;
    background-size: 100% auto, 100% auto;
    background-repeat: no-repeat, no-repeat;
}


body {
    min-height: 100vh;
}

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

button,
input,
select,
textarea {
    font-family: inherit;
}

.container#page {
    min-height: 100vh;
}

/* 宽屏：整页内容区固定 828 宽并水平居中；两侧仍用全局 body 渐变，形成自然「边距」 */
@media (min-width: 829px) {
    .container#page {
        max-width: 828px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}