:root {
    --primary-bg: #FFF9E6;
    --accent-pink: #FF66C4;
    --accent-blue: #00F0FF;
    --accent-yellow: #FFDE59;
    --accent-purple: #7D2AE8;
    --accent-white: #FFFFFF;
    --text-dark: #1E1B18;
    --game-border: 4px solid var(--text-dark);
    --card-shadow: 6px 6px 0px var(--text-dark);
    --card-shadow-lg: 10px 10px 0px var(--text-dark);
    --img-placeholder: #EFFFFF;
    --tag-bg: #FFFFFF;
    --head-padding-top-bottom: 5px;
    --head-logo-height: 87px;
    --header-height: calc(var(--head-padding-top-bottom) * 2 + var(--head-logo-height));
}

* { margin: 0; padding: 0; box-sizing: border-box; font-family: "PingFang TC", "sans-serif"; }
body {
    background: var(--primary-bg); color: var(--text-dark); overflow-x: hidden;
    display: flex;
    flex-direction: column;
}
.container-width{
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 20px;
}