@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: "OPPO Sans 4.0";
    }

    @font-face {
        font-family: 'OPPO Sans 4.0';
        src: url('../../static/font/OPPO Sans 4.0.woff2') format('woff2');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    :root {
        /* 48 栅格单位 */
        --x: calc(100vw / 48);
    }
}