* {
    font-family: "Helvetica", "正黑體", "STHeiti", "Microsoft JhengHei", "PingFang TC", "Heiti TC", "Noto Sans TC", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    background: linear-gradient(135deg, rgba(173, 213, 139, 0.7) 0%, rgba(255, 255, 255, 0.9) 100%);
    min-height: 100vh;
    overflow-y: auto;
    position: relative;
}

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('pic/ha_logo_back.png');
    background-size: 40px 40px;
    background-repeat: repeat;
    opacity: 0.1;
    pointer-events: none;
    z-index: -2;
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 1919px;
    height: 2576px;
    background-image: url('pic/backgound/0001_02.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: left top;
    pointer-events: none;
    z-index: -1;
}

.gallery-view,
.fullscreen-view,
.photo-container {
    position: relative;
    z-index: 1;
}