:root {
    --ink: #050505;
    --gold-line: #9a9056;
    --contact-bg: #3f3f3f;
    --line-green: #8ee0b7;
    --home-design-width: 617px;
    --page-background-color: #fff;
    --home-canvas-color: #d9e9f3;
    --menu-canvas-color: #fff;
}

* { box-sizing: border-box; }

.is-hidden { display: none !important; }

html { scroll-behavior: smooth; }

body {
    margin: 0;
    font-family: Arial, "Noto Sans TC", sans-serif;
    color: var(--ink);
    background: var(--page-background-color);
}

body.is-phone-stage { overflow: auto; }

a {
    color: inherit;
    text-decoration: none;
}

.site-shell { min-height: 100vh; }

.phone-stage {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background: var(--page-background-color);
    box-shadow: none;
}

.nl-phone-page {
    position: relative;
    width: min(100vw, var(--home-design-width));
    margin: 0 auto;
    min-height: 0;
    overflow: hidden;
    background: #fff;
}