/* 全局设置 */
/* @link https://utopia.fyi/type/calculator?c=320,18,1.2,1440,20,1.25,6,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 */

:root {

    --shadow-1: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow-2: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-3: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --shadow-4: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --shadow-5: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --shadow-6: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
/* 背景阴影 */
.shadow-1 {
    box-shadow: var(--shadow-1);
}
.shadow-2 {
    box-shadow: var(--shadow-2);
}
.shadow-3 {
    box-shadow: var(--shadow-3);
}
.shadow-4 {
    box-shadow: var(--shadow-4);
}
.shadow-5 {
    box-shadow: var(--shadow-5);
}
.shadow-6 {
    box-shadow: var(--shadow-6);
}