/* Layout measured from the customer's 682 x 1280 mobile screenshot. */
:root{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#534a31;background:#fff8ed;font-synthesis:none}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#fff8ed}

button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
button:focus-visible,a:focus-visible{outline:3px solid #1678fb;outline-offset:3px}
.skip-link{position:fixed;top:-70px;left:12px;padding:12px;z-index:100;background:#fff;color:#222}
.skip-link:focus{top:10px}
.landing-shell{position:relative;width:min(100%,682px);min-height:100svh;margin:auto;background:linear-gradient(#fff7e9,#fff9ef 72%);padding-bottom:calc(min(100vw,682px) * 15.98 / 100)}
.reference-poster{position:relative;width:100%;height:calc(min(100vw,682px) * 63.05 / 100);overflow:hidden}
.reference-poster img{display:block;width:100%;height:auto;max-width:none}
.reference-brand-card{margin:calc(min(100vw,682px) * 3.67 / 100) calc(min(100vw,682px) * 3.67 / 100) 0;height:calc(min(100vw,682px) * 25.66 / 100);padding:calc(min(100vw,682px) * 2.93 / 100);display:flex;align-items:center;gap:calc(min(100vw,682px) * 3.23 / 100);border:calc(min(100vw,682px) * .29 / 100) solid #dedbcb;border-radius:calc(min(100vw,682px) * 3.52 / 100);background:#fffffa;box-shadow:0 calc(min(100vw,682px) * 1.05 / 100) calc(min(100vw,682px) * 1.25 / 100) #55503c28}
.reference-logo{flex:none;width:calc(min(100vw,682px) * 19.06 / 100);height:calc(min(100vw,682px) * 19.06 / 100);border-radius:calc(min(100vw,682px) * 2.79 / 100);background:linear-gradient(130deg,#17140d,#30291b);color:#b7974c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(min(100vw,682px) * 3.1 / 100);overflow:hidden}
.reference-logo.has-logo{background:transparent;gap:0}
.reference-logo img{display:block;width:100%;height:100%;object-fit:contain}
.logo-brand{display:flex;align-items:center;gap:calc(min(100vw,682px) * .5 / 100);margin-top:calc(min(100vw,682px) * .2 / 100)}
.logo-brand svg{width:calc(min(100vw,682px) * 4.55 / 100);height:calc(min(100vw,682px) * 4.55 / 100);fill:none;stroke:#b99d51;stroke-width:1.1}
.logo-brand span{display:flex;flex-direction:column;align-items:center}
.logo-brand strong{font-family:"Times New Roman","Microsoft YaHei",serif;font-size:calc(min(100vw,682px) * 2.05 / 100);font-weight:400;white-space:nowrap}
.logo-brand small{font-size:calc(min(100vw,682px) * 1.03 / 100);letter-spacing:calc(min(100vw,682px) * .27 / 100);margin-top:calc(min(100vw,682px) * .22 / 100)}
.logo-domain{display:block;max-width:95%;font-size:calc(min(100vw,682px) * 2.8 / 100);line-height:1.2;overflow-wrap:anywhere;text-align:center}
.reference-brand-copy{min-width:0;align-self:stretch;padding-top:calc(min(100vw,682px) * 1.05 / 100);display:flex;flex-direction:column;justify-content:center;gap:calc(min(100vw,682px) * 1.32 / 100)}
.reference-brand-copy h1{margin:0;font-size:calc(min(100vw,682px) * 4.1 / 100);font-weight:750;line-height:1.35;letter-spacing:-calc(min(100vw,682px) * .09 / 100);color:#53472b;text-shadow:0 calc(min(100vw,682px) * .12 / 100) calc(min(100vw,682px) * .15 / 100) #64583a35}
.reference-brand-copy p{margin:0;color:#928c79;font-size:calc(min(100vw,682px) * 2.94 / 100);line-height:1.5}
.reference-domain{font-size:calc(min(100vw,682px) * 5.13 / 100);line-height:1.05;color:#b69a51;font-weight:750;max-width:calc(min(100vw,682px) * 65 / 100);overflow-wrap:anywhere}
.reference-features{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(min(100vw,682px) * 2.35 / 100) calc(min(100vw,682px) * 2.2 / 100);margin:calc(min(100vw,682px) * 5.13 / 100) calc(min(100vw,682px) * 3.67 / 100) 0}
.reference-feature{display:block;min-width:0;text-align:left;min-height:calc(min(100vw,682px) * 19.06 / 100);padding:calc(min(100vw,682px) * 2.65 / 100) calc(min(100vw,682px) * 2.64 / 100) calc(min(100vw,682px) * 2.2 / 100);border:calc(min(100vw,682px) * .29 / 100) solid #dcd8c8;border-radius:calc(min(100vw,682px) * 2.5 / 100);background:#fffff9;box-shadow:0 calc(min(100vw,682px) * 1.2 / 100) calc(min(100vw,682px) * 1.2 / 100) #57534028;color:#51472d}
.reference-feature>div{display:flex;align-items:center;gap:calc(min(100vw,682px) * 3.08 / 100);white-space:nowrap}
.reference-feature span{color:#ad965a;font-size:calc(min(100vw,682px) * 3.24 / 100);font-weight:700;line-height:1.5}
.reference-feature h2{margin:0;font-size:calc(min(100vw,682px) * 3.82 / 100);font-weight:750;line-height:1.5}
.reference-feature p{font-size:calc(min(100vw,682px) * 2.79 / 100);line-height:1.5;color:#928d7c;margin:calc(min(100vw,682px) * 2.5 / 100) 0 0;white-space:nowrap}
.reference-tagline{text-align:center;color:#b3984b;font-size:calc(min(100vw,682px) * 3.37 / 100);line-height:1.5;font-weight:750;margin:calc(min(100vw,682px) * 6.6 / 100) 0 0;text-shadow:0 calc(min(100vw,682px) * .14 / 100) calc(min(100vw,682px) * .18 / 100) #a68c4733}
.reference-download{text-align:center;margin-top:calc(min(100vw,682px) * 5.13 / 100);padding-bottom:calc(min(100vw,682px) * 3 / 100)}
.reference-divider{height:calc(min(100vw,682px) * 4.69 / 100);display:flex;justify-content:space-between;padding:0 calc(min(100vw,682px) * 23.7 / 100)}
.reference-divider i{display:block;width:calc(min(100vw,682px) * 14.08 / 100);height:calc(min(100vw,682px) * .44 / 100);background:linear-gradient(90deg,#b69a4a0a,#d6c79490,#b69a4a0a)}
.reference-divider i:last-child{transform:translateY(calc(min(100vw,682px) * 4.7 / 100))}
.reference-download h2{margin:0;font-size:calc(min(100vw,682px) * 5.57 / 100);font-weight:800;line-height:1.4;color:#b69a50;letter-spacing:-calc(min(100vw,682px) * .12 / 100);text-shadow:0 calc(min(100vw,682px) * .22 / 100) calc(min(100vw,682px) * .2 / 100) #a38b4140}
.reference-download p{margin:calc(min(100vw,682px) * .15 / 100) 0 0;color:#958a6c;font-size:calc(min(100vw,682px) * 3.52 / 100);line-height:1.5}
.reference-service{position:fixed;z-index:20;right:max(calc((100vw - 682px)/2 + calc(min(100vw,682px) * 1.32 / 100)),calc(min(100vw,682px) * 1.32 / 100));bottom:calc(calc(min(100vw,682px) * 26.65 / 100) + env(safe-area-inset-bottom));width:calc(min(100vw,682px) * 13.34 / 100);height:calc(min(100vw,682px) * 13.34 / 100);border:calc(min(100vw,682px) * .52 / 100) solid #1680ff;border-radius:calc(min(100vw,682px) * 4.1 / 100);background:#fffef8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:calc(min(100vw,682px) * .1 / 100);color:#1783fa}
.reference-service svg{width:calc(min(100vw,682px) * 6.16 / 100);height:calc(min(100vw,682px) * 6.16 / 100);fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.6}
.reference-service span{font-size:calc(min(100vw,682px) * 2.65 / 100);line-height:1.3}
.reference-bottom{position:fixed;z-index:30;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,682px);min-height:calc(min(100vw,682px) * 15.98 / 100);padding:calc(min(100vw,682px) * 3.37 / 100) calc(min(100vw,682px) * 2.49 / 100) calc(calc(min(100vw,682px) * 3.37 / 100) + env(safe-area-inset-bottom));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(min(100vw,682px) * 4.84 / 100);background:#292824f2}
.reference-bottom button{display:block;border:0;border-radius:calc(min(100vw,682px) * 2.35 / 100);height:calc(min(100vw,682px) * 9.09 / 100);color:#fff;font-size:calc(min(100vw,682px) * 3.52 / 100);font-weight:400;line-height:1;white-space:nowrap;box-shadow:0 calc(min(100vw,682px) * .25 / 100) calc(min(100vw,682px) * 1.2 / 100) #0002}
.game-action{background:#1677ff}.download-action{background:#ffa900}
.toast{position:fixed;z-index:80;bottom:125px;left:50%;transform:translateX(-50%);width:max-content;max-width:min(88vw,520px);padding:13px 18px;border-radius:9px;background:#24211de8;color:#fff;font-size:14px;line-height:1.5;box-shadow:0 4px 15px #0002}
.toast[hidden],.config-status[hidden]{display:none}
.config-status{position:relative;z-index:40;padding:12px;background:#fff4d6;color:#65481c;text-align:center;font-size:14px}.config-status button{border:0;background:transparent;color:#985b0d;text-decoration:underline;margin-left:8px}
@media(min-width:683px){body{background:#e7e3db}.landing-shell{box-shadow:0 0 35px #463d2720}.reference-service{right:calc((100vw - 682px)/2 + 9px)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

/* Match the mobile reference width without a desktop scrollbar gutter. */
html{scrollbar-width:none}html::-webkit-scrollbar{display:none}
.reference-brand-copy h1{font-size:calc(min(100vw,682px) * 4.4 / 100)}
.reference-feature h2{font-size:calc(min(100vw,682px) * 4.25 / 100)}
.reference-feature span{font-size:calc(min(100vw,682px) * 3.52 / 100)}
.reference-feature p{font-size:calc(min(100vw,682px) * 2.93 / 100)}
.reference-download h2{font-size:calc(min(100vw,682px) * 5.87 / 100)}
:root{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif}
.reference-feature h2{line-height:1.35}
.reference-feature p{margin-top:calc(min(100vw,682px) * 2 / 100)}
.reference-divider{height:calc(min(100vw,682px) * 3.52 / 100)}
@font-face{font-family:LandingReferenceSans;src:url('/assets/reference-source/noto-sans-sc-landing-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:LandingReferenceSans;src:url('/assets/reference-source/noto-sans-sc-landing-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:LandingReferenceSans;src:url('/assets/reference-source/noto-sans-sc-landing-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
:root{font-family:LandingReferenceSans,"Microsoft YaHei","PingFang SC",Arial,sans-serif}
.reference-brand-copy h1,.reference-feature h2{font-weight:700}
html,body{background:#fff7ec}
.landing-shell{background:#fff7ec}
.reference-brand-card,.reference-feature{background:#fdfcf7;box-shadow:0 calc(min(100vw,682px) * 1.05 / 100) calc(min(100vw,682px) * 1.25 / 100) #766b492b}
.reference-tagline{font-size:calc(min(100vw,682px) * 3.05 / 100);font-weight:700;line-height:1.657}

.reference-service{border:0;border-radius:0;background:transparent;overflow:hidden}
.original-service-art{display:block;width:100%;height:100%;background-image:url('/assets/reference-source/landing-customer-original.jpg');background-repeat:no-repeat;background-size:min(100vw,682px) auto;background-position:calc(min(100vw,682px) * -582 / 682) calc(min(100vw,682px) * -1008 / 682)}
.reference-bottom{background:#31322d;padding-top:calc(min(100vw,682px) * 3.52 / 100);padding-bottom:calc(min(100vw,682px) * 3.52 / 100 + env(safe-area-inset-bottom))}
.reference-bottom button{height:calc(min(100vw,682px) * 8.94 / 100)}