/*  Landing foundation · source-order-preserving landing stylesheet.  */

      :root {
        --night: #090a0e;
        --night-2: #101116;
        --night-3: #15161c;
        --paper: #ece8df;
        --paper-2: #ddd7cc;
        --ink: #17161b;
        --text: #eeeae3;
        --muted: #928e86;
        --muted-dark: #666158;
        --amber: #edb94c;
        --amber-deep: #9a6a16;
        --teal: #4db8b0;
        --coral: #d47a6b;
        --line-dark: rgba(238, 234, 227, 0.14);
        --line-light: rgba(23, 22, 27, 0.16);
        --serif: "Noto Serif SC", "Songti SC", serif;
        --sans: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
        --content: 1480px;
        --margin-width: 186px;
        --nav-height: 72px;
        --ease: cubic-bezier(0.2, 0.76, 0.2, 1);
        --logo: url("/res/company_logo_cn.svg");
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
        scroll-padding-top: calc(var(--nav-height) + 16px);
      }

      body {
        margin: 0;
        min-width: 320px;
        overflow-x: hidden;
        color: var(--text);
        background: var(--night);
        font-family: var(--sans);
        font-weight: 300;
        line-height: 1.75;
        -webkit-font-smoothing: antialiased;
      }

      body.menu-open {
        overflow: hidden;
      }
      a {
        color: inherit;
        text-decoration: none;
      }
      img {
        display: block;
        max-width: 100%;
      }
      button {
        font: inherit;
        color: inherit;
      }

      ::selection {
        color: var(--night);
        background: var(--amber);
      }

      :focus-visible {
        outline: 2px solid var(--amber);
        outline-offset: 4px;
      }

      .shell {
        width: min(calc(100% - 72px), var(--content));
        margin: 0 auto;
      }