/* 基础样式 - 字体、重置、全局样式 */

/* CSS 变量 - 统一管理常用值 */
:root {
    /* 主题色 */
    --color-primary: #e91e63;
    --color-primary-dark: #c2185b;
    --color-primary-darker: #880e4f;
    --color-primary-light: #f48fb1;
    
    /* 文字阴影 */
    --text-shadow-outline: 
        3px 3px 0 #000000,
        -3px 3px 0 #000000,
        3px -3px 0 #000000,
        -3px -3px 0 #000000,
        3px 0 0 #000000,
        -3px 0 0 #000000,
        0 3px 0 #000000,
        0 -3px 0 #000000;
    
    /* 移动端文字阴影（稍小） */
    --text-shadow-outline-mobile: 
        2px 2px 0 #000000,
        -2px 2px 0 #000000,
        2px -2px 0 #000000,
        -2px -2px 0 #000000,
        2px 0 0 #000000,
        -2px 0 0 #000000,
        0 2px 0 #000000,
        0 -2px 0 #000000;
    
    /* z-index 层级管理 */
    --z-base: 1;
    --z-image: 2;
    --z-image-active: 50;
    --z-image-dragging: 100;
    --z-resize-handle: 19000;
    --z-top-content: 20000;
    --z-top-content-elements: 20002;
    --z-text: 20003;
}

@font-face {
    font-family: 'XiangJiao';
    src: url('../XiangJiaoKuanMaoShuaLingGanTi-2.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

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

body {
    font-family: 'Microsoft YaHei', Arial, sans-serif;
    background: linear-gradient(135deg, #fff1f8 0%, #ffe4f0 50%, #ffd7e8 100%);
    background-image: 
        radial-gradient(circle at 20% 30%, rgba(255, 182, 193, 0.3) 0%, transparent 50%),
        radial-gradient(circle at 80% 70%, rgba(255, 105, 180, 0.2) 0%, transparent 50%),
        linear-gradient(135deg, #fff1f8 0%, #ffe4f0 50%, #ffd7e8 100%);
    min-height: 100vh;
    padding: 20px;
    color: #333;
}

/* 标题样式 */
.title {
    text-align: center;
    color: var(--color-primary, #e91e63);
    font-size: 36px;
    margin-bottom: 30px;
    text-shadow: 2px 2px 4px rgba(233, 30, 99, 0.2);
    font-weight: bold;
}