/* ============================================
   common.css - 共享样式
   PC + 移动端共用的CSS变量、字体、重置样式
   ============================================ */

/* ---- 统一CSS变量 ---- */
:root {
    --theme-color: 18, 80, 245;
    --theme-color-dark: 10, 53, 102;
    --theme-color-light: 144, 213, 249;
    --theme-color2: 124, 250, 252;
    --theme-color2-light: 231, 247, 251;
    --white: 255, 255, 255;
    --text-black: 34, 34, 34;
    --text-gray: 102, 102, 102;
    --light-gray: 221, 221, 221;
    --bg-color: 247, 247, 247;
    --bg-color2: 242, 245, 255;
}

/* ---- 字体定义 ---- */
@font-face {
    font-family: "SmileySans";
    src: url('../fonts/SmileySans-Oblique-3.otf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Floane";
    src: url('../fonts/Floane-Regular-2.otf');
    font-display: swap;
}

/* ---- 全局重置 ---- */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
    text-decoration: none;
    color: rgb(var(--text-black));
}

img {
    border: none;
    display: block;
}

ul, ol {
    list-style: none;
}

/* ---- 视口显隐控制（默认隐藏，由各自CSS激活） ---- */
[data-view="pc"],
[data-view="mobile"] {
    display: none;
}